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

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

@media(min-width: 1025px){
	/*-----------------*/
    /* HEADER */
    /*-----------------*/
	#header{padding: 12px 10px;}
	#logoheader {width: 160px;}

	/*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
	#navprimary{
	    padding-top: 10px;
	    margin-top: 10px;
	}
	.navigmenu{justify-content: flex-start;}
	.navigtoogle:last-of-type{
	    position: absolute;
	    top: -65px;
	    left: 190px;
	}
		
	
    /*-----------------*/
    /* HEADERHOME + BANNER */
    /*-----------------*/
	#headerHome,
	#banner{padding-top: 138px;}
	
	/*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
	#headerHome-coordonnees{
		position: absolute;
		left: 0;
		bottom: 0;
		gap: 60px;
		padding: 20px 30px 20px 15px;
		width: 85%;
		justify-content: end;
	}
	#infoadresseHeaderHome br{display: none;}
    #headerHome{
       gap: 50px;
       padding-bottom: 100px;
    }
   
	#headerHome-pattern{
		top: 0;
		right: 0;
	    width: 100%;
	    height: 100%;
	    z-index: -1;
	}
	#headerHome-pattern:before{
		background: var(--dark-color);
		opacity: 0.8;
		z-index: 0;
	}
	#headerHome-pattern:after{
		background-image: url('../images/pattern.jpg');
		background-position: center;
		background-size: cover;
	}
    #headerHome:before{
        border: solid 1px var(--primary-color);
        right: 40px;
        z-index: 0;
        top: 43px;
        width: calc(15% - 41px);
        height: calc(100% - 100px);
        border-left: none;
        left: auto;
    }
    #headerHome-pattern{
        background: var(--dark-color);
        width: 15%;
    }
    #headerHome-content{
        right: 0;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        padding: 140px 120px 100px 140px;
    }
	#headerHome-content .wrappercontent{max-width: 870px;}
    #headerHome .imageDiapo{
        position: relative!important;
        box-shadow: 0 0 30px #00000045;
        margin-right: 90px;
        background: var(--dark-color);
    }
    #headerHome-social{
        --size: 60px;
        width: var(--size);
        background: var(--dark-color);
        min-width: var(--size);
    }
    #headerHome-social .sociblock{
        height: 100%;
        display: flex;
        align-items: flex-end;
        padding: 0  0 55px 27px;
    }
    #headerHome-social .sociblock:before{
        content: "";
        position: absolute;
        pointer-events: none;
        top: 12%;
        width: 1px;
        background: var(--primary-color);
        height: 45%;
        left: 35px;
    }
    #headerHome-social .sociblock .share-buttons{flex-direction: column}
    #headerHome-social .sociblock .share-buttons a{margin: 15px 0;}
    #headerHome-social:before{
        border: solid 1px var(--primary-color);
        top: 35px;
        left: 14px;
        right: -14px;
        width: auto;
        height: auto;
        bottom: 35px;
    }

	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
    .home #content {padding: 150px 0 0;}

    .home #content .eb-wrapper-inner-blocks {
        width: 86%!important;
        max-width: 1200px;
    }

	.home #content .eb-wrapper-inner-blocks .wp-block-quote{margin: 0 0 20px !important;}

    .home #content .wp-block-gallery {
        margin-bottom: -400px!important;
        display: grid;
        transition: .6s;
        grid-template-columns: repeat(18,1fr);
        grid-gap: 60px;
        grid-auto-rows: 140px;
        grid-auto-flow: row dense;
        z-index: 1;
        position: relative
    }
    .home #content .wp-block-gallery .gallery-item {
        grid-column: span 4;
        width: 100%!important;
        grid-row: span 2
    }


    .home #content .wp-block-gallery .gallery-item:nth-child(1) {
        grid-column: span 5;
        grid-row: span 3;
        height: 89%;
        padding-top: 47px;
        padding-left: 12%;
    }

    .home #content .wp-block-gallery .gallery-item:nth-child(1) > a {
		width: 75%!important;
	}

    .home #content .wp-block-gallery .gallery-item:nth-child(2) {
        grid-column: span 8;
        padding-top: 124px;
        grid-row: span 4;
        z-index: 3;
        height: 80%;
    }

    .home #content .wp-block-gallery .gallery-item:nth-child(3) {
        grid-column: span 5;
        height: 60%;
    }
	.home #content .wp-block-gallery .gallery-item:nth-child(3) > a{width: 48%!important;}

    .home #content .wp-block-gallery .gallery-item:nth-child(4) > a {
        width: 78%!important;
        margin-left: auto;
    }

    .home #content .wp-block-gallery .gallery-item:nth-child(4) {
        grid-column: span 6;
        top: -143px;
        height: 60%;
        padding-right: 14%;
    }

    .home #content .wp-block-gallery .gallery-item:nth-child(5) {
        grid-column: span 12;
        top: -415px;
        grid-row: span 3;
        height: 84%;
    }

    .home #content .wp-block-gallery .gallery-item:nth-child(5) > a {
        width: 21%!important;
        margin-left: auto;
        flex: 1 1 100%!important
    }
	
	#content.no-banner{padding-top: 240px;}
	#aside {
	    margin-left: 60px;
	    float: right;
	    margin-bottom: -10px;
	    pointer-events: all;
	    z-index: 2;
	    position: relative;
	}

	/*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	#img-reassurance{
		width: 75%;
		position: absolute;
		right: -40%;
		height: 100%;
		margin: 0;
	}
	#reassurances .right {padding: 50px 0 50px 18%;}
	#reassurances .title h2 {
	    position: relative;
	    font-size: 42px;
	    line-height: 1;
	    text-shadow: 0 0 7px var(--black);
	    max-width: 440px;
	}

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

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

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	#sections{background: var(--light-color)}
	.sectionsbloc .wrap-text {padding: 0;}
    .sectionsbloc .section_thumb .blocthumb img{
	    position: absolute;
	    top: 0;
	    left: 0;
	    height: 120%;
    }
    .sectionsbloc .section_thumb .blocthumb {overflow: hidden}

    #sections :is(.sectionsbloc.section_num0, .sectionsbloc.section_num2){ z-index: 2  }
    #sections :is(.sectionsbloc.section_num0, .sectionsbloc.section_num1, .sectionsbloc.section_num2){grid-template-columns: repeat(1, 1fr);}
	
    .sectionsbloc.section_num0 .section_thumb {
	    height: 60vh;
	    min-height: 300px;
	    order: -1;
    }
    .sectionsbloc .specialthumb {display: none}
    .sectionsbloc.section_num0 .section_txt {
	    margin-top: -150px;
	    width: 90%;
	}

    .sectionsbloc.section_num1 {
	    padding-top: 300px;
	    margin-left: 0;
	    margin-top: 100px;
	    margin-bottom: 200px;
	}
    .sectionsbloc.section_num1 .section_thumb {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    height: 890px;
	}
    .sectionsbloc.section_num1 .section_thumb .blocthumb { width: 40%  }
    .sectionsbloc.section_num1 .specialthumb {
	    position: absolute;
	    top: 0;
	    right: 0;
	    z-index: -2;
	    opacity: 0.8;
	    width: 64vw;
	    top: -60vh;
	    bottom: 300px;
	    display: block;
	}
    .sectionsbloc.section_num1 .specialthumb img { opacity: .3 }
    .sectionsbloc.section_num1 .section_txt {
	    width: 65%;
	    margin-left: 35%;
	    max-width: initial
    }
    .sectionsbloc.section_num2:before {
	    content: '';
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    height: calc(100% - 350px);
	    background: var(--white);
	}
    .sectionsbloc.section_num2 .section_thumb {
		width: 90%;
		z-index: 1;
	}

    .sectionsbloc.section_num2 .specialthumb {
	    width: 40%;
	    position: absolute;
	    bottom: 100px;
	    right: 0;
	    height: auto;
	    display: block;
	    top: 680px;
	}

    .sectionsbloc.section_num2 .section_txt {
	    background: none;
	    width: 60%;
	    margin: 0;
	    box-shadow: none;
	    max-width: none;
	    padding: 120px 6%;
	}

    .sectionsbloc.section_num2 .section_txt .wrap-text {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	
	.sectionsbloc.section_num3 {
	   margin: 0 auto;
	   padding: 80px calc(100px / 2) 150px;
	   background: var(--background-color);
	}
	
	.sectionsbloc.section_num3 .section_thumb {
	    position: relative;
	    height: 110%;
	    order: 0;
	}
	.sectionsbloc.section_num3 .section_txt {
	    margin: 0;
	    padding: 100px 12% 0;
	    box-shadow: none;
	}
	.sectionsbloc.section_num3 .specialthumb {
	    order: 3;
	    height: 500px;
	    width: 70%;
	    margin-left: auto;
	    display: block;
	    grid-column: span 2;
	    margin-top: -20px;
	}
	#sections .section_txt .wp-block-media-text__content{
		padding-top: 0;
		padding-bottom:0;
	}
	#sections .section_txt .wp-block-media-text{margin-bottom: 0;}
}

@media(min-width: 1281px){
	/*-----------------*/
    /* HEADER */
    /*-----------------*/
	#header{padding: 12px;}
	#header.fixed-header #headerGrid{grid-template-columns: 150px 1fr 50px;}
	#logoheader {width: 350px;}
	#header.fixed-header #logoheader{width: 170px;}
	#info-toogle{--size: 50px;}
	#info-toogle:before {--size: 25px;}

	/*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
	#navprimary{
	    border-top: none;
	    padding-top: 0;
	    margin-top: 0;
	}
	.navigtoogle:last-of-type{
	    margin-left: auto;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	
    /*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
	#headerHome-accroche{
    font-size: 46px;
}
	#headerHome:before{
		right: 30px;
		width: calc(8% - 31px);
	}
	#headerHome-coordonnees{
		gap: 90px;
		padding: 30px 70px 30px 30px;
		width: 92%;
	}
	#headerHome-pattern{width: 8%;}
	
	/*-----------------*/
    /* HEADERHOME + BANNER */
    /*-----------------*/
	#headerHome,
	#banner{padding-top: 80px;}

	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	#content.no-banner{padding-top: 210px;}

	/*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	#reassurances .right {padding: 50px 0 50px 223px;}
	#reassurances .title h2{
	    font-size: 52px;
	    max-width: 520px;
	}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.sectionsbloc.section_num2 .specialthumb{top: 800px;}
}

@media(min-width: 1481px){

	/*-----------------*/
    /* HEADER */
    /*-----------------*/
	#header{padding: 12px 20px;}

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

	/*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
	#headerHome-pattern{width: 16%;}
	#headerHome:before{
		right: 40px;
		width: calc(16% - 41px);
	}
	#headerHome-coordonnees{
		gap: 120px;
		width: 84%;
	}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.sectionsbloc.section_num3 {padding: 120px calc(250px / 2) 150px;}
}

@media(min-width: 1681px){
    /*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
	#headerHome-pattern{width: 30%;}
	#headerHome:before{width: calc(30% - 41px);}
	#headerHome-coordonnees{width: 70%;}
	#headerHome .imageDiapo{margin: 0;}
	#headerHome .overlay{background: linear-gradient(to left, var(--dark-color), #fff0 30%);}
	#headerHome-content{
		--size: 430px;
		left: -100px;
		min-width: var(--size);
		width: var(--size);
		text-align: left;
		padding: 0;
		position: relative;
		top: auto;
		transform: none;
		right: auto;
	}

	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.home #content .eb-wrapper-inner-blocks{
		padding: 0 50px;
		max-width: 1100px;
	}
}

@media(min-width: 2001px){
	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .sectionsbloc.section_num1 .section_txt .wrap-text{padding-right: 50px;}
}

@media(min-width: 2100px){
	/*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
	#headerHome-content{
		left: -160px;
		--size: 480px;
	}
	
	#headerHome{gap: 120px;}
	
	#headerHome-social{--size: 100px;}
	#headerHome-social:before{left: 24px;}
	#headerHome-social .sociblock{padding: 0 0 55px 50px;}
	#headerHome-social .sociblock:before{left: 55px;}
	
}

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

@media(max-width: 1480px){
	/*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
	 .navigmenu .naviglink.lvl-0:not(.button){
		 padding: 20px 12px;
		 font-size: 14px;
	}
}

@media(max-width: 1280px){
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#logo {place-self: flex-start;}
	
	/*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
	 .navigmenu .naviglink.lvl-0:not(.button){
		 padding: 12px 12px;
		 font-size: 13px;
	}
	
   	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .section_thumb{height:500px;}
}

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

	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#header{padding: 10px 5px;}
	#header-coordonnees {
        right: -270px;
        width: 270px;
        padding: 70px 20px 65px;
    }
	#header-coordonnees .title h2{font-size: 22px;}
	#logo {place-self: center;}

	/*-----------------*/
	/* NAVPRIMARY */
	/*-----------------*/
	.sociblock .share-buttons a svg{fill: var(--white);}
	.ckmenu-nav{
	    width: auto;
	    left: -5px;
	    right: -5px;
	}
    .navigmenu .naviglink.lvl-0:not(.button){padding: 12px 16px;color: var(--white);font-size: 14px;}
	
	
     /*-----------------*/
	/* HEADERHOME + BANNER */
	/*-----------------*/
	#headerHome,
	#banner{margin-top: 76px;padding-top: 0;}

	#banner.temoignagesBanner #bannerTitle{font-size: 32px;padding: 0 45px;}
	#banner.temoignagesBanner #bannerTitle small{font-size: 13px;}
	
	/*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
	#headerHome-content{width: 97%;margin: 0 auto;}

	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	.home #content .wp-block-gallery {
        grid-gap: 5px;
        grid-template-columns: repeat(3, 1fr);
        display: grid;
        margin: 40px 0 !important;
        grid-auto-rows: 300px;
    }
	 .home #content .wp-block-gallery .gallery-item {
        grid-column: span 1!important;
        grid-row: span 1!important;
        width: auto!important
    }
	.home #content:before, .home #content:after{height: 45%;}

    .home #content .wp-block-gallery .gallery-item:nth-child(5) {grid-column: span 2!important}
	
	#content.no-banner{padding-top: 180px;}
	#contentPage.specialIntro > .wrappercontent{
	    flex-direction: column-reverse;
	    display: flex;
	}
	#aside{margin: 50px auto 0 ;}

	/*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	#reassurances {padding: 100px 20px;}
	#reassurances .left {flex-direction: column;}
	#reassurances .right {padding: 0 0 0 30px;}
	#reassurances .picto-container{
		flex-direction: row;
		flex-wrap: wrap;
	}
	.picto-container .picto-bloc{ flex: 1 1 48%;}

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

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

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .section_txt {
	    grid-column: span 2;
	    max-width: none;
	    order: -2;
	    padding: 0;
	    border-radius: 0;
	}
	.sectionsbloc .section_thumb .blocthumb{height: 100%;}
    .sectionsbloc .section_thumb{order: -1!important; }
    .sectionsbloc .section_thumb, 
    .sectionsbloc .specialthumb {height: 450px; }

    .sectionsbloc .wrap-text{padding: 70px 40px;}

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

	#footerLinks{flex-direction: column;padding: 5px 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*/
    /*-----------------*/
	#banner.temoignagesBanner #bannerTitle{font-size: 20px;padding: 0 15px;}
	#banner.temoignagesBanner #bannerTitle small{font-size: 12px;}
	
	#headerHome,
	#banner{margin-top: 67px;}

	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	.home #content .wp-block-gallery{grid-auto-rows: 150px;}
    .home #content:before, .home #content:after{height: 32%;}
	.home #content .eb-wrapper-outer{padding: 25px 0 0!important;margin-bottom: 0;}

	
	#content.no-banner{padding-top: 120px;}
	#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;}

	/*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	#reassurances {padding: 60px 15px;}
	#reassurances .picto-container {
	    max-width: 250px;
	    margin: 0 auto;
	    flex-direction: column;
	}
	#reassurances .right {padding: 0 0 0 10px;}
	.picto-container .picto-bloc{
		margin: 21px 0;
		flex: 1 1 100%;
	}
	.picto-container li:before {
	    --size: 50px;
	    left: -10px;
	    margin-top: -25px;
	}
	.picto-container li svg, 
	.picto-container li img { --size: 30px;}
	#reassurances .picto-container li p {
	    font-size: 14px;
	    letter-spacing: 0;
	    margin-left: 36px;
	}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .sectionsbloc .wrap-text{padding: 50px 15px;}
    .sectionsbloc .section_thumb, 
    .sectionsbloc .specialthumb {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%;}

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news  .title_slider{font-size: 20px;}
	#news-title{flex-direction: column;gap: 10px;}
	#news .thumbnail_slider{text-align: center;height: 200px;}
	#news  .thumbnail_slider img{max-height: 400px;}
	#listarticles .thumbnail_slider {height: 250px;}

}

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