/*
Theme Name: Marcopolo Child
Template: twentytwentyfive
Description: Theme enfant de Twenty Twenty-Five pour Marcopolo (CSS d'origine du site de reference, meme ordre que la prod)
Version: 1.2.0
Text Domain: marcopolo-child
*/

/* ===== css/responsive.css ===== */
/*------------------------------------------------*/
/* min 320 */
/*------------------------------------------------*/
@media only screen and (min-width : 320px) {
    /* MENU */
    .menutop{
        display:none;
    }
    #menu_desktop{
        display:none;
    }
    #menuburger{
        display:block;
    }
    #menu_mobile{
        width: 100%;
    }
    a#logoheader{
        width: 17rem;
        background-color: #FFFFFF;
    }
    header .menu .contact{
        display: none;
    }

    /* SLIDE HOME */
    .slidehome{
        position: relative;
    }
    .slidehome .slide::before, .slidehome .slide::after{
        display: none;
    }
    .slidehome .navigation_diaporama{
        display: none;
    }
    .slidehome .navigation_title{
        display: none;
    }   
    .slidehome .content-slide .slide-text{
        width: 80%;
        z-index: 2;
        position:absolute;
        top:60%;
        left:50%;
        -webkit-transform:translate(-50%,-50%);
                transform:translate(-50%,-50%);
        text-align: center;
    }
    .slidehome .content-slide .slide-text h1,
    .slidehome .content-slide .slide-text h2{
        font-size: 2rem;
        line-height: 1em;
        font-weight: 700;
        color: #FFFFFF;
     }
    .slidehome .content-slide .slide-text a{
        font-size: 1.2rem;
        margin-top: 0;
    }
    .slidehome .content-slide .slide-img{
        width: 100%;
    } 
    .slidehome .content-slide .slide-img::before{      
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(5,5,34,0.70)), color-stop(15%, rgba(5,5,34,0.500)),  to(rgba(5,5,34,0)));      
        background: linear-gradient(to bottom, rgba(5,5,34,0.70) 0%, rgba(5,5,34,0.500) 15%,  rgba(5,5,34,0) 100%);        
    }
    .slidehome .navigation_dots{        
        bottom: -0.5rem;
        left: 50%;
        -webkit-transform:translateX(-50%);
                transform:translateX(-50%);       
    }

    /* HAUT DE PAGE */
  
    .haut_de_page.haut_de_page.avec_bg::before, .haut_de_page.haut_de_page.avec_bg::after{
        display: none;
    }       
    .haut_de_page.avec_bg .hdp-text::before{
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(5,5,34,0.60)), color-stop(50%, rgba(0,0,0,0.750)),  to(rgba(0,0,0,0.550)));
        background: linear-gradient(to bottom, rgba(5,5,34,0.60) 0%, rgba(0,0,0,0.750) 50%,  rgba(0,0,0,0.550) 100%);  
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;      
    }
    .haut_de_page.avec_bg .hdp-text{
        padding: 16rem 0;        
        width: 100%;           
        z-index: 2;
        font-size: 1.3rem;
    }
    .haut_de_page.avec_bg .hdp-text .hdp-wrapper{
        width: 90%;
        margin: 0 auto;
    }
   
    .haut_de_page.avec_bg .hdp-img{
        width: 100%;
        z-index: 1;  
        display: none;      
    }
    body:not(.single-temoignage) .haut_de_page.avec_bg .hdp-text h1,
    .single-temoignage .haut_de_page .surtitre{
        font-size: 2.8rem;
        line-height: 1em; 
        color: #FFFFFF;       
    }
    body:not(.single-temoignage) .haut_de_page.avec_bg .hdp-text .soustitre,
    .single-temoignage .haut_de_page h1{
        font-size: 1.8rem;
        line-height: 1em;
        font-weight: 700;
        color: #FFFFFF;
    } 
    .single-temoignage .haut_de_page.avec_bg .btnback{
       bottom: 1vw;
        left:5%;
    }
   
    /* BASIC_2COLS */
    .home .basic_2cols_gauche .para{
        text-align: center;
        padding-left: 0;
    }   
    .basic_2cols_gauche .video-responsive{
        width: 90%;
        margin: 2rem auto;
    }
    .basic_2cols_droite .para{
        padding-right: 0;
    }
    .basic_twocols .pp_photos img{
       width: 100%;
       margin: 3rem auto 0 auto;
    }
    .basic_twocols .para [class*="grid-"]  ul{
        padding: 0  ;
        text-align:left;
    }

    /* BLOG */
    .posts-container article.item{
        margin-top: 6rem;
    }
    .single main .haut_de_page.avec_bg .date {
        color: #FFFFFF;
    }

    /* LOGO SLIDER */
    .logos_slider .navigation_diaporama .prev{
        left: 0px;
    }
    .logos_slider .navigation_diaporama .next{
        right: 0px;
    }
   
    /* FOOTER */
    footer .wrapper{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    footer .col-1{
        width: 50%;
        margin: 0 auto;
    }
    footer .col-2{
        width: 80%;
        max-width: 400px;
        text-align: center;
        margin: 0 auto;
    }
    footer .col-3{
        width:100%;
        text-align: center;
        display: none !important;
    }
    footer .col-4 ul li{
        width:100%;
        margin: 1rem auto;
    }
    footer .wrapper.adresses{
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -ms-flex-wrap: wrap;
           flex-wrap: wrap;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
           -ms-flex-direction: row;
               flex-direction: row;
       flex-direction: column;
    }
    footer .wrapper .adresse_single_foot{
        width: 80%;
        margin: 2rem auto;
        padding-left: 2rem;
    }
    footer .wrapper .adresse_single_foot .adresse_content{
            width: 70%;
            margin: 0 auto;
    }
    footer .copyright .separator{
        display: none;
    }
}


/*------------------------------------------------*/
/* min 480 - tiny */
/*------------------------------------------------*/
@media only screen and (min-width : 480px) {
     /* MENU */
   #menu_mobile{
    width: 70%;
    }
 
    .slidehome .content-slide .slide-text h1,
    .slidehome .content-slide .slide-text h2{
        font-size: 3.2rem;
        line-height: 1em;
    }    
    .slidehome .content-slide .slide-text a{
        font-size: 1.6rem;
        margin-top: 2rem;
    }
}


/*------------------------------------------------*/
/* min 600 - small */
/*------------------------------------------------*/
@media only screen and (min-width : 600px) {
   /* MENU */
   #menu_mobile{
    width: 50%;
    }
    a#logoheader{
        width: 20rem;
    }
    header .menu .contact{
        display: unset;
    }
    header ul.menu{    
        margin: 0 2rem;
    }
  
    /* BASIC 2 COLS */
    .basic_2cols_gauche .para p{
        padding-right: 3rem;
    }
    .basic_twocols .para ul{
        padding: 0 4rem ;
    }
   
    .basic_twocols img{
        width:80%;
    }

    /* FOOTER */
    footer .wrapper.adresses{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }
    footer .wrapper .adresse_single_foot{
        width: 50%;
        margin: 2rem auto;    
    }
    footer .wrapper .adresse_single_foot .adresse_content{
        width: 60%;
    }  
    footer .copyright .wrapper{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    } 
    footer .copyright .separator{
        display: unset;
    } 
}

@media only screen and (max-width : 768px){
    .haut_de_page.avec_bg .hdp-text  .hdp-intro p *{
        color:#fff!important;
    }
}
/*------------------------------------------------*/
/* min 768 - mediumsmall */
/*------------------------------------------------*/
@media only screen and (min-width : 768px) {
    /* MENU */
    #menu_mobile ul li{
        margin: 1rem 0;
    }
    a#logoheader{
        width: 18rem;
        background-color: transparent;
    }
    /* SLIDE HOME */
    .slidehome .content-slide{
        position: unset;
        height: auto;
    }
    .haut_de_page.avec_bg .hdp-text::before{
        display: none;
    }
    .slidehome .content-slide .slide-text, 
    .slidehome .content-slide .slide-img{
        position: unset;
        -webkit-transform: translate(0,0);
                transform: translate(0,0);
        width: 50%;
    }
    .slidehome  .content-slide .slide-img::before{      
        background: rgb(2,0,36);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(5,5,34,0.95)), color-stop(30%, rgba(5,5,34,0)));
        background: linear-gradient(to bottom, rgba(5,5,34,0.95) 0%, rgba(5,5,34,0) 30%);        
    } 
    .slidehome .content-slide .slide-text h1,
    .slidehome .content-slide .slide-text h2    
    {
        font-size: 2.8rem;
        line-height: 1em;
        color: var(--text-color5);
    }   
    .slidehome .content-slide .slide-text{
        padding-left: 4rem;
        padding-right: 0;
        margin: 16rem 0 auto 0;
        text-align: left;
    }
    .slidehome .prevslide, .slidehome .nextslide{
        width: 50%;
        height: 3rem;
        position: absolute;
        bottom: 0;
        z-index: 2;  
        color: #FFFFFF;
        background: #5f5f5fbf;
      }
    .slidehome .prevslide{left: 0; }
    .slidehome .nextslide{right: 0; }
    .slidehome .navigation_title{
        display:inherit;
    }
    .slidehome .navigation_title span:nth-child(1){
        text-align: center;
        padding: 0.5rem 6rem 2.2rem 0rem;   
    }
    .slidehome .navigation_title span:nth-child(2){
        text-align: center;
        padding: 0.5rem 0rem 2.2rem 5rem;   
    }
    .slidehome .navigation_diaporama{
        display: block;
    }
    .slidehome .navigation_diaporama .slick-arrow{
        width: 50%;
        height: 3rem;
        bottom: 1%;
    }  
    .slidehome .navigation_dots{        
        bottom: -1rem;
        left: 5%;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }

    /* HAUT DE PAGE */
    .haut_de_page.avec_bg{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(220,225,240,1)), to(rgba(255,255,255,1))) !important;
        background: linear-gradient(to top, rgba(220,225,240,1) 0%, rgba(255,255,255,1) 100%) !important;
    }
    .haut_de_page.haut_de_page.avec_bg::before, .haut_de_page.haut_de_page.avec_bg::after{
        display: unset;
    }
    .haut_de_page.avec_bg .hdp-text,
    .haut_de_page.avec_bg .hdp-img{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 50%;
        position: unset;
        -webkit-transform: translate(0);
                transform: translate(0);
    }
    .haut_de_page.avec_bg .hdp-text{
        padding-left: 4rem;
        padding-right: 2rem;
        padding-top: 16rem;
        padding-bottom: 16rem;
        font-size: 1.6rem;
    }
    
    body:not(.single-temoignage) .haut_de_page.avec_bg .hdp-text h1,
    .single-temoignage .haut_de_page .surtitre{
        font-size: 2.8rem;
        line-height: 1em; 
        color: var(--text-color5);       
    }
    .single-temoignage .haut_de_page .surtitre{
        color:var(--text-color5)!important;
    }
    body:not(.single-temoignage) .haut_de_page.avec_bg .hdp-text .soustitre,
    .single-temoignage .haut_de_page h1{
        font-weight: 400;
        color:var(--text-color2);
    }
    
    .haut_de_page.avec_bg .hdp-text p{
        color: var(--text-color3);
        font-weight: 400;
    }
    .haut_de_page.avec_bg .hdp-text a{
        color: var(--text-color2);
    }
    .single main .haut_de_page.avec_bg .date {
        color: var(--text-color3);
    }
    
    .single-temoignage .haut_de_page.avec_bg .btnback{
        width: 37rem;
        height: 10rem;
        position: absolute;
        bottom: -1px;
         left:0;
        text-align: center;
    }
    /* LOGO SLIDER */
    .logos_slider .navigation_diaporama .prev{
    left: -20px;
    }
    .logos_slider .navigation_diaporama .next{
        right: -20px;
    }
   
 
}

/*------------------------------------------------*/
/* min 992 - medium */
/*------------------------------------------------*/
@media only screen and (min-width : 992px) {
    .menutop{
        display:block;
    }
    #menu_desktop{
        display:block;
    }    
    /* SLIDE HOME */
    .slidehome  .navigation_dots{        
        bottom: 10rem;
        left: 5%;
    }
    .slidehome .content-slide .slide-text a{
        margin-top: 4rem;
    }
}

/*------------------------------------------------*/
/* min 1024 - mediumlarge */
/*------------------------------------------------*/
@media only screen and (min-width : 1024px) {

    /* SLIDE HOME */
    .slidehome .content-slide .slide-text h1,
    .slidehome .content-slide .slide-text h2{
        font-size: 3.8rem;
        line-height: 1em;
    }
    .slidehome .content-slide .slide-text{
        padding-left: 4rem;
        padding-right: 0;
        margin: auto 0;
    }
    .slidehome .slide::before, .slidehome .slide::after{
        display: unset;
    }
    .slidehome .prevslide, .slidehome .nextslide{
        width: 37rem;
        height: 7rem;
        position: absolute;
        bottom: 3rem;
        z-index: 2;  
        color: #FFFFFF;
        background: #8D9AAB;
      }
    .slidehome .prevslide{left: 0; -webkit-clip-path: path('M329.29,29.29A100,100,0,0,0,258.58,0H0V70H370Z'); clip-path: path('M329.29,29.29A100,100,0,0,0,258.58,0H0V70H370Z');}
    .slidehome .nextslide{
      right: 0;
      -webkit-clip-path: path('M40.71,29.29,0,70H370V0H111.42A100,100,0,0,0,40.71,29.29Z');
              clip-path: path('M40.71,29.29,0,70H370V0H111.42A100,100,0,0,0,40.71,29.29Z');
    }
    .slidehome .navigation_title span:nth-child(1){
        text-align: center;
        padding: 1.2rem 6rem 2.2rem 0rem;   
    }
    .slidehome .navigation_title span:nth-child(2){
        text-align: center;
        padding: 1.2rem 0rem 2.2rem 5rem;   
    }
    .slidehome .navigation_diaporama .slick-arrow{
        width: 37rem;
        height: 7rem;
        bottom: 3rem;
    }
    .slidehome .navigation_diaporama .prev{left: 0; -webkit-clip-path: path('M329.29,29.29A100,100,0,0,0,258.58,0H0V70H370Z'); clip-path: path('M329.29,29.29A100,100,0,0,0,258.58,0H0V70H370Z');}
    .slidehome .navigation_diaporama .next{right: 0; -webkit-clip-path: path('M40.71,29.29,0,70H370V0H111.42A100,100,0,0,0,40.71,29.29Z'); clip-path: path('M40.71,29.29,0,70H370V0H111.42A100,100,0,0,0,40.71,29.29Z');}
    .slidehome  .navigation_dots{        
        bottom: 13%;
        left: calc((100vw - 1024px) / 2);
    }

    /* HAUT DE PAGE */   
    .haut_de_page.avec_bg .hdp-text{
        padding-left: 4rem;
        padding-right: 2rem;
    }
    body:not(.single-temoignage) .haut_de_page.avec_bg .hdp-text h1,
    .single-temoignage .haut_de_page .surtitre{
        font-size: 3.8rem;
        line-height: 1em;   
        margin-bottom: 2rem;     
    }
    body:not(.single-temoignage) .haut_de_page.avec_bg .hdp-text .soustitre,
    .single-temoignage .haut_de_page h1{
        font-size: 2rem;
        line-height: 1em;
    }

    /* BASIC_2COLS */
    
    .home .basic_2cols_gauche .para{
        text-align: left;
        padding-left: 4rem;
    }
    .basic_2cols_gauche .video-responsive{
        width: 100%;
        margin: 0 auto;
    }
    .basic_2cols_droite .para{
        padding-right: 5rem;
        text-align: left;
    }
    .basic_twocols .pp_photos img{
        width: 100%;
        margin: 0 auto;
    }
    
    /* BLOG */
    .posts-container article.item{
        margin-top: 0rem;
    }
    
    /* FOOTER */
    footer .wrapper{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }
    footer .col-1{
        width: 15%;
      }
    footer .col-2{
        width: 20%;
        text-align: left;
    }
    footer .col-3{
        width: 55%;
        display: inline-block !important;
    }
    footer .col-4{
        width: 10%;
        position: unset;
    }   
    footer .wrapper .adresse_single_foot{
    width: 33.3%;
    }
    footer .wrapper .adresse_single_foot .adresse_content{
        width: 100%;
    }    
}

/*------------------------------------------------*/
/* min 1200 - large */
/*------------------------------------------------*/
@media only screen and (min-width : 1200px) {
    /* MENU */
    #menu_mobile{
        width: 30%;
    }
    .slidehome .navigation_dots{        
        bottom: 15%;
        left: calc((100vw - 1200px) / 2);
    }
    footer .wrapper .adresse_single_foot{
    width: 15%;
    margin: 0 auto;
    }

}


/*------------------------------------------------*/
/* min 1400 - largeplus */
/*------------------------------------------------*/
@media only screen and (min-width : 1400px) {
    /* SLIDE HOME */
    .slidehome .content-slide .slide-text h1,
    .slidehome .content-slide .slide-text h2{
    font-size: 5.2rem;
    line-height: 6rem;
    }
    .slidehome .content-slide .slide-text{
    padding-left: calc((100vw - 1300px) / 2);
    padding-right: 4rem;
    margin: auto 0;
    }
    .slidehome .navigation_dots{
        position: absolute;
        bottom: 11%;
        left: calc((100vw - 1300px) / 2);
        z-index: 1000;
    }

    /* HAUT DE PAGE */
    .haut_de_page.avec_bg .hdp-text{
        padding-left: calc((100vw - 1300px) / 2);
        padding-right: 4rem;
    }
    body:not(.single-temoignage) .haut_de_page.avec_bg .hdp-text h1,
    .single-temoignage .haut_de_page .surtitre{
        font-size: 5.2rem;
        line-height: 6rem;  
        margin-bottom: 4rem;      
    }
     body:not(.single-temoignage) .haut_de_page.avec_bg .hdp-text .soustitre,
    .single-temoignage .haut_de_page h1{
        font-size: 2.4rem;
        line-height: 2.4rem;
    }
}


/*------------------------------------------------*/
/* min 1600 - xlarge */
/*------------------------------------------------*/
@media only screen and (min-width : 1600px) {
    /* LOGO SLIDER */
    .logos_slider .navigation_diaporama .prev{
        left: -90px;
    }
    .logos_slider .navigation_diaporama .next{
        right: -90px;
    }
}


/*------------------------------------------------*/
/* min 1800 - xxlarge */ 
/*------------------------------------------------*/
@media only screen and (min-width : 1800px) {

}

/* ===== css/boots-bones.css ===== */
/*
* Boots & Bones V0.1
* Lightweight responsive grid framework
* Joshua Beckman
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 11/11/2012
*/


/* Table of Contents
==================================================
    #Fluid Grid
    #Base 960 Grid
    #Wide SCreens
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing 
     */

/* #Fluid Grid (Inspired by Bootstrap)
================================================== */

.row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.564102564102564%;
    *margin-left: 2.5109110747408616%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.564102564102564%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.45299145299145%;
    *width: 91.39979996362975%;
  }
  .row-fluid .span10 {
    width: 82.90598290598291%;
    *width: 82.8527914166212%;
  }
  .row-fluid .span9 {
    width: 74.35897435897436%;
    *width: 74.30578286961266%;
  }
  .row-fluid .span8 {
    width: 65.81196581196582%;
    *width: 65.75877432260411%;
  }
  .row-fluid .span7 {
    width: 57.26495726495726%;
    *width: 57.21176577559556%;
  }
  .row-fluid .span6 {
    width: 48.717948717948715%;
    *width: 48.664757228587014%;
  }
  .row-fluid .span5 {
    width: 40.17094017094017%;
    *width: 40.11774868157847%;
  }
  .row-fluid .span4 {
    width: 31.623931623931625%;
    *width: 31.570740134569924%;
  }
  .row-fluid .span3 {
    width: 23.076923076923077%;
    *width: 23.023731587561375%;
  }
  .row-fluid .span2 {
    width: 14.52991452991453%;
    *width: 14.476723040552828%;
  }
  .row-fluid .span1 {
    width: 5.982905982905983%;
    *width: 5.929714493544281%;
  }
  .row-fluid .offset12 {
    margin-left: 105.12820512820512%;
    *margin-left: 105.02182214948171%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.56410256410257%;
    *margin-left: 102.45771958537915%;
  }
  .row-fluid .offset11 {
    margin-left: 96.58119658119658%;
    *margin-left: 96.47481360247316%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.01709401709402%;
    *margin-left: 93.91071103837061%;
  }
  .row-fluid .offset10 {
    margin-left: 88.03418803418803%;
    *margin-left: 87.92780505546462%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.47008547008548%;
    *margin-left: 85.36370249136206%;
  }
  .row-fluid .offset9 {
    margin-left: 79.48717948717949%;
    *margin-left: 79.38079650845607%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 76.92307692307693%;
    *margin-left: 76.81669394435352%;
  }
  .row-fluid .offset8 {
    margin-left: 70.94017094017094%;
    *margin-left: 70.83378796144753%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.37606837606839%;
    *margin-left: 68.26968539734497%;
  }
  .row-fluid .offset7 {
    margin-left: 62.393162393162385%;
    *margin-left: 62.28677941443899%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.82905982905982%;
    *margin-left: 59.72267685033642%;
  }
  .row-fluid .offset6 {
    margin-left: 53.84615384615384%;
    *margin-left: 53.739770867430444%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.28205128205128%;
    *margin-left: 51.175668303327875%;
  }
  .row-fluid .offset5 {
    margin-left: 45.299145299145295%;
    *margin-left: 45.1927623204219%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.73504273504273%;
    *margin-left: 42.62865975631933%;
  }
  .row-fluid .offset4 {
    margin-left: 36.75213675213675%;
    *margin-left: 36.645753773413354%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.18803418803419%;
    *margin-left: 34.081651209310785%;
  }
  .row-fluid .offset3 {
    margin-left: 28.205128205128204%;
    *margin-left: 28.0987452264048%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.641025641025642%;
    *margin-left: 25.53464266230224%;
  }
  .row-fluid .offset2 {
    margin-left: 19.65811965811966%;
    *margin-left: 19.551736679396257%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.094017094017094%;
    *margin-left: 16.98763411529369%;
  }
  .row-fluid .offset1 {
    margin-left: 11.11111111111111%;
    *margin-left: 11.004728132387708%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.547008547008547%;
    *margin-left: 8.440625568285142%;
  }
.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
  *zoom: 1;
}
.container-fluid:before,
.container-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.container-fluid:after {
  clear: both;
}
.main-fluid {
  margin-right: auto;
  margin-left: auto;
  padding: 0 20px;
  max-width: 1300px;
  *zoom: 1;
}
.main-fluid:before,
.main-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.main-fluid:after {
  clear: both;
}

/* #Base 960 Grid (Inspired by Skeleton)
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; padding-left: 10px; padding-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { margin-left: 60px;  }
    .container .offset-by-two                   { margin-left: 120px; }
    .container .offset-by-three                 { margin-left: 180px; }
    .container .offset-by-four                  { margin-left: 240px; }
    .container .offset-by-five                  { margin-left: 300px; }
    .container .offset-by-six                   { margin-left: 360px; }
    .container .offset-by-seven                 { margin-left: 420px; }
    .container .offset-by-eight                 { margin-left: 480px; }
    .container .offset-by-nine                  { margin-left: 540px; }
    .container .offset-by-ten                   { margin-left: 600px; }
    .container .offset-by-eleven                { margin-left: 660px; }
    .container .offset-by-twelve                { margin-left: 720px; }
    .container .offset-by-thirteen              { margin-left: 780px; }
    .container .offset-by-fourteen              { margin-left: 840px; }
    .container .offset-by-fifteen               { margin-left: 900px; }

/* #Wide screens
================================================== */

    /* Note: Design for a width of 1200px */

    @media only screen and (min-width: 959px) {
        .container                                  { width:959px}
        .container.extra                            { width:100%}
    }
    @media only screen and (min-width: 1024px) {
        .container                                  { width:1024px}
        .container.extra                            { width:calc(100% - calc(calc(100% - 1024px) / 2))}
    }
    @media only screen and (min-width: 1140px) {
        .container                                  { width:1140px}
        .container.extra                            { width:calc(100% - calc(calc(100% - 1140px) / 2))}
    }
    @media only screen and (min-width: 1281px) {
        body {
          font-size: 18px/26px;
        }

        .container                                  { width: 1280px; }
        .container.extra                            { width:calc(100% - calc(calc(100% - 1280px) / 2))}
        .container .column,
        .container .columns                         { padding-left: 10px; padding-right: 10px;  }
        .column.alpha, .columns.alpha               { padding-left: 0; padding-right: 10px; }
        .column.omega, .columns.omega               { padding-right: 0; padding-left: 10px; }
        .alpha.omega                                { padding-left: 0; padding-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 60px; }
        .container .two.columns                     { width: 140px; }
        .container .three.columns                   { width: 220px; }
        .container .four.columns                    { width: 300px; }
        .container .five.columns                    { width: 380px; }
        .container .six.columns                     { width: 460px; }
        .container .seven.columns                   { width: 540px; }
        .container .eight.columns                   { width: 620px; }
        .container .nine.columns                    { width: 700px; }
        .container .ten.columns                     { width: 780px; }
        .container .eleven.columns                  { width: 860px; }
        .container .twelve.columns                  { width: 940px; }
        .container .thirteen.columns                { width: 1020px; }
        .container .fourteen.columns                { width: 1100px; }
        .container .fifteen.columns                 { width: 1180px; }
        .container .sixteen.columns                 { width: 1260px; }

        .container .one-third.column                { width: 405px; }
        .container .two-thirds.column               { width: 825px; }

        /* Offsets */
        .container .offset-by-one                   { margin-left: 80px; }
        .container .offset-by-two                   { margin-left: 160px; }
        .container .offset-by-three                 { margin-left: 240px; }
        .container .offset-by-four                  { margin-left: 320px; }
        .container .offset-by-five                  { margin-left: 400px; }
        .container .offset-by-six                   { margin-left: 480px; }
        .container .offset-by-seven                 { margin-left: 560px; }
        .container .offset-by-eight                 { margin-left: 640px; }
        .container .offset-by-nine                  { margin-left: 720px; }
        .container .offset-by-ten                   { margin-left: 800px; }
        .container .offset-by-eleven                { margin-left: 880px; }
        .container .offset-by-twelve                { margin-left: 960px; }
        .container .offset-by-thirteen              { margin-left: 1040px; }
        .container .offset-by-fourteen              { margin-left: 1120px; }
        .container .offset-by-fifteen               { margin-left: 1200px; }
    }

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container{ width: 768px; }
        .container.extra{ width:100%}
        .container .column,
        .container .columns                         { padding-left: 10px; padding-right: 10px;  }
        .column.alpha, .columns.alpha               { padding-left: 0; padding-right: 10px; }
        .column.omega, .columns.omega               { padding-right: 0; padding-left: 10px; }
        .alpha.omega                                { padding-left: 0; padding-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { margin-left: 48px; }
        .container .offset-by-two                   { margin-left: 96px; }
        .container .offset-by-three                 { margin-left: 144px; }
        .container .offset-by-four                  { margin-left: 192px; }
        .container .offset-by-five                  { margin-left: 240px; }
        .container .offset-by-six                   { margin-left: 288px; }
        .container .offset-by-seven                 { margin-left: 336px; }
        .container .offset-by-eight                 { margin-left: 384px; }
        .container .offset-by-nine                  { margin-left: 432px; }
        .container .offset-by-ten                   { margin-left: 480px; }
        .container .offset-by-eleven                { margin-left: 528px; }
        .container .offset-by-twelve                { margin-left: 576px; }
        .container .offset-by-thirteen              { margin-left: 624px; }
        .container .offset-by-fourteen              { margin-left: 672px; }
        .container .offset-by-fifteen               { margin-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        h1 {
          font-size: 30px;
        }
        .only-wide { display: none;}
        .underline-mobile { border-bottom: 1px solid #263239; }
        /*.container { width: 300px; }*/
        .container { width: 85%; !important}
        .container.extra{ width:100%}
        .container .columns,
        .container .column { padding-left: 0; padding-right: 0; }

        .row-fluid [class*="span"],
        .row-fluid [class*="span"]:first-child { width: 96%; margin-left:2%;}

        .row-fluid [class*="offset"], 
        .row-fluid [class*="offset"]:first-child { margin-left: 2%; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { margin-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {

        .only-wide { display: none;}
        /*.container,
        .smallscreencontainer{ width: 420px; !important }
        .smallscreencontainer{
            margin-left:auto!important;
        }*/
        .container.extra{ width:100%}
        .container .columns,
        .container .column { padding-left: 0; padding-right: 0; }

        .row-fluid [class*="span"] { width: 96%; margin-left: 2%;} 

        .row-fluid [class*="offset"], .row-fluid [class*="offset"]:first-child { margin-left: 2%; }       

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
/* ===== css/fonts-styles.css ===== */
/*------------------------------------------------*/
/* FONTS */
/*------------------------------------------------*/
/****BASE FONTS (QUOTES ETC..) ***/

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Bold.eot');
    src: url('fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-Bold.woff2') format('woff2'),
        url('fonts/Montserrat-Bold.woff') format('woff'),
        url('fonts/Montserrat-Bold.ttf') format('truetype'),
        url('fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Light.eot');
    src: url('fonts/font/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-Light.woff2') format('woff2'),
        url('fonts/Montserrat-Light.woff') format('woff'),
        url('fonts/Montserrat-Light.ttf') format('truetype'),
        url('fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Regular.eot');
    src: url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-Regular.woff2') format('woff2'),
        url('fonts/Montserrat-Regular.woff') format('woff'),
        url('fonts/Montserrat-Regular.ttf') format('truetype'),
        url('fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ===== css/variables.css ===== */
:root {
  --base-font:'Montserrat', sans-serif;
  --title-font:'Montserrat', sans-serif;
  --title-font-2:'Montserrat', sans-serif;

--base-font-size:1.6rem;  /*font-size sur body*/

  --base-text-color:#8c9aaa;
  --header-bg-color:;
  --footer-bg-color:#323278;


--text-color1:#FFF;--text-color2:#aa013a;--text-color3:#131186;--text-color4:#323278;--text-color5:#0a0943;

  --gutter:4.0rem;
  }

/* ===== css/common.css ===== */
/*
Theme Name: kn
Theme URI: https://www.agence-kn.fr/
Author: KN
Author URI: https://www.agence-kn.fr/
Description: Thème basé sur le thème Naked Wordpress de J Beckman.
Version: 1.0
License: GNU General Public License

/*-------------------------------------------------------------- */
/* Reset
-------------------------------------------------------------- */
*{
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font: inherit;
  font-size: 100%;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
html {
  margin: 0;
  padding: 0;
  font-size:10px;
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
    overflow-x: hidden;
}

*{
    position:relative;
}

/*------------------------------------------------*/
/* BASE */
/*------------------------------------------------*/
#wpadminbar{
 display: none !important;
}
body{
  width: 100%;
  position: relative;
  padding: 0;
  margin: 0;
  font-size:var(--base-font-size);
  font-family: var(--base-font);
  color: var(--base-text-color);
  background-color:#fff;
  font-size:var(--base-font-size);
  line-height:1.5em;
  overflow-x: hidden;
}
main{
   /*font-size:1.6rem;*/ 
}
section{

}
.marge{
  margin: 0 auto;
}

@media screen and (min-width : 320px){
    .container:not(.extra),
    #mainheader .container{
        /*border:1px solid red;*/
        width:90%!important;
        margin: 0 auto!important;
    }
}
@media screen and (min-width : 600px){
    .container:not(.extra),
    #mainheader .container{
        width:calc(100vw - 50px)!important;
    }
}
@media only screen and (min-width : 992px) {
     .container:not(.extra),
     #mainheader .container{
        width:calc(100vw - 100px)!important;
        max-width: 1300px!important;
    }
    .container.extra{
        width: calc(100% - 100px)!important;
        max-width: calc(100% - calc(calc(100% - 1300px) /2))!important;
        margin: 0!important;
    }
}
.container.extra.left{
    margin-right:auto!important;
    margin-left:0!important;
}
.container.extra.right{
    margin-left:auto!important;
    margin-right:0!important;
}
.single .container{
    width:100%!important;
}
/*------------------------------------------------*/
/* TITLES */
/*------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6{
  font-family: var(--title-font);
  font-weight:bold;
}
h1,
.h1-like{
  font-size: 5.2rem;
  line-height: 6rem;
  margin-bottom:4rem;
  color: var(--text-color5);
  font-weight: 700;
}
h2,
.h2-like{
  font-size: 5.2rem;
  line-height: 5.6rem;
  margin-bottom:2rem;
  color: var(--text-color5);
  font-weight: 300;
}
h3,
.h3-like{
  font-size: 2.4rem;
  line-height: 2.8rem;
  color:var(--text-color2);
  font-weight: 400;
  text-transform:uppercase;
}
h4,
.h4-like{
font-size: 2rem;
color:var(--text-color2);
line-height: 2.4rem;
}
h5,
.h5-like{
  font-size: 1.8rem;
  line-height: 2.2rem;
}
h6,
.h6-like{
  font-size: 1.6rem;
  line-height: 2rem;
}
.surtitre,
.soustitre,
h3{
    font-weight:normal;
    margin-bottom:4rem;
    font-size: 2.4rem;
    line-height: 2.4rem;
    text-transform: uppercase;
}
@media only screen and (max-width : 1024px) {
    h1,
    .h1-like{
        font-size: 4.2rem;
        line-height: 1em;
        margin-bottom: 2rem;
    }
    h2,
    .h2-like{
        font-size: 3.8rem;
        line-height: 1em;
    }
    h3,
    .h3-like,
    .surtitre,
    .soustitre{
        font-size: 2rem;
        line-height: 1em;    
    }
}
@media only screen and (max-width : 480px) {   
    h2,
    .h2-like{
        font-size: 3.2rem !important;
    } 
    h3,
    .h3-like,
    .surtitre,
    .soustitre{
        font-size: 1.8rem !important;
    }
}
/*------------------------------------------------*/
/* MISC */
/*------------------------------------------------*/
p{
  margin:0 0 2rem 0;
}
ul li, ol li{
margin:0 0 0.5rem 0;
}
strong{
    font-weight:bold;
}
em{
   font-style: italic;
}
sup{
  vertical-align: super;
  font-size:.8em;
}
sub{
  vertical-align:sub;
  font-size:.8em; 
}
/*lists*/
ul, ol{
  margin: 1rem auto 2rem;
}
ul li{
    list-style-type: disc;
    list-style-position: inside;
   /* color: var(--text-color2);*/
    color: var(--base-text-color);
    padding-left:1rem;
}
ul li ul{
    padding-left:1rem;
}
ul li ul li{
    list-style-type:circle;
    padding-left:0;
    margin-left: 1rem;
}
ol li{
    list-style-type: decimal;
    /*list-style-position:inside;*/
    color: var(--text-color2);
}
ul li::marker,
ol li::marker{
    color: var(--text-color3);
    font-weight: 600;
}
ul li ul li::marker{
    color: var(--base-text-color);
    font-weight: 500;
}
main ul li a{
    color: var(--text-color2); 
}
p.initiales{
    font-size:4.4rem;
    line-height:4.4rem;
    font-weight:bold;
    font-style:italic;
    float:left;
    text-transform:uppercase;
    opacity:.5;
    margin: 0 1rem 0 0;
}


/***menu **/
.menu ul,
ul.menu{
    margin:0;
}
.menu ul li,
ul.menu li{
    list-style-type: none;
    display:inline-block;
    margin:0;
}
/*blockquotes*/
blockquote{
  padding:0 var(--gutter);
  margin:4rem 0;
}
blockquote p{
  
}
blockquote p:first-child::before{
    content:'“';
    display:inline-block;
    font-family: 'Baskerville';
    font-size:10em;
    float:left;
    font-weight:bold;
    margin: 0 1rem 0 0;
    opacity:.8;
}
blockquote p:last-child{
    
}
blockquote::after{
    content:'”';
    display:inline-block;
    position:absolute;
    bottom:0;
    right:0;
    font-family: 'Baskerville';
    font-size:4em;
    line-height: 0.2;
    font-weight:bold;
    margin: 0 0 0 0;
    opacity:.5;
}
/*pre*/
pre{
  overflow-x: scroll;
  font-family:monospace;
    background-color:#f7f7f7;
    margin:2rem 0;
}


.encart{
    padding:var(--gutter);
    background-color:var(--header-bg-color);
    color:var(--text-color1);
    font-weight:500;
}



/*------------------------------------------------*/
/* LINKS */
/*------------------------------------------------*/
a.more{
    text-decoration: none;
    border:1px solid var(--text-color3);
    padding: 10px;
}
a{
  color:var(--text-color3);
  cursor: pointer;
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;
  -ms-transition: All 0.3s ease-in-out;
}
a:hover{
  color:var(--base-text-color);
}
/*a.bouton{
    background-color:var(--text-color3);
    border:1px solid transparent;
    color:#fff;
    font-size:1.6rem;
    line-height:1.6rem;
    text-transform:uppercase;
    border-radius:.4rem;
    padding:1rem 1.5rem;
    text-decoration:none;
    margin-top: 4rem;
    display: inline-block;
}
a.bouton:hover{
    background-color:transparent;
    border:1px solid var(--text-color3);
    color:var(--text-color3);
}
a.bouton.dark{
    background-color:var(--footer-bg-color);
    border:1px solid transparent;
    color:#fff;
}
a.bouton.dark:hover{
    background-color:transparent;
    border:1px solid var(--footer-bg-color);
    color:var(--base-text-color);
}
a.bouton.light{
    background-color:transparent;
    border:1px solid #fff;
    color:#fff;
}
a.bouton.light:hover{
    background-color:#fff;
    border:1px solid transparent;
    color:var(--footer-bg-color);
}*/
a.bouton{
    background-color:transparent;
    border:1px solid transparent;
    color:#fff;
    font-size:1.6rem;
    line-height:1.6rem;
    /* text-transform:uppercase; */
    border-radius:.4rem;
    padding:1rem 1.5rem;
    text-decoration:none;
    margin-top: 4rem;
    display: inline-block;
}
a.bouton.solid{
  background-color: var(--text-color2);
}
a.bouton.solid:hover{
  border-color: var(--text-color2);
  background-color: transparent;
  color: var(--text-color2);
}
a.bouton.ghost{
  border-color: var(--text-color2);
  background-color: transparent;
  color: var(--text-color2);
}
a.bouton.ghost:hover{
  background-color: var(--text-color2);
  color: #FFFFFF;
}


/* a.bouton.solid.white,
a.bouton.solid.medium,
.light_bg a.bouton.boutontxt.solid,
.white_bg a.bouton.boutontxt.solid,
.strong_dark_bg a.bouton.boutontxt.solid{
    background-color:var(--text-color2);
    border-color:transparent;
    color:#fff;
}
a.bouton.solid.white:hover,
a.bouton.solid.medium:hover,
.light_bg a.bouton.boutontxt.solid:hover,
.white_bg a.bouton.boutontxt.solid:hover,
.strong_dark_bg a.bouton.boutontxt.solid:hover{
    background-color:transparent;
    border-color:var(--text-color2);
    color:var(--text-color2);
}
a.bouton.solid.dark,
.dark_bg:not(.strong_dark_bg) a.bouton.boutontxt.solid{
    background-color:var(--footer-bg-color);
    border-color:transparent;
    color:#fff;
}
a.bouton.solid.dark:hover,
.dark_bg:not(.strong_dark_bg) a.bouton.boutontxt.solid:hover{
    background-color:transparent;
    border-color:var(--footer-bg-color);
    color:var(--footer-bg-color);
}
a.bouton.light.white,
a.bouton.ghost.white,
.white_bg a.bouton.boutontxt.light,
.white_bg a.bouton.boutontxt.ghost{
    background-color:transparent;
    border-color:var(--text-color2);
    color:var(--text-color2);
}
a.bouton.light.white:hover,
a.bouton.ghost.white:hover,
.white_bg a.bouton.boutontxt.light:hover,
.white_bg a.bouton.boutontxt.ghost:hover{
    background-color:var(--text-color2);
    border-color:transparent;
    color:#fff;
}
a.bouton.light.white,
a.bouton.ghost.white,
.strong_dark_bg a.bouton.boutontxt.light,
.strong_dark_bg a.bouton.boutontxt.ghost{
    background-color:transparent;
    border-color:#fff;
    color:#fff;
}
a.bouton.light.white:hover,
a.bouton.ghost.white:hover,
.strong_dark_bg a.bouton.boutontxt.light:hover,
.strong_dark_bg a.bouton.boutontxt.ghost:hover{
    background-color:#fff;
    border-color:transparent;
    color:var(--base-text-color);
} */
a.bouton.light.medium,
a.bouton.ghost.medium,
.light_bg a.bouton.boutontxt.light,
.light_bg a.bouton.boutontxt.ghost{
    background-color:transparent;
    border-color:var(--text-color2);
    color:var(--text-color2);
}
a.bouton.light.medium:hover,
a.bouton.ghost.medium:hover,
.light_bg a.bouton.boutontxt.light:hover{
    background-color:var(--text-color2);
    border-color:transparent;
    color:#fff;
}
/* a.bouton.light.dark,
a.bouton.ghost.dark
.dark_bg:not(.strong_dark_bg) a.bouton.boutontxt.light,
.dark_bg:not(.strong_dark_bg) a.bouton.boutontxt.ghost{
    background-color:transparent;
    border-color:var(--footer-bg-color);
    color:var(--footer-bg-color);
}
a.bouton.light.dark:hover,
a.bouton.ghost.dark:hover,
.dark_bg:not(.strong_dark_bg) a.bouton.boutontxt.light:hover,
.dark_bg:not(.strong_dark_bg) a.bouton.boutontxt.ghost:hover{
    background-color:var(--footer-bg-color);
    border-color:transparent;
    color:#fff;
} */



.menu-tab ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 3rem;
    margin: clamp(4rem, 8vw + 1rem , 10rem) auto 2rem;
}
.menu-tab ul li{
    list-style: none;
}
.menu-tab ul li a{
    text-decoration: none;
    color: var(--text-color2);
    border: 1px solid var(--text-color2);
    border-radius: 4px;
    padding: 1rem 2rem;
}
.menu-tab ul li a:hover{
    background-color: var(--text-color2);
    color: #FFFFFF;
}






/*------------------------------------------------*/
/* Numerotation */
/*------------------------------------------------*/
.wp-pagenavi{
    text-align:center;
}
.wp-pagenavi span.current{
    background-color:var(--text-color2);
    border:2px solid var(--text-color2);
    color:#fff;
    font-size:1.6rem;
    line-height:1.6rem;
    text-transform:uppercase;
    border-radius:.4rem;
    padding:1rem 2rem;
    text-decoration:none;
    margin-top: 4rem;
    display: inline-block;
    margin:0 .25em;
}
.wp-pagenavi a.page{
    background-color:transparent;
    border:2px solid var(--text-color2);
    color:var(--text-color2);
    font-size:1.6rem;
    line-height:1.6rem;
    /* text-transform:uppercase; */
    border-radius:.4rem;
    padding:1rem 2rem;
    text-decoration:none;
    margin-top: 4rem;
    display: inline-block;
    margin:0 .25em;
}
.wp-pagenavi a.page:hover{
    background-color:var(--text-color2);
    border-color:transparent;
    color:#fff;
}
.wp-pagenavi a.nextpostslink{
    background-color:transparent;
    border:2px solid var(--text-color3);
    color:var(--text-color3);
    font-size:1.6rem;
    line-height:1.6rem;
    /* text-transform:uppercase; */
    border-radius:.4rem;
    padding:1rem 1.5rem;
    text-decoration:none;
    margin-top: 4rem;
    display: inline-block;
    margin:0 0 0 1em;
}
.wp-pagenavi a.nextpostslink:hover{
    background-color:var(--text-color3);
    border-color:transparent;
    color:#fff;
}
.wp-pagenavi a.previouspostslink{
    background-color:transparent;
    border:2px solid var(--text-color3);
    color:var(--text-color3);
    font-size:1.6rem;
    line-height:1.6rem;
    text-transform:uppercase;
    border-radius:.4rem;
    padding:1rem 1.5rem;
    text-decoration:none;
    margin-top: 4rem;
    display: inline-block;
    margin:0 1em 0 0;
}
.wp-pagenavi a.previouspostslink:hover{
    background-color:var(--text-color3);
    border-color:transparent;
    color:#fff;
}
.page-template-blog hr{
    margin: 2rem 0 4rem;
    border: none;
    background-color: #DCE1F0;
    width: 100%;
    height: 1px;
}

/*------------------------------------------------*/
/* IMAGES */
/*------------------------------------------------*/
img{
  width: auto;
  max-width: 100%;
  height: auto;
  display: inline-block;
}
img.alignright{
    float:right;
}
img.alignleft{
    float:left;
}
/*------------------------------------------------*/
/* VIDEOS */
/*------------------------------------------------*/
.video-responsive {
    width:100%;
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe,
.video-responsive video{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.video-responsive .vid_play{
    position:absolute;
    width:100%;
    height:100%;
    text-indent:-99999px;
    overflow:hidden;
    cursor:pointer;
}
.video-responsive .vid_play.paused{
    background-image:url(img/vid_play-icon.png);
    background-position:center;
    background-size:15rem auto;
    background-repeat:no-repeat;
}
.video-responsive .vid_play.playing{
    
}
/*------------------------------------------------*/
/* TEXT ALIGNMENTS */
/*------------------------------------------------*/
.txtleft{
    text-align: left;
}
.txtcenter{
    text-align: center;
}
.txtright{
    text-align: right;
}
/*------------------------------------------------*/
/* ROUNDED */
/*------------------------------------------------*/
.rounded{
    border-radius:50%;
    display:inline-block;
    overflow:hidden;
}
.rounded img{
    width:100%;
    display: block;
}
/*------------------------------------------------*/
/* FLEX */
/*------------------------------------------------*/
.row-reverse{
    -webkit-box-orient:horizontal!important;
    -webkit-box-direction:reverse!important;
        -ms-flex-direction:row-reverse!important;
            flex-direction:row-reverse!important;
}
.col-reverse{
    -webkit-box-orient:vertical!important;
    -webkit-box-direction:reverse!important;
        -ms-flex-direction:column-reverse!important;
            flex-direction:column-reverse!important;
}
/*------------------------------------------------*/
/* TABLES */
/*------------------------------------------------*/
table{
   
}
table thead{
    
}
table thead tr{
    
}
table thead tr th{
    
}
table tbody{
    
}
table tbody tr{
    
}
table tbody tr td{
    
}
/*------------------------------------------------*/
/* BASIC ANIMATION */
/*------------------------------------------------*/
@-webkit-keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-webkit-keyframes fadeOut{
    0%{opacity:1;}
    100%{opacity:0;}
}
@keyframes fadeOut{
    0%{opacity:1;}
    100%{opacity:0;}
}
@-webkit-keyframes fadeInUp{
    0%{opacity:0;-webkit-transform: translateY(50%);transform: translateY(50%);}
    100%{opacity:1;-webkit-transform: translateY(0);transform: translateY(0);}
}
@keyframes fadeInUp{
    0%{opacity:0;-webkit-transform: translateY(50%);transform: translateY(50%);}
    100%{opacity:1;-webkit-transform: translateY(0);transform: translateY(0);}
}
@-webkit-keyframes fadeOutDown{
    0%{opacity:1;-webkit-transform: translateY(0);transform: translateY(0);}
    100%{opacity:0;-webkit-transform: translateY(50%);transform: translateY(50%);}
}
@keyframes fadeOutDown{
    0%{opacity:1;-webkit-transform: translateY(0);transform: translateY(0);}
    100%{opacity:0;-webkit-transform: translateY(50%);transform: translateY(50%);}
}

/* ===== css/grid-flex.css ===== */
/* ---------------------------------- */
/* ==Grid Layout (grillade)           */
/* ---------------------------------- */
/* grid container */
[class*="grid-"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left:calc( -1 * var(--gutter)); }

/* grid-container justify center */
[class*="grid-"].center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}



/* grid childs */
[class*="grid-"] > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: calc(100% - var(--gutter) - .01px);
  min-width: 0;
  min-height: 0;
  margin-left: var(--gutter); }

@media (min-width: 320px) and (max-width: 600px) {
  [class*="grid-"] > * {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="grid-"] > *.grid-item-double {
    width: calc(100% - var(--gutter) - .01px); } }

@media (min-width: 601px) {
  [class*="grid-2"] > * {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="grid-2"] > .grid-item-double {
    width: calc(100% * 2 / 2 - var(--gutter)); }
  [class*="grid-3"] > * {
    width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
  [class*="grid-3"] > .grid-item-double {
    width: calc(100% * 2 / 3 - var(--gutter)); }
  [class*="grid-4"] > * {
    width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
  [class*="grid-4"] > .grid-item-double {
    width: calc(100% * 2 / 4 - var(--gutter)); }
  [class*="grid-5"] > * {
    width: calc(100% * 1 / 5 - var(--gutter) - .01px); }
  [class*="grid-5"] > .grid-item-double {
    width: calc(100% * 2 / 5 - var(--gutter)); }
  [class*="grid-6"] > * {
    width: calc(100% * 1 / 6 - var(--gutter) - .01px); }
  [class*="grid-6"] > .grid-item-double {
    width: calc(100% * 2 / 6 - var(--gutter)); }
  [class*="grid-7"] > * {
    width: calc(100% * 1 / 7 - var(--gutter) - .01px); }
  [class*="grid-7"] > .grid-item-double {
    width: calc(100% * 2 / 7 - var(--gutter)); }
  [class*="grid-8"] > * {
    width: calc(100% * 1 / 8 - var(--gutter) - .01px); }
  [class*="grid-8"] > .grid-item-double {
    width: calc(100% * 2 / 8 - var(--gutter)); }
  [class*="grid-9"] > * {
    width: calc(100% * 1 / 9 - var(--gutter) - .01px); }
  [class*="grid-9"] > .grid-item-double {
    width: calc(100% * 2 / 9 - var(--gutter)); }
  [class*="grid-10"] > * {
    width: calc(100% * 1 / 10 - var(--gutter) - .01px); }
  [class*="grid-10"] > .grid-item-double {
    width: calc(100% * 2 / 10 - var(--gutter)); }
  [class*="grid-11"] > * {
    width: calc(100% * 1 / 11 - var(--gutter) - .01px); }
  [class*="grid-11"] > .grid-item-double {
    width: calc(100% * 2 / 11 - var(--gutter)); }
  [class*="grid-12"] > * {
    width: calc(100% * 1 / 12 - var(--gutter) - .01px); }
  [class*="grid-12"] > .grid-item-double {
    width: calc(100% * 2 / 12 - var(--gutter)); } }

@media (min-width: 601px) {
  [class*="grid-2-1"] > :nth-child(odd) {
    width: calc(66.6666666667% - var(--gutter)); }
  [class*="grid-2-1"] > :nth-child(even) {
    width: calc(33.3333333333% - var(--gutter)); } }

@media (min-width: 601px) {
  [class*="grid-1-2"] > :nth-child(odd) {
    width: calc(33.3333333333% - var(--gutter)); }
  [class*="grid-1-2"] > :nth-child(even) {
    width: calc(66.6666666667% - var(--gutter)); } }

@media (min-width: 601px) {
  [class*="grid-3-1"] > :nth-child(odd) {
    width: calc(75% - var(--gutter)); }
  [class*="grid-3-1"] > :nth-child(even) {
    width: calc(25% - var(--gutter)); } }

@media (min-width: 601px) {
  [class*="grid-1-3"] > :nth-child(odd) {
    width: calc(25% - var(--gutter)); }
  [class*="grid-1-3"] > :nth-child(even) {
    width: calc(75% - var(--gutter)); } }

@media (min-width: 601px) {
  [class*="grid-3-2"] > :nth-child(odd) {
    width: calc(60% - var(--gutter)); }
  [class*="grid-3-2"] > :nth-child(even) {
    width: calc(40% - var(--gutter)); } }

@media (min-width: 601px) {
  [class*="grid-2-3"] > :nth-child(odd) {
    width: calc(40% - var(--gutter)); }
  [class*="grid-2-3"] > :nth-child(even) {
    width: calc(60% - var(--gutter)); } }

@media (min-width: 601px) {
  [class*="grid-4-1"] > :nth-child(odd) {
    width: calc(80% - var(--gutter)); }
  [class*="grid-4-1"] > :nth-child(even) {
    width: calc(20% - var(--gutter)); } }

@media (min-width: 601px) {
  [class*="grid-1-4"] > :nth-child(odd) {
    width: calc(20% - var(--gutter)); }
  [class*="grid-1-4"] > :nth-child(even) {
    width: calc(80% - var(--gutter)); } }

.pull {
  margin-right: auto; }

.push {
  margin-left: auto; }

/* Responsive grid */
@media (min-width: 320px) and (max-width: 600px) {
  [class*="-small-4"] > * {
    width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
  [class*="-small-4"] > .grid-item-double {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-small-3"] > * {
    width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
  [class*="-small-3"] > .grid-item-double {
    width: calc(100% * 2 / 3 - var(--gutter) - .01px); }
  [class*="-small-2"] > * {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-small-2"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); }
  [class*="-small-1"] > * {
    width: calc(100% - var(--gutter) - .01px); }
  [class*="-small-1"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); } }

/* Responsive grid */
@media (max-width: 1800px) {
  [class*="-xxlarge-4"] > * {
    width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-xxlarge-4"] > *:nth-child(odd) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-xxlarge-4"] > *:nth-child(even) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
  [class*="-xxlarge-4"] > .grid-item-double {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-xxlarge-3"] > * {
    width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-xxlarge-3"] > *:nth-child(odd) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-xxlarge-3"] > *:nth-child(even) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
  [class*="-xxlarge-3"] > .grid-item-double {
    width: calc(100% * 2 / 3 - var(--gutter) - .01px); }
  [class*="-xxlarge-2"] > * {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-xxlarge-2"] > *:nth-child(odd) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-xxlarge-2"] > *:nth-child(even) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-xxlarge-2"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); }
  [class*="-xxlarge-1"] > * {
    width: calc(100% - var(--gutter) - .01px); }
    [class*="-xxlarge-1"] > *:nth-child(odd) {
      width: calc(100% - var(--gutter) - .01px); }
    [class*="-xxlarge-1"] > *:nth-child(even) {
      width: calc(100% - var(--gutter) - .01px); }
  [class*="-xxlarge-1"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); }
    
    [class*="-xxlarge-2-1"] > *:nth-child(odd) {
        width: calc(66.6666666667% - var(--gutter)); }
      [class*="-xxlarge-2-1"] > *:nth-child(even) {
        width: calc(33.3333333333% - var(--gutter)); } 
      [class*="-xxlarge-1-2"] > *:nth-child(odd) {
        width: calc(33.3333333333% - var(--gutter)); }
      [class*="-xxlarge-1-2"] > *:nth-child(even) {
        width: calc(66.6666666667% - var(--gutter)); }
      [class*="-xxlarge-3-1"] > *:nth-child(odd) {
        width: calc(75% - var(--gutter)); }
      [class*="-xxlarge-3-1"] > *:nth-child(even) {
        width: calc(25% - var(--gutter)); }
      [class*="-xxlarge-1-3"] > *:nth-child(odd) {
        width: calc(25% - var(--gutter)); }
      [class*="-xxlarge-1-3"] > *:nth-child(even) {
        width: calc(75% - var(--gutter)); }
      [class*="-xxlarge-4-1"] > *:nth-child(odd) {
        width: calc(80% - var(--gutter)); }
      [class*="-xxlarge-4-1"] > *:nth-child(even) {
        width: calc(20% - var(--gutter)); }
      [class*="-xxlarge-1-4"] > *:nth-child(odd) {
        width: calc(20% - var(--gutter)); }
      [class*="-xxlarge-1-4"] > *:nth-child(even) {
        width: calc(80% - var(--gutter)); } 


}

@media (max-width: 1600px) {
  [class*="-xlarge-4"] > * {
    width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-xlarge-4"] > *:nth-child(odd) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-xlarge-4"] > *:nth-child(even) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
  [class*="-xlarge-4"] > .grid-item-double {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-xlarge-3"] > * {
    width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-xlarge-3"] > *:nth-child(odd) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-xlarge-3"] > *:nth-child(even) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
  [class*="-xlarge-3"] > .grid-item-double {
    width: calc(100% * 2 / 3 - var(--gutter) - .01px); }
  [class*="-xlarge-2"] > * {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-xlarge-2"] > *:nth-child(odd) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-xlarge-2"] > *:nth-child(even) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-xlarge-2"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); }
  [class*="-xlarge-1"] > * {
    width: calc(100% - var(--gutter) - .01px); }
    [class*="-xlarge-1"] > *:nth-child(odd) {
      width: calc(100% - var(--gutter) - .01px); }
    [class*="-xlarge-1"] > *:nth-child(even) {
      width: calc(100% - var(--gutter) - .01px); }
  [class*="-xlarge-1"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); }

      [class*="-xlarge-2-1"] > *:nth-child(odd) {
        width: calc(66.6666666667% - var(--gutter)); }
      [class*="-xlarge-2-1"] > *:nth-child(even) {
        width: calc(33.3333333333% - var(--gutter)); } 
      [class*="-xlarge-1-2"] > *:nth-child(odd) {
        width: calc(33.3333333333% - var(--gutter)); }
      [class*="-xlarge-1-2"] > *:nth-child(even) {
        width: calc(66.6666666667% - var(--gutter)); }
      [class*="-xlarge-3-1"] > *:nth-child(odd) {
        width: calc(75% - var(--gutter)); }
      [class*="-xlarge-3-1"] > *:nth-child(even) {
        width: calc(25% - var(--gutter)); }
      [class*="-xlarge-1-3"] > *:nth-child(odd) {
        width: calc(25% - var(--gutter)); }
      [class*="-xlarge-1-3"] > *:nth-child(even) {
        width: calc(75% - var(--gutter)); }
      [class*="-xlarge-4-1"] > *:nth-child(odd) {
        width: calc(80% - var(--gutter)); }
      [class*="-xlarge-4-1"] > *:nth-child(even) {
        width: calc(20% - var(--gutter)); }
      [class*="-xlarge-1-4"] > *:nth-child(odd) {
        width: calc(20% - var(--gutter)); }
      [class*="-xlarge-1-4"] > *:nth-child(even) {
        width: calc(80% - var(--gutter)); } 



}

@media (max-width: 1400px) {
  [class*="-largeplus-4"] > * {
    width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-largeplus-4"] > *:nth-child(odd) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-largeplus-4"] > *:nth-child(even) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
  [class*="-largeplus-4"] > .grid-item-double {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-largeplus-3"] > * {
    width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-largeplus-3"] > *:nth-child(odd) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-largeplus-3"] > *:nth-child(even) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
  [class*="-largeplus-3"] > .grid-item-double {
    width: calc(100% * 2 / 3 - var(--gutter) - .01px); }
  [class*="-largeplus-2"] > * {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-largeplus-2"] > *:nth-child(odd) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-largeplus-2"] > *:nth-child(even) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-largeplus-2"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); }
  [class*="-largeplus-1"] > * {
    width: calc(100% - var(--gutter) - .01px); }
    [class*="-largeplus-1"] > *:nth-child(odd) {
      width: calc(100% - var(--gutter) - .01px); }
    [class*="-largeplus-1"] > *:nth-child(even) {
      width: calc(100% - var(--gutter) - .01px); }
  [class*="-largeplus-1"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); } 

  [class*="-largeplus-2-1"] > *:nth-child(odd) {
    width: calc(66.6666666667% - var(--gutter)); }
  [class*="-largeplus-2-1"] > *:nth-child(even) {
    width: calc(33.3333333333% - var(--gutter)); } 
  [class*="-largeplus-1-2"] > *:nth-child(odd) {
    width: calc(33.3333333333% - var(--gutter)); }
  [class*="-largeplus-1-2"] > *:nth-child(even) {
    width: calc(66.6666666667% - var(--gutter)); }
  [class*="-largeplus-3-1"] > *:nth-child(odd) {
    width: calc(75% - var(--gutter)); }
  [class*="-largeplus-3-1"] > *:nth-child(even) {
    width: calc(25% - var(--gutter)); }
  [class*="-largeplus-1-3"] > *:nth-child(odd) {
    width: calc(25% - var(--gutter)); }
  [class*="-largeplus-1-3"] > *:nth-child(even) {
    width: calc(75% - var(--gutter)); }
  [class*="-largeplus-4-1"] > *:nth-child(odd) {
    width: calc(80% - var(--gutter)); }
  [class*="-largeplus-4-1"] > *:nth-child(even) {
    width: calc(20% - var(--gutter)); }
  [class*="-largeplus-1-4"] > *:nth-child(odd) {
    width: calc(20% - var(--gutter)); }
  [class*="-largeplus-1-4"] > *:nth-child(even) {
    width: calc(80% - var(--gutter)); } 
}    

@media (max-width: 1200px) {
  [class*="-large-4"] > * {
    width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-large-4"] > *:nth-child(odd) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-large-4"] > *:nth-child(even) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
  [class*="-large-4"] > .grid-item-double {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-large-3"] > * {
    width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-large-3"] > *:nth-child(odd) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-large-3"] > *:nth-child(even) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
  [class*="-large-3"] > .grid-item-double {
    width: calc(100% * 2 / 3 - var(--gutter) - .01px); }
  [class*="-large-2"] > * {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-large-2"] > *:nth-child(odd) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-large-2"] > *:nth-child(even) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-large-2"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); }
  [class*="-large-1"] > * {
    width: calc(100% - var(--gutter) - .01px); }
    [class*="-large-1"] > *:nth-child(odd) {
      width: calc(100% - var(--gutter) - .01px); }
    [class*="-large-1"] > *:nth-child(even) {
      width: calc(100% - var(--gutter) - .01px); }
  [class*="-large-1"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); } 

  [class*="-large-2-1"] > *:nth-child(odd) {
    width: calc(66.6666666667% - var(--gutter)); }
  [class*="-large-2-1"] > *:nth-child(even) {
    width: calc(33.3333333333% - var(--gutter)); } 
  [class*="-large-1-2"] > *:nth-child(odd) {
    width: calc(33.3333333333% - var(--gutter)); }
  [class*="-large-1-2"] > *:nth-child(even) {
    width: calc(66.6666666667% - var(--gutter)); }
  [class*="-large-3-1"] > *:nth-child(odd) {
    width: calc(75% - var(--gutter)); }
  [class*="-large-3-1"] > *:nth-child(even) {
    width: calc(25% - var(--gutter)); }
  [class*="-large-1-3"] > *:nth-child(odd) {
    width: calc(25% - var(--gutter)); }
  [class*="-large-1-3"] > *:nth-child(even) {
    width: calc(75% - var(--gutter)); }
  [class*="-large-4-1"] > *:nth-child(odd) {
    width: calc(80% - var(--gutter)); }
  [class*="-large-4-1"] > *:nth-child(even) {
    width: calc(20% - var(--gutter)); }
  [class*="-large-1-4"] > *:nth-child(odd) {
    width: calc(20% - var(--gutter)); }
  [class*="-large-1-4"] > *:nth-child(even) {
    width: calc(80% - var(--gutter)); } 
}
@media (max-width: 1024px) {
  [class*="-mediumlarge-4"] > * {
    width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-mediumlarge-4"] > *:nth-child(odd) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-mediumlarge-4"] > *:nth-child(even) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
  [class*="-mediumlarge-4"] > .grid-item-double {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-mediumlarge-3"] > * {
    width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-mediumlarge-3"] > *:nth-child(odd) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-mediumlarge-3"] > *:nth-child(even) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
  [class*="-mediumlarge-3"] > .grid-item-double {
    width: calc(100% * 2 / 3 - var(--gutter) - .01px); }
  [class*="-mediumlarge-2"] > * {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-mediumlarge-2"] > *:nth-child(odd) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-mediumlarge-2"] > *:nth-child(even) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-mediumlarge-2"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); }
  [class*="-mediumlarge-1"] > * {
    width: calc(100% - var(--gutter) - .01px); }
    [class*="-mediumlarge-1"] > *:nth-child(odd) {
      width: calc(100% - var(--gutter) - .01px); }
    [class*="-mediumlarge-1"] > *:nth-child(even) {
      width: calc(100% - var(--gutter) - .01px); }
  [class*="-mediumlarge-1"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); } 

  [class*="-mediumlarge-2-1"] > *:nth-child(odd) {
    width: calc(66.6666666667% - var(--gutter)); }
  [class*="-mediumlarge-2-1"] > *:nth-child(even) {
    width: calc(33.3333333333% - var(--gutter)); } 
  [class*="-mediumlarge-1-2"] > *:nth-child(odd) {
    width: calc(33.3333333333% - var(--gutter)); }
  [class*="-mediumlarge-1-2"] > *:nth-child(even) {
    width: calc(66.6666666667% - var(--gutter)); }
  [class*="-mediumlarge-3-1"] > *:nth-child(odd) {
    width: calc(75% - var(--gutter)); }
  [class*="-mediumlarge-3-1"] > *:nth-child(even) {
    width: calc(25% - var(--gutter)); }
  [class*="-mediumlarge-1-3"] > *:nth-child(odd) {
    width: calc(25% - var(--gutter)); }
  [class*="-mediumlarge-1-3"] > *:nth-child(even) {
    width: calc(75% - var(--gutter)); }
  [class*="-mediumlarge-4-1"] > *:nth-child(odd) {
    width: calc(80% - var(--gutter)); }
  [class*="-mediumlarge-4-1"] > *:nth-child(even) {
    width: calc(20% - var(--gutter)); }
  [class*="-mediumlarge-1-4"] > *:nth-child(odd) {
    width: calc(20% - var(--gutter)); }
  [class*="-mediumlarge-1-4"] > *:nth-child(even) {
    width: calc(80% - var(--gutter)); } 
}
@media (max-width: 992px) {
  [class*="-medium-4"] > * {
    width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-medium-4"] > *:nth-child(odd) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-medium-4"] > *:nth-child(even) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
  [class*="-medium-4"] > .grid-item-double {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-medium-3"] > * {
    width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-medium-3"] > *:nth-child(odd) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-medium-3"] > *:nth-child(even) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
  [class*="-medium-3"] > .grid-item-double {
    width: calc(100% * 2 / 3 - var(--gutter) - .01px); }
  [class*="-medium-2"] > * {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-medium-2"] > *:nth-child(odd) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-medium-2"] > *:nth-child(even) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-medium-2"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); }
  [class*="-medium-1"] > * {
    width: calc(100% - var(--gutter) - .01px); }
    [class*="-medium-1"] > *:nth-child(odd) {
      width: calc(100% - var(--gutter) - .01px); }
    [class*="-medium-1"] > *:nth-child(even) {
      width: calc(100% - var(--gutter) - .01px); }
  [class*="-medium-1"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); } 

  [class*="-medium-2-1"] > *:nth-child(odd) {
    width: calc(66.6666666667% - var(--gutter)); }
  [class*="-medium-2-1"] > *:nth-child(even) {
    width: calc(33.3333333333% - var(--gutter)); }
  [class*="-medium-1-2"] > *:nth-child(odd) {
    width: calc(33.3333333333% - var(--gutter)); }
  [class*="-medium-1-2"] > *:nth-child(even) {
    width: calc(66.6666666667% - var(--gutter)); }
  [class*="-medium-3-1"] > *:nth-child(odd) {
    width: calc(75% - var(--gutter)); }
  [class*="-medium-3-1"] > *:nth-child(even) {
    width: calc(25% - var(--gutter)); }
  [class*="-medium-1-3"] > *:nth-child(odd) {
    width: calc(25% - var(--gutter)); }
  [class*="-large-1-3"] > *:nth-child(even) {
    width: calc(75% - var(--gutter)); }
  [class*="-medium-4-1"] > *:nth-child(odd) {
    width: calc(80% - var(--gutter)); }
  [class*="-medium-4-1"] > *:nth-child(even) {
    width: calc(20% - var(--gutter)); }
  [class*="-medium-1-4"] > *:nth-child(odd) {
    width: calc(20% - var(--gutter)); }
  [class*="-medium-1-4"] > *:nth-child(even) {
    width: calc(80% - var(--gutter)); } 

}


@media (max-width: 768px) {
  [class*="-mediumsmall-4"] > * {
    width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-mediumsmall-4"] > *:nth-child(odd) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-mediumsmall-4"] > *:nth-child(even) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
  [class*="-mediumsmall-4"] > .grid-item-double {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-mediumsmall-3"] > * {
    width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-mediumsmall-3"] > *:nth-child(odd) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-mediumsmall-3"] > *:nth-child(even) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
  [class*="-mediumsmall-3"] > .grid-item-double {
    width: calc(100% * 2 / 3 - var(--gutter) - .01px); }
  [class*="-mediumsmall-2"] > * {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-mediumsmall-2"] > *:nth-child(odd) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-mediumsmall-2"] > *:nth-child(even) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-mediumsmall-2"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); }
  [class*="-mediumsmall-1"] > * {
    width: calc(100% - var(--gutter) - .01px); }
    [class*="-mediumsmall-1"] > *:nth-child(odd) {
      width: calc(100% - var(--gutter) - .01px); }
    [class*="-mediumsmall-1"] > *:nth-child(even) {
      width: calc(100% - var(--gutter) - .01px); }
  [class*="-mediumsmall-1"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); } 
}

@media (max-width: 600px) {
  [class*="-small-4"] > * {
    width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-small-4"] > *:nth-child(odd) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-small-4"] > *:nth-child(even) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
  [class*="-small-4"] > .grid-item-double {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-small-3"] > * {
    width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-small-3"] > *:nth-child(odd) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-small-3"] > *:nth-child(even) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
  [class*="-small-3"] > .grid-item-double {
    width: calc(100% * 2 / 3 - var(--gutter) - .01px); }
  [class*="-small-2"] > * {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-small-2"] > *:nth-child(odd) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-small-2"] > *:nth-child(even) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-small-2"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); }
  [class*="-small-1"] > * {
    width: calc(100% - var(--gutter) - .01px); }
    [class*="-small-1"] > *:nth-child(odd) {
      width: calc(100% - var(--gutter) - .01px); }
    [class*="-small-1"] > *:nth-child(even) {
      width: calc(100% - var(--gutter) - .01px); }
  [class*="-small-1"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); } 
}

@media (max-width: 480px) {
  [class*="-tiny-4"] > * {
    width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-tiny-4"] > *:nth-child(odd) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-tiny-4"] > *:nth-child(even) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
  [class*="-tiny-4"] > .grid-item-double {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-tiny-3"] > * {
    width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-tiny-3"] > *:nth-child(odd) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-tiny-3"] > *:nth-child(even) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
  [class*="-tiny-3"] > .grid-item-double {
    width: calc(100% * 2 / 3 - var(--gutter) - .01px); }
  [class*="-tiny-2"] > * {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-tiny-2"] > *:nth-child(odd) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-tiny-2"] > *:nth-child(even) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-tiny-2"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); }
  [class*="-tiny-1"] > * {
    width: calc(100% - var(--gutter) - .01px); }
    [class*="-tiny-1"] > *:nth-child(odd) {
      width: calc(100% - var(--gutter) - .01px); }
    [class*="-tiny-1"] > *:nth-child(even) {
      width: calc(100% - var(--gutter) - .01px); }
  [class*="-tiny-1"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); } 
}

/* ===== css/header-footer.css ===== */
/*------------------------------------------------*/
/* HEADER */
/*------------------------------------------------*/
header{
  position: relative;
  font-size:1.6rem;
  background-color: var(--header-bg-color);
  /* padding:10px 0; */
  /* position:-webkit-sticky;
  position:sticky; */
  top: 2.5rem;
  z-index: 50;
}
header.sticky{
  position:fixed;
  width: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
header.sticky a{
    color: var(--text-color5) !important;
}
header.sticky ul.menu li.contact a{
    content: url('img/contact-icon2.png');
}
header.sticky #menuburger{
    border: 1px solid #0a0943;
    background-image: url(img/btnmenu2.png);
}
header.sticky::before{
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 10rem;
  background-color: #FFFFFF;
}
a#logoheader{
    margin: 0 auto 0 0;
    /* width: 20rem; */
}
a#logoheader img{

}
#mainheader .wrapper{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

/*------------------------------------------------*/
/* MENUS */
/*------------------------------------------------*/
header ul.menu{
    position: relative;
    /* margin: 0 2rem; */
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
ul.menu li{
  list-style-type: none;
  display:inline-block;
  margin-left:2rem;
  margin-bottom: 0;
  margin-right: 2rem;
}
ul.menu li a{
    text-decoration:none;
    color: #FFFFFF;
}
ul.menu li.lang-item:not(.current-lang){
    z-index:0;
}
ul.menu li.lang-item.current-lang{
    display:none;
}
.pll-parent-menu-item{
    padding-right:1rem;
}
.pll-parent-menu-item .sub-menu{
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform:translateY(0);
            transform:translateY(0);
    width: auto;
    height: 5rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 0;
    pointer-events: none;
}
.pll-parent-menu-item:hover .sub-menu{
    bottom: 0;
    -webkit-transform:translateY(100%);
            transform:translateY(100%);
    opacity: 1;
    pointer-events: all;
}
.pll-parent-menu-item .sub-menu li{
    margin-left:0;
}
.pll-parent-menu-item::after{
    content:'';
    background-image: url('img/carret-down-lang.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    position:absolute;
    width:1rem;
    height:.7rem;
    top:50%;
    right:1rem;
    cursor:pointer;
    -webkit-transform:translate(calc(100% + .5rem), -50%) rotate(0deg);
            transform:translate(calc(100% + .5rem), -50%) rotate(0deg);
    -webkit-transition:all 0.3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.pll-parent-menu-item:hover::after{
    -webkit-transform:translate(calc(100% + .5rem), -50%) rotate(-180deg);
            transform:translate(calc(100% + .5rem), -50%) rotate(-180deg);
    -webkit-transition:all 0.3s ease-in-out;
}
ul.menu li.contact a{
    color: transparent;
    content: url('img/contact-icon.png');
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
}
ul.menu.footer-socials li{
    width: 50px;
    height: 50px;
    background-color:var(--text-color2);
    border-radius:50%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
ul.menu li a.social.icon{
    line-height:calc(var(--base-font-size) * 1.5);
    text-indent:999px;
    display:block;
    white-space: nowrap;
    border:.1rem solid transparent;
    position:relative;
    background-size:80% auto, 80% auto;
    background-repeat: no-repeat, no-repeat;
    background-position:center -1000%, center center;
    width: 80%;
    height: 80%;
    -webkit-transform: translate(-4px, -2px);
            transform: translate(-4px, -2px);
}
ul.menu li a.social.icon:hover{
    background-color:transparent;
    border:.1rem solid transparent;
    background-position:center center, center 1000%;
}
hr.separator-footer{
    border: 1px solid var(--text-color5);
}
/* menutop */
.menutop{
  text-align: right;
}
.menutop li{

}
.menutop li a{

}
/* menu principal */
.menu-menu-principal-container, .menu-top-menu-container{

}

#menu_desktop li.current-menu-item a,
#menu_desktop  li.current-page-ancestor a,
#menu_desktop  li a:hover{

}
#menu_desktop li > .sub-menu{

}
#menu_desktop  li:hover > .sub-menu{

}
#menu_desktop  li .sub-menu{

}
#menu_desktop  li .sub-menu li{

}
#menu_desktop  li .sub-menu li a{

}
#menu_desktop  li .sub-menu li a:hover,
#menu_desktop  li.current-page-ancestor .sub-menu li.current-menu-item a{

}



/* menu mobile */
#darkscreen{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #111111;
    z-index: 12;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
#darkscreen.active{
    opacity: 0.3;
    cursor: pointer;
    pointer-events: all;
}
#menuburger{
  cursor: pointer;
  width: 5rem;
  height: 5rem;
  border: 1px #fff solid;
  background-image: url(img/btnmenu.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
  border-radius: 50%;
  -webkit-animation: gotoopen 0.4s steps(19) forwards;
          animation: gotoopen 0.4s steps(19) forwards;
}
@-webkit-keyframes gotoopen {0%{background-position: center bottom;} 100%{background-position: center top;}}
@keyframes gotoopen {0%{background-position: center bottom;} 100%{background-position: center top;}}
#menuburger.active{-webkit-animation: gotoclose 0.4s steps(19) forwards;animation: gotoclose 0.4s steps(19) forwards;}
@-webkit-keyframes gotoclose {0%{background-position: center top;} 100%{background-position: center bottom;}}
@keyframes gotoclose {0%{background-position: center top;} 100%{background-position: center bottom;}}
#menu_mobile{
    position: fixed;
    top: 0;
    right: 0;
    /* width: 50%; */
    height: 100%;
    overflow-y: auto;
    z-index: 20;
    background-color:rgba(32,43,81,100);
    opacity:0.7;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
#menu_mobile.active{
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
}
#menu_mobile > div{
   padding: 0 1rem;
}
#menu_mobile ul{
    margin:14rem 0 0 0;
}
#menu_mobile ul li{
    margin: 0;
    padding: 1rem 5rem;
    display:block;
    width: 100%;
    border-radius: 4px;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    position: relative;
}
#menu_mobile ul li span#opensub{
  width: 3.2rem;
  height: 3.2rem;
  left: 19rem;
  top: 0.5rem;
  background-color: var(--text-color2);
  background-image: url(img/flechesub.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  content: '';
  position: absolute;
  z-index: 2;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  cursor: pointer;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
#menu_mobile ul li span#opensub.activesub{
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
}
/* #menu_mobile ul li:hover{
    background: rgba(255, 233, 233, 0.144);
} */
#menu_mobile ul li.lang-item{
    width: 50%;
    float: left;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    text-align:center;
    position: relative;
}
#menu_mobile ul li a{
    color: #FFF;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    opacity: 0.5;
}
#menu_mobile ul li a:hover{
    opacity: 1;
}
#menu_mobile ul li.current-menu-item a{
    opacity: 1;
}
#menu_mobile ul li.current_page_parent a{
    opacity: 1;}
#menu_mobile ul li.current-menu-item a::before{
    content:'';
    position: absolute;
    display: block;
    background-color: var(--text-color2);
    width: 16px;
    height: 4px;
    top: 9px;
    left: -24px;
    -webkit-transform: rotate(120deg);
            transform: rotate(120deg);
    -webkit-filter: brightness(1.2);
            filter: brightness(1.2);
}
#menu_mobile ul li ul.sub-menu{
  margin: 0 auto 1rem;
  padding: 0;
  display: none;
}
#menu_mobile ul li ul.sub-menu.showsub{display: block;}
#menu_mobile ul li ul.sub-menu li{
  padding: 0 0 0 2rem;
  margin: 0.5rem auto 0;
}

#menu_mobile ul li ul.sub-menu li a{
  color: #fff;
  font-weight: 300;
  text-transform: inherit;
}
#menu_mobile ul li ul.sub-menu li a:hover, #menu_mobile ul li ul.sub-menu li.current-menu-item a{color: var(--text-color2); opacity: 1;}
#menu_mobile ul li ul.sub-menu li a::before{display: none;}
#menu_mobile ul li ul.sub-menu li a::before:hover, #menu_mobile ul li ul.sub-menu li.current-menu-item a::before{display: block;}
#menu_mobile ul li ul.sub-menu li ul.sub-menu li a{

}



/*------------------------------------------------*/
/* HAUT DE PAGES */
/*------------------------------------------------*/
.hdphome{
    background-color: #DCE1F0;
}
.haut_de_page{
  /* padding: 5rem 0; */
  margin:0;
}
.haut_de_page.avec_bg{
  /* padding: 10rem 0; */
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  /* display: flex; */
  width: 100%;
  /* background: linear-gradient(to top, rgba(220,225,240,1) 0%, rgba(255,255,255,1) 100%); */
}
.haut_de_page.avec_bg .hdp-text,
.haut_de_page.avec_bg .hdp-img{
    /* width: 50%;    */
    /* display: flex; */
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.haut_de_page.avec_bg .hdp-img img{
   width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.haut_de_page.avec_bg .hdp-img::before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(5,5,34,0.95)), color-stop(30%, rgba(5,5,34,0)));
    background: linear-gradient(to bottom, rgba(5,5,34,0.95) 0%, rgba(5,5,34,0) 30%);
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}
.haut_de_page.haut_de_page.avec_bg::before, .haut_de_page.haut_de_page.avec_bg::after{
    width: 45rem;
    height: 10rem;
    position: absolute;
    bottom: -1px;
    z-index: 1;
    content: '';
    background-image: url('img/cutsliderhome.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}
.haut_de_page.avec_bg::before{left: 0;}
.haut_de_page.avec_bg::after{
  right: 0;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
}
.haut_de_page.avec_vid{
    padding: 10rem 0;
    overflow: hidden;
    position: relative;
    min-height: 80vh;
}
.haut_de_page.avec_vid #hdp_video{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    width: 100%;
}
/* .haut_de_page.avec_bg::after, */
.haut_de_page.avec_vid::after{
    content:'';
    position:absolute;
    width:100%;
    height: 100%;
    top:0;
    left:0;
    background-color:rgba(0,0,0,.3);
}
.haut_de_page .hdp-wrapper{
    position:relative;
    z-index:1;
}
.haut_de_page .surtitre{
    margin-bottom:0;
}
.haut_de_page span.term:not(:last-child){
    position:relative;
    padding-right:2rem;
}
.haut_de_page span.term:not(:last-child)::after{
    content:' / ';
    position:absolute;
    right:1rem;
    top:50%;
    -webkit-transform:translateY(-50%);
            transform:translateY(-50%);
}
.haut_de_page .surtitre + h1{
    margin-top:0;
}
.haut_de_page.avec_bg div,
.haut_de_page.avec_vid div,
.haut_de_page.avec_bg p,
.haut_de_page.avec_vid p,
.haut_de_page.avec_bg .surtitre,
.haut_de_page.avec_vid .surtitre,
.haut_de_page.avec_bg span,
.haut_de_page.avec_vid span,
/* .haut_de_page.avec_bg h1, */
.haut_de_page.avec_vid h1{
    color:#fff;
}
.haut_de_page.avec_bg .hdp-text .soustitre{
    /* font-weight:normal; */
    margin-bottom:4rem;
    text-transform: uppercase;
    /* color:var(--text-color2); */
}
.slidehome .scroll-please{
    position:absolute;
    background-image:url('img/mouse-shadow.svg');
    background-size: contain;
    background-repeat:no-repeat;
    background-position:center;
    bottom:0;
    left:50%;
    z-index:999999;
    overflow: visible;
    -webkit-transform:translate(-50%,100%);
            transform:translate(-50%,100%);
}
.slidehome .scroll-please svg{
    /* position:absolute; */
    top:50%;
    left:50%;
    width:5rem;
    height:7rem;
    -webkit-transform:translate(-50%,-50%);
            transform:translate(-50%,-50%);
            z-index: 99999;
    /* -webkit-filter: drop-shadow( 0px 0px 30px rgba(0, 0, 0, .2));
    filter: drop-shadow( 0px 0px 30px rgba(0, 0, 0, .2));*/
}
.slidehome .scroll-please svg #mouse-bt{
    -webkit-animation:jump 2s linear infinite;
            animation:jump 2s linear infinite;
}
.slidehome .slide-img img{
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;

}

@-webkit-keyframes jump{
    0%{-webkit-transform:translateY(0) scaleY(1);transform:translateY(0) scaleY(1);}
    25%{-webkit-transform: scaleY(1.5);transform: scaleY(1.5);}
    50%{-webkit-transform:translateY(.5rem) scaleY(2);transform:translateY(.5rem) scaleY(2);}
    75%{-webkit-transform: scaleY(1.5);transform: scaleY(1.5);}
    100%{-webkit-transform:translateY(0) scaleY(1);transform:translateY(0) scaleY(1);}
}

@keyframes jump{
    0%{-webkit-transform:translateY(0) scaleY(1);transform:translateY(0) scaleY(1);}
    25%{-webkit-transform: scaleY(1.5);transform: scaleY(1.5);}
    50%{-webkit-transform:translateY(.5rem) scaleY(2);transform:translateY(.5rem) scaleY(2);}
    75%{-webkit-transform: scaleY(1.5);transform: scaleY(1.5);}
    100%{-webkit-transform:translateY(0) scaleY(1);transform:translateY(0) scaleY(1);}
}

/*------------------------------------------------*/
/* NEWSLETTER */
/*------------------------------------------------*/
section.newsletter{
   padding:12rem 0;
   background-size:cover;
   background-position:center;
   position:relative;
}
section.newsletter::after{
    content:'';
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: rgba(32,43,81,.85);
}
section.newsletter .container{
    position:relative;
    z-index:2;
}
section.newsletter .container .surtitre,
section.newsletter .container h2,
section.newsletter .container p{

}
section.newsletter .container .surtitre{

}
section.newsletter .container h2{

}
section.newsletter .container p{

}
section.newsletter .gform_wrapper{

}
section.newsletter label{

}
section.newsletter input{

}
section.newsletter input[type="submit"]{

}
section.newsletter input[type="submit"]:hover{


}
section.newsletter h2.gform_submission_error{

}
section.newsletter .validation_message{

}
section.newsletter .gform_confirmation_message{

}
/*------------------------------------------------*/
/* FOOTER */
/*------------------------------------------------*/
footer{
  padding:0;
}
footer.avec_bg{
    position:relative;
    background-size:cover;
    background-position:center;
}
footer.avec_bg:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:var(--text-color3);
    opacity:.2;
    z-index:0;
}
footer.avec_bg .site-info{
    position:relative;
    z-index:1;
}
footer .wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding:6rem 0 0 0;
}
footer .copyright .wrapper{
    padding:4rem 0;
    background-color: var(--text-color5);
}
footer .wrapper.adresses {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    padding: 4rem 0 8rem;
}
footer .wrapper .adresse_single_foot .adresse_content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    height: 100%;
}
footer .wrapper .adresse_single_foot .adresse_content::before{
    content:'';
    position: absolute;
    display: block;
    background-color: var(--text-color2);
    width: 16px;
    height: 4px;
    top: 9px;
        left: -17px;
    -webkit-transform: rotate(120deg);
            transform: rotate(120deg);
}
footer .wrapper.adresses .localite{
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 300;
}
footer .wrapper.adresses .localite::before{
    /*content:'MARCOPOLO';
    font-weight: 700;
    color: #FFFFFF;
    text-transform: uppercase;
    padding-right: 0.5rem;*/
}
footer .wrapper.adresses .adresse, .telephone{
    font-size: 1.2rem;
}
footer .copyright .wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
footer .copyright .wrapper span, footer .copyright .wrapper a{
    color: #FFFFFF;
    margin: 10px;
    text-decoration: none;
    font-weight: 300;
    letter-spacing: 2px;
}
footer .copyright .wrapper span{
    text-transform: uppercase;
}
a#logofooter{

}
footer .column{
   margin-bottom:2rem;
}
.footer-img{

}
.footer-txt{

}
.footer-txt p{
   font-size:1.2rem;
   font-weight: 300;
   color: var(--base-text-color);
   line-height: 1.2;
   padding: 0.5rem 0;
}

.footer-menu{

}
.footer-menu ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-transform: translateY(-0.4rem);
            transform: translateY(-0.4rem);
    width: 100%;
}
.footer-menu ul li{
    display: block;
    margin: 0.5rem 0;
    width: 25%;
    text-align: left;
}
.footer-menu ul li a{
    margin: 0;
}
.footer-menu ul li.current_page_item a{
    color: #FFFFFF;
}
.footer-menu ul li.current_page_item:after{
    display: block;
    content: '';
    width: 25px;
    height: 2px;
    background-color: var(--text-color2);
    position: absolute;
    bottom: -3px;
}
.footer-menu ul li a{
    color: var(--base-text-color);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.3rem;
}
.footer-menu ul li a:hover{
    color: var(--text-color2);
}

footer .copyright .column{
   margin-bottom:0;
}
footer .copyright .col-1{

}
footer .copyright .col-2{

}
footer .copyright .col-3{

}
footer .copyright .col-4{

}
footer .copyright .copyright-txt{

}
footer .copyright .copyright-txt p{
   font-size:1.4rem;
    margin-bottom:1em;
}
footer .copyright .copyright-menu{

}
footer .copyright .copyright-menu ul{

}
footer .copyright .copyright-menu ul li{

}
footer .copyright .copyright-menu ul li + li{
    margin-left:1em;
}
footer .copyright .copyright-menu ul li a{
     font-size:1.4rem;
    text-decoration:none;
    color:var(--base-text-color);
}


/*------------------------------------------------*/
/* RGPD */
/*------------------------------------------------*/
#ct-ultimate-gdpr-cookie-change-settings,
ct-ultimate-gdpr-cookie-accept,
.ct-ultimate-gdpr-cookie-popup-modern #ct-ultimate-gdpr-cookie-accept {

}
.ct-ultimate-gdpr-cookie-modal-content ul li{

}
.ct-ultimate-gdpr-cookie-modal-btn a {

}
.ct-ultimate-gdpr-cookie-modal-btn.save a:hover {

}
ul.ct-ultimate-gdpr-cookie-modal-slider{

}
.ct-ultimate-gdpr-slider{

}
.ct-ultimate-gdpr-cookie-modal-slider li.ct-ultimate-gdpr-cookie-modal-slider-item--active label:after{

}
.ct-ultimate-gdpr-cookie-modal-slider-not-able li:before{

}
.ct-ultimate-gdpr-cookie-modal-slider-able li:before {

}
.ct-ultimate-gdpr-cookie-modal-content ul li div{

}
.ct-ultimate-gdpr-cookie-modal-content ul li:first-child div{

}
.ct-ultimate-gdpr-cookie-modal-content ul li:nth-child(2) div{

}
.ct-ultimate-gdpr-cookie-modal-content ul li:nth-child(3) div{

}
.ct-ultimate-gdpr-cookie-modal-content ul li:nth-child(4) div{

}
/* ===== css/flexible.css ===== */
/*------------------------------------------------*/
/* FLEXIBLE */
/*------------------------------------------------*/
main section{
  padding: min(15vw, 10rem) 0;
  background-color:#fff;
}
main section .light_font,
main section.dark_bg p,
main section.dark_bg ul li,
main section.dark_bg ol li,
main section.strong_dark_bg p,
main section.strong_dark_bg ul li,
main section.strong_dark_bg ol li{
    color:#fff!important;
}
section.dark_bg:not(.strong_dark_bg) .surtitre,
section.dark_bg:not(.strong_dark_bg) .soustitre{
    color:var(--base-text-color);
}

/***basic 2 colonnes **/

.basic_2cols_gauche{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
        -ms-flex-direction:row-reverse;
            flex-direction:row-reverse;
}
.basic_twocols img{
    display: block;
}
.basic_twocols a{
    margin-left: 0;
}
.basic_twocols .icones{
    --gutter:2rem;
}
.basic_2cols_gauche .para .bloc_icone{
    padding: 4rem 0;
}
.basic_twocols .para .bloc_icone ul{
    font-size:.8em;
    padding-left:0;
    margin-left:.5em;
}
.basic_twocols .para .bloc_icone ul li{
    list-style-position: outside;
}
.basic_twocols .para .bloc_icone ul li ul{
    list-style-position: outside;
    font-size:1em;
}
.basic_twocols .para .bloc_icone ul li ul li{
    margin: 0 0 .5rem 0;
    line-height:1.2;
}
.basic_2cols_gauche .para .bloc_icone .icon{
    width: 120px;
    height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 2px solid var(--text-color3);
    border-radius: 50%;
    margin: 0 auto;
}
.basic_2cols_gauche .para .bloc_icone .icon img{
    width: 60px;
    height: 60px;
    -o-object-fit: contain;
       object-fit: contain;
}
.basic_2cols_gauche .para .bloc_icone a,
.basic_2cols_gauche .para .bloc_icone h4{
    text-decoration: none;
    text-align: center;
    padding: 1rem 0;
    color: var(--text-color3);
}
.basic_2cols_droite .para .bloc_icone{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    /*justify-content: space-between;*/
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 4rem 0;
    text-align: center;
}
.basic_2cols_droite .para .bloc_icone  p{
    max-width: 250px;
}
.basic_2cols_droite .para .bloc_icone .icon{
    width: 160px;
    height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.08), 0 3px 6px rgba(0,0,0,0.08);
            box-shadow: 0 3px 6px rgba(0,0,0,0.08), 0 3px 6px rgba(0,0,0,0.08);
    margin: 0 auto;
}
.basic_2cols_droite .para .bloc_icone .icon img{
    width: 100px;
    height: 100px;
    -o-object-fit: contain;
       object-fit: contain;
}
.basic_2cols_droite .para .bloc_icone h4{
    padding: 2rem 0;
    min-height:4.2em;
}
.basic_2cols_droite .para .bloc_icone a{
    margin-top: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1160px){
    .basic_2cols_droite .para .bloc_icone .icon{
        width: 120px;
    }
}

.basic_twocols ul + p a{
    margin-top: 2rem;
}
ul li a{
    color: var(--text-color2); 
}

.basic_twocols.advanced .pp_photos{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4rem;
}
.basic_twocols.advanced .pp_photos .img_list{
    width: min(100%, 63rem);
    margin: 0 auto;
}
/***full 2 colonnes */
section.full_2cols{
    padding:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
section.full_2cols .pp{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
}
.full_2cols .pp.full_2cols_gauche{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
        -ms-flex-direction:row-reverse;
            flex-direction:row-reverse;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
}
/*---responsive--*/
@media only screen and (min-width : 320px) {
    .full_2cols .pp_photos{
       width:100%
    }
    .full_2cols .pp_photos img{
        position:relative;
        display:block;
        width:100%;
    }
    .full_2cols .para{
        padding-right:var(--gutter);
        padding-left: var(--gutter);
        padding-top:12rem;
        padding-bottom:2rem;
    }
}
@media only screen and (min-width : 992px) {
    .full_2cols.full_2cols_gauche .contener.extra{
        margin-left:0;
        margin-right:auto;
    }
    .full_2cols.full_2cols_droite .contener.extra{
        margin-right:0;
        margin-left:auto;
    }
    .full_2cols .para{
         padding-bottom:12rem;

    }
    .full_2cols .para.contener{
        width: calc(100% - 50vw);
        padding-right:5rem;
        padding-left:0;
    }
    .full_2cols .pp_photos{
        position: relative;
        overflow: hidden;
        width: 50vw;
        max-width: none;
    }
    .full_2cols .pp.full_2cols_gauche .para.contener{
        padding-right:0;
        padding-left:5rem;
    }
    .full_2cols .pp_photos img{
        position:absolute;
        width: unset;
        min-width: 100%;
        max-width: none;
        min-height: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
    }

}
/*** full 1 col */
.full_1col{
    position: relative;
}
.full_1col.avec_bg{
     padding-bottom: min(5vw, 2rem);
}
.full_1col.avec_bg h2{
    color: #FFFFFF;
}
.full_1col.avec_bg p{
    color: var(--base-text-color);
    max-width: 60ch;
    margin: 0 auto;
    padding: 6rem 0 2rem;
}
.full_1col.avec_bg  .false-bg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-size:cover;
    opacity: 1;
    z-index:0;
}
.full_1col.avec_bg .false-bg::before{
    content: '';
    inset: 0 0 0 0;
    position: absolute;
    background-color: #050422;
    opacity: 0.8;
}
.full_1col .container{
    position:relative;
    z-index:1;
}
/*** paragraphs */
.paragraphs{

}
.paragraphs .para{

}
.paragraphs .para:only-child{

}
/*** logos slider */
.logos_slider .slider-wrapper{
    margin-top: 8rem;
}
.logos_slider .slick-list {
  padding: 0 !important;
  width: calc(100% - 100px);
  margin: 0 50px;
}
.logos_slider .slick-track{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.logos_slider .slick-slide{
   /* background-color: #FFFFFF;
   border-radius: 8px;
   margin: 0 2rem;
   height: 150px; */
   /* -webkit-box-shadow: 0px 0px 10px 5px rgba(131, 73, 73, 0.05);
   box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05); */
    margin: 0 3rem;
}
.logos_slider.two_lines .slick-slide{
    background-color: #FFFFFF;
    margin: 2rem;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 10px 5px rgba(131, 73, 73, 0.05);
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);
}
.logos_slider .slick-slide img{
    /* width: 100%;
    height: 100%;
    object-fit: cover; */
    width:100%;
}
.logos_slider .slick-slide.slick-active{

}
.logos_slider ul.slick-dots{

}
.logos_slider .navigation_diaporama{

}
.logos_slider .navigation_diaporama .prev,
.logos_slider .navigation_diaporama .next{
    display: block;
    text-decoration: none;
    width:6rem;
    height:6rem;
    line-height: 6rem;
    background-color: transparent;
    border-radius:50%;
    border: 2px solid var(--text-color2);
    opacity: 1;
    position:absolute;
    background-size:auto 50%;
    background-repeat:no-repeat;
    background-position:center;
    overflow:hidden;
    text-indent:-9999px;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.logos_slider .navigation_diaporama .prev{
    background-image: url(img/carret-left.svg);
    /* left:-90px; */
    -webkit-transform:translate(0,-50%);
            transform:translate(0,-50%);
}
.logos_slider .navigation_diaporama .next{
    background-image: url(img/carret-right.svg);
    /* right:-90px; */
    -webkit-transform:translate(0,-50%);
            transform:translate(0,-50%);
}
.logos_slider .navigation_diaporama .prev:hover,
.logos_slider .navigation_diaporama .next:hover{

}
/*** basic slider */
.basic_slider{

}

.basic_slider .slider-wrapper{
   margin: 4rem 0;
}
.basic_slider .slick-list {
    margin:0;
}
.basic_slider .slick-track{
    padding: 4rem 0;
}
.basic_slider .slick-slide .content-slide,
.basic_slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .content-slide{
    /* padding: 0 10%;
    /* -webkit-transform:scale(.75);
            transform:scale(.75); */
    /*-webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;  */
}
.basic_slider .slick-slide .slide-text,
.basic_slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .slide-text{
   padding: 2rem 5rem 0;
}
.basic_slider .slick-slide .slide-text h3,
.basic_slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .slide-text h3{
   /* margin-bottom:3rem; */
   /* opacity:1;
   -webkit-transform: translateY(0);
           transform: translateY(0);
   -webkit-animation: fadeOut .1s ease-in-out forwards;
           animation: fadeOut .1s ease-in-out forwards;  */
}
.basic_slider .slick-slide .slide-text .content-text,
.basic_slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .slide-text .content-text{
   /* margin-bottom:3rem; */
   /* opacity:1;
   -webkit-transform: translateY(0);
           transform: translateY(0);
   -webkit-animation: fadeOut .1s ease-in-out forwards;
           animation: fadeOut .1s ease-in-out forwards;   */
}
.basic_slider .slick-slide .slide-text .bouton,
.basic_slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .slide-text .bouton{
   /* opacity:1;
   -webkit-transform: translateY(0);
           transform: translateY(0);
   -webkit-animation: fadeOut .1s ease-in-out forwards;
           animation: fadeOut .1s ease-in-out forwards;   */
}
.basic_slider .slick-slide.slick-center,
.basic_slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"]{

}
.basic_slider .slick-slide.slick-center .content-slide,
.basic_slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .content-slide{
    /* -webkit-transform:scale(1);
            transform:scale(1); */
}
.basic_slider .slick-slide.slick-center .slide-text,
.basic_slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .slide-text {

}
/* .basic_slider .slick-slide.slick-active .slide-text h3,
.basic_slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .slide-text h3{
   opacity:0;
   -webkit-transform: translateY(50%);
           transform: translateY(50%);
   -webkit-animation: fadeInUp .3s ease-in-out .5s forwards;
           animation: fadeInUp .3s ease-in-out .5s forwards;
} */
/* .basic_slider .slick-slide.slick-active .slide-text .content-text,
.basic_slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .slide-text .content-text{
   opacity:0;
   -webkit-transform: translateY(50%);
           transform: translateY(50%);
   -webkit-animation: fadeInUp .3s ease-in-out .7s forwards;
           animation: fadeInUp .3s ease-in-out .7s forwards;
}
.basic_slider .slick-slide.slick-active .slide-text .bouton,
.basic_slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .slide-text .bouton{
   opacity:0;
   -webkit-transform: translateY(50%);
           transform: translateY(50%);
   -webkit-animation: fadeInUp .3s ease-in-out .9s forwards;
           animation: fadeInUp .3s ease-in-out .9s forwards;
} */
.basic_slider ul.slick-dots{

}
.basic_slider .navigation_diaporama{

}
.basic_slider .navigation_diaporama .prev,
.basic_slider .navigation_diaporama .next{

}
.basic_slider .navigation_diaporama .prev{

}
.basic_slider .navigation_diaporama .next{

}
.basic_slider .navigation_diaporama .prev:hover,
.basic_slider .navigation_diaporama .next:hover{

}

/***responsive***/
@media only screen and (min-width : 320px) {
     .basic_slider .navigation_diaporama .prev{
        left: 0;
    }

    .basic_slider .navigation_diaporama .next{
        right:0;
    }
}
@media only screen and (min-width : 768px) {
     .basic_slider .navigation_diaporama .prev{
        left: 15%;
    }
    .basic_slider .navigation_diaporama .next{
        right:15%;
    }
}

/*special*/
.basic_slider + logos_slider{
    padding-top:0;
}
/*** BLOG */

.bloc_listeCPT{

}
.bloc_listeCPT .news-container{
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
}
.bloc_listeCPT article.news-item{
    background-color: #fff;
    margin-bottom: 12rem;
    position: relative;
}
.bloc_listeCPT article.news-item .conteneur{
    position: relative;
}
.bloc_listeCPT article.news-item .conteneur .term{
    position: absolute;
    background-color: var(--text-color3);
    color: #fff;
    padding: 0.4rem 1rem;
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 1.4rem;
}
.bloc_listeCPT article.news-item .conteneur img{

}
.bloc_listeCPT article.news-item .conteneur .contenu-texte{
   padding:2rem 2rem 3rem 2rem;
}
.bloc_listeCPT article.news-item .conteneur .date{
    line-height:1.6rem;
    color:var(--text-color3);
    margin-bottom:1.5rem;
}
.bloc_listeCPT article.news-item .conteneur h4{
    color: var(--text-color5);
    text-transform:uppercase;
    padding: 1rem 0;
}
.bloc_listeCPT article.news-item .conteneur .extrait p,
.bloc_listeCPT.dark_bg article.news-item .conteneur .extrait p,
.bloc_listeCPT.strong_dark_bg article.news-item .conteneur .extrait p{
        color:var(--base-text-color)!important
}
.bloc_listeCPT article.news-item .bouton{
     position: absolute;
    bottom: 0;
    left: 50%;
    white-space: nowrap;
    -webkit-transform: translate(-50%, 6rem);
            transform: translate(-50%, 6rem);
}
.bloc_listeCPT .cta{
    margin-top:4rem;
}
.bloc_listeCPT .cta .bouton{
    border-color:var(--text-color3);
    color:var(--text-color1);
}
.bloc_listeCPT .cta .bouton:hover{
    background-color:var(--text-color3);
    border-color:transparent;
    color:#fff;;
}

/****chiffres clés**/
.bloc_key_stats{

}
.bloc_key_stats .bloc_para{
    margin-top: 10rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.bloc_key_stats .chiffre{
    margin-bottom:4rem;
    color: var(--text-color3);
}
.bloc_key_stats .chiffre .top{
    margin-bottom:2rem;
    position: relative;
}

.bloc_key_stats .chiffre .top::after{
    content:'';
    position: absolute;
    bottom:0;
    left:50%;
    width:4rem;
    height:.4rem;
    -webkit-transform:translateX(-50%);
            transform:translateX(-50%);
    background-color:var(--footer-bg-color);
}
.bloc_key_stats.strong_dark_bg .chiffre .top::after{
    background-color:var(--text-color3);
}
.bloc_key_stats.light_bg .chiffre .top::after,
.bloc_key_stats.white_bg .chiffre .top::after{
    background-color:var(--text-color2);
}
.bloc_key_stats .chiffre .prefix{
    font-size:3.2rem;
    line-height:3.2rem;
    font-weight:300;
    font-family:var(--title-font);
    opacity:0;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.bloc_key_stats .chiffre .prefix.active{
    opacity:1;
}
.bloc_key_stats .chiffre .valeur{
    font-size:6rem;
    font-weight: 700;
    line-height:10rem;
    font-family:var(--title-font);
}
.bloc_key_stats .chiffre .suffix{
    font-size:3.2rem;
    line-height:3.2rem;
     font-weight:300;
    font-family:var(--title-font);
    opacity:0;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.bloc_key_stats .chiffre .suffix.active{
    opacity:1;
    font-size: 6rem;
}
.bloc_key_stats .chiffre .bottom.label{
    text-align:center;
    opacity:0;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.bloc_key_stats .chiffre .bottom.label.active{
    opacity:1;
    color: var(--base-text-color);
    width: 200px;
    margin: 0 auto;
}
.bloc_key_stats > .bouton{
    margin-top:3rem;
}
/****icons**/
.bloc_icons .bloc_para{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.bloc_icons .para{
    position:relative;
    padding:6rem 0;
}
.bloc_icons h2{
    max-width: 700px;
    margin: 0 auto 4rem auto;
}
.bloc_icons .para h4{
    max-width: 300px;
   margin: 2rem auto;
   text-transform: uppercase;
}
.bloc_icons .para svg{
    max-height:16rem;
    width:auto;
    display: inline-block;
    margin-bottom: 2rem;
}
.bloc_icons .image-wrapper{
    background-color: var(--text-color3);
    border-radius: 50%;
    display: inline-block;
    width: 120px;
    height: 120px;
    padding: 5%;
}
.bloc_icons .image-wrapper img{
   /* max-width: 85%;*/
}
.bloc_icons .para p{
    margin: 2.2rem auto -1rem auto;
    min-height: 60px;
    max-width: 285px;
}
.bloc_icons .para a{
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
/*****form***/
.bloc_form{

}
.bloc_form form .gform_body{
    background-color:#fff;
    /* padding:3rem; */
    text-align:left;
}

.bloc_form form .gform_body .gfield_radio .gchoice{
    display: inline-block;
}
@media only screen and (min-width : 320px) {
  .bloc_form form .gform_body .gfield--width-third + .gfield--width-full select.small{
        width:100%;
   }
   .bloc_form form .gform_body{
    padding: 0;
    }
}
@media only screen and (min-width : 640px) {
  .bloc_form form .gform_body .gfield--width-third + .gfield--width-full select.small{
        width:50%;
   }

}
@media only screen and (min-width : 768px) {
    .bloc_form form .gform_body .gfield--width-third + .gfield--width-full select.small{
        width:32%;
   }
   .bloc_form form .gform_body{
       padding: 3rem;
   }
}

/*****solutions***/
.bloc_solutions{

}
.bloc_solutions .bloc_para{
    /*margin-left:-.6rem!important;*/
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
     margin-top: 6rem;
}
.bloc_solutions.encadre{
    --gutter:2rem;
}
.bloc_solutions .bloc_para .para{
    position:relative;
    margin-left:.6rem!important;
    padding:3rem 3.5rem 9rem 3.5rem;
    background-color:transparent;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.bloc_solutions.encadre .bloc_para .para{
    border: 1px solid #DCE1F0;
    border-radius: 8px;
    padding: 3rem;
}
.bloc_solutions .bloc_para .para:hover{
    background-color:var(--header-bg-color);
}
.bloc_solutions .bloc_para .para h4{
    margin-bottom:1.5rem;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    text-transform:uppercase;
     color: var(--text-color5);
}
.bloc_solutions.strong_dark_bg .bloc_para .para:not(:hover) h4{
    color:#fff;
}
.bloc_solutions .bloc_para .para .intro{
    font-size: 2rem;
    line-height: 2.4rem;
    margin-bottom: 2.5rem;
    color:var(--text-color1);
    margin-bottom:3.5rem;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.bloc_solutions.dark_bg .bloc_para .para:not(:hover) .intro{
    color:#fff;
}
.bloc_solutions .bloc_para .para .texte p{
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.bloc_solutions .bloc_para .para:hover .texte p{
   color:var(--base-text-color)!important;
}
.bloc_solutions .bloc_para .para .bouton{
    position:absolute;
    bottom:2rem;
    left:50%;
    -webkit-transform:translateX(-50%);
            transform:translateX(-50%);
}
/*
@media only screen and (min-width: 320px){
    .bloc_solutions .para {
        width: 100%!important;
    }
}
@media only screen and (min-width: 768px){
    .bloc_solutions .para {
        width: calc(50% - .6rem)!important;
    }
}
@media only screen and (min-width: 992px){
   .bloc_solutions .para {
        width: calc(25% - .6rem)!important;
    }
}
*/

/****---testimonial---*/
.bloc_testimonial{

}
.bloc_testimonial .slick-slide{
    margin: 0 2%;
}
.bloc_testimonial .citation .cit .quote-first{
    content:url(img/quote.svg);
    width:10rem;
    height:auto;
    display:block;
    float:left;
    margin-right:1rem;
    opacity:.5;
    -webkit-transition: all .3s ease-in-out .5s;
    transition: all .3s ease-in-out .5s;
    -webkit-shape-outside: inset(calc(100% - 100px) 0 0);
            shape-outside: inset(calc(100% - 100px) 0 0);
}
.bloc_testimonial.strong_dark_bg .citation .cit .quote-first{
    content:url(img/quote-light.svg);
}
.bloc_testimonial .citation .cit p{
    position:relative;
}
.bloc_testimonial .citation .cit p:last-child::after{
    content:'';
    background-image: url(img/quote-end.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width:6rem;
    height: 6rem;
    position:relative;
    float: right;
    display:inline-block;
    margin-left:1rem;
    opacity:1;
    -webkit-transition: all .3s ease-in-out .8s;
    transition: all .3s ease-in-out .8s;
    -webkit-shape-outside: url(img/quote-end.svg);
            shape-outside: url(img/quote-end.svg);
    -webkit-shape-image-threshold: .15;
            shape-image-threshold: .15;
}
.bloc_testimonial .author{
    margin-top:3.5rem;
}
.bloc_testimonial .author .nom{
    font-weight:bold;
    display:block;
}
.bloc_testimonial .author .poste{
    font-weight:300;
    display:block;
}
.bloc_testimonial.strong_dark_bg .author .nom,
.bloc_testimonial.strong_dark_bg .author .poste{
    color:var(--text-color1);
}
/*--responsive*/
@media only screen and (min-width : 320px) {
  .bloc_testimonial .portrait{
    text-align:center;
   }
}
@media only screen and (min-width : 992px) {
  .bloc_testimonial .citation .portrait{
    text-align:left;
   }
  .bloc_testimonial .citation.photo_gauche .portrait{
    text-align:right;
   }
}





/****---team---*/
.bloc_team{

}
.bloc_team .bloc_members{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.bloc_team .member{
    margin-bottom: var(--gutter);
}
.bloc_team .member .photo{
    width: 16rem;
}
.bloc_team .member h4{
    margin: 1.5rem auto;
}
.bloc_team .member h4 span{
    text-transform:uppercase;
}
.bloc_team .member .texte{
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 3rem;
}
.bloc_team .member .contacts{

}
.bloc_team .member .contacts a{
    text-indent:-9999px;
    border-radius:50%;
    display:inline-block;
    width:3rem;
    height:3rem;
    margin:0 .5rem;
    border:1px solid var(--text-color3);
    background-color:var(--text-color3);
    background-position:center center,center 200%;
    background-size:50%, 50%;
    background-repeat:no-repeat;
}
.bloc_team.dark_bg .member .contacts a{
    border:1px solid #fff;
    background-color:#fff;
}
.bloc_team .member .contacts a:hover{
    background-position:center -200%,center center;
}
.bloc_team .member .contacts .linkedinbt{
    background-image:url(img/linkedin-dark.svg), url(img/linkedin-dark.svg);
}
.bloc_team .member .contacts .linkedinbt:hover{

}
.bloc_team .member .contacts .twitterbt{
     background-image:url(img/twitter-dark.svg), url(img/twitter-dark.svg);
}
.bloc_team .member .contacts .twitterbt:hover{

}
.bloc_team .member .contacts .mailbt{
     background-image:url(img/mail-dark.svg), url(img/mail-dark.svg);
}
.bloc_team .member .contacts .mailbt:hover{

}


/*---steps---*/
.bloc_steps .steps{

}
.bloc_steps .step{
    position:relative;
}

.bloc_steps .step:not(:last-child)::after{
    content:'';
    position: absolute;
    top:4.5rem;
    right:0;
    height:.2rem;

    width:calc( 1.5 * var(--gutter));
    background-color:var(--text-color3);
    -webkit-transform:translateX(5rem);
            transform:translateX(5rem);
}
.bloc_steps.dark_bg .step:not(:last-child)::after{
    background-color:var(--footer-bg-color);
}
.bloc_steps .number{
    display:inline-block;
    width:9rem;
    height:9rem;
    border-radius:50%;
    text-align: center;
    line-height:9rem;
    font-family:var(--title-font);
    font-size:4rem;
    font-weight:bold;
    border:1px solid var(--text-color3);
    color:var(--text-color3);
}
.bloc_steps.dark_bg .number{
    border:1px solid var(--footer-bg-color);
    color:var(--base-text-color);
}
.bloc_steps h4{
    margin:2rem auto 0;
    text-transform:uppercase;
    max-width: 18rem;
}
.bloc_steps.strong_dark_bg h4{
    color:#fff;
}
.bloc_steps p{
    font-size:1.6rem;
    line-height:2.4rem;
    margin: 1rem auto;
    max-width: 18rem;
}
.bloc_steps .bouton{
    margin-top:6rem;
}
/*--responsive--*/
@media only screen and (min-width: 320px){
    .bloc_steps .steps .step::after {
       display:none;
    }
}
@media only screen and (min-width: 600px){
    .bloc_steps .steps .step:not(:nth-child(even))::after {
        display:block;
    }
}

@media only screen and (min-width: 768px){
    .bloc_steps .steps .step::after{
        display:block;
    }

    .bloc_steps .steps.largelist .step:nth-child(3n)::after {
        display:none;
    }
}

@media only screen and (min-width: 992px){
    .bloc_steps .steps .step::after,
    .bloc_steps .steps.largelist .step:nth-child(3n)::after{
        display:block;
    }
    .bloc_steps .steps.largelist .step:nth-child(4n)::after{
        display:none;
    }
}
@media only screen and (min-width: 1200px){
     .bloc_steps .steps .step::after,
     .bloc_steps .steps.largelist .step:nth-child(4n)::after{
        display:block;
    }

}

/*---accordéons--*/
/*** accordeons **/
.bloc_accordeon {

}
.bloc_accordeon h2{
    max-width: 30ch;
    margin: 0 auto 2rem;
}
.bloc_accordeon .accordeon{
     -webkit-box-shadow: 0px 0px 10px 5px rgba(131, 73, 73, 0.05);
             box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);
    border-radius:.4rem;
    margin-bottom:1.5rem;
}
.bloc_accordeon .accordeon .acc-head{
    cursor:pointer;
    padding: 1.5rem 6rem 1.5rem 2.5rem;
    border-radius:.6rem;
    position:relative;
    background-color: #fff;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.bloc_accordeon .accordeon.open .acc-head{
    border-radius:.4rem 0 0 .4rem;
}
.bloc_accordeon .accordeon .acc-head::after{
    content:'';
    cursor:pointer;
    width:3rem;
    height:3rem;
    border: 2px solid var(--text-color2);
    border-radius:50%;
    position:absolute;
    right:1.5rem;
    top:50%;
    -webkit-transform:translateY(-50%) rotate(0);
            transform:translateY(-50%) rotate(0);
    background-color: transparent;
    background-image: url(img/carret-down-red.svg);
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position: center center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

}
.bloc_accordeon .accordeon.open .acc-head::after{
    background-image: url(img/carret-down.svg);
    background-color:var(--text-color2);
    -webkit-transform:translateY(-50%) rotate(-180deg);
            transform:translateY(-50%) rotate(-180deg);
}
/*VARIANTE TRANSITION
.bloc_accordeon .accordeon .acc-head::after{
    content:'';
    cursor:pointer;
    width:4rem;
    height:4rem;
    border-radius:50%;
    position:absolute;
    right:1.5rem;
    top:50%;
    -webkit-transform:translateY(-50%);
            transform:translateY(-50%);
    background-color: var(--text-color3);
    background-image: url(img/carret-down.svg), url(img/carret-up.svg);
    background-size:100% auto, 100% auto;
    background-repeat:no-repeat, no-repeat;
    background-position: center center, center -300px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

}
.bloc_accordeon .accordeon.open .acc-head::after{
    background-color: var(--text-color3);
    background-position:center 300px, center center;
}
*/

.bloc_accordeon .accordeon .acc-head h4{
    margin-bottom:0;
    -webkit-transition:all .5s linear;
    transition:all .5s linear;
    color:var(--text-color5);
    text-transform: uppercase;
}
.bloc_accordeon .accordeon .acc-body{
    opacity:0;
    overflow:hidden;
    height:auto;
    max-height:0;
    padding:0;
    background-color:rgba(255,255,255,.5);
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    border-radius:.4rem 0 0 .4rem;
}
.bloc_accordeon .accordeon .acc-body p{
    line-height:2.4rem;
}
.bloc_accordeon .accordeon.open .acc-body{
    max-height:100vh;
    padding: 2.5rem;
    opacity: 1;
}
.bloc_accordeon .cta{
    display:block;
    text-align:center;
}


/*** tabs **/
.bloc_onglets{

}
.bloc_onglets .tabs_wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
   /* -webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);
            box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);*/
}
.bloc_onglets .tabs{
    display: table;
}
.bloc_onglets .tabbt,
.bloc_onglets .tabbtoacc{
    vertical-align: middle;
    padding:1.5rem;
    background-color:var(--footer-bg-color);
    color:#fff;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    cursor:pointer;
}
.bloc_onglets.white_bg .tabbt{
    color:var(--base-text-color);
}
.bloc_onglets .tabbt{
    display:table-cell;
    border-radius: 6px 6px 0 0;
    background-color: transparent;
}
.bloc_onglets .tabbtoacc{
    background-color:#fff;
    color:var(--base-text-color);
}
.bloc_onglets.white_bg .tabbtoacc{
    background-color:var(--header-bg-color);
}
.bloc_onglets.white_bg .tabbtoacc.active{
    color:var(--base-text-color);
}
.bloc_onglets .tabbtoacc:not(last-child){
    border-bottom:1px solid rgba(175,180,200,.5);
}
.bloc_onglets .tabcont.active + .tabbtoacc{
    border-top:1px solid rgba(175,180,200,.5);
}
.bloc_onglets .tabbt.active{
    background-color:#fff;
    color:var(--footer-bg-color);
    cursor:default;
    pointer-events: none;
}
.bloc_onglets.white_bg .tabbt.active{
    background-color:var(--header-bg-color);
}
.bloc_onglets .tabbt h4{
    color:inherit;
    margin: 0;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.bloc_onglets .contents{
    font-size:1.6rem;
    line-height:2.4rem;
    text-align:left;
    background-color:#fff;
}
.bloc_onglets.white_bg .contents{
    background-color:var(--header-bg-color);
}
.bloc_onglets .tabcont{
    max-height:0;
    opacity:0;
    overflow:hidden;
     -webkit-transition:all .3s ease-in-out;
     -webkit-transition:opacity .3s ease-in-out;
     transition:opacity .3s ease-in-out;
}
.bloc_onglets .tabcont *{
    color:var(--base-text-color)!important;
}
.bloc_onglets .tabcont.active{
    opacity: 1;
    padding:2.5rem 2.5rem 3rem 2.5rem;
    max-height: none;
}
/*---responsive--*/
@media only screen and (min-width: 320px){
    .bloc_onglets .tabs {
        display:none;
    }
    .bloc_onglets .tabbtoacc{
        display:block;
    }
}

@media only screen and (min-width: 768px){
  .bloc_onglets .tabs {
        display:table;
    }
    .bloc_onglets .tabbtoacc{
        display:none;
    }
}


/****listing---*/
.bloc_listing{

}
.bloc_listing .item{
    margin-top:5rem;
   margin-bottom:5rem;
}

.bloc_listing .item img{

}
.bloc_listing h4{
   margin-bottom:2rem;
   text-transform:uppercase;
}
.bloc_listing p{

}
.bloc_listing .bouton{
   margin-top:3rem;
}
/*---responsive--*/
@media only screen and (max-width : 600px) {

    .bloc_listing .item{
         margin-left:calc(var(--gutter) / 2);
    }
    .bloc_listing .item .cta{
        display:block;
        text-align:center;
    }
}
@media only screen and (min-width : 1200px) {

    .bloc_listing .item img{
         width:11rem;
         max-width: 11rem;
    }
}

/* PAROLES DE CLIENTS */
.paroles_de_client{
    position: relative;
}
.paroles_de_client .container,
.paroles_de_client .bloc_parole,
.paroles_de_client .bloc_parole .para{
    position: unset;
}
.paroles_de_client .bloc_parole{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: min(90%, 900px);
    background-color: #FFFFFF;
    margin: 0 auto;
    margin-top: 11rem;
    -webkit-box-shadow:
    1.3px 1px 5.3px rgba(0, 0, 0, 0.028),
    4.5px 3.4px 17.9px rgba(0, 0, 0, 0.042),
    20px 15px 80px rgba(0, 0, 0, 0.07)    ;
            box-shadow:
    1.3px 1px 5.3px rgba(0, 0, 0, 0.028),
    4.5px 3.4px 17.9px rgba(0, 0, 0, 0.042),
    20px 15px 80px rgba(0, 0, 0, 0.07)    ;
}
.paroles_de_client .bloc_parole h2{
    position: absolute;
    top: 6rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: min(100%, 72rem);
    text-align: center;
    z-index: 2;
}
.paroles_de_client .bloc_parole .para{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 min(100%, 30rem);
            flex: 1 1 min(100%, 30rem);
    padding: 3rem;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.paroles_de_client .bloc_parole .para b{
    font-weight: 700;
}
.paroles_de_client .bloc_parole .para strong{
    font-size: 2rem;
    font-weight: 600;
    color: var(--text-color3);
    display: inline;
}
.paroles_de_client .bloc_parole .para strong::before{
    content: '';
    display: inline-block;
    background: center no-repeat url('img/double-chevron.svg');
    width: 5.5rem;
    height: 4.6rem;
    margin-right: 0.5rem;
    float: left;
}
.paroles_de_client .bloc_parole .para a{
    float: right;
    margin-top: 3rem;
}
.paroles_de_client .bloc_parole .pp_photos{
    aspect-ratio: 1 / 1;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 min(100%, 32rem);
            flex: 0 0 min(100%, 32rem);
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    height: 100%;
    position: relative;
}
.paroles_de_client .bloc_parole .pp_photos img{
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    position: unset;
}
.paroles_de_client .bloc_parole + a{
    margin: 8rem auto 0;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
@media only screen and (max-width: 600px){
    .paroles_de_client .bloc_parole .pp_photos{
        -webkit-box-flex: 1;
            -ms-flex: 1 1 min(100%, 30rem);
                flex: 1 1 min(100%, 30rem);
    }
}

/* ===== style.css ===== */








/*------------------------------------------------*/
/* BREADCRUMB */
/*------------------------------------------------*/
#ariane{

}
#ariane a{

}
#ariane a:hover{

}
.essb_links.essb_template_default-retina, .single-post .social-sharing{display: none !important;}
/*------------------------------------------------*/
/* FORMS */
/*------------------------------------------------*/
input[type="submit"]{
    cursor:pointer;
}
input,
textarea,
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius:unset;
    outline:none;
}
input:-webkit-input-placeholder,
textarea:-webkit-input-placeholder
{ /* Chrome/Opera/Safari */
   color:var(--text-color5);
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{ /* IE 10+ */
    color:var(--text-color5);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
    opacity: 1;
    color:var(--text-color5);
}
input::placeholder,
textarea::placeholder{
    opacity: 1;
    color:var(--text-color5);
}
/*gravity*/
.gform_wrapper{
    color: var(--text-color5);
    max-width: 800px;
    margin: 0 auto;
}
.gform_wrapper form{

}
.gform_wrapper .gform_body{

}
.gform_wrapper ul.gform_fields{

}
.gform_wrapper ul.gform_fields li.gfield{

}
.gform_wrapper .gform_fields .gfield{
    margin: 1rem;
}
.gform_wrapper label.gfield_label{
    font-weight:700;
    font-size:1.8rem !important;
    line-height:2rem;
}
.gform_wrapper .gform_fields .gfield_consent_label a{
    color: var(--text-color2);
}
.gform_wrapper.gravity-theme .gsection.separator {
    border-bottom: 1px solid #DCE1F0;
    height: 2px;
    padding: 0 3rem;
    opacity: 0.7;
}
.gform_wrapper .gform_fields .captcha{
    margin: 0 auto;
}
.gform_wrapper .gfield .gfield_label .gfield_required{
    position:relative;
}
.gform_wrapper .gfield .gfield_label .gfield_required::after{
    content:' *';
    font-weight:bold;
    color:var(--text-color2);
    /* vertical-align: super; */
    font-size:2rem;
    line-height: 0.2;
}
.gform_wrapper.gravity-theme .gfield textarea {
    padding: 1.5rem;
    font-size: 1.6rem;
}
.gform_wrapper .gfield .gfield_label .gfield_required_text{
    display:none;
}
.gform_wrapper div.ginput_container{

}
.gform_wrapper input,
.gform_wrapper textarea,
.gform_wrapper select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius:unset;
    outline:none;
}
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.gform_wrapper select,
.gform_wrapper textarea{
   border: none;
   border-radius: 4px;
   background-color: #DCE1F0;
   padding:1rem 1.5rem;
    font-size: 1.6rem;
    line-height: 1.6rem;
    font-family: var(--base-font);
}
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus{

}
.gform_wrapper ul.gfield_checkbox li,
.gform_wrapper div.ginput_container.ginput_container_consent{
  overflow: hidden;
}
.gform_wrapper input[type="checkbox"]{

}
.gform_wrapper input[type="checkbox"]:checked{

}
.gform_wrapper select{
    background-image: url(img/carret-down.svg), url(img/carret-up.svg), url(img/bg1-select.svg);
    background-size: 3.6rem 3.6rem, 3.6rem 3.6rem, 3.6rem 3.6rem;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: calc(100% - .2rem) .2rem, calc(100% - .2rem) -10rem, calc(100% - .2rem) .2rem;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    line-height: 2.5rem;
    padding-right: 5rem;
}
.gform_wrapper select:hover{
       background-position: calc(100% - .2rem) -10rem, calc(100% - .2rem) 0.2rem, calc(100% - .2rem) .2rem;
}
.gform_wrapper input[type="radio"],
.gform_wrapper .ginput_container_consent input[type="checkbox"]{
    width: 2.4rem;
    height: 2.4rem;
    display: inline-block;
    background-color: transparent;
    border: .1rem solid #cdd2e6;
    border-radius: 50%;
    margin-right: .5rem;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    cursor: pointer;
}
.gform_wrapper input[type="radio"]:checked,
.gform_wrapper .ginput_container_consent input[type="checkbox"]:checked{
    background:  var(--text-color2);
    background: radial-gradient(circle, var(--text-color2) 0%,  var(--text-color2) 35%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%);
}
.gform_wrapper .ginput_container_consent input[type="checkbox"]{
    vertical-align: middle;
}
.gform_wrapper .ginput_container_consent  .gfield_required {
    position:relative;
    text-indent:-999px;
    display:inline-block;
    /*overflow: hidden;*/
}
.gform_wrapper .ginput_container_consent  .gfield_required::after{
    position:absolute;
    content:'*';
    font-weight:bold;
    color:var(--text-color1);
    vertical-align: super;
    font-size:2rem;
    line-height:2rem;
    top:0;
    right: -999px;
}
.gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html{

}
.gform_wrapper .gform_footer{
    padding: 0 !important;
    margin-top: -2rem !important;
}

.gform_wrapper .gform_footer input[type="submit"]{
    cursor:pointer;
    background-color:var(--text-color2);
    border:1px solid transparent;
    color:#fff;
    font-size:1.6rem;
    line-height:1.6rem;
    /* text-transform:uppercase; */
    border-radius:.4rem;
    padding:1rem 1.5rem;
    text-decoration:none;
    margin-top: 4rem;
    display: inline-block;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.gform_wrapper .gform_footer input[type="submit"]:hover{
    background-color:transparent;
    border:1px solid var(--text-color2);
    color:var(--text-color2);
}
.gform_wrapper div.validation_error{

}
.gform_wrapper.gform_validation_error ul.gform_fields li.gfield{

}
.formulaire .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{

}
.gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.formulaire .gform_wrapper li.gfield_error textarea{

}


/*------------------------------------------------*/
/* ADRESSES CONTACT   */
/*------------------------------------------------*/
    #adresses_contact{
        width: 100%;
        background-color: rgba(220, 225, 240, 0.25);
    }
    #adresses_contact .container{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    #adresses_contact .container .adresse_content{
        background-color: #FFFFFF;
        width: 285px;
        height: 88%;
        padding: 1.5rem 2rem;
        margin: 2rem;
        border-radius: 8px;
        -webkit-box-shadow: 0px 0px 25px 3px rgba(50,50,120,0.15);
        box-shadow: 0px 0px 25px 3px rgba(50,50,120,0.15);
    }
    #adresses_contact .container .adresse_content .localite{
        font-size: 1.8rem;
        color: var(--text-color2);
        text-transform: uppercase;
    }
    #adresses_contact .container .adresse_content .localite::before{
            content:'MARCOPOLO';
            font-size: 1.8rem;
            font-weight: 700;
            color: var(--text-color5);
            text-transform: uppercase;
            padding-right: 0.5rem;
    }
    #adresses_contact .container .adresse_content .adresse{
        display: block;
        margin: 1rem 0 2rem 0;
    }
    #adresses_contact .container .adresse_content .telephone{
        font-size: 1.6rem;
        color: var(--text-color2);
    }

/*------------------------------------------------*/
/* MAP GOOGLE   */
/*------------------------------------------------*/

    #mapgoogle{
        padding: 0;
        width: 100%;
        height: 640px;
    }
    #mapgoogle iframe{
        width: 100%;
        height: 100%;
    }

/*------------------------------------------------*/
/* SEARCH   */
/*------------------------------------------------*/

#searchform{

}
#searchform input{
   border:1px solid #e0e4ea;
   background-color: #fff;
   padding: 0.4em;
}
#searchform input[type="submit"]{
    cursor:pointer;
    background-color:var(--text-color3);
    border:1px solid transparent;
    color:#fff;
    font-size: .8em;
    line-height: .8em;
    text-transform:uppercase;
    border-radius:.4rem;
    padding:.5rem 1rem;
    text-decoration:none;
    display: inline-block;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
#searchform input[type="submit"]:hover{
    background-color:transparent;
    border:1px solid var(--text-color3);
    color:var(--text-color1);
}
/*------------------------------------------------*/
/* SLICK   */
/*------------------------------------------------*/
.slider-wrapper{
    position:relative;
    z-index: 10;
    /* margin:var(--gutter) 0; */
}
.slick-list {
    /* margin: 0 8rem; */
    overflow: hidden;
}
.slick-track{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.slick-slide {
    display: inline-block;
    outline: none;
}
.content-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(220,225,240,1)), to(rgba(255,255,255,1)));
    background: linear-gradient(to top, rgba(220,225,240,1) 0%, rgba(255,255,255,1) 100%);
    width: 100%;
}
/* .content-slide .slide-text, .content-slide .slide-img{
    position: relative;
    width: 50%;
} */
/* .content-slide .slide-text{
    padding-left: calc((100vw - 1300px) / 2);
    padding-right: 4rem;
    margin: auto 0;
} */
.content-slide .slide-img::before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    /* background: rgb(2,0,36);
    background: linear-gradient(to bottom, rgba(5,5,34,0.95) 0%, rgba(5,5,34,0) 30%); */
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}
.navigation_dots{
    position: absolute;
    /* bottom: 11%; */
    /* left: calc((100vw - 1300px) / 2); */
    z-index: 1000;
}
.navigation_dots .slick-dots{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 4rem 0;
}
.navigation_dots .slick-dots li{
    list-style-type:none;
    width:1.6rem;
    display:inline-block;
    text-align:center;
    margin: 0 2rem;
}
.navigation_dots .slick-dots li button{
    display: inline-block;
    overflow:hidden;
    border-radius:50%;
    width:1rem;
    text-indent: -999px;
    line-height: 1rem;
    height:1rem;
    padding: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    background-color: #131186;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    cursor:pointer;
}
.navigation_dots .slick-dots li.slick-active button{
    width:1.6rem;
    line-height: 1rem;
    height:1.6rem;
    border: 1px solid #131186;
    background-color:transparent;
}

ul.slick-dots{

      >li:only-child {
		display:none;
	}
}
.logos_slider .navigation_diaporama{
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 3;
    -webkit-transform:translateY(-50%);
            transform:translateY(-50%);
}
.slidehome .slide::before, .slidehome .slide::after{
  width: 45rem;
  height: 10rem;
  position: absolute;
  bottom: 0;
  z-index: 1;
  content: '';
  background-image: url(img/cutsliderhome.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
.slidehome .slide::before{left: 0;}
.slidehome .slide::after{
  right: 0;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
}
.slidehome .slide-img img{float: left; width: 100%;}
.slidehome .navigation_diaporama .slick-arrow{
  /* width: 37rem;
  height: 7rem;
  bottom: 3rem; */
  position: absolute;
  z-index: 1000;
  margin: 0;
  opacity: 0;
  background: transparent;
}
.slidehome .navigation_diaporama .prev{left: 0;}
.slidehome .navigation_diaporama .next{right: 0;}
/* .slidehome .prevslide, .slidehome .nextslide{
  width: 37rem;
  height: 7rem;
  position: absolute;
  bottom: 3rem;
  z-index: 2;
  color: #FFFFFF;
  background: #8D9AAB;
} */
/* .slidehome .prevslide{left: 0; clip-path: path('M329.29,29.29A100,100,0,0,0,258.58,0H0V70H370Z');}
.slidehome .nextslide{
  right: 0;
  clip-path: path('M40.71,29.29,0,70H370V0H111.42A100,100,0,0,0,40.71,29.29Z');
} */
/* .slidehome .navigation_title span:nth-child(1){
    text-align: center;
    padding: 2.2rem 6rem 2.2rem 0rem;
}
.slidehome .navigation_title span:nth-child(2){
    text-align: center;
    padding: 2.2rem 0rem 2.2rem 5rem;
} */
.navigation_diaporama .slick-arrow{
    /* display: block;
    text-decoration: none;
    width:6rem;
    height:6rem;
    line-height: 6rem;
    background-color:transparent;
    border-radius:50%;
    border:1px solid var(--text-color3);
    opacity: 1;
    position:absolute;
    background-size:auto 50%;
    background-repeat:no-repeat;
    background-position:center;
    overflow:hidden;
    text-indent:-9999px;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out; */
}
.navigation_diaporama .prev{
    /* background-image: url(img/carret-left.svg);
    left:-90px;
    -webkit-transform:translate(0,-50%);
            transform:translate(0,-50%); */
}
.navigation_diaporama .next{
    /* background-image: url(img/carret-right.svg);
    right:-90px;
    -webkit-transform:translate(0,-50%);
            transform:translate(0,-50%); */
}
.navigation_diaporama .prev:hover,
.navigation_diaporama .next:hover{
    opacity:.5;
}

/* .prevslide{
    float: left;
}
.nextslide{
    float: right;
    border-top-left-radius: 50px;

} */

/*****si dark color bg **/
.dark_bg .navigation_diaporama .prev,
.dark_bg .navigation_diaporama .next{
    -webkit-filter:brightness(100);
            filter:brightness(100);
}






/*------------------------------------------------*/
/* BLOG */
/*------------------------------------------------*/




/*------------------------------------------------*/
/* 404 */
/*------------------------------------------------*/
body.error404{

}


/*------------------------------------------------*/
/* ARCHIVES */
/*------------------------------------------------*/
.tax-menu{

}
.tax-menu li{
    cursor:pointer;
}
.posts-container{

}
.posts-container article.item{
    background-color: #fff;
    margin-bottom: 12rem;
    position: relative;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.08);
            box-shadow: 0 2px 10px rgba(0,0,0,.08);
}
.posts-container article.item .conteneur{
    position: relative;
}
.posts-container article.item .conteneur .term{
    position: absolute;
    background-color: var(--text-color3);
    color: #fff;
    padding: 0.4rem 1rem;
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 1.4rem;
    z-index:2;
}
.posts-container article.item .conteneur .term a{
    color:#fff;
    text-decoration:none;
    opacity:1;
}
.posts-container articleitem .conteneur .term a:hover{
   opacity:.5;
}
.posts-container article.item .conteneur .img-wrapper{
    position:relative;
    overflow:hidden;
}
.posts-container article.item .conteneur .img-wrapper::before{
   content:'';
   float:left;
   padding-bottom:60%;
}
.posts-container article.item .conteneur .contenu-texte{
   padding:1rem 2rem 3rem 2rem;
}
.posts-container article.item .conteneur .contenu-texte p{
  line-height: 2rem;
  max-height: 20rem;
  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 8;
}
.posts-container article.item .conteneur .date{
    line-height:1.6rem;
    color: #3730C1;
    margin-bottom:1.5rem;
}
.posts-container article.item .conteneur h4{
    text-transform:uppercase;
}
.posts-container article.item .conteneur a{
    text-decoration: none;
}
.posts-container article.item .conteneur .extrait p{
        color:var(--base-text-color);
}
.posts-container article.item .conteneur .infos-event .dates .start-date,
.posts-container article.item .conteneur .infos-event .dates .end-date{
    display:block;
}
.posts-container article.item .bouton{
  margin: 4rem 0 0;
     position: absolute;
    bottom: 0;
    left: 50%;
    white-space: nowrap;
    -webkit-transform: translate(-50%, 6rem);
            transform: translate(-50%, 6rem);
}

.full_1col .wp-video{margin: 2rem auto 0;}
.full_1col .mejs-container{position: relative;}
.full_1col .mejs-container .mejs-inner{
  width: 100%;
  float: left;
  height: 100%;
}
.full_1col .mejs-container .mejs-layers{
  width: 100%;
  float: left;
  height: 100%;
}
.full_1col .mejs-container .mejs-controls{
  position: absolute;
  bottom: 0;
  background: #0a0943;
}
.full_1col .mejs-controls .mejs-time-rail .mejs-time-current{background: #3730c1;}
.full_1col .mejs-overlay-play{
  left: 50%;
  top: 50%;
  width: 8rem !important;
  height: 8rem !important;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.full_1col .mejs-overlay-button{
  width: 100%;
  height: 100%;
  background-image: url(img/playbutton.png);
  background-repeat: no-repeat;
  background-position: center !important;
  background-size: 100% auto;
  background-color: rgba(170,1,58,0.8);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  box-shadow: 0 0 20px #050522;
  -webkit-box-shadow: 0 0 20px #050522;
  -moz-box-shadow: 0 0 20px #050522;
  -o-box-shadow: 0 0 20px #050522;
  -ms-box-shadow: 0 0 20px #050522;
}
.full_1col .mejs-overlay-button:hover{
  background-position: center !important;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  background-color: rgba(170,1,58,1);
}

/*------------------------------------------------*/
/* SINGLE */
/*------------------------------------------------*/
.single main #content{
    width: 80%;
    max-width: 900px;
    margin: min(15vw, 10rem) auto 0;
}
.single main h2{
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 3rem;
}
.single main section{
    padding: 0 0 2rem;
}
.single main section#bloc_1{
    padding: clamp(6rem, 6vw + 1rem, 12rem) 0 2rem;
}
.single-temoignage main section#bloc_1{padding: 0;}
#pagination{
    padding:2rem 0;
}
#pagination .prev{
    float:left;
}
#pagination .next{
    float:right;
}
.single .related-posts{
    margin-top:4rem;
}
/*******temoignage****/
.single-temoignage .haut_de_page .surtitre{
    font-weight:bold!important;
    text-transform:none!important;
}
.single-temoignage .haut_de_page h1{
    text-transform:uppercase;
    margin-bottom:0;
}
.single-temoignage .cta{
  display: block;
  margin-bottom: clamp(4rem, 5vw + 1rem, 8rem);
  position: relative;
  /*left: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);*/
  text-align: center;
}
.single-temoignage h3{
  color: var(--text-color5);
  font-weight: 700;
  text-transform: none;
  margin: 4rem auto 2rem;
  line-height: 3.2rem;
}
.single-temoignage .haut_de_page.haut_de_page.avec_bg::before, .single-temoignage .haut_de_page.haut_de_page.avec_bg::after{
    width: 45rem;
    height: 10rem;
    position: absolute;
    bottom: -1px;
    z-index: 1;
    content: '';
    background-image: url('img/cutsheader-temoignage.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}
.single-temoignage .haut_de_page.avec_bg::before{left: 0;}
.single-temoignage .haut_de_page.avec_bg::after{
  right: 0;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
}
.single-temoignage .haut_de_page.avec_bg .btnback{
    /*width: 37rem;
    height: 10rem;*/
    line-height: 7rem;
    position: absolute;
   /* bottom: -1px;*/
    z-index: 2;
    display: inline-block;
    /*text-align: center;*/
    color: #fff;
    text-decoration: none;
    font-weight: 300;
}
.single-temoignage .haut_de_page.avec_bg .btnback:hover{
    opacity:.5;

}
/*******formation****/

.single-formation .bottom-page hr,
.single-emplois .bottom-page hr,
.single-post .bottom-page hr{
    border: none;
    width: 100%;
    height: 1px;
    background: #DCE1F0;
    margin: 6rem auto 1rem;
}

.single-formation .bottom-page,
.single-emplois .bottom-page,
.single-post .bottom-page{
width: 80%;
max-width: 900px;
margin: 0 auto 12rem;
}
@media only screen and (max-width : 700px) {
    .single-formation .bottom-page,
    .single-emplois .bottom-page,
    .single-post .bottom-page{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .single-post .bottom-page a{
        left: 0 !important;
        -webkit-transform: translate(0) !important;
                transform: translate(0) !important;
        margin-top: 2rem;
    }
}
.single-formation .social-sharing,
.single-emplois .social-sharing,
.single-post .social-sharing{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.single-formation .social-sharing p,
.single-emplois .social-sharing p,
.single-post .social-sharing p{
    margin: 0 2rem;
    font-size: 1.4;
    font-style: italic;
    font-weight: 700;
}
.single-formation .social-sharing span,
.single-emplois .social-sharing span,
.single-post .social-sharing span{
    white-space: nowrap;
}
.single-post .social-sharing ul.essb_links_list li a{
    -webkit-box-shadow: none;
            box-shadow: none;
    width: 4rem;
    height: 4rem;
}
.single-formation .social-sharing ul.essb_links_list li,
.single-emplois .social-sharing ul.essb_links_list li,
.single-post .social-sharing ul.essb_links_list li{
    position: relative;
    margin: 0 1rem !important;
}
.single-formation .social-sharing ul.essb_links_list li a,
.single-emplois .social-sharing ul.essb_links_list li a,
.single-post .social-sharing ul.essb_links_list li a{
    background-color: var(--text-color2);
}
.single-formation .social-sharing ul.essb_links_list li a:hover,
.single-emplois .social-sharing ul.essb_links_list li a:hover,
.single-post .social-sharing ul.essb_links_list li a:hover{
    background-color: var(--text-color2) !important;
    -webkit-transition: none;
    transition: none;
}
.single-formation .social-sharing ul.essb_links_list li a:focus,
.single-emplois .social-sharing ul.essb_links_list li a:focus,
.single-post .social-sharing ul.essb_links_list li a:focus{
    background-color: #FFFFFF;
}
.single-formation .social-sharing ul.essb_links_list li .essb_icon,
.single-emplois .social-sharing ul.essb_links_list li .essb_icon,
.single-post .social-sharing ul.essb_links_list li .essb_icon{
    opacity: 0;
}
.single-formation .social-sharing ul.essb_links_list li .essb_network_name,
.single-emplois .social-sharing ul.essb_links_list li .essb_network_name,
.single-post .social-sharing ul.essb_links_list li .essb_network_name{
    display: none;
}
.single-formation .social-sharing ul.essb_links_list li.essb_link_facebook::before,
.single-formation .social-sharing ul.essb_links_list li.essb_link_twitter::before,
.single-formation .social-sharing ul.essb_links_list li.essb_link_linkedin::before,
.single-emplois .social-sharing ul.essb_links_list li.essb_link_facebook::before,
.single-emplois .social-sharing ul.essb_links_list li.essb_link_twitter::before,
.single-emplois .social-sharing ul.essb_links_list li.essb_link_linkedin::before,
.single-post .social-sharing ul.essb_links_list li.essb_link_facebook::before,
.single-post .social-sharing ul.essb_links_list li.essb_link_twitter::before,
.single-post .social-sharing ul.essb_links_list li.essb_link_linkedin::before{
    content: '';
    width: 4rem;
    height: 4rem;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    position: absolute;
    pointer-events: none;
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
}
.single-formation .social-sharing ul.essb_links_list li.essb_link_facebook::before,
.single-emplois .social-sharing ul.essb_links_list li.essb_link_facebook::before,
.single-post .social-sharing ul.essb_links_list li.essb_link_facebook::before{
    background-image: url(img/facebook-icon.svg);
}
.single-formation .social-sharing ul.essb_links_list li.essb_link_twitter::before,
.single-emplois .social-sharing ul.essb_links_list li.essb_link_twitter::before,
.single-post .social-sharing ul.essb_links_list li.essb_link_twitter::before{
    background-image: url(img/twitter-icon.svg);
}
.single-formation .social-sharing ul.essb_links_list li.essb_link_linkedin::before,
.single-emplois .social-sharing ul.essb_links_list li.essb_link_linkedin::before,
.single-post .social-sharing ul.essb_links_list li.essb_link_linkedin::before{
    background-image: url(img/linkedin-icon.svg);
}

/*------------------------------------------------*/
/* VOUS SOUHAITEZ - VOS ENJEUX */
/*------------------------------------------------*/
/*.page-id-1152 section#bloc_1{
    color: var(--text-color3);
}*/
/*.page-id-1152 li a{
  color: var(--text-color2);
}*/
/*.page-id-1152 a.bouton{
    margin-top: 2rem;
}*/

/*------------------------------------------------*/
/* OFFRE DIGITALE */
/*------------------------------------------------*/
/*
.page-id-1070 ul li{
    color: var(--base-text-color);
}
*/
/*.page-id-1070 .bloc_icons h4{
    max-width: 20ch;
    text-transform: uppercase;
}*/
.bloc_boutons .para-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 3rem;
}
.bloc_boutons .para a{
    color: var(--text-color2);
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    border: 3px solid var(--text-color2);
    border-radius: 8px;
    padding: 3rem;
    height: 100%;
}
.bloc_boutons .para p{
    max-width: 29ch;
    position: relative;
    height: 100%;
    margin: 0;
}
.bloc_boutons .para p::before{
    content: '';
    display: inline-block;
    width: 5rem;
    height: 2.5rem;
    position: absolute;
    bottom: 0;
    right: 0;
    border-top-left-radius: 30px;
    background: left 16px center no-repeat url(img/arrow-narrow-right.svg), var(--text-color2);
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.bloc_boutons .para p:hover::before{
    background-position: right 3px center;
}

/*------------------------------------------------*/
/* NOS METIERS */
/*------------------------------------------------*/
/*
.page-id-1092 section#bloc_1 p{
    max-width: 92ch;
    margin: 0 auto;
}
*/
/*.page-id-1092 .bloc_icons{
   padding: min(15vw, 10rem) 0  min(15vw, 20rem);
}*/
.page-id-1092 .bloc_icons .image-wrapper{
    padding: 0;
}
.page-id-1092 .bloc_icons .bloc_para{
    row-gap: 8rem;
}
/*.page-id-1092 .bloc_icons .para{
    position: relative;
}
.page-id-1092 .bloc_icons .para a{
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}*/

/*------------------------------------------------*/
/* INTERNATIONAL */
/*------------------------------------------------*/
/*.page-id-1156 .basic_twocols .pp_photos{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem;
}*/
.page-id-1156 .carte_cc + paragraphs{
   padding:0;
}
/*
.carte_cc .main-text{
    background-color:#fff;
    -webkit-transform:translateY(50%);
            transform:translateY(50%)
}
*/
/*.page-id-1156 .carte_cc h2{
    font-size: clamp(1.8rem, 3vw + 1rem, 5.2rem);
    position: absolute;
    top: 3vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 3;
}*/
/*
.page-id-1156 .carte_cc #svg-wrapper-2{
    margin-left: auto;
    width: min(1100px, 70vw);
    height: 100%;
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
}
.page-id-1156 .carte_cc #svg-wrapper-2::before{
    content: '';
    width: 100%;
    height: 30%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0)), to(rgba(220,225,240,1)));
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(220,225,240,1) 100%);
    z-index: 2;
    position: absolute;
    inset: 0 0 0 0;
}
.page-id-1156 .carte_cc #tooltip-wrapper-2{
    width: 38rem;
    min-height: 14rem;
    background-color: #FFFFFF;
    -webkit-box-shadow:  100px 100px 80px rgba(0, 0, 0, 0.07);
            box-shadow:  100px 100px 80px rgba(0, 0, 0, 0.07);
    position: absolute;
    top: 25%;
    left: -38%;
    z-index: 4;
    padding: 4rem;
    color: var(--base-text-color);
}
.page-id-1156 .carte_cc path.marker{
    cursor: pointer;
}
.page-id-1156 ul li{
    color: var(--base-text-color);
}
@media only screen and (max-width: 1100px){
    .page-id-1156 .carte_cc #tooltip-wrapper-2{
        width: 25rem;
        top: 20%;
        padding: 2rem;
    }
}
@media only screen and (max-width: 768px){
    .page-id-1156 section#bloc_2 #svg-wrapper-2{
        width: 100%;
    }
    .page-id-1156 .carte_cc #tooltip-wrapper-2{
        right: 0;
        left: unset;
    }
}
@media only screen and (max-width: 480px){
    .page-id-1156 .carte_cc{
        overflow: unset;
        width: 98%;
    }
    .page-id-1156 .carte_cc #tooltip-wrapper-2{
        right: 1rem;
        top: 60%;
    }
    .page-id-1156 .free-text{
        margin-top: 12rem;
    }
}

.page-id-1156 .carte_cc .tooltip-wrapper.active{
    opacity:0;
    -webkit-transform:translateY(8rem);
            transform:translateY(8rem);
    -webkit-animation: appearup .5s ease-in-out forwards;
            animation: appearup .5s ease-in-out forwards;
}

@-webkit-keyframes appearup{
    0%{opacity:0;-webkit-transform:translateY(8rem);transform:translateY(8rem);}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes appearup{
    0%{opacity:0;-webkit-transform:translateY(8rem);transform:translateY(8rem);}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
*/

/*------------------------------------------------*/
/* L'ENTREPRISE */
/*------------------------------------------------*/

/*.page-id-1158 .haut_de_page .hdp-intro p{
    color: var(--text-color2);
}*/
/*@media only screen and (max-width: 768px){
    .page-id-1158 .haut_de_page .hdp-intro p{
        color: #FFFFFF;
    }
}*/
/*.page-id-1158 section#bloc_1{
    color: var(--text-color3);
}*/
/*
.page-id-1158 .bloc_accordeon :is(h2){
    max-width: 30ch;
    margin: 0 auto 2rem;
}
*/
/*.page-id-1158 .bloc_accordeon a.bouton{
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}*/
/*.page-id-1158 section#bloc_6{
    padding-bottom: min(5vw, 2rem);
}*/
/*.page-id-1158 section#bloc_5{
    padding-top: 0;
}*/
/*.false-bg::before{
    content: '';
    inset: 0 0 0 0;
    position: absolute;
    background-color: #050422;
    opacity: 0.8;
}*/
/*.page-id-1158 section#bloc_6 h2{
    color: #FFFFFF;
}*/
/*.page-id-1158 section#bloc_6 p:first-of-type{
    color: var(--base-text-color);
    max-width: 60ch;
    margin: 0 auto;
    padding: 6rem 0 2rem;
}*/
/*.page-id-1158 .bloc_solutions .bloc_para{
    margin-top: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2rem;
}
.page-id-1158 .bloc_solutions .para{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 min(45%, 24rem);
            flex: 1 1 min(45%, 24rem);
    border: 1px solid #DCE1F0;
    border-radius: 8px;
    padding: 3rem;
}
@media only screen and (max-width: 980px){
.page-id-1158 .bloc_solutions .para{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 min(100%, 24rem);
            flex: 1 1 min(100%, 24rem);
    }
}*/
/*.page-id-1158 .bloc_solutions .para h4{
    color: var(--text-color5);
}*/

/* Basic slider */
.basic_slider .slider {
    padding: 0 10% !important;
}
.basic_slider .slick-slide{
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
    margin: 0 2rem;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.basic_slider .slick-slide.slick-active {
    opacity:1;
}
.basic_slider .content-slide{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    padding: 0;
    height: 400px;
    -webkit-box-shadow: 0px 0px 10px 5px rgba(131, 73, 73, 0.05);
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);
}
.basic_slider .slide-img{
    padding: 0 2rem;
    height: 50%;
    background-color: #f2f4fd;
}
.basic_slider .slide-img img{
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.basic_slider .slide-text{
    text-align: left;
    padding: 3rem;
    height: 50%;
}
.basic_slider .slide-text strong{
    font-size: 2rem;
    color: var(--text-color5);
}
.basic_slider .slide-text p{
    margin-bottom: 1rem;
}
.basic_slider .slide-text a{
    margin-top: auto;
    position: absolute;
    bottom: 3rem;
}
.basic_slider .navigation_diaporama .prev,
.basic_slider .navigation_diaporama .next{
    display: block;
    text-decoration: none;
    width:6rem;
    height:6rem;
    line-height: 6rem;
    background-color: #FFFFFF;
    border-radius:50%;
    border: none;
    opacity: 1;
    position:absolute;
    background-size:auto 50%;
    background-repeat:no-repeat;
    background-position:center;
    overflow:hidden;
    text-indent:-9999px;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.basic_slider .navigation_diaporama{
    position: absolute;
    width: 100%;
    top: 45%;
}
.basic_slider .navigation_diaporama .prev{
    background-image: url(img/carret-left.svg);
    left: -4rem;
}
.basic_slider .navigation_diaporama .next{
    background-image: url(img/carret-right.svg);
    right: -4rem;
}
.basic_slider .navigation_diaporama .next:hover,
.basic_slider .navigation_diaporama .prev:hover{
    opacity: 0.5;
}

@media only screen and (max-width: 1024px){
    .basic_slider .navigation_diaporama .prev{
        left: 0;
    }
    .basic_slider .navigation_diaporama .next{
        right: 0;
    }
}

/*------------------------------------------------*/
/* NOS METIERS - COACHING */
/*------------------------------------------------*/
/*
.page-id-1351 ul li{
    color: var(--base-text-color);
}
*/
/*.page-id-1351 .basic_twocols .pp_photos{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4rem;
}
.page-id-1351 .basic_twocols .pp_photos .img_list{
    width: min(100%, 63rem);
    margin: 0 auto;
}
.page-id-1351 .basic_twocols .pp_photos .img_list:not(:nth-child(1)) img{
    margin:  0;
}*/
/*
.page-id-1351 .menu-tab ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 3rem;
    margin: clamp(4rem, 8vw + 1rem , 10rem) auto 2rem;
}
.page-id-1351 .menu-tab ul li{
    list-style: none;
}
.page-id-1351 a.scroll_to{
    text-decoration: none;
    color: var(--text-color2);
    border: 1px solid var(--text-color2);
    border-radius: 4px;
    padding: 1rem 2rem;
}
.page-id-1351 a.scroll_to:hover{
    background-color: var(--text-color2);
    color: #FFFFFF;
}
*/

/*------------------------------------------------*/
/* NOS METIERS - FORMATION */
/*------------------------------------------------*/
/*
.page-id-1344 ul li{
    color: var(--base-text-color);
}
.page-id-1344 .basic_twocols .pp_photos{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4rem;
}
.page-id-1344 .basic_twocols .pp_photos .img_list{
    width: min(100%, 63rem);
    margin: 0 auto;
}
.page-id-1344 .basic_twocols .pp_photos .img_list:not(:nth-child(1)) img{
    margin:  0;
}
.page-id-1344 .bloc_icons .bloc_para{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
*/
.page-id-1344 .bloc_icons .bloc_para p{
    max-width: 40ch;
    margin: 0 auto 2rem;
}
.page-id-1344 #bloc_2.bloc_icons .bloc_para p{
    max-width: 80ch;
    margin: 0 auto 2rem;
}
/*.page-id-1344 .logos_slider .slider-wrapper{
    margin-top: 8rem;
}
.page-id-1344 .logos_slider .slick-list{
    margin: 0 5rem;
}
.page-id-1344 .logos_slider .slick-slide{
    width: 6rem;
    margin: 0 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.page-id-1344 .logos_slider .slick-slide img{
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
}
.page-id-1344 section#bloc_8 .false-bg::before{
    content: '';
    inset: 0 0 0 0;
    position: absolute;
    background-color: #050422;
    opacity: 0.8;
}
.page-id-1344 section#bloc_8 h2{
    color: #FFFFFF;
}*/
/*.page-id-1344 section#bloc_9 .para-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 3rem;
}
.page-id-1344 section#bloc_9 .para a{
    color: var(--text-color2);
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    border: 3px solid var(--text-color2);
    border-radius: 8px;
    padding: 3rem;
    height: 100%;
}
.page-id-1344 section#bloc_9 .para p{
    max-width: 29ch;
    position: relative;
    height: 100%;
    margin: 0;
}
.page-id-1344 section#bloc_9 .para p::before{
    content: '';
    display: inline-block;
    width: 5rem;
    height: 2.5rem;
    position: absolute;
    bottom: 0;
    right: 0;
    border-top-left-radius: 30px;
    background: left 16px center no-repeat url(img/arrow-narrow-right.svg), var(--text-color2);
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.page-id-1344 section#bloc_9 .para p:hover::before{
    background-position: right 3px center;
}*/

/*------------------------------------------------*/
/* NOS METIERS - CONSEIL DEVELOPPEMENT COMMERCIAL */
/*------------------------------------------------*/
/*.page-id-1381 ul li{
    color: var(--base-text-color);
}
.page-id-1381 .bloc_icons .bloc_para{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}*/

/*------------------------------------------------*/
/* NOS METIERS - RESSOURCES COMMERCIALES EXTERNALISEES */
/*------------------------------------------------*/
/*.page-id-1385 ul li{
    color: var(--base-text-color);
}*/
/*.page-id-1385 section#bloc_6 .para-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 3rem;
}
.page-id-1385 section#bloc_6 .para a{
    color: var(--text-color2);
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    border: 3px solid var(--text-color2);
    border-radius: 8px;
    padding: 3rem;
    height: 100%;
}
.page-id-1385 section#bloc_6 .para p{
    max-width: 29ch;
    position: relative;
    height: 100%;
    margin: 0;
}
.page-id-1385 section#bloc_6 .para p::before{
    content: '';
    display: inline-block;
    width: 5rem;
    height: 2.5rem;
    position: absolute;
    bottom: 0;
    right: 0;
    border-top-left-radius: 30px;
    background: left 16px center no-repeat url(img/arrow-narrow-right.svg), var(--text-color2);
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.page-id-1385 section#bloc_6 .para p:hover::before{
    background-position: right 3px center;
}*/

/*------------------------------------------------*/
/* NOS METIERS - BILAN DE COMPETENCE */
/*------------------------------------------------*/
/*.page-id-1390 ul li{
    color: var(--base-text-color);
}
.page-id-1390 .basic_twocols .pp_photos{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4rem;
}
.page-id-1390 .basic_twocols .pp_photos .img_list{
    width: min(100%, 63rem);
    margin: 0 auto;
}
.page-id-1390 .basic_twocols .pp_photos .img_list:not(:nth-child(1)) img{
    margin:  0;
}*/

/*------------------------------------------------*/
/* GFORM ERROR */
/*------------------------------------------------*/
.gform_wrapper .gform_validation_errors {
    padding: 16px !important;
}
.gform_wrapper .gform_validation_errors h2{
    font-size: 13.2px !important;
}
.gform_wrapper .gform_validation_errors .gform-icon{
    display: none !important;
}
.page-id-1590 a{text-decoration: none;}

/* ===== Adaptations Twenty Twenty-Five ===== */
.wp-site-blocks > *{margin-block-start:0 !important;}
.wp-site-blocks > main{margin-top:0 !important;}
#mainheader #logoheader{flex:0 0 auto;order:0;}
#mainheader .pll-switcher{flex:0 0 auto;width:auto;order:1;margin:0 -3.5rem 0 0;}
#mainheader .pll-switcher ul{display:flex;gap:1.2rem;margin:0;padding:0;list-style:none;}
#mainheader .pll-switcher a{display:flex;align-items:center;text-decoration:none;color:#fff;font-size:1.4rem;}
header.sticky .pll-switcher a{color:#0a0943;}
#mainheader .menu-top-fr-container{flex:0 0 auto;order:2;margin-right:0;}
#mainheader #menuburger{flex:0 0 5rem;order:3;}
footer .site-info .wrapper > .column{margin:0 0 20px;}
#mainheader .pll-switcher li{list-style:none;margin:0;padding:0;}
#mainheader .pll-switcher li::before,#mainheader .pll-switcher li::after{content:none !important;display:none !important;}
#mainheader .pll-switcher li::marker{content:none;}