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


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

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

#basket_tab .primary {
    font-size: 1em !important;
}

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

/* Top */

@media (min-width: 769px) {
#top {
    padding-bottom: 0;
    }
}

#top {
    border: none;
}

/* Titres H2 */

#mag_table_home > tbody > tr > td > h2:first-child {
    font-size: 1.3857142857142857142857142857143em !important;
}

@media (min-width: 769px) {
#mag_table_home > tbody > tr > td, #contener_tab {
    padding: 20px 0;
    }
}

/* Couleur textes paragraphe */

form, ul, li, h1, h2, h3, h4, h5, h6, td {
    color: #54627b;
}

p {
    color: #252525;
}

/* 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: #009ddf;
}

/* 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: #43c7ff;
    color: #fff !important;
}

/* 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: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff !important;
}

/* Titre listes et pages libres */

.work_margin:not(#product) > h1, .work_margin > .header, #basket h1 {
    font-size: 1.6em !important;
}

/* Puces listes */

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

/* Soulignement titres */

#ff_center > .ff_title:after,
#advsearch_home .primary: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: #ec008c;
    margin: 0.4em auto 18px;
}

/* Flèches titres filtres + recherche avancée */

#ff_center .ff_crit_title:before,
#advsearch_home p[class^="asearch_"] > span:first-child:before,
#advsearch_contener p[class^="asearch_"] > span:first-child:before {
    border-left-color: #ec008c;
}

/* 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: #009ddf;
}

div#comand span {
    font-weight: 400;
    color: #252525 !important;
}

#comand a:hover, #comand a:focus, div#log_name > a, #comand .basket, a.gestion_menu {
    color: #000;
}

/* Liens généraux */

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

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

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

/* Texte slider sur mobile */

@media (max-width: 480px) {
.scrollable .item_text {
    display: block;
    }
    
.scrollable > .items .item_text > div {
    font-size: 1.2857142857142857142857142857143em !important;
    line-height: 1;
    }
}

/* 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: #009ddf;
}

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

/* Logo */

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

/* Total panier */

#total_basket {
    background-color: #e6e6e6;
}

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

#menu .accordeon:before {
    color: #333;
}

/* Survol titres filtres */

#ff_center .ff_crit_title:hover {
    color: #333;
}

/* Survol puces filtres prix */

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

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

/* Barre de recherche */

@media (min-width: 1025px) {
#search {
    width: 270px;
    }
}

#search .btn_short {
    background-color: #009ddf;
}

#search > p {
    border-color: #252525;
}

#search > p:before {
    color: #000;
}

#searchLiveResult > .sl-footer > a {
    background-color: #009ddf;
    color: #fff;
}

/* Page active */

#pagination li {
    background-color: #000;
    color: #fff;
}

/* Libellé principal (fiche) */

#product > h1 {
    margin-bottom: -10px;
}

#product > h1 > a {
    font-size: 1.2em;
}

/* Libellé secondaire (fiche) */

#product > .pd00 {
    color: #333;
}

/* Marque (fiche) */

@media (max-width: 768px) {
#image.view ~ .pdtbrand {
    width: 100% !important;
    }
}

#image.view ~ .pdtbrand {
    width: 50%;
    }

/* Description large produit */

#image ~ #detail {
   width: 100%;
}

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

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

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

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

#sup_1 i {
    color: #009ddf;
}

#sup_1 a {
    color: #000;
}

/* Fidélisation */

#fidelisation {
    background: #009ddf;
    text-shadow: 1px 1px 7px rgba(0,0,0,0.1);
    color: #fff;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

#fidelisation a {
    color: #000;
}

/* Footer */

#footer {
    background-color: #fff;
}

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

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

.scrollable > .btn_browse > a {
    color: #009ddf;
}
    
    
/* Liens pied de page */

#pied_page a:hover, #pied_page a:focus {
    color: #333;
}

#pied_page a:focus {
    outline-color: #333;
}

#pied_page li:nth-child(3) ~ li {
    display: block;
}

/* 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: #333 !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: #333;
}

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

/* Flèche listes liens */

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

/* Libellé principal (listes) */

#home .list_content[class*="pdt"] > .primary, 
#list .list_content[class*="pdt"] > .primary {
    text-transform: uppercase;
} 

#home .list_content .primary, #home .list_content .primary > a, #list .list_content .primary, #list .list_content .primary > a, #slider_cross_selling .item .primary, #slider_list_viewed .item_product > .primary > a {
    height: 2em;
}

/* Libellé secondaire listes pages */

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

#home .list_content .secondary, #home .list_content .secondary > a, #list .list_content .secondary, #list .list_content .secondary > a, #slider_cross_selling .item .secondary, #slider_list_viewed .item_product > .secondary > a {
    height: 4.5em;
}


/* Espacements listes produits */

#home .list_content > .price_pos, #list .list_content > .price_pos, #slider_cross_selling .item > .price_pos {
    height: 1em;
}

@media (max-width: 613px) {
#home .list_content .primary > a,
#list .list_content .primary > a {
    height: 5em;
    }
}

#list > .header {
    margin-bottom: 0;
}

/* Hauteur Pop-up mobile/tablette */

@media (max-width: 768px) {
.sf_pop {
    max-height: 70%;
    }
}

/* Espacement boutons pop-up mobile */

@media (max-width: 397px) {
#popup_div_bkjs .btn_1 {
    margin-bottom: 10px;
    }
}

/* Survol bouton fermeture pop-up */

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

/* Bouton secondaire pop-up */

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

#basket_tab .secondary {
    display: block !important;
    }
    
@media (max-width: 768px) {
    /* Onglet actif (accueil) */
    
    .onglets h2.actif {
        background-color: #54627b;
    }
    
}

@media (min-width: 769px) {
    /* Menu */
    
    #navig {
        background-color: #fff;
        border-bottom-style: none;
    }
    
    /* Texte menu */
    
    #menu span {
    font-size: inherit;
    font-weight: 600;
    text-transform: inherit;
    color: #54627b !important;
    }
    
    /* Survol liens menu */
    
    #menu a:hover, #menu a:focus,
    #menu > li:hover > a {
        color: #fff !important;
    }
    
    /* Soulignement survol liens menu */
    
    #menu a.menu:before {
        background-color: #ec008c;
    }
    
    /* Textes sous menu */
    
    #menu .ssmenu a {
    font-size: 1em;
    color: #000;
    }
    
    /* Hover textes sous menus */
    
    #menu a:hover, #menu a:focus, #menu > li:hover > a {
    color: #009ddf !important;
    }
    
    /* Flèche liens sous-menus */
    
    #menu .ssmenu a:before {
        color: #333;
    }
}

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

@media (min-width: 481px) {
#retour_haut {
    right: 20px;
    bottom: 20px;
    display: none;
}
}

#work_order fieldset {
    border: 1px solid #ddd;
}

@media (min-width: 769px) {
#inf_1 li {
    width: 20%;
    }
}

/* remp icones par images, padding-top= Hauteur des images des réassurances + éventuel espace pour aérer entre image et texte. */
/*#inf_1 span {
    padding-top: 60px;
    background-repeat: no-repeat;
    background-position: center top;
}

#inf_1 .p1 > span {background-image: url(img/arg_1.png);}
#inf_1 .p2 > span {background-image: url(img/arg_2.png);}
#inf_1 .p3 > span {background-image: url(img/arg_3.png);}
#inf_1 .p4 > span {background-image: url(img/arg_4.png);}*/

table[border="0"],

table[border="0"] td,

table[border="0"] tr,

table[border="0"] th {

border: none;

}

table:not([border="0"]),

table:not([border="0"]) td,

table:not([border="0"]) th {

border-style: solid;

}

#comand li > a:after {
    color: #009ddf;
}

#popupbkjs_total {
    display: block;
    font-weight: bold;
    color: #555;
}

/*** Masquer lignes formulaire ***/

#formPost table, #formPost th, #formPost td {
    border-style: none;
}


/*** Ombre sous-menu ***/

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

a {
   cursor:pointer;
}

#right_contener > div, #footer_contener > .arround, #link_contener {
    padding-top: 12px;
    padding-bottom: 0px;
    text-align: right;
}

/* zoom par dessus l'image */

#zoom {
    left: 0 !important;
    width: 100% !important;
    margin: 0;
    background: #fff !important;
}

@media (min-width: 769px) {
#work.work_home, #mag_table_home #tc_01 {
    margin-top: -25px;
    }
}

/* Bouton "OU" compte */

#txt_account_or>strong {
    background-color: #54627b !important;
}

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

/* Barre cookies */

#cookie-law-info-bar p {
    color: #fff;
}

/* Langues */

#flag a {
    display: inline-block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% !important;
    text-align: left;
    text-indent: -20000em;
    vertical-align: middle;
}

#flag .fr > a {
    background-image: url(img/flag-fr.png) !important;
}

#flag .en > a {
    background-image: url(img/flag-en.png) !important;
}

/* Listes associées */

#list_cross_selling_container:not(:first-child), #product > #list:not(:first-child) {
    padding-top: 0;
}

/* Prix fiche produit */

#feature .price_HT, #feature .price_TTC {
    font-size: 2.1428571428571428571428571428571em;
    color: #e2007a;
}

/* Sur mobile + petite tablette */

@media (max-width: 768px) {
    /* Fixer le bouton d'achat d'une fiche produit */
    #feature .btn_buy {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 9999;
        width: 100%;
    }
}

/* Bloc image + texte */

.bloc_img_txt > img {
    display: block;
    margin: 35px;
}

@media (max-width: 1024px) {
    .bloc_img_txt > img {
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 1025px) {
    .bloc_img_txt {
        display: flex;
        align-items: center;
    }
    
    .bloc_img_txt > img:first-child {
        margin-left: 0;
    }
    
    .bloc_img_txt > img:last-child {
        margin-right: 0;
    }
}

/* Recherche avancée */

@media (min-width: 1025px) {
#advsearch_home, #advsearch_contener {
    background: url(/img/background-recherche.png) no-repeat center top;
    }
}

#advsearch_home, #advsearch_contener {
    background-color: #fff;
    border: 2px solid #b7c2d6;
    border-radius: 20px;
}

/* Titres tunnel d'achat */
legend {
color: #009ddf;
}

/* ------------------------------- */
/*  =     Accès réservé            */
/* ------------------------------- */

#account.restricted_00 {
    text-align: center;
}

#account_contener {
    width: auto;
    max-width: 600px;
}

#account_contener > .new_contener,
#account_contener > .old_contener {
    float: none;
    width: auto;
    margin: 0 1%;
}

#account .new,
#account .old {
    height: 205px;
}

@media (min-width: 769px) {
    #account_contener > .new_contener,
    #account_contener > .old_contener {
        float: left;
        width: 46%;
    }
}

/* Menu mobile */
@media (max-width: 768px) {
    /* Fond menu */
    #navig {
        background: #fff;
    }
    
    /* Séparation entre les catégories */
    
    #menu li {
        border-bottom: 1px solid #eeee;
    }
    
     /* Fond catégorie principale */
    #menu a.menu:hover, #menu a.menu:focus, #menu .accordeon.actif {
        background-color: #c8f3ff;
    }
    
    /* Texte catégorie principale */
    #menu span {
        font-size: 1.1428571428571428571428571428571em;
    }
    
    /* Fond sous-catégorie */
    
    #menu a.smenu_header_h2, #menu .smenu a:hover, #menu .smenu a:focus {
        background-color: #fff;
    }
    
     /* Texte sous-catégorie */
    ul#menu a.smenu_header_h2 {
        color: #333;
        font-weight: 700;
    }
    
    #menu a.smenu_header_h2 {
        font-size: 1.1428571428571428571428571428571em;
    }
    
    /* Fond et texte sous-sous catégorie */
    #menu .smenu a {
        background-color: #fff;
        color: #333;
        font-weight:400;
        font-size: 1em;
    }
    
    /* Sous-sous-menu en accordéon */
    
    .ssmenu {
        display: none;
    }
    
}