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

@media(min-width: 768px){
	/*-----------------*/
    /* REASSURNCES */
    /*-----------------*/
	#reassurances{padding: 120px 15px;}

	/*-----------------*/
    /* PARTENAIRES */
    /*-----------------*/
    #partenaires #partenaires-header {margin-bottom: 80px;}
    #partenaires-intro {padding-left: 60px}

	/*-----------------*/
    /* CONTACT FORM */
    /*-----------------*/
	#contactCoordonnees{
	    display: flex;
	    align-items: center;
	    justify-content: space-around;
	    border: solid 1px #ffffff33;
	    width: 100%;
	}
	
	#contactForm{padding: 60px 30px;}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footer-coordonnees{border-top: solid 1px rgb(255 255 255 / 50%);}
	#footer-coordonnees .wrappercontent > div:not(:last-of-type) {border-right: solid 1px rgb(255 255 255 / 50%)}
}

@media(min-width: 1025px){
	/*-----------------*/
	/* ELEMENTS */
	/*-----------------*/
	.title.tar:not(.no-after):after{
		left: auto;
		right: 0;
	}
	
    /*-----------------*/
    /* HEADER */
    /*-----------------*/
    #logo{justify-self: center;}
    #headerGrid{padding: 20px 15px 10px;}
    #flags{justify-content: flex-start;display: contents;}

	#header.fixed-header :is(#logo, #header-social){display: none;}
	#header.fixed-header #headerGrid{
		grid-template-areas:
			"navprimary          infoToogle";
		grid-template-columns:1fr       50px;
		padding: 5px 10px;
		grid-column-gap: 0;
		grid-row-gap: 0;
	}
	#header.fixed-header .navigtoogle.lang .naviglink.lvl-0{padding-right: 0;}
	#header.fixed-header .navigmenu .naviglink.lvl-0{
	    font-size: 14px;
	    padding: 20px 8px;
	}
	#header.fixed-header #navprimary .navigmenu{justify-content: flex-start}
	#header-social .sociblock .share-buttons a{--size: 40px;}

	html[lang=de] #header.fixed-header .navigmenu .naviglink.lvl-0{letter-spacing: -0.5px;}
	

	/*-----------------*/
	/* INTRO / CONTENT */
    /*-----------------*/
    .home #content .linkTurn {
	    left: 9%;
	    top: 20em;
    }

    .home #content {overflow: hidden;padding-bottom: 160px;padding-top: 160px;}
	.home #content .title{
	    max-width: 690px;
	    margin: 0 auto 60px;
	}
    .home #content .blocthumb {
		height: 460px;
		max-width: 740px;
		margin: 0 auto;
	}

    .home #content .homeContent-img .wp-block-image {
	    padding-left: 30px;
	    height: 100%;
    }

    .home #content .homeContent-img .wp-block-image a {height: 100%;}

    .home #content .homeContent-img .wp-block-image img {
	    height: 100%;
	    object-fit: cover;
    }

    .home #content .tc_content {
	    padding-left: 22%;
	    width: 120%;
	    padding-top: 90px;
    }
    .home #content :is(.specialthumb, .tertiarythumb, .quaternarythumb) {
	    position: absolute;
	    left: 0;
	    overflow: hidden;
	  }


   .home #content .tertiarythumb {
	    width: 10.7%;
	    height: 240px;
	    top: 340px;
	    left: 5%;
	    z-index: 1;
	}

    .home #content .quaternarythumb {
	    left: auto;
	    right: 0;
	    width: 9.5%;
	    top: 175px;
	    height: 400px;
	}
	
    .home #content .specialthumb {
	    width: 20%;
	    left: -10%;
	    bottom: -370px;
	    top: auto;
	    z-index: 1;
	    height: 320px;
	}

    .home #content .wp-block-media-text.has-media-on-the-right {
	    grid-template-columns: auto 65% !important;
	    margin-bottom: 0;
    }

    .home #content .wp-block-media-text{overflow: visible!important;}

    .home #content .wp-block-media-text__content{
	    margin-top: -200px;
	    z-index: 1;
    }

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

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news {padding: 150px 20px 100px;}
	#news .newsdate{min-width: 150px;}
	#news:before {
		background: var(--secondary-color);
		width: 75%;
		height: 125%;
		}

    #news .left {
        padding-left: 30px;
        max-width: 500px;
        margin-left: auto;
        z-index: 2
    }
	#news .left .title h2{
		color: var(--white);
		text-shadow: -1px -1px 0 var(--black), 1px -1px 0 var(--black), -1px  1px 0 var(--black), 1px  1px 0 var(--black);
	}
	#news .wrapperActu{padding-top: 40px;}

    #news .left .title {
		margin-top: 100px;
		margin-bottom: 50px;
	}
	#news .left .title .separator{margin-bottom: 0;}
    #news .titleImg {height: 550px;}

    #news .right:before {
        background: var(--background-color);
        width: calc(100% + 200Px);
        height: calc(100% + 150px);
        left: initial;
        right: 0;
        top: -50px
    }

    

    #news .hoverActif .content_slider {padding-left: 30px}

    #news .content_slider {transition: all .4s}
    #news .hoverActif .thumbnail_slider {
        height: 300px;
        transition: all .8s;
        width: 120%;
        transform-origin: center
    }
	
	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.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: 180px;
	}
    .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{margin-bottom: 180px;}
    .sectionsbloc.section_num2:before {
	    content: '';
	    position: absolute;
	    bottom: -180px;
	    left: 0;
	    right: 0;
	    height: calc(100% - 140px);
	    background: var(--secondary-color);
	}
    .sectionsbloc.section_num2 .section_thumb {
		width: 90%;
		z-index: 1;
	}

    .sectionsbloc.section_num2 .specialthumb {
	    width: 40%;
	    position: absolute;
	    bottom: 0px;
	    right: 0;
	    height: calc(100% - 820px);
	    display: block;
	}

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

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

	/*-----------------*/
    /* PARTENAIRES */
    /*-----------------*/
	#partenaires:before{height: calc(100% - 160px);}

	/*-----------------*/
    /* CONTACT FORM */
    /*-----------------*/
	#contactCoordonnees br{display: none;}
	
	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footer-coordonnees br{display: none;}
	.home #footer #footerForm{padding-top: 280px;}


}

@media(min-width: 1281px){
	/*-----------------*/
    /* HEADER */
    /*-----------------*/
	#headerGrid{padding: 20px 20px 10px;}


	/*-----------------*/
    /* INTRO / CONTENT */
    /*-----------------*/
    .home #content .linkTurn {
	    left: 7%;
	    top: 16em;
    }
	.home #content .blocthumb {max-width: 840px;}
	.home #content .title{max-width: 750px;}
	
    .home #content .homeContent-img .wp-block-image {padding-left: 50px;}
	.home #content .quaternarythumb {width: 12.5%;}

    .home #content .specialthumb {
	    width: 29%;
	    left: -26%;
	    bottom: -320px;
	    height: 400px;
	}

	/*-----------------*/
    /* NEWS */
    /*-----------------*/
	#news .title_slider {font-size: 22px;}
}

@media(min-width: 1481px){

	/*-----------------*/
    /* INTRO / CONTENT */
    /*-----------------*/
	.home #content .tc_content{padding-left: 15%;}
    .home #content .linkTurn {left: 2%;}
	.home #content .blocthumb {max-width: none}
	.home #content .specialthumb {
		width: 27%;
		left: -30%;
	}

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

@media(min-width: 1681px){
	/*-----------------*/
    /* INTRO / CONTENT */
    /*-----------------*/
	.home #content .homeContent-img .wp-block-image {padding-left: 100px;}
	.home #content .specialthumb {
		width: 35%;
        left: -42%;
	}
}

@media(min-width: 1881px){
    /*-----------------*/
    /* INTRO / CONTENT */
    /*-----------------*/
	.home #content .homeContent-img .wp-block-image {padding-left: 100px;}
    .home #content .quaternarythumb {
	    right: 4%;
  	    width: 16.5%;
    }
}

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

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

@media(max-width: 1480px){
	/*-----------------*/
    /* INTRO / CONTENT */
    /*-----------------*/
	.home #content .wrappercontent.medium{max-width: 950px;}
}

@media(max-width: 1280px){
	/*-----------------*/
	/* NAVPRIMARY */
	/*-----------------*/
	html[lang=de] .navigmenu .naviglink.lvl-0{padding: 20px 10px;}
	.navigmenu .naviglink.lvl-0{
	    padding: 20px 12px;
	    font-size: 14px;
	}
	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news .wrapActu{grid-gap: 30px;}
	
	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .section_thumb{height: 600px;}
}

@media(max-width: 1024px){
	/*-----------------*/
	/* NAVPRIMARY */
	/*-----------------*/
	.navigmenu .naviglink.lvl-0, html[lang=de] .navigmenu .naviglink.lvl-0{padding: 11px 16px;}

	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome-content{padding: 110px 30px 13%;}
	
	/*-----------------*/
	/* GALLERY HEADER */
	/*-----------------*/
	#galleryHeader{
		padding-top: 0;
		margin-top: -20%;
		margin-bottom: 30px;
	}
	
	/*-----------------*/
    /* INTRO / CONTENT */
    /*-----------------*/
    .home #content .wp-block-columns {flex-wrap: wrap !important;}

    .home #content .wp-block-columns.certifications {flex-wrap: nowrap !important;}

    .home #content .wp-block-columns>div {flex-basis: 100% !important;}

    .home #content,
    .home #content>.wrappercontent {
	    display: flex;
	    flex-wrap: wrap;
	    max-width: 1200px;
    }

    .home #content :is(.blocthumb, .specialthumb, .tertiarythumb, .quaternarythumb) {
	    width: 50%;
	    height: 350px;
	    margin-bottom: 60px;
	    padding: 0 2px;
	}

	.home #content :is(.tertiarythumb, .quaternarythumb) {margin: 0;}

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	#reassurances .linkTurn{margin-top: 20px;}

	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/ 
	#prestations .widget_parentpage{grid-gap: 15px;}
	#prestations :is(.prestations-img, .prestations-content){padding: 20px;}
	.prestations-content .content_link, .prestations-content .tc_excerpt{font-size: 14px;}

	/*-----------------*/
	/* GALLERYHOME */
	/*-----------------*/
	#galleryHome{
		margin: 100px 0;
		background: none;
	}

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news{
		padding-bottom: 20px;
		background: var(--background-color);
	}
	#news .wrapActu{grid-gap: 40px;}

	/*-----------------*/
    /* PARTENAIRES */
    /*-----------------*/
    #partenaires {padding: 80px 25px 100px;margin: 0;}

	
    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .section_txt {
	    grid-column: span 2;
	    max-width: none;
	    order: -2;
	    padding: 0;
	    border-radius: 0;
	    background: var(--background-color);
	}
	.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;}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footer-coordonnees .wrappercontent > div{padding: 45px 10px 20px 10px;	}
	
	#footer #footerbloc {
	    grid-template-areas:
    	    "footerlogo"
    	    "footerLinks";
	    grid-template-columns: 1fr;
	    justify-items: center;
	    grid-row-gap: 0;
	}
	#footerLinks{flex-direction:column;}
}

@media(max-width: 767px){
	/*-----------------*/
	/* LOADER */
	/*-----------------*/
	#loader-wrapper span{
		font-size: 15px;
		letter-spacing: 3px;
		padding: 5px 10px;
	}
	
    /*-----------------*/
	/* HEADER */
	/*-----------------*/
	#header-coordonnees{
	    right: -240px;
	    width: 240px;
	    padding: 70px 28px 65px;
	}
	#header-coordonnees .title h3{font-size: 22px;}

	/*-----------------*/
	/* ELEMENTS */
	/*-----------------*/
	.nohome #content .tc_content .wp-block-media-text__content,
	.nohome #content .tc_content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {padding: 30px;}

	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome-content{padding: 100px 15px 13%;}

	/*-----------------*/
    /* INTRO / CONTENT */
    /*-----------------*/
	.home #content .linkTurn {--size: 10rem;bottom: -140px;}
	.home #content :is(.tertiarythumb, .quaternarythumb) {margin-top: 60px;}
	.home #content :is(.blocthumb, .specialthumb, .tertiarythumb, .quaternarythumb){margin-bottom: 5px;}
	.home #content :is(.blocthumb, .specialthumb, .tertiarythumb, .quaternarythumb) {height: 200px;}

	/*-----------------*/
	/* GALLERYHOME */
	/*-----------------*/
	#galleryHome{margin: 50px 0;}

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	.picto-container{grid-template-columns: repeat(1, 1fr);}
	
	.picto-container li p{font-size: 15px;}
	.picto-container li p strong{font-size: 12px;}

	.picto-container li:nth-child(3){border-bottom: none;}

	.picto-container li{padding: 40px 20px;}

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#listarticles .listedarticle .tc_excerpt{font-size: 14px;}
	#news{padding-bottom: 0;}
	
	#news .wrapper_inner_slider {padding: 30px 0;}
	#news .content_slider {padding: 20px 0 0;}
	#news .content_slider::before {
        left: 50%;
        transform: translateX(-50%);
        top: 200px;
    }
	.thumbnail_slider {height: 250px;}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .sectionsbloc .wrap-text{padding: 50px 15px;}
    .sectionsbloc .section_thumb, 
    .sectionsbloc .specialthumb {height: 300px; }

	/*-----------------*/
    /* PARTENAIRES */
    /*-----------------*/
    #partenaires {padding: 50px 15px 80px;}
    #partenaires-header{
       grid-gap: 20px;
       margin-bottom: 40px;
    }
    #partenaires .widget_partenaires li{min-height: 130px;}

	/*-----------------*/
    /* CTA */
    /*-----------------*/
	#cta .wrappercontent{
		padding: 40px 20px;
		font-size: 14px;
		max-width: 420px;
	}
	#cta .title h2 {font-size: 22px;}

	/*-----------------*/
	/* FOOTER */
	/*-----------------*/
	#footerForm {padding: 60px 15px 260px;}

    #footerForm #wrapperForm {
        padding: 40px 20px;
        max-width: 600px
    }

    #footer-coordonnees {bottom: 20px}
	#footer-coordonnees > .wrappercontent {flex-direction: column;}

	#footer-coordonnees .wrappercontent > div {
	    border: none;
	    max-width: 170px;
	    margin: 0 auto;
	    text-align: left;
	    padding: 10px 0 10px 24px;
	    align-items: flex-start;
	}
	#footer-coordonnees .wrappercontent > div:before {
	    left: 0;
	    top: 50%;
	    transform: translateY(-50%);
	}
}

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