/*------------------------------------------------*/
/* FLEXIBLE */
/*------------------------------------------------*/
main section{
  padding:10rem 0;
  background-color:#fff;
}
main section.nomargin{
  margin:0
}
main section.nopadding{
  padding:0
}
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{
    width:100%;
}



/***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 .false-bg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-size:cover;
    opacity: 6%;
    z-index:0;
}
.full_1col .container{
    position:relative;
    z-index:1;
}



/*** paragraphs */
.paragraphs{
    
}
.paragraphs .para{
    
}
.paragraphs .para:only-child{
    
}



/*** logos slider */
.logos_slider .slider-wrapper{
   
}
.logos_slider .slick-list {
    
}
.logos_slider .slick-track{
    
}
.logos_slider .slick-slide{
   
}
.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{
    
}
.logos_slider .navigation_diaporama .prev{
    
}
.logos_slider .navigation_diaporama .next{
    
}
.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 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 : 600px) {
        .basic_slider .slick-slide .slide-text,
        .basic_slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .slide-text{
           padding: 0 5rem;
        }
}
@media only screen and (min-width : 768px) {
     .basic_slider .navigation_diaporama .prev{
        left: 15%;
    }
    .basic_slider .navigation_diaporama .next{
        right:15%;
    }
}
    

/*** 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-color1);
    margin-bottom:1.5rem;
}
.bloc_listeCPT article.news-item .conteneur h4{
    text-transform:uppercase;
}
.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{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.bloc_key_stats .chiffre{
    margin-bottom:4rem;
}
.bloc_key_stats .chiffre .top{
    padding-bottom:3rem;
    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-color3);
}
.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:10rem;
    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
}
.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;
}
.bloc_key_stats > .bouton{
    margin-top:3rem;
}




/****icons**/
.bloc_icons .para{
    position:relative;
    padding-bottom:8rem;
}
.bloc_icons .para h4{
    margin-bottom:3rem   
}
.bloc_icons .para svg{
    max-height:16rem;
    width:auto;
    display: inline-block;
    margin-bottom: 2rem;
}



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

/*****solutions***/
.bloc_solutions{
    
}
.bloc_solutions .bloc_para{
    margin-left:-.6rem!important;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.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 .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;
}
.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;
    }
    
}



/*** accordeons **/
.bloc_accordeon{
    
}
.bloc_accordeon .accordeon{
     -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
             box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
    border-radius:.4rem;
    margin-bottom:1.5rem;
}
.bloc_accordeon .accordeon .acc-head{
    cursor:pointer;
    padding: 1.5rem 6rem 1.5rem 2.5rem;
    border-radius:.4rem;
    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:4rem;
    height:4rem;
    border-radius:50%;
    position:absolute;
    right:1.5rem;
    top:50%;
    -webkit-transform:translateY(-50%) rotate(0);
            transform:translateY(-50%) rotate(0);
    background-color: var(--text-color3);
    background-image: url(../img/carret-down.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-color:var(--footer-bg-color);
    -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;
}
.bloc_accordeon .accordeon.open .acc-head h4{
   color:var(--text-color1);
}
.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 2.5rem 2.5rem 2.5rem;
    opacity: 1;
}



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



/*-----map------*/
.bloc_gmap .map-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    height:0;
}

.bloc_gmap .map-responsive .acf-map,
.bloc_gmap .map-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.bloc_gmap .acf-map img {
   max-width: inherit !important;
}