/*
 Theme Name:     Nova-Boost
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Thème développé pour Nova-boost / Axamed-lab
 Text Domain:    novaboost
 Author:         Jérôme Desbordes
 Author URI:     https://webmaster-freelance.com
 Template:       Divi
 Version:        2.1.8
*/
 
 
/*
* HELPER
*/
.mt5{margin-top: 5px !important;}
.mt15{margin-top: 15px !important;}
.mt30{margin-top: 30px !important;}
.mt50{margin-top: 50px !important;}
.mt100{margin-top: 100px !important;}

.mr10{margin-right: 10px !important;}

.mbMoins10{margin-bottom: -10px;}
.mbMoins20{margin-bottom: -20px;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.mb50{margin-bottom: 50px !important;}
.mb80{margin-bottom: 80px !important;}

.ml10{margin-left: 10px !important;}
.ml20{margin-left: 20px !important;}
.ml30{margin-left: 30px !important;}

.pr10{padding-right: 10px !important;}

.pb3{padding-bottom: 3px !important;}

.pl8{padding-left: 8px !important;}
.pl10{padding-left: 10px !important;}
.pl30{padding-left: 30px !important;}

.pr8{padding-right: 8px !important;}
.pr30{padding-right: 30px !important;}

.fs32{font-size: 32px !important;}

.mobOnly{display: none;}
@media screen and ( min-width: 981px ) {
    .mobOnly{display: inherit;}
}


.inlineBl{display: inline-block;}
.centre{text-align: center;}

h1 {font-size: 35px ; line-height: 1.2em !important; color: black !important;}
h2 {font-size: 25px ; line-height: 1.2em !important; color : #1a2c5e !important; }
h3 {font-family: 'Roboto', sans-serif !important; font-size: 22px !important; line-height: 26px !important; color : #1a2c5e !important; }
h4 {font-family: 'Roboto', sans-serif !important; font-size: 20px !important; line-height: 24px !important; color : #1a2c5e !important; }
h1.entry-title{color : #1a2c5e !important;}

@media screen (max-width:  981) and ( min-width: 1300px ) {
    h1 {font-size: 40px ; color: black !important;}
    h2 {font-size: 30px ; line-height: 1.2em !important; color : #1a2c5e !important; }
    h3 {font-family: 'Roboto', sans-serif !important; font-size: 22px !important; line-height: 26px !important; color : #1a2c5e !important; }
    h4 {font-family: 'Roboto', sans-serif !important; font-size: 20px !important; line-height: 24px !important; color : #1a2c5e !important; }
}


@media screen ( min-width: 1301px ) {
    h1 {font-size: 55px; color: black !important;}
    h2 {font-size: 40px ; line-height: 1.2em !important; color : #1a2c5e !important; }
    h3 {font-family: 'Roboto', sans-serif !important; font-size: 22px !important; line-height: 26px !important; color : #1a2c5e !important; }
    h4 {font-family: 'Roboto', sans-serif !important; font-size: 20px !important; line-height: 24px !important; color : #1a2c5e !important; }
}


.texteBleu{ color: #1a2c5e !important;} 
.LienRose a, .LienRose, .breadCrumbs a.LienRose{  color: #e6007e !important;}

.heightAuto{
    height: auto !important;
}
.btnNB{
font-family: 'Roboto', sans-serif !important;
    font-size: 13px !important;
    text-transform: uppercase;
    transition: all 300ms ease 0ms;
    padding: 12px 7px;
    letter-spacing: 0.1em;
    font-weight: 500;
}

.btnNB-rose{
    border:  1px solid #e6007e;
    color: #e6007e;
    background-color: white;
}
.btnNB-blancSurRose{
    border:  1px solid #e6007e;
    color: white;
    background-color: #e6007e;   
}
.btnNB-roseSurTransp{
    border:  1px solid #e6007e;
    color:#e6007e;
    background-color: transparent;     
}

.mailpoet_submit{
    border:  1px solid #e6007e;
    color: white !important;
    background-color: #e6007e;
}

.mailpoet_submit:hover{
    border:  1px solid #e6007e !important;
    color: #e6007e !important;
    background-color: transparent;    
    transition: all 300ms ease 0ms;
}

.brave_popup .mailpoet_submit{
    border:  1px solid white !important;
    color: white !important;
    background-color: #e6007e;
}
.brave_popup .mailpoet_submit:hover{
    border:  1px solid white !important;
    color: #e6007e !important;
    background-color: white;    
    transition: all 300ms ease 0ms;
}

.btnNB-blancSurRose:hover{
    border:  1px solid #e6007e;
    color: #e6007e;
    background-color: white;  
}
.btnNB-rose:hover{
    border:  1px solid #e6007e;
    color: white;
    background-color: #e6007e;
    transition: all 300ms ease 0ms;
}

.btnNB-bleu{
    border:  1px solid #1a2c5e;
    color: #1a2c5e;
    background-color: transparent;    
}
.btnNB-bleu:hover{
    border:  1px solid #1a2c5e;
    color: white;
    background-color: #1a2c5e;
    transition: all 300ms ease 0ms;
}


.btnNBrosePanier{
    border:  1px solid #e6007e;
    color: white;
    background-color: #e6007e;
}
.btnNBrosePanier:hover{
    border:  1px solid #e6007e;
    color: #e6007e;
    background-color: transparent;
    transition: all 300ms ease 0ms;
}



.btnNB-transp{
    border:  1px solid #FFFFFF;
    color: #FFFFFF;
    background-color: transparent;    
}
.btnNB-transp:hover{
    border:  1px solid white !important;
    color: white !important;
    background-color: #e6007e !important;
    transition: all 300ms ease 0ms;
}

.dataSlid .btnNB, .dataVitamine .btnNB{
font-family: 'Roboto', sans-serif !important;
    font-size: 20px !important;
    text-transform: uppercase;
    transition: all 300ms ease 0ms;
    padding: 12px 36px;
    letter-spacing: 0.1em;
    font-weight: 500;
}

.dataSlid .btnNB-rose, .dataVitamine .btnNB-rose{
    border:  1px solid white !important;
    color: white !important;
    background-color: #e6007e !important;
}


.dataSlid .btnNB-rose:hover {
    border:  1px solid #FFFFFF !important;
    color: #FFFFFF !important;
    background-color: transparent !important;
    transition: all 300ms ease 0ms;
}
.btnNB-roseSurTransparent,
 .dataVitamine .btnNB-rose:hover {
    border:  1px solid #e6007e !important;
}
 .dataVitamine .btnNB-roseSurTransparent:hover 
{
    border:  1px solid #e6007e !important;
    color: white !important;
    background-color: #e6007e !important;
}    

.dataVitamine .btnNB-rose:hover{
    border:  1px solid #e6007e !important;
    background-color: white !important;
    color: #e6007e !important;
} 

@media screen and ( max-width: 980px ) {
    .inverse {
        display: flex;
        flex-direction: column-reverse;
    }
}

/*
* MENUS

colDroite = menuIconeDroit + aws_search_form + gtranslate

*/

#colDroite{
    display: flex;
    justify-content: flex-end;
}

#colDroite #menuIconeDroit{
   
}

#colDroite #aws_search_form{
    margin-left: 10px !important;
    margin-top: -25px !important;
}

#colDroite #gtranslate{
    margin-left: 10px !important;
    margin-top: 20px !important;
}


select#gtranslate_selector{
    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
    color: #1a2c5e;
    border: 1px solid #1a2c5e;
}

/*
#menuIconeDroit .et_pb_menu__wrap{
   /* justify-content: flex-end !important;*/
   margin-right: 10px !important;
}

#TripleZoneTop div .aws-container {
    float: left;
    margin-left: 5px !important;
    margin-top: -20px !important;
    margin-right: 20px !important;
}
*/
#et-boc .aws-container .aws-search-field {
    border: 1px solid #d8d8d8;
    padding: 1px 15px;
}

.aws-container .aws-search-field {
    height: auto !important;
    color: #1a2c5e !important;
    border:  1px solid #1a2c5e !important;
}


a.glink.nturl.notranslate {
    margin-top: -40px !important;
    display: inline-block;
    margin-left: 3px;
    vertical-align: middle;
}

#faireDuBien h3{
    font-size: 11px !important;
    padding-bottom: 0 !important;
}

.et_pb_row.et_pb_row_2_tb_header.et_pb_row--with-menu,
.et_pb_row.et_pb_row_2_tb_header.et_pb_row--with-menu .et_pb_column {
    z-index: auto !important;
}


.iconeMenu{
    width: 20px;
    height: auto;
}

@media screen and (max-width: 767px){
.wpmenucart-floating-cart.floating-circle.top-right {
    top: 20px !important;
    left: 20px !important;
}
}
a.wpmenucart-contents i {
    font-size: 20px;
    color: #1a2c5e !important;
}

li.wpmenucartli:hover ul.wpmenucart{
   display:block;
}

#TripleZoneTop div{margin: 0 !important;}
#TripleZoneTop div.et_pb_column.et_pb_column_1_3.et_pb_column_1_tb_header,
#TripleZoneTop div.et_pb_column.et_pb_column_1_3.et_pb_column_3_tb_header{
    width: 42% !important;
    padding-top: 40px;
}
#TripleZoneTop div.et_pb_column.et_pb_column_1_3.et_pb_column_2_tb_header{
    width: 15% !important;
}
#TripleZoneTop div.et_pb_column.et_pb_column_1_3.et_pb_column_2_tb_header .et_pb_image{
    margin: 0 auto !important;
    text-align: center;
}


#menu-menugauche li  a, 
#menu-menudroite li a{
    color: #1a2c5e !important;
    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 300;
    /*text-transform: uppercase;*/
    font-size: 14px;
}

#menu-menudroite li{
    margin-top: 0 !important;
}


#menu-menugauche li.current-menu-item  a, 
#menu-menudroite li.current-menu-item  a{
    color: #e6007e !important;
}

#LeMenuprincipal nav ul li a {
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    color: #1a2c5e !important;
}

#ligne7Pictos{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

#ligne7Pictos div {
    width: 75px;
    margin: 0 10px;
}

#ligne7Pictos div h3{
    text-align: center;
    font-size: 12px !important;
    line-height: 1.1em !important;
    font-family: 'Roboto', sans-serif;
    color: black;
    font-weight: 400;
    margin-top: 10px;
}

.divimegapro a{
    display: block;
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    color: #1a2c5e !important;
    
}

.divimegapro a:first-letter{
    text-transform: uppercase;
}

/*
* FOOTER

colProduit - colNousTrouver

*/
#ligne3PictosCommerce .et_pb_column {width: 50% !important;}
#ligne3PictosCommerce .et_pb_column h4 {font-size: 16px}
#ligne3PictosCommerce .et_pb_column h4 span{font-size: 14px}
#colProduit { margin:  0 !important;}
#nousSuivre h3{font-size: 18px !important;}

@media screen and (min-width: 481px) {
    #ligne3PictosCommerce .et_pb_column h4 {font-size: inherit;}
    #ligne3PictosCommerce .et_pb_column h4 span{font-size: inherit;}    
}

@media screen and (min-width: 981px) {
    #nousSuivre h3{font-size: 22px !important;}
    #colProduit { margin:  0 0 0 30px !important;}
    #ligne3PictosCommerce .et_pb_column {width: 25% !important;}
}


#footerBleu a,
#sb_instagram .sbi_follow_btn a {
    color:  white !important;
}


#sinscrire h3{
    font-size: 28px !important;
}

#mailpoet_form_1 input.mailpoet_text {
    border:  1px solid #1a2c5e !important;
}

#mailpoet_form_1 ::placeholder {
  color: #1a2c5e !important;
}

#mailpoet_form_1 .parsley-custom-error-message {
    color: #e6007e !important;
}
@media screen and (max-width: 980px) {
    #ligne3PictosCommerce .et_pb_main_blurb_image {margin-bottom: 5px ;}
}



#ligne4ColsMenuFooter h3, #ligne4ColsMenuFooter h3 a{
    padding-bottom: 3px !important;
    padding-top: 3px !important;
    font-size: 14px !important;
}

@media screen and (min-width: 480px) {
    #ligne4ColsMenuFooter h3, #ligne4ColsMenuFooter h3 a{
        padding-bottom: 5px !important;
        padding-top: 5px !important;
        font-size: 18px !important;
    }
}


#ligne4ColsMenuFooter p, #ligne4ColsMenuFooter p a{
    padding-bottom: 5px !important;
}

#ligne2Cols_RS_Footer{}

#footerBleu a, #colophon a  {
    color: white;
    text-decoration: none;
}
#colophon a  {
    margin-left: 30px;
    text-transform: uppercase;
}

#RsFooter ul {
    display: flex;
    list-style-type: none;
    justify-content: flex-start;
    padding: 0;
}

#RsFooter img {
    width: 25px;
    margin-right: 5px;
}

#TitreMobile h1{
    color: #1a2c5e !important;
}
@media screen and (max-width: 479px) {
    #footerCol1{margin-bottom: 0 !important;}
}

/*
* HOME
*/

/*Slid*/

/*
Gestion des hauteur des bloc du slide mobile
0 -> 450
451 -> 650
651 -> 980
*/

#SlideHeaderMob .dataSlid h3{ font-size: 28px !important; line-height: 1.2em !important; }

#SlideHeaderMob .uneDiapo .boiteABouton {height: 184px;}

@media screen and (max-width: 450px) {
    #SlideHeaderMob .uneDiapo .dataSlid{height: 350px;}
    #SlideHeaderMob .dataSlid h2{ font-size: 40px !important;  line-height: 1.2em !important;}
}
@media screen and (min-width: 450px) and (max-width: 650px) {
    #SlideHeaderMob .uneDiapo .dataSlid{height: 325px;}
    #SlideHeaderMob .dataSlid h2{ font-size: 40px !important;  line-height: 1.2em !important;}
}
@media screen and (min-width: 651px)  {
    #SlideHeaderMob .uneDiapo .dataSlid{height: 300px;}
    #SlideHeaderMob .dataSlid h2{ font-size: 50px !important;  line-height: 1.2em !important;}
}


#flagSingleproduit.blocFlag{
    position: relative !important;
}

.BlocHaut{
    position: relative;
}
.blocFlag{
    position: absolute;
    top: 0px;
    left: 5px;
}
.blocFlag span{
    display: inline-block;
    color:  white;
    padding: 0 5px;
    margin-right: 10px ;
    margin-bottom: 10px;
    font-size: 12px;
    font-family: 'Baloo 2',display  !important;

}

span.best_seller{background-color: red;}
span.nouveaute{background-color: #1A2C5E;}
span.produit_de_mois{background-color: orange;}
span.coup_de_coeur{background-color: pink;}


.OLD #SlideHeaderMob .uneDiapo{
    height: 600px;
}

#SlideEffervescetsMob.flexslider .uneDiapo, 
#SlideEffervescetsMob.flexslider .uneDiapo .dataSlid{
    position:  relative;
    background-color: #ececec !important;
}
#SlideEffervescetsMob.flexslider .uneDiapo .dataSlid .chapo{
    font-family: 'Roboto', sans-serif !important;
    font-size: 28px;
    /*color: #21982d !important;*/
    font-weight: 400 !important;
    padding-bottom: 5px;
}
#SlideEffervescetsMob.flexslider .uneDiapo .dataSlid h2{
    font-size: 74px !important;;
    font-family: 'Baloo 2',display  !important;
    /*color: #ff8100 !important;*/
    line-height: 1em !important;
    margin-top: 10px;
    word-break: normal;
    min-height: 235px;
}
#SlideEffervescetsMob.flexslider .uneDiapo .dataSlid h3{
    font-size: 28px !important;;
    font-family: 'Roboto', sans-serif !important;
    color: #ff8100 !important;
    line-height: 1em !important;
    margin: 20px 0 0 0;
    font-weight: bold !important;
}
#SlideEffervescetsMob.flexslider .uneDiapo .dataSlid p.argumentaire_slide_effervescent{
    font-size: 30px !important;;
    font-family: 'Baloo 2',display  !important;
    color: #21982d !important;
    line-height: 0.5em !important;
    margin-top: 20px;
    font-weight: 600;
    min-height: 75px;
}
#SlideHeaderMob .slides .dataSlid{
    padding: 30px 10px 10px 50px !important;
    position:relative;
    width: 100% !important;
}




#SlideHeaderMob .dataSlid p{
    color: white !important;
    font-size:  20px !important;
    line-height: 1.2em !important;
    font-weight: 400 !important;
}

#SlideHeaderMob.flexslider .chapo{
    font-family: 'Roboto', sans-serif !important;
    font-size: 30px;
    font-weight: 400!important;
}
#SlideHeaderMob .boiteABouton,
#SlideEffervescetsMob .boiteABouton
{
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#SlideHeaderMob .boiteABouton a,
#SlideEffervescetsMob .boiteABouton a{
    margin: 15px 0 !important;
    font-size: 20px !important;
    font-weight: 400 !important;
}
/*
#SlideHeaderMob .boiteABouton a.ml30 {
  margin-left: inherit;
}

*/
.flexslider .uneDiapo{
    position:  relative;
}

.flexslider .chapo{
    font-family: 'Roboto', sans-serif !important;
    font-size: 20px;
    font-weight: 400!important;
    /*margin-bottom: -60px !important;*/
}

.dataSlid{
    position: absolute;
    top: 0;
    left: 0;
    padding: 100px 0 50px 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

@media screen and (min-width: 800px) and (max-width: 1000px) {
    .dataSlid{
    padding: 30px 0 30px 30px;
    width: 80%;
    }
    .dataSlid h2{
        font-size:  48px !important;
        line-height: 1em !important;
    }
    .dataSlid h3{
        font-size:  28px !important;
        line-height: 1.2em !important;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1500px) {
    .dataSlid{
    padding: 50px 0 50px 50px;
    width: 80%;
    }
    .dataSlid h2{
        font-size:  56px !important;
        line-height: 1em !important;
    }
    .dataSlid h3{
        font-size:  32px !important;
        line-height: 1.2em !important;
    }
}

@media screen and (min-width: 1500px) {
    .dataSlid{
    padding: 100px 0 100px 90px;
    width: 50%;
    }
.dataSlid h2{
    font-size:  74px !important;
    line-height: 1em !important;
}
.dataSlid h3{
    font-size:  36px !important;
    line-height: 1.2em !important;
}

}

.dataSlid h2, .dataSlid *, .dataSlid h3{
    color: white !important;
}

.dataSlid h2{
    font-size:  74px;
    line-height: 1em !important;
}
.dataSlid h3{
    font-size:  36px;
    line-height: 1.2em !important;
}



.fondSlide {max-width: 100%;}

.titreRubrique h2{
    font-size: 30px;
}

ul.slides, ul.slidesSlid{
    padding-left: 0 !important;
}
ul.flex-direction-nav {
    list-style-type: none;
}

.flex-direction-nav a {
top:  35% !important;
overflow: visible !important;
}

.produitMetaData{
    text-align: center;
    color: #1A2C5E !important;
    height: 145px !important;
}
.contenanceCarrousel{
    padding-bottom: 0 !important;
}
p.prixCarrousel {
    font-size: 16px !important;
}
h3.titreCarrousel, .prixCarrousel, .contenanceCarrousel{
    font-family: 'Roboto', sans-serif !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    color: #1a2c5e !important;
    text-align: center !important;
    line-height: 1.5em !important;
}

h3.titreCarrousel, .prixCarrousel {
    font-weight: 700 !important;
}
.prixCarrousel,{
    font-size: 16px !important;
}






/*Slide effervescent*/
.uneEff{
    width: 100%;
    background-size: cover;
    background-color: white;
    display: flex;
    justify-content: flex-end;
    position: relative;
}


.uneEff .dataVitamine .besoins{
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px !important;
    text-transform: uppercase;
    font-weight: 400;
    color: #1a2c5e;
}

.titre_slide_effervescent{
    font-family: 'Roboto', sans-serif !important;
    color: #21982d;
    font-size: 20px;
    font-weight: 400!important;
}

.uneEff .dataVitamine .composition_slide_effervescent{
    color: #ff8100 !important;   
    font-family: 'Roboto', sans-serif !important;
    font-size: 36px !important;
    text-transform: uppercase;
    padding: 50px 0 10px 0;
    }

.uneEff .dataVitamine .contenance{
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400;
    color: #1a2c5e;
    padding-bottom: 0 !important;
}
.uneEff .dataVitamine .prixVitamine{
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px !important;
    font-weight: bold;
    color: #1a2c5e;
    padding-bottom: 0 !important;
}
.uneEff .dataVitamine ul li{
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400;
    color: #1a2c5e;
    line-height: 1.5em !important;
}

/*mobilefirst*/
.uneEff .dataVitamine{
    max-width: 48%;
    padding: 40px 0 5px 0;
    position: absolute;
    
}

.uneEff .dataVitamine h3{
    font-size: 40px !important;;
    font-family: 'Baloo 2',display  !important;
    color: #ff8100 !important;
    line-height: 1em !important;
    min-height: 50px;
}


.uneEff .dataVitamine .argumentaire_slide_effervescent{
    font-family: 'Baloo 2',display  !important;
    color: #21982d !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    padding-right: 15px;
    line-height: 0.7em;
    min-height: 105px;
    /*margin-bottom: 5px;*/
}


@media screen and (min-width: 1220px) and (max-width: 1499px){
    .uneEff .dataVitamine{
        max-width: 38%;
        padding: 40px 5px 0 0;
        position: absolute;
     
    }   
    .uneEff .dataVitamine h3{
        font-size: 50px !important;;
        font-family: 'Baloo 2',display  !important;
        color: #ff8100 !important;
        line-height: 1em !important;
        min-height: 125px;
    }

    .uneEff .dataVitamine .argumentaire_slide_effervescent{
        font-family: 'Baloo 2',display  !important;
        color: #21982d !important;
        font-size: 24px !important;
        font-weight: 600 !important;
        padding-right: 15px;
        line-height: 0.7em;
        min-height: 130px;
        margin-bottom: 15px;
    }
}

@media screen and (min-width: 1500px) {
    .uneEff .dataVitamine{
        max-width: 38%;
        padding: 40px 5px 0 0;
        position: absolute;
        margin-right: 2%;
    }  

    .uneEff .dataVitamine h3{
        font-size: 60px !important;;
        font-family: 'Baloo 2',display  !important;
        color: #ff8100 !important;
        line-height: 1em !important;
        min-height: 125px;
        margin-bottom: 15px;
    }
    .uneEff .dataVitamine .argumentaire_slide_effervescent{
        font-family: 'Baloo 2',display  !important;
        color: #21982d !important;
        font-size: 24px !important;
        font-weight: 600 !important;
        padding-right: 15px;
        line-height: 0.7em;
        min-height: 130px;
        margin-bottom: 45px;
    }
}
/*
* LABORATOIRE
*/

#laboratoireColGauche div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

#laboratoireColGauche div h1{
    font-size: 3vw !important;
    line-height: 5vw !important;
}


.bandeauCentral h2{
    font-size: 48px !important;
    line-height: 1.1em !important;
}
.arguments h3 {color:  #41BBC9 !important; }
#visionInternationnale .et_pb_text_inner h3 {color:  #41BBC9 !important; font-family: 'Baloo 2',display !important;}
/*
* NOS PRODUITS
*/


.VerticalCentre{
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    height: 100%;
}
.VerticalCentre h1{
    font-size: 70px !important;
}
@media screen and (min-width: 980px) AND (max-width: 1550px){
    .VerticalCentre.grosTitre h1{
        font-size: 40px !important;
    }
}

#LaBoutique, #lesIngredients{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.unIngredient{width: 180px;margin:  0 10px 20px 10px;}

@media screen and (min-width: 978px){
    .unIngredient{width: 180px;margin:  0 50px 20px 50px;}
}

.unProduitBoutique{width: 180px;margin:  0 50px}

.unProduitBoutique .produitMetaData {height: 145px !important;}

.unProduitBoutique  h3.titreCarrousel{font-size: 15px !important;}

.unProduitBoutique .besoins, 
.produitMetaData .besoins{
    text-transform: uppercase !important;
    margin-bottom: 10px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    min-height: 42px !important;
    line-height:  1.3em !important;
}



.boutonListingVoir{
    text-align: center;
}

/*
* NOUS TROUVER
*/



/*
* NOUS contacter / REVENDEUR
*/

/* sous 500px on utilise 1 colonne */
@media screen and (max-width: 500px){

    .wpcf7 .demie{
        display: inherit;
    }
    .wpcf7 .demie label{
        font-size: 14px !important;
        color: #1a2c5e !important;
    }

    .wpcf7 .demie label:first-child{
        margin-right: inherit;
    }

    .wpcf7 .demie label:last-child{
        margin-left: inherit;
    }

    .wpcf7 label{
        font-size: 14px !important;
        color: #1a2c5e !important;
        width: 100%;
    }
}

/*A partir de 500px on utilise 2 colonnes*/
@media screen and (min-width: 500px){

    .wpcf7 .demie{
        display: flex;
    }
    .wpcf7 .demie label{
        font-size: 14px !important;
        color: #1a2c5e !important;
        flex-grow: 1;
    }

    .wpcf7 .demie label:first-child{
        margin-right: 5px;
    }

    .wpcf7 .demie label:last-child{
        margin-left: 5px;
    }

    .wpcf7 label{
        font-size: 14px !important;
        color: #1a2c5e !important;
        width: 100%;
    }
}


.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7  textarea {
    width: 100% !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    color: #1a2c5e !important;
    padding: 10px;
    background-color: #F0F5F5 !important;
    border: none !important;
    margin-bottom: 25px !important;
}
.wpcf7 input[type=submit]{

}

/*
* FAQ
*/

.page-id-2698 #blocBlancFAQ .et_pb_column_0{
    background-color: white !important;
    background-image: none !important;
}

div#ongletsFaq .et_pb_column{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}
div#ongletsFaq .et_pb_column div {
    flex-grow: 1;
}

.faq-item:hover {
    background-color: #e6007e;
    transition: all 300ms ease 0ms;    
}

#ongletsFaq .faq-item:hover h3 {
    color: white !important;
    transition: all 300ms ease 0ms;    
}


#ongletsFaq h3{font-weight: 300 !important; color: #e6007e !important; font-size: 16px !important; transition: all 300ms ease 0ms;}

#ongletsFaq .uneLigne h3{font-size: 16px !important; margin: 14px auto 3px auto;}
#ongletsFaq .deuxLignes h3{font-size: 14px !important;}


/*
* archive ingredients
*/

#lesIngredients{
    justify-content: center;
}
.unIngredient img{
    border-radius: 50%; border: 1px solid #cccccc;
}

.IngredientMetadata{
    min-height: 54px;
    margin-top: 20px;
}

.titreIngredient, .texteIngredient{
    text-align: center;
    text-transform: uppercase;
}

/*
* single ingredient
*/

.ingredientColDroite .titre{float: left; margin-right: 15px;}

p.latin {
    color: #1A2C5E;
    text-transform: uppercase;
    font-size: 25px;
    margin: 5px 0 45px 0;
}

.bloc1{
    margin-bottom: 35px;
}

.bloc1, .ficheIngredient{
    color: #000000;
}

.ficheIngredient{
    padding: 10px 0;
}

.ficheIngredient span{
    font-family: 'Roboto', sans-serif !important;
    font-weight: bold;
    text-transform: uppercase;
}

#bienfait{
    padding-top: 100px;
    text-align: center;
}

#bienfait .et_pb_text_inner{
    text-align: center; 
    text-transform: uppercase;
    color: #1A2C5E;
}

#bienfait .et_pb_text_inner p{
    letter-spacing: 0.15em; 
}

/*
* FICHE PRODUIT
*/

.breadCrumbs, .breadCrumbs a {
    font-family: 'Roboto', sans-serif !important;
    color:  #1A2C5E !important;
    font-weight: 100;
    text-transform: uppercase;
}

#nomProduit h2{font-size: 36px !important;}

#besoinsProduit, #besoinsProduit a, #argumentaireProduit,#contenanceProduit {
    font-family: 'Roboto', sans-serif !important;
    color:  #1A2C5E;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}

#argumentaireProduit .et_pb_text_inner{text-align: left;}

#contenanceProduit {
    text-transform: inherit !important;
    margin-bottom: 10px;
}

#arome .et_pb_text_inner{
    color:  white;
    font-size: 16px;
    background-color: #1a2c5e;
    display: inline-block;
    padding: 10px 30px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: bold;
}

#flagEnfant .et_pb_text_inner{
    color:  white;
    font-size: 16px;
    background-color: #e6007e;
    display: inline-block;
    padding: 10px 30px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: bold;
    margin-top: -10px;
}

#prixETlots{
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}
.zonePrix{
    border: 1px solid #ccc;
    width: 100px;
    text-align: center;
    color:  #1A2C5E;
    font-size: 18px;
    padding: 10px;
    margin-right: 15px;
    margin-bottom: 15px;
    min-height: 95px;
    }

.zonePrix:hover, .flagArg:hover{
    border: 1px solid #1A2C5E;
    }

.zonePrix .qte {padding-bottom: 2px; font-weight: 400;}
.zonePrix .prixVitamine{font-weight: bold;padding-bottom: 3px;}

.zonePrix  .prixVitamine.prixBarre {
    color: #e6007e;
    text-decoration: line-through;
    text-decoration-style: double;
    padding-bottom: 5px !important;
}

.flagArg {
    background-color: #E6007D;
    color: white;
    width: 80px;
    font-family: 'Roboto', sans-serif !important;
    text-align: center;
    padding: 5px;
    margin-top: -30px;
    margin-left: 10px;
    height: 55px;
    border: 1px solid #e6007d;
}
button.single_add_to_cart_button.button{
    width: 100% !important;
}

#listeDescriptive{}

#propriete_conseil_ingredient ul.et_pb_tabs_controls,
#propriete_conseil_ingredient.et_pb_tabs ul.et_pb_tabs_controls{
        background-color: white !important;
}

#propriete_conseil_ingredient.et_pb_module.et_pb_tabs.et_pb_tabs_0_tb_body  ul.et_pb_tabs_controls li a {
    padding: 4px 25px;
}
OLD.et_pb_tabs_controls  li a {
    padding: 4px 25px;
}

#propriete_conseil_ingredient ul.et_pb_tabs_controls:after{
    border: none !important;
}

#propriete_conseil_ingredient .et_pb_tab_content{
     color:  #1A2C5E !important;
}


ul.slidesBloc {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    justify-content: center;
    flex-wrap: wrap;
}

ul.slidesBloc li{
    width: 180px;
    margin: 0 50px 50px 50px;
}

/*
* PANIER
*/
@media screen and (max-width:768px) {
    .woocommerce #content table.cart .product-thumbnail, 
    .woocommerce table.cart .product-thumbnail, 
    .woocommerce-page #content table.cart .product-thumbnail, 
    .woocommerce-page table.cart .product-thumbnail {
        display: block !important;
        text-align: center !important; 
    }

    .woocommerce #content table.cart .product-thumbnail img, 
    .woocommerce table.cart .product-thumbnail img , 
    .woocommerce-page #content table.cart .product-thumbnail img , 
    .woocommerce-page table.cart .product-thumbnail img {
        width:50px !important; 
    }

    .woocommerce table.shop_table_responsive tr td.product-thumbnail::before, 
    .woocommerce-page table.shop_table_responsive tr td.product-thumbnail::before {
        content: attr(data-title) " ";
        font-weight: 700;
        float: left;
    }

}

/*
* tunnel
*/

TEST#MessagePromo{
    border: 1px solid #1a2c5e;
}


a.shipping-calculator-button {
    text-decoration: underline;
}

.woocommerce  div.woocommerce-info{
    background-color: #1a2c5e !important; color:  white !important;
}

.et_pb_wc_checkout_payment_info_0.et_pb_wc_checkout_payment_info {
    /*background-color: transparent !important;*/
    background-color: rgba(26, 44, 94, 0.10) !important;
    border: 1px solid #1a2c5e !important;
    color:  #1a2c5e !important;
}

.page.page-id-179 .woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled],
.woocommerce button.button
{
    font-family: 'Roboto', sans-serif  !important;
    text-transform: uppercase !important;
    padding: 0.4em;
    border-radius: 0;
}

body.page.page-id-179 #page-container .et_pb_section .et_pb_wc_cart_products_0 table.cart button[name="apply_coupon"]{
    padding: 0.8em 1em!important;
}

.page.page-id-179 tr th.product-name,
.page.page-id-179 tr th.product-price,
.page.page-id-179 tr th.product-quantity,
.page.page-id-179 tr th.product-subtotal
{
    font-family: 'Roboto', sans-serif  !important;
    text-transform: uppercase;
    color: #1a2c5e;
}

.page.page-id-179 tr td a,
.page.page-id-179 tr td {
    color: #1a2c5e !important;   
}

body.page.page-id-179 tr td.product-remove a
{
    color: red !important;   
}



.page.page-id-179 tr td input[type="number"],
input#coupon_code{
    background-color: rgba(26, 44, 94, 0.10);
}

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
    background-color: #e6007e !important;
}
h2.titrePaiement{
    font-size: 18px !important;
}

img.iconePaiement {
    width: 200px;
}

/*
* Conseils
*****************************************************************/

#breadCrumbAvis{
    width: 80%;
    max-width: 1300px;
    margin: 30px auto;   
    font-size: 16px !important; 
}

.civilExpert{
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    font-size: 16px;   
    text-align: center;
    color: #e6007e;
    padding-bottom: 30px !important;
}


.lignefull{
    display: flex;
    flex-direction: row;
    width: 90%;
    max-width: 1300px;
    margin: auto;
    flex-wrap: wrap;
}

.lignefull.element_chapo_avis{
    display: flex;
    flex-direction: column-reverse;
    width: 90%;
    max-width: 1300px;
    margin: auto;
}



.blocTextechapo_avis{
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.3em;
    color: #1a2c5e;
    width: 100%;
    border-left: 1px #e6007e solid;
    padding: 0 30px;
}
.image_vignette_avis{
    width: 100%;
    /*max-width: 650px; */
    padding-bottom: 30px;
    text-align: center;
}

.blocTextechapo_avis h3{
    font-family: 'Roboto', sans-serif !important;
    font-weight: 900 !important;
    font-size: 36px !important;
    line-height: 1.2em !important;
    color: #1a2c5e;
    padding-bottom: 30px;

}


.image_vignette_avis img{max-width: 100%;}

.titre_intermediaire_avis h4{
    font-size: 26px !important;
    font-family: 'Baloo 2',display  !important;
    color: #1a2c5e !important;
    font-weight: 900 !important;
    margin: 80px 0 15px 0 !important;
}

.titre_intermediaire_avis h5{
    font-size: 20px !important;
    font-family: 'Roboto', sans-serif !important;
    color: #e6007e !important;
    font-weight: 400 !important;
    margin: 30px 0 15px 0 !important;
}

.texte_avis, .texte_demi{
    font-size: 20px !important;
    font-family: 'Roboto', sans-serif !important;
    color: #1a2c5e !important;
    font-weight: 400 !important;
    margin: 15px 0 15px 0 !important;
    line-height: 1.3em;
}
.texte_avis{
    width: 100%;
}
.image_bandeau img{
    /*max-width: 1300px !important;*/
    max-width: 100% !important;
}

.lignefull.gal {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 90%;
    max-width: 1300px;
    margin: auto;
}


.lignefull.gal img{
    max-width: 100%;
    flex-grow: 1;
}


.texte_demi{ width: 100%; }
.texte_droite{ padding-left: 0px; }
.texte_droite{ padding-right: 0px; }
.image_gauche, .image_droite{text-align: center;}


.partageArticle{
    border-top: 1px solid #1a2c5e ;
    border-bottom: 1px solid #1a2c5e ;
    padding: 15px 0 !important;
    width: 100%;
    text-align: right;
    font-size: 20px !important;
    font-family: 'Roboto', sans-serif !important;
    color: #1a2c5e !important;
    margin-top: 80px;    
}

.partageArticle i{
    color:  #1a2c5e !important;
    border: 2px solid #1a2c5e ;
    margin-left: 5px;
    padding: 8px;
}

.lignefull.navConseil{
    text-align: center;
    margin-top: 15px !important;
    display: block;

}

.lignefull.navConseil a{
    color: rgba(26, 44, 94, 0.6) !important;
    text-transform: uppercase;
    font-size: 14px;
    margin:  0 15px;
}

#lesExperts{
    color: white !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

#lesExperts .unExpert{
    width: 100%;
    background-color:  white;
    color: #1a2c5e !important;
    margin-bottom: 30px;
    margin-right: 0;
    /*border: 1px solid rgba(26, 44, 94, 0.20) !important;*/
}

@media screen and (min-width: 650px) and (max-width:1100px) {
    #lesExperts .unExpert{
    width: 48%;
    margin-bottom: 35px;
    margin-right: 1%;  
    /*border: 1px solid rgba(26, 44, 94, 0.20) !important;*/
    }
}

@media screen and (min-width: 1101px) {
    #lesExperts .unExpert{
    width: 32%;
    margin-bottom: 30px;
    margin-right: 1%;
    /*border: 1px solid rgba(26, 44, 94, 0.20) !important;*/
    }
}



#lesExperts .unExpert img{
    color: #1a2c5e !important;
    border: 1px solid rgba(26, 44, 94, 0.20) !important;
}

#lesExperts .unExpert a{
    color: #1a2c5e !important;
}

.conseilIdentExpert{
    font-size: 12px !important;
    font-family: 'Roboto', sans-serif !important;
    border-top: 1px solid #1a2c5e;
    padding-top: 10px;
}
.conseilIdentExpert span, .lireLaSuite{
    font-size: 14px !important;
    font-family: 'Roboto', sans-serif !important;
}

.conseilData{
    padding: 5px 15px 5px 15px;
    display: flex;
    flex-direction: column;
    height: 135px;
    justify-content: space-between;
    margin-top: -6px;
}
.titreConseil{
    color: #1a2c5e !important; 
    font-size: 20px !important;
    font-weight: bold;
    font-family: 'Roboto', sans-serif !important;
    margin-top: 5px;
}
.dateConseil{

}

#listeExperts{
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

#listeExperts div{
    margin-right: 15px;
    width: 200px;
    text-align: center;
}

#listeExperts div img{
    border-radius: 50%;
    width: 170px;
    height: 170px;
    border:1px solid #1a2c5e ;
}
.listeUnExpert a p {
    color: #1a2c5e ;
    font-size: 14px !important;
    font-family: 'Roboto', sans-serif !important;
    text-transform: uppercase;
}
.titrePageExpert{
    text-align: center;
}

.ligne1300.titreTaxoExpert {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 90%;
    max-width: 1300px;
    margin: auto;
}

.ligne1300 #colGauche{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.ligne1300 #colGauche h2{
    font-size: 40px !important;;
    font-family: 'Baloo 2',display  !important;
    color: #1a2c5e !important;
    line-height: 1em !important;
    margin-top: 10px;
    word-break: normal;
    font-weight: 900;
    text-transform: uppercase;
}

.ligne1300 #colGauche .titrePro{
    color: #1a2c5e ;
    font-size: 24px !important;
    font-family: 'Roboto', sans-serif !important;
    text-transform: uppercase;
}

.ligne1300 #colGauche .bioPro{
    color: #1a2c5e ;
    font-size: 16px !important;
    font-family: 'Roboto', sans-serif !important;
}



.ligne1300 #colDroite{
    flex-grow: 0;
    flex-shrink: 0;
    width: 200px;
}

.ligne1300 #colDroite img{
    border-radius: 50%;
    width: 170px;
    height: 170px;
    border:1px solid #1a2c5e ;
}


.ligne1300.titreCentreExpert,
.ligne1300.avisExpert {
    width: 90%;
    max-width: 1300px;
    margin: auto;
}


.ligne1300.titreCentreExpert{
    text-align: center;
}

.ligne1300.titreCentreExpert h3{
    font-size: 50px !important;;
    font-family: 'Baloo 2',display  !important;
    color: #1a2c5e !important;
    line-height: 1em !important;
    font-weight: 900;
    text-transform: uppercase;    
}


@media screen and ( min-width: 950px ) {
    #listeExperts{
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .lignefull.gal img{
        max-width: 48%;
        flex-grow: 1;
    }

}



@media screen and ( min-width: 980px ) {
    .lignefull{
        display: flex;
        flex-direction: row;
        width: 80%;
        max-width: 1300px;
        margin: auto;
    }
    .lignefull.gal {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 80%;
        max-width: 1300px;
        margin: auto;
    }
    .ligne1300.titreTaxoExpert {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        width: 80%;
        max-width: 1300px;
        margin: auto;
    }
    .ligne1300.titreCentreExpert,
    .ligne1300.avisExpert {
        width: 80%;
        max-width: 1300px;
        margin: auto;
    }
    .lignefull.element_chapo_avis{
        display: flex;
        flex-direction: row;
        width: 90%;
        max-width: 1300px;
        margin: auto;
    }
    .blocTextechapo_avis{
        font-family: 'Roboto', sans-serif !important;
        font-weight: 400;
        font-size: 24px;
        line-height: 1.3em;
        color: #1a2c5e;
        width: 50%;
        border-left: 1px #e6007e solid;
        padding: 0 30px;
    }
    .image_vignette_avis{
        width: 50%;
        max-width: 650px; padding: 0;
    }


    .texte_demi{ width: 48%; }
    .texte_droite{ padding-left: 30px; }
    .texte_droite{ padding-right: 30px; }
    .image_gauche, .image_droite{text-align: left;}

}

/*
* Fleches Slider
*****************************************************************/

.flexslider .flex-direction-nav a:before {
  font-family: 'FontAwesome' !important;
  font-size: 40px;
  display: inline-block;
  content: '\f053';
  color: rgba(26, 44, 94, 0.9);
}
.flex-direction-nav a.flex-next:before {
  /*content: '\f054';*/
  content: '\f061' !important;
}
.flex-direction-nav a.flex-prev:before {
  /*content: '\f054';*/
  content: '\f060' !important;
}

#detailCommande .wad-form-coupon,
#detailPaiement .wad-form-coupon,
#dejaClient .wad-form-coupon,
#DetailFacturation .wad-form-coupon,
#DetailLivraison .wad-form-coupon,
#infoSupplementaire .wad-form-coupon{
    display: none !important;
}


.tooltipWF {
  position: relative;
  display: inline-block;
  /* border-bottom: 1px dotted black; If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltipWF .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #e6007e;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 0;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
  top :150px;
  left: 30px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipWF:hover .tooltiptext {
  visibility: visible;
}

.alerteRose{
    width: 100%;
    text-align: center;
    color: white;
    font-size: 24px;
    padding: 15px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    background-color: #e6007e;
}
.alerteRose a{color: white;}