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

@media(min-width: 768px){
    /*-----------------*/
	/* HEADERHOME + BANNER */
	/*-----------------*/
	#headerHome{padding-top: 78px;}

	/*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
	#prestations h3{font-size: 36px;}
	#prestations .bloc_prestations .prestations-img{height: 400px;}
	#prestations .bloc_prestations:first-child .prestations-img{order: 2;}
}

@media(min-width: 1025px){

    /*-----------------*/
    /* HEADER */
    /*-----------------*/
	#info-toogle{ justify-self: flex-end}
	#logo {place-self: center;}
	#flags img {max-width: 28px;}
	#header{padding: 8px 10px;}
	#logoheader {width: 120px;}

	#header.fixed-header #logoheader{width: 80px;}
	#header.fixed-header #headerGrid{grid-template-columns: 80px 1fr 75px 55px;}
	#header:not(.fixed-header) #logo {margin-bottom: -58px;}
	.home #header:not(.fixed-header) #autotraduction{background: var(--primary-color);}
	.home #header:not(.fixed-header) #info-toogle svg circle{fill: var(--primary-color);}
	.home #header:not(.fixed-header) #info-toogle svg circle{fill: var(--primary-color);}

	.nohome #header:before{
    background: var(--primary-color);
}
	/*-----------------*/
	/* BANNER */
	/*-----------------*/
	#bannerCoordonnees{
		position: absolute;
		left: 0;
		bottom: 0;
		gap: 40px;
		padding: 20px 30px;
		width: 81%;
		justify-content: end;
		background: var(--background-color);
	}

    /*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
	

	/*-----------------*/
    /* HEADERHOME + BANNER */
    /*-----------------*/
	#headerHome,
	#banner{padding-top: 78px;}
	
	/*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
	#headerHome-coordonnees{
		position: absolute;
		left: 0;
		bottom: 0;
		gap: 60px;
		padding: 20px 30px 30px 15px;
		width: 81%;
		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:before{
        border: solid 1px var(--white);
        right: 40px;
        z-index: 0;
        top: 44px;
        width: calc(18% - 41px);
        height: calc(100% - 100px);
        border-left: none;
        left: auto;
    }
    #headerHome-pattern{
        background: var(--primary-color);
        width: 18%;
    }
    #headerHome-content{
        right: 0;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        padding: 20px 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(--black);
        top: 30px;
        height: calc(100% - 30px) !important;
    }
    #headerHome-social{
        --size: 60px;
        width: var(--size);
        background: var(--primary-color);
        min-width: var(--size);
        margin-top: 110px;
    }
	
    #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(--white);
        height: 45%;
        left: 35px;
    }
    #headerHome-social .sociblock .share-buttons{flex-direction: column}
    #headerHome-social .sociblock .share-buttons a{margin: 20px 0;}
    #headerHome-social:before{
        border: solid 1px var(--white);
        top: 35px;
        left: 14px;
        right: -14px;
        width: auto;
        height: auto;
        bottom: 35px;
    }

	#banner #headerHome-social{margin: -90px 0 79px 0;}
	#banner #headerHome-social:before{top: 205px;}
	#banner #headerHome-social .sociblock:before{
    top: 41%;
    height: 22%;
}
	 /*-----------------*/
	/* PRESTATIONS */
    /*-----------------*/
    .home #prestations{
    padding: 150px 30px;
}
	
    /*-----------------*/
	/* INTRO / CONTENT */
    /*-----------------*/
    .home #content .linkTurn {
	    left: 9%;
	    top: 20em;
    }

    .home #content {overflow: hidden;padding-bottom: 200px;padding-top: 200px;}
	.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;
    }

	/*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
	#prestations .bloc_prestations:nth-child(2) {margin-top: 150px;}
	#prestations .bloc_prestations .prestations-content{padding: 150px 0 150px 40px;}
	#prestations .bloc_prestations:first-child .prestations-content{padding: 150px 40px 150px 0;}
	#prestations .bloc_prestations .prestations-img{height: 100%;}
	#prestations h3{
		font-size: 40px;
		margin-bottom: 20px;
		display: inline-block;
	}
	.prestations-content .liresuite{margin-top: 40px;}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.sectionsbloc.even {padding: 100px 50px 600px;}
	.sectionsbloc.even .section_thumb .blocthumb {
	    height: 110%;
	    z-index: 1;
	    box-shadow: 0 0 20px rgb(0 0 0 / 20%)
	}
	.sectionsbloc.even .section_txt .wrap-text {padding: 70px 50px 70px 0;}
	
	.sectionsbloc.even .specialthumb {
	    position: absolute;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    height: 600px;
	    z-index: 0
	}
	
	.sectionsbloc.odd .section_thumb {
	    display: grid;
	    grid-template-columns: repeat(2,1fr);
	    grid-gap: 0 30px;
	    grid-auto-rows: 800px;
	    position: relative;
	    top: -80px;
	    z-index: 10
	}
	
	.sectionsbloc.odd .section_thumb .blocthumb {
	    position: relative;
	    top: 200px
	}
	
	.sectionsbloc.odd .section_txt {
	    position: relative;
	    z-index: 1;
	    padding-top: 120px;
	}
	.sectionsbloc.odd .section_txt:before{
		top: 120px;
		width: 120%;
		height: calc(100% - 120px);
	}

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

@media(min-width: 1281px){
    /*-----------------*/
    /* HEADER */
    /*-----------------*/
	#header{padding: 14px 20px;}
	#header:not(.fixed-header) #logo {margin-bottom: -78px;}
	#logoheader {width: 140px;}

	/*-----------------*/
	/* BANNER */
	/*-----------------*/
	#bannerCoordonnees{gap: 90px;padding: 20px 60px;}
	

	
    /*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
	#headerHome:before{
		right: 30px;
		width: calc(16% - 31px);
	}
	#headerHome-coordonnees{
		gap: 90px;
		padding: 30px 70px 30px 30px;
		width: 84%;
	}
	#headerHome-pattern{width: 16%;}
	
	/*-----------------*/
    /* HEADERHOME + BANNER */
    /*-----------------*/
	#headerHome,
	#banner{padding-top: 87px;}

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

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.sectionsbloc.even {padding: 120px 100px 800px;}
	.sectionsbloc.even .specialthumb{height: 800px;}
	.sectionsbloc.even .section_txt .wrap-text {padding: 100px 100px 100px 0}
	.sectionsbloc .wrap-text {
	    padding: 150px 100px;
	    margin: auto;
	    max-width: 950px
	}
	.sectionsbloc.odd .section_txt{padding-top: 260px;}
	.sectionsbloc.odd .section_txt:before{
		top: 280px;
	    height: calc(100% - 280px);
	}
}

@media(min-width: 1481px){
    /*-----------------*/
    /* HEADERHOME + BANNER */
    /*-----------------*/
	#headerHome{padding-top: 60px;}

	/*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
	#headerHome-pattern{width: 16%;}
	#headerHome:before{
		right: 40px;
		width: calc(16% - 41px);
	}
	#headerHome-coordonnees{
		gap: 120px;
		width: 84%;
	}
    
    /*-----------------*/
    /* 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%;
	}
}

@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: 2100px){
	/*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
	#headerHome-content{
		left: -160px;
		--size: 450px;
	}
	
	#headerHome{gap: 100px;}
	
	#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){
    /*-----------------*/
    /* INTRO / CONTENT */
    /*-----------------*/
	.home #content .wrappercontent.medium{max-width: 950px;}
}

@media(max-width: 1280px){
	/*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
	.ml5{
		font-size: 65px;
		letter-spacing: 4px;
	}
	#headerHome-logos{
	    bottom: 60px;
	    right: 120px;
	}
	#licence-iv{width: 40px;}
	.smw_circle{
	    transform: scale(0.7);
	    margin: 0 -30px!important;
	}
	#headerHome-logos #circle_gold{
		transform: scale(0.5);
		margin: 0 -50px;
	}
}

@media(max-width: 1024px){
    /*-----------------*/
    /* HEADER */
    /*-----------------*/
	#flags{justify-content: flex-start;}
	.ckmenu-toogle{padding: 0;}


	/*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
	#headerHome-logos{
	    bottom: -50px;
	    right: 0;
	    left: 0;
	    justify-content: center;
	}
	#licence-iv{width: 40px;}
	.smw_circle{
	    transform: scale(0.7);
	    margin: 0 -30px!important;
	}
	#headerHome-logos #circle_gold{
		transform: scale(0.5);
		margin: 0 -50px;
	}
	#headerHome-content{padding-bottom: 130px;}
	.ml5{
		font-size: 50px;
		letter-spacing: 3px;
	}
    
    /*-----------------*/
    /* 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 */
	/*-----------------*/
	.picto-container li p strong{font-size: 22px;}

	/*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
	#prestations .bloc_prestations{transform: none!important;}
	#prestations .bloc_prestations .prestations-content{
		position: absolute;
		bottom: 0;
		align-items: center;
		padding: 15px;
		left: 0;
		right: 0;
		top: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		z-index: 2;
	}
	#prestations .prestations-img:before {
        background: var(--black);
        opacity: 0.5;
        z-index: 0;
    }
	#prestations .widget_parentpage{grid-gap: 20px;}
	.prestations-content .content_link, .prestations-content .tc_excerpt{display: none;}

	/*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	.sectionsbloc .section_thumb {
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	}

	/*-----------------*/
    /* ACTU */
    /*-----------------*/
	#news .next_slider {width: 140px;}
	
	.title_slider {font-size: 20px;}
    .newsdate .day {font-size: 30px}
    .newsdate .month {font-size: 17px}
	.newsdate {
        padding: 20px 20px;
        height: calc(100% - 140px);
        top: 50px;
        left: -60px;
        min-height: 150px
    }
	
    #news .content_slider {padding: 50px 0 50px 80px;}
	.thumbnail_slider{height: 300px;}
	#news-title {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        border: none;
        padding-bottom: 0;
        margin-bottom: 30px;
    }

    #news-title .title { margin-bottom: 10px   }

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footerLogo{text-align:center;}
	#footerSeo{
		margin: 10px auto 0;
		max-width: 750px;
	}
	#footerLinks{
    flex-direction: column;
}
	
}
@media(max-width: 767px){
	/*-----------------*/
	/* LOADER */
	/*-----------------*/
	#loader-text{
		font-size: 22px;
		margin-top: 0;
		letter-spacing: 3px;
	}
	#action{
		transform: scale(0.5);
		height: 120px;
	}

	/*-----------------*/
	/* HEADERHOME  */
	/*-----------------*/
	#headerHome-content{padding-bottom: 80px;}
	.ml5{
		font-size: 30px;
		letter-spacing: 2px;
	}


	/*-----------------*/
	/* HEADERHOME + BANNER */
	/*-----------------*/
	#headerHome .overlay, 
	#banner .overlay{background: linear-gradient(var(--overlay-color) 30%, transparent);}

	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#header-coordonnees{
		right: -260px;
		width: 260px;
		padding: 70px 15px 65px;
	}
	#autotraduction{
	    background: var(--black);
	    width: 100%;
	    text-align: center;
	    padding: 10px;
	    justify-content: center;
	    display: flex;
	    margin-bottom: 10px;
	}

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

	
	
	/*-----------------*/
	/* NAVPRIMARY */
	/*-----------------*/
	.ckmenu-toogle{flex-direction: column;}
	.burgerIcon-name{
	    padding: 0;
	    font-size: 16px;
	    letter-spacing: 0.08em;
	}
	.ckmenu-items {padding: 30px 15px 60px}
	.ckmenu-nav {padding-top: 55px;}
	.ckmenu-img {display: none;}
	.navigmenu .naviglink:not(.button) {font-size: 24px;padding: 12px 0;}
	
    /*-----------------*/
    /* 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;}

	/*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
	#prestations .widget_parentpage{grid-gap: 20px;}

	/*-----------------*/
    /* ACTU */
    /*-----------------*/
	.thumbnail_slider{height: 250px;}
	#news {padding: 50px 15px;}

    #news .content_slider {padding: 40px 0 20px}
	.text_slider, .text_slider a{font-size: 14px;}
    .newsdate {
        left: 20px;
        top: -40px;
        height: auto;
        padding: 10px 15px;
        min-height: auto
    }
    .newsdate .month {font-size: 14px;}
    .newsdate .day {font-size: 20px;}
    .title_slider {font-size: 20px;}
    #news .next_slider {
		justify-content: flex-start;
		width: auto;
	}
	
	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footerSeo{
		max-width: 650px;
		font-size: 14px;
	}
	
}

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