@media not all and (min-resolution:.001dpcm) { 
	@media {
    /*
      MEDIA QUERIES POUR CIBLER SAFARI UNIQUEMENT
     */   
    
    }
}
@media(min-width: 481px){
	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
    #coordonneesFooter{margin-left: 30px;}
}

@media(min-width: 768px){
	.wp-block-columns.valeurs{
    flex-wrap: nowrap !important;
}
	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	#content .content-vonthron li:nth-child(1){clip-path: polygon(100% 0, 0 0, 0 100%);}
	#content .content-vonthron li:nth-child(2){clip-path: polygon(100% 0, 0 100%, 100% 100%);}

	#content .content-vonthron{
		height: calc(100vh - 105px);
	    min-height: 400px;
	}
	#content .content-vonthron li{
		height: 100%;
		position: absolute;
	}
	#content .content-vonthron .content-body{position: absolute;}
	
	#content .content-vonthron li:nth-child(1) .content-body{
	    top: 50px;
	    left: 30px;
	}
	#content .content-vonthron li:nth-child(2) .content-body{
		bottom: 50px;
	    right: 30px;
	    text-align: right;
	}

	#content .content-vonthron .content-wrapper {width: 500px;}
	#content .content-vonthron .content-body h2{font-size: 28px;}
}

@media(min-width: 1025px){
	/*-----------------*/
    /* ELEMENTS */
    /*-----------------*/
	.sliderNoPadding .cksliderwrap{padding: 0;}
	.sliderNoPadding .cksliderwrap .ckslidercontrols  :is(.prev, .next){top: 50%;}

	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	#content .content-vonthron{min-height: 650px;}

	#content .content-vonthron li:nth-child(1) .content-body{
	    top: 60px;
	    left: 30px;
	}
	#content .content-vonthron li:nth-child(2) .content-body{
		bottom: 60px;
		right: 30px;
	}

	/*-----------------*/
    /* RECRUTEMENT */
    /*-----------------*/
	#listrecrutement .title_list_inforecrutement{font-size: 24px;}
	
	

	/*-----------------*/
	/* CERTIFICATIONS */
	/*-----------------*/
	#certifications .ckctrldiv{display: none;}
	 #certifications {
        padding: 50px 20px;
    }
	#certifications .title h2{font-size: 30px;} 
    
}

@media(min-width: 1281px){
	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	#content .content-vonthron li:nth-child(1) .content-body{
	    top: 80px;
	    left: 80px;
	}
	#content .content-vonthron li:nth-child(2) .content-body{
		bottom: 80px;
		right: 80px;
	}
	#content .content-vonthron .content-body h2{font-size: 30px;}
}

@media(min-width: 1481px){
	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	#content .content-vonthron li:nth-child(1) .content-body{
	    top: 100px;
	    left: 100px;
	}
	#content .content-vonthron li:nth-child(2) .content-body{
		bottom: 100px;
	    right: 100px;
	}
}

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

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

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

@media(max-width: 1280px){
	/*-----------------*/
    /* HEADER */
    /*-----------------*/
	.button.buttonIcon.recrutement{padding: 15px 10px;}
	.button.buttonIcon.recrutement:before{content: none;}
	.upp-link{font-size: 11px;}
	.sav strong{font-size: 12px;}
	#logoheader {width: 150px;}

}

@media(max-width: 1024px){
	/*-----------------*/
	/* LOADER */
	/*-----------------*/
	#loader-wrapper svg{width: 180px;}

	/*-----------------*/
    /* HEADER */
    /*-----------------*/
	#headerPrestations > div{--size: 30px;}
	#headerPrestations img{--size: 18px;}

	#header-coordonnees{
		right: -272px;
		width: 272px;
		padding: 67px 20px 65px;
	}
	
	/*-----------------*/
    /* BANNER + HEADERHOME*/
    /*-----------------*/
	#banner.temoignagesBanner #bannerTitle{font-size: 32px;padding: 0 45px;}
	#banner.temoignagesBanner #bannerTitle small{font-size: 13px;}
	
	
	/*-----------------*/
	/* CERTIFICATIONS */
	/*-----------------*/
	#certifications{box-shadow: 0 0 30px rgb(0 0 0 / 20%);padding: 60px 15px;}

	/*-----------------*/
    /* CTA */
    /*-----------------*/
	#cta{padding: 70px 15px;}
	#cta .cta-item{margin: 0 4px;}

	/*-----------------*/
    /* RECRUTEMENT */
    /*-----------------*/
	#listrecrutement .title_list_inforecrutement{font-size: 22px;}
	#listingOffres #formrecrutement{ order: -1;}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footerLinks{flex-direction:column}
}

@media(max-width: 767px){
	/*-----------------*/
	/* LOADER */
	/*-----------------*/
	#loader-wrapper svg{width: 100px;}


	/*-----------------*/
    /* HEADER */
    /*-----------------*/
	#info-toogle{--size: 43px;}
	#logoheader {width: 130px;}

	/*-----------------*/
	/* ELEMENTS */
	/*-----------------*/
	.moreLinks.bigLink{
	    padding: 18px 30px 18px 0;
	    display: inline-block;
	}
	.moreLinks.bigLink:after{--size: 70px;}
	.moreLinks.bigLink .more-links_icon svg{--size: 30px;}

	/*-----------------*/
    /* ELEMENTS */
    /*-----------------*/
	.ckslidercontrols :is(.next, .prev){
	    top: auto;
	    bottom: 0;
	    transform: none;
	    --size: 30px;
	}
	blockquote.has-text-align-center p, 
	.wp-block-quote.has-text-align-center p{font-size: 16px !important;}

	/*-----------------*/
    /* RECRUTEMENT */
    /*-----------------*/
	#listrecrutement .title_list_inforecrutement{font-size: 20px;}

	/*-----------------*/
    /* HEADER */
    /*-----------------*/
	#headerPrestations > div{--size: 22px;margin: 0 2px;}
	#headerPrestations img{ --size: 14px;}

	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	#content .content-vonthron .content-body{
		text-align: center;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 50px 15px;
	}


	
	/*-----------------*/
    /* BANNER + HEADERHOME*/
    /*-----------------*/

	#banner.temoignagesBanner #bannerTitle{font-size: 20px;padding: 0 15px;}
	#banner.temoignagesBanner #bannerTitle small{font-size: 12px;}

	
	/*-----------------*/
    /* CTA */
    /*-----------------*/
	#cta{padding: 50px 15px;}
	#cta .flex{flex-direction: column;}
	#cta .cta-item{
		margin: 5px 0;
		max-width: 230px;
		width: 100%;
	}
	#cta .cta-item .button{width: 100%;}


	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footerLogo{justify-content:center}
	#footer #footerMap .maps_canvas{min-height: 250px;}
	#footerSeo{text-align:center;}

	#recrutementButton #recrutementlink{padding-bottom: 55px;font-size: 14px;line-height: 1.4;}
	#recrutementButton #recrutementlink strong{display: block;}
}

@media(max-width: 480px){
	/*-----------------*/
    /* HEADER */
    /*-----------------*/
	#header-top{padding: 8px 10px;}
	.sav strong{display: block;}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#coordonneesFooter{margin-top: 20px;}
	#footerLogo{flex-direction: column;}
}