@import '_content/CsAdaptativePage/CsAdaptativePage.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;
    }
/* _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;
    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);
}

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

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

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

.imagePrincipale[b-qmowciin68] {
    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-qmowciin68] {
        max-height: 100%;
        max-width: 100%;
        margin: auto;
    }

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

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

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

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

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

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

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

.enteteDetailArticle[b-qmowciin68] {
    margin-bottom: 2vh;
}
    /*Titre + stock*/
    .enteteDetailArticle > div:first-child[b-qmowciin68] {
        display: flex;
        flex-direction: row;
    }
        /*Titre*/
        .enteteDetailArticle > div:first-child > div:first-child[b-qmowciin68] {
            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-qmowciin68] {
            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-qmowciin68] {
                margin: auto;
            }

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

                .enteteDetailArticle > div:first-child > div:last-child > 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[b-qmowciin68] {
            cursor: pointer;
        }

.informationPrincipal[b-qmowciin68] {
    display: flex;
    flex-direction: row;
    margin-bottom: 2vh;
    width: 85%;
}
    /*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)[b-qmowciin68] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: auto;
    }
        /*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;
    }

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

        .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(--CS_color1) 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;
            }

        .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);
    margin: auto;
}

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

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

.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: 5%;
                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 {
    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-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);
}

.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[b-qmowciin68] {
    font-size: 26px !important;
}

.btnAddPanier[b-qmowciin68] {
    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-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: 14px !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: 15px !important;
    }

    .informationPrincipal > div:nth-child(2) > p:first-child > span[b-qmowciin68], .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: 768px) {
    #informationArticle[b-qmowciin68] {
        flex-direction: column;
        align-items: center;
    }

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

    .imagePrincipale[b-qmowciin68] {
        height: 100%;
        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%;
    }

    .information > div:first-child[b-qmowciin68] {
        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(--Color-blanc);
    padding: 0.2vh 0.5vw;
    cursor: pointer;
}
/* _content/Colinternet/Defaut/Composants/Article/Associes.razor.rz.scp.css */
.associes[b-cv8fuegq2p] {
    margin: auto;
    display: flex;
    margin-top: 5vh;
    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] {
}

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



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

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

.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/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/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;
    width: 80%;
    margin: auto;
    padding-bottom: 4vh;
}

.popupQuantite[b-oi5d531vvv]
{
    padding: 2vh
}
.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(--Color-blanc);
}

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

input[b-oi5d531vvv]{
    width: 6vw;
    text-align: right
}
/* _content/Colinternet/Defaut/Composants/Article/Similaires.razor.rz.scp.css */
.similaires[b-z71eae07zx] {
    margin: auto;
    display: flex;
    margin-top: 5vh;
    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] {
}

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



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

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

.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 */

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

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

    .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) 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: 56vw;
    }

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

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

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

@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%;
            }
    }
/* _content/Colinternet/Defaut/Composants/Cards/ListeCardsModele1.razor.rz.scp.css */

.listecards[b-zl3e4vkp6b] {
    margin: 5vh 4vw;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
}

    .listecards > div[b-zl3e4vkp6b] {
        display: flex;
    }

.cardArticle[b-zl3e4vkp6b] {
    width: 20vw;
    overflow: hidden;
    margin: 1vh 1vw;
    border-radius: 5px;
}

    .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: 0.5vw;
            top: 1vh;
        }

    .cardArticle > div:nth-child(3)[b-zl3e4vkp6b] {
        position: absolute;
        width: inherit;
    }

        .cardArticle > div:nth-child(3) > div[b-zl3e4vkp6b] {
            position: absolute;
            top: -8vh;
            right: 0px;
            display: flex;
            flex-direction: column;
            justify-content: right;
            width: 7vw;
        }

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

                .cardArticle > div:nth-child(3) > div > div:first-child[b-zl3e4vkp6b] {
                    margin-right: 0.8vw;
                    margin-bottom: 1vh;
                }

                    .cardArticle > div:nth-child(3) > div > div:first-child svg[b-zl3e4vkp6b] {
                        height: 3vh;
                        stroke: #000;
                        fill: transparent;
                    }

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

                .cardArticle > div:nth-child(3) > div > div:last-child[b-zl3e4vkp6b] {
                    margin-right: 0.8vw;
                }


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

        .cardArticle > div:nth-child(5) > div:last-child[b-zl3e4vkp6b] {
            padding: 0.5vh 0.5vw;
        }

            .cardArticle > div:nth-child(5) > div:last-child > .prixCard[b-zl3e4vkp6b] {
                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-zl3e4vkp6b] {
                    margin-bottom: 0;
                }

            .cardArticle > div:nth-child(5) > 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(5) > div:last-child > .stockCard[b-zl3e4vkp6b] {
                display: flex;
                justify-content: center;
                font-size: 17px !important;
            }

                .cardArticle > div:nth-child(5) > div:last-child > .stockCard > div > svg[b-zl3e4vkp6b] {
                    height: 1.6vh;
                    margin: auto 0.5vw auto 0;
                }

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

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

.btnPlusMoins[b-zl3e4vkp6b] {
    display: flex;
    justify-content: space-around;
    width: 9vh;
}

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

        .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 0.5vw;
        min-width: 1.5vw;
    }
/*    .btnPlusMoins > div:last-child {
        background: var(--CS_color1) 0% 0% no-repeat padding-box;
    }*/

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



.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: 0.5vh 0.5vw;
}

    .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: 0.5vh 0.5vw;
}

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




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

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

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

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

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

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

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

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


    .cardArticle[b-zl3e4vkp6b] {
        width: 25vw;
    }

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

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

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

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

    .listecards > div[b-zl3e4vkp6b] {
        width: 48%;
    }

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

    .imgCard > img[b-zl3e4vkp6b] {
        max-width: -webkit-fill-available;
        max-height: fit-content;
    }

    .cardArticle > div:nth-child(3)[b-zl3e4vkp6b] {
        width: 38%;
    }

    .imgCard[b-zl3e4vkp6b] {
        height: fit-content;
    }
}

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

    .cardArticle[b-zl3e4vkp6b] {
        width: 100%;
        margin: 25px 0;
    }

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

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

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

    .listecards > div[b-zl3e4vkp6b] {
        width: 80%;
        margin: auto;
    }

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

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

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

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

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

    .cardArticle > div:first-child[b-zl3e4vkp6b] {
        width: 88%;
    }
}

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

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

.arrivage[b-zl3e4vkp6b]{
    margin: 0.2vh 0.5vw;
}
    .arrivage div[b-zl3e4vkp6b] {
        display: flex;
        gap : 0.2vw;
    }
/* _content/Colinternet/Defaut/Composants/Cards/ListeCardsModele2.razor.rz.scp.css */

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

.cardArticle[b-64cqfxzfld] {
    width: 20vw;
    overflow: hidden;
    margin: 1vh 1vw;
    border-radius: 5px;
}

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

.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: 9vh;
    margin: 2vh auto;
}

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

        .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: space-between;
    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;
}
.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;
}
@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[b-64cqfxzfld] {
        width: 25vw;
    }

        .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: 768px) {
    .cardArticle[b-64cqfxzfld] {
        width: 100%;
    }

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

    .cardArticle > div:first-child[b-64cqfxzfld] {
        position: absolute;
        width: 38%;
    }
    .imgCard > img[b-64cqfxzfld] {
        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 */

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

.cardArticle[b-o1ejxfehtf] {
    width: 20vw;
    overflow: hidden;
    margin: 1vh 1vw;
    border-radius: 5px;
}

    .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: fit-content;
}

    .imgCard > img[b-o1ejxfehtf] {
        max-width: 17vw;
        height: 10vw;
        width: max-content;
    }

    .cardArticle > div:nth-child(3)[b-o1ejxfehtf] {
        width: 80%;
        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
            }

.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 p[b-o1ejxfehtf] {
        font-size: 13px;
        text-transform: uppercase;
        color: var(--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: space-between;
    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: 16px!important;
}

.titreCard[b-o1ejxfehtf] {
    font-size: 18px!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;
}

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

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

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

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

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

}

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


    .cardArticle[b-o1ejxfehtf] {
        width: 25vw;
    }

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

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

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

}

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

    .ListeCardsModele2 > div[b-o1ejxfehtf] {
        width: 48%;
    }

    .cardArticle > div:first-child[b-o1ejxfehtf] {
        position: absolute;
        width: 38%;
    }
    .imgCard > img[b-o1ejxfehtf] {
        max-width: -webkit-fill-available;
        max-height: fit-content;
    }
}

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

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

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

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

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

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

    .cardArticle > div:first-child[b-o1ejxfehtf] {
        width: 88%;
    }
}
/* _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: #ffa500;
}
[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: #ffa500;
}
.rz-spinner-button[b-d3hyyr2r9f] {
    display: none !important;
     background-color: #ffa500;
}
[b-d3hyyr2r9f] .rz-spinner-button{
    display: none !important;
     background-color: #ffa500;
}

[b-d3hyyr2r9f] .btnDetail {
    background-color: #ffa500 !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/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/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: wrap;
    flex-direction: row;
    justify-content: flex-start;
}

    .listecards > div[b-mcluhl5v0r] {
        display: flex;
    }

.cardArticle[b-mcluhl5v0r] {
    width: 20vw;
    overflow: hidden;
    margin: 1vh 1vw;
    border-radius: 5px;
}

    .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: 13;
    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/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/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;
}

@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%;
    }
}
/* _content/Colinternet/Defaut/Composants/Connexion/ConnexionComposant.razor.rz.scp.css */

#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(--CustomColor4) 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] {
                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 */
.headerDetail[b-pqt0nqe4hv] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2vh;
}

    .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: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;
}

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

.imagePrincipale[b-y3vdrhljw2] {
    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-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;
    }
        /*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;
    width: 85%;
}
    /*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;
        margin: auto;
    }
        /*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] {
        display: flex;
        justify-content: center;
    }

.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(--CS_color1) 0% 0% no-repeat padding-box;
        }

            .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_color2) 0% 0% no-repeat padding-box!important;
}
/*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(--CS_color1);
}

.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: 80%;
}

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

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

            .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(--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-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(--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-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: 90%;
    }

}
@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[b-y3vdrhljw2] {
            flex-direction: column;
        }

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

.cadreArrivages[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;
    }
/* _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;
    }
/* _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;
    }
/* _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;
    }
/* _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;
    }
/* _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]{

}
.messageKO[b-88drmb5wcw]{

}
/* _content/Colinternet/Defaut/Composants/Fomulaires/Inscription.razor.rz.scp.css */
form[b-hxllrt63fg] {
    width: 100%;
    margin: auto;
    margin-bottom: 10px
}

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


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

        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%;
    }
}
/* _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;
    height: 90px;
    align-items: center;
    width: 90%;
    margin: auto;
}





[b-p63at71cfz] .recherche, .options[b-p63at71cfz] {
    width: 40%;
}

.logo[b-p63at71cfz] {
    width: 20%;
}

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

    [b-p63at71cfz] .recherche {
        display: flex;
        align-items: center;
    }

    [b-p63at71cfz] .recherche input {
        width: 20.729166666666668vw;
        padding: 0.5vh 0.2vw;
        border: 1px solid --CS_color-noir;
        border-radius: 5px;
        opacity: 1;
        margin-right: 10px;
    }

.langue[b-p63at71cfz] {
    margin-right: 1.3020833333333333vw;
}

.logo[b-p63at71cfz] {
    text-align: center;
}

.options[b-p63at71cfz] {
    display: flex;
    justify-content: center;
}

.panier[b-p63at71cfz] {
    margin-right: 1.5625vw;
    display: flex;
}

    .panier > div:first-of-type[b-p63at71cfz] {
        
    }

.total[b-p63at71cfz] {
    font-weight: bold;
}

.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: 1024px) {
    .top[b-p63at71cfz] {
        flex-wrap: wrap;
    }

    .logo[b-p63at71cfz], .recherche[b-p63at71cfz] {
        width: 50%;
        margin: 20px auto;
    }

    .options[b-p63at71cfz] {
        width: 100%;
        justify-content: space-around;
        margin: 20px auto;
    }

    .recherche input[b-p63at71cfz] {
        width: 95%;
    }

    .top[b-p63at71cfz] {
        height: fit-content;
    }
}

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

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

.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/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);
    font-weight: bold;
    margin: 0;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 15px;
}
.Niveau1 .Titre[b-v1llokngzk] {
    color: var(--CS_color1);
}

.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 {
        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 {
        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: 28%;
}

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 */
/**FAMILLES - SOUS FAMILLES**/


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

    /*.Niveau1 > .column:hover .Niveau2 {
        height: 150px;
    }*/
.Niveau2[b-xu9hmatee6] {
    color: var(--CS_color1);
    font-weight: bold;
    margin: 0;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: height 500ms;
    /*height: 0px;
    line-height: 15px;
    */
}
.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);
        }

        .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 {
        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 {
        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**/


.wait[b-m46ugzswwf] {
    text-align: center !important;
}
.wait img[b-m46ugzswwf]{
    width: 4% !important;
}
.image[b-m46ugzswwf] {
    height: 90%
}

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

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

    /*.Niveau1 > .column:hover .Niveau2 {
        height: 150px;
    }*/
.Niveau2[b-m46ugzswwf] {
    color: var(--CS_color1);
    font-weight: bold;
    margin: 0;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    /*height: 0px;
    line-height: 15px;
    transition: height 500ms;*/
}
.Niveau1[b-m46ugzswwf], .Niveau2[b-m46ugzswwf] {
    text-transform: uppercase;
}
    .Niveau1 > .column[b-m46ugzswwf] {
        width: fit-content;
    }

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

    .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);
        }

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


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

    .MegaMenu[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 {
        width: 100%
    }

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

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

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

@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/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 {
    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 {
    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);
        font-weight: bold;
        margin: 0;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 15px;
    }

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

        .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 {
        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 {
        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/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 {
        content: '';
        display: block;
        width: 0;
        height: 1px;
        background: var(--CS_color1);
        transition: width 0.3s ease-in;
        margin-top: 1vh;
    }

    .MegaMenu:hover[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);
    }

.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 {
        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 {
        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/MonCompte/Adresses.razor.rz.scp.css */
#CompteAdresses > div:first-child[b-bmgw2qopub] {
    display: flex;
    justify-content: flex-start;
    gap: 10px;

}

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

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

.blocAdresse > div[b-bmgw2qopub] {
    display: flex;
    align-items: center;
    margin-bottom: 1%;
}

    .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] {
        text-transform: uppercase;
        border: none;
        background: none;
        font-size: 17px!important;
        width: 100%;
    }

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

@media screen and (max-width: 768px) {
    .blocAdresse[b-bmgw2qopub] {
        width: 100%;
        text-align: left;
    }
}
/* _content/Colinternet/Defaut/Composants/MonCompte/CommandeDétails.razor.rz.scp.css */
#CompteCommandeDetails[b-6hd3pq26p8] {
    margin: 0 5% 5%;
    font-family: var(--CS_font1);
}

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

    .footerCommandeDetails > div[b-6hd3pq26p8] {
        width: 27.916666666666668vw;
    }
        .footerCommandeDetails > div:first-child[b-6hd3pq26p8] {
            margin: 0 20px;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
        }
        .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;
    }

/* _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: 90%;
            margin: 1% 0;
            align-items: center;
        }
            .composantCompte > div > div > p[b-htbb5dtzp5] {
                width: 20%;
                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;
                    justify-content: flex-end;
                }

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

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

                    .composantCompte > div > div > div:last-child > div[b-htbb5dtzp5] {
                        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-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(--CustomColor4);
                            }

                        .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: 50%;
        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[b-1w5ny2uh5v] {
        width: 25%;
        height: fit-content;
        margin: auto 0;
    }

        .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] {
    margin: 0 5% 5%;
    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;
                }

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

    .footerCommandeDetails > div[b-bh5lj2azli] {
        width: 27.916666666666668vw;
    }

        .footerCommandeDetails > div:first-child[b-bh5lj2azli] {
            margin: 0 20px;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
        }

        .footerCommandeDetails > div:last-child[b-bh5lj2azli] {
            background: var(--CS_color1);
            color: white;
            border-radius: 5px;
            padding: 34px 28px;
        }

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

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

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

    .footerCommandeDetails > div:first-child > div:first-child[b-bh5lj2azli] {
        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-bh5lj2azli] {
        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;
    }
/* _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(--CustomColor4);
                            }

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

#CompteInformations > div[b-v6xhbte6t4] {
    width: 45%;
    padding: 2%;
    border: solid 1px var(--CS_color1);
    border-radius: 5px;
    box-shadow: 0px 3px 6px #00000029;
}

    #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;
        justify-content: space-between;
        margin: 0 auto 2%;
        align-items: center;
    }

        #CompteInformations > div > div > div[b-v6xhbte6t4] {
            width: 50%;
        }

        #CompteInformations > div > div > legend[b-v6xhbte6t4], #CompteInformations > div > div > label[b-v6xhbte6t4] {
            text-transform: uppercase;
            font-size: 17px !important;
            margin-bottom: 0;
        }

        #CompteInformations > div > div > input[type="text"][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: 50%;
        }

        #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] {
    width: 100%;
    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/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/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;
}

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

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

        .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);
    }
/* _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[b-fnislrjk3p] {
            padding: 1vh 1vw;
        }

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

/* _content/Colinternet/Defaut/Composants/Panier/ValidationCommande.razor.rz.scp.css */
#validationCommande[b-udhtan4692] {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 4vw;
    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/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: 13;
    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: 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/Popup/PopupImageV7.razor.rz.scp.css */
#popupImage[b-nrjqpemt3e] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
    #popupImage > div:first-child[b-nrjqpemt3e] {
        margin: auto;
    }
    #popupImage > div:last-child[b-nrjqpemt3e] {
        margin: auto;
        margin-top: 5vh;
        height: auto;
        width: auto;
        max-height: 90%;
        max-width: 100%;
        display: flex;
        justify-content: center;
    }


/*ZOOM LOUPE*/
[data-loupe-wrapper][b-nrjqpemt3e] {
    position: relative;
}

[data-loupe-image][b-nrjqpemt3e] {
    display: block;
    cursor: none;
}

[data-loupe-enlarged-image][b-nrjqpemt3e] {
    width: auto;
    max-width: none;
}

[data-loupe][b-nrjqpemt3e] {
    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;
}
/* _content/Colinternet/Defaut/Composants/Popup/PopupQte.razor.rz.scp.css */
/* _content/Colinternet/Defaut/Composants/Popup/PopupQteTableau.razor.rz.scp.css */
/* _content/Colinternet/Defaut/Composants/Spinner/Spinner.razor.rz.scp.css */
/** SPINNER**/
.lds-ellipsis[b-qh5lzc9y23] {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-ellipsis div[b-qh5lzc9y23] {
        position: absolute;
        top: 33px;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: #999;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }

        .lds-ellipsis div:nth-child(1)[b-qh5lzc9y23] {
            left: 8px;
            animation: lds-ellipsis1-b-qh5lzc9y23 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(2)[b-qh5lzc9y23] {
            left: 8px;
            animation: lds-ellipsis2-b-qh5lzc9y23 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(3)[b-qh5lzc9y23] {
            left: 32px;
            animation: lds-ellipsis2-b-qh5lzc9y23 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(4)[b-qh5lzc9y23] {
            left: 56px;
            animation: lds-ellipsis3-b-qh5lzc9y23 0.6s infinite;
        }

@keyframes lds-ellipsis1-b-qh5lzc9y23 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3-b-qh5lzc9y23 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2-b-qh5lzc9y23 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin-b-qh5lzc9y23 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#SpinnerWait[b-qh5lzc9y23] {
    left: 0;
    top: 0;
    background: white;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100000000;
    display: flex;
    align-items: center;
    justify-content: center;
}

/**SPINNER**/
/* _content/Colinternet/Defaut/Composants/Systeme/BlazorNavigation.razor.rz.scp.css */
[b-878746k6rc] .BlazorNavigation_pagin {
    width: 80px!important;
}

.BlazorNavigation_PageNavigation[b-878746k6rc] {
    display: flex!important;
    justify-content: center!important;
    margin: 5vh 0;
}

.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/Pages/Article.razor.rz.scp.css */
#PageArticle[b-uojxy58m6h]
{
    margin: 3vw;
}
/* _content/Colinternet/Defaut/Pages/Backoffice/Backoffice.razor.rz.scp.css */
.ChargePage[b-gc9i5o4gqk]
{
    width: 10vw;
}
/* _content/Colinternet/Defaut/Pages/Backoffice/PanelAdmin/ConfigurationColinternet.razor.rz.scp.css */

.sousOption > label > span[b-1oh3hvy151] {
    padding-left: 15px;
}

.e-label[b-1oh3hvy151] {
    font-weight: bold;
}

.option:nth-child(2):first-child[b-1oh3hvy151] {
    font-weight: bold;
}

.inputPetit[b-1oh3hvy151] {
    margin-left: 10px;
    margin-right: 10px;
    width: 5%;
}

.inputGrand[b-1oh3hvy151] {
    margin-left: 10px;
    margin-right: 10px;
    width: 50%;
}
.inputMoyen[b-1oh3hvy151] {
    margin-left: 10px;
    margin-right: 10px;
    width: 15%;
}
.pageAdmin[b-1oh3hvy151] {
    display: inline;
}

.container[b-1oh3hvy151] {
    top: 5% !important;
    margin-left: 33% !important;
}

[b-1oh3hvy151] .panneauAdmin {
    width: 30% !important;
    position: sticky;
    top: 25%;
    left: 2%;
}

.panneauAdmin[b-1oh3hvy151] {
    width: 30% !important;
    position: sticky;
    top: 25%;
    left: 2%;
}

[b-1oh3hvy151] .e-acrdn-header, [b-1oh3hvy151] .e-acrdn-header:hover {
    border-radius: 2px !important;
    padding-left: 5px !important;
    background: #1a5276 !important;
}

[b-1oh3hvy151] .e-acrdn-header-content, [b-1oh3hvy151] .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-1oh3hvy151] .e-icons {
    font-weight: bold !important;
    font-size: 1.2em !important;
    color: white !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

[b-1oh3hvy151] .e-card-header {
    width: 100% !important;
}
/* _content/Colinternet/Defaut/Pages/Backoffice/PanelAdmin/ConfigurationPersonnel.razor.rz.scp.css */

.sousOption > label > span[b-6oi49enzmf] {
    padding-left: 15px;
}

.e-label[b-6oi49enzmf] {
    font-weight: bold;
}

.option:nth-child(2):first-child[b-6oi49enzmf] {
    font-weight: bold;
}

.inputPetit[b-6oi49enzmf] {
    margin-left: 10px;
    margin-right: 10px;
    width: 5%;
}

.inputGrand[b-6oi49enzmf] {
    margin-left: 10px;
    margin-right: 10px;
    width: 50%;
}

.pageAdmin[b-6oi49enzmf] {
    display: inline;
}

.container[b-6oi49enzmf] {
    top: 5% !important;
    margin-left: 33% !important;
}

[b-6oi49enzmf] .panneauAdmin {
    width: 30% !important;
    position: sticky;
    top: 25%;
    left: 2%;
}

.panneauAdmin[b-6oi49enzmf] {
    width: 30% !important;
    position: sticky;
    top: 25%;
    left: 2%;
}

[b-6oi49enzmf] .e-acrdn-header, [b-6oi49enzmf] .e-acrdn-header:hover {
    border-radius: 2px !important;
    padding-left: 5px !important;
    background: #1a5276 !important;
}

[b-6oi49enzmf] .e-acrdn-header-content, [b-6oi49enzmf] .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-6oi49enzmf] .e-icons {
    font-weight: bold !important;
    font-size: 1.2em !important;
    color: white !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

[b-6oi49enzmf] .e-card-header {
    width: 100% !important;
}
/* _content/Colinternet/Defaut/Pages/Backoffice/PanelAdmin/PanelAdmin.razor.rz.scp.css */

.sousOption > label > span[b-4llr7yv3dv]{
    padding-left : 15px;
}
.e-label[b-4llr7yv3dv] {
    font-weight: bold;
}
.option:nth-child(2):first-child[b-4llr7yv3dv] {
    font-weight: bold;
}

.inputPetit[b-4llr7yv3dv] {
    margin-left: 10px;
    margin-right: 10px;
    width: 5%;
}
.inputGrand[b-4llr7yv3dv] {
    margin-left: 10px;
    margin-right: 10px;
    width: 50%;
}

.pageAdmin[b-4llr7yv3dv]{
    display : inline;
}

.container[b-4llr7yv3dv]{
    top: 5% !important;
    margin-left : 33% !important;
}

[b-4llr7yv3dv] .panneauAdmin {
    width: 30% !important;
    position: sticky;
    top: 25%;
    left: 2%;
}
.panneauAdmin[b-4llr7yv3dv] {
    width: 30% !important;
    position: sticky;
    top: 25%;
    left: 2%;
}

[b-4llr7yv3dv] .e-acrdn-header, [b-4llr7yv3dv] .e-acrdn-header:hover {
    border-radius: 2px !important;
    padding-left: 5px !important;
    background: #1a5276 !important;
}
[b-4llr7yv3dv] .e-acrdn-header-content, [b-4llr7yv3dv] .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-4llr7yv3dv] .e-icons {
    font-weight: bold !important;
    font-size: 1.2em !important;
    color: white !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

[b-4llr7yv3dv] .e-card-header{
    width : 100% !important;
}
/* _content/Colinternet/Defaut/Pages/ClientChoix.razor.rz.scp.css */
.ClientChoix_font-weight[b-tdk61ri06o] {
    font-weight: 500;
}
.ClientChoix_detailtable td[b-tdk61ri06o] {
    font-size: 13px!important;
    padding: 4px;
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.popupSelectionClient[b-tdk61ri06o] {
    position: absolute;
    z-index: 100;
    top: 65vh;
    width: 50%;
    margin: auto;
    left: 25vw;
 /*   padding: 5vh;
    backdrop-filter: blur(3px);*/
}
.close[b-tdk61ri06o]{
    text-align : right
}

.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td[b-tdk61ri06o] {
    background-color: var(--CS_color1);
}

.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td:not(.rz-frozen-cell)[b-tdk61ri06o] {
    background-color: var(--CS_color2);
}

.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) .rz-cell-data[b-tdk61ri06o] {
    color: var(--CS_color1);
}

.bg-primary[b-tdk61ri06o] {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--CS_color1),var(--bs-bg-opacity))!important;
}

.rz-paginator-page.rz-state-active[b-tdk61ri06o] {
    color: var(--CS_color1);
}

/* _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(--CustomColor4) 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;
}
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;
        }

@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 */
/* _content/Colinternet/Defaut/Pages/Merchandising/Lineaire.razor.rz.scp.css */
.content[b-xt8npu3gh6] {
    background: var(--CustomColor4);
}

.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;
    height: 1.2vw;
    outline: none;
}

.ajoutePanierOther[b-xt8npu3gh6] {
    background: url(barre.png) 0% 0% repeat-y 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;
}

.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: 154px;
    height: 38px;
    font: normal normal normal 15px/20px ;
}

.ajoutePanier[b-xt8npu3gh6] {
    width: 211px;
    height: 23px;
    font: normal normal normal 14px/19px ;
}

.detail[b-xt8npu3gh6] {
    width: 211px;
    height: 23px;
    /* 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: #A1A1A1;
    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: space-between;
    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;
    width: 5.2vw;
    height: 5.2vw;
}



.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: 6;
    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(--CustomColor4);
    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(--CustomColor4);
    text-transform: uppercase;
    height: 5vh;
    display: flex;
    margin: 0.5vh 0.5vw;
    cursor:pointer;
}
.niveau0Merch p[b-y7y0uuiuev] {
    margin : auto;
}
.merchSelected[b-y7y0uuiuev] {
    background: #F3BB03 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;
    height: 6vh;
    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: row;*/
    flex-direction: column;
    /*height: 40vh;*/
    height: 45vh;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #CBCBCB;
    margin: 0.4vw;
    border-radius: 0.3vw;
}

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] {
        /* width: 100%;*/
        /*max-height: 100%;
        object-fit: contain;*/
        margin: auto;
        height: 100%;
    }

.enteteLineaire[b-y7y0uuiuev] {
    height: 2vh;
    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;
    /*white-space: nowrap;*/
}

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

.divDescLineaire[b-y7y0uuiuev] { /*
    margin-top: 20%;*/
    height: 4vh;/*
    margin-bottom: 0.5vh;*/
}

.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: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(--CustomColor4);
    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;
    height: 2vh;
}

    .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: #F3BB0380 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: 6;
    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 Open Sans;
        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[b-8i06ilto2b] {
    display: flex;
}

    #mesArticlesFavoris > div:last-child > div:last-child[b-8i06ilto2b] {
        width: 75%;
    }

    #mesArticlesFavoris > div:last-child > div:first-child[b-8i06ilto2b] {
        width: 20%;
        display: flex;
        flex-direction: column;
        max-height: 80vh;
    }


.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] {
    display: flex;
    flex-direction: row;
    width: fit-content;
    justify-content: space-between;
    align-items: center;
}

    /*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] {
        flex-direction: row;
        display: flex;
        justify-content: space-around;
        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] {
        background-color: var(--CS_color1);
        padding: 1vh 1vw;
        border-radius: 5px;
        margin: 0 1vw;
        text-align: center;
        font: normal normal 600 12px/15px var(--CS_font1);
        letter-spacing: 0px;
        color: var(--CS_color-blanc);
        text-transform: uppercase;
    }
/*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[b-8i06ilto2b] {
        flex-direction: column;
    }

    #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;
    }
}
/* _content/Colinternet/Defaut/Pages/MesFavoris.razor.rz.scp.css */
#MesFavoris[b-twktgssdzh]{
    padding:20px
}
    #MesFavoris h1[b-twktgssdzh] {
        padding-bottom: 20px
    }
#MesFavoris h1 i[b-twktgssdzh]{
    vertical-align: middle
}
.listedeslistes[b-twktgssdzh]{
    border: solid 1px #eee;
    min-height: 165px;
    margin: 20px 4px;
    overflow-y: scroll
}
.favoris[b-twktgssdzh]{
    border: solid 1px #eee;
    padding: 5px;
    cursor:pointer;
}

.favoris:hover[b-twktgssdzh], .actif[b-twktgssdzh] {
    background-color:#eee
}

.InputTitre[b-twktgssdzh]{
    margin-bottom: 10px;
}

.ChangeTitre[b-twktgssdzh] {
    margin-top: 20px;
}

[b-twktgssdzh] .IconeStock, [b-twktgssdzh] .IconeStockDetail {
    color: #82e0aa;
    font-size: 22px;
}

[b-twktgssdzh] .IconeStock {
    color: #82e0aa;
    /* font-size: 22px;
    float: right;
    right: 29px;
    position: absolute;
    z-index: 1;
    bottom: 0px;*/
}

[b-twktgssdzh] .IconeDetail {
    position: absolute;
    right: 50px;
    font-size: 22px;
}

[b-twktgssdzh] .IconeTop {
    left: 21px;
    top: 21px;
    width: 75px;
    position: relative;
}

[b-twktgssdzh] .IconePanier {
    font-size: 26px;
    color: #82e0aa;
    position: relative;
    /*left: 15px;
    top:25px*/
}

[b-twktgssdzh] .IconePanierDetail {
    position: relative;
    right: 50px;
    font-size: 26px;
    color: #82e0aa;
}
/* _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;
        }

.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: 22px!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/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: 20%;
        display: flex;
        flex-direction: column;
        max-height: 80vh;
    }

    .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 > 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;
                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;
                }
                .infoPanier > div:first-child > div:nth-child(4) > div:first-child > div:nth-child(2)[b-4fl9797qam] {
                    border: solid 1px var(--CS_color1);
                    color: var(--CS_color1);
                    border-radius: 5px;
                    padding: 1vh 0.5vw;
                    display: flex;
                    cursor: pointer;
                }

                .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;
                    color: #A1A1A1;
                    text-align: center;
                }
            .infoPanier > div:first-child > div:nth-child(5) >span:nth-child(odd)[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;
            }


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

@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;
    }
}
/* _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 Open Sans;
        letter-spacing: 0px;
        color: #FFFFFF;
        text-transform: uppercase
    }

.dropDownMerchandising[b-w7flccazs3] {
    text-align: left;
    font: normal normal 500 17px/23px Open Sans;
    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 Open Sans;
        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 Open Sans;
    }

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