@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/ColinternetBackoffice/ColinternetBackoffice.xamnq0rdea.bundle.scp.css';
@import '_content/CoreBlazor.Shared/CoreBlazor.Shared.saxj4dhvep.bundle.scp.css';

/* _content/Colinternet/Defaut/Composants/ArticleFavoris/ListeArticlesFavoris.razor.rz.scp.css */
#listeArticleFavoris[b-hcj5cb3j1j] {
    display: flex;
    flex-direction: column;
}

.article[b-hcj5cb3j1j] {
    display: flex;
    flex-direction: column;
    background: var(--CS_color-blanc) 0% 0% no-repeat padding-box;
    border: 1px solid #CBCBCB;
    border-radius: 5px;
    padding: 1vw;
    margin: 1vh 2vw;
}
    .article > div:first-child[b-hcj5cb3j1j] {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }
        .article > div:first-child > div[b-hcj5cb3j1j] {
            margin: auto;
            width: 25%;
        }

.imgArticle[b-hcj5cb3j1j] {
    width: 8vw;
    height: 8vw;
    display: flex;
    padding: 1vw;
}
    .imgArticle > img[b-hcj5cb3j1j] {
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }

.infoArticle > div:first-child[b-hcj5cb3j1j] {
    text-align: left;
    font: normal normal bold 12px/17px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    text-transform: uppercase;
}
.infoArticle > div:last-child[b-hcj5cb3j1j] {
    text-align: left;
    font: normal normal normal 12px/17px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
}
.infoArticle > div:last-child > p:last-child[b-hcj5cb3j1j]{
    font: normal normal 600 12px/17px var(--CS_font1);
}

.boutonArticle[b-hcj5cb3j1j] {
    display: flex;
    justify-content: center;
}

.btnPlusMoins[b-hcj5cb3j1j] {
    display: flex;
    justify-content: space-around;
    margin: auto;
    flex-direction: column;
    width: 5vw;
}
    /*Bouton*/
    .btnPlusMoins > div:first-child[b-hcj5cb3j1j] {
        display: flex;
        justify-content: space-around;
        margin: auto;
    }

        .btnPlusMoins > div:first-child > div:first-child[b-hcj5cb3j1j], .btnPlusMoins > div:first-child > div:last-child[b-hcj5cb3j1j] {
            box-shadow: 0px 3px 6px #00000029;
            border-radius: 5px;
            text-align: left;
            font: normal normal normal 25px/30px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-blanc);
            display: flex;
            justify-content: center;
            background: var(--CS_color1) 0% 0% no-repeat padding-box;
        }

            .btnPlusMoins > div:first-child > div:first-child > span[b-hcj5cb3j1j], .btnPlusMoins > div:first-child > div:last-child > span[b-hcj5cb3j1j] {
                margin: auto;
            }

        .btnPlusMoins > div:first-child > div:nth-child(2)[b-hcj5cb3j1j] {
            text-align: center;
            font: normal normal normal 17px/20px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
            margin: 0 0.5vw;
            min-width: 1.5vw;
        }

.btnDisable[b-hcj5cb3j1j] {
    background: var(--CS_color2) 0% 0% no-repeat padding-box!important;
}
/*Texte increment*/
.btnPlusMoins > div:last-child[b-hcj5cb3j1j] {
    text-align: left;
    font: normal normal normal 13px/16px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    margin: auto;
}

.panier[b-hcj5cb3j1j] {
    width: 1vw;
    margin: auto;
    margin-left: 1vw;
    color: var(--CS_color1);
}

.prixArticle[b-hcj5cb3j1j]{
    display :flex;
    flex-direction : column;
}
    .prixArticle > p:first-child[b-hcj5cb3j1j] {
        font: normal normal normal 20px/24px var(--CS_font1);
    }
    .prixArticle > p[b-hcj5cb3j1j] {
        text-align: center;
        font: normal normal normal 12px/17px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
        text-transform: uppercase;
    }

.ajouterPanier > div[b-hcj5cb3j1j] {
    text-align: center;
    font: normal normal 600 12px/15px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-blanc);
    text-transform: uppercase;
    width: 90%;
    margin: auto;
    margin-top: auto;
    margin-top: auto;
    margin-top: 1vh;
    background: var(--CS_color1) 0% 0% no-repeat padding-box;
    border-radius: 5px;
    padding: 1vh 0.2vw;
    display: flex;
}
    .ajouterPanier > div.disabled[b-hcj5cb3j1j] {
        background: white 0% 0% no-repeat padding-box;
        border: solid 1px var(--CS_color1);
        color: var(--CS_color1);
    }
    .ajouterPanier > div > p[b-hcj5cb3j1j] {
        margin: auto;
    }

.addP[b-hcj5cb3j1j]{
    width: fit-content;
    margin: auto
}

.article > span:last-child[b-hcj5cb3j1j] {
    display: flex;
    justify-content: flex-end;
    color: var(--CS_color1);
    cursor: pointer;
}
/* _content/Colinternet/Defaut/Composants/ArticleFavoris/PopupCreationListeArticleFavoris.razor.rz.scp.css */

#popupCreationListeArticleFavoris[b-i7ktqlo8i3] {
    position: relative;
    margin: auto;
    background-color: white;
    border: 3px solid var(--CS_color1);
    border-radius: 5px;
    box-shadow: 0px 3px 6px #00000029;
    width: 25vw;
    display: flex;
    flex-direction: column;
    text-align: left;
    font: normal normal normal 15px/18px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
}

    #popupCreationListeArticleFavoris > .headerCreationListeArticleFavoris[b-i7ktqlo8i3] {
        display: flex;
        justify-content: space-between;
        padding: 1vh;
        font: normal normal 600 20px/27px var(--CS_font1);
    }

    #popupCreationListeArticleFavoris > .contentCreationListeArticleFavoris[b-i7ktqlo8i3] {
        font: normal normal normal 20px/27px var(--CS_font1);
        padding: 1vh;
    }

    #popupCreationListeArticleFavoris > .footerCreationListeArticleFavoris[b-i7ktqlo8i3] {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        font: normal normal 600 12px/15px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-blanc);
        text-transform: uppercase;
        margin-top: 3vh;
        margin-bottom: 3vh;
    }

        #popupCreationListeArticleFavoris > .footerCreationListeArticleFavoris > div[b-i7ktqlo8i3] {
            background: var(--CS_color1) 0% 0% no-repeat padding-box;
            border-radius: 5px;
            padding: 1vh 1vw;
            display: flex;
        }

            #popupCreationListeArticleFavoris > .footerCreationListeArticleFavoris > div > p[b-i7ktqlo8i3] {
                margin: auto;
            }
/* _content/Colinternet/Defaut/Composants/Article/ArticleDetail.razor.rz.scp.css */
#informationArticle[b-qmowciin68] {
    display: flex;
    flex-direction: column;
}

.TitreArticle[b-qmowciin68] {
    font-size: 32px;
    magin-bottom: 10px;
    color: var(--color-custom);
}

.DetailArticle[b-qmowciin68] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    .DetailArticle > div:first-child[b-qmowciin68] {
        width: 49%;
    }

    .DetailArticle > div:last-child[b-qmowciin68] {
        width: 49%;
    }

.SuivantPrecedent ul[b-qmowciin68] {
    list-style: none;
    display: flex;
    gap: 2vw;
}

    .SuivantPrecedent ul li[b-qmowciin68] {
        white-space: nowrap;
        display: flex;
    }

details[b-qmowciin68] {
    color: var(--color-custom);
    /*
        width: 85%;
        margin: auto;*/
}

    details p[b-qmowciin68] {
        font-size: 13px;
    }

    details .label[b-qmowciin68] {
        font-size: 15px;
        min-width: 200px;
    }

summary[b-qmowciin68] {
    font-weight: 600;
}

    summary[b-qmowciin68]::marker {
        content: "";
    }

details summary[b-qmowciin68]::after {
    content: "\e5cf";
    font-family: 'Material Symbols Outlined';
    transform: rotate(-90deg);
    transition: all .3s linear;
    display: inline-block;
    width: fit-content;
}

details[open] summary[b-qmowciin68]::after {
    transform: rotate(0deg)
}

.imagePrincipale[b-qmowciin68] {
    display: flex;
    margin-bottom: 2vh;
    padding: 20px;
    max-width: 40vw;
    max-height: 60vh;
    margin: auto;
    justify-content: center;
}

    .imagePrincipale > img[b-qmowciin68] {
        object-fit: contain;
        max-width: 100%;
        max-height: 100%;
    }

.imageSecondaires[b-qmowciin68] {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    cursor: pointer;
}

    .imageSecondaires > div[b-qmowciin68] {
        width: 100px;
        height: 100px;
        margin-bottom: 1vh;
        /* display: flex; */
         border: solid 1px #eee;
         padding: 5px;
    }
        .imageSecondaires > div:hover[b-qmowciin68]{
            opacity:0.8;
        }

        .imageSecondaires > div > img[b-qmowciin68] {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

.telechargement[b-qmowciin68] {
    text-align: left;
    font: normal normal normal 15px/19px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    bottom: 0;
    width: 16vw;
    margin: 0 auto;
    /*    position: absolute;
*/
    /*display: none;*/
}

    .telechargement > div[b-qmowciin68] {
        display: flex;
        cursor: pointer;
    }

        .telechargement > div > span[b-qmowciin68] {
            margin: auto 0;
        }

#informationArticle > div:last-child[b-qmowciin68] {
    /*width: 75%;*/
}

.labelInfos[b-qmowciin68] {
    display: inline-block;
}

[b-qmowciin68] table {
    color: var(--color-custom) !important;
}

.enteteDetailArticle[b-qmowciin68] {
    margin-bottom: 2vh;
}
    /*Titre + stock*/
    .enteteDetailArticle > div:first-child[b-qmowciin68] {
        display: flex;
        flex-direction: column;
    }
        /*Titre*/
        .enteteDetailArticle > div:first-child > div:first-child[b-qmowciin68] {
            font: normal normal normal 25px/30px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
            width: 70%;
        }
/*Stock*/
.infoStock div[b-qmowciin68] {
    margin: 20px 0 0 10px;
    font-size: 20px !important;
}

.infoStock > div[b-qmowciin68] {
    display: flex;
    flex-direction: row;
    text-align: left;
    font: normal normal normal 15px/19px var(--CS_font1);
    letter-spacing: 0px;
}

    .infoStock > div > p[b-qmowciin68] {
        width: fit-content;
    }

    .infoStock > div > span[b-qmowciin68] {
        margin: auto;
    }

    .infoStock > div > div[b-qmowciin68] {
        display: flex;
        align-items: center;
    }

    .infoStock > div > svg[b-qmowciin68] {
        margin-right: 0.5vw;
    }


/*BreadCrumb*/
.enteteDetailArticle > div:last-child[b-qmowciin68] {
    text-align: left;
    font: normal normal normal 12px/15px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
}

    .enteteDetailArticle > div:last-child > span:hover[b-qmowciin68] {
        font-weight: 600;
    }

    .enteteDetailArticle > div:last-child > span[b-qmowciin68] {
        cursor: pointer;
    }

.informationPrincipal[b-qmowciin68] {
    display: flex;
    flex-direction: row;
    margin: 2vh 0 0;
    justify-content: space-between;
}
    /*Ref gencode etc...*/
    .informationPrincipal > div:first-child[b-qmowciin68] {
        text-align: left;
        font: normal normal normal 15px/19px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
    }

    /*prix*/

    .informationPrincipal > div:nth-child(2) > div:first-child[b-qmowciin68] {
        margin-bottom: 20px;
    }

        .informationPrincipal > div:nth-child(2) > div:first-child > p[b-qmowciin68] {
            width: fit-content;
            margin: auto;
        }

.prix[b-qmowciin68] {
    font-weight: 600;
    font-size: 30px;
    color: var(--color-custom);
}
/*Prix vente ht*/
.informationPrincipal > div:nth-child(2) > p:first-child[b-qmowciin68] {
    text-align: left;
    font: normal normal 17px/19px var(--CS_font1);
    letter-spacing: 0px;
    margin-top: auto;
}

    .informationPrincipal > div:nth-child(2) > p:first-child > span[b-qmowciin68] {
        text-align: left;
        font: normal normal bold 22px/19px var(--CS_font1);
        letter-spacing: 0px;
    }

/*Prix vente conseille*/
.informationPrincipal > div:nth-child(2) > p:last-child[b-qmowciin68] {
    text-align: left;
    font: normal normal normal 15px/19px var(--CS_font1);
    letter-spacing: 0px;
    margin-bottom: auto;
}

/*btn plus moins*/
.informationPrincipal > div:last-child[b-qmowciin68] {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.btnPlusMoins[b-qmowciin68] {
    display: flex;
    justify-content: space-around;
    margin: auto;
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: 20px;
}
    /*Bouton*/
    .btnPlusMoins > div:first-child[b-qmowciin68] {
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 115px;
    }

        .btnPlusMoins > div:first-child > div:first-child[b-qmowciin68], .btnPlusMoins > div:first-child > div:last-child[b-qmowciin68] {
            box-shadow: 0px 3px 6px #00000029;
            border-radius: 5px;
            text-align: left;
            font: normal normal normal 25px/30px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-blanc);
            display: flex;
            justify-content: center;
            background: var(--color-custom) 0% 0% no-repeat padding-box;
        }

            .btnPlusMoins > div:first-child > div:first-child > span[b-qmowciin68], .btnPlusMoins > div:first-child > div:last-child > span[b-qmowciin68] {
                margin: auto;
                padding: 5px;
            }

        .btnPlusMoins > div:first-child > div:nth-child(2)[b-qmowciin68] {
            text-align: center;
            font: normal normal normal 17px/20px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
            margin: 0 0.5vw;
            min-width: 1.5vw;
        }

.btnDisable[b-qmowciin68] {
    background: var(--CS_color2) 0% 0% no-repeat padding-box !important;
}
/*Texte increment*/
.btnPlusMoins > div:last-child[b-qmowciin68] {
    text-align: left;
    font: normal normal normal 13px/16px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
}

    .btnPlusMoins > div:last-child > p[b-qmowciin68] {
        color: var(--CS_color-noir);
    }

.panier[b-qmowciin68] {
    width: 1vw;
    margin: auto;
    margin-left: 1vw;
}

    .panier > svg > g > path[b-qmowciin68] {
        fill: var(--color-custom);
    }

.descriptionArticle[b-qmowciin68] {
    display: flex; /*
    margin-bottom: 3vh;*/
}

    .descriptionArticle > div:first-child[b-qmowciin68] {
        width: 55%;
    }

        .descriptionArticle > div:first-child > .desc > p[b-qmowciin68] {
            font: normal normal normal 15px/19px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
            text-align: justify;
        }

        .descriptionArticle > div:first-child > .picto[b-qmowciin68] {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 1vh;
        }

            .descriptionArticle > div:first-child > .picto > div[b-qmowciin68] {
                width: 50px;
                margin: 0 1vw;
            }

                .descriptionArticle > div:first-child > .picto > div > img[b-qmowciin68] {
                    width: 100%;
                }

    .descriptionArticle > div:last-child[b-qmowciin68] {
        margin: 0;
        height: auto;
        margin-left: 2vw;
        width: fit-content;
    }

        .descriptionArticle > div:last-child > textarea[b-qmowciin68] {
            background: var(--CS_color-blanc) 0% 0% no-repeat padding-box;
            box-shadow: inset 0px 3px 6px #00000029;
            border: 1px solid --CS_color-noir;
            border-radius: 5px;
            text-align: left;
            font: normal normal normal 15px/19px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
            opacity: 0.75;
            height: -webkit-fill-available;
            width: 20vw;
            padding: 0.5vh 0.5vw;
        }


.information[b-qmowciin68] {
    display: flex;
    flex-direction: column;
    width: 80%;
}

    .information > div:first-child[b-qmowciin68] {
        display: flex;
        flex-direction: row;
    }

        .information > div:first-child > div[b-qmowciin68] {
            margin-right: 1vw;
            width: 48%;
        }

            .information > div:first-child > div:first-child[b-qmowciin68] {
                display: flex;
                flex-direction: column;
            }

.section[b-qmowciin68] {
    display: flex;
    flex-direction: column;
}

[b-qmowciin68] .titleSection {
    color: var(--color-custom) 0% 0% no-repeat padding-box;
    border-radius: 5px;
    text-align: left;
    font: normal normal bold 15px/19px var(--CS_font1);
    letter-spacing: 0px;
    /*color: var(--CS_color-blanc);*/
    padding-top: 0.5vh;
    margin: 1vh 0vw;
}

[b-qmowciin68] .contentSection {
    display: flex;
    flex-direction: column;
    text-align: left;
    font: normal normal normal 14px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    opacity: 1;
}

[b-qmowciin68] .sousTitreSection, .descriptionArticle > div:first-child > .desc > .sousTitre[b-qmowciin68] {
    text-align: left;
    font: normal normal bold 14px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
}

.validColor > svg > path[b-qmowciin68] {
    stroke: var(--CS_colorvalid);
}

.invalidColor > svg > path[b-qmowciin68] {
    stroke: var(--CS_colorinvalid);
}

.mediumColor > svg > path[b-qmowciin68] {
    stroke: var(--CS_colormedium);
}

[b-qmowciin68] #PrixArticleQte > .titleSection {
    color: var(--color-custom);
    background: none;
    margin: 0;
    padding: 0;
}

.descriptionArticle > div:first-child > .desc > p[b-qmowciin68], .informationPrincipal > div:nth-child(2) > p:last-child[b-qmowciin68], .enteteDetailArticle > div:last-child[b-qmowciin68], .contentSection[b-qmowciin68],
.btnPlusMoins > div:last-child[b-qmowciin68] {
    font-size: 16px !important;
}

.informationPrincipal > div:first-child[b-qmowciin68], .titleSection[b-qmowciin68],
.sousTitreSection[b-qmowciin68], .descriptionArticle > div:first-child > .desc > .sousTitre[b-qmowciin68], .enteteDetailArticle > div:first-child > div:last-child[b-qmowciin68] {
    font-size: 18px !important;
}

.informationPrincipal > div:nth-child(2) > p:first-child > span[b-qmowciin68], .btnPlusMoins > div:first-child > div:nth-child(2)[b-qmowciin68] {
    font-size: 22px !important;
}

.enteteDetailArticle > div:first-child > div:first-child > p[b-qmowciin68] {
    font-size: 20px !important;
}

    .enteteDetailArticle > div:first-child > div:first-child > p > span[b-qmowciin68] {
        font-size: 16px;
    }

.btnAddPanier[b-qmowciin68] {
    width: fit-content;
    height: fit-content;
    padding: 5px 10px;
    background-color: var(--color-custom);
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    cursor: pointer;
}

    .btnAddPanier:active[b-qmowciin68] {
        box-shadow: inset 0px 3px 6px #00000029;
    }

    .btnAddPanier p[b-qmowciin68] {
        font-size: 13px;
        text-transform: uppercase;
        color: var(--CS_color-blanc);
    }


.btnDisable[b-qmowciin68] {
    background-color: var(--CS_color2);
}

.ConnexionRetour[b-qmowciin68] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    cursor: pointer;
    font-size: 15px;
}

    .ConnexionRetour div[b-qmowciin68] {
        display: flex;
        color: white;
    }

.titre-article[b-qmowciin68] {
    display: none;
    margin: 20px 0;
    background-color: var(--CS_color1);
    padding: 5px;
    border-radius: 3px;
    box-shadow: 0px 3px 6px #00000029;
}

    .titre-article p[b-qmowciin68] {
        color: white;
    }

@media screen and (max-width: 1920px) {
    .descriptionArticle > div:first-child > .desc > p[b-qmowciin68], .informationPrincipal > div:nth-child(2) > p:last-child[b-qmowciin68], .enteteDetailArticle > div:last-child[b-qmowciin68], .contentSection[b-qmowciin68], .btnPlusMoins > div:last-child[b-qmowciin68], .informationPrincipal > div:first-child[b-qmowciin68], .titleSection[b-qmowciin68], .sousTitreSection[b-qmowciin68], .descriptionArticle > div:first-child > .desc > .sousTitre[b-qmowciin68], .enteteDetailArticle > div:first-child > div:last-child[b-qmowciin68], .enteteDetailArticle > div:first-child > div:first-child > span[b-qmowciin68] {
        font-size: 13px !important;
    }

    .btnPlusMoins > div:first-child > div:nth-child(2)[b-qmowciin68] {
        font-size: 17px !important;
    }

    .enteteDetailArticle > div:first-child > div:first-child[b-qmowciin68] {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 1024px) {
    .informationPrincipal[b-qmowciin68] {
        width: 90%;
        flex-wrap: wrap;
    }

        .informationPrincipal > div:first-child[b-qmowciin68] {
            width: 100%;
        }

    .descriptionArticle > div:first-child[b-qmowciin68] {
        width: 90%;
    }

    .information[b-qmowciin68] {
        width: 90%;
    }
}

@media screen and (max-width: 800px) {
    .information > div:first-child[b-qmowciin68] {
        flex-direction: column;
    }

        .information > div:first-child > div[b-qmowciin68] {
            width: 100%;
        }

    .headerDetail[b-qmowciin68] {
        flex-direction: column-reverse;
    }

        .headerDetail > ul:last-child[b-qmowciin68] {
            width: 100%;
        }
}

@media screen and (max-width: 768px) {
    #informationArticle[b-qmowciin68] {
        flex-direction: column;
        align-items: center;
    }

        #informationArticle > div:nth-child(3)[b-qmowciin68] {
            width: 50%;
        }

    .imagePrincipale[b-qmowciin68] {
        width: 100%;
    }
}


@media screen and (max-width: 425px) {

    .enteteDetailArticle > div:first-child[b-qmowciin68] {
        flex-direction: column-reverse;
    }

        .enteteDetailArticle > div:first-child > div:first-child[b-qmowciin68] {
            width: 100%;
            font-size: 20px !important;
        }

    .informationPrincipal[b-qmowciin68] {
        width: 100%;
    }


        .informationPrincipal > div:nth-child(2)[b-qmowciin68] {
            margin: 10px auto;
            margin-right: 0;
        }

        .informationPrincipal > div:last-child[b-qmowciin68] {
            justify-content: flex-end;
            width: 100%;
            flex-direction: row-reverse;
            margin-top: 10px;
        }

    .btnPlusMoins[b-qmowciin68] {
        margin-right: 0;
    }

    .information[b-qmowciin68] {
        width: 100%;
    }

    .descriptionArticle > div:first-child[b-qmowciin68] {
        width: 100%;
    }



{
    flex-direction: column;
}

.information > div:first-child > div[b-qmowciin68] {
    margin-right: 0;
    width: 100%;
}

}

.btnPlusMoins p[b-qmowciin68] {
    font-size: 13px;
    text-transform: uppercase;
    color: var(--CS_color-blanc);
    padding: 0.2vh 0.5vw;
    cursor: pointer;
}

.titleSection[b-0fp42kk8pg][b-qmowciin68] {
    color: var(--color-custom);
}

.Breadcrumbs[b-qmowciin68] {
    display: flex;
    color: var(--color-custom);
    font-size: 18px;
}

    .Breadcrumbs > .ligne[b-qmowciin68] {
        border-color: var(--color-custom) !important;
    }

.ligne[b-qmowciin68] {
    border: 1px solid var(--CS_color1);
    height: 0;
    margin: auto 0;
}

    .ligne:first-child[b-qmowciin68] {
        width: 10%
    }

    .ligne:last-child[b-qmowciin68] {
        width: 100%
    }

.infos[b-qmowciin68] {
    display: flex;
    gap: 15px;
}
.NoMobile[b-qmowciin68]{
    padding: 10px 0 10px 0;
}
/* _content/Colinternet/Defaut/Composants/Article/ArticleDetailOLD.razor.rz.scp.css */
#informationArticle[b-n6sqt2qdh5] {
    display: flex;
}

    #informationArticle > div:first-child[b-n6sqt2qdh5] {
        width: 25%;
        display: flex;
        flex-direction: column;
        position: relative;
    }

.imagePrincipale[b-n6sqt2qdh5] {
    display: flex;
    justify-content: center;
    height: 16vw;
    width: 16vw;
    margin-bottom: 2vh;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 3px 6px #00000029;
}

    .imagePrincipale > img[b-n6sqt2qdh5] {
        max-height: 100%;
        max-width: 100%;
        margin: auto;
    }

.imageSecondaires[b-n6sqt2qdh5] {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

    .imageSecondaires > div[b-n6sqt2qdh5] {
        width: 30%;
        margin-bottom: 1vh;
        display: flex;
    }

        .imageSecondaires > div > img[b-n6sqt2qdh5] {
            width: 100%;
            margin: auto;
        }

.telechargement[b-n6sqt2qdh5] {
    text-align: left;
    font: normal normal normal 15px/19px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    bottom: 0;
    width: 16vw;
    margin: 0 auto;
    /*    position: absolute;
*/
    display: none;
}

    .telechargement > div[b-n6sqt2qdh5] {
        display: flex;
        cursor: pointer;
    }

        .telechargement > div > span[b-n6sqt2qdh5] {
            margin: auto 0;
        }

#informationArticle > div:last-child[b-n6sqt2qdh5] {
    width: 75%;
}

.enteteDetailArticle[b-n6sqt2qdh5] {
    margin-bottom: 2vh;
}
    /*Titre + stock*/
    .enteteDetailArticle > div:first-child[b-n6sqt2qdh5] {
        display: flex;
        flex-direction: row;
    }
        /*Titre*/
        .enteteDetailArticle > div:first-child > div:first-child[b-n6sqt2qdh5] {
            display: flex;
            flex-direction: row;
            text-align: left;
            font: normal normal normal 25px/30px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
            text-transform: uppercase;
            width: 70%;
        }
        /*Stock*/
        .enteteDetailArticle > div:first-child > div:last-child[b-n6sqt2qdh5] {
            display: flex;
            margin-left: 1vw;
            text-align: left;
            font: normal normal normal 15px/19px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
        }

            .enteteDetailArticle > div:first-child > div:last-child > span[b-n6sqt2qdh5] {
                margin: auto;
            }

            .enteteDetailArticle > div:first-child > div:last-child > div[b-n6sqt2qdh5] {
                display: flex;
                align-items: center;
            }

                .enteteDetailArticle > div:first-child > div:last-child > div > svg[b-n6sqt2qdh5] {
                    margin-right: 0.5vw;
                }


    /*BreadCrumb*/
    .enteteDetailArticle > div:last-child[b-n6sqt2qdh5] {
        text-align: left;
        font: normal normal normal 12px/15px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
    }

        .enteteDetailArticle > div:last-child > span[b-n6sqt2qdh5] {
            cursor: pointer;
        }

.informationPrincipal[b-n6sqt2qdh5] {
    display: flex;
    flex-direction: row;
    margin-bottom: 2vh;
    width: 85%;
}
    /*Ref gencode etc...*/
    .informationPrincipal > div:first-child[b-n6sqt2qdh5] {
        text-align: left;
        font: normal normal normal 15px/19px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
    }

    /*prix*/
    .informationPrincipal > div:nth-child(2)[b-n6sqt2qdh5] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: auto;
    }
        /*Prix vente ht*/
        .informationPrincipal > div:nth-child(2) > p:first-child[b-n6sqt2qdh5] {
            text-align: left;
            font: normal normal 17px/19px var(--CS_font1);
            letter-spacing: 0px;
            margin-top: auto;
        }

            .informationPrincipal > div:nth-child(2) > p:first-child > span[b-n6sqt2qdh5] {
                text-align: left;
                font: normal normal bold 22px/19px var(--CS_font1);
                letter-spacing: 0px;
            }

        /*Prix vente conseille*/
        .informationPrincipal > div:nth-child(2) > p:last-child[b-n6sqt2qdh5] {
            text-align: left;
            font: normal normal normal 15px/19px var(--CS_font1);
            letter-spacing: 0px;
            margin-bottom: auto;
        }

    /*btn plus moins*/
    .informationPrincipal > div:last-child[b-n6sqt2qdh5] {
        display: flex;
        justify-content: center;
    }

.btnPlusMoins[b-n6sqt2qdh5] {
    display: flex;
    justify-content: space-around;
    margin: auto;
    flex-direction: column;
}
    /*Bouton*/
    .btnPlusMoins > div:first-child[b-n6sqt2qdh5] {
        display: flex;
        justify-content: space-around;
        margin: 0 auto 1vh;
    }

        .btnPlusMoins > div:first-child > div:first-child[b-n6sqt2qdh5], .btnPlusMoins > div:first-child > div:last-child[b-n6sqt2qdh5] {
            box-shadow: 0px 3px 6px #00000029;
            border-radius: 5px;
            text-align: left;
            font: normal normal normal 25px/30px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-blanc);
            display: flex;
            justify-content: center;
            background: var(--CS_color1) 0% 0% no-repeat padding-box;
        }

            .btnPlusMoins > div:first-child > div:first-child > span[b-n6sqt2qdh5], .btnPlusMoins > div:first-child > div:last-child > span[b-n6sqt2qdh5] {
                margin: auto;
            }

        .btnPlusMoins > div:first-child > div:nth-child(2)[b-n6sqt2qdh5] {
            text-align: center;
            font: normal normal normal 17px/20px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
            margin: 0 0.5vw;
            min-width: 1.5vw;
        }

.btnDisable[b-n6sqt2qdh5] {
    background: var(--CS_color2) 0% 0% no-repeat padding-box !important;
}
/*Texte increment*/
.btnPlusMoins > div:last-child[b-n6sqt2qdh5] {
    text-align: left;
    font: normal normal normal 13px/16px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    margin: auto;
}

.panier[b-n6sqt2qdh5] {
    width: 1vw;
    margin: auto;
    margin-left: 1vw;
}

    .panier > svg > g > path[b-n6sqt2qdh5] {
        fill: var(--CS_color1);
    }

.descriptionArticle[b-n6sqt2qdh5] {
    display: flex;
    margin-bottom: 3vh;
}

    .descriptionArticle > div:first-child[b-n6sqt2qdh5] {
        width: 55%;
    }

        .descriptionArticle > div:first-child > .desc > p[b-n6sqt2qdh5] {
            font: normal normal normal 15px/19px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
            text-align: justify;
        }

        .descriptionArticle > div:first-child > .picto[b-n6sqt2qdh5] {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 1vh;
        }

            .descriptionArticle > div:first-child > .picto > div[b-n6sqt2qdh5] {
                width: 5%;
                margin: 0 1vw;
            }

                .descriptionArticle > div:first-child > .picto > div > img[b-n6sqt2qdh5] {
                    width: 100%;
                }

    .descriptionArticle > div:last-child[b-n6sqt2qdh5] {
        margin: 0;
        height: auto;
        margin-left: 2vw;
        width: fit-content;
    }

        .descriptionArticle > div:last-child > textarea[b-n6sqt2qdh5] {
            background: var(--CS_color-blanc) 0% 0% no-repeat padding-box;
            box-shadow: inset 0px 3px 6px #00000029;
            border: 1px solid --CS_color-noir;
            border-radius: 5px;
            text-align: left;
            font: normal normal normal 15px/19px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
            opacity: 0.75;
            height: -webkit-fill-available;
            width: 20vw;
            padding: 0.5vh 0.5vw;
        }


.information[b-n6sqt2qdh5] {
    display: flex;
    flex-direction: column;
    width: 80%;
}

    .information > div:first-child[b-n6sqt2qdh5] {
        display: flex;
        flex-direction: row;
    }

        .information > div:first-child > div[b-n6sqt2qdh5] {
            margin-right: 1vw;
            width: 48%;
        }

            .information > div:first-child > div:first-child[b-n6sqt2qdh5] {
                display: flex;
                flex-direction: column;
            }

.section[b-n6sqt2qdh5] {
    display: flex;
    flex-direction: column;
}

[b-n6sqt2qdh5] .titleSection {
    background: var(--CS_color1) 0% 0% no-repeat padding-box;
    border-radius: 5px;
    text-align: left;
    font: normal normal bold 15px/19px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-blanc);
    text-transform: uppercase;
    padding: 0.5vh 1vh;
    margin: 1vh 0vw;
}

[b-n6sqt2qdh5] .contentSection {
    display: flex;
    flex-direction: column;
    text-align: left;
    font: normal normal normal 14px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    opacity: 1;
}

[b-n6sqt2qdh5] .sousTitreSection, .descriptionArticle > div:first-child > .desc > .sousTitre[b-n6sqt2qdh5] {
    text-align: left;
    font: normal normal bold 14px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
}

.validColor > svg > path[b-n6sqt2qdh5] {
    stroke: var(--CS_colorvalid);
}

.invalidColor > svg > path[b-n6sqt2qdh5] {
    stroke: var(--CS_colorinvalid);
}

.mediumColor > svg > path[b-n6sqt2qdh5] {
    stroke: var(--CS_colormedium);
}

.descriptionArticle > div:first-child > .desc > p[b-n6sqt2qdh5], .informationPrincipal > div:nth-child(2) > p:last-child[b-n6sqt2qdh5], .enteteDetailArticle > div:last-child[b-n6sqt2qdh5], .contentSection[b-n6sqt2qdh5],
.btnPlusMoins > div:last-child[b-n6sqt2qdh5] {
    font-size: 16px !important;
}

.informationPrincipal > div:first-child[b-n6sqt2qdh5], .titleSection[b-n6sqt2qdh5],
.sousTitreSection[b-n6sqt2qdh5], .descriptionArticle > div:first-child > .desc > .sousTitre[b-n6sqt2qdh5], .enteteDetailArticle > div:first-child > div:last-child[b-n6sqt2qdh5] {
    font-size: 18px !important;
}

.informationPrincipal > div:nth-child(2) > p:first-child > span[b-n6sqt2qdh5], .btnPlusMoins > div:first-child > div:nth-child(2)[b-n6sqt2qdh5] {
    font-size: 22px !important;
}

.enteteDetailArticle > div:first-child > div:first-child[b-n6sqt2qdh5] {
    font-size: 26px !important;
}

.btnAddPanier[b-n6sqt2qdh5] {
    background-color: var(--CS_color1);
    border: solid 1px var(--CS_color1);
    border-radius: 5px;
    text-align: center;
    font: normal normal normal 17px/20px var(--CS_font1);
    letter-spacing: 0px;
    text-transform: uppercase;
    width: 100%;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
    height: 19%;
}

@media screen and (max-width: 1920px) {

    .descriptionArticle > div:first-child > .desc > p[b-n6sqt2qdh5], .informationPrincipal > div:nth-child(2) > p:last-child[b-n6sqt2qdh5], .enteteDetailArticle > div:last-child[b-n6sqt2qdh5], .contentSection[b-n6sqt2qdh5],
    .btnPlusMoins > div:last-child[b-n6sqt2qdh5] {
        font-size: 14px !important;
    }

    .informationPrincipal > div:first-child[b-n6sqt2qdh5], .titleSection[b-n6sqt2qdh5],
    .sousTitreSection[b-n6sqt2qdh5], .descriptionArticle > div:first-child > .desc > .sousTitre[b-n6sqt2qdh5], .enteteDetailArticle > div:first-child > div:last-child[b-n6sqt2qdh5] {
        font-size: 15px !important;
    }

    .informationPrincipal > div:nth-child(2) > p:first-child > span[b-n6sqt2qdh5], .btnPlusMoins > div:first-child > div:nth-child(2)[b-n6sqt2qdh5] {
        font-size: 17px !important;
    }

    .enteteDetailArticle > div:first-child > div:first-child[b-n6sqt2qdh5] {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 1024px) {
    .informationPrincipal[b-n6sqt2qdh5] {
        width: 90%;
        flex-wrap: wrap;
    }

        .informationPrincipal > div:first-child[b-n6sqt2qdh5] {
            width: 100%;
        }

    .descriptionArticle > div:first-child[b-n6sqt2qdh5] {
        width: 90%;
    }

    .information[b-n6sqt2qdh5] {
        width: 90%;
    }
}

@media screen and (max-width: 800px) {
    .information > div:first-child[b-n6sqt2qdh5] {
        flex-direction: column;
    }
}

@media screen and (max-width: 768px) {
    #informationArticle[b-n6sqt2qdh5] {
        flex-direction: column;
        align-items: center;
    }

        #informationArticle > div:first-child[b-n6sqt2qdh5] {
            width: 50%;
        }

    .imagePrincipale[b-n6sqt2qdh5] {
        height: 100%;
        width: 100%;
    }
}


@media screen and (max-width: 425px) {

    .enteteDetailArticle > div:first-child[b-n6sqt2qdh5] {
        flex-direction: column-reverse;
    }

        .enteteDetailArticle > div:first-child > div:first-child[b-n6sqt2qdh5] {
            width: 100%;
            font-size: 20px !important;
        }

    .informationPrincipal[b-n6sqt2qdh5] {
        width: 100%;
    }


        .informationPrincipal > div:nth-child(2)[b-n6sqt2qdh5] {
            margin: 10px auto;
            margin-right: 0;
        }

        .informationPrincipal > div:last-child[b-n6sqt2qdh5] {
            justify-content: flex-end;
            width: 100%;
            flex-direction: row-reverse;
            margin-top: 10px;
        }

    .btnPlusMoins[b-n6sqt2qdh5] {
        margin-right: 0;
    }

    .information[b-n6sqt2qdh5] {
        width: 100%;
    }

    .descriptionArticle > div:first-child[b-n6sqt2qdh5] {
        width: 100%;
    }

        .information > div:first-child > div[b-n6sqt2qdh5] {
            margin-right: 0;
            width: 100%;
        }
}

.btnPlusMoins p[b-n6sqt2qdh5] {
    font-size: 13px;
    text-transform: uppercase;
    color: var(--CS_color-blanc);
    padding: 0.2vh 0.5vw;
    cursor: pointer;
}
/* _content/Colinternet/Defaut/Composants/Article/Associes.razor.rz.scp.css */
.associes[b-cv8fuegq2p] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .associes > div:nth-child(2) > div[b-cv8fuegq2p] {
        position: relative;
        top: 0;
        display: flex;
        gap: 1vw;
    }

    .associes > div:last-child[b-cv8fuegq2p] {
        transform: rotate(180deg);
    }

.fenetre[b-cv8fuegq2p], .associes[b-cv8fuegq2p] {
    width: 80vw;
    overflow: hidden;
}

.associe[b-cv8fuegq2p] {
    cursor: pointer;
}

    .associe .img[b-cv8fuegq2p] {
        width: 200px;
        height: 200px;
        overflow: hidden;
        display: flex;
        margin: 10px;
        align-items: center;
        margin: auto;
    }



    .associe > .img img[b-cv8fuegq2p] {
        object-fit: contain;
        width: 100%;
        height: 100%;
    }

    .associe .libelle[b-cv8fuegq2p] {
        display: flex;
        /* font-weight: 600; */
        background: #eee;
        margin-top: 15px;
        height: 50px;
        padding: 5px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

.material-symbols-outlined[b-cv8fuegq2p] {
    cursor: pointer;
    font-size: 8vw;
    color: var(--CS_color1);
}

.fenetre > div[b-cv8fuegq2p] {
    transition-property: left;
    transition-duration: 0.8s;
}

@media screen and (max-width: 768px) {

    .associe .img[b-cv8fuegq2p] {
        width: 23vw;
    }
}

@media screen and (max-width: 425px) {

    .associe .img[b-cv8fuegq2p] {
        width: 30vw;
    }
}
/* _content/Colinternet/Defaut/Composants/Article/ColisSousColisPieces.razor.rz.scp.css */
.nbcolis[b-du6zmxu0p0]
{
    font-size: 11px;
}
/* _content/Colinternet/Defaut/Composants/Article/Historique.razor.rz.scp.css */
.historique[b-4z69uup25z] {
    height: 71vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

h2[b-4z69uup25z] {
    display: flex;
    justify-content: center;
}
/* _content/Colinternet/Defaut/Composants/Article/Partiels/Boutons.razor.rz.scp.css */
.quantity-controls[b-alubnyj98w] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 15px;
    justify-content: center;
    /*background: #f8f9fa;*/
    padding: 15px;
    border-radius: 12px;
}

.quantity-btn.minus[b-alubnyj98w] {
    color: #dc3545;
    border-color: #f8d7da;
}
.quantity-btn[b-alubnyj98w] {
    width: 42px;
    height: 42px;
    border: 2px solid #e9ecef;
    background: white;
    color: #6c757d;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    font-size: 18px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    display: flex;
    align-items: center;
    justify-content: center;
}
.quantity-display[b-alubnyj98w] {
    /*font-weight: 600;*/
    min-width: 60px;
    text-align: center;
    padding: 1px 8px;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    background: white;
    /*font-size: 16px;*/
    color: #495057;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.quantity-btn.plus[b-alubnyj98w] {
    color: #198754;
    border-color: #d1e7dd;
}
.btnPlusMoins[b-alubnyj98w] {
    display: flex;
    justify-content: space-around;
    margin: auto;
    flex-direction: column;
}
    /*Bouton*/
    .btnPlusMoins > div:first-child[b-alubnyj98w] {
        display: flex;
        justify-content: space-around;
        margin: 0 auto 1vh;
    }

        .btnPlusMoins > div:first-child > div:first-child[b-alubnyj98w], .btnPlusMoins > div:first-child > div:last-child[b-alubnyj98w] {
            box-shadow: 0px 3px 6px #00000029;
            border-radius: 5px;
            text-align: left;
            font: normal normal normal 25px/30px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-blanc);
            display: flex;
            justify-content: center;
            background: var(--color-custom) 0% 0% no-repeat padding-box;
            width: 50px;
            height: 50px;
        }

            .btnPlusMoins > div:first-child > div:first-child:active[b-alubnyj98w], .btnPlusMoins > div:first-child > div:last-child:active[b-alubnyj98w] {
                box-shadow: inset 0px 3px 6px #00000029;
            }

            .btnPlusMoins > div:first-child > div:first-child > span[b-alubnyj98w], .btnPlusMoins > div:first-child > div:last-child > span[b-alubnyj98w] {
                margin: auto;
            }

        .btnPlusMoins > div:first-child > div:nth-child(2)[b-alubnyj98w] {
            text-align: center;
            font: normal normal normal 17px/20px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
            margin: 0 0.5vw;
            min-width: 1.5vw;
        }

.btnDisable[b-alubnyj98w] {
    background: var(--CS_color1) 0% 0% no-repeat padding-box !important;
    opacity: 0.4;
}
/*Texte increment*/
.btnPlusMoins > div:last-child[b-alubnyj98w] {
    text-align: left;
    font: normal normal normal 13px/16px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    margin: auto;
}
.btnAddPanier[b-alubnyj98w] {
    background-color: var(--color-custom);
    border: solid 1px var(--color-custom);
    border-radius: 5px;
    text-align: center;
    font: normal normal normal 17px/20px var(--CS_font1);
    letter-spacing: 0px;
    text-transform: uppercase;
    width: 100%;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
    height: 19%;
}
/* _content/Colinternet/Defaut/Composants/Article/Partiels/Boutons2.razor.rz.scp.css */
/* Container for the whole component */
.btnPlusMoins[b-z0erbrn3p8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

/* Container for the - 1 + row */
.btn-container[b-z0erbrn3p8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px; /* Space between buttons and number */
    margin-bottom: 4px;
}

/* Shared style for Plus and Minus buttons */
.btn-action[b-z0erbrn3p8] {
    display: flex;
    align-items: center;
    justify-content: center;

    /* Fixed pixel size ensures it's always tappable on mobile */
    width: 32px;
    height: 32px;

    border-radius: 4px; /* Slight rounding looks better */
    background-color: #f0f0f0; /* Light background to signify a button area */
    cursor: pointer;
    transition: background-color 0.2s;
    user-select: none;
}

/* Hover effect for non-touch devices */
@media (hover: hover) {
    .btn-action:hover[b-z0erbrn3p8] {
        background-color: #e0e0e0;
    }
}

.btn-action:active[b-z0erbrn3p8] {
    box-shadow: inset 0px 3px 6px rgba(0,0,0,0.16);
    background-color: #d0d0d0;
}

/* Icon sizing */
.btn-action .material-symbols-outlined[b-z0erbrn3p8] {
    font-size: 20px; /* Clear readable icon size */
    color: var(--CS_color1, #333);
}

/* The Number in the middle */
.qty-text[b-z0erbrn3p8] {
    display: flex;
    align-items: center;
    justify-content: center;

    /* Fixed min-width prevents squashing 0 or 1 */
    min-width: 30px;

    font-family: var(--CS_font1, sans-serif);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
}

/* Disabled state */
.btnDisable[b-z0erbrn3p8] {
    background-color: transparent !important;
    opacity: 0.3;
    cursor: default;
    pointer-events: none; /* Prevents clicking */
}
.btnDisable .material-symbols-outlined[b-z0erbrn3p8] {
    color: var(--CS_color1);
}

/* Increment text below buttons */
.increment-text[b-z0erbrn3p8] {
    text-align: center;
    font-size: 0.75rem; /* 12px equivalent */
    color: #666;
    margin-top: 2px;
}

/* Add to Cart button for anonymous users */
.btnAddPanier[b-z0erbrn3p8] {
    border-radius: 5px;
    text-align: center;
    font-family: var(--CS_font1, sans-serif);
    font-size: 0.9rem;
    padding: 8px 12px;
    text-transform: uppercase;
    width: 100%;
    cursor: pointer;
    background-color: var(--CS_color1);
    color: white;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .btn-action[b-z0erbrn3p8] {
        width: 36px;
        height: 36px;
    }

    .qty-text[b-z0erbrn3p8] {
        font-size: 1.1rem; 
    }
}
/* _content/Colinternet/Defaut/Composants/Article/Presentoir.razor.rz.scp.css */
.presentoirs[b-rbej0ohzl2] {
    margin: auto;
    display: flex;
    margin-top: 5vh;
    align-items: center;
}

    .presentoirs > div:nth-child(2) > div[b-rbej0ohzl2] {
        position: relative;
        top: 0;
        display: flex;
        gap: 1vw;
    }

    .presentoirs > div:last-child[b-rbej0ohzl2] {
        transform: rotate(180deg);
    }

.fenetre[b-rbej0ohzl2], .presentoirs[b-rbej0ohzl2] {
    width: 80vw;
    overflow: hidden;
}

.presentoir[b-rbej0ohzl2] {
}

    .presentoir .img[b-rbej0ohzl2] {
        width: 15vw;
        border-radius: 25%;
    }



img[b-rbej0ohzl2] {
    width: 100%;
    border-radius: 10px;
    border: solid var(--CS_color1);
}

.presentoir .libelle[b-rbej0ohzl2] {
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 15px;
    width: 16vw;
}

.material-symbols-outlined[b-rbej0ohzl2] {
    cursor: pointer;
    font-size: 8vw;
    color: var(--CS_color1);
}

.fenetre > div[b-rbej0ohzl2] {
    transition-property: left;
    transition-duration: 0.8s;
}

@media screen and (max-width: 768px) {

    .presentoir .img[b-rbej0ohzl2] {
        width: 23vw;
    }
}

@media screen and (max-width: 425px) {

    .presentoir .img[b-rbej0ohzl2] {
        width: 30vw;
    }
}
/* _content/Colinternet/Defaut/Composants/Article/PrixArticle.razor.rz.scp.css */
.popupQuantite > div:first-child[b-oi5d531vvv] {
    display: flex;
    justify-content: space-around;
}

.popupQuantite[b-oi5d531vvv]
{
    padding: 2vh;
    display: flex;
    flex-direction : column;
    justify-content: space-between;
    height: 100%
}
.popupQuantite > div:last-child[b-oi5d531vvv] {
    display: flex;
    gap: 0.5vw;
    justify-content: flex-end;
}
.button[b-oi5d531vvv] {
    padding: 1vh 1vw;
    color: #000;
    background-color: #fff;
    border: solid 1px #fff;
    border-radius: 5px;
    text-align: center;
    font: normal normal normal 17px/20px var(--CS_font1);
    letter-spacing: 0px;
    text-transform: uppercase;
    width: fit-content;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
}

.button:hover[b-oi5d531vvv]
{
    font-weight: 600;
}
.popupQuantite > div:last-child > div:first-child[b-oi5d531vvv] {
    box-shadow: none;
}
.popupQuantite > div:last-child >  div:nth-child(2)[b-oi5d531vvv] {
}
.popupQuantite > div:last-child > div:last-child[b-oi5d531vvv] {
    background: var(--CS_color1);
    color: var(--CS_color-blanc);
}

th[b-oi5d531vvv], td[b-oi5d531vvv]{
    border:solid 1px #eee;
    padding: 1vh;
}
table[b-oi5d531vvv] {
    margin-bottom: 2vh;
}

input[b-oi5d531vvv]{
    text-align: right
}

.PrixParQteRms[b-oi5d531vvv], .PrixParQte[b-oi5d531vvv], .popupQuantite > div:nth-child(2) > p[b-oi5d531vvv] {
    width: 70%;
    margin: auto
}
/* _content/Colinternet/Defaut/Composants/Article/Similaires.razor.rz.scp.css */
.similaires[b-z71eae07zx] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .similaires > div:nth-child(2) > div[b-z71eae07zx] {
        position: relative;
        top: 0;
        display: flex;
        gap: 1vw;
    }

    .similaires > div:last-child[b-z71eae07zx] {
        transform: rotate(180deg);
    }

.fenetre[b-z71eae07zx], .similaires[b-z71eae07zx] {
    width: 80vw;
    overflow: hidden;
}

.similaire[b-z71eae07zx] {
    cursor: pointer;
}

    .similaire .img[b-z71eae07zx] {
        width: 200px;
        height: 200px;
        overflow: hidden;
        display: flex;
        margin: 10px;
        align-items: center;
        margin: auto;
    }

    .similaire .img:hover[b-z71eae07zx]{
        opacity:0.8;
    }



    .similaire > .img img[b-z71eae07zx] {
        object-fit: contain;
        width: 100%;
        height: 100%;
    }

.similaire .libelle[b-z71eae07zx] {
    display: flex;
    /* font-weight: 600; */
    background: #eee;
    margin-top: 15px;
    height: 50px;
    padding: 5px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.material-symbols-outlined[b-z71eae07zx] {
    cursor: pointer;
    font-size: 8vw;
    color: var(--CS_color1);
}

.fenetre > div[b-z71eae07zx] {
    transition-property: left;
    transition-duration: 0.8s;
}

@media screen and (max-width: 768px) {

    .similaire .img[b-z71eae07zx] {
        width: 23vw;
    }
}

@media screen and (max-width: 425px) {

    .similaire .img[b-z71eae07zx] {
        width: 30vw;
    }
}
/* _content/Colinternet/Defaut/Composants/Attributs/Attributs.razor.rz.scp.css */
/* Sidebar filtres */
.filters-header[b-yz09myjzdn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e7eb;
}

.filters-title[b-yz09myjzdn] {
    font-size: 1.2rem;
    font-weight: 600;
    color: #2c3e35;
}

.clear-filters[b-yz09myjzdn] {
    color: var(--CS_color1);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    padding: 4px 8px;
    border-radius: 6px;
    transition: background 0.2s;
}

.clear-filters:hover[b-yz09myjzdn] {
    background: #f3f4f6;
}

.filter-group[b-yz09myjzdn] {
    margin-bottom: 2rem;
}

.filter-group-title[b-yz09myjzdn] {
    font-weight: 600;
    color: #374151;
    margin-bottom: 1rem;
    font-size: 1rem;
}

.filter-option[b-yz09myjzdn] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 0.8rem;
    cursor: pointer;
    padding: 4px 0;
    transition: color 0.2s, opacity 0.2s;
}

.filter-option:hover .filter-label[b-yz09myjzdn] {
    color: var(--CS_color1);
}

/* ADDED: Styles for disabled (zero count) filter options */
.filter-option.ko[b-yz09myjzdn] {
    opacity: 0.6;
    cursor: not-allowed;
}

.filter-option.ko .filter-label[b-yz09myjzdn] {
    color: #9ca3af;
    text-decoration: line-through;
}

.filter-option.ko:hover .filter-label[b-yz09myjzdn] {
    color: #9ca3af; /* Prevents color change on hover */
}

.filter-option.ko .filter-checkbox[b-yz09myjzdn] {
    pointer-events: none; /* Disables clicks on the checkbox itself */
}


.filter-checkbox[b-yz09myjzdn] {
    width: 18px;
    height: 18px;
    accent-color: var(--CS_color1);
    cursor: pointer;
}

.filter-label[b-yz09myjzdn] {
    font-size: 0.9rem;
    color: #000000;
    cursor: pointer;
    flex: 1;
    transition: color 0.2s;
    font-weight: 600;
}

.product-count[b-yz09myjzdn] {
    font-size: 0.8rem;
    color: #000000;
    background: #f3f4f6;
    padding: 2px 6px;
    border-radius: 10px;
    font-weight: 600;
}

.price-display[b-yz09myjzdn] {
    display: flex;
    justify-content: space-between;
    font-size: 0.8rem;
    color: #6b7280;
    margin-top: 0.25rem;
}
/* _content/Colinternet/Defaut/Composants/Cards/BodyMP.razor.rz.scp.css */
.AucunElementCorrespond[b-by00666si8] {
    width: 100%;
}

hr[b-by00666si8] {
    color: #ccc;
}

h5[b-by00666si8], h6[b-by00666si8], .filtres label[b-by00666si8] {
    color: var(--Color-medium);
}

h6[b-by00666si8] {
    margin: 20px 0 5px 0;
}

.filtresHaut[b-by00666si8] {
    display: flex;
    gap: 20px;
    margin: 0 0 0 5vw;
    height: 150px;
    align-items: center;
}

.ButtonMenu[b-by00666si8] {
    width: fit-content;
    margin: 0 5px;
}


.filtres[b-by00666si8] {
    padding: 0.3rem 0 0.3rem 1rem;
    width: 250px;
    z-index: 10;
    float: left;
    white-space: nowrap;
    position: sticky;
    top: 12rem;
    left: 0.2rem;
    height: calc(100vh - 12rem);
    overflow: auto;
    margin: 0 2rem 0 0;
}

    .filtres[b-by00666si8]::-webkit-scrollbar {
        width: 4px;
    }
    /* Ascenseur */
    .filtres[b-by00666si8]::-webkit-scrollbar-thumb {
        background: var(--CS_color1);
    }

    .filtres label[b-by00666si8] {
        font-size: 12px;
        display: flex;
        align-items: center;
        padding: 0.5px 5px;
        justify-content: space-between;
    }

    .filtres .close[b-by00666si8] {
        display: flex;
        justify-content: flex-end;
        cursor: pointer;
    }

        .filtres .close > span[b-by00666si8], .filtres .open > span[b-by00666si8] {
            font-size: 2rem !important;
            cursor: pointer;
        }

    .filtres label > div:nth-child(2)[b-by00666si8] {
        font-weight: bold;
    }



.filtres .ko[b-by00666si8] {
    opacity: 0.5;
}



.filtres input[type="checkbox"][b-by00666si8] {
    width: 1em;
    height: 1em;
    background-color: white;
    vertical-align: middle;
    border: 1px solid var(--CS_color1);
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    margin-right: 5px;
}

    .filtres input[type="checkbox"]:checked[b-by00666si8] {
        background: var(--CS_color1);
    }

.navigation[b-by00666si8] {
    min-height: 50px;
}


.checkboxList[b-by00666si8] {
    padding-left: 4px;
    margin-left: -4px;
}





.cards[b-by00666si8] {
    width: fit-content;
    margin: au
}

.listedescards[b-by00666si8] {
    /*display: flex;
    justify-content: flex-start;*/
}


.enteteListeCards[b-by00666si8] {
    display: flex;
    margin: 4vh 5vw 0;
    justify-content: space-between;
}

    .enteteListeCards div:nth-child(2)[b-by00666si8] {
        text-align: left;
        font: normal normal normal 15px/19px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color1);
        text-transform: uppercase;
        white-space: nowrap;
        padding: 0 15px;
    }

    .enteteListeCards div:nth-child(4)[b-by00666si8], .enteteListeCards div:last-child[b-by00666si8] {
        text-align: left;
        font: normal normal normal 17px/20px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
        text-transform: uppercase;
    }

    .enteteListeCards div:nth-child(4)[b-by00666si8] {
        padding-left: 20px;
    }

    .enteteListeCards > div:last-child > .btn-group[b-by00666si8] {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }

    .enteteListeCards div:nth-child(4) select[b-by00666si8], .enteteListeCards div:last-child select[b-by00666si8] {
        background: var(--CS_color-blanc) 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border: none;
        border-radius: 5px;
        text-align: left;
        font: normal normal normal 15px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
        text-transform: uppercase;
        opacity: 1;
        padding: 0.2vh 0.2vw;
    }

    .enteteListeCards .ligne[b-by00666si8] {
        border: 1px solid var(--CS_color1);
        height: 0;
        margin: auto 0;
    }

    .enteteListeCards div:first-child[b-by00666si8] {
        width: 6vw;
    }

    .enteteListeCards div:nth-child(3)[b-by00666si8] {
        width: 94vw;
    }

    .enteteListeCards div:nth-child(2)[b-by00666si8] {
        font-size: 18px !important;
        white-space: nowrap;
    }

.btnModeAffichage[b-by00666si8] {
    cursor: pointer;
}

.rz-spinner-button[b-by00666si8] {
    background-color: var(--CS_color1);
}

.btnDetail[b-by00666si8] {
    background-color: var(--CS_color1);
}

.BandeauHaut[b-by00666si8] {
    width: 100vw;
}

    .BandeauHaut img[b-by00666si8] {
        width: 100%;
    }


@media screen and (max-width: 1920px) {
    .enteteListeCards div:nth-child(2)[b-by00666si8] {
        font-size: 15px !important;
        white-space: nowrap;
    }
}

@media screen and (max-width: 1024px) {


    .enteteListeCards div:nth-child(3)[b-by00666si8] {
        width: 45vw;
    }
}

@media screen and (max-width: 768px) {
    .enteteListeCards[b-by00666si8] {
        flex-wrap: wrap;
    }

        .enteteListeCards div:nth-child(3)[b-by00666si8], .enteteListeCards div:nth-child(4)[b-by00666si8] {
            width: 50%;
        }
}

@media screen and (max-width: 425px) {

    .enteteListeCards div:nth-child(3)[b-by00666si8] {
        width: 25%;
    }
}

.TextLine[b-by00666si8] {
    display: flex;
}

.paginationNav[b-by00666si8] {
    height: 50px;
}
/* _content/Colinternet/Defaut/Composants/Cards/BodyMPCards.razor.rz.scp.css */
.categories[b-auflr7vbd3] {
    margin: auto;
    display: flex;
    margin-top: 5vh;
    align-items: center;
}

    .categories > div:nth-child(2) > div[b-auflr7vbd3] {
        position: relative;
        top: 0;
        display: flex;
        gap: 1vw;
    }

.fenetre[b-auflr7vbd3], .categories[b-auflr7vbd3] {
    width: 94vw;
    overflow: hidden;
}

.categorie[b-auflr7vbd3] {
}

    .categorie .img[b-auflr7vbd3] {
        /*width: 15vw;
        border-radius: 25%;*/
    }

.categories > div:last-child[b-auflr7vbd3] {
    transform: rotate(180deg);
}

img[b-auflr7vbd3] {
    /*width: 100%;
    border-radius: 10px;
    border: solid var(--CS_color1);*/
}

.categorie .libelle[b-auflr7vbd3] {
    /*text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 15px;*/
}

.material-symbols-outlined[b-auflr7vbd3] {
    cursor: pointer;
    font-size: 8vw;
    color: var(--CS_color1);
}

.fenetre > div[b-auflr7vbd3] {
    transition-property: left;
    transition-duration: 0.8s;
}

@media screen and (max-width: 768px) {

    .categorie .img[b-auflr7vbd3] {
        width: 23vw;
    }
}

@media screen and (max-width: 425px) {

    .categorie .img[b-auflr7vbd3] {
        width: 30vw;
    }
}
/* _content/Colinternet/Defaut/Composants/Cards/CatalogueArticles.razor.rz.scp.css */
.ligne[b-el4v1efukt] {
    border: 1px solid var(--CS_color1);
    height: 0;
    margin: auto 0;
}
/* Container principal */
.main-container[b-el4v1efukt] {
    display: flex;
    margin: 2rem auto;
    gap: 2rem;
    padding: 0 2rem;
}
/* Sidebar filtres */
.filters-sidebar[b-el4v1efukt] {
    min-width: 300px;
    background: white;
    border-radius: 16px;
    padding: 1.5rem;
    height: fit-content;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    /*position: sticky;*/
    top: 100px;
}
@media screen and (max-width: 796px) {
    .main-container[b-el4v1efukt]{
        flex-direction: column;
    }
}

.products-header[b-el4v1efukt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.products-count[b-el4v1efukt] {
    font-size: 1.1rem;
    color: #6b7280;
}

.sort-dropdown[b-el4v1efukt] {
    padding: 8px 16px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: white;
    font-size: 0.9rem;
    cursor: pointer;
    outline: none;
    transition: border-color 0.2s;
}

    .sort-dropdown:focus[b-el4v1efukt] {
        border-color: var(--CS_color1);
    }
.AucunElementCorrespond[b-el4v1efukt] {
    width: 100%;
}

hr[b-el4v1efukt] {
    color: #ccc;
}

h5[b-el4v1efukt], h6[b-el4v1efukt], .filtres label[b-el4v1efukt] {
    color: var(--Color-medium);
}

h6[b-el4v1efukt] {
    margin: 20px 0 5px 0;
}

.filtresHaut[b-el4v1efukt] {
    display: flex;
    gap: 20px;
    margin: 0 0 0 5vw;
    height: 150px;
    align-items: center;
}

.ButtonMenu[b-el4v1efukt] {
    width: fit-content;
    margin: 0 5px;
}


.filtres[b-el4v1efukt] {
    padding: 0.3rem 0 0.3rem 1rem;
    width: 250px;
    z-index: 10;
    float: left;
    white-space: nowrap;
    /*position: sticky;*/
    top: 12rem;
    left: 0.2rem;
    /*height: calc(100vh - 12rem);*/
    overflow: auto;
    margin: 0 2rem 0 0;
}

    .filtres[b-el4v1efukt]::-webkit-scrollbar {
        width: 4px;
    }
    /* Ascenseur */
    .filtres[b-el4v1efukt]::-webkit-scrollbar-thumb {
        background: var(--CS_color1);
    }

    .filtres label[b-el4v1efukt] {
        font-size: 12px;
        display: flex;
        align-items: center;
        padding: 0.5px 5px;
        justify-content: space-between;
    }

    .filtres .close[b-el4v1efukt] {
        display: flex;
        justify-content: flex-end;
        cursor: pointer;
    }

        .filtres .close > span[b-el4v1efukt], .filtres .open > span[b-el4v1efukt] {
            font-size: 2rem !important;
            cursor: pointer;
        }

    .filtres label > div:nth-child(2)[b-el4v1efukt] {
        font-weight: bold;
    }



    .filtres .ko[b-el4v1efukt] {
        opacity: 0.5;
    }



    .filtres input[type="checkbox"][b-el4v1efukt] {
        width: 1em;
        height: 1em;
        background-color: white;
        vertical-align: middle;
        border: 1px solid var(--CS_color1);
        appearance: none;
        -webkit-appearance: none;
        outline: none;
        cursor: pointer;
        margin-right: 5px;
    }

        .filtres input[type="checkbox"]:checked[b-el4v1efukt] {
            background: var(--CS_color1);
        }

.navigation[b-el4v1efukt] {
    min-height: 50px;
}


.checkboxList[b-el4v1efukt] {
    padding-left: 4px;
    margin-left: -4px;
}





.cards[b-el4v1efukt] {
    width: fit-content;
    margin: au
}

.listedescards[b-el4v1efukt] {
    /*display: flex;
    justify-content: flex-start;*/
}


.enteteListeCards[b-el4v1efukt] {
    display: flex;
    margin: 4vh 0 0;
    justify-content: space-between;
}

    .enteteListeCards div:nth-child(2)[b-el4v1efukt] {
        text-align: left;
        font: normal normal normal 15px/19px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color1);
        text-transform: uppercase;
        white-space: nowrap;
        padding: 0 15px;
    }

    .enteteListeCards div:nth-child(4)[b-el4v1efukt], .enteteListeCards div:last-child[b-el4v1efukt] {
        text-align: left;
        font: normal normal normal 17px/20px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
        text-transform: uppercase;
    }

    .enteteListeCards div:nth-child(4)[b-el4v1efukt] {
        padding-left: 20px;
    }

    .enteteListeCards > div:last-child > .btn-group[b-el4v1efukt] {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }

    .enteteListeCards div:nth-child(4) select[b-el4v1efukt], .enteteListeCards div:last-child select[b-el4v1efukt] {
        background: var(--CS_color-blanc) 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border: none;
        border-radius: 5px;
        text-align: left;
        font: normal normal normal 15px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
        text-transform: uppercase;
        opacity: 1;
        padding: 0.2vh 0.2vw;
    }

    .enteteListeCards .ligne[b-el4v1efukt] {
        border: 1px solid var(--CS_color1);
        height: 0;
        margin: auto 0;
    }

    .enteteListeCards div:first-child[b-el4v1efukt] {
        width: 6vw;
    }

    .enteteListeCards div:nth-child(3)[b-el4v1efukt] {
        width: 94vw;
    }

    .enteteListeCards div:nth-child(2)[b-el4v1efukt] {
        font-size: 18px !important;
        white-space: nowrap;
    }

.btnModeAffichage[b-el4v1efukt] {
    cursor: pointer;
}

.rz-spinner-button[b-el4v1efukt] {
    background-color: var(--CS_color1);
}

.btnDetail[b-el4v1efukt] {
    background-color: var(--CS_color1);
}

.BandeauHaut[b-el4v1efukt] {
    width: 100vw;
}

    .BandeauHaut img[b-el4v1efukt] {
        width: 100%;
    }


@media screen and (max-width: 1920px) {
    .enteteListeCards div:nth-child(2)[b-el4v1efukt] {
        font-size: 15px !important;
        white-space: nowrap;
    }
}

@media screen and (max-width: 1024px) {


    .enteteListeCards div:nth-child(3)[b-el4v1efukt] {
        width: 45vw;
    }
}

@media screen and (max-width: 768px) {
    .enteteListeCards[b-el4v1efukt] {
        flex-wrap: wrap;
    }

        .enteteListeCards div:nth-child(3)[b-el4v1efukt], .enteteListeCards div:nth-child(4)[b-el4v1efukt] {
            width: 50%;
        }
}

@media screen and (max-width: 425px) {

    .enteteListeCards div:nth-child(3)[b-el4v1efukt] {
        width: 25%;
    }
}

.TextLine[b-el4v1efukt] {
    display: flex;
}

.paginationNav[b-el4v1efukt] {
    height: 50px;
}

.listedescards[b-el4v1efukt] {
    display: flex;
    justify-content: space-between;
}



.sidebaropen[b-el4v1efukt] {
    left: 0;
}

.sidebarclosed[b-el4v1efukt] {
    left: -20rem;
    position: absolute;
}

.croix[b-el4v1efukt] {
    text-align: right;
    cursor: pointer;
}


.menuAccordeon[b-el4v1efukt] {
    width: fit-content;
    white-space: nowrap;
}
/* _content/Colinternet/Defaut/Composants/Cards/CatalogueArticlesDefault.razor.rz.scp.css */
.ligne[b-kqaea3nwrg] {
    border: 1px solid var(--CS_color1);
    height: 0;
    margin: auto 0;
}
/* Container principal */
.main-container[b-kqaea3nwrg] {
    display: flex;
    /*max-width: 1400px;*/
    margin: 2rem auto;
    gap: 2rem;
    padding: 0 2rem;
}
@media screen and (max-width: 796px) {
    .main-container[b-kqaea3nwrg]{
        flex-direction: column;
    }
}
/* Sidebar filtres */
.filters-sidebar[b-kqaea3nwrg] {
    width: 300px;
    background: white;
    border-radius: 16px;
    padding: 1.5rem;
    height: fit-content;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    /*position: sticky;*/
    top: 100px;
}

.products-header[b-kqaea3nwrg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.products-count[b-kqaea3nwrg] {
    font-size: 1.1rem;
    color: #6b7280;
}

.sort-dropdown[b-kqaea3nwrg] {
    padding: 8px 16px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: white;
    font-size: 0.9rem;
    cursor: pointer;
    outline: none;
    transition: border-color 0.2s;
}

    .sort-dropdown:focus[b-kqaea3nwrg] {
        border-color: var(--CS_color1);
    }
.AucunElementCorrespond[b-kqaea3nwrg] {
    width: 100%;
}

hr[b-kqaea3nwrg] {
    color: #ccc;
}

h6[b-kqaea3nwrg] {
    margin: 20px 0 5px 0;
}

.filtresHaut[b-kqaea3nwrg] {
    display: flex;
    gap: 20px;
    margin: 0 0 0 5vw;
    height: 150px;
    align-items: center;
}

.ButtonMenu[b-kqaea3nwrg] {
    width: fit-content;
    margin: 0 5px;
}


.filtres[b-kqaea3nwrg] {
    padding: 0.3rem 0 0.3rem 1rem;
    width: 250px;
    z-index: 10;
    float: left;
    white-space: nowrap;
    /*position: sticky;*/
    top: 12rem;
    left: 0.2rem;
    /*height: calc(100vh - 12rem);*/
    overflow: auto;
    margin: 0 2rem 0 0;
}

    .filtres[b-kqaea3nwrg]::-webkit-scrollbar {
        width: 4px;
    }
    /* Ascenseur */
    .filtres[b-kqaea3nwrg]::-webkit-scrollbar-thumb {
        background: var(--CS_color1);
    }

    .filtres label[b-kqaea3nwrg] {
        font-size: 12px;
        display: flex;
        align-items: center;
        padding: 0.5px 5px;
        justify-content: space-between;
    }

    .filtres .close[b-kqaea3nwrg] {
        display: flex;
        justify-content: flex-end;
        cursor: pointer;
    }

        .filtres .close > span[b-kqaea3nwrg], .filtres .open > span[b-kqaea3nwrg] {
            font-size: 2rem !important;
            cursor: pointer;
        }

    .filtres label > div:nth-child(2)[b-kqaea3nwrg] {
        font-weight: bold;
    }



    .filtres .ko[b-kqaea3nwrg] {
        opacity: 0.5;
    }



    .filtres input[type="checkbox"][b-kqaea3nwrg] {
        width: 1em;
        height: 1em;
        background-color: white;
        vertical-align: middle;
        border: 1px solid var(--CS_color1);
        appearance: none;
        -webkit-appearance: none;
        outline: none;
        cursor: pointer;
        margin-right: 5px;
    }

        .filtres input[type="checkbox"]:checked[b-kqaea3nwrg] {
            background: var(--CS_color1);
        }

.navigation[b-kqaea3nwrg] {
    min-height: 50px;
}


.checkboxList[b-kqaea3nwrg] {
    padding-left: 4px;
    margin-left: -4px;
}





.cards[b-kqaea3nwrg] {
    width: fit-content;
}

.listedescards[b-kqaea3nwrg] {
    /*display: flex;
    justify-content: flex-start;*/
}


.enteteListeCards[b-kqaea3nwrg] {
    display: flex;
    margin: 4vh 0 0;
    justify-content: space-between;
}

    .enteteListeCards div:nth-child(2)[b-kqaea3nwrg] {
        text-align: left;
        font: normal normal normal 15px/19px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color1);
        text-transform: uppercase;
        white-space: nowrap;
        padding: 0 15px;
    }

    .enteteListeCards div:nth-child(4)[b-kqaea3nwrg], .enteteListeCards div:last-child[b-kqaea3nwrg] {
        text-align: left;
        font: normal normal normal 17px/20px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
        text-transform: uppercase;
    }

    .enteteListeCards div:nth-child(4)[b-kqaea3nwrg] {
        padding-left: 20px;
    }

    .enteteListeCards > div:last-child > .btn-group[b-kqaea3nwrg] {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }

    .enteteListeCards div:nth-child(4) select[b-kqaea3nwrg], .enteteListeCards div:last-child select[b-kqaea3nwrg] {
        background: var(--CS_color-blanc) 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border: none;
        border-radius: 5px;
        text-align: left;
        font: normal normal normal 15px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
        text-transform: uppercase;
        opacity: 1;
        padding: 0.2vh 0.2vw;
    }

    .enteteListeCards .ligne[b-kqaea3nwrg] {
        border: 1px solid var(--CS_color1);
        height: 0;
        margin: auto 0;
    }

    .enteteListeCards div:first-child[b-kqaea3nwrg] {
        width: 6vw;
    }

    .enteteListeCards div:nth-child(3)[b-kqaea3nwrg] {
        width: 94vw;
    }

    .enteteListeCards div:nth-child(2)[b-kqaea3nwrg] {
        font-size: 18px !important;
        white-space: nowrap;
    }

.btnModeAffichage[b-kqaea3nwrg] {
    cursor: pointer;
}

.rz-spinner-button[b-kqaea3nwrg] {
    background-color: var(--CS_color1);
}

.btnDetail[b-kqaea3nwrg] {
    background-color: var(--CS_color1);
}

.BandeauHaut[b-kqaea3nwrg] {
    width: 100vw;
}

    .BandeauHaut img[b-kqaea3nwrg] {
        width: 100%;
    }


@media screen and (max-width: 1920px) {
    .enteteListeCards div:nth-child(2)[b-kqaea3nwrg] {
        font-size: 15px !important;
        white-space: nowrap;
    }
}

@media screen and (max-width: 1024px) {


    .enteteListeCards div:nth-child(3)[b-kqaea3nwrg] {
        width: 45vw;
    }
}

@media screen and (max-width: 768px) {
    .enteteListeCards[b-kqaea3nwrg] {
        flex-wrap: wrap;
    }

        .enteteListeCards div:nth-child(3)[b-kqaea3nwrg], .enteteListeCards div:nth-child(4)[b-kqaea3nwrg] {
            width: 50%;
        }
}

@media screen and (max-width: 425px) {

    .enteteListeCards div:nth-child(3)[b-kqaea3nwrg] {
        width: 25%;
    }
}

.TextLine[b-kqaea3nwrg] {
    display: flex;
}

.paginationNav[b-kqaea3nwrg] {
    height: 50px;
}

.listedescards[b-kqaea3nwrg] {
    display: flex;
    justify-content: space-between;
}



.sidebaropen[b-kqaea3nwrg] {
    left: 0;
}

.sidebarclosed[b-kqaea3nwrg] {
    left: -20rem;
    position: absolute;
}

.croix[b-kqaea3nwrg] {
    text-align: right;
    cursor: pointer;
}


.menuAccordeon[b-kqaea3nwrg] {
    width: fit-content;
    white-space: nowrap;
}
/* _content/Colinternet/Defaut/Composants/Cards/CategoriesCards.razor.rz.scp.css */
img[b-4o94v6fo0e] {
    width: 85%;
    height: 85%;
    object-fit: contain;
}

h2[b-4o94v6fo0e] {
    font-size: 20px !important;
    font-weight: bold;
}

.button[b-4o94v6fo0e] {
    text-transform: uppercase;
    padding: 0.5vh 0.5vw;
    border: solid 1px var(--CS_color1);
    color: var(--CS_color1);
    border-radius: 5px;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
}

.predamier[b-4o94v6fo0e] {
    width: 250px;
    height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 10px 10px 10px #eee;
}
.predamier > div[b-4o94v6fo0e]{
    text-align: center;
    vertical-align: middle;
}
    .predamier > div:first-child[b-4o94v6fo0e] {
        height: 88%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .predamier > div:last-child[b-4o94v6fo0e] {
        width: 100%;
        color: var(--CS_color1) !important;
        height: 12%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.figure-caption[b-4o94v6fo0e]{
    color: white;
}

#PageCardsListComposant[b-4o94v6fo0e] {
    margin-top: 10px;
}

.PageCardsListComposant[b-4o94v6fo0e] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
}

.page[b-4o94v6fo0e] {
   margin-top: 4vh;
}

.CardList[b-4o94v6fo0e] {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    margin-top: 50px;
}

div[b-4o94v6fo0e] {
    cursor: pointer
}

.Breadcrumbs[b-4o94v6fo0e] {
    display: flex;
}



.ligne[b-4o94v6fo0e] {
    border: 1px solid var(--CS_color1);
    height: 0;
    margin: auto 0;
}

    .ligne:first-child[b-4o94v6fo0e] {
        width: 10%
    }

    .ligne:last-child[b-4o94v6fo0e] {
        width: 100%
    }
/* _content/Colinternet/Defaut/Composants/Cards/ListeCards.razor.rz.scp.css */


.ListeCardsModele3[b-uvxzj05cx8] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}



.cardArticle[b-uvxzj05cx8] {
    width: 300px;
    overflow: hidden;
    margin: 1vh 1vw;
    border-radius: 5px;
    position: relative;
    padding : 10px 0;
}

    .cardArticle:hover[b-uvxzj05cx8] {
        box-shadow: 0px 3px 6px #00000029;
    }

    .cardArticle > div:first-child[b-uvxzj05cx8] {
        position: absolute;
        width: 20vw;
    }

        .cardArticle > div:first-child > div[b-uvxzj05cx8] {
            display: flex;
            justify-content: space-between;
            width: 100%;
        }

            .cardArticle > div:first-child > div > div:first-child[b-uvxzj05cx8] {
                position: relative;
                left: 0.5vw;
                top: 1vh;
            }

            .cardArticle > div:first-child > div > div:nth-child(2)[b-uvxzj05cx8] {
                position: relative;
                right: 0.5vw;
                top: 1vh;
            }

                .cardArticle > div:first-child > div > div:nth-child(2) > div > svg[b-uvxzj05cx8] {
                    height: 4vh;
                }

.imgCard[b-uvxzj05cx8] {
    width: 100%;
    display: flex;
    justify-content: center;
    height: 250px;
}

    .imgCard > img[b-uvxzj05cx8] {
        max-width: 90%;
        max-height: 90%;
        height: max-content;
        width: max-content;
    }

    .cardArticle > div:nth-child(3)[b-uvxzj05cx8] {
        width: 100%;
        margin: 0 auto;
    }

        .titreCard[b-uvxzj05cx8] {
            text-align: center;
            font: normal normal bold 15px/19px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
            text-transform: uppercase;
            padding: 0.5vh 0.5vw;
        }

            .titreCard > p[b-uvxzj05cx8] {
                margin-bottom: 0;
                overflow: hidden
            }

            .titreCard > p:last-child[b-uvxzj05cx8] {
                font-weight: normal;
                font-size: 12px;
            }

.cardArticle > div:nth-child(2) > div > div:nth-child(2) > div[b-uvxzj05cx8] {
    position: absolute;
    right: 5%;
    top: 5%;
}

    .cardArticle > div:nth-child(2) > div > div:nth-child(2) > div > svg[b-uvxzj05cx8] {
        width: 30px;
    }

.btnAddPanier[b-uvxzj05cx8] {
    width: fit-content;
    height: fit-content;
    padding: 5px 10px;
    background-color: var(--CS_color1);
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    margin: 15px auto;
}

    .btnAddPanier:active[b-uvxzj05cx8] {
        box-shadow: inset 0px 3px 6px #00000029;
    }
    .btnAddPanier p[b-uvxzj05cx8] {
        font-size: 13px;
        text-transform: uppercase;
        color: var(--CS_color-blanc);
    }


    .btnDisable[b-uvxzj05cx8] {
        background-color: var(--CS_color2);
    }

.prixCard[b-uvxzj05cx8] {
    text-align: center;
    font: normal normal bold 20px/24px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
}

.prixCard span[b-uvxzj05cx8] {
    font-weight: 400;
    font-size: 14px;
}

.prixCard > p[b-uvxzj05cx8] {
        margin-bottom: 0;
    }

.cardArticle > div:nth-child(6)[b-uvxzj05cx8] {
    display: flex;
    justify-content: center;
    margin: 2vh 0.5vw;
}

    .cardArticle > div:nth-child(6) > div:last-child[b-uvxzj05cx8] {
        padding: 0.5vh 0.5vw;
        width: 50%;
    }

.infoCard[b-uvxzj05cx8] {
    text-align: left;
    font: normal normal normal 12px/15px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    padding: 0.5vh 0.5vw;
    width: 50%;
    border-right: solid 1px #c3c3c3;
}
}
.infoCard > p[b-uvxzj05cx8] {
   margin-bottom : 0
}

.stockCard[b-uvxzj05cx8] {
    display: flex;
    justify-content: right;
    font-size: 17px;
    margin: 1vh 0.5vw;
}

    .stockCard > div:first-child[b-uvxzj05cx8] {
        margin: 0 0.8vw;
    }

    .stockCard > div:first-child svg[b-uvxzj05cx8] {
        height: 3vh;
        stroke: #000;
        fill: transparent;
    }

    .stockCard > div:first-child svg:hover[b-uvxzj05cx8] {
        stroke: var(--CS_colorinvalid);
    }

    .stockCard > div:nth-child(2)[b-uvxzj05cx8] {
        display: flex;
        align-items: center;
    }

    .stockCard > div:nth-child(2) > p[b-uvxzj05cx8] {
        text-align: right;
        font: normal normal normal 17px*20px var(--CS_font1);
        letter-spacing: 0px;
        margin-left: 0.2vw;
    }



.articleFavoris[b-uvxzj05cx8] {
    position: absolute;
    width: max-content;
    font-size: 1.2vh;
    background-color: white;
    padding: 1vh 1vw;
    border: solid 3px whitesmoke;
    border-radius: 5px;
    z-index: 50;
}

    .articleFavoris > div[b-uvxzj05cx8] {
        cursor: pointer;
        margin: 0.5vh auto;
    }

        .articleFavoris > div > span > svg[b-uvxzj05cx8] {
            width: 1vw;
        }

        .articleFavoris > div > span:hover > svg[b-uvxzj05cx8] {
            fill: var(--CS_colorinvalid);
            stroke: var(--CS_colorinvalid);
        }

        .articleFavoris > div > span:hover[b-uvxzj05cx8] {
            font-weight: bold;
        }

        .articleFavoris > div:last-child > span[b-uvxzj05cx8] {
            font-weight: bold;
        }
        .articleFavoris > div:last-child > span:hover[b-uvxzj05cx8] {
            text-decoration: underline;
        }


.closeArticleFavoris[b-uvxzj05cx8] {
    position: absolute;
    right: 5px;
    top: 1px;
    cursor: pointer;
}
.titreCard > p[b-uvxzj05cx8] {
    height: fit-content;
}


.infoCard[b-uvxzj05cx8] {
    font-size: 16px!important;
}

.titreCard[b-uvxzj05cx8] {
    font-size: 18px!important;
}

.cardArticle > div:nth-child(5) > div:last-child > .stockCard[b-uvxzj05cx8] {
    font-size: 22px!important;
}

.cardArticle > div:nth-child(5) > div:last-child > .prixCard[b-uvxzj05cx8], .btnPlusMoins > div:nth-child(2)[b-uvxzj05cx8] {
    font-size: 24px!important;
}

.danslepanier[b-uvxzj05cx8] {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--Gris);
    opacity: 0.4;
    z-index: 2;
}

.cardArticle:hover[b-uvxzj05cx8] {
    box-shadow: 0px 3px 6px #00000029;
}

.cardArticle > div:first-child[b-uvxzj05cx8] {
    position: absolute;
}

    .cardArticle > div:first-child > div:first-child[b-uvxzj05cx8] {
        position: relative;
        left: 0.5vw;
        top: 1vh;
    }

.cardArticle > div[b-uvxzj05cx8] {
    z-index: 4;
    position: relative
}

.danslepanier[b-uvxzj05cx8] {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--CS_color-gris);
    opacity: 0.4;
    z-index: 2;
    position: absolute;
}

.cardArticle > div:nth-child(2)[b-uvxzj05cx8] {
    z-index: 5;
    position: relative;
}

.etiquette[b-uvxzj05cx8] {
    position: absolute !important;
    z-index: 10 !important;
    width: 95%;
    left: 2.5%;
    display: flex;
    flex-direction: row;
}

    .etiquette img[b-uvxzj05cx8] {
        margin-right: 5px;
        width: 34px;
    }
/* _content/Colinternet/Defaut/Composants/Cards/ListeCardsDefault.razor.rz.scp.css */
.diametre[b-e6432p9o78] {
    float: right;
    border-radius: 50%;
    background: var(--CS_color1);
    width: 56px;
    height: 56px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 11px !important;
    box-shadow: 3px 3px 3px #ccc;
    position: absolute;
    bottom: 10px;
    right: 10px;
    transform: rotate(20deg);
}


.stock-badge[b-e6432p9o78] {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    margin: 5px;
    border: 2px solid;
}
.stock-available[b-e6432p9o78] {
    background: #d4edda;
    border-color: #28a745;
    color: #155724;
}
.stock-low[b-e6432p9o78] {
    background: #fff3cd;
    border-color: #ffc107;
    color: #856404;
}
.stock-unavailable[b-e6432p9o78] {
    background: #f8d7da;
    border-color: #dc3545;
    color: #721c24;
    white-space: nowrap;
}
/* Zone produits */
.products-section[b-e6432p9o78] {
    flex: 1;
}

.products-header[b-e6432p9o78] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.products-count[b-e6432p9o78] {
    font-size: 1.1rem;
    color: #6b7280;
}

.sort-dropdown[b-e6432p9o78] {
    padding: 8px 16px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: white;
    font-size: 0.9rem;
    cursor: pointer;
    outline: none;
    transition: border-color 0.2s;
}

    .sort-dropdown:focus[b-e6432p9o78] {
        border-color: var(--CS_color1);
    }

/* Grille produits */
.products-grid[b-e6432p9o78] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.5rem;
}

.product-card[b-e6432p9o78] {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 15px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    cursor: pointer;
}

    .product-card:hover[b-e6432p9o78] {
        transform: translateY(-4px);
        box-shadow: 0 8px 30px rgba(0,0,0,0.15);
    }

.product-image[b-e6432p9o78] {
    width: 100%;
    /*height: 220px;*/
    background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    color: #9ca3af;
}
    .product-image img[b-e6432p9o78] {
        height:fit-content;
        width: auto;
    }

    .product-info[b-e6432p9o78] {
        padding: 1.2rem;
    }

.product-specs[b-e6432p9o78] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 20px;
    font-size: 0.9em;
}
.spec-item[b-e6432p9o78] {
    display: flex;
    justify-content: space-between;
    padding: 8px 12px;
    background: #f8f9fa;
    border-radius: 8px;
    height: fit-content;
}
.spec-label[b-e6432p9o78] {
    font-weight: 600;
    color: #495057;
}
.product-ref[b-e6432p9o78] {
    color: #7f8c8d;
    font-size: 0.9em;
    margin-bottom: 15px;
}
.favorite-btn[b-e6432p9o78] {
    position: absolute;
    bottom: 4px;
    right: 4px;
    background: rgba(255,255,255,0.9);
    border: none;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 18px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
}

.red[b-e6432p9o78] {
    background: #dc2626;
}
.product-category[b-e6432p9o78] {
    font-size: 0.8rem;
    color: var(--CS_color1);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.5rem;
}

.product-name[b-e6432p9o78] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #2c3e35;
    margin-bottom: 0.5rem;
    line-height: 1.3;
}

.product-price[b-e6432p9o78] {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--CS_color1);
}

.product-rating[b-e6432p9o78] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.8rem;
}

.stars[b-e6432p9o78] {
    color: #fbbf24;
    font-size: 0.9rem;
}

.rating-count[b-e6432p9o78] {
    font-size: 0.8rem;
    color: #6b7280;
}

/* Badge promo */
.product-badge[b-e6432p9o78] {
    position: absolute;
    top: 12px;
    left: 12px;
    background: #dc2626;
    color: white;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
}

@media screen and (max-width: 796px) {
    .main-container[b-e6432p9o78]{
        flex-direction: column;
    }
}
/* Responsive */
@media (max-width: 1024px) {
    .main-container[b-e6432p9o78] {
        flex-direction: column;
    }

    .filters-sidebar[b-e6432p9o78] {
        width: 100%;
        position: static;
    }

    .search-bar[b-e6432p9o78] {
        margin: 1rem 0;
        order: 3;
        max-width: none;
    }

    .header-content[b-e6432p9o78] {
        flex-wrap: wrap;
    }
}

@media (max-width: 640px) {
    .main-container[b-e6432p9o78] {
        padding: 0 1rem;
    }

    .header[b-e6432p9o78] {
        padding: 1rem;
    }

    .products-grid[b-e6432p9o78] {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
        gap: 1rem;
    }

    .products-header[b-e6432p9o78] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }
}
/* _content/Colinternet/Defaut/Composants/Cards/ListeCardsModele1.razor.rz.scp.css */




.listecards[b-zl3e4vkp6b] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}


/*.coeur{
    font-size: 1.2rem;
}*/

#filtres[b-zl3e4vkp6b] {
    display: flex;
}

.filtres[b-zl3e4vkp6b] {
    position: fixed;
    width: 300px;
    left: -277px;
    top: 1px;
    white-space: nowrap;
    min-height: 100vh;
    z-index: 1000;
    background: white;
    box-shadow: rgb(102, 102, 102) 10px 10px 22px;
    border-radius: 0 5px 5px 0;
    transition-duration: 0.5s;
}
    .filtres > div:first-child[b-zl3e4vkp6b] {
        cursor: pointer;
        display: flex;
        justify-content: flex-end;
        color: var(--CS_color1);
        margin-right: 1px;
    }

.FiltersClosed[b-zl3e4vkp6b]{
}
.FiltersOpen[b-zl3e4vkp6b] {
    left: 0px;
}

.reference[b-zl3e4vkp6b]{
    line-height: normal;
}

.cardArticle[b-zl3e4vkp6b] {
    width: 300px;
    overflow: hidden;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
}

.BodyMP .cardArticle[b-zl3e4vkp6b] {
    width: 100%;
}
    .cardArticle:hover[b-zl3e4vkp6b] {
    box-shadow: 0px 3px 6px #00000029;
}

        .cardArticle > div:first-child > div:first-child[b-zl3e4vkp6b] {
        }

.cardArticle > div:nth-child(4)[b-zl3e4vkp6b] {
    height: 250px;
}

    .cardArticle > div:nth-child(4) > img[b-zl3e4vkp6b] {
        height: auto;
        width: auto;
        max-height: 100%;
        max-width: 100%;
    }


.cardArticle > div:nth-child(5)[b-zl3e4vkp6b] {
    display: flex;
    justify-content: flex-end;
}

        .cardArticle > div:nth-child(5) > div[b-zl3e4vkp6b] {
        }

            .cardArticle > div:nth-child(5) > div > div[b-zl3e4vkp6b] {
                margin: auto;
            }

                .cardArticle > div:nth-child(5) > div > div:first-child[b-zl3e4vkp6b] {
                    margin-right: 5px;
                    margin-bottom: 2px;
                }

                    /*.cardArticle > div:nth-child(5) > div > div:first-child svg {
                        height: 10px;
                        stroke: #000;
                        fill: transparent;
                    }*/

                        .cardArticle > div:nth-child(5) > div > div:first-child svg:hover[b-zl3e4vkp6b] {
                            stroke: var(--CS_colorinvalid);
                        }

                .cardArticle > div:nth-child(5) > div > div:last-child[b-zl3e4vkp6b] {
                    margin-right: 10px;
                }

    .cardArticle > div:nth-child(8)[b-zl3e4vkp6b] {
        display: flex;
        justify-content: space-between;
    }

        .cardArticle > div:nth-child(8) > div:last-child[b-zl3e4vkp6b] {
            padding: 10px 10px;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
        }

            .cardArticle > div:nth-child(8) > div:last-child > .prixCard[b-zl3e4vkp6b] {
                text-align: right;
                text-align: right;
                font: normal normal normal 20px/24px var(--CS_font1);
                letter-spacing: 0px;
                color: var(--CS_color-noir);
            }

                .cardArticle > div:nth-child(8) > div:last-child > .prixCard > p[b-zl3e4vkp6b] {
                    margin-bottom: 0;
                }

            .cardArticle > div:nth-child(8) > div:last-child > .stockCard[b-zl3e4vkp6b] {
                text-align: left;
                font: normal normal normal 20px/24px var(--CS_font1);
                letter-spacing: 0px;
            }

            .cardArticle > div:nth-child(8) > div:last-child > .stockCard[b-zl3e4vkp6b] {
                display: flex;
                justify-content: center;
                font-size: 17px !important;
            }

                .cardArticle > div:nth-child(8) > div:last-child > .stockCard > div > svg[b-zl3e4vkp6b] {
                    height: 40px;
                    margin: auto 10px auto 0;
                    color: red;
                }

.imgCard[b-zl3e4vkp6b] {
    width: 100%;
    display: flex;
    justify-content: center;
    height: 100px;
}

    .imgCard > img[b-zl3e4vkp6b] {
        max-width: 100px;
        max-height: 100px;
        height: max-content;
        width: max-content;
    }

.btnPlusMoins[b-zl3e4vkp6b] {
    display: flex;
    justify-content: space-around;
    width: 150px;
    align-items: center;
}

    .btnPlusMoins > div:first-child[b-zl3e4vkp6b], .btnPlusMoins > div:last-child[b-zl3e4vkp6b] {
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 5px;
        text-align: left;
        font: normal normal normal 25px/30px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-blanc);
        display: flex;
        justify-content: center;
        background: var(--CS_color1) 0% 0% no-repeat padding-box;
        padding: 10px;
    }

        .btnPlusMoins > div:first-child > span[b-zl3e4vkp6b], .btnPlusMoins > div:last-child > span[b-zl3e4vkp6b] {
            margin: auto;
        }
    /*    .btnPlusMoins > div:first-child {
        background: var(--CS_color1)80 0% 0% no-repeat padding-box;
    }*/
    .btnPlusMoins > div:nth-child(2)[b-zl3e4vkp6b] {
        text-align: center;
        font: normal normal normal 17px/20px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
        margin: 0 10px;
        min-width: 20px;
    }
/*    .btnPlusMoins > div:last-child {
        background: var(--CS_color1) 0% 0% no-repeat padding-box;
    }*/

.btnDisable[b-zl3e4vkp6b] {
    background: var(--CS_color1) 0% 0% no-repeat padding-box !important;
    opacity: 0.4;
}



.titreCard[b-zl3e4vkp6b] {
    text-align: left;
    font: normal normal bold 15px/19px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    text-transform: uppercase;
    width: 82%;
    padding: 10px 0;
}

    .titreCard > p[b-zl3e4vkp6b] {
        margin-bottom: 0;
        height: 6vh;
        overflow: hidden
    }

.infoCard[b-zl3e4vkp6b] {
    text-align: left;
    font: normal normal normal 12px/15px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    padding: 10px 0;
}

    .infoCard > p[b-zl3e4vkp6b] {
        margin-bottom: 0
    }




.articleFavoris[b-zl3e4vkp6b] {
    width: max-content;
    background-color: white;
    padding: 20px 20px;
}

    .articleFavoris > div[b-zl3e4vkp6b] {
        cursor: pointer;
    }

        .articleFavoris > div > span > svg[b-zl3e4vkp6b] {
            width: 50px;
        }

.closeArticleFavoris[b-zl3e4vkp6b] {
    position: absolute;
    right: 5px;
    top: 1px;
    cursor: pointer;
}

.titreCard > p[b-zl3e4vkp6b] {
    height: fit-content;
}

.infoCard[b-zl3e4vkp6b] {
    font-size: 16px !important;
}

.titreCard[b-zl3e4vkp6b] {
    font-size: 18px !important;
}

.cardArticle > div:nth-child(5) > div:last-child > .stockCard[b-zl3e4vkp6b] {
    font-size: 22px !important;
}

.cardArticle > div:nth-child(5) > div:last-child > .prixCard[b-zl3e4vkp6b], .btnPlusMoins > div:nth-child(2)[b-zl3e4vkp6b] {
    font-size: 24px !important;
}

.btnAddPanier[b-zl3e4vkp6b] {
    background-color: var(--CS_color1);
    border: solid 1px var(--CS_color1);
    border-radius: 5px;
    text-align: center;
    font: normal normal normal 17px/20px var(--CS_font1);
    letter-spacing: 0px;
    text-transform: uppercase;
    width: 100%;
    box-shadow: 0px 3px 6px #00000029;
}

.cardArticle > div[b-zl3e4vkp6b] {
}

/*.danslepanier {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--CS_color-gris);
    opacity: 0.4;
    z-index: 2;
    position: absolute;
}*/

.etiquette[b-zl3e4vkp6b] {
    position: absolute !important;
    z-index: 8 !important;
}

.etiquette img[b-zl3e4vkp6b] {/*
    margin-right: 5px;*/
    height: 30px;
}

.cardArticle:hover[b-zl3e4vkp6b] {
    box-shadow: 0px 3px 6px #00000029;
}

.cardArticle > div:first-child[b-zl3e4vkp6b] {
    position: absolute;
}

    .cardArticle > div:first-child > div:first-child[b-zl3e4vkp6b] {
        position: relative;
        left: 10px;
        top: 20px;
    }

.btnPlusMoins > div:active[b-zl3e4vkp6b] {
    box-shadow: inset 0px 3px 6px #00000029;
}


.promo[b-zl3e4vkp6b]{
    color: red;
}

.prix-barre[b-zl3e4vkp6b] {
    font-size: 16px;
    text-decoration: line-through;
}

.arrivage[b-zl3e4vkp6b]{
    margin: 5px 10px;
}
    .arrivage div[b-zl3e4vkp6b] {
        display: flex;
        gap : 5px;
    }


.diametre[b-zl3e4vkp6b] {
    float: right;
    border-radius: 50%;
    background: var(--CS_color1);
    width: 45px;
    height: 45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 11px !important;
    box-shadow: 3px 3px 3px #ccc;
    position: relative;
    transform: rotate(20deg);
}
.diametre > span:first-child[b-zl3e4vkp6b]{
    font-size: 12px !important;
}
/* _content/Colinternet/Defaut/Composants/Cards/ListeCardsModele2.razor.rz.scp.css */

/*.ListeCardsModele2 {
    margin: 5vh 5vw;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
}*/
.ListeCardsModele2 > div[b-64cqfxzfld]{
    display : flex;
}

.cardArticle[b-64cqfxzfld] {
    overflow: hidden;
    margin: 1vh 1vw;
    border-radius: 5px;
    position : relative;
    padding : 15px 0;
}

    .cardArticle:hover[b-64cqfxzfld] {
        box-shadow: 0px 3px 6px #00000029;
    }

    .cardArticle > div:first-child[b-64cqfxzfld] {
        position: absolute;
        width: 20vw;
    }

        .cardArticle > div:first-child > div[b-64cqfxzfld] {
            display: flex;
            justify-content: space-between;
            width: 100%;
        }

            .cardArticle > div:first-child > div > div:first-child[b-64cqfxzfld] {
                position: relative;
                left: 0.5vw;
                top: 1vh;
            }

            .cardArticle > div:first-child > div > div:nth-child(2)[b-64cqfxzfld] {
                position: relative;
                right: 0.5vw;
                top: 1vh;
            }

                .cardArticle > div:first-child > div > div:nth-child(2) > div > svg[b-64cqfxzfld] {
                    height: 4vh;
                }

    .cardArticle > div:nth-child(4) > div > div:first-child svg:hover[b-64cqfxzfld] {
        fill: var(--CS_colorinvalid);
    }
.imgCard[b-64cqfxzfld] {
    width: 100%;
    display: flex;
    justify-content: center;
    height: fit-content;
}

    .imgCard > img[b-64cqfxzfld] {
        max-width: 17vw;
        max-height: 20vw;
        height: max-content;
        width: max-content;
    }

    .cardArticle > div:nth-child(3)[b-64cqfxzfld] {
        width: 80%;
        margin: 0 auto;
    }

        .titreCard[b-64cqfxzfld] {
            text-align: center;
            font: normal normal bold 15px/19px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
            text-transform: uppercase;
            padding: 0.5vh 0.5vw;
        }

            .titreCard > p[b-64cqfxzfld] {
                margin-bottom: 0;
                overflow: hidden
            }

.btnPlusMoins[b-64cqfxzfld] {
    display: flex;
    justify-content: space-around;
    width: 13vh;
    margin: 2vh auto;
    align-items: center;
}

    .btnPlusMoins > div:first-child[b-64cqfxzfld], .btnPlusMoins > div:last-child[b-64cqfxzfld] {
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 5px;
        text-align: left;
        font: normal normal normal 25px/30px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-blanc);
        display: flex;
        justify-content: center;
        background: var(--CS_color1) 0% 0% no-repeat padding-box;
        padding: 1vh;
    }

        .btnPlusMoins > div:first-child > span[b-64cqfxzfld], .btnPlusMoins > div:last-child > span[b-64cqfxzfld] {
            margin: auto;
        }

    .btnPlusMoins > div:nth-child(2)[b-64cqfxzfld] {
        text-align: center;
        font: normal normal normal 17px/20px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
        margin: 0 0.5vw;
        min-width: 1.5vw;
    }

.btnDisable[b-64cqfxzfld] {
    background: var(--CS_color2) 0% 0% no-repeat padding-box!important;
}

.prixCard[b-64cqfxzfld] {
    text-align: center;
    font: normal normal bold 20px/24px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
}

.prixCard > p[b-64cqfxzfld] {
        margin-bottom: 0;
    }

.cardArticle > div:nth-child(6)[b-64cqfxzfld] {
    display: flex;
    justify-content: center;
    margin: 2vh 0.5vw;
}

    .cardArticle > div:nth-child(6) > div:last-child[b-64cqfxzfld] {
        padding: 0.5vh 0.5vw;
        width: 50%;
    }

.infoCard[b-64cqfxzfld] {
    text-align: left;
    font: normal normal normal 12px/15px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    padding: 0.5vh 0.5vw;
    width: 50%;
    border-right: solid 1px #c3c3c3;
}
}
.infoCard > p[b-64cqfxzfld] {
   margin-bottom : 0
}

.stockCard[b-64cqfxzfld] {
    display: flex;
    justify-content: right;
    font-size: 17px;
    margin: 1vh 0.5vw;
}

    .stockCard > div:first-child[b-64cqfxzfld] {
        margin: 0 0.8vw;
    }

    .stockCard > div:first-child svg[b-64cqfxzfld] {
        height: 3vh;
        stroke: #000;
        fill: transparent;
    }

    .stockCard > div:first-child svg:hover[b-64cqfxzfld] {
        stroke: var(--CS_colorinvalid);
    }

    .stockCard > div:nth-child(2)[b-64cqfxzfld] {
        display: flex;
        align-items: center;
    }

    .stockCard > div:nth-child(2) > p[b-64cqfxzfld] {
        text-align: right;
        font: normal normal normal 17px*20px var(--CS_font1);
        letter-spacing: 0px;
        margin-left: 0.2vw;
    }



.articleFavoris[b-64cqfxzfld] {
    position: absolute;
    width: max-content;
    font-size: 1.2vh;
    background-color: white;
    padding: 1vh 1vw;
    border: solid 3px whitesmoke;
    border-radius: 5px;
    z-index: 50;
}

    .articleFavoris > div[b-64cqfxzfld] {
        cursor: pointer;
        margin: 0.5vh auto;
    }

        .articleFavoris > div > span > svg[b-64cqfxzfld] {
            width: 1vw;
        }

        .articleFavoris > div > span:hover > svg[b-64cqfxzfld] {
            fill: var(--CS_colorinvalid);
            stroke: var(--CS_colorinvalid);
        }

        .articleFavoris > div > span:hover[b-64cqfxzfld] {
            font-weight: bold;
        }

        .articleFavoris > div:last-child > span[b-64cqfxzfld] {
            font-weight: bold;
        }
        .articleFavoris > div:last-child > span:hover[b-64cqfxzfld] {
            text-decoration: underline;
        }


.closeArticleFavoris[b-64cqfxzfld] {
    position: absolute;
    right: 5px;
    top: 1px;
    cursor: pointer;
}
.titreCard > p[b-64cqfxzfld] {
    height: fit-content;
}


.infoCard[b-64cqfxzfld] {
    font-size: 16px!important;
}

.titreCard[b-64cqfxzfld] {
    font-size: 18px!important;
}

.cardArticle > div:nth-child(5) > div:last-child > .stockCard[b-64cqfxzfld] {
    font-size: 22px!important;
}

.cardArticle > div:nth-child(5) > div:last-child > .prixCard[b-64cqfxzfld], .btnPlusMoins > div:nth-child(2)[b-64cqfxzfld] {
    font-size: 24px!important;
}

.cardArticle > div:nth-child(2) > div > div:nth-child(2) > div[b-64cqfxzfld] {
    position: absolute;
    right: 5%;
    top: 5%;
}

    .cardArticle > div:nth-child(2) > div > div:nth-child(2) > div > svg[b-64cqfxzfld] {
        width: 30px;
    }


    .btnAddPanier[b-64cqfxzfld] {
        background-color: var(--CS_color1);
        border: solid 1px var(--CS_color1);
        border-radius: 5px;
        text-align: center;
        font: normal normal normal 17px/20px var(--CS_font1);
        letter-spacing: 0px;
        text-transform: uppercase;
        width: 100%;
        box-shadow: 0px 3px 6px #00000029;
    }

.danslepanier[b-64cqfxzfld] {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--Gris);
    opacity: 0.4;
    z-index: 2;
}

.cardArticle:hover[b-64cqfxzfld] {
    box-shadow: 0px 3px 6px #00000029;
}

.cardArticle > div:first-child[b-64cqfxzfld] {
    position: absolute;
}

    .cardArticle > div:first-child > div:first-child[b-64cqfxzfld] {
        position: relative;
        left: 0.5vw;
        top: 1vh;
    }

.cardArticle > div[b-64cqfxzfld] {
    z-index: 4;
    position: relative
}

.danslepanier[b-64cqfxzfld] {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--CS_color-gris);
    opacity: 0.4;
    z-index: 2;
    position: absolute;
}

.cardArticle > div:nth-child(2)[b-64cqfxzfld] {
    z-index: 5;
    position: relative;
}

.etiquette[b-64cqfxzfld] {
    position: absolute !important;
    z-index: 10 !important;
    width: 95%;
    left: 2.5%;
    display: flex;
    flex-direction: row;
}

    .etiquette img[b-64cqfxzfld] {
        margin-right: 5px;
        width: 34px;
    }

.btnPlusMoins > div:active[b-64cqfxzfld] {
    box-shadow: inset 0px 3px 6px #00000029;
}

@media screen and (max-width: 1920px) {
    .infoCard[b-64cqfxzfld] {
        font-size: 14px!important;
    }

    .titreCard[b-64cqfxzfld] {
        font-size: 15px!important;
    }

    .cardArticle > div:nth-child(5) > div:last-child > .stockCard[b-64cqfxzfld] {
        font-size: 17px!important;
    }

    .cardArticle > div:nth-child(5) > div:last-child > .prixCard[b-64cqfxzfld], .btnPlusMoins > div:nth-child(2)[b-64cqfxzfld] {
        font-size: 20px!important;
    }

}

@media screen and (max-width: 1024px) {


        .cardArticle > div:nth-child(3) > div[b-64cqfxzfld] {
            position: relative;
            float: right;
            right: 31px;
        }

    .imgCard[b-64cqfxzfld] {
        height: 30vw;
    }

    .cardArticle[b-64cqfxzfld] {
        margin: 1vh 2vw;
    }

}

@media screen and (max-width: 800px) {
    .btnPlusMoins > div:nth-child(2)[b-64cqfxzfld] {
        min-width: 3.5vw;
    }

    .btnPlusMoins[b-64cqfxzfld] {
        width: 4vh;
    }

        .cardArticle[b-64cqfxzfld] {
            width: 35vw;
        }
  
}


    @media screen and (max-width: 768px) {
        .cardArticle[b-64cqfxzfld] {
            width: 100%;
        }

    
    {
        max-width: -webkit-fill-available;
        max-height: fit-content;
    }
}

@media screen and (max-width: 425px) {
    .listecards > div[b-64cqfxzfld] {
        width: 80%;
        margin: auto;
    }

    .cardArticle[b-64cqfxzfld] {
        margin: 25px 0;
    }

    .imgCard > img[b-64cqfxzfld] {
        max-height: 100%;
    }

    .cardArticle > div:nth-child(3)[b-64cqfxzfld] {
        position: relative;
    }

    .cardArticle > div:nth-child(3) > div[b-64cqfxzfld] {
        right: 70px;
    }

    .ListeCardsModele2 > div[b-64cqfxzfld] {
        width: 100%;
    }

    .cardArticle > div:first-child[b-64cqfxzfld] {
        width: 88%;
    }
}
/* _content/Colinternet/Defaut/Composants/Cards/ListeCardsModele3.razor.rz.scp.css */


.ListeCardsModele3[b-o1ejxfehtf] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}



.cardArticle[b-o1ejxfehtf] {
    width: 300px;
    overflow: hidden;
    margin: 1vh 1vw;
    border-radius: 5px;
    position: relative;
    padding : 10px 0;
}

    .cardArticle:hover[b-o1ejxfehtf] {
        box-shadow: 0px 3px 6px #00000029;
    }

    .cardArticle > div:first-child[b-o1ejxfehtf] {
        position: absolute;
        width: 20vw;
    }

        .cardArticle > div:first-child > div[b-o1ejxfehtf] {
            display: flex;
            justify-content: space-between;
            width: 100%;
        }

            .cardArticle > div:first-child > div > div:first-child[b-o1ejxfehtf] {
                position: relative;
                left: 0.5vw;
                top: 1vh;
            }

            .cardArticle > div:first-child > div > div:nth-child(2)[b-o1ejxfehtf] {
                position: relative;
                right: 0.5vw;
                top: 1vh;
            }

                .cardArticle > div:first-child > div > div:nth-child(2) > div > svg[b-o1ejxfehtf] {
                    height: 4vh;
                }

.imgCard[b-o1ejxfehtf] {
    width: 100%;
    display: flex;
    justify-content: center;
    height: 250px;
}

    .imgCard > img[b-o1ejxfehtf] {
        max-width: 90%;
        max-height: 90%;
        height: max-content;
        width: max-content;
    }

    .cardArticle > div:nth-child(3)[b-o1ejxfehtf] {
        width: 100%;
        margin: 0 auto;
    }

        .titreCard[b-o1ejxfehtf] {
            text-align: center;
            font: normal normal bold 15px/19px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
            text-transform: uppercase;
            padding: 0.5vh 0.5vw;
        }

            .titreCard > p[b-o1ejxfehtf] {
                margin-bottom: 0;
                overflow: hidden
            }

            .titreCard > p:last-child[b-o1ejxfehtf] {
                font-weight: normal;
                font-size: 12px;
            }

.cardArticle > div:nth-child(2) > div > div:nth-child(2) > div[b-o1ejxfehtf] {
    position: absolute;
    right: 5%;
    top: 5%;
}

    .cardArticle > div:nth-child(2) > div > div:nth-child(2) > div > svg[b-o1ejxfehtf] {
        width: 30px;
    }

.btnAddPanier[b-o1ejxfehtf] {
    width: fit-content;
    height: fit-content;
    padding: 5px 10px;
    background-color: var(--CS_color1);
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    margin: 15px auto;
}

    .btnAddPanier:active[b-o1ejxfehtf] {
        box-shadow: inset 0px 3px 6px #00000029;
    }
    .btnAddPanier p[b-o1ejxfehtf] {
        font-size: 13px;
        text-transform: uppercase;
        color: var(--CS_color-blanc);
    }


    .btnDisable[b-o1ejxfehtf] {
        background-color: var(--CS_color2);
    }

.prixCard[b-o1ejxfehtf] {
    text-align: center;
    font: normal normal bold 20px/24px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
}

.prixCard span[b-o1ejxfehtf] {
    font-weight: 400;
    font-size: 14px;
}

.prixCard > p[b-o1ejxfehtf] {
        margin-bottom: 0;
    }

.cardArticle > div:nth-child(6)[b-o1ejxfehtf] {
    display: flex;
    justify-content: center;
    margin: 2vh 0.5vw;
}

    .cardArticle > div:nth-child(6) > div:last-child[b-o1ejxfehtf] {
        padding: 0.5vh 0.5vw;
        width: 50%;
    }

.infoCard[b-o1ejxfehtf] {
    text-align: left;
    font: normal normal normal 12px/15px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    padding: 0.5vh 0.5vw;
    width: 50%;
    border-right: solid 1px #c3c3c3;
}
}
.infoCard > p[b-o1ejxfehtf] {
   margin-bottom : 0
}

.stockCard[b-o1ejxfehtf] {
    display: flex;
    justify-content: right;
    font-size: 17px;
    margin: 1vh 0.5vw;
}

    .stockCard > div:first-child[b-o1ejxfehtf] {
        margin: 0 0.8vw;
    }

    .stockCard > div:first-child svg[b-o1ejxfehtf] {
        height: 3vh;
        stroke: #000;
        fill: transparent;
    }

    .stockCard > div:first-child svg:hover[b-o1ejxfehtf] {
        stroke: var(--CS_colorinvalid);
    }

    .stockCard > div:nth-child(2)[b-o1ejxfehtf] {
        display: flex;
        align-items: center;
    }

    .stockCard > div:nth-child(2) > p[b-o1ejxfehtf] {
        text-align: right;
        font: normal normal normal 17px*20px var(--CS_font1);
        letter-spacing: 0px;
        margin-left: 0.2vw;
    }



.articleFavoris[b-o1ejxfehtf] {
    position: absolute;
    width: max-content;
    font-size: 1.2vh;
    background-color: white;
    padding: 1vh 1vw;
    border: solid 3px whitesmoke;
    border-radius: 5px;
    z-index: 50;
}

    .articleFavoris > div[b-o1ejxfehtf] {
        cursor: pointer;
        margin: 0.5vh auto;
    }

        .articleFavoris > div > span > svg[b-o1ejxfehtf] {
            width: 1vw;
        }

        .articleFavoris > div > span:hover > svg[b-o1ejxfehtf] {
            fill: var(--CS_colorinvalid);
            stroke: var(--CS_colorinvalid);
        }

        .articleFavoris > div > span:hover[b-o1ejxfehtf] {
            font-weight: bold;
        }

        .articleFavoris > div:last-child > span[b-o1ejxfehtf] {
            font-weight: bold;
        }
        .articleFavoris > div:last-child > span:hover[b-o1ejxfehtf] {
            text-decoration: underline;
        }


.closeArticleFavoris[b-o1ejxfehtf] {
    position: absolute;
    right: 5px;
    top: 1px;
    cursor: pointer;
}
.titreCard > p[b-o1ejxfehtf] {
    height: fit-content;
}


.infoCard[b-o1ejxfehtf] {
    font-size: 14px!important;
}

.titreCard[b-o1ejxfehtf] {
    font-size: 14px!important;
}

.cardArticle > div:nth-child(5) > div:last-child > .stockCard[b-o1ejxfehtf] {
    font-size: 22px!important;
}

.cardArticle > div:nth-child(5) > div:last-child > .prixCard[b-o1ejxfehtf], .btnPlusMoins > div:nth-child(2)[b-o1ejxfehtf] {
    font-size: 24px!important;
}

.danslepanier[b-o1ejxfehtf] {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--Gris);
    opacity: 0.4;
    z-index: 2;
}

.cardArticle:hover[b-o1ejxfehtf] {
    box-shadow: 0px 3px 6px #00000029;
}

.cardArticle > div:first-child[b-o1ejxfehtf] {
    position: absolute;
}

    .cardArticle > div:first-child > div:first-child[b-o1ejxfehtf] {
        position: relative;
        left: 0.5vw;
        top: 1vh;
    }

.cardArticle > div[b-o1ejxfehtf] {
    z-index: 4;
    position: relative
}

.danslepanier[b-o1ejxfehtf] {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--CS_color-gris);
    opacity: 0.4;
    z-index: 2;
    position: absolute;
}

.cardArticle > div:nth-child(2)[b-o1ejxfehtf] {
    z-index: 5;
    position: relative;
}

.etiquette[b-o1ejxfehtf] {
    position: absolute !important;
    z-index: 10 !important;
    width: 95%;
    left: 2.5%;
    display: flex;
    flex-direction: row;
}

    .etiquette img[b-o1ejxfehtf] {
        margin-right: 5px;
        width: 34px;
    }
/* _content/Colinternet/Defaut/Composants/Cards/ListeCardsModele4.razor.rz.scp.css */


.ListeCardsModele4[b-hyf4h6d7su] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}



.cardArticle[b-hyf4h6d7su],
div.cardArticle.cursor-pointer[b-hyf4h6d7su] {
    width: 300px;
    margin: 1vh 1vw;
    border-radius: 5px;
    position: relative;
    padding: 10px 0;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    display: block !important;
    overflow: hidden !important;
    box-sizing: border-box;
}

    /* También asegúrate de que los elementos hijos respeten el contenedor */
.cardArticle[b-hyf4h6d7su], p[b-hyf4h6d7su], span[b-hyf4h6d7su] {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    max-width: 100%;
}

    .cardArticle:hover[b-hyf4h6d7su] {
        box-shadow: 0px 3px 6px #00000029;
    }

    .cardArticle > div:first-child[b-hyf4h6d7su] {
        position: absolute;
        width: 20vw;
    }

        .cardArticle > div:first-child > div[b-hyf4h6d7su] {
            display: flex;
            justify-content: space-between;
            width: 100%;
        }

            .cardArticle > div:first-child > div > div:first-child[b-hyf4h6d7su] {
                position: relative;
                left: 0.5vw;
                top: 1vh;
            }

            .cardArticle > div:first-child > div > div:nth-child(2)[b-hyf4h6d7su] {
                position: relative;
                right: 0.5vw;
                top: 1vh;
            }

                .cardArticle > div:first-child > div > div:nth-child(2) > div > svg[b-hyf4h6d7su] {
                    height: 4vh;
                }

.imgCard[b-hyf4h6d7su] {
    width: 100%;
    display: flex;
    justify-content: center;
    height: 250px;
}

    .imgCard > img[b-hyf4h6d7su] {
        max-width: 90%;
        max-height: 90%;
        height: max-content;
        width: max-content;
    }

    .cardArticle > div:nth-child(3)[b-hyf4h6d7su] {
        width: 100%;
        margin: 0 auto;
    }

        .titreCard[b-hyf4h6d7su] {
            text-align: center;
            font: normal normal bold 15px/19px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
            text-transform: uppercase;
            padding: 0.5vh 0.5vw;
        }

            .titreCard > p[b-hyf4h6d7su] {
                margin-bottom: 0;
                overflow: hidden
            }

            .titreCard > p:last-child[b-hyf4h6d7su] {
                font-weight: normal;
                font-size: 12px;
            }

.showOptions:hover .shopping-bag-icon-flex[b-hyf4h6d7su] {
    display: block !important;
}

.showOptions:hover .shopping-bag-icon-flex[b-hyf4h6d7su] {
    display: flex !important;
}


.cardArticle > div:nth-child(2) > div > div:nth-child(2) > div[b-hyf4h6d7su] {
    position: absolute;
    right: 5%;
    top: 5%;
}

    .cardArticle > div:nth-child(2) > div > div:nth-child(2) > div > svg[b-hyf4h6d7su] {
        width: 30px;
    }

.btnAddPanier[b-hyf4h6d7su] {
    width: fit-content;
    height: fit-content;
    padding: 5px 10px;
    background-color: var(--CS_color1);
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    margin: 15px auto;
}

    .btnAddPanier:active[b-hyf4h6d7su] {
        box-shadow: inset 0px 3px 6px #00000029;
    }
    .btnAddPanier p[b-hyf4h6d7su] {
        font-size: 13px;
        text-transform: uppercase;
        color: var(--CS_color-blanc);
    }


    .btnDisable[b-hyf4h6d7su] {
        background-color: var(--CS_color2);
    }

.prixCard[b-hyf4h6d7su] {
    text-align: center;
    font: normal normal bold 20px/24px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
}

.prixCard span[b-hyf4h6d7su] {
    font-weight: 400;
    font-size: 13px;
}

.prixCard > p[b-hyf4h6d7su] {
        margin-bottom: 0;
    }

.cardArticle > div:nth-child(6)[b-hyf4h6d7su] {
    display: flex;
    justify-content: center;
    margin: 2vh 0.5vw;
}

    .cardArticle > div:nth-child(6) > div:last-child[b-hyf4h6d7su] {
        padding: 0.5vh 0.5vw;
        width: 50%;
    }

.infoCard[b-hyf4h6d7su] {
    text-align: left;
    font: normal normal normal 12px/15px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    padding: 0.5vh 0.5vw;
    border-right: solid 1px #c3c3c3;
}
}
.infoCard > p[b-hyf4h6d7su] {
   margin-bottom : 0
}

.stockCard[b-hyf4h6d7su] {
    display: flex;
    justify-content: right;
    font-size: 17px;
    margin: 1vh 0.5vw;
}

    .stockCard > div:first-child[b-hyf4h6d7su] {
        margin: 0 0.8vw;
    }

    .stockCard > div:first-child svg[b-hyf4h6d7su] {
        height: 3vh;
        stroke: #000;
        fill: transparent;
    }

    .stockCard > div:first-child svg:hover[b-hyf4h6d7su] {
        stroke: var(--CS_colorinvalid);
    }

    .stockCard > div:nth-child(2)[b-hyf4h6d7su] {
        display: flex;
        align-items: center;
    }

    .stockCard > div:nth-child(2) > p[b-hyf4h6d7su] {
        text-align: right;
        font: normal normal normal 17px*20px var(--CS_font1);
        letter-spacing: 0px;
        margin-left: 0.2vw;
    }



.articleFavoris[b-hyf4h6d7su] {
    position: absolute;
    width: max-content;
    font-size: 1.2vh;
    background-color: white;
    padding: 1vh 1vw;
    border: solid 3px whitesmoke;
    border-radius: 5px;
    z-index: 50;
}

    .articleFavoris > div[b-hyf4h6d7su] {
        cursor: pointer;
        margin: 0.5vh auto;
    }

        .articleFavoris > div > span > svg[b-hyf4h6d7su] {
            width: 1vw;
        }

        .articleFavoris > div > span:hover > svg[b-hyf4h6d7su] {
            fill: var(--CS_colorinvalid);
            stroke: var(--CS_colorinvalid);
        }

        .articleFavoris > div > span:hover[b-hyf4h6d7su] {
            font-weight: bold;
        }

        .articleFavoris > div:last-child > span[b-hyf4h6d7su] {
            font-weight: bold;
        }
        .articleFavoris > div:last-child > span:hover[b-hyf4h6d7su] {
            text-decoration: underline;
        }


.closeArticleFavoris[b-hyf4h6d7su] {
    position: absolute;
    right: 5px;
    top: 1px;
    cursor: pointer;
}
.titreCard > p[b-hyf4h6d7su] {
    height: fit-content;
}


.infoCard[b-hyf4h6d7su] {
    font-size: 14px!important;
}

.titreCard[b-hyf4h6d7su] {
    font-size: 14px!important;
}

.cardArticle > div:nth-child(5) > div:last-child > .stockCard[b-hyf4h6d7su] {
    font-size: 22px!important;
}

.cardArticle > div:nth-child(5) > div:last-child > .prixCard[b-hyf4h6d7su], .btnPlusMoins > div:nth-child(2)[b-hyf4h6d7su] {
    font-size: 24px!important;
}

.danslepanier[b-hyf4h6d7su] {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.4;
    z-index: 2;
}

.cardArticle:hover[b-hyf4h6d7su] {
    box-shadow: 0px 3px 6px #00000029;
}

.cardArticle > div:first-child[b-hyf4h6d7su] {
    position: absolute;
}

    .cardArticle > div:first-child > div:first-child[b-hyf4h6d7su] {
        position: relative;
        left: 0.5vw;
        top: 1vh;
    }

.cardArticle > div[b-hyf4h6d7su] {
    z-index: 4;
    position: relative
}

.danslepanier[b-hyf4h6d7su] {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.4;
    z-index: 2;
    position: absolute;
}

.cardArticle > div:nth-child(2)[b-hyf4h6d7su] {
    z-index: 5;
    position: relative;
}

.etiquette[b-hyf4h6d7su] {
    position: absolute !important;
    z-index: 10 !important;
    width: 95%;
    left: 2.5%;
    display: flex;
    flex-direction: row;
}

    .etiquette img[b-hyf4h6d7su] {
        margin-right: 5px;
        width: 34px;
    }

.add-to-cart-btn[b-hyf4h6d7su] {
    background: linear-gradient(135deg, var(--CS_color2) 0%, var(--CS_color1) 100%);
    color: white;
    border: none;
    padding: 7px 11px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 0px 4px rgba(102, 126, 234, 0.3);
    margin-bottom: 5px;
}

    .add-to-cart-btn:hover[b-hyf4h6d7su] {
        transform: scale(1.05);
    }
/* _content/Colinternet/Defaut/Composants/Cards/PageCardsComposant.razor.rz.scp.css */

.figure-caption[b-s6jm4lkd44] {
    text-align: left;
}
.backgroundPage[b-s6jm4lkd44] {
    margin: 1vh auto;
    min-height: 60vh;
}
.col[b-s6jm4lkd44] {
    border: 1px solid #333;
}

.col-sm[b-s6jm4lkd44] {
    border: 0px solid #333;
}

.ChoixTypeMenu_inline[b-s6jm4lkd44] {
    display: flex;
    width: 90%;
    max-width: 90%;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.ChoixTypeMenu_CardEspace[b-s6jm4lkd44] {
    margin: 3px!important
}


[b-s6jm4lkd44] .e-card-header {
    width: auto!important;
}

.e-card-header[b-s6jm4lkd44] {
    width: auto!important;
}


.panelCatalogue[b-s6jm4lkd44] {
    padding-left: 10%;
    padding-right: 10%;
    max-width: 100%!important;
    display: flex!important;
    flex-wrap: wrap;
    flex-direction: row;
}

[b-s6jm4lkd44] .cardCatalogue {
    margin-top: 15px!important;
    width: 20%!important;
}

.containCard[b-s6jm4lkd44] {
    height: fit-content;
    padding: 1vh 1vw;
    width: 31%;
    margin:1%;
    border-radius: 7px;
    background: white;
    box-shadow: 5px 5px 18px #999;
    cursor: pointer;
}

}

.titleCard[b-s6jm4lkd44] {
    font-weight: bold;
    line-height: 50px;
}

.headCard[b-s6jm4lkd44] {
    height: fit-content;
    overflow: hidden;
}

.descCard[b-s6jm4lkd44] {
    margin-bottom: 20px;
    text-align: justify;
    height: 89px;
    overflow: hidden;
}

.bodyCard[b-s6jm4lkd44] {
    height: fit-content;
    overflow: hidden;
}

.footerCard a[b-s6jm4lkd44] {
    color: #333;
    font-style: italic;
    float: right;
}

.panelCatalogue[b-s6jm4lkd44] {
    padding-top: 25px;
    color: #666;
}

.catalogue[b-s6jm4lkd44] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
    .catalogue[b-s6jm4lkd44]::after {
        content: "";
    }

img[b-s6jm4lkd44] {
    max-width: 85%;
    margin: 0.5vh;
}

.damier[b-s6jm4lkd44] {
    cursor: pointer;
    margin: 0.05rem;
    background: white;
    height: 21.95909580193757vh;
    padding: 0 10px;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.predamier[b-s6jm4lkd44] {
    padding: 6px;
    width: 16%;
    margin: 0.8% 0;
}

.figure[b-s6jm4lkd44] {
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

h2[b-s6jm4lkd44] {
    font-size: 20px!important;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .containCard[b-s6jm4lkd44] {
        width: 50%;
    }
    }

@media screen and (max-width: 425px) {
    .containCard[b-s6jm4lkd44] {
        width: 100%;
    }
}

.button[b-s6jm4lkd44] {
    text-transform: uppercase;
    padding: 0.5vh 0.5vw;
    border: solid 1px var(--CS_color1);
    color: var(--CS_color1);
    border-radius: 5px;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
}

.PageCardsComposant[b-s6jm4lkd44] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
/* _content/Colinternet/Defaut/Composants/Cards/PageCardsComposantDefault.razor.rz.scp.css */

/*.figure-caption {
    text-align: left;
}*/
/*.backgroundPage {
    margin: 1vh auto;
    min-height: 60vh;
}
.col {
    border: 1px solid #333;
}

.col-sm {
    border: 0px solid #333;
}

.ChoixTypeMenu_inline {
    display: flex;
    width: 90%;
    max-width: 90%;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.ChoixTypeMenu_CardEspace {
    margin: 3px!important
}


::deep .e-card-header {
    width: auto!important;
}

.e-card-header {
    width: auto!important;
}


.panelCatalogue {
    padding-left: 10%;
    padding-right: 10%;
    max-width: 100%!important;
    display: flex!important;
    flex-wrap: wrap;
    flex-direction: row;
}

::deep .cardCatalogue {
    margin-top: 15px!important;
    width: 20%!important;
}

.containCard {
    height: fit-content;
    padding: 1vh 1vw;
    width: 31%;
    margin:1%;
    border-radius: 7px;
    background: white;
    box-shadow: 5px 5px 18px #999;
    cursor: pointer;
}

}

.titleCard {
    font-weight: bold;
    line-height: 50px;
}

.headCard {
    height: fit-content;
    overflow: hidden;
}

.descCard {
    margin-bottom: 20px;
    text-align: justify;
    height: 89px;
    overflow: hidden;
}

.bodyCard {
    height: fit-content;
    overflow: hidden;
}

.footerCard a {
    color: #333;
    font-style: italic;
    float: right;
}

.panelCatalogue {
    padding-top: 25px;
    color: #666;
}

.catalogue {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
    .catalogue::after {
        content: "";
    }*/
/*
img {
    max-width: 85%;
    margin: 0.5vh;
}

.damier {
    cursor: pointer;
    margin: 0.05rem;
    background: white;
    height: 21.95909580193757vh;
    padding: 0 10px;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.predamier {
    padding: 6px;
    width: 16%;
    margin: 0.8% 0;
}

.figure {
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}*/

/*h2 {
    font-size: 20px!important;
    font-weight: bold;
}*/
/*
@media screen and (max-width: 768px) {
    .containCard {
        width: 50%;
    }
    }

@media screen and (max-width: 425px) {
    .containCard {
        width: 100%;
    }
}*/

/*.button {
    text-transform: uppercase;
    padding: 0.5vh 0.5vw;
    border: solid 1px var(--CS_color1);
    color: var(--CS_color1);
    border-radius: 5px;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
}

.PageCardsComposant {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
*/



.page-title[b-z8vp59far4] {
    text-align: center;
    margin-bottom: 3rem;
    margin-top: 3rem;
}

    .page-title h1[b-z8vp59far4] {
        font-size: 3rem;
        color: #495057;
        font-weight: 300;
        margin-bottom: 1rem;
    }

    .page-title p[b-z8vp59far4] {
        font-size: 1.2rem;
        color: #6c757d;
        max-width: 600px;
        margin: 0 auto;
    }

.categories-grid[b-z8vp59far4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
}

.category-card[b-z8vp59far4] {
    background: white;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 5px 25px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    cursor: pointer;
    position: relative;/*
    padding-top: 1rem;*/
}

    .category-card:hover[b-z8vp59far4] {
        transform: translateY(-10px);
        box-shadow: 0 15px 40px rgba(0,0,0,0.15);
    }

.category-image[b-z8vp59far4] {
    /*height: 200px;*//*
    background: #f8f9fa;*/
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

    .category-image[b-z8vp59far4]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(45deg, rgba(73, 80, 87, 0.1), rgba(108, 117, 125, 0.1));
        opacity: 0;
        transition: opacity 0.3s ease;
    }

.category-card:hover .category-image[b-z8vp59far4]::before {
    opacity: 1;
}

.category-image img[b-z8vp59far4] {/*
    max-width: 120px;
    max-height: 120px;*/
    object-fit: cover;
    width: 100%;
    transition: transform 0.3s ease;
}

.category-card:hover .category-image img[b-z8vp59far4] {
    transform: scale(1.1);
}

.category-info[b-z8vp59far4] {
    padding: 1.5rem;
    text-align: center;
    background: #f9f9f9;
    height: 100%;
}

.category-title[b-z8vp59far4] {
    font-size: 1.1rem;
    color: #495057;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0.5rem;
}

.category-count[b-z8vp59far4] {
    color: #6c757d;
    font-size: 0.9rem;
}

.category-overlay[b-z8vp59far4] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(73, 80, 87, 0.9), rgba(108, 117, 125, 0.9));
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.category-card:hover .category-overlay[b-z8vp59far4] {
    opacity: 1;
}

.overlay-content[b-z8vp59far4] {
    text-align: center;
    transform: translateY(20px);
    transition: transform 0.3s ease;
}

.category-card:hover .overlay-content[b-z8vp59far4] {
    transform: translateY(0);
}

.overlay-title[b-z8vp59far4] {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.overlay-btn[b-z8vp59far4] {
    background: white;
    color: #495057;
    padding: 8px 20px;
    border: none;
    border-radius: 20px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .overlay-btn:hover[b-z8vp59far4] {
        background: #252525;
        color: #ffffff;
    }

.featured-section[b-z8vp59far4] {
    background: white;
    border-radius: 20px;
    padding: 3rem;
    margin-top: 3rem;
    box-shadow: 0 5px 25px rgba(0,0,0,0.05);
}

.featured-title[b-z8vp59far4] {
    text-align: center;
    font-size: 2rem;
    color: #495057;
    margin-bottom: 2rem;
    font-weight: 300;
}

.featured-grid[b-z8vp59far4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
}

.featured-item[b-z8vp59far4] {
    text-align: center;
    padding: 1rem;
    border-radius: 15px;
    transition: all 0.3s ease;
}

    .featured-item:hover[b-z8vp59far4] {
        background: #f8f9fa;
        transform: scale(1.05);
    }

@media (max-width: 768px) {
    .nav-container[b-z8vp59far4] {
        flex-direction: column;
        gap: 1rem;
        padding: 1rem;
    }

    .search-bar[b-z8vp59far4] {
        margin: 0;
        max-width: 100%;
    }

    .nav-links[b-z8vp59far4] {
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
    }

    .page-title h1[b-z8vp59far4] {
        font-size: 2rem;
    }

    .categories-grid[b-z8vp59far4] {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 1.5rem;
    }
}
/* _content/Colinternet/Defaut/Composants/Cards/PageCardsComposantV8.razor.rz.scp.css */

.figure-caption[b-1098j0d2iq] {
    text-align: left;
}
.backgroundPage[b-1098j0d2iq] {
    margin: 1vh auto;
    min-height: 60vh;
}
.col[b-1098j0d2iq] {
    border: 1px solid #333;
}

.col-sm[b-1098j0d2iq] {
    border: 0px solid #333;
}

.ChoixTypeMenu_inline[b-1098j0d2iq] {
    display: flex;
    width: 90%;
    max-width: 90%;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.ChoixTypeMenu_CardEspace[b-1098j0d2iq] {
    margin: 3px!important
}


[b-1098j0d2iq] .e-card-header {
    width: auto!important;
}

.e-card-header[b-1098j0d2iq] {
    width: auto!important;
}


.panelCatalogue[b-1098j0d2iq] {
    padding-left: 10%;
    padding-right: 10%;
    max-width: 100%!important;
    display: flex!important;
    flex-wrap: wrap;
    flex-direction: row;
}

[b-1098j0d2iq] .cardCatalogue {
    margin-top: 15px!important;
    width: 20%!important;
}

.containCard[b-1098j0d2iq] {
    height: fit-content;
    padding: 1vh 1vw;
    width: 31%;
    margin:1%;
    border-radius: 7px;
    background: white;
    box-shadow: 5px 5px 18px #999;
    cursor: pointer;
}

}

.titleCard[b-1098j0d2iq] {
    font-weight: bold;
    line-height: 50px;
}

.headCard[b-1098j0d2iq] {
    height: fit-content;
    overflow: hidden;
}

.descCard[b-1098j0d2iq] {
    margin-bottom: 20px;
    text-align: justify;
    height: 89px;
    overflow: hidden;
}

.bodyCard[b-1098j0d2iq] {
    height: fit-content;
    overflow: hidden;
}

.footerCard a[b-1098j0d2iq] {
    color: #333;
    font-style: italic;
    float: right;
}

.panelCatalogue[b-1098j0d2iq] {
    padding-top: 25px;
    color: #666;
}

.catalogue[b-1098j0d2iq] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
    .catalogue[b-1098j0d2iq]::after {
        content: "";
    }

img[b-1098j0d2iq] {
    max-width: 85%;
    margin: 0.5vh;
}

.damier[b-1098j0d2iq] {
    cursor: pointer;
    margin: 0.05rem;
    background: white;
    height: 21.95909580193757vh;
    padding: 0 10px;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.predamier[b-1098j0d2iq] {
    padding: 6px;
    width: 16%;
    margin: 0.8% 0;
}

.figure[b-1098j0d2iq] {
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

h2[b-1098j0d2iq] {
    font-size: 20px!important;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .containCard[b-1098j0d2iq] {
        width: 50%;
    }
    }

@media screen and (max-width: 425px) {
    .containCard[b-1098j0d2iq] {
        width: 100%;
    }
}

.button[b-1098j0d2iq] {
    text-transform: uppercase;
    padding: 0.5vh 0.5vw;
    border: solid 1px var(--CS_color1);
    color: var(--CS_color1);
    border-radius: 5px;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
}

.PageCardsComposant[b-1098j0d2iq] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
/* _content/Colinternet/Defaut/Composants/Cards/PageCardsListComposant.razor.rz.scp.css */
img[b-prbhmuxqc5] {
    width: 85%;
    height: 85%;
    object-fit: contain;
}

h2[b-prbhmuxqc5] {
    font-size: 20px !important;
    font-weight: bold;
}

.button[b-prbhmuxqc5] {
    text-transform: uppercase;
    padding: 0.5vh 0.5vw;
    border: solid 1px var(--CS_color1);
    color: var(--CS_color1);
    border-radius: 5px;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
}

.predamier[b-prbhmuxqc5] {
    width: 250px;
    height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 10px 10px 10px #eee;
}
.predamier > div[b-prbhmuxqc5]{
    text-align: center;
    vertical-align: middle;
}
    .predamier > div:first-child[b-prbhmuxqc5] {
        height: 88%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .predamier > div:last-child[b-prbhmuxqc5] {
        width: 100%;
        color: var(--CS_color1) !important;
        height: 12%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.figure-caption[b-prbhmuxqc5]{
    color: white;
}

#PageCardsListComposant[b-prbhmuxqc5] {
    margin-top: 10px;
}

.PageCardsListComposant[b-prbhmuxqc5] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
}

.page[b-prbhmuxqc5] {
   margin-top: 4vh;
}

.CardList[b-prbhmuxqc5] {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    margin-top: 50px;
}

div[b-prbhmuxqc5] {
    cursor: pointer
}

.Breadcrumbs[b-prbhmuxqc5] {
    display: flex;
}



.ligne[b-prbhmuxqc5] {
    border: 1px solid var(--CS_color1);
    height: 0;
    margin: auto 0;
}

    .ligne:first-child[b-prbhmuxqc5] {
        width: 10%
    }

    .ligne:last-child[b-prbhmuxqc5] {
        width: 100%
    }
/* _content/Colinternet/Defaut/Composants/Cards/PageCardsListComposantDefault.razor.rz.scp.css */
/* _content/Colinternet/Defaut/Composants/Cards/TableauArticleInterne.razor.rz.scp.css */
/* --- Visual Design Improvements --- */

/* Add rounded corners and shadow to the grid */
[b-d3hyyr2r9f] .responsive-grid {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e0e0e0;
}

[b-d3hyyr2r9f] .responsive-grid .rz-grid-table thead th {
    background-color: #f8f9fa;
    color: #495057;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.85rem;
}

.libelle-text[b-d3hyyr2r9f] {
    font-weight: 500;
    color: #2c3e50;
}

.price-container[b-d3hyyr2r9f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.2;
}

.status-icon[b-d3hyyr2r9f] {
    max-width: 20px;
    height: auto;
}

/* --- Existing Styles (Preserved) --- */

.prixBarre[b-d3hyyr2r9f] {
    font-size: 0.8rem; /* Adjusted for better fit */
    text-decoration: line-through;
    color: #999;
}

.prixPromo[b-d3hyyr2r9f], .LinePrix[b-d3hyyr2r9f] {
    font-weight: bold;
    color: var(--CS_color1, #333);
}

.image[b-d3hyyr2r9f] {
    display: flex;
}
.image img[b-d3hyyr2r9f] {
    margin: auto;
    height: 50px; /* Fixed px height is safer than vh inside tables */
    object-fit: contain;
}

.rz-spinner-button.rz-spinner-up.rz-button[b-d3hyyr2r9f], .rz-spinner-button.rz-spinner-down.rz-button[b-d3hyyr2r9f] {
    display: none !important;
    background-color: var(--CS_color1);
}

[b-d3hyyr2r9f] .btnDetail, [b-d3hyyr2r9f] .rz-spinner-button {
    background-color: var(--CS_color1) !important;
}

[b-d3hyyr2r9f] .rz-paginator-page.rz-state-active {
    color: var(--CS_color1)!important;
}

/* --- RESPONSIVE MEDIA QUERIES --- */

/* On Tablets and smaller (max-width 992px) */
@media (max-width: 992px) {
    /* Hide Reference and Status icons on tablets to save space */
    [b-d3hyyr2r9f] .mobile-hidden {
        display: none !important;
    }
}

/* On Mobile Phones (max-width 768px) */
@media (max-width: 768px) {
    /* Ensure the remaining columns take appropriate space */

    [b-d3hyyr2r9f] .rz-datatable-thead th {
        padding: 0.5rem 0.2rem;
        font-size: 0.75rem;
    }

    [b-d3hyyr2r9f] .rz-datatable-tbody td {
        padding: 0.5rem 0.2rem;
    }

    /* Force the quantity column to be visible and sized correctly */
    .btnPlusMoins[b-d3hyyr2r9f] {
        display: flex;
        justify-content: center;
        min-width: 100px;
    }

    /* Make the Libelle text smaller on phone */
    .libelle-text[b-d3hyyr2r9f] {
        font-size: 0.9rem;
        white-space: normal; /* Allow wrapping */
    }
}
.rz-button.rz-light[b-d3hyyr2r9f]{
    color: white!important;
}
/* _content/Colinternet/Defaut/Composants/Carousel/Buttons.razor.rz.scp.css */
.buttons[b-qswu0w1c53] {
    display: flex;
    width: 100%;
    justify-content: space-around;
    margin-top: 5vh;
}

.button[b-qswu0w1c53] {
    width: fit-content;
}

    .buttons .libelle[b-qswu0w1c53] {
        text-align: center;
        font-weight: 600;
        text-transform: uppercase;
    }

@media screen and (max-width: 425px) {

    .buttons[b-qswu0w1c53] {
        align-items: center;
        flex-direction: column;
        flex-wrap: nowrap;
    }
}
/* _content/Colinternet/Defaut/Composants/Carousel/Carousel.razor.rz.scp.css */
.MasqueCarousel[b-ykdoppmyyl] {
    float: right;
    font-size: 1rem!important;
    cursor: pointer;
    margin-right: 5px;
    text-align: left;
    font: normal normal normal 12px/15px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color1);
    margin-top: 0.5vh;
}

.viewport[b-ykdoppmyyl] {
    width: 100vw;
    position: relative;
    overflow :hidden;
}

.slides[b-ykdoppmyyl] {
    position: relative;
    display: flex;
    width: 300vw;
    animation: carousel-b-ykdoppmyyl 20s infinite;
   /* z-index : -1;*/
}
.slide[b-ykdoppmyyl] {
    width: 100vw;
}

    .slide img[b-ykdoppmyyl] {
        width: 100vw;
        height: auto;
        object-fit: cover;
    }

@keyframes carousel-b-ykdoppmyyl {
    0%{
        left:0%
    }
    30% {
        left: 0%;
    }
    35% {
        left: -100%;
    }

    70% {
        left: -100%;
    }
    75% {
        left: -200%;
    }

    90% {
        left: -200%;
    }

    100% {
        left: 0%;
    }
}

.flecheL[b-ykdoppmyyl], .flecheR[b-ykdoppmyyl] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #666;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    display: flex;
    color: white;
    font-size: 20px!important;
    font-weight: bold;
    top: 42%;
}
    .flecheL i[b-ykdoppmyyl], .flecheR i[b-ykdoppmyyl]{
        margin: auto;
    }

    .flecheL[b-ykdoppmyyl] {
        left: 1%;
    }
.flecheR[b-ykdoppmyyl] {
    right: 1%;
}
/* _content/Colinternet/Defaut/Composants/Carousel/CarouselArticles.razor.rz.scp.css */
.ProdCons[b-jkhcrz6map] {
    margin: auto;
    display: flex;
    margin-top: 5vh;
    align-items: center;
}

    .ProdCons > div:nth-child(2) > div[b-jkhcrz6map] {
        position: relative;
        top: 0;
        display: flex;
        gap: 1vw;
    }

.fenetre[b-jkhcrz6map], .ProdCons[b-jkhcrz6map] {
    width: 80vw;
    overflow: hidden;
}

.ProdCons[b-jkhcrz6map] {
}

    .ProdCons .img[b-jkhcrz6map] {
        width: 12vw;
        border-radius: 25%;
    }

    .ProdCons > div:last-child[b-jkhcrz6map] {
        transform: rotate(180deg);
    }

    .ProdCons .img img[b-jkhcrz6map] {
        width: 12vw;
        height: 12vw;
        object-fit: contain;
    }

    img[b-jkhcrz6map] {
        width: 100%;
        border-radius: 10px;
        border: solid var(--CS_color1);
    }

.ProdCons .libelle[b-jkhcrz6map] {
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 15px;
}

.material-symbols-outlined[b-jkhcrz6map] {
    cursor: pointer;
    font-size: 8vw;
    color: var(--CS_color1);
}

.fenetre > div[b-jkhcrz6map] {
    transition-property: left;
    transition-duration: 0.8s;
}

@media screen and (max-width: 768px) {

    .ProdCons .img[b-jkhcrz6map] {
        width: 23vw;
    }
}

@media screen and (max-width: 425px) {

    .ProdCons .img[b-jkhcrz6map] {
        width: 30vw;
    }
}
/* _content/Colinternet/Defaut/Composants/Carousel/CarouselCardModel1.razor.rz.scp.css */
.categories[b-mcluhl5v0r] {
    margin: auto;
    display: flex;
    margin-top: 5vh;
    align-items: center;
}

    .categories > div:nth-child(2) > div[b-mcluhl5v0r] {
        position: relative;
        top: 0;
        display: flex;
        gap: 1vw;
    }

.fenetre[b-mcluhl5v0r], .categories[b-mcluhl5v0r] {
    width: 94vw;
    overflow: hidden;
}

.categorie[b-mcluhl5v0r] {
}

    .categorie .img[b-mcluhl5v0r] {
        /*width: 15vw;
        border-radius: 25%;*/
    }

.categories > div:last-child[b-mcluhl5v0r] {
    transform: rotate(180deg);
}

img[b-mcluhl5v0r] {
    /*width: 100%;
    border-radius: 10px;
    border: solid var(--CS_color1);*/
}

.categorie .libelle[b-mcluhl5v0r] {
    /*text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 15px;*/
}

.material-symbols-outlined[b-mcluhl5v0r] {
    cursor: pointer;
    font-size: 8vw;
    color: var(--CS_color1);
}

.fenetre > div[b-mcluhl5v0r] {
    transition-property: left;
    transition-duration: 0.8s;
}

@media screen and (max-width: 768px) {

    .categorie .img[b-mcluhl5v0r] {
        width: 23vw;
    }
}

@media screen and (max-width: 425px) {

    .categorie .img[b-mcluhl5v0r] {
        width: 30vw;
    }
}



.listecards[b-mcluhl5v0r]  {
    margin: 5vh 4vw;
    display: flex;
    flex-wrap: nowrap !important;
    justify-content: flex-start;
}

    .listecards > div[b-mcluhl5v0r] {
        display: flex;
    }

.cardArticle[b-mcluhl5v0r] {
    width: 20vw;
    overflow: hidden;
    margin: 1vh 1vw;
    border-radius: 5px;
    padding-top: 15px;
    position: relative;
}

    .cardArticle > div[b-mcluhl5v0r] {
        z-index: 5;
        position: relative;
    }

.danslepanier[b-mcluhl5v0r] {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--Gris);
    opacity: 0.4;
    z-index: 2;
}

    .cardArticle:hover[b-mcluhl5v0r] {
        box-shadow: 0px 3px 6px #00000029;
    }

    .cardArticle > div:first-child[b-mcluhl5v0r] {
        position: absolute;
    }

        .cardArticle > div:first-child > div:first-child[b-mcluhl5v0r] {
            position: relative;
            left: 0.5vw;
            top: 1vh;
        }

    .cardArticle > div:nth-child(3)[b-mcluhl5v0r] {
        position: absolute;
        width: inherit;
    }

        .cardArticle > div:nth-child(3) > div[b-mcluhl5v0r] {
            position: absolute;
            top: -8vh;
            right: 0px;
            display: flex;
            flex-direction: column;
            justify-content: right;
            width: 7vw;
        }

            .cardArticle > div:nth-child(3) > div > div[b-mcluhl5v0r] {
                margin: auto;
            }

                .cardArticle > div:nth-child(3) > div > div:first-child[b-mcluhl5v0r] {
                    margin-right: 0.8vw;
                    margin-bottom: 1vh;
                }

                    .cardArticle > div:nth-child(3) > div > div:first-child svg[b-mcluhl5v0r] {
                        height: 3vh;
                        stroke: #000;
                        fill: transparent;
                    }

                        .cardArticle > div:nth-child(3) > div > div:first-child svg:hover[b-mcluhl5v0r] {
                            stroke: var(--CS_colorinvalid);
                        }

                .cardArticle > div:nth-child(3) > div > div:last-child[b-mcluhl5v0r] {
                    margin-right: 0.8vw;
                }


    .cardArticle > div:nth-child(5)[b-mcluhl5v0r] {
        display: flex;
        justify-content: space-between;
    }

        .cardArticle > div:nth-child(5) > div:last-child[b-mcluhl5v0r] {
            padding: 0.5vh 0.5vw;
        }

            .cardArticle > div:nth-child(5) > div:last-child > .prixCard[b-mcluhl5v0r] {
                text-align: right;
                font: normal normal normal 20px/24px var(--CS_font1);
                letter-spacing: 0px;
                color: var(--CS_color-noir);
            }

                .cardArticle > div:nth-child(5) > div:last-child > .prixCard > p[b-mcluhl5v0r] {
                    margin-bottom: 0;
                }

            .cardArticle > div:nth-child(5) > div:last-child > .stockCard[b-mcluhl5v0r] {
                text-align: left;
                font: normal normal normal 20px/24px var(--CS_font1);
                letter-spacing: 0px;
            }

            .cardArticle > div:nth-child(5) > div:last-child > .stockCard[b-mcluhl5v0r] {
                display: flex;
                justify-content: center;
                font-size: 17px !important;
            }

                .cardArticle > div:nth-child(5) > div:last-child > .stockCard > div > svg[b-mcluhl5v0r] {
                    height: 1.6vh;
                    margin: auto 0.5vw auto 0;
                }

.imgCard[b-mcluhl5v0r] {
    width: 100%;
    display: flex;
    justify-content: center;
    height: 20vw;
}

    .imgCard > img[b-mcluhl5v0r] {
        max-width: 20vw;
        max-height: 20vw;
        height: max-content;
        width: max-content;
    }

.btnPlusMoins[b-mcluhl5v0r] {
    display: flex;
    justify-content: space-around;
    width: 9vh;
}

    .btnPlusMoins > div:first-child[b-mcluhl5v0r], .btnPlusMoins > div:last-child[b-mcluhl5v0r] {
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 5px;
        text-align: left;
        font: normal normal normal 25px/30px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-blanc);
        display: flex;
        justify-content: center;
        background: var(--CS_color1) 0% 0% no-repeat padding-box;
    }

        .btnPlusMoins > div:first-child > span[b-mcluhl5v0r], .btnPlusMoins > div:last-child > span[b-mcluhl5v0r] {
            margin: auto;
        }
    /*    .btnPlusMoins > div:first-child {
        background: var(--CS_color1)80 0% 0% no-repeat padding-box;
    }*/
    .btnPlusMoins > div:nth-child(2)[b-mcluhl5v0r] {
        text-align: center;
        font: normal normal normal 17px/20px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
        margin: 0 0.5vw;
        min-width: 1.5vw;
    }
/*    .btnPlusMoins > div:last-child {
        background: var(--CS_color1) 0% 0% no-repeat padding-box;
    }*/

.btnDisable[b-mcluhl5v0r] {
    background: var(--CS_color2) 0% 0% no-repeat padding-box !important;
}



.titreCard[b-mcluhl5v0r] {
    text-align: left;
    font: normal normal bold 15px/19px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    text-transform: uppercase;
    width: 82%;
    padding: 0.5vh 0.5vw;
}

    .titreCard > p[b-mcluhl5v0r] {
        margin-bottom: 0;
        height: 6vh;
        overflow: hidden
    }

.infoCard[b-mcluhl5v0r] {
    text-align: left;
    font: normal normal normal 12px/15px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    padding: 0.5vh 0.5vw;
}

    .infoCard > p[b-mcluhl5v0r] {
        margin-bottom: 0
    }




.articleFavoris[b-mcluhl5v0r] {
    position: absolute;
    width: max-content;
    font-size: 1.2vh;
    background-color: white;
    padding: 1vh 1vw;
    border: solid 3px whitesmoke;
    border-radius: 5px;
    z-index: 50;
}

    .articleFavoris > div[b-mcluhl5v0r] {
        cursor: pointer;
    }

        .articleFavoris > div > span > svg[b-mcluhl5v0r] {
            width: 2vh;
        }

.closeArticleFavoris[b-mcluhl5v0r] {
    position: absolute;
    right: 5px;
    top: 1px;
    cursor: pointer;
}

.titreCard > p[b-mcluhl5v0r] {
    height: fit-content;
}

.infoCard[b-mcluhl5v0r] {
    font-size: 16px !important;
}

.titreCard[b-mcluhl5v0r] {
    font-size: 18px !important;
}

.cardArticle > div:nth-child(5) > div:last-child > .stockCard[b-mcluhl5v0r] {
    font-size: 22px !important;
}

.cardArticle > div:nth-child(5) > div:last-child > .prixCard[b-mcluhl5v0r], .btnPlusMoins > div:nth-child(2)[b-mcluhl5v0r] {
    font-size: 24px !important;
}

.btnAddPanier[b-mcluhl5v0r] {
    background-color: var(--CS_color1);
    border: solid 1px var(--CS_color1);
    border-radius: 5px;
    text-align: center;
    font: normal normal normal 17px/20px var(--CS_font1);
    letter-spacing: 0px;
    text-transform: uppercase;
    width: 100%;
    box-shadow: 0px 3px 6px #00000029;
}

@media screen and (max-width: 1920px) {
    .infoCard[b-mcluhl5v0r] {
        font-size: 14px !important;
    }

    .titreCard[b-mcluhl5v0r] {
        font-size: 15px !important;
    }

    .cardArticle > div:nth-child(5) > div:last-child > .stockCard[b-mcluhl5v0r] {
        font-size: 17px !important;
    }

    .cardArticle > div:nth-child(5) > div:last-child > .prixCard[b-mcluhl5v0r], .btnPlusMoins > div:nth-child(2)[b-mcluhl5v0r] {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 1024px) {


    .cardArticle[b-mcluhl5v0r] {
        width: 25vw;
    }

        .cardArticle > div:nth-child(3) > div[b-mcluhl5v0r] {
            position: relative;
            float: right;
            right: 31px;
        }

    .imgCard[b-mcluhl5v0r] {
        height: 30vw;
    }

    .cardArticle[b-mcluhl5v0r] {
        margin: 1vh 2vw;
    }
}

@media screen and (max-width: 768px) {
    .cardArticle[b-mcluhl5v0r] {
        width: 100%;
    }

    .listecards > div[b-mcluhl5v0r] {
        width: 48%;
    }

    .cardArticle > div:first-child[b-mcluhl5v0r] {
        position: absolute;
        width: 38%;
    }

    .imgCard > img[b-mcluhl5v0r] {
        max-width: -webkit-fill-available;
        max-height: fit-content;
    }

    .cardArticle > div:nth-child(3)[b-mcluhl5v0r] {
        width: 38%;
    }

    .imgCard[b-mcluhl5v0r] {
        height: fit-content;
    }
}

@media screen and (max-width: 425px) {
    .listecards > div[b-mcluhl5v0r] {
        width: 80%;
        margin: auto;
    }

    .cardArticle[b-mcluhl5v0r] {
        width: 100%;
        margin: 25px 0;
    }

    .imgCard > img[b-mcluhl5v0r] {
        max-height: 100%;
    }

    .cardArticle > div:nth-child(3)[b-mcluhl5v0r] {
        position: relative;
    }

        .cardArticle > div:nth-child(3) > div[b-mcluhl5v0r] {
            right: 70px;
        }

    .listecards > div[b-mcluhl5v0r] {
        width: 80%;
        margin: auto;
    }

    .cardArticle[b-mcluhl5v0r] {
        margin: 25px 0;
    }

    .imgCard > img[b-mcluhl5v0r] {
        max-height: 100%;
    }

    .cardArticle > div:nth-child(3)[b-mcluhl5v0r] {
        position: relative;
    }

        .cardArticle > div:nth-child(3) > div[b-mcluhl5v0r] {
            right: 70px;
        }

    .ListeCardsModele2 > div[b-mcluhl5v0r] {
        width: 100%;
    }

    .cardArticle > div:first-child[b-mcluhl5v0r] {
        width: 88%;
    }
}

.popupImage[b-mcluhl5v0r] {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    z-index: 999;
    background: rgba(0, 0, 0, 0.3);
}

    .popupImage .closePopupImage[b-mcluhl5v0r] {
        background: white;
        width: 100%;
        text-align: right;
        border-bottom: solid 1px var(--CS_color1);
        margin-bottom: 2vh;
    }

        .popupImage .closePopupImage span[b-mcluhl5v0r] {
            cursor: pointer;
            background: white;
            font-weight: bold;
        }

    .popupImage > div[b-mcluhl5v0r] {
        width: 80%;
        height: 90%;
        padding: 1vw;
        border: solid #eee 1px;
        box-shadow: 5px 5px 10px #888;
        background: rgba(255, 255, 255, 1);
        border-radius: 2px;
        padding: 0.5vw 1vw;
        overflow: auto;
    }
/* _content/Colinternet/Defaut/Composants/Carousel/CarouselCards.razor.rz.scp.css */
.categories[b-gs4ug349il] {
    margin: auto;
    display: flex;
    margin-top: 5vh;
    align-items: center;
}

    .categories > div:nth-child(2) > div[b-gs4ug349il] {
        position: relative;
        top: 0;
        display: flex;
        gap: 1vw;
    }

.fenetre[b-gs4ug349il], .categories[b-gs4ug349il] {
    width: 94vw;
    overflow: hidden;
}

.categorie[b-gs4ug349il] {
}

    .categorie .img[b-gs4ug349il] {
        /*width: 15vw;
        border-radius: 25%;*/
    }

.categories > div:last-child[b-gs4ug349il] {
    transform: rotate(180deg);
}

img[b-gs4ug349il] {
    /*width: 100%;
    border-radius: 10px;
    border: solid var(--CS_color1);*/
}

.categorie .libelle[b-gs4ug349il] {
    /*text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 15px;*/
}

.material-symbols-outlined[b-gs4ug349il] {
    cursor: pointer;
    font-size: 8vw;
    color: var(--CS_color1);
}

.fenetre > div[b-gs4ug349il] {
    transition-property: left;
    transition-duration: 0.8s;
}

@media screen and (max-width: 768px) {

    .categorie .img[b-gs4ug349il] {
        width: 23vw;
    }
}

@media screen and (max-width: 425px) {

    .categorie .img[b-gs4ug349il] {
        width: 30vw;
    }
}
/* _content/Colinternet/Defaut/Composants/Carousel/CarrouselLoop.razor.rz.scp.css */
/* Tailwind-based carousel - minimal custom CSS needed */

.MasqueCarousel[b-osprfm8y6t] {
    float: right;
    font-size: 1rem!important;
    cursor: pointer;
    margin-right: 5px;
    text-align: left;
    font: normal normal normal 12px/15px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color1);
    margin-top: 0.5vh;
}

/* Ensure smooth sliding and prevent image dragging */
#Carousel img[b-osprfm8y6t] {
    user-select: none;
    -webkit-user-drag: none;
    pointer-events: auto;
}

/* Hardware acceleration for smooth transitions */
#Carousel .absolute[b-osprfm8y6t] {
    will-change: transform;
}
/* _content/Colinternet/Defaut/Composants/Carousel/Classifications.razor.rz.scp.css */
.classifications[b-yejosj792y] {
    margin: auto;
    display: flex;
    margin-top: 5vh;
    align-items: center;
}
    .classifications > div:nth-child(2) > div[b-yejosj792y] {
        position: relative;
        top: 0;
        display: flex;
        gap: 1vw;
    }
.fenetre[b-yejosj792y], .classifications[b-yejosj792y] {
    width: 80vw;
    overflow: hidden;
}
    .categorie[b-yejosj792y]{
}
.classification .img[b-yejosj792y] {
    width: 15vw;
    border-radius: 25%;
}
.classifications > div:last-child[b-yejosj792y] {
    transform: rotate(180deg);
}
img[b-yejosj792y] {
    width: 100%;
    border-radius: 10px;
    border: solid var(--CS_color1);
}

.classification .libelle[b-yejosj792y] {
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 15px;
}

.material-symbols-outlined[b-yejosj792y]{
    cursor: pointer;
    font-size: 8vw;
    color: var(--CS_color1);
}

.fenetre > div[b-yejosj792y]{
    transition-property: left;
    transition-duration: 0.8s;
}

@media screen and (max-width: 768px) {

    .classification .img[b-yejosj792y] {
        width: 23vw;
    }
}
@media screen and (max-width: 425px) {

    .classification .img[b-yejosj792y] {
        width: 30vw;
    }
}
/* _content/Colinternet/Defaut/Composants/Carousel/DerniersArticles.razor.rz.scp.css */
.ProdCons[b-9pb6l70m63] {
    margin: auto;
    display: flex;
    margin-top: 5vh;
    align-items: center;
}

    .ProdCons > div:nth-child(2) > div[b-9pb6l70m63] {
        position: relative;
        top: 0;
        display: flex;
        gap: 1vw;
    }

.fenetre[b-9pb6l70m63], .ProdCons[b-9pb6l70m63] {
    width: 80vw;
    overflow: hidden;
}

.ProdCons[b-9pb6l70m63] {
}

    .ProdCons .img[b-9pb6l70m63] {
        width: 12vw;
        border-radius: 25%;
    }

    .ProdCons > div:last-child[b-9pb6l70m63] {
        transform: rotate(180deg);
    }

    .ProdCons .img img[b-9pb6l70m63] {
        width: 12vw;
        height: 12vw;
        object-fit: contain;
    }

    img[b-9pb6l70m63] {
        width: 100%;
        border-radius: 10px;
        border: solid var(--CS_color1);
    }

.ProdCons .libelle[b-9pb6l70m63] {
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 15px;
}

.material-symbols-outlined[b-9pb6l70m63] {
    cursor: pointer;
    font-size: 8vw;
    color: var(--CS_color1);
}

.fenetre > div[b-9pb6l70m63] {
    transition-property: left;
    transition-duration: 0.8s;
}

@media screen and (max-width: 768px) {

    .ProdCons .img[b-9pb6l70m63] {
        width: 23vw;
    }
}

@media screen and (max-width: 425px) {

    .ProdCons .img[b-9pb6l70m63] {
        width: 30vw;
    }
}
/* _content/Colinternet/Defaut/Composants/Chapeaux/ChapeauCategorie.razor.rz.scp.css */
body[b-mm576lkvj9] {
}
/* _content/Colinternet/Defaut/Composants/ChoixClients/ClientChoix.razor.rz.scp.css */
.ClientChoix_font-weight[b-j34g1txsme] {
    font-weight: 500;
}
.ClientChoix_detailtable td[b-j34g1txsme] {
    font-size: 13px!important;
    padding: 4px;
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.popupSelectionClient[b-j34g1txsme] {
    position: relative;
    z-index: 100;
    top: 7px;
    width: 50%;
    margin: auto;
    /*   padding: 5vh;
    backdrop-filter: blur(3px);*/
}
.close[b-j34g1txsme]{
    text-align : right
}

.bg-sccess[b-j34g1txsme] {
    background-color: var(--CS_color1)!important;
}

.rz-state-highlight .bg-sccess[b-j34g1txsme] {
    background-color: var(--CustomColor5)!important;
    color: var(--CS_color1)!important;
}

.carte-client[b-j34g1txsme] {
    /*background-color: #E9EDF0;*/
    padding: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

    .carte-client > div:first-child > p:first-child[b-j34g1txsme] {
        color: var(--CS_color1);
        font-weight: 600;
    }

    .carte-adresse p[b-j34g1txsme] {
        color: #95a4a8
    }

.carte-contact span[b-j34g1txsme] {
    margin-right: 5px;
}

.carte-contact p[b-j34g1txsme] {
    align-items: center;
    display: flex;
    flex-direction: row;
}

@media screen and (max-width: 425px) {
    .rz-data-grid-data[b-j34g1txsme] {
        width: 300%;
    }

    .rz-data-grid[b-j34g1txsme] {
        width: 100%;
        overflow-x: scroll;
    }

    .popupSelectionClient[b-j34g1txsme] {
        top: 15px;
        width: 100%;
    }
}


#map[b-j34g1txsme] {
    width: 300px;
    height: 300px;
}

.carte-client[b-j34g1txsme] {
    display: flex;
    align-items: center;
    gap: 2rem;
}
/* _content/Colinternet/Defaut/Composants/DetailArticle/DetailArticle.razor.rz.scp.css */
#detailArticle[b-pqt0nqe4hv] {
    width: 80vw;
    height: 80vh;
}
.headerDetail[b-pqt0nqe4hv] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2vh;
    width: 95%;
}

    .headerDetail > ul[b-pqt0nqe4hv] {
        padding: 0;
    }

    .headerDetail > ul:first-child[b-pqt0nqe4hv] {
        display: flex;
        /*justify-content: space-evenly;*/
        align-items: center;
        flex-direction: row;
        /*width: 90%;*/
        /* margin: 5% 5% 2%;*/
        list-style-type: none;
    }
    .headerDetail > ul:first-child > li[b-pqt0nqe4hv] {
        padding: 0.5vh 0.5vw;
        cursor: pointer;
        text-align: left;
        font: normal normal normal 17px/20px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
        text-transform: uppercase;
        margin : 0 0.2vw;
    }

        .headerDetail > ul:first-child > li:hover[b-pqt0nqe4hv], .headerDetail > ul:first-child > li.active[b-pqt0nqe4hv] {
            background-color: var(--CS_color1);
            color: white;
            border-radius: 5px;
            box-shadow: 0px 3px 6px #00000029;
        }

            .headerDetail > ul:first-child > li.active[b-pqt0nqe4hv] {
                pointer-events: none;
            }

        .headerDetail > ul:first-child > li:active[b-pqt0nqe4hv] {
            box-shadow: inset 0px 3px 6px #00000029;
        }

        .headerDetail > ul:last-child[b-pqt0nqe4hv] {
            list-style-type: none;
            width: fit-content;
            display: flex;
            justify-content: space-between;
        }
        .headerDetail > ul:last-child > li[b-pqt0nqe4hv] {
            text-align: right;
            font: normal normal normal 15px/19px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
            display: flex;
            cursor: pointer;
            margin: auto 10px;
        }
        .headerDetail > ul:last-child > li > span[b-pqt0nqe4hv] {
            margin: auto;
        }

        .headerDetail > ul:last-child > li[b-pqt0nqe4hv] {
            font-size: 18px!important;
        }

@media screen and (min-width: 1920px) {

    .headerDetail > ul:last-child > li[b-pqt0nqe4hv] {
        font-size: 15px!important;
    }

}

@media screen and (max-width: 425px) {

    .headerDetail[b-pqt0nqe4hv] {
        flex-direction: column-reverse;
        align-items: center;
    }

    .headerDetail > ul:first-child[b-pqt0nqe4hv] {
        flex-direction: column;
    }
}
/* _content/Colinternet/Defaut/Composants/DetailArticle/DetailArticleDefault.razor.rz.scp.css */
.modal-overlay[b-a8zh08qapa] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    animation: fadeIn-b-a8zh08qapa 0.3s ease;
}

@keyframes fadeIn-b-a8zh08qapa {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.modal[b-a8zh08qapa] {
    background: white;
    border-radius: 16px;
    width: 90vw;
    max-width: 1000px;
    max-height: 90vh;
    display: block !important;
    overflow-y: auto;
    position: relative;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    animation: slideIn-b-a8zh08qapa 0.4s ease;
}

@keyframes slideIn-b-a8zh08qapa {
    from {
        transform: translateY(30px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.modal-header[b-a8zh08qapa] {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: white;
    padding: 1.5rem 2rem;
    border-radius: 16px 16px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
}

    .modal-header[b-a8zh08qapa]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
        opacity: 0.3;
    }

.modal-title[b-a8zh08qapa] {
    position: relative;
    z-index: 1;
}

.tab-header[b-a8zh08qapa] {
    background: #f8fafc;
    padding: 0;
    border-bottom: 1px solid #e2e8f0;
}

.tab-buttons[b-a8zh08qapa] {
    display: flex;
}

.tab-btn[b-a8zh08qapa] {
    flex: 1;
    background: none;
    border: none;
    padding: 1rem;
    color: #64748b;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

    .tab-btn.active[b-a8zh08qapa] {
        background: white;
        color: #2563eb;
    }

        .tab-btn.active[b-a8zh08qapa]::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, #2563eb, #3b82f6);
        }

    .tab-btn:hover:not(.active)[b-a8zh08qapa] {
        background: #f1f5f9;
        color: #374151;
    }

.close-btn[b-a8zh08qapa] {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}

    .close-btn:hover[b-a8zh08qapa] {
        background: rgba(255, 255, 255, 0.3);
        transform: rotate(90deg);
    }

.modal-content[b-a8zh08qapa] {
    padding: 0;
}

.tab-content[b-a8zh08qapa] {
    display: none;
    padding: 2rem;
    animation: fadeInTab-b-a8zh08qapa 0.3s ease;
}

    .tab-content.active[b-a8zh08qapa] {
        display: block;
    }

@keyframes fadeInTab-b-a8zh08qapa {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.product-section[b-a8zh08qapa] {
    display: grid;
    grid-template-columns: 400px 1fr;
    gap: 3rem;
    margin-bottom: 2rem;
}

.product-images[b-a8zh08qapa] {
    position: relative;
}

.main-image[b-a8zh08qapa] {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 12px;
    background: #f8fafc;
    border: 2px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    transition: all 0.3s ease;
    overflow: hidden;
}

    .main-image:hover[b-a8zh08qapa] {
        border-color: #2563eb;
        box-shadow: 0 8px 25px rgba(37, 99, 235, 0.15);
    }

    .main-image img[b-a8zh08qapa] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .main-image:hover img[b-a8zh08qapa] {
        transform: scale(1.05);
    }

.product-placeholder[b-a8zh08qapa] {
    font-size: 4rem;
    color: #cbd5e1;
}

.thumbnail-list[b-a8zh08qapa] {
    display: flex;
    gap: 0.75rem;
    justify-content: center;
}

.thumbnail[b-a8zh08qapa] {
    width: 70px;
    height: 70px;
    border-radius: 8px;
    background: #f1f5f9;
    border: 2px solid #e2e8f0;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .thumbnail:hover[b-a8zh08qapa], .thumbnail.active[b-a8zh08qapa] {
        border-color: #2563eb;
        transform: translateY(-2px);
    }

.download-link[b-a8zh08qapa] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    padding: 0.75rem;
    border-radius: 8px;
    text-decoration: none;
    color: #374151;
    font-size: 0.9rem;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

    .download-link:hover[b-a8zh08qapa] {
        background: white;
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    }

.product-details[b-a8zh08qapa] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.product-title[b-a8zh08qapa] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.3;
}

.product-category[b-a8zh08qapa] {
    display: inline-block;
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    color: #1d4ed8;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 600;
    width: fit-content;
}

.product-meta[b-a8zh08qapa] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    background: #f8fafc;
    padding: 1.5rem;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.meta-item[b-a8zh08qapa] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.meta-label[b-a8zh08qapa] {
    font-size: 0.85rem;
    color: #64748b;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.meta-value[b-a8zh08qapa] {
    font-size: 1rem;
    color: #1e293b;
    font-weight: 600;
}

.quantity-section[b-a8zh08qapa] {
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 1.5rem;
    margin-top: 1rem;
}

.quantity-label[b-a8zh08qapa] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: 1rem;
}

.quantity-controls[b-a8zh08qapa] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.qty-input[b-a8zh08qapa] {
    display: flex;
    align-items: center;
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
}

.qty-btn[b-a8zh08qapa] {
    background: #f8fafc;
    border: none;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1.3rem;
    color: #64748b;
    transition: all 0.2s ease;
}

    .qty-btn:hover[b-a8zh08qapa] {
        background: #2563eb;
        color: white;
    }

.qty-number[b-a8zh08qapa] {
    width: 80px;
    text-align: center;
    border: none;
    padding: 0.75rem;
    font-weight: 600;
    font-size: 1.1rem;
    background: white;
}

.unit-text[b-a8zh08qapa] {
    color: #64748b;
    font-size: 0.95rem;
}

.description[b-a8zh08qapa] {
    background: #f8fafc;
    padding: 1.5rem;
    border-radius: 12px;
    border-left: 4px solid #2563eb;
}

.description-title[b-a8zh08qapa] {
    font-size: 1.2rem;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.description-text[b-a8zh08qapa] {
    color: #4b5563;
    line-height: 1.6;
    font-size: 1rem;
}

.info-sections[b-a8zh08qapa] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.info-card[b-a8zh08qapa] {
    background: white;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.info-card-header[b-a8zh08qapa] {
    background: linear-gradient(135deg, #1e293b 0%, #374151 100%);
    color: white;
    padding: 1rem 1.5rem;
    font-weight: 600;
    font-size: 1.1rem;
}

.info-card-content[b-a8zh08qapa] {
    padding: 1.5rem;
}

.info-grid[b-a8zh08qapa] {
    display: grid;
    gap: 1rem;
}

.info-row[b-a8zh08qapa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid #f1f5f9;
}

    .info-row:last-child[b-a8zh08qapa] {
        border-bottom: none;
    }

.info-label[b-a8zh08qapa] {
    color: #64748b;
    font-weight: 500;
    font-size: 0.95rem;
}

.info-value[b-a8zh08qapa] {
    color: #1e293b;
    font-weight: 600;
}

.navigation[b-a8zh08qapa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 2rem;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
}

.nav-btn[b-a8zh08qapa] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: white;
    border: 2px solid #e2e8f0;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    color: #64748b;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
}

    .nav-btn:hover[b-a8zh08qapa] {
        border-color: #2563eb;
        color: #2563eb;
        transform: translateY(-1px);
    }

@media (max-width: 768px) {
    .modal[b-a8zh08qapa] {
        width: 95vw;
        max-height: 95vh;
    }

    .product-section[b-a8zh08qapa] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .info-sections[b-a8zh08qapa] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .product-meta[b-a8zh08qapa] {
        grid-template-columns: 1fr;
    }

    .modal-header[b-a8zh08qapa] {
        padding: 1rem 1.5rem;
    }

    .tab-content[b-a8zh08qapa] {
        padding: 1.5rem;
    }
}

.highlight[b-a8zh08qapa] {
    background: linear-gradient(120deg, transparent 0%, #dbeafe 0%, #dbeafe 100%, transparent 100%);
    background-size: 100% 100%;
}
/* _content/Colinternet/Defaut/Composants/DetailArticle/HistoriqueStat.razor.rz.scp.css */
.historique[b-9d9ulyxhbj] {
    height: 71vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

h2[b-9d9ulyxhbj] {
    display: flex;
    justify-content: center;
}
/* _content/Colinternet/Defaut/Composants/DetailArticle/InformationsArticle.razor.rz.scp.css */
#informationArticle[b-y3vdrhljw2] {
    display: flex;
    --color-custom: var(--CS_color1)
}

    #informationArticle > div:first-child[b-y3vdrhljw2] {
        width: 25%;
        margin: 0 10px 0 0;
    }

.imagePrincipale[b-y3vdrhljw2] {
    height: 16vw;
    width: 16vw;
    margin-bottom: 2vh;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 3px 6px #00000029;
}

    .imagePrincipale > img[b-y3vdrhljw2] {
        max-height: 100%;
        max-width: 100%;
        margin: auto;
    }

.imageSecondaires[b-y3vdrhljw2] {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

    .imageSecondaires > div[b-y3vdrhljw2] {
        width: 30%;
        margin-bottom: 1vh;
        display: flex;
    }

        .imageSecondaires > div > img[b-y3vdrhljw2] {
            width: 100%;
            margin: auto;
        }
.telechargement[b-y3vdrhljw2] {
    text-align: left;
    font: normal normal normal 15px/19px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    bottom: 0;
    width: 16vw;
    margin: 0 auto;
    /*    position: absolute;
*/
}
    .telechargement > div[b-y3vdrhljw2] {
        display: flex;
        cursor: pointer;
    }
        .telechargement > div > span[b-y3vdrhljw2] {
            margin: auto 0;
        }
#informationArticle > div:last-child[b-y3vdrhljw2] {
    width: 75%;
}

.enteteDetailArticle[b-y3vdrhljw2] {
    margin-bottom: 2vh;
}
    /*Titre + stock*/
    .enteteDetailArticle > div:first-child[b-y3vdrhljw2] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
        /*Titre*/
        .enteteDetailArticle > div:first-child > div:first-child[b-y3vdrhljw2] {
            display: flex;
            flex-direction: row;
            text-align: left;
            font: normal normal normal 25px/30px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
            text-transform: uppercase;
            width: 70%;
        }
        /*Stock*/
        .enteteDetailArticle > div:first-child > div:last-child[b-y3vdrhljw2] {
            display: flex;
            margin-left: 1vw;
            text-align: left;
            font: normal normal normal 15px/19px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
        }

            .enteteDetailArticle > div:first-child > div:last-child > span[b-y3vdrhljw2] {
                margin: auto;
            }

            .enteteDetailArticle > div:first-child > div:last-child > div[b-y3vdrhljw2] {
                display: flex;
                align-items: center;
            }

            .enteteDetailArticle > div:first-child > div:last-child > div > svg[b-y3vdrhljw2] {
                margin-right: 0.5vw;
            }


    /*BreadCrumb*/
    .enteteDetailArticle > div:last-child[b-y3vdrhljw2] {
        text-align: left;
        font: normal normal normal 12px/15px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
    }

        .enteteDetailArticle > div:last-child > span[b-y3vdrhljw2] {
            cursor: pointer;
        }

.informationPrincipal[b-y3vdrhljw2] {
    display: flex;
    flex-direction: row;
    margin-bottom: 2vh;
    justify-content: space-between;
}
    /*Ref gencode etc...*/
    .informationPrincipal > div:first-child[b-y3vdrhljw2] {
        text-align: left;
        font: normal normal normal 15px/19px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
    }

    /*prix*/
    .informationPrincipal > div:nth-child(2)[b-y3vdrhljw2] {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
        /*Prix vente ht*/
        .informationPrincipal > div:nth-child(2) > p:first-child[b-y3vdrhljw2] {
            text-align: left;
            font: normal normal 17px/19px var(--CS_font1);
            letter-spacing: 0px;
            margin-top: auto;
        }

            .informationPrincipal > div:nth-child(2) > p:first-child > span[b-y3vdrhljw2] {
                text-align: left;
                font: normal normal bold 22px/19px var(--CS_font1);
                letter-spacing: 0px;
            }

        /*Prix vente conseille*/
        .informationPrincipal > div:nth-child(2) > p:last-child[b-y3vdrhljw2] {
            text-align: left;
            font: normal normal normal 15px/19px var(--CS_font1);
            letter-spacing: 0px;
            margin-bottom: auto;
        }

    /*btn plus moins*/
    .informationPrincipal > div:last-child[b-y3vdrhljw2] {
    }

.btnPlusMoins[b-y3vdrhljw2] {
    display: flex;
    justify-content: space-around;
    margin: auto;
    flex-direction: column;
}
    /*Bouton*/
    .btnPlusMoins > div:first-child[b-y3vdrhljw2] {
        display: flex;
        justify-content: space-around;
        margin: 0 auto 1vh;
    }

        .btnPlusMoins > div:first-child > div:first-child[b-y3vdrhljw2], .btnPlusMoins > div:first-child > div:last-child[b-y3vdrhljw2] {
            box-shadow: 0px 3px 6px #00000029;
            border-radius: 5px;
            text-align: left;
            font: normal normal normal 25px/30px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-blanc);
            display: flex;
            justify-content: center;
            background: var(--color-custom) 0% 0% no-repeat padding-box;
            width: 50px;
            height: 50px;
        }

            .btnPlusMoins > div:first-child > div:first-child:active[b-y3vdrhljw2], .btnPlusMoins > div:first-child > div:last-child:active[b-y3vdrhljw2] {
                box-shadow: inset 0px 3px 6px #00000029;
            }

            .btnPlusMoins > div:first-child > div:first-child > span[b-y3vdrhljw2], .btnPlusMoins > div:first-child > div:last-child > span[b-y3vdrhljw2] {
                margin: auto;
            }

        .btnPlusMoins > div:first-child > div:nth-child(2)[b-y3vdrhljw2] {
            text-align: center;
            font: normal normal normal 17px/20px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
            margin: 0 0.5vw;
            min-width: 1.5vw;
        }

.btnDisable[b-y3vdrhljw2] {
    background: var(--CS_color1) 0% 0% no-repeat padding-box!important;
    opacity: 0.4;
}
/*Texte increment*/
.btnPlusMoins > div:last-child[b-y3vdrhljw2] {
    text-align: left;
    font: normal normal normal 13px/16px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    margin: auto;
}

.panier[b-y3vdrhljw2] {
    width: 1vw;
    margin: auto;
    margin-left: 1vw;
}

    .panier > svg > g > path[b-y3vdrhljw2] {
        fill: var(--color-custom);
    }

.descriptionArticle[b-y3vdrhljw2] {
    display: flex;
    margin-bottom: 3vh;
}
.descriptionArticle > div:first-child[b-y3vdrhljw2] {
    width: 55%;
}

    .descriptionArticle > div:first-child > .desc > p[b-y3vdrhljw2] {
        font: normal normal normal 15px/19px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
        text-align: justify;
    }

    .descriptionArticle > div:first-child > .picto[b-y3vdrhljw2] {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 1vh;
    }

        .descriptionArticle > div:first-child > .picto > div[b-y3vdrhljw2] {
            width: 5%;
            margin: 0 1vw;
        }

            .descriptionArticle > div:first-child > .picto > div > img[b-y3vdrhljw2] {
                width: 100%;
            }

    .descriptionArticle > div:last-child[b-y3vdrhljw2] {
        margin: 0;
        height: auto;
        margin-left: 2vw;
        width: fit-content;
    }
        .descriptionArticle > div:last-child > textarea[b-y3vdrhljw2] {
            background: var(--CS_color-blanc) 0% 0% no-repeat padding-box;
            box-shadow: inset 0px 3px 6px #00000029;
            border: 1px solid --CS_color-noir;
            border-radius: 5px;
            text-align: left;
            font: normal normal normal 15px/19px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
            opacity: 0.75;
            height: -webkit-fill-available;
            width: 20vw;
            padding: 0.5vh 0.5vw;
        }


.information[b-y3vdrhljw2] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

    .information > div:first-child[b-y3vdrhljw2] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

        .information > div:first-child > div[b-y3vdrhljw2] {
           
            width: 49%;
        }

            .information > div:first-child > div:first-child[b-y3vdrhljw2] {
                display: flex;
                flex-direction: column;
            }

.section[b-y3vdrhljw2] {
    display: flex;
    flex-direction: column;
}

[b-y3vdrhljw2] .titleSection {
    background: var(--color-custom) 0% 0% no-repeat padding-box;
    border-radius: 5px;
    text-align: left;
    font: normal normal bold 15px/19px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-blanc);
    text-transform: uppercase;
    padding: 0.5vh 1vh;
    margin: 1vh 0vw;
}

[b-y3vdrhljw2] .contentSection {
    display: flex;
    flex-direction: column;
    text-align: left;
    font: normal normal normal 14px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    opacity: 1;
}

[b-y3vdrhljw2] .sousTitreSection, .descriptionArticle > div:first-child > .desc > .sousTitre[b-y3vdrhljw2] {
    text-align: left;
    font: normal normal bold 14px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
}

.validColor > svg > path[b-y3vdrhljw2] {
    stroke: var(--CS_colorvalid);
}

.invalidColor > svg > path[b-y3vdrhljw2] {
    stroke: var(--CS_colorinvalid);
}

.mediumColor > svg > path[b-y3vdrhljw2] {
    stroke: var(--CS_colormedium);
}

.descriptionArticle > div:first-child > .desc > p[b-y3vdrhljw2], .informationPrincipal > div:nth-child(2) > p:last-child[b-y3vdrhljw2], .enteteDetailArticle > div:last-child[b-y3vdrhljw2], .contentSection[b-y3vdrhljw2],
.btnPlusMoins > div:last-child[b-y3vdrhljw2] {
    font-size: 16px;
}

.informationPrincipal > div:first-child[b-y3vdrhljw2], .titleSection[b-y3vdrhljw2],
.sousTitreSection[b-y3vdrhljw2], .descriptionArticle > div:first-child > .desc > .sousTitre[b-y3vdrhljw2], .enteteDetailArticle > div:first-child > div:last-child[b-y3vdrhljw2] {
    font-size: 18px!important;
}

.informationPrincipal > div:nth-child(2) > p:first-child > span[b-y3vdrhljw2], .btnPlusMoins > div:first-child > div:nth-child(2)[b-y3vdrhljw2] {
    font-size: 22px!important;
}

.enteteDetailArticle > div:first-child > div:first-child[b-y3vdrhljw2] {
    font-size: 26px!important;
}

.btnAddPanier[b-y3vdrhljw2] {
    background-color: var(--color-custom);
    border: solid 1px var(--color-custom);
    border-radius: 5px;
    text-align: center;
    font: normal normal normal 17px/20px var(--CS_font1);
    letter-spacing: 0px;
    text-transform: uppercase;
    width: 100%;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
    height: 19%;
}

.BestOfNew[b-y3vdrhljw2] {
    float: left;
}

    .BestOfNew > div[b-y3vdrhljw2] {
        width: fit-content;
        margin-right: 5px;
    }

.titre-article[b-y3vdrhljw2] {
    width: 100%;
    margin: 20px 0;
    background-color: var(--CS_color1);
    padding: 5px;
    border-radius: 3px;
    box-shadow: 0px 3px 6px #00000029;
}

    .titre-article p[b-y3vdrhljw2] {
        color: white;
        text-transform: uppercase;
    }

@media screen and (max-width: 1920px) {

    .descriptionArticle > div:first-child > .desc > p[b-y3vdrhljw2], .informationPrincipal > div:nth-child(2) > p:last-child[b-y3vdrhljw2], .enteteDetailArticle > div:last-child[b-y3vdrhljw2], .contentSection[b-y3vdrhljw2],
    .btnPlusMoins > div:last-child[b-y3vdrhljw2] {
        font-size: 14px;
    }

    .informationPrincipal > div:first-child[b-y3vdrhljw2], .titleSection[b-y3vdrhljw2],
    .sousTitreSection[b-y3vdrhljw2], .descriptionArticle > div:first-child > .desc > .sousTitre[b-y3vdrhljw2], .enteteDetailArticle > div:first-child > div:last-child[b-y3vdrhljw2] {
        font-size: 15px!important;
    }

    .informationPrincipal > div:nth-child(2) > p:first-child > span[b-y3vdrhljw2], .btnPlusMoins > div:first-child > div:nth-child(2)[b-y3vdrhljw2] {
        font-size: 17px!important;
    }

    .enteteDetailArticle > div:first-child > div:first-child[b-y3vdrhljw2] {
        font-size: 20px!important;
    }

}

@media screen and (max-width: 1024px) {
    .informationPrincipal[b-y3vdrhljw2] {
        width: 90%;
        flex-wrap: wrap;
    }

    .informationPrincipal > div:first-child[b-y3vdrhljw2] {
        width: 100%;
    }

    .descriptionArticle > div:first-child[b-y3vdrhljw2] {
        width: 90%;
    }

    .information[b-y3vdrhljw2] {
        width: 100%;
    }

}

@media screen and (max-width: 800px) {
    .information > div:first-child[b-y3vdrhljw2] {
        flex-direction: column;
    }

        .information > div:first-child > div[b-y3vdrhljw2] {
            width: 100%;
        }
}

@media screen and (max-width: 768px) {
    #informationArticle[b-y3vdrhljw2] {
        flex-direction: column;
        align-items: center;
    }

    #informationArticle > div:first-child[b-y3vdrhljw2] {
        width: 50%;
    }

    .imagePrincipale[b-y3vdrhljw2] {
        height: 100%;
        width: 100%;
    }
}


@media screen and (max-width: 425px) {

        .enteteDetailArticle > div:first-child[b-y3vdrhljw2] {
            flex-direction: column-reverse;
        }

            .enteteDetailArticle > div:first-child > div:first-child[b-y3vdrhljw2] {
                width: 100%;
                font-size: 20px!important;
            }

        .informationPrincipal[b-y3vdrhljw2] {
            width: 100%;
        }



        .informationPrincipal > div:nth-child(2)[b-y3vdrhljw2] {
            margin: 10px auto;
            margin-right: 0;
        }

        .informationPrincipal > div:last-child[b-y3vdrhljw2] {
            justify-content: flex-end;
            width: 100%;
            flex-direction: row-reverse;
            margin-top: 10px;
        }

        .btnPlusMoins[b-y3vdrhljw2] {
            margin-right: 0;
        }

        .information[b-y3vdrhljw2] {
            width: 100%;
        }

        .descriptionArticle > div:first-child[b-y3vdrhljw2] {
            width: 100%;
        }

        .information > div:first-child > div[b-y3vdrhljw2] {
            margin-right: 0;
            width: 100%;
        }
    }

.cadreclass="arrivage"class="arrivage"class="arrivage"













class="arrivage"class="arrivage"class="arrivage"class="arrivage"class="arrivage"class="arrivage"class="arrivage"s[b-y3vdrhljw2] {
    display: flex;
    gap: 0.5vw;
    align-items: center;
}

.promo[b-y3vdrhljw2] {
    color: red;
    font-size: 17px !important;
}


.prix-barre[b-y3vdrhljw2] {
    font-size: 17px !important;
    text-decoration: line-through;
}
    .prix-barre span[b-y3vdrhljw2] {
        font-weight: unset !important;
    }


    /**ZOOM**/

/*ZOOM LOUPE*/
[data-loupe-wrapper][b-y3vdrhljw2] {
    position: relative;
}

[data-loupe-image][b-y3vdrhljw2] {
    display: block;
    cursor: none;
}

[data-loupe-enlarged-image][b-y3vdrhljw2] {
    width: auto;
    max-width: none;
}

[data-loupe][b-y3vdrhljw2] {
    position: absolute;
    overflow: hidden;
    width: 200px;
    height: 200px;
    border: 8px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    box-shadow: 0 0 24px 0 rgba(192, 192, 192, 0.5);
    opacity: 0;
    pointer-events: none;
}

.icone360[b-y3vdrhljw2] {
    width: 4vw;
    position: absolute;
    left: 65%;
    bottom: 38%;
}


.diametre[b-y3vdrhljw2] {
    right:26px;
    float: right;
    border-radius: 50%;
    background: var(--CS_color1);
    width: 45px;
    height: 45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 12px !important;
    box-shadow: 3px 3px 3px #ccc;
    position: relative;
    transform: rotate(20deg);
}

    .diametre > span:first-child[b-y3vdrhljw2] {
        font-size: 12px !important;
    }

.cadreArrivages[b-y3vdrhljw2] {
    display: flex;
    gap: 1rem;
}
/* _content/Colinternet/Defaut/Composants/DetailArticle/ListeArticles.razor.rz.scp.css */
#listeArticles[b-u1mv5zhfs3] {
    display: flex;
    flex-direction: column;
}

.article[b-u1mv5zhfs3] {
    display : flex;
}
.article > div:first-child[b-u1mv5zhfs3] {
    width: 25%;
}

.imagePrincipale[b-u1mv5zhfs3] {
    display: flex;
    justify-content: center;
    height: 13vw;
    width: 13vw;
    margin-bottom: 2vh;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 3px 6px #00000029;
}

    .imagePrincipale > img[b-u1mv5zhfs3] {
        max-height: 100%;
        max-width: 100%;
        margin: auto;
    }

.article > div:last-child[b-u1mv5zhfs3] {
}

.enteteDetailArticle[b-u1mv5zhfs3] {
    margin-bottom: 2vh;
}
    /*Titre + stock*/
    .enteteDetailArticle > div:first-child[b-u1mv5zhfs3] {
        display: flex;
        flex-direction: row;
    }
        /*Titre*/
        .enteteDetailArticle > div:first-child > div:first-child[b-u1mv5zhfs3] {
            display: flex;
            flex-direction: row;
            text-align: left;
            font: normal normal normal 22px/25px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
            text-transform: uppercase;
            width: 85%;
        }
        /*Stock*/
        .enteteDetailArticle > div:first-child > div:last-child[b-u1mv5zhfs3] {
            display: flex;
            margin-left: 1vw;
            text-align: left;
            font: normal normal normal 15px/19px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
        }

            .enteteDetailArticle > div:first-child > div:last-child > span[b-u1mv5zhfs3] {
                margin: auto;
            }

            .enteteDetailArticle > div:first-child > div:last-child > div[b-u1mv5zhfs3] {
                display: flex;
            }

                .enteteDetailArticle > div:first-child > div:last-child > div > svg[b-u1mv5zhfs3] {
                    margin-right: 0.5vw;
                }


    /*BreadCrumb*/
    .enteteDetailArticle > div:last-child[b-u1mv5zhfs3] {
        text-align: left;
        font: normal normal normal 12px/15px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
    }

        .enteteDetailArticle > div:last-child > span[b-u1mv5zhfs3] {
            cursor: pointer;
        }

.informationPrincipal[b-u1mv5zhfs3] {
    display: flex;
    flex-direction: row;
    margin-bottom: 2vh;
    width: 85%;
}
    /*Ref gencode etc...*/
    .informationPrincipal > div:first-child[b-u1mv5zhfs3] {
        text-align: left;
        font: normal normal normal 15px/19px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
    }

    /*prix*/
    .informationPrincipal > div:nth-child(2)[b-u1mv5zhfs3] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: auto;
    }
        /*Prix vente ht*/
        .informationPrincipal > div:nth-child(2) > p:first-child[b-u1mv5zhfs3] {
            text-align: left;
            font: normal normal 17px/19px var(--CS_font1);
            letter-spacing: 0px;
            margin-top: auto;
        }

            .informationPrincipal > div:nth-child(2) > p:first-child > span[b-u1mv5zhfs3] {
                text-align: left;
                font: normal normal bold 22px/19px var(--CS_font1);
                letter-spacing: 0px;
            }

        /*Prix vente conseille*/
        .informationPrincipal > div:nth-child(2) > p:last-child[b-u1mv5zhfs3] {
            text-align: left;
            font: normal normal normal 15px/19px var(--CS_font1);
            letter-spacing: 0px;
            margin-bottom: auto;
        }

    /*btn plus moins*/
    .informationPrincipal > div:last-child[b-u1mv5zhfs3] {
        display: flex;
        justify-content: center;
    }

.btnPlusMoins[b-u1mv5zhfs3] {
    display: flex;
    justify-content: space-around;
    margin: auto;
    flex-direction: column;
}
    /*Bouton*/
    .btnPlusMoins > div:first-child[b-u1mv5zhfs3] {
        display: flex;
        justify-content: space-around;
        margin: auto;
    }

        .btnPlusMoins > div:first-child > div:first-child[b-u1mv5zhfs3], .btnPlusMoins > div:first-child > div:last-child[b-u1mv5zhfs3] {
            box-shadow: 0px 3px 6px #00000029;
            border-radius: 5px;
            text-align: left;
            font: normal normal normal 25px/30px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-blanc);
            display: flex;
            justify-content: center;
            background: var(--CS_color1) 0% 0% no-repeat padding-box;
        }

            .btnPlusMoins > div:first-child > div:first-child > span[b-u1mv5zhfs3], .btnPlusMoins > div:first-child > div:last-child > span[b-u1mv5zhfs3] {
                margin: auto;
            }

        .btnPlusMoins > div:first-child > div:nth-child(2)[b-u1mv5zhfs3] {
            text-align: center;
            font: normal normal normal 17px/20px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
            margin: 0 0.5vw;
            min-width: 1.5vw;
        }

.btnDisable[b-u1mv5zhfs3] {
    background: var(--CS_color2) 0% 0% no-repeat padding-box!important;
}
/*Texte increment*/
.btnPlusMoins > div:last-child[b-u1mv5zhfs3] {
    text-align: left;
    font: normal normal normal 13px/16px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    margin: auto;
}

.panier[b-u1mv5zhfs3] {
    width: 1vw;
    margin: auto;
    margin-left: 1vw;
    color: var(--CS_color1);
}

.validColor > svg > path[b-u1mv5zhfs3] {
    stroke: var(--CS_colorvalid);
}

.invalidColor > svg > path[b-u1mv5zhfs3] {
    stroke: var(--CS_colorinvalid);
}

.mediumColor > svg > path[b-u1mv5zhfs3] {
    stroke: var(--CS_colormedium);
}

.informationPrincipal > div:first-child[b-u1mv5zhfs3], .enteteDetailArticle > div:last-child[b-u1mv5zhfs3] {
    font-size: 16px!important;
}

.informationPrincipal > div:nth-child(2) > p:first-child[b-u1mv5zhfs3] {
    font-size: 18px!important;
}

    .informationPrincipal > div:nth-child(2) > p:first-child > span[b-u1mv5zhfs3], .btnPlusMoins > div:first-child > div:nth-child(2)[b-u1mv5zhfs3] {
        font-size: 22px!important;
    }

.enteteDetailArticle > div:first-child > div:first-child[b-u1mv5zhfs3] {
    font-size: 26px!important;
}

@media screen and (max-width: 1920px) {

    .informationPrincipal > div:first-child[b-u1mv5zhfs3], .enteteDetailArticle > div:last-child[b-u1mv5zhfs3] {
        font-size: 14px!important;
    }

    .informationPrincipal > div:nth-child(2) > p:first-child[b-u1mv5zhfs3] {
        font-size: 15px!important;
    }

        .informationPrincipal > div:nth-child(2) > p:first-child > span[b-u1mv5zhfs3], .btnPlusMoins > div:first-child > div:nth-child(2)[b-u1mv5zhfs3] {
            font-size: 17px!important;
        }

    .enteteDetailArticle > div:first-child > div:first-child[b-u1mv5zhfs3] {
        font-size: 22px!important;
    }

}

@media screen and (max-width: 1024px) {
    .enteteDetailArticle > div:first-child[b-u1mv5zhfs3] {
        flex-direction: column-reverse;
        width: 100%;
    }

    .informationPrincipal[b-u1mv5zhfs3] {
        width: 100%;
    }
}

@media screen and (max-width: 425px) {
    .informationPrincipal[b-u1mv5zhfs3] {
        flex-wrap: wrap;
    }
        .informationPrincipal > div:first-child[b-u1mv5zhfs3] {
            margin-bottom: 15px;
        }
}
/* _content/Colinternet/Defaut/Composants/DetailArticle/ListeArticlesPresentoir.razor.rz.scp.css */
#listeArticles[b-xqqzxkw6m5] {
    display: flex;
    flex-direction: column;
}

.article[b-xqqzxkw6m5] {
    display : flex;
}
.article > div:first-child[b-xqqzxkw6m5] {
    width: 25%;
}

.imagePrincipale[b-xqqzxkw6m5] {
    display: flex;
    justify-content: center;
    height: 13vw;
    width: 13vw;
    margin-bottom: 2vh;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 3px 6px #00000029;
}

    .imagePrincipale > img[b-xqqzxkw6m5] {
        max-height: 100%;
        max-width: 100%;
        margin: auto;
    }

.article > div:last-child[b-xqqzxkw6m5] {
}

.enteteDetailArticle[b-xqqzxkw6m5] {
    margin-bottom: 2vh;
}
    /*Titre*/
    .enteteDetailArticle > div:first-child[b-xqqzxkw6m5] {
        display: flex;
        flex-direction: row;
    }
        /*Titre*/
        .enteteDetailArticle > div:first-child > div:first-child[b-xqqzxkw6m5] {
            display: flex;
            flex-direction: row;
            text-align: left;
            font: normal normal normal 25px/30px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
            text-transform: uppercase;
        }
       

.informationPrincipal[b-xqqzxkw6m5] {
    display: flex;
    flex-direction: row;
    margin-bottom: 2vh;
    width: 85%;
}
    /*Ref gencode etc...*/
    .informationPrincipal > div:first-child[b-xqqzxkw6m5] {
        text-align: left;
        font: normal normal normal 15px/19px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
    }

  
/* _content/Colinternet/Defaut/Composants/DetailArticle/Partial/Historique.razor.rz.scp.css */
.btnPlusMoins[b-2snks88dfy] {
    display: flex;
    justify-content: space-around;
    width: 9vh;
}

    .btnPlusMoins > div:first-child[b-2snks88dfy], .btnPlusMoins > div:last-child[b-2snks88dfy] {
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 5px;
        text-align: left;
        font: normal normal normal 25px/30px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-blanc);
        display: flex;
        justify-content: center;
        background: var(--CS_color1) 0% 0% no-repeat padding-box;
    }

        .btnPlusMoins > div:first-child > span[b-2snks88dfy], .btnPlusMoins > div:last-child > span[b-2snks88dfy] {
            margin: auto;
        }

    .btnPlusMoins > div:nth-child(2)[b-2snks88dfy] {
        text-align: center;
        font: normal normal normal 17px/20px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
        margin: 0 0.5vw;
        min-width: 1.5vw;
    }

details li[b-2snks88dfy] {
    font-size: 13px;
}


details .label[b-2snks88dfy] {
    font-size: 15px;
}
/* _content/Colinternet/Defaut/Composants/DetailArticle/Partial/InformationsLogistique.razor.rz.scp.css */
.btnPlusMoins[b-ol48vb0ffc] {
    display: flex;
    justify-content: space-around;
    width: 9vh;
}

    .btnPlusMoins > div:first-child[b-ol48vb0ffc], .btnPlusMoins > div:last-child[b-ol48vb0ffc] {
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 5px;
        text-align: left;
        font: normal normal normal 25px/30px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-blanc);
        display: flex;
        justify-content: center;
        background: var(--CS_color1) 0% 0% no-repeat padding-box;
    }

        .btnPlusMoins > div:first-child > span[b-ol48vb0ffc], .btnPlusMoins > div:last-child > span[b-ol48vb0ffc] {
            margin: auto;
        }

    .btnPlusMoins > div:nth-child(2)[b-ol48vb0ffc] {
        text-align: center;
        font: normal normal normal 17px/20px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
        margin: 0 0.5vw;
        min-width: 1.5vw;
    }

details li[b-ol48vb0ffc] {
    font-size: 13px;
}


details .label[b-ol48vb0ffc] {
    font-size: 15px;
}
/* _content/Colinternet/Defaut/Composants/DetailArticle/Partial/InformationsTarif.razor.rz.scp.css */
.btnPlusMoins[b-cba6ron5cw] {
    display: flex;
    justify-content: space-around;
    width: 9vh;
}

    .btnPlusMoins > div:first-child[b-cba6ron5cw], .btnPlusMoins > div:last-child[b-cba6ron5cw] {
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 5px;
        text-align: left;
        font: normal normal normal 25px/30px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-blanc);
        display: flex;
        justify-content: center;
        background: var(--CS_color1) 0% 0% no-repeat padding-box;
    }

        .btnPlusMoins > div:first-child > span[b-cba6ron5cw], .btnPlusMoins > div:last-child > span[b-cba6ron5cw] {
            margin: auto;
        }

    .btnPlusMoins > div:nth-child(2)[b-cba6ron5cw] {
        text-align: center;
        font: normal normal normal 17px/20px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
        margin: 0 0.5vw;
        min-width: 1.5vw;
    }

details li[b-cba6ron5cw] {
    font-size: 13px;
}


details .label[b-cba6ron5cw] {
    font-size: 15px;
}
/* _content/Colinternet/Defaut/Composants/DetailArticle/Partial/InformationsTechnique.razor.rz.scp.css */
.btnPlusMoins[b-0fp42kk8pg] {
    display: flex;
    justify-content: space-around;
    width: 9vh;
}

    .btnPlusMoins > div:first-child[b-0fp42kk8pg], .btnPlusMoins > div:last-child[b-0fp42kk8pg] {
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 5px;
        text-align: left;
        font: normal normal normal 25px/30px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-blanc);
        display: flex;
        justify-content: center;
        background: var(--CS_color1) 0% 0% no-repeat padding-box;
    }

        .btnPlusMoins > div:first-child > span[b-0fp42kk8pg], .btnPlusMoins > div:last-child > span[b-0fp42kk8pg] {
            margin: auto;
        }

    .btnPlusMoins > div:nth-child(2)[b-0fp42kk8pg] {
        text-align: center;
        font: normal normal normal 17px/20px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
        margin: 0 0.5vw;
        min-width: 1.5vw;
    }

details li[b-0fp42kk8pg] {
    font-size: 13px;
}


details .label[b-0fp42kk8pg] {
    font-size: 15px;
}
/* _content/Colinternet/Defaut/Composants/Erreurs/Disconnect.razor.rz.scp.css */
.main[b-go5czneivn] {
    width: 100%;
    height: 100%;
    /* margin: 22vh auto; */
    background: white;
    /* border-radius: 17px; */
    /* box-shadow: 5px 5px 10px #999; */
    text-align: center;
    position: absolute;
    top: 0;
    display: flex;
    /* margin: auto; */
    align-items: center;
}
.reload[b-go5czneivn] {
    background-color: #bb0000;
    font-size: 2vh;
    text-transform: uppercase;
    font-weight: 600;
    font-family: sans-serif;
    text-decoration: none;
    color: #ffffff;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    width: fit-content;
    margin: 10px auto;
}

    .reload > svg[b-go5czneivn] {
        fill: #ffffff;
        height: 25px;
    }

    .reload > a[b-go5czneivn] {
        color: #ffffff;
        text-decoration: none;
        margin-left: 5px;
    }
/* _content/Colinternet/Defaut/Composants/Erreurs/DisconnectBdd.razor.rz.scp.css */
/* _content/Colinternet/Defaut/Composants/Filtres/EnteteFiltre.razor.rz.scp.css */
/* _content/Colinternet/Defaut/Composants/Filtres/FiltreSideBar.razor.rz.scp.css */
/* _content/Colinternet/Defaut/Composants/Filtres/ListeFiltre.razor.rz.scp.css */
/* _content/Colinternet/Defaut/Composants/Fomulaires/Contact.razor.rz.scp.css */
form[b-88drmb5wcw]{
    width: 50%;
    margin: auto;
    margin-bottom: 10px
}
form div div[b-88drmb5wcw] {
    display: flex;
    gap: 5%;
    justify-content: center;
    width: 100%;
}

    form div div div[b-88drmb5wcw] {
        width: 50%;
    }
    form div div div label[b-88drmb5wcw] {
        width: 20%;
    }

    .textarea[b-88drmb5wcw]{
        margin: auto
    }

form a[b-88drmb5wcw] {
    float: right;
}

form > div:last-child[b-88drmb5wcw]{
    clear: both
}

@media screen and (max-width: 768px) {

    form[b-88drmb5wcw] {
        width: 80%;
    }
}

@media screen and (max-width: 425px) {

    form > div > div[b-88drmb5wcw] {
        flex-direction: column;
    }

    form div div div[b-88drmb5wcw] {
        width: 100%;
    }
}

.messageOk[b-88drmb5wcw] {
    font-weight: bold;
    color: var(--CS_color1);
}
.messageKO[b-88drmb5wcw]{

}
/* _content/Colinternet/Defaut/Composants/Fomulaires/ContactForms.razor.rz.scp.css */
body[b-p4c58sacyp] {
}

.banniere[b-p4c58sacyp] {
    background: url("/wwwclient/CONTACT/banniereContact.webp") no-repeat center;
    background-size: cover;
}

h1[b-p4c58sacyp] {
    width: fit-content;
    margin-left: 50vw;
    padding-top: 34vh;
}

h3[b-p4c58sacyp] {
    color: var(--Gris);
}

.imgTelephone[b-p4c58sacyp] {
    width: 5vw;
    max-width: fit-content;
}

.invisible[b-p4c58sacyp] {
    display: none;
}

.active[b-p4c58sacyp] {
    color: var(--Colibase);
    font-weight: 500;
}

@media screen and (max-width: 1300px) {

    h1[b-p4c58sacyp] {
        margin: 0 auto;
        padding: 1vh 0;
    }

    .courbeBanniere[b-p4c58sacyp] {
        margin-top: 375px;
    }

    .banniere[b-p4c58sacyp] {
        margin-bottom: 25vh !important;
    }

    .imgTelephone[b-p4c58sacyp] {
        width: 100%;
        float: right;
    }
}

@media screen and (max-width: 1024px) {
    .courbeBanniere[b-p4c58sacyp] {
        margin-top: 0;
    }

    h1[b-p4c58sacyp] {
        padding-top: 42vh;
        padding-left: 45vw;
    }

    .banniere[b-p4c58sacyp] {
        margin-bottom: 10vh !important;
    }
}

@media screen and (max-width: 576px) {

    h1[b-p4c58sacyp] {
        font-size: 30px !important;
    }

    .blocContact1[b-p4c58sacyp] {
        margin-top: 10rem !important;
    }

    .courbeBanniere[b-p4c58sacyp] {
        margin-top: 200px;
    }

    .banniere[b-p4c58sacyp] {
        margin-bottom: 10vh !important;
    }
}




.card[b-p4c58sacyp] {
    width: 20vw;
    margin: auto;
    position: absolute;
    z-index: 112;
    opacity: 0.9;
    text-align: center
}

.cardForm[b-p4c58sacyp] {
    display: flex;
    justify-content: center;
    margin-left: 30%;
    margin-right: 30%;
}

.cardForm-body[b-p4c58sacyp] {
    padding: 1vh 1vw;
}

/* _content/Colinternet/Defaut/Composants/Fomulaires/Inscription.razor.rz.scp.css */
/* _content/Colinternet/Defaut/Composants/Fomulaires/InscriptionLogin.razor.rz.scp.css */
label[b-a4hkaoj4nz]{
    width: 10rem;
    display: block
}

form div:nth-child(2)[b-a4hkaoj4nz]
{
    line-height: 10rem;
}
/* _content/Colinternet/Defaut/Composants/Fomulaires/PlaquettesForms.razor.rz.scp.css */


.cardForm[b-8kas7sb1pq] {
    display: flex;
    justify-content: center;
    margin-left: 30%;
    margin-right: 30%;
}

.cardForm-body[b-8kas7sb1pq] {
    padding: 1vh 1vw;
}
/* _content/Colinternet/Defaut/Composants/Fomulaires/RecontactForms.razor.rz.scp.css */


.cardForm[b-w37bgd2gqj] {
    display: flex;
    justify-content: center;
    margin-left: 30%;
    margin-right: 30%;
}

.cardForm-body[b-w37bgd2gqj] {
    padding: 1vh 1vw;
}
/* _content/Colinternet/Defaut/Composants/Fomulaires/RecrutementForms.razor.rz.scp.css */
.cardForm[b-ttsoei9h59] {
    display: flex;
    justify-content: center;
    margin-left: 30%;
    margin-right: 30%;
}

.cardForm-body[b-ttsoei9h59] {
    padding: 1vh 1vw;
}
/* _content/Colinternet/Defaut/Composants/Footer/CopyrightVersion.razor.rz.scp.css */
/*VERSION*/
.version:hover + p[b-3uyykrs7km], .version +p:hover[b-3uyykrs7km] {
    opacity: 1;
    height: fit-content;
    cursor: pointer
}

.version + p[b-3uyykrs7km] {
    opacity: 0;
    transition: opacity 0.5s;
    height: 0;
}

.Copyright[b-3uyykrs7km] {
    text-align: center;
}

.version[b-3uyykrs7km] {
    cursor: pointer;
}

.Alert[b-3uyykrs7km]{
    color: red; font-weight: bold;
}
/* _content/Colinternet/Defaut/Composants/Footer/CopyrightVersionConnexion.razor.rz.scp.css */
/*VERSION*/
.version:hover + p[b-sfxvxalvqv], .version +p:hover[b-sfxvxalvqv] {
    opacity: 1;
    height: fit-content;
    cursor: pointer;
    position:absolute;
    width: 60%;
    font-size: 9px;
}

.version + p[b-sfxvxalvqv] {
    opacity: 0;
    transition: opacity 0.5s;
    height: 0;
}

.Copyright[b-sfxvxalvqv] {
    text-align: center;
}

.version[b-sfxvxalvqv] {
    cursor: pointer;
}

.Alert[b-sfxvxalvqv]{
    color: red; font-weight: bold;
}
/* _content/Colinternet/Defaut/Composants/Footer/Footer.razor.rz.scp.css */
#footer[b-m881yl9ddi] {
    font-family: var(--CS_font1);
    margin-top: 5vh;
}

.Copyright[b-m881yl9ddi]{
    text-align: center;
}

.transitionFooter[b-m881yl9ddi] {
    text-align: center;
}

/* _content/Colinternet/Defaut/Composants/Header/Header.razor.rz.scp.css */
#header[b-p63at71cfz] {
    width: 100%;
    font-size: 17px !important;
}

.top[b-p63at71cfz] {
    display: flex;
    flex-wrap: wrap;
    height: fit-content;
    align-items: center;
    width: 90%;
    margin: auto;
    padding: 1rem 0;
    justify-content: space-between;
}


#logo[b-p63at71cfz] {
    height: fit-content;
    width: fit-content;
}

    /*#logo > img {
        width: 100%;
        height: 100%;
    }*/


.logo[b-p63at71cfz] {
    width: 20%;
}

.options[b-p63at71cfz] {
    display: flex;
    justify-content: space-evenly;
}

    .options .deconnexion[b-p63at71cfz] {
        color: var(--CS_color2);
    }

    .options > div:hover > svg[b-p63at71cfz], .options > div:hover > svg > path[b-p63at71cfz], .options > a > div:hover > svg[b-p63at71cfz], .options > a > div:hover > svg > path[b-p63at71cfz] {
        fill: var(--CS_color1);
        stroke: var(--CS_color1);
    }

    .options > div:hover > p[b-p63at71cfz], .options > div:hover > div > div p[b-p63at71cfz], .options > a > div:hover > p[b-p63at71cfz], .options > a > div:hover > div > div p[b-p63at71cfz] {
        color: var(--CS_color1);
    }


    .options svg[b-p63at71cfz] {
        height: 2.5vh;
        margin: 0 0.5vw;
    }

    .options .compte[b-p63at71cfz] {
        display: flex;
    }

.client[b-p63at71cfz] {
    font-size: 0.6rem;
}



.langue[b-p63at71cfz] {
    margin-right: 1.3020833333333333vw;
}

/*.logo {
    text-align: center;
}*/



.panier[b-p63at71cfz] {
    margin-right: 1.5625vw;
    display: flex;
    position: relative;
}

.total[b-p63at71cfz] {
    font-weight: bold;
    white-space: nowrap;
}

.franco[b-p63at71cfz] {
    font-size: 13px !important;
    margin-top: -0.5vh;
}

.wish[b-p63at71cfz] {
    margin-right: 1.5625vw;
}

.deconnexion:hover > svg > g > path[b-p63at71cfz], .deconnexion:hover > svg > g > line[b-p63at71cfz] {
    stroke: var(--CS_color1);
}

span[b-p63at71cfz] {
    height: 43px
}

.recherche span[b-p63at71cfz] {
    height: fit-content;
}



a[b-p63at71cfz] {
    text-decoration-line: none;
    color: black;
}

.franco[b-p63at71cfz] {
    font-size: 16px !important;
}

#header[b-p63at71cfz] {
    font-size: 18px !important;
}






@media screen and (max-width: 1920px) {

    .franco[b-p63at71cfz] {
        font-size: 14px !important;
    }

    #header[b-p63at71cfz] {
        font-size: 15px !important;
    }
}





@media screen and (max-width: 425px) {

    .pub[b-p63at71cfz] {
        height: fit-content;
        flex-direction: column;
    }

    .logo[b-p63at71cfz], .recherche[b-p63at71cfz] {
        width: 90%;
    }

    .options p[b-p63at71cfz] {
        display: none;
    }

    .pub div[b-p63at71cfz] {
        text-align: center;
    }
}
/*LIST DES COMMANDES*/
.panier:hover > .OrderList[b-p63at71cfz] {
    display: block;
}

.OrderList[b-p63at71cfz] {
    position: absolute;
    top: 25px;
    right: 0;
    z-index: 1;
    background: white;
    box-shadow: 0px 3px 6px #00000029;
    display: none;
}

img[b-p63at71cfz] {
   /* width: 50px;
    height: 50px;
    object-fit: contain;
    margin-right: 10px;*/
}

.Order[b-p63at71cfz] {
    display: flex;
    gap: 10px;
}

.RefLib[b-p63at71cfz] {
    font-size: 12px;
}

    .RefLib > div:first-child[b-p63at71cfz] {
        font-weight: bold
    }

.PrixQte[b-p63at71cfz] {
    white-space: nowrap;
    font-size: 12px;
    font-weight: bold;
}

.actions[b-p63at71cfz] {
    display: flex;
    gap: 10px;
}

.OrderList > p[b-p63at71cfz] {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    margin: 5px 10px;
    white-space: nowrap;
}

.OrderList > div[b-p63at71cfz] {
    padding: 10px;
    border-bottom: solid 1px #d7d7d7;
}

    .OrderList > div:first-child[b-p63at71cfz] {
        white-space: nowrap;
    }


    .OrderList > div:last-child > .bouton:first-child[b-p63at71cfz] {
        border-radius: 5px;
        border: solid 1px var(--CS_color1);
        color: var(--CS_color1);
        text-transform: uppercase;
        font-size: 12px;
        white-space: nowrap;
        padding: 5px 10px;
        width: fit-content;
    }

    .OrderList > div:last-child > .bouton:nth-child(2)[b-p63at71cfz] {
        border-radius: 5px;
        border: solid 1px var(--CS_color1);
        background-color: var(--CS_color1);
        color: white;
        text-transform: uppercase;
        font-size: 12px;
        white-space: nowrap;
        padding: 5px 10px;
        width: fit-content;
    }

.person[b-p63at71cfz], .favorite[b-p63at71cfz], .shopping_bag[b-p63at71cfz] {
    font-size: 2.5rem;
}

.group[b-p63at71cfz] {
    font-size: 1.5rem;
}

/**MOBILE**/
#mySidenav[b-p63at71cfz] {
    position: absolute;
    left: -100vw;
    top: 0;
    padding: 6px;
    transition: left 0.5s;
    background: white;
    width: 100vw;
    z-index:1;
    height: 100vh;
   overflow: scroll
}

.OpenNav[b-p63at71cfz] {
    left: 0 !important;
}

.CloseNav[b-p63at71cfz] {
    left: -100vw !important;
    padding: 0 !important;
}

#openBtn[b-p63at71cfz] {
    display: none;
    /*position: absolute;*/
    cursor: pointer;
}

/*.burger-icon span {
    display: block;
    width: 35px;
    height: 5px;
    background-color: var(--CS_color1);
    margin: 6px 0px;
}*/

#menuMobile img[b-p63at71cfz]{
    width: fit-content;
}

[b-p63at71cfz] #menuMobile .recherche {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

@media screen and (max-width: 1024px) {
    /*.menuscreen {
        display: none;
    }*/

    .menuMobile[b-p63at71cfz] {
        display: block;
    }

    #openBtn[b-p63at71cfz] {
        display: block;
    }
    .logo[b-p63at71cfz]{
        margin: auto;
        width:auto !important;
    }

  
    
}

.sidenav .close[b-p63at71cfz] {
    position: absolute;
    top: 5px;
    right: 11px;
}
/* _content/Colinternet/Defaut/Composants/Header/Headerdefault.razor.rz.scp.css */
/* Header Principal */
.header[b-53c84rohge] {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    position: sticky;
    top: 0;
    transition: all 0.3s ease;
}

.header-container[b-53c84rohge] {
    max-width: 90%;
    margin: 0 auto;
    /*padding: 0 24px;*/
}

/* Top Bar */
.top-bar[b-53c84rohge] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    gap: 32px;
}

/* Logo */
.logo[b-53c84rohge] {
    font-size: 28px;
    font-weight: 700;
    color: #1e293b;
    text-decoration: none;
    letter-spacing: -0.02em;
    transition: transform 0.2s ease;
}

    .logo:hover[b-53c84rohge] {
        transform: scale(1.02);
    }

/* Barre de recherche moderne */
.search-container[b-53c84rohge] {
    flex: 1;
    max-width: 500px;
    position: relative;
}

.search-box[b-53c84rohge] {
    width: 100%;
    padding: 14px 48px 14px 20px;
    border: 2px solid #e2e8f0;
    border-radius: 50px;
    font-size: 16px;
    background: #ffffff;
    transition: all 0.3s ease;
    outline: none;
}

    .search-box:focus[b-53c84rohge] {
        border-color: #3b82f6;
        box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
    }

.search-btn[b-53c84rohge] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--CS_color1);
    border: none;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .search-btn:hover[b-53c84rohge] {
        background: var(--CS_color2);
        transform: translateY(-50%) scale(1.05);
    }

    .search-btn svg[b-53c84rohge] {
        width: 18px;
        height: 18px;
        stroke: white;
    }

/* Actions utilisateur */
.user-actions[b-53c84rohge] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.user-info[b-53c84rohge] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: #f1f5f9;
    border-radius: 50px;
    font-size: 14px;
    color: #475569;
    text-decoration: none;
    transition: all 0.2s ease;
}

    .user-info:hover[b-53c84rohge] {
        background: #e2e8f0;
        transform: translateY(-1px);
    }

.action-btn[b-53c84rohge] {
    position: relative;
    background: none;
    border: none;
    padding: 12px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s ease;
    color: #475569;
}

    .action-btn:hover[b-53c84rohge] {
        background: #f1f5f9;
        transform: translateY(-1px);
    }

    .action-btn svg[b-53c84rohge] {
        width: 24px;
        height: 24px;
    }
.cart-icon[b-53c84rohge] {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: black;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.cart-badge[b-53c84rohge] {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #ef4444;
    color: white;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 50px;
    min-width: 20px;
    text-align: center;
}

.flag[b-53c84rohge] {
    width: 24px;
    height: 18px;
    border-radius: 3px;
    overflow: hidden;
}

/*LIST DES COMMANDES*/
.panier:hover > .OrderList[b-53c84rohge] {
    display: block;
}

.OrderList[b-53c84rohge] {
    position: absolute;
    z-index: 1;
    background: white;
    box-shadow: 0px 3px 6px #00000029;
    display: none;
    width: 300px;
}

    .OrderList img[b-53c84rohge] {
        border-radius: 10px;
        /* width: 50px;
    height: 50px;
    object-fit: contain;
    margin-right: 10px;*/
    }

.Order[b-53c84rohge] {
    display: flex;
    gap: 10px;
}

.Order .Image[b-53c84rohge]{
    width: 300px;
}

.RefLib[b-53c84rohge] {
    font-size: 12px;
}

    .RefLib > div:first-child[b-53c84rohge] {
        font-weight: bold
    }

.PrixQte[b-53c84rohge] {
    white-space: nowrap;
    font-size: 12px;
    font-weight: bold;
}

.actions[b-53c84rohge] {
    display: flex;
    gap: 10px;
}

.OrderList > p[b-53c84rohge] {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    margin: 5px 10px;
    white-space: nowrap;
}

.OrderList > div[b-53c84rohge] {
    padding: 10px;
    border-bottom: solid 1px #d7d7d7;
}

    .OrderList > div:first-child[b-53c84rohge] {
        white-space: nowrap;
    }


    .OrderList > div:last-child > .bouton:first-child[b-53c84rohge] {
        border-radius: 5px;
        border: solid 1px var(--CS_color1);
        color: var(--CS_color1);
        text-transform: uppercase;
        font-size: 12px;
        white-space: nowrap;
        padding: 5px 10px;
        width: fit-content;
    }

    .OrderList > div:last-child > .bouton:nth-child(2)[b-53c84rohge] {
        border-radius: 5px;
        border: solid 1px var(--CS_color1);
        background-color: var(--CS_color1);
        color: white;
        text-transform: uppercase;
        font-size: 12px;
        white-space: nowrap;
        padding: 5px 10px;
        width: fit-content;
    }

/* Navigation Menu */
.nav-menu[b-53c84rohge] {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding: 0;
}

.nav-list[b-53c84rohge] {
    display: flex;
    list-style: none;
    gap: 0;
}

.nav-item[b-53c84rohge] {
    position: relative;
}

.nav-link[b-53c84rohge] {
    display: flex;
    align-items: center;
    padding: 20px 32px;
    text-decoration: none;
    color: #475569;
    font-weight: 500;
    font-size: 15px;
    transition: all 0.2s ease;
    position: relative;
}

    .nav-link:hover[b-53c84rohge] {
        color: var(--CS_color1);
        background: rgb(from var(--CS_color1) r g b / 0.04);
    }

    .nav-link[b-53c84rohge]::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 3px;
        background: var(--CS_color1);
        transition: width 0.3s ease;
    }

    .nav-link:hover[b-53c84rohge]::after {
        width: 100%;
    }

.dropdown-arrow[b-53c84rohge] {
    margin-left: 8px;
    width: 16px;
    height: 16px;
    transition: transform 0.2s ease;
}

.nav-item:hover .dropdown-arrow[b-53c84rohge] {
    transform: rotate(180deg);
}

/* Menu mobile */
.mobile-menu-btn[b-53c84rohge] {
    display: none;
    background: none;
    border: none;
    padding: 8px;
    cursor: pointer;
}

    .mobile-menu-btn svg[b-53c84rohge] {
        width: 24px;
        height: 24px;
        color: #475569;
    }

/* Responsive */
@media (max-width: 1024px) {
    .search-container[b-53c84rohge] {
        max-width: 300px;
    }

    .user-info span[b-53c84rohge] {
        display: none;
    }
}

@media (max-width: 768px) {
    .top-bar[b-53c84rohge] {
        padding: 12px 0;
        gap: 16px;
    }

    .search-container[b-53c84rohge] {
        display: none;
    }

    .mobile-menu-btn[b-53c84rohge] {
        display: block;
    }

    .nav-menu[b-53c84rohge] {
        display: none;
    }

    .user-actions[b-53c84rohge] {
        gap: 12px;
    }

    .logo[b-53c84rohge] {
        font-size: 24px;
    }
}

/* Animation d'entrée */
@keyframes slideDown-b-53c84rohge {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.header[b-53c84rohge] {
    animation: slideDown-b-53c84rohge 0.5s ease;
}
/* _content/Colinternet/Defaut/Composants/Header/Partials/MiniPanier.razor.rz.scp.css */
/*LIST DES COMMANDES*/
.panier:hover > .OrderList[b-ozyjjpl8gp] {
    display: block;
}

.OrderList[b-ozyjjpl8gp] {
    position: absolute;
    top: 25px;
    right: 0;
    z-index: 1;
    background: white;
    box-shadow: 0px 3px 6px #00000029;
    display: none;
}

    img[b-ozyjjpl8gp] {
        width: 50px;
        height: 50px;
        object-fit: contain;
        margin-right: 10px;
    }

    .Order[b-ozyjjpl8gp]{
        display: flex;
        gap: 10px;
    }
.RefLib[b-ozyjjpl8gp] {
    font-size: 12px;
}
.RefLib > div:first-child[b-ozyjjpl8gp] {
    font-weight: bold
}
.PrixQte[b-ozyjjpl8gp]
{
    white-space: nowrap;
    font-size: 12px;
    font-weight: bold;
}

.OrderList > p[b-ozyjjpl8gp] {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    margin: 5px 10px;
}

    .OrderList > div[b-ozyjjpl8gp] {
        padding: 10px;
        border-bottom: solid 1px #d7d7d7;
    }

        

        .OrderList > div:last-child > .bouton:first-child[b-ozyjjpl8gp] {
            border-radius: 5px;
            border: solid 1px var(--CS_color1);
            color: var(--CS_color1);
            text-transform: uppercase;
            font-size: 12px;
            white-space: nowrap;
            padding: 5px 10px;
            width: fit-content;
        }

        .OrderList > div:last-child > .bouton:nth-child(2)[b-ozyjjpl8gp] {
            border-radius: 5px;
            border: solid 1px var(--CS_color1);
            background-color: var(--CS_color1);
            color: white;
            text-transform: uppercase;
            font-size: 12px;
            white-space: nowrap;
            padding: 5px 10px;
            width: fit-content;
        }
/* _content/Colinternet/Defaut/Composants/Header/Partials/Search.razor.rz.scp.css */
.touslesmots[b-i1a14ubxz0] {
    font-size: 0.7rem;
    display: flex;
    align-items: stretch;
    margin-top: 0.1rem;
}

.recherche[b-i1a14ubxz0] {
    display: flex;
    align-items: center;
}

    .recherche > div[b-i1a14ubxz0] {
        display: flex;
        border-top: 1px solid rgb(170, 170, 170);
        border-right: 1px solid rgb(170, 170, 170);
        border-bottom: 1px solid rgb(170, 170, 170);
        border-left: 1px solid rgb(170, 170, 170);
        border-image: initial;
        border-radius: 0px 25% 25% 0px;
        height: 33px;
        width: 35px;
        align-items: center;
        justify-content: center;
        color: black;
        transition: background-color 0.3s ease, color 0.3s ease; /* Transición suave */
    }

        .recherche > div:hover[b-i1a14ubxz0] {
            background-color: #F0F0F2; /* Changer la couleur d'arrière-plan */
            cursor: pointer; /* Changer le curseur en une main */
        }

    .recherche input[b-i1a14ubxz0] {
        border-top: 1px solid rgb(170, 170, 170);
        border-bottom: 1px solid rgb(170, 170, 170);
        border-left: 1px solid rgb(170, 170, 170);
        border-image: initial;
        border-right: none;
        width: 300px !important;
        padding: 5px !important;
        border-radius: 5px 0px 0px 5px !important;
        margin: 0px !important;
    }
/* _content/Colinternet/Defaut/Composants/Information/BulleInfo.razor.rz.scp.css */
/**TOOLTIP**/
.tooltipCursor[b-lnbi9vuivn], .tooltipCursorClick[b-lnbi9vuivn] {
    width: fit-content;
    height: fit-content;
    cursor: pointer;
    background: var(--CS_color1);
    color: white;
    font-size: 1rem !important;
    border-radius: 50px;
}

.tooltipCursorClick[b-lnbi9vuivn] {
    background: brown;
}

.tooltipCursor:hover + .tooltipView[b-lnbi9vuivn] {
    display: block;
}

.tooltipView[b-lnbi9vuivn] {
    display: none;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    padding: 2px 10px;
    background: #FCF3CF;
    color: black;
    border-radius: 10px;
    white-space: nowrap;
}

    .tooltipView button[b-lnbi9vuivn] {
        float: right;
        background: var(--CS_color1);
        color: white;
        border: none;
        border-radius: 5px
    }
/* _content/Colinternet/Defaut/Composants/ListCards/ListCards.razor.rz.scp.css */
.cell[b-3ges5y1fe0] {
    display: flex;
    gap: 1vw;
}
/* _content/Colinternet/Defaut/Composants/Listes/Liste.razor.rz.scp.css */
/* _content/Colinternet/Defaut/Composants/Listes/ListeClassification.razor.rz.scp.css */
/* _content/Colinternet/Defaut/Composants/Listes/ListeFamilles.razor.rz.scp.css */
/* _content/Colinternet/Defaut/Composants/Listes/ListeUnivers.razor.rz.scp.css */
/* _content/Colinternet/Defaut/Composants/Menu/Breadcrumbs.razor.rz.scp.css */
#breadcrumbs[b-9qqoho9wsp] {
    display: flex;
    white-space: nowrap;
    margin: 0 5px;
    cursor: pointer;
    align-items: center;
    text-transform: uppercase;
}

#breadcrumbs div:first-child[b-9qqoho9wsp] {
    display: flex;
}
/* _content/Colinternet/Defaut/Composants/Menu/MegaMenu/MegaMenu.razor.rz.scp.css */
/* _content/Colinternet/Defaut/Composants/Menu/MegaMenu/MegaMenuClassification.razor.rz.scp.css */
/* _content/Colinternet/Defaut/Composants/Menu/MegaMenu/MegaMenuCollection.razor.rz.scp.css */
#MegaMenuCollection[b-v1llokngzk] {
    display: flex;
}
.image[b-v1llokngzk] {
    height: 90%;
}

.pointer[b-v1llokngzk] {
    cursor: pointer;
}

.image img[b-v1llokngzk] {
    height: 100%
}

.Niveau1[b-v1llokngzk] {
    display: flex;
    gap: 9vh;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 90%;
    margin: auto;
    /* margin: 0vh; */
}

.Niveau1[b-v1llokngzk], .Niveau2[b-v1llokngzk] {
    text-transform: uppercase;
}

    .Niveau1 > .column[b-v1llokngzk] {
        width: 40%;
    }

    .Niveau1 > .titre[b-v1llokngzk] {
        color: var(--CS_color1);
        margin-right: 10px;
        font-size: 18px;
        overflow: hidden;
    }

        .Niveau1 > .titre[b-v1llokngzk]:after {
            content: '';
            display: inline-block;
            border-bottom: solid 1px var(--CS_color1);
            background: #333;
            height: 1px;
            width: 100%;
            margin-left: 0.46875vw;
            vertical-align: middle;
        }

    .Niveau1 .titre:hover[b-v1llokngzk] {
        color: var(--CS_color2);
    }

    .Niveau1 h3 img[b-v1llokngzk] {
        width: 30px;
        border-radius: 64%;
        height: 30px;
        object-fit: cover;
        margin-right: 5px;
    }

.Niveau2[b-v1llokngzk] {
    color: var(--CS_color1);
    margin: 0;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 15px;
    margin-left: 10px;
}
.Niveau1 .Titre[b-v1llokngzk] {
    color: var(--CS_color1);
    font-weight: 800;
}

.Niveau2 .titre[b-v1llokngzk] {
    color: var(--CustomColor3);
}


.menu-control[b-v1llokngzk] {
    display: flex;
}

.MegaMenu[b-v1llokngzk], .MiniMenu[b-v1llokngzk] {
    /*height: 4.1vh;*/
    padding: 0 2.6041666666666665vw 0 0;
    /*padding-bottom: 1vh;*/
    text-transform: uppercase;
    white-space: nowrap;
}

    .MegaMenu[b-v1llokngzk]::after, .LienMenu[b-v1llokngzk]::after {
        content: '';
        display: block;
        width: 0;
        height: 2px;
        background: var(--CS_color1);
        transition: width 0.3s ease-in;
        margin-top: 1.2vh;
    }

    .MegaMenu:hover[b-v1llokngzk]::after, .LienMenu[b-v1llokngzk]::after {
        width: 100%
    }

    .MegaMenu .dropdown-content[b-v1llokngzk] {
        display: flex;
        position: absolute;
        background-color: white;
        width: 100%;
        height: 0;
        left: 0;
        box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
        max-height: 100vh;
        z-index: 500;
        overflow-y: scroll;
        padding: 0;
        margin-top: 1.4vh;
        transition-property: all;
        transition-delay: 500ms;
    }

.selected[b-v1llokngzk] {
    color: var(--CS_color1);
    font-weight: bold;
}

.MegaMenu:hover > .dropdown-content[b-v1llokngzk] {
    height: 52vh;
    padding: 2vh 2vw;
}

a[b-v1llokngzk] {
    color: var(--CS_color1);
}

a[b-v1llokngzk] {
    width: 15%;
}

img[b-v1llokngzk]{
    width: 100%
}
/* _content/Colinternet/Defaut/Composants/Menu/MegaMenu/MegaMenuDefault.razor.rz.scp.css */
#MegaMenu[b-yzx1wyk0vl]
{
    display: flex;
}
/* _content/Colinternet/Defaut/Composants/Menu/MegaMenu/MegaMenuFamSfam.razor.rz.scp.css */
/* _content/Colinternet/Defaut/Composants/Menu/MegaMenu/Partials/MegaMenuAccordeon.razor.rz.scp.css */
/* Modern Mega Menu Styles */

.MegaMenuGenerique[b-xu9hmatee6] {
    width: 100%;
    position: relative;
}

/* Menu Container */
.menu-control[b-xu9hmatee6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
}

/* Menu Items */
.mega-menu-item[b-xu9hmatee6],
.mini-menu-item[b-xu9hmatee6] {
    position: relative;
    display: flex;
    align-items: center;
}

/* Menu icon images */
.menu-button img[b-xu9hmatee6] {
    flex-shrink: 0;
}

.menu-title img[b-xu9hmatee6] {
    flex-shrink: 0;
}

.menu-button[b-xu9hmatee6] {
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    position: relative;
    transition: transform 0.2s ease-in-out;
}

.menu-button:focus[b-xu9hmatee6] {
    outline: 2px solid rgba(59, 130, 246, 0.5);
    outline-offset: 2px;
    border-radius: 0.25rem;
}

.dropdown-content[b-xu9hmatee6] {
    pointer-events: auto;
    position: fixed;
    left: 50%;
    transform: translateX(-50%) !important;
    width: 90vw !important;
    max-width: 1300px !important;
    top: 135px; /* Adjust this value based on the height of your header/navbar */
}

.mega-menu-item .dropdown-content.visible[b-xu9hmatee6] {
    transform: translateX(-50%) scale(1) !important;
    opacity: 1 !important;
}

.mega-menu-item .dropdown-content.invisible[b-xu9hmatee6] {
    transform: translateX(-50%) scale(0.95) !important;
    opacity: 0 !important;
}

.menu-column[b-xu9hmatee6] {
    min-width: 0;
}

.menu-title[b-xu9hmatee6] {
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    text-align: left;
    transition: transform 0.2s ease-in-out;
}

/* Image Section */
.image-section[b-xu9hmatee6] {
    background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
    flex-shrink: 0;
}

.image-section img[b-xu9hmatee6] {
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* List Styling */
ul[b-xu9hmatee6] {
    list-style: none;
    padding: 0;
    margin: 0;
}

li button[b-xu9hmatee6] {
    cursor: pointer;
    background: none;
    border: none;
    padding: 0.25rem 0;
    transition: all 0.2s ease-in-out;
}

/* Hover Effects */
.menu-column button:hover[b-xu9hmatee6] {
    text-decoration: none;
    transform: scale(1.02);
}

li button:hover[b-xu9hmatee6] {
    transform: scale(1.05) translateX(2px);
}

/* Loading Spinner */
.animate-spin[b-xu9hmatee6] {
    animation: spin-b-xu9hmatee6 1s linear infinite;
}

@keyframes spin-b-xu9hmatee6 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Responsive Design */
@media screen and (max-width: 1024px) {
    .dropdown-content[b-xu9hmatee6] {
        max-width: 90vw;
        width: 85vw !important;
    }

    .menu-grid[b-xu9hmatee6] {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .image-section[b-xu9hmatee6] {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .menu-control[b-xu9hmatee6] {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .dropdown-content[b-xu9hmatee6] {
        width: 95vw !important;
        max-width: 95vw !important;
    }

    .menu-grid[b-xu9hmatee6] {
        grid-template-columns: 1fr !important;
        padding: 1.5rem !important;
    }
}

@media screen and (max-width: 640px) {
    .menu-button[b-xu9hmatee6] {
        font-size: 0.75rem;
        padding: 0.5rem;
    }

    .dropdown-content[b-xu9hmatee6] {
        width: 98vw !important;
        max-width: 98vw !important;
    }

    .menu-grid[b-xu9hmatee6] {
        padding: 1rem !important;
        gap: 1rem !important;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    *[b-xu9hmatee6],
    *[b-xu9hmatee6]::before,
    *[b-xu9hmatee6]::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Print Styles */
@media print {
    .dropdown-content[b-xu9hmatee6] {
        display: none !important;
    }
}

/* Focus Visible for Better Accessibility */
button:focus-visible[b-xu9hmatee6] {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
    border-radius: 0.25rem;
}

/* Smooth Scrolling for Dropdown */
.menu-grid[b-xu9hmatee6] {
    overflow-y: auto;
    max-height: 70vh;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 #f1f5f9;
}

.menu-grid[b-xu9hmatee6]::-webkit-scrollbar {
    width: 6px;
}

.menu-grid[b-xu9hmatee6]::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 3px;
}

.menu-grid[b-xu9hmatee6]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}

.menu-grid[b-xu9hmatee6]::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}
/* _content/Colinternet/Defaut/Composants/Menu/MegaMenu/Partials/MegaMenuGenerique.razor.rz.scp.css */
/* Modern Mega Menu Styles */

.MegaMenuGenerique[b-m46ugzswwf] {
    width: 100%;
    position: relative;
}

/* Menu Container */
.menu-control[b-m46ugzswwf] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    padding: 0 10px;
}

.menu-control[b-m46ugzswwf] {
    row-gap: 0.5rem;
}

/* Menu Items */
.mega-menu-item[b-m46ugzswwf],
.mini-menu-item[b-m46ugzswwf] {
    position: relative;
    display: flex;
    align-items: center;
}

/* Menu icon images */
.menu-button img[b-m46ugzswwf] {
    flex-shrink: 0;
}

.menu-title img[b-m46ugzswwf] {
    flex-shrink: 0;
}

.menu-button[b-m46ugzswwf] {
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    position: relative;
    transition: transform 0.2s ease-in-out;
}

.menu-button:focus[b-m46ugzswwf] {
    outline: 2px solid rgba(59, 130, 246, 0.5);
    outline-offset: 2px;
    border-radius: 0.25rem;
}

.dropdown-content[b-m46ugzswwf] {
    pointer-events: auto;
    position: fixed;
    left: 650px;
    transform: translateX(-50%) !important;
    width: 90vw !important;
    max-width: 1300px !important;
    /*top: 135px;*/
    z-index: 50;
}

.mega-menu-item .dropdown-content.visible[b-m46ugzswwf] {
    transform: translateX(-50%) scale(1) !important;
    opacity: 1 !important;
}

.mega-menu-item .dropdown-content.invisible[b-m46ugzswwf] {
    transform: translateX(-50%) scale(0.95) !important;
    opacity: 0 !important;
}

.menu-column[b-m46ugzswwf] {
    min-width: 0;
}

.menu-title[b-m46ugzswwf] {
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    text-align: left;
    transition: transform 0.2s ease-in-out;
}

/* Image Section */
.image-section[b-m46ugzswwf] {
    background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
    flex-shrink: 0;
}

.image-section img[b-m46ugzswwf] {
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* List Styling */
ul[b-m46ugzswwf] {
    list-style: none;
    padding: 0;
    margin: 0;
}

li button[b-m46ugzswwf] {
    cursor: pointer;
    background: none;
    border: none;
    padding: 0.25rem 0;
    transition: all 0.2s ease-in-out;
}

/* Hover Effects */
.menu-column button:hover[b-m46ugzswwf] {
    text-decoration: none;
    transform: scale(1.02);
}

li button:hover[b-m46ugzswwf] {
    transform: scale(1.05) translateX(2px);
}

/* Loading Spinner */
.animate-spin[b-m46ugzswwf] {
    animation: spin-b-m46ugzswwf 1s linear infinite;
}

@keyframes spin-b-m46ugzswwf {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Responsive Design */
@media screen and (max-width: 1024px) {
    .dropdown-content[b-m46ugzswwf] {
        max-width: 90vw;
        width: 85vw !important;
    }

    .menu-grid[b-m46ugzswwf] {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .image-section[b-m46ugzswwf] {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .menu-control[b-m46ugzswwf] {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .dropdown-content[b-m46ugzswwf] {
        width: 95vw !important;
        max-width: 95vw !important;
    }

    .menu-grid[b-m46ugzswwf] {
        grid-template-columns: 1fr !important;
        padding: 1.5rem !important;
    }
}

@media screen and (max-width: 640px) {
    .menu-button[b-m46ugzswwf] {
        font-size: 0.75rem;
        padding: 0.5rem;
    }

    .dropdown-content[b-m46ugzswwf] {
        width: 98vw !important;
        max-width: 98vw !important;
    }

    .menu-grid[b-m46ugzswwf] {
        padding: 1rem !important;
        gap: 1rem !important;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    *[b-m46ugzswwf],
    *[b-m46ugzswwf]::before,
    *[b-m46ugzswwf]::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Print Styles */
@media print {
    .dropdown-content[b-m46ugzswwf] {
        display: none !important;
    }
}

/* Focus Visible for Better Accessibility */
button:focus-visible[b-m46ugzswwf] {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
    border-radius: 0.25rem;
}

/* Smooth Scrolling for Dropdown */
.menu-grid[b-m46ugzswwf] {
    overflow-y: auto;
    max-height: 70vh;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 #f1f5f9;
}

.menu-grid[b-m46ugzswwf]::-webkit-scrollbar {
    width: 6px;
}

.menu-grid[b-m46ugzswwf]::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 3px;
}

.menu-grid[b-m46ugzswwf]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}

.menu-grid[b-m46ugzswwf]::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}
/* _content/Colinternet/Defaut/Composants/Menu/MegaMenu/Partials/MegaMenuGenerique2.razor.rz.scp.css */

.image[b-vab1m4k283]{
    width: 10rem;
}
.headermenu:hover + .menumega[b-vab1m4k283], .menumega:hover[b-vab1m4k283] {
    display: flex;
}
/* _content/Colinternet/Defaut/Composants/Menu/MegaMenu/Partials/MegaMenuGeneriqueDefault.razor.rz.scp.css */
/*.navbar {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    z-index: 1000;
}

.nav-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}

.logo {
    color: white;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    padding: 20px 0;
}

.nav-menu {
    display: flex;
    list-style: none;
    gap: 0;
}

.nav-item {
    position: relative;
}

.nav-link {
    color: white;
    text-decoration: none;
    padding: 25px 30px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    font-weight: 500;
    position: relative;
    overflow: hidden;
}

    .nav-link::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0.1);
        transition: left 0.3s ease;
    }

    .nav-link:hover::before {
        left: 0;
    }

    .nav-link:hover {
        background: rgba(255,255,255,0.15);
        backdrop-filter: blur(10px);
    }

.dropdown-icon {
    transition: transform 0.3s ease;
    font-size: 12px;
}

.nav-item:hover .dropdown-icon {
    transform: rotate(180deg);
}*/

.mega-menu[b-wsq40walcl] {
    position: fixed;
    top: 193px;
    left: 5vw;
    width: 90vw;
    height: 60vh;
    overflow: scroll;
    background: white;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
    border-radius: 0 0 20px 20px;
    /*overflow: hidden;*/
    z-index: 999;
    display: flex;
}

.nav-item:hover > .mega-menu[b-wsq40walcl] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.mega-menu-content[b-wsq40walcl] {
    width: 100%;
    margin: 0;
    padding: 50px 40px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 50px;
}

    .mega-menu-content img[b-wsq40walcl] {
        max-height: 200px;
    }

.menu-column[b-wsq40walcl] {
    position: relative;
}

    .menu-column .image[b-wsq40walcl] {
        height: 200px;
    }

.column-title[b-wsq40walcl] {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
    padding: 5px;
    border-bottom: 3px solid;
    border-color: var(--CS_color1);
    display: flex;
    align-items: center;
    gap: 10px;
}

.menu-items[b-wsq40walcl] {
    list-style: none;
}

.menu-item[b-wsq40walcl] {
    /*margin-bottom: 12px;*/
}

    .menu-item a[b-wsq40walcl] {
        color: #666;
        text-decoration: none;
        /*padding: 8px 0;*/
        display: block;
        transition: all 0.3s ease;
        position: relative;
        padding-left: 20px;
    }

        .menu-item a[b-wsq40walcl]::before {
            content: '→';
            position: absolute;
            left: 0;
            opacity: 0;
            transform: translateX(-10px);
            transition: all 0.3s ease;
            color: #667eea;
            font-weight: bold;
        }

        .menu-item a:hover[b-wsq40walcl] {
            color: #333;
            padding-left: 30px;
            font-weight: 500;
        }

            .menu-item a:hover[b-wsq40walcl]::before {
                opacity: 1;
                transform: translateX(0);
            }

.featured-section[b-wsq40walcl] {
    background: linear-gradient(135deg, #667eea10, #764ba210);
    padding: 40px;
    border-radius: 20px;
    text-align: center;
    border: 1px solid #667eea20;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .featured-section h3[b-wsq40walcl] {
        color: #333;
        margin-bottom: 15px;
        font-size: 20px;
    }

    .featured-section p[b-wsq40walcl] {
        color: #666;
        margin-bottom: 20px;
        line-height: 1.6;
    }

.cta-button[b-wsq40walcl] {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
    padding: 12px 25px;
    border: none;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    display: inline-block;
}

    .cta-button:hover[b-wsq40walcl] {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
    }

.category-icon[b-wsq40walcl] {
    width: 24px;
    height: 24px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 12px;
    font-weight: bold;
}

.mobile-toggle[b-wsq40walcl] {
    display: none;
    background: none;
    border: none;
    color: white;
    font-size: 24px;
    cursor: pointer;
}
/* _content/Colinternet/Defaut/Composants/Menu/MegaMenu/Partials/MegaMenuGeneriqueRecursif.razor.rz.scp.css */
/**FAMILLES - SOUS FAMILLES**/

.MegaMenu a[b-t0xjae6fth]{
    cursor: pointer;
}
.wait[b-t0xjae6fth] {
    text-align: center !important;
}
.wait img[b-t0xjae6fth]{
    width: 4% !important;
}
.image[b-t0xjae6fth] {
    width: 20%;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
}

.MegaMenu:hover .image[b-t0xjae6fth] {
}

.pointer[b-t0xjae6fth] {
    cursor: pointer;
}

.image img[b-t0xjae6fth]{
    max-width: 100%
}
.Niveau1[b-t0xjae6fth] {
    /*display: flex;
    gap: 5px;
    flex-wrap: wrap;
    align-content: flex-start;*/
    width: 80%;
    column-count: 5;
    background-color: white;
}

    /*.Niveau1 > .column:hover .Niveau2 {
        height: 150px;
    }*/
.Niveau2[b-t0xjae6fth] {
    color: var(--CS_color1);
    margin: 0;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 10px;
    /*height: 0px;
    line-height: 15px;
    transition: height 500ms;*/
}
.Niveau1[b-t0xjae6fth], .Niveau2[b-t0xjae6fth] {
    text-transform: uppercase;
}
    .Niveau1 > .column[b-t0xjae6fth] {
        /*width: 25%;*/
        width: 100%;
        -webkit-column-break-inside: avoid;
    }

    .Niveau1 > .titre[b-t0xjae6fth] {
        color: var(--CS_color1);
        margin-right: 10px;
        font-size: 18px;
        overflow: hidden;
    }

    .Niveau1 >.titre[b-t0xjae6fth]:after {
        content: '';
        display: inline-block;
        border-bottom: solid 1px var(--CS_color1);
        background: #333;
        height: 1px;
        width: 100%;
        margin-left: 0.46875vw;
        vertical-align: middle;
    }

        .Niveau1 .titre:hover[b-t0xjae6fth] {
            color: var(--CS_color2);
        }

        .Niveau1 h3 img[b-t0xjae6fth] {
            width: 30px;
            border-radius: 64%;
            height: 30px;
            object-fit: cover;
            margin-right: 5px;
        }



    .Niveau1 .Titre[b-t0xjae6fth] {
        color: var(--CS_color1);
        font-weight: 800;
    }

        .Niveau2 .titre[b-t0xjae6fth] {
            color: var(--CustomColor3);
        }

        .Niveau2 .titre:hover[b-t0xjae6fth] {
            font-weight : 600;
        }

        .Niveau2 > .column:last-child[b-t0xjae6fth] {
            margin-bottom : 20px;
        }


.menu-control[b-t0xjae6fth]{
    display: flex;
}
.MegaMenu[b-t0xjae6fth], .MiniMenu[b-t0xjae6fth] {
    /*height: 4.1vh;*/
    padding: 0 2.6041666666666665vw 0 0;
    /*padding-bottom: 1vh;*/
    text-transform: uppercase;
    white-space: nowrap;
}

    .MegaMenu[b-t0xjae6fth]::after, .LienMenu[b-t0xjae6fth]::after {
        content: '';
        display: block;
        width: 0;
        height: 2px;
        background: var(--CS_color1);
        transition: width 0.3s ease-in;
        margin-top: 1.2vh;
    }

    .MegaMenu:hover[b-t0xjae6fth]::after, .LienMenu[b-t0xjae6fth]::after {
        width: 100%
    }

    .MegaMenu .dropdown-content[b-t0xjae6fth] {
        
        position: absolute;
        background-color: white;
        width: 100%;
        display: none;
        left: 0;
        box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
        
        z-index: 500;
        padding: 0;
        margin-top: 1.4vh;
        transition-property: height, padding;
        transition-delay: 500ms;
        
    }

.selected[b-t0xjae6fth] {
    color: var(--CS_color1);
    font-weight: bold;
}

.MegaMenu:hover > .dropdown-content[b-t0xjae6fth] {
    display: flex;
    justify-content: space-between;
    padding: 2vh 2vw;
}

a[b-t0xjae6fth] {
    color: var(--CS_color1);
}

@media screen and (max-width: 900px) {
    .Niveau1[b-t0xjae6fth] {
        width: 100%;
        order : 2;
    }

    .Niveau1 > .column[b-t0xjae6fth] {
        /*width: 44% !important;*/
        margin-left: 5%;
    }

    .MegaMenu .dropdown-content[b-t0xjae6fth] {
        flex-direction: column;
    }

    .image[b-t0xjae6fth] {
        order: 1;
        margin: 0 auto 25px;
    }
}
    @media screen and (max-width: 768px) {
        .menu-control[b-t0xjae6fth] {
            flex-wrap: wrap;
            justify-content: center;
        }
    }

    .MegaMenuGenerique[b-t0xjae6fth] {
        width: 100%;
    }
/* _content/Colinternet/Defaut/Composants/Menu/MenuAccordeon.razor.rz.scp.css */
body[b-igkjzu7nuq] {
}
/* _content/Colinternet/Defaut/Composants/Menu/MenuAccordeonContext.razor.rz.scp.css */
[b-ueb1l6qsc7] #MenuAccordeon {
    padding: 0 !important;
    background: none !important;
}
    [b-ueb1l6qsc7] #MenuAccordeon .Niveau1 > div:first-child {
        background: #eee;
        align-items: center;
    }
    [b-ueb1l6qsc7] #MenuAccordeon > div {
        white-space: nowrap;
        margin: 0;
    }

    
    [b-ueb1l6qsc7] #MenuAccordeon .plus, [b-ueb1l6qsc7] #MenuAccordeon .moins{
        font-size:initial
    }

    #MenuAccordeonContext[b-ueb1l6qsc7] {
        width: auto;
    }

[b-ueb1l6qsc7] #MenuAccordeon .hide {
display: block;
}

[b-ueb1l6qsc7] #MenuAccordeon .show, [b-ueb1l6qsc7] #MenuAccordeon .hide {
    font-size: 12px;
}

[b-ueb1l6qsc7] #MenuAccordeon a{
    text-decoration: none;

}

[b-ueb1l6qsc7] #MenuAccordeon .Titre {
    margin: 5px;
}
/* _content/Colinternet/Defaut/Composants/Menu/MenuClass.razor.rz.scp.css */


.menuButton[b-ese451afdy], .menuButton:hover[b-ese451afdy] {
    background-color: white !important;
    color: #333 !important;
    border-color: white !important;
    box-shadow: none !important;
}

.menuButton:hover[b-ese451afdy] {
    border-bottom: solid 2px maroon !important;
    border-radius: 0;
    box-sizing: border-box;
    height: 32px;
}

.menuButton span[b-ese451afdy] {
    font-size: 0.8rem;
    top: 0;
}

.MenuClass div[b-ese451afdy] {
    cursor: pointer;
}

.MenuClass div:hover[b-ese451afdy] {
    opacity: 0.90;
}

.menu-control button[b-ese451afdy] {
    padding-right: 10px
}

.niveau1[b-ese451afdy] {
    font-weight: bold;
    margin-top: 1rem
}
    .niveau1:first-child[b-ese451afdy] {
        margin-top: 0 !important;
    }

.niveau2[b-ese451afdy] {
    font-size: 1rem;
    margin-top: 0.5rem;
}

.menuleft[b-ese451afdy] {
    column-count: 2;
    column-fill: auto;
    max-height: 50vh;
    height: fit-content;
}

.imagemenu[b-ese451afdy] {
    max-height: 400px;
    margin: 42px;
}

.colorMenuOptions[b-ese451afdy] {
    color: #cb4f24 !important
}

.typeCollect[b-ese451afdy] {
    font-size: 1.02rem;
    font-weight: bold;
    padding: 0.5rem 0rem 2rem 0;
}

.textCollection[b-ese451afdy] {
    font-family: Font_Collection;
    font-size: 2rem;
    padding-top: 0.5rem;
}

[b-ese451afdy] .e-dropdown-btn, .e-dropdown-btn.e-btn[b-ese451afdy] {
    border-bottom: none;
}

[b-ese451afdy] .e-btn.e-active, .e-css.e-btn.e-active[b-ese451afdy] {
    box-shadow: none;
}

.selected[b-ese451afdy] {
    color: #333;
    font-weight: bold;
}
/* _content/Colinternet/Defaut/Composants/Menu/MenuExterne.razor.rz.scp.css */
/* _content/Colinternet/Defaut/Composants/Menu/MenuGlobal.razor.rz.scp.css */
.navbarBDSP[b-c5s1eakf8d] {
    display: flex;
    overflow: inherit;
    font-size: 17px!important;
    width: 90%;
    margin: 15px auto;
    height: 4vh;
}

[b-c5s1eakf8d] .dropdownmenu {
    display: flex;
    justify-content: left;
    list-style-type: none;
}


    [b-c5s1eakf8d] .dropdownmenu ul {
        list-style-type: none;
        /*margin-top: 1.4vh;*/
        display: none;
        background: white;
        box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
        position: relative;
    }

        [b-c5s1eakf8d] .dropdownmenu ul a {
            display: block;
            /*min-width: 200px;*/
            height: 50px;
            line-height: 30px;
            color: #333;
            text-decoration: none;
            padding: 0.15625vw 0.5208333333333334vw;
            text-align: left;
        }


.menuDeroulant[b-c5s1eakf8d] {
    position: relative;
}
    [b-c5s1eakf8d] .dropdownmenu > li.menuDeroulant  li:hover {
        background-color: var(--CS_color2);
    }
  

    [b-c5s1eakf8d] .dropdownmenu > li.menuDeroulant {
        /*display: flex;*/
        align-content: left;
        display: block;
        height: 4.1vh;
    }

        [b-c5s1eakf8d] .dropdownmenu > li.menuDeroulant:hover ul {
            display: block;
            left: 0px;
            z-index: 100;
            visibility: visible;
            opacity: 1;
        }












.MenuColibaseTheme.MenuModeFam:hover[b-c5s1eakf8d] {
    border-bottom: solid 2px var(--CS_color1);
}

a[b-c5s1eakf8d] {
    cursor: pointer;
    text-decoration: none;
    color: black;
}




.MenuModeFam[b-c5s1eakf8d] {
    margin: auto 8vh 2vh 0;
    padding-bottom: 1.2vh;
    text-transform: uppercase;
}

/**FAMILLES - SOUS FAMILLES**/
ul[b-c5s1eakf8d] {
    margin: auto 2vh;
}

li[b-c5s1eakf8d] {
    list-style: none;
}

.familles[b-c5s1eakf8d] {
    width: 87%;
    float: left;
}

.familles[b-c5s1eakf8d], .sousfamilles[b-c5s1eakf8d] {
    text-transform: uppercase;
}

    .familles .column[b-c5s1eakf8d] {
        float: left;
        width: 25%;
        min-height: 100px;
    }

    .familles h3[b-c5s1eakf8d] {
        color: #777;
        margin-right: 10px;
        font-size: 18px!important;
        overflow: hidden;
        cursor: pointer;
    }

        .familles h3[b-c5s1eakf8d]:after {
            content: '';
            display: inline-block;
            border-bottom: solid 1px #333;
            background: #333;
            height: 1px;
            width: 100%;
            margin-left: 0.46875vw;
            vertical-align: middle;
        }

        .familles h3:hover[b-c5s1eakf8d] {
            color: #333;
        }

        .familles h3 img[b-c5s1eakf8d] {
            width: 30px;
            border-radius: 64%;
            height: 30px;
            object-fit: cover;
            margin-right: 5px;
        }

.sousfamilles[b-c5s1eakf8d] {
    color: #999;
}

    .sousfamilles > div > div:first-child:hover[b-c5s1eakf8d] {
        color: #333;
    }

    .sousfamilles > div > div:first-child[b-c5s1eakf8d] {
        margin: 0;
        font-size: 12px!important;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 15px;
        cursor: pointer;
    }

    .sousfamilles > div[b-c5s1eakf8d] {
        float: left;
        width: 50%;
    }

        .sousfamilles > div:first-child[b-c5s1eakf8d] {
        }




.selected[b-c5s1eakf8d] {
    color: #333;
    font-weight: bold;
}

.FamillesSousfamilles:hover .dropdown-content[b-c5s1eakf8d] {
    color: #bbb;
    visibility: visible;
    opacity: 1;
}

.MegaMenu[b-c5s1eakf8d] {
   padding: 0 2.5vw 0 0;
}
    .MegaMenu[b-c5s1eakf8d]::after, .LienMenu[b-c5s1eakf8d]::after {
        content: '';
        display: block;
        width: 0;
        height: 2px;
        background: var(--CS_color1);
        transition: width 0.3s ease-in;
        margin-top: 1.2vh;
    }

    .MegaMenu:hover[b-c5s1eakf8d]::after, .LienMenu[b-c5s1eakf8d]::after {
        width: 100%
    }


.navbarBDSP[b-c5s1eakf8d] {
    height: fit-content;
}
}
/* _content/Colinternet/Defaut/Composants/Menu/MenuMerchandising.razor.rz.scp.css */
/* Modern Mega Menu Styles - Applied to MenuMerchandising */

.MegaMenuGenerique[b-wgd9ph9rlt] {
    width: 100%;
    position: relative;
}

/* Menu Container */
.menu-control[b-wgd9ph9rlt] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
}

/* Menu Items */
.mega-menu-item[b-wgd9ph9rlt],
.mini-menu-item[b-wgd9ph9rlt] {
    position: relative;
    display: flex;
    align-items: center;
}

/* Menu icon images */
.menu-button img[b-wgd9ph9rlt] {
    flex-shrink: 0;
}

.menu-title img[b-wgd9ph9rlt] {
    flex-shrink: 0;
}

.menu-button[b-wgd9ph9rlt] {
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    position: relative;
    transition: transform 0.2s ease-in-out;
}

.menu-button:focus[b-wgd9ph9rlt] {
    outline: 2px solid rgba(59, 130, 246, 0.5);
    outline-offset: 2px;
    border-radius: 0.25rem;
}

.dropdown-content[b-wgd9ph9rlt] {
    pointer-events: auto;
    position: fixed;
    left: 50%;
    transform: translateX(-50%) !important;
    width: 90vw !important;
    max-width: 1200px !important;
    top: 135px;
}

.mega-menu-item .dropdown-content.visible[b-wgd9ph9rlt] {
    transform: translateX(-50%) scale(1) !important;
    opacity: 1 !important;
}

.mega-menu-item .dropdown-content.invisible[b-wgd9ph9rlt] {
    transform: translateX(-50%) scale(0.95) !important;
    opacity: 0 !important;
}

.menu-column[b-wgd9ph9rlt] {
    min-width: 0;
}

.menu-title[b-wgd9ph9rlt] {
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    text-align: left;
    transition: transform 0.2s ease-in-out;
}

/* Image Section */
.image-section[b-wgd9ph9rlt] {
    background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
    flex-shrink: 0;
}

.image-section img[b-wgd9ph9rlt] {
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* List Styling */
ul[b-wgd9ph9rlt] {
    list-style: none;
    padding: 0;
    margin: 0;
}

li button[b-wgd9ph9rlt] {
    cursor: pointer;
    background: none;
    border: none;
    padding: 0.25rem 0;
    transition: all 0.2s ease-in-out;
}

/* Hover Effects */
.menu-column button:hover[b-wgd9ph9rlt] {
    text-decoration: none;
    transform: scale(1.02);
}

li button:hover[b-wgd9ph9rlt] {
    transform: scale(1.05) translateX(2px);
}

/* Loading Spinner */
.animate-spin[b-wgd9ph9rlt] {
    animation: spin-b-wgd9ph9rlt 1s linear infinite;
}

@keyframes spin-b-wgd9ph9rlt {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Responsive Design */
@media screen and (max-width: 1024px) {
    .dropdown-content[b-wgd9ph9rlt] {
        max-width: 90vw;
        width: 85vw !important;
    }

    .menu-grid[b-wgd9ph9rlt] {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .image-section[b-wgd9ph9rlt] {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .menu-control[b-wgd9ph9rlt] {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .dropdown-content[b-wgd9ph9rlt] {
        width: 95vw !important;
        max-width: 95vw !important;
    }

    .menu-grid[b-wgd9ph9rlt] {
        grid-template-columns: 1fr !important;
        padding: 1.5rem !important;
    }
}

@media screen and (max-width: 640px) {
    .menu-button[b-wgd9ph9rlt] {
        font-size: 0.75rem;
        padding: 0.5rem;
    }

    .dropdown-content[b-wgd9ph9rlt] {
        width: 98vw !important;
        max-width: 98vw !important;
    }

    .menu-grid[b-wgd9ph9rlt] {
        padding: 1rem !important;
        gap: 1rem !important;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    *[b-wgd9ph9rlt],
    *[b-wgd9ph9rlt]::before,
    *[b-wgd9ph9rlt]::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Print Styles */
@media print {
    .dropdown-content[b-wgd9ph9rlt] {
        display: none !important;
    }
}

/* Focus Visible for Better Accessibility */
button:focus-visible[b-wgd9ph9rlt] {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
    border-radius: 0.25rem;
}

/* Smooth Scrolling for Dropdown */
.menu-grid[b-wgd9ph9rlt] {
    overflow-y: auto;
    max-height: 70vh;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 #f1f5f9;
}

.menu-grid[b-wgd9ph9rlt]::-webkit-scrollbar {
    width: 6px;
}

.menu-grid[b-wgd9ph9rlt]::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 3px;
}

.menu-grid[b-wgd9ph9rlt]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}

.menu-grid[b-wgd9ph9rlt]::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}
/* _content/Colinternet/Defaut/Composants/Menu/MenuMerchandisingDefault.razor.rz.scp.css */
/* 🎨 TOUCH-OPTIMIZED MEGA MENU - MERCHANDISING */

/* ========================================
   CONTAINER & POSITIONING
   ======================================== */

.mega-menu-container[b-jx41pby8pe] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

/* ========================================
   NAVIGATION BUTTON
   ======================================== */

.nav-button[b-jx41pby8pe] {
    display: flex;
    align-items: center;
    padding: 20px 32px;
    text-decoration: none;
    color: #475569;
    font-weight: 500;
    font-size: 15px;
    transition: all 0.2s ease;
    position: relative;
    text-transform: uppercase;
    background: none;
    border: none;
    cursor: pointer;
    /* Touch-friendly minimum size */
    min-height: 44px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.nav-button[b-jx41pby8pe]::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--CS_color1, #3b82f6), var(--CS_color2, #8b5cf6));
    transform: translateX(-50%);
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-button:hover[b-jx41pby8pe] {
    color: #111827;
    transform: translateY(-2px);
}

.nav-button:active[b-jx41pby8pe] {
    transform: translateY(0);
}

.nav-button:hover[b-jx41pby8pe]::before,
.nav-button.active[b-jx41pby8pe]::before {
    width: 80%;
}

.nav-button:focus-visible[b-jx41pby8pe] {
    outline: 2px solid rgba(59, 130, 246, 0.5);
    outline-offset: 2px;
}

.nav-text[b-jx41pby8pe] {
    position: relative;
    z-index: 1;
}

.nav-chevron[b-jx41pby8pe] {
    width: 20px;
    height: 20px;
    margin-left: 8px;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-chevron.rotate[b-jx41pby8pe] {
    transform: rotate(180deg);
}

/* ========================================
   MENU OVERLAY (Touch devices)
   ======================================== */

.menu-overlay[b-jx41pby8pe] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    animation: fadeIn-b-jx41pby8pe 0.3s ease;
    backdrop-filter: blur(2px);
}

@keyframes fadeIn-b-jx41pby8pe {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* ========================================
   MENU HEADER (Close button)
   ======================================== */

.menu-header[b-jx41pby8pe] {
    display: none;
    justify-content: flex-end;
    padding: 1rem 1.5rem 0.5rem;
    position: sticky;
    top: 0;
    background: white;
    z-index: 10;
    border-bottom: 1px solid #e5e7eb;
}

.close-menu-btn[b-jx41pby8pe] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #f3f4f6;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s ease;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.close-menu-btn svg[b-jx41pby8pe] {
    width: 24px;
    height: 24px;
    color: #374151;
}

.close-menu-btn:hover[b-jx41pby8pe],
.close-menu-btn:active[b-jx41pby8pe] {
    background: #e5e7eb;
    transform: scale(0.95);
}

/* Show close button on touch devices */
@media (hover: none) and (pointer: coarse) {
    .menu-header[b-jx41pby8pe] {
        display: flex;
    }
}

/* ========================================
   DROPDOWN MEGA MENU
   ======================================== */

.dropdown-mega[b-jx41pby8pe] {
    position: absolute;
    top: calc(100%);
    left: 100%;
    transform: translateX(-50%) translateY(-10px);
    min-width: 900px;
    max-width: 1200px;
    width: max-content;
    background: white;
    border-radius: 1rem;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04),
    0 0 0 1px rgba(0, 0, 0, 0.05);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1000;
    overflow: hidden;
}

.dropdown-mega.show[b-jx41pby8pe] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
}

.dropdown-inner[b-jx41pby8pe] {
    position: relative;
    overflow: hidden;
}

.dropdown-inner[b-jx41pby8pe]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg,
    var(--CS_color1, #3b82f6) 0%,
    var(--CS_color2, #8b5cf6) 50%,
    var(--CS_color1, #3b82f6) 100%);
    background-size: 200% 100%;
    animation: gradientShift-b-jx41pby8pe 3s ease infinite;
}

@keyframes gradientShift-b-jx41pby8pe {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* ========================================
   GRID LAYOUT
   ======================================== */

.menu-grid-container[b-jx41pby8pe] {
    display: flex;
    max-height: 70vh;
    overflow: hidden;
}

.categories-grid[b-jx41pby8pe] {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2rem;
    padding: 2rem;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 #f1f5f9;
    /* Smooth scrolling for touch */
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

.categories-grid[b-jx41pby8pe]::-webkit-scrollbar {
    width: 8px;
}

.categories-grid[b-jx41pby8pe]::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 4px;
}

.categories-grid[b-jx41pby8pe]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
    transition: background 0.2s;
}

.categories-grid[b-jx41pby8pe]::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* ========================================
   CATEGORY COLUMNS
   ======================================== */

.category-column[b-jx41pby8pe] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.category-header[b-jx41pby8pe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.category-title[b-jx41pby8pe] {
    background: none;
    border: none;
    padding: 0.5rem 0;
    text-align: left;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--CS_color1, #1f2937);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    display: inline-block;
    width: fit-content;
    flex: 1;
    /* Touch-friendly */
    min-height: 44px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.category-title:hover[b-jx41pby8pe] {
    color: var(--CS_color2, #4f46e5);
    transform: translateX(4px);
}

.category-title:active[b-jx41pby8pe] {
    transform: translateX(2px);
}

.title-underline[b-jx41pby8pe] {
    height: 2px;
    width: 0;
    background: linear-gradient(90deg, var(--CS_color1, #3b82f6), var(--CS_color2, #8b5cf6));
    margin-top: 0.25rem;
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 2px;
}

.category-title:hover .title-underline[b-jx41pby8pe] {
    width: 100%;
}

/* ========================================
   EXPAND BUTTONS (Touch devices)
   ======================================== */

.expand-btn[b-jx41pby8pe],
.expand-btn-small[b-jx41pby8pe] {
    display: none;
    align-items: center;
    justify-content: center;
    background: #f3f4f6;
    border: none;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: all 0.2s ease;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.expand-btn[b-jx41pby8pe] {
    width: 36px;
    height: 36px;
    min-width: 36px;
}

.expand-btn-small[b-jx41pby8pe] {
    width: 32px;
    height: 32px;
    min-width: 32px;
}

.expand-btn svg[b-jx41pby8pe],
.expand-btn-small svg[b-jx41pby8pe] {
    width: 20px;
    height: 20px;
    color: #6b7280;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.expand-btn.expanded svg[b-jx41pby8pe] {
    transform: rotate(180deg);
}

.expand-btn-small.expanded svg[b-jx41pby8pe] {
    transform: rotate(90deg);
}

.expand-btn:hover[b-jx41pby8pe],
.expand-btn:active[b-jx41pby8pe],
.expand-btn-small:hover[b-jx41pby8pe],
.expand-btn-small:active[b-jx41pby8pe] {
    background: #e5e7eb;
}

/* Show expand buttons on touch devices */
@media (hover: none) and (pointer: coarse) {
    .expand-btn[b-jx41pby8pe],
    .expand-btn-small[b-jx41pby8pe] {
        display: flex;
    }
}

/* ========================================
   SUBCATEGORIES
   ======================================== */

.subcategories[b-jx41pby8pe] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-left: 0.5rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Hide subcategories by default on touch devices */
@media (hover: none) and (pointer: coarse) {
    .subcategories:not(.expanded)[b-jx41pby8pe] {
        display: none;
    }
}

.subcategory-item[b-jx41pby8pe] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.subcategory-header[b-jx41pby8pe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.subcategory-link[b-jx41pby8pe] {
    background: none;
    border: none;
    padding: 0.5rem 0;
    text-align: left;
    cursor: pointer;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--CS_color1, #4b5563);
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    position: relative;
    flex: 1;
    /* Touch-friendly */
    min-height: 44px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.link-dot[b-jx41pby8pe] {
    width: 6px;
    height: 6px;
    background: var(--CS_color1, #3b82f6);
    border-radius: 50%;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
}

.subcategory-link:hover[b-jx41pby8pe] {
    color: var(--CS_color1, #1f2937);
    transform: translateX(4px);
}

.subcategory-link:active[b-jx41pby8pe] {
    transform: translateX(2px);
}

.subcategory-link:hover .link-dot[b-jx41pby8pe] {
    transform: scale(1.5);
    background: var(--CS_color2, #8b5cf6);
    box-shadow: 0 0 8px var(--CS_color2, #8b5cf6);
}

/* ========================================
   SUB ITEMS (Level 3)
   ======================================== */

.sub-items[b-jx41pby8pe] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-left: 1.25rem;
    padding-left: 0.75rem;
    border-left: 2px solid #e5e7eb;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Hide sub-items by default on touch devices */
@media (hover: none) and (pointer: coarse) {
    .sub-items:not(.expanded)[b-jx41pby8pe] {
        display: none;
    }
}

.sub-item-link[b-jx41pby8pe] {
    background: none;
    border: none;
    padding: 0.5rem 0.5rem 0.5rem 0;
    text-align: left;
    cursor: pointer;
    font-size: 0.8125rem;
    color: #6b7280;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    /* Touch-friendly */
    min-height: 44px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.sub-item-link[b-jx41pby8pe]::before {
    content: '→';
    position: absolute;
    left: -1rem;
    opacity: 0;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    color: var(--CS_color1, #3b82f6);
}

.sub-item-link:hover[b-jx41pby8pe] {
    color: #111827;
    padding-left: 0.5rem;
}

.sub-item-link:active[b-jx41pby8pe] {
    transform: scale(0.98);
}

.sub-item-link:hover[b-jx41pby8pe]::before {
    opacity: 1;
    left: -0.75rem;
}

/* ========================================
   PROMO SECTION
   ======================================== */

.promo-section[b-jx41pby8pe] {
    width: 280px;
    flex-shrink: 0;
    background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
    border-left: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    position: relative;
    overflow: hidden;
}

.promo-section[b-jx41pby8pe]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at top right, rgba(59, 130, 246, 0.1), transparent 60%);
    pointer-events: none;
}

.promo-image-wrapper[b-jx41pby8pe] {
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 300px;
    border-radius: 0.75rem;
    overflow: hidden;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.promo-image-wrapper:hover[b-jx41pby8pe] {
    transform: scale(1.03) rotate(1deg);
}

.promo-image[b-jx41pby8pe] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.promo-image-wrapper:hover .promo-image[b-jx41pby8pe] {
    transform: scale(1.1);
}

.image-overlay[b-jx41pby8pe] {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.promo-image-wrapper:hover .image-overlay[b-jx41pby8pe] {
    opacity: 1;
}

/* ========================================
   TABLET OPTIMIZATIONS
   ======================================== */

@media screen and (max-width: 1024px) {
    .dropdown-mega[b-jx41pby8pe] {
        min-width: 750px;
        width: 90vw;
        max-width: 90vw;
    }

    .categories-grid[b-jx41pby8pe] {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 1.5rem;
    }

    .promo-section[b-jx41pby8pe] {
        width: 240px;
    }
}

/* ========================================
   MOBILE OPTIMIZATIONS
   ======================================== */

@media screen and (max-width: 768px) {
    .dropdown-mega[b-jx41pby8pe] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        min-width: auto;
        width: 100%;
        max-width: 100%;
        max-height: 100vh;
        border-radius: 0;
        transform: none;
    }

    .dropdown-mega.show[b-jx41pby8pe] {
        transform: none;
    }

    .menu-grid-container[b-jx41pby8pe] {
        max-height: 100%;
    }

    .categories-grid[b-jx41pby8pe] {
        grid-template-columns: 1fr;
        gap: 1rem;
        padding: 1rem;
    }

    .promo-section[b-jx41pby8pe] {
        display: none;
    }

    .nav-button[b-jx41pby8pe] {
        padding: 0.75rem 1.25rem;
        font-size: 0.875rem;
    }

    .category-title[b-jx41pby8pe] {
        font-size: 0.9375rem;
    }

    .subcategory-link[b-jx41pby8pe] {
        font-size: 0.875rem;
    }

    .sub-item-link[b-jx41pby8pe] {
        font-size: 0.8125rem;
    }
}

/* ========================================
   SMALL MOBILE DEVICES
   ======================================== */

@media screen and (max-width: 480px) {
    .nav-button[b-jx41pby8pe] {
        padding: 0.625rem 1rem;
        font-size: 0.8125rem;
    }

    .nav-chevron[b-jx41pby8pe] {
        width: 18px;
        height: 18px;
    }

    .categories-grid[b-jx41pby8pe] {
        padding: 0.75rem;
        gap: 0.75rem;
    }

    .category-title[b-jx41pby8pe] {
        font-size: 0.875rem;
    }

    .subcategory-link[b-jx41pby8pe] {
        font-size: 0.8125rem;
    }

    .sub-item-link[b-jx41pby8pe] {
        font-size: 0.75rem;
    }
}

/* ========================================
   ACCESSIBILITY
   ======================================== */

@media (prefers-reduced-motion: reduce) {
    *[b-jx41pby8pe],
    *[b-jx41pby8pe]::before,
    *[b-jx41pby8pe]::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

button:focus-visible[b-jx41pby8pe] {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
    border-radius: 0.25rem;
}

/* High contrast mode support */
@media (prefers-contrast: more) {
    .nav-button[b-jx41pby8pe],
    .category-title[b-jx41pby8pe],
    .subcategory-link[b-jx41pby8pe],
    .sub-item-link[b-jx41pby8pe] {
        border: 1px solid currentColor;
    }
}

/* ========================================
   PRINT STYLES
   ======================================== */

@media print {
    .mega-menu-container[b-jx41pby8pe],
    .dropdown-mega[b-jx41pby8pe],
    .menu-overlay[b-jx41pby8pe] {
        display: none !important;
    }
}
/* _content/Colinternet/Defaut/Composants/Menu/MenuMobile.razor.rz.scp.css */
#MenuAccordeon[b-boxmocz2t4] {
    padding: 05px;
    background: black;
}

.Niveau2[b-boxmocz2t4] {
    margin-left: 10px;
}

.Niveau3[b-boxmocz2t4] {
    margin-left: 20px;
}

.Niveau4[b-boxmocz2t4] {
    margin-left: 30px;
}

    .Niveau1 > div:first-child[b-boxmocz2t4], .Niveau2 > div:first-child[b-boxmocz2t4], .Niveau3 > div:first-child[b-boxmocz2t4], .Niveau4 > div:first-child[b-boxmocz2t4] {
        display: flex;
        justify-content: space-between;
    }

.hide[b-boxmocz2t4] {
    display: none;
}

.show[b-boxmocz2t4] {
    display: block;
}

.plus[b-boxmocz2t4]::after {
    content: "+";
}

.moins[b-boxmocz2t4]::after {
    content: "-";
}

.plus[b-boxmocz2t4], .moins[b-boxmocz2t4] {
    font-size: 25px;
}

.image[b-boxmocz2t4] {
    width: 3rem !important;
    height: 3rem;
}

.Titre[b-boxmocz2t4]{
    margin-left: 2rem;
}
    .Titre a[b-boxmocz2t4] {
        font-size: 1rem;
    }
.image img[b-boxmocz2t4]{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 10px 10px 15px #eee
}
.Niveau[b-boxmocz2t4] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 1rem;
}

#MenuMobile[b-boxmocz2t4] {
    margin: auto;
    width: fit-content;
}
/* _content/Colinternet/Defaut/Composants/Menu/MenuRef.razor.rz.scp.css */


a[b-nqxjrgxmhd] {
    cursor: pointer;
}

ul[b-nqxjrgxmhd]{

}

.MegaMenu[b-nqxjrgxmhd] {
    padding: 0 2.5vw 0 0;
}

    .MegaMenu[b-nqxjrgxmhd]::after, .LienMenu[b-nqxjrgxmhd]::after {
        content: '';
        display: block;
        width: 0;
        height: 2px;
        background: var(--CS_color1);
        transition: width 0.3s ease-in;
        margin-top: 1.2vh;
    }

    .MegaMenu:hover[b-nqxjrgxmhd]::after, .LienMenu[b-nqxjrgxmhd]::after {
        width: 100%
    }


    /* Dropdown content (hidden by default) */
    .MegaMenu .dropdown-content[b-nqxjrgxmhd], .merchandising .dropdown-content[b-nqxjrgxmhd] {
        display: none;
        position: absolute;
        background-color: white;
        width: 100%;
        max-height: 75%;
        overflow: scroll;
        left: 0;
        top:0;
        box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
        z-index: 3;
        padding: 1% 1% 0% 5%;
        margin-top: 1.2vh;
    }

    .dropdownmenu[b-nqxjrgxmhd]{
        display: flex
    }

        .dropdownmenu li[b-nqxjrgxmhd] {
            list-style: none;
        }

.MegaMenu + ul[b-nqxjrgxmhd] {
    display: none;
    position: absolute;
    z-index: 10;
    padding: 0.5vh;
    border: solid 1px #eee;
    box-shadow: 2px 2px 5px #eee;
}

.MegaMenu + ul[b-nqxjrgxmhd] {
    display: none;
    background: white;
}

    .MegaMenu:hover + ul[b-nqxjrgxmhd], .MegaMenu + ul:hover[b-nqxjrgxmhd] {
        display: block;
    }

/* Show the dropdown menu on hover */
.merchandising:hover > .dropdown-content[b-nqxjrgxmhd] {
    display: block;
}    

.Niveau1[b-nqxjrgxmhd] {
    width: 87%;
    float: left;
}

.Niveau1[b-nqxjrgxmhd], .Niveau2[b-nqxjrgxmhd] {
    text-transform: uppercase;
}

    .Niveau1 .column[b-nqxjrgxmhd] {
        float: left;
        width: 25%;
        min-height: 200px;
    }

    .Niveau1 h3[b-nqxjrgxmhd] {
        color: var(--CS_color1);
        margin-right: 10px;
        font-size: 22px!important;
        overflow: hidden;
        cursor: pointer;
    }

        .Niveau1 h3[b-nqxjrgxmhd]:after {
            content: '';
            display: inline-block;
            border-bottom: solid 1px var(--CS_color1);
            background: #333;
            height: 1px;
            width: 100%;
            margin-left: 0.46875vw;
            vertical-align: middle;
        }

        .Niveau1 h3:hover[b-nqxjrgxmhd] {
            color: var(--CS_color2);
        }

.Niveau2[b-nqxjrgxmhd] {
    color: #999;
}

    .Niveau2 > div > div:first-child:hover[b-nqxjrgxmhd] {
        color: var(--CS_color2);
    }

    .Niveau2 > div > div:first-child[b-nqxjrgxmhd] {
        margin: 8px 0;
        font-size: 16px!important;
        overflow: hidden;
        text-overflow: ellipsis;
        color: var(--CS_color1);
    }

    .Niveau2 > div[b-nqxjrgxmhd] {
        float: left;
        width: 50%;
        cursor: pointer;
    }

        .Niveau2 > div:first-child[b-nqxjrgxmhd] {
        }
/* Style links inside the columns */
.Niveau3[b-nqxjrgxmhd] {
    float: none;
    color: #999;
    /*padding: 16px;*/
    text-decoration: none;
    display: block;
    /*margin-right: 4.010416666666667vw;
   */ text-align: left;
    text-transform: none;
}

    .Niveau3 > div[b-nqxjrgxmhd] {
        font-size: 14px!important;
        cursor: pointer;
    }

        .Niveau3 > div:hover[b-nqxjrgxmhd] {
            color: var(--CS_color2);
            font-weight: bold;
        }


.ImagePromo[b-nqxjrgxmhd] {
    width: 220px;
    text-align: center;
    float: right;
    color: #333;
}

.TextPromo[b-nqxjrgxmhd] {
    color: #333;
}

.ClassHidden[b-nqxjrgxmhd] {
    display: none;
}

.ClassVisible[b-nqxjrgxmhd] {
    display: block;
}

.voirplus[b-nqxjrgxmhd] {
    font-size: 11px!important;
    text-align: right;
}

/* Clear floats after the columns */
.row[b-nqxjrgxmhd]:after {
    content: "";
    display: table;
    clear: both;
    float: left;
}



.selected[b-nqxjrgxmhd] {
    color: #333;
    font-weight: bold;
}


ul[b-nqxjrgxmhd] {
    margin: 0;
    padding: 0;
}


/* _content/Colinternet/Defaut/Composants/Menu/Partials/MegaMenuFamillesSousFamilles.razor.rz.scp.css */
/**FAMILLES - SOUS FAMILLES**/

.Niveau1[b-dl1uu3vvbi] {
    display: flex;
    gap: 10px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.Niveau1[b-dl1uu3vvbi], .Niveau2[b-dl1uu3vvbi] {
    text-transform: uppercase;
}

    .Niveau1 .column[b-dl1uu3vvbi] {
        width: 20%;
    }

    .Niveau1 h3[b-dl1uu3vvbi] {
        color: var(--CS_color1);
        margin-right: 10px;
        font-size: 18px!important;
        overflow: hidden;
        cursor: pointer;
    }

        

        .Niveau1 h3[b-dl1uu3vvbi]:after {
            content: '';
            display: inline-block;
            border-bottom: solid 1px var(--CS_color1);
            background: #333;
            height: 1px;
            width: 100%;
            margin-left: 0.46875vw;
            vertical-align: middle;
        }

        .Niveau1 h3:hover[b-dl1uu3vvbi] {
            color: var(--CS_color2);
        }

        .Niveau1 h3 img[b-dl1uu3vvbi] {
            width: 30px;
            border-radius: 64%;
            height: 30px;
            object-fit: cover;
            margin-right: 5px;
        }

    .Niveau1 .Titre[b-dl1uu3vvbi] {
        color: var(--CS_color1);
        font-weight: 800;
    }

.Niveau2[b-dl1uu3vvbi] {
    color: #999;
}

    .Niveau2 > div > div:first-child:hover[b-dl1uu3vvbi] {
        color: var(--CS_color1);
        font-weight: bold;
    }

    .Niveau2 > div > div:first-child[b-dl1uu3vvbi] {
        margin: 0;
        font-size: 12px!important;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 15px;
        cursor: pointer;
    }

    .Niveau2 > div[b-dl1uu3vvbi] {
        float: left;
        width: 50%;
    }

    .Niveau2 .titre[b-dl1uu3vvbi] {
        color: var(--CustomColor3);
    }

.MegaMenu[b-dl1uu3vvbi]{
    height: 4.1vh;
}
    .MegaMenu[b-dl1uu3vvbi]::after, .LienMenu[b-dl1uu3vvbi]::after {
        content: '';
        display: block;
        width: 0;
        height: 2px;
        background: var(--CS_color1);
        transition: width 0.3s ease-in;
        margin-top: 1.2vh;
    }

    .MegaMenu:hover[b-dl1uu3vvbi]::after, .LienMenu[b-dl1uu3vvbi]::after {
        width: 100%
    }
.MegaMenu .dropdown-content[b-dl1uu3vvbi] {
    display: none;
    position: absolute;
    background-color: white;
    width: 100%;
    height: 52vh;
    left: 0;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    max-height: 100vh;
    z-index: 500;
    overflow-y: scroll;
    padding: 2vh;
    padding-left: 2vw;
    margin-top: 1.2vh;
}

.selected[b-dl1uu3vvbi] {
    color: var(--CS_color1);
    font-weight: bold;
}

.MegaMenu:hover .dropdown-content[b-dl1uu3vvbi] {
    display: block;
}

.MegaMenu[b-dl1uu3vvbi] {
    margin: auto 2.6041666666666665vw 0 0;
    /*padding-bottom: 1vh;*/
    text-transform: uppercase;
    cursor: pointer;
}


a[b-dl1uu3vvbi] {
    color: var(--CS_color1);
}

@media screen and (max-width: 1024px) {
    .Niveau1 .column[b-dl1uu3vvbi] {
        width: 30%;
    }
}

@media screen and (max-width: 768px) {
    .Niveau1 .column[b-dl1uu3vvbi] {
        width: 48%;
    }
}

@media screen and (max-width: 425px) {
    .Niveau1 .column[b-dl1uu3vvbi] {
        width: 100%;
    }

    .MegaMenu .dropdown-content[b-dl1uu3vvbi] {
        margin-top: 0;
    }
}
/* _content/Colinternet/Defaut/Composants/Menu/Partials/MenuAccordeonGenerique.razor.rz.scp.css */
#MenuAccordeon[b-p6smcfjvhc] {
    padding: 05px;
    background: black;
}

.Niveau2[b-p6smcfjvhc] {
    margin-left: 10px;
}

.Niveau3[b-p6smcfjvhc] {
    margin-left: 20px;
}

.Niveau4[b-p6smcfjvhc] {
    margin-left: 30px;
}

    .Niveau1 > div:first-child[b-p6smcfjvhc], .Niveau2 > div:first-child[b-p6smcfjvhc], .Niveau3 > div:first-child[b-p6smcfjvhc], .Niveau4 > div:first-child[b-p6smcfjvhc] {
        display: flex;
        justify-content: space-between;
    }

.hide[b-p6smcfjvhc] {
    display: none;
}

.show[b-p6smcfjvhc] {
    display: block;
}

.plus[b-p6smcfjvhc]::after{
    content: "+";
}

.moins[b-p6smcfjvhc]::after {
    content: "-";
}

.plus[b-p6smcfjvhc], .moins[b-p6smcfjvhc] {
    font-size: 25px;
}
/* _content/Colinternet/Defaut/Composants/Menu/SideBarArticles.razor.rz.scp.css */
#MenuAccordeon[b-0thautikp8] {
    padding: 0 !important;
    background: none !important;
    /*border: solid 1px #eee;*/
    min-width: 6rem;
}

    #MenuAccordeon .Niveau0[b-0thautikp8] {
        align-items: center;
        padding: 5px;
        font-size: 18px;
        font-weight: bold;
    }
    }

    #MenuAccordeon > div[b-0thautikp8] {
        white-space: nowrap;
    }


    #MenuAccordeon .plus[b-0thautikp8], #MenuAccordeon .moins[b-0thautikp8] {
        font-size: initial
    }


    #MenuAccordeon .hide[b-0thautikp8] {
        display: block;
    }

    #MenuAccordeon .show[b-0thautikp8], #MenuAccordeon .hide[b-0thautikp8] {
        font-size: 12px;
    }

    #MenuAccordeon a[b-0thautikp8] {
        text-decoration: none;
    }

div[b-0thautikp8] {
    cursor: pointer;
}

.Niveau[b-0thautikp8] {
    white-space: nowrap;
}

.Niveau1[b-0thautikp8] {
    margin-left: 10px;
}
.Niveau2[b-0thautikp8] {
    margin-left: 20px;
}
.Niveau3[b-0thautikp8] {
    margin-left: 30px;
}
.Niveau4[b-0thautikp8] {
    margin-left: 40px;
}

.hide[b-0thautikp8], .show[b-0thautikp8] {
    padding: 0 5px
}

.Niveau1[b-0thautikp8], .Niveau2[b-0thautikp8], .Niveau3[b-0thautikp8], .Niveau4[b-0thautikp8] {
    padding: 0 5px;
}

.Niveau2[b-0thautikp8] {
    font-size: 11px;
}
.Niveau3[b-0thautikp8], .Niveau4[b-0thautikp8] {
    font-size: 10px;
}


/* _content/Colinternet/Defaut/Composants/Menu/SideBarArticlesDefault.razor.rz.scp.css */
.sidebar[b-u84p9q50aq] {
    cursor: pointer;
    width: 280px;
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    height: fit-content;
    position: sticky;
    top: 20px;
}

.sidebar-header[b-u84p9q50aq] {
    /*background: #f8f9fa;*/
    color: white;
    padding: 24px 20px;
    border-bottom: 2px solid #e9ecef;
}

.sidebar-title[b-u84p9q50aq] {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}

.category-section[b-u84p9q50aq] {
    padding: 0;
}

.section-header[b-u84p9q50aq] {
    padding: 18px 20px;
    border-bottom: 1px solid #e9ecef;
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #495057;
    font-size: 15px;
    background: white;
}

    .section-header.active[b-u84p9q50aq] {
        color: #343a40;
        background: #f8f9fa;
    }

.section-icon[b-u84p9q50aq] {
    width: 18px;
    height: 18px;
    margin-right: 12px;
    fill: #6c757d;
}

.category-list[b-u84p9q50aq] {
    background: white;
    display: block;
}

.category-item[b-u84p9q50aq] {
    padding: 12px 20px 12px 52px;
    color: #6c757d;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    border-left: 3px solid transparent;
    position: relative;
}

    .category-item:hover[b-u84p9q50aq] {
        background: #f8f9fa;
        color: #495057;
        border-left-color: #dee2e6;
        padding-left: 56px;
    }

    .category-item.active[b-u84p9q50aq] {
        background: #f1f3f4;
        color: #343a40;
        border-left-color: #6c757d;
        font-weight: 500;
    }

    .category-item[b-u84p9q50aq]::before {
        content: '';
        position: absolute;
        left: 32px;
        top: 50%;
        transform: translateY(-50%);
        width: 4px;
        height: 4px;
        background: #dee2e6;
        border-radius: 50%;
        transition: all 0.2s ease;
    }

    .category-item:hover[b-u84p9q50aq]::before,
    .category-item.active[b-u84p9q50aq]::before {
        background: #6c757d;
        transform: translateY(-50%) scale(1.5);
    }

@media (max-width: 768px) {
    .container[b-u84p9q50aq] {
        flex-direction: column;
    }

    .sidebar[b-u84p9q50aq] {
        width: 100%;
        position: static;
    }
}
/* _content/Colinternet/Defaut/Composants/MonCompte/Cadencier.razor.rz.scp.css */
td[b-ll5ll2epdx], th[b-ll5ll2epdx]{
    white-space: nowrap;
}

div#cadencier[b-ll5ll2epdx] {
    width: 80%;
}

.date[b-ll5ll2epdx] {
    display: flex;
    gap: 2rem;
    align-items: center;
}

.filtres[b-ll5ll2epdx] {
    display: flex;
    align-items: center;
    gap: 2rem;
}
/* _content/Colinternet/Defaut/Composants/MonCompte/LitigeForm.razor.rz.scp.css */
.container[b-luuj1dqlub] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    border-radius: 5px;
    border: solid 1px var(--CS_color1);
    box-shadow: 0px 3px 6px #00000029;
    align-content: baseline;
}

.containerButtons[b-luuj1dqlub] {
    display: flex;
    justify-content: right;
    width: 100%;
    margin-right: 4.5%;
}

.containerData[b-luuj1dqlub] {
    display: flex;
    flex-direction: column;
    margin-left: 21%;
    justify-content: space-evenly;
    width: 72%;
    height: 100%;
    border-radius: 5px;
    border: solid 1px var(--CS_color1);
    box-shadow: 0px 3px 6px #00000029;
}

.titles[b-luuj1dqlub] {
    display: flex;
    width: 77.7%;
    margin-left: 1%;
    padding: 0 8% 0 6.4%;
    justify-content: space-between;
}


.containerLine[b-luuj1dqlub] {
    display: flex;
    padding-bottom: 1.2%;
    align-items: center;
    width: 100%;
}

.data[b-luuj1dqlub] {
    display: flex;
    width: 80%;
    padding: 0 10%;
    justify-content: space-between;
}

.contacts[b-luuj1dqlub] {
    display: flex;
    width: 33%;
    padding: 0 1%;
    flex-direction: column;
    justify-content: space-evenly;
}

.globalLitige[b-luuj1dqlub] {
    display: flex;
    flex-direction: column;
    width: 33%;
    justify-content: space-evenly;
}

.litTextBox[b-luuj1dqlub] {
    display: flex;
    flex-direction: column;
}

.imageImport[b-luuj1dqlub] {
    width: 25%;
    height: 100%;
    text-align: right;
    margin-left: 1%;
}

.infoText[b-luuj1dqlub] {
    position: relative;
    left: 73.6%;
    margin-bottom: -0.7%;
    width: 20%;
    color: red;
    text-align: center;
}
/* _content/Colinternet/Defaut/Composants/MonCompte/LitigesDetailsForm.razor.rz.scp.css */
.container[b-uo8kba5ahc] {
    display: flex;
    flex-direction: column;
    width: 40%;
    justify-content: space-evenly;
    border-radius: 5px;
    border: solid 1px var(--CS_color1);
    box-shadow: 0px 3px 6px #00000029;
    align-items: center;
}

.detailLitige[b-uo8kba5ahc] {
    display: flex;
    flex-direction: column;
    width: 50%;
    height: 100%;
    justify-content: space-evenly;
}

.litTextBox[b-uo8kba5ahc] {
    display: flex;
    flex-direction: column;
}

.containerButtons[b-uo8kba5ahc] {
    display: flex;
    justify-content: center;
    margin-bottom: 2%;
    width: 100%;
}

.articleInfo[b-uo8kba5ahc] {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
/* _content/Colinternet/Defaut/Composants/MonCompte/PopupDisplayImage.razor.rz.scp.css */
/* _content/Colinternet/Defaut/Composants/MonCompte/Sav.razor.rz.scp.css */
.headerSav  ul[b-h8q87h4mmo] {
    display: flex;
    gap: 2vw;
    width: 90%;
    margin: 0 5%;
    list-style-type: none;
    padding: 0;
}

.headerSav > div[b-h8q87h4mmo] {
    display: flex;
    width: 90%;
    margin: 0 5%;
    align-items: center;
    justify-content: space-between;
}
    .headerSav > div > div[b-h8q87h4mmo] {
        background: #A1A1A1;
        width: 85%;
        display: flex;
        justify-content: flex-end;
        padding: 2px;
        text-align: right;
        border-radius:5px;
    }
        .headerSav > div > div > input[b-h8q87h4mmo] {
            font-size: 10px !important;
            margin: 1px 5px;
            border-radius: 2px;
            border: none;
        }
        .headerSav > ul > li[b-h8q87h4mmo] {
    text-transform: uppercase;
    padding: 0.5vh 0.5vw;
    border: solid 1px var(--CS_color1);
    color: var(--CS_color1);
    border-radius: 5px;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
}

        .headerSav > ul > li:hover[b-h8q87h4mmo], .headerSav > ul > li.active[b-h8q87h4mmo] {
            background-color: var(--CS_color1);
            color: white;
        }

.composantCompte > div > div > p[b-h8q87h4mmo] {
    font-size: 16px !important;
}

.composantCompte > div > div:first-child > p[b-h8q87h4mmo], .composantCompte > div > div > label[b-h8q87h4mmo], .composantCompte > div > div:first-child > p[b-h8q87h4mmo], .composantCompte > div > div:nth-child(2) > p[b-h8q87h4mmo], .composantCompte > div > div > div:last-child > div > p[b-h8q87h4mmo], .composantCompte > div > div:first-child > p[b-h8q87h4mmo],
.composantCompte > div > div[b-h8q87h4mmo], .composantCompte > div > div > div:last-child > div > p[b-h8q87h4mmo] {
    font-size: 18px !important;
}

.headerSav > ul > li:hover[b-h8q87h4mmo], .headerSav > ul > li[b-h8q87h4mmo] {
    font-size: 14px !important;
}

@media screen and (min-width: 1920px) {
    .composantCompte > div > div > p[b-h8q87h4mmo] {
        font-size: 14px !important;
    }

    .composantCompte > div > div:first-child > p[b-h8q87h4mmo], .composantCompte > div > div > label[b-h8q87h4mmo], .composantCompte > div > div:first-child > p[b-h8q87h4mmo], .composantCompte > div > div:nth-child(2) > p[b-h8q87h4mmo], .composantCompte > div > div > div:last-child > div > p[b-h8q87h4mmo], .composantCompte > div > div:first-child > p[b-h8q87h4mmo],
    .composantCompte > div > div[b-h8q87h4mmo], .composantCompte > div > div > div:last-child > div > p[b-h8q87h4mmo] {
        font-size: 15px !important;
    }

    .headerSav > ul > li:hover[b-h8q87h4mmo], .headerSav > ul > li[b-h8q87h4mmo] {
        font-size: 17px !important;
    }
}

@media screen and (max-width: 1024px) {
    .composantCompte > div[b-h8q87h4mmo] {
        width: 80%;
        margin: 25px auto;
        text-align: center;
    }

    .headerSav > ul[b-h8q87h4mmo] {
        flex-wrap: wrap;
    }

        .headerSav > ul > li[b-h8q87h4mmo] {
            width: 30%;
            margin-top: 15px;
            text-align: center;
        }
}

@media screen and (max-width: 768px) {
    .composantCompte > div > div > div[b-h8q87h4mmo] {
        width: 11%;
    }

    legend[b-h8q87h4mmo] {
        text-align: left;
    }

    .composantCompte > div[b-h8q87h4mmo] {
        width: 100%;
    }

    .headerSav > ul > li:hover[b-h8q87h4mmo], .headerSav > ul > li[b-h8q87h4mmo] {
        font-size: 20px !important;
    }
}


@media screen and (max-width: 425px) {
    .composantCompte > div[b-h8q87h4mmo] {
        width: 100%;
        text-align: left;
    }

    .headerSav > ul[b-h8q87h4mmo] {
        flex-direction: column;
    }

        .headerSav > ul > li[b-h8q87h4mmo] {
            width: 100% !important;
            text-align: center;
            margin: 10px auto;
        }
}
/* _content/Colinternet/Defaut/Composants/MonCompte/SavListe.razor.rz.scp.css */
.composantListSav[b-senrs6fm2h] {
    width: 90%;
    margin: 0 5% 5%;
    border-radius: 5px;
    border: solid 1px var(--CS_color1);
    box-shadow: 0px 3px 6px #00000029;
    padding: 1%;
    margin: 2vh auto;
}

table[b-senrs6fm2h]{
    width: 100%;
}
/* _content/Colinternet/Defaut/Composants/MonCompte/TestSEO.razor.rz.scp.css */
.composantCompte[b-7tnoeorgks] {
    width: 90%;
    margin: 0 5% 5%;
    display: flex;
    justify-content: space-between;
}

    .composantCompte > div:first-child[b-7tnoeorgks] {
        width: 45%;
        border-radius: 5px;
        border: solid 1px var(--CS_color1);
        box-shadow: 0px 3px 6px #00000029;
        padding: 1%;
    }

        .composantCompte > div:first-child > div[b-7tnoeorgks] {
            display: flex;
            width: 90%;
            margin: 1% 0 1% 5%;
            justify-content: space-between;
        }

            .composantCompte > div:first-child > div:first-child[b-7tnoeorgks] {
                display: flex;
                width: 100%;
                margin: 1% 0 2%;
                align-items: center;
            }

            .composantCompte > div:first-child > div > p[b-7tnoeorgks] {
            text-transform: uppercase;
            color: var(--CS_color1);
            white-space: nowrap;
        }

        .composantCompte > div:first-child > div > div[b-7tnoeorgks] {
            width: -webkit-fill-available;
            height: 2px;
            background-color: var(--CS_color1);
            margin-left: 2%;
        }

            .composantCompte > div:first-child > div > label[b-7tnoeorgks] {
                text-transform: uppercase;
                margin-top: 1%;
                font-size: 17px!important;
            }

        .composantCompte > div:first-child > div > input[b-7tnoeorgks] {
            background-color: #fff;
            border: 1px solid var(--CS_color1);
            box-shadow: inset 0px 3px 6px #00000029;
            text-transform: uppercase;
            border-radius: 5px;
            width: 50%;
        }

    .composantCompte > div:nth-child(2)[b-7tnoeorgks] {
        width: 20%;
    }

        .composantCompte > div:nth-child(2) > img[b-7tnoeorgks] {
            width: 100%;
            height: auto;
        }


        .composantCompte > div:last-child > p[b-7tnoeorgks], .composantCompte > div:last-child > a[b-7tnoeorgks] {
            font-size: 17px!important;
            text-decoration: none;
            color: #000;
        }
    .composantCompte > div:first-child > div > p[b-7tnoeorgks], .composantCompte > div:first-child > div > label[b-7tnoeorgks] {
        font-size: 18px!important;
    }

@media screen and (min-width: 1920px) {

    .composantCompte > div:first-child > div > p[b-7tnoeorgks], .composantCompte > div:first-child > div > label[b-7tnoeorgks] {
        font-size: 15px!important;
    }

}

@media screen and (max-width: 1024px) {

    .composantCompte[b-7tnoeorgks] {
        flex-direction: column;
    }

    :first-child[b-7tnoeorgks], .composantCompte > div:nth-child(2)[b-7tnoeorgks],
    .composantCompte > div:last-child[b-7tnoeorgks] {
        width: 80%;
        margin: 25px auto;
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    .composantCompte > div:first-child[b-7tnoeorgks], .composantCompte > div:nth-child(2)[b-7tnoeorgks], .composantCompte > div:last-child[b-7tnoeorgks] {
        width: 100%;
        text-align: left;
    }
}
/* _content/Colinternet/Defaut/Composants/Panier/ConfirmationCommande.razor.rz.scp.css */
#confirmationCommande[b-cag6kybts5] {
    display: flex;
    flex-direction: column;
}

.article[b-cag6kybts5] {
    display: flex;
    flex-direction: row;
    background: var(--CS_color-blanc) 0% 0% no-repeat padding-box;
    border: 1px solid #CBCBCB;
    border-radius: 5px;
    padding: 1vw;
    justify-content: space-between;
    margin: 1vh 2vw;
    height: 12vh;
}

    .article > div[b-cag6kybts5] {
        margin: auto 0;
        width: 33%;
    }


.imgArticle[b-cag6kybts5] {
    display: flex;
    height: 100%;
}

    .imgArticle > img[b-cag6kybts5] {
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }

    .infoArticle > div:first-child[b-cag6kybts5] {
        text-align: left;
        font: normal normal normal 15px/20px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
        text-transform: uppercase;
    }

    .infoArticle > div:last-child[b-cag6kybts5] {
        text-align: left;
        font: normal normal normal 13px/17px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
    }

        .infoArticle > div:last-child > p:last-child[b-cag6kybts5] {
            font: normal normal 600 12px/17px var(--CS_font1);
        }


.prixArticle[b-cag6kybts5] {
    display: flex;
    flex-direction: column;
}

    .prixArticle > p:first-child[b-cag6kybts5] {
        font: normal normal normal 20px/24px var(--CS_font1);
    }

    .prixArticle > p[b-cag6kybts5] {
        text-align: center;
        font: normal normal normal 12px/17px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
        text-transform: uppercase;
    }

.article > div:last-child[b-cag6kybts5] {
    font: normal normal 600 12px/17px var(--CS_font1);
}


#confirmationCommande > div:last-child[b-cag6kybts5] {
    display: flex;
    flex-direction: column;
    margin-top: 5vh;
}

    #confirmationCommande > div:last-child > div:first-child[b-cag6kybts5] {
        /*margin: auto;
        font: normal normal bold 25px/30px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color1);
        text-transform: uppercase;*/
    }

    #confirmationCommande > div > a[b-cag6kybts5] {
        text-transform: uppercase;
        color: #fff;
        text-decoration: none;
        font: normal normal bold 17px/25px var(--CS_font1);
    }

    #confirmationCommande > div > a > div[b-cag6kybts5] {
        margin: auto;
        margin-top: 5vh;
        width: fit-content;
        border-radius: 5px;
        background-color: var(--CS_color1);
        box-shadow: 0px 3px 6px #00000029;
        padding: 1vh 1vw;
    }

    #confirmationCommande > div:last-child > a > div:hover[b-cag6kybts5] {
        box-shadow: inset 0px 3px 6px #00000029;

    }

#Print[b-cag6kybts5] {
    width: 90%;
    margin: auto;
    border: solid 2px var(--CS_color1);
    padding: 1vw;
}

#confirmationCommande > div:first-child > div:first-child[b-cag6kybts5] {
    width: fit-content;
    margin: auto;
}

td[b-cag6kybts5], th[b-cag6kybts5] {
    border: solid 0.2px #000000;
    padding: 5px;
}

.tableauResume[b-cag6kybts5] {
    width: 100%;
    overflow: auto;
}

@media screen and (max-width: 768px) {

    #Pdf .tabResume[b-cag6kybts5] {
        flex-wrap: wrap;
        width: 90%;
        margin: 5vh auto;
    }

        #Pdf .tabResume > div[b-cag6kybts5] {
            width: 100%;
            margin: 25px auto;
        }

    .PanierResumePage_ResumeGlobal > div:nth-child(6)[b-cag6kybts5] {
        width: 100%;
        overflow-x: scroll;
    }

    .PanierResumePage_ResumeGlobal > div:nth-child(6) > table[b-cag6kybts5] {
        width: 200%;
    }

        }
/* _content/Colinternet/Defaut/Composants/Panier/ListeArticlesPanierAUBRY.razor.rz.scp.css */
#listeArticlePanier[b-f41od8znj3] {
    display: flex;
    flex-direction: column;
}

.article[b-f41od8znj3] {
    /*display: flex;*/
    /* flex-direction: row;*/
    /*flex-direction: column;*/
    background: var(--CS_color-blanc) 0% 0% no-repeat padding-box;
    border: 1px solid #CBCBCB;
    border-radius: 5px;
    padding: 1vw;
    /*justify-content: space-around;*/
    margin: 1vh 2vw;
}
    /*.article > div {
    margin : auto;
    width : 25%;
}*/

    .article > div:first-child[b-f41od8znj3] {
        display: flex;
        /*flex-direction: row;
        justify-content: space-around;*/
    }

        .article > div:first-child > div[b-f41od8znj3] {
            margin: auto;
            width: fit-content;
        }

            .article > div:first-child > div:first-child[b-f41od8znj3] {
                width: 10%;
            }

            .article > div:first-child > div:nth-child(2)[b-f41od8znj3] {
                width: 25%;
            }

            .article > div:first-child > div:nth-child(3)[b-f41od8znj3] {
                width: 10%;
                text-align: center;
            }

            .article > div:first-child > div:nth-child(4)[b-f41od8znj3] {
                width: 50%;
            }

            .article > div:first-child > div:nth-child(5)[b-f41od8znj3] {
                width: 5%;
                text-align: center;
            }

.imgArticle[b-f41od8znj3] {
    height: 8vw;
    padding: 1vw;
}

    .imgArticle > img[b-f41od8znj3] {
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }

.infoArticle > div:first-child[b-f41od8znj3] {
    text-align: left;
    font: normal normal normal 14px/17px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    text-transform: uppercase;
    margin-bottom: 2vh;
}

.infoArticle > div:last-child[b-f41od8znj3] {
    text-align: left;
    font: normal normal normal 14px/17px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
}

    .infoArticle > div:last-child > p:last-child[b-f41od8znj3] {
        font: normal normal 600 14px/17px var(--CS_font1);
    }

.btnPlusMoins[b-f41od8znj3] {
    display: flex;
    justify-content: space-around;
    margin: auto;
    flex-direction: column;
}
    /*Bouton*/
    .btnPlusMoins > div:first-child[b-f41od8znj3] {
        display: flex;
        justify-content: space-around;
        margin: auto;
    }

        .btnPlusMoins > div:first-child > div:first-child[b-f41od8znj3], .btnPlusMoins > div:first-child > div:last-child[b-f41od8znj3] {
            box-shadow: 0px 3px 6px #00000029;
            border-radius: 5px;
            text-align: left;
            font: normal normal normal 25px/30px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-blanc);
            display: flex;
            justify-content: center;
            background: var(--CS_color1) 0% 0% no-repeat padding-box;
        }

            .btnPlusMoins > div:first-child > div:first-child > span[b-f41od8znj3], .btnPlusMoins > div:first-child > div:last-child > span[b-f41od8znj3] {
                margin: auto;
            }

        .btnPlusMoins > div:first-child > div:nth-child(2)[b-f41od8znj3] {
            text-align: center;
            font: normal normal normal 17px/20px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
            margin: 0 0.5vw;
            min-width: 1.5vw;
        }

.btnDisable[b-f41od8znj3] {
    background: var(--CS_color2) 0% 0% no-repeat padding-box !important;
}
/*Texte increment*/
.btnPlusMoins > div:last-child[b-f41od8znj3] {
    text-align: left;
    font: normal normal normal 13px/16px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    margin: auto;
}

.prixArticle[b-f41od8znj3] {
    display: flex;

}

    .prixArticle > table[b-f41od8znj3] {
        width: 100%;
    }

    .prixArticle > table > thead > tr > th[b-f41od8znj3], .prixArticle > table > tbody > tr > td[b-f41od8znj3] {
        text-align: center;
        font: normal normal normal 17px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
        text-align: center;
    }

        .prixArticle > table > thead > tr > th[b-f41od8znj3] {
            font-weight: 600;
        }

        .prixArticle > table > thead[b-f41od8znj3] {
            padding-bottom: 10px;
        }

        .article > div:last-child[b-f41od8znj3] {
            font: normal normal 600 12px/17px var(--CS_font1);
        }

.poubelleArticle > div > svg[b-f41od8znj3] {
    width: 1.1vw;
    cursor: pointer;
}

.poubelleArticle > div:hover > svg[b-f41od8znj3] {
    fill: var(--CS_color1);
}

/* _content/Colinternet/Defaut/Composants/Panier/ListeArticlesPanierV7.razor.rz.scp.css */
#listeArticlePanier[b-uho52ieub5] {
    display: flex;
    flex-direction: column;
}

.article[b-uho52ieub5] {
    /*display: flex;*/
    /* flex-direction: row;*/
    /*flex-direction: column;*/
    background: var(--CS_color-blanc) 0% 0% no-repeat padding-box;
    border: 1px solid #CBCBCB;
    border-radius: 5px;
    padding: 1vw;
    /*justify-content: space-around;*/
    margin: 1vh 2vw;
}
    /*.article > div {
    margin : auto;
    width : 25%;
}*/

    
    .article > div:first-child[b-uho52ieub5] {
        display: flex;
        /*flex-direction: row;
        justify-content: space-around;*/
    }

        .article > div:first-child > div[b-uho52ieub5] {
            margin: auto;
            width: fit-content;
        }

            .article > div:first-child > div:first-child[b-uho52ieub5] {
                width: 20%;
            }

            .article > div:first-child > div:nth-child(2)[b-uho52ieub5] {
                width: 40%;
            }

            .article > div:first-child > div:nth-child(3)[b-uho52ieub5] {
                width: 15%;
                text-align: center;
            }

            .article > div:first-child > div:nth-child(4)[b-uho52ieub5] {
                width: 20%;
            }

            .article > div:first-child > div:nth-child(5)[b-uho52ieub5] {
                width: 5%;
                text-align: center;
            }

.imgArticle[b-uho52ieub5] {
    height: 8vw;
    padding: 1vw;
}

    .imgArticle > img[b-uho52ieub5] {
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }

.infoArticle > div:first-child[b-uho52ieub5] {
    text-align: left;
    font: normal normal normal 14px/17px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    text-transform: uppercase;
    margin-bottom: 2vh;
}

.infoArticle > div:last-child[b-uho52ieub5] {
    text-align: left;
    font: normal normal normal 14px/17px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
}

    .infoArticle > div:last-child > p:last-child[b-uho52ieub5] {
        font: normal normal 600 14px/17px var(--CS_font1);
    }

    .prix[b-uho52ieub5] {
        font-size: 17px;
    }

.btnPlusMoins[b-uho52ieub5] {
    display: flex;
    justify-content: space-around;
    margin: auto;
    flex-direction: column;
}
    /*Bouton*/
    .btnPlusMoins > div:first-child[b-uho52ieub5] {
        display: flex;
        justify-content: space-around;
        margin: auto;
        margin-bottom: 1vh;
    }

        .btnPlusMoins > div:first-child > div:first-child[b-uho52ieub5], .btnPlusMoins > div:first-child > div:last-child[b-uho52ieub5] {
            box-shadow: 0px 3px 6px #00000029;
            border-radius: 5px;
            text-align: left;
            font: normal normal normal 25px/30px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-blanc);
            display: flex;
            justify-content: center;
            background: var(--CS_color1) 0% 0% no-repeat padding-box;
        }

            .btnPlusMoins > div:first-child > div:first-child > span[b-uho52ieub5], .btnPlusMoins > div:first-child > div:last-child > span[b-uho52ieub5] {
                margin: auto;
            }

        .btnPlusMoins > div:first-child > div:nth-child(2)[b-uho52ieub5] {
            text-align: center;
            font: normal normal normal 17px/20px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
            margin: 0 0.5vw;
            min-width: 1.5vw;
        }

.btnDisable[b-uho52ieub5] {
    background: var(--CS_color2) 0% 0% no-repeat padding-box!important;
}
/*Texte increment*/
.btnPlusMoins > div:last-child[b-uho52ieub5] {
    text-align: left;
    font: normal normal normal 13px/16px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    margin: auto;
}

.prixArticle[b-uho52ieub5] {
    display: flex;
    flex-direction: column;
}

    .prixArticle > p:first-child[b-uho52ieub5] {
        font: normal normal normal 20px/24px var(--CS_font1);
    }

    .prixArticle > p[b-uho52ieub5] {
        text-align: center;
        font: normal normal normal 12px/17px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
        text-transform: uppercase;
    }

.article > div:last-child[b-uho52ieub5] {
    font: normal normal 600 12px/17px var(--CS_font1);
}

.poubelleArticle > div > svg[b-uho52ieub5] {
    width: 1.1vw;
    cursor: pointer;
}

.poubelleArticle > div:hover > svg[b-uho52ieub5] {
    fill: var(--CS_color1);
}

.btnPlusMoins > div:last-child[b-uho52ieub5] {
    font-size: 16px!important;
}

.infoArticle > div:last-child[b-uho52ieub5], .infoArticle > div:last-child > p:last-child[b-uho52ieub5] {
    font-size: 18px!important;
}

.btnPlusMoins > div:first-child > div:nth-child(2)[b-uho52ieub5] {
    font-size: 22px!important;
}

.infoArticle > div:first-child[b-uho52ieub5], .prixArticle > p:first-child[b-uho52ieub5] {
    font-size: 24px!important;
}

@media screen and (max-width: 1920px) {
    .btnPlusMoins > div:last-child[b-uho52ieub5] {
        font-size: 14px!important;
    }

    .infoArticle > div:last-child[b-uho52ieub5], .infoArticle > div:last-child > p:last-child[b-uho52ieub5] {
        font-size: 15px!important;
    }

    .btnPlusMoins > div:first-child > div:nth-child(2)[b-uho52ieub5] {
        font-size: 27px!important;
    }

    .infoArticle > div:first-child[b-uho52ieub5], .prixArticle > p:first-child[b-uho52ieub5] {
        font-size: 20px!important;
    }

}

@media screen and (max-width: 425px) {
    .article > div:first-child[b-uho52ieub5] {
        flex-wrap: wrap;
    }

    .article > div:first-child > div:first-child[b-uho52ieub5] {
        height: fit-content;
        width: 30%;
    }

    .article > div:first-child > div:nth-child(2)[b-uho52ieub5] {
        width: 70%;
    }

    .imgArticle > img[b-uho52ieub5] {
        width: 100%;
    }

    .article > div:first-child > div:nth-child(3)[b-uho52ieub5] {
        width: 40%;
        margin: 30px auto;
    }

    .article > div:first-child > div:nth-child(4)[b-uho52ieub5] {
        width: 30%;
    }

    .poubelleArticle > div > svg[b-uho52ieub5] {
        width: 100%;
    }
}

.footer_article_panier[b-uho52ieub5] {
    display: flex;
    align-items: center;
}
    .footer_article_panier > div:nth-child(2)[b-uho52ieub5] {
        margin-left: 3vw;
        font-size: 20px;
        color: var(--CS_color1);
    }

    .panierVide[b-uho52ieub5] {
        text-align: center;
    }

    .prixBarre[b-uho52ieub5]{
        text-decoration: line-through;
    }
/* _content/Colinternet/Defaut/Composants/Panier/PopupCommandeSousStock.razor.rz.scp.css */

#popupCommandeSousStock[b-xw5apk6wpi] {
    display: flex;
    flex-direction: column;
    text-align: left;
    font: normal normal normal 15px/18px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
}

#popupCommandeSousStock > .headerCommandeSousStock[b-xw5apk6wpi] {
    display: flex;
    justify-content: space-between;
    padding: 1vh;
    font: normal normal 600 20px/27px var(--CS_font1);
}

    #popupCommandeSousStock > .contentCommandeSousStock[b-xw5apk6wpi] {
        font: normal normal normal 20px/27px var(--CS_font1);
        padding: 1vh;
    }

   
/* _content/Colinternet/Defaut/Composants/Panier/PopupExportExcel.razor.rz.scp.css */

#popupExportExcel[b-qaygnjfpkk] {
   
    display: flex;
    flex-direction: column;
    text-align: left;
    font: normal normal normal 15px/18px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
}

    #popupExportExcel > .headerExportExcel[b-qaygnjfpkk] {
        display: flex;
        justify-content: space-between;
        padding: 1vh;
        font: normal normal 600 20px/27px var(--CS_font1);
    }

    #popupExportExcel > .contentExportExcel[b-qaygnjfpkk] {
        font: normal normal normal 20px/27px var(--CS_font1);
        padding: 1vh;
    }

    #popupExportExcel > .footerExportExcel[b-qaygnjfpkk] {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        font: normal normal 600 12px/15px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-blanc);
        text-transform: uppercase;
        margin-top: 3vh;
    }

        #popupExportExcel > .footerExportExcel > div[b-qaygnjfpkk] {
            background: var(--CS_color1) 0% 0% no-repeat padding-box;
            border-radius: 5px;
            padding: 1vh 1vw;
            display: flex;
        }

            #popupExportExcel > .footerExportExcel > div > p[b-qaygnjfpkk] {
                margin: auto;
            }

        #popupExportExcel > .footerExportExcel > div[b-qaygnjfpkk] {
        cursor: pointer;
        }
/* _content/Colinternet/Defaut/Composants/Panier/PopupImportExcel.razor.rz.scp.css */

#popupImportExcel[b-fnislrjk3p] {
   
    display: flex;
    flex-direction: column;
    text-align: left;
    font: normal normal normal 15px/18px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
}

    #popupImportExcel > .headerImportExcel[b-fnislrjk3p] {
        display: flex;
        justify-content: space-between;
        padding: 1vh;
        font: normal normal 600 20px/27px var(--CS_font1);
    }

    #popupImportExcel > .contentImportExcel[b-fnislrjk3p] {
        font: normal normal normal 20px/27px var(--CS_font1);
        padding: 1vh;
    }

    #popupImportExcel > .footerImportExcel[b-fnislrjk3p] {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        font: normal normal 600 12px/15px var(--CS_font1);
        letter-spacing: 0px;
        /*color: var(--CS_color-blanc);*/
        text-transform: uppercase;
        margin-top: 3vh;
    }

        #popupImportExcel > .footerImportExcel > div:first-child[b-fnislrjk3p] {
            padding: 1vh 1vw;
            width: 100%;
        }


.progressbar[b-fnislrjk3p]{
    width: 0%;
    height: 20px;
    background-color: var(--CS_color1);
}

/* _content/Colinternet/Defaut/Composants/Panier/TableauImportExcel.razor.rz.scp.css */

.containerPopupLigneEncoreErreur[b-gv3oxi3yob] {
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    display: flex;
    backdrop-filter: blur(1px);
}

    .containerPopupLigneEncoreErreur > .popupLigneEncoreErreur[b-gv3oxi3yob] {
        position: relative;
        margin: auto;
        background-color: white;
        border: 3px solid var(--CS_color1);
        border-radius: 5px;
        box-shadow: 0px 3px 6px #00000029;
        width: 25vw;
        height: 25vh;
        display: flex;
        flex-direction: column;
        text-align: left;
        font: normal normal normal 15px/18px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
    }

        .containerPopupLigneEncoreErreur > .popupLigneEncoreErreur > .headerLigneEncoreErreur[b-gv3oxi3yob] {
            display: flex;
            justify-content: space-between;
            padding: 1vh;
            font: normal normal 600 20px/27px var(--CS_font1);
        }

        .containerPopupLigneEncoreErreur > .popupLigneEncoreErreur > .contentLigneEncoreErreur[b-gv3oxi3yob] {
            font: normal normal normal 20px/27px var(--CS_font1);
            padding: 1vh;
        }

.image img[b-gv3oxi3yob] {
    height: 4vh;
}

.progressbar[b-gv3oxi3yob] {
    width: 0%;
    height: 20px;
    background-color: var(--CS_color1);
}

/* _content/Colinternet/Defaut/Composants/Panier/ValidationCommande.razor.rz.scp.css */
/* Apply Tailwind styles to common form elements for consistency */
.form-input-readonly[b-udhtan4692] {
    @apply mt-1 block w-full rounded-md border-slate-300 bg-slate-100 shadow-sm text-slate-600 px-3 py-2 cursor-default;
}

.form-input-editable[b-udhtan4692] {
    @apply mt-1 block w-full rounded-md border-slate-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm px-3 py-2;
}

/* Style the RadzenDatePicker's input to match the application's form styling */
:global(.rz-datepicker .rz-inputtext)[b-udhtan4692] {
    @apply rounded-md border-slate-300 shadow-sm w-full py-2 px-3 text-base;
    @apply focus:border-blue-500 focus:ring-blue-500 sm:text-sm;
}

/* Optional: Improve styling of the generated payment form if needed */
:global(#monetico_form table)[b-udhtan4692] {
    @apply w-full;
}

:global(#monetico_form td)[b-udhtan4692] {
    @apply p-2;
}
/* _content/Colinternet/Defaut/Composants/Popup/BlazorModal.razor.rz.scp.css */
.blazor-modal[b-cy82td0994] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000000;
}

.blazor-modal-content[b-cy82td0994] {
    width: 650px;
    margin: auto;
    margin-top: 150px;
    background-color: white;
    border-radius: 20px;
    -webkit-box-shadow: 6px 4px 38px -21px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 4px 38px -21px rgba(0,0,0,0.75);
    box-shadow: 6px 4px 38px -21px rgba(0,0,0,0.75);
    overflow: hidden;
}

.show[b-cy82td0994] {
    display: block;
    animation-name: show-animation-b-cy82td0994;
    animation-duration: 1s;
}

@keyframes show-animation-b-cy82td0994 {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.hide[b-cy82td0994] {
    display: none;
}

.blazor-modal-header[b-cy82td0994] {
    background-color: purple;
    padding: 15px;
    color: white;
}

.blazor-modal-title[b-cy82td0994] {
    margin: 5px;
    display: inline-block;
}

.blazor-modal-close-button[b-cy82td0994] {
    float: right;
    margin: 5px;
    cursor: pointer;
}

    .blazor-modal-close-button:hover[b-cy82td0994] {
        color: red;
    }

.blazor-modal-body[b-cy82td0994] {
    padding: 10px;
}

.blazor-modal-footer[b-cy82td0994] {
    background-color: purple;
    padding: 10px;
}
/* _content/Colinternet/Defaut/Composants/Popup/CS_Modal.razor.rz.scp.css */
.popup[b-vomxi1a6xu] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    z-index: 900;
    background: rgba(0, 0, 0, 0.3);
}



    .popup .closePopup[b-vomxi1a6xu] {
        background: white;
        width: 100%;
        text-align: right;
        border-bottom: solid 1px var(--CS_color1);
        margin-bottom: 2vh;
        display: flex;
        justify-content: space-between;
    }

        .popup .closePopup > div:nth-child(2)[b-vomxi1a6xu] {
            cursor: pointer;
            background: white;
            font-weight: bold;
            color: var(--CS_color1);
        }

    .popup > div[b-vomxi1a6xu] {
        padding: 1vw;
        border: solid #eee 1px;
        box-shadow: 5px 5px 10px #888;
        background: rgba(255, 255, 255, 1);
        border-radius: 2px;
        padding: 0.5vw 1vw;
        overflow: auto;
    }

    .popup > div > div:last-child[b-vomxi1a6xu] {
        height: 90%;
    }
/* _content/Colinternet/Defaut/Composants/Popup/CS_PopupFlex.razor.rz.scp.css */
.popup[b-sh5x2uz9re] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    z-index: 900;
    background: rgba(0, 0, 0, 0.3);
}



    .popup .closePopup[b-sh5x2uz9re] {
        background: white;
        width: 100%;
        text-align: right;
        border-bottom: solid 1px var(--CS_color1);
        margin-bottom: 2vh;
        display: flex;
        justify-content: space-between;
    }

        .popup .closePopup > div:nth-child(2)[b-sh5x2uz9re] {
            cursor: pointer;
            background: white;
            font-weight: bold;
            color: var(--CS_color1);
        }

    .popup > div[b-sh5x2uz9re] {
        padding: 1vw;
        border: solid #eee 1px;
        box-shadow: 5px 5px 10px #888;
        background: rgba(255, 255, 255, 1);
        border-radius: 2px;
        padding: 0.5vw 1vw;
        overflow: auto;
    }

    .popup > div > div:last-child[b-sh5x2uz9re] {
        height: 90%;
    }
/* _content/Colinternet/Defaut/Composants/Popup/CS_PopupGenerique.razor.rz.scp.css */
/* Base styles just in case utility classes fail or need augmentation */

.fixed[b-kqumdu461g] { position: fixed; }
.inset-0[b-kqumdu461g] { top: 0; right: 0; bottom: 0; left: 0; }
.z-\[900\][b-kqumdu461g] { z-index: 900; }
.flex[b-kqumdu461g] { display: flex; }
.items-center[b-kqumdu461g] { align-items: center; }
.justify-center[b-kqumdu461g] { justify-content: center; }
.p-4[b-kqumdu461g] { padding: 1rem; }
.bg-black\/50[b-kqumdu461g] { background-color: rgba(0, 0, 0, 0.5); }
.backdrop-blur-sm[b-kqumdu461g] { backdrop-filter: blur(4px); }
.transition-opacity[b-kqumdu461g] { transition-property: opacity; }
.duration-300[b-kqumdu461g] { transition-duration: 300ms; }
.ease-out[b-kqumdu461g] { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.relative[b-kqumdu461g] { position: relative; }
.bg-white[b-kqumdu461g] { background-color: #ffffff; }
.rounded-2xl[b-kqumdu461g] { border-radius: 1rem; }
.shadow-2xl[b-kqumdu461g] { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }
.w-full[b-kqumdu461g] { width: 100%; }
.max-w-md[b-kqumdu461g] { max-width: 28rem; }
.mx-auto[b-kqumdu461g] { margin-left: auto; margin-right: auto; }
.transform[b-kqumdu461g] { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.scale-100[b-kqumdu461g] { --tw-scale-x: 1; --tw-scale-y: 1; }
.opacity-100[b-kqumdu461g] { opacity: 1; }

.p-6[b-kqumdu461g] { padding: 1.5rem; }
.border-b[b-kqumdu461g] { border-bottom-width: 1px; }
.border-gray-100[b-kqumdu461g] { border-color: #f3f4f6; }

.text-xl[b-kqumdu461g] { font-size: 1.25rem; line-height: 1.75rem; }
.font-bold[b-kqumdu461g] { font-weight: 700; }
.text-gray-800[b-kqumdu461g] { color: #1f2937; }

.text-gray-400[b-kqumdu461g] { color: #9ca3af; }
.hover\:text-gray-600:hover[b-kqumdu461g] { color: #4b5563; }
.hover\:bg-gray-100:hover[b-kqumdu461g] { background-color: #f3f4f6; }
.rounded-full[b-kqumdu461g] { border-radius: 9999px; }
.transition-colors[b-kqumdu461g] { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.duration-200[b-kqumdu461g] { transition-duration: 200ms; }

/* Ensure material symbols render correctly if not globally set */
.material-symbols-outlined[b-kqumdu461g] {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Standard size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
}

/* Responsive adjustments if needed beyond utility classes */
@media (min-width: 640px) {
    .sm\:p-0[b-kqumdu461g] { padding: 0; }
}
/* _content/Colinternet/Defaut/Composants/Popup/CS_Toast.razor.rz.scp.css */
.popup[b-n02am5p06r] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    z-index: 900;
    background: rgba(0, 0, 0, 0.3);
}



    .popup .closePopup[b-n02am5p06r] {
        background: white;
        width: 100%;
        text-align: right;
        border-bottom: solid 1px var(--CS_color1);
        margin-bottom: 2vh;
        display: flex;
        justify-content: space-between;
    }

        .popup .closePopup > div:nth-child(2)[b-n02am5p06r] {
            cursor: pointer;
            background: white;
            font-weight: bold;
            color: var(--CS_color1);
        }

    .popup > div[b-n02am5p06r] {
        padding: 1vw;
        border: solid #eee 1px;
        box-shadow: 5px 5px 10px #888;
        background: rgba(255, 255, 255, 1);
        border-radius: 2px;
        padding: 0.5vw 1vw;
        overflow: auto;
    }

    .popup > div > div:last-child[b-n02am5p06r] {
        height: 90%;
    }
/* _content/Colinternet/Defaut/Composants/Popup/Popup360.razor.rz.scp.css */
#popup360[b-agda0i4g4t] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    overflow: hidden;
}
    #popup360 > div:first-child[b-agda0i4g4t] {
        margin: auto;
    }
    #popup360 > div:last-child[b-agda0i4g4t] {
        margin: auto;
        margin-top: 5vh;
        height: auto;
        width: auto;
        max-height: 90%;
        max-width: 100%;
        display: flex;
        justify-content: center;
    }

.material-symbols-outlined[b-agda0i4g4t]{
    cursor: pointer;
}

#popup360 img[b-agda0i4g4t] {
    max-height: 70vh;
}

    .v360[b-agda0i4g4t]{
        display: flex;
    }

#popup360 div:nth-child(2)[b-agda0i4g4t] {
    display: flex;
    align-items: center;
    gap: 5vw;
}


/* _content/Colinternet/Defaut/Composants/Popup/PopupImageV7.razor.rz.scp.css */
#popupImage[b-nrjqpemt3e] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
    #popupImage > div:first-child[b-nrjqpemt3e] {
        margin: auto;
    }
    #popupImage > div:last-child[b-nrjqpemt3e] {
        max-height: fit-content;
        max-width: fit-content;
        display: flex;
        justify-content: space-between;
    }

    #popupImage img[b-nrjqpemt3e] {
        max-height: 90vh;
        max-width: 90vw;
    }


span.material-symbols-outlined[b-nrjqpemt3e] {
    font-size: 64px!important;
    width: fit-content;
    cursor: pointer;
}
/* _content/Colinternet/Defaut/Composants/Popup/PopupQte.razor.rz.scp.css */
#saisieQte[b-kx9eeq1mad]::-webkit-outer-spin-button,
input[b-kx9eeq1mad]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#saisieQte[type=number][b-kx9eeq1mad] {
    -moz-appearance:textfield;
}
/* _content/Colinternet/Defaut/Composants/Popup/PopupQteTableau.razor.rz.scp.css */
/* _content/Colinternet/Defaut/Composants/Spinner/Spinner.razor.rz.scp.css */
/** SPINNER**/
.lds-ellipsis[b-qh5lzc9y23] {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-ellipsis div[b-qh5lzc9y23] {
        position: absolute;
        top: 33px;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: #999;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }

        .lds-ellipsis div:nth-child(1)[b-qh5lzc9y23] {
            left: 8px;
            animation: lds-ellipsis1-b-qh5lzc9y23 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(2)[b-qh5lzc9y23] {
            left: 8px;
            animation: lds-ellipsis2-b-qh5lzc9y23 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(3)[b-qh5lzc9y23] {
            left: 32px;
            animation: lds-ellipsis2-b-qh5lzc9y23 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(4)[b-qh5lzc9y23] {
            left: 56px;
            animation: lds-ellipsis3-b-qh5lzc9y23 0.6s infinite;
        }

@keyframes lds-ellipsis1-b-qh5lzc9y23 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3-b-qh5lzc9y23 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2-b-qh5lzc9y23 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin-b-qh5lzc9y23 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#SpinnerWait[b-qh5lzc9y23] {
    left: 0;
    top: 0;
    background: white;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100000000;
    display: flex;
    align-items: center;
    justify-content: center;
}

/**SPINNER**/
/* _content/Colinternet/Defaut/Composants/Statistiques/ChiffresProduits.razor.rz.scp.css */
.historique[b-zbkoolhlx4] {
    height: 71vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

h2[b-zbkoolhlx4] {
    display: flex;
    justify-content: center;
}

.cadept[b-zbkoolhlx4] {
    display: flex;
    align-items: center;
}

.cadept > div[b-zbkoolhlx4]{
    width: 50%;
}

.chartca[b-zbkoolhlx4], .chartcacli[b-zbkoolhlx4], .chartcadept[b-zbkoolhlx4] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .chartca > .control-section[b-zbkoolhlx4] {
        width: 33rem;
    }
.control-section[b-zbkoolhlx4] {
    border: solid 1px #eee;
    box-shadow: 1px 10px 20px #ddd;
    padding: 1rem;
    margin-bottom: 4rem;
    margin-top: 1rem;
    border-radius: 10px;
}

.selectbox[b-zbkoolhlx4] {
    margin-top: 5rem;
}

.titre[b-zbkoolhlx4] {
    color: var(--CS_color1);
    font-size: 1.5rem;
    font-style: italic;
}

    .titre span[b-zbkoolhlx4] {
        font-weight: bold;
        font-size: 2rem;
        font-style: normal;
    }
/* _content/Colinternet/Defaut/Composants/Statistiques/StatsClient.razor.rz.scp.css */
#StatsClient[b-w2obme0n17]{
    width: 95%;
    margin: auto;
}
.historique[b-w2obme0n17] {
    height: 71vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

h2[b-w2obme0n17] {
    display: flex;
    justify-content: center;
}

.cadept[b-w2obme0n17] {
    display: flex;
    align-items: center;
}

.cadept > div[b-w2obme0n17]{
    width: 50%;
}


.chartca[b-w2obme0n17], .chartcacli[b-w2obme0n17], .chartcadept[b-w2obme0n17] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.chartca > .control-section:first-child[b-w2obme0n17] {
    width: 70rem;
}
    .chartca > .control-section:last-child[b-w2obme0n17] {
        width: 30rem;
    }
    .chartcacli > .control-section[b-w2obme0n17]{
        width: 50rem;
    }
.chartcadept > .control-section[b-w2obme0n17] {
    width: 50rem;
}
.control-section[b-w2obme0n17] {
    border: solid 1px #eee;
    box-shadow: 1px 10px 20px #ddd;
    padding: 1rem;
    margin-bottom: 4rem;
    margin-top: 1rem;
    border-radius: 10px;
}
.selectbox[b-w2obme0n17] {
    margin-top: 5rem;
}

.titre[b-w2obme0n17] {
    color: var(--CS_color1);
    font-size: 1.5rem;
    font-style: italic;
}
    .titre span[b-w2obme0n17] {
        font-weight: bold;
        font-size: 2rem;
        font-style: normal;
    }
/* _content/Colinternet/Defaut/Composants/Systeme/BlazorNavigation.razor.rz.scp.css */
[b-878746k6rc] .BlazorNavigation_pagin {
    width: 80px!important;
}

.BlazorNavigation_PageNavigation[b-878746k6rc] {
    display: flex!important;
    justify-content: center!important;
}

.BlazorNavigation_pagination[b-878746k6rc] {
    display: inline-block;
    padding: 10px 0!important;
    margin: 0!important;
}
    .BlazorNavigation_pagination select[b-878746k6rc] {
        background: var(--CS_color-blanc) 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border: none;
        border-radius: 5px;
        padding: 0.5vh 0.5vw;
        width: fit-content;
    }

.BlazorNavigation_pagination_Item[b-878746k6rc] {
    vertical-align: middle;
    display: inline-block;
    min-width: 24px;
    height: fit-content;
    line-height: 24px;
    margin: 0px 3px;
    border-radius: 5px;
    padding: 5px;
    cursor: pointer;
    border: 1px solid #eee;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    box-sizing: content-box;
    background-color: #fff;
    position: relative;
    top: 5px;
}
    .BlazorNavigation_pagination_Item.active[b-878746k6rc] {
        background: var(--CS_color1);
    }

    .BlazorNavigation_pagination_Item i[b-878746k6rc] {
        display: inline-block;
        padding: 0 2px;
        font: normal normal normal 17px/20px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
        opacity: 1;
    }
    
        .BlazorNavigation_pagination_Item i:hover[b-878746k6rc] {
            font: normal normal bold 17px/20px var(--CS_font1);
        }

        .BlazorNavigation_pagination_Item.active i[b-878746k6rc] {
            text-align: left;
            letter-spacing: 0px;
            color: white;
        }

    .BlazorNavigation_pagination_Item i.bi[b-878746k6rc] {
        position: relative;
        top: 0;
    }

.BlazorNavigation_textPagin[b-878746k6rc] {
    white-space: nowrap;
    text-align: left;
    font: normal normal normal 17px/20px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    text-transform: uppercase;
    margin: 0 0 0 10px;
}

.BlazorNavigation_pagination_Item i[b-878746k6rc] {
    font-size: 22px!important;
}

.BlazorNavigation_pagination_Item.active i[b-878746k6rc] {
    font-size: 26px!important;
}

@media screen and (max-width: 1920px) {

    .BlazorNavigation_pagination_Item i[b-878746k6rc] {
        font-size: 17px!important;
    }

    .BlazorNavigation_pagination_Item.active i[b-878746k6rc] {
        font-size: 22px!important;
    }

}

@media screen and (max-width: 425px) {
    .BlazorNavigation_pagination[b-878746k6rc] {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .BlazorNavigation_textPagin[b-878746k6rc] {
        width: 25%;
        text-align: right;
        margin-right: 5%;
    }

    .BlazorNavigation_pagination select[b-878746k6rc] {
        width: 15%;
    }
}
     /* Default button styling */
 .nav-button[b-878746k6rc] {
     display: flex;
     align-items: center;
     justify-content: center;
     height: 2.25rem; /* 36px */
     width: 2.25rem;  /* 36px */
     border-radius: 0.375rem; /* 6px */
     font-weight: 500;
     color: rgb(75 85 99);
     transition-property: color, background-color;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms;
 }

/* Hover state for enabled buttons */
.nav-button:not(:disabled):hover[b-878746k6rc] {
    background-color: rgb(229 231 235);
}

/* Disabled state */
.nav-button:disabled[b-878746k6rc] {
    color: rgb(156 163 175);
    cursor: not-allowed;
}

/* Active (current page) button */
.nav-button.active[b-878746k6rc] {
    background-color: rgb(34, 42 , 58 , 1);
    color: rgb(255 255 255);
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.nav-button.active:hover[b-878746k6rc] {
    background-color: rgb(23, 23, 23);
}

/* Ellipsis (...) styling */
.nav-ellipsis[b-878746k6rc] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.25rem; /* 36px */
    width: 2.25rem;  /* 36px */
    font-weight: 600;
    color: rgb(107 114 128);
}

/* Items per page dropdown */
.nav-select[b-878746k6rc] {
    margin-left: 0.5rem; /* 8px */
    font-size: 0.875rem; /* 14px */
    line-height: 1.25rem; /* 20px */
    border-radius: 0.375rem; /* 6px */
    border: 1px solid rgb(209 213 219);
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}

.nav-select:focus[b-878746k6rc] {
    border-color: #a5b4fc; /* indigo-300 */
    outline: 2px solid transparent;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px rgba(199, 210, 254, 0.5); /* ring-indigo-200 with 50% opacity */
}

/* Dark Mode Styles */
@media (prefers-color-scheme: dark) {
    .nav-button[b-878746k6rc] {
        color: rgb(209 213 219);
    }

    .nav-button:not(:disabled):hover[b-878746k6rc] {
        background-color: rgb(55 65 81);
    }

    .nav-button:disabled[b-878746k6rc] {
        color: rgb(107 114 128);
    }

    .nav-ellipsis[b-878746k6rc] {
        color: rgb(156 163 175);
    }

    .nav-select[b-878746k6rc] {
        background-color: rgb(55 65 81);
        border-color: rgb(75 85 99);
        color: rgb(209 213 219);
    }
}
/* _content/Colinternet/Defaut/Composants/Systeme/CultureSwitcherV7.razor.rz.scp.css */
#cultureSwitcher img[b-ba8v2j1bxu] {
    width: 2.5vw;
    border-radius: 15%;
}

#cultureSwitcher > div[b-ba8v2j1bxu] {
    width: fit-content;
}

    #cultureSwitcher > div:first-child[b-ba8v2j1bxu] {
        display: flex;
        flex-direction: row;
        padding: 0;
    }

        #cultureSwitcher > div:first-child > div:first-child[b-ba8v2j1bxu] {
            margin-top: auto;
            margin-bottom: auto;
            cursor: pointer;
            width: 28px;
        }

        #cultureSwitcher > div:first-child > div:last-child[b-ba8v2j1bxu] {
            margin: auto;
            display: flex;
            padding-left: 0.3vw;
        }

    #cultureSwitcher > div:last-child[b-ba8v2j1bxu] {
        position: absolute;/*
        backdrop-filter: blur(18px);
        padding-bottom: 1vh;*/

    }

        #cultureSwitcher > div:last-child > div[b-ba8v2j1bxu] {
            position: relative;
            display: flex;
            flex-direction: column;
        }

            #cultureSwitcher > div:last-child > div > div[b-ba8v2j1bxu] {
                margin: 0.5vh 0;
                cursor: pointer;
            }
#cultureSwitcher > div:nth-child(2)[b-ba8v2j1bxu]{
    z-index: 10;
    width: 28px;
}
@media screen and (max-width: 1024px) {
    #cultureSwitcher img[b-ba8v2j1bxu] {
        width: auto;
        height: 2.5vh;
    }
}
/* _content/Colinternet/Defaut/LT/PageCardsComposantLT.razor.rz.scp.css */

.figure-caption[b-2h60noeelr] {
    text-align: left;
}
.backgroundPage[b-2h60noeelr] {
    margin: 1vh auto;
    min-height: 60vh;
}
.col[b-2h60noeelr] {
    border: 1px solid #333;
}

.col-sm[b-2h60noeelr] {
    border: 0px solid #333;
}

.ChoixTypeMenu_inline[b-2h60noeelr] {
    display: flex;
    width: 90%;
    max-width: 90%;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.ChoixTypeMenu_CardEspace[b-2h60noeelr] {
    margin: 3px!important
}


[b-2h60noeelr] .e-card-header {
    width: auto!important;
}

.e-card-header[b-2h60noeelr] {
    width: auto!important;
}


.panelCatalogue[b-2h60noeelr] {
    padding-left: 10%;
    padding-right: 10%;
    max-width: 100%!important;
    display: flex!important;
    flex-wrap: wrap;
    flex-direction: row;
}

[b-2h60noeelr] .cardCatalogue {
    margin-top: 15px!important;
    width: 20%!important;
}

.containCard[b-2h60noeelr] {
    height: fit-content;
    padding: 1vh 1vw;
    width: 31%;
    margin:1%;
    border-radius: 7px;
    background: white;
    box-shadow: 5px 5px 18px #999;
    cursor: pointer;
}

}

.titleCard[b-2h60noeelr] {
    font-weight: bold;
    line-height: 50px;
}

.headCard[b-2h60noeelr] {
    height: fit-content;
    overflow: hidden;
}

.descCard[b-2h60noeelr] {
    margin-bottom: 20px;
    text-align: justify;
    height: 89px;
    overflow: hidden;
}

.bodyCard[b-2h60noeelr] {
    height: fit-content;
    overflow: hidden;
}

.footerCard a[b-2h60noeelr] {
    color: #333;
    font-style: italic;
    float: right;
}

.panelCatalogue[b-2h60noeelr] {
    padding-top: 25px;
    color: #666;
}

.catalogue[b-2h60noeelr] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
    .catalogue[b-2h60noeelr]::after {
        content: "";
    }

img[b-2h60noeelr] {
    max-width: 85%;
    margin: 0.5vh;
}

.damier[b-2h60noeelr] {
    cursor: pointer;
    margin: 0.05rem;
    background: white;
    height: 21.95909580193757vh;
    padding: 0 10px;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.predamier[b-2h60noeelr] {
    padding: 6px;
    width: 16%;
    margin: 0.8% 0;
}

.figure[b-2h60noeelr] {
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

h2[b-2h60noeelr] {
    font-size: 20px!important;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .containCard[b-2h60noeelr] {
        width: 50%;
    }
    }

@media screen and (max-width: 425px) {
    .containCard[b-2h60noeelr] {
        width: 100%;
    }
}

.button[b-2h60noeelr] {
    text-transform: uppercase;
    padding: 0.5vh 0.5vw;
    border: solid 1px var(--CS_color1);
    color: var(--CS_color1);
    border-radius: 5px;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
}

.PageCardsComposant[b-2h60noeelr] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
/* _content/Colinternet/Defaut/LT/PageCardsListComposantLT.razor.rz.scp.css */
img[b-xkds6h9di2] {
    width: 85%;
    height: 85%;
    object-fit: contain;
    margin: 0.5vh;
}

h2[b-xkds6h9di2] {
    font-size: 20px !important;
    font-weight: bold;
}

.button[b-xkds6h9di2] {
    text-transform: uppercase;
    padding: 0.5vh 0.5vw;
    border: solid 1px var(--CS_color1);
    color: var(--CS_color1);
    border-radius: 5px;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
}

.predamier[b-xkds6h9di2] {
    width: 250px;
    height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: solid 1px #eee;
}
.predamier > div[b-xkds6h9di2]{
    text-align: center;
    vertical-align: middle;
}
    .predamier > div:first-child[b-xkds6h9di2] {
        height: 88%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .predamier > div:last-child[b-xkds6h9di2] {
        width: 100%;
        background: #eee;
        height: 12%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

#PageCardsListComposant[b-xkds6h9di2] {
    margin-top: 10px;
}

.PageCardsListComposant[b-xkds6h9di2] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
}

.page[b-xkds6h9di2] {
    display: flex;
    align-items: flex-start;
    gap: 5px;
}

div[b-xkds6h9di2] {
    cursor: pointer
}

.Breadcrumbs[b-xkds6h9di2] {
    display: flex;
}

.ligne[b-xkds6h9di2] {
    border: 1px solid var(--CS_color1);
    height: 0;
    margin: auto 0;
}

    .ligne:first-child[b-xkds6h9di2] {
        width: 10%
    }

    .ligne:last-child[b-xkds6h9di2] {
        width: 100%
    }
/* _content/Colinternet/Defaut/Pages/Article.razor.rz.scp.css */
/* _content/Colinternet/Defaut/Pages/BackofficeOld/Backoffice.razor.rz.scp.css */
.ChargePage[b-iwpd0uzrrr], .PanelAdmin[b-iwpd0uzrrr], .Statut[b-iwpd0uzrrr] {
    width: 10vw;
}
/* _content/Colinternet/Defaut/Pages/BackofficeOld/PanelAdmin/ConfigurationColinternet.razor.rz.scp.css */

.sousOption > label > span[b-am83tq95ol] {
    padding-left: 15px;
}

.e-label[b-am83tq95ol] {
    font-weight: bold;
}

.option:nth-child(2):first-child[b-am83tq95ol] {
    font-weight: bold;
}

.inputPetit[b-am83tq95ol] {
    margin-left: 10px;
    margin-right: 10px;
    width: 5%;
}

.inputGrand[b-am83tq95ol] {
    margin-left: 10px;
    margin-right: 10px;
    width: 50%;
}
.inputMoyen[b-am83tq95ol] {
    margin-left: 10px;
    margin-right: 10px;
    width: 15%;
}
.pageAdmin[b-am83tq95ol] {
    display: inline;
}

.container[b-am83tq95ol] {
    top: 5% !important;
    margin-left: 33% !important;
}

[b-am83tq95ol] .panneauAdmin {
    width: 30% !important;
    position: sticky;
    top: 25%;
    left: 2%;
}

.panneauAdmin[b-am83tq95ol] {
    width: 30% !important;
    position: sticky;
    top: 25%;
    left: 2%;
}

[b-am83tq95ol] .e-acrdn-header, [b-am83tq95ol] .e-acrdn-header:hover {
    border-radius: 2px !important;
    padding-left: 5px !important;
    background: #1a5276 !important;
}

[b-am83tq95ol] .e-acrdn-header-content, [b-am83tq95ol] .e-acrdn-header-content:hover {
    font-weight: bold !important;
    font-size: 1.2em !important;
    color: white !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

[b-am83tq95ol] .e-icons {
    font-weight: bold !important;
    font-size: 1.2em !important;
    color: white !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

[b-am83tq95ol] .e-card-header {
    width: 100% !important;
}
/* _content/Colinternet/Defaut/Pages/BackofficeOld/PanelAdmin/ConfigurationPersonnel.razor.rz.scp.css */

.sousOption > label > span[b-d74xaps9l1] {
    padding-left: 15px;
}

.e-label[b-d74xaps9l1] {
    font-weight: bold;
}

.option:nth-child(2):first-child[b-d74xaps9l1] {
    font-weight: bold;
}

.inputPetit[b-d74xaps9l1] {
    margin-left: 10px;
    margin-right: 10px;
    width: 5%;
}

.inputGrand[b-d74xaps9l1] {
    margin-left: 10px;
    margin-right: 10px;
    width: 50%;
}

.pageAdmin[b-d74xaps9l1] {
    display: inline;
}

.container[b-d74xaps9l1] {
    top: 5% !important;
    margin-left: 33% !important;
}

[b-d74xaps9l1] .panneauAdmin {
    width: 30% !important;
    position: sticky;
    top: 25%;
    left: 2%;
}

.panneauAdmin[b-d74xaps9l1] {
    width: 30% !important;
    position: sticky;
    top: 25%;
    left: 2%;
}

[b-d74xaps9l1] .e-acrdn-header, [b-d74xaps9l1] .e-acrdn-header:hover {
    border-radius: 2px !important;
    padding-left: 5px !important;
    background: #1a5276 !important;
}

[b-d74xaps9l1] .e-acrdn-header-content, [b-d74xaps9l1] .e-acrdn-header-content:hover {
    font-weight: bold !important;
    font-size: 1.2em !important;
    color: white !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

[b-d74xaps9l1] .e-icons {
    font-weight: bold !important;
    font-size: 1.2em !important;
    color: white !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

[b-d74xaps9l1] .e-card-header {
    width: 100% !important;
}
/* _content/Colinternet/Defaut/Pages/BackofficeOld/PanelAdmin/PanelAdmin.razor.rz.scp.css */

.sousOption > label > span[b-xanw373bgq]{
    padding-left : 15px;
}
.e-label[b-xanw373bgq] {
    font-weight: bold;
}
.option:nth-child(2):first-child[b-xanw373bgq] {
    font-weight: bold;
}

.inputPetit[b-xanw373bgq] {
    margin-left: 10px;
    margin-right: 10px;
    width: 10%;
}

[b-xanw373bgq] .inputPetit {
    margin-left: 10px;
    margin-right: 10px;
    width: 10%;
}
.inputGrand[b-xanw373bgq] {
    margin-left: 10px;
    margin-right: 10px;
    width: 50%;
}

.pageAdmin[b-xanw373bgq]{
    display : inline;
}

.container[b-xanw373bgq] {
    top: 5% !important;
    margin-left: 25% !important;
    width: 75%;
}

[b-xanw373bgq] .container {
    top: 5% !important;
    margin-left: 25% !important;
    width: 75%;
}

[b-xanw373bgq] .panneauAdmin {
    width: fit-content !important;
    position: fixed;
    top: 5%;
    left: 2%;
}
.panneauAdmin[b-xanw373bgq] {
    width: fit-content !important;
    position: sticky;
    top: 25%;
    left: 2%;
}


[b-xanw373bgq] .e-acrdn-header, [b-xanw373bgq] .e-acrdn-header:hover {
    border-radius: 2px !important;
    padding-left: 5px !important;
    background: var(--CS_color1) !important;
}
[b-xanw373bgq] .e-acrdn-header-content, [b-xanw373bgq] .e-acrdn-header-content:hover {
    font-weight: bold !important;
    font-size: 1.2em !important;
    color: white !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    padding: 1.5vh;
    margin: 10px 0;
    cursor: pointer;
}

[b-xanw373bgq] .e-icons {
    font-weight: bold !important;
    font-size: 1.2em !important;
    color: white !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

[b-xanw373bgq] .e-card-header{
    width : 100% !important;
    text-transform: uppercase;
    font-weight: 600;
}


[b-xanw373bgq] .e-btn-group {
    display: flex;
    flex-direction: column;
    align-items: start;
}

[b-xanw373bgq] .e-control.e-btn {
    border: none;
    cursor: pointer;
    margin: 5px 0;
    background: none;
}

    [b-xanw373bgq] .e-control.e-btn:hover {
        text-decoration: underline;
    }

[b-xanw373bgq] h4 {
    font-size: 1rem;
    width: fit-content;
}
/* _content/Colinternet/Defaut/Pages/CatalogueArticlesDefault.razor.rz.scp.css */
#categories[b-aveebzktkx] {
    /*width: 90%;
    margin: auto;*/
}

.ligne[b-aveebzktkx] {
    border: 1px solid var(--CS_color1);
    height: 0;
    margin: auto 0;
}
/* Container principal */
.main-container[b-aveebzktkx] {
    display: flex;
    /*max-width: 1400px;*/
    margin: 2rem auto;
    gap: 2rem;
    padding: 0 2rem;
}
/* Sidebar filtres */
.filters-sidebar[b-aveebzktkx] {
    min-width: 300px;
    background: white;
    border-radius: 16px;
    padding: 1.5rem;
    height: fit-content;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    /*position: sticky;*/
    top: 100px;
}
@media screen and (max-width: 796px) {
    .main-container[b-aveebzktkx]{
        flex-direction: column;
    }
}
.products-header[b-aveebzktkx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.products-count[b-aveebzktkx] {
    font-size: 1.1rem;
    color: #6b7280;
}

.sort-dropdown[b-aveebzktkx] {
    padding: 8px 16px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: white;
    font-size: 0.9rem;
    cursor: pointer;
    outline: none;
    transition: border-color 0.2s;
}

    .sort-dropdown:focus[b-aveebzktkx] {
        border-color: var(--CS_color1);
    }
.AucunElementCorrespond[b-aveebzktkx] {
    width: 100%;
}

hr[b-aveebzktkx] {
    color: #ccc;
}

h5[b-aveebzktkx], h6[b-aveebzktkx], .filtres label[b-aveebzktkx] {
    color: var(--Color-medium);
}

h6[b-aveebzktkx] {
    margin: 20px 0 5px 0;
}

.filtresHaut[b-aveebzktkx] {
    display: flex;
    gap: 20px;
    margin: 0 0 0 5vw;
    height: 150px;
    align-items: center;
}

.ButtonMenu[b-aveebzktkx] {
    width: fit-content;
    margin: 0 5px;
}


.filtres[b-aveebzktkx] {
    padding: 0.3rem 0 0.3rem 1rem;
    width: 250px;
    z-index: 10;
    float: left;
    white-space: nowrap;
    /*position: sticky;*/
    top: 12rem;
    left: 0.2rem;
    /*height: calc(100vh - 12rem);*/
    overflow: auto;
    margin: 0 2rem 0 0;
}

    .filtres[b-aveebzktkx]::-webkit-scrollbar {
        width: 4px;
    }
    /* Ascenseur */
    .filtres[b-aveebzktkx]::-webkit-scrollbar-thumb {
        background: var(--CS_color1);
    }

    .filtres label[b-aveebzktkx] {
        font-size: 12px;
        display: flex;
        align-items: center;
        padding: 0.5px 5px;
        justify-content: space-between;
    }

    .filtres .close[b-aveebzktkx] {
        display: flex;
        justify-content: flex-end;
        cursor: pointer;
    }

        .filtres .close > span[b-aveebzktkx], .filtres .open > span[b-aveebzktkx] {
            font-size: 2rem !important;
            cursor: pointer;
        }

    .filtres label > div:nth-child(2)[b-aveebzktkx] {
        font-weight: bold;
    }



    .filtres .ko[b-aveebzktkx] {
        opacity: 0.5;
    }



    .filtres input[type="checkbox"][b-aveebzktkx] {
        width: 1em;
        height: 1em;
        background-color: white;
        vertical-align: middle;
        border: 1px solid var(--CS_color1);
        appearance: none;
        -webkit-appearance: none;
        outline: none;
        cursor: pointer;
        margin-right: 5px;
    }

        .filtres input[type="checkbox"]:checked[b-aveebzktkx] {
            background: var(--CS_color1);
        }

.navigation[b-aveebzktkx] {
    min-height: 50px;
}


.checkboxList[b-aveebzktkx] {
    padding-left: 4px;
    margin-left: -4px;
}





.cards[b-aveebzktkx] {
    width: fit-content;
    margin: au
}

.listedescards[b-aveebzktkx] {
    /*display: flex;
    justify-content: flex-start;*/
}


.enteteListeCards[b-aveebzktkx] {
    display: flex;
    margin: 4vh 0 0;
    justify-content: space-between;
}

    .enteteListeCards div:nth-child(2)[b-aveebzktkx] {
        text-align: left;
        font: normal normal normal 15px/19px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color1);
        text-transform: uppercase;
        white-space: nowrap;
        padding: 0 15px;
    }

    .enteteListeCards div:nth-child(4)[b-aveebzktkx], .enteteListeCards div:last-child[b-aveebzktkx] {
        text-align: left;
        font: normal normal normal 17px/20px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
        text-transform: uppercase;
    }

    .enteteListeCards div:nth-child(4)[b-aveebzktkx] {
        padding-left: 20px;
    }

    .enteteListeCards > div:last-child > .btn-group[b-aveebzktkx] {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }

    .enteteListeCards div:nth-child(4) select[b-aveebzktkx], .enteteListeCards div:last-child select[b-aveebzktkx] {
        background: var(--CS_color-blanc) 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border: none;
        border-radius: 5px;
        text-align: left;
        font: normal normal normal 15px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
        text-transform: uppercase;
        opacity: 1;
        padding: 0.2vh 0.2vw;
    }

    .enteteListeCards .ligne[b-aveebzktkx] {
        border: 1px solid var(--CS_color1);
        height: 0;
        margin: auto 0;
    }

    .enteteListeCards div:first-child[b-aveebzktkx] {
        width: 6vw;
    }

    .enteteListeCards div:nth-child(3)[b-aveebzktkx] {
        width: 94vw;
    }

    .enteteListeCards div:nth-child(2)[b-aveebzktkx] {
        font-size: 18px !important;
        white-space: nowrap;
    }

.btnModeAffichage[b-aveebzktkx] {
    cursor: pointer;
}

.rz-spinner-button[b-aveebzktkx] {
    background-color: var(--CS_color1);
}

.btnDetail[b-aveebzktkx] {
    background-color: var(--CS_color1);
}

.BandeauHaut[b-aveebzktkx] {
    width: 100vw;
}

    .BandeauHaut img[b-aveebzktkx] {
        width: 100%;
    }


@media screen and (max-width: 1920px) {
    .enteteListeCards div:nth-child(2)[b-aveebzktkx] {
        font-size: 15px !important;
        white-space: nowrap;
    }
}

@media screen and (max-width: 1024px) {


    .enteteListeCards div:nth-child(3)[b-aveebzktkx] {
        width: 45vw;
    }
}

@media screen and (max-width: 768px) {
    .enteteListeCards[b-aveebzktkx] {
        flex-wrap: wrap;
    }

        .enteteListeCards div:nth-child(3)[b-aveebzktkx], .enteteListeCards div:nth-child(4)[b-aveebzktkx] {
            width: 50%;
        }
}

@media screen and (max-width: 425px) {

    .enteteListeCards div:nth-child(3)[b-aveebzktkx] {
        width: 25%;
    }
}

.TextLine[b-aveebzktkx] {
    display: flex;
}

.paginationNav[b-aveebzktkx] {
    height: 50px;
}

.listedescards[b-aveebzktkx] {
    display: flex;
    justify-content: space-between;
}



.sidebaropen[b-aveebzktkx] {
    left: 0;
}

.sidebarclosed[b-aveebzktkx] {
    left: -20rem;
    position: absolute;
}

.croix[b-aveebzktkx] {
    text-align: right;
    cursor: pointer;
}


.menuAccordeon[b-aveebzktkx] {
    width: fit-content;
    white-space: nowrap;
}
/* _content/Colinternet/Defaut/Pages/ConnexionPage2.razor.rz.scp.css */
/* Carrousel d'images en arrière-plan */
.background-carousel[b-51p53iu80u] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.6;
}

.background-slide[b-51p53iu80u] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 2s ease-in-out;
}

    .background-slide img[b-51p53iu80u] {
        width: 100%;
        height: 100vh;
        object-fit: cover; /* l’image couvre tout, sans déformation */
        object-position: center; /* centrée */
        display: block;
    }

    .background-slide.active[b-51p53iu80u] {
        opacity: 1;
    }

/* Overlay pour assurer la lisibilité */
/*.background-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(245, 243, 240, 0.85) 0%, rgba(232, 227, 219, 0.90) 100%);
    z-index: 0;
}*/






.parent[b-51p53iu80u] {
    display: flex;
    justify-content: center; /* centrage horizontal */
    align-items: center; /* centrage vertical */
    min-height: 100vh; /* prend toute la hauteur */
}


/* Éléments décoratifs de fond */
.bg-decoration[b-51p53iu80u] {
    position: absolute;
    border-radius: 50%;
    opacity: 0.5;
    z-index: 1;
}

.decoration-1[b-51p53iu80u] {
    width: 200px;
    height: 200px;
    background: var(--CS_color1);
    top: 10%;
    left: 5%;
    animation: float-b-51p53iu80u 6s ease-in-out infinite;
}

.decoration-2[b-51p53iu80u] {
    width: 150px;
    height: 150px;
    background: #d4a574;
    top: 20%;
    right: 10%;
    animation: float-b-51p53iu80u 8s ease-in-out infinite reverse;
}

.decoration-3[b-51p53iu80u] {
    width: 100px;
    height: 100px;
    background: var(--CS_color1);
    bottom: 15%;
    left: 8%;
    animation: float-b-51p53iu80u 7s ease-in-out infinite;
}

.decoration-4[b-51p53iu80u] {
    width: 120px;
    height: 120px;
    background: #c9b8a8;
    bottom: 25%;
    right: 15%;
    animation: float-b-51p53iu80u 5s ease-in-out infinite reverse;
}

@keyframes float-b-51p53iu80u {
    0%, 100% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-20px) rotate(5deg);
    }
}

.login-container[b-51p53iu80u] {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    padding: 3rem 2.5rem;
    border-radius: 24px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 420px;
    position: relative;
    z-index: 2;
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.logo-section[b-51p53iu80u] {
    text-align: center;
    margin-bottom: 2.5rem;
}

.logo[b-51p53iu80u] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 8px;
}

.logo-icon[b-51p53iu80u] {
    width: 48px;
    height: 48px;
    background: var(--CS_color1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

    .logo-icon[b-51p53iu80u]::before {
        content: '';
        position: absolute;
        width: 60%;
        height: 60%;
        background: rgba(255, 255, 255, 0.3);
        border-radius: 50%;
        top: -10%;
        left: -10%;
    }

.logo-text[b-51p53iu80u] {
    font-size: 2.2rem;
    font-weight: 700;
    color: #2c3e35;
    letter-spacing: -0.5px;
}

.tagline[b-51p53iu80u] {
    color: #6b7280;
    font-size: 0.95rem;
    font-weight: 400;
    margin-top: 4px;
}

.form-group[b-51p53iu80u] {
    margin-bottom: 1.5rem;
    position: relative;
}

.form-label[b-51p53iu80u] {
    display: block;
    margin-bottom: 8px;
    color: #374151;
    font-weight: 500;
    font-size: 0.9rem;
}

.form-input[b-51p53iu80u] {
    width: 100%;
    padding: 14px 16px;
    border: 2px solid #e5e7eb;
    border-radius: 12px;
    font-size: 1rem;
    transition: all 0.3s ease;
    background: #fafafa;
}

    .form-input:focus[b-51p53iu80u] {
        outline: none;
        border-color: var(--CS_color1);
        background: white;
        box-shadow: 0 0 0 3px rgba(159, 181, 168, 0.1);
    }

    .form-input[b-51p53iu80u]::placeholder {
        color: #9ca3af;
    }

.password-wrapper[b-51p53iu80u] {
    position: relative;
}

.password-toggle[b-51p53iu80u] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #6b7280;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    transition: color 0.2s;
}

    .password-toggle:hover[b-51p53iu80u] {
        color: var(--CS_color1);
    }

.form-options[b-51p53iu80u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.checkbox-wrapper[b-51p53iu80u] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkbox[b-51p53iu80u] {
    width: 18px;
    height: 18px;
    accent-color: var(--CS_color1);
}

.checkbox-label[b-51p53iu80u] {
    font-size: 0.9rem;
    color: #6b7280;
    cursor: pointer;
}

.forgot-password[b-51p53iu80u] {
    color: var(--CS_color1);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    transition: color 0.2s;
}

    .forgot-password:hover[b-51p53iu80u] {
        color: var(--CS_color2);
        text-decoration: underline;
    }

.login-button[b-51p53iu80u] {
    width: 100%;
    background: linear-gradient(135deg, var(--CS_color1) 0%, var(--CS_color2) 100%);
    color: white;
    border: none;
    padding: 16px;
    border-radius: 12px;
    font-size: 1.05rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 1.5rem;
    position: relative;
    overflow: hidden;
}

    .login-button[b-51p53iu80u]::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
        transition: left 0.5s;
    }

    .login-button:hover[b-51p53iu80u]::before {
        left: 100%;
    }

    .login-button:hover[b-51p53iu80u] {
        transform: translateY(-1px);
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
    }

    .login-button:active[b-51p53iu80u] {
        transform: translateY(0);
    }

.divider[b-51p53iu80u] {
    text-align: center;
    margin: 1.5rem 0;
    position: relative;
    color: #9ca3af;
    font-size: 0.85rem;
}

    .divider[b-51p53iu80u]::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        height: 1px;
        background: #e5e7eb;
    }

    .divider span[b-51p53iu80u] {
        background: rgba(255, 255, 255, 0.95);
        padding: 0 1rem;
    }

.signup-link[b-51p53iu80u] {
    text-align: center;
    color: #6b7280;
    font-size: 0.9rem;
}

    .signup-link a[b-51p53iu80u] {
        color: var(--CS_color1);
        text-decoration: none;
        font-weight: 600;
        margin-left: 4px;
    }

        .signup-link a:hover[b-51p53iu80u] {
            text-decoration: underline;
        }

.error-message[b-51p53iu80u] {
    background: #fef2f2;
    color: #dc2626;
    padding: 12px;
    border-radius: 8px;
    font-size: 0.9rem;
    margin-bottom: 1rem;
    border: 1px solid #fecaca;
    display: none;
}

.success-message[b-51p53iu80u] {
    background: #f0fdf4;
    color: #16a34a;
    padding: 12px;
    border-radius: 8px;
    font-size: 0.9rem;
    margin-bottom: 1rem;
    border: 1px solid #bbf7d0;
    display: none;
}

@media (max-width: 480px) {
    .login-container[b-51p53iu80u] {
        margin: 1rem;
        padding: 2rem 1.5rem;
    }

    .logo-text[b-51p53iu80u] {
        font-size: 1.8rem;
    }

    .form-options[b-51p53iu80u] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }
}

/* Animation d'entrée */
@keyframes slideInUp-b-51p53iu80u {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.login-container[b-51p53iu80u] {
    animation: slideInUp-b-51p53iu80u 0.6s ease-out;
}
/* _content/Colinternet/Defaut/Pages/Error.razor.rz.scp.css */
/* _content/Colinternet/Defaut/Pages/HomeCommercial.razor.rz.scp.css */
#Statistiques[b-fb3crwf8u9]{
    width: 90%;
    margin: auto;
}
.header[b-fb3crwf8u9] {
    background-color: unset;
    margin-bottom : 2vh;
}
h1[b-fb3crwf8u9] {
    height: 20vh;
    justify-content: center;
    align-items: center;
    display: flex;
}
h3[b-fb3crwf8u9] {
    display: flex;
    height: 10vh;
    justify-content: center;
    align-items: center;
}
.header > ul[b-fb3crwf8u9] {
    display: flex;
    align-items: center;
    flex-direction: row;
     width: 80%; 
    /* width: 90%; */
    /* margin: 5% 5% 2%; */
    list-style-type: none;
    /* padding: 0; */
    margin: 0;
    justify-content: space-around;
    padding: 0;
    margin: auto;
    border: none;
    box-shadow: none;
}

    .header > ul > li[b-fb3crwf8u9] {
        text-transform: uppercase;
        padding: 0.5vh 0.5vw;
        border: solid 1px var(--CS_color1);
        color: var(--CS_color1);
        border-radius: 5px;
        box-shadow: 0px 3px 6px #00000029;
        cursor: pointer;
    }

        .header > ul > li:hover[b-fb3crwf8u9], .header > ul > li.active[b-fb3crwf8u9] {
            background-color: var(--CS_color1);
            color: white;
        }

        .header > ul > li.active[b-fb3crwf8u9] {
            pointer-events: none;
        }

        .header > ul > li:active[b-fb3crwf8u9] {
            box-shadow: inset 0 3px 6px #00000029;
        }

        @media screen and (max-width: 768px) {
            .header > ul[b-fb3crwf8u9] {
                    width: 90%;
                    flex-wrap: wrap;
                }

                    .header > ul > li[b-fb3crwf8u9] {
                        width: 30%;
                        margin: 10px auto;
                        text-align: center;
                    }
            }

            @media screen and (max-width: 425px) {

                .header > ul[b-fb3crwf8u9] {
                    width: 90%;
                    flex-wrap: wrap;
                }

                    .header > ul > li[b-fb3crwf8u9] {
                        width: 50%;
                        margin: 10px auto;
                        text-align: center;
                    }
            }
/* _content/Colinternet/Defaut/Pages/HomePage.razor.rz.scp.css */
#homePage[b-1lye9zpnlp] {
    margin: auto;
    width: 90%;
}
/* _content/Colinternet/Defaut/Pages/HomePage2.razor.rz.scp.css */
#homePage[b-9t8wkzswgi] {
    margin: auto;
    width: 90%;
}
/* _content/Colinternet/Defaut/Pages/Merchandising/Lineaire.razor.rz.scp.css */
.content[b-xt8npu3gh6] {
    background: var(--CS_color-blanc);
}

.noVisible[b-xt8npu3gh6] {
    visibility: hidden;
}

.disabled[b-xt8npu3gh6] {
    padding-left: 20px;
}
.prix[b-xt8npu3gh6] {
    width: 7vw;
}
    .disabled button[b-xt8npu3gh6] {
        /* UI Properties */
        background: #ddd;
        border-radius: 5px;
        opacity: 1;
        text-align: center;
        letter-spacing: 0px;
        color: #333;
        border: none;
        text-transform: uppercase;
        outline: none;
        cursor: initial;
        width: 154px;
        height: 38px;
        font: normal normal normal 13px/20px ;
        line-height: 13px;
    }

.lineaire[b-xt8npu3gh6] {
    margin: auto;
    width: 90vw;
    font: normal normal normal 17px/23px ;
    letter-spacing: 0px;
    color: #A1A1A1;
    opacity: 1;
    padding-top: 30px
}

.divBtnRetour[b-xt8npu3gh6] {
    margin-bottom: 1vw;
    font: normal normal normal 13px/18px ;
    letter-spacing: 0px;
    color: #A1A1A1;
    width: fit-content;
    cursor: pointer;
}

.imgBtnRetour[b-xt8npu3gh6] {
    transform: rotate(180deg);
    width: 0.9vw;
}


img[b-xt8npu3gh6] {
    cursor: pointer;
}


.hiddenWait[b-xt8npu3gh6] {
    display: none;
}

.showWait[b-xt8npu3gh6] {
    display: block;
    position: absolute;
    top: 43%;
    left: 43%;
}

.titreLineaire[b-xt8npu3gh6] {
    height: 23px;
    display: flex;
    justify-content: flex-start;
    white-space: nowrap;
}

.textLineaire[b-xt8npu3gh6] {
    text-align: left;
    text-transform: uppercase;
    padding-right: 110px;
}


.ligne[b-xt8npu3gh6] {
    border: 1px solid var(--CS_color1);
    height: 0;
    margin: auto 0;
    width: 100%;
}

.textDroitLineaire[b-xt8npu3gh6] {
    color: white;
    padding-right: 20px;
    font-size: 15px!important;
    cursor: pointer;
}

.upload[b-xt8npu3gh6], .upload2[b-xt8npu3gh6] {
    margin: 1vw 0;
    text-align: center;
    font: normal normal normal 13px/18px;
    letter-spacing: 0px;
    color: #A1A1A1;
}

    .upload a[b-xt8npu3gh6], .upload2 a[b-xt8npu3gh6] {
        text-decoration: underline!important;
        color: #A1A1A1!important;
    }

    .upload img[b-xt8npu3gh6], upload2 img[b-xt8npu3gh6] {
        width: 1.5vw;
    }
upload2 img[b-xt8npu3gh6] {
    width: 1.5vw;
}
.upload .bi[b-xt8npu3gh6], upload2 .bi[b-xt8npu3gh6] {
    font-size: 1.5vw!important;
}

.upload[b-xt8npu3gh6] {
    width: 25%;
}

.contentDetail[b-xt8npu3gh6] {
    display: flex;
}

.imgLineaire[b-xt8npu3gh6] {
    width: 25.69vw;
    height: 122vh;
    overflow-x: auto;
    overflow-y: hidden;
}

.desc[b-xt8npu3gh6] {
    width: 400px;
    overflow: hidden;
    /*white-space: nowrap;*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 0.3vw 0;
}

.imgLineaire img[b-xt8npu3gh6] {
    height: 100%;
    max-width: none;
}

.listProduits[b-xt8npu3gh6] {
    width: 74%;
    margin-left: 16px;
}

.caracteristique[b-xt8npu3gh6] {
    text-align: left;
    font: normal normal normal 12px/17px 
    letter-spacing: 0px;
    color: #000000;
    text-transform: none;
    opacity: 1;
}

.contentTitreList[b-xt8npu3gh6] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

    .contentTitreList > div[b-xt8npu3gh6] {
        text-align: left;
        font: normal normal 600 20px/27px ;
        letter-spacing: 0px;
        color: #000000;
        text-transform: uppercase;
        opacity: 1;
    }

.addP button[b-xt8npu3gh6], .ajouterPanier[b-xt8npu3gh6] {
    /* UI Properties */
    background: var(--CS_color1) 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 1;
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    border: none;
    text-transform: uppercase;
    font: normal normal normal 14px/19px;
    outline: none;
}

.ajoutePanierOther[b-xt8npu3gh6] {
    background: var(--CS_color1) 0% 0% no-repeat padding-box;
    background-size: auto;
    border-radius: 3px;
}

.addP button:hover[b-xt8npu3gh6] {
    box-shadow: inset 2px 3px 4px #00000040;
}

.pager[b-xt8npu3gh6] {
    width: 100%;
}


.contentTitreList button[b-xt8npu3gh6], .footerList button[b-xt8npu3gh6] {
    width: 260px;
    height: 38px;
    font: normal normal normal 15px/20px ;
    outline: none;
}

    .contentTitreList button:active[b-xt8npu3gh6], .footerList button:active[b-xt8npu3gh6], .ajouterPanier:active[b-xt8npu3gh6] {
        box-shadow: inset 0px 3px 6px #00000029;
    }

    .buttonProgress[b-xt8npu3gh6] {
        background: var(--CS_color1) 0% 0% repeat-y padding-box;
        border-radius: 5px;
        border: none;
        opacity: 1;
        text-align: center;
        letter-spacing: 0px;
        color: #FFFFFF;
        border: none;
        text-transform: uppercase;
        width: 260px;
        height: 38px;
        font: normal normal normal 15px/20px;
    }

    .buttonProgress:focus[b-xt8npu3gh6] {
        border: none;
    }

.addP button[b-xt8npu3gh6] {
    width: fit-content;
    height: fit-content;
    padding: 5px;
}

.ajoutePanier[b-xt8npu3gh6] {
    width: 211px;
    font: normal normal normal 14px/19px ;
}

.ajoutePanier:active[b-xt8npu3gh6], .detail:active[b-xt8npu3gh6] {
    box-shadow: inset 0px 3px 6px #00000029;
}
.detail[b-xt8npu3gh6] {
    width: 211px;
    /* UI Properties */
    background: var(--CS_color2) 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    text-align: center;
    font: normal normal normal 14px/19px;
    letter-spacing: 0px;
    color: var(--CS_color-blanc);
    text-transform: uppercase;
    border: none;
    opacity: 1;
}

.dejaCommande[b-xt8npu3gh6] {
    width: 122px;
    height: 18px;
    /* UI Properties */
    background: #A1A1A1 0% 0% no-repeat padding-box;
    border-radius: 3px;
    text-align: center;
    font: normal normal normal 12px/17px ;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

.prix[b-xt8npu3gh6], .plusMoins[b-xt8npu3gh6] {
    display: flex;
    width: 6vw;
}



.addP[b-xt8npu3gh6], .graph[b-xt8npu3gh6] {
    padding-left: 20px
}

.new[b-xt8npu3gh6] {
    width: 60px;
    height: 18px;
    /* UI Properties */
    background: #8EBB16 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    text-align: center;
    font: normal normal normal 12px/17px ;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

.white[b-xt8npu3gh6] {
    background-color: white;
}

.panierLi[b-xt8npu3gh6] {
    width: 18px;
    height: 13px;
    opacity: 1;
    padding-top: 10px;
    color: #82e0aa!important;
}



.contentProd[b-xt8npu3gh6], .existeAussi[b-xt8npu3gh6] {
    background-color: white;
    height: 16vh;
    width: 100%;
    border: 1px solid #CBCBCB;
    border-radius: 5px;
    opacity: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000000;
}

.contentProd[b-xt8npu3gh6] {
    margin: 0.3vw 0;
    padding: 0 2vw;
}

.ajoutePanier[b-xt8npu3gh6] {
}

.detail[b-xt8npu3gh6] {
}

.titreExiste[b-xt8npu3gh6] {
    margin: 1vw 5vw 0;
    text-align: left;
    font: normal normal normal 20px/27px ;
    letter-spacing: 0px;
    color: #A1A1A1;
    text-transform: uppercase;
    opacity: 1;
}

.dejaCommande[b-xt8npu3gh6] {
    margin-top: 1vw;
}

bouton[b-xt8npu3gh6] {
    outline: none!important;
}

.boutonExiste[b-xt8npu3gh6] {
    /*height: 100%;*/
    /*display: flex;*/
    flex-direction: column;
    justify-content: space-evenly;
}

.existeAussi[b-xt8npu3gh6] {
    padding: 0 1vw 0 4vw;
}

.footerList[b-xt8npu3gh6] {
    display: flex;
    justify-content: space-between;
}

.existeAussi .img img[b-xt8npu3gh6] {
    height: 6vw;
}

.contentProd > div[b-xt8npu3gh6] {
    margin: 4px;
    max-width: 100%;
}

.img img[b-xt8npu3gh6] {
    width: 7.2vw;
    object-fit: contain;
    max-height: 14.2vh;
}

.desc[b-xt8npu3gh6] {
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    font-size: 14px!important;
    font-weight: 600;
}

.descExist[b-xt8npu3gh6] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 18vw;
    /* width: 400px; */
    overflow: hidden;
}

.titreExisteDesc[b-xt8npu3gh6] {
    margin-top: 1vh;
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    font-size: 14px!important;
    font-weight: 600;
}

.existeDesc[b-xt8npu3gh6] {
    height: auto;
    overflow-wrap: anywhere;
    /*text-align: justify;*/
    text-align: left;
    font: normal normal 600 12px/17px ;
    letter-spacing: 0px;
    color: #A1A1A1;
    padding-bottom: 0.5vw;
}

.imgExiste img[b-xt8npu3gh6] {
    object-fit: cover;
    max-width: 10vw;
    max-height: 12vh;
}
}



.btnMoinsMerchandising[b-xt8npu3gh6], .btnPlusMerchandising[b-xt8npu3gh6] {
    background: white 0% 0% no-repeat padding-box;
    color: #CBCBCB;
}

.btnMerchandisingActif[b-xt8npu3gh6] {
    color: #A1A1A1;
}

.stockArticleMerchandising_red[b-xt8npu3gh6] {
    color: red!important;
}

.stockArticleMerchandising_orange[b-xt8npu3gh6] {
    color: orange!important;
}

.stockArticleMerchandising_green[b-xt8npu3gh6] {
    color: #82e0aa!important;
}

#imageArticle[b-xt8npu3gh6]{
    width: 100%;
}

.IconeTop[b-xt8npu3gh6] {
    position: absolute;
}
    .IconeTop img[b-xt8npu3gh6] {
        top: -5vh;
        position: relative;
        left: -0.5vw;
    }
.infos[b-xt8npu3gh6] {
    width: 0px;
}

.popupImage[b-xt8npu3gh6] {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    z-index: 999;
    background: rgba(0, 0, 0, 0.3);
}

    .popupImage .closePopupImage[b-xt8npu3gh6] {
        background: white;
        width: 100%;
        text-align: right;
        padding-bottom: 0.5vw;
    }

        .popupImage .closePopupImage span[b-xt8npu3gh6] {
            cursor: pointer;
            background: white;
            font-weight: bold;
        }

    .popupImage > div[b-xt8npu3gh6] {
        max-width: 30%;
        height: max-content;
        padding: 1vw;
        border: solid #eee 1px;
        box-shadow: 5px 5px 10px #666;
        background: rgba(255, 255, 255, 1);
        position: relative;
        z-index: 7;
        border-radius: 2%;
    }
/* _content/Colinternet/Defaut/Pages/Merchandising/PagerMarchandising.razor.rz.scp.css */

.navPager[b-lk5gdrma92] {
    display: flex;
    justify-content: center;
    margin-bottom: 8vh;
}

.divPager[b-lk5gdrma92] {
    display: row;
}

    .divPager span[b-lk5gdrma92] {
        font: normal normal normal 17px/23px;
        letter-spacing: 0px;
        color: #A1A1A1;
        margin: 0.2vw;
    }

.active[b-lk5gdrma92] {
    color: #000000 !important;
}

span[b-lk5gdrma92] {
    cursor: pointer
}
/* _content/Colinternet/Defaut/Pages/MesArticlesFavorisPage.razor.rz.scp.css */
.enteteMesArticlesFavoris[b-8i06ilto2b] {
    display: flex;
    margin: 5vh 5vw;
    justify-content: space-between;
}

    .enteteMesArticlesFavoris div:first-child[b-8i06ilto2b] {
        width: 10vw;
    }

    .enteteMesArticlesFavoris div:nth-child(2)[b-8i06ilto2b] {
        text-align: left;
        font: normal normal normal 17px/20px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color1);
        text-transform: uppercase;
    }

    .enteteMesArticlesFavoris div:last-child[b-8i06ilto2b] {
        width: 65vw;
    }



    .enteteMesArticlesFavoris .ligne[b-8i06ilto2b] {
        border: 1px solid var(--CS_color1);
        height: 0;
        margin: auto 0;
    }

#mesArticlesFavoris > div:last-child > div:last-child[b-8i06ilto2b] {
    width: 75%;
}

#mesArticlesFavoris > div:last-child > div:first-child[b-8i06ilto2b] {
}


.actionArticleFavoris input[b-8i06ilto2b] {
    background: var(--CS_color-blanc) 0% 0% no-repeat padding-box;
    box-shadow: inset 0px 3px 6px #00000029;
    border: 1px solid #A1A1A1;
    text-align: left;
    font: normal normal normal 15px/20px var(--CS_font1);
    letter-spacing: 0px;
    color: #A1A1A1;
    height: 3vh;
    border-radius: 5px;
    width: 75%;
    cursor: pointer;
}

.actionArticleFavoris > div:first-child[b-8i06ilto2b] {
    display: flex;
    flex-direction: column;
    margin-top: 4vh;
}
    /*Listes des collection d'articles*/
    .actionArticleFavoris > div:first-child > div:first-child[b-8i06ilto2b] {
        background: var(--CS_color-blanc) 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 5px;
        display: flex;
        flex-direction: column;
        text-align: left;
        font: normal normal normal 15px/20px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
        width: 75%;
        margin: auto;
        padding: 2vh;
    }

        .actionArticleFavoris > div:first-child > div:first-child > p[b-8i06ilto2b] {
            margin-bottom: 1vh;
            padding-left: 1vh;
            cursor: pointer;
            text-transform: uppercase;
        }

            .actionArticleFavoris > div:first-child > div:first-child > p:hover[b-8i06ilto2b] {
                color: var(--CS_color1);
            }

    .actionArticleFavoris > div:first-child > div:last-child[b-8i06ilto2b] {
        display: flex;
        flex-direction: column;
        margin-top: 4vh;
    }
/*Renommer + supprimer*/
.listeArticleFavoris > div:first-child[b-8i06ilto2b] {
    margin: auto;
}

    /*input*/
    .listeArticleFavoris > div:first-child > div:first-child > input[b-8i06ilto2b] {
        border: none;
        font: normal normal 20px/25px var(--CS_font1);
        width: fit-content;
        box-shadow: inset 0px 3px 6px #00000029;
        border-radius: 5px;
        padding: 0.5vh 0.5vw;
        text-transform: uppercase;
    }

    /*button*/
    .listeArticleFavoris > div:first-child > div:nth-child(2)[b-8i06ilto2b] {
        text-align: left;
        font: normal normal 600 12px/15px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-blanc);
        text-transform: uppercase;
        margin-top: 1vh;
    }

        .listeArticleFavoris > div:first-child > div:nth-child(2) > div > svg[b-8i06ilto2b] {
            height: 2vh;
            fill: #000;
            cursor: pointer;
            margin: 0 0.5vw;
        }

            .listeArticleFavoris > div:first-child > div:nth-child(2) > div > svg:hover[b-8i06ilto2b] {
                fill: var(--CS_color1);
            }

    .listeArticleFavoris > div:first-child > div:last-child[b-8i06ilto2b] {
    }
/*creer*/
.actionArticleFavoris > div:first-child > div:last-child[b-8i06ilto2b] {
    display: flex;
    flex-direction: column;
    margin-top: 2vh;
}
    /*input*/
    .actionArticleFavoris > div:first-child > div:last-child > div:first-child[b-8i06ilto2b] {
        display: flex;
        justify-content: center;
    }
    /*button*/
    .actionArticleFavoris > div:first-child > div:last-child > div:last-child[b-8i06ilto2b] {
        text-align: center;
        font: normal normal 600 12px/15px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-blanc);
        text-transform: uppercase;
        width: fit-content;
        margin: auto;
        margin-top: 1vh;
        background: var(--CS_color1) 0% 0% no-repeat padding-box;
        border-radius: 5px;
        padding: 1vh 0.5vw;
        display: flex;
        margin-right: 12.5%;
        cursor: pointer;
    }


@media screen and (max-width: 425px) {

    .enteteMesArticlesFavoris div:last-child[b-8i06ilto2b] {
        width: 35vw;
    }



    #mesArticlesFavoris > div:last-child > div:first-child[b-8i06ilto2b] {
        width: 100%;
    }

    #mesArticlesFavoris > div:last-child > div:last-child[b-8i06ilto2b] {
        width: 80%;
        margin: 30px auto;
    }

    .listeArticleFavoris > div:first-child[b-8i06ilto2b] {
        flex-wrap: wrap;
    }

        .listeArticleFavoris > div:first-child > div:first-child[b-8i06ilto2b] {
            width: 80%
        }

            .listeArticleFavoris > div:first-child > div:first-child > input[b-8i06ilto2b] {
                width: 100%;
            }

        .listeArticleFavoris > div:first-child > div:last-child[b-8i06ilto2b] {
            width: 100%;
            margin: 15px auto;
        }
}

#mesArticlesFavoris > div:last-child[b-8i06ilto2b] {
    display: flex;
}

.SideBarFav[b-8i06ilto2b] {
    position: fixed;
    left: calc(100% + 20rem);
    width: 20rem;
    box-shadow: -1px -10px 10px #ddd;
    transition: left 1s;
    background: white;
    top: 0;
    z-index: 600;
    padding: 1rem 1rem 1rem 1rem;
    height: 100vh
}

    .SideBarFav > div > div > input[b-8i06ilto2b] {
        margin-right: 1rem;
    }

    .SideBarFav > div[b-8i06ilto2b] {
        line-height: 3rem
    }
        .SideBarFav > div:first-child[b-8i06ilto2b] {
            display: flex;
            justify-content: flex-end;
            cursor: pointer;
        }

            .SideBarFav > div:first-child span[b-8i06ilto2b] {
                font-size: 3rem !important;
            }

.SideBarFavListe[b-8i06ilto2b] {
    position: fixed;
    left: -20rem;
    width: 20rem;
    box-shadow: 1px 10px 10px #ddd;
    transition: left 1s;
    background: white;
    top: 0;
    z-index: 600;
    padding: 1rem 1rem 1rem 1rem;
    height: 100vh
}
    .SideBarFavListe > div:first-child[b-8i06ilto2b] {
        display: flex;
        justify-content: flex-end;
        cursor: pointer;
    }

        .SideBarFavListe > div:first-child span[b-8i06ilto2b] {
            font-size: 3rem !important;
        }
.SideBarFavOpen[b-8i06ilto2b] {
    left: calc(100% - 20rem);
    ;
}
.SideBarFavListeOpen[b-8i06ilto2b] {
    left: 0;
}

.SideBarFavClose[b-8i06ilto2b] {
    left: calc(100% + 20rem);
}
.SideBarFavListeClose[b-8i06ilto2b] {
    left: -20rem;
}






/**ARTICLES*/
#listeArticleFavoris[b-8i06ilto2b] {
    display: flex;
    flex-direction: column;
}

.article[b-8i06ilto2b] {
    background: var(--CS_color-blanc) 0% 0% no-repeat padding-box;
    border: 1px solid #CBCBCB;
    border-radius: 5px;
    padding: 1vw;
    margin: 1vh 2vw;
}

    .article > div:first-child[b-8i06ilto2b] {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }

        .article > div:first-child > div[b-8i06ilto2b] {
            margin: auto;
            width: 25%;
        }

.imgArticle[b-8i06ilto2b] {
    width: 8vw;
    height: 8vw;
    display: flex;
    padding: 1vw;
}

    .imgArticle > img[b-8i06ilto2b] {
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }

.infoArticle > div:first-child[b-8i06ilto2b] {
    text-align: left;
    font: normal normal bold 12px/17px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    text-transform: uppercase;
}

.infoArticle > div:last-child[b-8i06ilto2b] {
    text-align: left;
    font: normal normal normal 12px/17px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
}

    .infoArticle > div:last-child > p:last-child[b-8i06ilto2b] {
        font: normal normal 600 12px/17px var(--CS_font1);
    }

.boutonArticle[b-8i06ilto2b] {
    display: flex;
    justify-content: center;
}

.btnPlusMoins[b-8i06ilto2b] {
    display: flex;
    justify-content: space-around;
    margin: auto;
    flex-direction: column;
}
    /*Bouton*/
    .btnPlusMoins > div:first-child[b-8i06ilto2b] {
        display: flex;
        justify-content: space-around;
        margin: auto;
    }

        .btnPlusMoins > div:first-child > div:first-child[b-8i06ilto2b], .btnPlusMoins > div:first-child > div:last-child[b-8i06ilto2b] {
            box-shadow: 0px 3px 6px #00000029;
            border-radius: 5px;
            text-align: left;
            font: normal normal normal 25px/30px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-blanc);
            display: flex;
            justify-content: center;
            background: var(--CS_color1) 0% 0% no-repeat padding-box;
        }

            .btnPlusMoins > div:first-child > div:first-child > span[b-8i06ilto2b], .btnPlusMoins > div:first-child > div:last-child > span[b-8i06ilto2b] {
                margin: auto;
            }

        .btnPlusMoins > div:first-child > div:nth-child(2)[b-8i06ilto2b] {
            text-align: center;
            font: normal normal normal 17px/20px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
            margin: 0 0.5vw;
            min-width: 1.5vw;
        }

.btnDisable[b-8i06ilto2b] {
    background: var(--CS_color2) 0% 0% no-repeat padding-box !important;
}
/*Texte increment*/
.btnPlusMoins > div:last-child[b-8i06ilto2b] {
    text-align: left;
    font: normal normal normal 13px/16px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    margin: auto;
}

.panier[b-8i06ilto2b] {
    width: 1vw;
    margin: auto;
    margin-left: 1vw;
    color: var(--CS_color1);
}

.prixArticle[b-8i06ilto2b] {
    display: flex;
    flex-direction: column;
}

    .prixArticle > p:first-child[b-8i06ilto2b] {
        font: normal normal normal 20px/24px var(--CS_font1);
    }

    .prixArticle > p[b-8i06ilto2b] {
        text-align: center;
        font: normal normal normal 12px/17px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
        text-transform: uppercase;
    }

.ajouterPanier > div[b-8i06ilto2b] {
    text-align: center;
    font: normal normal 600 12px/15px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-blanc);
    text-transform: uppercase;
    width: 90%;
    margin: auto;
    margin-top: auto;
    margin-top: auto;
    margin-top: 1vh;
    background: var(--CS_color1) 0% 0% no-repeat padding-box;
    border-radius: 5px;
    padding: 1vh 0.2vw;
    display: flex;
}

    .ajouterPanier > div.disabled[b-8i06ilto2b] {
        background: white 0% 0% no-repeat padding-box;
        border: solid 1px var(--CS_color1);
        color: var(--CS_color1);
    }

    .ajouterPanier > div > p[b-8i06ilto2b] {
        margin: auto;
    }

.addP[b-8i06ilto2b] {
    width: fit-content;
    margin: auto
}

.article > span:last-child[b-8i06ilto2b] {
    display: flex;
    justify-content: flex-end;
    color: var(--CS_color1);
    cursor: pointer;
}

.checkboxList[b-8i06ilto2b] {
    position: sticky;
    margin: 2rem;
    line-height: 3rem;
}



input[type="radio"][b-8i06ilto2b] {
    margin-right: 1rem;
}

input[type="text"][b-8i06ilto2b] {
    line-height: 1rem;
}

button[b-8i06ilto2b] {
    line-height: 1rem;
}



.articleGestion[b-8i06ilto2b] {
    border: solid 1px #eee;
    width: 90%;
    margin: auto;
    padding: 5px;
    border-radius: 5px;
    line-height: 2rem !important;
}

    .articleGestion > img[b-8i06ilto2b] {
        width: 100px;
    }

.gestiondesfav[b-8i06ilto2b], .deletefav[b-8i06ilto2b], .gestiondesliste[b-8i06ilto2b] {
    color: var(--CS_color1);
    cursor: pointer;
}

.gestiondesliste[b-8i06ilto2b] {
    margin: 0 5vw;
    display: flex;
    align-items: center;
}
.gestiondesfav[b-8i06ilto2b], .deletefav[b-8i06ilto2b] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.checkboxList span[b-8i06ilto2b] {
    cursor: pointer;
}

.radiobox[b-8i06ilto2b] {
    display: flex;
    align-items: center;
}

input[type="checkbox"][b-8i06ilto2b] {
    width: 1em;
    height: 1em;
    background-color: white;
    vertical-align: middle;
    border: 1px solid var(--CS_color1);
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    margin-right: 5px;
}

    input[type="checkbox"]:checked[b-8i06ilto2b], input[type="radio"]:checked[b-8i06ilto2b] {
        background: var(--CS_color1);
    }

input[type="radio"][b-8i06ilto2b] {
    width: 1em;
    height: 1em;
    background-color: white;
    vertical-align: middle;
    border: 1px solid var(--CS_color1);
    border-radius: 50%;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    margin-right: 5px;
}
/* _content/Colinternet/Defaut/Pages/MonComptePage.razor.rz.scp.css */
.headerCompte > ul[b-zmaqcbi5bm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    width: 90%;
    margin: 2% 0 2% 5%;
    list-style-type: none;
    padding: 0;
}
    .headerCompte > ul > li[b-zmaqcbi5bm] {
        text-transform: uppercase;
        padding: 0.5vh 0.5vw;
        border: solid 1px var(--CS_color1);
        color: var(--CS_color1);
        border-radius: 5px;
        box-shadow: 0px 3px 6px #00000029;
        cursor: pointer;
    }

        .headerCompte > ul > li:hover[b-zmaqcbi5bm], .headerCompte > ul > li.active[b-zmaqcbi5bm] {
            background-color: var(--CS_color1);
            color: white;
        }
        .headerCompte > ul > li .active[b-zmaqcbi5bm] {
            background-color: var(--CS_color1);
            cursor: default;
        }

            .headerCompte > ul > li:active[b-zmaqcbi5bm], .headerCompte > ul > li:active[b-zmaqcbi5bm] {
            box-shadow: inset 0px 3px 6px #00000029;
        }

.composantCompte > div > div > p[b-zmaqcbi5bm] {
    font-size: 16px!important;
}

.composantCompte > div > div:first-child > p[b-zmaqcbi5bm], .composantCompte > div > div > label[b-zmaqcbi5bm], .composantCompte > div > div:first-child > p[b-zmaqcbi5bm], .composantCompte > div > div:nth-child(2) > p[b-zmaqcbi5bm], .composantCompte > div > div > div:last-child > div > p[b-zmaqcbi5bm], .composantCompte > div > div:first-child > p[b-zmaqcbi5bm],
.composantCompte > div > div[b-zmaqcbi5bm], .composantCompte > div > div > div:last-child > div > p[b-zmaqcbi5bm] {
    font-size: 18px!important;
}

.headerCompte > ul > li:hover[b-zmaqcbi5bm], .headerCompte > ul > li[b-zmaqcbi5bm] {
    font-size: 20px!important;
}

@media screen and (min-width: 1920px) {
    .composantCompte > div > div > p[b-zmaqcbi5bm] {
        font-size: 14px!important;
    }

    .composantCompte > div > div:first-child > p[b-zmaqcbi5bm], .composantCompte > div > div > label[b-zmaqcbi5bm], .composantCompte > div > div:first-child > p[b-zmaqcbi5bm], .composantCompte > div > div:nth-child(2) > p[b-zmaqcbi5bm], .composantCompte > div > div > div:last-child > div > p[b-zmaqcbi5bm], .composantCompte > div > div:first-child > p[b-zmaqcbi5bm],
    .composantCompte > div > div[b-zmaqcbi5bm], .composantCompte > div > div > div:last-child > div > p[b-zmaqcbi5bm] {
        font-size: 15px!important;
    }

    .headerCompte > ul > li:hover[b-zmaqcbi5bm], .headerCompte > ul > li[b-zmaqcbi5bm] {
        font-size: 17px!important;
    }
}

@media screen and (max-width: 1024px) {
    .composantCompte > div[b-zmaqcbi5bm] {
        width: 80%;
        margin: 25px auto;
        text-align: center;
    }

    .headerCompte > ul[b-zmaqcbi5bm] {
        flex-wrap: wrap;
    }

        .headerCompte > ul > li[b-zmaqcbi5bm] {
            width: 30%;
            margin-top: 15px;
            text-align: center;
        }

}

@media screen and (max-width: 768px) {
    .composantCompte > div > div > div[b-zmaqcbi5bm] {
        width: 11%;
    }

    legend[b-zmaqcbi5bm] {
        text-align: left;
    }

    .composantCompte > div[b-zmaqcbi5bm] {
        width: 100%;
    }

    .headerCompte > ul > li:hover[b-zmaqcbi5bm], .headerCompte > ul > li[b-zmaqcbi5bm] {
        font-size: 20px!important;
    }
}


@media screen and (max-width: 425px) {
    .composantCompte > div[b-zmaqcbi5bm] {
        width: 100%;
        text-align: left;
    }

    .headerCompte > ul[b-zmaqcbi5bm] {
        flex-direction: column;
    }

    .headerCompte > ul > li[b-zmaqcbi5bm] {
        width: 100%!important;
        text-align: center;
        margin: 10px auto;
    }
}
/* _content/Colinternet/Defaut/Pages/PageCards.razor.rz.scp.css */
#PageCards[b-0pk1znwxey] {
    width: 90%;
    margin: auto;
}
/* _content/Colinternet/Defaut/Pages/PageCardsList.razor.rz.scp.css */
#PageCardsList[b-q4p02yos1s] {
    width: 90%;
    margin: auto;
}
/* _content/Colinternet/Defaut/Pages/Paiements/EchecPaiement.razor.rz.scp.css */
.EchecPaiement[b-onclnd9ylz] {
    margin: auto;
    width: fit-content;
    margin: 5rem auto;
}

.imagedroite[b-onclnd9ylz] {
    height: 5rem;
    width: 5rem;
    background: #f19076;
}

.boutons[b-onclnd9ylz] {
    display: flex;
    gap: 2rem;
}

.boutons > p[b-onclnd9ylz] {
    text-transform: uppercase;
    padding: 0.5vh 0.5vw;
    border: solid 1px var(--CS_color1);
    color: var(--CS_color1);
    border-radius: 5px;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
}

    .boutons > p:last-child[b-onclnd9ylz] {
        text-transform: uppercase;
        padding: 0.5vh 0.5vw;
        border: solid 1px var(--CS_color1);
        color: white;
        background: var(--CS_color1);
        border-radius: 5px;
        box-shadow: 0px 3px 6px #00000029;
        cursor: pointer;
    }

.echec[b-onclnd9ylz] {
    display: flex;
    gap: 2rem;
}

.imagegauche[b-onclnd9ylz] {
    width: 7rem;
    height: 7rem;
}

    .imagegauche > img[b-onclnd9ylz] {
        height: inherit;
    }

/* _content/Colinternet/Defaut/Pages/PanierPage.razor.rz.scp.css */
.entetePanier[b-4fl9797qam] {
    display: flex;
    margin: 5vh 5vw;
    justify-content: space-between;
}

    .entetePanier div:first-child[b-4fl9797qam] {
        width: 10vw;
    }

    .entetePanier div:nth-child(2)[b-4fl9797qam] {
        text-align: left;
        font: normal normal normal 17px/20px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color1);
        text-transform: uppercase;
    }

    .entetePanier div:last-child[b-4fl9797qam] {
        width: 65vw;
    }



    .entetePanier .ligne[b-4fl9797qam] {
        border: 1px solid var(--CS_color1);
        height: 0;
        margin: auto 0;
    }

#panierPage[b-4fl9797qam]{
    width: 90%;
    margin: auto;
}
#panierPage > div:last-child[b-4fl9797qam] {
    display: flex;
}
    #panierPage > div:last-child > div:first-child[b-4fl9797qam] {
        width: 75%;
    }
    #panierPage > div:last-child > div:last-child[b-4fl9797qam] {
        width: fit-content;
        display: flex;
        flex-direction: column;
        max-height: fit-content;
        position: sticky;
        top: 0;
    }

    .space-cell[b-4fl9797qam] {
        padding-right: 5px;
    }

    .infoPanier[b-4fl9797qam]{

    }
        .infoPanier > div:first-child[b-4fl9797qam] {
            display: flex;
            flex-direction: column;
            padding: 4vh 1vw;
        }
            .infoPanier > div:first-child > div[b-4fl9797qam] {
                margin-bottom: 4vh;
                white-space: nowrap;
            }
        .infoPanier > div:first-child >div> p[b-4fl9797qam] {
            text-align: left;
            font: normal normal normal 15px/18px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
        }

        .infoPanier tr:nth-child(2)[b-4fl9797qam], .infoPanier tr:nth-child(4)[b-4fl9797qam] {
            font-weight: 800;
        }
            .infoPanier > div:first-child > div > p > span[b-4fl9797qam] {
                font: normal normal 600 15px/20px var(--CS_font1);
            }
            .infoPanier > div:first-child > div:first-child > p:first-child[b-4fl9797qam] {
                font: normal normal 600 20px/27px var(--CS_font1);
                text-transform: uppercase;
            }

            .infoPanier > div:first-child > div:nth-child(4) > div:first-child[b-4fl9797qam] {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                text-align: left;
                font: normal normal 600 12px/15px var(--CS_font1);
                letter-spacing: 0px;
                color: var(--CS_color-blanc);
                text-transform: uppercase;
                margin-bottom: 4vh;
            }

                .infoPanier > div:first-child > div:nth-child(4) > div:first-child > a:first-child[b-4fl9797qam] {
                    background: var(--CS_color1) 0% 0% no-repeat padding-box;
                    color: white;
                    border-radius: 5px;
                    text-decoration: none;
                    font-size: 17px!important;
                    padding: 1vh 0.5vw;
                    justify-content: center;
                    display: flex;
                    cursor: pointer;
                    box-shadow: 0px 3px 6px #00000029;
                }
                .infoPanier > div:first-child > div:nth-child(4) > div:first-child > div:first-child[b-4fl9797qam] {
                    background: var(--CS_color1) 0% 0% no-repeat padding-box;
                    border-radius: 5px;
                    padding: 1vh 0.5vw;
                    display: flex;
                    cursor: pointer;
                    box-shadow: 0px 3px 6px #00000029;
                    width: 100%;
                }

                .infoPanier > div:first-child > div:nth-child(4) > div:first-child > div:nth-child(2)[b-4fl9797qam], .payercommandeenligne[b-4fl9797qam] {
                    border: solid 1px var(--CS_color1);
                    color: var(--CS_color1);
                    border-radius: 5px;
                    padding: 1vh 0.5vw;
                    display: flex;
                    cursor: pointer;
                    width: 100%;
                    margin-top: 10px;
                }

                .infoPanier > div:first-child > div:nth-child(4) > div:first-child > a:hover[b-4fl9797qam] {
                    box-shadow: inset 0px 3px 6px #00000029;
                }
                .infoPanier > div:first-child > div:nth-child(4) > div:first-child > div:hover[b-4fl9797qam] {
                    box-shadow: inset 0px 3px 6px #00000029;
                }

                .infoPanier > div:first-child > div:nth-child(4) > div:first-child > div >p[b-4fl9797qam] {
                   margin : auto;
                }
            .infoPanier > div:first-child > div:nth-child(4) > div:last-child[b-4fl9797qam], .infoPanier > div:first-child > div:nth-child(4) > div:nth-child(2)[b-4fl9797qam] {
                display: flex;
                justify-content: center;
                margin-top: 2vh;
                cursor: pointer;
            }
                .infoPanier > div:first-child > div:nth-child(4) > div:last-child:hover > svg[b-4fl9797qam], .infoPanier > div:first-child > div:nth-child(4) > div:last-child:hover > p[b-4fl9797qam], .infoPanier > div:first-child > div:nth-child(4) > div:nth-child(2):hover > svg[b-4fl9797qam], .infoPanier > div:first-child > div:nth-child(4) > div:nth-child(2):hover > p[b-4fl9797qam] {
                    color: var(--CS_color1);
                    fill: var(--CS_color1);
                }
                .infoPanier > div:first-child > div:nth-child(4) > div:last-child > svg[b-4fl9797qam], .infoPanier > div:first-child > div:nth-child(4) > div:nth-child(2) > svg[b-4fl9797qam] {
                    width: 1vw;
                    margin-right: 1vw;
                }
                .infoPanier > div:first-child > div:nth-child(4) > div:last-child > p[b-4fl9797qam], .infoPanier > div:first-child > div:nth-child(4) > div:nth-child(2) > p[b-4fl9797qam] {
                    font: normal normal bold 15px/18px var(--CS_font1);
                    letter-spacing: 0px;
                    color: var(--CS_color-noir);
                    text-transform: uppercase;
                    margin: auto 0;
                }

                .infoPanier > div:first-child > div:nth-child(5)[b-4fl9797qam] {
                    font: normal normal normal 14px var(--CS_font1);
                    font-size: 14px!important;
                    letter-spacing: 0px;
                    text-align: center;
                }
            .infoPanier > div:first-child > div:nth-child(5) >span:nth-child(even)[b-4fl9797qam] {
                text-decoration : underline;
            }
        .infoPanier > div:last-child > p[b-4fl9797qam] {
            font: normal normal 20px/27px var(--CS_font1);
            text-transform: uppercase;
            margin-bottom: 2vh;
            text-align: center;
        }
        .infoPanier > div:last-child > p > span[b-4fl9797qam] {
            font: normal normal bold 20px/27px var(--CS_font1);
        }
            .infoPanier > div:last-child > div[b-4fl9797qam] {
            background: #A1A1A1 0% 0% no-repeat padding-box;
            border-radius: 5px;
            height: 7vh;
            display: flex;
            justify-content: center;
        }
            .infoPanier > div:last-child > div > p[b-4fl9797qam] {
                text-align: left;
                font: normal normal normal 15px/18px var(--CS_font1);
                letter-spacing: 0px;
                color: var(--CS_color-blanc);
                margin: auto;
            }

        /*.infoPanier > div:last-child {
            display: none;
        }*/


        .containerPopupConfirmationSuppression[b-4fl9797qam] {
            width: 100%;
            height: 100%;
            top: 0;
            position: fixed;
            display: flex;
            backdrop-filter: blur(1px);
        }

    .containerPopupConfirmationSuppression > .popupConfirmationSuppression[b-4fl9797qam] {
        position: relative;
        margin: auto;
        background-color: white;
        border: 3px solid var(--CS_color1);
        border-radius: 5px;
        box-shadow: 0px 3px 6px #00000029;
        width: 25vw;
        height: 25vh;
        display: flex;
        flex-direction: column;
        text-align: left;
        font: normal normal normal 15px/18px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
    }

        .containerPopupConfirmationSuppression > .popupConfirmationSuppression > .headerConfirmationSuppression[b-4fl9797qam] {
            display: flex;
            justify-content: space-between;
            padding: 1vh;
            font: normal normal 600 20px/27px var(--CS_font1);
        }
        .containerPopupConfirmationSuppression > .popupConfirmationSuppression > .headerConfirmationSuppression span[b-4fl9797qam] {
            cursor: pointer;
        }
        .containerPopupConfirmationSuppression > .popupConfirmationSuppression > .contentConfirmationSuppression[b-4fl9797qam] {
            font: normal normal normal 20px/27px var(--CS_font1);
            padding: 1vh;
        }
        .containerPopupConfirmationSuppression > .popupConfirmationSuppression > .footerConfirmationSuppression[b-4fl9797qam] {
            display: flex;
            flex-direction: row;
            justify-content: space-around;
            font: normal normal 600 12px/15px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-blanc);
            text-transform: uppercase;
            margin-top: 3vh;
        }
            .containerPopupConfirmationSuppression > .popupConfirmationSuppression > .footerConfirmationSuppression > div[b-4fl9797qam] {
                background: var(--CS_color1) 0% 0% no-repeat padding-box;
                border-radius: 5px;
                padding: 1vh 1vw;
                cursor: pointer;
                display: flex;
            }

            .containerPopupConfirmationSuppression > .popupConfirmationSuppression > .footerConfirmationSuppression > div > p[b-4fl9797qam] {
                margin: auto;
            }

.infoPanier > div:first-child > div:nth-child(5)[b-4fl9797qam] {
    font-size: 16px!important;
}

.infoPanier > div:first-child > div > p[b-4fl9797qam], .infoPanier > div:first-child > div[b-4fl9797qam],
.infoPanier > div:first-child > div[b-4fl9797qam], .infoPanier > div:first-child > div:nth-child(4) > div:first-child[b-4fl9797qam], .infoPanier > div:first-child > div:nth-child(4) > div:last-child > p[b-4fl9797qam], .infoPanier > div:first-child > div:nth-child(4) > div:nth-child(2) > p[b-4fl9797qam],
.infoPanier > div:last-child > div > p[b-4fl9797qam], .entetePanier div:nth-child(2)[b-4fl9797qam] {
    font-size: 18px!important;
}

    .infoPanier > div:first-child > div:first-child > p:first-child[b-4fl9797qam] {
        font-size: 24px!important;
    }

.RetourPanier[b-4fl9797qam] {
    color: var(--CS_color1);
    margin: 0 0 1vh 4vw;
    cursor: pointer;
}

.RetourPanier:hover a[b-4fl9797qam] {
    text-decoration: underline;
}

@media screen and (max-width: 1920px) {

    .infoPanier > div:first-child > div:nth-child(5)[b-4fl9797qam] {
        font-size: 14px!important;
    }

    .infoPanier > div:first-child > div > p[b-4fl9797qam], .infoPanier > div:first-child > div[b-4fl9797qam],
    .infoPanier > div:first-child > div[b-4fl9797qam], .infoPanier > div:first-child > div:nth-child(4) > div:first-child[b-4fl9797qam], .infoPanier > div:first-child > div:nth-child(4) > div:last-child > p[b-4fl9797qam], .infoPanier > div:first-child > div:nth-child(4) > div:nth-child(2) > p[b-4fl9797qam],
    .infoPanier > div:last-child > div > p[b-4fl9797qam], .entetePanier div:nth-child(2)[b-4fl9797qam] {
        font-size: 15px!important;
    }

        .infoPanier > div:first-child > div:first-child > p:first-child[b-4fl9797qam] {
            font-size: 20px!important;
        }
    }

@media screen and (max-width: 1024px) {

    #panierPage > div:last-child[b-4fl9797qam] {
        flex-direction: column;
    }

    #panierPage > div:last-child > div:first-child[b-4fl9797qam] {
        width: 90%;
        margin: auto;
    }

    #panierPage > div:last-child > div:last-child[b-4fl9797qam] {
        width: 50%;
        align-items: center;
        margin: auto;
    }

    .infoPanier > div:first-child > div:nth-child(4) > div:last-child > svg[b-4fl9797qam], .infoPanier > div:first-child > div:nth-child(4) > div:nth-child(2) > svg[b-4fl9797qam] {
        width: 2vw;
    }
}

@media screen and (max-width: 768px) {
    .infoPanier > div:first-child > div:nth-child(4) > div:last-child > svg[b-4fl9797qam], .infoPanier > div:first-child > div:nth-child(4) > div:nth-child(2) > svg[b-4fl9797qam] {
        width: 3vw;
    }
}

@media screen and (max-width: 425px) {

    .entetePanier div:last-child[b-4fl9797qam] {
        width: 45vw;
    }

    .infoPanier > div:first-child > div:nth-child(4) > div:last-child > svg[b-4fl9797qam], .infoPanier > div:first-child > div:nth-child(4) > div:nth-child(2) > svg[b-4fl9797qam] {
        width: 4vw;
    }
}

.PanierVide[b-4fl9797qam] {
    margin: auto;
    width: fit-content;
    padding: 11vh;
}

/*COULEUR JAUNE POUR DATE EXPIRATION*/
tr:first-child[b-4fl9797qam] {
    background: yellow;
    /* text-align: center; */
    height: 5vh;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1vh;
    display: none; /* jusqu'à ce que les paniers soient supprimés dans Colibase */
}


/*LISTE DES ARTICLES DU PANIER*/
#listeArticlePanier[b-4fl9797qam] {
    display: flex;
    flex-direction: column;
}

.article[b-4fl9797qam] {
    /*display: flex;*/
    /* flex-direction: row;*/
    /*flex-direction: column;*/
    background: var(--CS_color-blanc) 0% 0% no-repeat padding-box;
    border: 1px solid #CBCBCB;
    border-radius: 5px;
    padding: 1vw;
    /*justify-content: space-around;*/
    margin: 1vh 2vw;
}
    /*.article > div {
    margin : auto;
    width : 25%;
}*/


    .article > div:first-child[b-4fl9797qam] {
        display: flex;
        /*flex-direction: row;
        justify-content: space-around;*/
    }

        .article > div:first-child > div[b-4fl9797qam] {
            width: 30rem;
            /* margin: auto;
            width: fit-content;*/
        }

            .article > div:first-child > div:first-child[b-4fl9797qam] {
                width: 20%;
            }

            /*.article > div:first-child > div:nth-child(2) {
                width: 40%;
            }*/

            .article > div:first-child > div:nth-child(3)[b-4fl9797qam] {
                width: 15%;
                text-align: center;
            }

            .article > div:first-child > div:nth-child(4)[b-4fl9797qam] {
                width: 20%;
            }

            .article > div:first-child > div:nth-child(5)[b-4fl9797qam] {
                width: 5%;
                text-align: center;
            }

.imgArticle[b-4fl9797qam] {
    height: 8vw;
    padding: 1vw;
}

    .imgArticle > img[b-4fl9797qam] {
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }

.infoArticle > div:first-child[b-4fl9797qam] {
    text-align: left;
    font: normal normal normal 14px/17px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    text-transform: uppercase;
    margin-bottom: 2vh;
}

.infoArticle > div:last-child[b-4fl9797qam] {
    text-align: left;
    font: normal normal normal 14px/17px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
}

 .prix[b-4fl9797qam] {
     font-size : 17px;
     font-weight : 600;
 }

.btnPlusMoins[b-4fl9797qam] {
    display: flex;
    justify-content: space-around;
    margin: auto;
    flex-direction: column;
}
    /*Bouton*/
    .btnPlusMoins > div:first-child[b-4fl9797qam] {
        display: flex;
        justify-content: space-around;
        margin: auto;
        margin-bottom: 1vh;
    }

        .btnPlusMoins > div:first-child > div:first-child[b-4fl9797qam], .btnPlusMoins > div:first-child > div:last-child[b-4fl9797qam] {
            box-shadow: 0px 3px 6px #00000029;
            border-radius: 5px;
            text-align: left;
            font: normal normal normal 25px/30px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-blanc);
            display: flex;
            justify-content: center;
            background: var(--CS_color1) 0% 0% no-repeat padding-box;
        }

            .btnPlusMoins > div:first-child > div:first-child > span[b-4fl9797qam], .btnPlusMoins > div:first-child > div:last-child > span[b-4fl9797qam] {
                margin: auto;
                padding : 5px;
            }

        .btnPlusMoins > div:first-child > div:nth-child(2)[b-4fl9797qam] {
            text-align: center;
            font: normal normal normal 17px/20px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color-noir);
            margin: 0 0.5vw;
            min-width: 1.5vw;
        }


/*Texte increment*/
.btnPlusMoins > div:last-child[b-4fl9797qam] {
    text-align: left;
    font: normal normal normal 13px/16px var(--CS_font1);
    letter-spacing: 0px;
    color: var(--CS_color-noir);
    margin: auto;
}

.prixArticle[b-4fl9797qam] {
    display: flex;
    flex-direction: column;
}

    .prixArticle > p:first-child[b-4fl9797qam] {
        font: normal normal normal 20px/24px var(--CS_font1);
    }

    .prixArticle > p[b-4fl9797qam] {
        text-align: center;
        font: normal normal normal 12px/17px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-noir);
        text-transform: uppercase;
    }

.article > div:last-child[b-4fl9797qam] {
    font: normal normal 600 12px/17px var(--CS_font1);
}

.poubelleArticle > div > svg[b-4fl9797qam] {
    width: 1.1vw;
    cursor: pointer;
}

.poubelleArticle > div:hover > svg[b-4fl9797qam] {
    fill: var(--CS_color1);
}

.btnPlusMoins > div:last-child[b-4fl9797qam] {
    font-size: 16px !important;
}

.infoArticle > div:last-child[b-4fl9797qam], .infoArticle > div:last-child > p:last-child[b-4fl9797qam] {
    font-size: 13px !important;
}

.btnPlusMoins > div:first-child > div:nth-child(2)[b-4fl9797qam] {
    font-size: 22px !important;
}

.infoArticle > div:first-child > p:first-child[b-4fl9797qam], .prixArticle > p:first-child[b-4fl9797qam] {
    font-size: 24px !important;
}

@media screen and (max-width: 1920px) {
    .btnPlusMoins > div:last-child[b-4fl9797qam] {
        font-size: 14px !important;
    }


    .btnPlusMoins > div:first-child > div:nth-child(2)[b-4fl9797qam] {
        font-size: 27px !important;
    }

    .infoArticle > div:first-child > p:first-child[b-4fl9797qam], .prixArticle > p:first-child[b-4fl9797qam] {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 425px) {
    .article > div:first-child[b-4fl9797qam] {
        flex-wrap: wrap;
    }

        .article > div:first-child > div:first-child[b-4fl9797qam] {
            height: fit-content;
            width: 30%;
        }

        .article > div:first-child > div:nth-child(2)[b-4fl9797qam] {
            width: 70%;
        }

    .imgArticle > img[b-4fl9797qam] {
        width: 100%;
    }

    .article > div:first-child > div:nth-child(3)[b-4fl9797qam] {
        width: 40%;
        margin: 30px auto;
    }

    .article > div:first-child > div:nth-child(4)[b-4fl9797qam] {
        width: 30%;
    }

    .poubelleArticle > div > svg[b-4fl9797qam] {
        width: 100%;
    }
}

.footer_article_panier[b-4fl9797qam] {
    display: flex;
    align-items: center;
}

    .prevente[b-4fl9797qam] {
        font-size: 20px;
        color: var(--CS_color1);
        font-weight: 600;
    }

.panierVide[b-4fl9797qam] {
    text-align: center;
}

.prixBarre[b-4fl9797qam] {
    text-decoration: line-through;
}

.FrancoKo[b-4fl9797qam], .FrancoOk[b-4fl9797qam]{
    margin: 0 5vw;
    font-weight: bold;
}

.FrancoKo[b-4fl9797qam] {
    color: red;
}
.FrancoOk[b-4fl9797qam] {
    color: green;
}

.diametre[b-4fl9797qam] {
    right: 50px;
    float: right;
    border-radius: 50%;
    background: var(--CS_color1);
    width: 45px !important;
    height: 45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 12px !important;
    box-shadow: 3px 3px 3px #ccc;
    position: relative;
    transform: rotate(20deg);
}

    .diametre > span:first-child[b-4fl9797qam] {
        font-size: 12px !important;
    }


    /**PROGRESSION PANIER**/
#progression[b-4fl9797qam] {
    margin-top: 2rem;
    display: flex;
    justify-content: space-evenly;
}

.etape > div:first-child[b-4fl9797qam] {
    display: flex;
    background: var(--CS_color1);
    color: white;
    border-radius: 50%;
    border: solid 1px #eee;
    width: 2rem;
    height: 2rem;
    align-items: center;
    justify-content: center;
    opacity: 0.2;
    pointer-events: none; 
    margin: auto;
}

.actif[b-4fl9797qam] {
    cursor: pointer-events: none;
}
.actif > div[b-4fl9797qam] {
    opacity: 1 !important;
}

.buttonmonetico > button[b-4fl9797qam] {
    height: 3rem;
}

.buttonmonetico > button > img[b-4fl9797qam]{
    height: 100%;
}


/*panierdefault*/

.cart-header[b-4fl9797qam] {
    text-align: center;
    margin-bottom: 3rem;
}

    .cart-header h1[b-4fl9797qam] {
        font-size: 2.5rem;
        font-weight: 300;
        color: #1e293b;
        margin-bottom: 1rem;
    }

.progress-bar[b-4fl9797qam] {
    display: flex;
    justify-content: center;
    gap: 2rem;
    margin: 2rem 0;
}

.progress-step[b-4fl9797qam] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    position: relative;
}

    .progress-step[b-4fl9797qam]::after {
        content: '';
        position: absolute;
        right: -1.5rem;
        width: 2rem;
        height: 2px;
        background: #e2e8f0;
        top: 50%;
        transform: translateY(-50%);
    }

    .progress-step:last-child[b-4fl9797qam]::after {
        display: none;
    }

.step-circle[b-4fl9797qam] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.9rem;
}

.step-active .step-circle[b-4fl9797qam] {
    background: #374151;
    color: white;
}

.step-inactive .step-circle[b-4fl9797qam] {
    background: #e2e8f0;
    color: #64748b;
}

.step-text[b-4fl9797qam] {
    font-size: 0.9rem;
    font-weight: 500;
}

.step-active .step-text[b-4fl9797qam] {
    color: #374151;
}

.step-inactive .step-text[b-4fl9797qam] {
    color: #94a3b8;
}

.free-shipping-banner[b-4fl9797qam] {
    background: #f9fafb;
    border: 1px solid #d1d5db;
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    text-align: center;
}

    .free-shipping-banner[b-4fl9797qam]::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        /*background: repeating-linear-gradient( 45deg, transparent, transparent 10px, rgba(245, 158, 11, 0.1) 10px, rgba(245, 158, 11, 0.1) 20px );*/
        /*animation: shimmer 3s linear infinite;*/
    }

@keyframes shimmer-b-4fl9797qam {
    0% {
        transform: translateX(-100%) translateY(-100%);
    }

    100% {
        transform: translateX(100%) translateY(100%);
    }
}

.free-shipping-content[b-4fl9797qam] {
    position: relative;
    z-index: 1;
}

.free-shipping-banner h3[b-4fl9797qam] {
    color: #374151;
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.free-shipping-banner p[b-4fl9797qam] {
    color: #6b7280;
    font-size: 0.95rem;
}

.cart-layout[b-4fl9797qam] {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 3rem;
    align-items: start;
}

.cart-items[b-4fl9797qam] {
    background: white;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border: 1px solid #e5e7eb;
}

.item[b-4fl9797qam] {
    display: grid;
    grid-template-columns: 100px 1fr auto;
    gap: 1.5rem;
    padding: 1.5rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    background: #fafbfc;
    border: 1px solid #e5e7eb;
    position: relative;
    transition: all 0.3s ease;
}

    .item:hover[b-4fl9797qam] {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        border-color: #9ca3af;
    }

.item-image[b-4fl9797qam] {
    width: 100px;
    height: 100px;
    border-radius: 12px;
    object-fit: cover;
    background: white;
    padding: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.item-details[b-4fl9797qam] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.item-title[b-4fl9797qam] {
    font-weight: 600;
    color: #1e293b;
    font-size: 1.1rem;
    line-height: 1.3;
}

.item-ref[b-4fl9797qam] {
    font-size: 0.85rem;
    color: #64748b;
    font-weight: 500;
}

.item-price[b-4fl9797qam] {
    font-size: 0.9rem;
    color: #6b7280;
    font-weight: 600;
}

.quantity-controls[b-4fl9797qam] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
}

.qty-input[b-4fl9797qam] {
    display: flex;
    align-items: center;
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
}

.qty-btn[b-4fl9797qam] {
    background: #f8fafc;
    border: none;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1.2rem;
    color: #64748b;
    transition: all 0.2s ease;
}

    .qty-btn:hover[b-4fl9797qam] {
        background: #374151;
        color: white;
    }

.qty-number[b-4fl9797qam] {
    width: 60px;
    text-align: center;
    border: none;
    padding: 0.75rem 0;
    font-weight: 600;
    font-size: 1rem;
    background: white;
}

.item-actions[b-4fl9797qam] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1rem;
    justify-content: space-between;
}

.item-total[b-4fl9797qam] {
    font-size: 1.3rem;
    font-weight: 700;
    color: #1e293b;
}

.delete-btn[b-4fl9797qam] {
    background: #fee2e2;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    cursor: pointer;
    color: #dc2626;
    font-size: 1.1rem;
    transition: all 0.2s ease;
}

    .delete-btn:hover[b-4fl9797qam] {
        background: #dc2626;
        color: white;
        transform: scale(1.05);
    }

.cart-summary[b-4fl9797qam] {
    background: white;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border: 1px solid #e5e7eb;
    position: sticky;
    top: 120px;
    height: fit-content;
}

.summary-title[b-4fl9797qam] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 1.5rem;
    text-align: center;
}

.summary-row[b-4fl9797qam] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid #f1f5f9;
}

    /*.summary-row:last-child {
        border-bottom: none;
        padding-top: 1rem;
        font-size: 1.2rem;
        font-weight: 700;
    }*/

.summary-label[b-4fl9797qam] {
    color: #64748b;
    font-weight: 500;
}

.summary-value[b-4fl9797qam] {
    font-weight: 600;
    color: #1e293b;
}

.total-value[b-4fl9797qam] {
    color: #1f2937;
    font-size: 1.4rem;
}

.order-stats[b-4fl9797qam] {
    background: #f9fafb;
    border-radius: 8px;
    padding: 1.5rem;
    margin: 1.5rem 0;
    border: 1px solid #e5e7eb;
}

.stats-grid[b-4fl9797qam] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.stat-item[b-4fl9797qam] {
    text-align: center;
}

.stat-number[b-4fl9797qam] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1f2937;
}

.stat-label[b-4fl9797qam] {
    font-size: 0.85rem;
    color: #6b7280;
    font-weight: 500;
}

.checkout-btn[b-4fl9797qam] {
    width: 100%;
    background: #1f2937;
    color: white;
    border: none;
    padding: 1rem 2rem;
    border-radius: 8px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

    .checkout-btn:hover[b-4fl9797qam] {
        background: #374151;
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(31, 41, 55, 0.3);
    }

.cart-actions[b-4fl9797qam] {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
}

.secondary-btn[b-4fl9797qam] {
    flex: 1;
    background: white;
    color: #6b7280;
    border: 1px solid #d1d5db;
    padding: 0.75rem 1rem;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .secondary-btn:hover[b-4fl9797qam] {
        background: #f9fafb;
        border-color: #9ca3af;
    }

@media (max-width: 768px) {
    .cart-layout[b-4fl9797qam] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .item[b-4fl9797qam] {
        grid-template-columns: 80px 1fr;
        gap: 1rem;
    }

    .item-actions[b-4fl9797qam] {
        grid-column: 1 / -1;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-top: 1rem;
    }

    .container[b-4fl9797qam] {
        padding: 1rem;
    }

    .progress-bar[b-4fl9797qam] {
        gap: 1rem;
    }

    .step-text[b-4fl9797qam] {
        display: none;
    }
}

.loading[b-4fl9797qam] {
    opacity: 0.7;
    pointer-events: none;
}

@keyframes pulse-b-4fl9797qam {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

.updating[b-4fl9797qam] {
    animation: pulse-b-4fl9797qam 1s infinite;
}
/* _content/Colinternet/Defaut/Pages/PanierPageDefault.razor.rz.scp.css */
.cart-container[b-ocwhjoyi5u] {
    max-width: 90%;
    margin: 2rem auto;
    padding: 0 2rem;
}
.free-shipping-banner[b-ocwhjoyi5u] {
    padding: 1rem;
    border-radius: 12px;
    text-align: center;
    margin-bottom: 2rem;
    font-weight: 500;
    border: solid 1px;
    color: var(--CS_color1);
}
.step-circle[b-ocwhjoyi5u] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    font-size: 12px;
}
.breadcrumb[b-ocwhjoyi5u] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 2rem;
    color: #666;
}
.breadcrumb-step[b-ocwhjoyi5u] {
    display: flex;
    align-items: center;
    gap: 10px;
}
.step-active[b-ocwhjoyi5u] {
    background: linear-gradient(135deg, var(--CS_color2) 0%, var(--CS_color1) 100%);
}

.step-inactive[b-ocwhjoyi5u] {
    background: #ccc;
}
.cart-content[b-ocwhjoyi5u] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 2rem;
}

.cart-items[b-ocwhjoyi5u] {
    background: white;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

.cart-title[b-ocwhjoyi5u] {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    color: #333;
}

.cart-item[b-ocwhjoyi5u] {
    padding: 1.5rem 0;
    border-bottom: 1px solid #f0f0f0;
    align-items: center;
}

    .cart-item:last-child[b-ocwhjoyi5u] {
        border-bottom: none;
    }

.cart-item-details[b-ocwhjoyi5u] {
    display: grid;
    grid-template-columns: 120px 1fr auto;
    gap: 1.5rem;
}
.item-image[b-ocwhjoyi5u] {
    width: 120px;
    height: 120px;
    background: #f8f9fa;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 2px solid #f0f0f0;
}

.item-info[b-ocwhjoyi5u] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.item-title[b-ocwhjoyi5u] {
    font-weight: 600;
    font-size: 1.1rem;
    color: #333;
    margin-bottom: 5px;
}

.item-ref[b-ocwhjoyi5u] {
    color: #666;
    font-size: 0.9rem;
}

.item-price[b-ocwhjoyi5u] {
    /*font-size: 1rem;*/
    /*font-weight: 600;*/
    color: var(--CS_color1);
}

.quantity-controls[b-ocwhjoyi5u] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 10px 0;
}

.qty-btn[b-ocwhjoyi5u] {
    width: 35px;
    height: 35px;
    border: 2px solid #e0e0e0;
    background: white;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .qty-btn:hover[b-ocwhjoyi5u] {
        border-color: #667eea;
        background: #667eea;
        color: white;
    }

.qty-input[b-ocwhjoyi5u] {
    width: 60px;
    text-align: center;
    border: 2px solid #e0e0e0;
    border-radius: 6px;
    padding: 8px;
    font-weight: 600;
}

.item-actions[b-ocwhjoyi5u] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

.remove-btn[b-ocwhjoyi5u] {
    color: #ff6b6b;
    cursor: pointer;
    padding: 8px;
    border-radius: 6px;
    transition: background 0.3s ease;
}

    .remove-btn:hover[b-ocwhjoyi5u] {
        background: #fff5f5;
    }

.cart-summary[b-ocwhjoyi5u] {
    background: white;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    height: fit-content;
    position: sticky;
    top: 2rem;
}

.summary-title[b-ocwhjoyi5u] {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    color: #333;
}

.summary-row[b-ocwhjoyi5u] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    color: #666;
}

    .summary-row.total[b-ocwhjoyi5u] {
        font-size: 1.2rem;
        font-weight: 600;
        color: #333;
        border-top: 2px solid #f0f0f0;
        padding-top: 1rem;
        margin-top: 1.5rem;
    }

.shipping-info[b-ocwhjoyi5u] {
    background: #f8fffe;
    border: 2px solid #4ecdc4;
    border-radius: 8px;
    padding: 1rem;
    margin: 1.5rem 0;
    color: #2d9c95;
    font-size: 0.7rem
}

.checkout-btn[b-ocwhjoyi5u] {
    width: 100%;
    background: linear-gradient(135deg, var(--CS_color2) 0%, var(--CS_color1) 100%);
    color: white;
    border: none;
    padding: 1rem 2rem;
    border-radius: 8px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin-top: 1rem;
}

    .checkout-btn:hover[b-ocwhjoyi5u] {
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
    }

.big-button[b-ocwhjoyi5u] {
    width: 100%;
    background: transparent;
    color: var(--CS_color1);
    border: 2px solid var(--CS_color1);
    padding: 1rem 2rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 1rem;
}

    .big-button:hover[b-ocwhjoyi5u] {
        background: var(--CS_color1);
        color: white;
    }

.promo-section[b-ocwhjoyi5u] {
    margin: 1.5rem 0;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 8px;
}

.promo-input[b-ocwhjoyi5u] {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

    .promo-input input[b-ocwhjoyi5u] {
        flex: 1;
        padding: 10px;
        border: 2px solid #e0e0e0;
        border-radius: 6px;
    }

.little-button[b-ocwhjoyi5u] {
    background: var(--CS_color1);
    color: white;
    border: none;
    padding: 3px;
    border-radius: 6px;
    cursor: pointer;
    /*font-weight: 500;*/
}

.security-badges[b-ocwhjoyi5u] {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 1.5rem;
    opacity: 0.7;
}

.badge[b-ocwhjoyi5u] {
    font-size: 0.8rem;
    color: #666;
    display: flex;
    align-items: center;
    gap: 5px;
}

@media (max-width: 768px) {
    .cart-content[b-ocwhjoyi5u] {
        grid-template-columns: 1fr;
    }

    .cart-item[b-ocwhjoyi5u] {
        grid-template-columns: 80px 1fr;
        gap: 1rem;
    }

    .item-actions[b-ocwhjoyi5u] {
        grid-column: 1 / -1;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 1rem;
    }
}
/* _content/Colinternet/Defaut/Pages/PanierPrintPage.razor.rz.scp.css */
button[b-mwlmcdvcie] {
    background: var(--CS_color1) 0% 0% no-repeat padding-box;
    border-radius: 5px;
    padding: 1vh 0.5vw;
    cursor: pointer;
    box-shadow: 0px 3px 6px #00000029;
    border: none;
    position: relative;
    left: 78%;
    margin-top: 2vh;
}
/* _content/Colinternet/Defaut/Pages/ResetPasswd.razor.rz.scp.css */
.btnPrimary[b-eq3u22hnph], .btnBlack[b-eq3u22hnph] {
    width: fit-content;
    height: fit-content
}
.annuler[b-eq3u22hnph] {
    color: var(--CS_color1);
    text-transform: uppercase;
    text-align: center;
    padding: 1vh 1vw;
    border: solid 1px var(--CS_color1);
    border-radius: 5px;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
    width: fit-content;
}

    .annuler:hover[b-eq3u22hnph] {
        box-shadow: inset 0px 3px 6px #00000029;
    }
.control[b-eq3u22hnph]{
    margin-top: 1vw
}

#ResetPwd[b-eq3u22hnph]
{
    width:370px;
    margin: 2vw auto;
}

.input[b-eq3u22hnph], .control[b-eq3u22hnph] {
    display: flex;
    gap: 1vw;
    justify-content: flex-end;
    align-items: center;
}
        .input > div:nth-child(2)[b-eq3u22hnph]
        {
            width: 80%;
        }

        input[b-eq3u22hnph] {
            width: 100%
        }

.message[b-eq3u22hnph] {
    height: 2vw;
    padding: 2vh 0;
    color: var(--CS_color1);
    font-weight: bold;
}

#logo[b-eq3u22hnph] {
    text-align: center;
    margin-bottom: 3vh;
}

/* _content/Colinternet/Defaut/Shared/LayoutMerchandising.razor.rz.scp.css */
/*POUR AFFICHER SOUS-MENU EN HOVER*/
.MenuHover:hover + div[b-w7flccazs3] {
    display: block
}

.MenuHover + div[b-w7flccazs3] {
    display: none;
}
/***/

.headerMerchandising[b-w7flccazs3] {
    height: 5vh;
    width: 100vw;
    background: #A1A1A1 0% 0% no-repeat padding-box;
    display: flex;
}

.titleLayoutMerchandising[b-w7flccazs3] {
    display: flex;
    margin-left: 2vw;
}

    .titleLayoutMerchandising h3[b-w7flccazs3] {
        margin: auto;
        text-align: left;
        font: normal normal normal 17px/17px ;
        letter-spacing: 0px;
        color: #FFFFFF;
        text-transform: uppercase
    }

.dropDownMerchandising[b-w7flccazs3] {
    text-align: left;
    font: normal normal 500 17px/23px ;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    background: #A1A1A1 0% 0% no-repeat padding-box;
    position: relative;
    width: fit-content;
    display: flex;
    flex-direction: column;
    margin-left: 7vw;
}

    .dropDownMerchandising > div:first-child[b-w7flccazs3] {
        /*margin: auto 0.5vw;*/
        height: 5vh;
        display: flex
    }

    .dropDownMerchandising > div[b-w7flccazs3] {
        background: #A1A1A1 0% 0% no-repeat padding-box;
        /*margin: auto 0.5vw;*/
        padding-left: 0.5vw;
        width: 10vw;
    }

    .dropDownMerchandising p[b-w7flccazs3] {
        margin: auto 0;
    }

.iconDropDownMerchandising[b-w7flccazs3] {
    /*margin: 1.9vh 0.1vw;*/
    margin: auto 0.1vw;
}

.itemMenuMerchandising[b-w7flccazs3] {
    display: inline-flex;
    height: 4vh;
    /*width: 100%;*/
    width: 10vw;
}

    .itemMenuMerchandising > div[b-w7flccazs3] {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: fit-content;
    }

.sousItemMenuMerchandising[b-w7flccazs3] {
    /*
    display: flex;
    
    position: relative;
    width: fit-content;
    left: 4.7vw;*/
    background: #A1A1A1 0% 0% no-repeat padding-box;
    justify-content: center;
    margin-left: 1vw;
    /*margin-left: 4vw;*/
}

    .sousItemMenuMerchandising p[b-w7flccazs3] {
        margin-left: 1vw!important;
    }

    .sousItemMenuMerchandising > div[b-w7flccazs3] {
        width: 10vw;
        display: flex;
        text-overflow: clip;
    }

.soussousItemMenuMerchandising[b-w7flccazs3] {
    /*display: flex;
    position: relative;
    width: fit-content;
    left: 4.7vw;*/
    background: #A1A1A1 0% 0% no-repeat padding-box;
    justify-content: center;
    margin-left: 1vw;
    /*margin-left: 4vw;*/
}

    .soussousItemMenuMerchandising p[b-w7flccazs3] {
        margin-left: 3vw!important;
    }

    .soussousItemMenuMerchandising > div[b-w7flccazs3] {
        width: 10vw;
        display: flex;
        text-overflow: clip;
    }

.itemMenuMerchandisingCliquable:hover[b-w7flccazs3] {
    cursor: pointer;
    font-weight: bold!important;
}

.itemMenuMerchandisingCliquable p[b-w7flccazs3] {
    margin: auto 0;
}

.contentMerchandising[b-w7flccazs3] {
    background-color: #EEEEEE;
    min-height: 82vh;
}

.footerMerchandising[b-w7flccazs3] {
    display: flex;
    height: 3vh;
    width: 100vw;
    background: #CBCBCB 0% 0% no-repeat padding-box;
}

    .footerMerchandising p[b-w7flccazs3] {
        font: normal normal normal 20px/27px ;
        letter-spacing: 0px;
        color: #000000;
        margin: auto;
        text-align: center
    }

.transitionFooter[b-w7flccazs3] {
    transition: all 0.3s ease-in-out;
}

    .transitionFooter p[b-w7flccazs3] {
        font: normal normal normal 15px/20px ;
    }

.glyphiconFooter[b-w7flccazs3] {
    font-size: 9px!important;
    margin-left: 1vw;
    font-weight: 500;
}

.footerMerchandising span[b-w7flccazs3] {
    cursor: pointer;
}
/* _content/Colinternet/Defaut/Shared/MainLayout.razor.rz.scp.css */
.header[b-wlneili91f] {
    box-shadow: 0px 3px 6px #00000029;
    background-color: var(--Color-light);
    z-index: 10;
    position: relative;
}

.body[b-wlneili91f]{
    min-height:800px;
}

@media screen and (max-width: 1024px){
    .Mobile[b-wlneili91f] {
        position: absolute;
        color: var(--CS_color1);
        top: 0px;
        left: 0px;
        display: flex;
        padding: 11px;
        justify-content: flex-end;
    }
    .NoMobile[b-wlneili91f] {
        display: none;
    }
}
@media screen and (min-width: 1024px) {
    .Mobile[b-wlneili91f] {
        display: none;
    }

    .NoMobile[b-wlneili91f] {
        display: block;
    }
}