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


    /* 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(--color04);
    }
    .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{
            height: 72vh;
            max-height: 680px;

        }

    }

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


        .sliderClassic .slick-dots {
            left: 50%;
            top: auto;
            transform: translateX(-50%);
            display: flex;
            align-items: center;
            flex-direction: row;
        }
        .home_section1 .bg-bleu-vague-2{
            padding: 0;
        }
    
    }

    /* Benefices */
            /* Small bénéfices */
            .home_section2-SlideBeneficesSmall p{
                margin: 0;
            }
            .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(--color02);
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
            }
            .slick-slide .number::before{
                font-size: 1.8rem;
                color: var(--color02);
                font-family: 'open_sansbold', sans-serif;
                display: block;
                counter-increment: numList;
                content: "N°" counter(numList);
        
            }



    .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);
    }

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

    .application_picture,
    .benefice_picture{
        border-radius: 50%;
        overflow: hidden;
        border:solid 10px var(--color04);
    }
    .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;
        }
        /* 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);
        }
        
 */

 		.home_section1-slider .btn5.btngradient {
		    margin: 3rem auto 0;
		}

        .tease-mp_faq-small {
            border-bottom: 1px solid var(--color02);
            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(--color04);
            }
        .home_section6-faq h3{
            color: var(--color04);
        }
        .home_section6-faq h3::after{
            background-color: var(--color04);
        }

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

        .home .shortproduct_title a.btn-small.btn-blue {
            margin: 2rem auto 1rem;
        }


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




.home_section2 {
    margin: -20rem 0 0;
}
@media screen and (max-width: 767px)  {
    .home_section2 {
        margin: 0;
    }
}
    .home_section1 .bg-bleu-vague-2 {
        padding: 0 0 15rem;
    }
   .home_section2:before {
        content: "";
        position: absolute; left: 0; top: 0;
        display: block;
        width: 20%; height: 100%;
        z-index: 2;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+50,ffffff+100&1+50,0+100 */
        background: -moz-linear-gradient(left,  rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
   } 
   .home_section2:after {
        content: "";
        position: absolute; right: 0; top: 0;
        display: block;
        width: 20%; height: 100%;
        z-index: 2;
        transform: rotate(180deg);
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+50,ffffff+100&1+50,0+100 */
        background: -moz-linear-gradient(left,  rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
   } 
        .home_section2 button.slick-arrow.slick-prev,
        .home_section2 button.slick-arrow.slick-next {
            left: 6rem; top: calc(50% - 20px); z-index: 3;
            width: 13px; height: 33px;
            background: url(../img/charte/arrow.svg) no-repeat scroll 50% transparent;
            transform: rotate(0deg);*
            opacity: 0.7;
            transition: .5s ease 0s;
        }
        .home_section2 button.slick-arrow.slick-next {
            left: inherit;
            right: 6rem;
            transform: rotate(180deg);
        }
        .home_section2 button:hover {
            transform: scale(1);
            opacity: 1;
        }

    .home_section2 .product-pack .article-content {
        box-shadow: 0 0 40px rgba(0,0,0,.1);
    }


.home_section3 div {
    width: 53rem;
    margin: 4rem auto 7rem;
    display: flex;
    justify-content: space-around;
    background: var(--color00);
    box-shadow: 0 0 40px rgba(0,0,0,.1);
    border-radius: 1.5rem;
    padding: 1rem 2rem;
}
@media screen and (max-width: 575px) {
    .home_section3 div {
        flex-wrap: wrap;
        width: 90%;
        flex-direction: column;
        align-items: center;
    }
}
    .home_section3 div a {
        padding: 1rem 2rem;
        border-radius: .5rem;
    }
        .home_section3 div span {
            text-transform: uppercase;
            display: flex;
            align-items: center;
            font-family: 'sf_compact_textheavy', sans-serif;
            font-size: 1.8rem;
            letter-spacing: 1px;
        }
            .home_section3 div img {
                display: inline-block;
                margin: 0 .75rem;
            }

    .home_section4 {
        position: relative;
        padding: .5rem 0 0;
        overflow: hidden;
    }
        .home_section4:after {
            content: url(../img/charte/bg-section-home.png);
            display: block;
            position: absolute;
            left: -45rem;
            top: 28%;
        }
        .home_section4 h2 strong {
            color: var(--color02);
        }
        .home_section4 article img {
            margin: 0 auto;
        }
        /* body:not(.single-product) .single_add_to_cart_button {
            background: url(../img/charte/icon-cart-white.svg) no-repeat scroll 50% var(--color04);
            color: transparent;
            text-indent: -9999rem;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            bottom: -.5rem;
            left: calc(50% - 2.5rem);
            width: 5rem;
            height: 5rem;
            border: none;
            cursor: pointer;
            transform: scale(.9);
            transition: .5s ease 0s;
        } */
            article:hover .single_add_to_cart_button {
                transform: scale(1);
            }


    .filtre {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    @media screen and (max-width: 575px) {
        .filtre {
            flex-wrap: wrap;
        } 
        .filtre div {
            margin: 1rem 0 0;
            flex: 0 0 100%;
        }    
    }
        .filtre div {
            background: var(--color00);
            box-shadow: 0 0 31px rgba(0,0,0,.1);
            padding: 1rem;
            border-radius: 1rem;
            margin: 0 2rem;
        }
            .filtre span {
                border: 1px solid var(--color03);
                color: var(--color03);
                text-transform: uppercase;
                padding: .5rem 1.5rem;
                border-radius: .5rem;
                position: relative;
                display: block;
                text-align: center;
                font-size: 1.3rem;
                font-family: 'open_sansbold', sans-serif;
                cursor: pointer;
            }
            .filtre span:after {
                content: url(../img/charte/arrow-filter.svg);
                display: block;
                width: 2rem;
                background-color: var(--color00);
                position: absolute;
                bottom: -1rem;
                left: 50%;
                transform: translateX(-50%);
            }
            .filtre ul.noBefore {
                text-align: center;
                margin: 1.5rem 0;
                display: none;
            }
                div:not(.noBefore) .filtre ul li{
                    padding: .5rem 0;
                }
                    #wrapperInner .filtre ul li a:not([class*="btn-"]) {
                        text-decoration: none;
                    }


.home .resume_article .description {
    display: none;
    visibility: hidden;
}
.home .resume_article .shortproduct_title > .price {
    margin: 0 auto .5rem;
}

    
/* ----------------------------
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 - Résultat de recherche
---------------------------- */  
    .search-results .content-search,
    .search-no-results .content-search,
    .search-results h1,
    .search-no-results h1 {
        position: relative;
        width: 1240px;
        margin: 0 auto;
        max-width: calc(100% - 3rem);
    }
    .search-results #wrapperInner:before,
    .search-no-results #wrapperInner:before {
        content: url(../img/charte/vague-left.svg);
        position: absolute;
        left: 0; bottom: 0;
    }
    
    .content-search ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -1.5rem;
    }
        div:not(.noBefore) .content-search li {
            flex: 0 0 25%;
            padding: 1.5rem;
        }
        @media screen and (max-width: 1024px) {
            div:not(.noBefore) .content-search li {
                flex: 0 0 33.33%;
            }
        }
        @media screen and (max-width: 800px) {
            div:not(.noBefore) .content-search li {
                flex: 0 0 50%;
            }
        }
        @media screen and (max-width: 575px) {
            div:not(.noBefore) .content-search li {
                flex: 0 0 100%;
            }
        }
            .content-search .product-content {
                min-height: 42rem;
                display: flex;
                flex-direction: column;
                justify-content: center;
                transform: scale(.98);
                transition: .5s ease 0s;
            }
            .content-search .product-content:hover {
                transform: scale(1);
            }
                .content-search .shortproduct_picture {
                    position: relative;
                }
                .content-search .shortproduct_picture::before{
                    display: block;
                    width: 100%;
                    padding-top: 100%;
                    content: "";
                }
                .content-search .shortproduct_picture a{
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
                .content-search .shortproduct_picture a img{
                    max-height: 100%;
                }
                .content-search h3 {
                    color: var(--color02);
                    font-size: 1.6rem;
                }
                    .content-search h3 span {
                        display: block;
                        font-size: 1.8rem;
                        margin: 1rem 0;
                    }
                        .content-search h3 span small {
                            color: var(--color04);
                        }


    .search-no-results .headerPage {
        display: none;
        visibility: hidden;
    }
    .search-no-results #contents {
        padding: 5rem 0 15rem;
    }
        .content-search .description-cat a {
            color: var(--color02);
        }
        .productDetail-section4 h2{
            color: var(--color02);
        }



/* ----------------------------
10 - Contact
---------------------------- */
#distributore-listing .btn1:hover {
    background-color: #0d8cab;
    transition: .5s ease 0s;
}  
    #distributore-listing .btn1:hover::before {
        --size: 0;
    }




    /* page d'attente */


    /* ehsop */
.page-id-4163 div.d-none.d-md-block.headertopBarNav.ml-auto > ul > li:nth-child(1),
.page-id-4163 div.d-none.d-md-block.headertopBarNav.ml-auto > ul > li:nth-child(2),
.page-id-4163 #footer,
.page-id-4163 .headertopBar li:nth-child(4),
.page-id-4163 #rightbarFixed,
.page-id-4163 #access,
.page-id-4163 .search-form,
.page-id-4163 .btn-search,
.page-id-4163 .btn-cart, 
.page-id-4163 .btn-account
{
    display: none !important;
}
.page-id-4163 .left-header{
    opacity: 0;
}