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

@media(min-width: 768px){
	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.home #content .left-img .blocthumb{
		padding-right: 15px;
		margin-top: 11em;
		height: 29em;
	}
	.home #content .right-img .specialthumb{
		padding-left: 14px;
		margin-top: 23em;
		height: 25em;
	}

	.home #content .left-img:before{
		bottom: 11.5em;
		top: auto;
		height: 12.6em;
		width: 290px;
		right: 0.7em;
		left: auto;
	}
	.home #content .right-img:before{
		bottom: 6.5em;
		top: auto;
		height: 12.6em;
		width: 290px;
		left: 0.9em;
	}
	/*-----------------*/
	/* AVANT / APRES */
	/*-----------------*/
	.widget_comparaisons li{padding: 0 10px;}
}

@media(min-width: 1025px){
	/*-----------------*/
    /* HEADER */
    /*-----------------*/
	#header-top {
	    background-color: var(--black);
	    color: var(--white);
	}
	#header-social{margin-left:auto;margin-right: 10px;}
	
	#infoadresse {order: -1}
    #header-coordonnees div br {display: none}

    #logoCoordonnees {
        grid-row: span 2;
        order: -1;
        margin: 0 60px;
    }

    #logoCoordonnees a {width: 200px;margin: 0 auto;}
	#header-coordonnees{margin: 10px auto 20px;}
	
	#header-coordonnees>:nth-child(1), 
	#header-coordonnees>:nth-child(4) {
        padding: 0 24px 0 0;
        text-align: right
    }

    #header-coordonnees>:nth-child(1) span, 
	#header-coordonnees>:nth-child(4) span {text-align: right}
	#headerSocial .sociblock .share-buttons {justify-content: flex-start}

    #header-coordonnees>:nth-child(1):before,
	#header-coordonnees>:nth-child(4):before {
        right: 0;
        left: auto
    }
	
	/*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
	#navprimary{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		border-bottom: 1px solid rgb(255 255 255 / 40%);
	}
	#navprimary .navigmenu{
		width: 100%;
	    max-width: 1200px;
	    margin: 0 auto;
	}
	#navprimary.fixed-header .navigmenu .naviglink.lvl-0:not(.item-logo) span:after{bottom: -11px;}

	/*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
	#headerHome-accroche{max-width: 600px;}

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	.home #reassurances{padding: 100px 30px;}
	#reassurances .wrappercontent > div:first-child{min-width: 380px;}

	/*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	#sections{padding: 80px 30px 0;}
	#sections .blocthumb {
        position: absolute;
        left: 0;
        top: 0;
        width: 65.9%;
        height: 85%;
    }
	.sectionsbloc .wrap-text {
        padding: 0;
        max-width: 57%;
        margin-left: auto;
        background: var(--dark-color);
        position: relative;
        z-index: 1;
        padding: 30px;
    }
	.section_txt{padding-top: 100px;}
	.section_title .title{max-width: 50%;margin-bottom: 60px;}
	.section_thumb .specialthumb{
	    position: absolute;
	    width: 284px;
	    height: 284px;
	    z-index: 1;
	    top: -285px;
	    left: -100px;
	}
	.section_thumb .tertiarythumb{
		height: 80%;
		position: relative;
		top: -15%;
	}
	.section_thumb .tertiarythumb img{object-position: center;}
	.section_thumb{padding-left: 30px;}
	.sectionsbloc{
		padding-top: 180px;
		padding-bottom: 120px;
	}

	/*-----------------*/
    /* PARTENAIRES */
    /*-----------------*/
	
	#partenaires .ckslidercontrols .next, 
	#partenaires .ckslidercontrols .prev{
	    top: 50%;
	    transform: translateY(-50%);
	    bottom: auto;
	}
	#partenaires .cksliderwrap{padding: 0 70px;}
	#partenaires .ckctrldiv{display: none;}
	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.home #prestations{
		overflow: hidden;
		z-index: 2;
		padding-bottom: 100px;
	}
	.home #prestations .widget_parentpage{margin:0 -25px;}

	#prestations .next{right: 20%;}
	#prestations .prev{left: 20%;}

	#prestations :is(.next, .prev){
		--size: 140px;
		height: var(--size);
	}
	#prestations :is(.next, .prev):not(:hover) .ckslider-svg-arrow{transform: rotateY(180deg) translate(-55px, 36.1px) scale(1.75);}
	#prestations :is(.next, .prev) svg circle{
		stroke-width: 2px;
		fill: none;
		stroke: var(--title-color);
	}
	#prestations :is(.next, .prev) .ckslider-svg-line{stroke-width: 2;}


	/*-----------------*/
	/* AVANT / APRES */
	/*-----------------*/
	.widget_comparaisons li.even {padding-top: 50px}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	body:not(.template-contact-php) #footerForm:before {
	    background: url(../images/footer-img.jpg);
	    background-attachment: fixed;
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover;
		height: 500px;
        top: 100px;
	}
	
	body:not(.template-contact-php) #footer{margin-top: 5px;}

	 .wrapperFooter {
        padding: 50px;
        width: 94%;
    }
	
}

@media(min-width: 1281px){
	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.section_thumb .specialthumb{
	    width: 334px;
	    height: 334px;
	    top: -305px;
	}
	#sections{padding: 100px 0 0 }
	.sectionsbloc .wrap-text{
		padding: 50px;
		max-width: 47%;
	}
	
	/*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
	.bloc_prestations {padding: 0 25px; }
}

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

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

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

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

@media(max-width: 1280px){
	/*-----------------*/
	/* NAVPRIMARY */
	/*-----------------*/
	.navigmenu .naviglink.lvl-0 {
        padding: 20px 8px;
        font-size: 13px;
    }
	/*-----------------*/
	/* CERTIFICATIONS */
	/*-----------------*/
	#certifications{
	right: 16%;
	}
	
	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.home #content:before {
        width: 40em;
        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:before{right: 1.6em;}
	
	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.bloc_prestations .wrap-prestations{padding: 0 15px;}
}

@media(max-width: 1024px){

	/*-----------------*/
	/* LOADER */
	/*-----------------*/
	#loader-wrapper svg{width: 240px;}

	/*-----------------*/
	/* ELEMENTS */
	/*-----------------*/
	.title.md-tac .separator {margin: 30px auto 60px}

	.title.md-tac .separator span {
	    left: 50%;
	    transform: translate(-50%,-50%) rotate(45deg)
	}

	/*-----------------*/
	/* CERTIFICATIONS */
	/*-----------------*/
	#certifications{
		bottom: -75px;
		right: auto;
		left: 50%;
		transform: translateX(-50%);
		width: 150px;
	}
	#certifications .widget_partenaires{--size: 150px;}
	#certifications .linkTurn{
		--size: 220px;
		top: -35px;
		left: -35px;
	}

	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome-content{padding-bottom: 110px;}
	#headerHome:before{
    width: 300px;
    height: 360px;
    bottom: 0;
    top: auto;
}

	
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#logoCoordonnees {order: -1;}
	#logoCoordonnees img{width: 150px;}
	#header-coordonnees>div {
        max-width: 200px;
        width: 100%;
        margin: 15px auto;
    }

	/*-----------------*/
	/* NAVPRIMARY */
	/*-----------------*/
	.navigmenu .naviglink.lvl-0 {
        padding: 10px 10px;
        font-size: 13px;
    }
	.navigmenu .naviglink.lvl-0:not(.item-logo) span:after{bottom: 0;}
	
	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.home #content {padding: 180px 0 100px;}

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	#reassurances .linkTurn{margin-top: 20px;}
	
	/*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
	.home #prestations{
		padding: 0 10px 50px;
	}
	.bloc_prestations .wrap-prestations{
		padding: 0 10px;
		clip-path: inset(0 0 100px);
	}
	.prestations-img {height: 450px;}
	.prestations-content{
	    --dist: 10px;
	    padding: 20px;
	}
	.prestations-text{display: none;}
	.prestations-content :is(h2,h3){font-size: 20px;}

	/*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	#choixSections {display: none;}
	#sections .sectionsbloc {
	    flex-direction: column;
	    display: flex;
	}
	#sections .section_thumb  {
		display: grid;
		align-items: stretch;
		grid-template-columns: repeat(2,1fr);
	}
	#sections .section_thumb > div{height: 100%;}
	#sections .section_txt .wrap-text{grid-column: span 2;}
	#sections .section_txt .blocthumb {height: 400px;}
	#sections .section_title{
	    padding: 60px 30px 10px;
	}

	/*-----------------*/
	/* AVANT / APRES */
	/*-----------------*/
	.twentytwenty-container {height: 500px!important; }

	/*-----------------*/
	/* FOOTER */
	/*-----------------*/
	.wrapperFooter {
        padding: 70px 25px;
        grid-gap: 70px!important;
    }
	#footerLinks {padding: 20px 10px;}
	.imgFooter{
		height: 300px;
		margin: 0 -25px -70px;
	}
	#logoCoordonneesFooter img{width: 150px;}
	#footerForm{padding: 0;}
	#footerLinks{
        flex-direction: column;
        align-items: center;
    }
	.marque-alsace {margin: 0 0 8px 0;}
}

@media(max-width: 767px){
	/*-----------------*/
	/* LOADER */
	/*-----------------*/
	#loader-wrapper svg{width: 160px;}
	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.bloc_prestations .wrap-prestations{
		padding: 0 5px;
		clip-path: inset(0 0 0);
	}
	.prestations-img {height: 350px;}
	.bloc_prestations .prestations-content {
	    transform: translateY(0);
	    opacity: 1;
	}
	.prestations-content :is(h2,h3){font-size: 18px;}
	.bloc_prestations { padding: 0;}

	
	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	.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;}
	.prestations-content{padding: 30px 10px;}

	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.home #content:before {
        width: 300px;
        height: 100px
    }

	.home #content {padding: 120px 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:before, 
	.home #content .right-img:before,
	.home #content .middle-content:before,
	.home #content .middle-content:after {position: relative;}
	
	.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;}
	
	/*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	#sections .section_txt .blocthumb{height: 300px;}
	#sections .section_title{padding: 50px 15px 0;}
	
	/*-----------------*/
	/* AVANT / APRES */
	/*-----------------*/
	.twentytwenty-horizontal .twentytwenty-after-label, 
	.twentytwenty-horizontal .twentytwenty-before-label {
	    font-size: 12px;
	    letter-spacing: 0;
	    padding: 5px 15px;
    }
	.twentytwenty-horizontal .twentytwenty-after-label {right: 0;}
	.twentytwenty-horizontal .twentytwenty-before-label {left: 0;}
	.twentytwenty-container {height: 300px!important;}

	/*-----------------*/
    /* PARTENAIRES */
    /*-----------------*/
	#partenaires .title{margin-bottom: 20px;}

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

	.imgFooter{margin: 0 -15px -40px;}
}

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