@import '_content/WMBlazorSlickCarousel/WMBlazorSlickCarousel.bundle.scp.css';
@import '_content/CsAdaptativePage/CsAdaptativePage.bundle.scp.css';

/* _content/Colinternet/Composants/Addons/DoubleAuthentification/DoubleAuthentification.razor.rz.scp.css */
.contentAuth[b-w67ymmajsd] {
    border: 1px solid lightgray;
    padding: 5%;
    margin-top: 1%;
}

.imgLogoAuth[b-w67ymmajsd] {
    width: 25%;
}

.titre > h4[b-w67ymmajsd] {
    width: 100%;
    font-size: xx-large;
    text-align: center;
}


.titre[b-w67ymmajsd], .input[b-w67ymmajsd], .bouton[b-w67ymmajsd], .divTxt[b-w67ymmajsd], .divLogo[b-w67ymmajsd] {
    margin: auto;
    display: flex;
    justify-content: center;
}

.txtAuth[b-w67ymmajsd] {
    font-size: large;
}


.bouton[b-w67ymmajsd], .input[b-w67ymmajsd] {
    flex-direction: column;
}

.bouton[b-w67ymmajsd], .divTxt[b-w67ymmajsd] {
    margin-top: 5%;
}

.linkAuth[b-w67ymmajsd] {
    text-decoration: none !important;
    color: #007bff !important;
    text-align: center !important;
}

    .linkAuth:hover[b-w67ymmajsd] {
        color: #0056b3 !important;
        text-decoration: underline !important;
    }

.e-small[b-w67ymmajsd]  {
    width: 75%;
    margin: auto;
    font-size: larger !important;
    background-color: #007bff;
}

.red[b-w67ymmajsd] , .txtBox[b-w67ymmajsd]::deep {
    margin: auto;
}
.txtBox[b-w67ymmajsd]  {
    margin: auto;
}
 .txtBox[b-w67ymmajsd] {
    margin: auto;
}
/* _content/Colinternet/Composants/Addons/ListeFavoris/BtnAjoutFavorisCoeur.razor.rz.scp.css */

.btnCoeurActive[b-8nwv1i70f5] {
    color: #df2525 !important;
}

.btnCoeur[b-8nwv1i70f5] {
    color: #aaa;
}
/* _content/Colinternet/Composants/Addons/ListeFavoris/CardFavoris.razor.rz.scp.css */

.CardFavoris[b-uc9bo3mb4c] {
    width: 40%;
    height: 50%;
}


.itemListe[b-uc9bo3mb4c] {
    margin-left: 0px !important;
    border: 1.5px solid gray;
    padding: 5px;
    width: 100% !important;
}

.e-checkbox-wrapper label[b-uc9bo3mb4c] {
    width: 100%;
}
.itemListe > .e-wrapper[b-uc9bo3mb4c] {
    width: 100%;
}

.itemCard[b-uc9bo3mb4c] {
    margin-bottom: 15px;
    margin-top: 10px;
}

[b-uc9bo3mb4c].e-frame {
    position: relative;
    left: 50%;
}

/***/
.listedeslistes[b-uc9bo3mb4c] {
    border: solid 1px #eee;
    min-height: 165px;
    margin: 20px 4px;
    overflow-y: scroll
}

.favoris[b-uc9bo3mb4c] {
    border: solid 1px #eee;
    padding: 5px;
    cursor: pointer;
}

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

.itemCard[b-uc9bo3mb4c] {
    margin-bottom: 15px;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
}

.inputCard[b-uc9bo3mb4c] {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 0px;
}

.titleCard[b-uc9bo3mb4c] {
    margin: 0px;
    padding: 0px;
}

.groupBtn[b-uc9bo3mb4c] {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
}

.inputText[b-uc9bo3mb4c] {
    width: 100%;
}

[b-uc9bo3mb4c] .e-btn {
    width: 100%;
}


[b-uc9bo3mb4c] .e-radio-wrapper {
    color: red;
}

.e-radio:checked + label[b-uc9bo3mb4c]::after, e-radio:checked + label[b-uc9bo3mb4c]::before {
    color: red;
}


.selected[b-uc9bo3mb4c] {
    background-color: #ffe4b3 !important;
}

.correcte[b-uc9bo3mb4c] {
    color: green;
}

.incorrecte[b-uc9bo3mb4c] {
    color: red;
}

.divBtnFermer[b-uc9bo3mb4c] {
    flex-flow: row-reverse;
    display: flex;
}

.btnSupp[b-uc9bo3mb4c]{
    justify-content : center
}
/* _content/Colinternet/Composants/Addons/ListeFavoris/ListeArticleFavoris.razor.rz.scp.css */
:

.noVisible[b-7bbwdl29lq] {
    visibility: hidden;
}

.disabled[b-7bbwdl29lq] {
    padding-left: 20px;
}
.prix[b-7bbwdl29lq] {
    width: 7vw;
}
    .disabled button[b-7bbwdl29lq] {
        /* 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 Open Sans;
        line-height: 13px;
    }

.lineaire[b-7bbwdl29lq] {
    margin: auto;
    font: normal normal normal 17px/23px Open Sans;
    letter-spacing: 0px;
    color: #A1A1A1;
    opacity: 1;
    padding-top: 30px
}

.divBtnRetour[b-7bbwdl29lq] {
    margin-bottom: 1vw;
    font: normal normal normal 13px/18px Open Sans;
    letter-spacing: 0px;
    color: #A1A1A1;
    width: fit-content;
    cursor: pointer;
}

.imgBtnRetour[b-7bbwdl29lq] {
    transform: rotate(180deg);
    width: 0.9vw;
}


img[b-7bbwdl29lq] {
    cursor: pointer;
}


.hiddenWait[b-7bbwdl29lq] {
    display: none;
}

.showWait[b-7bbwdl29lq] {
    display: block;
    position: absolute;
    top: 43%;
    left: 43%;
}

.titreLineaire[b-7bbwdl29lq] {
    height: 23px;
    display: flex;
    justify-content: flex-start;
    white-space: nowrap;
}

.textLineaire[b-7bbwdl29lq] {
    text-align: left;
    text-transform: uppercase;
    padding-right: 110px;
}

.bandeauGris[b-7bbwdl29lq] {
    background: #A1A1A1 0% 0% no-repeat padding-box;
    border-radius: 3px;
    width: 100%;
    opacity: 1;
    text-align: right;
}

.textDroitLineaire[b-7bbwdl29lq] {
    color: white;
    padding-right: 20px;
    font-size: 15px;
    cursor: pointer;
}

.upload[b-7bbwdl29lq], .upload2[b-7bbwdl29lq] {
    margin: 1vw 0;
    text-align: center;
    font: normal normal normal 13px/18px Open Sans;
    letter-spacing: 0px;
    color: #A1A1A1;
}

    .upload a[b-7bbwdl29lq], .upload2 a[b-7bbwdl29lq] {
        text-decoration: underline !important;
        color: #A1A1A1 !important;
    }

    .upload img[b-7bbwdl29lq], upload2 img[b-7bbwdl29lq] {
        width: 1.5vw;
    }
upload2 img[b-7bbwdl29lq] {
    width: 1.5vw;
}
    .upload .bi[b-7bbwdl29lq], upload2 .bi[b-7bbwdl29lq] {
        font-size: 1.5vw;
    }

.upload[b-7bbwdl29lq] {
    width: 25%;
}

.contentDetail[b-7bbwdl29lq] {
    display: flex;
}

.imgLineaire[b-7bbwdl29lq] {
    width: 25.69vw;
    height: 122vh;
    overflow-x: auto;
    overflow-y: hidden;
}

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

.listProduits[b-7bbwdl29lq] {
    width: 100%;
    padding: 1vh 1vw;
}

.caracteristique[b-7bbwdl29lq] {
    text-align: left;
    font: normal normal normal 12px/17px Open Sans;
    letter-spacing: 0px;
    color: #000000;
    text-transform: none;
    opacity: 1;
}

.contentTitreList[b-7bbwdl29lq] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

    .contentTitreList > div[b-7bbwdl29lq] {
        text-align: left;
        font: normal normal 600 20px/27px Open Sans;
        letter-spacing: 0px;
        color: #000000;
        text-transform: uppercase;
        opacity: 1;
    }

.addP button[b-7bbwdl29lq], .ajouterPanier[b-7bbwdl29lq] {
    /* UI Properties */
    background: #F3BB03 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 Open Sans;
    height: 1.2vw;
    outline: none;
}

.ajoutePanierOther[b-7bbwdl29lq] {
    background: url(barre.png) 0% 0% repeat-y padding-box;
    background-size: auto;
    border-radius: 3px;
}

.addP button:hover[b-7bbwdl29lq] {
    box-shadow: inset 2px 3px 4px #00000040;
}

.pager[b-7bbwdl29lq] {
    width: 100%;
}


.contentTitreList button[b-7bbwdl29lq], .footerList button[b-7bbwdl29lq] {
    width: 260px;
    height: 38px;
    font: normal normal normal 15px/20px Open Sans;
    outline: none;
}

.buttonProgress[b-7bbwdl29lq] {
    background: url(barre.png) 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 Open Sans;
}

    .buttonProgress:focus[b-7bbwdl29lq] {
        border: none;
    }

.addP button[b-7bbwdl29lq] {
    width: 154px;
    height: 38px;
    font: normal normal normal 15px/20px Open Sans;
}

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

.detail[b-7bbwdl29lq] {
    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 Open Sans;
    letter-spacing: 0px;
    color: #A1A1A1;
    text-transform: uppercase;
    border: none;
    opacity: 1;
}

.dejaCommande[b-7bbwdl29lq] {
    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 Open Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

.prix[b-7bbwdl29lq], .plusMoins[b-7bbwdl29lq] {
    display: flex;
    width: 6vw;
}



.addP[b-7bbwdl29lq], .graph[b-7bbwdl29lq] {
    padding-left: 20px
}

.new[b-7bbwdl29lq] {
    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 Open Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

.white[b-7bbwdl29lq] {
    background-color: white;
}

.panierLi[b-7bbwdl29lq] {
    width: 18px;
    height: 13px;
    opacity: 1;
    padding-top: 10px;
    color: #82e0aa !important;
}



.contentProd[b-7bbwdl29lq], .existeAussi[b-7bbwdl29lq] {
    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-7bbwdl29lq] {
    margin: 0.3vw 0;
    padding: 0 2vw;
}

.ajoutePanier[b-7bbwdl29lq] {
}

.detail[b-7bbwdl29lq] {
}

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

.dejaCommande[b-7bbwdl29lq] {
    margin-top: 1vw;
}

bouton[b-7bbwdl29lq] {
    outline: none !important;
}

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

.existeAussi[b-7bbwdl29lq] {
    padding: 0 1vw 0 4vw;
}

.footerList[b-7bbwdl29lq] {
    display: flex;
    justify-content: space-between;
}

.existeAussi .img img[b-7bbwdl29lq] {
    height: 6vw;
}

.contentProd > div[b-7bbwdl29lq] {
    margin: 4px;
    max-width: 100%;
}

.img img[b-7bbwdl29lq] {
    width: 7.2vw;
    object-fit: contain;
    max-height: 14.2vh;
}

.desc[b-7bbwdl29lq] {
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    font-size: 14px;
    font-weight: 600;
}

.descExist[b-7bbwdl29lq] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 18vw;
    /* width: 400px; */
    overflow: hidden;
}

.titreExisteDesc[b-7bbwdl29lq] {
    margin-top: 1vh;
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    font-size: 14px;
    font-weight: 600;
}

.existeDesc[b-7bbwdl29lq] {
    height: auto;
    overflow-wrap: anywhere;
    /*text-align: justify;*/
    text-align: left;
    font: normal normal 600 12px/17px Open Sans;
    letter-spacing: 0px;
    color: #A1A1A1;
    padding-bottom: 0.5vw;
}

.imgExiste img[b-7bbwdl29lq] {
    object-fit: cover;
    width: 5.2vw;
    height: 5.2vw;
}



.btnMoinsMerchandising[b-7bbwdl29lq], .btnPlusMerchandising[b-7bbwdl29lq] {
    background: white 0% 0% no-repeat padding-box;
    color: #CBCBCB;
}

.btnMerchandisingActif[b-7bbwdl29lq] {
    color: #A1A1A1;
}

.stockArticleMerchandising_red[b-7bbwdl29lq] {
    color: red !important;
}

.stockArticleMerchandising_orange[b-7bbwdl29lq] {
    color: orange !important;
}

.stockArticleMerchandising_green[b-7bbwdl29lq] {
    color: #82e0aa !important;
}

#imageArticle[b-7bbwdl29lq]{
    height: 58vh;
    margin: auto;
}

.IconeTop[b-7bbwdl29lq] {
    position: absolute;
}
    .IconeTop img[b-7bbwdl29lq] {
        top: -5vh;
        position: relative;
        left: -0.5vw;
    }
.infos[b-7bbwdl29lq] {
    width: 0px;
}

.updateQteSauv[b-7bbwdl29lq] {
    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 Open Sans;
    line-height: 20px;
    line-height: 13px;
    background: url(barre.png) 0% 0% repeat-y padding-box;
    background-size: auto;
}

/**btn coeur*/

.btnCoeurActive[b-7bbwdl29lq] {
    color: #df2525 !important;
}

.btnCoeur[b-7bbwdl29lq] {
    color: #aaa;
    font-size: 18px;
}

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

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



.IconeNewBO[b-7bbwdl29lq] {
    display: flex;
    flex-direction: column;
    width: 75px;
    justify-content: space-evenly;
    height: 65%;
}
/* _content/Colinternet/Composants/Addons/ListeFavoris/PopupCreationListe.razor.rz.scp.css */
.popupCreationListeFavoris[b-h8yjrzr982] {
    background: #F9F9F9;
    box-shadow: 4px 5px 5px #eee;
    padding: 2vw 1vw;
}

.btnCreerListe[b-h8yjrzr982] {
    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 Open Sans;
    line-height: 20px;
    line-height: 13px;
    background: url(barre.png) 0% 0% repeat-y padding-box;
    background-size: auto;
}

.InputTitre[b-h8yjrzr982] {
    margin-bottom: 3vh;
}
/* _content/Colinternet/Composants/Addons/ListeFiltreFavoris/CardFiltreFavoris.razor.rz.scp.css */
.listedeslistes[b-dydxreepbg] {
    border: solid 1px #eee;
    min-height: 165px;
    margin: 20px 4px;
    overflow-y: scroll
}
.favoris[b-dydxreepbg] {
    border: solid 1px #eee;
    padding: 5px;
    cursor: pointer;
}

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

.itemCard[b-dydxreepbg] {
    margin-bottom: 15px;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
}

.inputCard[b-dydxreepbg] {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 0px;
}

.titleCard[b-dydxreepbg] {
    margin: 0px;
    padding: 0px;
}

.groupBtn[b-dydxreepbg] {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
}

.inputText[b-dydxreepbg]{
    width : 100%;
}

[b-dydxreepbg] .e-btn{
    width:100%;
}


[b-dydxreepbg] .e-radio-wrapper{
        color :red;
}
.e-radio:checked + label[b-dydxreepbg]::after, e-radio:checked + label[b-dydxreepbg]::before {
    color: red;
}


.selected[b-dydxreepbg] {
    background-color: #ffe4b3 !important;
}

.correcte[b-dydxreepbg]{
    color:green;
}
.incorrecte[b-dydxreepbg]{
    color:red;
}
/* _content/Colinternet/Composants/Addons/ListeFiltreFavoris/SelectFiltreFavoris.razor.rz.scp.css */
.listedeslistes[b-111uykb6jd] {
    border: solid 1px #eee;
    min-height: 165px;
    margin: 20px 4px;
    overflow-y: scroll
}

.favoris[b-111uykb6jd] {
    border: solid 1px #eee;
    padding: 5px;
    cursor: pointer;
}

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

.selected[b-111uykb6jd] {
    background-color: #ffe4b3 !important;
}
/* _content/Colinternet/Composants/Card/ListeCardArticleInterne.razor.rz.scp.css */
.prixBarre[b-u0sj2iu7wh] {
    font-size: 14px;
    padding-left: 5px;
    text-decoration: line-through;
    font-weight: normal;
    color: #333;
}
.btnCoeurActive[b-u0sj2iu7wh] {
    color: #df2525 !important;
}

.btnCoeur[b-u0sj2iu7wh] {
    color: #aaa;
    font-size: 14px;
}
.articleFavoris[b-u0sj2iu7wh] {
    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-u0sj2iu7wh] {
    cursor: pointer;
}
.closeArticleFavoris[b-u0sj2iu7wh] {
    position: absolute;
    right: 5px;
    top: 1px;
    cursor: pointer;
}
.centerNBpiecesDet[b-u0sj2iu7wh], .centerNBpieces[b-u0sj2iu7wh] {
    height: 5vh;
}

.centerNBpiecesDet[b-u0sj2iu7wh] {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-direction: column;
}
    .centerNBpiecesDet .CodeArticle:first-child[b-u0sj2iu7wh] {
        margin-bottom: 0;
    }
    .centerNBpiecesDet .CodeArticle:nth-child(2)[b-u0sj2iu7wh] {
        text-decoration : underline;
    }

.CardArticle_red[b-u0sj2iu7wh] {
    color: red !important;
}

.CardArticle_orange[b-u0sj2iu7wh] {
    color: orange !important;
}
/* _content/Colinternet/Composants/Card/ListeLigneArticleInterne.razor.rz.scp.css */
.LigneArticle_zindex[b-b6powjswcn] {
    z-index: 1
}

.LigneArticle_top[b-b6powjswcn] {
    top: 0
}

.LigneArticle_clear[b-b6powjswcn] {
    clear: both
}

.LigneArticle_red[b-b6powjswcn] {
    color: red
}

.LigneArticle_orange[b-b6powjswcn] {
    color: orange
}

.CardArticle_red[b-b6powjswcn] {
    color: red !important;
}

.CardArticle_orange[b-b6powjswcn] {
    color: orange !important;
}

.CardArticle_orange[b-b6powjswcn] {
    color: orange !important;
}

.CardArticle_color[b-b6powjswcn] {
    color: #1a5276;
}

.CardArticle_top[b-b6powjswcn] {
    top: 0;
}

.CardArticle_clear[b-b6powjswcn] {
    clear: both;
}

.prixBarre[b-b6powjswcn] {
    font-size: 14px;
    padding-left: 5px;
    text-decoration: line-through;
    font-weight: normal;
    color: #333;
}

.btnCoeurActive[b-b6powjswcn] {
    color: #df2525 !important;
}

.btnCoeur[b-b6powjswcn] {
    color: #aaa;
    font-size: 14px;
}

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

.closeArticleFavoris[b-b6powjswcn] {
    position: absolute;
    right: 5px;
    top: 1px;
    cursor: pointer;
}
/* _content/Colinternet/Composants/Card/Old/CardArticle.razor.rz.scp.css */
.CardArticle_red[b-0bnxpcbebb] {
    color: red !important;
}

.CardArticle_orange[b-0bnxpcbebb] {
    color: orange !important;
}

.CardArticle_orange[b-0bnxpcbebb] {
    color: orange !important;
}

.CardArticle_color[b-0bnxpcbebb] {
    color: #1a5276;
}

.CardArticle_top[b-0bnxpcbebb] {
    top: 0;
}

.CardArticle_clear[b-0bnxpcbebb] {
    clear: both;
}


.prixBarre[b-0bnxpcbebb] {
    font-size: 14px;
    padding-left: 5px;
    text-decoration: line-through;
    color: #333;
}
/* _content/Colinternet/Composants/Card/Old/LigneArticle.razor.rz.scp.css */
.LigneArticle_zindex[b-9kg0mboajz] {
    z-index: 1
}

.LigneArticle_top[b-9kg0mboajz] {
    top: 0
}

.LigneArticle_clear[b-9kg0mboajz] {
    clear: both
}

.LigneArticle_red[b-9kg0mboajz] {
    color: red
}

.LigneArticle_orange[b-9kg0mboajz] {
    color: orange
}

.CardArticle_red[b-9kg0mboajz] {
    color: red !important;
}

.CardArticle_orange[b-9kg0mboajz] {
    color: orange !important;
}

.CardArticle_orange[b-9kg0mboajz] {
    color: orange !important;
}

.CardArticle_color[b-9kg0mboajz] {
    color: #1a5276;
}

.CardArticle_top[b-9kg0mboajz] {
    top: 0;
}

.CardArticle_clear[b-9kg0mboajz] {
    clear: both;
}

.prixBarre[b-9kg0mboajz] {
    font-size: 14px;
    padding-left: 5px;
    text-decoration: line-through;
    font-weight: normal;
    color: #333;
}
/* _content/Colinternet/Composants/Card/Old/ListeCardArticle.razor.rz.scp.css */
.hiddenMenu[b-9oxpe9ahug] {
    display: none
}

.displayMenu[b-9oxpe9ahug] {
    display: block
}

.sizeMenuClosed[b-9oxpe9ahug] {
    height: 42px;
    @*border-bottom: solid 1px;
    *@ width: 100%;
    line-height: 42px;
    margin: 13px 0;
}

.content .px-4[b-9oxpe9ahug] {
    margin-left: 72px !important
}
/*sftreeview*/
.WidthBrico[b-9oxpe9ahug] {
    width: 300px;
    overflow: hidden
}

/*::deep .e-list-text span {
    font-size: 1rem
}*/
[b-9oxpe9ahug] .ListeCardArticle_SFALib {
    font-size: 1rem
}

[b-9oxpe9ahug] .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
    color: #333;
}

[b-9oxpe9ahug] .e-treeview .e-list-item.e-active > .e-text-content .e-icon-collapsible, .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable[b-9oxpe9ahug] {
    color: #333;
}

[b-9oxpe9ahug] .e-treeview .e-list-item.e-active > .e-text-content .e-list-text, .e-treeview .e-list-item.e-active.e-hover > .e-text-content:hover[b-9oxpe9ahug] {
    color: #333;
}

[b-9oxpe9ahug] .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
    color: #333
}

[b-9oxpe9ahug] .e-treeview .e-list-item {
    padding: 0 !important;
}

[b-9oxpe9ahug] .e-treeview .e-text-context {
    padding: 0 !important;
}

[b-9oxpe9ahug] .e-checkbox-wrapper {
    width: 100%;
}

    [b-9oxpe9ahug] .e-checkbox-wrapper label {
        width: 100%;
    }

[b-9oxpe9ahug] .e-acrdn-content .e-checkbox-wrapper .e-label {
    width: 100%;
}

[b-9oxpe9ahug] .e-accordion {
    background: white !important;
    border: 0 !important;
    background-color: #fcfcfc !important;
}

    [b-9oxpe9ahug] .e-accordion .e-acrdn-item.e-select > .e-acrdn-header {
        color: none !important;
        background: none !important;
        text-decoration: none !important;
    }

        [b-9oxpe9ahug] .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover {
            background: #fef9e7 !important;
            text-decoration: none !important;
        }

    [b-9oxpe9ahug] .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
        color: #333 !important;
    }

    [b-9oxpe9ahug] .e-accordion .e-acrdn-item .e-toggle-icon {
        color: #333 !important;
    }

/*CHECKBOX*/
[b-9oxpe9ahug] .e-treeview .e-list-item.e-active > .e-text-content .e-check, .e-icons .e-frame .e-check[b-9oxpe9ahug], .e-checkbox-wrapper .e-frame.e-check[b-9oxpe9ahug], .e-css.e-checkbox-wrapper .e-frame.e-check[b-9oxpe9ahug] {
    color: white !important;
    background-color: #ffca6a !important;
    border-color: #ffca6a !important;
}

[b-9oxpe9ahug] .e-icons .e-frame .e-check {
    color: white !important;
    background-color: #ffca6a !important;
    border-color: #ffca6a !important;
}

.image img[b-9oxpe9ahug] {
    max-width: 100%;
    max-height: 34px;
}

[b-9oxpe9ahug] .e-sidebar {
    background: #fcfcfc;
    box-shadow: 1px 1px 10px #ddd;
    position: fixed
}

    [b-9oxpe9ahug] .e-sidebar.e-left {
        height: 100vh
    }

.ListeCardArticle_hamburger[b-9oxpe9ahug] {
    display: none;
    font-size: 2.5rem;
    width: 40px;
    height: 39px;
    z-index: 100;
    padding: 6px;
}

.ListeCardArticle_zindex50[b-9oxpe9ahug] {
    z-index: 50 !important;
}

.ListeCardArticle_MenuClosed[b-9oxpe9ahug] {
    font-size: 2.5rem;
    cursor: pointer
}

.ListeCardArticle_text[b-9oxpe9ahug] {
    text-align: center;
    font-size: 2rem;
}

.ListeCardArticle_filtre[b-9oxpe9ahug] {
    font-size: 1.5rem
}

.ListeCardArticle_filtre_contain[b-9oxpe9ahug] {
    width: 100%;
    border: dotted 1px #eee;
    background: white;
    min-height: 2rem;
    padding: 0.4rem;
    box-shadow: 1px 1px 10px #eee;
}

.ListeCardArticle_icon_triangle[b-9oxpe9ahug] {
    top: 0;
    cursor: pointer
}

.ListeCardArticle_overflow_hidden[b-9oxpe9ahug] {
    overflow: hidden
}

.ListeCardArticle_icon[b-9oxpe9ahug] {
    top: 2px;
    cursor: pointer
}

.ListeCardArticle_icon_tags[b-9oxpe9ahug] {
    font-size: 2.5rem
}

.ListeCardArticle_padding[b-9oxpe9ahug] {
    padding: 0px;
}

.ListeCardArticle_padding_space[b-9oxpe9ahug] {
    padding-right: 0px;
    white-space: nowrap;
}

.ListeCardArticle_check[b-9oxpe9ahug] {
    cursor: pointer;
    margin: 4px 0
}

.ListeCardArticle_pointer[b-9oxpe9ahug] {
    cursor: pointer
}



[b-9oxpe9ahug] e-primary {
    background: #ffe4b3;
}


/*Fichier mainpage.css*/
[b-9oxpe9ahug] .card {
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
    cursor: pointer;
    padding: 5px;
    background-color: white;
    border-right: solid 1px #eee !important;
    border-bottom: solid 1px #eee !important;
    border-left: 0;
    border-top: 0;
    border-radius: 0;
}

[b-9oxpe9ahug] .list {
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
    cursor: pointer;
    padding: 1rem;
    border-bottom: solid 1px #eee !important;
    min-height: initial !important
}

[b-9oxpe9ahug] .stockCard {
    float: left;
    width: 77%
}

[b-9oxpe9ahug] .iconeCard {
    position: absolute;
    right: 31px;
}

[b-9oxpe9ahug] .prixCard {
    clear: both;
    text-align: center;
    color: #1a5276;
    min-height: 3.5vh;
}

[b-9oxpe9ahug] .cardSelected .shadow {
    background: #fef9e7;
}

[b-9oxpe9ahug] .list .shadow {
    min-height: 0 !important
}

[b-9oxpe9ahug] .card .header h2, h3[b-9oxpe9ahug] {
    margin-bottom: 0px;
    margin-top: 0px;
}

[b-9oxpe9ahug] .LinePrix {
    font-weight: bold;
    font-size: 20px;
    padding-left: 5px;
}

[b-9oxpe9ahug] .LineTxt {
    font-weight: 400;
    font-size: 14px;
    font-style: italic
}

[b-9oxpe9ahug] .IconePanier {
    font-size: 26px;
    color: #82e0aa;
    position: absolute;
    left: -43px;
}

[b-9oxpe9ahug] .IconePanierDetail {
    position: absolute;
    right: 50px;
    font-size: 26px;
    color: #82e0aa;
}

[b-9oxpe9ahug] .IconBottomCard, [b-9oxpe9ahug] .IconBottomLigne {
    right: 29px;
    position: absolute;
    font-size: 22px;
}

[b-9oxpe9ahug] .IconBottomCard {
    bottom: 0px;
}

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

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

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

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

[b-9oxpe9ahug] .AfficheIconeOFF {
    visibility: hidden;
}

[b-9oxpe9ahug] .miniature {
    cursor: pointer;
}

[b-9oxpe9ahug] .Italic {
    font-style: italic;
    font-size: 0.7em;
}

[b-9oxpe9ahug] .LibArticle {
    font-weight: bold;
    font-size: 1em;
}

[b-9oxpe9ahug] .CodeArticle {
    font-size: 0.8em;
}

[b-9oxpe9ahug] .LignePrix {
    font-weight: bold;
    font-size: 1em;
    padding-bottom: 3px;
}

[b-9oxpe9ahug] .Prix {
    font-weight: bold;
    font-size: 1.3em;
}

[b-9oxpe9ahug] .divInfo {
    border-radius: 2px !important;
    padding-left: 5px;
    width: 90%;
    background: #ffe4b3;
}


[b-9oxpe9ahug] .LibInfo {
    font-weight: 800 !important;
    font-size: 1.1em;
    color: white;
    text-transform: uppercase;
}

[b-9oxpe9ahug] .InfoTechnique {
    font-weight: bold;
}

[b-9oxpe9ahug] .LibInfoTech {
    font-weight: normal;
}

[b-9oxpe9ahug] .LibInfoTarif {
    font-weight: bold;
    font-size: 0.9em;
}

[b-9oxpe9ahug] .detailArticleDetail {
    float: left;
    width: 41%;
}

[b-9oxpe9ahug] .prixDetail {
    clear: both
}

[b-9oxpe9ahug] .shadow:hover {
    box-shadow: 0 15px 15px rgba(0,0,0,-0), 0 0px 10px rgba(0,0,0,0.1) !important;
}

[b-9oxpe9ahug] .shadow {
    border-radius: 15px;
    padding: 5px 5px 0 5px;
    background-color: #FFF;
    min-height: 368px ;
    box-shadow: unset !important;
}

[b-9oxpe9ahug] .minivente {
    clear: both;
}

 .slick-prev[b-9oxpe9ahug], .slick-next[b-9oxpe9ahug] {
    border-radius: 85%;
    background: #333 !important;
    width: 45px !important;
    height: 45px !important
}

.slick-next[b-9oxpe9ahug] {
    right: 4px !important;
}

.slick-prev[b-9oxpe9ahug] {
    left: 4px !important;
}

[b-9oxpe9ahug] .slick-active button, [b-9oxpe9ahug] .slick-dots li button {
    background: #ffca6a !important;
}

[b-9oxpe9ahug] .e-treeview .e-list-item.e-active > .e-fullrow {
    background: initial !important;
    border: none !important;
    color: initial !important
}

[b-9oxpe9ahug] .e-list-item:hover {
    border: none !important
}

[b-9oxpe9ahug] #ContainerCard {
    width: 98%;
    padding-left: 20px;
    margin: 0;
    float: none;
    padding: 0;
}

[b-9oxpe9ahug] .AdaptationCSSSidebarProd {
    width: 98%;
    margin: auto !important;
    margin-left: 10px;
}

[b-9oxpe9ahug] .imgSidebarProduit {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    border: solid 1px #ddd;
    box-shadow: 1px 1px 1px #aaa;
    margin-right: 5px;
}

[b-9oxpe9ahug] .PopupProduit {
    overflow-x: hidden;
    color: #dfab03 !important;
}

[b-9oxpe9ahug] .TextImfoProduit {
    font-size: 0.6rem
}

[b-9oxpe9ahug] .e-card-header-title-liste {
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    overflow: hidden;
}

/*Pager*/


[b-9oxpe9ahug] .innerBlock {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

[b-9oxpe9ahug] .popupQte {
    display: flex;
    max-height: calc(100% - 1rem);
    max-width: 25%;
    z-index: 102;
    flex-direction: column;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #fff;
    padding: 1.5rem;
    box-shadow: 0 2px 2px rgba(0,0,0,.25);
}

[b-9oxpe9ahug] .popupAlerteCmd {
    display: flex;
    max-height: calc(100% - 1rem);
    max-width: 15%;
    z-index: 102;
    flex-direction: column;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #fff;
    padding: 1.5rem;
    box-shadow: 0 2px 2px rgba(0,0,0,.25);
}


[b-9oxpe9ahug] .popupDetailArticle {
    display: flex;
    max-height: calc(80% - 1rem);
    max-width: 50%;
    z-index: 102;
    flex-direction: column;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #fff;
    padding: 1.5rem;
    box-shadow: 0 2px 2px rgba(0,0,0,.25);
}


[b-9oxpe9ahug] .maxWidth100 {
    width: 100%;
    max-width: 100%;
    flex: 100%;
}


[b-9oxpe9ahug] .show {
    display: block;
}

[b-9oxpe9ahug] .red {
    color: #bb0000;
    font-style: italic
}



[b-9oxpe9ahug] .Thumbnail_content {
    padding: 5px 5px 5px 14px
}

    [b-9oxpe9ahug] .Thumbnail_content div {
        border: solid 1px #eee;
        margin: 1px
    }



[b-9oxpe9ahug] .col-5eq,
[b-9oxpe9ahug] .col-sm-6spec,
[b-9oxpe9ahug] .col-md-4spec,
[b-9oxpe9ahug] .col-lg-3spec,
[b-9oxpe9ahug] .col-xl-5eq {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

[b-9oxpe9ahug] .imageDetail {
    height: auto;
    width: auto;
    max-height: 200px;
    cursor: pointer;
    max-width: 100%;
}



[b-9oxpe9ahug] .centerNBpiecesDet {
    text-align: center;
    min-width: 34px;
    color: #1a5276;
    float: left
}


[b-9oxpe9ahug] input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
}

[b-9oxpe9ahug] input[type=number]::-webkit-inner-spin-button,
[b-9oxpe9ahug] input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}



[b-9oxpe9ahug] .cadreArrivages {
    margin: 10 0 10 0px;
}

[b-9oxpe9ahug] .imageContainer {
    height: 25vh;
    overflow: hidden
}
/* STYLE DES ONGLETS FICHE TECHNIQUE ET PRODUITS SIMILAIRES */
/* TAILLE DES ONGLETS */
[b-9oxpe9ahug] .e-tab-text {
    font-size: 21px !important;
}
/* COULEUR DES ONGLETS */
[b-9oxpe9ahug] .e-lib.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text, [b-9oxpe9ahug] .e-lib.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
    color: #2196F3;
}
/* COULEUR DU TRAIT DES ONGLETS */
[b-9oxpe9ahug] .e-lib.e-tab .e-tab-header .e-indicator {
    background: #2196F3;
}

[b-9oxpe9ahug] .listArrivages {
    cursor: pointer;
    color: #000000 !important;
    font-weight: 700;
}

[b-9oxpe9ahug] .arrivages {
    padding-left: 30px;
    font-style: italic;
    display: none;
    color: #000000;
}


@media (min-width: 825px) {
    [b-9oxpe9ahug] .col-sm-6spec {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 1056px) {
    [b-9oxpe9ahug] .col-md-4spec {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}

@media (min-width: 1420px) {
    [b-9oxpe9ahug] .col-lg-3spec {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width: 1800px) {
    [b-9oxpe9ahug] .col-xl-5eq {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}



[b-9oxpe9ahug] .marginFiltre {
    margin-left: 72px;
    /*z-index: 100;*/
    position: relative
}

[b-9oxpe9ahug] .CardArticle_color{
    margin : auto;
}


.prixBarre[b-9oxpe9ahug] {
    font-size: 12px;
    padding-left: 5px;
    text-decoration: line-through;
}
.prixPromo[b-9oxpe9ahug] {
    font-size: 14px;
    padding-left: 5px;
    font-weight: bold;
    color: #333;
}
/* _content/Colinternet/Composants/Card/Partials/DerniersArticles.razor.rz.scp.css */
.slide[b-gy1u8aa5b5] {
    /*height: 200px;*/
    background-color: #f4f4f4;
    padding-top: 5vh;
}

#DerniersArticlesVus[b-gy1u8aa5b5] {
    position: relative;
    height: 270px;
    width: 84vw;
    overflow: hidden;
    margin: auto;
}

h3[b-gy1u8aa5b5] {
    color: #ffca6a;
    margin-bottom: 21px;
}

.DerniersArticles[b-gy1u8aa5b5] {
    padding-left: 7px;
    background: #F8F8F8;
    margin: 0 10px;
    display: flex;
    position: absolute;
    left: 0;
    text-align: center;
    transition: all 1s
}

    .DerniersArticles > div[b-gy1u8aa5b5] {
        padding: 5px;
        cursor: pointer;
        animation: tabPanel-b-gy1u8aa5b5 ease 1s reverse;
        position: relative;
    }
@keyframes tabPanel-b-gy1u8aa5b5 {
    0% {
        left: 0%;
    }

    10% {
        left: 5%;
    }

    20% {
        left: 0%;
    }

    35% {
        left: 10%;
    }

    50% {
        left: 0%;
    }

    100% {
        left: 100%;
    }
}
        .DerniersArticles > div:hover[b-gy1u8aa5b5] {
            background-color: white !important;
           /* box-shadow: 0px 3px 15px #00000029 !important;
            transition: all 0.3s;*/
        }
    .DerniersArticles .prix[b-gy1u8aa5b5] {
        color: #B12704 !important;
    }

    .DerniersArticles .libelle[b-gy1u8aa5b5] {
        font-size: 0.5729166666666666vw;
    }

    .DerniersArticles .image[b-gy1u8aa5b5] {
        text-align: center
    }


.vignettes[b-gy1u8aa5b5] {
    width: 200px;
    overflow: hidden;
}

.bi[b-gy1u8aa5b5] {
    position: absolute;
    top: 45%;
    font-size: 4rem;
    z-index: 3;
    cursor: pointer;
}

.bi-chevron-left[b-gy1u8aa5b5] {
    left: 0;
}

.bi-chevron-right[b-gy1u8aa5b5] {
    right: 10px;
}
/* _content/Colinternet/Composants/Card/TableauArticleInterne.razor.rz.scp.css */
.prixBarre[b-a01jm6x6n4] {
    font-size: 14px;
    padding-left: 5px;
    text-decoration: line-through;
    font-weight: normal;
    color: #333;
}

.image[b-a01jm6x6n4] {
    display: flex;
}
.image img[b-a01jm6x6n4] {
    margin: auto;
    height: 7vh;
}
.rz-spinner-button.rz-spinner-up.rz-button[b-a01jm6x6n4], .rz-spinner-button.rz-spinner-down.rz-button[b-a01jm6x6n4] {
    display: none !important;
     background-color: #ffa500;
}
[b-a01jm6x6n4] .rz-spinner-button.rz-spinner-up.rz-button, .rz-spinner-button.rz-spinner-down.rz-button[b-a01jm6x6n4] {
    display: none !important;
     background-color: #ffa500;
}
.rz-spinner-button[b-a01jm6x6n4] {
    display: none !important;
     background-color: #ffa500;
}
[b-a01jm6x6n4] .rz-spinner-button{
    display: none !important;
     background-color: #ffa500;
}

[b-a01jm6x6n4] .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/Composants/Carousel/Carousel.razor.rz.scp.css */
.MasqueCarousel[b-0m8oq9j2s7] {
    float: right;
    font-size: 1rem;
    cursor: pointer;
    color: orange !important;
    margin-right: 5px;
}

.viewport[b-0m8oq9j2s7] {
    width: 100vw;
    position: relative
}

.slides[b-0m8oq9j2s7] {
    position: relative;
    display: flex;
    width: 300vw;
    animation: carousel-b-0m8oq9j2s7 20s infinite
}
.slide[b-0m8oq9j2s7] {
    width: 100vw;
}

    .slide img[b-0m8oq9j2s7] {
        width: 100vw;
        height: 48.43918191603875vh;
        object-fit: cover;
    }

@keyframes carousel-b-0m8oq9j2s7 {
    0%{
        left:0%
    }
    30% {
        left: 0%;
    }
    35% {
        left: -100%;
    }

    70% {
        left: -100%;
    }
    75% {
        left: -200%;
    }

    90% {
        left: -200%;
    }

    100% {
        left: 0%;
    }
}

.flecheL[b-0m8oq9j2s7], .flecheR[b-0m8oq9j2s7] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #666;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    display: flex;
    color: white;
    font-size: 20px;
    font-weight: bold;
    top: 42%;
}
    .flecheL i[b-0m8oq9j2s7], .flecheR i[b-0m8oq9j2s7]{
        margin: auto;
    }

    .flecheL[b-0m8oq9j2s7] {
        left: 1%;
    }
.flecheR[b-0m8oq9j2s7] {
    right: 1%;
}
/* _content/Colinternet/Composants/Compte/Adresse.razor.rz.scp.css */
.Adresse_float_height[b-7om7407hlz] {
    float: left;
    height: 70px
}
.Adresse_clear[b-7om7407hlz] {
    clear: both
}
/* _content/Colinternet/Composants/Compte/CommandeDetail.razor.rz.scp.css */
.CommandeDetail_image img[b-q8jzmpe0ri] {
    height: 80px;
    width: 80px;
    border-radius: 75px;
    box-shadow: inset 0 0 1px #e0e0e0, inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.CommandeDetail_image[b-q8jzmpe0ri] {
    height: 80px;
    width: 80px;
    border-radius: 75px;
    box-shadow: inset 0 0 1px #e0e0e0, inset 0 0 14px rgba(0, 0, 0, 0.2);
}
/* _content/Colinternet/Composants/Compte/FactureDetail.razor.rz.scp.css */
.FactureDetail_image img[b-0qmkrzr1c0] {
    height: 80px;
    width: 80px;
    border-radius: 75px;
    box-shadow: inset 0 0 1px #e0e0e0, inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.FactureDetail_image[b-0qmkrzr1c0] {
    height: 80px;
    width: 80px;
    border-radius: 75px;
    box-shadow: inset 0 0 1px #e0e0e0, inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.TotalFactures[b-0qmkrzr1c0]{
    margin-left: 1rem;
}
/* _content/Colinternet/Composants/Compte/Option.razor.rz.scp.css */

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

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



.container[b-eodgi2p5vn] {
    top: 5% !important;
}

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

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

[b-eodgi2p5vn] .e-card-header {
    width: 100% !important;
}
/* _content/Colinternet/Composants/Compte/Partials/TableauDuplication.razor.rz.scp.css */
.detailtable td[b-gu50wzgos5] {
    font-size: 13px;
    padding: 4px;
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content[b-gu50wzgos5] {
    width: 80%;
    padding: 5px !important;
    margin: auto
}

.right[b-gu50wzgos5] {
    float: right;
}

.image img[b-gu50wzgos5] {
    height: 50px;
    width: 50px;
    box-shadow: inset 0 0 1px #e0e0e0, inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.BtnImportPanier[b-gu50wzgos5] {
    position: absolute;
    bottom: 10px;
}
/* _content/Colinternet/Composants/DetailArticle/DetailArticleGlobal.razor.rz.scp.css */
.enteteDetailArticle[b-bljdl3jssf] {
    display: flex;
    justify-content: space-between;
}


[b-bljdl3jssf] .e-control-wrapper.e-slider-container.e-horizontal {
    height: auto !important;
    top: -5px !important;
    position: relative !important;
}

[b-bljdl3jssf] .e-control-wrapper.e-slider-container .e-slider .e-range {
    background-color: #ffca6a !important;
}

[b-bljdl3jssf] .e-control-wrapper.e-slider-container .e-slider .e-handle {
    background-color: #ffca6a !important;
    border-color: #ffca6a !important;
}

[b-bljdl3jssf] .e-tab .e-tab-header:not(.e-vertical) .e-indicator, [b-bljdl3jssf] .e-tab .e-tab-header.e-vertical .e-indicator {
    transition: none;
}

.pictoSignelatique[b-bljdl3jssf] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}


[b-bljdl3jssf] .DetailArticleGlobal_Volet > div > div > div {
    color: #ffca6a !important;
}


[b-bljdl3jssf] .e-toolbar {
    text-align: center
}

[b-bljdl3jssf] .e-dlg-header {
    width: 100% !important;
    text-align: center !important;
}

.DetailArticleGlobal_centerImage[b-bljdl3jssf] {
    background-position: center center !important;
    height: 400px !important;
}

.hiddenVisibility[b-bljdl3jssf] {
    visibility: hidden
}
.hidden[b-bljdl3jssf] {
    visibility: hidden
}

.DetailArticleGlobal_img_vignette[b-bljdl3jssf] {
    height: 50px;
}

.DetailArticleGlobal_displaynone[b-bljdl3jssf] {
    display: none !important;
}

.DetailArticleGlobal_colororange[b-bljdl3jssf] {
    color: orange !important;
}

.DetailArticleGlobal_colorred[b-bljdl3jssf] {
    color: red !important;
}


.rowProdAssocie[b-bljdl3jssf] {
    padding: 10px 0;
    border-bottom: solid 1px #eee;
    margin: 0 0rem;
}

[b-bljdl3jssf] .PopupProduit {
    color: #dfab03 !important;
}

.icone360[b-bljdl3jssf] {
    width: 15%;
    vertical-align: top;
}

.rotation[b-bljdl3jssf] {
    width: 87%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    position: absolute;
    bottom: 5.382131324004305vh;
}

.Vue360[b-bljdl3jssf]{
    display: initial !important;
}

.v360[b-bljdl3jssf] {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

    .v360 span[b-bljdl3jssf] {
        cursor: pointer;
        padding: 10px;
        background: var(--CS-color-caramel);
        border-radius: 50%;
        color: white;
    }
    .v360 img[b-bljdl3jssf] {
        max-height: 60vh;
        object-fit:cover
    }

    .v360 div:first-child[b-bljdl3jssf] {
        display: flex;
        text-align: center;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    .rotation button[b-bljdl3jssf]{
        display: flex;
    }
.imageDetail[b-bljdl3jssf] {
    height: auto;
    width: auto;
    max-height: 200px;
    cursor: pointer;
    max-width: 100%;
}
.maxWidth100[b-bljdl3jssf] {
    width: 100%;
    max-width: 100%;
    flex: 100%;
}
.AfficheIconeOFF[b-bljdl3jssf] {
    visibility: hidden;
}

 .miniature[b-bljdl3jssf] {
    cursor: pointer;
}
.divListMiniature[b-bljdl3jssf] {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.divMiniature[b-bljdl3jssf] {
    width: 30% !important;
    border: solid 1px #eee;
    margin: 1px;
    padding-left: 1vw;
    padding-right: 1vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
    display: flex;
}
    .divMiniature img[b-bljdl3jssf] {
        margin: auto;
        max-height: 8vh;
    }
.IconeStock[b-bljdl3jssf], .IconeStockDetail[b-bljdl3jssf] {
    color: #82e0aa;
    font-size: 22px;
}

.IconeStock[b-bljdl3jssf] {
    color: #82e0aa;
}

.Italic[b-bljdl3jssf] {
    font-style: italic;
    font-size: 0.7em;
}

.LibArticle[b-bljdl3jssf] {
    font-weight: bold;
    font-size: 1em;
}

 .CodeArticle[b-bljdl3jssf] {
    font-size: 0.8em;
}

 .LignePrix[b-bljdl3jssf] {
    font-weight: bold;
    font-size: 1em;
    padding-bottom: 3px;
}

.Prix[b-bljdl3jssf] {
    font-weight: bold;
    font-size: 1.3em;
}

.divInfo[b-bljdl3jssf] {
    border-radius: 2px !important;
    padding-left: 5px;
    width: 90%;
    background: #e0a800;
}


 .LibInfo[b-bljdl3jssf] {
    font-weight: 800 !important;
    font-size: 1.1em;
    color: white;
    text-transform: uppercase;
}

 .InfoTechnique[b-bljdl3jssf] {
    font-weight: bold;
}


 .LibInfoTech[b-bljdl3jssf] {
    font-weight: normal;
}

 .LibInfoTarif[b-bljdl3jssf] {
    font-weight: bold;
    font-size: 0.9em;
}

.detailArticleDetail[b-bljdl3jssf] {
    float: left;
    width: 41%;
}
    /*Fichier DetailArticleglobal.css*/
.WMBSC .slick-dots li[b-bljdl3jssf] {
    margin: 0 !important;
}

    .WMBSC .slick-dots li button[b-bljdl3jssf] {
        width: 10px !important;
        height: 10px !important;
    }

.WMBSC .slick-prev[b-bljdl3jssf], .WMBSC .slick-next[b-bljdl3jssf] {
    background: #ffca6a !important;
}

[b-bljdl3jssf] .e-tab-text, [b-bljdl3jssf] .e-tab-wrap {
    color: #ffca6a !important;
}
[b-bljdl3jssf] .imageDetail {
    height: auto;
    width: auto;
    max-height: 200px;
    cursor: pointer;
    max-width: 100%;
}

[b-bljdl3jssf] .PopupProduit {
    overflow-x: hidden;
    color: #dfab03 !important;
}


[b-bljdl3jssf] .centerNBpiecesDet {
    text-align: center;
    min-width: 34px;
    color: #1a5276;
    float: left;
    display: flex;
    justify-content: center;
    width: 100%;
    flex-direction: column;
}
.centerNBpiecesDet .CodeArticle:first-child[b-bljdl3jssf] {
    margin-bottom: 0;
}
.centerNBpiecesDet .CodeArticle:nth-child(2)[b-bljdl3jssf] {
    text-decoration: underline;
}
.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap[b-bljdl3jssf] {
    border-radius: 4px;
    color: #ffca6a !important;
    border: 1px solid transparent;
}

.e-tab .e-tab-header .e-toolbar-item.e-active[b-bljdl3jssf] {
    color: #f9c212
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover[b-bljdl3jssf] {
    color: #f3bb03
}

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

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

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

[data-loupe][b-bljdl3jssf] {
    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;
}

.e-dlg-content[b-bljdl3jssf] {
    overflow: hidden !important
}

#imageArticle[b-bljdl3jssf] {
    margin: auto;
    max-width: 100% !important;
}

.e-dlg-header[b-bljdl3jssf] {
    width: 100% !important;
    text-align: center !important
}


.prixBarre[b-bljdl3jssf] {
    font-size: 14px;
    padding-left: 5px;
    text-decoration: line-through;
    font-weight: normal;
    color: #333;
}
.vignetteBO[b-bljdl3jssf], .vignetteNEW[b-bljdl3jssf] {
    margin-right: 0.25vw;
}
.form-group[b-bljdl3jssf] {
    width: 90%;
}


/*V6_2*/
.popupZoom[b-bljdl3jssf] {
    height: 79vh;
    width: 40% !important;
}

[b-bljdl3jssf] .e-dlg-content {
    display: none !important;
}

        .popupZoom .e-dlg-content > div[b-bljdl3jssf] {
            margin: auto;
        }

    .popupZoom #imageArticle[b-bljdl3jssf] {
        max-width: 35vw;
        max-height: 68vh;
    }


    .popupZoom #imageArticle[b-bljdl3jssf] {
        max-width: 35vw;
        max-height: 68vh;
    }
.rz-tabview-panel > div[b-bljdl3jssf] {
    position: relative;
    animation: tabPanel-b-bljdl3jssf ease 1s reverse;
}

@keyframes tabPanel-b-bljdl3jssf {
    0% {
        left: 0%;
    }
    
    10% {
        left: 5%;
    }
    20% {
        left: 0%;
    }
    35% {
        left: 10%;
    }

    50% {
        left: 0%;
    }
    100% {
        left: 100%;
    }
}

.buttonSuivPrec[b-bljdl3jssf] {
    background: var(--CS-color-caramel);
    border: none;
    width: 44px;
    height: 31px;
    border-radius: 5px;
    margin-bottom: 10px;
    color: white;
}

.IconePanierDetail[b-bljdl3jssf], .IconeDetail[b-bljdl3jssf] {
    right: 5vw;
    top: 8vh;
}
.IconeDetail[b-bljdl3jssf] {
    right: 3vw;
}
/* _content/Colinternet/Composants/DetailArticle/Partials/Historique.razor.rz.scp.css */
.historique[b-nyiaxy7qcp] {
    height: 71vh;
    overflow-y: scroll;
    overflow-x: hidden;
}
/* _content/Colinternet/Composants/Footer/Pages/PageChoixTypeMenu.razor.rz.scp.css */

.col[b-zgore50dui] {
    border: 1px solid #333;
}

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

.ChoixTypeMenu_inline[b-zgore50dui] {
    display: inline-flex
}

.ChoixTypeMenu_CardEspace[b-zgore50dui] {
    margin: 3px !important
}
/* _content/Colinternet/Composants/Footer/Pages/PageDetailArticle.razor.rz.scp.css */
[b-di4gb2yr4o] .e-control-wrapper.e-slider-container.e-horizontal {
    height: auto !important;
    top: -5px !important;
    position: relative !important;
}

[b-di4gb2yr4o] .e-control-wrapper.e-slider-container .e-slider .e-range {
    background-color: #ffca6a !important;
}

[b-di4gb2yr4o] .e-control-wrapper.e-slider-container .e-slider .e-handle {
    background-color: #ffca6a !important;
    border-color: #ffca6a !important;
}




[b-di4gb2yr4o] .DetailArticleGlobal_Volet > div > div > div {
    color: #ffca6a !important;
}



[b-di4gb2yr4o] .e-toolbar {
    text-align: center
}

[b-di4gb2yr4o] .e-dlg-header {
    width: 100% !important;
    text-align: center !important;
}

.DetailArticleGlobal_centerImage[b-di4gb2yr4o] {
    background-position: center center !important;
    height: 400px !important;
}

.hidden[b-di4gb2yr4o] {
    visibility: hidden
}

.DetailArticleGlobal_img_vignette[b-di4gb2yr4o] {
    width: 50px;
}

.DetailArticleGlobal_displaynone[b-di4gb2yr4o] {
    display: none !important;
}

.DetailArticleGlobal_colororange[b-di4gb2yr4o] {
    color: orange !important;
}

.DetailArticleGlobal_colorred[b-di4gb2yr4o] {
    color: red !important;
}


.rowProdAssocie[b-di4gb2yr4o] {
    padding: 10px 0;
    border-bottom: solid 1px #eee;
    margin: 0 0rem;
}

[b-di4gb2yr4o] .PopupProduit {
    color: #dfab03 !important;
}
/* _content/Colinternet/Composants/Header/HeaderLayoutPrincipal.razor.rz.scp.css */
.HeaderLayoutPrincipal_user[b-hp96jolfmr] {
    font-size: 2rem;
}

.HeaderLayoutPrincipal_upper[b-hp96jolfmr] {
    text-transform: uppercase;
}

.HeaderLayoutPrincipal_position[b-hp96jolfmr] {
    position: relative;
    top: 4px
}

#ZoneRech[b-hp96jolfmr] {
    display: flex;
    height: 4vh;
}

    #ZoneRech input[b-hp96jolfmr] {
        border-radius: 5px;
        border: none;
        width: 100%;
        padding: 5px;
        color: #666;
    }

        #ZoneRech input:focus[b-hp96jolfmr] {
            outline: 0;
        }

.ht-icon-bar[b-hp96jolfmr] {
    margin-left: -15px !important;
    width: 35px;
    color: black !important;
    background: #ffca6a !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: none;
}

.divPanier[b-hp96jolfmr]{
    cursor: pointer;
}
/* _content/Colinternet/Composants/Header/Partials/Bonjour.razor.rz.scp.css */
.changerClient[b-79oj7cb3oq] {
    position: relative;
    margin-left: 4px;
    color: orange;
}
/* _content/Colinternet/Composants/Menu/ChoixTypeMenu.razor.rz.scp.css */
.col[b-qrgtpd4d4w] {
    border: 1px solid #333;
}

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

.ChoixTypeMenu_inline[b-qrgtpd4d4w] {
    display: inline-flex
}

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


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

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


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

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

.containCard[b-qrgtpd4d4w] {
    width: 400px;
    padding: 10px;
    margin: 20px 10px;
    border-radius: 7px;
    background: white;
    box-shadow: 5px 5px 18px #999;
    cursor: pointer;
}

}

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

.headCard[b-qrgtpd4d4w] {
    height: 80px;
    overflow: hidden;
}

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

.bodyCard[b-qrgtpd4d4w] {
    min-height: 315px;
    overflow: hidden;
}

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

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

.damier[b-qrgtpd4d4w] {
    border: solid 1px #eee;
    cursor: pointer;
    margin: 0.05rem;
    background: white;
    height: 21.95909580193757vh;
    padding: 0 10px;
    overflow: hidden;
}

.predamier[b-qrgtpd4d4w] {
    padding: 6px;
}
/* _content/Colinternet/Composants/Menu/MenuClass.razor.rz.scp.css */


.menuButton[b-srn3ndje94], .menuButton:hover[b-srn3ndje94] {
    background-color: white !important;
    color: #333 !important;
    border-color: white !important;
    box-shadow: none !important;
}

.menuButton:hover[b-srn3ndje94] {
    border-bottom: solid 2px maroon !important;
    border-radius: 0;
    box-sizing: border-box;
    height: 32px;
}

.menuButton span[b-srn3ndje94] {
    font-size: 0.8rem;
    top: 0;
}

.MenuClass div[b-srn3ndje94] {
    cursor: pointer;
}

.MenuClass div:hover[b-srn3ndje94] {
    opacity: 0.90;
}

.menu-control button[b-srn3ndje94] {
    padding-right: 10px
}

.niveau1[b-srn3ndje94] {
    font-weight: bold;
    margin-top: 1rem
}
    .niveau1:first-child[b-srn3ndje94] {
        margin-top: 0 !important;
    }

.niveau2[b-srn3ndje94] {
    font-size: 1rem;
    margin-top: 0.5rem;
}

.menuleft[b-srn3ndje94] {
    column-count: 2;
    column-fill: auto;
    max-height: 50vh;
    height: fit-content;
}

.imagemenu[b-srn3ndje94] {
    max-height: 400px;
    margin: 42px;
}

.colorMenuOptions[b-srn3ndje94] {
    color: #cb4f24 !important
}

.typeCollect[b-srn3ndje94] {
    font-size: 1.02rem;
    font-weight: bold;
    padding: 0.5rem 0rem 2rem 0;
}

.textCollection[b-srn3ndje94] {
    font-family: Font_Collection;
    font-size: 2rem;
    padding-top: 0.5rem;
}

[b-srn3ndje94] .e-dropdown-btn, .e-dropdown-btn.e-btn[b-srn3ndje94] {
    border-bottom: none;
}

[b-srn3ndje94] .e-btn.e-active, .e-css.e-btn.e-active[b-srn3ndje94] {
    box-shadow: none;
}

.selected[b-srn3ndje94] {
    color: #333;
    font-weight: bold;
}
/* _content/Colinternet/Composants/Menu/MenuClassWeb.razor.rz.scp.css */


.menuButton[b-c78ohjytw8], .menuButton:hover[b-c78ohjytw8] {
    background-color: white !important;
    color: #333 !important;
    border-color: white !important;
    box-shadow: none !important;
}

    .menuButton:hover[b-c78ohjytw8] {
        border-bottom: solid 2px maroon !important;
        border-radius: 0;
        box-sizing: border-box;
        height: 32px;
    }

    .menuButton span[b-c78ohjytw8] {
        font-size: 0.8rem;
        top: 0;
    }

.MenuClass div[b-c78ohjytw8] {
    cursor: pointer;
}

    .MenuClass div:hover[b-c78ohjytw8] {
        opacity: 0.90;
    }

.menu-control button[b-c78ohjytw8] {
    padding-right: 10px
}

.niveau1[b-c78ohjytw8] {
    font-weight: bold;
    margin-top: 1rem
}

.niveau2[b-c78ohjytw8] {
    font-size: 1rem;
    margin-top: 0.5rem;
}

.menuleft[b-c78ohjytw8] {
    height: 360px;
    column-count: 2;
    column-fill: auto;
}

.imagemenu[b-c78ohjytw8] {
    max-height: 400px;
    margin: 42px;
}

.colorMenuOptions[b-c78ohjytw8] {
    color: #cb4f24 !important
}

.typeCollect[b-c78ohjytw8] {
    font-size: 1.02rem;
    font-weight: bold;
    padding: 0.5rem 0rem 2rem 0;
}

.textCollection[b-c78ohjytw8] {
    font-family: Font_Collection;
    font-size: 2rem;
    padding-top: 0.5rem;
}

[b-c78ohjytw8] .e-dropdown-btn, .e-dropdown-btn.e-btn[b-c78ohjytw8] {
    border-bottom: none;
}

[b-c78ohjytw8] .e-btn.e-active, .e-css.e-btn.e-active[b-c78ohjytw8] {
    box-shadow: none;
}
/* _content/Colinternet/Composants/Menu/MenuGlobal.razor.rz.scp.css */
.navbarBDSP[b-bk6l24bvrw] {
    display: flex;
    line-height: 30px;
    overflow: inherit;
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
}

.mud-paper[b-bk6l24bvrw] {
    padding-top: 0 !important;
}

[b-bk6l24bvrw] .mud-nav-link {
    padding: 0;
    margin: 0;
    line-height: inherit !important;
    
}

[b-bk6l24bvrw] .mud-navmenu > div > div:first-of-type {
    z-index: 10;
    background: #232f3e;
    position: absolute;
 
}

.MenuModeFam[b-bk6l24bvrw] {
    margin: auto 2vh;
}

/**FAMILLES - SOUS FAMILLES**/
ul[b-bk6l24bvrw] {
    margin: auto 2vh;
}
li[b-bk6l24bvrw]{
    list-style: none;
}

.familles[b-bk6l24bvrw] {
    width: 87%;
    float: left;
}

.familles[b-bk6l24bvrw], .sousfamilles[b-bk6l24bvrw] {
    text-transform: uppercase;
}

    .familles .column[b-bk6l24bvrw] {
        float: left;
        width: 25%;
        min-height: 100px;
    }

    .familles h3[b-bk6l24bvrw] {
        color: #777;
        margin-right: 10px;
        font-size: 18px;
        overflow: hidden;
        cursor: pointer;
    }

        .familles h3[b-bk6l24bvrw]: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-bk6l24bvrw] {
            color: #333;
        }

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

.sousfamilles[b-bk6l24bvrw] {
    color: #999;
}

    .sousfamilles > div > div:first-child:hover[b-bk6l24bvrw] {
        color: #333;
    }

    .sousfamilles > div > div:first-child[b-bk6l24bvrw] {
        margin: 0;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 15px;
        cursor: pointer;
    }

    .sousfamilles > div[b-bk6l24bvrw] {
        float: left;
        width: 50%;
    }

        .sousfamilles > div:first-child[b-bk6l24bvrw] {
        }


.FamillesSousfamilles .dropdown-content[b-bk6l24bvrw] {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    background-color: #EEEEEE;
    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;
    transition: visibility .3s, opacity .8s;
}

.selected[b-bk6l24bvrw] {
    color: #333;
    font-weight: bold;
}

.FamillesSousfamilles:hover .dropdown-content[b-bk6l24bvrw] {
    color: #bbb;
    visibility: visible;
    opacity: 1;
}
/* _content/Colinternet/Composants/Menu/MenuRef/MenuRef.razor.rz.scp.css */
[b-3vsga2svw1] .e-toolbar, [b-3vsga2svw1] .e-toolbar .e-toolbar-items {
    background: none !important;
    border: none !important
}

/* .e-toolbar-items {
    background: none !important;
    border: none !important
}*/

[b-3vsga2svw1] .e-menu-container ul {
    background: #232f3e !important;
    color: white !important
}

    [b-3vsga2svw1] .e-menu-container ul .e-menu-item .e-caret {
        color: white !important
    }

    [b-3vsga2svw1] .e-menu-container ul .e-menu-item.e-selected {
        color: white !important;
        font-weight: 400
    }

    [b-3vsga2svw1] .e-menu-container ul.e-lib .e-menu-item.e-focused {
        color: white !important;
        font-weight: 600
    }

    [b-3vsga2svw1] .e-menu-container ul .e-menu-item.e-focused {
        color: #232f3e !important;
        font-weight: 400
    }



/*aleternative*/

[b-3vsga2svw1] .MenuRef {
    background: none;
    border: none;
}


/*MEGA MENU MERCHANDISING*/
/* Navbar container */
.navbar[b-3vsga2svw1] {
    /*overflow: hidden;*/
    float: left;
}

    /* Links inside the navbar */
    .navbar a[b-3vsga2svw1] {
        float: left;
        font-size: 16px;
        color: white;
        text-align: center;
        text-decoration: none;
    }

/* The dropdown container */
.dropdown[b-3vsga2svw1] {
    float: left;
    /*overflow: hidden;*/
}

.menuDeroulant[b-3vsga2svw1]
{
    position: relative;
}

/* Dropdown button */
.dropdown .dropbtn[b-3vsga2svw1] {
    font-size: 14px !important;
    border: none;
    outline: none;
    color: white;
    background-color: inherit;
    font: inherit; /* Important for vertical align on mobile phones */
}

    /* Add a red background color to navbar links on hover */
    .navbar a:hover[b-3vsga2svw1], .dropdown:hover .dropbtn[b-3vsga2svw1] {
        font-weight: bold
    }

/* Dropdown content (hidden by default) */
.merchandising .dropdown-content[b-3vsga2svw1] {
    visibility: hidden;
    position: absolute;
    background-color: #EEEEEE;
    width: 100%;
    max-height: 75%;
    overflow: scroll;
    left: 0;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 3;
    padding: 1% 1% 0% 5%;
    opacity: 0;
    transition: visibility .3s, opacity .8s;
}

/* Mega Menu header, if needed */
/*.dropdown-content .header {
        background: red;
        padding: 16px;
        color: white;
    }*/

/* Show the dropdown menu on hover */
.merchandising:hover .dropdown-content[b-3vsga2svw1] {
    color: #bbb;
    visibility: visible;
    opacity: 1;
}

.Niveau1[b-3vsga2svw1] {
    width: 87%;
    float: left;
}

.Niveau1[b-3vsga2svw1], .Niveau2[b-3vsga2svw1] {
    text-transform: uppercase;
}

    .Niveau1 .column[b-3vsga2svw1] {
        float: left;
        width: 25%;
        min-height: 200px;
    }

    .Niveau1 h3[b-3vsga2svw1] {
        color: #777;
        margin-right: 10px;
        font-size: 22px;
        overflow: hidden;
    }

        .Niveau1 h3[b-3vsga2svw1]:after {
            content: '';
            display: inline-block;
            border-bottom: solid 1px #333;
            background: #333;
            height: 1px;
            width: 100%;
            margin-left: 0.46875vw;
            vertical-align: middle;
        }

        .Niveau1 h3:hover[b-3vsga2svw1] {
            color: #333;
        }

.Niveau2[b-3vsga2svw1] {
    color: #999;
}

    .Niveau2 > div > div:first-child:hover[b-3vsga2svw1] {
        color: #333;
    }

    .Niveau2 > div > div:first-child[b-3vsga2svw1] {
        margin: 8px 0;
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .Niveau2 > div[b-3vsga2svw1] {
        float: left;
        width: 50%;
    }

        .Niveau2 > div:first-child[b-3vsga2svw1] {
        }
/* Style links inside the columns */
.Niveau3[b-3vsga2svw1] {
    float: none;
    color: #999;
    /*padding: 16px;*/
    text-decoration: none;
    display: block;
    /*margin-right: 4.010416666666667vw;
   */ text-align: left;
    text-transform: none;
}

    .Niveau3 > div[b-3vsga2svw1] {
        font-size: 14px;
    }

        .Niveau3 > div:hover[b-3vsga2svw1] {
            color: #333;
        }


.ImagePromo[b-3vsga2svw1] {
    width: 220px;
    text-align: center;
    float: right;
    color: #333;
}

.TextPromo[b-3vsga2svw1] {
    color: #333;
}

.ClassHidden[b-3vsga2svw1] {
    display: none;
}

.ClassVisible[b-3vsga2svw1] {
    display: block;
}

.voirplus[b-3vsga2svw1] {
    font-size: 11px !important;
    text-align: right;
}

/* Clear floats after the columns */
.row[b-3vsga2svw1]:after {
    content: "";
    display: table;
    clear: both;
    float: left;
}

/**MENUDEROULANT*/
.dropdownmenu[b-3vsga2svw1] {
    display: flex;
}

    .dropdownmenu ul[b-3vsga2svw1] {
        position: absolute;
        visibility: hidden;
        /*display: none;*/
        background: #eee;
        opacity: 0;
        transition: visibility 0s, opacity .6s;
        box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    }


    .dropdownmenu[b-3vsga2svw1],
    .dropdownmenu ul[b-3vsga2svw1] {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

        .dropdownmenu ul a[b-3vsga2svw1] {
            display: block;
            /*min-width: 200px;*/
            height: 1.8229166666666667vw;
            line-height: 1.8229166666666667vw;
            color: #333;
            text-decoration: none;
            padding: 0.15625vw 0.5208333333333334vw;
            text-align: left;
        }

        .dropdownmenu > li.menuDeroulant[b-3vsga2svw1] {
            /*display: flex;*/
            align-content: left;
            margin-right: 35px;
        }

        .dropdownmenu > li[b-3vsga2svw1] {
            margin-right: 35px;
        }

        .dropdownmenu > li:first-child[b-3vsga2svw1] {
            margin-left: 18px;
        }

            .dropdownmenu > li:hover ul[b-3vsga2svw1] {
                display: block;

                /*position: absolute;*/
                /*top: 1.55vw;*/
                left: 0px;
                z-index: 100;
                visibility: visible;
                opacity: 1;
            }

        .dropdownmenu ul a:hover[b-3vsga2svw1] {
            background-color: #ddd !important;
        }

        .dropdownmenu ul > a > a:hover[b-3vsga2svw1] {
            background-color: #ddd;
        }




/**FAMILLES - SOUS FAMILLES**/

.familles[b-3vsga2svw1] {
    width: 87%;
    float: left;
}

.familles[b-3vsga2svw1], .sousfamilles[b-3vsga2svw1] {
    text-transform: uppercase;
}

    .familles .column[b-3vsga2svw1] {
        float: left;
        width: 25%;
        min-height: 100px;
    }

    .familles h3[b-3vsga2svw1] {
        color: #777;
        margin-right: 10px;
        font-size: 18px;
        overflow: hidden;
        cursor: pointer;
    }

        .familles h3[b-3vsga2svw1]: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-3vsga2svw1] {
            color: #333;
        }
        .familles h3 img[b-3vsga2svw1] {
            width: 30px;
            border-radius: 64%;
            height: 30px;
            object-fit: cover;
            margin-right: 5px;
        }

.sousfamilles[b-3vsga2svw1] {
    color: #999;
}

.sousfamilles > div > div:first-child:hover[b-3vsga2svw1] {
    color: #333;
}

    .sousfamilles > div > div:first-child[b-3vsga2svw1] {
        margin: 0;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 15px;
        cursor: pointer;
    }

.sousfamilles > div[b-3vsga2svw1] {
    float: left;
    width: 50%;
}

    .sousfamilles > div:first-child[b-3vsga2svw1] {
    }


.FamillesSousfamilles .dropdown-content[b-3vsga2svw1] {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    background-color: #EEEEEE;
    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;
    transition: visibility .3s, opacity .8s;
}

.selected[b-3vsga2svw1] {
    color: #333;
    font-weight: bold;
}
.FamillesSousfamilles:hover .dropdown-content[b-3vsga2svw1] {
    color: #bbb;
    visibility: visible;
    opacity: 1;
}

/* _content/Colinternet/Composants/Panier/PanierImportEcxel/SelectionExcel.razor.rz.scp.css */
[b-2h9mt4jp6f] .e-btn{
    margin-top : 30%;
}

.font[b-2h9mt4jp6f] {
    font-size: 1.4rem;
}
/* _content/Colinternet/Composants/Panier/PanierImportEcxel/TableauImportExcel.razor.rz.scp.css */
.detailtable td[b-572wv8ry59] {
    font-size: 13px;
    padding: 4px;
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content[b-572wv8ry59] {
    width: 80%;
    padding: 5px !important;
    margin: auto
}

.right[b-572wv8ry59] {
    float: right;
}

.image img[b-572wv8ry59] {
    height: 50px;
    width: 50px;
    box-shadow: inset 0 0 1px #e0e0e0, inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.nbarticlesPanier[b-572wv8ry59] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.actionBtn[b-572wv8ry59] {
    display: flex;
    justify-content: right;
}

   [b-572wv8ry59] .actionBtn button {
        margin: 0.2vw;
    }
/* _content/Colinternet/Composants/Panier/PanierPage/EntetePanier.razor.rz.scp.css */
.popup[b-1kl0bdtlpo] {
    position: absolute;
    width: 20vw;
    height: 20vh;
    left: 35vw;
    border: solid 1px #eee;
    background: white;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 10px 10px 10px 0 #eee;
}

    .popup button[b-1kl0bdtlpo] {
        display: flex;
        justify-content: center;
        margin: auto;
    }

.footer[b-1kl0bdtlpo] {
    text-align: center;
    padding: initial;
    background-color: initial;
    padding-top: 5px;
}
.header span[b-1kl0bdtlpo]{
    float: right;
    cursor: pointer;
}
/* _content/Colinternet/Composants/Panier/PanierPage/Old/LigneArticlePanier.razor.rz.scp.css */
.prixBarre[b-cu9awyvkaj] {
    font-size: 12px;
    padding-left: 5px;
    text-decoration: line-through;
    color: #333;
}
/* _content/Colinternet/Composants/Panier/PanierPage/PopupCommandeSousStock.razor.rz.scp.css */
.popupCommandeSousStock[b-ogoamjoot4]
{

}

.msgCmdInfStock[b-ogoamjoot4]{
    display : flex;
    justify-content : left;
    flex-direction : column;
}

.btnBack[b-ogoamjoot4], .btnCmd[b-ogoamjoot4] {
    border-radius: 5px;
    opacity: 1;
    text-align: center;
    letter-spacing: 0px;
    border: none;
    text-transform: uppercase;
    outline: none;
    cursor: initial;
    width: 154px;
    height: 38px;
    font: normal normal normal 13px/20px Open Sans;
    line-height: 20px;
    line-height: 13px;
    background: url(barre.png) 0% 0% repeat-y padding-box;
    background-size: 100%;
}
.btnCmd[b-ogoamjoot4] {
    color: black;
}
.btnBack[b-ogoamjoot4] {
    color: white;
}
.action[b-ogoamjoot4]{
    display : flex;
    justify-content : space-between;
}

.ColorAlerte[b-ogoamjoot4] {
    color: darkred;
    font-weight: bold;
}
/* _content/Colinternet/Composants/Panier/PanierPage/TotalPanier.razor.rz.scp.css */
.popup[b-g460s0r8wg] {
    position: absolute;
    width: 20vw;
    height: 20vh;
    /*top: 20%;*/
    left: 35vw;
    border: solid 1px #eee;
    background: white;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 10px 10px 10px 0 #eee;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.footer[b-g460s0r8wg] {
    text-align: center;
    padding: initial;
    background-color: initial;
    padding-top: 5px;
}

.header span[b-g460s0r8wg] {
    float: right;
    cursor: pointer;
}

button span[b-g460s0r8wg] {
    vertical-align: middle;
}

.btn[b-g460s0r8wg]{
    margin: 5px;
}
/* _content/Colinternet/Composants/Popup/PopupQte.razor.rz.scp.css */
body[b-ic68rt7l4z] {
}


[b-ic68rt7l4z] .btnValider {
    background-color: #f3bb03;
    border-color: #f3bb03;
}

[b-ic68rt7l4z] .btnValider:disabled {
    background-color: #ffe4b3 !important;
}



[b-ic68rt7l4z] .saisieQte {
    width: 60px !important;
    text-align: center !important;
    margin-left: 2% !important;
}

.divCodeProd[b-ic68rt7l4z]{
    margin-left : auto !important;
    margin-right : auto !important;
}


.lotpiece[b-ic68rt7l4z] {
    font-style: italic !important;
    clear: both !important;
    font-weight: 600;
    color: green;
    font-size: inherit !important;
    line-height: inherit !important;
}

.divLigne[b-ic68rt7l4z] {
    padding-left: 4% !important;
}
/* _content/Colinternet/Composants/SideBar/AccountSidebar.razor.rz.scp.css */

.HeaderLayoutPrincipal_user[b-qlo7ixxuku] {
    font-size: 3rem;
}

.HeaderLayoutPrincipal_upper[b-qlo7ixxuku] {
    text-transform: uppercase;
}

.HeaderLayoutPrincipal_position[b-qlo7ixxuku] {
    position: relative;
    top: 4px
}

h3.HeaderLayoutPrincipal_upper[b-qlo7ixxuku] {
    margin-top: 2vh;
    margin-left: 1vw;
}
/* _content/Colinternet/Composants/SideBar/PanierSidebar.razor.rz.scp.css */
.HeaderLayoutPrincipal_user[b-5t24cpchgd] {
    font-size: 3rem;
}

.HeaderLayoutPrincipal_upper[b-5t24cpchgd] {
    text-transform: uppercase;
}

.HeaderLayoutPrincipal_position[b-5t24cpchgd] {
    position: relative;
    top: 4px
}

h3.HeaderLayoutPrincipal_upper[b-5t24cpchgd] {
    margin-top: 2vh;
    margin-left: 1vw;
}
/* _content/Colinternet/Composants/SideBar/SideBarFiltre/EnteteFiltreSideBar.razor.rz.scp.css */
.ListeCardArticle_icon[b-yjgd9yoh22]
{
    cursor: pointer;
}
.ListeCardArticle_overflow_hidden[b-yjgd9yoh22]{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 85%;
}
/* _content/Colinternet/Composants/SideBar/SideBarFiltre/FiltreSideBarRefactored.razor.rz.scp.css */
.hiddenMenu[b-lsu5w2l8yf] {
    display: none
}
[b-lsu5w2l8yf] .enteteFiltreSidebar > div{
    /* margin-left : 1vw;*/
    margin: 0.5vw;
}

    
.displayMenu[b-lsu5w2l8yf] {
    display: block
}

.sizeMenuClosed[b-lsu5w2l8yf] {
    height: 42px;
    width: 100%;
    line-height: 42px;
    margin: 13px ;
}

.content .px-4[b-lsu5w2l8yf] {
    margin-left: 72px !important
}
/*sftreeview*/
.WidthBrico[b-lsu5w2l8yf] {
    width: 300px;
    overflow: hidden
}

/*::deep .e-list-text span {
    font-size: 1rem
}*/
[b-lsu5w2l8yf] .ListeCardArticle_SFALib {
    font-size: 1rem
}

[b-lsu5w2l8yf] .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
    color: #333;
}

[b-lsu5w2l8yf] .e-treeview .e-list-item.e-active > .e-text-content .e-icon-collapsible, .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable[b-lsu5w2l8yf] {
    color: #333;
}

[b-lsu5w2l8yf] .e-treeview .e-list-item.e-active > .e-text-content .e-list-text, .e-treeview .e-list-item.e-active.e-hover > .e-text-content:hover[b-lsu5w2l8yf] {
    color: #333;
}

[b-lsu5w2l8yf] .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
    color: #333
}

[b-lsu5w2l8yf] .e-treeview .e-list-item {
    padding: 0 !important;
}

[b-lsu5w2l8yf] .e-treeview .e-text-context {
    padding: 0 !important;
}

[b-lsu5w2l8yf] .e-checkbox-wrapper {
    width: 100%;
}

    [b-lsu5w2l8yf] .e-checkbox-wrapper label {
        width: 100%;
    }

[b-lsu5w2l8yf] .e-acrdn-content .e-checkbox-wrapper .e-label {
    width: 100%;
}

[b-lsu5w2l8yf] .e-accordion {
    background: white !important;
    border: 0 !important;
    background-color: #fcfcfc !important;
}

    [b-lsu5w2l8yf] .e-accordion .e-acrdn-item.e-select > .e-acrdn-header {
        color: none !important;
        background: none !important;
        text-decoration: none !important;
    }

        [b-lsu5w2l8yf] .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover {
            background: #fef9e7 !important;
            text-decoration: none !important;
        }

    [b-lsu5w2l8yf] .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
        color: #333 !important;
    }

    [b-lsu5w2l8yf] .e-accordion .e-acrdn-item .e-toggle-icon {
        color: #333 !important;
    }

/*CHECKBOX*/
[b-lsu5w2l8yf] .e-treeview .e-list-item.e-active > .e-text-content .e-check, .e-icons .e-frame .e-check[b-lsu5w2l8yf], .e-checkbox-wrapper .e-frame.e-check[b-lsu5w2l8yf], .e-css.e-checkbox-wrapper .e-frame.e-check[b-lsu5w2l8yf] {
    color: white !important;
    background-color: #ffca6a !important;
    border-color: #ffca6a !important;
}

[b-lsu5w2l8yf] .e-icons .e-frame .e-check {
    color: white !important;
    background-color: #ffca6a !important;
    border-color: #ffca6a !important;
}

.image img[b-lsu5w2l8yf] {
    max-width: 100%;
    max-height: 34px;
}

[b-lsu5w2l8yf] .e-sidebar {
    background: #fcfcfc;
    box-shadow: 1px 1px 10px #ddd;
    position: fixed
}

    [b-lsu5w2l8yf] .e-sidebar.e-left {
        height: 100vh
    }

.ListeCardArticle_hamburger[b-lsu5w2l8yf] {
    display: none;
    font-size: 2.5rem;
    width: 40px;
    height: 39px;
    z-index: 100;
    padding: 6px;
}

.ListeCardArticle_zindex50[b-lsu5w2l8yf] {
    z-index: 50 !important;
}

.ListeCardArticle_MenuClosed[b-lsu5w2l8yf] {
    font-size: 2rem;
    cursor: pointer
}

.ListeCardArticle_text[b-lsu5w2l8yf] {
    text-align: center;
    font-size: 2rem;
}

.ListeCardArticle_filtre[b-lsu5w2l8yf] {
    font-size: 1.5rem
}

.ListeCardArticle_filtre_contain[b-lsu5w2l8yf] {
    width: 100%;
    border: dotted 1px #eee;
    background: white;
    min-height: 2rem;
    padding: 0.4rem;
    box-shadow: 1px 1px 10px #eee;
}

.ListeCardArticle_icon_triangle[b-lsu5w2l8yf] {
    top: 0;
    cursor: pointer
}

.ListeCardArticle_overflow_hidden[b-lsu5w2l8yf] {
    overflow: hidden
}

.ListeCardArticle_icon[b-lsu5w2l8yf] {
    top: 2px;
    cursor: pointer
}

.ListeCardArticle_icon_tags[b-lsu5w2l8yf] {
    font-size: 2rem
}

.ListeCardArticle_padding[b-lsu5w2l8yf] {
    padding: 0px;
}

.ListeCardArticle_padding_space[b-lsu5w2l8yf] {
    padding-right: 0px;
    white-space: nowrap;
}

.ListeCardArticle_check[b-lsu5w2l8yf] {
    cursor: pointer;
    margin: 4px 0
}

.ListeCardArticle_pointer[b-lsu5w2l8yf] {
    cursor: pointer
}

[b-lsu5w2l8yf] e-primary {
    background: #ffe4b3;
}

.heart[b-lsu5w2l8yf] {
    vertical-align: middle;
    top: 0
}
/* _content/Colinternet/Composants/SideBar/SideBarFiltre/ListeFiltre.razor.rz.scp.css */

.titleAccordionItem[b-e98kav7h7b] {
    height: 4vh;
    border-bottom: solid 1px gainsboro;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    padding-left: 1vw;
    padding-right: 1vw;
}
    .titleAccordionItem:hover[b-e98kav7h7b], .ListeCardArticle_check:hover[b-e98kav7h7b] {
        background: #fef9e7 !important;
        text-decoration: none !important;
    }

    .titleAccordionItem p[b-e98kav7h7b], .titleAccordionItem svg[b-e98kav7h7b] {
        margin: auto 0;
    }

.contentAccordionItem[b-e98kav7h7b] {
    display: flex;
    flex-direction: column;
}

.ListeCardArticle_check[b-e98kav7h7b], .titleAccordionItem[b-e98kav7h7b]{
    cursor : pointer;
}

.ListeCardArticle_check > div[b-e98kav7h7b] {
    display: flex;
    flex-direction: row;
}
    .ListeCardArticle_check > div div[b-e98kav7h7b] {
        margin-left: 5%;
        font-size: 1.3vh;
    }


.itemFamille[b-e98kav7h7b] {
    height: 4vh;
    display: flex;
    padding-left:1vw;
}
.itemFamille > div[b-e98kav7h7b] {
    margin: auto 0;
}
    .itemFamille > div:first-child[b-e98kav7h7b] {
        width: 84%;
    }
.itemSFA[b-e98kav7h7b] {
    display: flex;
    padding-left: 2vw;
}
    .itemSFA > div[b-e98kav7h7b] {
        margin-right: 10%;
        font-size: 1.2vh;
    }
    /*.ListeCardArticle_check > div:nth-child(2){
        margin-left: 5%;
    }*/

    .hidden[b-e98kav7h7b]{
        display : none;
    }
.itemSFA div:nth-child(2)[b-e98kav7h7b] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 85%;
    cursor: pointer;
}

.itemFamille > div > div:nth-child(3)[b-e98kav7h7b] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}
/* _content/Colinternet/Composants/Spinner/Spinner.razor.rz.scp.css */
/** SPINNER**/
.lds-ellipsis[b-pcwoytdxif] {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-ellipsis div[b-pcwoytdxif] {
        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-pcwoytdxif] {
            left: 8px;
            animation: lds-ellipsis1-b-pcwoytdxif 0.6s infinite;
        }

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

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

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

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

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

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

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

@keyframes lds-ellipsis2-b-pcwoytdxif {
    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-pcwoytdxif {
    0% {
        transform: rotate(0deg);
    }

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

.SpinnerIn[b-pcwoytdxif] {
    left: 49vw;
    top: 50vh;
    position: fixed;
    z-index: 100000000;
}

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

.BlazorNavigation_textPagin[b-8vhdpebqik] {
    white-space: nowrap;
}


.BlazorNavigation_PageNavigation[b-8vhdpebqik] {
    display: flex !important;
    justify-content: center !important;
}

.BlazorNavigation_pagination[b-8vhdpebqik] {
    display: inline-block;
    padding: 10px 0 !important;
    margin: 0 !important;
}

.BlazorNavigation_pagination_Item[b-8vhdpebqik] {
    vertical-align: top;
    display: inline-block;
    min-width: 24px;
    height: 24px;
    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-8vhdpebqik] {
        display: inline-block;
        padding: 0 2px;
        font-size: 14px;
        font-style: normal;
        color: #222;
    }

    .BlazorNavigation_pagination_Item.active[b-8vhdpebqik] {
        background-color: #ffe4b3;
    }

    .BlazorNavigation_pagination_Item i.bi[b-8vhdpebqik] {
        position: relative;
        top: 0;
    }
/* _content/Colinternet/Composants/Systeme/ErreurPage.razor.rz.scp.css */
.ErreurPage_changeLang[b-wm8uhwidsv] {
    margin: 30px;
}

.ErreurPage_ErreurCard[b-wm8uhwidsv] {
    display: flex;
    justify-content: center;
    vertical-align: middle;
    flex-direction: column;
    top: 15%;
    left: 33%;
    right: 33%;
    width: 33%;
    position : absolute;
}


.langues[b-wm8uhwidsv] {
    justify-content: center;
}

/*Fichier erreurPage.css*/
.e-card .e-card-header .e-card-header-caption .e-card-header-title[b-wm8uhwidsv], .e-card .e-card-header .e-card-header-caption .e-card-sub-title[b-wm8uhwidsv] {
    text-overflow: unset;
    white-space: unset;
    font-size: 14px !important;
}
/* _content/Colinternet/Pages/500.razor.rz.scp.css */
*[b-ksx6tv1393] {
    font-family: 'Roboto', sans-serif;
}

.maintenance[b-ksx6tv1393] {
    margin-top: 5rem
}

.error-template[b-ksx6tv1393] {
    padding: 40px 15px;
    text-align: center;
}

.error-actions[b-ksx6tv1393] {
    margin-top: 15px;
    margin-bottom: 15px;
}

    .error-actions .btn[b-ksx6tv1393] {
        margin-right: 10px;
    }

.message-box h1[b-ksx6tv1393] {
    color: #252932;
    font-size: 98px;
    font-weight: 700;
    line-height: 98px;
    text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px, rgba(61, 61, 61, 0.3) 3px 3px;
}
/* _content/Colinternet/Pages/AccountPage.razor.rz.scp.css */
.button-group-section[b-9te9zzlqm4] {
    width: 320px;
    margin: 0 auto;
    margin-top: 1.7%;
    margin-bottom: 1.7%;
}

.e-bigger .button-group-section[b-9te9zzlqm4] {
    width: 350px;
}

.button-group-section .row[b-9te9zzlqm4] {
    margin: 0 0 30px 0;
}

    .button-group-section .row:last-child[b-9te9zzlqm4] {
        margin-bottom: 0;
    }

    .button-group-section .row .p:first-child[b-9te9zzlqm4] {
        margin-top: 0;
    }

@media only screen and (max-width: 500px) {
    .button-group-section[b-9te9zzlqm4] {
        margin-top: 0%;
        margin-bottom: 0%;
    }

    .button-group-container[b-9te9zzlqm4] {
        overflow-y: scroll;
    }
}
/*Fichier css Acountpage.css*/
[b-9te9zzlqm4] #information {
    width: 80%;
    margin: auto;
    color: #1a5276 !important
}

    [b-9te9zzlqm4] #information label {
        font-weight: normal;
        font-size: 0.9rem;
    }
[b-9te9zzlqm4] .form-control {
    font-size: 0.8rem;
}
    [b-9te9zzlqm4] #information .card {
    min-height: initial;
    border: 1px solid rgba(0,0,0,.125) !important;
    width: 80%;
    margin: auto
}

[b-9te9zzlqm4]  #information .card-title {
    text-align: center
}

[b-9te9zzlqm4]  #information input[disabled] {
    opacity: 0.8
}

[b-9te9zzlqm4] #information .compteurAdr {
    background-color: #f8d7da !important;
}

[b-9te9zzlqm4] article {
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
    background: #fff;
    padding: 1rem;
    font-size: 1rem
}

[b-9te9zzlqm4] article h4, [b-9te9zzlqm4] #information th {
    font-size: 1.2rem;
    font-weight: 700;
}

[b-9te9zzlqm4] .compteurAdr {
    padding: 5px 11px;
    border-radius: 100%;
    background: red;
    text-align: center;
    /*position: absolute;*/
    right: 34px;
    color: white;
}

[b-9te9zzlqm4] .table {
    table-layout: auto !important;
    border: none !important;
    background-color: #ebf5fb !important;
}

[b-9te9zzlqm4] .table td, [b-9te9zzlqm4] .table th {
    border: none !important;
}

[b-9te9zzlqm4] .filtre {
    z-index: -1;
}

[b-9te9zzlqm4] .overlay {
    width: 2000px;
    height: 2000px;
    background: #333;
    opacity: 0.5;
    position: fixed;
    z-index: 1;
    display: none
}

[b-9te9zzlqm4] .prodFam {
    line-height: 2rem;
    font-size: 12px;
}

[b-9te9zzlqm4] .table-bordered > :not(caption) > * {
    border: none;
}
[b-9te9zzlqm4] #information th {
    color: #1a5276 !important;
    font-size: 1rem;
    font-weight: 700;
}
/* _content/Colinternet/Pages/AidePage.razor.rz.scp.css */
.sidebar-container[b-7ncy22o3az] {
/*    position: fixed;
*/    width: 220px;
/*    height: 100%;
*/    overflow-x: hidden;
    overflow-y: auto;
    background: #1a1a1a;
    color: #fff;
}

.content-container[b-7ncy22o3az] {
    padding-top: 20px;
}

.sidebar-logo[b-7ncy22o3az] {
    padding: 10px 15px 10px 30px;
    font-size: 20px;
    background-color: #ffe4b3;
    color: #1a1a1a;
}

.sidebar-navigation[b-7ncy22o3az] {
    padding: 0;
    margin: 0;
    list-style-type: none;
    position: relative;
}

    .sidebar-navigation li[b-7ncy22o3az] {
        background-color: transparent;
        position: relative;
        display: inline-block;
        width: 100%;
        line-height: 20px;
    }

        .sidebar-navigation li a[b-7ncy22o3az] {
            padding: 10px 15px 10px 30px;
            display: block;
            color: #fff;
        }

        .sidebar-navigation li .fa[b-7ncy22o3az] {
            margin-right: 10px;
        }


    .sidebar-navigation .header[b-7ncy22o3az] {
        font-size: 12px;
        text-transform: uppercase;
        background-color: #151515;
        padding: 10px 15px 10px 30px;
    }

        .sidebar-navigation .header[b-7ncy22o3az]::before {
            background-color: transparent;
        }

.jumbotron[b-7ncy22o3az] {
    padding: 2rem 1rem !important;
}


.sidebar-navigation li a:hover[b-7ncy22o3az] {
    background-color: #ffe4b3 !important;
    color: #1a1a1a;
    transition: all 0.6s cubic-bezier(0,.56,.68,.19) !important;
    /*position: absolute;
    content: '';
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transition: width 0.2s ease-in;
    transition: width 0.2s ease-in;
    width: 3px;
    z-index: -1;*/
    /*
    transition: all 0.6s cubic-bezier(0.945, 0.020, 0.270, 0.665);
    transform-origin: bottom left;*/
}

.erreur[b-7ncy22o3az]{
    color: red;
}
/* _content/Colinternet/Pages/Backoffice/PanelAdmin/ConfigurationColinternet.razor.rz.scp.css */

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

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

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

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

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

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

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

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

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

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

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

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

.e-label[b-4d9m23wm7k] {
    font-weight: bold;
}

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

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

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

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

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

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

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

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

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

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

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

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

.pageAdmin[b-80ia34mruu]{
    display : inline;
}

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

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

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

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

.flag-icon-gb[b-7coa91mum9] {
    background-image: url(../flags/4x3/gb.svg);
}

.flagAutre[b-7coa91mum9] {
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: 0 0;
    padding-left: 43px;
    float: left;
    color: white;
    text-shadow: #000 3px 0 2px;
    width: 103px;
    font-weight: 500;
    font-style: italic;
    padding-bottom: 15px;
}



.slideshow li:nth-child(1) span[b-7coa91mum9] {
    background-image: url(@(SlideName1 /*+ "?" + datetimeimg*/));
}


.slideshow li:nth-child(2) span[b-7coa91mum9] {
    background-image: url(@(SlideName2/*+"?"+datetimeimg*/));
    animation-delay: 6s !important;
}

.slideshow li:nth-child(3) span[b-7coa91mum9] {
    background-image: url(@(SlideName3/*+"?"+datetimeimg*/));
    animation-delay: 12s !important;
}

body[b-7coa91mum9] {
    background-image: url(@(SlideName1/* + "?" + datetimeimg*/));
    background-repeat: no-repeat;
    background-position-x: center;
}

/*fichier index.css*/

@keyframes imageAnimation-b-7coa91mum9 {
    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
    }
}


@keyframes titleAnimation-b-7coa91mum9 {
    0% {
        opacity: 0
    }

    8% {
        opacity: 1
    }

    100% {
        opacity: 1
    }

    17% {
        opacity: 1
    }

    19% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.no-cssanimations .cb-slideshow li span[b-7coa91mum9] {
    opacity: 1;
}

.userPicto[b-7coa91mum9], .showpassword[b-7coa91mum9] {
    padding-top: 10px
}

.showpassword[b-7coa91mum9], .userPicto[b-7coa91mum9] {
    width: auto !important;
    height: 34px
}

.buttonConnexion[b-7coa91mum9] {
    border-radius: 25px !important;
    cursor: pointer;
}

.bottomscreen[b-7coa91mum9] {
    /* position: absolute;
    bottom: 5px;*/
    width: 100%;
    text-align: center;
    text-shadow: white 1px 0 1px;
    left: 0;
    height: 10%;
    color: white;
}

.IsCentering[b-7coa91mum9] {
    text-align: center;
    position: relative;
    /*z-index: 1000;*/
    display: table;
}

.Centered[b-7coa91mum9] {
    text-align: center;
}

.mainbox[b-7coa91mum9] {
    text-align: center;
}

.inputLogin[b-7coa91mum9] {
    background: #F8F9F9;
    border: none !important;
    border: 0 !important;
    box-shadow: 1px 1px 5px #888 !important;
    border-bottom: solid 1px #eee !important;
    border-left: solid 1px #eee !important;
}

#loginbox[b-7coa91mum9] {
    margin-top: 30px !important;
}

.panelHeadingConnexion[b-7coa91mum9] {
    color: white;
    font-weight: bold;
}

.IndexHeaderLogin[b-7coa91mum9] {
    background-color: none !important;
    height: 100px;
}

.formConnex[b-7coa91mum9] {
    width: 100%
}

.fullscreenIndex[b-7coa91mum9] {
    position: absolute;
    left: 0;
    min-height: 36px !important;
    width: 100% !important;
}

.panelConnexion[b-7coa91mum9], .panelHeadingConnexion[b-7coa91mum9] {
    background: none !important;
}

.fondnoir[b-7coa91mum9] {
    background-color: rgba(0,0,0,.4) !important;
}

.nav-tabs > li > a[b-7coa91mum9] {
    color: #007bff !important;
}

.slideshow[b-7coa91mum9] {
    list-style-type: none;
}

    .slideshow[b-7coa91mum9], .slideshow[b-7coa91mum9]:after {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0px;
        z-index: 0;
    }

        .slideshow li span[b-7coa91mum9] {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0px;
            left: 0px;
            color: transparent;
            background-size: cover;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            opacity: 0;
            z-index: 0;
            -webkit-animation: imageAnimation 18s linear infinite 0s !important;
            -o-animation: imageAnimation 18s linear infinite 0s !important;
            -ms-animation: imageAnimation 18s linear infinite 0s !important;
            -moz-animation: imageAnimation 18s linear infinite 0s !important;
            animation: imageAnimation-b-7coa91mum9 18s linear infinite 0s !important;
        }

.bottomscreen[b-7coa91mum9]{
    position: fixed;
    bottom: 5px;
}

.Centered a[b-7coa91mum9] {
    background: white;
    padding: 5px;
    border-radius: 4px;
    color: #333;
    border: solid 1px #eee;
}
    .Centered a:hover[b-7coa91mum9] {
        background: #333 !important;
        color: white;
    }
/* _content/Colinternet/Pages/ConnexionOnPage.razor.rz.scp.css */
/*.flag-icon-gb {
    background-image: url(../flags/4x3/gb.svg);
}

.flagAutre {
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: 0 0;
    padding-left: 43px;
    float: left;
    color: white;
    text-shadow: #000 3px 0 2px;
    width: 103px;
    font-weight: 500;
    font-style: italic;
    padding-bottom: 15px;
}



.slideshow li:nth-child(1) span {
    background-image: url(@(SlideName1 + "?" + datetimeimg));
}


.slideshow li:nth-child(2) span {
    background-image: url(@(SlideName2+"?"+datetimeimg));
    animation-delay: 6s !important;
}

.slideshow li:nth-child(3) span {
    background-image: url(@(SlideName3+"?"+datetimeimg));
    animation-delay: 12s !important;
}

body {
    background-image: url(@(SlideName1 + "?" + datetimeimg));
    background-repeat: no-repeat;
    background-position-x: center;
}

    */


.logo[b-qzjysffptt] {
    width: 100%;
    height: 148px;
    background-size: contain;
    background-repeat: no-repeat;
}

a[b-qzjysffptt] {
    position: absolute;
    bottom: 10px;
    white-space: nowrap;
    width: 100%
}
.connex[b-qzjysffptt] {
    background: url(/wwwclient/IMG/SITE/header-webapplis.png);
    background-size: cover;
    width: 100%;
    height: 100vh;
}

.back[b-qzjysffptt] {
    line-height: 22px;
}
/* _content/Colinternet/Pages/EditeurAdaptative/EditeurAdaptative.razor.rz.scp.css */
.pageEditeurJson[b-o5u9ovk8le] {
    height: 100vh;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.listElement[b-o5u9ovk8le] {
    max-height: 100%;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    width: 15vw;
    scrollbar-width: thin;
    /* padding: 1.5vh 1vw;*/
}
.titleTypeElement[b-o5u9ovk8le] {
    padding: 0.5vh 2.2vw;
    background-color: #f0f0f0;
}

.listElement h2[b-o5u9ovk8le] {
    padding: 1vw;
    text-align: left;
    font: normal normal 600 1vw Open Sans;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
}

.divListElement h3[b-o5u9ovk8le] {
    text-align: left;
    font: normal normal 500 1vw Open Sans;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
}
.divElement:hover[b-o5u9ovk8le] {
    /*margin : 0.5vw;*/

    background-color: #f0f0f0;
    cursor : pointer;
}

.nomElement[b-o5u9ovk8le] {
    text-align: left;
    font: normal normal normal 1vw Open Sans;
    letter-spacing: 0px;
    color: #000000;
    
    padding: 0.2vh 3vw;
    margin: auto;
}



/*NEW CSS*/
[b-o5u9ovk8le] p {



    font-family: 'Montserrat';
    color: #1E4562;
   
    font-size: 1.2vw;
}

[b-o5u9ovk8le] .divTextIntroHome {
    display: flex;
    justify-content: center;
    height: 30vh;
    margin: auto;
    width: 100vw;
    margin-top: 5vh;
}

[b-o5u9ovk8le] .textintroHome {
    margin: auto !important;
    text-align: center;
    /* color: #1E4562;*/
    /* font-size: 28px;*/
    padding: 0 40vh !important;
    /*font-family: 'Montserrat'*/
}

[b-o5u9ovk8le] .content_bandeau {
    display: flex;
    justify-content: space-around;
    background-color: #1E4562;
    height: 30vh;
}


[b-o5u9ovk8le] .box_blanc {
    width: 20%;
    height: 100%;
    background-color: #FFF;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    margin-top: 10vh;
    display: flex;
    flex-direction: column;
}

[b-o5u9ovk8le] .box_blanc p, [b-o5u9ovk8le] .box_blanc h3 {
    text-align: center;
    /*font-family: 'Montserrat';*/
    margin-top: 3vh;
}

[b-o5u9ovk8le] .box_blanc p {
    color: #1E4562;
    font-size: 1vw;
}

    [b-o5u9ovk8le] .box_blanc h3 {
        color: #6BC4EB;
        font-size: 1.8vw;
        font-family: 'Montserrat';
        text-decoration: underline #1E4562;
        text-underline-offset: 1vh;
    }


[b-o5u9ovk8le] .fleche {
    width: 100%;
    display: flex;
    flex-direction: row-reverse
}

    [b-o5u9ovk8le] .fleche svg {
        width: 5vw;
        height: 4vh;
    }

[b-o5u9ovk8le] .textPresentation {
    height: 5vh;
    text-align: center;
    font-family: 'Segoesc';
    letter-spacing: 0px;
    color: #1E4562;
    margin-top: 20vh;
    text-align: center;
    font-size: 1.8vw
}




[b-o5u9ovk8le] .illustration {
    display: flex;
    justify-content: center;
    margin-top: 15vh;
}
    /* .illustration img {
        width: 100%;
        margin: auto;
    }*/

    [b-o5u9ovk8le] .illustration div {
        width: 45vw;
        height: 33vh;
        padding: 5vh;
    }

[b-o5u9ovk8le] .textIllustration {
    /* font-family: 'Montserrat', sans-serif;
    font-size: 28px;*/
    /* color: #1E4562;*/
    margin: auto;
}

[b-o5u9ovk8le] .divIllustration {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

[b-o5u9ovk8le] .divIllustration img {
    max-height: 100%;
    max-width: 100%;
    /*width: 100%;*/
    margin: auto;
}

[b-o5u9ovk8le] .text_erp {
    /* UI Properties */
    text-align: center;
    font-family: 'Montserrat';
    letter-spacing: 0px;
    color: #6BC4EB;
    padding-top: 10vh;
    font-size: 1.8vw;
    font-weight: bolder;
}

[b-o5u9ovk8le] .text_erp_2 {
    text-align: center;
    font-family: 'Montserrat';
    letter-spacing: 0px;
    color: #1E4562;
    opacity: 1;
    font-size: 1vw;
    font-weight: bold
}

[b-o5u9ovk8le] .Content_carree_bleu {
    padding-top: 5vh;
    display: flex;
    justify-content: space-around;
    width: 80vw;
    margin: auto;
}

[b-o5u9ovk8le] .carree_bleu_flip {
    width: 10vw;
    height: 10vw;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    position: relative;
    transform-style: preserve-3d;
    transform: rotateY(0deg);
    transition: transform 1s, -webkit-transform 1s;
}

    [b-o5u9ovk8le] .carree_bleu_flip:hover {
        animation-duration: 5s;
        transform: rotateY(180deg);
        transition: transform 1s, -webkit-transform 1s;
    }

[b-o5u9ovk8le] .carree_bleu_flip-front, [b-o5u9ovk8le] .carree_bleu_flip-back {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    backface-visibility: hidden;
}

[b-o5u9ovk8le] .carree_bleu_flip-front {
    background: #6BC4EBD9;
}

    [b-o5u9ovk8le] .carree_bleu_flip-front img {
        width: 100%;
        margin: auto;
    }

[b-o5u9ovk8le] .carree_bleu_flip-back {
    background: #FFFF;
    transform: rotateY(180deg);
}

    [b-o5u9ovk8le] .carree_bleu_flip-back p {
        margin: auto;
    }

[b-o5u9ovk8le] .bandeau_bleu_clair {
    display: flex;
    justify-content: space-around;
    background-color: #6BC4EB;
    height: 30vh;
    margin-top: 10vh;
}

[b-o5u9ovk8le] .text_bandeau_bleu_clair {
    text-align: center;
    /* font-family: 'Montserrat';
    font-size: 28px;*/
    font-size: 1.8vw;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-top: 5vh;
}

[b-o5u9ovk8le] .bandeau_blanc {
    display: flex;
    justify-content: space-around;
    height: 20vh;
    background-color: #FFF;
    width: 80vw;
    margin: auto;
    margin-top: 5vh;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
}

[b-o5u9ovk8le] .carre_blanc {
    display: flex;
    margin: auto 1vh auto;
}

[b-o5u9ovk8le] .carre_blanc img {
    /*width: 100%;*/
    height: 15vh;
    margin: auto;
}

[b-o5u9ovk8le] .image2 {
    position: relative;
    height: 35vh;
}

    [b-o5u9ovk8le] .image2 img {
        width: 100%;
        height: 100%;
        opacity: 0.75;
    }

[b-o5u9ovk8le] .divImageText {
    /*font-family: 'Montserrat';*/
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 33vw;
    margin: auto;
    display: flex;
    /* font-size: 28px;*/
}

    [b-o5u9ovk8le] .divImageText p {
        margin: auto;
    }


[b-o5u9ovk8le] .text3 {
    margin-top: 10vh;
    display: flex;
    justify-content: space-around;
}

    [b-o5u9ovk8le] .text3 > div {
        width: 40vw;
    }

[b-o5u9ovk8le] .text-right {
    display: flex;
}


[b-o5u9ovk8le] .box_text_3 {
    margin: auto;
    width: 30vw;
    height: 10vh;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    [b-o5u9ovk8le] .box_text_3 .titre {
        text-align: center;
        color: #6BC4EB;
        text-transform: uppercase;
        font-size: 1.5vw;
    }

[b-o5u9ovk8le] .titre h3 {
    text-align: center;
    color: #6BC4EB;
    text-transform: uppercase;
    font-size: 1.5vw;
}

[b-o5u9ovk8le] .box_text_3 .sous-titre {
    text-align: center;
    font-size: 1vw;
    color: #1E4562;
    text-transform: uppercase;
}

/*.bandeau_bleu_clair .bandeau_blanc {
    display: flex;
    width: 1550px;
    top: 110px;
    position: relative;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    opacity: 1;
    background: #FFFFFF;
    margin: auto;
}

.bandeau_bleu_clair div div {
    width: 258px;
    height: 249px;
}*/


/*.carree_bleu:first-child, .carree_bleu:nth-child(2n), .carree_bleu:nth-child(3n), .carree_bleu:nth-child(4n), .carree_bleu:nth-child(5n), .carree_bleu:nth-child(6n) {
        margin-right: 33px
    }*/



/*::deep div.carrousel1 figure .slide img {
    width: 100% !important;
    max-width: 100% !important;
    height: 700px !important;
    padding: 0 !important;
    object-fit: cover;
    float: left;
}*/

.carrousel_contain[b-o5u9ovk8le] {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 100vh;
    position: relative;
}

[b-o5u9ovk8le] .carrousel_contain > * {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}


/*.vid1, .vid2, .vid3, .vid4, .vid5, .vid6 {
    height: 100%;
    width: 100%;
    animation-duration: 50s;
    animation-iteration-count: infinite;
}*/

/*.vid1 {
    animation-name: fady1;
}

.vid2 {
    animation-name: fady2;
}

.vid3 {
    animation-name: fady3;
}

.vid4 {
    animation-name: fady4;
}

.vid5 {
    animation-name: fady5;
}

.vid6 {
    animation-name: fady6;
}*/

/*.titre_slide {
    animation-duration: 50s;
    animation-iteration-count: infinite;
}*/

/*::deep .vid1 .titre_slide {
    animation-name: titre1;
}

::deep .vid2 .titre_slide {
    animation-name: titre2;
}

::deep .vid3 .titre_slide {
    animation-name: titre3;
}

::deep .vid4 .titre_slide {
    animation-name: titre4;
}

::deep .vid5 .titre_slide {
    animation-name: titre5;
}

::deep .vid6 .titre_slide {
    animation-name: titre6;
}*/


[b-o5u9ovk8le] .carrousel_contain video {
    object-fit: cover
}



.titre_slide[b-o5u9ovk8le] {
    display: flex;
    color: white;
    /* top: 39px; */
    bottom: 15%;
    width: 100%;
    z-index: 1;
    font-size: 8rem;
    position: absolute;
    align-items: flex-end;
    text-shadow: 2px 2px 4px #000000;
    background: #10445e20;
    /* justify-content: center;*/
}

color: white;
font-weight: bold;
/*
@keyframes titre6 {
    70% {
        padding-left: 0;
    }

    84% {
        padding-left: 150px;
    }

    100% {
        padding-left: 0;
    }
}*/
/*@keyframes fady1 {
    0% {
        opacity: 1;
    }

    33.33% {
        opacity: 0;
        data-state: stop;
    }

    50% {
        opacity: 0;
    }

    66.65% {
        opacity: 0;
    }

    80.30% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fady2 {
    0% {
        opacity: 0;
    }

    33.33% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    66.65% {
        opacity: 0;
    }

    80.30% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fady3 {
    0% {
        opacity: 0;
    }

    33.33% {
        opacity: 0;
    }

    50% {
        opacity: 3;
    }

    66.65% {
        opacity: 0;
    }

    80.30% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fady4 {
    0% {
        opacity: 0;
    }

    14% {
        opacity: 0;
    }

    28% {
        opacity: 0;
    }

    42% {
        opacity: 0;
    }

    56% {
        opacity: 1;
    }

    70% {
        opacity: 0;
    }

    84% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fady5 {
    0% {
        opacity: 0;
    }

    33.33% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    66.65% {
        opacity: 1;
    }

    80.30% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fady6 {
    0% {
        opacity: 0;
    }

    33.33% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    66.65% {
        opacity: 0;
    }

    80.30% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes slidy {
    0% {
        left: 0%;
    }

    30% {
        left: 0%;
    }

    35% {
        left: -100%;
    }

    65% {
        left: -100%;
    }

    70% {
        left: -200%;
    }

    95% {
        left: -200%;
    }

    100% {
        left: 0%;
    }
}*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');

@font-face[b-o5u9ovk8le] {
    font-family: "BasicSansRegular";
    src: url("/fonts/Basic-Regular.ttf");
}

@font-face {
    font-family: "MontserratLight";
    src: url("/fonts/Montserrat-Light.ttf");
}




.itemListeDroit[b-o5u9ovk8le], .itemListeGauche[b-o5u9ovk8le] {
    display: flex;
    margin: auto;
    flex-direction: row;
    font-family: BasicSansRegular;
    color: #69bbeb;
    font-size: 3rem;
}

.txtListeHome[b-o5u9ovk8le] {
    padding: 2rem;
}

.itemListeDroit[b-o5u9ovk8le] {
    text-align: left;
}

.itemListeGauche[b-o5u9ovk8le] {
    text-align: right;
}


.itemCarreHome[b-o5u9ovk8le] {
    background: linear-gradient(to right, #FAB334, #E1B70A, #F39208);
    height: 4rem;
    width: 4rem;
    margin-top: auto;
    margin-top: 4rem;
}


.slide[b-o5u9ovk8le] {
    display: flex;
    justify-content: center;
    align-content: center;
    margin: auto;
}

    .slide img[b-o5u9ovk8le] {
        width: 128px;
        margin: auto;
    }

.backgroundCaroussel[b-o5u9ovk8le] {
    background-color: #69bbeb;
    border-radius: 25px;
    display: flex;
    margin: auto;
    width: 100%;
    flex-direction: row;
}

.carousselProd[b-o5u9ovk8le] {
    width: 75%;
    overflow: hidden;
    margin: auto;
    margin-right: 1rem;
}

    .carousselProd figure[b-o5u9ovk8le] {
        position: relative;
        width: 300%;
        margin: 0;
        padding: 0;
        animation: 25s slidyLogiciel infinite;
        display: flex;
    }

    .carousselProd .slide[b-o5u9ovk8le] {
        width: 25%;
        /*height: 25%;*/
    }

.divFleche[b-o5u9ovk8le] {
    display: flex;
    justify-content: center;
    margin: auto;
}

.imgFleche[b-o5u9ovk8le] {
    width: 200px;
}

.bandeau_bleu[b-o5u9ovk8le] {
    height: 298px;
    width: 100%;
    background: #1E4562;
    display: flex;
    justify-content: center;
}
/*
.box_blanc {
    top: 94px;
    width: 407px;
    height: 296px;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    opacity: 1;
    position: relative;
}
    .box_blanc:first-child, .box_blanc:nth-child(2n) {
        margin-right: 164px;
    }
*/

/*.content_bandeau {
    height: 400px;
}*/






/*@keyframes slidyLogiciel {
    0% {
        left: 0%;
    }

    33% {
        left: -100%;
    }

    66% {
        left: -200%;
    }

    100% {
        left: 0%;
    }
}*/
/* _content/Colinternet/Pages/EditeurAdaptative/TreeView.razor.rz.scp.css */
.treeView[b-enxfsi2wnd] {
    text-align: left;
    font: normal normal normal 0.7vw Open Sans;
    letter-spacing: 0px;
    color: #000000;
    width: 25vw;
}
    .treeView > li[b-enxfsi2wnd] {
        display: flex;
        flex-direction: column;
        padding-left: 1vw;
        margin: 0;
    }
    .treeView  li[b-enxfsi2wnd] {
        display: flex;
        flex-direction: column;
        padding-left: 1vw;
        margin: 0;
    }
    .treeView ul[b-enxfsi2wnd] {
        margin: 0;
        padding-left: 1vw;
    }
.elementNode[b-enxfsi2wnd] {
    background-color: #f0f0f0;
    padding-left: 1vw;
    width: 15vw;
}
.elementLeaf[b-enxfsi2wnd] {
    padding-left: 1vw;
    width: 15vw;
}

.infoElement[b-enxfsi2wnd] {
    display: flex;
    justify-content: space-between;
    width: 18vw;
}
.nomElement[b-enxfsi2wnd] {
    width: 10vw;
    display: contents;
}
.actionElement[b-enxfsi2wnd] {
    display: flex;
    justify-content: space-around;
    width: 5vw;
}
/* _content/Colinternet/Pages/EditeurAdaptative/TreeViewElement.razor.rz.scp.css */
.treeView[b-27z0q1zkrt] {
    text-align: left;
    font: normal normal normal 0.7vw Open Sans;
    letter-spacing: 0px;
    color: #000000;
    width: 25vw;
}

    .treeView > li[b-27z0q1zkrt] {
        display: flex;
        flex-direction: column;
        padding-left: 1vw;
        margin: 0;
    }

    .treeView li[b-27z0q1zkrt] {
        display: flex;
        flex-direction: column;
        padding-left: 1vw;
        margin: 0;
    }

ul[b-27z0q1zkrt] {
        margin: 0;
        padding-left: 1vw;
    }

.elementNode[b-27z0q1zkrt] {
    background-color: #f0f0f0;
    padding-left: 1vw;
    width: 15vw;
}

.elementLeaf[b-27z0q1zkrt] {
    padding-left: 1vw;
    width: 15vw;
}

.infoElement[b-27z0q1zkrt] {
    display: flex;
    justify-content: space-between;
    width: 18vw;
}

.nomElement[b-27z0q1zkrt] {
    width: 10vw;
    display: contents;
}

.actionElement[b-27z0q1zkrt] {
    display: flex;
    justify-content: space-around;
    width: 5vw;
}
/* _content/Colinternet/Pages/HomePage.razor.rz.scp.css */
.homePage[b-h9qbqbrylv] {
    display: flex;
    width:100%;
}
.ContainerCardrow[b-h9qbqbrylv] {
    display: flex;
    flex-wrap: wrap;
}
.sidebarFiltre[b-h9qbqbrylv] {
    background-color: #f4f4f4;
    width: 12%;
}
.hiddenMenu[b-h9qbqbrylv] {
    display: none
}

.displayMenu[b-h9qbqbrylv] {
    display: block
}

.sizeMenuClosed[b-h9qbqbrylv] {
    height: 42px;
    @*border-bottom: solid 1px;
    *@ width: 100%;
    line-height: 42px;
    margin: 13px 0;
}

.content .px-4[b-h9qbqbrylv] {
    margin-left: 72px !important
}
/*sftreeview*/
.WidthBrico[b-h9qbqbrylv] {
    width: 300px;
    overflow: hidden
}

/*::deep .e-list-text span {
    font-size: 1rem
}*/
[b-h9qbqbrylv] .ListeCardArticle_SFALib {
    font-size: 1rem
}

[b-h9qbqbrylv] .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
    color: #333;
}

[b-h9qbqbrylv] .e-treeview .e-list-item.e-active > .e-text-content .e-icon-collapsible, .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable[b-h9qbqbrylv] {
    color: #333;
}

[b-h9qbqbrylv] .e-treeview .e-list-item.e-active > .e-text-content .e-list-text, .e-treeview .e-list-item.e-active.e-hover > .e-text-content:hover[b-h9qbqbrylv] {
    color: #333;
}

[b-h9qbqbrylv] .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
    color: #333
}

[b-h9qbqbrylv] .e-treeview .e-list-item {
    padding: 0 !important;
}

[b-h9qbqbrylv] .e-treeview .e-text-context {
    padding: 0 !important;
}

[b-h9qbqbrylv] .e-checkbox-wrapper {
    width: 100%;
}

    [b-h9qbqbrylv] .e-checkbox-wrapper label {
        width: 100%;
    }

[b-h9qbqbrylv] .e-acrdn-content .e-checkbox-wrapper .e-label {
    width: 100%;
}

[b-h9qbqbrylv] .e-accordion {
    background: white !important;
    border: 0 !important;
    background-color: #fcfcfc !important;
}

    [b-h9qbqbrylv] .e-accordion .e-acrdn-item.e-select > .e-acrdn-header {
        color: none !important;
        background: none !important;
        text-decoration: none !important;
    }

        [b-h9qbqbrylv] .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover {
            background: #fef9e7 !important;
            text-decoration: none !important;
        }

    [b-h9qbqbrylv] .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
        color: #333 !important;
    }

    [b-h9qbqbrylv] .e-accordion .e-acrdn-item .e-toggle-icon {
        color: #333 !important;
    }

/*CHECKBOX*/
[b-h9qbqbrylv] .e-treeview .e-list-item.e-active > .e-text-content .e-check, .e-icons .e-frame .e-check[b-h9qbqbrylv], .e-checkbox-wrapper .e-frame.e-check[b-h9qbqbrylv], .e-css.e-checkbox-wrapper .e-frame.e-check[b-h9qbqbrylv] {
    color: white !important;
    background-color: #ffca6a !important;
    border-color: #ffca6a !important;
}

[b-h9qbqbrylv] .e-icons .e-frame .e-check {
    color: white !important;
    background-color: #ffca6a !important;
    border-color: #ffca6a !important;
}

.image img[b-h9qbqbrylv] {
    max-width: 100%;
    max-height: 34px;
}

[b-h9qbqbrylv] .e-sidebar {
    background: #fcfcfc;
    box-shadow: 1px 1px 10px #ddd;
    position: fixed
}

    [b-h9qbqbrylv] .e-sidebar.e-left {
        height: 100vh
    }

.ListeCardArticle_hamburger[b-h9qbqbrylv] {
    display: none;
    font-size: 2.5rem;
    width: 40px;
    height: 39px;
    z-index: 100;
    padding: 6px;
}

.ListeCardArticle_zindex50[b-h9qbqbrylv] {
    z-index: 50 !important;
}

.ListeCardArticle_MenuClosed[b-h9qbqbrylv] {
    font-size: 2.5rem;
    cursor: pointer
}

.ListeCardArticle_text[b-h9qbqbrylv] {
    text-align: center;
    font-size: 2rem;
}

.ListeCardArticle_filtre[b-h9qbqbrylv] {
    font-size: 1.5rem
}

.ListeCardArticle_filtre_contain[b-h9qbqbrylv] {
    width: 100%;
    border: dotted 1px #eee;
    background: white;
    min-height: 2rem;
    padding: 0.4rem;
    box-shadow: 1px 1px 10px #eee;
}

.ListeCardArticle_icon_triangle[b-h9qbqbrylv] {
    top: 0;
    cursor: pointer
}

.ListeCardArticle_overflow_hidden[b-h9qbqbrylv] {
    overflow: hidden
}

.ListeCardArticle_icon[b-h9qbqbrylv] {
    top: 2px;
    cursor: pointer
}

.ListeCardArticle_icon_tags[b-h9qbqbrylv] {
    font-size: 2.5rem
}

.ListeCardArticle_padding[b-h9qbqbrylv] {
    padding: 0px;
}

.ListeCardArticle_padding_space[b-h9qbqbrylv] {
    padding-right: 0px;
    white-space: nowrap;
}

.ListeCardArticle_check[b-h9qbqbrylv] {
    cursor: pointer;
    margin: 4px 0
}

.ListeCardArticle_pointer[b-h9qbqbrylv] {
    cursor: pointer
}



[b-h9qbqbrylv] e-primary {
    background: #ffe4b3;
}


/*Fichier mainpage.css*/
[b-h9qbqbrylv] .card {
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
    cursor: pointer;
    padding: 5px;
    background-color: white;
    border-right: solid 1px #eee !important;
    border-bottom: solid 1px #eee !important;
    border-left: 0;
    border-top: 0;
    border-radius: 0;
}

[b-h9qbqbrylv] .list {
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
    cursor: pointer;
    padding: 1rem;
    border-bottom: solid 1px #eee !important;
    min-height: initial !important
}

[b-h9qbqbrylv] .stockCard {
    float: left;
    width: 77%
}

[b-h9qbqbrylv] .iconeCard {
    position: absolute;
    right: 31px;
}

[b-h9qbqbrylv] .prixCard {
    clear: both;
    text-align: center;
    color: #1a5276;
    min-height: 3.5vh;
}

[b-h9qbqbrylv] .cardSelected .shadow {
    background: #fef9e7;
}

[b-h9qbqbrylv] .list .shadow {
    min-height: 0 !important
}

[b-h9qbqbrylv] .card .header h2, h3[b-h9qbqbrylv] {
    margin-bottom: 0px;
    margin-top: 0px;
}

[b-h9qbqbrylv] .LinePrix {
    font-weight: bold;
    font-size: 20px;
    padding-left: 5px;
}

[b-h9qbqbrylv] .LineTxt {
    font-weight: 400;
    font-size: 14px;
    font-style: italic
}

[b-h9qbqbrylv] .IconePanier {
    font-size: 26px;
    color: #82e0aa;
    position: absolute;
    left: -43px;
}

[b-h9qbqbrylv] .IconePanierDetail {
    position: absolute;
    right: 50px;
    font-size: 26px;
    color: #82e0aa;
}

[b-h9qbqbrylv] .IconBottomCard, [b-h9qbqbrylv] .IconBottomLigne {
    right: 29px;
    position: absolute;
    font-size: 22px;
}

[b-h9qbqbrylv] .IconBottomCard {
    bottom: 0px;
}

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

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

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

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

[b-h9qbqbrylv] .AfficheIconeOFF {
    visibility: hidden;
}

[b-h9qbqbrylv] .miniature {
    cursor: pointer;
}

[b-h9qbqbrylv] .Italic {
    font-style: italic;
    font-size: 0.7em;
}

[b-h9qbqbrylv] .LibArticle {
    font-weight: bold;
    font-size: 1em;
}

[b-h9qbqbrylv] .CodeArticle {
    font-size: 0.8em;
}

[b-h9qbqbrylv] .LignePrix {
    font-weight: bold;
    font-size: 1em;
    padding-bottom: 3px;
}

[b-h9qbqbrylv] .Prix {
    font-weight: bold;
    font-size: 1.3em;
}

[b-h9qbqbrylv] .divInfo {
    border-radius: 2px !important;
    padding-left: 5px;
    width: 90%;
    background: #ffe4b3;
}


[b-h9qbqbrylv] .LibInfo {
    font-weight: 800 !important;
    font-size: 1.1em;
    color: white;
    text-transform: uppercase;
}

[b-h9qbqbrylv] .InfoTechnique {
    font-weight: bold;
}

[b-h9qbqbrylv] .LibInfoTech {
    font-weight: normal;
}

[b-h9qbqbrylv] .LibInfoTarif {
    font-weight: bold;
    font-size: 0.9em;
}

[b-h9qbqbrylv] .detailArticleDetail {
    float: left;
    width: 41%;
}

[b-h9qbqbrylv] .prixDetail {
    clear: both
}

[b-h9qbqbrylv] .shadow:hover {
    box-shadow: 0 15px 15px rgba(0,0,0,-0), 0 0px 10px rgba(0,0,0,0.1) !important;
}

[b-h9qbqbrylv] .shadow {
    border-radius: 15px;
    padding: 5px 5px 0 5px;
    background-color: #FFF;
    min-height: 368px;
    box-shadow: unset !important;
}

[b-h9qbqbrylv] .minivente {
    clear: both;
}

.slick-prev[b-h9qbqbrylv], .slick-next[b-h9qbqbrylv] {
    border-radius: 85%;
    background: #333 !important;
    width: 45px !important;
    height: 45px !important
}

.slick-next[b-h9qbqbrylv] {
    right: 4px !important;
}

.slick-prev[b-h9qbqbrylv] {
    left: 4px !important;
}

[b-h9qbqbrylv] .slick-active button, [b-h9qbqbrylv] .slick-dots li button {
    background: #ffca6a !important;
}

[b-h9qbqbrylv] .e-treeview .e-list-item.e-active > .e-fullrow {
    background: initial !important;
    border: none !important;
    color: initial !important
}

[b-h9qbqbrylv] .e-list-item:hover {
    border: none !important
}

[b-h9qbqbrylv] #ContainerCard {
    /* width: 98%;*/
    padding-left: 20px;
    margin: 0;
    float: none;
    padding: 0;
    width: 88%;
}

[b-h9qbqbrylv] .AdaptationCSSSidebarProd {
   /* width: 98%;*/
    margin: auto !important;
    margin-left: 10px;
    margin-top : 0px !important;
}

[b-h9qbqbrylv] .imgSidebarProduit {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: solid 1px #ddd;
    box-shadow: 1px 1px 1px #aaa;
    margin-right: 5px;
}

[b-h9qbqbrylv] .PopupProduit {
    overflow-x: hidden;
    color: #dfab03 !important;
}

[b-h9qbqbrylv] .TextImfoProduit {
    font-size: 0.6rem;
    height: 10vh;
}

[b-h9qbqbrylv] .e-card-header-title-liste {
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    overflow: hidden;
}

/*Pager*/


[b-h9qbqbrylv] .innerBlock {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

[b-h9qbqbrylv] .popupQte {
    display: flex;
    max-height: calc(100% - 1rem);
    max-width: 25%;
    z-index: 102;
    flex-direction: column;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #fff;
    padding: 1.5rem;
    box-shadow: 0 2px 2px rgba(0,0,0,.25);
}

[b-h9qbqbrylv] .popupAlerteCmd {
    display: flex;
    max-height: calc(100% - 1rem);
    max-width: 15%;
    z-index: 102;
    flex-direction: column;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #fff;
    padding: 1.5rem;
    box-shadow: 0 2px 2px rgba(0,0,0,.25);
}


[b-h9qbqbrylv] .popupDetailArticle {
    display: flex;
    max-height: calc(80% - 1rem);
    max-width: 50%;
    z-index: 102;
    flex-direction: column;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #fff;
    padding: 1.5rem;
    box-shadow: 0 2px 2px rgba(0,0,0,.25);
}


[b-h9qbqbrylv] .maxWidth100 {
    width: 100%;
    max-width: 100%;
    flex: 100%;
}


[b-h9qbqbrylv] .show {
    display: block;
}

[b-h9qbqbrylv] .red {
    color: #bb0000;
    font-style: italic
}



[b-h9qbqbrylv] .Thumbnail_content {
    padding: 5px 5px 5px 14px
}

    [b-h9qbqbrylv] .Thumbnail_content div {
        border: solid 1px #eee;
        margin: 1px
    }



[b-h9qbqbrylv] .col-5eq,
[b-h9qbqbrylv] .col-sm-6spec,
[b-h9qbqbrylv] .col-md-4spec,
[b-h9qbqbrylv] .col-lg-3spec,
[b-h9qbqbrylv] .col-xl-5eq {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

[b-h9qbqbrylv] .imageDetail {
    height: auto;
    width: auto;
    max-height: 200px;
    cursor: pointer;
    max-width: 100%;
}



[b-h9qbqbrylv] .centerNBpiecesDet {
    text-align: center;
    min-width: 34px;
    color: #1a5276;
    float: left;
    display: flex;
    justify-content: center;
    width: 100%;
    flex-direction: column;
}
.centerNBpiecesDet .CodeArticle:first-child[b-h9qbqbrylv] {
    margin-bottom: 0;
}

.centerNBpiecesDet .CodeArticle:nth-child(2)[b-h9qbqbrylv] {
    text-decoration: underline;
}
[b-h9qbqbrylv] input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
}

[b-h9qbqbrylv] input[type=number]::-webkit-inner-spin-button,
[b-h9qbqbrylv] input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}



[b-h9qbqbrylv] .cadreArrivages {
    margin: 10 0 10 0px;
}

[b-h9qbqbrylv] .imageContainer {
    height: 25vh;
    overflow: hidden
}
/* STYLE DES ONGLETS FICHE TECHNIQUE ET PRODUITS SIMILAIRES */
/* TAILLE DES ONGLETS */
[b-h9qbqbrylv] .e-tab-text {
    font-size: 21px !important;
}
/* COULEUR DES ONGLETS */
[b-h9qbqbrylv] .e-lib.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text, [b-h9qbqbrylv] .e-lib.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
    color: #2196F3;
}
/* COULEUR DU TRAIT DES ONGLETS */
[b-h9qbqbrylv] .e-lib.e-tab .e-tab-header .e-indicator {
    background: #2196F3;
}

[b-h9qbqbrylv] .listArrivages {
    cursor: pointer;
    color: #000000 !important;
    font-weight: 700;
}

[b-h9qbqbrylv] .arrivages {
    padding-left: 30px;
    font-style: italic;
    display: none;
    color: #000000;
}


@media (min-width: 825px) {
    [b-h9qbqbrylv] .col-sm-6spec {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 1056px) {
    [b-h9qbqbrylv] .col-md-4spec {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}

@media (min-width: 1420px) {
    [b-h9qbqbrylv] .col-lg-3spec {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width: 1800px) {
    [b-h9qbqbrylv] .col-xl-5eq {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}



[b-h9qbqbrylv] .marginFiltre {
    margin-left: 72px;
    /*z-index: 100;*/
    position: relative
}

[b-h9qbqbrylv] .CardArticle_color {
    margin: auto;
}


.prixBarre[b-h9qbqbrylv] {
    font-size: 12px;
    padding-left: 5px;
    text-decoration: line-through;
}

.prixPromo[b-h9qbqbrylv] {
    font-size: 14px;
    padding-left: 5px;
    font-weight: bold;
    color: #333;
}


/*V6_2*/
/*::deep #ContainerCard .imgProduit {
    height: 410px;
}
*/


.btnModeAffichage[b-h9qbqbrylv] {
    background-color: #ffa500;
    border-color: #ffa500;
}
    .btnModeAffichage:hover[b-h9qbqbrylv] {
        background-color: #ffa500;
        border-color: #ffa500;
        /* background-color: #ffe4b3;*/
        border-color: #ffe4b3;
    }
    .btnModeAffichage .bi[b-h9qbqbrylv] {
        color : white
    }
/* _content/Colinternet/Pages/Merchandising/Lineaire.razor.rz.scp.css */
.content[b-6v6djqyzbu] {
    background: #eeeeee
}

.noVisible[b-6v6djqyzbu] {
    visibility: hidden;
}

.disabled[b-6v6djqyzbu] {
    padding-left: 20px;
}
.prix[b-6v6djqyzbu] {
    width: 7vw;
}
    .disabled button[b-6v6djqyzbu] {
        /* 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 Open Sans;
        line-height: 13px;
    }

.lineaire[b-6v6djqyzbu] {
    margin: auto;
    width: 90vw;
    font: normal normal normal 17px/23px Open Sans;
    letter-spacing: 0px;
    color: #A1A1A1;
    opacity: 1;
    padding-top: 30px
}

.divBtnRetour[b-6v6djqyzbu] {
    margin-bottom: 1vw;
    font: normal normal normal 13px/18px Open Sans;
    letter-spacing: 0px;
    color: #A1A1A1;
    width: fit-content;
    cursor: pointer;
}

.imgBtnRetour[b-6v6djqyzbu] {
    transform: rotate(180deg);
    width: 0.9vw;
}


img[b-6v6djqyzbu] {
    cursor: pointer;
}


.hiddenWait[b-6v6djqyzbu] {
    display: none;
}

.showWait[b-6v6djqyzbu] {
    display: block;
    position: absolute;
    top: 43%;
    left: 43%;
}

.titreLineaire[b-6v6djqyzbu] {
    height: 23px;
    display: flex;
    justify-content: flex-start;
    white-space: nowrap;
}

.textLineaire[b-6v6djqyzbu] {
    text-align: left;
    text-transform: uppercase;
    padding-right: 110px;
}

.bandeauGris[b-6v6djqyzbu] {
    background: #A1A1A1 0% 0% no-repeat padding-box;
    border-radius: 3px;
    width: 100%;
    opacity: 1;
    text-align: right;
}

.textDroitLineaire[b-6v6djqyzbu] {
    color: white;
    padding-right: 20px;
    font-size: 15px;
    cursor: pointer;
}

.upload[b-6v6djqyzbu], .upload2[b-6v6djqyzbu] {
    margin: 1vw 0;
    text-align: center;
    font: normal normal normal 13px/18px Open Sans;
    letter-spacing: 0px;
    color: #A1A1A1;
}

    .upload a[b-6v6djqyzbu], .upload2 a[b-6v6djqyzbu] {
        text-decoration: underline !important;
        color: #A1A1A1 !important;
    }

    .upload img[b-6v6djqyzbu], upload2 img[b-6v6djqyzbu] {
        width: 1.5vw;
    }
upload2 img[b-6v6djqyzbu] {
    width: 1.5vw;
}
    .upload .bi[b-6v6djqyzbu], upload2 .bi[b-6v6djqyzbu] {
        font-size: 1.5vw;
    }

.upload[b-6v6djqyzbu] {
    width: 25%;
}

.contentDetail[b-6v6djqyzbu] {
    display: flex;
}

.imgLineaire[b-6v6djqyzbu] {
    width: 25.69vw;
    height: 122vh;
    overflow-x: auto;
    overflow-y: hidden;
}

.desc[b-6v6djqyzbu] {
    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-6v6djqyzbu] {
    height: 100%;
}

.listProduits[b-6v6djqyzbu] {
    width: 74%;
    margin-left: 16px;
}

.caracteristique[b-6v6djqyzbu] {
    text-align: left;
    font: normal normal normal 12px/17px Open Sans;
    letter-spacing: 0px;
    color: #000000;
    text-transform: none;
    opacity: 1;
}

.contentTitreList[b-6v6djqyzbu] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

    .contentTitreList > div[b-6v6djqyzbu] {
        text-align: left;
        font: normal normal 600 20px/27px Open Sans;
        letter-spacing: 0px;
        color: #000000;
        text-transform: uppercase;
        opacity: 1;
    }

.addP button[b-6v6djqyzbu], .ajouterPanier[b-6v6djqyzbu] {
    /* UI Properties */
    background: #F3BB03 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 Open Sans;
    height: 1.2vw;
    outline: none;
}

.ajoutePanierOther[b-6v6djqyzbu] {
    background: url(barre.png) 0% 0% repeat-y padding-box;
    background-size: auto;
    border-radius: 3px;
}

.addP button:hover[b-6v6djqyzbu] {
    box-shadow: inset 2px 3px 4px #00000040;
}

.pager[b-6v6djqyzbu] {
    width: 100%;
}


.contentTitreList button[b-6v6djqyzbu], .footerList button[b-6v6djqyzbu] {
    width: 260px;
    height: 38px;
    font: normal normal normal 15px/20px Open Sans;
    outline: none;
}

.buttonProgress[b-6v6djqyzbu] {
    background: url(barre.png) 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 Open Sans;
}

    .buttonProgress:focus[b-6v6djqyzbu] {
        border: none;
    }

.addP button[b-6v6djqyzbu] {
    width: 154px;
    height: 38px;
    font: normal normal normal 15px/20px Open Sans;
}

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

.detail[b-6v6djqyzbu] {
    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 Open Sans;
    letter-spacing: 0px;
    color: #A1A1A1;
    text-transform: uppercase;
    border: none;
    opacity: 1;
}

.dejaCommande[b-6v6djqyzbu] {
    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 Open Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

.prix[b-6v6djqyzbu], .plusMoins[b-6v6djqyzbu] {
    display: flex;
    width: 6vw;
}



.addP[b-6v6djqyzbu], .graph[b-6v6djqyzbu] {
    padding-left: 20px
}

.new[b-6v6djqyzbu] {
    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 Open Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

.white[b-6v6djqyzbu] {
    background-color: white;
}

.panierLi[b-6v6djqyzbu] {
    width: 18px;
    height: 13px;
    opacity: 1;
    padding-top: 10px;
    color: #82e0aa !important;
}



.contentProd[b-6v6djqyzbu], .existeAussi[b-6v6djqyzbu] {
    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-6v6djqyzbu] {
    margin: 0.3vw 0;
    padding: 0 2vw;
}

.ajoutePanier[b-6v6djqyzbu] {
}

.detail[b-6v6djqyzbu] {
}

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

.dejaCommande[b-6v6djqyzbu] {
    margin-top: 1vw;
}

bouton[b-6v6djqyzbu] {
    outline: none !important;
}

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

.existeAussi[b-6v6djqyzbu] {
    padding: 0 1vw 0 4vw;
}

.footerList[b-6v6djqyzbu] {
    display: flex;
    justify-content: space-between;
}

.existeAussi .img img[b-6v6djqyzbu] {
    height: 6vw;
}

.contentProd > div[b-6v6djqyzbu] {
    margin: 4px;
    max-width: 100%;
}

.img img[b-6v6djqyzbu] {
    width: 7.2vw;
    object-fit: contain;
    max-height: 14.2vh;
}

.desc[b-6v6djqyzbu] {
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    font-size: 14px;
    font-weight: 600;
}

.descExist[b-6v6djqyzbu] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 18vw;
    /* width: 400px; */
    overflow: hidden;
}

.titreExisteDesc[b-6v6djqyzbu] {
    margin-top: 1vh;
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    font-size: 14px;
    font-weight: 600;
}

.existeDesc[b-6v6djqyzbu] {
    height: auto;
    overflow-wrap: anywhere;
    /*text-align: justify;*/
    text-align: left;
    font: normal normal 600 12px/17px Open Sans;
    letter-spacing: 0px;
    color: #A1A1A1;
    padding-bottom: 0.5vw;
}

.imgExiste img[b-6v6djqyzbu] {
    object-fit: cover;
    width: 5.2vw;
    height: 5.2vw;
}



.btnMoinsMerchandising[b-6v6djqyzbu], .btnPlusMerchandising[b-6v6djqyzbu] {
    background: white 0% 0% no-repeat padding-box;
    color: #CBCBCB;
}

.btnMerchandisingActif[b-6v6djqyzbu] {
    color: #A1A1A1;
}

.stockArticleMerchandising_red[b-6v6djqyzbu] {
    color: red !important;
}

.stockArticleMerchandising_orange[b-6v6djqyzbu] {
    color: orange !important;
}

.stockArticleMerchandising_green[b-6v6djqyzbu] {
    color: #82e0aa !important;
}

#imageArticle[b-6v6djqyzbu]{
    height: 58vh;
    margin: auto;
}

.IconeTop[b-6v6djqyzbu] {
    position: absolute;
}
    .IconeTop img[b-6v6djqyzbu] {
        top: -5vh;
        position: relative;
        left: -0.5vw;
    }
.infos[b-6v6djqyzbu] {
    width: 0px;
}
/* _content/Colinternet/Pages/Merchandising/MerchandisingV2.razor.rz.scp.css */
.pageMerchandising[b-5s6r79dnor] {
    background-color: #EEEEEE;
    padding-top: 5vh;
}

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

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

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

}

.niveau0Merch[b-5s6r79dnor] {
    width: 13vw;
    background: #A1A1A1 0% 0% no-repeat padding-box;
    text-align: center;
    font: normal normal normal 17px/23px Open Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    height: 5vh;
    display: flex;
    margin: 0.5vh 0.5vw;
    cursor:pointer;
}
.niveau0Merch p[b-5s6r79dnor] {
    margin : auto;
}
.merchSelected[b-5s6r79dnor] {
    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-5s6r79dnor] {
    display: flex;
    flex-direction: row;
    height: 4.5vh;
}
.niveau2Merch[b-5s6r79dnor] {
    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 Open Sans;
    display: flex;
    margin: 0.5vh 0.5vw;
    cursor: pointer;
}
.niveau2Merch p[b-5s6r79dnor] {
    margin: auto;
}


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

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

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


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


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

    /*CARD*/

.cardLineaire[b-5s6r79dnor] {
    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-5s6r79dnor] {
    cursor: pointer;
}

.divImgLineaire[b-5s6r79dnor] {
    /*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-5s6r79dnor]::-webkit-scrollbar {
        width: 5px;
        height: 8px;
        background-color: #aaa;
    }

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

    .divImgLineaire img[b-5s6r79dnor] {
        /* width: 100%;*/
        /*max-height: 100%;
        object-fit: contain;*/
        margin: auto;
        height: 100%;
    }

.enteteLineaire[b-5s6r79dnor] {
    height: 2vh;
    margin-bottom: 0.5vh;
}

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

.titleLineaire[b-5s6r79dnor] {
    text-align: center;
    font: normal normal 500 14px/19px Open Sans;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    /*white-space: nowrap;*/
}

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

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

.textNewLineaire[b-5s6r79dnor] {
    margin: auto;
    color: white;
}

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

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

.btnDetailLineaire[b-5s6r79dnor] {
    background-color: #F3BB0380;
    border-radius: 3px;
}

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

.textDetailLineaire[b-5s6r79dnor] {
    text-align: center;
    font: normal normal normal 14px/19px Open Sans;
    letter-spacing: 0px;
    color: #A1A1A1;
    text-transform: uppercase;
}

.btnAjouterPanierLineaire[b-5s6r79dnor] {
    background: url(barre.png) 0% 0% repeat-Y padding-box;
    border-radius: 3px;
}

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

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

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

.telechargerLineaire[b-5s6r79dnor] {
    text-align: center;
    font: normal normal normal 13px/18px Open Sans;
    letter-spacing: 0px;
    color: #A1A1A1;
    height: 2vh;
}

    .telechargerLineaire a[b-5s6r79dnor] {
        text-decoration: underline !important;
        color: #A1A1A1;
    }
    .telechargerLineaire img[b-5s6r79dnor] {
        width: 1.5vw;
    }
    .telechargerLineaire .bi[b-5s6r79dnor] {
        font-size: 1.5vw;
    }

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

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

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

/*EXISTE AUSSI*/

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

.existeAussi[b-5s6r79dnor] {
    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-5s6r79dnor] {
    /*height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;*/
}

.existeAussi[b-5s6r79dnor] {
    padding: 0 1vw 0 4vw;
}
    .existeAussi .img img[b-5s6r79dnor] {
        height: 6vw;
    }
.titreExisteDesc[b-5s6r79dnor] {
    margin-top: 1vh;
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    font-size: 14px;
    font-weight: 600;
}
.descExist[b-5s6r79dnor] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 18vw;
    /* width: 400px; */
    overflow: hidden;
}
.existeDesc[b-5s6r79dnor] {
    height: auto;
    overflow-wrap: anywhere;
    /*text-align: justify;*/
    text-align: left;
    font: normal normal 600 12px/17px Open Sans;
    letter-spacing: 0px;
    color: #A1A1A1;
    padding-bottom: 0.5vw;
}

.imgExiste img[b-5s6r79dnor] {
    object-fit: cover;
    width: 5.2vw;
    height: 5.2vw;
}
.detail[b-5s6r79dnor] {
    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 Open Sans;
    letter-spacing: 0px;
    color: #A1A1A1;
    text-transform: uppercase;
    border: none;
    opacity: 1;
}

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

.IconeTopNew[b-5s6r79dnor] {
    z-index: 5;
}
/* _content/Colinternet/Pages/Merchandising/Old/LayoutMerchandising.razor.rz.scp.css */
/*POUR AFFICHER SOUS-MENU EN HOVER*/
.MenuHover:hover + div[b-dsziiod0pc] {
    display: block
}

.MenuHover + div[b-dsziiod0pc] {
    display: none;
}
/***/

.headerMerchandising[b-dsziiod0pc] {
    height: 5vh;
    width: 100vw;
    background: #A1A1A1 0% 0% no-repeat padding-box;
    display: flex;
}

.titleLayoutMerchandising[b-dsziiod0pc] {
    display: flex;
    margin-left: 2vw;
}

    .titleLayoutMerchandising h3[b-dsziiod0pc] {
        margin: auto;
        text-align: left;
        font: normal normal normal 17px/17px Open Sans;
        letter-spacing: 0px;
        color: #FFFFFF;
        text-transform: uppercase
    }

.dropDownMerchandising[b-dsziiod0pc] {
    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-dsziiod0pc] {
        /*margin: auto 0.5vw;*/
        height: 5vh;
        display: flex
    }

    .dropDownMerchandising > div[b-dsziiod0pc] {
        background: #A1A1A1 0% 0% no-repeat padding-box;
        /*margin: auto 0.5vw;*/
        padding-left: 0.5vw;
        width: 10vw;
    }

    .dropDownMerchandising p[b-dsziiod0pc] {
        margin: auto 0;
    }

.iconDropDownMerchandising[b-dsziiod0pc] {
    /*margin: 1.9vh 0.1vw;*/
    margin: auto 0.1vw;
}

.itemMenuMerchandising[b-dsziiod0pc] {
    display: inline-flex;
    height: 4vh;
    /*width: 100%;*/
    width: 10vw;
}

    .itemMenuMerchandising > div[b-dsziiod0pc] {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: fit-content;
    }

.sousItemMenuMerchandising[b-dsziiod0pc] {
    /*
    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-dsziiod0pc] {
        margin-left: 1vw !important;
    }

    .sousItemMenuMerchandising > div[b-dsziiod0pc] {
        width: 10vw;
        display: flex;
        text-overflow: clip;
    }

.soussousItemMenuMerchandising[b-dsziiod0pc] {
    /*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-dsziiod0pc] {
        margin-left: 3vw !important;
    }

    .soussousItemMenuMerchandising > div[b-dsziiod0pc] {
        width: 10vw;
        display: flex;
        text-overflow: clip;
    }

.itemMenuMerchandisingCliquable:hover[b-dsziiod0pc] {
    cursor: pointer;
    font-weight: bold !important;
}

.itemMenuMerchandisingCliquable p[b-dsziiod0pc] {
    margin: auto 0;
}

.contentMerchandising[b-dsziiod0pc] {
    background-color: #EEEEEE;
    min-height: 82vh;
}

.footerMerchandising[b-dsziiod0pc] {
    display: flex;
    height: 3vh;
    width: 100vw;
    background: #CBCBCB 0% 0% no-repeat padding-box;
}

    .footerMerchandising p[b-dsziiod0pc] {
        font: normal normal normal 20px/27px Open Sans;
        letter-spacing: 0px;
        color: #000000;
        margin: auto;
        text-align: center
    }

.transitionFooter[b-dsziiod0pc] {
    transition: all 0.3s ease-in-out;
}

    .transitionFooter p[b-dsziiod0pc] {
        font: normal normal normal 15px/20px Open Sans;
    }

.glyphiconFooter[b-dsziiod0pc] {
    font-size: 9px;
    margin-left: 1vw;
    font-weight: 500;
}

.footerMerchandising span[b-dsziiod0pc] {
    cursor: pointer;
}
/* _content/Colinternet/Pages/Merchandising/Old/LineaireListe.razor.rz.scp.css */
/************* css commun *************/

.fleche[b-4pnp8y83kg] {
    color: #ddd;
    font-size: 5vh;
    cursor: pointer;
}

.flecheContent[b-4pnp8y83kg] {
    width: 6vh;
    margin: auto 0;
}


.enteteMerchandising[b-4pnp8y83kg] {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin: 3vh 0.4vw;
}

.optionAffichageMerchandising[b-4pnp8y83kg] {
    background: #A1A1A1 0% 0% no-repeat padding-box;
    border-radius: 3px;
    width: auto !important;
    display: flex;
    flex-direction: row-reverse;
    padding: 3px;
}

    .optionAffichageMerchandising > .itemOptionAffichageMerchandising:first-child[b-4pnp8y83kg] {
        margin-right: 3vw;
    }

.pageLineaire[b-4pnp8y83kg] {
    background-color: #EEEEEE;
}

.listeLineaire[b-4pnp8y83kg] {
    font-family: 'Open Sans';
    font-size: 1.28vh;
    padding-top: 1vh;
    margin: 0 5.5vw 0 5.5vw;
    display: flex;
    flex-direction: column;
}

.itemOptionAffichageMerchandising[b-4pnp8y83kg] {
    color: #FFFFFF;
    display: flex;
    margin: auto -0.2vw;
    width: 2vw;
    justify-content: center;
    height: 2vh;
}

    .itemOptionAffichageMerchandising span[b-4pnp8y83kg] {
        margin: auto;
    }

        .itemOptionAffichageMerchandising span:hover[b-4pnp8y83kg] {
            cursor: pointer;
        }

/********** css 1e mode de tri *********/
.listeCard[b-4pnp8y83kg] {
    display: flex;
    flex-direction: row;
    /*flex-wrap: wrap;*/
    /*margin: auto 5vw;*/
    justify-content: center;
    margin-bottom: 4vh;
}

.cardLineaire[b-4pnp8y83kg] {
    display: flex;
    width: 24%;
    /*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-4pnp8y83kg] {
    cursor: pointer;
}

.divImgLineaire[b-4pnp8y83kg] {
    /*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-4pnp8y83kg]::-webkit-scrollbar {
        width: 5px;
        height: 8px;
        background-color: #aaa;
    }

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

    .divImgLineaire img[b-4pnp8y83kg] {
        /* width: 100%;*/
        max-height: 100%;
        object-fit: contain;
        margin: auto;
    }

.enteteLineaire[b-4pnp8y83kg] {
    height: 2vh;
    margin-bottom: 0.5vh;
}

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

.titleLineaire[b-4pnp8y83kg] {
    text-align: center;
    font: normal normal 500 14px/19px Open Sans;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
}

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

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

.textNewLineaire[b-4pnp8y83kg] {
    margin: auto;
    color: white;
}

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

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

.btnDetailLineaire[b-4pnp8y83kg] {
    background-color: #F3BB0380;
    border-radius: 3px;
}

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

.textDetailLineaire[b-4pnp8y83kg] {
    text-align: center;
    font: normal normal normal 14px/19px Open Sans;
    letter-spacing: 0px;
    color: #A1A1A1;
    text-transform: uppercase;
}

.btnAjouterPanierLineaire[b-4pnp8y83kg] {
    background: url(barre.png) 0% 0% repeat-Y padding-box;
    border-radius: 3px;
}

.textAjouterPanierLineaire[b-4pnp8y83kg] {
    text-align: center;
    font: normal normal normal 14px/19px Open Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
}

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

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

.telechargerLineaire[b-4pnp8y83kg] {
    text-align: left;
    font: normal normal normal 13px/18px Open Sans;
    letter-spacing: 0px;
    color: #A1A1A1;
}

    .telechargerLineaire a[b-4pnp8y83kg] {
        text-decoration: underline !important;
        color: #A1A1A1;
    }
/********** css 2e mode de tri *********/
.rectangle[b-4pnp8y83kg] {
    display: flex;
    margin: 1vh 1vh;
    /*justify-content: space-between;*/
    border-radius: 5px;
    border: 1px solid #CBCBCB;
    align-items: center;
    width: auto;
    height: 15vh;
    background-color: white;
}


.miniatureProduit[b-4pnp8y83kg] {
    margin-left: 7vw;
}

    .miniatureProduit img[b-4pnp8y83kg] {
        /*width: 6vw;
        height: 12vh;
        margin: 1vh 0 1vh 0;
        object-fit: contain;*/
        width: 6vw;
        height: 6vw;
        object-fit: cover;
    }

.stock img[b-4pnp8y83kg] {
    width: 1.5vw;
    height: 3vh;
    margin: auto;
}

.textes[b-4pnp8y83kg] {
    width: 11vw;
    height: 12vh;
    display: grid;
    margin-left: 10vw;
}

.txtTitre[b-4pnp8y83kg] {
    margin-bottom: 3vh;
    text-transform: uppercase;
}

.txtDesc[b-4pnp8y83kg] {
    color: #A1A1A1;
    text-align: justify;
    font-weight: 500;
}

.btnCommandes[b-4pnp8y83kg] {
    width: 10vw;
    height: 10vh;
    font-size: 1.5vh;
    margin-left: 25vw;
}

    .btnCommandes p[b-4pnp8y83kg] {
        color: #A1A1A1 !important;
        font-size: 1.39vh;
    }

    .btnCommandes a[b-4pnp8y83kg] {
        text-decoration: underline !important;
        color: #A1A1A1;
    }

.underline[b-4pnp8y83kg] {
    text-decoration: underline;
}

.btnCommandes button[b-4pnp8y83kg] {
    width: 12vw;
    height: 3vh;
    color: white;
}

.divInfos[b-4pnp8y83kg] {
    margin-right: 7vw;
    align-items: baseline;
    text-align: center;
}


    .divInfos div[b-4pnp8y83kg] {
        height: 2vh;
        color: white;
    }

bouton[b-4pnp8y83kg] {
    outline: none !important;
}

.btnCommandes button[b-4pnp8y83kg], .divInfos div[b-4pnp8y83kg] {
    border: none;
    border-radius: 3px;
    outline: none;
}

.btnVoir[b-4pnp8y83kg] {
    background-color: #F3BB0380;
    color: #A1A1A1 !important;
    margin-bottom: 1vh;
    text-transform: uppercase;
}

.btnAjout[b-4pnp8y83kg] {
    background: url(barre.png) 0% 0% repeat-y padding-box;
    margin-bottom: 1vh;
    border: none;
    text-transform: uppercase;
}

    .btnAjout:focus[b-4pnp8y83kg] {
        border: none;
    }


.divNew[b-4pnp8y83kg] {
    background-color: #8EBB16;
    margin-bottom: 1vh;
    width: 3.5vw;
}

.divDeja[b-4pnp8y83kg] {
    background-color: #A1A1A1;
    width: 7vw;
}

/********** css 3e mode de tri *********/


.rectanglePlus[b-4pnp8y83kg] {
    display: flex;
    margin: 1vh 1vh;
    justify-content: space-evenly;
    border-radius: 5px;
    border: 1px solid #CBCBCB;
    align-items: center;
    width: auto;
    height: 10vh;
    background-color: white;
}

    .rectanglePlus > div[b-4pnp8y83kg] {
        margin-right: auto;
    }

.miniatureProduit2 img[b-4pnp8y83kg] { /*
    width: 3vw;
    height: 6vh;
    margin: 1vh 0 1vh 0;
    object-fit: contain*/
    width: 3vw;
    height: 3vw;
    object-fit: cover;
}

img[b-4pnp8y83kg] {
    cursor: pointer;
}

.titreTxt[b-4pnp8y83kg] {
    width: 8.5vw;
    text-overflow: clip;
    font: normal normal 500 12px/17px Open Sans;
    text-transform: uppercase;
}

.noMargin[b-4pnp8y83kg] {
    margin: 0;
}

.height7vh[b-4pnp8y83kg] {
    height: 7vh !important;
}

.divCheckbox input[type=checkbox][b-4pnp8y83kg] {
    height: 3vh;
    width: 1.2vw;
    margin-left: 2vw;
}
/* _content/Colinternet/Pages/Merchandising/Old/ListCardLineaire.razor.rz.scp.css */
/*LISTE CARD*/
.pageMerchandising[b-kgbzn7g74j] {
    background-color: #EEEEEE;
}

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

.enteteMerchandising[b-kgbzn7g74j] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 3vh 0.4vw;
}

.titleGroupMerch[b-kgbzn7g74j] {
    text-align: left;
    font: normal normal normal 17px/23px Open Sans;
    letter-spacing: 0px;
    color: #A1A1A1;
    text-transform: uppercase;
    cursor: pointer;
}

.tailleMerchandising p[b-kgbzn7g74j] {
    text-align: left;
    font: normal normal normal 17px/23px Open Sans;
    letter-spacing: 0px;
    color: #A1A1A1;
    text-transform: uppercase;
    margin: auto;
}

.optionAffichageMerchandising[b-kgbzn7g74j] {
    background: #A1A1A1 0% 0% no-repeat padding-box;
    border-radius: 3px;
    width: 85%;
    display: flex;
    flex-direction: row-reverse;
    height: 3vh;
}

    .optionAffichageMerchandising select[b-kgbzn7g74j] {
        margin: auto 10vw auto;
        text-align: right;
        font: normal normal normal 17px/23px Open Sans;
        letter-spacing: 0px;
        color: #FFFFFF;
        text-transform: uppercase;
        background: #A1A1A1 0% 0% no-repeat padding-box;
        border: unset;
    }

.listeCard[b-kgbzn7g74j] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /* margin: auto 5vw; */
    justify-content: flex-start;
    margin-bottom: 4vh;
}

.fleche[b-kgbzn7g74j] {
    color: #ddd;
    font-size: 5vh;
    cursor: pointer;
}

.flecheContent[b-kgbzn7g74j] {
    width: 6vh;
    margin: auto 0;
}

.navPager[b-kgbzn7g74j] {
    display: flex;
    justify-content: center;
    margin-bottom: 8vh;
}

.divPager[b-kgbzn7g74j] {
    display: row;
}

    .divPager span[b-kgbzn7g74j] {
        font: normal normal normal 17px/23px Open Sans;
        letter-spacing: 0px;
        color: #A1A1A1;
        margin: 0.2vw;
    }

.active[b-kgbzn7g74j] {
    color: #000000 !important;
}
/*DROPDOWN*/
.optionDropDownMerchandising[b-kgbzn7g74j] {
    text-align: left;
    /*font: normal normal 600 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-right: 1vw;
}

    .optionDropDownMerchandising > div:first-child[b-kgbzn7g74j] {
        /*margin: auto 0.5vw;*/
        margin: auto;
        height: 2.5vh;
        display: flex;
        /* width: auto;*/
    }

    .optionDropDownMerchandising > div[b-kgbzn7g74j] {
        background: #A1A1A1 0% 0% no-repeat padding-box;
        /*margin: auto 0.5vw;*/
        padding-left: 0.5vw;
        /*width: 13vw;*/
    }

    .optionDropDownMerchandising p[b-kgbzn7g74j] {
        margin: auto 0;
    }

.iconDropDownMerchandising[b-kgbzn7g74j] {
    /*margin: 1.9vh 0.1vw;*/
    margin: 0.9vh 0.1vw;
}

.itemOptionMerchandising[b-kgbzn7g74j] {
    display: inline-flex;
    height: 4vh;
    width: 100%;
}

    .itemOptionMerchandising > div[b-kgbzn7g74j] {
        width: 100%;
        display: flex;
    }



.itemOptionMerchandisingCliquable:hover[b-kgbzn7g74j] {
    cursor: pointer;
    font-weight: bold !important;
}

.itemOptionMerchandisingCliquable p[b-kgbzn7g74j] {
    margin: auto 0;
}
/*CARD*/
.cardLineaire[b-kgbzn7g74j] {
    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-kgbzn7g74j] {
    cursor: pointer;
}

.divImgLineaire[b-kgbzn7g74j] {
    /*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-kgbzn7g74j]::-webkit-scrollbar {
        width: 5px;
        height: 8px;
        background-color: #aaa;
    }

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

    .divImgLineaire img[b-kgbzn7g74j] {
        /* width: 100%;*/
        max-height: 100%;
        object-fit: contain;
        margin: auto;
    }

.enteteLineaire[b-kgbzn7g74j] {
    height: 2vh;
    margin-bottom: 0.5vh;
}

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

.titleLineaire[b-kgbzn7g74j] {
    text-align: center;
    font: normal normal 500 14px/19px Open Sans;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
}

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

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

.textNewLineaire[b-kgbzn7g74j] {
    margin: auto;
    color: white;
}

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

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

.btnDetailLineaire[b-kgbzn7g74j] {
    background-color: #F3BB0380;
    border-radius: 3px;
}

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

.textDetailLineaire[b-kgbzn7g74j] {
    text-align: center;
    font: normal normal normal 14px/19px Open Sans;
    letter-spacing: 0px;
    color: #A1A1A1;
    text-transform: uppercase;
}

.btnAjouterPanierLineaire[b-kgbzn7g74j] {
    background: url(barre.png) 0% 0% repeat-Y padding-box;
    border-radius: 3px;
}

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

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

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

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

    .telechargerLineaire a[b-kgbzn7g74j] {
        text-decoration: underline !important;
        color: #A1A1A1;
    }
/* _content/Colinternet/Pages/Merchandising/PagerMarchandising.razor.rz.scp.css */

.navPager[b-jw0k94rcvt] {
    display: flex;
    justify-content: center;
    margin-bottom: 8vh;
}

.divPager[b-jw0k94rcvt] {
    display: row;
}

    .divPager span[b-jw0k94rcvt] {
        font: normal normal normal 17px/23px Open Sans;
        letter-spacing: 0px;
        color: #A1A1A1;
        margin: 0.2vw;
    }

.active[b-jw0k94rcvt] {
    color: #000000 !important;
}

span[b-jw0k94rcvt] {
    cursor: pointer
}
/* _content/Colinternet/Pages/Merchandising/Planogramme.razor.rz.scp.css */
.contentPlanogramme[b-qmaz23zb5f] {
    display: flex;
    padding-top: 3vh;
    min-height: 80vh;
}

.optionsEdition[b-qmaz23zb5f] {
    width: 2vw;
    /*border: solid 2px black;*/
    display: inline-flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap;
    text-align:center;
    background:white;
}

.contentPresentoir[b-qmaz23zb5f] {
    min-width: 61vw;
    width: auto;
    
    /*border: solid 2px red;*/
}

.contentPresentoirILV[b-qmaz23zb5f] {
    background:url(../img/ilven.png) no-repeat center;
    background-size:auto;
/*    background-repeat:no-repeat;*/
    
}


/*

        border-radius: 3px;
    text-align: center;
    width: 7vw;
    background: #A1A1A1;
    color: white;
    padding: 5px;
    text-transform: uppercase;
    box-shadow: 2px 2px 6px darkgrey;
*/
.grillePresentoir[b-qmaz23zb5f] {
    text-align: center;
    text-align: -webkit-center;
}

.conteneurCanvas canvas[b-qmaz23zb5f]{
    background-color:white;

}

/***icones***/
.hautGauche[b-qmaz23zb5f]{
    background-image : url(../img/upper-left-arrow.png)
}

.hautDroite[b-qmaz23zb5f] {
    background-image: url(../img/up-right-arrow.png)
}

.basGauche[b-qmaz23zb5f] {
    background-image: url(../img/down-left-arrow.png)
}

.basDroite[b-qmaz23zb5f] {
    background-image: url(../img/down-right-arrow.png)
}

.iconesCustom[b-qmaz23zb5f]{
    height:20px;
    width:20px;
}
/************/

.inputContentPresentoir input[type="text"][b-qmaz23zb5f], .inputContentPresentoir input[type="number"][b-qmaz23zb5f] {
    width: 2.5vw;
}

.cadreEdition[b-qmaz23zb5f] {
    /*border: solid 2px black;*/
    width: auto;
    min-width: 35vw;
    background:white;
    /*    text-align: center;*/
}

.cadreChoixFormat[b-qmaz23zb5f]
{
    display:inline-block;
    vertical-align:middle;

}

.cadreChoixFormat div[b-qmaz23zb5f]{
    margin : 0.5vw;
}

.choixFormatInputs[b-qmaz23zb5f]{
    display:flex;
}



.choixFormatInputs input[type="text"][b-qmaz23zb5f]{
    width:8vw;
}

.choixFormatInputs input[type="number"][b-qmaz23zb5f]{
    width:2.5vw;
}

    /*valider dim :     width: 9vw;
    margin-left: 25px;*/
    /*Open sans général*/

    .cadreChoixHorizontal button[b-qmaz23zb5f], .cadreChoixVertical button[b-qmaz23zb5f], .cadreChoixAutre button[b-qmaz23zb5f], .cadreChoixPersonnalise button[b-qmaz23zb5f], .choixFormatInputs button[b-qmaz23zb5f], .inputContentPresentoir button[b-qmaz23zb5f] {
        border-radius: 3px;
        text-align: center;
        width: 7vw;
        background: #A1A1A1;
        color: white;
        padding: 8px 5px;
        text-transform: uppercase;
        box-shadow: 2px 2px 6px darkgrey;
    }

.cadreChoixHorizontal label[b-qmaz23zb5f], .cadreChoixVertical label[b-qmaz23zb5f], .cadreChoixAutre label[b-qmaz23zb5f], .cadreChoixPersonnalise label[b-qmaz23zb5f] {
    width:5vw;
}

.cadreChoixPersonnalise input[type="number"][b-qmaz23zb5f]{
    width:2.5vw;
}

.cadreListeMerch3[b-qmaz23zb5f] {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: stretch;
    border: solid 2px #A1A1A1;
    overflow: scroll;
    overflow-x: hidden;
    height: 31vh;
    margin-top: 2vh;
    /*flex-direction:;*/
}

.cadreResumeProduit input[type="text"][b-qmaz23zb5f]{
    width:15vw;

}

.cadreResumeProduit[b-qmaz23zb5f]{
    padding : 2vh;
    background: lightgray;
    height:40vh;
    margin-top:2vh;
}

.contentPresentoirILV[b-qmaz23zb5f]{
    height:250px;
}

.imageResumeProduit[b-qmaz23zb5f] {
    margin: 0 2vw 2vh 0;
}

.optionsEdition div[b-qmaz23zb5f] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin:10px 0;
}

.optionsEdition p[b-qmaz23zb5f]{
    margin:0 !important;
}

.deroule[b-qmaz23zb5f]{
    width:5.5vw !important;
}


.inputContentPresentoir[b-qmaz23zb5f] {
    margin: 1vh 0 1vh 1vw;
    text-align: center;
}

.inputContentPresentoir button[b-qmaz23zb5f]{
    margin-left:2vw;
    width:9vw;
}

.itemListeMerch3[b-qmaz23zb5f] {
    /*background-color: red;*/
    min-width: 1vw;
    min-height: 1vw;
    margin-right: 5px;
    margin-bottom: 5px;
    justify-content: center;
}

/*.itemListeMerch3 img{
    width: 6vw;
    height: 10vh;
}
*/

.iconeEdition[b-qmaz23zb5f] {
    font-size: 20px;
    margin-top: 1vh;
}

/*****CSS GENERAL*****/

.alignLabelInput[b-qmaz23zb5f] {
    display: flex;
    align-items: center
}

.flex[b-qmaz23zb5f] {
    display: flex;
}

.noMargin[b-qmaz23zb5f] {
    margin: 0 !important;
}

.ligneNoire[b-qmaz23zb5f] {
    border: solid 2px black;
    height:1px;
    width:100%;
}
/* _content/Colinternet/Pages/Merchandising/PlanogrammeTest.razor.rz.scp.css */
.content[b-6aj739e7du]{
    background:#eeeeee
}
.lineaire[b-6aj739e7du] {
    margin: auto;
    width: 90vw;
    font: normal normal normal 17px/23px Open Sans;
    letter-spacing: 0px;
    color: #A1A1A1;
    opacity: 1;
    padding-top: 50px
}

.titreLineaire[b-6aj739e7du] {
    height: 23px;
    display: flex;
    justify-content: flex-start;
    white-space: nowrap;
}
.textLineaire[b-6aj739e7du] {
    text-align: left;
    text-transform: uppercase;
    
    padding-right: 110px;
}
.bandeauGris[b-6aj739e7du] {
    background: #A1A1A1 0% 0% no-repeat padding-box;
    border-radius: 3px;
    width: 100%;
    opacity: 1;
    text-align: right;
}
.textDroitLineaire[b-6aj739e7du] {
    color: white;
    padding-right: 20px;
    font-size: 15px;
}

.upload[b-6aj739e7du] {
    padding-left: 50px;
    margin: 1vw 0;
}
.contentDetail[b-6aj739e7du] {
    display: flex;
}
.imgLineaire[b-6aj739e7du] {
    width: 25%;
}

.desc[b-6aj739e7du] {
    width: 400px;
    overflow: hidden;
    white-space: nowrap;
}

    .imgLineaire img[b-6aj739e7du] {
        width: 100%;
    }

.listProduits[b-6aj739e7du] {
    width: 74%;
    margin-left: 16px;
}

.contentTitreList[b-6aj739e7du] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
    .contentTitreList > div[b-6aj739e7du] {
        text-align: left;
        font: normal normal 600 20px/27px Open Sans;
        letter-spacing: 0px;
        color: #000000;
        text-transform: uppercase;
        opacity: 1;
    }

    .contentTitreList button[b-6aj739e7du], .addP button[b-6aj739e7du], .ajouterPanier[b-6aj739e7du], .footerList button[b-6aj739e7du]{
        /* UI Properties */
        background: #F3BB03 0% 0% no-repeat padding-box;
        border-radius: 5px;
        opacity: 1;
        text-align: center;
        letter-spacing: 0px;
        color: #FFFFFF;
        border: none;
    }
    .contentTitreList button[b-6aj739e7du], .footerList button[b-6aj739e7du] {
        width: 260px;
        height: 38px;
        font: normal normal normal 15px/20px Open Sans;
    }
.addP button[b-6aj739e7du] {
    width: 154px;
    height: 38px;
    font: normal normal normal 15px/20px Open Sans;
}

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

.detail[b-6aj739e7du] {
    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 Open Sans;
    letter-spacing: 0px;
    color: #A1A1A1;
    text-transform: uppercase;
    border: none;
    opacity: 1;
}

.dejaCommande[b-6aj739e7du] {
    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 Open Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

.prix[b-6aj739e7du], .plusMoins[b-6aj739e7du] {
    display: flex
}



.addP[b-6aj739e7du], .graph[b-6aj739e7du]{
    padding-left: 20px
}

.new[b-6aj739e7du] {
    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 Open Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

.panierLi[b-6aj739e7du] {
    width: 18px;
    height: 13px;
    opacity: 1;
    padding-top: 10px;
}



.contentProd[b-6aj739e7du], .existeAussi[b-6aj739e7du] {
    background-color: white;
    height: 138px;
    width: 100%;
    border: 1px solid #CBCBCB;
    border-radius: 5px;
    opacity: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000000;
}
.contentProd[b-6aj739e7du] {
    margin: 0.88vw 0;
    padding: 0 2vw;
}

.ajoutePanier[b-6aj739e7du]{

}

.detail[b-6aj739e7du]{

}

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

.dejaCommande[b-6aj739e7du] {
    margin-top: 1vw;
}

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

.existeAussi[b-6aj739e7du] {
    padding: 0 5vw;
}

.footerList[b-6aj739e7du] {
    display: flex;
    justify-content: space-between;
}

.existeAussi .img img[b-6aj739e7du] {
    height: 6vw;
}
    .contentProd > div[b-6aj739e7du] {
       
        margin: 4px;
    }

    .img img[b-6aj739e7du] {
        height: 100%;
    }

.desc[b-6aj739e7du] {
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    font-size: 12px;
}



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

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

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

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

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

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

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

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

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

[b-9kmma231kk] .IconePanierDetail {
    position: relative;
    right: 50px;
    font-size: 26px;
    color: #82e0aa;
}
/* _content/Colinternet/Pages/Panier/PanierFinalisationPage.razor.rz.scp.css */
#wrapper[b-2xrva6k9v4] {
    max-width: 300px;
    margin: 0px 50px;
    padding-top: 20px;
}

/*CARD*/
.newIcon[b-2xrva6k9v4] {
    border-radius: 19px;
    font-family: HelveticaNeue-Medium, 'Segoe UI';
    font-weight: 500;
    color: #ffffff;
    margin-left: 16px;
    margin-right: 16px;
    font-size: 14px;
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.4px;
    float: left
}

.TypCom[b-2xrva6k9v4] {
    margin: 5px;
}

[b-2xrva6k9v4] .e-card {
    border: 0;
}

.radioCom[b-2xrva6k9v4] {
    margin-left: 50px
}

.cardcom[b-2xrva6k9v4] {
    margin: 10px;
    border: solid #eee 1px;
    border-radius: 10px;
    padding: 5px;
}

.control-section[b-2xrva6k9v4] {
    width: 80%;
    margin: auto;
    margin-bottom: 20px;
}

.valid[b-2xrva6k9v4]{
    padding: 0;
}

[b-2xrva6k9v4] .e-btn {
    margin-left: 4px;
}

[b-2xrva6k9v4] .e-card .e-card-content {
    padding-top: 0px;
}

[b-2xrva6k9v4] .e-card {
    border: 0;
}

.ColOK[b-2xrva6k9v4] {
    background: #2CC000;
}

.ColKO[b-2xrva6k9v4] {
    background: red;
}

[b-2xrva6k9v4] .e-grid td.e-active {
    background: #ffca6a !important
}


.panierFinalisationPage_Commentaire[b-2xrva6k9v4] {
    padding-bottom: 10px;
}

/*Fichier panierfinalisationpage.css*/
.cardcom[b-2xrva6k9v4] {
    margin: 10px;
    border: solid #eee 1px;
    border-radius: 10px;
    padding: 5px;
    background: white
}

.popup[b-2xrva6k9v4] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: fixed;
    width: 20vw;
    height: 20vh;
    top: 40vh;
    left: 40vw;
    border: solid 1px #eee;
    background: white;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 10px 10px 10px 0 #eee;
    z-index:3;
}

.footer[b-2xrva6k9v4] {
    text-align: center;
    padding: initial;
    background-color: initial;
    padding-top: 5px;
}

.header span[b-2xrva6k9v4] {
    float: right;
    cursor: pointer;
}

.radio[b-2xrva6k9v4] {
    margin-left: 60px
}

.multiline textarea[b-2xrva6k9v4] {
    width: 100%;
    border: 1px #ddd solid ;
    border-radius: 5px;
    color: #666;
    padding: 5px;
}

.panierFinalisationPage_Commentaire i[b-2xrva6k9v4]{
    font-size: 13px;
}
.multiline input[b-2xrva6k9v4] {
    width: 100%;
    border: 1px #ddd solid;
    border-radius: 5px;
    color: #666;
    padding: 5px;
}


button span[b-2xrva6k9v4]{
    vertical-align: middle;
}

.titre[b-2xrva6k9v4] {
    color: var(--CS-color-caramel);
}


/* _content/Colinternet/Pages/Panier/PanierImportExcel.razor.rz.scp.css */
.detailtable td[b-994rq4nf94] {
    font-size: 13px;
    padding: 4px;
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content[b-994rq4nf94] {
    width: 80%;
    padding: 5px !important;
    margin: auto
}

.right[b-994rq4nf94] {
    float: right;
}

.image img[b-994rq4nf94] {
    height: 50px;
    width: 50px;
    box-shadow: inset 0 0 1px #e0e0e0, inset 0 0 14px rgba(0, 0, 0, 0.2);
}
/* _content/Colinternet/Pages/Panier/PanierPage.razor.rz.scp.css */
.PanierPage_LigneCalculePrix[b-btplo9ex40] {
    color: black !important;
    font-size: 14px;
}
.PanierPage_GridCalculePrix[b-btplo9ex40] {
    display: grid;
}


/*page panierpage.css*/
[b-btplo9ex40] .afficheDivOff {
    visibility: hidden
}

[b-btplo9ex40] .MsgVisibilty {
    display: none;
}

[b-btplo9ex40] .TarifArticle {
    color: #1a5276;
    font-size: 17px;
    font-weight: bold;
}

[b-btplo9ex40] .selQte {
    float: right;
    padding-bottom: 10px;
}

[b-btplo9ex40] .CadreResume {
    border: solid 1px #eee;
    margin: 5px;
    padding: 2rem;
    border-radius: 5px;
    font-size: 16px;
    max-width: 36rem;
    margin: auto;
    text-align: left;
    background-color: white;
   /* min-height: 20rem;*/
    position: fixed;
    width: 80%;
    line-height: 1.3rem;
}

[b-btplo9ex40] .nbarticlesPanier {
    float: right;
    margin-left: 10px
}

[b-btplo9ex40] .titreCol {
    background-color: white;
    /*border-bottom: 1px solid #eee;*/
    font-size: 18px;
    height: 5rem;
    text-align: center;
}

[b-btplo9ex40] .TitreResume {
    font-size: 1.3rem;
    white-space: nowrap
}

[b-btplo9ex40] .LigneResume {
    font-size: 12px;
}

[b-btplo9ex40] .ColorInfo {
    color: #1a5276;
    font-weight: bold;
}

[b-btplo9ex40] .ColorAlerte {
    color: darkred;
    font-weight: bold;
}

[b-btplo9ex40] .FinalisationPanierOff {
    display: none;
    position: relative;
}

[b-btplo9ex40] .lignePanier .prixpanier {
    color: #1a5276;
}

[b-btplo9ex40] .lignePanier .btn_supprimer {
    color: black !important;
}

[b-btplo9ex40] .btn_supprimer, [b-btplo9ex40] .btn_detail {
    font-size: 1.2rem;
}

[b-btplo9ex40] .lignePanier {
    border-bottom: solid 1px #eee;
}

    [b-btplo9ex40] .lignePanier .imgProduit {
        width: 150px;
        height: 150px;
        margin-right: 5px;
        margin: 5px;
        padding: 5px;
        border-radius: 7px;
    }

[b-btplo9ex40] .panier {
    border-right: solid 1px #eee;
    padding-left: 3rem;
    background: white;
    min-height: 20rem;
}

[b-btplo9ex40] .detailPrixPanier {
    color: #1a5276;
}

[b-btplo9ex40] .passerLaCommande {
    /*text-align: center;*/
}

[b-btplo9ex40] .plusmoinsLigne1, [b-btplo9ex40] .detailsLigne2 {
    padding-right: 2rem;
    text-align: right;
    white-space: nowrap
}

[b-btplo9ex40] .Ligne1Panier {
    padding-top: 1rem
}

[b-btplo9ex40] .panier .imgProduit {
    width: 150px;
    height: 150px;
    margin-right: 5px;
    cursor: pointer
}
/* _content/Colinternet/Pages/Panier/PanierPrintPage.razor.rz.scp.css */


[b-8et6s2fyh8] .e-grid .e-rowcell {
    font-size: 10px !important;
}
.e-grid .e-rowcell[b-8et6s2fyh8] {
    font-size: 10px !important;
}

.e-grid .e-headercelldiv[b-8et6s2fyh8] {
    font-size: 10px !important;
}


.e-grid.e-responsive .e-rowcell[b-8et6s2fyh8] {
    text-overflow: initial !important;
    white-space: break-spaces !important;
}
[b-8et6s2fyh8] .e-grid .e-headercelldiv {
    font-size: 10px !important;
}


[b-8et6s2fyh8] .e-grid.e-responsive .e-rowcell {
    text-overflow: initial !important;
    white-space: break-spaces !important;
}

.small[b-8et6s2fyh8] {
    font-size: 10px;
}


.text-right[b-8et6s2fyh8] {
    text-align: right!important;
    margin-right: 1vw;
    margin-bottom: 0;
}
/* _content/Colinternet/Pages/Panier/PanierResumePage.razor.rz.scp.css */
.PanierResumePage_DivBtnTop[b-52g03bn0pt] {
    display: flex;
    justify-content: center;
}

    .PanierResumePage_DivBtnTop > div[b-52g03bn0pt] {
        margin-right: 30px;
    }


.PanierResumePage_RefCDE[b-52g03bn0pt] {
    text-align: center;
    font-size: 25px;
    margin-top: 20px;
}

.PanierResumePage_ResumeGlobal[b-52g03bn0pt] {
    overflow-y: auto;
}

    .PanierResumePage_ResumeGlobal > div[b-52g03bn0pt] {
        /*text-align: center;*/
        font-size: 15px;
        margin-top: 30px;
        margin-bottom: 10px;
    }

.PanierResumePage_ResumePrix[b-52g03bn0pt] {
    font-size: 18px;
    margin-bottom: 5px;
}

.PanierResumePage_ResumePrixTotal[b-52g03bn0pt] {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 5px;
}
/*fichier panierrenume.css*/
.tabResume[b-52g03bn0pt], .TabLigneResume[b-52g03bn0pt], .TabLigneResumeTot[b-52g03bn0pt], .TabLigneResumeTotRight[b-52g03bn0pt] {
    color: #333;
}

.tabResume[b-52g03bn0pt] {
    width: 75%;
    margin: auto;
}

.adresseResume[b-52g03bn0pt], .clientResume[b-52g03bn0pt], .dateResume[b-52g03bn0pt] {
    background: white;
    border: solid 1px #ddd;
    border-radius: 25px;
    padding: 14px;
}

.TabLigneResume[b-52g03bn0pt] {
    width: 95%;
    margin-left: 5%;
    margin: auto;
    border-radius: 15px;
    background: white;
    /* padding: 10px;
    overflow-y: scroll;
    height: 200px;*/
}

.datetxt[b-52g03bn0pt] {
    line-height: 54px;
}

#AffichagePrint[b-52g03bn0pt] {
    display: none;
}

.TabLigneResumeTot[b-52g03bn0pt] {
    width: 75%;
    margin-left: 5%;
    text-align: end;
    margin-right: 5%;
    margin-top: 1%;
    padding: 10px;
    margin: auto;
}

.TabLigneResumeTotRight[b-52g03bn0pt] {
    float: right;
    background: white;
    border-radius: 15px;
    padding: 10px;
}

.TableRecap[b-52g03bn0pt] {
    table-layout: auto;
    width: 100%;
}

    .TableRecap > tr[b-52g03bn0pt] {
        background-color: lightgrey;
    }


.btnPrint[b-52g03bn0pt] {
    color: white !important;
}

    .btnPrint:hover[b-52g03bn0pt] {
        color: white !important;
        text-decoration: none !important;
    }
/* _content/Colinternet/Pages/PDFViewerPage.razor.rz.scp.css */
.PdfViewer[b-yfse4jqdwj] {
    height: 5%;
    width: 100%;
    background: #232f3e !important;
    color: white !important;
    position: initial;
    z-index: initial;
    white-space: nowrap;
    padding: 0.5rem;
    padding-top: 0rem;
}

.TitrePDF[b-yfse4jqdwj] {
    height: 100%;
    overflow: hidden;
    background-color: #232f3e;
    width: 100%;
    margin: auto;
    width: 100%;
    padding: 0rem 1rem 0.2rem 1rem;
    padding-top: 7px;
    border: 1px solid #555;
}


[b-yfse4jqdwj] .e-spinner-pane {
    display : none !important;
}   


[b-yfse4jqdwj] .e-toolbar, [b-yfse4jqdwj] .e-toolbar .e-toolbar-items {
    background: none !important;
    border: none !important
}

/* .e-toolbar-items {
    background: none !important;
    border: none !important
}*/

[b-yfse4jqdwj] .e-menu-container ul {
    background: #232f3e !important;
    color: white !important
}

    [b-yfse4jqdwj] .e-menu-container ul .e-menu-item .e-caret {
        color: white !important
    }

    [b-yfse4jqdwj] .e-menu-container ul .e-menu-item.e-selected {
        color: white !important;
        font-weight: 400
    }

    [b-yfse4jqdwj] .e-menu-container ul.e-lib .e-menu-item.e-focused {
        color: white !important;
        font-weight: 600
    }

    [b-yfse4jqdwj] .e-menu-container ul .e-menu-item.e-focused {
        color: #232f3e !important;
        font-weight: 400
    }
/* _content/Colinternet/Shared/MainLayout.razor.rz.scp.css */
.MainLayout[b-a8tsa5urnj] {
    position: relative;
}
.page[b-a8tsa5urnj] {
    position: relative;
    display: flex;
    flex-direction: column;
}
footer[b-a8tsa5urnj]{
    position: relative;
    bottom: 0;
}

main[b-a8tsa5urnj] {
    flex: 1;
}

.sidebar[b-a8tsa5urnj] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-a8tsa5urnj] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-a8tsa5urnj]  a, .top-row .btn-link[b-a8tsa5urnj] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-a8tsa5urnj] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-a8tsa5urnj] {
        display: none;
    }

    .top-row.auth[b-a8tsa5urnj] {
        justify-content: space-between;
    }

    .top-row a[b-a8tsa5urnj], .top-row .btn-link[b-a8tsa5urnj] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-a8tsa5urnj] {
        flex-direction: row;
    }

    .sidebar[b-a8tsa5urnj] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-a8tsa5urnj] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-a8tsa5urnj], article[b-a8tsa5urnj] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}


/*Propulse par colinternet */
.footerMerchandising[b-a8tsa5urnj] {
    display: flex;
    height: 3vh;
    width: 100vw;
    background: #CBCBCB 0% 0% no-repeat padding-box;
}

    .footerMerchandising p[b-a8tsa5urnj] {
        font: normal normal normal 20px/27px Open Sans;
        letter-spacing: 0px;
        color: #000000;
        margin: auto;
        text-align: center
    }

.transitionFooter[b-a8tsa5urnj] {
    transition: all 0.3s ease-in-out;
}

    .transitionFooter p[b-a8tsa5urnj] {
        font: normal normal normal 15px/20px Open Sans;
    }

.glyphiconFooter[b-a8tsa5urnj] {
    font-size: 9px;
    margin-left: 1vw;
    font-weight: 500;
}

.footerMerchandising span[b-a8tsa5urnj] {
    cursor: pointer;
}