/*@import url('https://fonts.googleapis.com/css?family=Poppins');*/
@import url('https://fonts.googleapis.com/css?family=Karla');

/* ------------------------------- */
/*  =     Surcharge client         */
/* ------------------------------- */

button, input, textarea, select, *[class*="btn"]:not(.btn_pos):not(.list_btn), .popup_bottom a, #Annuler, #LinkSend {
    border-radius: 30px;
}

body {
    font-family: "Karla", "helvetica neue", helvetica, arial, sans-serif !important;
}

/*body {
    font-family: "Poppins", "helvetica neue", helvetica, arial, sans-serif !important;
}*/

@media (min-width: 769px){
#navig {
    background-color: #f7f7f7;
   }
}


/* Taille prix fiche produit */
#feature .price_TTC {
    font-size: 2.8428571428571428571428571428571em;
    color: #0072BB;
}


#feature > .price_pos *, #feature > .stock_pos *, #feature .out_stock {
    font-weight: initial;
}

/* Désactiver zoom produit sur Listes */
/*#home .list_content .view,
#list .list_content .view {
    -ms-transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
}*/



/* Boutons */

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
a[class*="btn"],
.popup_bottom a,
#Annuler,
#LinkSend,
#cookie-law-info-bar #cookie-law-close-button > button {
    background-color: #0072BB;
}

#cookie-law-info-bar {
    background-color: #fff;
    border-top: 1px solid #e7e7e7;
}

#master .block_quantity > .btn_quantity {
    background-color: #0072BB;
    color: #fff!important;
}

/* Hover boutons */

button,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a[class*="btn"]:hover,
.popup_bottom a:hover,
#Annuler:hover,
#LinkSend:hover,
#cookie-law-info-bar #cookie-law-close-button > button:hover {
    background-color: #84cfcb;
}

/* Style du texte bouton */

input[type="button"]:not(.pdt_btn), input[type="reset"], input[type="submit"], a[class*="btn"], .popup_bottom a, #Annuler, #LinkSend {
    overflow: hidden;
    font-weight: 700;
    text-transform: initial;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff !important;
}

/* Puces listes */

ul.liste_puces > li:before {
    color: #0072BB;
}


/* Soulignement titres */

#ff_center > .ff_title:after,
.work_margin > h1:after,
#mag_table_home > tbody > tr > td > h2:first-child:after,
.onglets h2:after,
#contener_tab > div:after,
.pop_event .contener > h2:first-child:after,
#basket h1:after {
    background-color: #0072BB;
}

@media (max-width: 769px) {
.onglets h2.actif, #contener_tab > div.tab-active {
    background-color: #0072BB;
    }
}

/* Icônes commandes */

#log_name > a:hover, #log_name > a:focus,
#comand .basket > a:not(:hover):not(:focus):after,
a.gestion_menu:hover, a.gestion_menu:focus {
    color: #84cfcb;
}

/* Icone Mon compte */
#comand li > a:after {
        color: #84cfcb;
    }


/* Bouton "OU" dans mon compte */

#txt_account_or>strong {
    background-color: #0072BB !important;
}


#txt_account_or:before {
    background-color: transparent !important;
}


/* Soulignement survol liens menu */

@media (min-width: 769px) {
#menu a.menu:before {
    background-color: #0072BB;
    }
}

/* Liens généraux */

.work_margin a,
.work_margin a:hover, .pop_up a:hover,
.work_margin a:focus, .pop_up a:focus {
    color: #0072BB;
}

.work_margin a:focus, .pop_up a:focus {
    outline-color: #0072BB;
}

.work_margin a {
    border-bottom: 1px solid #0072BB;
}

/* Puces sliders */

#image .items > a:hover,
#image .items > a:focus,
#image .items > a.actif,
.scrollable > .slidetabs > a:hover,
.scrollable > .slidetabs > a:focus,
.scrollable > .slidetabs > a.current {
    border-color: #0072BB;
}

#image .items > a.actif,
.scrollable > .slidetabs > a.current {
    background-color: #0072BB;
}

.scrollable > .btn_browse > a:not(.disabled):hover {
    color: #0072BB;
}

.scrollable > .slidetabs > a {
    border: 1px solid #fff;
}
/* Logo */

#logo > a:focus {
    outline-color: #0072BB;
}

/* Total panier */

#total_basket {
    background-color: #0072BB;
}

/* Code avantage */


@media (max-width: 768px) {
#ctx_advantage {
    width: 150px;
    }
}

@media (min-width: 768px) {
#ctx_advantage {
    width: 250px;
    }
}

#canvas_advantage {
    border: 1px solid #dedede;
}

/* Flèches menus accordéons (mobile) */

#menu .accordeon:before {
    color: #0072BB;
}

/* Flèches titres filtres */

#ff_center .ff_crit_title:before {
    border-left-color: #0072BB;
}

/* Survol titres filtres */

#ff_center .ff_crit_title:hover {
    color: #0072BB;
}

/* Survol puces filtres prix */

#ff_slider_range_price > .ui-state-hover {
    background-color: #0072BB;
}

/* Motif chargement filtres */

#chargement_filtres .sk-rotating-plane,
#chargement_filtres .sk-double-bounce .sk-child,
#chargement_filtres .sk-wave .sk-rect,
#chargement_filtres .sk-wandering-cubes .sk-cube,
#chargement_filtres .sk-spinner-pulse,
#chargement_filtres .sk-chasing-dots .sk-child,
#chargement_filtres .sk-three-bounce .sk-child,
#chargement_filtres .sk-circle .sk-child:before,
#chargement_filtres .sk-cube-grid .sk-cube,
#chargement_filtres .sk-fading-circle .sk-circle:before,
#chargement_filtres .sk-folding-cube .sk-cube:before {
    background-color: #0072BB;
}

/* Survol bouton recherche */

#search .btn_short {
    background-color: #0072BB;
}

#search > p:before {
    color: #0072BB;
}

#search > p{
    border-color: #0072BB;
}

/* Page active */

#pagination li {
    background-color: #0072BB;
}

/* Libellé secondaire (fiche) */

#product > .pd00 {
    color: #0072BB;
}

/* Icône option sélectionnée */

#option_contener .opt_choice > .option_on:after {
    color: #0072BB;
}

/* Liens colonne droite */

#right_contener > div:not(#inf_1) a:hover, #right_contener > div:not(#inf_1) a:focus,
#footer_contener > .arround a:hover, #footer_contener > .arround a:focus,
#link a:hover, #link a:focus,
#inf_1 a:not(:hover):not(:focus) > i,
#inf_1 a:hover > span, #inf_1 a:focus > span {
    color: #0072BB;
}

#right_contener a:focus,
#footer_contener > .arround a:focus,
#link a:focus {
    outline-color: #0072BB;
}

#sup_1 i {
    color: #0072BB;
}

/* Fidélisation */

#fidelisation {
    background-color: #0072bb;
}


/* Sticky Footer (derniers articles vus / Wishlist) */
#sticky_footer {
    background-color: #fff;
}

#sticky_footer .title_sticky > a {
    color: #0072bb;
}

#sticky_footer .title_sticky > a:hover {
    color: #333;
}

#slider_list_viewed > .btn_browse > a:not(:hover) {
    color: #0072bb;
}

#slider_list_viewed .item_product > .primary > a:hover {
    color: #0072bb !important;
}

.scrollable > .btn_browse > a {
    color: #0072bb;
}

/* Liens pied de page */

#pied_page a {
    color: #000;
}

#pied_page a:hover, #pied_page a:focus {
    color: #0072BB;
}

#pied_page a:focus {
    outline-color: #0072BB;
}

/* Survol liens listes */

#home .list_content > a:first-child:hover, #home .list_content > a:first-child:focus,
#home .list_content .primary > a:hover, #home .list_content .primary > a:focus, #home .list_content > .price_pos a:hover, #home .list_content > .price_pos a:focus,
#list .list_content .primary > a:hover, #list .list_content .primary > a:focus, #list .list_content > .price_pos a:hover, #list .list_content > .price_pos a:focus {
    color: #0072BB !important;
}

#home .list_content .primary > a:focus, #home .list_content > .price_pos a:focus,
#list .list_content .primary > a:focus, #list .list_content > .price_pos a:focus {
    outline-color: #0072BB;
}

#home .list_content:not([class*="pdt"]):hover,
#list .list_content:not([class*="pdt"]):hover,
#home .list_content:not([class*="pdt"]):hover .primary {
    background-color: #0072BB;
}

/* Flèche listes liens */

#home .list_content:not([class*="pdt"]) .primary > a:before,
#list .list_content:not([class*="pdt"]) .primary > a:before {
    color: #0072BB;
}

/* Libellé secondaire listes pages */

#home .list_content:not([class*="pdt"]) .secondary {
    background-color: #0072BB;
}

#home .list_content .secondary, #home .list_content .secondary > a, #list .list_content .secondary, #list .list_content .secondary > a {
    height: 4.4em;
}

@media (min-width: 420px) {
#home .list_content .primary, #home .list_content .primary > a, #list .list_content .primary, #list .list_content .primary > a {
    height: 2.9em;
    }
}

#list .list_content > .price_pos {
    height: 1.6em;
}

/* Survol bouton fermeture pop-up */

.sf_pop > .top > input:hover,
.sf_pop > .top > input:focus {
    color: #0072BB !important;
}

/* Bouton secondaire pop-up */

#popup_div_bkjs .btn_1,
#Annuler {
    border: 1px solid #0072BB !important;
    color: #0072BB !important;
}

#basket_tab .secondary {
    display: none !important;
    }


/* Texte menu */

@media (min-width: 769px){
#menu span {
    font-size: 18px;
    font-weight: normal;
    text-transform: capitalize;
    color: #252525 !important;
    letter-spacing: 0px;
    }
}


/* Survol liens menu */

#menu a:hover, #menu a:focus,
#menu > li:hover > a {
    color: #fff !important;
}

/* Textes sous menu */

#menu .ssmenu a {
    font-size: 1em;
    font-weight:normal;
    color: #000;
}

/* Hover textes sous menus */

#menu a:hover, #menu a:focus, #menu > li:hover > a {
    color: #0072BB !important;
}

/* Flèche liens sous-menus */

#menu .ssmenu a:before {
    color: #0072BB;
}


#home .list_content:not([class*="pdt"]) .view,
#list .list_content:not([class*="pdt"]) .view {
    -webkit-filter: grayscale(0) !important;
    filter: grayscale(0) !important;
}

/* Couleur Footer */

#footer {
    width: auto;
    padding: 0;
    background-color: #fff;
}

/* Onglets fiche produit */
.tab-active {
    background: #0072BB;
    color: #fff;
    font-weight:bold;
}

/* Sous menu  */
.tab {
    font-weight:bold;
}

#menu .smenu {
    background-color: #fff;
}


/* Retour haut */

#retour_haut {
    background-color:#0072BB;
}

@media (min-width: 481px) {
#retour_haut {
    bottom: 60px;
    }
}


/* Couleurs paragraphe */
form, ul, li, p, h2, h3, h4, h5, h6, td {
    color: #252525;
}

h1 {
    color: #252525;
    font-weight: normal;
    font-size: 22px !important;
    text-transform: capitalize;
}


/***** Ajustement logo *****/

#logo img {
    max-width: 185px;
}

@media (min-width: 550px) {
    #logo img {
        max-width: 285px;
    }
}

@media (min-width: 769px) {
    #logo img {
        max-width: 300px;
    }

    .scrollable > .items .item_text > div {
        font-size: 2.471429em !important;
    }
}

@media (min-width: 1025px) {
    #logo img {
        max-width: none;
    }

#fidelisation h1, #fidelisation .h1-like {
    font-size: 2em !important;
    }

}

/*  = --- 974266000001676173 ----- */

/*#inf_1 .p4 {
    background: url(img/drapeau.png) no-repeat center 120px;
}

#inf_1 .p4 > span {
    padding-bottom: 17px;
} */

/*@media (min-width: 400px) {
   .scrollable .items .item_text div {
    padding-left: 250px;
    vertical-align: initial;
   }
}

@media (min-width: 661px) {
    .scrollable > .items .item_text > div {
        line-height: 0;
    }

    .scrollable .items .item_text div {
        padding-left: 490px;
        vertical-align: initial;
    }
} */

/*@media (min-width: 481px) {
body[class*="sliders_"] .scrollable .item_text {
    display: block;
    }
} */

.scrollable > .items .item_text > div {
    text-shadow: 1px 1px 7px rgba(0,0,0,0.9);
}

a.gestion_menu > i {
    color:#0072BB;
}


/* sous titre logo */

#logo span {
    font-weight: 500;
}

.popup_bottom a span,
.popup_bottom a:hover span {
    color:#fff;
}

div#comand span {
    font-weight: normal;
    color: #0072bb !important;
}

#menu a.menu, ul#menu a.smenu_header_h2 {
    text-transform: capitalize;
}

#menu a.smenu_header_h2, #menu .smenu a:hover, #menu .smenu a:focus {
    background-color: #fcfcfc;
}



#home .list_content .primary, #list .list_content .primary {
    text-transform: capitalize;
}

#menu {
    margin-top: -7px;
    margin-bottom: -7px;
}

@media (min-width: 769px) {
#menu a.menu:before {
    top: 90%;
    }
}

/* Ombre sous-menu */
@media (min-width: 769px) {
#menu .smenu {
    box-shadow: 0 13px 7px rgba(0, 0, 0, 0.15);
}
}

/* Espace PRO */
#comand li:last-child {
    display: block !important;
    margin-top: 15px;
}

#espace_pro {
    display: inline-block !important;
}

@media (max-width: 768px) {
    #master:not(:target) #espace_pro {
        display: none !important;
    }
}