:root {
    /* COULEUR */
    --color-principal: #F2F9FC; /* Couleur principal */

    --color-btn-menu: #335D70; /* Couleur pour la plupart des bouton */
    --color-btn-menu-press: #13516E; 
    --color-btn-disable: #C9C9C9;

    --color-shadow: #DCDCDC;
    --color-base-shopping: #F2F9FC; 

    --color-contour-search: #EBE9E9;
    --color-fontsearch: #ffffff;
    --color-search: #99B9C8;
    --color-champ-placeholder: #335D70;
    --color-champ: #13516E;

    --color-button2: #ECEBEB;
    --color-button2-press: #335D70;

    --color-textGrandPage: #13516E;

    --radius-shadow: 20px;
    --round-corner1: 3px;
    --round-corner2: 30px;

    --promo-background: #13516E;
    --promo-color: #FFFFFF;

    --voirproduit-background: #13516E;
    --voirproduit-color: #FFFFFF;

    --produit-nom-color: #99B9C8;
    --produit-prix-color: #13516E;
    --produit-prix-ancien-color: #99B9C8;

    --font-family: "Poppins";

    --grid-margin: 24px;
    --grid-max-width: 1280px;

    --logo-webshop: url('../Images/Clients/LIFRAS_Logo.png');
    --logo-webshop-footer: url('../Images/Clients/LIFRAS_LogoBlanc.png');
    --logo-404: url('../Images/404.svg');
    --image-header: url('../Images/Clients/LIFRAS_Header.png');

    --footer-bar-color: #DCDCDC;
    --footer-background: #4F8EAB;
    --footer-text-color: #FFFFFF;
    --footer-title-color: #FFFFFF;

    --footer-follow-background: #13516E;
    --footer-follow-color: #FFFFFF;

    --padding-page1: 8vw;
    --padding-page2: 18.3vw;

    --description-produit-color: #99B9C8;
    --selector-color: #48768B;
    --selector-background: #FFFFFF;
    --selector-press: #335D70;
    --selector-border-color: #DCDCDC;
    --selector-color-label: #99B9C8;

    --shop-background: #F5F5F5;

    /* MODAL */
    --modal-color-titre: #13516E;
    --modal-color-close: #99B9C8;
    --modal-color-border: #E5F1F7;
    --modal-border-color-clair: #DCDCDC;
    --modal-color-clair: #335D70;
    --modal-background-clair-hover: #335D70;
    --modal-color-clair-hover: #F2F9FC;
    --modal-color-produit: #335D70;
    --modal-color-produit2: #99B9C8;

    --icone-rond-background: #92D7DF;
    --icone-rond-color: #FFFFFF;
    --icone-rond-background-clair: #F5F5F5;
    --icone-rond-color-clair: #335D70;

}

.footer-logo { 
    width: 150px;
    height: 45px;
}
.logo-navbar {
    width: 127px;
    height: 30px;
}

.afterHeader-page .imgHeader {
    background: var(--image-header) no-repeat bottom right / auto 76%;
}