@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){
	/*-----------------*/
    /* HEADER */
    /*-----------------*/
	#header-top :is(.left, .right) > *:not(:last-child){margin-right: 20px;}

	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.prestations-img{
		position: absolute;
		left: 0;
		top: 5%;
		bottom: 0;
		height: 90%;
		width: 0;
		-webkit-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.bloc_prestations:hover .prestations-img{width: 15.22vw;}
	.bloc_prestations:hover .prestations-title{transform: translateX(16.5vw);}
	.bloc_prestations:hover .tc_excerpt, 
	.bloc_prestations:hover .prestations-title .specialthumb{
		opacity: 0;
		transform: translateX(15%);
	}
	.bloc_prestations:hover .prestations-title .specialthumb{width: 0}
	
	/*-----------------*/
    /* REFERENCES */
    /*-----------------*/
	#references .bloc_references:nth-child(even) .references-content{order:-1}
	#references .references-inner{padding: 30px 25px;}
}

@media(min-width: 1025px){
	/*-----------------*/
    /* ELEMENTS */
    /*-----------------*/
	.sliderNoPadding .cksliderwrap{padding: 0;}
	.sliderNoPadding .cksliderwrap .ckslidercontrols  :is(.prev, .next){top: 50%;}
	
    /*-----------------*/
    /* HEADER */
    /*-----------------*/
    #header-top :is(.left, .right) > *:not(:last-child){margin-right: 10px;}
    #header-top .right .contactButton {margin-right: 5px!important;}

    /*-----------------*/
    /* NAVPRIMARY + NAVSECONDARY */
    /*-----------------*/
    #navprimary {
		padding-top: 10px;
		position: absolute;
		top: 0px;
		left: -10px;
		right: -10px;
		padding-bottom: 10px;
		background: #012759b5;
		margin-top: 20px;
	}
	#navprimary .navigmenu{justify-content: center}
    #navprimary .navigtoogle {padding: 0 4px;}
    #navprimary .navigmenu .naviglink.lvl-0{
        font-size: 13px;
        padding: 10px 10px 10px 35px;
        color: var(--white);
    }

	#header.fixed-header #header-top{display:none;}
	#header.fixed-header #navprimary {margin-top: 8px;background: var(--secondary-color);}

	#header.fixed-header #navsecondary .navigmenu .naviglink.lvl-0.item-logo span{
	    height: 50px;
	    width: 190px;
	    background-size: 70%;
	}
	#header.fixed-header #headerGrid{
    padding: 8px 10px;
}

	#navsecondary .navigmenu .naviglink.lvl-0.item-logo span {
	    display: block;
	    background-position: center;
	    background-repeat: no-repeat;
	    font-size: 0!important;
	    background-image: url(../images/logo-alt.png);
	    width: 300px;
	    background-size: 63%;
	    height: 70px;
	    padding: 0;
	}
	#navsecondary .navigmenu .naviglink.lvl-0.item-logo {
	    padding: 0;
	    margin: 0 10px;
	}

	
	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	.home #content{
    padding-bottom: 180px;
}
	#content.no-banner{padding-top: 300px;}
	.home #content .contentHome{gap: 80px;}
	#aside {
	    margin-left: 60px;
	    float: right;
	    margin-bottom: -10px;
	    pointer-events: all;
	    z-index: 2;
	    position: relative;
	}

	 /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    #sections > .wrappercontent{padding: 150px 20px;}


	/*-----------------*/
	/* PARTENAIRES */
	/*-----------------*/
	#partenaires .ckctrldiv{display: none;}
	#partenaires .title h2{font-size: 30px;}
	#partenaires{padding: 50px 15px;}
	
	/*-----------------*/
	/* CERTIFICATIONS */
	/*-----------------*/
	#certifications .ckctrldiv{display: none;}
	 #certifications {
        margin-bottom: -90px;
        margin-top: -110px;
        z-index: 2;
        background: var(--background-color);
        border-radius: 200px;
        box-shadow: 0px 10px 20px #00000017;
        padding: 20px 50px;
        width: 95%;
    }
	#certifications .title h2{font-size: 30px;}

	/*-----------------*/
    /* REFERENCES */
    /*-----------------*/
	#references .references-inner{padding: 60px 50px;}
	#references .references-inner h2{font-size: 30px;}


	/*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
	.home #prestations{
    padding-top: 240px;
}

	/*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	#reassurances{padding: 80px 20px;}

	/*-----------------*/
    /* VALEURS */
    /*-----------------*/
	#valeurs {
	    padding: 30px;
	    top: -150px;
	    width: 300px;
	}
	#valeurs h2{font-size: 22px;}
	


	 /*-----------------*/
    /* ACTU */
    /*-----------------*/
	#news{padding: 120px 15px;}

    
    
}

@media(min-width: 1281px){
	/*-----------------*/
    /* HEADER  */
    /*-----------------*/
	 #header-top :is(.left, .right) > *:not(:last-child){margin-right: 20px;}

	/*-----------------*/
    /* BANNER + HEADERHOME*/
    /*-----------------*/
	#headerHome,
	#banner{margin-top: 142px;}
	
    /*-----------------*/
    /* NAVPRIMARY  */
    /*-----------------*/
    #navprimary .navigmenu .naviglink.lvl-0 {
		font-size: 14px;
		padding: 10px 5px 10px 40px;
	}
	#navprimary .navigtoogle {padding: 0 12px;}
}

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

@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;}

	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.prestations-title h2{font-size: 24px;}

	/*-----------------*/
    /* BANNER + HEADERHOME*/
    /*-----------------*/
	#headerHome,
	#banner{margin-top: 146px;}

	/*-----------------*/
    /* REASSURANCES */
    /*-----------------*/

	.picto-container li p strong{
	    font-size: 15px;
	    letter-spacing: 1px;
	}
	
}

@media(max-width: 1024px){
    /*-----------------*/
	/* LOADER */
	/*-----------------*/
	#loader-wrapper svg{width: 180px;}
	
	/*-----------------*/
    /* HEADER */
    /*-----------------*/
	#header{box-shadow: 0 0 30px rgba(0, 0, 0, .2);}
	#info-toogle{
	    position: absolute;
	    right: 0;
	    top: 0;
	}
	#header-coordonnees{
		right: -272px;
		width: 272px;
		padding: 67px 20px 65px;
	}
	/*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
	.navigmenu .naviglink.lvl-0{
		color: var(--white);
		text-align: left;
		font-size: 13px;
		padding: 10px 10px 10px 20px;
	}
	.navigmenu .naviglink.lvl-0.item-icon{padding: 10px 10px 10px 60px;}
	.navigmenu .naviglink.lvl-0.upp-link{padding: 10px 10px 10px 45px;}
	.navigmenu .naviglink.lvl-0.upp-link:before{
		filter:brightness(0) invert(1);
		left: 21px!important;
		top: calc(50% - 1px)!important;
		transform: translateY(-50%);
		--size: 16px;
	}
	.navigmenu .naviglink.lvl-0.upp-link.recrutement:before{--size: 28px;left: 15px!important;top: calc(50% + 2px)!important;}
	.navigmenu .naviglink.lvl-0.upp-link.espacepro:before{--size: 14px;}
	
	#navprimary .naviglink.lvl-0.item-icon:before{left: 20px;}
	#navprimary .naviglink.lvl-0.item-icon:after{left: 27px;}

	.navigmenu .naviglink.lvl-1{
    text-align: left;
    font-size: 13px;
    padding: 6px 20px;
}

	/*-----------------*/
    /* BANNER + HEADERHOME*/
    /*-----------------*/
	#headerHome,
	#banner{margin-top: 110px;}

	#banner.temoignagesBanner #bannerTitle{font-size: 32px;padding: 0 45px;}
	#banner.temoignagesBanner #bannerTitle small{font-size: 13px;}
	
	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	#content.no-banner{padding-top: 220px;}
	#contentPage.specialIntro > .wrappercontent{
	    flex-direction: column-reverse;
	    display: flex;
	}
	#aside{margin: 50px auto 0 ;}

	/*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	.picto-container li:before{--size: 50px;}
	.picto-container li:nth-child(odd):before{right: 15px;}
	.picto-container li:nth-child(even):before{left: 15px;}
	.picto-container li {padding: 20px 30px 20px 0;}
	.picto-container li:nth-child(even){padding: 20px 0 20px 30px;}
	.picto-container li svg{--size: 30px;}
	.picto-container li p{font-size: 15px;margin: 0 0 0 30px;}
	.picto-container li p strong{
	    letter-spacing: 0.5px;
	    font-size: 14px;
	}
	.picto-container li:nth-child(odd) p{
	margin: 0 30px  0 0;
}

	/*-----------------*/
	/* CERTIFICATIONS */
	/*-----------------*/
	#certifications{box-shadow: 0 0 30px rgb(0 0 0 / 20%);padding: 60px 15px;}

	/*-----------------*/
    /* ACTU */
    /*-----------------*/
	.thumbnail_slider{height: 400px;}
	.content_slider {padding: 20px;}
	
	#news .content_slider .title_slider{font-size: 18px;}
	#news .thumbnail_slider{height: 450px;}
	
	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.prestations-title h2{font-size: 22px;}
	.bloc_prestations .tc_excerpt{font-size: 15px;}
	.prestations-title{
	    width: 44%;
	    padding-right: 15px;
	}
	.prestations-title .specialthumb{
    --size: 40px;
}
	
	/*-----------------*/
    /* REFERENCES */
    /*-----------------*/
	#references .wp-block-gallery .gallery-item{
		width: calc(100% / 3) !important;
	    min-width: calc(100% / 3) !important;
	}
	
	.references-gallery.sliderNoPadding .cksliderwrap{padding: 0;}
	#references .references-inner h2{font-size: 26px;}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	#choixSections {display: none;}
	#sections .sectionsbloc {
	    flex-direction: column;
	    display: flex;
	}

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

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

@media(max-width: 767px){
    /*-----------------*/
	/* LOADER */
	/*-----------------*/
	#loader-wrapper svg{width: 100px;}
	
	/*-----------------*/
    /* HEADER */
    /*-----------------*/
	#header-top{padding: 12px;}
	#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;}
	
	/*-----------------*/
    /* BANNER + HEADERHOME*/
    /*-----------------*/
	#headerHome,
	#banner{margin-top: 108px;}

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

	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.prestations-title .specialthumb{--size: 30px;}
	#prestations .prestations-wrapper{
	    flex-direction: column;
	    align-items: flex-start;
	}
	#prestations .prestations-wrapper > div{width: 100%;height: auto;}
	#prestations .prestations-wrapper  .prestations-img{height: 200px;margin-bottom: 20px;}
	.prestations-title h2{
	    font-size: 18px;
	    margin-bottom: 6px;
	}
	.bloc_prestations .liresuite{text-align: right;margin-top: 10px;}
	
	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	#content.no-banner{padding-top: 180px;}
	#content :is(.uagb-timeline__date-new, .uagb-timeline__inner-date-new){font-size: 20px;}
	#content *:not(.wp-block-button__link, .button, .wp-block-separator).has-background.has-drop-cap:first-letter{font-size: 50px;	}

	/*-----------------*/
    /* REFERENCES */
    /*-----------------*/
	#references .bloc_references{margin-bottom: 30px;}
	#references .references-img{height: 200px;}
	#references .references-inner{padding: 25px 20px;}
	#references .references-inner h2{font-size: 22px;margin-bottom: 15px;}

	#references .references-category{
	    flex-direction: column;
	    align-items: baseline;
	}
	#references .references-category small{line-height: 2.5;}

	#references .ckslidercontrols :is(.prev, .next){
		top: 50%;
		transform: translateY(-50%);
	}

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

	#news .content_slider .title_slider{font-size: 16px;}
	#news .thumbnail_slider{height: 350px;}
	#news .text_slider{display: none;}
	#news .wrapper_slider:hover .content_slider .title,
	#news .wrapper_slider:hover .content_slider .wrap_slider{transform: translateY(-35px);}

	#news .category{letter-spacing: 0;}
	

	/*-----------------*/
    /* 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%;}

	/*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	.picto-container li svg{--size: 25px;}
	.picto-container li p strong{
	    font-size: 13px;
	    margin-bottom: 5px;
	}
	 .picto-container {
        max-width: 350px;
        margin: 0 auto;
    }

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

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

	/*-----------------*/
    /* BANNER + HEADERHOME*/
    /*-----------------*/
	#headerHome,
	#banner{margin-top: 115px;}

	/*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
   
	.picto-container li p strong{
	    letter-spacing: 1px;
	    margin-bottom: 5px;
	}
	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#coordonneesFooter{margin-top: 20px;}
	#footerLogo{flex-direction: column;}
}