@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/ColinternetBackoffice/ColinternetBackoffice.l7jho3plrb.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;
}
/* _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 */
.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 */
.btnPlusMoins[b-z0erbrn3p8] {
    display: flex;
    justify-content: space-around;
    margin: auto;
    flex-direction: column;
}
    /*Bouton*/
    .btnPlusMoins > div:first-child[b-z0erbrn3p8] {
        display: flex;
        justify-content: space-around;
        margin: 0 auto 1vh;
    }

        .btnPlusMoins > div:first-child > div:first-child[b-z0erbrn3p8], .btnPlusMoins > div:first-child > div:last-child[b-z0erbrn3p8] {
            border-radius: 5px;
            text-align: left;
            font: normal normal normal 25px/30px var(--CS_font1);
            letter-spacing: 0px;
            display: flex;
            justify-content: center;
        }

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

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

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

.btnDisable[b-z0erbrn3p8] {
    background: var(--CS_color1) 0% 0% no-repeat padding-box !important;
    opacity: 0.4;
}
/*Texte increment*/
.btnPlusMoins > div:last-child[b-z0erbrn3p8] {
    text-align: left;
    font: normal normal normal 13px/16px var(--CS_font1);
    letter-spacing: 0px;
    margin: auto;
}
.btnAddPanier[b-z0erbrn3p8] {
    border-radius: 5px;
    text-align: center;
    font: normal normal normal 17px/20px var(--CS_font1);
    letter-spacing: 0px;
    text-transform: uppercase;
    width: 100%;
    cursor: pointer;
    height: 19%;
}
/* _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/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 */
.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/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/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;
    }
/* _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/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/TableauArticleInterne.razor.rz.scp.css */
.prixBarre[b-d3hyyr2r9f] {
    font-size: 14px;
    padding-left: 5px;
    text-decoration: line-through;
    font-weight: normal;
    color: #333;
}

.image[b-d3hyyr2r9f] {
    display: flex;
}
.image img[b-d3hyyr2r9f] {
    margin: auto;
    height: 7vh;
}
.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] .rz-spinner-button.rz-spinner-up.rz-button, .rz-spinner-button.rz-spinner-down.rz-button[b-d3hyyr2r9f] {
    display: none !important;
     background-color: var(--CS_color1);
}
.rz-spinner-button[b-d3hyyr2r9f] {
    display: none !important;
     background-color: var(--CS_color1);
}
[b-d3hyyr2r9f] .rz-spinner-button{
    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;
}
/*
.btnCoeurActive {
    color: #df2525 !important;
}

.btnCoeur {
    color: #aaa;
    font-size: 14px;
}

.articleFavoris {
    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 {
        cursor: pointer;
    }

.closeArticleFavoris {
    position: absolute;
    right: 5px;
    top: 1px;
    cursor: pointer;
}

.centerNBpiecesDet, .centerNBpieces {
    height: 5vh;
}

.centerNBpiecesDet {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-direction: column;
}

    .centerNBpiecesDet .CodeArticle:first-child {
        margin-bottom: 0;
    }

    .centerNBpiecesDet .CodeArticle:nth-child(2) {
        text-decoration: underline;
    }
    */
/* _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 */
.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;
}

/*.viewport {
    width: 100vw;
    position: relative;
    overflow :hidden;
}

.slides {
    position: relative;
    display: flex;
    width: 300vw;
    min-height: 450px;
    align-items: center;
}
.slide {
    width: 100vw;
    position: absolute;
}

    .slide img {
        width: 100vw;
        height: auto;
        object-fit: cover;
    }


.left, .right{
    color: var(--CS_color1);
    cursor: pointer;

    
}
.arrow {
    display: flex;
    justify-content: space-between;
    padding: 0px 2vw;
    position: relative;
    width: 100vw;
}

.left span, .right span {
    font-size: 64px !important;
    text-shadow: 0 0 black;
}
*/
/* _content/Colinternet/Defaut/Composants/Carousel/Categories.razor.rz.scp.css */
.categories[b-x8vk2cyxac] {
    margin: auto;
    display: flex;
    margin-top: 5vh;
    align-items: center;
}
    .categories > div:nth-child(2) > div[b-x8vk2cyxac] {
        position: relative;
        top: 0;
        display: flex;
        gap: 1vw;
    }
.fenetre[b-x8vk2cyxac], .categories[b-x8vk2cyxac] {
    width: 80vw;
    overflow: hidden;
}
    .categorie[b-x8vk2cyxac]{
}
.categorie .img[b-x8vk2cyxac] {
    width: 15vw;
    border-radius: 25%;
}
.categories > div:last-child[b-x8vk2cyxac]
{
    transform: rotate(180deg);
}
img[b-x8vk2cyxac] {
    width: 100%;
    border-radius: 10px;
    border: solid var(--CS_color1);
}

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

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

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

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

    .categorie .img[b-x8vk2cyxac] {
        width: 23vw;
    }
}
@media screen and (max-width: 425px) {

    .categorie .img[b-x8vk2cyxac] {
        width: 30vw;
    }
}
/* _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/Connexion/ConnexionComposant.razor.rz.scp.css */
.hide[b-4eiwvjbfwy]{
    display: none;
}



#ConnexionPage[b-4eiwvjbfwy] {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    height: 97vh;
}

.slider[b-4eiwvjbfwy] {
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0px;
    z-index: -1;
}
    .slider div[b-4eiwvjbfwy] {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        -webkit-animation: sliderAnimation 18s linear infinite 0s;
        -o-animation: sliderAnimation 18s linear infinite 0s ;
        -ms-animation: sliderAnimation 18s linear infinite 0s ;
        -moz-animation: sliderAnimation 18s linear infinite 0s;
        animation: sliderAnimation-b-4eiwvjbfwy 18s linear infinite 0s ;
    }
.blurConnexion[b-4eiwvjbfwy] {
    padding-top: 2vh;
    min-width: 40vw;
    min-height: 50vh;
    background: rgba(255,255,255,0.2);
    backdrop-filter: blur(18px);
    margin: auto;
}
    .blurConnexion > div[b-4eiwvjbfwy] {
        width: 75%;
        margin : 0 auto
    }

.logoEntreprise[b-4eiwvjbfwy] {
    display: flex;
    justify-content: center;
}
.logoEntreprise > img[b-4eiwvjbfwy] {
    width : fit-content;
    margin-top : 2vh;
    margin-bottom : 2vh;
}

.formConnexion[b-4eiwvjbfwy] {
    display: flex;
    justify-content: center;
    flex-direction : column;
}
    .formConnexion > div[b-4eiwvjbfwy] {
        display: flex;
        justify-content: right;
    }
        .formConnexion > div > input[b-4eiwvjbfwy] {
            width: 100%;
            margin: 1vh 0;
            background: var(--CS_color-blanc) 0% 0% no-repeat padding-box;
            border-radius: 5px;
            opacity: 1;
            height: 5vh;
            text-align: left;
            font: normal normal normal 20px/24px var(--CS_font1);
            letter-spacing: 0px;
            color: #979797E5;
            padding-left: 1vw;
            border: none;
            font-size: 17px;
            box-shadow: inset 0px 3px 6px #00000029;
        }
        .formConnexion > div > div[b-4eiwvjbfwy] {
            position: absolute;
            margin: 1vh 0;
            display: flex;
            width: 8%;
            background: var(--CS_color1) 0% 0% no-repeat padding-box;
            border-radius: 0px 5px 5px 0px;
            color: white;
            height: 5vh;
        }
            .formConnexion > div > div > svg[b-4eiwvjbfwy], .formConnexion > div > div > span[b-4eiwvjbfwy] {
                max-width: 60%;
                max-height: 60%;
                margin: auto;
            }
/*                .formConnexion > div > div > span {
                position: relative;
                font-size: 2vw;
                margin: auto;
            }*/


div.actionConnexion[b-4eiwvjbfwy] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 3vh;
}
    .actionConnexion > div:first-child[b-4eiwvjbfwy] {
        margin: auto;
        margin-left: auto;
        margin-left: 0;
        text-align: left;
        font: normal normal normal 16px/19px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-blanc);
    }
        .actionConnexion > div:first-child > p[b-4eiwvjbfwy] {
            margin: 0;
        }
        .actionConnexion > div:first-child > p > span[b-4eiwvjbfwy]{
            text-decoration : underline;
        }
        .actionConnexion > div:first-child > p > span:hover[b-4eiwvjbfwy]{
            color: var(--CS_color1);
        }


    .actionConnexion > div:nth-child(2)[b-4eiwvjbfwy] {
        margin: auto 0;
    }

    .actionConnexion > div:last-child[b-4eiwvjbfwy] {
        display: flex;
    }
.cultureSwitcher img[b-4eiwvjbfwy] {
    width: 2.5vw;
    border-radius: 15%;
}
.cultureSwitcher > div[b-4eiwvjbfwy] {
    width: 7vw;
    padding-left: 1vw;
    padding-right: 1vw;
}
.cultureSwitcher > div:first-child[b-4eiwvjbfwy] {
    display: flex;
    flex-direction: row;
}
    .cultureSwitcher > div:first-child > div:first-child[b-4eiwvjbfwy] {
        margin-top: auto;
        margin-bottom: auto;
    }
    .cultureSwitcher > div:first-child > div:last-child[b-4eiwvjbfwy] {
        margin: auto;
        display: flex;
    }
.cultureSwitcher > div:last-child[b-4eiwvjbfwy] {
    position: absolute;
    backdrop-filter: blur(18px);
    padding-bottom: 1vh;
}
    .cultureSwitcher > div:last-child > div[b-4eiwvjbfwy] {
        position: relative;
        display: flex;
        flex-direction: column;
    }
        .cultureSwitcher > div:last-child > div > div[b-4eiwvjbfwy] {
            margin: 0.5vh 0;
        }

.ConnexionContact[b-4eiwvjbfwy] {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


    .ConnexionContact > div:first-child[b-4eiwvjbfwy] {
    width: fit-content;
    margin: 5vh 0;
    }
    
    .ConnexionContact > div:last-child[b-4eiwvjbfwy] {
    width: fit-content;
    margin: 5vh 0 5vh auto;
    }

.flag-icon-gb[b-4eiwvjbfwy] {
    background: no-repeat center url(../../wwwroot/flags/4x3/gb.svg) ;
}

.flag-icon-es[b-4eiwvjbfwy] {
    background: no-repeat center url(../../wwwroot/flags/4x3/es.svg);
}

.flag-icon-fr[b-4eiwvjbfwy] {
    background: no-repeat center url(/flags/4x3/fr.svg);
}

.flag-icon-it[b-4eiwvjbfwy] {
    background: no-repeat center url(../../wwwroot/flags/4x3/it.svg);
}

.flag-icon-pt[b-4eiwvjbfwy] {
    background: no-repeat center url(../../wwwroot/flags/4x3/pt.svg);
}

@keyframes sliderAnimation-b-4eiwvjbfwy {
    0% {
        opacity: 0;
        animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        animation-timing-function: ease-out;
    }

    17% {
        opacity: 1
    }

    45% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.transitionFooter[b-4eiwvjbfwy] {
    margin: 1vh;
    text-align: center;
    background-color: #ffffff;
}

.ConnexionRetour[b-4eiwvjbfwy] {
    display: flex;
    flex-direction: row;
    cursor: pointer;
    font-size: 15px;
}

@media screen and (min-width: 1920px) {
    .actionConnexion > div:first-child[b-4eiwvjbfwy], .formConnexion > div > input[b-4eiwvjbfwy] {
        font-size: 18px;
    }
}

@media screen and (max-width: 425px) {
    .logoEntreprise > img[b-4eiwvjbfwy] {
        width: 100%;
    }
}



.popup h4[b-4eiwvjbfwy] {
    text-align: center;
}

.popup .valider[b-4eiwvjbfwy] {
    background-color: var(--CS_color1);
    color: white;
    text-transform: uppercase;
    padding: 0.5vh 0.5vw;
    border: solid 1px var(--CS_color1);
    border-radius: 5px;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
    width: fit-content;
    float: right;
    margin: 20px 0;
}

.MotDePasseOublie[b-4eiwvjbfwy], .ChangerMotDePasse[b-4eiwvjbfwy] {
    color: var(--CS_noir);
    margin-left: 2vw;
    cursor: pointer;
    padding: 0.2vw;
    border-radius: 5%;
    float: right;
    text-decoration: underline;
}
/* _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/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 */
form[b-hxllrt63fg] {
    width: 100%;
    margin: auto;
    margin-bottom: 10px
}
    form > div[b-hxllrt63fg] {
        width: 50%;
        margin: auto;
    }

    form > div > div[b-hxllrt63fg] {
        display: flex;
        gap: 5%;
        justify-content: center;
        width: 94%;
        margin: auto;
    }


    form div div div[b-hxllrt63fg] {
        width: 100%;
    }

        form div div div label[b-hxllrt63fg] {
            /* width: 20%;*/
        }

    form > div > div:last-child > div > div[b-hxllrt63fg] {
        display: flex;
        gap: 5%;
        justify-content: center;
        width: 100%;
    }

        form > div > div:last-child > div > div > div > div[b-hxllrt63fg] {
            width: 100%
        }

.textarea[b-hxllrt63fg] {
}

form a[b-hxllrt63fg] {
    float: right;
}

form > div:last-child[b-hxllrt63fg] {
    clear: both
}



[b-hxllrt63fg] #Rib, [b-hxllrt63fg] #Kbis {
    /*color: transparent;*/
}

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

    form[b-hxllrt63fg] {
        width: 80%;
    }
}

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

    form > div > div[b-hxllrt63fg] {
        flex-direction: column;
    }

    form div div div[b-hxllrt63fg] {
        width: 100%;
    }
}

label[b-hxllrt63fg] {
    width: 10rem;
    display: block
}

input[b-hxllrt63fg], textarea[b-hxllrt63fg]{
    width: 100%;
}
/* _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/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/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/ChoixTypeMenu.razor.rz.scp.css */

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

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

/*CATALOGUE*/
.catalogue > div[b-h6dw5j6t1f] {
    height: fit-content;
    padding: 1vh 1vw;
    width: 31%;
    margin: 1%;
    border-radius: 7px;
    background: white;
    box-shadow: 5px 5px 18px #999;
    cursor: pointer;
}


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

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


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

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


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

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

.containCard[b-h6dw5j6t1f] {
    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-h6dw5j6t1f] {
    font-weight: bold;
    line-height: 50px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.button[b-h6dw5j6t1f] {
    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;
}
/* _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/MegaMenuFamSfam.razor.rz.scp.css */
/* _content/Colinternet/Defaut/Composants/Menu/MegaMenu/Partials/MegaMenuAccordeon.razor.rz.scp.css */
.wait[b-xu9hmatee6] {
    text-align: center !important;
}
.wait img[b-xu9hmatee6]{
    width: 4% !important;
}
.image[b-xu9hmatee6] {
    height: 90%;
}

.pointer[b-xu9hmatee6]{
    cursor:pointer;
}

.image img[b-xu9hmatee6]{
    height: 100%
}
.Niveau1[b-xu9hmatee6] {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    align-content: flex-start;
    flex-direction: column;
    width: 100%;
}
.Niveau2[b-xu9hmatee6] {
    color: var(--CS_color1);
    margin: 0;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: height 500ms;
    margin-left: 10px;
}
.column > div:first-child[b-xu9hmatee6] {
    display: flex;
    align-items: center;
}
.Niveau3[b-xu9hmatee6] {
    display: block;
    margin-left: 10px;
    font-size: 0.6rem;
}
.Niveau1[b-xu9hmatee6], .Niveau2[b-xu9hmatee6] {
    text-transform: uppercase;
    
}
    .Niveau1 > .column[b-xu9hmatee6] {
        width: fit-content;
        margin-right: 1vw;
    }

    .Niveau1 > .titre[b-xu9hmatee6] {
        color: var(--CS_color1);
        margin-right: 10px;
        font-size: 18px;
        overflow: hidden;
    }

    .Niveau1 >.titre[b-xu9hmatee6]: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-xu9hmatee6] {
            color: var(--CS_color2);
        }

        .Niveau1 h3 img[b-xu9hmatee6] {
            width: 30px;
            border-radius: 64%;
            height: 30px;
            object-fit: cover;
            margin-right: 5px;
        }



    .Niveau1 .Titre[b-xu9hmatee6] {
        color: var(--CS_color1);
        font-weight: 800;
    }

        .Niveau2 .titre[b-xu9hmatee6] {
            color: var(--CustomColor3);
        }


.menu-control[b-xu9hmatee6]{
    display: flex;
}
.MegaMenu[b-xu9hmatee6], .MiniMenu[b-xu9hmatee6] {
    /*height: 4.1vh;*/
    padding: 0 2.6041666666666665vw 0 0;
    /*padding-bottom: 1vh;*/
    text-transform: uppercase;
    white-space: nowrap;
}

    .MegaMenu[b-xu9hmatee6]::after, .LienMenu[b-xu9hmatee6]::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-xu9hmatee6]::after, .LienMenu[b-xu9hmatee6]::after {
        width: 100%
    }

    .MegaMenu .dropdown-content[b-xu9hmatee6] {
        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-xu9hmatee6] {
    color: var(--CS_color1);
    font-weight: bold;
}

.MegaMenu:hover > .dropdown-content[b-xu9hmatee6] {
    height: 52vh;
    padding: 2vh 2vw;
}

.material-symbols-outlined[b-xu9hmatee6]{
    cursor: pointer;
}

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

a[b-xu9hmatee6] {
    color: var(--CS_color1);
}

@media screen and (max-width: 768px) {
    .menu-control[b-xu9hmatee6] {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.MegaMenuGenerique[b-xu9hmatee6] {
    width: 100%;
}
/* _content/Colinternet/Defaut/Composants/Menu/MegaMenu/Partials/MegaMenuGenerique.razor.rz.scp.css */
/**FAMILLES - SOUS FAMILLES**/

.MegaMenu a[b-m46ugzswwf]{
    cursor: pointer;
}
.wait[b-m46ugzswwf] {
    text-align: center !important;
}
.wait img[b-m46ugzswwf]{
    width: 4% !important;
}
.image[b-m46ugzswwf] {
    width: 20%;
    background: white;
    display: flex;
    background: white;
}

.MegaMenu:hover .image[b-m46ugzswwf] {
}

.pointer[b-m46ugzswwf] {
    cursor: pointer;
}

.image img[b-m46ugzswwf]{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.Niveau1[b-m46ugzswwf] {
    width:100%;
    column-count: 6;
    background-color: white;
    margin: 2vh 2vw;
    height: fit-content;
}

N

    /*.Niveau1 > .column:hover .Niveau2 {
        height: 150px;
    }*/
.Niveau2:nth-child(2n+1)[b-m46ugzswwf], .Niveau3[b-m46ugzswwf] {
    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-m46ugzswwf], .Niveau2[b-m46ugzswwf] {
    text-transform: uppercase;
}
    .Niveau1 > .column[b-m46ugzswwf] {
        /*width: 25%;*/
       /* width: 100%;
        -webkit-column-break-inside: avoid;*/
       margin-top: 1rem;
    }

    

    .Niveau1 >.titre[b-m46ugzswwf]: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-m46ugzswwf] {
            color: var(--CS_color2);
        }

        .Niveau1 h3 img[b-m46ugzswwf] {
            width: 30px;
            border-radius: 64%;
            height: 30px;
            object-fit: cover;
            margin-right: 5px;
        }



    .Niveau1 .Titre[b-m46ugzswwf] {
        color: var(--CS_color1);
        font-weight: 800;
    }

        .Niveau2 .titre[b-m46ugzswwf] {
            color: var(--CustomColor3);
        }

        .Niveau2 .titre:hover[b-m46ugzswwf] {
            font-weight : 600;
        }

        .Niveau2 > .column:last-child[b-m46ugzswwf] {
            margin-bottom : 20px;
        }

    .Niveau3 .titre[b-m46ugzswwf] {
        color: var(--CustomColor3);
        font-size: 11px;
    }

.menu-control[b-m46ugzswwf]{
    display: flex;
}
.MegaMenu[b-m46ugzswwf], .MiniMenu[b-m46ugzswwf] {
    /*height: 4.1vh;*/
    padding: 0 2.6041666666666665vw 0 0;
    /*padding-bottom: 1vh;*/
    text-transform: uppercase;
    white-space: nowrap;
    display: flex;
    height: 4.1vh;
    margin-top: 1.8vh;
}

    .MegaMenu[b-m46ugzswwf]::after, .LienMenu[b-m46ugzswwf]::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-m46ugzswwf]::after, .LienMenu[b-m46ugzswwf]::after {
        width: 100%
    }

    .MegaMenu .dropdown-content[b-m46ugzswwf] {
        position: absolute;
        background-color: white;
        width: 100%;
        left: 0;
        box-shadow: 0px 8px 8px 0px rgb(0 0 0 / 20%);
        z-index: 500;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        overflow: hidden;
        margin: 4.1vh auto;
        transition-duration:  0.08s;
        height: 0;
    }

.selected[b-m46ugzswwf] {
    color: var(--CS_color1);
    font-weight: bold;
}

.MegaMenu:hover > .dropdown-content[b-m46ugzswwf] {
    height: 15rem;
}

.MegaOpen[b-m46ugzswwf] {
    height: 15rem !important;
}
.MegaClose[b-m46ugzswwf] {
    height: 0rem !important;
}

a[b-m46ugzswwf] {
    color: var(--CS_color1);
}

@media screen and (max-width: 900px) {
    .Niveau1[b-m46ugzswwf] {
        width: 100%;
        order : 2;
    }

    .Niveau1 > .column[b-m46ugzswwf] {
        /*width: 44% !important;*/
        margin-left: 5%;
    }

    .MegaMenu .dropdown-content[b-m46ugzswwf] {
        flex-direction: column;
    }

    .image[b-m46ugzswwf] {
        order: 1;
        margin: 0 auto 25px;
    }
}
    @media screen and (max-width: 768px) {
        .menu-control[b-m46ugzswwf] {
            flex-wrap: wrap;
            justify-content: center;
        }
    }

    .MegaMenuGenerique[b-m46ugzswwf] {
        width: 100%;
    }
/* _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/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 */
#MenuExterne[b-1qmsv4zkzs] {
    display: flex;
    width: 90%;
    margin: auto;
    flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
    #MenuExterne[b-1qmsv4zkzs] {
        justify-content: center;
    }
}
/* _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 */
/**FAMILLES - SOUS FAMILLES**/
.image[b-wgd9ph9rlt]{
    height:90%
}

.pointer[b-wgd9ph9rlt]{
    cursor:pointer;
}

.image img[b-wgd9ph9rlt]{
    height: 100%
}
.Niveau1[b-wgd9ph9rlt] {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 80%;
}

.Niveau1[b-wgd9ph9rlt], .Niveau2[b-wgd9ph9rlt] {
    text-transform: uppercase;
}
    .Niveau1 > .column[b-wgd9ph9rlt] {
        width: 40%;
    }

    .Niveau1 > .titre[b-wgd9ph9rlt] {
        color: var(--CS_color1);
        margin-right: 10px;
        font-size: 18px;
        overflow: hidden;
    }

    .Niveau1 >.titre[b-wgd9ph9rlt]: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-wgd9ph9rlt] {
            color: var(--CS_color2);
        }

        .Niveau1 h3 img[b-wgd9ph9rlt] {
            width: 30px;
            border-radius: 64%;
            height: 30px;
            object-fit: cover;
            margin-right: 5px;
        }

.Niveau2[b-wgd9ph9rlt] {
    color: var(--CS_color1);
    margin: 0;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 15px;
    margin-left: 10px;
}

.Niveau1 .Titre[b-wgd9ph9rlt] {
    color: var(--CS_color1);
    font-weight: 800;
}

        .Niveau2 .titre[b-wgd9ph9rlt] {
            color: var(--CustomColor3);
        }


.menu-control[b-wgd9ph9rlt]{
    display: flex;
}
.MegaMenu[b-wgd9ph9rlt], .MiniMenu[b-wgd9ph9rlt] {
    /*height: 4.1vh;*/
    padding: 0 2.6041666666666665vw 0 0;
    /*padding-bottom: 1vh;*/
    text-transform: uppercase;
    white-space: nowrap;
}

    .MegaMenu[b-wgd9ph9rlt]::after, .LienMenu[b-wgd9ph9rlt]::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-wgd9ph9rlt]::after, .LienMenu[b-wgd9ph9rlt]::after {
        width: 100%
    }

    .MegaMenu .dropdown-content[b-wgd9ph9rlt] {
        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-wgd9ph9rlt] {
    color: var(--CS_color1);
    font-weight: bold;
}

.MegaMenu:hover > .dropdown-content[b-wgd9ph9rlt] {
    height: 52vh;
    padding: 2vh 2vw;
}

a[b-wgd9ph9rlt] {
    color: var(--CS_color1);
}

@media screen and (max-width: 768px) {
    .menu-control[b-wgd9ph9rlt] {
        flex-wrap: wrap;
        justify-content: center;
    }
}
/* _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/MonCompte/Adresses.razor.rz.scp.css */
.map[b-bmgw2qopub]{
    height: 19rem;
}

#CompteAdresses > div:first-child[b-bmgw2qopub] {
    display: flex;
    justify-content: center;
    gap: 20px 5%;
    flex-wrap: wrap;
}

.composantCompte[b-bmgw2qopub] {
    width: 90%;
    margin: 0 5% 5%;
}

.blocAdresse[b-bmgw2qopub] {
    width: 45%;
    border-radius: 5px;
    border: solid 1px var(--CS_color1);
    box-shadow: 0px 3px 6px #00000029;
    padding: 1%;
}

    .blocAdresse > div[b-bmgw2qopub] {
        display: flex;
        justify-content: space-between;
        margin: 0 auto 2%;
        align-items: center;
    }

    .blocAdresse > div > svg[b-bmgw2qopub] {
        width: 3%;
        fill: var(--CS_color1);
        margin-right: 2%;
    }

    .blocAdresse > div > p[b-bmgw2qopub] {
        text-transform: uppercase;
        color: var(--CS_color1);
    }

    .blocAdresse > div > div[b-bmgw2qopub] {
        width: -webkit-fill-available;
        height: 2px;
        background-color: var(--CS_color1);
        margin-left: 2%;
    }

    .blocAdresse > div > label[b-bmgw2qopub] {
        text-transform: uppercase;
        font-size: 17px!important;
        white-space: nowrap;
    }

    .blocAdresse > div > input[b-bmgw2qopub] {

    background-color: #fff;
    border: 1px solid var(--CS_color1);
    box-shadow: inset 0px 3px 6px #00000029;
    text-transform: uppercase;
    border-radius: 5px;
    width: 65%;
}

    .blocAdresse > div > p[b-bmgw2qopub], .blocAdresse > div > label[b-bmgw2qopub] {
        font-size: 18px!important;
    }

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

    .blocAdresse > div > p[b-bmgw2qopub], .blocAdresse > div > label[b-bmgw2qopub] {
        font-size: 15px!important;
    }

}

@media screen and (max-width: 1024px) {
    #CompteAdresses > div:first-child[b-bmgw2qopub] {
        flex-direction: column;
    }

    .blocAdresse[b-bmgw2qopub] {
        width: 80%;
        margin: 25px auto;
        text-align: center;
        min-height: 19rem;
    }
}

@media screen and (max-width: 768px) {
    .blocAdresse[b-bmgw2qopub] {
        width: 100%;
        text-align: left;
    }
}
/* _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/CommandeDétails.razor.rz.scp.css */
#CompteCommandeDetails[b-6hd3pq26p8] {
    font-family: var(--CS_font1);
    width: 73%;
}

.btnPrimary[b-6hd3pq26p8]{
    width: fit-content;
}

.composantCompte[b-6hd3pq26p8] {
}

    .composantCompte > div[b-6hd3pq26p8] {
        border-radius: 5px;
        border: solid 1px var(--CS_color1);
        box-shadow: 0px 3px 6px #00000029;
        padding: 1%;
        margin: 1% 0;
    }

        .composantCompte > div > div[b-6hd3pq26p8] {
            display: flex;
            margin: 1% 0;
            align-items: center;
            margin: auto;
        }

            /*DEBUT COLONNES*/
            .composantCompte > div > div > p:nth-child(1)[b-6hd3pq26p8] {
                width: 10%;
                text-align: center;
            }

                .composantCompte > div > div > p:nth-child(1) img[b-6hd3pq26p8] {
                    max-width: 6vw;
                    height: 10vh;
                    text-align: left;
                    object-fit: contain;
                    margin: 2px;
                }

            .composantCompte > div > div > p:nth-child(2)[b-6hd3pq26p8] {
                width: 10%;
                text-align: left;
            }

            .composantCompte > div > div > p:nth-child(3)[b-6hd3pq26p8] {
                width: 50%;
                text-align: left;
            }

            .composantCompte > div > div > p:nth-child(4)[b-6hd3pq26p8] {
                width: 10%;
                text-align: right;
            }

            .composantCompte > div > div > p:nth-child(5)[b-6hd3pq26p8] {
                width: 10%;
                text-align: right;
            }

            .composantCompte > div > div > p:nth-child(6)[b-6hd3pq26p8] {
                width: 10%;
                text-align: right;
            }
            /*FIN COLONNES*/



            .composantCompte > div > div:nth-child(2) > p[b-6hd3pq26p8] {
                font-weight: bold;
            }

            .composantCompte > div > div > div[b-6hd3pq26p8] {
                width: 20%;
            }

                .composantCompte > div > div > div:last-child[b-6hd3pq26p8] {
                    display: flex;
                    justify-content: flex-end;
                }

                    .composantCompte > div > div > div:last-child > svg:first-child[b-6hd3pq26p8] {
                        width: 15%;
                        fill: var(--CS_color1);
                    }

                    .composantCompte > div > div > div:last-child > svg:last-child[b-6hd3pq26p8] {
                        width: 7%;
                        fill: var(--CS_color1);
                    }

                    .composantCompte > div > div > div:last-child > div[b-6hd3pq26p8] {
                        width: 45%;
                        border-radius: 5px;
                        background-color: var(--CS_color1);
                        color: #fff;
                        box-shadow: 0px 3px 6px #00000029;
                        padding: 1%;
                        margin: 0px 5%;
                    }

                        .composantCompte > div > div > div:last-child > div > p[b-6hd3pq26p8] {
                            text-transform: uppercase;
                            font-size: 15px!important;
                            text-align: center;
                            margin: auto;
                        }

            .composantCompte > div > div:first-child[b-6hd3pq26p8] {
                display: flex;
                width: 100%;
                align-items: center;
            }

                .composantCompte > div > div:first-child > p[b-6hd3pq26p8] {
                    text-transform: uppercase;
                    color: var(--CS_color1);
                    margin-bottom: 2%;
                    white-space: nowrap;
                    width: fit-content;
                    margin: 0;
                }

                
                
                > div:first-child > div[b-6hd3pq26p8] {
                    width: -webkit-fill-available;
                    height: 2px;
                    background-color: var(--CS_color1);
                    margin-left: 2%;
                    border-radius: 0;
                    box-shadow: none;
                    padding: 0;
                }

.footerCommandeDetails[b-6hd3pq26p8] {
    display: flex;
    justify-content: flex-end;
    text-align: right;
}

    .footerCommandeDetails > div[b-6hd3pq26p8] {
        width: 30vw;
    }
        .footerCommandeDetails > div:first-child[b-6hd3pq26p8] {
            margin: 0 20px;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            display: none;
        }
        .footerCommandeDetails > div:last-child[b-6hd3pq26p8] {
            background: var(--CS_color1);
            color: white;
            border-radius: 5px;
            padding: 34px 28px;
        }

            .footerCommandeDetails > div:last-child > div:nth-child(1)[b-6hd3pq26p8],
            .footerCommandeDetails > div:last-child > div:nth-child(2)[b-6hd3pq26p8],
            .footerCommandeDetails > div:last-child > div:nth-child(4)[b-6hd3pq26p8],
            .footerCommandeDetails > div:last-child > div:nth-child(5)[b-6hd3pq26p8] {
                font-size: 17px!important;
                text-transform: uppercase;
                line-height: 17px
            }

            .footerCommandeDetails > div:last-child > div:nth-child(3)[b-6hd3pq26p8] {
                font-size: 20px!important;
                font-weight: bold;
                margin: 25px 0;
            }

    .footerCommandeDetails svg[b-6hd3pq26p8] {
        height: 2.5vh;
        margin: 0 0.5vw;
    }

    .footerCommandeDetails > div:first-child > div:first-child[b-6hd3pq26p8] {
        color: var(--CS_color1);
        height: 60%;
        display: flex;
        line-height: 50px;
        justify-content: center;
        flex-direction: column;
        font-weight: bold;
    }

    .footerCommandeDetails > div:first-child > div:last-child[b-6hd3pq26p8] {
        border-radius: 5px;
        border: solid 1px var(--CS_color1);
        box-shadow: 0px 3px 6px #00000029;
        height: 40%;
        line-height: 17px;
        font-size: 17px!important;
        padding: 5px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }


@media screen and (max-width: 1024px) {
    .footerCommandeDetails > div:last-child[b-6hd3pq26p8] {
        width: 50vw;
    }
}
/* _content/Colinternet/Defaut/Composants/MonCompte/Commandes.razor.rz.scp.css */
.composantCompte[b-htbb5dtzp5] {
    width: 90%;
    margin: 0 5% 5%;
}

    .composantCompte > div[b-htbb5dtzp5] {
        border-radius: 5px;
        border: solid 1px var(--CS_color1);
        box-shadow: 0px 3px 6px #00000029;
        padding: 1%;
        margin: 1% 0;
    }

        .composantCompte > div > div[b-htbb5dtzp5] {
            display: flex;
            width: 100%;
            margin: 1% 0;
            align-items: center;
            justify-content: flex-start;
        }

            .composantCompte > div > div > p[b-htbb5dtzp5] {
                width: 15%;
                text-align: left;
            }

            .composantCompte > div > div:nth-child(2) > p[b-htbb5dtzp5] {
                font-weight: bold;
            }

            .composantCompte > div > div > div[b-htbb5dtzp5] {
                /*width: 20%;*/
            }

                .composantCompte > div > div > div:last-child[b-htbb5dtzp5] {
                    display: flex;
                    width: 40%;
                    justify-content: flex-end;
                    gap: 1rem;
                }

                    .composantCompte > div > div > div:last-child > svg:first-child[b-htbb5dtzp5] {
                        width: 15%;
                        fill: var(--CS_color1);
                    }

                    .composantCompte > div > div > div:last-child > svg[b-htbb5dtzp5] {
                        width: 7%;
                        fill: var(--CS_color1);
                    }

                    .composantCompte > div > div > div:last-child > div[b-htbb5dtzp5] {
                        border-radius: 5px;
                        background-color: var(--CS_color1);
                        color: #fff;
                        box-shadow: 0px 3px 6px #00000029;
                        padding: 0.2rem;
                    }

                        .composantCompte > div > div > div:last-child > div > p[b-htbb5dtzp5] {
                            text-transform: uppercase;
                            font-size: 15px !important;
                            text-align: center;
                            margin: auto;
                        }

                        .composantCompte > div > div > div:last-child > div > svg[b-htbb5dtzp5] {
                            height: 15px;
                            width: 15px;
                            margin: 5px auto;
                            display: none;
                        }

                            .composantCompte > div > div > div:last-child > div > svg > path[b-htbb5dtzp5] {
                                color: var(--CS_color-blanc);
                            }

            .composantCompte > div > div:first-child[b-htbb5dtzp5] {
                display: flex;
                width: 100%;
                align-items: center;
            }

                .composantCompte > div > div:first-child > p[b-htbb5dtzp5] {
                    text-transform: uppercase;
                    color: var(--CS_color1);
                    margin-bottom: 2%;
                    white-space: nowrap;
                    width: fit-content;
                    margin: 0;
                }





                .composantCompte > div > div:first-child > div[b-htbb5dtzp5] {
                    width: -webkit-fill-available;
                    height: 2px;
                    background-color: var(--CS_color1);
                    margin-left: 2%;
                    border-radius: 0;
                    box-shadow: none;
                    padding: 0;
                }


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

    #CompteCommandes > div > div > div > div > p[b-htbb5dtzp5] {
        display: none;
    }

    #CompteCommandes > div > div > div:last-child > div > svg[b-htbb5dtzp5] {
        display: block;
    }

    #CompteCommandes > div > div[b-htbb5dtzp5], #CompteFactures > div > div[b-htbb5dtzp5] {
        text-align: left;
    }

        #CompteCommandes > div > div > p:nth-child(3)[b-htbb5dtzp5], #CompteCommandes > div > div > p:first-child[b-htbb5dtzp5], #CompteCommandes > div > div > p:nth-child(4)[b-htbb5dtzp5] {
            width: 18%;
        }

        #CompteCommandes > div > div > p:nth-child(2)[b-htbb5dtzp5] {
            width: 35%;
        }



        #CompteCommandes > div > div:first-child > p[b-htbb5dtzp5] {
            width: fit-content;
        }
}

@media screen and (max-width: 425px) {
    #CompteCommandes > div > div > p:nth-child(2)[b-htbb5dtzp5], #CompteCommandes > div > div > p:nth-child(3)[b-htbb5dtzp5] {
        display: none;
    }

    #CompteCommandes > div > div > p:first-child[b-htbb5dtzp5], #CompteCommandes > div > div > p:nth-child(4)[b-htbb5dtzp5] {
        width: 40%;
    }

    #CompteCommandes > div > div:first-child > p[b-htbb5dtzp5] {
        white-space: normal;
        width: 98%;
    }

    #CompteCommandes > div > div:first-child > div[b-htbb5dtzp5] {
        display: none;
    }
}
/* _content/Colinternet/Defaut/Composants/MonCompte/Commercial.razor.rz.scp.css */
.composantCompte[b-1w5ny2uh5v] {
    width: 90%;
    margin: 0 5% 5%;
    display: flex;
    justify-content: space-between;
}

    .composantCompte > div:first-child[b-1w5ny2uh5v] {
        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-1w5ny2uh5v] {
            display: flex;
            width: 90%;
            margin: 1% 0 1% 5%;
            justify-content: space-between;
        }

            .composantCompte > div:first-child > div:first-child[b-1w5ny2uh5v] {
                display: flex;
                width: 100%;
                margin: 1% 0 2%;
                align-items: center;
            }

            .composantCompte > div:first-child > div > p[b-1w5ny2uh5v] {
            text-transform: uppercase;
            color: var(--CS_color1);
            white-space: nowrap;
        }

        .composantCompte > div:first-child > div > div[b-1w5ny2uh5v] {
            width: -webkit-fill-available;
            height: 2px;
            background-color: var(--CS_color1);
            margin-left: 2%;
        }

            .composantCompte > div:first-child > div > label[b-1w5ny2uh5v] {
                text-transform: uppercase;
                margin-top: 1%;
                font-size: 17px!important;
            }

        .composantCompte > div:first-child > div > input[b-1w5ny2uh5v] {
            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-1w5ny2uh5v] {
        width: 20%;
    }

        .composantCompte > div:nth-child(2) > img[b-1w5ny2uh5v] {
            width: 100%;
            height: auto;
        }


        .composantCompte > div:last-child > p[b-1w5ny2uh5v], .composantCompte > div:last-child > a[b-1w5ny2uh5v] {
            font-size: 17px!important;
            text-decoration: none;
            color: #000;
        }
    .composantCompte > div:first-child > div > p[b-1w5ny2uh5v], .composantCompte > div:first-child > div > label[b-1w5ny2uh5v] {
        font-size: 18px!important;
    }

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

    .composantCompte > div:first-child > div > p[b-1w5ny2uh5v], .composantCompte > div:first-child > div > label[b-1w5ny2uh5v] {
        font-size: 15px!important;
    }

}

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

    .composantCompte[b-1w5ny2uh5v] {
        flex-direction: column;
    }

    :first-child[b-1w5ny2uh5v], .composantCompte > div:nth-child(2)[b-1w5ny2uh5v],
    .composantCompte > div:last-child[b-1w5ny2uh5v] {
        width: 80%;
        margin: 25px auto;
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    .composantCompte > div:first-child[b-1w5ny2uh5v], .composantCompte > div:nth-child(2)[b-1w5ny2uh5v], .composantCompte > div:last-child[b-1w5ny2uh5v] {
        width: 100%;
        text-align: left;
    }
}
/* _content/Colinternet/Defaut/Composants/MonCompte/FactureDetails.razor.rz.scp.css */
#CompteFactureDetails[b-bh5lj2azli] {
    width: 73%;
    font-family: var(--CS_font1);
}

.composantCompte[b-bh5lj2azli] {
}

    .composantCompte > div[b-bh5lj2azli] {
        border-radius: 5px;
        border: solid 1px var(--CS_color1);
        box-shadow: 0px 3px 6px #00000029;
        padding: 1%;
        margin: 1% 0;
    }

        .composantCompte > div > div[b-bh5lj2azli] {
            display: flex;
            margin: 1% 0;
            align-items: center;
            margin: auto;
        }

            /*DEBUT COLONNES*/
            .composantCompte > div > div > p:nth-child(1)[b-bh5lj2azli] {
                width: 10%;
                text-align: center;
            }

                .composantCompte > div > div > p:nth-child(1) img[b-bh5lj2azli] {
                    max-width: 6vw;
                    height: 10vh;
                    text-align: left;
                    object-fit: contain;
                    margin: 2px;
                }

            .composantCompte > div > div > p:nth-child(2)[b-bh5lj2azli] {
                width: 10%;
                text-align: left;
            }

            .composantCompte > div > div > p:nth-child(3)[b-bh5lj2azli] {
                width: 50%;
                text-align: left;
            }

            .composantCompte > div > div > p:nth-child(4)[b-bh5lj2azli] {
                width: 10%;
                text-align: right;
            }

            .composantCompte > div > div > p:nth-child(5)[b-bh5lj2azli] {
                width: 10%;
                text-align: right;
            }

            .composantCompte > div > div > p:nth-child(6)[b-bh5lj2azli] {
                width: 10%;
                text-align: right;
            }
            /*FIN COLONNES*/



            .composantCompte > div > div:nth-child(2) > p[b-bh5lj2azli] {
                font-weight: bold;
            }

            .composantCompte > div > div > div[b-bh5lj2azli] {
                width: 20%;
            }

                .composantCompte > div > div > div:last-child[b-bh5lj2azli] {
                    display: flex;
                    justify-content: flex-end;
                }

                    .composantCompte > div > div > div:last-child > svg:first-child[b-bh5lj2azli] {
                        width: 15%;
                        fill: var(--CS_color1);
                    }

                    .composantCompte > div > div > div:last-child > svg:last-child[b-bh5lj2azli] {
                        width: 7%;
                        fill: var(--CS_color1);
                    }

                    .composantCompte > div > div > div:last-child > div[b-bh5lj2azli] {
                        width: 45%;
                        border-radius: 5px;
                        background-color: var(--CS_color1);
                        color: #fff;
                        box-shadow: 0px 3px 6px #00000029;
                        padding: 1%;
                        margin: 0px 5%;
                    }

                        .composantCompte > div > div > div:last-child > div > p[b-bh5lj2azli] {
                            text-transform: uppercase;
                            font-size: 15px!important;
                            text-align: center;
                            margin: auto;
                        }

            .composantCompte > div > div:first-child[b-bh5lj2azli] {
                display: flex;
                width: 100%;
                align-items: center;
            }

                .composantCompte > div > div:first-child > p[b-bh5lj2azli] {
                    text-transform: uppercase;
                    color: var(--CS_color1);
                    margin-bottom: 2%;
                    white-space: nowrap;
                    width: fit-content;
                    margin: 0;
                }

                .composantCompte > div > div:first-child > div[b-bh5lj2azli] {
                    width: -webkit-fill-available;
                    height: 2px;
                    background-color: var(--CS_color1);
                    margin-left: 2%;
                    border-radius: 0;
                    box-shadow: none;
                    padding: 0;
                }

.TotalFactures[b-bh5lj2azli] {
    display: flex;
    justify-content: flex-end;
}

.TotalFactures > div[b-bh5lj2azli] {
    width: 30vw;
    background: var(--CS_color1);
    color: white;
    border-radius: 5px;
    padding: 34px 28px;
}

    .TotalFactures > div > div > div[b-bh5lj2azli],
    .TotalFactures > div > div > span[b-bh5lj2azli] {
        font-size: 17px !important;
        text-transform: uppercase;
        line-height: 17px
    }

        .TotalFactures > div > div > div:nth-child(3)[b-bh5lj2azli] {
            margin-top: 25px;
            font-size: 20px !important;
            font-weight: bold;
        }

        .TotalFactures > div > div > div:nth-child(4)[b-bh5lj2azli] {
            margin-top: 25px;
        }

.TotalFactures svg[b-bh5lj2azli] {
    height: 2.5vh;
    margin: 0 0.5vw;
}

.TotalFactures[b-bh5lj2azli] {
    display: flex;
    justify-content: flex-end;
    text-align : right;
}
/*    .TotalFactures {
    display: flex;
    justify-content: flex-end;
    background: var(--CS_color1);
    color: white;
    border-radius: 5px;
    padding: 34px 28px;
    font-size: 2vh;
}*/

@media screen and (max-width: 1024px) {
    .TotalFactures > div[b-bh5lj2azli] {
        width: 50vw;
    }
}
/* _content/Colinternet/Defaut/Composants/MonCompte/Factures.razor.rz.scp.css */
.composantCompte[b-0xpgiil1ge] {
    width: 90%;
    margin: 0 5% 5%;
}

    .composantCompte > div[b-0xpgiil1ge] {
        border-radius: 5px;
        border: solid 1px var(--CS_color1);
        box-shadow: 0px 3px 6px #00000029;
        padding: 1%;
        margin: 1% 0;
    }

        .composantCompte > div > div[b-0xpgiil1ge] {
            display: flex;
            margin: 1% 0;
            align-items: center;
        }

            .composantCompte > div > div > p[b-0xpgiil1ge] {
                width: 20%;
                text-align: left;
            }

            .composantCompte > div > div:nth-child(2) > p[b-0xpgiil1ge] {
                font-weight: bold;
            }

            /*COLONNES*/
            .composantCompte > div > div > p:nth-child(1)[b-0xpgiil1ge] {
                width: 15%;
                text-align: left;
            }

            .composantCompte > div > div > p:nth-child(2)[b-0xpgiil1ge] {
                width: 45%;
                text-align: left;
            }

            .composantCompte > div > div > p:nth-child(3)[b-0xpgiil1ge] {
                width: 10%;
                text-align: left;
            }

            .composantCompte > div > div > p:nth-child(4)[b-0xpgiil1ge] {
                width: 10%;
                text-align: right;
            }

            .composantCompte > div > div > p:nth-child(5)[b-0xpgiil1ge] {
                width: 10%;
                text-align: right;
            }

            /*FIN COLONNES*/

            .composantCompte > div > div > div[b-0xpgiil1ge] {
                width: 20%;
            }

                .composantCompte > div > div > div:last-child[b-0xpgiil1ge] {
                    display: flex;
                    justify-content: flex-end;
                }

                    .composantCompte > div > div > div:last-child > svg[b-0xpgiil1ge] {
                        width: 7%;
                        fill: var(--CS_color1);
                    }

                    .composantCompte > div > div > div:last-child > div[b-0xpgiil1ge] {
                        width: 45%;
                        border-radius: 5px;
                        background-color: var(--CS_color1);
                        color: #fff;
                        box-shadow: 0px 3px 6px #00000029;
                        padding: 1%;
                        margin: 0px 5%;
                    }

                        .composantCompte > div > div > div:last-child > div > p[b-0xpgiil1ge] {
                            text-transform: uppercase;
                            font-size: 15px!important;
                            text-align: center;
                            margin: auto;
                        }

                        .composantCompte > div > div > div:last-child > div > svg[b-0xpgiil1ge] {
                            height: 15px;
                            width: 15px;
                            margin: 5px auto;
                        }

                            .composantCompte > div > div > div:last-child > div > svg > path[b-0xpgiil1ge] {
                                color: var(--CS_color-blanc);
                            }

                            .composantCompte > div > div:first-child[b-0xpgiil1ge] {
                                display: flex;
                                width: 100%;
                                align-items: center;
                            }

                .composantCompte > div > div:first-child > p[b-0xpgiil1ge] {
                    text-transform: uppercase;
                    color: var(--CS_color1);
                    margin-bottom: 2%;
                    white-space: nowrap;
                    width: fit-content;
                    margin: 0;
                }

                .composantCompte > div > div:first-child > div[b-0xpgiil1ge] {
                    width: -webkit-fill-available;
                    height: 2px;
                    background-color: var(--CS_color1);
                    margin-left: 2%;
                    border-radius: 0;
                    box-shadow: none;
                    padding: 0;
                }


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

    #CompteFactures > div > div > div > div > p[b-0xpgiil1ge] {
        display: none;
    }

    .composantCompte > div > div > div:last-child > div > svg[b-0xpgiil1ge] {
        display: block;
    }

    #CompteCommandes > div > div[b-0xpgiil1ge], #CompteFactures > div > div[b-0xpgiil1ge] {
        text-align: left;
    }

    #CompteFactures > div > div > p:nth-child(3)[b-0xpgiil1ge], #CompteFactures > div > div > p:first-child[b-0xpgiil1ge], #CompteFactures > div > div > p:nth-child(4)[b-0xpgiil1ge] {
        width: 18%;
    }

    #CompteFactures > div > div > p:nth-child(2)[b-0xpgiil1ge] {
        width: 35%;
    }



    #CompteFactures > div > div:first-child > p[b-0xpgiil1ge] {
        width: fit-content;
    }
}

@media screen and (max-width: 425px) {
    #CompteFactures > div > div > p:nth-child(2)[b-0xpgiil1ge], #CompteFactures > div > div > p:nth-child(3)[b-0xpgiil1ge] {
        display: none;
    }

    #CompteFactures > div > div > p:first-child[b-0xpgiil1ge], #CompteFactures > div > div > p:nth-child(4)[b-0xpgiil1ge] {
        width: 40%;
    }

    #CompteFactures > div > div:first-child > p[b-0xpgiil1ge] {
        white-space: normal;
        width: 98%;
    }

    #CompteFactures > div > div:first-child > div[b-0xpgiil1ge] {
        display: none;
    }
}
/* _content/Colinternet/Defaut/Composants/MonCompte/Informations.razor.rz.scp.css */
.composantCompte[b-v6xhbte6t4] {
    width: 90%;
    margin: 0 5% 5%;
    display: flex;
    /* justify-content: space-between; */
    gap: 2rem;
    flex-wrap: wrap;
}

    .composantCompte > div[b-v6xhbte6t4] {
        width: 45%;
        padding: 2%;
        border: solid 1px var(--CS_color1);
        border-radius: 5px;
        box-shadow: 10px 10px 10px #eee;
    }

    #CompteInformations > div > div:first-child > p[b-v6xhbte6t4] {
        text-transform: uppercase;
        color: var(--CS_color1);
        white-space: nowrap;
        width: fit-content;
    }

    #CompteInformations > div > div:first-child > div[b-v6xhbte6t4] {
        width: -webkit-fill-available;
        height: 2px;
        background-color: var(--CS_color1);
        margin-left: 2%;
    }

    #CompteInformations > div > div[b-v6xhbte6t4] {
        display: flex;
        margin: 0 auto 2%;
        align-items: center;
    }

        #CompteInformations > div > div > .label[b-v6xhbte6t4] {
            width: 40%;
            font-style: italic;
            font-size: 1rem !important;
            margin-bottom: 0;
        }

        #CompteInformations > div > div > legend[b-v6xhbte6t4] {
            font-size: 1rem !important;
            width: 40%;
            font-style: italic;
            margin-bottom: 0;
        }


        #CompteInformations > div > div > .input[b-v6xhbte6t4] {
            background-color: #fff;
            border: none;
            /*border: 1px solid var(--CS_color1);
            box-shadow: inset 0px 3px 6px #00000029;*/
            text-transform: uppercase; /*
            border-radius: 5px;*/
            width: 60%;
            border-bottom: solid 1px #eee;
            padding: 0.1rem;
        }

        #CompteInformations > div > div > div > input[type="radio"][b-v6xhbte6t4] {
            color: var(--CS_color1);
        }

        #CompteInformations > div > div > div > input[type="radio"][b-v6xhbte6t4] {
        }

        #CompteInformations > div > div:first-child > p[b-v6xhbte6t4], #CompteInformations > div > div > legend[b-v6xhbte6t4], #CompteInformations > div > div > label[b-v6xhbte6t4] {
            /*font-size: 18px !important;*/
        }

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

    #CompteInformations > div > div:first-child > p[b-v6xhbte6t4], #CompteInformations > div > div > legend[b-v6xhbte6t4], #CompteInformations > div > div > label[b-v6xhbte6t4] {
        font-size: 15px !important;
    }
}

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

    .composantCompte[b-v6xhbte6t4] {
        flex-direction: column;
    }

    #CompteInformations > div[b-v6xhbte6t4] {
        width: 80%;
        margin: 25px auto;
        text-align: center;
    }
}

#CompteInformations > div > div[b-v6xhbte6t4] {
    text-align: left;
}

#CompteInformations > div[b-v6xhbte6t4] {
    text-align: left;
}

.popup ul[b-v6xhbte6t4] {
    display: flex;
    gap: 1vw;
    margin: 0;
    padding: 0;
}

.popup input[b-v6xhbte6t4] {
    background-color: #fff;
    border: 1px solid var(--CS_color1);
    box-shadow: inset 0px 3px 6px #00000029;
    text-transform: uppercase;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 1vh;
}

.popup > div[b-v6xhbte6t4] {
    width: 50vw;
}

.popup .valider[b-v6xhbte6t4] {
    background-color: var(--CS_color1);
    color: white;
    text-transform: uppercase;
    padding: 0.5vh 0.5vw;
    border: solid 1px var(--CS_color1);
    border-radius: 5px;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
    width: fit-content;
    float: right;
    margin: 20px 0;
}
/* _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/Litiges.razor.rz.scp.css */
.composantCompte[b-vf4fx9cqdu] {
    width: 90%;
    margin: 0 5% 5%;
}

.whitespace[b-vf4fx9cqdu] {
    color: white;
    user-select: none;
}

.composantCompte > div[b-vf4fx9cqdu] {
    border-radius: 5px;
    border: solid 1px var(--CS_color1);
    box-shadow: 0px 3px 6px #00000029;
    padding: 1%;
    margin: 1% 0;
}

    .composantCompte > div > div[b-vf4fx9cqdu] {
        display: flex;
        margin: 1% 0;
    }

        .composantCompte > div > div > p[b-vf4fx9cqdu] {
            width: 20%;
            text-align: left;
        }

        .composantCompte > div > div:nth-child(2) > p[b-vf4fx9cqdu] {
            font-weight: bold;
        }


/*GESTION TITRES COLONNES*/

.titles[b-vf4fx9cqdu] {
    display: flex;
    width: 70%;
    padding-left: 2%;
    align-items: flex-start;
}

    .titles p[b-vf4fx9cqdu] {
        display: block;
        justify-content: center;
        margin-right: 13.1%;
    }

/*FIN GESTION TITRE COLONNES*/


/*GESTION AFFICHAGE DONNEES*/

.container[b-vf4fx9cqdu] {
    display: flex;
}

.data[b-vf4fx9cqdu] {
    display: flex;
    width: 90%;
    align-items: center;
    padding-left: 0.6%;
    justify-content: space-evenly;
}

    .data p[b-vf4fx9cqdu] {
        display: block;
        margin-right: 12.5%;
    }

/*FIN GESTION AFFICHAGE DONNEES*/


.composantCompte > div > div > div:last-child > svg[b-vf4fx9cqdu] {
    width: 7%;
    fill: var(--CS_color1);
}


.composantCompte > div > div > div:last-child > div[b-vf4fx9cqdu] {
    width: 45%;
    border-radius: 5px;
    background-color: var(--CS_color1);
    color: #fff;
    box-shadow: 0px 3px 6px #00000029;
    padding: 1%;
    margin: 0px 5%;
}

    .composantCompte > div > div > div:last-child > div > p[b-vf4fx9cqdu] {
        text-transform: uppercase;
        font-size: 15px !important;
        text-align: center;
        margin: auto;
    }

    .composantCompte > div > div > div:last-child > div > svg[b-vf4fx9cqdu] {
        height: 15px;
        width: 15px;
        margin: 5px auto;
    }

        .composantCompte > div > div > div:last-child > div > svg > path[b-vf4fx9cqdu] {
            color: var(--CS_color-blanc);
        }

.composantCompte > div > div:first-child[b-vf4fx9cqdu] {
    display: flex;
    width: 100%;
    align-items: center;
}

    .composantCompte > div > div:first-child > p[b-vf4fx9cqdu] {
        text-transform: uppercase;
        color: var(--CS_color1);
        margin-bottom: 2%;
        white-space: nowrap;
        width: fit-content;
        margin: 0;
    }

    .composantCompte > div > div:first-child > div[b-vf4fx9cqdu] {
        width: 65%;
        height: 2px;
        background-color: var(--CS_color1);
        margin-left: 2%;
        border-radius: 0;
        box-shadow: none;
        padding: 0;
    }






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

    #CompteLitige > div > div > div > div > p[b-vf4fx9cqdu] {
        display: none;
    }

    .composantCompte > div > div > div:last-child > div > svg[b-vf4fx9cqdu] {
        display: block;
    }

    #CompteCommandes > div > div[b-vf4fx9cqdu], #CompteLitige > div > div[b-vf4fx9cqdu] {
        text-align: left;
    }

        #CompteLitige > div > div > p:nth-child(3)[b-vf4fx9cqdu], #CompteLitige > div > div > p:first-child[b-vf4fx9cqdu], #CompteLitige > div > div > p:nth-child(4)[b-vf4fx9cqdu] {
            width: 18%;
        }

    #CompteFactures > div > div > p:nth-child(2)[b-vf4fx9cqdu] {
        width: 35%;
    }



    #CompteFactures > div > div:first-child > p[b-vf4fx9cqdu] {
        width: fit-content;
    }
}

@media screen and (max-width: 425px) {
    #CompteLitige > div > div > p:nth-child(2)[b-vf4fx9cqdu], #CompteLitige > div > div > p:nth-child(3)[b-vf4fx9cqdu] {
        display: none;
    }

    #CompteLitige > div > div > p:first-child[b-vf4fx9cqdu], #CompteLitige > div > div > p:nth-child(4)[b-vf4fx9cqdu] {
        width: 40%;
    }

    #CompteLitige > div > div:first-child > p[b-vf4fx9cqdu] {
        white-space: normal;
        width: 98%;
    }

    #CompteLitige > div > div:first-child > div[b-vf4fx9cqdu] {
        display: none;
    }
}
/* _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/Options.razor.rz.scp.css */
.composantCompte[b-f1o2hx53l7] {
    width: 90%;
    margin: 0 5% 5%;
}

    .composantCompte > div[b-f1o2hx53l7] {
        width: 33%;
        border-radius: 5px;
        border: solid 1px var(--CS_color1);
        box-shadow: 0px 3px 6px #00000029;
        padding: 1%;
        margin: 1% 0;
    }

        .composantCompte > div > div[b-f1o2hx53l7] {
            width: 90%;
            margin: 2% auto;
        }

            .composantCompte > div > div > input[type="radio"][b-f1o2hx53l7] {
                margin-right: 1%;
            }

            .composantCompte > div > div > label[b-f1o2hx53l7] {
                font-size: 15px!important;
                text-transform: uppercase;
            }

            .composantCompte > div > div:first-child[b-f1o2hx53l7] {
                width: 100%;
                display: flex;
                align-items: center;
            }

            .composantCompte > div > div:first-child > p[b-f1o2hx53l7] {
                text-transform: uppercase;
                color: var(--CS_color1);
                white-space: nowrap;
                width: fit-content;

            }

        .composantCompte > div > div:first-child > div[b-f1o2hx53l7] {
            width: -webkit-fill-available;
            height: 2px;
            background-color: var(--CS_color1);
            margin-left: 2%;
        }

@media screen and (max-width: 768px) {
    .composantCompte > div[b-f1o2hx53l7] {
        width: 100%;
        text-align: left;
    }
}
/* _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/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 */
#validationCommande[b-udhtan4692] {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 2rem;
    margin-left: 4vw;
}

    #validationCommande > div[b-udhtan4692] {
        display: flex;
        padding: 1vw;
        background: var(--CS_color-blanc) 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 5px;
        flex-direction: column;
        width: 45%;
    }

        #validationCommande > div > p[b-udhtan4692], #validationCommande > div > div:first-child > p[b-udhtan4692] {
            text-align: left;
            font: normal normal bold 17px/20px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color1);
            text-transform: uppercase;
        }
        #validationCommande > div > div:first-child[b-udhtan4692] {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        #validationCommande > div > div[b-udhtan4692] {
            text-align: left;
        }

            #validationCommande > div > div > input[b-udhtan4692] {
                border: none;
                font: normal normal normal 12px/20px var(--CS_font1);
                color: #A1A1A1;
                pointer-events: none;
                width: 65%;
            }

            #validationCommande > div > div > label[b-udhtan4692] {
                font: normal normal 15px/20px var(--CS_font1);
                color: #000;
            }

select[b-udhtan4692] {
    width: 50%;
    border: none;
    background-color: #eeeeee;
    padding: 0.5vh 0.5vw;
    border-radius: 5px;
    margin: 2vh 0;
    cursor: pointer;
}

    select > option:hover[b-udhtan4692] {
        background-color: var(--CS_color1);
    }

textarea[b-udhtan4692] {
    width: 100%;
    border-radius: 5px;
}

.multiline input[b-udhtan4692] {
}

@media screen and (max-width: 768px) {
    #validationCommande > div > div > label[b-udhtan4692] {
        display: flex;
        flex-direction: column;
    }
}

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

    #validationCommande[b-udhtan4692] {
        flex-direction: column;
    }

    #validationCommande > div[b-udhtan4692] {
        width: 100%;
        padding: 10px;
    }
        
}
/* _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 */
.popup[b-kqumdu461g] {
    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-kqumdu461g] {
        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-kqumdu461g] {
            cursor: pointer;
            background: white;
            font-weight: bold;
            color: var(--CS_color1);
        }

    .popup > div[b-kqumdu461g] {
        width: fit-content;
        height: fit-content;
        padding: 1vw;
        border: solid #eee 1px;
        box-shadow: 5px 5px 10px #888;
        background: rgba(255, 255, 255, 1);
        border-radius: 5px;
        padding: 0.5vw 1vw;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .popup > div > div:last-child[b-kqumdu461g] {
    }
/* _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 */
.btnPrimary[b-kx9eeq1mad] {
    font-size : 14px!important;
    margin-left: 5px;
}
/* _content/Colinternet/Defaut/Composants/Popup/PopupQteTableau.razor.rz.scp.css */
/* _content/Colinternet/Defaut/Composants/Prix/PrixParQte.razor.rz.scp.css */
#PrixArticleQte[b-hyaf4d4ypd] {
   /* --color-custom: var(--CS_color1);*/
}

th[b-hyaf4d4ypd], td[b-hyaf4d4ypd] {
    border: solid 1px var(--CS_color1);
    padding: 1vh;
}
th[b-hyaf4d4ypd] {
    color: var(--color-custom);
}
.right[b-hyaf4d4ypd] {
    text-align: right !important;
}

.nowrap[b-hyaf4d4ypd]{
    white-space: nowrap;
}

.titleSection[b-hyaf4d4ypd] {
    color: var(--CS_color-blanc);
    background: var(--color-custom);
    padding: 0.5vh 0.5vw;
}

span[b-hyaf4d4ypd] {
    font-weight: bold;
    color: var(--color-custom);
}
table[b-hyaf4d4ypd]{
    width: 100%;
}
/* _content/Colinternet/Defaut/Composants/Prix/PrixParQteRemise.razor.rz.scp.css */
#PrixArticleQte[b-09y4lzdhbs] {
    /*--color-custom: var(--CS_color1);*/
}

th[b-09y4lzdhbs], td[b-09y4lzdhbs] {
    border: solid 1px var(--color-custom);
    padding: 1vh;
}
th[b-09y4lzdhbs] {
    color: var(--color-custom);
}
.right[b-09y4lzdhbs]{
    text-align: right !important;
}

.nowrap[b-09y4lzdhbs] {
    white-space: nowrap;
}
.titleSection[b-09y4lzdhbs] {
    color: var(--CS_color-blanc);
    background: var(--color-custom);
    padding: 0.5vh 0.5vw;
}

span[b-09y4lzdhbs] {
    font-weight: bold;
    color: var(--color-custom);
}

table[b-09y4lzdhbs] {
    width: 100%;
}
/* _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/ChiffreAffaires.razor.rz.scp.css */
.historique[b-lmyscslvqy] {
    height: 71vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

h2[b-lmyscslvqy] {
    display: flex;
    justify-content: center;
}

.cadept[b-lmyscslvqy] {
    display: flex;
    align-items: center;
}

.cadept > div[b-lmyscslvqy]{
    width: 50%;
}


.chartca[b-lmyscslvqy], .chartcacli[b-lmyscslvqy], .chartcadept[b-lmyscslvqy] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.chartca > .control-section:first-child[b-lmyscslvqy] {
    width: 70rem;
}
    .chartca > .control-section:last-child[b-lmyscslvqy] {
        width: 30rem;
    }
    .chartcacli > .control-section[b-lmyscslvqy]{
        width: 50rem;
    }
.chartcadept > .control-section[b-lmyscslvqy] {
    width: 50rem;
}
.control-section[b-lmyscslvqy] {
    border: solid 1px #eee;
    box-shadow: 1px 10px 20px #ddd;
    padding: 1rem;
    margin-bottom: 4rem;
    margin-top: 1rem;
    border-radius: 10px;
}
.selectbox[b-lmyscslvqy] {
    margin-top: 5rem;
}

.titre[b-lmyscslvqy] {
    color: var(--CS_color1);
    font-size: 1.5rem;
    font-style: italic;
}
    .titre span[b-lmyscslvqy] {
        font-weight: bold;
        font-size: 2rem;
        font-style: normal;
    }
/* _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: 0 6px;
        border-radius: 12px;
        cursor: pointer;
        -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 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;
            font: normal normal bold 25px/30px var(--CS_font1);
            letter-spacing: 0px;
            color: var(--CS_color1);
        }

    .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%;
    }
}
/* _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;
        }

        #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;
}
@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 */
#PageArticle[b-uojxy58m6h]
{
    margin: 3vw;
}
/* _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/ConnexionPage.razor.rz.scp.css */

#ConnexionPage[b-27tit77l18]{
    display : flex;
    justify-content : space-around;
    flex-direction: column;
    height : 97vh;
}

.slider[b-27tit77l18] {
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0px;
    z-index: -1;
}
    .slider div[b-27tit77l18] {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
/*        -webkit-animation: sliderAnimation 18s linear infinite 0s;
        -o-animation: sliderAnimation 18s linear infinite 0s ;
        -ms-animation: sliderAnimation 18s linear infinite 0s ;
        -moz-animation: sliderAnimation 18s linear infinite 0s;
        animation: sliderAnimation 18s linear infinite 0s ;*/
    }
.blurConnexion[b-27tit77l18] {
    padding-top: 2vh;
    min-width: 40vw;
    min-height: 50vh;
    background: rgba(255,255,255,0.2);
    backdrop-filter: blur(18px);
    margin: auto;
}
    .blurConnexion > div[b-27tit77l18] {
        width: 75%;
        margin : 0 auto
    }

.logoEntreprise[b-27tit77l18] {
    display: flex;
    justify-content: center;
}
.logoEntreprise > img[b-27tit77l18] {
    width : fit-content;
    margin-top : 2vh;
    margin-bottom : 2vh;
}

.formConnexion[b-27tit77l18] {
    display: flex;
    justify-content: center;
    flex-direction : column;
}
    .formConnexion > div[b-27tit77l18] {
        display: flex;
        justify-content: right;
    }
        .formConnexion > div > input[b-27tit77l18] {
            width: 100%;
            margin: 1vh 0;
            background: var(--CS_color-blanc) 0% 0% no-repeat padding-box;
            border-radius: 5px;
            opacity: 1;
            height: 5vh;
            text-align: left;
            font: normal normal normal 20px/24px var(--CS_font1);
            letter-spacing: 0px;
            color: #979797E5;
            padding-left: 1vw;
            border: none;
            font-size: 17px!important;
            box-shadow: inset 0px 3px 6px #00000029;
        }
        .formConnexion > div > div[b-27tit77l18] {
            position: absolute;
            margin: 1vh 0;
            display: flex;
            width: 8%;
            background: var(--CS_color1) 0% 0% no-repeat padding-box;
            border-radius: 0px 5px 5px 0px;
            color: white;
            height: 5vh;
        }
            .formConnexion > div > div > svg[b-27tit77l18] {
                max-width: 60%;
                max-height: 60%;
                margin: auto;
            }
/*                .formConnexion > div > div > span {
                position: relative;
                font-size: 2vw;
                margin: auto;
            }*/


div.actionConnexion[b-27tit77l18] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 3vh;
}
    .actionConnexion > div:first-child[b-27tit77l18] {
        margin: auto;
        margin-left: auto;
        margin-left: 0;
        text-align: left;
        font: normal normal normal 16px/19px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-blanc);
    }
        .actionConnexion > div:first-child > p[b-27tit77l18] {
            margin: 0;
        }
        .actionConnexion > div:first-child > p > span[b-27tit77l18]{
            text-decoration : underline;
        }
        .actionConnexion > div:first-child > p > span:hover[b-27tit77l18]{
            color: var(--CS_color1);
        }


    .actionConnexion > div:nth-child(2)[b-27tit77l18] {
        margin: auto 0;
    }

    .actionConnexion > div:last-child[b-27tit77l18] {
        display: flex;
    }
.cultureSwitcher img[b-27tit77l18] {
    width: 2.5vw;
    border-radius: 15%;
}
.cultureSwitcher > div[b-27tit77l18] {
    width: 7vw;
    padding-left: 1vw;
    padding-right: 1vw;
}
.cultureSwitcher > div:first-child[b-27tit77l18] {
    display: flex;
    flex-direction: row;
}
    .cultureSwitcher > div:first-child > div:first-child[b-27tit77l18] {
        margin-top: auto;
        margin-bottom: auto;
    }
    .cultureSwitcher > div:first-child > div:last-child[b-27tit77l18] {
        margin: auto;
        display: flex;
    }
.cultureSwitcher > div:last-child[b-27tit77l18] {
    position: absolute;
    backdrop-filter: blur(18px);
    padding-bottom: 1vh;
}
    .cultureSwitcher > div:last-child > div[b-27tit77l18] {
        position: relative;
        display: flex;
        flex-direction: column;
    }
        .cultureSwitcher > div:last-child > div > div[b-27tit77l18] {
            margin: 0.5vh 0;
        }

.ConnexionContact[b-27tit77l18] {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


    .ConnexionContact > div:first-child[b-27tit77l18] {
    width: fit-content;
    margin: 5vh 0;
    }
    
    .ConnexionContact > div:last-child[b-27tit77l18] {
    width: fit-content;
    margin: 5vh 0 5vh auto;
    }

.flag-icon-gb[b-27tit77l18] {
    background: no-repeat center url(../../wwwroot/flags/4x3/gb.svg) ;
}

.flag-icon-es[b-27tit77l18] {
    background: no-repeat center url(../../wwwroot/flags/4x3/es.svg);
}

.flag-icon-fr[b-27tit77l18] {
    background: no-repeat center url(/flags/4x3/fr.svg);
}

.flag-icon-it[b-27tit77l18] {
    background: no-repeat center url(../../wwwroot/flags/4x3/it.svg);
}

.flag-icon-pt[b-27tit77l18] {
    background: no-repeat center url(../../wwwroot/flags/4x3/pt.svg);
}

@keyframes sliderAnimation-b-27tit77l18 {
    0% {
        opacity: 0;
        animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        animation-timing-function: ease-out;
    }

    17% {
        opacity: 1
    }

    45% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.actionConnexion > div:first-child[b-27tit77l18], .formConnexion > div > input[b-27tit77l18] {
    font-size: 18px!important;
}

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

    .actionConnexion > div:first-child[b-27tit77l18], .formConnexion > div > input[b-27tit77l18] {
        font-size: 15px!important;
    }

}
/* _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/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/MerchandisingV2.razor.rz.scp.css */
.pageMerchandising[b-y7y0uuiuev] {
    background-color: var(--CS_color-blanc);
    padding-top: 5vh;
}

.vueMerchandising[b-y7y0uuiuev] {
    display: flex;
    flex-direction: column;
    margin: auto 5vw;
}

.enteteMerchandising[b-y7y0uuiuev]{
    display : flex;
    flex-direction : column;
}

.divNiveau0Merch[b-y7y0uuiuev]{
    display : flex;
    flex-direction : row;

}

.niveau0Merch[b-y7y0uuiuev] {
    width: 13vw;
    background: var(--CS_color1) 0% 0% no-repeat padding-box;
    text-align: center;
    font: normal normal normal 17px/23px;
    letter-spacing: 0px;
    color: var(--CS_color-blanc);
    text-transform: uppercase;
    height: 5vh;
    display: flex;
    margin: 0.5vh 0.5vw;
    cursor:pointer;
}
.niveau0Merch p[b-y7y0uuiuev] {
    margin : auto;
}
.merchSelected[b-y7y0uuiuev] {
    background: var(--CS_color2) 0% 0% no-repeat padding-box!important;
    box-shadow: inset 0px 3px 6px #00000029!important;
    color: #FFFFFF!important;
    border: none!important;
}

.divNiveau2Merch[b-y7y0uuiuev] {
    display: flex;
    flex-direction: row;
    height: 4.5vh;
}
.niveau2Merch[b-y7y0uuiuev] {
    min-width: 13vw;
    padding: 0 0.3645833333333333vw;
    height: 5vh;
    border: 2px solid #A1A1A1;
    letter-spacing: 0px;
    color: #A1A1A1;
    text-transform: uppercase;
    text-align: center;
    font: normal normal normal 17px/23px;
    display: flex;
    margin: 0.5vh 0.5vw;
    cursor: pointer;
}
.niveau2Merch p[b-y7y0uuiuev] {
    margin: auto;
}


.contentMerchandising[b-y7y0uuiuev] {
    margin-top: 2vh;
    display: flex;
    flex-direction: row;
    height: 80vh;
}

.divNiveau1Merch[b-y7y0uuiuev] {
    display: flex;
    flex-direction: column;
    width: 15vw;
    margin-top: 0.4vw;
}

.niveau1Merch[b-y7y0uuiuev] {
    width: 13vw;
    background: #A1A1A1 0% 0% no-repeat padding-box;
    text-align: center;
    font: normal normal normal 17px/23px;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin: 0 0.5vw;
    display: flex;
    cursor: pointer;
}


    .niveau1Merch p[b-y7y0uuiuev] {
        margin: auto 1.5vw;
        text-align: left;
    }


.listeCardMerchandising[b-y7y0uuiuev] {
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    width: 100%;
}

    /*CARD*/

.cardLineaire[b-y7y0uuiuev] {
    display: flex;
    width: 22.45%;
    flex-direction: column;
    height: 45vh;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #CBCBCB;
    margin: 0.4vw;
    border-radius: 0.3vw;
    justify-content: space-between;
}

img[b-y7y0uuiuev] {
    cursor: pointer;
}

.divImgLineaire[b-y7y0uuiuev] {
    /*margin: 0.5vw;
    width: 33%!important;*/
   /* margin: 0.5vw auto;*/ /*
    width: 300px!important;*/
    min-width: 6vw;
    max-width: 18vw;
    /*  min-width: 100px;
    max-width: 300px;*/
    overflow-x: auto;
    scrollbar-width: thin;
    display: flex;
    height: 24vh;
}

    .divImgLineaire[b-y7y0uuiuev]::-webkit-scrollbar {
        width: 5px;
        height: 8px;
        background-color: #aaa;
    }

    .divImgLineaire[b-y7y0uuiuev]::-webkit-scrollbar-thumb {
        background: #495057;
    }

    .divImgLineaire img[b-y7y0uuiuev] {
        max-width: 100%;
        max-height: 100%;
        height: auto;
        width: auto;
        margin: auto;
    }

.enteteLineaire[b-y7y0uuiuev] {
    margin-bottom: 0.5vh;
}

.divInfoLineaire[b-y7y0uuiuev] {
    /*margin: 0.5vw;*/
    width: 75%!important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0.5vw auto;
}

.titleLineaire[b-y7y0uuiuev] {
    text-align: center;
    font: normal normal 500 14px/19px;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}

.divEtatLineaire[b-y7y0uuiuev] {
    margin-top: 1vh;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.divNewLineaire[b-y7y0uuiuev] {
    width: 25%;
    display: flex;
    justify-content: center;
    background: #8EBB16 0% 0% no-repeat padding-box;
    border-radius: 3px;
}

.textNewLineaire[b-y7y0uuiuev] {
    margin: auto;
    color: white;
}
.textDescLineaire[b-y7y0uuiuev] {
    height: auto;
    overflow-wrap: anywhere;
    text-align: justify;
    font-weight: 500;
    font: normal normal 600 12px/17px;
    letter-spacing: 0px;
    color: #A1A1A1;
}

.btnDetailLineaire[b-y7y0uuiuev] {
    background-color: var(--CS_color2);
    border-radius: 3px;
}

    .btnDetailLineaire:active[b-y7y0uuiuev], .btnAjouterPanierLineaire:active[b-y7y0uuiuev] {
        box-shadow: inset 0px 3px 6px #00000029;
    }

    .btnDetailLineaire:hover[b-y7y0uuiuev], .btnAjouterPanierLineaire:hover[b-y7y0uuiuev] {
        cursor: pointer;
    }

.textDetailLineaire[b-y7y0uuiuev] {
    text-align: center;
    font: normal normal normal 14px/19px;
    letter-spacing: 0px;
    color: var(--CS_color-blanc);
    text-transform: uppercase;
}

.btnAjouterPanierLineaire[b-y7y0uuiuev] {
    background: var(--CS_color1) 0% 0% repeat-Y padding-box;
    border-radius: 3px;
}

.textAjouterPanierLineaire[b-y7y0uuiuev] {
    text-align: center;
    font: normal normal normal 14px/19px;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 0px 10px;
}

.btnDejaCMDLineaire[b-y7y0uuiuev] {
    background: #CBCBCB 0% 0% no-repeat padding-box;
    border-radius: 3px;
    width: 75%;
    margin: auto;
}

.textDejaCMDLineaire[b-y7y0uuiuev] {
    text-align: center;
    font: normal normal normal 15px/20px;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.telechargerLineaire[b-y7y0uuiuev] {
    text-align: center;
    font: normal normal normal 13px/18px;
    letter-spacing: 0px;
    color: #A1A1A1;
}

    .telechargerLineaire a[b-y7y0uuiuev] {
        text-decoration: underline!important;
        color: #A1A1A1;
    }
    .telechargerLineaire img[b-y7y0uuiuev] {
        width: 0.5vw;
        border: solid;
    }

.iconFichierMerch[b-y7y0uuiuev] {
    width: 0.5vw;
    border: solid;
}
.telechargerLineaire .bi[b-y7y0uuiuev] {
    font-size: 1.5vw;
}

    .IconeTopNew[b-y7y0uuiuev] {
        margin: 1.0764262648008611vh 0.5208333333333334vw;
        width: 75px;
        height: 0;
        position: initial!important;
    }

.listeAutreLineaire[b-y7y0uuiuev] {
    display: flex;
    justify-content: space-around;
}

.piedMerchandising[b-y7y0uuiuev] {
    padding-bottom: 5vh;
}


/*EXISTE AUSSI*/

.btnNavigationExisteAussi[b-y7y0uuiuev] {
    margin: auto 0;
}
.titreExiste[b-y7y0uuiuev] {
    margin: 1vw 5vw 0;
    text-align: left;
    font: normal normal normal 20px/27px;
    letter-spacing: 0px;
    color: #A1A1A1;
    text-transform: uppercase;
    opacity: 1;
}

.existeAussi[b-y7y0uuiuev] {
    background-color: white;
    height: 16vh;
    width: 45%;
    border: 1px solid #CBCBCB;
    border-radius: 5px;
    opacity: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000000;
}

.boutonExiste[b-y7y0uuiuev] {
    /*height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;*/
}

.existeAussi[b-y7y0uuiuev] {
    padding: 0 1vw 0 4vw;
}
    .existeAussi .img img[b-y7y0uuiuev] {
        height: 6vw;
    }
.titreExisteDesc[b-y7y0uuiuev] {
    margin-top: 1vh;
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    font-size: 14px!important;
    font-weight: 600;
}
.descExist[b-y7y0uuiuev] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 18vw;
    /* width: 400px; */
    overflow: hidden;
}
.existeDesc[b-y7y0uuiuev] {
    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-y7y0uuiuev] {
    object-fit: cover;
    width: 5.2vw;
    height: 5.2vw;
}
.detail[b-y7y0uuiuev] {
    width: 211px;
    height: 23px;
    /* UI Properties */
    background: var(--CS_color2)80 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    text-align: center;
    font: normal normal normal 14px/19px;
    letter-spacing: 0px;
    color: #A1A1A1;
    text-transform: uppercase;
    border: none;
    opacity: 1;
}

.ajoutePanierOther[b-y7y0uuiuev] {
    background: url(barre.png) 0% 0% repeat-y padding-box;
    background-size: auto;
    border-radius: 3px;
}
.ajoutePanier[b-y7y0uuiuev] {
    width: 211px;
    height: 23px;
    font: normal normal normal 14px/19px;
}

.IconeTopNew[b-y7y0uuiuev] {
    z-index: 5;
}

#imageArticle[b-y7y0uuiuev] {
    width: 100%;
}

.popupImage[b-y7y0uuiuev] {
    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-y7y0uuiuev] {
        background: white;
        width: 100%;
        text-align: right;
        padding-bottom: 0.5vw;
    }

        .popupImage .closePopupImage span[b-y7y0uuiuev] {
            cursor: pointer;
            background: white;
            font-weight: bold;
        }

    .popupImage > div[b-y7y0uuiuev] {
        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%;
    }

.textDetailLineaire[b-y7y0uuiuev] {
    margin-bottom: 1vh;
}
/* _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: 500;
    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: 500;
    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 > 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%;
}
/* _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: 502;
    position: relative;
}

.body[b-wlneili91f]{
    /*padding-top: 4vh;*/
}

@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;
    }
}