@media (min-width: 1200px) {
            .container {  	
                width: 1200px;
                
            }}
         :root {  
            --hovercolor: #D32128; 
            --bg_dark: ; 
            --font-weight: 600;  
			
        }body{
            font-family: "Open Sans", sans-serif;
            font-size: 14px;
            color: #404041;
        }.pos_title h2,.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
            font-family: "Montserrat", sans-serif;
            color: #253237;
            text-transform: none;
			font-weight: 600;
        }.pos_title h2{
            font-size: 24px;
        }.pos-title{
            font-family: "Montserrat", sans-serif;
        }.pos-title-column h4{   
            font-size: 20px;
        }#header .sticky-inner.scroll-menu{  
            background-color: #FFFFFFCC;   
        }.js-product-miniature .product_desc .product_name{
            color: #253237;
            font-size: 14px;
            text-transform: none;
        }.js-product-miniature .product_desc .product_name:hover{
            color: #F6435B;
        }.product-price-and-shipping .price{
            color:#555555;
            font-size: 15px;
        }.h1.namne_details, .product_name_h1{
            color: #253237;
            font-size: 24px;
            text-transform: none;
        }.product-prices .price, .product-prices .current-price span:first-child{
            color:#555555;
            font-size: 22px;
        }#product.showcase-body #header,.showcase-inner,#product.showcase-body .page-title-wrapper{
            background-color: ;
        }/* ==========================================================
   SUPPORT TABLETTE
   PAGE "MON COMPTE"
   VERSION COMPLETE
   ========================================================== */


/* ==========================================================
   1. PAGE GENERALE
   ========================================================== */

body#my-account #wrapper {
    background: #ffffff !important;
}


/* ==========================================================
   2. TITRE DE PAGE
   ========================================================== */

body#my-account .page-title-wrapper {
    padding-top: 22px !important;
    padding-bottom: 18px !important;
    margin-bottom: 0 !important;
}


/* ==========================================================
   3. CONTENEUR PRINCIPAL
   ========================================================== */

body#my-account #wrapper > .container {
    width: 100% !important;
    max-width: 1200px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}

body#my-account .row-wrapper {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

body#my-account #content-wrapper {
    width: 100% !important;
    max-width: 100% !important;

    padding-left: 15px !important;
    padding-right: 15px !important;
}


/* ==========================================================
   4. ZONE DES LIENS "MON COMPTE"
   ========================================================== */

body#my-account .page-content {
    width: 100% !important;
}

body#my-account .page-content .links {
    display: flex !important;
    flex-wrap: wrap !important;

    width: 100% !important;

    margin: 20px 0 0 0 !important;
    padding: 0 !important;
}


/* ==========================================================
   5. COLONNES
   3 CARTES PAR LIGNE SUR ORDINATEUR
   ========================================================== */

body#my-account .page-content .links > div {
    width: 33.333333% !important;
    flex: 0 0 33.333333% !important;

    margin: 0 !important;
    padding: 9px !important;

    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
}


/* ==========================================================
   6. CARTES
   ========================================================== */

body#my-account .page-content .links > div > a {
    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    height: 145px !important;
    min-height: 145px !important;

    margin: 0 !important;
    padding: 20px !important;

    background: #ffffff !important;

    border: 1px solid #e1e4e6 !important;
    border-radius: 4px !important;

    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.07) !important;

    text-align: center !important;
    text-decoration: none !important;

    transition:
        transform 0.20s ease,
        box-shadow 0.20s ease,
        border-color 0.20s ease !important;
}


/* ==========================================================
   7. SURVOL DES CARTES
   ========================================================== */

body#my-account .page-content .links > div > a:hover {
    transform: translateY(-3px) !important;

    border-color: #bd3939 !important;

    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.12) !important;

    text-decoration: none !important;
}


/* ==========================================================
   8. ICONES - ETAT NORMAL
   Bleu/noir comme actuellement
   ========================================================== */

body#my-account .page-content .links > div > a i,
body#my-account .page-content .links > div > a i::before,
body#my-account .page-content .links > div > a .material-icons {
    display: block !important;

    color: #263238 !important;

    font-size: 30px !important;
    line-height: 1 !important;

    margin: 0 0 16px 0 !important;

    transition:
        color 0.20s ease,
        transform 0.20s ease !important;
}


/* ==========================================================
   9. ICONES - SURVOL
   Rouge Support Tablette
   ========================================================== */

body#my-account .page-content .links > div > a:hover i,
body#my-account .page-content .links > div > a:hover i::before,
body#my-account .page-content .links > div > a:hover .material-icons {
    color: #bd3939 !important;

    transform: scale(1.08) !important;
}


/* ==========================================================
   10. TEXTE DES CARTES
   ========================================================== */

body#my-account .page-content .links > div > a span {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    color: #555555 !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    text-align: center !important;

    transition: color 0.20s ease !important;
}


/* Texte rouge au survol */

body#my-account .page-content .links > div > a:hover span {
    color: #bd3939 !important;
}


/* ==========================================================
   11. BOUTONS DU BAS
   ========================================================== */

body#my-account .page-footer {
    margin-top: 8px !important;
    margin-bottom: 35px !important;

    padding-left: 9px !important;
}

body#my-account .page-footer a {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 40px !important;

    margin-right: 12px !important;
    margin-bottom: 10px !important;

    padding: 10px 22px !important;

    background: #263238 !important;
    color: #ffffff !important;

    border: 0 !important;
    border-radius: 3px !important;

    font-size: 12px !important;
    font-weight: 500 !important;

    text-decoration: none !important;

    transition:
        background 0.20s ease,
        transform 0.20s ease !important;
}


/* Boutons au survol */

body#my-account .page-footer a:hover {
    background: #bd3939 !important;
    color: #ffffff !important;

    transform: translateY(-2px) !important;
}


/* Icones des boutons du bas */

body#my-account .page-footer a i,
body#my-account .page-footer a .material-icons {
    color: #ffffff !important;
}


/* ==========================================================
   12. TABLETTE
   2 CARTES PAR LIGNE
   ========================================================== */

@media (max-width: 991px) {

    body#my-account .page-content .links > div {
        width: 50% !important;
        flex: 0 0 50% !important;
    }

    body#my-account .page-content .links > div > a {
        height: 140px !important;
        min-height: 140px !important;
    }

}


/* ==========================================================
   13. MOBILE
   1 CARTE PAR LIGNE
   ========================================================== */

@media (max-width: 575px) {

    body#my-account .page-title-wrapper {
        padding-top: 18px !important;
        padding-bottom: 12px !important;
    }


    body#my-account .page-content .links {
        margin-top: 10px !important;
    }


    body#my-account .page-content .links > div {
        width: 100% !important;
        flex: 0 0 100% !important;

        padding: 7px 0 !important;
    }


    body#my-account .page-content .links > div > a {
        width: 100% !important;

        height: 120px !important;
        min-height: 120px !important;

        padding: 15px !important;
    }


    body#my-account .page-content .links > div > a i,
    body#my-account .page-content .links > div > a .material-icons {
        font-size: 28px !important;

        margin-bottom: 13px !important;
    }


    body#my-account .page-footer {
        padding-left: 0 !important;
    }

}