/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

#main.main_homepage {
    padding-top:0;
}

#main.main_homepage p,
 #main.main_homepage  li{
    font-weight:var(--normal);
}
#main.main_homepage .partie_texte ul{
    margin-left:0;
}
#main.main_homepage .partie_texte li {
    list-style-type:none;
}
#main.main_homepage .partie_texte li:before {
    content:"/ ";
}
#home_carrousel {
    position:relative;
    padding:0;
    overflow:hidden;
    color:var(--blanc);
}

main #home_carrousel a:not(.bouton) {
    color:var(--blanc);
    text-decoration:none;
}

#home_carrousel,
.diapo_home,
.diapo_home .slick-list,
.diapo_home .slick-track,
.diapo_home .slider-inte,
.diapo_home .slide
{
    height:calc(100vh - 220px);
}

.diapo_home { 
    overflow:hidden;
}
.diapo_home .slide {
    padding:20px;
}
.diapo_home .slick-prev,
.diapo_home .slick-next {
    display:none!important;
}

.diapo_home .slick-list {
    width:90%;
    overflow:visible;
}

.diapo_home .slide {
    position:relative;
    padding:var(--header-height) 0;
}


.diapo_home .slick-dots {
    position:absolute;
    bottom:30px;
    left:50%;
    -webkit-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
            transform:translateX(-50%);
    width:80%;
    z-index:3;  
    display:-webkit-box;  
    display:-ms-flexbox;  
    display:flex;
    -webkit-box-pack:stretch;
        -ms-flex-pack:stretch;
            justify-content:stretch;
}
.diapo_home .slick-dots li {
    border:1px solid var(--blanc);
    height:8px;
    margin:3px;
    background:none;
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
    cursor:pointer;
}
.diapo_home .slick-dots li.slick-active {
    background:var(--blanc);
}
.gamme_principale_diapo .h2 {
    font-size:var(--fs-xl-cat-home);
    font-weight:var(--black)!important;
    text-transform:uppercase;
    margin:3vh 0 0 1em;
}
.gamme_principale_diapo .h2::before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background: url('../images/jeantil/croix_blanche.webp') no-repeat center;
      background-size: auto;
    background-size: 100%;
    height: 0.75em;
    width: 0.75em;
    -webkit-transform: translate3d(-90%,-75%,0);
            transform: translate3d(-90%,-75%,0);
  }

.liens_diapo ul li a {
    font-size:var(--fs-base-prod-home);
    font-weight:var(--semi-bold);
    text-transform:uppercase;
    line-height:1.75em;
    padding-right:20px;
}
.liens_diapo ul li a:before {
    display:inline-block;
    content:"/";
    margin-top:-0.2m;
    font-size:1.1em;
    padding-right:0.25em;
    font-weight:var(--normal);
}
#home_carrousel .image-diapo img {
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;

}
@media(max-width:979px) {
    
    
    .diapo_home .slider-inte  {
        position:relative;
    }
    /*EVOL Keven RIGO JUillet 2023 - post formation fixer les obliques*/
    .diapo_home:before {
        content:'';
        width:1px;
        height:50%;
        position:absolute;
        top:20%;
        right:28%;
        background:var(--blanc);
        z-index:0;
        -webkit-transform-origin:top right;
            -ms-transform-origin:top right;
                transform-origin:top right;
        -webkit-transform:rotate(20deg);
            -ms-transform:rotate(20deg);
                transform:rotate(20deg);
    }
    /*.diapo_home .slider-inte:before {
        content:'';
        width:1px;
        height:50%;
        position:absolute;
        top:20%;
        right:20%;
        background:var(--blanc);
        z-index:0;
        -webkit-transform-origin:top right;
            -ms-transform-origin:top right;
                transform-origin:top right;
        -webkit-transform:rotate(20deg);
            -ms-transform:rotate(20deg);
                transform:rotate(20deg);
    }*/
    #home_carrousel, 
    .diapo_home, 
    .diapo_home .slick-list, 
    .diapo_home .slick-track, 
    .diapo_home .slider-inte, 
    .diapo_home .slide {
      height:calc(100vh - 150px);

    }/*
    #home_carrousel .slider-inte {
      height: calc(100vh - 60px);
    }*/    
    .liens_diapo {
        position:absolute;
        bottom:45px;
        left:9vw;
        z-index:2;
    }
    .gamme_principale_diapo .h2 {
        font-size:9vw;
        margin:1em 0 0 1em;
    }
      #home_carrousel .image-diapo {
        position: absolute;
        bottom: 0%;
        right: 0;
        z-index: -1;
        width:100%;
        /* height:calc(100% - 2 * var(--header-height)); */
        height:100%;
        padding: var(--header-height) 0 ;

      }

}

@media(max-height:800px) and (min-width:980px){
    #home_carrousel, 
    .diapo_home, 
    .diapo_home .slick-list, 
    .diapo_home .slick-track, 
    .diapo_home .slider-inte, 
    .diapo_home .slide {
      height:calc(100vh - 100px);

    }
    #home_entete {
        padding:30px;
    }
    #home_entete h1{
        margin:20px 0;
    }

}
@media(min-width:980px) {
    .diapo_home:before {
        content:'';
        width:1px;
        height:50%;
        position:absolute;
        top:20%;
        right:28%;
        background:var(--blanc);
        z-index:0;
        -webkit-transform-origin:top right;
            -ms-transform-origin:top right;
                transform-origin:top right;
        -webkit-transform:rotate(20deg);
            -ms-transform:rotate(20deg);
                transform:rotate(20deg);
    }
    .diapo_home .slick-list {
        width:80%;
    }
    .gamme_principale_diapo .h2 {
        margin:14vh 0 0 0;
    }
    .gamme_principale_diapo .h2::before {
        height: 0.5em;
        width: 0.5em;
        -webkit-transform: translate3d(-90%,-75%,0);
                transform: translate3d(-90%,-75%,0);
      }
    .diapo_home .slick-dots {
        width:1122px; 
        max-width:90vw;
    }
    .diapo_home .slick-dots li {
        margin:6px;

    }

    .diapo_home .slick-list {
        width:800px;
        margin:0 auto;
    }

    .gamme_principale_diapo{
        position:relative;
        z-index:1;
    }
    .image-diapo {
        position:absolute;
        right:-5%;
        width:90%;
        height:75%;
        z-index:0;
        bottom:0%;
    }
   
    .lien_general {
        position:absolute;
        right:0%;
        width:100%;
        height:100%;
        z-index:2;
        top:0;
    }
    .liens_diapo {
        position:relative;
        z-index:3;
        display:inline-block;
        width:auto;
    }
    .liens_diapo ul,
    .liens_diapo ul li a
     {
        display:inline-block;
        width:auto;
    }
    .gamme_principale_diapo a,
    .liens_diapo ul li a {
        -webkit-transition:var(--ease);
        -o-transition:var(--ease);
        transition:var(--ease);
    }
    .lien_general:hover + .gamme_principale_diapo a {
        letter-spacing:4px;
    }
    .liens_diapo ul li a:hover {
        letter-spacing:2px;
    }

}



@media(min-width:1280px) {
    .diapo_home .slick-list {
        width:830px;
        margin:0 auto;
    }
    .diapo_home .slick-prev,
    .diapo_home .slick-next {
        display:block!important;
        position:absolute;
        z-index:2;
        top:50%;
        -webkit-transform:translateY(-50%);
            -ms-transform:translateY(-50%);
                transform:translateY(-50%);
        left:10px;
        height:53px;
        width:53px;
        border:1px solid var(--blanc);
        border-radius:0;
    }
    .diapo_home .slick-prev {
        background:none;
    }
    .diapo_home .slick-next {
        margin-left:60px;
        background:var(--blanc);
        
    }
    .diapo_home .slick-prev:before,
    .diapo_home .slick-next:before {
        display:block;position:absolute;
        top:50%;
        left:50%;
        z-index:1;
        -webkit-transform:translate3d(-50%,-50%,0);
                transform:translate3d(-50%,-50%,0);
        font-size:22px;
    }
    .diapo_home .slick-prev:before {
        color:var(--blanc);
        content:'<';
    }
    .diapo_home .slick-next:before {
        color:var(--noir);
        content:'>';
    }
}
@media(min-width:1400px) {
.diapo_home .slick-list {
    width: 1120px;
    margin: 0 auto;
  }
}

@media(min-width:1750px) {
    .diapo_home {
        overflow:visible;
        width:1622px;
        margin:0 auto;
    }
    .diapo_home .slick-prev,
    .diapo_home .slick-next {
        left:-50px;
    }
}


@media(max-aspect-ratio:0.66) {
   /* #home_carrousel,
    .diapo_home,
    .diapo_home .slick-list,
    .diapo_home .slick-track,
    .diapo_home .slider-inte,
    .diapo_home .slide
    {
        height:150vw;
    }*/
    .gamme_principale_diapo .h2 {
        margin:10% 0 0 1em;
    }
}


@media(max-width:979px) {
    /*fin du carrousel*/
    article.home_page section,
    article.home_page section .container {
        padding-left:6.4vw;
        padding-right:6.4vw;
    }

    article.home_page section#home_carrousel,
    article.home_page section#video_home,
    section#video_home .container {
        padding-left:0;
        padding-right:0
    }   
}

@media(max-height:767px) and (min-aspect-ratio:0.6) {
    .gamme_principale_diapo .h2 {
        font-size:4rem;
        margin-top:8vh ;
    }
}

@media(max-height:639px) and (min-aspect-ratio:0.6) {
    .gamme_principale_diapo .h2 {
        font-size:3rem;
        margin-top:6vh ;
    }
}

@media(max-height:479px) or (max-width:379px) {
    .liens_diapo a{
        font-size:0.8rem!important;
    }
    .gamme_principale_diapo .h2 {
        font-size: 1.8rem!important;
      }
}
     
@media(max-height:379px) {
    .gamme_principale_diapo .h2 {
        font-size: 1.8rem!important;
      }
    .liens_diapo {
        display:none;
    }
}

/*Evol Aout 2023 suite formation reduction h2 carrousel pour ne pas superposer titre et image
*/
@media(max-height:980px) {
    .gamme_principale_diapo .h2 {
        font-size:3rem;
        margin-top:6vh ;
    }
}


@media(min-aspect-ratio: 1) and (max-height:639px){
     /*#home_carrousel .image-diapo {
        height:calc(100% -  var(--header-height));
    }
   
    #home_carrousel .image-diapo img {
        max-width:100%;
        max-height:100%;
        width:auto;
        height:auto;
        position:unset;
    }*/
}


.home_page h2:before {
    display:none;
}

@media(min-width:980px) {
    .home_page #home_une_texte h2 {
        margin-bottom:1.6em;
    }
    .home_page #home_une_texte h2:before {
        display:block;
        content:url('../images/jeantil/trait_home_blanc.webp');
        left:-86px;
    }
}

#home_texte_entete h1 {
    text-transform:none;
    font-weight:var(--normal);
    font-size:var(--fs-xl-h1-home);
    line-height:1;
}
#home_texte_entete h1:before {
    display:none;
}
#home_texte_entete h1 .bleu {
    color:var(--bleu);
}
@media(min-width:980px) {
    #home_texte_entete h1{
        width:895px;
        padding-left:141px;
        background:url('../images/jeantil/trait_long_rouge.webp') no-repeat top left;
    }
}

section#home_entete + section#video_home {
    padding-top:0;
    padding-bottom:0;
}
@media(min-width:980px) {
#video_home + #home_expertise {
    padding-top: 86px;
  }
}

section#video_home {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(50%, rgba(0,0,0,1)), to(rgba(0,0,0,1)));
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);   
}
section#video_home .container {
    position:relative;
    margin:0;
    width:90%;
    padding:0;
}
#home_vignette_video {
    width:100%;
    position:relative;
    z-index:1;
}
#home_bouton_play {
    position:absolute;
    top:50%;
    left:50%;
    z-index:2;
    -webkit-transform:translate3d(-50%,-50%,0);
            transform:translate3d(-50%,-50%,0);
    width: 230px;
    transition: all 0.3s
}
#home_bouton_play:hover {
    filter:invert(100%)
}
#home_bouton_play a {
    color: var(--blanc);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: var(--bold);
    font-size: var(--fs-base-plus);
    padding-left: 50px;
    width:100%;
    display: flex;
    align-items: center;
    background:url('../images/jeantil/play.webp') no-repeat left center;
    background-size: auto 100%;
  }
@media(min-width:768px) {
    #home_bouton_play {
        left:unset;
        right:90px;
        max-width:calc(100% - 90px);
        width:300px;
        transform: translate3d(0%,-50%,0);
        

    }
    #home_bouton_play a {
        padding: 1em 0 1em calc(100px + 1em);
        background-size: 100px;
        min-height:100px;
    }

}
#entreprise {
    display:none;
    background:black;
    position:relative;
}


@media(min-width:979px) and (max-width:1919px) {
    section#video_home .container {
        width:1570px;
        max-width:90%;
    }
}
@media(min-width:1920px) {
    section#video_home .container {
        margin:0 auto;
        width:1570;
        position:relative;
        left:-360px;
    }
}

.home h2 {
    font-size:var(--fs-xl-h1-home);
}

#home_exp_text {
    width:800px;
    max-width:100%;
}
#home_exp_text p{
     font-size:var(--fs-l);
     line-height:1.33em;
}
#contenu_a_la_une {
    position:relative;
    padding-bottom:150px;
}
#contenu_a_la_une:after  {
    content:url('../images/jeantil/trait_court_blanc.webp');
    display:block;
    z-index:1;
    position:absolute;
    left:50%; 
    top:calc(100% - 75px);
    -webkit-transform:translate3d(-50%,-50%,0) scale(0.5);
            transform:translate3d(-50%,-50%,0) scale(0.5); 
}
#home_une_full img {
    display:block;
    width:1000%;
}

@media(max-width:979px) {
    #contenu_nos_services {
        padding:46px 6.4vw;
    }
    #contenu_a_la_une.contenu_a_la_une_full .container {
        padding-top:40px;
        width:100%;
    }
    #contenu_a_la_une.contenu_a_la_une_full .container .partie_texte h2:first-child {
        position:relative;
        z-index:1;
        top:0.5em;
    }
    #home_une_full  #home_une_texte,
    #home_une_full   #home_une_texte .partie_texte {
        width:100%;
        overflow:visible;
    }
    .image_une_mobile {
        position:relative;
        z-index:0;
        width:100vw;
        left:-12.8vw;

    }
    #home_une_full {
        display:none;
    }

    section#home_expertise {
        padding-top:35px;
    }
    #home_exp_text p {
        font-size:var(--fs-base);
    }
}

@media(min-width:980px) {
    .c1920 {
        width:1920px;
        padding:0;
    }
    
    .image50,.texte50 {
        width:50%
    }

    .c1920 .texte50:first-child {
            display:-webkit-box;
            display:-ms-flexbox;
            display:flex;
            -webkit-box-pack:end;
                -ms-flex-pack:end;
                    justify-content:flex-end;
    }
    .c1920 .texte50:first-child .partie_texte{
        max-width:600px;
        padding:0 40px ;
    }
    .c1920 .texte50:last-child .partie_texte{
        max-width:600px;
        padding: 0 40px;
    }
    .c1920 .image50:first-child{
        padding:0 40px 0 0;
    }
    .c1920 .image50:last-child {
        padding:0 0 0 40px;
    }
    #contenu_a_la_une.contenu_a_la_une_full {
        padding-left:0;
        padding-right:0;  
    }
    #contenu_a_la_une.contenu_a_la_une_full  {
        overflow:hidden;
    }
    #contenu_a_la_une.contenu_a_la_une_full .container {
        width:100%;
        margin:0;
        padding-left:0;
        padding-right:0;
    }
    .home_une_full #home_une_texte {
        padding:0;
        width:400px;
        width:340px;
        left:68px;
        z-index:1;
        position:relative; 
    }
    .c1920.home_une_full .texte50:last-child .partie_texte {
        padding:60px 0;
    }

   
    #home_une_full {
        position:absolute;
        overflow:hidden;
        z-index:0;
        top:50%;
        -webkit-transform:translateY(-50%);
            -ms-transform:translateY(-50%);
                transform:translateY(-50%);
        left:10%;
        min-width:90%;
        min-height:100%;
        max-width:none;
        max-height:none;
        overflow:hidden;
        
    }
}
@media(min-width:1280px) {
    .home_une_full  #home_une_texte {
        position:relative;
        left:50%;
        margin-left:-600px;
        padding:100px 0 0 0;
    }
    #home_une_full {
        min-width:0;
        min-height:0;
        max-width:100%;
        max-height:100%;
    }
    #contenu_a_la_une {
        padding-bottom:232px;
    }
    #contenu_a_la_une:after  {

        top:calc(100% - 116px);
        -webkit-transform:translate3d(-50%,-50%,0) scale(0.58);
                transform:translate3d(-50%,-50%,0) scale(0.58); 
    }
    #contenu_au_service_de,
    #home_expertise {
        padding-bottom:160px;
    }
}

@media(min-width:1900px) {
    .home_une_full  #home_une_texte {
        padding:150px 0 0 0 ;  
    }
    #home_une_full {
        left:unset;
        right:50%;
        margin-right:-960px;
        height:auto;
        width:1400px;
    }
}