@media not all and (min-resolution:.001dpcm) { 
	@media {
    /*
      MEDIA QUERIES POUR CIBLER SAFARI UNIQUEMENT
     */   
    
    }
}
@media(min-width: 481px){
	.home-col{flex-wrap: nowrap!important}
}

@media(min-width: 768px){
	/*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
	#prestations .bloc_prestations {border-right: 1px solid transparent;}
	#prestations .bloc_prestations:not(:last-child) {border-right-color: #00000026;}
	.home #prestations .bloc_prestations:not(:last-child) {border-right-color: #ffffff26;}
	.prestations-content {padding: 30px 15px 20px;}

	/*-----------------*/
    /* CONTACT FORM */
    /*-----------------*/
	.wrap-fieldset .wrapCheck{padding-left: 150px;}
	
	/*-----------------*/
    /* GALLERY FOOTER */
    /*-----------------*/
	#galleryFooter .gallery .gallery-item:first-of-type{
		grid-column: span 2;
		grid-row: span 2;
	}
	#galleryFooter .gallery .gallery-item:nth-child(4) {grid-column: span 2;}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footerCoordonnees > div br{display: none;}
	#menu-footer .menu-item:not(:last-child) {margin-right: 10px;}
}

@media(min-width: 1025px){
	/*-----------------*/
    /* HEADER */
    /*-----------------*/
	#header{padding: 10px 10px;}
	#header.fixed-header #headerGrid{grid-template-columns: 100px 1fr 130px 45px;}

	/*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
	#headerHome-accroche{max-width: 800px;}
	#headerHome-content{padding-top: 100px;}
	
    /*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
    #navprimary .navigmenu{justify-content: flex-end;}
	#navprimary{margin-right: 10px;}
	#navprimary .navigmenu .naviglink.lvl-1 span {padding-left: 12px;}
	#navprimary .navigmenu .naviglink.lvl-1 span:after {
	    content: "";
	    width: 5px;
	    height: 5px !important;
	    position: absolute;
	    left: 0;
	    background-color: var(--primary-color);
	    top: 12px;
	    border-radius: 100px;
	}

	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.home #content .blocthumb {
        position: absolute;
        left: 0;
        top: 0;
        width: 65.9%;
        height: 85%;
    }
	.home #content .wrap-text {
        padding: 0;
        max-width: 57%;
        margin-left: auto;
        background: var(--background-color);
        position: relative;
        z-index: 1;
        padding: 30px;
    }
	.home #content .content_txt{padding-top: 100px;}
	.home #content .content_title .title{
		max-width: 54%;
		margin-bottom: 60px;
	}
	.home #content .content_thumb .specialthumb{
	    position: absolute;
	    width: 284px;
	    height: 284px;
	    z-index: 1;
	    top: -285px;
	    left: -100px;
	}
	.home #content .content_thumb .tertiarythumb{
		height: 115%;
		position: relative;
		top: -15%;
	}
	.home #content .content_thumb .tertiarythumb img{object-position: center;}
	.home #content .content_thumb{padding-left: 30px;}
	.home #content{
		padding-top: 100px;
		padding-bottom: 120px;
	}

	
    /*-----------------*/
    /* ACTU */
    /*-----------------*/
	#news{padding: 140px 30px;}
	.title_slider{font-size: 25px;}

	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.home #prestations{padding: 150px 30px;}
	#prestations .prestations-wrapper .liresuite {
	    position: absolute;
	    left: 50%;
	    transform: translateX(-50%);
	    bottom: 120px;
	}

	.prestations-content {padding: 20px 30px 60px;}
	.prestations-img {
		align-self: flex-end;
	    opacity: 0;
	    transform: scale(.85) translateX(0);
	    -webkit-transition: all .3s cubic-bezier(.65,.05,.36,1);
	    z-index: 1;
	    transition: all .3s cubic-bezier(.65,.05,.36,1);
	}
	.bloc_prestations:hover .prestations-img {
	    opacity: 1;
	    transform: scale(1) translateX(0);
	}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.section_txt {width: 45%;}
	.section_thumb {width: 55%;}

	.sectionsbloc{margin: 100px 0;}
	.sectionsbloc:is(.section_num0, .section_num3) .section_thumb{
		width: 100%;
		position: absolute;
		height: 100%;
	}
	.sectionsbloc:is(.section_num0, .section_num3) .section_txt{padding: 100px 30px;}
	.sectionsbloc.section_num3 .section_txt{margin-left: auto;}
	.sectionsbloc:is(.section_num0, .section_num3) .section_txt .wrap-text{
		padding: 70px 50px;
	    max-width: 650px;
	    background-color: var(--white);
	    margin-left: auto;
	    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
	}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footerLinks{justify-content: flex-start;}
	#footerLinks a{
		font-size: 10px;
		letter-spacing: 0;
	}
}

@media(min-width: 1281px){
	/*-----------------*/
    /* HEADER */
    /*-----------------*/
	#header{padding: 20px 30px;}
	
	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	.home #content .content_title .title{max-width: 60%;}
	.home #content .content_thumb .specialthumb{
	    width: 334px;
	    height: 394px;
	    top: -355px;
	}
	.home #content{padding: 160px 0 140px;}
	.home #content .wrap-text{
		padding: 50px;
		max-width: 42%;
	}
	
	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.prestations-content {padding: 20px 50px 80px;}

	/*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	.sectionsbloc:is(.section_num0, .section_num3) .section_txt{padding: 120px 60px;}

	/*-----------------*/
	/* FOOTER */
	/*-----------------*/
	#footerLinks a{letter-spacing: 0.4px;}
}

@media(min-width: 1481px){
	/*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	.sectionsbloc:is(.section_num0, .section_num3) .section_txt{padding: 150px 100px;}
}

@media(min-width: 1681px){}

@media(max-width: 2500px){
    /*-----------------*/
    /* HEADER COFFEE */
    /*-----------------*/
	#wrapper-coffee {bottom: 90px;}
}
@media(max-width: 2000px){
    /*-----------------*/
    /* HEADER COFFEE */
    /*-----------------*/
	#wrapper-coffee {bottom: 50px;}
}

@media(max-width: 1680px){
    /*-----------------*/
    /* HEADER COFFEE */
    /*-----------------*/
    #wrapper-coffee {bottom: 20px;}
}

@media(max-width: 1480px){}

@media(max-width: 1280px){
    /*-----------------*/
    /* HEADER COFFEE */
    /*-----------------*/
    #img-coffee {height: 270px;}
	#wrapper-coffee {bottom: 0;}

	/*-----------------*/
    /* NAVPRIMARY  */
    /*-----------------*/
	.navigmenu .naviglink.lvl-0{
	    font-size: 14px;
	    padding: 15px 12px;
	}

	/*-----------------*/
    /* REASSURANCES  */
    /*-----------------*/
	.picto-container li p strong{font-size: 15px;}

	/*-----------------*/
	/* GALLERY FOOTER */
	/*-----------------*/
	#galleryFooter .gallery{grid-auto-rows: 300px;	}
}

@media(max-width: 1024px){
	/*-----------------*/
    /* LOADER  */
    /*-----------------*/
	#loader-wrapper .cup{transform: scale(0.7);}
	
    /*-----------------*/
    /* HEADER COFFEE */
    /*-----------------*/
    .lte-effect-smoke img{width: 100%;}
	#img-coffee {height: 200px;}

	/*-----------------*/
    /* HEADER  */
    /*-----------------*/
	#infotelfixeHeader{
		justify-self: flex-end;
		display: flex;
		align-items: center;
	}
	
	/*-----------------*/
    /* NAVPRIMARY  */
    /*-----------------*/
	.navigmenu .naviglink.lvl-0{
	    font-size: 15px;
	    padding: 12px 12px;
	}

	/*-----------------*/
    /* HEADERHOME  */
    /*-----------------*/
	#headerHome-content{padding-top: 60px;}
	#headerHome-button{margin-top: 20px;}
	#headerHome-accroche{max-width: 500px;}

	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.home #content {
	    flex-direction: column;
	    display: flex;
	    padding-top: 60px;
	}
	#content .content_thumb  {
		display: grid;
		align-items: stretch;
		grid-template-columns: repeat(2,1fr);
		grid-auto-rows: 200px;
		gap: 5px;
		padding-top: 5px;
	}
	#content .content_thumb > div{height: 100%;}
	#content .content_txt .wrap-text{grid-column: span 2;}
	#content .content_txt .blocthumb {height: 400px;}
	#content .content_title{padding: 0;}


	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.prestations-img {order:-1}
	.prestations-content .content_link, .prestations-content .tc_excerpt{font-size: 14px;}

	
    /*-----------------*/
    /* ACTU */
    /*-----------------*/
	#news .next_slider {width: 140px;}
	
	.title_slider {font-size: 20px;}
    .newsdate .day {font-size: 30px}
    .newsdate .month {font-size: 17px}
	.newsdate {
        padding: 20px 20px;
        height: calc(100% - 140px);
        top: 50px;
        left: -60px;
        min-height: 150px
    }
	
	.thumbnail_slider{height: 300px;}
	#news-title {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        border: none;
        padding-bottom: 0;
        margin-bottom: 30px;
    }

    #news-title .title { margin-bottom: 10px}

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	.picto-container{flex-wrap:wrap;}
	.picto-container .reassurances-left{padding: 0 20px 0 0;}
	.picto-container .reassurances-right { padding: 0 0 0 20px;}
	#reassurances .picto-container #img-reassurances{
		flex: 1 1 100%;
        order: 3;
	}
	#img-reassurances img{
	    max-width: 400px;
	    margin: auto;
	    min-width: auto;
	}

	/*-----------------*/
	/* PARTENAIRES */
	/*-----------------*/
	#partenaires {
        box-shadow: inset 0 0 20px rgb(0 0 0 / 10%);
    }

	/*-----------------*/
	/* CONTACTFORM */
	/*-----------------*/
	.listTab>div{
		padding: 10px 15px;
		font-size: 12px;
	}
	#contactForm{margin-top: 40px;}
	
	/*-----------------*/
	/* GALLERY FOOTER */
	/*-----------------*/
	#galleryFooter .gallery{grid-auto-rows: 200px;	}

	/*-----------------*/
	/* FOOTER */
	/*-----------------*/
	#footerSeo p{text-align:center;max-width: 600px;}
	#footerSocial{justify-content:center;}
}

@media(max-width: 767px){
	/*-----------------*/
    /* LOADER  */
    /*-----------------*/
	#loader-wrapper .cup{transform: scale(0.4);}
	
    /*-----------------*/
    /* HEADER COFFEE */
    /*-----------------*/
    #img-coffee{height: 110px;}

	/*-----------------*/
    /* HEADER  */
    /*-----------------*/
	#header-coordonnees{
	    width: 230px;
	    padding: 80px 20px 50px;
	}
	
	#logoCoordonnees{display: none;}
	#header-coordonnees .flex > *{margin: 10px 0;}
	#header-coordonnees .flex > div{font-size: 15px;}

	/*-----------------*/
    /* HEADERHOME  */
    /*-----------------*/
	#headerHome-content{padding-top: 50px;text-align: center;}
	#headerHome-accroche{max-width: none;}
	
	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	#content .content_txt .blocthumb{height: 300px;}

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	#reassurances .picto-container #img-reassurances{order: inherit;}
	.picto-container li p strong{font-size: 14px;}
	#reassurances .picto-container > li{padding: 0 10px;}
	
	
	.leaf{transform: none !important;}
	.leaf-1{
		top: 160px;
	}
	.leaf-1 img{
		width: 150px!important;
		max-width: 100%!important;
		height: auto;
	}
	.leaf-2{top: 10px;}
	.leaf-3{top: -11px;}
	.picto-container li{ margin: 40px 0;}

	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.prestations-img {height: 250px;}
	#prestations .widget_parentpage{gap: 40px;}
	
	/*-----------------*/
	/* PRODUITS  */
	/*-----------------*/
	#btformsinglewoo h2 {font-size: 20px;	}

    /*-----------------*/
    /* ACTU */
    /*-----------------*/
	.thumbnail_slider{height: 250px;}

    #news .content_slider {padding: 20px 0 20px;}
	.text_slider, .text_slider a{font-size: 15px;line-height: 1.5;}
    .newsdate {
        left: 20px;
        top: -40px;
        height: auto;
        padding: 10px 15px;
        min-height: auto
    }
    .newsdate .month {font-size: 14px;}
    .newsdate .day {font-size: 20px;}
    .title_slider {font-size: 18px;}
    #news .next_slider {
		justify-content: flex-start;
		width: auto;
	}

	/*-----------------*/
	/* PARTENAIRES */
	/*-----------------*/
	#partenaires {padding: 60px 15px;    }

	/*-----------------*/
	/* CONTACTFORM */
	/*-----------------*/
	.listTab>div{
		padding: 10px;
		font-size: 10px;
	}
	#wrapperForm{padding: 20px 15px;}
	#contactForm .listTab{grid-template-columns: repeat(4, 1fr);}
	.wrap-fieldset .wrapCheck{margin-top: 30px;}
	
	/*-----------------*/
	/* GALLERY FOOTER */
	/*-----------------*/
	#galleryFooter .gallery{
		grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 150px;
	}

	/*-----------------*/
	/* FOOTER */
	/*-----------------*/
	#footerSocial{
	    flex-direction: column;
	    align-items: center;
	    text-align: center;
	}
	#footerSocial span{margin: 10px 0 6px 0;}
	
}

@media(max-width: 480px){}