/*
SOMMAIRE
01 - Accueil
02 - Page Contact
03 - Page Equipes
04 - Page Qui sommes nous
05 - Page emploi
06 - Page Histoire
07 - Page Applications
08 - Page Bibliographie


*/

/* ----------------------------
01 - Accueil
---------------------------- */  
    .home #contents{
        padding: 0;
    }

    .single .container3 h4{
        color: var(--color00);
    }

    .single .container3 h4::after{
        background-color: var(--color00) !important;
    }


    /* tous les 2eme */
    .SliderBenefices .slick-track .slick-slide:nth-child(4n+2) .benefice_picture > div{
        border: 6px solid #0b8ac7;
    }


    /* tous les 1ers */
    .SliderBenefices .slick-track .slick-slide:nth-child(4n+1) .benefice_picture > div{
        border: 6px solid #07509e;
    }

    /* tous les 3eme */
    .SliderBenefices .slick-track .slick-slide:nth-child(4n+3) .benefice_picture > div{
        border: 6px solid #3ab28e;
    }

    /* tous les 4eme */
    .SliderBenefices .slick-track .slick-slide:nth-child(4n+4) .benefice_picture > div{
        border: 6px solid #61b23c;
    }

    /* Diaporama accueil */
    /* .home_section1-slide img,
    .home_section1-slide {
        max-height: 80vh;
    }    */
    .home_section1-slider h2{
        font-size: 3rem;
        margin: 0;
        font-family: 'sf_compact_displaymedium', sans-serif;
    }
    .home_section1-slider h1{
        margin: 0;
        font-family: 'sf_compact_displaymedium', sans-serif;
    }
    .home_section1-slider h1 em,
    .home_section1-slider h2 em{
        /* color: var(--color04); */
        font-family: 'sf_compact_textheavy', sans-serif;
        font-style: normal;
    }
    .home_section1-slider h1,
    .home_section1-slider h2{
        color:var(--color02)
    }

    @media (min-width:1200px){
        .home_section1-slider h1,
        .home_section1-slider h2{
            font-size: 4.8rem;
        }
        .home_section1-slider h1 em,
        .home_section1-slider h2 em{
            font-size: 6.8rem;
        }
        .home_section1-slider p{
            font-size: 2.5rem;
        }
    }

    body.page-id-811 h4::after{
        display: none !important;
    }



    .home_section1-slider p{
        color: var(--color02);
    }
    .home_section1-slider a{
        font-size: 1.4rem;
    }
    .slider span.imgText{
        width: 100%;
        text-align: center;
        display: block;
        color: var(--color05);
        margin-top: 5px;
    }
    .sliderClassic .slick-dots {
        position: absolute;
        top: 50%;
        left: 30px;
        transform: translateY(-50%);
        display: flex;
        flex-direction: column;
        z-index: 100;
    }
    .sliderClassic .slick-dots li{
        position: relative;
        padding: 5px;
    }
    .sliderClassic .slick-dots li button{
        display: block;
        width: 9px;
        min-height: 9px;
        padding: 0 !important;
        height: 9px;
        border-radius: 50%;
        background-color: var(--color04);
        border: none;
        text-indent: -5000px;
    }
    .sliderClassic .slick-dots li.slick-active button{
        background-color: var(--color03);
    }
    .sliderClassic .slick-dots li::after{
        display: block;
        content: "";
        width: 19px;
        height: 19px;
        border-radius: 50%;
        border: 1px solid var(--color03);
        position: absolute;
        top: 0;
        left: 0;

        transform: scale(0);
        transition: 0.2s transform;
    }

        .sliderClassic .slick-dots li.slick-active::after{
            transform: scale(1);
        }

    @media (min-width:768px){
        .home_section1-slide img,
        .home_section1-slide{
            max-height: 75vh;
        }

    }

        
    @media (max-width:767px){
        .home_section1-slide{
            max-height:auto;
        }

        .home_section1-slide_text{
            padding:0 30px;
        }
        .home_section1-slide_picture{
            align-items: flex-end !important;
            justify-content: flex-start !important;
            max-height: 60vh;
        }
        /* .home_section1-slide_picture img{
            max-width: 170% !important;
        } */

        body > div.popup-wrap:nth-child(13){
            display: none !important;

        }

       
        .mp-popup:first-of-type{
            display: none !important;
        }

        .box-popUp.active{
            max-height: 100vh;
    max-width: 100vw;
        }


        .sliderClassic .slick-dots {
            left: 50%;
            top: auto;
            bottom: 0;
            transform: translateX(-50%);
            display: flex;
            align-items: center;
            flex-direction: row;
        }
    
    }

    /* Benefices */
            /* Small bénéfices */
            .home_section2-SlideBeneficesSmall p{
                margin: 0;
                color: #fff;
                color: var(--color00) !important;
            }
            .home_section2-SliderBeneficesSmall {
                counter-reset: numList;
                padding-right: 60px;
            }
            /* .home_section2-SliderBeneficesSmall .slick-prev{
                display: none !important;
            } */

            .home_section2-SliderBeneficesSmall 
            .slick-slide .number{
                width: 60px;
                min-width: 60px;
                height: 60px;
                border: 3px solid var(--color00);
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
            }
            .slick-slide .number::before{
                font-size: 1.8rem;
                color: var(--color00);
                font-family: 'open_sansbold', sans-serif;
                display: block;
                counter-increment: numList;
                content: "N°" counter(numList);
        
            }
            .home_section2_beneficesmall h2{
                color: #fff;
                color: var(--color00) !important;
            }


           


    .home_section2_intro h2{
        margin-bottom: 0;
    }

    .home_section2_intro h2 em,
    .home_section2_intro p{
        font-family: 'open_sansregular', sans-serif;
        font-size: 1.8rem;
        font-style: normal;
        color: var(--color02);
    }
    .home_section2_intro h2 em{
        color: var(--color04);
    }

    .SliderBenefices .benefice_container{
        min-height: 460px;
    }
    .benefice_title{
        font-size: 2.8rem;
    }

    .application_picture,
    .benefice_picture{
        border-radius: 50%;
        overflow: hidden;
        /* border:solid 10px var(--color04); */
    }

 .benefice_picture > div{
        border: 5px solid #0756a1;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        background-color: #fff;
    
    }






    .application_picture::before,
    .benefice_picture::before{
        display: block;
        width: 100%;
        padding-top: 100%;
        content: "";
    }
    .application_picture img
    .benefice_picture img{
        transition: transform 0.2s;
    }
    .application_picture:hover img,
    .benefice_picture:hover img{
        transform: scale(1.1);
    }

        /* Slider bénéfices */
        .SliderBenefices .slick-arrow{
            border-radius: 50%;
            bottom: -10px;
            width: 30px;
            min-width: 30px;
            border: none;
            height: 30px;
            -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
            -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
            box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
            background-color: var(--color00);
            background-position:-325px -85px;
        }
        .sliderProduct button.slick-arrow.slick-prev,            
        .SliderBenefices button.slick-arrow.slick-prev{
            right: auto;
            left: 45%;
            transform: rotate(-180deg) translateX(-45%);
        }
        .sliderProduct button.slick-arrow.slick-next,            
        .SliderBenefices button.slick-arrow.slick-next{
            right: 45%;
            transform: translateX(-45%);
        }

        @media (max-width:768px){
            .sliderProduct button.slick-arrow.slick-prev,            
            .SliderBenefices button.slick-arrow.slick-prev{
                left: 35%;
                transform: rotate(-180deg) translateX(-35%);
            }
            .sliderProduct button.slick-arrow.slick-next,            
            .SliderBenefices button.slick-arrow.slick-next{
                right: 35%;
                transform: translateX(-35%);
            }
    
        }
        /* home_section3 */
        .bg-bleu-vague {
            background-image: url('../img/charte/vague.svg');
            background-repeat: no-repeat;
            background-size:100% auto;
            background-position: center bottom;
        }
        .bg-bleu-vague-2 {
            background-image: url('../img/charte/vague-2.svg');
            background-repeat: no-repeat;
            background-size:100% auto;
            background-position: center bottom;
        }

        @media (min-width:1200px){

            .home_section3 .formation_titre h2{
                font-size: 3.2rem;
                margin: 0;
            }
            .home_section3-application h2{
                font-size: 2.8rem;
            }
        }
        .home_section3-application h2::after{
            display: block;
            width: 40px;
            height: 5px;
            content: "";
            margin-top: 5px;
            background-color: var(--color00);
        }

        @media (min-width:1200px){
            .home_section3-application ul{
                display: flex;
                flex-wrap: wrap;
            }
               .home_section3-application ul li{
                width: 50%;
                max-width: 50%;
            }
        }


        /* Section4 : Produits */

        .home_section4_intro .content h2{
            font-family: 'sf_compact_displaymedium', sans-serif;
            font-size: 1.8rem;
            font-weight: normal;
        }
        .home_section4_intro .like-h2{
            color: var(--color02) !important;

        }
        .home_section4_intro .like-h2 strong{
            color: var(--color02) !important;

        }
        /* Section5 : Fabrication française */ 

        .home_section5_bg img{
            opacity: 0.2;
            filter: grayscale(100%);
            -webkit-filter: grayscale(100%);
        }
        .home_section5_picture{
            border-radius: 50%;
            border: 2.5rem solid var(--color00);
            overflow: hidden;
        }
        .home_section5_picture:before{
            display: block;
            width: 100%;
            padding-top:105%;
            content: "";
        }
        /* .home_section5_picture img{
            filter: grayscale(70%) hue-rotate(88deg);
            -webkit-filter: grayscale(70%) hue-rostate(88deg);
        }
        
 */


        .tease-mp_faq-small {
            border-bottom: 1px solid var(--color03);
            padding: 0;
            position: relative;
        }
            .tease-mp_faq-small .titre {
                min-height: 40px;
                font-size: 1.6rem;
                font-family: 'open_sansregular', sans-serif;
                line-height: 1;		
                cursor: pointer;
                padding: 15px 0;
                transition: 0.2s;
                color: var(--color04);
            }
            .tease-mp_faq-small:hover .titre {
                font-family: 'open_sansbold', sans-serif;
                color: var(--color04);
            }
            

        .home_section6-espaceclient_title h3{
            margin-bottom: 0;
                color: var(--color02);
            }
            .home_section6_intro h2{
                color: #0da9cf;
                color: var(--color02) !important;
            }
            .home_section6 h3{
                color: #0da9cf;
                color: var(--color02) !important;
            }
            .home_section6_intro h2 strong{
                color: #0da9cf;
                color: var(--color02) !important;
            }
        .home_section6-faq h3{
            color: var(--color04);
        }
        .home_section6-faq h3::after{
            background-color: var(--color03);
        }

        /* Section 7 : Elearning */
        .home_section7 h4::after{
            display: none;
        }
        .home_section7 h4{
            font-family: 'sf_compact_textheavy', sans-serif;
            color: var(--color08);
            margin-bottom:0;
            font-size:2rem;
        }
        .home_section7 p{
            margin:0;
        }


        /* Section 8 : Témoignages et articles */
        /* .home_section8-temoignages_intro p,
        .home_section8-temoignages_intro h2{
            margin-bottom:10px;
        } */

        .container2{
            max-width:1400px;
            margin:0 auto;
        }


        .container3{
            max-width:100%;
            padding:0 15px;
            margin:0 auto;
        }

        @media (min-width:1024px){
            .container3{
                padding:0 95px;
            }
        }

        /* Résumé témoignages */
        .conseiller_picture,
        .tease-mp_temoignages_picture{
            -webkit-box-shadow: inset 0px 0px 30px 0px rgba(0,0,0,0.07);
            -moz-box-shadow: inset 0px 0px 30px 0px rgba(0,0,0,0.07);
            box-shadow: inset 0px 0px 30px 0px rgba(0,0,0,0.07);

            /* background-image: url('../img/charte/temoignage.svg'); */
            background-size: 100% auto;
            border-radius:50%;
            overflow:hidden;
        }

        @media (max-width:768px){
            .conseiller_picture,
            .tease-mp_temoignages_picture{
                max-width: 50%;
            }
        }
        .conseiller_picture::before,
        .tease-mp_temoignages_picture::before{
            display:block;
            width:100%;
            padding-top:100%;
            content:"";
        }



        /* VAGUE */
        .op30{
            opacity: 0.3;
        }
        .vague-left {
            left: 0;
            top:-120%
        }
        .vague-bottom {
            right: 0;
            bottom:40px;
        }
        .hand-left{
            left: 0;
            bottom: -40%;
        }











    
/* ----------------------------
02 - Page Contact : page_contact
---------------------------- */  
        .contactForm{
            display: block!important;
        }

        .contactForm{
            position: relative;
            z-index: 1000;
            background-color: var(--color00);
            padding: 5rem;
            -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
            -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
            box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
        
        }

        @media (min-width:768px){
            .contactForm{
                margin-top: -20rem;
            }
        }

        .bloc-contact-conseiller{
            padding: 5rem 0;
        }
        

        .bloc-contact-conseiller .like-h4::after{
            background-color:var(--color00) !important;
        }
        .bloc-contact-conseiller .like-h4,
        .bloc-contact-conseiller .tel{
            color: var(--color00) !important;
        }

        #page_contact .carte{
            margin-top: -20rem;
            position: absolute;
            left: -25%;
            right: -25%;
            height: 400px;
            bottom: -70px;
            
        } 
        #page_contact .carte iframe{
            height: 100% !important;
            width: 100% !important;
        }
        #page_contact  #wrapper{
            overflow: hidden;
        }
        #page_contact  .bloc-texte-colonnes:first-child{
            padding-bottom: 200px;
        }
        

        /* Conseiller */

        .tease-mp_conseiller .description{
            font-size: 1.8rem;
        }


/* ACADEMY : PAGE ATTENTE */

        @media (min-width:1024px){
            .page-id-689  .content-picture{
                margin-top: -30vh;
            }
    
    
        }

        .page-id-689  .content-page{
            position: relative;
            z-index: 100;
            background-color: rgba(255,255,255,0.8);
        }
        .page-id-689  .content-page a.btn1{
            font-size: 1.4rem;
        }

        .page-id-689  .content-page a{
            text-decoration: none !important;
        }
        .page-id-689  .content-page p{
            font-size: 2rem;    
            color: var(--color02);
        }




/* ----------------------------
03 - Page Equipes
---------------------------- */ 

        #page_equipe .contenu-page-inte .SingleBloc:nth-child(odd){
            background-color: var(--color05);
        }

        #page_equipe .profil_picture::before{
            content: "";
            width: 100%;
            padding-top: 90%;
            display: block;
        }
        #page_equipe .SingleBloc:nth-child(odd) .profilContainer{
            background-color: var(--color00);
        }
        #page_equipe .SingleBloc:nth-child(even) .profilContainer{
            background-color: var(--color05);
        }


        #page_equipe .SingleBloc .profil:nth-child(1) .profilContainer{
            background-color: var(--color04);
        }
        #page_equipe .SingleBloc .profil:nth-child(1) .profilContainer .color02 *,
        #page_equipe .SingleBloc .profil:nth-child(1) .profilContainer .color02{
            color: var(--color00) !important;
        }


/* ----------------------------
04 - Page Qui sommes nous
---------------------------- */  
        #page_quisommesnous .section1_introText{
            background-color: rgba(255,255,255,0.6);
        }
        #page_quisommesnous .section1_content{
            height: 0;
            opacity: 0;
            overflow: hidden;
            transition: 0.2s;
            padding: 0;
        }
        #page_quisommesnous .section1.active .section1_content{
            height: auto;
            padding: 20px 0;
            opacity: 1;
        }

        #page_quisommesnous .section1_intro{
            display: flex;
            align-items: center;
            min-height: 60vh;
        }


/* ----------------------------
05 - Page emploi
---------------------------- */  
        


    .tease-mp_emploi{
        border-bottom: 1px solid var(--color02);
    }

    .jobList .SingleBloc:first-child .tease-mp_emploi{
        border-top: 1px solid var(--color02);
    }

    /* .candidature_spontanee form textarea,
    .candidature_spontanee form input[type="text"]{
        background-color: #fff;
    } */





/* ----------------------------
06 - Page Histoire
---------------------------- */  
    #page-histoire .date_annee{
        display: flex;
        align-items: center;
        position: relative;
        z-index: 1;
        min-width: 12%;
        text-align: right;
    }
    #page-histoire .dateItem{
        position: relative;
    }
    #page-histoire .datesList::after{
        display: block;
        position: absolute;
        left: 12.25%;
        height: 100%;
        top: 0;
        content: "";
        background-image: url('../img/charte/round.svg');
        background-repeat: repeat-y;
        background-size: 6px auto;
        width: 6px;
        z-index: 0;
    }

    @media (max-width:576px){
        #page-histoire .datesList::after{
            left: 2rem;
        }
    }
    #page-histoire .dateItem .round{
        display: block;
        width: 12px;
        position: relative;
        z-index: 100;
        height: 12px;
        border-radius: 50%;
        background-color: var(--color02);
    }
    #page-histoire .date_description{
        position: relative;
    }
    #page-histoire .date_description::before{
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent var(--color00);
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }

    @media (min-width:1024px){
        #page-histoire .date_picture {
            max-width: 40%;
        }
        #page-histoire .date_description{
            max-width: 30%;
        }
    }
    @media (min-width:768px){
        #page-histoire .date_picture {
            margin-left: -6px;
        }
        #page-histoire .date_description{
            margin-left: 20px;
        }

        #page-histoire .date_picture + .date_description{
            margin-left: -50px;
        }
    }
    @media (max-width:767px){
        #page-histoire  .date_picture +  .date_description{
            margin: -50px auto 0;
        }
        #page-histoire .date_description{
            margin: 0 auto ;
            max-width: 90%;
        }
    }

    #page-histoire .date_description p{
        margin: 0;
    }



/* ----------------------------
07 - Page Applications
---------------------------- */  

    .application_picture{
        max-width: 180px;
    }

    .applicationsApropos p,
    .applicationsApropos h2 {
        color: var(--color00);
    }



    .single-applicationsContact .btn{
        max-width: 50%;
    }
/* ----------------------------
08 - Page Bibliographie
---------------------------- */  
    .searchandfilter ul li::before{
        display: none;
    }
    .searchandfilter ul li *{
        min-height: 40px !important;
        width: 100%;
    }
    .searchandfilter ul li{
        margin: 0 0 10px !important;
        padding: 0 !important;
    }


/* 09 - page texte en bloc */

.modal.fade{
    display: none;
}



/* page ALLEMAGNE */

/* dental */
.page-id-4251 div.d-none.d-md-block.headertopBarNav.ml-auto > ul > li:nth-child(1),
.page-id-4251 div.d-none.d-md-block.headertopBarNav.ml-auto > ul > li:nth-child(2),
.page-id-4251 #footer,
.page-id-4251 .headertopBar li:nth-child(4),
.page-id-4251 #rightbarFixed,
.page-id-4251 .breadcrumb{
    display: none !important;
}
/* mydht */
.page-id-10659 div.d-none.d-md-block.headertopBarNav.ml-auto > ul > li:nth-child(1),
.page-id-10659 div.d-none.d-md-block.headertopBarNav.ml-auto > ul > li:nth-child(2),
.page-id-10659 #footer,
.page-id-10659 .headertopBar li:nth-child(4),
.page-id-10659 #rightbarFixed,
.page-id-10659 #access,
.page-id-10659 .breadcrumb{
    display: none !important;
}