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

@media(min-width: 768px){

	/*-----------------*/
    /* REFERENCES */
    /*-----------------*/
	#references .bloc_references:nth-child(even) .references-content{order:-1}
	#references .references-inner{padding: 30px 25px;}
}

@media(min-width: 1025px){
	/*-----------------*/
    /* HEADER */
    /*-----------------*/
    #infoadresse {order: -1}

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

    #logoCoordonnees img {width: 210px;}

    #header-coordonnees {
		margin: 12px auto;
		grid-row-gap: 10px;
	}

    #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}

    #header-coordonnees>:nth-child(1):before, 
    #header-coordonnees>:nth-child(4):before {
        right: 0;
        left: auto
    }
	#header-social {
        margin-left: auto;
        margin-right: 10px;
    }

	#header.fixed-header #header-coordonnees{display: none;}

    /*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
    #header:not(.fixed-header) #navprimary {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        border-bottom: 1px solid rgb(255 255 255 / 40%);
        border-top: 1px solid rgb(255 255 255 / 40%);
    }
	.navigmenu .social .naviglink.lvl-0{padding: 0 6px;}
	#header.no-banner-header  #navprimary{
	    background: var(--secondary-color);
	    border: none;
	    position: relative;
	}

	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome-content{padding-top: 70px;padding-bottom: 160px;}
	
    /*-----------------*/
	/* GALLERY HOME */
	/*-----------------*/
	#galleryHome {
	    max-width: 50%;
	    margin-top: -150px;
	    z-index: 2;
	}


    /*-----------------*/
    /* INTRO / CONTENT */
    /*-----------------*/
	#content.no-banner{padding-top: 300px;}
    .home #content .blocthumb {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 65.9%;
	    height: 100%;
	}
	
	.home #content .wrap-text {
	    padding: 0;
	    max-width: 57%;
	    margin-left: auto;
	    background: var(--white);
	    position: relative;
	    z-index: 1;
	    padding: 30px;
    }

    .home #content .content_txt {padding-top: 100px;}

    .home #content .content_title .title {
	    max-width: 55%;
	    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: 80%;
	    position: relative;
	    top: -15%;
    }


    .home #content .content_thumb {padding-left: 30px;}

    .home #content {
	    padding-top: 120px;
	    padding-bottom: 120px;
	   }

	/*-----------------*/
    /* VALEURS */
    /*-----------------*/
	#valeurs {
	    padding: 30px;
	    top: -150px;
	    width: 300px;
	}
	#valeurs h2{font-size: 22px;}
	#aside {
	    margin-left: 60px;
	    float: right;
	    margin-bottom: -10px;
	    pointer-events: all;
	    z-index: 2;
	    position: relative;
	}

	/*-----------------*/
    /* ACTU */
    /*-----------------*/
	#news .ckslidercontrols .prev{left: 10px;}
	#news .cksliderwrap{padding-bottom: 70px;}
	#news .ckctrldiv{
	    transform: none;
	    left: 100px;
	    bottom: 13px;
	}
	#news .ckctrldiv .play{display: none;}
	#news .ckslidercontrols .next{
		left: 290px;
		right: auto;
	}
	#news .ckslidercontrols .prev,
	#news .ckslidercontrols .next{right: auto;}

	#news .title_slider_wrapper{
		min-width: 140%;
		margin-bottom: 20px!important;
	}
	#news .title_slider{font-size: 30px;}

	#listarticles .thumbnail_slider{height: 500px;}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	#sections{padding-top: 150px;}
	.sectionsbloc.even .wrap-text{max-width: 800px;}
	.sectionsbloc  .specialthumb img {
		position: absolute;
	    top: 0;
	    left: 0;
	}
    .sectionsbloc.section_num2 {padding-top: 150px;}
    .sectionsbloc.even {z-index: 2;}
    .sectionsbloc{gap: 0 30px;}
    .sectionsbloc.even .section_thumb .blocthumb {
	    position: relative;
	    top: 250px;
	    height: calc(90% - 150px);
	    margin-right: -200px;
	    border: 10px solid var(--background-color);
	    border-left: initial;
	    border-top: initial;
	    width: 100%;
	}
	.sectionsbloc.even .section_thumb{padding-bottom: 20px;height: 120%;}
    .sectionsbloc.odd .section_thumb,
    .sectionsbloc.odd .section_txt {grid-column: span 9; }
    .sectionsbloc.odd .secondary_thumb{display: none;}
  
    .sectionsbloc.odd .section_thumb{
	    height: 850px;
	    filter: brightness(0.7);
	}
    .sectionsbloc.odd .section_txt {
	    max-width: 1200px;
	    margin: 0 auto;
	    margin-top: -280px;
	    width: 95%;
	    background: var(--dark-color);
	}
	.sectionsbloc.odd .tc_content a:not([class*="button"]), 
    .sectionsbloc.odd .tc_content a:not([class*="button"]) strong{background-image: linear-gradient(to bottom, transparent 20%, var(--secondary-color) 21% ); }
	
    .sectionsbloc.odd .tc_content a:not([class*="button"]):hover, 
    .sectionsbloc.odd .tc_content a:not([class*="button"]):hover strong{color: var(--secondary-color); }
	
    .sectionsbloc.odd .section_txt,
    .sectionsbloc.odd .section_txt .title h2{color: var(--white);}

	.sectionsbloc.even .buttons-wrap{padding-top: 60px;}
  
    .sectionsbloc .specialthumb{
	    height: 80%;
	    margin-left: -300px;
	    border: 10px solid var(--background-color);
	}
    .sectionsbloc.odd .wrap-text{
	    column-count: 2;
	    column-gap: 80Px;
	}
	.sectionsbloc.odd .section_thumb .blocthumb img{height: 130%;}

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

	/*-----------------*/
	/* PARTENAIRES */
	/*-----------------*/
	#partenaires {padding: 50px 15px;}
	#partenaires .ckslidercontrols .next, 
	#partenaires .ckslidercontrols .prev{
	    top: 50%;
	    transform: translateY(-50%);
	    bottom: auto;
	}
	#partenaires .cksliderwrap{padding: 0 40px;}
	#partenaires .ckctrldiv{display: none;}
	#partenaires .title h2{
    font-size: 34px;
}
}

@media(min-width: 1281px){
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#logoCoordonnees {margin: 0 40px;}
	#header-coordonnees > div br{display: none;}
	#header-coordonnees {margin: 15px auto;}

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

	#bannerTitle{padding-top: 10px;}
	
    /*-----------------*/
    /* INTRO / CONTENT */
    /*-----------------*/
    .home #content .content_thumb .specialthumb {
        width: 334px;
        height: 350px;
        top: -300px;
    }
    
    .home #content {padding: 150px 0;}

    .home #content .wrap-text {
        padding: 50px;
        max-width: 47%;
    }
  
	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news .title_slider{font-size: 34px;}
	#news .title_slider_wrapper{min-width: 180%;}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.sectionsbloc.odd .section_thumb {margin-top: -125px;}
    .sectionsbloc.section_num1{padding-bottom: 0;}
}

@media(min-width: 1481px){
	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .sectionsbloc.odd .section_thumb .blocthumb {
	    width: calc(100% - 150px);
	    margin-left: auto;
    }
}

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

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

@media(max-width: 1480px){
	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .sectionsbloc .wrap-text {padding: 100px 60px;}
}

@media(max-width: 1280px){
	/*-----------------*/
    /* BANNER + HEADERHOME*/
    /*-----------------*/
	#headerHome,
	#banner{margin-top: 140px;}

	/*-----------------*/
	/* NAVPRIMARY */
	/*-----------------*/
	.navigmenu .naviglink.lvl-0{
	    font-size: 14px;
	    padding: 20px 10px;
	}
	
	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news .content_slider{width: 44%;}
	#choixActu .linkActu{
		padding: 5px;
		min-width: 50%;
		max-width: 50%;
	}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.sectionsbloc .wrap-text {padding: 80px 50px;}

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

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

	/*-----------------*/
    /* HEADER */
    /*-----------------*/
	#header{box-shadow: 0 0 30px rgba(0, 0, 0, .2);}
	#logoCoordonnees{order: -1;}

	#header-coordonnees {
	    position: fixed;
	    top: 0;
	    right: -272px;
	    width: 272px;
	    padding: 67px 20px 65px;
	    height: 100%;
	    min-height: 100%;
	    background-color: var(--light-color);
	    overflow: hidden;
	    visibility: hidden;
	    overflow: scroll;
	    z-index: 9998;
	    transition: all .6s cubic-bezier(.77,0,.175,1);
	    text-align: left;
	    box-shadow: 0 0 30px #00000057;
	    gap: 0;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	}
	
	body.is-toggle-open #header-coordonnees {
	    right: 0;
	    visibility: visible
	}
	#header-coordonnees .button{margin: 4px 0;}
	#header-coordonnees > div {
		margin: 15px auto;
		width: 100%;
		max-width: 220px;
	}
	
	/*-----------------*/
	/* NAVPRIMARY */
	/*-----------------*/
	.navigmenu .naviglink.lvl-0{
	    padding: 11px 16px;
	}
	#navprimary .navigmenu .naviglink.lvl-0:not(.item-logo) span:after{
	    bottom: 0;
	    height: 1px;
	}

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

	#banner.temoignagesBanner #bannerTitle{font-size: 32px;padding: 0 45px;}
	#banner.temoignagesBanner #bannerTitle small{font-size: 13px;}

	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome-content{padding-top: 20px;}

	 /*-----------------*/
    /* GALLERY HOME */
    /*-----------------*/
	#galleryHome{margin-top: 2px;}
	#galleryHome .wp-block-gallery{gap: 4px;}
	#galleryHome .wp-block-gallery .wp-block-image{height: 150px;}

	#galleryHome .ckslidercontrols :is(.prev, .next){
    transform: translateY(-50%);
}
	
    /*-----------------*/
    /* INTRO / CONTENT */
    /*-----------------*/
	#content.no-banner{padding-top: 220px;}
    .home #content {
	    flex-direction: column;
	    display: flex;
    }

    .home #content .content_thumb {
	    display: grid;
	    align-items: stretch;
	    grid-template-columns: repeat(2, 1fr);
	    grid-auto-rows: 200px;
	    gap: 2px;
	    padding-top: 2px;
	   }

    .home #content .content_thumb>div {height: 100%;}
    .home #content .content_txt .wrap-text {grid-column: span 2;margin-bottom: 50px;}
	.home #content .content_txt .blocthumb {height: 400px;}

    .home #content .content_title {padding: 0;}

    .home #content .linkTurn {
	    --size: 9rem;
	    position: absolute;
	    top: -70px;
	    margin: 0 auto;
	    right: 0;
    }

    .home #content .tertiarythumb {filter: drop-shadow(2px 2px #ffffff50);}

    .home #content .tertiarythumb::before {
	    bottom: 100px;
	    left: 30px;
	    --size: 200px;
	    width: 120px;
    }

	#contentPage.specialIntro > .wrappercontent{
	    flex-direction: column-reverse;
	    display: flex;
	}
	

	/*-----------------*/
	/* VALEURS */
	/*-----------------*/
	#aside{margin: 50px auto 0 ;}

	
	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news .thumbnail_slider{height: 750px;}
	#choixActu{
	    right: 10px;
	    top: auto;
	    transform: none;
	    bottom: 0;
	    left: 10px;
	    width: auto;
	}
	#news {padding-bottom: 170px;margin-bottom: 50px;overflow: hidden;}
	#news .cksliderwrap{padding-bottom: 60px;}
	#choixActuSlider,
	#choixActu .linkActu.active .subtitleActu{height: 230px;}
	#choixActu .linkActu{
		min-width: 33.33333%;
		max-width: 33.33333%;
	}
	.subtitleActu{height: 200px;}

	#choixActu .subtitleActu .subtitleActu_content{font-size: 14px;}
	#news .content_slider{
	    width: auto;
	    max-width: 800px;
	    top: calc(50% - 30px);
	    margin: 0 auto;
	    right: 0;
	    text-align: center;
	}
	#news .thumbnail_slider:before{background: var(--overlay-color)}

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

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .sectionsbloc .section_txt{
	    margin: 0 auto;
	    width: 100%;
	    order: -1;
	}
	.sectionsbloc .wrap-text {padding: 50px 15px;}
    .sectionsbloc .specialthumb{height: 100%;}
	.sectionsbloc .section_thumb{order: 0!important;}
	.sectionsbloc .secondary_thumb{height: 450px;}

	/*-----------------*/
    /* PARTENAIRES */
    /*-----------------*/
	#partenaires .col.c3{
	    display: grid;
	    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	}

	/*-----------------*/
    /* REFERENCES */
    /*-----------------*/
	#references .wp-block-gallery .gallery-item{
		width: calc(100% / 3) !important;
	    min-width: calc(100% / 3) !important;
	}

	#references .references-inner h2{font-size: 26px;}

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

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footerLinks{font-size: 13px;}
	#footer #footerbloc{padding: 30px 0;}
}

@media(max-width: 767px){
	/*-----------------*/
	/* LOADER */
	/*-----------------*/
	#loader-wrapper svg{width: 100px;}
	
	/*-----------------*/
    /* 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: 64px;}

	#banner.temoignagesBanner #bannerTitle{font-size: 20px;padding: 0 15px;}
	#banner.temoignagesBanner #bannerTitle small{font-size: 12px;}
	
    /*-----------------*/
    /* INTRO / CONTENT */
    /*-----------------*/
	#content.no-banner{padding-top: 130px;}
    .home #content .content_txt .blocthumb {height: 250px;}

	

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

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#listarticles{
		column-count: 2;
		column-gap: 20px;
	}
	.thumbnail_slider {
		width: 100%;
		height: 250px;
	}
	#listarticles .listedarticle .tc_excerpt{font-size: 14px;}
	
	#choixActuSlider,
	#choixActu .linkActu.active .subtitleActu{height: 200px;}
	.subtitleActu{height: 180px;}
	
	#choixActu .subtitleActu .subtitleActu_content{
		--dist:10px;
		font-size: 13px;
	}
	#news .thumbnail_slider{height: 550px;}
	#news .content_slider{
	    width: 100%;
	    padding: 50px 20px;
	    top: calc(50% - 40px);
	}
	#news .text_slider{display: none;}
	#news .title_slider_wrapper{margin-bottom: 10px!important;}
	#news .title_slider{font-size: 20px;}
	
	.text_slider, .text_slider a{font-size: 14px;}

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	.picto-container li:before{
		top: 50%;
		transform: translateY(-50%);
		--size: 60px;
		left: 10px;
	}
	.picto-container li{
	    padding: 15px 25px;
	    margin: 8px 0;
	}
	.picto-container li:first-child:before,
	.picto-container li:nth-child(3):before{right: 10px;}
	.picto-container{
		max-width: 350px;
		margin: 0 auto;
	}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.sectionsbloc .secondary_thumb{height: 300px;}

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

@media(max-width: 480px){
	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#choixActu .linkActu{
		padding: 5px;
		min-width: 50%;
		max-width: 50%;
	}
	#news .content_slider{padding: 50px 10px;}
	#news .thumbnail_slider{height: 480px;}
}