/* Login / Reset */
.layout-container[data-alias="login"] #mainPage,
.layout-container[data-alias="reset"] #mainPage{
    background-image: url('../img/background-login.jpg');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: -30px;
    margin-right: -30px;
}
@media screen and (max-width: 550px){
    .layout-container[data-alias="login"] #mainPage,
    .layout-container[data-alias="reset"] #mainPage{
        padding: 0;
    }
    .layout-container[data-alias="login"] .login-section,
    .layout-container[data-alias="reset"] .reset-password-page{
        margin: 0;
        border: none;
        border-radius: 0;
    }
}
/* Listes catégories */
#liste-all-categories #listing-categories .titreCategorie{
    color: #000000;
    font-size: 19px;
    font-weight: 500;
}
#liste-all-categories #listing-categories .texteCategorie{
    display: none;
}
#liste-categories #listing-categories .titreCategorie{
    color: #000000;
    font-size: 15px;
    font-weight: 500;
}
/* Taille image dans les entêtes */
.entete-categorie .img-container img{
/*    max-height: 200px;*/
}
/* Titre et description courte dans les entêtes */
#liste-categories #titre-categorie,
#liste-categories #description-courte-categorie,
#liste-articles #titre-categorie,
#liste-articles #description-courte-categorie{
/*    color: #FFF;*/
}
/* Listes articles */
#listing-articles .badge{
    background-color: #E2B857 !important;
}
#listing-articles .article .imgArticle{
    max-height: 220px !important;
    border: none;
}
#listing-articles .truncate{
    white-space: wrap;
}
#listing-articles .article .titreArticle{
    font-size: 15px;
}
#listing-articles .article .dispoArticle{
    display: none;
}
.description-longue-categorie h2{
	font-weight: 600;
	font-size: 1.5em;
	margin: 0.83em 0;
}
.description-longue-categorie h2:first-child{
	margin-top: 0;
}
.description-longue-categorie h3{
	font-weight: 600;
	font-size: 1.17em;
	margin: 1em 0;
}
.description-longue-categorie h4,
.description-longue-categorie h5,
.description-longue-categorie h6{
	font-weight: 600;
	margin: 1em 0;
}
/* Listes articles - Filtres */
#colonne-filtres .titre-filtre{
    color: #000000;
    background-color: #EBEBEB;
}
#colonne-filtres .titre-filtre span::after {
    content: url("data:image/svg+xml,%3Csvg width='14' fill='%23000000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
}
#colonne-filtres .range .track-container .thumb{
    background-color: #E2B857;
}
#colonne-filtres .filtreSystem{
    display: none;
}
/* Fiche article */
#fiche-article #product-detail{
    row-gap: 0;
}
@media (min-width: 768px) {
    #fiche-article #product-detail{
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}
@media (min-width: 1023px) {
    #fiche-article #product-detail{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
#fiche-article #colonneImages{
    height: fit-content;
    flex-direction: row;
    padding-left: 0;
    padding-right: 30px;
    gap: 30px;
}
@media screen and (max-width: 1022px){
    #fiche-article #colonneImages{
        padding-right: 0;
        gap: 15px;
    }
}
@media screen and (max-width: 525px){
    #fiche-article #colonneImages{
        margin-left: -30px;
        margin-right: -30px;
    }
}
#fiche-article #colonneImages #carouselImagePrincipale{
    width: calc(100% - 115px);
    margin: 0;
}
#fiche-article #colonneImages:not(.has-thumbnail) #carouselImagePrincipale{
    width: 100%;
}
@media screen and (max-width: 1022px){
    #fiche-article #colonneImages #carouselImagePrincipale{
        width: calc(100% - 100px);
    }
}
@media screen and (max-width: 525px){
    #fiche-article #colonneImages #carouselImagePrincipale{
        width: 100%;
    }
}
#fiche-article #colonneImages #carouselImagePrincipale .slick-list .slick-track .slick-slide img{
    border-radius: 8px;
}
@media screen and (max-width: 525px){
    #fiche-article #colonneImages #carouselImagePrincipale .slick-list .slick-track .slick-slide img{
        border-radius: 0;
    }
}
#fiche-article #colonneImages #carouselThumbnail{
    width: 85px;
    flex-direction: column;
    justify-content: center;
    margin-top: 0;
}
@media screen and (max-width: 525px){
    #fiche-article #colonneImages #carouselThumbnail{
        display: none;
    }
}
#fiche-article #colonneImages #carouselThumbnail .slick-list .slick-track{
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#fiche-article #colonneImages #carouselThumbnail .slick-list .slick-track .slick-slide{
    width: 77px !important;
    height: 77px;
    margin: 5px 0;
    padding: 0;
    border-radius: 8px;
    border: none;
    opacity: 0.65 !important;
    transition: opacity .1s;
}
#fiche-article #colonneImages #carouselThumbnail .slick-list .slick-track .slick-slide:hover{
    opacity: 1 !important;
}
#fiche-article #colonneImages #carouselThumbnail .slick-list .slick-track .slick-slide.slick-current{
    border: 2px solid #FFFFFF;
    outline: 2px solid #000000;
    opacity: 1 !important;
}
#fiche-article #colonneImages .slick-prev,
#fiche-article #colonneImages .slick-next{
    width: 85px;
    height: 40px;
    transform: inherit;
    top: 0;
}
#fiche-article #colonneImages .slick-prev:before,
#fiche-article #colonneImages .slick-next:before{
    width: 85px;
    height: 40px;
    background-size: 85px 40px;
}
#fiche-article #colonneImages .slick-prev:before{
    background-image: url('../img/fiche/arrow-left-fiche.svg');
}
#fiche-article #colonneImages .slick-next:before{
    background-image: url('../img/fiche/arrow-right-fiche.svg');
}
@media screen and (max-width: 525px){
    #fiche-article #colonneImages .slick-dots{
        bottom: 10px;
    }
}
#fiche-article #colonneInfos{
    background-color: #FFFFFF;
    padding: 30px 0;
}
#fiche-article #colonneInfos #nomArticle{
    font-size: 32px !important;
    font-weight: 500 !important;
    color: #000000;
}
#fiche-article #colonneInfos #refArticle{
    font-size: 14px;
    font-weight: 600;
    color: #4C4C4C;
}
#fiche-article #colonneInfos #refArticle span{
    font-size: 14px;
    font-weight: 400 !important;
    color: #4C4C4C;
}
#fiche-article #colonneInfos #optionsArticleRelative .background-success{
    background-color: #E2B857 !important;
}
#fiche-article #colonneInfos #ancresOngelets{
    font-weight: 500;
    color: #88634B;
}
#fiche-article #colonneInfos #ancresOngelets a{
    text-align: center;
    text-decoration: underline;
}
@media screen and (max-width: 500px){
    #fiche-article #colonneInfos #ancresOngelets{
        font-size: 14px;
    }
}
#fiche-article #colonneInfos #prixArticle .prixBarre{
    position: relative;
    padding-left: 155px;
    font-weight: 300 !important;
}
#fiche-article #colonneInfos #prixArticle .prixBarre:before{
    content: "Prix public conseillé : ";
    position: absolute;
    left: 0;
}
#fiche-article #colonneInfos #prixArticle .prix{
    font-size: 20px;
    font-weight: 600;
}
#fiche-article #colonneInfos #prixArticle .background-warning{
    background-color: #E2B857;
}
#fiche-article #colonneInfos #ecoPart{
    font-size: 12px;
    color: #636060;
}
/* Fiche article - Boutons quantité */
#fiche-article .buttonConversion.button--minus,
#fiche-article .buttonConversion.button--plus{
    font-size: 25px !important;
    font-weight: 300;
    color: #000000 !important;
    background-color: #FFFFFF !important;
    border: 1px solid #CCCCCC !important;
}
#fiche-article .buttonConversion.button--minus:hover,
#fiche-article .buttonConversion.button--plus:hover{
    color: #FFFFFF !important;
    background-color: #88634B !important;
}
#fiche-article .buttonConversion.button--minus{
    border-right: none !important;
}
#fiche-article .buttonConversion.button--plus{
    border-left: none !important;
}
/* Fiche article - Bouton wishlist */
#fiche-article #bouttonWishlist{
    min-width: 48px;
    font-size: 0 !important;
    background-image: url('../img/user/empty-heart.svg');
    background-repeat: no-repeat;
    padding: 0 !important;
    border: none !important;
}
#fiche-article #bouttonWishlist:hover{
    background-image: url('../img/user/favorite-address.svg');
    background-position: 0 center;
}
@media screen and (max-width: 1279px){
    #fiche-article #bouttonWishlist{
        color: #88634B !important;
        font-size: 15px !important;
        background-position: 20px center;
        padding-left: 75px !important;
    }
    #fiche-article #bouttonWishlist:hover{
        color: #FFF !important;
        background-color: #88634B !important;
        padding-left: 55px !important;
        padding-right: 20px !important;
    }
}
@media screen and (max-width: 500px){
    #fiche-article #bouttonsArticle form > div.flex{
        flex-direction: column;
    }
    #fiche-article #bouttonWishlist{
        order: 3 !important;
    }
}
/* Fiche article - Réassurances */
#fiche-article  #reassurancesArticle{
    padding: 0;
    border: none;
}
#fiche-article #services-fiche{
    font-size: 14px;
    font-weight: 600;
    color: #88634B;
    background-color: #EDEEF1;
}
#fiche-article #services-fiche a{
    font-weight: 500;
    text-decoration: underline;
}
#fiche-article #devis-fiche{
    font-weight: 500;
    color: #FFFFFF;
    background-color: #153359;
}
#fiche-article #contact-fiche{
    border: 1px solid #E2B857;
}
/* Fiche article - Articles complémentaires en carroussel */
#fiche-article #crossSellingArticles{
    display: flex;
    flex-direction: row;
    align-items: center;
}
#fiche-article #crossSellingArticles .crossSellingArticle.bloc-fond{
    background-color: #FFF;
    gap: 8px;
}
/* Fiche article - Pas de border-radius sur les input quantité */
#fiche-article #colonneInfos #bouttonsArticle #qty,
#fiche-article #effetsEcomArticle #qty{
    border-radius: 0 !important;
}
/* Onglets */
#tabs-article{
    margin-top: 20px !important;
}
#tabs-article #tabs-title .tab-title{
    height: 65px !important;
    line-height: 50px !important;
    padding: 5px 80px !important;
}
#tabs-article #tabs-content #article-poids,
#tabs-article #tabs-content #article-dimensions{
    display: none;
}
#tabs-article ul,
div[property="schema:text"] ul:not(.slick-dots),
.description-longue-categorie ul{
    list-style: inherit;
    padding: 16px 0 0 32px;
}
#tabs-article ul li ul,
div[property="schema:text"] ul:not(.slick-dots) li ul,
.description-longue-categorie ul li ul{
    list-style: revert;
    padding-top: 0;
}
#tabs-article ul li ul li ul,
div[property="schema:text"] ul:not(.slick-dots) li ul li ul,
.description-longue-categorie ul li ul li ul{
    list-style: square;
    padding-top: 0;
}
/* Design coeur : adresse favoris, articles favoris */
#colonne-informations-personnelles #mes-adresses .mon-adresse{
    position: relative;
}
#colonne-informations-personnelles #mes-adresses .mon-adresse .user-address-preference{
    width: 30px;
    height: 30px;
    position: absolute;
    right: 18px;
    top: 18px;
    background-size: auto 30px;
}
#colonne-informations-personnelles #mes-adresses .mon-adresse .user-address-preference.empty-heart{
    background-image: url('../img/user/empty-heart.svg');
}
#colonne-informations-personnelles #mes-adresses .mon-adresse .user-address-preference.favorite-address,
#colonne-informations-personnelles #mes-adresses .mon-adresse .user-address-preference.empty-heart:hover{
    background-image: url('../img/user/favorite-address.svg');
}
#listing-articles .article .add-favorite-button{
    padding: 10px !important;
    border: 1px solid #88634B !important;
}
#listing-articles .article .add-favorite-button svg{
    width: 26px !important;
    height: 26px !important;
    fill: #FFFFFF !important;
}
#listing-articles .article:not(.is-favorite) .product-badge:not(.is-favorite) .add-favorite-button svg{
    stroke: #88634B !important;
}
#listing-articles .article .add-favorite-button:hover,
#listing-articles .article.is-favorite .add-favorite-button,
#listing-articles .article .is-favorite .add-favorite-button{
    background-color: #88634B !important;
}