@media not all and (min-resolution:.001dpcm) { 
	@media {
    /*
      MEDIA QUERIES POUR CIBLER SAFARI UNIQUEMENT
     */   
    
    }
}
@media(min-width: 481px){}

@media(min-width: 768px){
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#header-coordonnees #header-portfolio{
		display: grid;
		width: 100%;
		order: -1;
		grid-gap: 5px;
		transition: .6s;
		grid-template-columns: repeat(3,1fr);
		max-width: 100%;
		grid-template-rows: repeat(2,100px);
		position: relative;
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: solid 1px rgb(255 255 255 / 40%);
	}
	#header-coordonnees #header-portfolio .portfolio-item {grid-column: span 1;}
	
	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.home #content .left-img .blocthumb{
		padding-right: 15px;
		margin-top: 11em;
		height: 29em;
	}
	.home #content .right-img .specialthumb{
		padding-left: 14px;
		margin-top: 13em;
		height: 25em;
	}

	.home #content .left-img .tertiarythumb{
		bottom: 11.5em;
		top: auto;
		height: 12.6em;
		width: 290px;
		right: 0.7em;
		left: auto;
		position: absolute;
	}
	.home #content .right-img .quaternarythumb{
		bottom: 6.5em;
		top: auto;
		height: 12.6em;
		width: 290px;
		left: 0.9em;
		position: absolute;
	}

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	.wrapper_slider:not(:nth-child(2), :nth-child(5)) .content_slider{padding-top: 50px ;}
	.wrapper_slider:nth-child(2) .wrapper_inner_slider,
    .wrapper_slider:nth-child(5) .wrapper_inner_slider{
	    display: flex;
	    flex-direction: column-reverse;
	}
	
    /*-----------------*/
	/* PRESTATIONS PAGE */
	/*-----------------*/
	.grid-img{
		grid-gap: 20px!important;
		margin-bottom: 40px;
		margin-top: 50px!important;
	}
	
	.grid-img .blocthumb{
		margin-top: 1.5rem;
		height: 320px;
	}
	.grid-img .specialthumb{height: 300px;}
	.grid-img .tertiarythumb{
		margin-top: 1.5rem;
		height: 300px;
	}
	.grid-img .quaternarythumb{height: 360px;}

	/*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
	.nohome .widget_parentpage{grid-template-columns: repeat(3, 1fr);}
	.nohome .prestations-content :is(h2,h3){font-size: 24px;}

	
}

@media(min-width: 1025px){
	/*-----------------*/
    /* HEADER */
    /*-----------------*/
	#logo{
		border-right: solid 1px #ffffff4d;
		border-left: solid 1px #ffffff4d;
		padding: 20px 0;
	}
	/*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
    #navprimary{
        border-top: solid 1px #ffffff4d;
        border-bottom:solid 1px #ffffff4d;
    }
	html[lang=de] .navigmenu .naviglink.lvl-0{
    padding: 20px 10px;
}
	.navigmenu .navigtoogle {transition: opacity 0.3s ease;  }

    .navigmenu .navigtoogle:hover ~ .navigtoogle,
    .navigmenu .navigtoogle:has(~ .navigtoogle:hover) {opacity: 0.4;  }
	
    .menu-line-indicator {
	    position: absolute;
	    bottom: -1px;
	    left: 0;
	    height: 1px; 
	    background-color: var(--white); 
	    width: 0;
	    opacity: 0;
	    pointer-events: none; 
	    transition: left 0.35s cubic-bezier(0.25, 1, 0.5, 1), 
                width 0.35s cubic-bezier(0.25, 1, 0.5, 1), 
                opacity 0.2s ease;
    }

	/*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
	#headerHome-content{padding-top: 200px;}
	
    /*-----------------*/
	/* PRESTATIONS PAGE */
	/*-----------------*/
    .specialIntro{overflow: hidden;}
    #intro-content .intro-txt{
		max-width: 870px;
		margin: 80px auto 0;
	} 
	#intro-content .intro-txt.small{
		max-width: 500px;
		padding-right: 40px;
		margin: 0 14% 0 auto;
	}
	.grid-img{grid-gap: 30px!important;margin-bottom: -20px;}
	
	.grid-img .blocthumb{
		width: 200%;
		margin-left: -100%;
		margin-top: 1.5rem;
		height: 440px;
	}
	.grid-img .specialthumb{
		height: 299px;
		margin-top: 2.5rem;
	}
	.grid-img .tertiarythumb{
		margin-top: 5.5rem;
		height: 299px;
	}
	.grid-img .quaternarythumb{
		width: 200%;
		margin-right: -100%;
		height: 440px;
	}

	/*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
	.home .prestations-gallery{padding-top: 80px;}

	/*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	#sections{padding: 280px 0 150px;}
    .section_thumb {width: 38%;}
	.section_txt {width: 62%;}
	.section_title{
		width: 100%;
		margin-bottom: 20px;
		padding: 0 60px;
	}
	.sectionsbloc{
		padding: 70px 0 0;
		width: 100%;
		flex-wrap: wrap;
	}
    .section_thumb .blocthumb {
        height: 100%;
        width: 81%;
    }
    .section_thumb .specialthumb {
        position: absolute;
        bottom: -30px;
        right: 5%;
        width: 30%;
        height: 200px;
        border: solid 10px var(--background-color);
    }
    .section_txt .wrap-text{
        padding: 50px 50px 20px;
        width: 80%;
        margin-left: auto;
        max-width: 770px;
    }
    .sectionsbloc .section_txt .wrap-content {
        padding-left: 70px;
        padding-right: 0;
    }
    .sectionsbloc .section_txt .tertiarythumb {
        position: absolute;
        left: -30%;
        bottom: 70px;
        width: 38%;
        height: 70%;
    }
	.buttons-wrap{align-items: flex-start;	}

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	#contentPage + #reassurances{margin-top: -100px;}
	#reassurances + #contentPageBis{padding-top: 350px;}
	#reassurances-wrapper{padding: 150px 30px 200px;}
	#reassurances .wrappercontent > div:first-child{min-width: 290px;}
    
    /*-----------------*/
	/* CTA */
	/*-----------------*/
	#cta{
		position: absolute;
		left: 20.4%;
		max-width: 380px;
		top: 0;
		padding: 50px 35px;
		text-align: left;
	}
	
	#cta .sociblock .share-buttons{justify-content:flex-start;}
	
	/*-----------------*/
	/* GALLERY FOOTER */
	/*-----------------*/
	#galleryFooter .gallery .gallery-item:nth-child(11n + 1){grid-column: span 2}
	#galleryFooter .gallery .gallery-item:nth-child(11n + 6){
		grid-row: span 2;
		grid-column: span 2
	}
	
	#galleryFooter .gallery .gallery-item:nth-child(11n + 8){grid-column: span 2}
	#galleryFooter{padding-top: 80px;}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#infoadresseFooter br{display: none;}
	.wrapperFooter {
        margin-top: -125px;
        padding: 50px;
        width: 94%
    }
	body:not(.template-contact-php) #footer #footerbloc {
        padding: 120px 20px;
        padding-bottom: 250px
    }

    body:not(.template-contact-php) #footerLinks {padding: 40px 20px}
}

@media(min-width: 1281px){
    /*-----------------*/
	/* PRESTATIONS PAGE */
	/*-----------------*/
	#intro-content .intro-txt{margin: 40px auto 0;}

	/*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	.section_thumb {width: 40%;}
    .section_txt {width: 58%;}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	 body:not(.template-contact-php) #footerLinks {padding: 70px 20px}
}

@media(min-width: 1481px){
	/*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	.section_txt .wrap-text {padding: 60px 70px;}
}

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

@media(max-width: 1680px){
	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.home .prestations-gallery > div{height: 250px;}
}

@media(max-width: 1480px){
	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.home #content .middle-content {padding: 340px 50px 260px;}
	.home #content:before {width: 70em;}
	
	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.home .prestations-gallery > div{height: 210px;}
}

@media(max-width: 1280px){
	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.home #content:before {
        width: 60em;
        height: 21em;
    }
	.home #content .middle-content{
		padding: 340px 0 300px;
		font-size: 17px;
	}
	.home #content .left-img{padding-right: 30px;}
	.home #content .right-img{
		padding-left: 30px;
	}
	.home #content .left-img .tertiarythumb{right: 1.6em;}
	
	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.home .prestations-gallery > div{height: 170px;}

	/*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	#choixSections:before {
		left: 30px;
		width: calc(100% - 60px);
		top: 83px;
	}
	#choixSections:after {left: 20px;top: calc(100% + 64px);}

	.subimageSections{--size: 50px;}
	#choixSections .linkSections .subimageSections:before{font-size: 1.5em;}
	#choixSections .linkSections p{padding: 0 15px;	}

}

@media(max-width: 1024px){
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#autotraduction{
	    background: var(--title-color);
	    padding: 8px;
	    margin-bottom: 10px;
	}
	#info-toogle{place-self: flex-start;}
	
	/*-----------------*/
	/* NAVPRIMARY */
	/*-----------------*/
	.navigmenu .naviglink.lvl-0 span:after{
		content: '';
	    display: inline-block;
	    width: calc(100% - 2px);
	    height: 1px;
	    background-color: currentColor;
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    transform: scaleX(0);
	    transform-origin: left;
	    transition: transform .26s cubic-bezier(.33,.02,0,.93)
	}

	.navigmenu .naviglink.lvl-0:hover span:after{
		transform: scaleX(1);
	}

	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	.door_area{
	    --width: 200px;
	    --height: 300px;
	}
	#headerHome-content{padding-top: 140px;}

	
	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.home #content {padding: 150px 0 100px;}
	.home #content:before {
        width: 700px;
        height: 240px;
	}
	
	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.home .prestations-gallery > div{height: 120px;}
	.home .prestations-content .content_link, 
	.home .prestations-content .tc_excerpt{
	    font-size: 15px;
	    line-height: 1.5;
	}
	.home .prestations-tarifs strong{font-size: 22px;}
	.home .bloc_prestations{min-height: 500px;}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	#sections{padding-top: 100px;padding-bottom: 100px;}
    #choixSections {display: none;}
    #sections .sectionsbloc {
	    flex-direction: column;
	    display: flex;
	}
	.section_thumb {
        height: 450px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: 450px;
    }
	#sections .tertiarythumb{
	    margin-top: 50px;
	    height: 300px;
	}
	#sections .section_title {
        gap: 0;
        padding: 60px 30px 10px;
    }

	/*-----------------*/
	/* GALLERYHOME */
	/*-----------------*/
	#galleryHome{
		margin: 100px 0;
		background: none;
	}

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	#contentPage + #reassurances{margin-top: -100px;}
	#reassurances + #contentPageBis{padding-top: 230px;}
	#reassurances .linkTurn{margin-top: 20px;}
	.picto-container li p strong{font-size: 22px;}
	#reassurances-wrapper{padding-bottom: 150px;}
	#reassurances-img{height: 40vh;}

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	.title_slider{font-size: 22px;}
    #news-title h2:after{left: 30%;}
	#news .grid.gutter50{gap: 15px;}
	#news  .title_slider{font-size: 20px;}

	/*-----------------*/
    /* CTA */
    /*-----------------*/
	#cta .title h2{font-size: 22px;}
	#cta-buttons{justify-content: center;}
	
    /*-----------------*/
    /* GALLERY FOOTER */
    /*-----------------*/
	#galleryFooter .gallery {
		grid-template-columns: repeat(4,1fr);
		grid-auto-rows: 160px;
	}
	#galleryFooter .gallery .gallery-item.empty-item{display: none;}
	#galleryFooter .gallery .gallery-item:nth-child(11){grid-column: span 2;}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	.wrapperFooter {padding: 60px 15px;grid-gap: 0!important;}
}

@media(max-width: 767px){
	/*-----------------*/
	/* LOADER */
	/*-----------------*/
	.loader-ring{
	    --size: 180px;
	    margin: -90px 0 0 -90px;
	}
	.loader-ring span{
    font-size: 21px;
}
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#header-coordonnees .flex > * {
	    margin: 10px auto;
	    max-width: 210px;
	    width: 100%;
	}
	#header-coordonnees{
		right: -280px;
		width: 280px;
		padding: 80px 20px 65px;
	}

	/*-----------------*/
	/* BANNER */
	/*-----------------*/
	#bannerForm .wrappercontent{padding: 0;}

	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	.door_area{
	    --width: 180px;
	    --height: 270px;
	}
	#headerHome-content{padding-top: 110px;}

	/*-----------------*/
	/* GALLERYHOME */
	/*-----------------*/
	#galleryHome{margin: 50px 0;}

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news  .title_slider{font-size: 18px;}
	#news-title{flex-direction: column;}
	#news-title .title{margin-bottom: 10px;}
	#news .thumbnail_slider{text-align: center;height: 200px;}
	#news  .thumbnail_slider img{max-height: 400px;}
	#listarticles .thumbnail_slider {height: 250px;}
	
	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.home #content:before {
        width: 300px;
        height: 100px;
    }
	
	.home #content {padding: 60px 18px 50px;}
	
	.home #content .left-img,
	.home #content .right-img{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 180px;
		grid-gap: 4px;
		padding: 2px 0;
	}
	.home #content .left-img .tertiarythumb, 
	.home #content .right-img .quaternarythumb,
	.home #content .middle-content:before,
	.home #content .middle-content:after {
		position: relative;
		right: auto;
		left: auto;
	}
	
	.home #content .middle-content{
		order: -1;
		font-size: 16px;
		padding: 0 0 30px;
	}
	.home #content .middle-content:before{
		display: block;
		margin: 0 auto 20px;
		transform: scale(0.8);
		left: auto;
	}
	.home #content .middle-content:after{content: none;}
	
	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.home .prestations-tarifs strong{font-size: 20px;}
	.home .bloc_prestations{min-height: 400px;}
	.home  .prestations-wrapper{justify-content: flex-end;}
	.home .prestations-gallery{display: none;}
	.nohome .prestations-content :is(h2,h3){font-size: 20px;}

	.home .prestations-content :is(h2,h3){font-size: 25px;}
	
    /*-----------------*/
	/* PRESTATIONS PAGE */
	/*-----------------*/
    .grid-img {
	    margin: 20px 0 40px!important;
	    grid-gap: 3px!important;
	    grid-auto-rows: 150px;
	}

	/*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	#sections{padding-top: 70px;padding-bottom: 70px;}
	#sections .section_title {padding: 50px 20px 0}
	.section_thumb{grid-auto-rows: 300px;}
	#sections .tertiarythumb{height: 200px;}

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	#contentPage + #reassurances{margin-top: -50px;}
	#reassurances + #contentPageBis{padding-top: 130px;}
	#reassurances-img{height: 250px;}
	#reassurances-wrapper{padding-bottom: 80px;}
	.picto-container{grid-template-columns: repeat(1, 1fr);}
	
	.picto-container li p{font-size: 15px;}
	.picto-container li p strong{font-size: 18px;}

	.picto-container li:nth-child(3){border-bottom: none;}

	.picto-container li{padding: 40px 20px;}

	
    /*-----------------*/
	/* GALLERY FOOTER */
	/*-----------------*/
	#galleryFooter .gallery {
		grid-template-columns: repeat(3,1fr);
		grid-auto-rows: 120px;
	}

	

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footer #footerbloc>.wrappercontent {
	    grid-template-areas:
	        "infoadresseFooter"
	        "infotelportFooter"
	        "infoouvertureFooter";
	    grid-template-columns: 1fr;
	    grid-row-gap: 20px;
	}
	.wrapperFooter {padding: 40px 15px;}
}

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