@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:300,400|Oxygen:400,700);

/* ------------------------------- */
/*  =     Général                  */
/* ------------------------------- */

body {
    font-family: oxygen, "helvetica neue", helvetica, arial, sans-serif !important;
    font-weight: inherit;
    color: inherit !important;
    /*background: url(/img/background-noel-1.png) no-repeat center top fixed;*/
}

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: #1a5039;
}

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

/*  = --- Divers ----------------- */

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

/* ------------------------------- */
/*  =     Regroupement             */
/* ------------------------------- */

html, #footer_contener {
    background-color: #000;
}

h1, .h1-like,
h2, .h2-like,
h3, .h3-like,
h4, .h4-like,
h5, .h5-like,
h6, .h6-like,
#inf_1:before,
#inf_1 span {
    font-family: "josefin sans", "helvetica rounded", arial, sans-serif !important;
}

.scrollable > .items .item_text > div {
    font-family: "josefin sans", "helvetica rounded", arial, sans-serif !important;
    text-shadow: 1px 1px 7px rgba(0,0,0,0.9);
}

#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: #1a5039;
}

#top:before,
#sup_1:before,
#tc_02:before,
#tc_03:before,
#tc_04:before,
#tc_05:before,
#tc_06:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;
    width: 20000em;
    margin-left: -10000em; /* 20000em / 2 */
    content: "";
}

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

#comand a:hover, #comand a:focus,
#log_name > a:hover, #log_name > a:focus,
a.gestion_menu:hover, a.gestion_menu:focus {
    color: #1a5039;
}

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

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

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

#tc_02 > h2:first-child,
#tc_03 > h2:first-child,
#tc_04 > h2:first-child,
#tc_05 > h2:first-child,
#tc_06 > h2:first-child,
#inf_1:before {
    color: #000;
    font-weight: 400;
}

#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: #1a5039;
}

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

/* ------------------------------- */
/*  =     Conteneur principal      */
/* ------------------------------- */

.bkg_texture {
    overflow: hidden;
}

/* ------------------------------- */
/*  =     En-tête                  */
/* ------------------------------- */

/*  = --- Logo ------------------- */

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

#logo > p {
    color: #fff;
}

/*  = --- Langues ---------------- */

#flag a:hover,
#flag a:focus,
#flag .fr > a:lang(fr),
#flag .en > a:lang(en),
#flag .de > a:lang(de),
#flag .sp > a:lang(sp),
#flag .it > a:lang(it),
#flag .pt > a:lang(pt),
#flag .ru > a:lang(ru),
#flag .ma > a:lang(ma),
#flag .nl > a:lang(nl),
#flag .jp > a:lang(jp),
#flag .bg > a:lang(bg),
#flag .rs > a:lang(rs),
#flag .cn > a:lang(cn),
#flag .ro > a:lang(ro),
#flag .vn > a:lang(vn) {
    color: #1a5039;
}

#flag a:focus {
    outline-color: #1a5039;
}

/*  = --- Commandes -------------- */

/* Panier */

#total_basket {
    background-color: #1a5039;
}

/* ------------------------------- */
/*  =     Menu                     */
/* ------------------------------- */

#menu .accordeon:before {
    color: #1a5039;
}

#menu .smenu a {
    color: #252525;
}

/* ------------------------------- */
/*  =     Colonne gauche           */
/* ------------------------------- */

/*  = --- Filtres ---------------- */

#ff_center .ff_crit_title:hover {
    color: #1a5039;
}

#ff_center .ff_crit_title:before {
    border-left-color: #1a5039;
}

/* Prix */

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

/* Chargement */

#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: #1a5039;
}

/*  = --- Recherche -------------- */

@media (min-width: 769px) {
#search {
    z-index: 99999;
    }
}

#search .btn_short {
    background-color: #1a5039;
}

/* ------------------------------- */
/*  =     Contenu principal        */
/* ------------------------------- */

/*  = --- Accueil ---------------- */

#work.work_home {
    padding-bottom: 0;
}

#tc_02, #tc_02:before,
#tc_03, #tc_03:before,
#tc_04, #tc_04:before,
#tc_05, #tc_05:before,
#tc_06, #tc_06:before {
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
}

#tc_02, #tc_02:before,
#tc_03, #tc_03:before,
#tc_04, #tc_04:before,
#tc_05, #tc_05:before {
    background-repeat: repeat-x;
}

#mag_table_home #tc_02,
#mag_table_home #tc_03,
#mag_table_home #tc_04,
#mag_table_home #tc_05,
#mag_table_home #tc_06 {
    position: relative;
    z-index: 0;
    overflow: visible;
}

#tc_02, #tc_02:before,
#tc_03, #tc_03:before {
    background-image: url(img/motif_europe.svg);
}

#tc_04, #tc_04:before,
#tc_05, #tc_05:before {
    background-image: url(img/motif_afrique_asie.svg);
    background-position: top;
}

#mag_table_home #tc_02 > h2:first-child,
#mag_table_home #tc_04 > h2:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 90px;
    margin-bottom: 0;
    color: #fff;
}

#tc_02 > h2:first-child:before, #tc_02 > h2:first-child:after,
#tc_04 > h2:first-child:before, #tc_04 > h2:first-child:after {
    margin: 0 20px !important;
}

#tc_02 > h2:first-child:before,
#tc_04 > h2:first-child:before {
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    transition: transform .5s;
}

#tc_02:hover > h2:first-child:before,
#tc_04:hover > h2:first-child:before {
    transform: rotate(40deg);
}

#mag_table_home #tc_02 > h2:first-child:after,
#mag_table_home #tc_04 > h2:first-child:after {
    width: auto;
    height: auto;
    background-color: transparent;
    font-family: "Font Awesome\ 5 Pro" !important;
    content: "\f061";
}

#tc_02 .list_content,
#tc_04 .list_content {
    background-color: transparent !important;
}

#tc_02 > .header > .a-view,
#tc_04 > .header > .a-view {
    display: block;
    position: relative;
    height: 90px;
    overflow: hidden;
    margin-bottom: 40px;
}

#tc_02 > .header .view,
#tc_04 > .header .view {
    display: block;
    position: relative;
    z-index: -1;
    height: 100%;
    transition: transform .5s;
}

#tc_02 > .header > .a-view:hover > .view, #tc_02 > .header > .a-view:focus > .view,
#tc_04 > .header > .a-view:hover > .view, #tc_04 > .header > .a-view:focus > .view {
    transform: scale(1.5);
}

#mag_table_home #tc_02 .list_content .view,
#mag_table_home #tc_04 .list_content .view {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#mag_table_home #tc_03 > h2:first-child,
#mag_table_home #tc_05 > h2:first-child,
#mag_table_home #tc_06 > h2:first-child {
    font-weight: 300;
    text-transform: initial;
}

#home .owl-item > .list_content {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

#home .owl-nav > button {
    position: absolute;
    top: 50%;
    width: 50px;
    margin-top: -25px; /* 50px / 2 */
    font-size: 30px;
    line-height: 50px;
    color: #000 !important;
}

#home .owl-prev {
    left: -30px;
}

#home .owl-next {
    right: -30px;
}

/* Cellule #1 */

#mag_table_home #tc_01 {
    padding-bottom: 0;
}

#tc_01 > .scrollable > .btn_browse > a {
    font-weight: 300;
}

#tc_01 > .scrollable > .btn_browse > a:not(:hover):not(:focus) {
    color: #fff;
}

/* Cellule #2 */

#tc_02 > h2:first-child:before {
    background-image: url(img/icone_europe.svg);
}

/* Cellule #4 */

#tc_04 > h2:first-child:before {
    background-image: url(img/icone_afrique_asie.svg);
}

/* Cellule #6 */

#tc_06, #tc_06:before {
    background-image: url(img/qui_sommes-nous.jpg);
}

#mag_table_home #tc_06 {
    display: flex;
    flex-wrap: wrap;
    padding-top: 200px;
    padding-bottom: 500px;
}

#tc_06 > *:not(:empty) {
    margin: 0 !important;
    padding: 40px;
    background-color: #fff;
    font-size: 17px;
}

#tc_06 > h2:first-child {
    width: 100%;
    padding-bottom: 0;
}

#tc_06 > .a-view {
    flex: 1;
    border-bottom-style: none;
}

#tc_06 > div {
    flex: 3;
}

/*  = --- Liste ------------------ */

#list.account_wishlist .list_content > .list_btn {
    height: 53%;
}

/* Pagination */

#pagination li {
    background-color: #1a5039;
}

/*  = --- Fiche produit ---------- */

/* Titres (title) */

#product > .pd00 {
    color: inherit;
}

/* Options (option) */

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

/* ------------------------------- */
/*  =     Colonne droite           */
/* ------------------------------- */

#right_contener a:hover, #right_contener a:focus,
#footer_contener > .arround a:hover, #footer_contener > .arround a:focus,
#link a:hover, #link a:focus,
#inf_1 a:hover > span, #inf_1 a:focus > span {
    color: #1a5039;
}

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

#inf_1, #inf_2 {
    border-top-style: none !important;
}

/*  = --- Extra en-tête ---------- */

#sup_1, #sup_1:before {
    background-color: #1a5039;
}

#sup_1:before {
    bottom: -1px;
}

#sup_1, #sup_1 a {
    color: #fff;
}

#sup_1 a:hover, #sup_1 a:focus {
    color: #000;
}

/*  = ---Arguments -------------- */

div#inf_1 {
    position: relative;
    margin-top: 25px;
    padding-bottom: 70px;
}

#inf_1:before,
#inf_1:after {
    height: 170px;
}

#inf_1:before {
    display: flex;
    align-items: center;
    padding: 0 15px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 300;
    content: "Nos engagements";
}

#inf_1:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 135px;
    margin-right: 15px;
    background: url(img/perroquet.png) no-repeat;
    content: "";
}

#inf_1 li {
    font-size: 14px;
    font-size: 1.4rem;
}

#inf_1 a {
    padding: 20px;
}

#inf_1 i {
    width: 130px;
    margin-right: auto;
    margin-left: auto;
    background-color: #1a5039;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    line-height: 130px;
    color: transparent !important;
    border-radius: 50%;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .2);
    transition-property: transform;
}

#inf_1 .p1 > i {background-image: url(img/arg_livraison.svg);}
#inf_1 .p2 > i {background-image: url(img/arg_paiement.svg);}
#inf_1 .p3 > i {background-image: url(img/arg_fabrication.svg);}
#inf_1 .p4 > i {background-image: url(img/arg_disponibilite.svg);}

#inf_1 a:hover > i,
#inf_1 a:focus > i {
    transform: scale(1.125);
}

#inf_1 span {
    font-size: 1.8571428571em; /* 26px / 14px */
    font-weight: 300;
    text-transform: none;
}

/*  = --- Autres liens ----------- */

#inf_2 a {
    color: #fff !important;
}

/* ------------------------------- */
/*  =     Retour haut              */
/* ------------------------------- */

#retour_haut {
    background-color: #1a5039;
}

/* ------------------------------- */
/*  =     Pied de page             */
/* ------------------------------- */

#pied_page {
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

#pied_page li {
    display: list-item !important;
    margin-bottom: 0;
}

#pied_page a {
    color: inherit;
}

#pied_page a:hover, #pied_page a:focus {
    color: #1a5039;
}

#pied_page a:focus {
    outline-color: #1a5039;
}

#pied_page ul a:not(:hover):not(:focus):before {
    display: none;
}

/* ------------------------------- */
/*  =     Onglets                  */
/* ------------------------------- */

.onglets h2.actif,
#contener_tab > div.tab-active {
    background-color: #1a5039;
}

/* ------------------------------- */
/*  =     Liste                    */
/* ------------------------------- */

#home .list_content,
#list .uneven, #list .pair {
    width: calc(100% / 2 - 15px * 2);
    margin: 15px;
}

#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,
#slider_list_viewed .item_product > .primary > a:hover, #slider_list_viewed .item_product > .primary > a:focus {
    color: #1a5039 !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,
#slider_list_viewed .item_product > .primary > a:focus {
    outline-color: #1a5039;
}

#home .list_content:not([class*="pdt"]),
#list .list_content:not([class*="pdt"]) {
    border-style: none;
}

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

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

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

#home .list_content[class*="pdt"] input[class*="btn_hp_"],
#list .list_content[class*="pdt"] input[class*="btn_li_"] {
    border-radius: 20000em;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

body.colonnes_produits_2 #home .list_content[class*="pdt"], body.colonnes_produits_2 #list .uneven[class*="pdt"], body.colonnes_produits_2 #list .pair[class*="pdt"],
body.colonnes_autres_2 #home .list_content:not([class*="pdt"]), body.colonnes_autres_2 #list .uneven:not([class*="pdt"]), body.colonnes_autres_2 #list .pair:not([class*="pdt"]) {
    width: calc(100% / 2 - 15px * 2);
}

/*  = --- Produits --------------- */

#home .list_content[class*="pdt"],
#list .list_content[class*="pdt"] {
    background-color: #fff;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
}

#home .list_content .primary, #home .list_content .primary > a,
#list .list_content .primary, #list .list_content .primary > a,
#slider_list_viewed .item_product > .primary > a {
    height: 2.25em; /* 1.125em * 2 */
    font-size: 1.125em !important; /* 18px / 16px */
}

#home .list_content > .price_pos,
#list .list_content > .price_pos {
    font-size: 1.8571428571em !important; /* 26px / 14px */
}

#home .list_content .price:before, #home .list_content .price:after,
#list .list_content .price:before, #list .list_content .price:after {
    position: absolute;
    width: 18%;
    height: 1px;
    margin-top: calc(1.5em / 2);
    background-color: #000;
    content: "";
}

#home .list_content .price:before,
#list .list_content .price:before {
    left: 0;
}

#home .list_content .price:after,
#list .list_content .price:after {
    right: 0;
}

#home .list_content[class*="pdt"] .pstrike,
#list .list_content[class*="pdt"] .pstrike {
    font-size: .7692307692em !important; /* 20px / 26px */
}

#home .list_content[class*="pdt"] > .list_bottom,
#list .list_content[class*="pdt"] > .list_bottom,
#home .list_content .list_btn,
#list .list_content .list_btn {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

#home .list_content[class*="pdt"] > .list_bottom,
#list .list_content[class*="pdt"] > .list_bottom {
    padding-top: calc(100% - 15px / 2) !important;
}

#home .list_content .list_btn,
#list .list_content .list_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 100%;
    opacity: 0;
    transition: opacity .5s;
}

#home .list_content[class*="pdt"]:hover .list_btn,
#list .list_content[class*="pdt"]:hover .list_btn {
    opacity: 1;
}

#home .list_content .btn_buy,
#list .list_content .btn_buy {
    padding-right: 60px; /* 30px * 2 */
    background-image: url(../img/btn_buy.png);
    background-repeat: no-repeat;
    background-position: right 30px top 50%;
}

#home .list_content .btn_detail,
#list .list_content .btn_detail {
    font-size: .7142857143em; /* 10px / 14px */
    text-transform: none;
}

#home .list_content .btn_detail:not(:hover):not(:focus),
#list .list_content .btn_detail:not(:hover):not(:focus) {
    background-color: #fff;
    color: #1a5039 !important;
}

#home .list_content .list_bottom .btn_buy + a,
#list .list_content .list_bottom .btn_buy + .btn_detail {
    display: block;
    margin-bottom: auto !important;
}

/* ------------------------------- */
/*  =     Pop-up                   */
/* ------------------------------- */

.pop_up .sf_pop {
    overflow-y: auto;
}

/*  = --- Type #2 ---------------- */

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

#popup_div_bkjs .btn_1,
#Annuler {
    border-color: #1a5039 !important;
    color: #1a5039 !important;
}

#popup_div_bkjs .btn_1:hover, #popup_div_bkjs .btn_1:focus,
#Annuler:hover, #Annuler:focus {
    border-color: #000 !important;
    color: #000 !important;
}

/* ------------------------------- */
/*  =     Derniers articles vus    */
/* ------------------------------- */

#sticky_footer {
    background-color: #1a5039;
}

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

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

.scrollable > .btn_browse > a {
    color: #1a5039;
}

/* ------------------------------- */
/*  =     Media Queries            */
/* ------------------------------- */

/*  = --- 400px ------------------ */

@media (min-width: 420px) {
    #inf_1:before {
        justify-content: center;
    }
}

/*  = --- Tiny ------------------- */

@media (max-width: 480px) {
    #home .list_content:not([class*="pdt"]).url1,
    #home .list_content:not([class*="pdt"]).url4 {
        width: calc(100% - 15px * 2) !important;
    }
}

/*  = --- Small ------------------ */

@media (min-width: 481px) {
    body.colonnes_produits_1 #home .list_content[class*="pdt"] > .list_bottom,
    body.colonnes_produits_1 #list .list_content[class*="pdt"] > .list_bottom {
        padding-top: 50% !important;
    }
    
    #retour_haut {
        bottom: 60px;
    }
}

/*  = --- Medium ----------------- */

@media (max-width: 768px) {
    #top {
        padding-bottom: 112px;
    }
    
    #sup_1.arround {
        display: block;
        top: 148px;
        padding: 10px;
        text-align: center;
    }
    
    #home .list_content .primary, #home .list_content .primary > a,
    #list .list_content .primary, #list .list_content .primary > a,
    #slider_list_viewed .item_product > .primary > a {
        height: 4.5em; /* 1.125em * 4 */
    }
}

@media (min-width: 769px) {
    #mag_table_home #tc_03 > h2:first-child,
    #mag_table_home #tc_05 > h2:first-child,
    #mag_table_home #tc_06 > h2:first-child {
        font-size: 3.1428571429em !important; /* 44px / 14px */
    }
    
    #inf_1:before {
        font-size: 44px;
        font-size: 4.4rem;
    }
    
    #comand,
    body.en-tete_g #navig {
        transform: translateY(-50%);
    }
    
    #comand {
        padding-top: 0;
        margin-top: calc(120px / 2);
    }
    
    div#navig {
        right: 200px;
        bottom: auto;
        width: auto;
    }
    
    body.extra_en-tete #navig {
        top: 31px;
    }
    
    body.en-tete_g #navig {
        position: absolute;
        left: 135px !important; /* 15px + 120px */
        z-index: 9998;
        margin-top: calc(155px / 2);
        padding-left: 20px;
        border-bottom-style: none;
        text-align: left;
    }
    
    #menu a:hover,
    #menu a:focus,
    #menu > li:hover > a {
        color: #1a5039 !important;
    }
    
    #menu a.menu {
        display: inline-block;
    }
    
    #menu a.menu:before {
        background-color: #1a5039;
    }
    
    #menu > li:not(.start) + li:before {
        content: "|";
    }
    
    #menu .smenu {
        box-shadow: 0 13px 7px rgba(0, 0, 0, 0.15);
    }
    
    #menu .ssmenu a:before {
        color: #1a5039;
    }
    
    body.en-tete_g #search {
        top: 10px;
        right: 15px;
        left: auto;
    }
    
    #mag_table_home #tc_02 > h2:first-child,
    #mag_table_home #tc_04 > h2:first-child {
        font-size: 2.2857142857em !important; /* 32px / 14px */
    }
    
    #tc_02 > .header,
    #tc_04 > .header {
        font-size: 1.1428571429em; /* 16px / 14px */
        text-align: left;
    }
    
    #mag_table_home #tc_02 .list_content > a,
    #mag_table_home #tc_04 .list_content > a {
        float: none;
        width: auto;
        padding-top: 60% !important;
    }
    
    #mag_table_home #tc_02 .list_content .view,
    #mag_table_home #tc_04 .list_content .view {
        filter: none;
    }
    
    #mag_table_home #tc_02 .list_content .primary,
    #mag_table_home #tc_04 .list_content .primary {
        top: auto;
        bottom: 12%;
        max-width: 50%;
        background-color: rgba(33, 80, 73, .85);
        text-transform: none;
        transition-property: all;
    }
    
    #mag_table_home #tc_02 .url1 .primary, #mag_table_home #tc_02 .url3 .primary,
    #mag_table_home #tc_04 .url1 .primary, #mag_table_home #tc_04 .url3 .primary {
        right: 0;
        left: auto;
    }
    
    #mag_table_home #tc_02 .url2 .primary, #mag_table_home #tc_02 .url4 .primary,
    #mag_table_home #tc_04 .url2 .primary, #mag_table_home #tc_04 .url4 .primary {
        right: auto;
        left: 0;
    }
    
    #mag_table_home #tc_02 .list_content > a:hover > .primary, #mag_table_home #tc_02 .list_content > a:focus > .primary,
    #mag_table_home #tc_04 .list_content > a:hover > .primary, #mag_table_home #tc_04 .list_content > a:focus > .primary {
        background-color: #000;
    }
    
    #mag_table_home #tc_02 .url1 > a:hover > .primary, #mag_table_home #tc_02 .url1 > a:focus > .primary, #mag_table_home #tc_02 .url3 > a:hover > .primary, #mag_table_home #tc_02 .url3 > a:focus > .primary,
    #mag_table_home #tc_04 .url1 > a:hover > .primary, #mag_table_home #tc_04 .url1 > a:focus > .primary, #mag_table_home #tc_04 .url3 > a:hover > .primary, #mag_table_home #tc_04 .url3 > a:focus > .primary {
        padding-right: 50px !important;
    }
    
    #mag_table_home #tc_02 .url2 > a:hover > .primary, #mag_table_home #tc_02 .url2 > a:focus > .primary, #mag_table_home #tc_02 .url4 > a:hover > .primary, #mag_table_home #tc_02 .url4 > a:focus > .primary,
    #mag_table_home #tc_04 .url2 > a:hover > .primary, #mag_table_home #tc_04 .url2 > a:focus > .primary, #mag_table_home #tc_04 .url4 > a:hover > .primary, #mag_table_home #tc_04 .url4 > a:focus > .primary {
        padding-left: 50px !important;
    }
    
    #mag_table_home #tc_02 .list_content .primary > a,
    #mag_table_home #tc_04 .list_content .primary > a {
        display: flex;
        align-items: center;
        overflow: visible;
        color: #fff !important;
    }
    
    #mag_table_home #tc_02 .list_content .primary > a:before,
    #mag_table_home #tc_04 .list_content .primary > a:before {
        margin: 0 1em;
        font-weight: 300;
        color: inherit;
    }
    
    #mag_table_home #tc_02 .url1 .primary > a:before, #mag_table_home #tc_02 .url3 .primary > a:before,
    #mag_table_home #tc_04 .url1 .primary > a:before, #mag_table_home #tc_04 .url3 .primary > a:before {
        order: 1;
        margin-right: 0;
        content: "\f061";
    }
    
    #mag_table_home #tc_02 .url2 .primary > a:before, #mag_table_home #tc_02 .url4 .primary > a:before,
    #mag_table_home #tc_04 .url2 .primary > a:before, #mag_table_home #tc_04 .url4 .primary > a:before {
        margin-left: 0;
        content: "\f060";
    }
    
    #mag_table_home #tc_02 .url2 > a:hover > .view, #mag_table_home #tc_02 .url2 > a:focus > .view, #mag_table_home #tc_02 .url3 > a:hover > .view, #mag_table_home #tc_02 .url3 > a:focus > .view,
    #mag_table_home #tc_04 .url2 > a:hover > .view, #mag_table_home #tc_04 .url2 > a:focus > .view, #mag_table_home #tc_04 .url3 > a:hover > .view, #mag_table_home #tc_04 .url3 > a:focus > .view {
        filter: contrast(1.25) grayscale(1);
    }
    
    #mag_table_home #tc_03 > h2:first-child:after,
    #mag_table_home #tc_05 > h2:first-child:after,
    #mag_table_home #tc_06 > h2:first-child:after {
        display: none;
    }
    
    #tc_01 > .scrollable > .btn_browse > a {
        font-size: 50px;
    }
    
    #mag_table_home #tc_06 > .a-view {
        display: block;
    }
    
    #tc_06 > div {
        text-align: left;
    }
    
    #inf_1:after {
        margin-right: 15%;
    }
    
    #home .list_content, #list .uneven, #list .pair,
    body.colonnes_produits_3 #home .list_content[class*="pdt"], body.colonnes_produits_3 #list .uneven[class*="pdt"], body.colonnes_produits_3 #list .pair[class*="pdt"],
    body.colonnes_autres_3 #home .list_content:not([class*="pdt"]), body.colonnes_autres_3 #list .uneven:not([class*="pdt"]), body.colonnes_autres_3 #list .pair:not([class*="pdt"]) {
        width: calc(100% / 3 - 15px * 2);
    }
    
    body.alignement_sliders_g .scrollable .item_text > div:not(.d):not(.c),
    .scrollable .item_text > .g {
        padding-right: 25% !important;
    }
    
    body.alignement_sliders_d .scrollable .item_text > div:not(.g):not(.c),
    .scrollable .item_text > .d {
        padding-left: 25% !important;
    }
}

/*  = --- Large ------------------ */

@media (min-width: 1025px) {
    #top {
        position: absolute;
        background-color: transparent;
        border-bottom-style: none;
    }
    
    #top:before {
        background-color: rgba(255, 255, 255, .85);
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    }
    
    body:not(.en-tete_g) #navig {
        position: absolute;
        left: 0 !important;
        margin-top: calc(155px / 2);
        border-bottom-style: none;
        transform: translateY(-50%);
    }
    
    body:not(.en-tete_g) #menu {
        display: flex;
    }
    
    body:not(.en-tete_g) #menu > li.m4 {
        margin-left: auto;
    }
    
    #search {
        top: 0 !important;
    }
    
    #navigation,
    #work:not(.work_home) {
        padding-top: 186px;
    }
    
    #navigation ~ #work {
        padding-top: 25px;
    }
    
    #inf_1:after {
        margin-right: 20%;
    }
    
    body:not(.filtres_v) #home .list_content,
    body:not(.filtres_v) #list .uneven,
    body:not(.filtres_v) #list .pair {
        width: calc(100% / 4 - 15px * 2);
    }
    
    #order_step {
        margin-top: 200px !important;
    }
}

/*  = --- 1280px ----------------- */

@media (min-width: 1280px) { /* 1250px + 15px * 2 */
    body.en-tete_g #navig {
        left: 120px !important;
    }
    
    body.en-tete_g #search {
        right: 0;
    }
    
    #mag_table_home #tc_02,
    #mag_table_home #tc_04 {
        padding-top: 75px;
    }
    
    #tc_02 .list_content,
    #tc_04 .list_content {
        margin: 7.5px;
    }
    
    #tc_02 .url1, #tc_02 .url4,
    #tc_04 .url1, #tc_04 .url4 {
        width: calc(100% / 2 - 7.5px * 2 + 30px) !important;
    }
    
    #tc_02 .url2, #tc_02 .url3,
    #tc_04 .url2, #tc_04 .url3 {
        width: calc(100% / 2 - 7.5px * 2 - 30px) !important;
    }
    
    #mag_table_home #tc_02 .list_content > a,
    #mag_table_home #tc_04 .list_content > a {
        padding-top: 350px !important;
    }
    
    #tc_02 .list_content .primary,
    #tc_04 .list_content .primary {
        padding: 25px !important;
    }
    
    #tc_01 {
        overflow: visible !important;
    }
    
    #tc_01 > .scrollable {
        width: 1920px !important;
        margin-left: calc((1920px - 1250px) / -2);
        padding-top: 63.2% !important;
    }
    
    #tc_01 > .scrollable .item_text,
    #tc_01 > .scrollable .prev {
        left: 50%;
        margin-left: calc(-1250px / 2);
    }
    
    #tc_01 > .scrollable .item_text {
        width: 1250px;
    }
    
    #tc_01 > .scrollable .next {
        right: 50%;
        margin-right: calc(-1250px / 2);
    }
}

/*  = --- 1920px ----------------- */

@media (min-width: 1920px) {
    #tc_01 > .scrollable .prev {
        margin-left: calc(-1920px / 2);
    }
    
    #tc_01 > .scrollable .next {
        margin-right: calc(-1920px / 2);
    }
}

/* Sous-Menu personnalisation */

#menu > .m2 > #smenu_2 > #smenu_column_2 > .ssm2 > .smenu_header_h2 {
    white-space: nowrap;
}

/* Affichage image liste mobile */

.work_margin .header .view, .work_margin > .view:not(#image) {
    display: block;
}

/* Code avantage */


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

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

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

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

/* Panier mobile */

@media (max-width: 480px) {
    #basket_tab {
        border: 0;
    }
    
    #basket_tab td {
        border: 0;
        height: auto !important;
        margin: 0;
        padding: 0;
        flex: 1;
    }
    #basket_tab tr {
        align-items: center;
        border: 1px solid #ccc;
        display: flex;
        flex-wrap: wrap;
    }
    #basket_tab tr:not(:last-child) {
        border-bottom-width: 0;
    }
    #basket_tab .col1 {
        flex: 0 0 100%;
        padding: 10px;
    }
    #basket_tab a {
        text-align: center;
    }
    #basket_tab img {
        float: none;
        display: block;
        margin: 0 auto 5px;
        max-width: 75px;
    }
    #basket .secondary {
        flex: 0 0 100%;
        margin-top: 5px;
    }
    #basket_tab .header {
        display: none;
    }
    #basket_tab .footer td,
    #basket_tab .footer ~ tr td {
        text-align: center !important;
    }
}