<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
* Style.css main style file
*/

@import url(box-min.css);
@import url(popup-min.css);
@import url(retourHaut-min.css);
@import url('../scripts/cookiesNotice/style-min.css');
@import url(contenuPerso-min.css);
/*
@import url(popup-min.css);
@import url(slideShow-min.css);
@import url(configurateur-min.css);
@import url(contenuPerso-min.css);
*/

:root {
    --main-bg-color: #fff;
    --menu-font-color:#fff;
    --dark-color:#111;
    --dark-gray:rgb(66,66,66);
    --medium-gray:rgb(158,158,158);
    --light-gray:rgb(242,242,242);
    --second-color:#9ad42d;/*#86b62c;*/
    --second-color-alpha:rgba(154,212,45,0.8);
    --third-color:rgb(2,146,219);
    --fourth-color:rgb(213,255,219);
    --dark-red:rgb(210,25,25);
    --fifth-color:#5b7b1e;
    --sixth-color:#ffa600;
    --seventh-color:#ce9903;
    --transparent-color:rgba(100,100,100,0.5);
    --transition-time: .5s;
}
::selection {
    background-color: var(--second-color);
    color:#fff;
}

::-webkit-input-placeholder { /* Edge */
    color: var(--medium-gray);
}

:-ms-input-placeholder { /* Internet Explorer */
    color: var(--medium-gray);
}

::placeholder {
    color: var(--medium-gray);
}
@font-face {
    font-family: GR;
    src: url("./fonts/Gravity-Regular.ttf");
}

@font-face {
    font-family: GL;
    src: url("./fonts/Gravity-Light.otf");
}

@font-face {
    font-family: GUL;
    src: url("./fonts/Gravity-UltraLight.ttf");
}
.morecontent span {
    display: none;
}
.morelink {
    display: block;
}

body {
    background-color: var(--main-bg-color);
    font-family: "GR", sans-serif;
}

ul, p {
    margin:0;
    padding: 0;
}

textarea:focus, input:focus {
    outline: none;
}
.fauxlien {
    cursor:pointer;
}
/*firefox*/
/*html{
    scrollbar-color: #128612 #004E00;
}


html {
    --scrollbarBG: #128612;
    --thumbBG: #004E00;
}

body::-webkit-scrollbar {
    width: 11px;
}

body {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

body::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
}

body::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG) ;
    border-radius: 6px;
    border: 3px solid var(--scrollbarBG);
}*/


.flex{
    display: flex;
}

/*BG IMAGE*/
.bg-image{
    /*background-image: url('../images/fond.jpg');
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -2;*/
}

.bg-color{
    /*position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 50.5vw;
    z-index: -1;
    background-color: var(--transparent-color);*/
}

#netreviewsWidgetNum14929widget09av {
    top: 35% !important;
}

/*CSS IBTISSAM*/
.titre_colonne{
    width: 99%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5vw;
    text-align: right;
    font-size: 1.5vw;
}
.ic-cart, .ic-undo, .ic-info, .ic-pin, .ic-gift, .ic-truck, .ic-lock, .ic-lock1, .ic-time, .ic-medkit, .ic-upload, .ic-upload1, .ic-upload-short, .ic-laptop, .ic-wishlist1, .ic-demandeRetour1, .ic-achats, .ic-adresses, .ic-reductions {
    display:flex;  
}
.rubrique &gt; .ic-cart, .rubrique &gt; .ic-achats {
    order: 0;
}
/*
.rubrique &gt; .ic-undo {
    order: 1;
}
*/
.rubrique &gt; .ic-demandeRetour1 {
    order: 1;
}
.rubrique &gt; .ic-medkit {
    order: 2;
}
.rubrique &gt; .ic-info {
    order: 3;
}
.rubrique &gt; .ic-truck, .rubrique &gt; .ic-adresses {
    order: 4;
}
.rubrique &gt; .ic-time {
    order: 5;
}
.rubrique &gt; .ic-gift, .rubrique &gt; .ic-reductions {
    order: 6;
}
/*
.rubrique &gt; .ic-pin {
    order: 7;
}
*/
.rubrique &gt; .ic-wishlist1 {
    order: 7;
}
.rubrique &gt; .ic-upload, .rubrique &gt; .ic-upload1{
    order: 8;
}
.rubrique &gt; .ic-upload-short {
    order: 10;
}
.rubrique &gt; .ic-lock, .rubrique &gt; .ic-lock1 {
    order: 9;
}
.rubrique &gt; .remove {
    order: 10;
}
.rubrique &gt; .remove2 {
    order: 10;
}
.rubrique .sousRubrique:not(.ic-lock):not(.ic-lock1) .iconRubrique{
    width: 30%;
    flex-direction: row;
    display: flex;
}
.rubrique .sousRubrique:not(.ic-lock):not(.ic-lock1) .iconRubrique &gt; i{
    width: 100%;
    color: gray;
    font-size: 3.6vw;
    margin-top: 1vw;
    text-align: center;
}
.rubrique .sousRubrique:not(.ic-lock):not(.ic-lock1) .infoRubrique {
    width: 70%;
    flex-direction: column;
    display: flex;
}
.rubrique .sousRubrique:not(.ic-lock):not(.ic-lock1) .infoRubrique .titreRubrique{
    width: 100%;
    font-size: 1.2vw;
    font-weight: bold;
    color: darkgrey;
    margin: auto;
    height: 2.7vw;
    display: inherit;
    align-items: center;
    vertical-align: middle;
    overflow: hidden;
}
.rubrique .sousRubrique:not(.ic-lock):not(.ic-lock1) .infoRubrique .texteRubrique{
    width: 100%;
    font-size: 0.9vw;
    margin: auto;
    height: 5vw;
    align-items: center;
    overflow: hidden;
}
.rubrique .sousRubrique:not(.ic-lock):not(.ic-lock1) .infoRubrique .buttonRubrique{
    margin-top: 1vw;
    width: 100%;
    font-size: 1vw;
    height: 2vw;
}
.infoRubrique .buttonRubrique .ui.button {
    padding: 0px;
}
.rubrique .sousRubrique:not(.ic-lock):not(.ic-lock1) .infoRubrique .buttonRubrique &gt; button{
    margin: auto;
    border-radius: 0vw;
    font-size: 1vw;
    float: right;
    width: 7.5vw;
    border: none;
    color: #fff;
    background-color: #8bbb45;
    height: 1.8vw;
    cursor: pointer;
}
.rubrique .sousRubrique:not(.ic-lock):not(.ic-lock1) .infoRubrique .buttonRubrique &gt; button &gt; div:first-child{
    font-size: 0.9vw;
    width: 100%;
    font-weight: normal;
    text-transform: capitalize;
}
.rubrique .sousRubrique:not(.ic-lock):not(.ic-lock1) .infoRubrique .buttonRubrique .desactive{
    background: lightgrey;
}
.rubrique .sousRubrique.ic-lock, .rubrique .sousRubrique.ic-lock1, .rubrique .sousRubrique.ic-upload-short:not(.up), .rubrique .sousRubrique.ic-upload1:not(.up){
    width: 31%;
    background:white;
    position: relative;
    height: 4vw;
}
.rubrique .sousRubrique.ic-lock .iconLock,.rubrique .sousRubrique.ic-lock1 .iconLock, .rubrique .sousRubrique.ic-upload-short .iconUploadShort, .rubrique .sousRubrique.ic-upload1 .iconUploadShort {
    flex-direction: row;
    display: flex;
    margin: auto;
    width: 30%;
}
.rubrique .sousRubrique.ic-upload-short .iconLock, .rubrique .sousRubrique.ic-upload1 .iconLock{
    flex-direction: row;
    display: flex;
    margin: auto;
    width: 30%;
}
.rubrique .sousRubrique.ic-upload-short .iconLock i, .rubrique .sousRubrique.ic-upload1 .iconLock i{
    color: gray;
    font-size: 3.6vw;
    margin: auto;
}

.rubrique .sousRubrique.ic-upload-short .titreIconLock, .rubrique .sousRubrique.ic-upload1 .titreIconLock{
    flex-direction: column;
    display: flex;
    margin: auto;
    width: 70%;
}
.rubrique .sousRubrique.ic-upload-short .titreIconLock div, .rubrique .sousRubrique.ic-upload1 .titreIconLock div{
    font-size: 1.2vw;
    font-weight: bold;
    color: gray;
    cursor: pointer;
    width: 100%;
}
.rubrique .sousRubrique.ic-lock .iconLock &gt; i, .rubrique .sousRubrique.ic-lock1 .iconLock &gt; i {
    color: black;
    font-size: 3.6vw;
    margin: auto;
}
.rubrique .sousRubrique.ic-lock .titreIconLock, .rubrique .sousRubrique.ic-lock1 .titreIconLock {
    flex-direction: column;
    display: flex;
    margin: auto;
    width: 70%;
}
.rubrique .sousRubrique.ic-lock .titreIconLock &gt; div, .rubrique .sousRubrique.ic-lock1 .titreIconLock &gt; div{
    font-size: 1.2vw;
    font-weight: bold;
    color: black;
    cursor: pointer;
    width: 100%
}
#entetePrincipale {
    background-color: #e5e5e5;
    width:100%;
    overflow: hidden;
}
#colonnePrincipale.Support .titreSupport{
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5vw;
    text-align: right;
    font-size: 1.5vw;
    width: 100%; 
    text-transform: uppercase;
}
.boutonAfficherReponse{
    margin-bottom: 3vw;
    border-top-width: 0.2vw;
    padding-top: 1vw;
    font-size: 1vw;
}
.boutonAfficherReponse &gt; button{
    font-size: 0.9vw;
    font-weight: bold;
    cursor: pointer;
    background-color: darkgrey;
    margin-left: 1vw;
    float: right;
    width: 9vw;
    border-radius: 4px;
    height: 2.2vw;
    border: none;
    padding-top: 0;
    margin: 0;
}
.formNewResponse{
    font-size: 1vw;   
}
.formNewResponse &gt; form{
    border: 0.1vw solid darkgray;
    border-radius: 0.4vw;
    border-width: thin;
    text-align: center;
    font-size: 0.9vw!important;
    margin-top: 0.2vw;
    float: right;
    width: 92%;
}
.formNewResponse &gt; form .sujet,.formNewResponse &gt; form .message{
    display: flex;
}
.formNewResponse &gt; form .sujet .titre{
    position: relative;
    margin-top: 1vw;
    width: 10vw;
    font-weight: bold;
    height: 2vw;
    TEXT-ALIGN: right;
    margin-right: 1vw; 
}
.formNewResponse &gt; form .sujet .contenu{
    margin-top: 1vw;
    text-align: center;
}
.formNewResponse &gt; form .sujet .contenu input{
    margin-top: -0.4vw;
    font-size: 0.9vw;
    width: 31.9vw;
    background: darkgray;
    border-radius: 4px;
    border: none rgb(221, 221, 221);
    text-align: center;
    height: 1.5vw;
    margin-right: 1vw;
}
.formNewResponse &gt; form .message .titre{
    position: relative;
    margin-top: 1vw;
    width: 8.2vw;
    font-weight: bold;
    text-align: right;
    height: 2vw;
    margin-right: 1vw;
}
.formNewResponse &gt; form .message .contenu{
    margin-right: 1vw;
    font-size: 0.9vw;
}
.formNewResponse &gt; form .message .contenu textarea{
    border-color: rgb(221, 221, 221);
    width: 31.8vw;
    height: 10vw;
}
.formNewResponse &gt; form .envoyer{
    overflow: hidden;
    margin-bottom: 1vw;
    border-top-width: 0.2vw;
    padding-top: 1vw;
    font-size: 1vw; 
}
.formNewResponse &gt; form .envoyer button{
    font-size: 0.9vw;
    font-weight: bold;
    cursor: pointer;
    background-color: darkgrey;
    width: 9vw;
    border-radius: 4px;
    height: 2vw;
    border: none;
    padding-top: 0;
    margin: 0;
    margin-left: 9vw;
    margin-bottom: 0.2vw;
}
#conteneurFicheArticle{
    margin-bottom: 0.9vw;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-content: space-around;
}
#conteneurFicheArticleCompte{
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-content: space-around;
}
#conteneurFicheArticleCompte.conteneurFicheArticleMesInfos{
    width: 100%;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-content: space-around;
}
#conteneurFicheArticle .blockMessages{
    width: 71%;
    padding-right: 1.1vw;
}
#conteneurFicheArticle .blockMessages &gt; h2{
    margin-top: 0vw;
    color:dimgrey;
    margin-left:0.5vw;
    font-size: 1.4vw;
}
#conteneurFicheArticle .blockMessages &gt; .enteteTableauFond.support{
    width:100%;
    display:flex;
    background-color: darkgrey;
    height: 2.2vw;
}
#conteneurFicheArticle .blockMessages .enteteTableauFond.support .colonne1{
    font-size:1vw;
    width: 5%;
    margin-top: auto;
    margin-bottom: auto;
}
#conteneurFicheArticle .blockMessages .enteteTableauFond.support .colonne2{
    font-size:1vw;
    width: 40%;
    margin-top: auto;
    margin-bottom: auto;
    font-weight:bold;
}
#conteneurFicheArticle .blockMessages .enteteTableauFond.support .colonne3{
    font-size:1vw;
    width: 12.5%;
    margin-top: auto;
    margin-bottom: auto;
    font-weight:bold;
}
#conteneurFicheArticle .blockMessages .enteteTableauFond.support .colonne4{
    font-size:1vw;
    width: 12.5%;
    margin-top: auto;
    margin-bottom: auto;
    font-weight:bold;
}
#conteneurFicheArticle .blockMessages .enteteTableauFond.support .colonne5{
    font-size:1vw;
    width: 20%;
    margin-top: auto;
    margin-bottom: auto;
    font-weight:bold;
    text-align: center;
}
#conteneurFicheArticle .blockMessages .enteteTableauFond.support .colonne6{
    font-size:1vw;
    width: 10%;
    margin-top: auto;
    margin-bottom: auto;
    font-weight:bold;
    text-align:center;
}
#conteneurFicheArticle .blockMessages .ligneTableau.support{
    width:100%;
    display:flex;
    height:3vw;
}
#conteneurFicheArticle .blockMessages .ligneTableau.support &gt; div{
    font-size: 0.9vw!important;
}
#conteneurFicheArticle .blockMessages .ligneTableau.support .caseTableau.colonne1 &gt; i{
    position: absolute;
    top: 35%;
    left: 30%;
}
#conteneurFicheArticle .blockMessages .ligneTableau.support .caseTableau.colonne2{
    font-size: 1vw;
    width:40%;
    margin-top:auto;
    margin-bottom:auto;
    font-weight:bold;
}
#conteneurFicheArticle .blockMessages .ligneTableau.support .caseTableau.colonne3{
    font-size: 1vw;
    width:12.5%;
    margin-top:auto;
    margin-bottom:auto;
    font-weight:bold;

}
#conteneurFicheArticle .blockMessages .ligneTableau.support .caseTableau.colonne4{
    font-size: 1vw;
    width:12.5%;
    margin-top:auto;
    margin-bottom:auto;
    font-weight:bold;

}
#conteneurFicheArticle .blockMessages .ligneTableau.support .caseTableau.colonne5{
    font-size: 1vw;
    width:20%;
    margin-top:auto;
    margin-bottom:auto;
    text-align: center;
    font-weight:bold;
}
#conteneurFicheArticle .blockMessages .ligneTableau.support .caseTableau.colonne6{
    font-size: 1vw;
    width:10%;
    position:relative;
    text-align:center;
    cursor:pointer;
}
#conteneurFicheArticle .blockMessages .ligneTableau.support .caseTableau.colonne6 &gt; i{
    position: absolute;
    top: 40%;
    left: 40%;
    color: red;
}

#conteneurFicheArticle .blockMessages .enteteTableauFond.demande{
    width: 100%;
    display: flex;
    background-color: darkgrey;
    height: 2vw;
    font-weight: bold;
}
#conteneurFicheArticle .blockMessages .enteteTableauFond.demande &gt; div{
    font-size: 100%;
    margin-top: auto;
    margin-bottom: auto; 
}
#conteneurFicheArticle .blockMessages .enteteTableauFond.demande .colonne1{
    width: 5%;
}

#conteneurFicheArticle .blockMessages .enteteTableauFond.demande .colonne2{
    width: 20%;
}
#conteneurFicheArticle .blockMessages .enteteTableauFond.demande .colonne3{
    width: 20%;
}
#conteneurFicheArticle .blockMessages .enteteTableauFond.demande .colonne4{
    width: 15%;
}
#conteneurFicheArticle .blockMessages .enteteTableauFond.demande .colonne5{
    width: 15%;
}
#conteneurFicheArticle .blockMessages .enteteTableauFond.demande .colonne6{
    width: 15%;
}
#conteneurFicheArticle .blockMessages .enteteTableauFond.demande .colonne7{
    width: 10%;
}
#conteneurFicheArticle .blockMessages &gt; div{
    font-size: 0.8vw;
}
#conteneurFicheArticle .blockMessages .ligneTableau.demande{
    width: 100%;
    display: flex;
    height: 2vw;
}
#conteneurFicheArticle .blockMessages .ligneTableau.demande &gt; div{
    font-size: 100%;
    margin-top: auto;
    margin-bottom: auto;
}
#conteneurFicheArticle .blockMessages .ligneTableau.demande .colonne1 &gt; i{
    position: absolute;
    top: -0.4vw;
    left: 0.75vw;
    font-size: 0.9vw;
}
#conteneurFicheArticle .blockMessages .ligneTableau.demande .colonne2{
    width: 20%;
}
#conteneurFicheArticle .blockMessages .ligneTableau.demande .colonne3{
    width: 20%;  
}
#conteneurFicheArticle .blockMessages .ligneTableau.demande .colonne4{
    width: 15%;
}
#conteneurFicheArticle .blockMessages .ligneTableau.demande .colonne5{
    width: 15%;
}
#conteneurFicheArticle .blockMessages .ligneTableau.demande .colonne6{
    width: 15%;
}
#conteneurFicheArticle .blockMessages .ligneTableau.demande .colonne7{
    width: 10%;
    text-align: center;
}
#conteneurFicheArticle .blockMessages .infosDemandeRetour{
    border-width: 0.1vw 0 0!important;
    border-style: solid;
    border-color: rgb(170, 170, 170);
    border-image: initial;
    background-color: rgb(244, 244, 244);
    padding: 0.8vw!important;
    width: 96.7%!important;
    margin-bottom: 1vw!important;
}
#conteneurFicheArticle .blockMessages &gt; a.demande{
    width: 22vw;
    float: right;
    font-size: 1vw;
    margin-top: 1vw;
    border-radius: 0;
}
#conteneurFicheArticle .blockMessages.Achat .texteIntroCompte{
    margin-bottom: 0.5vw;
    display: none;
}
#conteneurFicheArticle .blockMessages .texteIntroCompte{
    margin-bottom: 0.5vw;
}
#conteneurFicheArticle .blockMessages .infosDemandeRetour .ligneSimple{
    width: 100%;
}
#conteneurFicheArticle .blockMessages .infosDemandeRetour .ligneSimple &gt; div &gt; div{
    margin-bottom: 0.1vw;
    font-size: 1vw;
}
#conteneurFicheArticle .blockMessages .infosDemandeRetour .ligneSimple &gt; div &gt; div:first-letter{
    text-transform: uppercase;
}
#conteneurFicheArticle .blockMessages .infosDemandeRetour .ligneSimple &gt; div &gt; div &gt; label{
    font-weight: bold;
    text-transform: lowercase;
}
#conteneurFicheArticle .blockMessages .infosDemandeRetour .ligneSimple &gt; div &gt; div &gt; label:first-letter{
    text-transform: uppercase!important;
}
#colonnePrincipale.Achat #conteneurFicheArticle .blockMessages{
    padding-right: 0vw;
    width: 73%;
}
#conteneurFicheArticle .blockMessages .enteteTableauFond.achat{
    width: 100%;
    display: flex;
    background-color: #b4b4b4;
    height: 2vw;
    font-weight: bold;
    font-size: 0.9vw;
    color: white;
}
#conteneurFicheArticle .blockMessages .enteteTableauFond.achat &gt; div{
    padding-right: 0.2vw;
    font-size: 100%;
    margin-top: auto;
    margin-bottom: auto;
}
#conteneurFicheArticle .blockMessages .enteteTableauFond.achat .colonne1{
    width: 3%;
}
#conteneurFicheArticle .blockMessages .enteteTableauFond.achat .colonne2{
    width: 7%;
}
#conteneurFicheArticle .blockMessages .enteteTableauFond.achat .colonne3{
    width: 18%;
}
#conteneurFicheArticle .blockMessages .enteteTableauFond.achat .colonne4{
    width: 8%;
}
#conteneurFicheArticle .blockMessages .enteteTableauFond.achat .colonne5{
    width: 14%;
}
#conteneurFicheArticle .blockMessages .enteteTableauFond.achat .colonne6{
    width: 16%;
}
#conteneurFicheArticle .blockMessages .enteteTableauFond.achat .colonne7{
    width: 23.5%;
}
#conteneurFicheArticle .blockMessages .enteteTableauFond.achat .colonne8{
    width: 7%; 
}
#conteneurFicheArticle .blockMessages .ligneTableau.achat &gt; div{
    padding-right: 0.2vw;
    font-size: 0.65vw;
    margin-top: auto;
    margin-bottom: auto;
}
#conteneurFicheArticle .blockMessages .ligneTableau.achat .colonne1 &gt; i{
    position: absolute;
    top: 0.6vw;
    left: 0.3vw;
    width: 0.7vw;
    font-size: 0.7vw;
    height: 0.7vw;
}
#conteneurFicheArticle .blockMessages .ligneTableau.achat &gt; div &gt; span{
    width: 100%;
    display: block;
    height: 100%;
}
#conteneurFicheArticle .blockMessages .ligneTableau.achat .colonne2{
    width: 7%;
}
#conteneurFicheArticle .blockMessages .ligneTableau.achat .colonne3{
    width: 18%;  
}
#conteneurFicheArticle .blockMessages .ligneTableau.achat .colonne4{
    width: 8%;
}
#conteneurFicheArticle .blockMessages .ligneTableau.achat .colonne5{
    width: 14%;
}
#conteneurFicheArticle .blockMessages .ligneTableau.achat .colonne6{
    width: 16%;
}
#conteneurFicheArticle .blockMessages .ligneTableau.achat .colonne7{
    width: 23.5%;
    text-align: center;
}
#conteneurFicheArticle .blockMessages .ligneTableau.achat .colonne8{
    text-align: center;
    width: 7%; 
}
#conteneurFicheArticle .blockMessages .ligneTableau.achat .colonne8 &gt; div{
    font-size: 100%;
}
#conteneurFicheArticle .blockMessages .ligneTableau.achat .colonne8 &gt; div &gt; img,#conteneurFicheArticle .blockMessages .ligneTableau.achat .colonne8 &gt; a &gt; img{
    margin-right: 0.2vw!important;
    font-size: 0.9vw;
    width: 0.9vw;
    height: 0.9vw;
    cursor: pointer;
}
#conteneurFicheArticle .blockMessages .ligneTableau.achat{
    width: 100%;
    display: flex;
    height: 2vw;
    font-size: 0.9vw;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierEntete.court{
    display: flex;
    text-align: center;
    font-size: 0.9vw;
    font-weight: bold;
    height: 2vw;
    margin-bottom: 0.1vw;
    flex-wrap: wrap;
    background: #9c9c9c;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierEntete.court &gt; div{
    margin-top: auto;
    margin-bottom: auto;
    background-color: #9c9c9c;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierEntete.court .description{
    width: 50%;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierEntete.court .prix{
    width: 20%;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierEntete.court .quantite{
    width: 15%;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierEntete.court .total{
    text-align: center;
    width: 15%;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanier.court{
    background-color: #7c7c7c!important;
    display: flex;
    padding: 1vw;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 1.5vw;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanier.court .vignettePanier{
    width: 20%;    
    display: flex;
    border: none;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanier.court .vignettePanier &gt; a{
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanier.court .vignettePanier &gt; a &gt; img{
    height: 100%;
    width: 100%;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanier.court .description{
    width: 30%;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanier.court .description .lignePanier_titre{
    margin-top: 0.4vw;
    width: 100%;
    height: 65%;
    color: white;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanier.court .description .lignePanier_options{
    height: 30%;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanier.court .description .lignePanier_options &gt; a{
    height: 100%;
    display: inline-block;
    width: 50%;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.76vw;
    text-transform: uppercase;
    color: #59b5b9;
    line-height: 1.5vw;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanier.court .prix{
    width: 20%;
    margin-right: 0;
    text-align: center;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanier.court .prix &gt; div{
    color: #98d12e!important;
    height: 100%;
    width: 100%;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanier.court .quantite{
    text-align: center;
    width: 15%;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanier.court .quantite &gt; div &gt; input{
    width: 2vw!important;
    background: #7c7c7c!important;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanier.court .total{
    text-align: center;
    width: 15%;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanier.court .total &gt; div{
    padding-right: 0vw!important;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierFraisCadre{
    padding-top: 0!important;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierFraisCadre .contenu{
    height: 2.5vw;
    margin: 0!important;
    display: flex;
    background: #4c4c4c;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierFraisCadre .contenu .cadre{
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    width: 88%; 
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierFraisCadre .contenu .cadre &gt; div{
    height: 100%;
    font-size: 0.9vw;
    color: white;
    line-height: 2.5vw;
    display: flex;
    width: 70%;
    order: 2;
    text-align: left;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierFraisCadre .contenu .cadre &gt; div &gt; div{
    order: 3;
    width: 15%;
    overflow: hidden;
    margin-left: 0vw;
    margin-top: 0vw;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierFraisCadre .contenu .cadre &gt; div &gt; div &gt; img{
    padding-left: 0;
    border: 0.1vw solid #4c4c4c;
    display: block;
    width: 100%;
    height: 100%;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierFraisCadre .contenu .cadre &gt; i{
    color: white;
    line-height: 2.5vw;
    order: 1;
    width: 22%;
    text-align: center;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierFraisCadre .contenu .prix{
    line-height: 2.5vw;
    width: 10%;
    padding-right: 2.5%;
    text-align: center;
    font-weight: 600;
    font-size: 1.2vw;
    color: var(--second-color);
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierFraisCadre .CoordonnÃ©esAchat{
    margin-top: 0!important;
    margin-bottom: 0!important;
    font-size: 1vw;
    overflow: hidden;
    background: #7c7c7c!important;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierFraisCadre .CoordonnÃ©esAchat .cadre &gt; div{
    color: white;
    padding-top: 1vw;
    text-align: right;
    padding-right: 1vw; 
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierFraisCadre .CoordonnÃ©esAchat .cadre &gt; div:nth-child(2){
    padding-top: 0!important;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierFraisCadre .CoordonnÃ©esAchat .cadre &gt; div .vignetteAdresse{
    background: #7c7c7c!important;
    border: none!important;
    text-align: right;
    padding-top: 0.5vw;
    padding-right: 0.6vw!important;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierFraisCadre .CoordonnÃ©esAchat .cadre &gt; div .vignetteAdresse &gt; div{
    margin-top: 0.2vw!important;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierFraisCadre .CoordonnÃ©esSuivi{
    margin-top: 0!important;
    margin-bottom: 0!important;
    font-size: 1vw;
    overflow: hidden;
    background: #7c7c7c!important;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierFraisCadre .CoordonnÃ©esSuivi .cadre &gt; div:first-child{
    color: white;
    text-align: right;
    padding-right: 1vw;  
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierFraisCadre .CoordonnÃ©esSuivi .cadre &gt; div:nth-child(2){
    overflow: hidden;
    color: white;
    padding-top: 0;
    text-align: right;
    padding-right: 1vw;
    padding-top: 0!important;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierFraisCadre .CoordonnÃ©esSuivi .cadre &gt; div:nth-child(2) .vignetteAdresse{
    float: right!important;
    background: #7c7c7c!important;
    border: none!important;
    text-align: right!important;
    padding-top: 0.5vw!important;
    padding-right: 0.6vw!important;
} 

#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierFraisCadre .CoordonnÃ©esSuivi .cadre &gt; div:nth-child(2) .vignetteAdresse .codeSuiviColis &gt; a{
    color: black;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierReduction.court{
    margin-left: auto;
    text-transform: uppercase;
    font-size: 1.2vw;
    color: white;
    margin-right: auto;
    width: 100%;
    display: flex;
    text-align: right;
    margin-top: 0!important;
    line-height: 2vw;
    height: fit-content;
    padding-bottom: 0.6vw;
    background: #7c7c7c!important;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierReduction.court .titre{
    width: 56%;
    padding-left: 3%;
    height: fit-content;
    margin-top: auto;
    margin-bottom: auto;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierReduction.court .prix2{
    width: 40%;
    padding-right: 3%;
    word-wrap: break-word;
    display: block;
    white-space: break-spaces;
    height: fit-content;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierTotal.court{
    background: #8cbc4c;
    margin-left: auto;
    font-size: 1.2vw;
    color: white;
    margin-right: auto;
    width: 100%;
    display: flex;
    text-align: right;
    margin-top: 0!important;
    line-height: 2vw;
    height: 2vw;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierTotal.court .titre{
    width: 59%;
    padding-left: 3%;
}
#conteneurFicheArticle .blockMessages .detailsAchat .lignePanierTotal.court .prix{
    width: 40%;
    padding-right: 3%;
}
.lignePanierFraisCadre .table-wrapper{
    font-size: 0.8vw;
    height: auto;
    text-align: left !important;
}
.lignePanierFraisCadre .table-wrapper .table-item{
    display: flex;
    background-color: #fff;
    margin-bottom: 0.5vw;
    padding-bottom: 0.5vw;
    padding-top: 0.5vw;
}
.lignePanierFraisCadre .table-wrapper .table-item .item.transp{
    display: flex;
    width: 20%;
    margin-right: 1vw;
    margin-left: 1vw;
    text-align: center;
}
.lignePanierFraisCadre .table-wrapper .table-item .item.transp &gt; img{
    width: 80%;
    display: block;
    margin-top: auto;
    margin-bottom: auto;
}
.lignePanierFraisCadre .table-wrapper .table-item .item.transp-free{
    width: 20%;
}
.lignePanierFraisCadre .table-wrapper .table-item .item.transp-free &gt; img{
    width: 11vw;
}
.lignePanierFraisCadre .table-wrapper .table-item .item.delai{
    width: 60%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 0.8vw;
}
.lignePanierFraisCadre .table-wrapper .table-item .item.delai .transporteurDelai{
    width: 100% !important;
    background-color: #EEE;
    border: 0.1vw solid #CCC;
    text-align: center;
    padding: 0.3vw;
    margin-bottom: 0.3vw;
    font-style: italic;
}
.lignePanierFraisCadre .table-wrapper .table-item .item.delai .estimation {
    text-align:center;

}
.lignePanierFraisCadre .table-wrapper .table-item .item.tarif{
    width: 20%;
    line-height: 5vw;
    font-weight: bold;
    color: #8cbc4c;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    font-size: 1vw;
    margin-left: 2vw;
}
.lignePanierFraisCadre .table-wrapper .table-item .item.tarif &gt; sup{
    display: flex;
    padding-top: 2.2vw;
}
#conteneurFicheArticle .blockMessages .detailsAchat .conteneurFicheArticlePlus{
    background: #7c7c7c!important;
    text-align: center!important;
    padding-bottom: 1vw!important;
}
#conteneurFicheArticle .blockMessages .detailsAchat .conteneurFicheArticlePlus &gt; h2{
    margin-top: 0.1vw!important;
    text-align: center;
    margin-bottom: 0.1vw;
    color: white;
    text-transform: uppercase;
    font-size: 1.2vw;
    font-weight: normal;
}
#conteneurFicheArticle .blockMessages .detailsAchat .conteneurFicheArticlePlus &gt; div:nth-child(2){
    margin-bottom: 0.5vw;
}
#conteneurFicheArticle .blockMessages .detailsAchat .conteneurFicheArticlePlus &gt; div:nth-child(2) &gt; span{
    margin-bottom: 0.1vw;
}
#conteneurFicheArticle .blockMessages .detailsAchat .conteneurFicheArticlePlus &gt; div:nth-child(3){
    display: flex;
    flex-wrap: wrap;
    font-size: 1vw; 
}
#conteneurFicheArticle .blockMessages .detailsAchat .conteneurFicheArticlePlus &gt; div:nth-child(3) &gt; div{
    margin-left: 4.55vw!important;
    width: 6.2vw;
    height: 6.2vw;
    margin-bottom: 0.4vw!important;
}
#conteneurFicheArticle .blockMessages .detailsAchat .conteneurFicheArticlePlus &gt; div:nth-child(3) &gt; div &gt; a &gt; img{
    width: 6.2vw!important;
    height: 6.2vw!important;
}
.blockFiltreAchat{
    border-left: 1px solid darkgray;
    border-width: medium;
    position: relative;
    flex-flow: column;
    padding-top: 0vw;
    padding-left: 1vw;
    align-items: center;
    margin-top: 2vw;
    width: 23%;
    text-align: center;
}

.blockFiltreAchat #colonneBlocks .block{
    flex-flow: column;
    padding: 0vw!important;
    align-items: center;
    text-align: center; 
}
.blockFiltreAchat #colonneBlocks .block .entete{
    text-align: center;
    margin-bottom: 2vw;
}
.blockFiltreAchat #colonneBlocks .block .entete .block_titre{
    text-align: center!important;
    width: 70%!important;
    font-size: 1.3vw!important;
}
.blockFiltreAchat #colonneBlocks .block .block_contenu{
    padding: 0;
}
.blockFiltreAchat #colonneBlocks .block .block_contenu &gt; div{
    padding-left: 0vw!important;
    padding-right: 0vw!important;
    padding-top: 1vw!important;
    padding: 1vw!important;
}
.blockFiltreAchat #colonneBlocks .block .block_contenu &gt; div &gt; form &gt; div:first-child{
    font-size: 1vw;
    width: 100%;
}
.blockFiltreAchat #colonneBlocks .block .block_contenu &gt; div &gt; form &gt; div:first-child &gt; span{
    float : left;
}
.blockFiltreAchat #colonneBlocks .block .block_contenu &gt; div &gt; form &gt; div:nth-child(2){
    margin-bottom: 1vw;
}
.blockFiltreAchat #colonneBlocks .block .block_contenu &gt; div &gt; form &gt; div:nth-child(2) &gt; input{
    height: 2vw!important;
    width: 95%!important;
    padding-left: 0.2vw!important;
    padding-right: 0.2vw!important;
    border: 1px solid var(--medium-gray);
    margin-top: 0.1vw!important;
    font-size: 1vw!important;
    border-radius: 0.5vw!important;
    border-color: lightgray!important;
    border-width: 0.2vw!important;
}
.blockFiltreAchat #colonneBlocks .block .block_contenu &gt; div &gt; form &gt; div:nth-child(3){
    font-size: 1vw;
    width: 100%;
}
.blockFiltreAchat #colonneBlocks .block .block_contenu &gt; div &gt; form &gt; div:nth-child(3) &gt; span{
    float: left;
}
.blockFiltreAchat #colonneBlocks .block .block_contenu &gt; div &gt; form &gt; div:nth-child(4){
    margin-bottom: 1vw; 
}
.blockFiltreAchat #colonneBlocks .block .block_contenu &gt; div &gt; form &gt; div:nth-child(4) &gt; input{
    height: 2vw!important;
    width: 95%!important;
    padding-left: 0.2vw!important;
    padding-right: 0.2vw!important;
    border: 1px solid var(--medium-gray);
    margin-top: 0.1vw!important;
    font-size: 1vw!important;
    border-radius: 0.5vw!important;
    border-color: lightgray!important;
    border-width: 0.2vw!important; 
}
.blockFiltreAchat #colonneBlocks .block .block_contenu &gt; div &gt; form &gt; div:nth-child(5){
    font-size: 1vw;
    width: 100%;
}
.blockFiltreAchat #colonneBlocks .block .block_contenu &gt; div &gt; form &gt; div:nth-child(5) &gt; span{
    float: left;
}
.blockFiltreAchat #colonneBlocks .block .block_contenu &gt; div &gt; form &gt; div:nth-child(6){
    margin-bottom: 1vw; 
}
.blockFiltreAchat #colonneBlocks .block .block_contenu &gt; div &gt; form &gt; div:nth-child(6) &gt; select{
    height: 2.3vw!important;
    width: 100%!important;
    padding-left: 0.2vw!important;
    border: 1px solid var(--medium-gray)!important;
    margin-top: 0.1vw!important;
    font-size: 1vw!important;
    border-radius: 0.5vw!important;
    border-color: lightgray!important;
    border-width: 0.2vw!important;
    padding-right: 0.2vw!important; 
}
.blockFiltreAchat #colonneBlocks .block .block_contenu &gt; div &gt; form &gt; div:nth-child(7){
    font-size: 1vw;
    width: 100%;
}
.blockFiltreAchat #colonneBlocks .block .block_contenu &gt; div &gt; form &gt; div:nth-child(7) &gt; span{
    float: left;
}
.blockFiltreAchat #colonneBlocks .block .block_contenu &gt; div &gt; form &gt; div:nth-child(8) &gt; input{
    height: 2vw!important;
    width: 95%!important;
    padding-left: 0.2vw!important;
    padding-right: 0.2vw!important;
    border: 1px solid var(--medium-gray);
    margin-top: 0.1vw!important;
    font-size: 1vw!important;
    border-radius: 0.5vw!important;
    border-color: lightgray!important;
    border-width: 0.2vw!important; 
}
.blockFiltreAchat #colonneBlocks .block .block_contenu &gt; div &gt; form &gt; div:nth-child(9){
    width: 100%!important;
    height: 3vw!important;
    margin-top: 1vw!important;
}
.blockFiltreAchat #colonneBlocks .block .block_contenu &gt; div &gt; form &gt; div:nth-child(9) &gt; input{
    background-color: #8cbc4c;
    color: white;
    text-align: center;
    height: 90%;
    margin-bottom: 3vh;
    font-size: 1vw;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    width: 100%;
    margin-top: 1vw; 
}
#conteneurFicheArticle #formNewMessage .newMessageForm{
    border: 0.1vw solid darkgray;
    border-radius: 0.4vw;
    border-width: thin;
    text-align: center;
    font-size: 0.9vw!important;
}
#conteneurFicheArticle #formNewMessage .newMessageForm .enteteForm{
    display: flex;
}
#conteneurFicheArticle #formNewMessage .newMessageForm .enteteForm .sujetForm{
    position: relative;
    margin-top: 1vw;
    width: 19vw;
    font-weight: bold;
    height: 2vw;
}
#conteneurFicheArticle #formNewMessage .newMessageForm .enteteForm .sujetForm &gt; span{
    font-size: 0.9vw;
    position: absolute;
    top: 1vw;
    left: 10.7vw;
}
#conteneurFicheArticle #formNewMessage .newMessageForm .enteteForm .selectForm{
    margin-top: 1vw;
    text-align: center;
}
#conteneurFicheArticle #formNewMessage .newMessageForm .enteteForm .selectForm &gt; select{
    margin-top: 0.4vw;
    font-size: 0.9vw;
    width: 31.9vw;
    background: darkgray;
    border-radius: 4px;
    text-align: center;
    height: 2.4vw;
    margin-right: 1vw;
}
#conteneurFicheArticle #formNewMessage .newMessageForm .enteteForm .inputForm{
    margin-top: 15px;
    text-align: center;
}
#conteneurFicheArticle #formNewMessage .newMessageForm .messageForm{
    display: flex;
}
#conteneurFicheArticle #formNewMessage .newMessageForm .messageForm .message{
    position: relative;
    margin-top: 1vw;
    width: 19vw;
    font-weight: bold;
    text-align: center;
    height: 2vw;
}
#conteneurFicheArticle #formNewMessage .newMessageForm .messageForm .message &gt; span{
    font-size:0.9vw;
    margin-left:4vw;
}
#conteneurFicheArticle #formNewMessage .newMessageForm .messageForm .areaMessage{
    margin-right: 1vw;
    margin-top: 0.8vw;
    font-size: 0.9vw;
}
#conteneurFicheArticle #formNewMessage .newMessageForm .messageForm .areaMessage &gt; textarea{
    width: 31.6vw;
    height: 10vw;
}
#conteneurFicheArticle #formNewMessage .newMessageForm .buttonFormMessage{
    margin-top:1vw; 
    margin-bottom: 2vw; 
    border: 0vw  solid rgb(170, 170, 170); 
    padding-top: 1vw; 
    overflow:hidden;
    font-size: 0.9vw;
    padding-bottom : 0.1vw;
}
#conteneurFicheArticle #formNewMessage .newMessageForm .buttonFormMessage &gt; button{
    font-size : 0.9vw;
    font-weight: bold;
    cursor: pointer;
    background-color: darkgrey;
    width: 12vw;
    height: 2.3vw;
    border: none;
    margin-left: 14vw;
}
#conteneurFicheArticle #boutonAfficherNewMessage{
    margin-bottom: 3vw;
    border: 0px solid rgb(170, 170, 170);
    border-top-width: 0.2vw;
    padding-top: 1vw;
}
#conteneurFicheArticle #boutonAfficherNewMessage &gt; button{
    font-size: 0.9vw;
    font-weight: bold;
    cursor: pointer;
    background-color: darkgrey;
    margin-left: 1vw;
    width: 12vw;
    border-radius: 4px;
    height: 2.2vw;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    border: none;
}
#conteneurFicheArticle .blockSupport{
    width: 27%;
    border-left: 1px solid darkgray;
    border-width: medium;
}
#conteneurFicheArticle .blockSupport &gt; a &gt; img{
    width: 100%;
}
.titreWishList{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5vw;
    text-align: right;
    font-size: 1.5vw;
}
#conteneurWishList{
    padding-left: 0.1vw;
    display: flex;
    margin-bottom: 0.5vw;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-content: space-around;
}
#conteneurWishList .wishList{
    float: left;
    flex-flow: column;
    width: 70%;
    overflow: hidden;
    margin-right: 0.4vw;
    position: relative;
    height: 40vw;
}
#conteneurWishList .wishList::-webkit-scrollbar {
    width: 0.4vw;
}
#conteneurWishList .wishList::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 0.4vw;
}
#conteneurWishList .wishList::-webkit-scrollbar-thumb {
    background: grey; 
    border-radius: 0.4vw;
}
#conteneurWishList .wishList::-webkit-scrollbar-thumb:hover {
    background: darkgrey; 
}
#conteneurWishList .wishList .sousTitreWishList {
    font-size: 1vw; 
}

#conteneurWishList .wishList .btnToutAjouterPanier{
    width:100%;
}
#conteneurWishList .wishList .btnToutAjouterPanier &gt; button{
    float:right;
    background-color: #82b12a;
    color: #fff;
    border: none;
    border-radius: 0.4vw;
    width: 30%;
    height: 2.4vw;
    margin-right: 1vw;
    margin-bottom: 1vw;
    cursor: pointer;
    text-align: center;
    font-size: 1vw;
}
#conteneurWishList .wishList .btnToutAjouterPanier &gt; button &gt; i{
    margin: 0;
}
#conteneurWishList .wishList .blockConsult{
    width: 97%;   
}
#conteneurWishList .wishList .titreWishList &gt; h2{
    margin: 0;
    text-align: left;
    margin-bottom: 0.6vw;
    font-size: 1.5vw;
}
#conteneurWishList .wishList .blockConsult .productInfo .titreCadre {
    margin-top: 0.5vw;
    height: 4.5vw;
    font-size: 1.5vw;
    margin-bottom: 0.2vw;
    margin-left: 0.2vw;
}
#conteneurWishList .wishList .blockConsult .productInfo .zoneBoutons {
    font-size: 1.2vw;
    display: flex;
    margin-right: 0.2vw;
    margin-left: 0.2vw;
}
#conteneurWishList .wishList .blockConsult .productInfo .zoneBoutons .productLink {
    background-color: #212121;
    color: white;
    height: 100%;
    cursor: pointer;
    font-size: 1.2vw;
}
#conteneurWishList .wishList .blockConsult .productInfo .zoneBoutons .lienSupprimer {
    background-color: rgb(66,66,66);
    color: white!important;
    border-radius: .3vw!important;
    font-size: 0.7vw!important;
    text-transform: uppercase;
    cursor: pointer;
    height: 80%;
    line-height: 1vw;
}
#conteneurWishList .wishList .blockConsult .description.WishList .consulteLe {
    font-style: italic;
    width: 100%;
    font-size: 1.3vw;
    margin-bottom: 0;
    margin-left: 0.2vw;
}

#conteneurWishList .wishList .blockConsult .productPriceCart .productCart &gt; i{
    float: right;
    margin-top: 0vw;
    margin-right: 1vw;
    font-size: 2vw;
    color: #666;
    cursor: pointer;
}
#conteneurWishList .LastConsult{
    position: relative;
    flex-flow: column;
    border-left: 1px solid var(--medium-gray);
    align-items: center;
    width: 29%;
    text-align: center;
}
#conteneurWishList .LastConsult .sousTitre{
    text-align: center;
    font-size: 1vw;
    padding: 1vw;
}
#colonnePrincipale .derniereConsultationsWishList{
    width: 29%;
}
#colonnePrincipale .derniereConsultationsWishList .titreDernieresConsultWishList{
    margin-bottom: 0.5vw;
    margin-top: 0vw;
    text-align: center;
    font-size: 1.25vw;
    height: fit-content;
    margin-left: auto;
    margin-right: auto;
    width: 93%;
}
#colonnePrincipale .derniereConsultationsWishList .BlockDernieresConsult{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    overflow: auto;
    height: fit-content;
}
#colonnePrincipale .derniereConsultationsWishList .BlockDernieresConsult::-webkit-scrollbar {
    width: 0.6vw;
}
#colonnePrincipale .derniereConsultationsWishList .BlockDernieresConsult::-webkit-scrollbar-thumb {
    background: grey;
    border-radius: 0.4vw;
}
#colonnePrincipale .derniereConsultationsWishList .BlockDernieresConsult::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 0.4vw;
}
#colonnePrincipale .derniereConsultationsWishList .BlockDernieresConsult .afficheurArticleMozaique{
    padding-top: 0vw;
    padding-bottom: 0.5vw;
    width: 100%;
}
#colonnePrincipale .derniereConsultationsWishList .BlockDernieresConsult .afficheurArticleMozaique .blocArticlesVisite{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: nowrap;
    color: white;
}
#colonnePrincipale .derniereConsultationsWishList .BlockDernieresConsult .afficheurArticleMozaique .blocArticlesVisite &gt; div.articleVisite.WishList{
    background: var(--dark-color);
    border: solid 3px var(--dark-color);
    width: 45%;
    align-self: stretch;
    margin-left: auto;
    display: inline-block;
    margin-right: 0.5vw;
    max-width: 100%;
}
#colonnePrincipale .derniereConsultationsWishList .BlockDernieresConsult .afficheurArticleMozaique .blocArticlesVisite &gt; div.articleVisite.WishList &gt; img{
    width: 100%;
}
#colonnePrincipale .derniereConsultationsWishList .BlockDernieresConsult .afficheurArticleMozaique .blocArticlesVisite &gt; div.articleVisite.WishList &gt; div.designationArticleVisite{
    vertical-align: middle;
    text-align: center;
    font-size: 0.8vw;
    height: 3vw;
    padding: 0.2vw;
    width: 96%;
    justify-content: center;
    display: flex;
    align-items: center;
}
#colonnePrincipale .derniereConsultationsWishList .BlockDernieresConsult .afficheurArticleMozaique .blocArticlesVisite &gt; div.articleVisite.WishList &gt; div.articleVisitePrix{
    text-align: center;
    font-size: 1.1vw;
    color: black!important;
    height: 1.7vw;
    width: 100%;
    padding-top: 0.2vw;
    display: inline-block;
}
#colonnePrincipale .derniereConsultationsWishList .BlockDernieresConsult .afficheurArticleMozaique .blocArticlesVisite &gt; div.articleVisite.WishList &gt; div.articleVisitePrix &gt; div.prix{
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}
#colonnePrincipale .titreInfoCompte{
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5vw;
    text-align: right;
    font-size: 1.5vw;
}
/*#colonnePrincipale.Support,#colonnePrincipale.demandeRetour,#colonnePrincipale.mesInformations,#colonnePrincipale.colonnePrincipaleAdresses{
    width: 80vw;
    margin: 0 auto;
}*/
/*#colonnePrincipale.colonnePrincipaleAdresses #enTeteAdresses, #colonnePrincipale #enTeteMesReductions {
    width: 100%;
    display: flex;
    position: relative;
}
#colonnePrincipale.colonnePrincipaleAdresses #enTeteAdresses #arbo, #colonnePrincipale #enTeteMesReductions #arbo{
    width: 100%;
}
#colonnePrincipale.colonnePrincipaleAdresses #enTeteAdresses #arbo .contenu,#colonnePrincipale #enTeteMesReductions #arbo .contenu{
    display: flex;
    width: 100%;
}
#colonnePrincipale.colonnePrincipaleAdresses #enTeteAdresses #arbo .contenu .go-back{
    float: right;
    font-size: 1.5vw;
}
#colonnePrincipale.colonnePrincipaleAdresses #enTeteAdresses #arbo .contenu .go-back &gt; button{
    height: 1.5vw;
    font-size: 1.5vw;
}
#colonnePrincipale.colonnePrincipaleAdresses #enTeteAdresses #arbo .contenu .fil-d-ariane{
    height: 1.5vw;
    font-size: 1.5vw;
}
#colonnePrincipale.colonnePrincipaleAdresses #enTeteAdresses #arbo .contenu .fil-d-ariane &gt; a{
    font-size: 0.6vw;
    font-weight: 500; 
}*/
#enTeteMesReductions{
    width: 100%;
}
#colonnePrincipale.colonnePrincipaleAdresses .titreArboAdresse{
    float: right;
    font-size: 2vw;
}
#conteneurFicheArticleCompte #contenu_formulaire{
    position: relative;
    width: 100%;
}
#conteneurFicheArticleCompte .changerMdp {
    width: 28%;
    text-align: center;
    border-left: 0.1vw solid grey;
}
#conteneurFicheArticleCompte .changerMdp span[id^='actualMdpShowBtn'] {
    float: right;
    font-size: 1.7vw;
    position: relative;
    bottom: 2.9vw;
    left: 0.5vw;
    color: darkgray;
}
#conteneurFicheArticleCompte .changerMdp #actualMdpShowBtn2 {
    bottom: 2.7vw;
}
#colonnePrincipale .soustitreInscription{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2vw;
    font-size: 0.94vw;
}
#conteneurFicheArticleDemandeRetour{
    display: flex;
    width: 100%;
    margin-left: auto;
    margin-right: auto; 
}
#conteneurFicheArticleDemandeRetour #contenu_formulaire{
    width: 100%;
}
#conteneurFicheArticleDemandeRetour #contenu_formulaireRetour{
    width: 70%;
}
#conteneurFicheArticleDemandeRetour #contenu_formulaire .zoneFormulaire{
    width: 100% 
}
#conteneurFicheArticleDemandeRetour #contenu_formulaire .zoneFormulaire .ui.form{
    display: flex;
    flex-wrap: wrap; 
}
#conteneurFicheArticleDemandeRetour #contenu_formulaire .zoneFormulaire .ui.form &gt; div{
    font-size: 1vw;
    width: 30%;
}
#conteneurFicheArticleDemandeRetour #contenu_formulaire .zoneFormulaire .ui.form &gt; div:not(#formulaire_ligne_commentaires):not(#formulaire_ligne_modele-de-machine-exemple-x555ld):not(#formulaire_ligne_numero-de-serie-de-la-machine-exemple-f8n0cj049272356) &gt; div:nth-child(2) &gt; input{
    display: block;
    width: 75%;
}
#conteneurFicheArticleDemandeRetour #contenu_formulaire .zoneFormulaire .ui.form &gt; div:not(#formulaire_ligne_numero-de-commande):not(#formulaire_ligne_raison-du-retour) &gt; div:nth-child(2) &gt; input{
    display: block;
    width: 100%;
}
#conteneurFicheArticleDemandeRetour #contenu_formulaire .zoneFormulaire .ui.form &gt; div &gt; div:nth-child(2) &gt; input{
    font-size: 1vw;
    border: solid lightgrey;
    border-width: 0.2vw;
    border-radius: 0.4vw;

}
#conteneurFicheArticleDemandeRetour #contenu_formulaire .zoneFormulaire .ui.form &gt; div &gt; div:nth-child(2) &gt; div{
    display: none;
}
#conteneurFicheArticleDemandeRetour #contenu_formulaire .zoneFormulaire .ui.form &gt; div &gt; label{
    text-transform: lowercase;
    font-size : 1vw;
    display: block;
}
#conteneurFicheArticleDemandeRetour #contenu_formulaire .zoneFormulaire .ui.form #formulaire_ligne_commentaires &gt; div:nth-child(2) &gt; input{
    height: 14vw;
}
#conteneurFicheArticleDemandeRetour #contenu_formulaire .zoneFormulaire .ui.form &gt; div &gt; label::first-letter{
    text-transform: uppercase;
}
#conteneurFicheArticleDemandeRetour #contenu_formulaire .zoneFormulaire .ui.form #formulaire_ligne_numero-de-commande{
    order: 1;
}
#conteneurFicheArticleDemandeRetour #contenu_formulaire .zoneFormulaire .ui.form #formulaire_ligne_raison-du-retour{
    margin-left: 1vw;
    order: 2;
}
#conteneurFicheArticleDemandeRetour #contenu_formulaire .zoneFormulaire .ui.form #formulaire_ligne_commentaires{
    margin-left: 1vw;
    order: 3;
}
#conteneurFicheArticleDemandeRetour #contenu_formulaire .zoneFormulaire .ui.form #formulaire_ligne_modele-de-machine-exemple-x555ld{
    margin-left: 64.5%;
    order: 4;
}
#conteneurFicheArticleDemandeRetour #contenu_formulaire .zoneFormulaire .ui.form #formulaire_ligne_modele-de-machine-exemple-x555ld &gt; label{
    display: inline-block;
    overflow: hidden;
    width: 9vw;
    white-space: nowrap;
    vertical-align: middle;
}
#conteneurFicheArticleDemandeRetour #contenu_formulaire .zoneFormulaire .ui.form #formulaire_ligne_numero-de-serie-de-la-machine-exemple-f8n0cj049272356{
    margin-left: 64.5%;
    order: 5;
}
#conteneurFicheArticleDemandeRetour #contenu_formulaire .zoneFormulaire .ui.form #formulaire_ligne_numero-de-serie-de-la-machine-exemple-f8n0cj049272356 &gt; label{
    display: inline-block;
    overflow: hidden;
    width: 14.4vw;
    white-space: nowrap;
    vertical-align: middle;
}
#conteneurFicheArticleDemandeRetour #contenu_formulaire .zoneFormulaire .ui.form .formulaire_ligne_validation{
    order: 6;
    width: 100%;
    text-align: right;
    padding-right: 4.7vw;
    margin-top: 1vw;
}
#conteneurFicheArticleDemandeRetour #contenu_formulaire .zoneFormulaire .ui.form .formulaire_ligne_validation &gt; div{
    width: 20%;
    float: right;
    text-align: center;
    background: var(--second-color);
    border-radius: 0.4vw;
    border-width: 0.1vw;
    border: none;
    height: 2vw;
    color: white;
    padding-top: 0.6vw;
    cursor: pointer;
}
#conteneurFicheArticleDemandeRetour div.soustitreInscriptionRetour{
    width: 100%;
    font-size: 0.9vw;
    text-align: left;
    margin-bottom: 0.5vw;
}
#conteneurFicheArticleDemandeRetour div.soustitreInscriptionRetour &gt; h4{
    width: 97%;
    padding-left: 0.3vw;
    line-height: 2vw;
    margin: 0;
    top: auto;
    bottom: auto;
    font-size: 0.9vw;
    font-weight: 500;
    background: #e4e4e4;
}
#conteneurFicheArticleDemandeRetour .recapForm{
    border-left: solid lightgrey;
    border-width: 0.2vw;
    padding: 0.6vw;
    width: 30%;
}
#conteneurFicheArticleDemandeRetour .recapForm .RecapDemandeRetour{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    font-size: 1.5vw;
    font-weight: 100;
    color: lightgray;
    margin-top: 0;
    margin-bottom: 0.2vw;
}
#conteneurFicheArticleDemandeRetour .recapForm .formRecap{
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    height: 22vw;
}
#conteneurFicheArticleDemandeRetour .recapForm .formRecap &gt; div{
    background: #e4e4e4;
    font-size: 1vw;
    color: black;
    padding: 0.2vw;
    margin-bottom: 0.1vw;
}
#conteneurFicheArticleDemandeRetour .recapForm .txtWarning{
    width: 80%;
    margin-left: auto;
    text-align: center;
    color: #ea0404;
    margin-bottom: 0.5vw;
    margin-right: auto;
    font-size: 0.74vw;
}
#conteneurFicheArticleDemandeRetour .recapForm .btnEnvoyerForm{
    text-align: center;
}
#conteneurFicheArticleDemandeRetour .recapForm .btnEnvoyerForm &gt; button{
    border: none;
    border-radius: 0.4vw;
    height: 2vw;
    width: 6vw;
    background: darkgray;
    color: white;
    cursor: pointer;
    font-size: 1vw;
}
#conteneurFicheArticleDemandeRetour .recapForm .formRecap .Piece{
    height: 4vw;
}
#conteneurFicheArticleDemandeRetour .recapForm .formRecap .raisonRetour{
    height: 2.5vw;
}
#conteneurFicheArticleDemandeRetour .recapForm .formRecap .numCommande, #conteneurFicheArticleDemandeRetour .recapForm .formRecap .Date,
#conteneurFicheArticleDemandeRetour .recapForm .formRecap .modeleMachine, #conteneurFicheArticleDemandeRetour .recapForm .formRecap .numeroSerie{
    height: 1.3vw
}
#conteneurFicheArticleDemandeRetour .recapForm .formRecap .commentaire{
    height: 3vw;
}
#conteneurFicheArticleDemandeRetour .recapForm .formRecap .fichierJoint{
    height: 5vw;
}
#conteneurFicheArticleDemandeRetour .zoneFormulaire .ui.form .formulaire_ligne_aide,#conteneurFicheArticleDemandeRetour #formulaire_ligne_nom,
#conteneurFicheArticleDemandeRetour #formulaire_ligne_prenom,
#conteneurFicheArticleDemandeRetour #formulaire_ligne_societe,
#conteneurFicheArticleDemandeRetour #formulaire_ligne_site-d-achat,
#conteneurFicheArticleDemandeRetour #formulaire_ligne_numero-de-telephone,#conteneurFicheArticleDemandeRetour #formulaire_ligne_date-de-la-commande,#conteneurFicheArticleDemandeRetour #formulaire_ligne_designation-du-produit-exemple-chargeur-clavier {
    display:none
}

#colonnePrincipale .DemandeRetour{
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5vw;
    text-align: right;
    font-size: 1.5vw;
}
.arboActualite #arbo .contenu .fil-d-ariane .center-right{
    float: right;
    flex-wrap: wrap;
    display: flex;
}
.news-container .caseNews.Actualite{
    width: 80%;
    flex-direction: column;
    margin-right: 1vw;
    display: flex;
}
.news-container #colonneBlocksnewsActualite{
    width: 29%;
    flex-direction: column;
    border-width: medium;
    height: fit-content;
    height: -moz-fit-content;
    min-height: 40vw;
}
.news-container #colonneBlocksnewsActualite #colonneBlocks{
    height: fit-content;
    height: -moz-fit-content;
}
.news-container #colonneBlocksnewsActualite #colonneBlocks .blockCategorie{
    padding-left: 1vw;
    font-size: 1vw;
    height: fit-content;
    padding-bottom: 1vw;
}
.news-container #colonneBlocksnewsActualite #colonneBlocks .blockCategorie .entete{
    border-bottom: 0.1vw solid lightgrey;
}
.news-container #colonneBlocksnewsActualite #colonneBlocks .blockCategorie .entete .block_titre{
    background: white!important;
    font-size: 1.2vw!important;
    margin-bottom: 0vw!important;
    padding-bottom: 0.4vw;
}
.news-container #colonneBlocksnewsActualite #colonneBlocks .blockCategorie .entete .block_titre &gt; i{
    display: none;
}
.news-container #colonneBlocksnewsActualite #colonneBlocks .blockCategorie .block_contenu{
    font-size: 1vw;
}
.news-container #colonneBlocksnewsActualite #colonneBlocks .blockCategorie .block_contenu &gt; a{
    border-bottom: 0.1vw solid lightgrey;
    text-align: right;
}
.news-container #colonneBlocksnewsActualite #colonneBlocks .block{
    padding-top: 0vw;
    margin-bottom: 0vw!important;
    padding-right: 0vw;
}
.news-container #colonneBlocksnewsActualite #colonneBlocks .block .entete{
    background : white;
    display: none;
}
.news-container #colonneBlocksnewsActualite #colonneBlocks .block .entete .block_titre{
    margin-top: 0vw;
}
.news-container #colonneBlocksnewsActualite #colonneBlocks .block .block_contenu{
    height: 100%; 
}
.news-container #colonneBlocksnewsActualite #colonneBlocks .block .block_contenu &gt; iframe{
    height: 100%!important;
    font-size: 1vw!important;
}

.news-container .caseNews.Actualite .ligneOptionsHaut &gt; div:first-child{
    display: none;
}
.news-container .caseNews.Actualite .ligneOptionsHaut &gt; div:nth-child(2){
    display: none;
}
.news-container .caseNews.Actualite .ligneOptionsHaut &gt; div:nth-child(3){
    text-align: right;
    width: 100%;
    float: right;
    overflow: hidden;
    display: flex;
    margin-top: 1vw;
}

.news-container .caseNews.Actualite .ligneOptionsBas.News {
    width: 100%!important;
    display: table!important;
    margin-top: 0.5vw!important;
    margin-bottom: 0.2vw;
}
.news-container .caseNews.Actualite .ligneOptionsBas.News &gt; div:first-child{
    letter-spacing: 0.14vw;
    color: black;
    float: right;
    display: table-cell;
    text-align: center;
    font-size: 1vw;
    width: fit-content;
    overflow: hidden;
    padding-top: 0vw!important;
}
.news-container .caseNews.Actualite .ligneOptionsBas.News &gt; div:first-child &gt; a {
    color: black!important;
    margin-left: 5px;
    text-decoration: none;
}
.News span.boutonPage2{
    margin-left: 5px;
    color: #fcb614;
    font-weight: bold;
}
.news-container .caseNews.Actualite .ligneOptionsBas.News &gt; div:nth-child(2){
    margin-right: 0.2vw!important;
    width: fit-content;
    text-align: right;
    font-size: 1vw;
    font-weight: bold;
    display: table-cell;
    float: right;
}
.news-container .caseNews.Actualite .ligneOptionsBas.News{
    width: 100%!important;
    display: table!important;
}

.news-container .caseNews.Actualite .ligneOptionsBas &gt; div:nth-child(2) &gt; a {
    color: black;
}
.news-container .caseNews.Actualite .ligneOptionsHaut &gt; div:nth-child(3) &gt; div:first-child{
    font-weight: bold;
    width: 85%;
    font-size: 1vw;
    margin-right: 0.5vw;
}
.news-container .caseNews.Actualite .ligneOptionsHaut &gt; div:nth-child(3) &gt; div:nth-child(2){
    text-align: right;
    width: 25%;
    float: left;
    font-size: 1vw;
    border: none;
    overflow: hidden;
}
.news-container .caseNews.Actualite .ligneOptionsHaut &gt; div:nth-child(3) &gt; div:nth-child(2) .casei{
    border: none;
    width: 100%!important;
    margin-bottom: 1vw;
    font-size: 1vw;
}
.news-container .caseNews.Actualite &gt; section {
    padding-top: 0;
    margin-top: 1vw;
    margin-right: 0.2vw;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
    padding-bottom: 0vw;
}
/*.news-container .caseNews.Actualite &gt; section::-webkit-scrollbar {
    width: 0.6vw;
}
.news-container .caseNews.Actualite &gt; section::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 0.4vw;
}
.news-container .caseNews.Actualite &gt; section::-webkit-scrollbar-thumb {
    background: grey; 
    border-radius: 0.4vw;
}
.news-container .caseNews.Actualite &gt; section::-webkit-scrollbar-thumb:hover {
    background: darkgrey; 
}*/
.news-container .caseNews.Actualite &gt; section .caseNews_ligne{
    padding-left: 0.5vw;
    margin-bottom: 1vw;
    font-size: 1vw;
    width: 95%;
    height: 10vw;
    background-color: rgb(242,242,242);
    border: darkgray;
    border-width: medium;
    border-style: solid;
    display: flex;
    padding-top: 0.7vw;
    padding-right: 0.5vw;
    padding-bottom: 0.7vw;
}
.news-container .caseNews.Actualite &gt; section .caseNews_ligne .caseNews_ligne_contenu{
    width: 100%;
}
.news-container .caseNews.Actualite &gt; section .caseNews_ligne .caseNews_ligne_contenu .caseNews_ligne_illustration{
    height: 97%;
    width: 30%;
    border: 0.15vw solid darkgray;
    overflow: hidden;
}
.news-container .caseNews.Actualite &gt; section .caseNews_ligne .caseNews_ligne_contenu .caseNews_ligne_illustration &gt; a{
    width: auto;
    display: flex;
    height: 100%;
    padding: 0;
}
.news-container .caseNews.Actualite &gt; section .caseNews_ligne .caseNews_ligne_contenu .caseNews_ligne_illustration &gt; a &gt; img{
    width: 100%;
    height: 100%;
}
.news-container .caseNews.Actualite &gt; section .caseNews_ligne .caseNews_ligne_contenu .caseNews_ligne_texte{
    width: 67%;
    display: flex;
    flex-wrap: wrap;
    float: right;
    height: 100%;
}
.news-container .caseNews.Actualite &gt; section .caseNews_ligne .caseNews_ligne_contenu .caseNews_ligne_texte &gt; h2{
    margin: 0;
    width: 100%;
    font-size: 1.2vw;
}
.news-container .caseNews.Actualite &gt; section .caseNews_ligne .caseNews_ligne_contenu .caseNews_ligne_texte .txtNews{
    padding-bottom: 0.2vw;
    width: 100%;
    font-size: 0.7vw;
    height: 3vw;
    overflow: hidden;
}

.news-container .caseNews.Actualite &gt; section .caseNews_ligne .caseNews_ligne_contenu .caseNews_ligne_texte .caseNews_ligne_date{
    display: flex;
    align-self: flex-end;
    font-size: 0.74vw;
    font-style: italic;
    letter-spacing: -0.04vw;  
    width: 100%;
}
.news-container .caseNews.Actualite &gt; section .caseNews_ligne .caseNews_ligne_contenu .caseNews_ligne_texte .caseNews_ligne_date .datePoste{
    width: 60%;
}
.news-container .caseNews.Actualite &gt; section .caseNews_ligne .caseNews_ligne_contenu .caseNews_ligne_texte .caseNews_ligne_date .BtnLireSuite{
    width: 99%
}
.news-container .caseNews.Actualite &gt; section .caseNews_ligne .caseNews_ligne_contenu .caseNews_ligne_texte .caseNews_ligne_date .BtnLireSuite &gt; a{
    text-decoration: none;
    margin-top: -0.4vw;
    float: right;
    text-align: center;
    line-height: 1.5vw;
    font-style: initial;
    border: none;
    display: block;
    border-radius: 0.4vw;
    color: black;
    background: lightgray;
    height: 1.5vw;
    border-width: 0.1vw;
    width: 7vw;
    cursor: pointer;
}
.caseNews_ligne_texte a, .caseNews_ligne_texte a:visited {
    text-decoration-line: none;
    color: black;
}
.caseNews_ligne_texte a:hover {
    text-decoration-line: none;
    color: lightgrey;
}
#colonnePrincipale.newsDetails #arbo .fil-d-ariane {
    display: flex;
}
#colonnePrincipale.newsDetails #arbo .fil-d-ariane .center-right {
    display: flex;
    margin-left: auto;
    margin-right: 0;
}
#colonnePrincipale.newsDetails .caseNews &gt; h1 {
    text-align: right;
    text-transform: uppercase;
    font-size: 1.5vw;
}
#entetePrincipale .titleActualite {
    display: inline-block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    font-size: 1.6vw;
    margin-top: 0vw;
    margin-bottom: 0.9vw;
    padding: 0px;
    line-height: 2vw;
}
.news-container .caseNews.Actualite .descriptifActualite,#colonnePrincipale.newsDetails .descriptifActualite{
    margin-right: 1vw;
    display: flex;
}
.news-container .caseNews.Actualite .descriptifActualite .txtDescriptifActualite, #colonnePrincipale.newsDetails .descriptifActualite .txtDescriptifActualite{
    font-size: 1vw;
    width: 750%;
    margin: 0;
}
.news-container .caseNews.Actualite .descriptifActualite .partagerSur, #colonnePrincipale.newsDetails .partagerSur{
    font-size: 1vw;
    display: flex;
    width: 30%; 
}
#colonnePrincipale.newsDetails .partagerSur a {
    text-decoration: none;
    color: #000000;
    font-size: 1.5vw;
}
.news-container .caseNews.Actualite .descriptifActualite .partagerSur &gt; h4,#colonnePrincipale.newsDetails .partagerSur &gt; h4 {
    width: 6.1vw;
    margin: 0;
}
.news-container .caseNews.Actualite .descriptifActualite .partagerSur .icon-FacebookCircle, #colonnePrincipale.newsDetails .partagerSur .icon-FacebookCircle{
    margin-right: 0.2vw;
    cursor: pointer;
}
.news-container .caseNews.Actualite .descriptifActualite .partagerSur .icon-TwitterCircle, #colonnePrincipale.newsDetails .partagerSur .icon-TwitterCircle{
    margin-right: 0.2vw;
    cursor: pointer;
}
.news-container .caseNews.Actualite .descriptifActualite .partagerSur .icon-InstagramCircle, #colonnePrincipale.newsDetails .partagerSur .icon-InstagramCircle{
    cursor: pointer;
}
.news-container #shareText, .descriptifActualite #shareText {
    width: 7vw;
}
#colonnePrincipale.newsDetails .caseNews_contenu {
    padding: 1vw;
    font-size: 1vw;
}
#colonnePrincipale.newsDetails .caseNews_contenu .caseNews_illustration {
    width: 35%;
    margin-left: auto;
    margin-right: auto;
    overflow:hidden;
    display:none;
}
#colonnePrincipale.newsDetails .caseNews_contenu .caseNews_illustration &gt; img{
    width: 100%;
}
#colonnePrincipale.newsDetails .caseNews_contenu .caseNews_texte{
    padding-left: 1vw;
    padding-right: 1vw;
    text-align: justify;
}
#colonnePrincipale.newsDetails .caseNews_contenu .caseNews_texte &gt; p{
    margin-top: 0.2vw;
    margin-bottom: 2.2vw;
    height: fit-content;
    display: flow-root;
}
#colonnePrincipale.newsDetails .caseNews_contenu .caseNews_texte &gt; p &gt; img{
    height: 100%;
    display: flex;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1vw;
    margin-bottom: 1vw;
}
#colonnePrincipale.newsDetails .caseNews_contenu .caseNews_date{
    text-align: right;
    padding-right: 1vw;
    font-size: 1vw;
    font-weight: bold;
}
#colonnePrincipale.newsDetails .descriptifActualite{
    margin-bottom: 1vw;
}
/*FIN CSS IBTISSAM*/
/* LOADING SITE*/
.loading-site{
    display: block;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    background-color: var(--dark-color);
    transform: translateY(0);
    transition: transform .2s linear;
}

.loading-site.loaded{
    transform: translateY(-110vh);
}

.loading-site .logo-container{
    width: 140px;
    position: relative;
    top:calc(50% - 50px);
    left:calc(50% - 70px);
    /*-webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;*/
}

.loading-site img{
    width: 100%;
}

.loading-site .logo-container:after{
    content: "";
    width: 0;
    height: 3px;
    background-color: #fff;
    position: absolute;
    top: calc(100% + 25px);
    left: -20px;
    border-radius: 3px;
    transition: width .6s linear;
}

.loading-site .logo-container.loading:after{
    width: 180px;
}

#ajax-loading-container{
    z-index: 9999;
    width: 100%;
    position: absolute;
    top: 2.1vw;
    left: 0;
    height: 2px;
}

#loading-bar, .bar {
    /*background: #FF3030;*/
    height: 1px;
}
#loading-bar-spinner .spinner-icon {
    border-top-color:  var(--second-color);
    border-left-color: var(--second-color);
}
#loading-bar .peg {

    -moz-box-shadow: var(--second-color) 1px 0 3px 1px;
    -ms-box-shadow: var(--second-color) 1px 0 3px 1px;
    -webkit-box-shadow: var(--second-color) 1px 0 3px 1px;
    box-shadow: var(--second-color) 1px 0 3px 1px;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/*ANIMATIONS TRANSITIONS ANGULAR*/
.fade {
    transition:0.5s linear all;
}
.fade.ng-enter-stagger,
.fade.ng-leave-stagger {
    transiton-delay:0.1s;
    transition-duration:0s;
}
.fade.ng-enter {
    opacity:0;
}
.fade.ng-enter.ng-enter-active {
    opacity:1;
}
.fade.ng-leave {
    opacity:1;
}
.fade.ng-leave.ng-leave-active {
    opacity:0;
}
.slide-from-left {
    position:relative;
}
.slide-from-left.ng-enter {
    left:-50px;
}
.slide-from-left.ng-enter.ng-enter-active {
    left:0px;
}
.slide-from-left.ng-leave {
    left:0px;
}
.slide-from-left.ng-leave.ng-leave-active {
    left:-50px;
}

/*HEADER*/
.options{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--dark-gray);

}

/* Main container */

#main-container {
    min-height: 41.2vw;
    /*margin-bottom: 3vw;*/
}

#select-background-bullets {
    z-index: 1;
    position: absolute;
    width: 5vw;
    height: 1.5vw;
    left: 60%;
    top: 45vw;
    background: transparent;
}

#select-background-bullets &gt; ul {
    display: flex;
    justify-content: space-around;
}

#select-background-bullets &gt; ul &gt; li.bulletOff {
    cursor: pointer;
    background-image : url('../assets/bullet_off.png');
}
div#select-background-bullets &gt; ul &gt; li{
    padding: 2vw 0 2vw 3vw;
    list-style: none;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 1.5vw;
}
#select-background-bullets &gt; ul &gt; li.bulletOn {
    cursor: pointer;
    background-image : url('../assets/bullet_on.png');
}

section#fiche-produit {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: left center;
}

/* Options */
.options_interne, .entete_interne, .menu_interne, .page_interne {
    width: 67.67vw;
    margin:0 auto;
}
.page_interne.avecMarge {
    padding-top: 1vw;
}
.page_interne.config {
    padding-top: 1.2vw;
}
.page_interne_presentation {
    width: 75vw;
    margin:0 auto;
}
.options_interne, #sticky-menu.sticky .entete_interne {
    height: 2.1vw;
    line-height: 2.1vw;
    color:var(--menu-font-color);
}

#top-line .options_interne .left{
    width: 45vw;
}

#top-line .options_interne .right {
    flex:1;
    font-style: italic;
    font-weight: 400;
}

#top-line .options_interne .left,#top-line .options_interne .right{
    font-size: 0.8vw!important;
}

.page_interne{
    /*min-height: 100vh;*/
}

ul#flags{
    text-align: right;
    display: flex;
    justify-content: right;
}
#flags .enteteTitre{
    order: 4;
    margin-right: 0.5vw;
}
#flags .flag-langue-fr{
    order: 3;
}
#flags .flag-langue-en{
    order: 1;
}
#flags .flag-langue-es{
    order: 2;
}
ul#flags li a {
    font-size: 0.98vw!important;
}
ul#flags li {
    display: inline;
    margin-right: .2vw;
}

/* Entete */

.entete, .menu{
    background-color: var(--dark-color);
    display: block;
}

.entete, .menu, .contenu_page{
    width: 100%;
}

.entete_interne{
    height: 5.8vw;
    display: flex;
}

.entete #boutonLogoPrincipal{
    flex: 1;
    margin-right: 1.4vw; 
}

#rechercheTop{
    width: 62%;

}

/* Sticky menu */

#sticky-menu.sticky #boutonLogoPrincipal{
    flex: 1;
    margin-right: 0; 
}

#sticky-menu.sticky .options_interne{
    position: relative;
    top: calc(50% - 1.5vw);
}

#sticky-menu.sticky i.icon-panier,#sticky-menu.sticky i.icon-compte {
    font-size: 1.6vw!important;
}

#sticky-menu.sticky{
    width: 100vw;
    height: 4vw;
    position: fixed;
    top: -5vw;
    left: 0;
    padding-top: 1.6vh;
    z-index: 999999999;
    background-color: var(--dark-color);
    transition: all var(--transition-time) linear;
}

#sticky-menu.sticky{
    transform: translateY(5vw);
}

.menu.sticky{
    position: fixed;
    top: 4.3vw;
    z-index: 100000;
    display: none;
}

.entete #rechercheTop input.submit-button, #sticky-menu.sticky #rechercheTop input.submit-button{
    width: 1.4vw;
    height: 1.4vw;
    position: absolute;
    top:calc(50% - 0.7vw);
    background-color: transparent;
    background-image: url('../images/loupe.svg');
    background-position: center;
    background-size:contain; 
    background-repeat: no-repeat;
    left: 0px;
    cursor: pointer;

}

#rechercheTop form{
    position: relative;
    top: calc(50% - 1vw);
}
.entete #rechercheTop form input#search_case_top.suggestionOuverte {
    border-radius: 0.95vw 0.95vw 0 0;
}
.entete #rechercheTop form input{
    width: calc(100% - 2.1vw);
    height: 1.9vw;
    position: relative;
    font-family: 'GR', sans-serif;
    border-radius: 40px;
    border: 0px;
    padding-left: 2vw;
    font-size: 1.2vw;
    color: #333;
}

#sticky-menu.sticky #rechercheTop form input{
    width: calc(100% - 2vw);
    height: 1.9vw;
    position: relative;
    font-family: 'GR', sans-serif;
    border-radius: 40px;
    border: 0px;
    padding-left: 2vw;
    font-size: 1.2vw;
    color: #333;
}

#conteneurPanierCompteTop{
    flex: 1;
}

.entete .logo {
    background-image: url('../images/logo.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: scale(0.8);
}

.entete .logo_fr {
    background-image: url('../images/logo_fr.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: scale(0.8);
}

.entete .logo_us {
    background-image: url('../images/logo_us.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: scale(1.2);
}


#sticky-menu.sticky .logo {
    background-image: url('../images/logo.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: scale(1.5);
}

#sticky-menu.sticky .logo_fr {
    background-image: url('../images/logo_fr.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: scale(1.5);
}

#sticky-menu.sticky .logo_us {
    background-image: url('../images/logo_us.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: scale(2.5);
}

.icon-content{
    font-family: 'GL', sans-serif !important;
    position: relative;
    top: calc(50% - 1.5vw);
    /*line-height: 3 !important;*/
}

#sticky-menu.sticky .icon-content {
    /*line-height: 3 !important;*/
} 	
#menutop-categorie.sticky{
    display:none;
}

.compte-container, .panier-container{
    width: 50%;
    text-align: center;
    padding-top: .6vw;
}

.compte-menu {
    position: absolute;
    top: 8.2vw;
    right: 16vw;
    width: 10vw;
    height: 6vw;
    padding: 0.4vw;
    background-color: var(--light-gray);
    z-index: 200;
    -webkit-box-shadow: 9px 7px 17px 1px rgba(133,133,133,0.5);
    -moz-box-shadow: 9px 7px 17px 1px rgba(133,133,133,0.5);
    box-shadow: 9px 7px 17px 1px rgba(133,133,133,0.5);
    display: none;
}
.panier-menu{
    position: absolute;
    width: 10vw;
    height: 6vw;
    padding: 0.4vw;
    background-color: var(--light-gray);
    z-index: 3000000;
    -webkit-box-shadow: 9px 7px 17px 1px rgba(133,133,133,0.5);
    -moz-box-shadow: 9px 7px 17px 1px rgba(133,133,133,0.5);
    box-shadow: 9px 7px 17px 1px rgba(133,133,133,0.5);
    display: block;
    right: -2vw;
    top: 4vw;
}

.compte-menu.sticky{
    position: fixed;
    top: 4.2vw;
    right: 15vw;
    z-index: 1000000000000;
}
.panier-menu.sticky{
    position: fixed;
    top: 4.2vw;
    right: 20vw;
    z-index: 1000000000000;
}
.compte-menu:before{
    content: '';
    display : inline-block;
    height : 0;
    width : 0;
    border-right : 0.7vw solid transparent;
    border-bottom : 0.8vw solid var(--light-gray);
    border-left : 0.7vw solid transparent;
    position: relative;
    left: 8vw;
    top: -0.9vw;
}

.compte-login .info-icon, .compte-logout .info-icon{
    font-family: 'GR', sans-serif;
    font-size: 0.5vw;
    line-height: 3vw;
    color: var(--dark-color) !important;
    transition: color var(--transition-time) linear;
}

.compte-login:hover .info-icon, .compte-logout:hover .info-icon{
    color: var(--menu-font-color) !important;
}

.compte-login .compte-icon, .compte-logout .compte-icon{
    padding-top: 0.5vw;
    color: black;
}

.compte-login:hover i, .compte-logout:hover i{
    color:var(--menu-font-color);
    transition:color 0.3s ease;
}

.panier-menu:before{
    content: '';
    display : inline-block;
    height : 0;
    width : 0;
    border-right : 0.7vw solid transparent;
    border-bottom : 0.8vw solid var(--light-gray);
    border-left : 0.7vw solid transparent;
    position: relative;
    left: 2.2vw;
    top: -0.9vw;
}

.compte-menu.sticky:before{
    left: 6.8vw;
}

.panier-menu.sticky:before{
    left: 2vw;
}

.compte-login, .compte-logout {
    width: 100%;
    height: 2.6vw;
    transition: all .3s linear;
}

.compte-login:hover, .compte-logout:hover {
    background-color: var(--dark-color);
}

.compte-login {
    margin-top: -0.8vw;
    cursor: pointer;
}
.compte-logout {
    cursor: pointer;
}
.compte-separateur {
    height: 1px;
    margin-top: 0.3vw;
    margin-bottom: 0.3vw;
    background-color: var(--dark-gray);
}
.entete .compte-icon, .entete .panier-icon,.entete .contact-icon {
    width: 3vw;
    height: 2.6vw;
    margin: 0 auto;
    cursor: pointer;
    text-align: center;
    /* background-color: pink;*/

}
#sticky-menu.sticky .compte-icon, #sticky-menu.sticky .panier-icon {
    width: 2.5vw;
    height: 2.5vw;
    margin: 0 auto;
    cursor: pointer;
    /* background-color: pink;*/

}
.entete .info-icon {
    color: var(--menu-font-color);
    text-transform: uppercase;
    font-size: 0.7vw;
    text-align: center;
    width: 100%;
    margin-top: -0.2vw;
}
#sticky-menu.sticky .info-icon {
    color: var(--menu-font-color);
    text-transform: uppercase;
    font-size: 0.6vw;
    text-align: center;
    width: 100%;
    margin-top: -0.6vw;

}
#menu-burger {
    margin-right: 30px;
    /*margin-top: 0.35vw;*/
    display:none;
    position: relative;
    top: -0.7vw;
}
.sticky #menu-burger {display:block;}
.sticky div.panier-icon div.enTeteIconeNbArticles div.enTeteNbArticles{
    width: 1.9vw;
}

#menu-burger button {
    border: none;
    background: transparent;
    outline: none;
    cursor: pointer;
    padding: 0;
}
#menu-burger svg {
    display: block;
    width:3.5vw;
    height:3.5vw;
}
#menu-burger svg .line {
    fill: none;
    stroke: var(--menu-font-color);
    stroke-width: 6px;
    stroke-linecap: round;
    stroke-linejoin: round;
}
/* Burger */
.line.top,
.line.bottom {
    stroke-dasharray: 50px 600px;
    stroke-dashoffset: 0px;
}
.line.cross {
    stroke-dasharray: 50px 60px;
    stroke-dashoffset: 0px;
}

/* Cross */

.on .line.top,
.on .line.bottom {
    stroke-dasharray: 70.71px 600px;
    stroke-dashoffset: -392px;
}
.on .line.cross {
    stroke-dasharray: 50px 60px;
    stroke-dashoffset: 51px;
}

/* Timing */

.line.cross {
    -webkit-transition: 0.35s stroke-dasharray ease 0.35s, 0.35s stroke-dashoffset ease 0.35s, 0.35s stroke ease 0s;
    transition: 0.35s stroke-dasharray ease 0.35s, 0.35s stroke-dashoffset ease 0.35s, 0.35s stroke ease 0s;
}
.line.top {
    -webkit-transition: 0.525s stroke-dasharray ease 0s, 0.525s stroke-dashoffset ease 0s, 0.35s stroke ease 0s;
    transition: 0.525s stroke-dasharray ease 0s, 0.525s stroke-dashoffset ease 0s, 0.35s stroke ease 0s;
}
.line.bottom {
    -webkit-transition: 0.525s stroke-dasharray ease 0.35s, 0.525s stroke-dashoffset ease 0.35s, 0.35s stroke ease 0s;
    transition: 0.525s stroke-dasharray ease 0.35s, 0.525s stroke-dashoffset ease 0.35s, 0.35s stroke ease 0s;
}
.on .line.cross {
    -webkit-transition: 0.35s stroke-dasharray ease 0s, 0.35s stroke-dashoffset ease 0s, 0.35s stroke ease 0s;
    transition: 0.35s stroke-dasharray ease 0s, 0.35s stroke-dashoffset ease 0s, 0.35s stroke ease 0s;
}

/********/

.compte-logout a, .compte-login a {
    flex:1;
    text-decoration: none;
}
.panier-icon i, .compte-icon i {
    font-size: 1.6vw;
}

/* MENU */

.menu {
    position: relative;
    top: 0;
}
.menu_interne {
    height: 2.5vw;
}
ul#main_menu {
    width: 100%;
}
nav.main {
    height: 100%;
}
ul#main-menu li {
    display: inline;
    text-transform: uppercase;
    font-family: 'GL', sans-serif;
    font-size: 0.9vw!important;
    letter-spacing: 0.1vw;
    color:var(--menu-font-color);
    padding-top: 0.4vw;
    padding-bottom: 0.4vw;
    transition:background-color .6s linear;
}
ul#main-menu li:hover {
    background-color: var(--main-bg-color);
    color: #333;
}
ul#main-menu .qcd:hover{
    color: black!important;
}
ul#main-menu li:hover a, ul#main-menu li.have-submenu.active a,ul#main-menu li.have-submenu.active span {
    color: var(--dark-gray) !important;
}
ul.submenu.level1 li:hover a {
    color:#fff !important;
}
/*
ul#main-menu li:not(:first-child) {
    padding-left: 3.2vw;
}
ul#main-menu li:not(:last-child) {
    padding-right: 3.2vw;
}
*/
ul#main-menu li {
    padding-left: 1vw;
    padding-right: 1vw;
    padding-top: 0;
    padding-bottom: 0;
    height: 100%;
    line-height: 2.5vw;
}
#main-menu a, ul.submenu.level2 a, ul.submenu.level3 a {
    color: var(--menu-font-color);
    text-decoration: none;
    /*transition: color 1s linear;*/
}
ul#main-menu &gt; li &gt; span, ul#main-menu &gt; li &gt; a{
    font-weight:bold;
}
.submenu.level1 a {
    color: var(--dark-color);
    text-decoration: none;  
    width:100%;
}
.have-submenu {
    border-bottom: 1px solid transparent;
}
.have-submenu.active {
    background-color: var(--main-bg-color);
    color:#333;
}
.have-submenu.active {
    background-color: var(--main-bg-color);
    color:#333;
}
ul.submenu.level1, ul.submenu.level2, ul.submenu.level3 {
    display: none;

}
ul.submenu.level1.open, ul.submenu.level2.open, ul.submenu.level3.open {
    display: block;
}
ul.submenu.level1 li, ul.submenu.level2 li, ul.submenu.level3 li {
    visibility: hidden;
    opacity: 0;
    transition: visibility var(--transition-time), opacity var(--transition-time) ease-out;
}
ul.submenu.level1.open li, ul.submenu.level2.open li, ul.submenu.level3.open li {
    visibility: visible;
    opacity: 1;
}

/* Menu only css*/

/*.level1 .have-submenu:hover ul.submenu.level2{
    display: block;
}*/

/*.level2 .have-submenu:hover ul.submenu.level3{
    display: block;
}*/

ul.submenu.level1 li.have-submenu:after, ul.submenu.level2 li.have-submenu:after {
    content: "Â»";
    position: absolute;
    left: 13vw;
    display: flex;
    margin-top : -1vw;
}
ul#submenuRog.level1 li.have-submenu:after, ul#submenuRog.level2 li.have-submenu:after{
    content: "Â»";
    position: absolute;
    left: 10.5vw;
}
ul.submenu.level1 {
    margin-top: -0.1vw!important;
    width: 14vw;
    margin-top: 0vw;
    background-color: var(--main-bg-color);
    position: absolute;
    z-index: 100;
    -webkit-box-shadow: -5px 7px 17px 1px rgba(133,133,133,0.67);
    -moz-box-shadow: -5px 7px 17px 1px rgba(133,133,133,0.67);
    box-shadow: -5px 7px 17px 1px rgba(133,133,133,0.67);
}
ul.submenu.level1 li {
    display: block;
    color: var(--dark-color);
    padding-top: 0.55vw;
    padding-bottom: 0.55vw;
    padding-left: 0.6vw;
    /* margin-bottom: 1.2vw; */
    text-transform: capitalize;
    font-size: 0.82vw;
    font-family: 'GL', sans-serif;
    cursor: pointer;
    transition:all .4s linear;
    border-bottom: 1px solid #CCC;
}
ul.submenu.level1 li:hover {
    background-color: var(--dark-gray);
    color: #fff;
}
ul.submenu.level2 {
    width: 14vw;
    min-height: 25.1vw;
    background-color: var(--dark-gray);
    position: absolute;
    left:14vw;
    top:0;
    z-index: 101;
    -webkit-box-shadow: 9px 7px 17px 1px rgba(133,133,133,0.5);
    -moz-box-shadow: 9px 7px 17px 1px rgba(133,133,133,0.5);
    box-shadow: 9px 7px 17px 1px rgba(133,133,133,0.5);
}
ul.submenu.level2 li {
    display: block;
    color: var(--menu-font-color);
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    padding-left: 0.5vw;
    text-transform: capitalize;
    font-size: 0.82vw;
    font-family: 'GL', sans-serif;
    transition: all .4s linear;
    border-bottom: 1px solid #888;
}
ul.submenu.level2 li.have-submenu #submenu2-0{
    height: auto!important;
}
ul.submenu.level3 {
    width: 30vw;
    min-height: 12.25vw;
    background-color: var(--dark-color);
    position: absolute;
    left:14vw;
    top: 0;
    z-index: 102;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-span: all;
    -moz-column-span: all;
    column-span: all;
    -webkit-column-gap: 1vw;
    -moz-column-gap: 1vw;
    column-gap: 1vw;
    -webkit-box-shadow: 9px 7px 17px 1px rgba(133,133,133,0.5);
    -moz-box-shadow: 9px 7px 17px 1px rgba(133,133,133,0.5);
    box-shadow: 9px 7px 17px 1px rgba(133,133,133,0.5);
}
ul.submenu.level3 li {
    display: block;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    padding-left: 0.5vw;
    text-transform: capitalize;
    font-size: 0.82vw;
    font-family: 'GL', sans-serif;
    break-inside: avoid-column;
    border-bottom: 1px solid #555;
    width:94.5%;
    overflow: hidden;
}
ul.submenu.level2 li:hover {
    background-color: var(--medium-gray);
}
ul.submenu.level3 li:hover {
    background-color: var(--light-gray);
}
ul.submenu.level2 li:hover a {
    /*color: #333 !important;*/
}
ul.submenu.level3 li a {
    color: var(--menu-font-color);
    transition: all .4s linear;
    white-space: nowrap;
}
ul.submenu.level3 li:hover a {
    color: #333 !important;
}

/* CONTENU PAGE */

.contenu_page {
    width: 100%;
}

/* MAIN SECTION */

#categories.section {
    padding-top: 0.3vw;
    padding-bottom: 1vw;
}
section.main-section {
    width: 100%;
    height: calc(50.5vw - 10.5vw);
    padding-top: 1.2vw;
    background-color: var(--light-gray);
    -webkit-box-shadow: 0px 10px 12px 1px rgba(138,138,138,1);
    -moz-box-shadow: 0px 10px 12px 1px rgba(138,138,138,1);
    box-shadow: 0px 10px 12px 1px rgba(138,138,138,1);
}

section.main-section-fond  {
    width: 100%;
    height: calc(50.5vw - 10.5vw);
    /*padding-top: 1.2vw;
    background-color: var(--light-gray);*/
    -webkit-box-shadow: 0px 10px 12px 1px rgba(138,138,138,1);
    -moz-box-shadow: 0px 10px 12px 1px rgba(138,138,138,1);
    box-shadow: 0px 10px 12px 1px rgba(138,138,138,1);
}

section.main-section-white {
    width: 100%;
    height: 37.7vw;
    padding-top: 1.2vw;
    background-color: white;
    -webkit-box-shadow: 0px 10px 12px 1px rgba(138,138,138,1);
    -moz-box-shadow: 0px 10px 12px 1px rgba(138,138,138,1);
    box-shadow: 0px 10px 12px 1px rgba(138,138,138,1);
}
section.main-section.withBackground, section.main-section-fond {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100% auto;
    cursor: pointer;
    /*background-color: white;*/
}
div.withBackground {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100% auto;
    cursor: pointer;
    padding-top: 1.2vw;
    height: calc(50.5vw - 12.5vw);
}
section.standard-section {
    background-color: var(--main-bg-color);
    padding-top: 100px;
    position: relative;
    top: 25px;
}
section.standard-section-home {
    background-color: var(--main-bg-color);
    padding-top: 0vw;
    position: relative;
    top: 5.8vw;
}
/* FIL D'ARIANE */

div#arbo .contenu, div#arbo .contenu .fil-d-ariane {
    display: flex;
}
div#arbo .contenu .go-back{
    width: 30vw;
    margin-top:0.6vw;
}
div#arbo .contenu .go-back, div#arbo .contenu .fil-d-ariane {
    height: 1.5vw;
    line-height: 1.5vw;
}
#products-entetePrincipale div#arbo .contenu .go-back, div#arbo .contenu .fil-d-ariane {
    height: 1.3vw;
}
div#arbo .contenu .fil-d-ariane {
    flex:1;
    display: inline-block;
}
div#arbo .contenu .fil-d-ariane .center-right {
    text-align: right;
    white-space: nowrap;
    display: flex;
    float: right;
}
div#arbo .contenu .fil-d-ariane a, div#arbo .contenu .fil-d-ariane span {
    padding: 0.2vw;
    text-align: right;
    text-decoration: none;
    color: var(--dark-color);
    transition: color .3s ease-out;
    text-transform: uppercase;
    font-family: 'GR', sans-serif;
    font-weight: 500;
    font-size: 0.6vw;
    margin-left: 0.4vw;
    padding-right: 0vw;
}
div#arbo .contenu .fil-d-ariane span {
    padding-top:0.1vw;
}
div#arbo .contenu .fil-d-ariane a:hover {
    color:var(--third-color);
    /*text-decoration: underline;*/
}
div#arbo .contenu .fil-d-ariane a:not(:last-child):after {
    /*content: "&gt;";
    position: relative;
    left: .5vw;
    top: -0.1vw;*/
}
div#arbo .contenu .go-back button{
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}
div#arbo .contenu .go-back i{
    font-size: 1.5vw;
}

/* Fiche contenu -Fiche titre  */

.illustration #photoPrincipaleArticle {
    text-align:center;
    position:relative;
    margin-bottom:15px;
}
.illustration #photoPrincipaleArticle .vignetteArticleFiche_cadre {
    position:relative;
}
.illustration #photoPrincipaleArticle .vignetteArticleFiche_cadre #patchObsolete {
    position: absolute;
    background-color: rgba(0,0,0,.1);
    color: #e2490f;
    text-transform: uppercase;
    text-align: center;
    font-size: 36px;
    padding-top: 100px;
    width: 24vw;
    height: 11vw;
    z-index: 2;
    font-weight: bold;
    letter-spacing: 3px;
}
.illustration #photoPrincipaleArticle .vignetteArticleFiche_cadre #patchObsolete .texte-obsolete{
    display: block;
    color: red;
    font-weight: bold;
    margin-top: 4vw;
}
.illustration #photoPrincipaleArticle img.vignetteArticleFiche {
    padding:6px;
    padding-top:8px;
    padding-bottom:8px;
    overflow: hidden;
    text-align:center;
    width: 100%;
}
.cloneImage {
    position:absolute;
    z-index:1000000;
    width: 410px;
}
.illustration .conteneurApercuDiapo {
    float: left;
    border: 1px solid #CCCCCC;
    overflow: hidden;
    width: 30%;
    height: 3.5vw;
    padding-top: .1vw;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: .2vw;
    margin-bottom: .2vw;
    margin-right: .3vw;
}

.illustration .conteneurApercuDiapo.last {
    margin-right: 0px;
}
.illustration .conteneurApercuDiapoCadre {
    padding-top: 8px;
    overflow:hidden;
    clear:both;
    width: 100%;
    position:relative;
    text-align:center;
}
.illustration .conteneurApercuDiapoCadre .divHidden {
    display: none;
}
.illustration .conteneurApercuDiapo img {
    width: 90%;
}
.illustration .conteneurApercuDiapo.active {
    border: 1px solid var(--third-color);
}
div.fiche-contenu-container{
    display: flex;
    min-height: 30vw;
    width:67.67vw;
}
div.fiche-contenu-container .fiche-images, div.fiche-contenu-container .fiche-description{
    display: flex;
    flex-wrap: wrap;
}
div.fiche-contenu-container .fiche-images .fiche1 {
    width: 100%;
}
div.fiche-contenu-container .fiche-images .fiche1 .illustration {
    display: contents;
}
div.fiche-contenu-container .fiche-images .fiche1 .social-share {
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
}
div.fiche-contenu-container .fiche-images .fiche2{
    width: 100%;
    min-width: 9vw;
}
div.fiche-contenu-container .fiche-images .fiche2 &gt; div{
    margin-bottom: 1vw!important;
}
div.fiche-contenu-container .fiche-description .fiche1{
    min-height: 27vw;
    width : 100%;
}
div.fiche-contenu-container .fiche-description .fiche2{
    width: 100%;
}
div.fiche-contenu-container .images-description {
    min-height: 2vw;
    background-color: #fff;
    margin-top: .5vw;
    margin-bottom: .5vw;
}
div.fiche-contenu-container .images-description img {
    width:100%;
    height:auto;
}
.fiche-images{
    /*flex: 1;*/
    width: 23%;
    /*background-color: lightgreen;*/
}

.fiche-images .social-share a{
    width: 1.5vw;
    height: 1.5vw;
    line-height: 1.5vw;
    text-align: center;
    margin-right: .3vw;
    font-size: 1.5vw;
    color:var(--dark-color);
    text-decoration: none;
    transition: color var(--transition-time) ease-out;
}

.fiche-images .social-share a:hover {
    color: var(--third-color);
}

.fiche-images .ficheProduit .vignette {
    display: flex;
    justify-content: center;
}

.fiche-description {
    width: 50%;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
    /*background-color: pink;*/
}

.fiche-achat-infos {
    flex: 1;
    padding: .5vw;
    background-color: var(--light-gray);
    /*min-height: 36vw;*/
    position:relative;
    overflow:hidden;
    height: fit-content;
    height: -moz-fit-content;
}

.patchRougeCoin.patchDegradeRouge {
    background: linear-gradient(270deg, #55191a,50%,#ff191a);
    right: -4.2vw;
    left: unset;
}
div#fiche-titre h2, div#fiche-titre h1 {
    padding-top: .3vw;
    text-align: center;
    text-transform: uppercase;
    font-family: 'GR', sans-serif;
    font-size:1.4vw;
    letter-spacing: .1vw;
    margin-top: 2vw;
    margin-bottom: 2vw;
}
.fiche-achat-infos .fiche_infos {
    overflow:hidden;
    border: 0px solid #BBBBBB;
    background-color: transparent;
    padding:0px;
}
.fiche-achat-infos .fiche_infos .entete {
    overflow:hidden;
    background-color: transparent;
}
.fiche-achat-infos .fiche_infos .entete .titre {
    padding: 7px;
    padding-left:0px;
    padding-right: 0px;
    overflow:hidden;
    width:100%;
}
.fiche-achat-infos .fiche_infos .infosPaiement {
    border-right: 1px solid #7a7d7a;
    padding-right: 5%;
    margin-right: 5%;
    float: left;
    width: 25%;
    color: #333333;
    text-align: left;
    font-weight:600;
    font-size: 14px;
    text-transform: uppercase;
    padding-left: 2%;
    padding-top: 1.9%;
}
.fiche-achat-infos .fiche_infos .infosPaiementIcon, .fiche-achat-infos .fiche_infos .boutonInfosLivraisonIcon {
    font-size: 38px;
    float: left;
    width: 13%;
    padding-left: 3%;
    color: #222222;
    height: 52px;
}
.fiche-achat-infos .fiche_infos .boutonInfosLivraison {
    font-size: 14px;
    color: #333333;
    font-weight:600;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    padding-top: 1.9%;
    text-transform: uppercase;
    float: right;
    width: 28%;
    padding-left: 2%;
}
.fiche-achat-infos .fiche_infos .livraisonDates  {
    position:relative;
    top: calc(50% - 16px);
    font-size: 11px;
    float: left;
    width: 100%;
    color:#6d6d6d;
    text-align: left;
    font-weight: 500;
    text-transform: none;
    padding-left: 2%;
    padding-top: 0.3%;
    padding-bottom: 0.3%;
    font-family: GR, sans-serif;
    font-size: .58vw;
}
.fiche-achat-infos .fiche_infos .entete .titre h3 {
    color:#4a70b1;
    margin:0px;
    padding:0px;
    margin-top:3px;
    font-weight:400;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size:16px;
}
.fiche-achat-infos .fiche_infos .entete .titre h2, .fiche-achat-infos .fiche_infos .entete .titre h1 {
    color:#414141 !important;
    font-size: 22px !important;
    display:block;
    font-weight:400;
    line-height:28px;
    text-transform:uppercase;
    letter-spacing:0px !important;
    padding-bottom: 0px;
}
.fiche_infos .infoDispo.dispo, .fiche_infos .infoDispo.depot, .fiche_infos .infoDispo.commande {
    font-size: .7vw;
    font-family: GR, sans-serif;
}
.fiche_infos .infoDispo.commande {
    font-weight: 700;
}
.zoneDemandeDispoBas {
    text-align: center;
    font-size: 0.7vw;
    margin-top: 1.5vw;
}
.zoneDemandeDispoBas  &gt; .ui.teal.button {
    background-color: #47a9b9;
}
.zoneDemandeDispoBas  &gt; .ui.button {
    font-weight: 10;
}
.infoDispo.dispo {

}
.infoDispo.depot {
    padding-top: 1.5vw!important;
    color: black;
}
.infoDispo.commande, .infoDispo.commande i {
    color:var(--sixth-color);
}
.infoDispo.dispo, .infoDispo.dispo i {
    color:var(--second-color);
}
.infoDispo.indispo, .infoDispo.indispo i {
    color:black;
    font-weight: bold;
    margin-left: 0.05vw;
}
.fiche_infos .infoDispo.indispo, .fiche_infos .infoDispo.indispo i {
    font-size: 1vw;
    text-align: left;
}
.fiche_infos .infoDispo i{
    font-size: .6vw;
    margin-right: .12vw;
    position: relative;
    top: 1px;
}
.fiche_infos .infoDispo.dispo i {
    color: var(--second-color);
}
.infoDispo.dispo span::before {

}
.fiche-achat-infos .fiche_infos .entete .identification {
    margin-top: .5vw;
}
.fiche-achat-infos .fiche_infos .entete .identification .reference {
    margin-bottom: .1vw;
    font-size: .7vw;
}
.fiche-achat-infos .fiche_infos .entete .identification .reference strong {
    color:var(--second-color);
}
.prixArticle {
    padding: .5vw;
    overflow:hidden;
    padding-right:0vw;
}
.fiche_infos .prixArticle_promo .montantPrix {
    text-align: left;
    /*text-decoration: line-through;*/
    margin-top: 0.5vw;
}
.fiche_infos .prixArticle_promo .montantPrix span.titrePrix {
    text-decoration: none !important;
    font-size: 0.5vw;
    top: -0.4vw;
    position: relative;
}
.prixArticle.promo{
    padding-left:0vw;
}
.fiche_infos .prixArticle .montantPrix .divPrixPayeChiffre {
    font-family: GR, sans-serif;
    font-size: 1.5vw;
    text-align: left;
    /*padding-left: .5vw;*/
    color: black;
    font-weight:600;
    float:right;
    width:7.5vw;
    font-weight: bold;
}
.fiche_infos .textePrixObsolete {
    width: 100%;
    text-align: center;
    font-size: 0.9vw;
    color: var(--dark-red);
    margin-top: 0.5vw;
}
.fiche_infos .prixArticle .montantPrix .divPrixPayeChiffre.simple {
    float: left;
    width: 8vw;
    font-weight: bold;
    text-align:center;
}
.fiche_infos .prixArticle .montantPrix .divPrixPayeChiffre.seul {
    width: 100%;
    text-align:center;
}
div.divPrixPaye{
    text-align: left;
    width:6.1vw;
    float:left;
    padding-right:0.5vw;
    font-weight: bold;
    padding-top: 0.35vw;
}
div.divPrixPaye.simple {
    width:3vw;
}
.prixArticle span.prixHTPro, .labelPrixPaye{
    font-size: 0.7vw!important;
    color: var(--dark-gray);
    /*font-weight: 600;*/
}
.fiche_infos .prixArticle_promo {
    overflow:hidden;
}
.montantPrix .prixDeReference {
    float:left;
    font-size: 0.7vw!important;
    color: var(--dark-gray);
    width:6vw;
    padding-right: 0.5vw;
    padding-top: 0.1vw;
}
.labelInfosPrix1{
    text-align: left;
    padding-left: 0vw;
    font-weight: 600;
    color: var(--dark-gray);
    font-size: 0.9vw;
    width:7.4vw;
    float:right;
}
.labelInfosPrix1.labelInfosPrix1Promo{
    width:7.7vw;
}
.labelInfosPrix1.labelInfosPrix1Promo.labelInfosPrixRevendeur{
    width:7.6vw;
}
.labelConversionPrix{
    text-align: end;
    font-size: .7vw;
    color: var(--dark-gray);
    margin-top: 0.1vw;
    width: 9vw;
}
.labelConversionPrix.labelConversionPrixPromo{
    width: 9.6vw;
}
.labelConversionPrix.labelConversionPrixRevendeur{
    width: 12.3vw;
}
.labelConversionPrix.labelConversionPrixPro{
    width: 8vw;
}
.labelEconomiePrixRevendeur{
    font-style: italic;
    font-size: 0.6vw;
    color: var(--dark-red);
    white-space: nowrap;
    font-weight: 100;
    margin-top: 0.2vw;
    clear: both;
    padding-top: 0.3vw;
}
.fiche_infos .prixArticle .montantPrix.montantPrixPro{
    /*text-align: left;*/
    /*font-size: 1vw;*/
    padding-left:0vw;
    display:flex;
}
div.prix .prixArticle span.prixArticlePublicPro,.labelPrixDepart{
    font-size: 0.8vw;
    color: var(--dark-gray);
}
.montantPrixPublicPro{
    font-size:0.8vw;
    font-weight:600;
    color: var(--dark-gray);
}
.commentaire_ligne {
    border:0px solid #DDDDDD;
    border-bottom-width:1px;
    padding-bottom:0.5vw;
    margin-bottom:0.8vw;
    overflow:hidden;
}
.commentaire_ligne .auteur {
    font-size: 0.9vw;
    font-weight:400;
}
.auteur &gt; span{
    color:#FF8000;
}
.commentaire_ligne .date {
    font-size: 0.5vw;
    color:#666666;
    clear:left;
}
.commentaire_ligne .texte {
    font-size: 0.7vw;
    margin-top:10px;
    color:#333333;
    clear:left;
}
.commentaire_ligne .avisverif {
    font-size: 1vw;
    font-style: italic;
}
.prixArticle span:first-child{
    font-size: 1.4vw;
}
.prixArticle span:last-child{
    font-size: .6vw;
    text-transform: uppercase;
    position: relative;
    top: -0.7vw;
    /*left: -.2vw;*/
    font-weight: bold;
}
.afficheurPrix .quantite{
    display: flex;
    width: 80%;
    margin: 0 auto;
}
.afficheurPrix .quantite input{
    width: 40%;
    text-align: center;
    background-color: var(--dark-gray);
    border:none;
    outline: none;
    margin-right:.3vw ;
    margin-left:.3vw ;
    padding: .2vw;
}
.texte-redirection {
    font-size: 0.8vw;
    text-align: center;
    margin-top: 2vw;
}
span#last-price {
    font-size: 0.6vw;
    display: none;
    position: relative;
    left: -0.6vw;
}
.module_article_panier_moins, .module_article_panier_plus{
    flex:1;
    text-align: center;
    background-color: var(--dark-gray);
    cursor:pointer;
    padding-top: .15vw;
}
.module_article_panier_moins{
    margin-left: .6vw;
}
.module_article_panier_plus{
    margin-right: .6vw;
}
.afficheurPrix .quantite input, .module_article_panier_moins, .module_article_panier_plus{
    color:var(--menu-font-color);
    font-size:1vw;
}
.boutonPanier{
    padding: .5vw;
    text-align: center;
    width: 80%;
    color: var(--menu-font-color);
    text-transform: uppercase;
    border-radius:5px;
    cursor: pointer;
    font-size: .8vw;
    font-family: GR, sans-serif;
    margin-top: 1vw;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    margin-bottom: 1vw;
    justify-content: center;
}
.boutonPanier.green {
    background-color: var(--second-color);
    transition: background-color var(--transition-time) ease-out;
}
.boutonPanier.green:hover {
    background-color: var(--fifth-color);
}
.boutonPanier.orange {
    background-color: var(--sixth-color);
    transition: background-color var(--transition-time) ease-out;
}
.boutonPanier.orange:hover {
    background-color:var(--seventh-color);
}
.boutonPanier.darkgrey{
    background-color: var(--dark-gray);
    transition: background-color var(--transition-time) ease-out;
}
.boutonPanier.darkgrey:hover {
    background: var(--dark-red);
}
.teal {
    color: black;
}
#notifier-baisee-prix {
    text-align: center;
    text-transform: uppercase;
    font-size: .72vw;
    transition: color var(--transition-time) ease-out;
    color:var(--second-color);
}
#notifier-baisee-prix:hover {
    color: var(--third-color);
    text-decoration: underline;
    cursor: pointer;
}
.ligneSimple {
    display: flex;
}
.ligneSimple .left-icon {
    width: 37%;
    height: 3vw;
    display: flex;
}
.ligneSimple .left-icon .infosPaiementImage{
    display:flex;
}
.ligneSimple .left-icon img {
    width: 80%;
    margin: auto;
}
.ligneSimple .right-infos {
    flex: 1;
}
.detail {
    margin-top: 1vw;
}
.livraisonNote {
    width: 90%;
    margin: 1.5vw auto;
    min-height: 5vw;
}
.livraisonNote form select {
    border: none;
    outline: none;
    height: 1.6vw;
    border-radius: 2vw;
    padding-left: .2vw;
    width: 100%;
    font-size: .8vw;
    font-family: 'GR';
}
.detail .plus-info {
    width: 90%;
    margin: 0 auto;
}
.detail .plus-info .bouton {
    height: 1.8vw;
    border-radius: 1.8vw;
    background-color: var(--dark-color);
    color: var(--menu-font-color);
    line-height: 1.8vw;
    padding-left: .3vw;
    font-size: .8vw;
    text-align: center;
    cursor:pointer;
    transition: background-color var(--transition-time) ease;
}
.detail .plus-info .bouton:hover {
    background-color: #444;
}
.detail .plus-info .note {
    margin-top:.5vw;
}
.detail .plus-info .note p {
    text-align: center;
    font-size: .7vw;
}
.livraisonNote h3 {
    font-size: .57vw;
    font-family: GR, sans-serif;
}
.livraisonNote span {
    display: inline-block;
    font-size: .57vw;
    font-family: GR, sans-serif;
    font-weight: bold;
}
.tabbedPanels { 
    width: 100%; 
    margin-top: 1vw;
}
.panelContainer {
    clear: left;
    margin-bottom: 1vw;
    padding-top: 2vw;
    height:35vw;
    overflow:hidden;
}
.panelContainer.withCompat {
    height: 22vw;
    margin-bottom: 2vw;
}
.panel::-webkit-scrollbar, .cats-wrapper ul.ui-menu::-webkit-scrollbar {
    width: .4vw;
}
/* Track */
.panel::-webkit-scrollbar-track, .cats-wrapper ul.ui-menu::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px var(--dark-gray); 
    border-radius: .5vw;
}
/* Handle */
.panel::-webkit-scrollbar-thumb, .cats-wrapper ul.ui-menu::-webkit-scrollbar-thumb {
    background: var(--dark-gray); 
    border-radius: .5vw;
}
/* Handle on hover */
.panel::-webkit-scrollbar-thumb:hover, .cats-wrapper ul.ui-menu::-webkit-scrollbar-thumb:hover {
    background: var(--second-color); 
}
.fiche-description .tabs {
    margin: 0;
    padding: 0;	
    list-style: none;
    display:flex;
}
.fiche-description .tabs li {
    float: left;
    width: 23%;
    padding: 0;
    margin: 0;
    text-align: left;
    text-transform: uppercase;
    font-size: .75vw;
    font-family: GR, sans-serif;
    border-bottom: 0.1vw solid var(--dark-gray);
    padding-bottom: 0.4vw;
    text-align:center;
}
.fiche-description .tabs li.produits {
    width: 30%;
}
/*.fiche-description.nocomment .tabs li {
    width: 33%;
}*/
#formulaireAjoutCommentaire {
    font-family: GR, sans-serif;
    font-size:0.9vw;
}
#formulaireAjoutCommentaire form {
    margin-top: 2vw;
}
#formulaireAjoutCommentaire form textarea {
    width: 95%;
    padding: .5vw;
}
#formulaireAjoutCommentaire form input[type=submit] {
    background-color: var(--second-color);
    color: var(--menu-font-color);
    border: none;
    height: 2vw;
    border-radius: 5px;

}
.fiche-description .tabs li:first-child {
    text-align: left;
}
.fiche-description .tabs li:last-child {
    text-align: right;
}
.fiche-description .tabs a {
    text-decoration: none;
    color: var(--dark-gray);
    transition: all .3s ease;
    padding-bottom: 0.1vw;
    cursor:pointer;
}
.fiche-description .tabs a.active {
    border-bottom: 0.3vw solid var(--sixth-color);
    /*background-color: #fff;*/
    color: var(--dark-color);
    font-weight: bold;
}
.fiche-description .panel {
    overflow-x: hidden;
    height: 100%;
}
.fiche-description .panel img {
    margin-top: 1vw;
    margin-bottom: 1vw;
    width: 33vw!important;
    height: auto!important;
}
.fiche-description .panel p  {
    margin-bottom: 10px;

}
.panel .description {
    font-family: GR, sans-serif;
    font-size: 0.8vw;
    /*user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;*/

}
.panel .video-container iframe {
    width: 100% !important;
}
#pane3 {

}
.panel .block.suggestions {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.caseArticleModule {
    width: 32%;
    margin-right: .2vw;
    margin-bottom: .2vw;
    background-color: var(--dark-color);
    text-align: center;
}
.caseArticleModule h3 {
    color: var(--menu-font-color);
    font-family: GL, sans-serif;
    font-size: .7vw;
    padding: 0.5vw;
    height: 2.5vw;
}
a.prix {
    color: var(--second-color);
    font-size: 1.2vw;
    font-family: GL, sans-serif;
    line-height: 2.6vw;
    text-align: center;
    text-decoration: none;
}
.ArticleModule-content {
    background-color: var(--light-gray);
    position: relative;
}
.vignetteArticleModule {
    width: 100%;
    min-height: 5.2vw; /* remove*/
    overflow: hidden;
    position: relative;
}
.zoneBouton {
    margin-top:.5vw; 
    margin-bottom:1vw;
}
.zoneBouton a {
    text-transform: uppercase;
    text-decoration: none;
    color: var(--second-color);
}

ul.details-list {
    width: 100%;
    list-style: none;
}
ul.details-list li.line {
    display: flex;
    margin-bottom:.2vw;
}
ul.details-list li.line div.label {
    width: 50%;
    background-color: var(--light-gray);
    text-align: right;
    padding:.5vw;
    text-transform: uppercase;
}
ul.details-list li.line div.value {
    flex:1;
    background-color: var(--main-bg-color);
    padding:.5vw;
}
ul.details-list li.line div.label, ul.details-list li.line div.value {
    font-family: GR, sans-serif;
    font-size: .73vw;
}

/* Page CatÃ©gories */

.infoCategorie_cadre{
    padding: 1.5vw;
    background-color: var(--light-gray);
    font-family: GR, sans-serif;
    font-size: .9vw;
}

.infoCategorie_cadre .show-more, .infoCategorie_cadre .show-less, .infoCategorie_cadre a.morecontent, .infoCategorie_cadre a.morelink {
    color:black;
    cursor: pointer;
}
.infoCategorie_cadre a{
    color: black;
}

.infoCategorie_cadre .show-more, .infoCategorie_cadre .show-less {
    display:none;
}

.infoCategorie_cadre .show-less{
    margin-top: 1vw;
}

.infoCategorie_cadre p{
    margin-top: .5vw;
    margin-bottom: .5vw;
}

.infoCategorie_cadre h1, .infoCategorie_cadre h2 {
    text-align: center;
    margin-top: 1vw;
    margin-bottom: 1vw;
    font-family: GL, sans-serif;
}

.infoCategorie_cadre h1 i {
    font-size: 4.5vw;
    margin-left: 2vw;
}

section.magazine {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2vw;
}

section.magazine .categorie{
    width: 25%;
    min-height: 10vw;
    text-align: center;
    font-size: 0.6vw;

}
section.magazine .categorie .icon-container {
    color: #000000;
}
section.magazine .categorie a {
    color: var(--dark-gray);
    text-transform: uppercase;
    text-decoration: none;
    transition: color var(--transition-time) ease;
    display: block;
    cursor: pointer;
}

section.magazine .categorie a h2{
    font-size: 1vw;
    font-family: GR, sans-serif;
}

section.magazine .categorie:hover a, section.magazine .categorie:hover i{
    color:var(--third-color);
    transition: color var(--transition-time) ease;
}

section.magazine .categorie:hover a{
    text-decoration: none;
}

section.magazine .categorie .icon-container{
    width: 3vw;
    height: 3vw;
    border: 2px solid;
    margin: 0 auto;
    line-height: 3vw;
    font-size: 1.5vw;
    border-radius: 3vw;
    transition:border-color var(--transition-time) ease;
}
section.magazine .categorie .icon-container-new{
    width: 3.5vw;
    height: 3.5vw;
    margin: 0 auto;
    line-height: 3vw;
    font-size: 1.5vw;
    transition:border-color var(--transition-time) ease;
}
.categories #categories section.magazine .categorie .icon-container-new img {
    width:6vw;
}
.resultat_solr section.magazine .categorie .icon-container-new img{
    width:4vw!important;
}
section.magazine .categorie .icon-container-new span{
    display:flex;
}
section.magazine .categorie:hover .icon-container {
    border-color:var(--third-color);
}
section.magazine .categorie .detail {
    color:var(--second-color);
}
section.magazine .categorie:hover .detail {
    color:var(--third-color);
    transition: color var(--transition-time) ease;
}
#selecteurAlphaCadre_top {
    display: block;
    width: 75%;
    margin: 2vw auto;
    border: 1px solid transparent;
    background-color: var(--light-gray);
}
#selecteurAlphaCadre_top .selecteurAlpha_top {
    /*background-color: var(--light-gray);*/
    width: 100%;
    height: 100%;
    z-index: 1;
}
#selecteurAlphaCadre_top .selecteurAlpha_top .contenu {
    float: right;
    padding-top: 10px;
    color: #FFFFFF;
    padding-left: 14%;
    padding-right: 1%;
    width: 59%;
    height: 189px;
    /*background-image: url('../images/fleche_configurateur_3_noir.png');*/
    background-repeat: no-repeat;
    background-size: contain;
}
#selecteurAlphaCadre_top .selecteurAlpha_top .infos {
    float:left;
    padding:2vw;
    padding-left:2%;
    padding-right: 0%;
    width: 30%;
    height: 10vw;
    color: var(--dark-gray);
}
#selecteurAlphaCadre_top .selecteurAlpha_top .titre {
    font-size: 1.6vw;
    text-align:left;
    margin:0px;
    padding: 0px;
    font-family: GR, sans-serif;
}
#selecteurAlphaCadre_top .selecteurAlpha_top .texte {
    font-size: 1.3vw;
    text-align: left;
    margin-top: 1vw;
    text-transform: uppercase;
    font-family: GR, sans-serif;
}
#selecteurAlphaTop_contenu .navigationAlpha {
    float: left;
    width: 1.5vw;
    height: 1.5vw;
    margin-right: 0.5vw;
    padding: .3vw .6vw .3vw;
    background-color: var(--second-color);
    margin-top: .4vw;
    border-radius: .3vw;
    text-align: center;
    font-weight: 550;
    font-size: 1.1vw;
    cursor: pointer;
    font-family: GR, sans-serif;
    transition: background-color var(--transition-time) ease;
    /* text-shadow: 0px 1px 2px #000, 0px 1px 2px #000; */
    /* box-shadow: 0px -1px 1px #a6d227;*/
}
#selecteurAlphaTop_contenu .navigationAlpha:hover {
    background-color: var(--fifth-color);
}
#selecteurAlphaTop_contenu .navigationAlpha.active {
    box-shadow: 0px 1px 1px #88be09;
    background-color: #5d9607;
}
#selecteurAlphaTop_contenu .navigationAlpha.tous {
    width: 4.5vw;
    text-align: center;
}
.flecheTriAlpha {
    position: absolute;
    top: 45%;
    left: 31.5%;
    display:none;
}
.flecheTriAlpha img {
    width: 70px;
}
.formGarantie {
    margin-left: auto;
    margin-right: auto;
    margin-top: 3%;
    width: 80%;
}
.formGarantie input {
    margin-bottom: 7%;
    width: 30%;
}
.serie-selector {
    display: flex;
    margin-top: 2vw;
}
.serie-selector #afficheurArticleMozaique, #afficheurArticleMozaique {
    display: flex;
    flex-wrap: wrap;
}
.serie-selector .search-results {
    display: flex;
    flex-direction: column;
}
.serie-selector #afficheurArticleMozaique {
    width: 70%;
}
.item-selector {
    overflow:hidden;
    margin-top:1vw;
}
.item-selector #afficheurArticleMozaique {
    width: 70%;
    float: left;
}
.item-selector .serie-filter {
    width: 28%;
    float:right;
}
/************BLOCK*************************************************/
.block {
    margin-bottom: 2vw;
}
.block_contenu_recherche input {
    float:left;
}
.block .entete {
    background-color:transparent;
}
.block_contenu_recherche input.caseInputRecherche {
    border: 0px solid;
    background-color:transparent;
    color:#333333;
    font-size:14px;
    padding: 5px;
    width: 215px;
}
.block_contenu {
    background-color:#FFFFFF;
    padding: 10px;
    padding-bottom: 15px;
    overflow:hidden;
}
.block_contenu .zoneBouton {
    padding: 10px;
    padding-top:0px;
    overflow:hidden;
    background-color:#EEEEEE;
}
.block_contenu.lite {
    padding: 0px;
    padding-bottom: 0px;
}
.block_contenu.selecteur {
    padding: 0px;
}
.block_contenu.lite .ligneBlock, .block_contenu.selecteur .ligneBlock {
    padding: 0px;
    border: 0px solid #e0e0e0;
    border-bottom-width: 1px;
}
.block_contenu.lite .ligneBlock.last, .block_contenu.selecteur .ligneBlock.last {
    border-bottom-width: 0px;
}
.block_contenu.selecteur .titre {
    text-transform:uppercase;
    padding: 15px;
    color:#727b8b;
    font-size:14px;
    letter-spacing:1px;
    background-repeat:no-repeat;
    background-image:url('../images/selection_fleche_fermee.png');
    background-position: 18px 17px;
    padding-left: 38px;
    cursor:pointer;
}
.block_contenu.selecteur .contenu {
    color: #222222;
    padding: 15px;
    font-size:14px;
    margin-top:0px;
    margin-bottom:10px;
    overflow:hidden;
}
.block_contenu.selecteur .contenu .navigationAlpha {
    color: #F9F9F9;
    font-size:12px;
    text-align:center;
    background-color:#555555;
    padding-top: 3px;
    width:22px;
    height:20px;
    float:left;
    margin-right: 5px;
    margin-bottom:5px;
    cursor:pointer;
    font-weight: normal;
}
#selecteurOrdre_contenu [type="radio"] {
    margin-right: 0.2vw;
}
.block_contenu.selecteur .contenu .navigationAlpha:hover {
    color: #FFFFFF;
    background-color:#000000;
}
.block_contenu.selecteur .contenu .navigationAlpha.tous {
    padding-top: 3px;
    padding-left:5px;
    padding-right:5px;
    float: none;
    width: 33px;
}
.block_contenu.selecteur .titre.ouvert {
    background-image:url('../images/selection_fleche_ouverte.png');
    background-position: 15px 17px;
}
.block_contenu.cadre {
    border: 0px solid #CCCCCC;
}
.block_contenu .lien, .block_contenu .lien2 {
    /*background-color:#F5F5F5;*/
    padding: 0.3vw;
    display: block;
    color: #666666;
    font-size: 0.8vw;
    letter-spacing: 0.05vw;
    text-decoration: none;
    cursor: pointer;
    border: 0px solid #EEEEEE;
    border-bottom-width: 0px;
}
.block_contenu .lien {
    background-color:#FFFFFF;
}
.block_contenu .lien:hover, .block_contenu .lien2:hover {
    background-color:#ebebeb;
    color: #000000;
}
.block_contenu .lien.active, .block_contenu .lien2.active {
    background-color:var(--second-color);
    color: #FFFFFF;
}
.block_contenu .lien.active, .block_contenu .lien2.active:hover {
    color: #FFFFFF !important;
}
.block_contenu .lien.icone, .block_contenu .lien2.icone {
    background-repeat:no-repeat;
    padding-left: 30px;
    background-position: 6px 8px;
}
.block_contenu_interne {
    overflow:hidden;
    padding: 10px;
}
.block_contenu_interne .titre {
    text-align:center;
    font-size: 16px;
}
.block_contenu .googleMap {
    overflow:hidden;
    width: 240px;
    height: 200px;
    border: 1px solid #CCCCCC;
    margin-bottom:10px;
}
.block_contenu .soustitre {
    color: #242f24;
    font-size: 14px;
}
.block_contenu .texte {
    color: #505850;
    font-size: 14px;
}
.block_contenu_interne .soustitre {
    text-align:center;
    color:#FF8000;
    margin-top: 5px;
}
.block_contenu_interne .illustration, .block_contenu.lite .illustration {
    text-align:center;
    width: 100%;
}
.block_contenu_interne .illustration img, .block_contenu.lite .illustration img {
    width: 100%;
}
/*FIN BLOCK*************************************************************************************/
#afficheurArticleMozaique .module_article {
    width: 14.4vw;
    margin-right: .5vw;
    margin-bottom: .5vw;
    background-color: var(--light-gray);
    padding: 1vw;
}
#afficheurArticleMozaique .module_article a {
    text-decoration: none;
}
.serie-selector .serie-filter {
    flex: 1;
}
#afficheurArticleMozaique .grandeSerie, #afficheurArticleMozaique .serie, #afficheurArticleMozaique .petiteSerie {
    width: 8vw;
    height: 8vw;
    padding: 1vw;
    background-color: var(--medium-gray);
    margin-bottom: 1.7vw;
    margin-right: 1.8vw;
    color: #fff;
    cursor: pointer;
    transition:all .5s ease-out;
    float: left;
}
#afficheurArticleMozaique .serie a, #afficheurArticleMozaique .petiteSerie a {
    color:var(--menu-font-color);
    text-decoration: none;
    color: inherit;
    display: block;
    background-color: transparent;
}
#afficheurArticleMozaique .grandeSerie:hover, #afficheurArticleMozaique .serie:hover, #afficheurArticleMozaique .petiteSerie:hover {
    color:var(--second-color);
    background-color: var(--light-gray);
}
#afficheurArticleMozaique .grandeSerie i, #afficheurArticleMozaique .serie i, #afficheurArticleMozaique .petiteSerie i {
    font-size: 4vw;
}
#afficheurArticleMozaique .grandeSerie i span, #afficheurArticleMozaique .serie i span, #afficheurArticleMozaique .petiteSerie i span {
    color: var(--medium-gray);
    font-size: 1.2vw;
    position: relative;
    top: -2.4vw;
    left: -1.3vw;
    font-family: GR, sans-serif;
    text-transform: uppercase;
    transition: color .5s ease-out;
}
#afficheurArticleMozaique .grandeSerie:hover i span, #afficheurArticleMozaique .serie:hover i span, #afficheurArticleMozaique .petiteSerie:hover i span {
    color:var(--light-gray);
}
/*#afficheurArticleMozaique .serie {
    display: none;
}*/
.module_article{
    text-align: center;
}
.module_article .titre {
    font-size: 1.2vw;
    margin-bottom: 1.2vw;
}
.module_article.grandeSerie .titre, .module_article.grandeSerie a, .module_article.serie a, .module_article.serie .titre,.module_article.petiteSerie a, .module_article.petiteSerie .titre #afficheurArticleMozaique .grandeSerie i, #afficheurArticleMozaique .serie i {
    color:#FFF;
}
.lite.cadre ul#filter {
    list-style: none;
}
.lite.cadre ul#filter li {
    width: 100%;
    padding: .5vw;
    border-bottom: 1px solid var(--medium-gray);
}
.lite.cadre ul#filter li:first-child {
    border-top: 1px solid var(--medium-gray);
}
.block_titre {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0vw;
    text-align: right;
    font-size: 1.5vw;
    text-transform: uppercase;
    margin-bottom: 0.5vw;
}
.lite.cadre ul#filter li a, .lite.cadre ul#filter li span {
    text-decoration: none;
    color:var(--dark-gray);
    transition:color var(--transition-time) ease;
}
.lite.cadre ul#filter li:hover a {
    color:var(--second-color);
}
.module_article.image .module_article_vignette {
    margin-bottom: 1vw;
    position:relative;
}
.module_article.image .module_article_vignette img {
    width: 100%;
    max-height: 10vw;
}
.module_article.image{
    max-height: 28vw;
}
.module_article.image .texte{
    font-size: .8vw;
    font-family: GL, sans-serif;
    text-align: left;
    margin-bottom: 1vw;
}
.module_article.image .module_article_prix_num{
    font-size: 1.7vw;
    color: var(--second-color);
    font-family: GL,sans-serif;
}
.module_article.image .module_article_panier{
    display: flex;
    margin-top: 1vw;
}
.module_article_panier .module_article_panier_add{
    width: 50%;
    text-align: center;
}
.module_article_panier a{
    flex:1;
    text-align:center;
}

/* Configurateur + configurateur prÃ©sentation */

.ui-state-highlight {
    padding: .4vw;
    background-color: var(--medium-gray);
    position: absolute;
    box-shadow: 0px 10px 12px 1px rgba(138,138,138,0.7);
    color:#fff;
    left:2vw;
    display: block !important;
    font-size: 0.75vw;
    font-family: GR, sans-serif;
}
#configurateurCadre {
    width: 30%;
    height: 37vw;
    margin-top: -0.2vw;
    position:relative;
    cursor: default;
}
#configurateurCadrePresentation {
    width: 16vw;
    height: 37vw;
    margin-top: -0.2vw;
    position:relative;
    cursor: default;
    z-index: 4;
    -webkit-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.27);
    -moz-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.27);
    box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.27);
}
#configurateur {
    width: 90%;
    height: 37vw;
    position: relative;
    top:0.2vw;
    overflow: hidden;
    background-color: rgba(0,0,0,0.7);
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    transition: all .3s ease-out;
}
#configurateurPresentation {
    position: relative;
    width: 16vw;
    height: 37vw;
    overflow: hidden;
    background-color: white;
    transition: all .3s ease-out;
}
#configurateur.open {
    width: 6%;
}
.open-config {
    flex: 1;
    background-color: rgba(0,0,0,0.7);
    height: 37vw;
    width: 2.2vw;
    position: relative;
    left: 0;
    cursor: pointer;
}
.open-config-presentation {
    flex: 1;
    background-color:#f4f4f4;
    height: 37vw;
    width: 2.2vw;
    position: relative;
    left: 0;
    cursor: pointer;
}
.open-config i {
    font-size: 2vw;
    position: absolute;
    /* top: calc(50% - 1vw); */
    top: 13.5vw;
    color: #f6f4f4;
    left: 0vw;
    transition: transform .5s ease-out;
}
.open-config.app i {
    transform:translateY(-3.5vw);
}
.open-config.gserie i {
    transform: translateY(.2vw);
}
.open-config.serie i {
    transform: translateY(4vw);
}
.open-config.model i {
    transform: translateY(8vw);
}
.meta-infos {
    flex:1;
    /*visibility: hidden;
    opacity: 0;*/
    transition:all 1s ease-out;
    position: relative;
    top:.2vw;
    height: 37vw;
}
.meta-infos-presentation {
    display: flex;
    justify-content: center;
    align-items: center;
    transition:all 1s ease-out;
    position: relative;
    width: 2.2vw;
    height: 37vw;
    left: 2vw;
    background-color:#f4f4f4;
    cursor: pointer;
    float: right;
}
.meta-infos-presentation.open {
    background-color:#d2d2d2;
}
#infos_panel_container {
    position: relative;
    width: 2.5vw;
}
#infos_panel {
    position: absolute;
    z-index: 3;
    background-color: #f3f3f3;
    width: 0vw;
    bottom: 0.05vw;
    /* border: 0.1vw solid black; */
    transition:all 500ms ease-out;
    -webkit-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.27);
    -moz-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.27);
    box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.27);
}
#infos_panel.open {
    width: 54vw;
}
.flecha_izquierda {
    display: inline-block;
    font-size: 2vw;
    transform: rotate(180deg);
    color: darkgray;
}
.flecha_izquierda.open {
    display: inline-block;
    transform: rotate(0deg);
    color: darkgray;
}
#configurateur .infos {
    visibility: visible;
    opacity: 1;
}
#configurateur .contenu {
    visibility: visible;
    opacity: 1;
    margin-left: auto;
    margin-right: auto;
    width: 72%;
    margin-bottom: 0.3vw;
    margin-top: 2.5vw;
    font-size: 0.75vw;
}
#configurateur .infos {
    width: 75%;
    position: relative;
    top:1.2vw;
    margin:0 auto;
}
.open-config.open {
    /*transform: translateX(-16vw);*/
}
#configurateur .infos.open {
    transition: all .1s ease-out;
    writing-mode: vertical-lr;
    text-orientation: mixed;
}
#configurateurCadre .titreConfigurateurCote {
    position: absolute;
    transition: all .1s ease-out;
    writing-mode: vertical-lr;
    text-orientation: mixed;
    color: #FFF;
    z-index: 1;
    top: 2vw;
    left: 1vw;
    font-size: 0.9vw;
    text-transform: uppercase;
    font-weight: bold;
    font-family: GUL, sans-serif;
    color: var(--menu-font-color);
    letter-spacing: 0.1vw;
}
#configurateurCadrePresentation .titreConfigurateurCote {
    position: absolute;
    transition: all .1s ease-out;
    writing-mode: vertical-lr;
    text-orientation: mixed;
    color: #FFF;
    z-index: 1;
    top: 2vw;
    left: 1vw;
    font-size: 0.9vw;
    text-transform: uppercase;
    font-weight: bold;
    font-family: GUL, sans-serif;
    color: var(--menu-font-color);
    letter-spacing: 0.1vw;
}
#configurateur .infos.open h1 {
    font-size: 1.7vh;
}
#configurateur .contenu.open {
    visibility: hidden;
    opacity: 0;
    transition: all .1s ease-out;
}
#configurateur .infos h1 {
    font-family: GUL, sans-serif;
    font-size: 1.9vw;
    color:var(--menu-font-color);
    text-transform: uppercase;
    margin-bottom: 0.5vw;
}
#configurateurCadre .titreConfigurateurCote span:first-child, #configurateur .infos h1 span:first-child {
    font-family: GR, sans-serif;
}
#configurateurCadre .titreConfigurateurCote span:last-child, #configurateur .infos h1 span:last-child {
    text-transform: lowercase;
    font-size: 1.2vw;
}
#formSearchConfigurateur .num {
    color:#fff;
    margin-bottom: 0.3vw;
    margin-top: 0.8vw;
    font-size: 0.75vw;
}
#formSearchConfigurateur input {
    height: 1.8vw;
    width: 11.4vw;
    border-radius: 2vw;
    outline: none;
    border: 0px;
    padding-left: 1vw;
    font-size: 0.7vw;
    font-weight: bold;
}
#formSearchConfigurateur input::placeholder {
    color: var(--medium-gray);
}
#formSearchConfigurateur .field {
    margin-bottom: 0.4vw;
}
.ui.horizontal.divider {
    position: relative;
    top: 0;
    left: 0;
    margin: 1vw 1.5vw !important;
    height: auto;
    padding: 0;
    line-height: 1;
    color: #FFF  !important;
}
.ui.horizontal.divider::before {
    position: absolute;
    content: " ";
    z-index: 0;
    width: 32%;
    top: 50%;
    left: 0;
    height: 0;
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(255,255,255,.8);
    margin-left: -1.5vw;
}
.ui.horizontal.divider::after {
    position: absolute;
    content: " ";
    z-index: 0;
    width: 32%;
    top: 50%;
    right: 0;
    height: 0;
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(255,255,255,.8);
    margin-right: -1.5vw;
}
#infos-container {
    display: none;
    position: absolute;
    width: 45vw;
    height: 10vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10vw;
    justify-content: center;
    align-items: center;
    font-size: 2vw;
    z-index: 2;
}
#infos-container[style*="display: block"] {
    display: flex !important;
}
#infos-container-text {
    cursor: pointer;
}
#cats-ui-ul {
    height: 30vw;
    position: relative;
    top: .7vw;
    display: none;
    width: 46vw;
    margin-left: 0.6vw;
    margin-bottom: 1vw;
}
#cats-ui-infos {
    height: 6vw;
    display:none;
    margin-left: 1vw;
    margin-right: 1vw;
    /*background-color: pink;*/
}
#cats-ui-infos .divider {
    position: relative;
    border-top: 0.1vw solid;
    padding-top: 1vw;
}
#cats-ui-infos .model-not-found p {
    font-family: GR, sans-serif;
    font-size: .8vw;
}
.contact-us {
    background-color: var(--medium-gray);
    height: 1.5vw;
    padding: 0.5vw;
}
#cats-ui-infos .divider .contact-us a {
    text-align: right;
    font-family: GR, sans-serif;
    font-size: 1.3vw;
    height: 1vw;
    display:block;
    color: white;
    text-decoration: none;
}
#cats-ui-infos .divider .contact-us a:visited {
    text-decoration: none;
}
.ui-helper-hidden-accessible {
    display: none !important
}
ul.ui-menu {
    width: 100% !important;
    list-style-type: none;
    background-color: var(--light-gray-gray);
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    align-items: baseline;
    align-content: start;
    top:.2vw !important;
    left: 0 !important;
    padding: 0.2vw;
    height: 29vw;
    overflow-x: hidden;
    overflow-y: scroll;
    /*box-shadow: 0px 10px 12px 1px rgba(138,138,138,1);*/
}
ul.ui-menu li {
    cursor: pointer;
    padding: 0.2vw;
    color: var(--menu-font-color);
    width: 10.1vw;
    height: 9vw;
    background-color: rgba(30,30,30,0.8);
    margin-right: .3vw;
    margin-left: .3vw;
    margin-bottom: .35vw;
}
ul.ui-menu li:hover {
    background-color: var(--second-color-alpha);
}
.ui-menu-item .titre {
    font-size: .8vw;
    font-family: GR, sans-serif;
}
.ui-menu-item .module_article {
    padding: .3vw;
}
.ui-menu-item .module_article_vignette i {
    font-size: 4vw;
}
.ui-menu-item .module_article_vignette i span {
    color: var(--medium-gray);
    font-size: 1.2vw;
    position: relative;
    top: -2.4vw;
    left: -1.4vw;
    font-family: GR, sans-serif;
    text-transform: uppercase;
    transition: color .5s ease-out;
}
#boutonRechercheConfigurateurTop {
    width: 12.5vw;
    height: 2vw;
    background-color: var(--second-color);
    border: 0px;
    color:var(--menu-font-color);
    cursor: pointer;
    transition: background-color 1s;
    font-size: 1.1vw;
    padding: 0.3vw;
}
#boutonRechercheConfigurateurTop:hover {
    background-color: var(--fifth-color);
}

/* FICHE PRESENTATION / Additions CONFIGURATEUR */
.loader-asus {
    display: none;
    position: absolute;
    background: url('../images/loader-large.gif') 50% 50% no-repeat rgba(255, 255, 255, 0);
    cursor: wait;
    height: 20vw;
    width: 20vw;
    left: 48vw;
    top: 19vw;
    z-index: 77;
}

#products-entetePrincipale {
    position: absolute;
    top: 11vw;
    left: 15vw;
    z-index: 3;
    margin-left: auto;
    margin-right: auto;
    width: 67vw!important;
}

#products-entetePrincipale .page_interne{
    width: 100%;
}
#products-entetePrincipale .page_interne .arboActualite{
    /*width: 99%;*/
}
#products-titre {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    font-size: 1.1vw;
    margin-top: 0vw;
    margin-bottom: 0.5vw;
}
#product-designation {
    font-size: 0.9vw;
}
.product-container {
    position: absolute;
    display: flex;
    flex-direction: column; 
    align-items: center;
    z-index: 2; 
    height: 37vw;
    background-color: white;
    font-size: 0.7vw;
    overflow: hidden;
}
/*
.product-container[style*="display: block"] {
    display: flex !important;
}
*/
#product-picture_container {
    width: 12.5vw;
    margin: 0.5vw;
    height: 11vw;
    overflow: hidden;
}
#product-picture {
    width: 12.5vw;
    height: auto;
}
#product-container_main {
    height: 22vw;
}
#product-description_court, #product-eclate {
    position: absolute;
    display: none; 
    text-overflow: ellipsis;
    overflow: hidden;
    height: 30vw;
    width: 49.9vw;
    padding: 2vw;
    margin-top: 1.5vw;
}
#product-eclate &gt; iframe  {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
#product-description_longue {
    text-overflow: ellipsis;
    overflow: hidden;
    height: 19.5vw;
    padding: 0.5vw;
    margin-bottom: 1vw;
}
#product-description_longue h2 {
    margin:0px;
}
#product-description_bas {
    margin-left: 0.5vw;
}
#product-description_bas img {
    width: 15vw;
    height: auto;
    border: 1px solid var(--medium-gray);
}
#backlink {
    position: relative;
    margin-bottom: 0.5vw;
}
#products-more_infos {
    position: relative;
}
#backlink &gt; img, #products-more_infos &gt; img, #products-eclate_infos &gt; img {
    cursor: pointer;
    margin-left: 0.5vw;
    width: 15vw;
}
#backlink_text {
    position: absolute;
    cursor: pointer;
    color: white;
    font-size: 0.9vw;
    font-weight: bold;
    top: 1vw;
    left: 3.7vw;
}
#products-more_infos_text{
    position: absolute;
    cursor: pointer;
    color: white;
    font-size: 0.9vw;
    font-weight: bold;
    text-align: center;
    top: 0.5vw;
    left: 3.5vw;
}
#compats-container {
    width: 52vw;
    height: 100%;
    overflow: hidden;
}
#contenu_droit #new-content {
    margin-top: 0.5vw;
    height: 36.5vw;
}
#compats-filter {
    font-size: 0.8vw;
    float: left;
    width: 10vw;
    height: 100%;
    margin-right: 1vw;
    margin-left: 1vw;
    background-color: white;
}
#compats-filter .ligneBlock {
    margin-top: 0.5vw;
}
#compats-filter_categories {
    height: 31.5vw;
    overflow-x: hidden;
    overflow-y: auto;
}
#compats-filter_categories label{
    width: 100%;
    display: block;
    height: 100%;
}
/* From jQuery "smoothness" css */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
    font-weight: normal;
    color: #555;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-slider-handle {
    color: #FF0000 !important;
    width: 20px;
    height: 20px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 4px;
}
.ui-slider {
    position: relative;
    text-align: left;
    margin-bottom: 1.5vw;
    margin-left: 0.6vw;
    margin-right: 0.6vw;
}
#selecteurBudget_contenu input#amount {
    border: 0;
    color: #83bd31;
    font-weight: bold;
    width: 4.9vw;
    font-size: 0.8vw;
}
/* Fin smoothness*/
#compats-filter .card-filter_input {
    display: block !important;
    color: black;
    border-bottom: 1px solid #CCC;
    margin-left: 0.1vw;
    margin-right: 0.1vw;
    margin-top: 0.4vw;
    /* margin-bottom: 0.3vw; */
    /* padding-bottom: 0.2vw; */
    font-size: 0.65vw;
    font-weight: bold;
    white-space: nowrap;
    height: 1.2vw;
}
#compats-filter .card-filter_input input{
    height: 100%;
    width: 1.4vw; 
}
#compats-filter .ui .checkbox { 
    top: 1vw;
}
#compats-products {
    height: 32.7vw;
    margin-left: 2vw;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 2.5vw;
}
#compats-products_padded {
    padding: 0.5vw;
}
#compats-products-end {
    height: 0vw;
    background-color: white;
}
#compats-container #compats-bottom {
    position: absolute;
    height: 4vw;
    width: 40vw;
    bottom: 0px;
    left: 12vw;
    background-image: linear-gradient(to bottom, rgba(255,255,255, 0), white 50%);
}
#compats-container #compats-bottom .compats-bottom_rotate {
    transform: rotate(-90deg);
    font-size: 2.5vw;
    color: black;
    text-align: center;
    padding-right: 0vw;
    cursor:pointer;
}
.compat-card {
    /* background-color: var(--medium-gray); */
    background-color: white;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.27);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.27);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.27);
    height: auto;
    margin-bottom: 0.5vw;
}
.compat-card .upper-card {
    height: 7.5vw;
    overflow: hidden;
    padding: 0.2vw;
}
.compat-card .upper-card-img {
    margin-top: 0.3vw;
    margin-left: 0.3vw;
    margin-right: 0.4vw;
    float: left;
    width: 10.01vw;
    overflow: hidden;
    height: 6.82vw;
}
.compat-card .upper-card-img &gt; a &gt; img {
    height: 100%;
}
.compat-card .upper-card-img &gt; a &gt; img:hover {
    filter: brightness(50%);
    cursor: url('../images/magnifyingGlassBlack.png'), auto;
}
.compat-card .upper-card .card-price {
    float: right;
    width: 8.9vw;
    color:white;
    margin-top: 0vw;
    margin-right: 0.3vw;
}
.compat-card .upper-card .card-price .infoDispo {
    font-size: 0.6vw;
    float: left;
    padding-top: 2vw;
    width: 75%;
    font-weight: bold;
}
.compat-card .upper-card .card-price .card-cart, .productCart .card-cart.equipment {
    width: 3vw;
    height: 3vw;
}
.compat-card .upper-card .card-price .card-cart, .productCart .card-cart {
    /*
    padding-top: 0.5vw;
    padding-left: 0.2vw;
    padding-bottom: 0.2vw;
    */
    color: #fff;
    font-size: 1.7vw;
    cursor: pointer;
    float: right;
    width: 2.22vw;
    height: 2.22vw;
    margin-top: 3.5vw;
    background-image: url(../images/Card_panier.svg);
    background-repeat: no-repeat;
}
.productCart .card-cart {
    width: 2.5vw!important;
    height: 2.5vw!important;
    margin-top: 0.5vw;
}
.productCart .card-cart.indisponible {
    margin-top: 0.8vw;
    filter: grayscale(100%);
    cursor: not-allowed;
}
.compat-card .upper-card .card-cart &gt; i {
    cursor: pointer;
}
.compat-card .upper-card .card-price .prix {
    text-align:right;
    font-size: 1.5vw;
    font-weight: bold;
    padding-top: 0.3vw;
    color: #4c4c4c;
}
.compat-card .upper-card .card-price .tax {
    position: relative;
    top: -0.6vw;
    font-size: 0.6vw;
}
.compat-card .upper-card .card-price .prixDetail {
    overflow:hidden;
    width: 100%;
}
.compat-card .compat-link &gt; a:visited, .compat-card .compat-link &gt; a:link {
    color: #393939;
    text-decoration: none;
} 
.compat-card .upper-card .card-description {
    margin-top: 0.9vw;
    color: black;
    height: 2.6vw;
    font-size: 0.9vw !important;
    display: flex;
    flex-wrap: wrap;
}
.compat-card .upper-card .card-see_details {
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    font-size: 0.6vw;
    cursor: pointer;
    height: 1.4vw;
    width: 7.2vw;
    color: #393939;
    background-color: #c4c4c4;
    border-radius: 0.3vw;
    margin-top: 1.5vw;
    margin-right: 1vw;
}
.compat-card .upper-card .card-see_details .icon-ArrowLeft {
    display: inline-block;
    transform: rotate(-90deg);
}
.compat-card .dispo_stock {
    color: green
}
.compat-card .dispo_indisponible {
    color: red;
}
.compat-card .dispo_sur_commande {
    color: yellow;
}
.compat-card .lower-card, .article-lower-card {
    clear: both;
    display: none;
    flex-direction: column;
    height: auto;
    text-align: left;
    font-size: 0.55vw;
    color: black;
    margin-left: 0.5vw;
    margin-right: 0.8vw;
}
.compat-card .lower-card[style*="display: block"], .article-lower-card[style*="display: block"] {
    display: flex !important;
}
.compat-card .lower-card .compat-carac, .article-lower-card .compat-carac {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0.2vw;
}
.compat-carac div:first-child {
    margin-right: 0.5vw;
}
.compat-card .lower-card .odd, .article-lower-card .odd {
    background-color: var(--light-gray);
}
.compat-card .lower-card .even, .article-lower-card .even {
    background-color: white;
}
.compat-card .card-description-container {
    padding-top: 0.4vw;
    padding-left: 1.5vw;
    width: 16vw;
    float: left;
}
.compat-card .card-description a {
    color: black;
    text-decoration: none;
}
.compat-card .card-description a:hover {
    text-decoration: underline;
}
.compat-card .compat-link {
    color: #393939;
    background-color: #c4c4c4;
    margin-top: 0.5vw;
    /* height: 1.2vw; */
    /* float: right; */
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-bottom: 0.5vw; */
    margin-left: 6vw;
    margin-top: 1.45vw;
    border-radius: 0.3vw;
    height: 1.4vw;
    width: 7.2vw;
    font-size: 0.6vw;
} 

/* Categories contenu */

.cats-wrapper {
    flex:1;
    background-color: rgba(255,255,255,0.9);
    margin-bottom: -0.15vw;
    border-radius: 0vw 2vw 2vw 0vw;
    z-index: 2;
}
.cats-wrapper .contenu {
    position: relative;
    top:0;
    width: 100%;
    color: #333;
}
.cats-wrapper .cats-title {
    height: 4vw;
    width: 100%;
}
.cats-wrapper .cats-contenu {
    display: flex;
    flex-wrap: wrap;
}
.cats-wrapper .cat-menu-item {
    height: 10vw;
    width: 33%;
    cursor: pointer;
}
.cats-wrapper .cat-menu-item a {
    text-decoration:none;
    color:var(--dark-color);
    transition: color .3s linear;
}
.cats-wrapper .cat-menu-item:hover a {
    color:var(--second-color);
}
.cats-wrapper .cat-menu-item i {
    font-size: 2.9vw;
}
.cats-wrapper .cat-menu-item.center {
    text-align: center;
}
.cats-wrapper .cat-menu-item.right {
    text-align: right;
}
.cats-wrapper .cat-menu-item h2 {
    font-family: "GUL", sans-serif;
    letter-spacing: 0.1vw;
    font-size: 1.8vw;
    text-transform: lowercase;
}
.cat-menu-item i.icon-epc {
    font-size: 4vw;
} 
.cats-wrapper .cats-title {
    border-bottom: 0.1vw solid;
    border-image: radial-gradient(rgb(0,0,0), rgb(242,242,242)) 1;
}
.cats-wrapper .cats-title h1 {
    font-family: "GUL", sans-serif;
    letter-spacing: 0.2vw;
    text-align: center;
    font-size: 2.2vw;
    margin: 1.5vw 0;
}
.cats-wrapper .detail {
    font-size: 0.7vw;
    font-family: 'GR';
    width: 30%;
    margin: 0.5vw auto;
    color: var(--menu-font-color);
    background-color: var(--third-color);
    padding: 0.15vw;
    transition: all var(--transition-time) linear;
}
/*.cats-wrapper .cat-menu-item:hover .detail{
    background-color: var(--second-color);
}*/

/* Contenu*/

.centered-title {
    text-align: center;
    font-family: 'GL', sans-serif;
}
h1.centered-title {
    margin:0 auto;
    font-size: 1.8vw;
}
h1.centered-title img {
    width: 6vw;
}
.separateur-page {
    width: 35%;
    height: 1px;
    border-bottom: 2px solid var(--third-color);
    margin: 1vw auto;
}
.centered-description {
    text-align: center;
    margin-top: 0vw;
    margin-bottom: 2vw;
}
.centered-description a{
    color: black;
}
.centered-description p {
    font-size: 1.4vw;
    line-height: 2.1vw;
}
section.middle-section {
    padding-top: 1vw;
    width: 100%;
}

/* Patchworks */
/* Patchwork default */
.middle-section-wrapper {
    display: flex;
    width: 100%;
    height: 32vw;
    margin-bottom: 30px;	
}
.middle-section-wrapper .col-1 {
    width: 65%;
    margin-right: 2vw;
}
.middle-section-wrapper .col-2 {
    flex: 1;
}
.middle-text h2, .middle-text p {
    text-align: center;
    font-size: 0.8vw;
}
.middle-text h2 {
    margin-top: 6px;
    margin-bottom: 3px !important;
    font-size: 1.1vw;
}
.middle-text p {
    margin-top: -2vw;
    width: 40%;
    margin: 0 auto;
}
.green-asus  {
    display: flex;
    height: 8vw;
    border:2px solid var(--fifth-color);
    background-color: var(--fourth-color);
}
.green-asus .green-infos {
    width: 70%;
    margin-top: 2.5vw;
    margin-left: 2vw;
}
.green-asus .green-logo {
    flex: 1;
    /* background-image: url(../images/greenAsus.svg);*/
    background-image: url(../images/green-logo.png);
    transform: translateY(-0.7vw) scale(1.1);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.green-asus:before {
    /*content: "";
    width: 4vw;
    height: 1vw;
    background-color: var(--main-bg-color);
    display: block;
    position: relative;
    top: -1vw;
    left: 60.7vw;
    z-index: 0;*/
}
.green-asus p {
    font-size: 1.2vw;
    color:var(--fifth-color);
}
.middle-img img {
    width: 100%;
    margin-top: 1vw;
}
/* Patchwork 2 blocs horizontaux */
.middle-section-wrapper-2bh {
    display: flex;
    width: 100%;
    margin-bottom: 30px;	
}
.middle-section-wrapper-2bh .col-1-2bh {
    width: 50%;
    margin-right: 2vw;
}
.middle-section-wrapper-2bh .col-2-2bh {
    width: 50%;
}
/* Patchwork 2 blocs verticaux */
.middle-section-wrapper-2bv {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 30px;	
}
.middle-section-wrapper-2bv .col-1-2bv {
    width: 100%;
}
.middle-section-wrapper-2bv .col-2-2bv {
    width: 100%;
}
.middle-section-wrapper-2bv .middle-text p {
    margin-top: -2vw;
    width: 50%;
    margin: 0 auto;
}
/* Patchwork 4 blocs */
.middle-section-wrapper-4b {
    display: flex;
    width: 100%;
    margin-bottom: 30px;	
}
.middle-section-wrapper-4b .col-1-4b {
    display: flex;
    flex-direction: column;
    width: 50%;
    margin-right: 2vw;
}
.middle-section-wrapper-4b .col-2-4b {
    display: flex;
    flex-direction: column;
    width: 50%;
}

/* Accordion */

section.accordion {
    margin-top: 60px;
    margin-bottom: 100px;
}
#accordion-container {
    width: 100%;
    height: 25vw;
    overflow: hidden;
    /*border: 1px solid #666;*/
}
section#slider {
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
    font-weight: bold
}
#slider .item {
    width: 20%;
    float: left;
    background-color: var(--light-gray);
    height: 24vw;
    /*line-height: 200px;*/
    cursor: pointer
}
#slider .item.active .v span {
    color:var(--dark-color);
}
#slider .item:hover .h span, .item:hover .v span {
    color:var(--dark-color);
}
#slider .info {
    width: 0;
    float: left;
    background-color: #eee;
    color: #222;
    height: 25vw;
    display: none;
}
#slider .item-title.h {
    width: 100%;
    height: 3vw;
    line-height: 3vw;
    color:#fff;
    font-family: 'GUL', sans-serif;
    font-size: 1vw;
    position: relative;
    top: calc(100% - 3vw);
    background: rgb(164,175,181);
    background: linear-gradient(90deg, rgba(164,175,181,1) 0%, rgba(149,168,171,1) 23%, rgba(146,155,157,1) 85%);
    -webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;
    /*transition-delay: .5s, .7s;*/
}
#slider .item.item1 .item-title.h{
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
}
#slider .item.item2 .item-title.h{
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}
#slider .item.item3 .item-title.h{
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}
#slider .item.item4 .item-title.h{
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}
#slider .item.item4 .item-title.h{
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}
#slider .item.item5 .item-title.h{
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s;
}
#slider .item.close .item-title.h{
    height: 25vw;
    top:0;
}
#slider .item .item-title.h span{
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}
#slider .item.close .item-title.h span{
    opacity: 0;
}
#slider .item .item-title.v{
    width: 230%;
    font-family: 'GUL', sans-serif;
    font-size: 1vw;
    color:#fff;
    opacity: 0;
    transform: translateY(30vw) rotate(-90deg);
    position: relative;
    left:-40px;
    /*-webkit-transition: all .6s linear;
    -moz-transition: all .6s linear;
    -o-transition: all .6s linear;
    transition: all .6s linear;*/
}
#slider .item.close .item-title.v {
    transform: translateY(-13vw) rotate(-90deg);
    opacity: 1;
}
#slider .item1, #slider .item2, #slider .item3, #slider .item4, #slider .item5 {
    background-repeat: no-repeat;
    background-size: auto 88%;
    background-position: center 0px;
}
#slider .info1, #slider .info2, #slider .info3, #slider .info4, #slider .info5 {
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center 0px;
}
/*FRANCE***********************************************************/
/*
#slider .item1.fr, #slider .info1.fr {
    background-image: url('../images/language/fr/sliders/zenbook-pro-duo.jpg');
}
#slider .item2.fr, #slider .info2.fr {
    background-image: url('../images/language/fr/sliders/rog-phone-3.jpg');
}
#slider .item3.fr, #slider .info3.fr {
    background-image: url('../images/language/fr/sliders/zenfone7.jpg');
}
#slider .item4.fr, #slider .info4.fr {
    background-image: url('../images/language/fr/sliders/casque-rog-delta.jpg');
}
#slider .item5.fr, #slider .info5.fr {
    background-image: url('../images/language/fr/sliders/souris-rog-chakram.jpg');
}
*/
/*ANGLAIS***********************************************************/
/*
#slider .item1.en, #slider .info1.en {
    background-image: url('../images/language/en/sliders/zenbook-pro-duo.jpg');
}
#slider .item2.en, #slider .info2.en {
    background-image: url('../images/language/en/sliders/rog-phone-3.jpg');
}
#slider .item3.en, #slider .info3.en {
    background-image: url('../images/language/en/sliders/zenfone7.jpg');
}
#slider .item4.en, #slider .info4.en {
    background-image: url('../images/language/en/sliders/casque-rog-delta.jpg');
}
#slider .item5.en, #slider .info5.en {
    background-image: url('../images/language/en/sliders/souris-rog-chakram.jpg');
}
*/
/*ESPAGNE***********************************************************/
/*
#slider .item1.es, #slider .info1.es {
    background-image: url('../images/language/es/sliders/zenbook-pro-duo.jpg');
}
#slider .item2.es, #slider .info2.es {
    background-image: url('../images/language/es/sliders/rog-phone-3.jpg');
}
#slider .item3.es, #slider .info3.es {
    background-image: url('../images/language/es/sliders/zenfone7.jpg');
}
#slider .item4.es, #slider .info4.es {
    background-image: url('../images/language/es/sliders/casque-rog-delta.jpg');
}
#slider .item5.es, #slider .info5.es {
    background-image: url('../images/language/es/sliders/souris-rog-chakram.jpg');
}
*/
/*ITALIE***********************************************************/
/*
#slider .item1.it, #slider .info1.it {
    background-image: url('../images/language/it/sliders/zenbook-pro-duo.jpg');
}
#slider .item2.it, #slider .info2.it {
    background-image: url('../images/language/it/sliders/rog-phone-3.jpg');
}
#slider .item3.it, #slider .info3.it {
    background-image: url('../images/language/it/sliders/zenfone7.jpg');
}
#slider .item4.it, #slider .info4.it {
    background-image: url('../images/language/it/sliders/casque-rog-delta.jpg');
}
#slider .item5.it, #slider .info5.it {
    background-image: url('../images/language/it/sliders/souris-rog-chakram.jpg');
}
*/
/* PAGE COMPTE */

.rubrique {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-evenly; */ 
    justify-content: flex-start;
    align-content: space-around;
}
.rubrique .sousRubrique {
    height: 9.5vw;
    margin-bottom: 0.5vw;
    margin-right: 0.5vw;
    width: 31%; 
    padding: 0.5vw;
    border: 1px black solid; 
    background-color: var(--light-gray);
}
.rubrique .remove {
    position: relative;
    overflow: hidden;
    color:black;
    font-size: 1vw;
    height: 6vw;
    width: 66%;
    text-align: right;
}
.rubrique .remove2 {
    position: relative;
    overflow: hidden;
    color:black;
    font-size: 1vw;
    height: 6vw;
    margin-left: 10.9vw;
}
/* PAGE ACTUALITES */
.news-container {
    display: flex;
    margin: auto;
    width: 100%;
}
.caseNews {
    flex-direction: column;
}

.caseNews_ligne {
    /*flex-direction: column;*/
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 12px;
    font-family: "Segoe", sans-serif;
    box-sizing: content-box;
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    overflow: hidden;
    margin-top: 5px;
    padding: 15px;
}

.caseNews_ligne_illustration {
    float: left;
    width: 10vw;
}



.colonneBlocks .news {
    flex-direction: column;
}

/* Footer */
.imageBasForum{
    width: 90%;
}
footer#bas {
    width: 100%;
    background-color: var(--dark-color);
    color:var(--menu-font-color);
    font-family: 'GL', sans-serif;
}
footer#bas .first-line {
    width: 100%;
    height: 6vw;
    padding: 0.5vw;
    font-size: 0.9vw;
}
footer#bas .first-line .widget {
    flex:1;
    text-align: center;
    padding: 1.2vw;
}
footer#bas .first-line .widget i {
    font-size: 1.2vw;
}
footer#bas .first-line .widget span {
    color: var(--third-color);
}
footer#bas .first-line .widget h4{
    margin-bottom: 0.3vw;
    font-size: 0.8vw;
}
footer#bas .first-line .widget p {
    font-size: 0.6vw;
    margin-top: 0!important;
    text-align: center;
}
footer#bas .second-line{
    width: 100%;
    margin-top: 1vw;
}
footer#bas .second-line .widget {
    flex: 1;
}
footer#bas .second-line .widget h2 {
    text-transform: uppercase;
    font-size: 0.9vw;
    letter-spacing: 0.12vw;
    color:#FFF;
}
footer#bas .second-line .widget ul li {
    list-style: none;
    padding: 0.2vw;
    font-size: 0.8vw!important;
}
footer#bas .second-line .widget a, footer#bas .second-line .widget div {
    color: var(--menu-font-color);
    text-decoration: none;
    transition: color var(--transition-time) linear;
    cursor:pointer;
}
footer#bas .second-line .widget li:hover a {
    color: var(--third-color);
    text-decoration: underline;
}
footer#bas .second-line .widget .forum {
    width: 15vw;
    height: 7vw;
    /*
    background-color: #eee;
    background-image: url('../images/FPA_banniere_b.png');
    background-repeat: no-repeat;
    */
    padding: 0.5vw;
}
footer#bas .second-line .widget .forum a {
    display:block;
    text-transform: uppercase;
    color:#333;
    font-family: 'GR', sans-serif;
    font-size: 1vw;
    text-decoration: none;
}
footer#bas .second-line .widget .forum a img {
    width: 15.5vw;
    height: auto;
}

footer#bas .second-line .widget .forum a b {
    font-weight: bold;
    color:#000;
}
footer#bas .third-line {
    width: 100%;
    height: 4vw;
    margin-top: 1vw;
    border-top:1px solid;
    border-bottom: 1px solid;
}
footer#bas .third-line .content {
    height: 30px;
    /*background-color: pink;*/
    position: relative;
    top: calc(50% - 15px);
    display: flex;
    justify-content: space-between;
}
footer#bas span.footer-section {
    display: inline-block;
    font-size: 1.2vw;
    margin-bottom: 1vw;
    font-weight: bold;
}
.payments-methods{
    width: fit-content;
    width: -moz-fit-content;
}
.payments-methods ul {
    list-style: none;
}
.payments-methods ul li {
    display: inline;
}
.amex, .master, .paypal, .visa {
    width: 2vw;
    height: 1.2vw;
    margin-left: 0.2vw;
    background-repeat: no-repeat;
}
.amex {
    /* background-image: url('../images/Amex.svg'); */
    background-image: url('../images/amex4.png');
    background-size: contain;
}
.master {
    background-image: url('../images/MasterCard.svg');
    /* background-image: url('../images/Amex.svg'); */
}
.paypal {
    background-image: url('../images/PayPal.svg');
}
.visa {
    /* background-image: url('../images/Visa.svg'); */
    background-image: url('../images/visa2.png');
    background-size: contain;
}
.safe-payments {
    width: fit-content;
    width: -moz-fit-content;
}
.safe-info {
    margin-right: 1vw;
}
.safe-info p {
    color: #fff;
    flex: 1;
    font-size: 0.8vw;
    line-height: 1.6vw;
    margin-top: 0!important;
}
.safe-img {
    width: 6vw;
    height: 2vw;
    background-repeat: no-repeat;

}
.safe-payments .safe-img {
    background-image: url('../images/SSLSecured.svg');
}
footer#bas .fourth-line {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 3vw;
    padding-top: 1vw;
}
footer#bas .fourth-line a {
    color:#FFF;
}
footer#bas .fourth-line .social-container a {
    text-decoration: none;
}
footer#bas .fourth-line p {
    margin-top: 0!important;
    font-size: 0.96vw!important;
}
footer#bas .social-link {
    font-size: 2vw;
    margin-left: 0.5vw;
}
/* Responsive media queries */

@media screen and (max-width: 1550px) {
    div.panier-icon div.enTeteIconeNbArticles div.enTeteNbArticles span#compteur-panier {
        top: 0vw!important;
    }
    div.panier-icon div.enTeteIconeNbArticles div.enTeteNbArticles{
        width: 1.9vw;
    }
    #sticky-menu.sticky span#compteur-panier {
        top: 0vw!important;
    }
}
@media screen and (max-width: 1400px) {
    .options_interne, .entete_interne, .menu_interne, .page_interne, div.colonnePrincipaleMonPanier, div.fiche-contenu-container, #products-entetePrincipale { 
        width: 70vw;
    }
    ul.submenu.level1, ul.submenu.level2 {
        width: 16vw;
    }
    ul.submenu.level3 {
        width: 38vw;
    }
}

@media screen and (max-width: 1280px) {
    .options_interne, .entete_interne, .menu_interne, .page_interne, div.colonnePrincipaleMonPanier, div.fiche-contenu-container, #products-entetePrincipale {
        width: 75vw;
    }
    ul#main-menu li:not(:last-child) {
        padding-right: 5vw;
    }
    .labelInfosPrix1.labelInfosPrix1Promo.labelInfosPrixRevendeur {
        width: 9.5vw;
    }
    ul.submenu.level1, ul.submenu.level2{
        width: 18vw;
    }
    ul.submenu.level3 {
        width: 49vw;
    }
    #configurateur .infos h1 {
        font-size: 1.6vw;
    }
    #formSearchConfigurateur input {
        width: 14vw;
        font-size: 0.6vw;
    }
    section.main-section {
        height: calc(50.5vw - 8vw);
    }
    footer#bas {
        /*height: 28vw;*/
    }
    footer#bas .first-line .widget h4 {
        font-size: 1vw;
    }
    footer#bas .first-line .widget p {
        font-size: 0.75vw;
        margin-top: 0!important;
        text-align: center;
    }
    footer#bas .second-line {
        margin-top: 1.6vw;
    }
    footer#bas .second-line .widget h2 {
        font-size: 1.09vw;
    }
    footer#bas .second-line .widget ul li {
        font-size: 0.9vw!important;
    }
}	

@media screen and (max-width: 1024px) {
    .options_interne, .entete_interne, .menu_interne, .page_interne, div.colonnePrincipaleMonPanier, div.fiche-contenu-container, #products-entetePrincipale {
        width: 80vw;
    }
    #configurateur .infos h1 {
        font-size: 1.4vw;
    }
}

@media screen and (max-width: 1280px) {
    div.panier-icon div.enTeteIconeNbArticles div.enTeteNbArticles span#compteur-panier {
        top: -0.1vw!important;
    }
}

@media screen and (max-width: 1200px) {
    div.panier-icon div.enTeteIconeNbArticles div.enTeteNbArticles span#compteur-panier {
        top: -0.3vw!important;
    }
}

@media screen and (max-width: 824px) {
    div.panier-icon div.enTeteIconeNbArticles div.enTeteNbArticles span#compteur-panier {
        top: -0.5vw!important;
    }
}

/*Fayda mes reductions*/
div.avoirFiltres div.ligneTableau.reductions div.caseTableau{
    width: 16%; 
    text-align: center;
}
#conteneurFicheArticle &gt; div.avoirFiltres &gt;  div.enteteTableauFond.reductions{
    display: flex;
    justify-content: space-evenly;
    background : var(--medium-gray);
    font-size: 1vw;
}
h1.titreArbo{
    text-transform: uppercase;
    font-weight: 100;
    font-size: 1.2vw;
    width: 9vw;
    text-align: center;
}
.ligneTableau.reductions{
    display: flex;
    justify-content: space-around;
    align-items: baseline;
}
.ligneTableau.reductions &gt; div.caseTableau &gt; a{
    text-transform: uppercase;
    color: #9ad42d;
    text-decoration: none;
}
div#colonnePrincipale{

}
div#colonnePrincipale.colonneMesReductions,
div#conteneurFicheArticle.conteneurFicheArticleMesInfos{
    display : flex;
    justify-content: center;
}
div#colonnePrincipale.colonneMesReductions{
    flex-wrap: wrap;
}
div#colonnePrincipale.colonneMesReductions .block_titre{
    width: 100%; 
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5vw;
    text-align: right;
    font-size: 1.5vw;
}
/*#colonneBlocks.colonneBlocksReductions{
    margin-bottom: 1em;
    width: 19%;
    position: relative;
    right: 15%;
    top: 3vw;

}*/
/*div#enTeteMesReductions div#arbo &gt; div.contenu{
    padding-left: 25vh;
    padding-right: 30vh;
    padding-top: 4vh;
}
div#enTeteMesReductions div#arbo &gt; div &gt; div.fil-d-ariane{
    position: relative;
    bottom: 2vw;
}

div#enTeteMesReductions div#arbo &gt; div &gt; div.fil-d-ariane a{
    font-weight: 600;
    font-size:0.4vw
}

div#enTeteMesReductions div#arbo .contenu .go-back i.icon-ArrowLeft{
    font-size: 2vw;
    position: relative;
    left: 3vw;
    bottom: 1vh;
}*/
#colonneBlocks.colonneBlocksReductions &gt; div &gt; h1{
    font-weight: 100;
    text-transform: uppercase;
    font-size: 1.2vw;
    text-align: initial;
}
#colonneBlocks.colonneBlocksReductions &gt; div &gt; div.block_titre.block_dossier{
    position: relative;
    font-weight: 600;
    font-size: 1.1vw;
    text-align: right;
    width: 17.4vw;
    bottom: 1vw;
}
#colonneBlocks.colonneBlocksConsultations{
    display: flex;
    margin-bottom: 1em;
    width: 100%;
}
#colonnePrincipale .TitreConsultation{
    float: right;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5vw;
    text-align: right;
    font-size: 1.5vw;
}
#colonneBlocks.colonneBlocksConsultations &gt; div:not(.testBlocks) &gt; h1{
    margin-top: 0vw;
    margin-bottom: 2vw;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 1.2vw;
}
#colonneBlocks .testBlocks{
    float: left;
    flex-flow: column;
    width: 55vw;
    overflow: auto;
    margin-right: 0.4vw;
}
#colonneBlocks .testBlocks .ConsultBlock &gt; div &gt; div &gt; h1 {
    margin-top: 0vw;
    font-size: 1.5vw;
    margin-bottom: 0.7vw;
}
#colonneBlocks .testBlocks .ConsultBlock .blockNoConsult{
    font-size: 1vw;
}
/*#colonneBlocks .testBlocks::-webkit-scrollbar{
    width: 0.2vw;       
}*/
#colonneBlocks .testBlocks .ConsultBlock{
    height: 40vw;
    overflow: auto;

    width: 100%;
}
#colonneBlocks .testBlocks .ConsultBlock::-webkit-scrollbar {
    width: 0.6vw;
}
#colonneBlocks .testBlocks .ConsultBlock::-webkit-scrollbar-thumb {
    background: grey;
    border-radius: 0.4vw;
}
#colonneBlocks .testBlocks .ConsultBlock::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 0.4vw;
}
#colonneBlocks .testBlocks .ConsultBlock::-webkit-scrollbar-thumb:hover {
    background: darkgrey; 
}
#colonneBlocks .block{
    flex-flow : column;
    /*border-left : 1px solid var(--medium-gray);*/
    padding : 1vw;
    align-items: center;
    /*width: 22%;*/
    text-align: center;

}
#colonneBlocksnewsActualite #colonneBlocks .block, #colonneBlocksnewsActualite #colonneBlocks .block .block_contenu &gt; div:first-child{
    padding : 0vw!important;
    padding-bottom: 2vw!important;
}

/*IBTISSAM*/
#colonneBlocks .blockFiltre{
    flex-flow : column;
    padding-top: 0vw;
    padding : 1.2vw;
    align-items: center;
    width: 14vw;
    text-align: center;

}
#colonneBlocks .blockFiltre .blockContenuFiltre{
    text-align:center;
}
#colonneBlocks .blockFiltre .blockContenuFiltre .filtreForm{
    padding: 1vw; 
    padding-top: 1vw;
    padding-left: 0vw;
    padding-right: 0vw;
}
#colonneBlocks .blockFiltre .blockContenuFiltre .filtreForm .formFiltre .dateDebut{
    font-size: 1vw;
    width: 100%;
}
#colonneBlocks .blockFiltre .blockContenuFiltre .filtreForm .formFiltre .dateDebut &gt; span{
    float: left;
}
#colonneBlocks .blockFiltre .blockContenuFiltre .filtreForm .formFiltre .inputDateDebut{
    margin-bottom: 1vw;
}
#colonneBlocks .blockFiltre .blockContenuFiltre .filtreForm .formFiltre .inputDateDebut &gt; input{
    height: 2vw;
    width: 95%;
    padding-left: 0.2vw;
    padding-right: 0.2vw;
}
#colonneBlocks .blockFiltre .blockContenuFiltre .filtreForm .formFiltre .dateFin{
    font-size: 1vw;
    width: 100%;
}
#colonneBlocks .blockFiltre .blockContenuFiltre .filtreForm .formFiltre .dateFin &gt; span{
    float: left;
}
#colonneBlocks .blockFiltre .blockContenuFiltre .filtreForm .formFiltre .inputDateFin{
    margin-bottom: 1vw;
}
#colonneBlocks .blockFiltre .blockContenuFiltre .filtreForm .formFiltre .inputDateFin &gt; input{
    height: 2vw;
    width: 95%;
    padding-left: 0.2vw;
    padding-right: 0.2vw;
}
#colonneBlocks .blockFiltre .blockContenuFiltre .filtreForm .formFiltre .sortBy{
    font-size: 1vw;
    width: 100%;
}
#colonneBlocks .blockFiltre .blockContenuFiltre .filtreForm .formFiltre .sortBy &gt; span{
    float: left;
}
#colonneBlocks .blockFiltre .blockContenuFiltre .filtreForm .formFiltre .selectSortBy &gt; select{
    font-size: 1vw;
    height: 2.3vw;
    width: 100%;
    padding-left: 0.2vw;
    padding-right: 0.2vw;
}
#colonneBlocks .blockFiltre .blockContenuFiltre .filtreForm .formFiltre .selectSortBy{
    margin-bottom: 1vw;
}
#colonneBlocks .blockFiltre .blockContenuFiltre .filtreForm .formFiltre .nbCommandesAffichees{
    font-size: 1vw;
    width: 100%;
}
#colonneBlocks .blockFiltre .blockContenuFiltre .filtreForm .formFiltre .nbCommandesAffichees &gt; span{
    float: left;
}
#colonneBlocks .blockFiltre .blockContenuFiltre .filtreForm .formFiltre .inputnbCommandesAffichees &gt; input{
    height: 2vw;
    width: 95%;
    padding-left: 0.2vw;
    padding-right: 0.2vw;
}
#colonneBlocks .blockFiltre .blockContenuFiltre .filtreForm .formFiltre .btnFormFiltre &gt; button{
    background-color: #8cbc4c;
    color: white;
    text-align: center;
    height: 90%;
    margin-bottom: 3vh;
    font-size: 1vw;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    width: 100%;
    margin-top: 1vw;
}
#colonneBlocks .blockFiltre .blockContenuFiltre .filtreForm .btnFormFiltre{
    width: 100%;
    height: 3vw;
    margin-top: 1vw;
}

.blockConsult {
    margin-bottom: 0.5vw;
    width: 46vw;
    height: 7.8vw;
    background-color: rgb(242,242,242);
    border: darkgray;
    border-width: 0.1vw;
    border-style: solid;
    display: flex;
    padding: 0.5vw;
    overflow: hidden;
}
.blockConsult.article{
    margin-bottom: 0.5vw;
    width: 46vw;
    height: auto;
    background-color: rgb(242,242,242);
    display: flex;
    padding: 0.5vw;
    overflow: hidden;
    flex-wrap: wrap;
}
.blockConsult.article .global{
    width: 46vw;
    background-color: rgb(242,242,242);
    border: none;
    display: flex;
    padding: 0vw;
    overflow: hidden;
}
.blockConsult .productImg{
    width: 11.8vw;
    display: flex;
    border: 0.1vw solid #080808;
    margin: 0.3vw;
    overflow: hidden;
    height: 7vw;
    position:relative;
}

.blockConsult .productImg a{
    width: 100%;
    height: 100%;
}
.blockConsult .productImg a img{
    width: 100%;
    height: 100%;
}
.blockConsult .productImg img{
    width: 100%;
    height: 100%;
}
.patchOrangeCoin, .patchVertCoin, .patchRougeCoin, .patchOrangeCoin_small, .patchVertCoin_small, .patchRougeCoin_small {
    background-color: var(--second-color);
    position: absolute;
    display: block;
    width: 5vw;
    height: 1.5vw;
    overflow: hidden;
    text-align: center;
    color: #FFFFFF;
    font-size: 0.8vw;
    font-weight: 400;
    padding: 0.5vw;
    padding-top: 2vw;
    z-index: 1;
    top: -2.8vw;
    left: 8.7vw;
    text-decoration: none;
    transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -sand-transform: rotate(45deg);
    transform: rotate(45deg);
    padding-bottom: 0vw;
}
.blockConsult .productInfo{
    width: 26.5vw;
    margin:0.2vw;
    height: 8vw;
    display: flex;
    flex-wrap: wrap;
    margin-left: 0.5vw;
    margin-top: 0.3vw;
}
.blockConsult.article .productInfo{
    width: 26.5vw;
    margin:0.2vw;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    margin-left: 0.5vw;
    margin-top: 0.3vw;
}
.article-lower-card{
    width: 100%;
    margin-top: 1vw;
    margin-left: 0;
    margin-right: 0;
}
.blockConsult .productInfo .zoneBoutons {
    height:1.8vw;
    display: flex;
}
.blockConsult .productInfo .productTitle{
    margin: 0;
    width: 100%;
    margin-top: 0.5vw;
    height: 4vw;
    font-size: 1.5vw;
    margin-left: 0.2vw;
    overflow:hidden;
}
.blockConsult .productInfo .productLink, .blockConsult .productInfo .card-see_details{
    height: 1.8vw;
    display: inline-block;
    margin-right: 0.2vw;
    text-decoration: none!important;
}
.blockConsult .productInfo .card-see_details i{
    display: inline-block;
    transform: rotate(-90deg);
}
.blockConsult .productInfo .productLink .productFiche, .blockConsult .productInfo .card-see_details &gt; button{
    width: 100%;
    background-color: #212121;
    color: white;
    height: 100%;
    border: none;
    cursor: pointer;
    font-size: 0.75vw;
    text-transform: uppercase;
    letter-spacing: 0.1vw;
    padding-left: 1.5vw;
    display: inherit;
    padding-right: 1.5vw;
}
.blockConsult .productInfo .productDelete{
    font-size : 1.2vw;
    cursor : pointer;
    background-color:#212121;
    color: red;
    border : none;
    height: 1.7vw;
}
.blockConsult .productInfo .titreCadre {
    width:100%;
    height: 4.6vw;
    overflow: hidden;
}
.blockConsult .productInfo .titreCadre &gt; span.label {
    text-decoration: none;
}
.blockConsult .productInfo .titreCadre &gt; span.label:hover {
    text-decoration: underline;
    font-weight: 600;
}
.blockConsult .productInfo .titreCadre &gt; span.sku {
    font-size: 0.6vw;
}
.blockConsult .productInfo .titreCadre a,
.blockConsult .productInfo .titreCadre a:visited {
    text-decoration: none;
    color: black
}
.blockConsult .productInfo .titreCadre a:hover {
    text-decoration: underline;
}
.blockConsult .productInfo .titreCadre.historique {
    height: 4vw;
}
.blockConsult .productInfo .titreCadre .module_article_titre {
    font-size: 0.8vw;
    margin:0px;
    display:block;
    margin-bottom:0.5vw;
    font-weight:bold;
}
.blockConsult .productInfo .titreCadre .description {
    font-size: 0.6vw;
    text-align: justify;
    margin-top: 0.9vw;
    line-break: auto;
    word-spacing: 0.045vw;
    height: fit-content;
    padding-bottom: 0.5vw;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}
.blockConsult .productInfo .productLastConsult{
    font-style: italic;
    width: 100%;
    font-size: 0.7vw;
    place-items: flex-start;
    margin-bottom: 0;
    font-weight: 100;
    display: block;
}
.blockConsult .productPriceCart{
    width: 12vw;
    height: 8vw;
}
.productPrice.depot{
    height: 3vw!important;
}
.productCart.depot .card-cart{
    margin-top: 2.5vw!important;
}
.blockConsult2 .productPriceCart{
    width: 20vw;
    height: 7vw;
}
.blockConsult .productPriceCart .productPrice {
    font-weight: bold;
    font-size: 1.5vw;
    float: right;
    color: #82b12a;
    height: 5vw;
    width: 100%;
    text-align: right;
}
.blockConsult .productPriceCart .productPrice .cadrePrix {
    overflow:hidden;
}
.blockConsult .productPriceCart .productPrice .cadrePrix .module_article_prix_barre {
    font-size: 1.2vw;
    text-decoration: line-through; 
    color:#999;
    display: inline;
    padding-right: 0.5vw;
}
.blockConsult .productPriceCart .productPrice .cadrePrix .module_article_prix_final {
    display: inline;
}
.blockConsult .productPriceCart .productPrice sup {
    top: -0.65vw;
    font-size: 0.6vw;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    margin-left: 0.2vw;
}
.blockConsult .productPriceCart .productPrice &gt; h3{
    margin: 0;
    margin-bottom: auto;
    margin-top: auto;
    font-size: 1.6vw;
    width: 6vw;
    text-align: right;
}
.blockConsult .productPriceCart .productPrice &gt; sup{
    margin-top: auto;
    margin-bottom: auto;
    font-size: 1.1vw;
}
.blockConsult .productPriceCart .productCart {
    overflow: hidden;
    width: 99%;
}
.blockConsult2 .productPriceCart .productCart {
    text-align: center;
}
.blockConsult .productPriceCart .productCart .infoDispo {
    float: left;
    padding-top: 0.5vw;
    font-size: 0.7vw;
    padding-left: 0.1vw;
    width: 60%;
    text-align: center;
}
.blockConsult .productPriceCart .productCart .infoDispo.depot{
    font-size: 0.62vw!important;
    padding-top: 0!important;
}
.blockConsult .productPriceCart .productCart .module_article_panier_add {
    float: right;
}
.blockConsult2 .productPriceCart .productCart .module_article_panier_add {
    float: right;
    padding-top: 1.5vw;
}
.blockConsult .productPriceCart .productCart .module_article_panier_add i{
    float: right;
    margin-top: 0vw;
    margin-right: 1vw;
    font-size: 2vw;
    color: #666;
    cursor: pointer;
}
.blockConsult .productPriceCart .productCart .module_article_panier_add.indisponible i{
    color:#BBB;
    cursor: not-allowed;
}
.blockConsult .productPriceCart .productCart .module_article_panier_add i:hover{
    color: #000;
}
/*FIN IBTISSAM*/
#colonneBlocks.colonneBlocksConsultations &gt; div &gt; div.block_titre.block_dossier{
    position: relative;
    top: 0.5em;
    font-weight: 600;
    font-size: 1vw;
}

.blockConsult2 {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    background: white;
}

.blockConsult2 .productInfo {
    width: 37vw;
}

.blockConsult2 .productPriceCart .productPrice {
    color: black;
    height: 3.5vw;
}
/*.blockConsult{
    margin-bottom: 1.5vw;
    width: 98%;
    height: 15vw;
    background-color: rgb(242,242,242);
    border: darkgray;
    border-width: medium;
    border-style: solid;
    display: flex;
}
.blockConsult &gt; div:first-child{
    width:19vw;
    display:flex;
}
.blockConsult &gt; div:first-child &gt; img{
    margin:0.7vw;
    width:90%;
}
.blockConsult &gt; div:nth-child(2){
    width: 40vw;
    margin:0.2vw;
}
.blockConsult &gt; div:nth-child(2) &gt; h2{
    font-size: 2vw;
}
.blockConsult &gt; div:nth-child(2) &gt; a{
    font-size: 1.2vw;
    display:inline-block;
}
.blockConsult &gt; div:nth-child(2) &gt; a &gt; button{
    width: 100%;
    background-color:#212121;
    color: white;
    height: 100%;
    border-radius : 0.4vw;
    border : none;
    cursor : pointer;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.blockConsult &gt; div:nth-child(2) &gt; button{
    font-size : 1.2vw;
    cursor : pointer;
    background-color:#212121;
    color: red;
    border-radius : 0.4vw;
    border : none;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.blockConsult &gt; div:nth-child(2) &gt; h3{
    font-style: italic;
    font-size : 1.3vw;
}
.blockConsult &gt; div:nth-child(3){
    width: 10vw;
    margin:1vw;
}
.blockConsult &gt; div:nth-child(3) &gt; div:first-child{
    margin: 0.3vw;
    font-weight: bold;
    font-size: 2vw;
    float: right;
    color: #82b12a;
}
.blockConsult &gt; div:nth-child(3) &gt; div:first-child &gt; sup{
    font-size: 1.1vw;
}
.blockConsult &gt; div:nth-child(3) &gt; div:nth-child(2) &gt; i{
    float: right;
    margin-top: 6vw;
    margin-right: 1vw;
    font-size: 3.1vw;
    color: grey;
    cursor: pointer;
}*/
#colonneBlocks .block .block_contenu{
    text-align:center;
}
#colonneBlocks .block .block_contenu &gt; div:first-child{
    padding: 1vw; 
    padding-top: 1vw;
}
#colonneBlocks .block .block_contenu &gt; div:first-child &gt; form &gt; div:first-child{
    font-size: 1vw;
}
#colonneBlocks .block .block_contenu &gt; div:first-child &gt; form &gt; div:nth-child(2) &gt; input{
    height: 2vw;
}
#colonneBlocks .block .block_contenu &gt; div:first-child &gt; form &gt; div:nth-child(3){
    margin-top: 0.5vw;
    font-size: 1vw;
}
#colonneBlocks .block .block_contenu &gt; div:first-child &gt; form &gt; div:nth-child(4) &gt; input{
    height: 2vw;
}
#colonneBlocks .block .block_contenu &gt; div:first-child &gt; form &gt; div:nth-child(5){
    margin-top: 0.5vw;
    font-size: 1vw;
}
#colonneBlocks .block .block_contenu &gt; div:first-child &gt; form &gt; div:nth-child(6) &gt; select{
    font-size: 1vw;
    height: 2.5vw;
    width: 14.5VW;
    /*text-align-last: center;*/
}
#colonneBlocks .block .block_contenu &gt; div:first-child &gt; form &gt; div:nth-child(7){
    margin-top: 0.5vw;
    font-size: 1vw;
}
#colonneBlocks .block .block_contenu &gt; div:first-child &gt; form &gt; div:nth-child(8) &gt; input{
    height: 2vw;
}
#colonneBlocks .block .block_contenu &gt; div:first-child &gt; form &gt; div:nth-child(9) &gt; button{
    margin-top: 0.5vw;
    text-align: center;
    background-color: var(--second-color);
    border: none;
    color: white;
    padding: 2vh 5vh;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 3vh;
    font-size: 1vw;
    text-transform: uppercase;
    cursor: pointer;
    border-radius : 4px;
    border : none;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
#colonneBlocks.colonneBlocksConsultations &gt; div{
    position: relative;
    border-left: 0px solid lightgrey;
    /*border-width: medium;*/
} 



input.boutonOuiSubmit.filtresReduction,
a.bonReductionCaseCCAction.utiliserBonReduction, 
div.bonReductionCaseCCAction.utiliserBonReduction,
form#formLivraison &gt; div.ui.form &gt; div.formulaire_ligne_validation &gt; div#boutonEnvoiFormulaire,
form#formAdresseLivraison &gt; div.ui.form &gt; div.formulaire_ligne_validation &gt; div#boutonEnvoiFormulaire,
div#boutonContinuerPanier.validerContinuerPanier, .boutonVertValider, 
#formInscription &gt; div &gt; div:nth-child(2) &gt; div.ligneForm &gt; div{
    background-color: var(--second-color);
    border: none;
    color: white;
    padding: 1vw;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 1vw;
    font-size: 1vw;
    text-transform: uppercase;
    cursor:pointer;
}
input.boutonOuiSubmit.filtresReduction{
    width:15vw;
}
#conteneurFicheArticle.conteneurFicheArticleReduction{
    width: 100%;
    /*border-right: 1px solid var(--medium-gray);*/
    padding-right: 1vw;
    display: flex;
    flex-wrap: wrap;
} 
#conteneurFicheArticle.conteneurFicheArticleReduction .avoirFiltres{
    width: 65%;
}
#conteneurFicheArticle.conteneurFicheArticleReduction #colonneBlocks.colonneBlocksReductions{
    width: 30%;
}
#conteneurFicheArticle.conteneurFicheArticleReduction #colonneBlocks.colonneBlocksReductions .block.Filtres{
    padding-top: 0;
    width: auto;
}
div.enteteTableauFond.reductions &gt; div[class^='colonne']{
    width:7vw;
    text-align:center;
    font-size: 0.9vw;
}
div[class^='colonne'] div.caseTableau:hover{
    cursor:pointer;
}
div.aide_reponse &gt; span.texte,h3#libelle_page_aide{
    cursor: default; 
}

div[class^='colonne'] div.caseTableau{
    width:15em;
    text-align : center;
    font-size: 1vw;
    white-space: nowrap;

}
div.blocArticlesVisite{
    display : flex;
    width: 16em;
    color:white;
}
div.blocArticlesVisite &gt; div.articleVisite{
    background: var(--dark-color);
    margin-right: 2px;
    border: solid 3px var(--dark-color);
    margin-top: 5px;

}

div.articleVisitePrix{
    text-align: center;
    font-size: 1.4vw;
    color: var(--second-color);
}
div.articleVisitePrix sup{
    color: var(--second-color);
    font-size:0.9vw;
}
section.afficheurArticleMozaique &gt; div &gt; div.articleVisite &gt; img{
    width: 8vw;
    max-width: inherit;
    /*	margin-bottom: 3px;
        min-width:128px;
        min-height: 75px;
        margin-top: 2px;*/
}
section.afficheurArticleMozaique &gt; div &gt; div.articleVisite &gt; div.designationArticleVisite{
    text-align : center;
    font-size: 0.8vw;
    height: 1.8vw;
    padding: 0.2vw;
}
.articleVisite {
    max-width: 134px;
}
#colonneBlocks &gt; div &gt; div.derniereConsultations{
    overflow-y: auto;
    min-width: 290px;
    padding-right: 13px;
    overflow-x: hidden;
    max-height: 280px;
    scrollbar-color: var(--dark-gray) var(--medium-gray);
    scrollbar-width: thin ;

}
div.ligneTableauInfos{
    background: var(--medium-gray);
    display: flex;
    padding: 1vw;
    flex-wrap: nowrap;
    width: 100%;

}
span.infoBlocAvoir{
    vertical-align: super;
    position: relative;
    bottom: 3px;
    display: block;
}
a.bonReductionCaseCCAction.utiliserBonReduction{
    width:12%;
}

div.bonReductionCaseCC{
    background: white;
    position: relative;
    font-size: 1.8vw;
    padding-bottom: 2vw;
    padding-left: 1vw;
    padding-right: 1vw;
    padding-top: 1vw;
    right: 4vw;
    top: 1vw;
}
form#formLivraison div#formulaire_ligne_caseinformations.field label, 
form#formAdresseLivraison div#formulaire_ligne_caseinformations.field label {
    text-align: center;
    width: 100%;
}
.inputFormulaire,#formOption input[name^="txt_"], #formOption textarea[name^="txt_"],input.inputTexte,div.conteneurInformationsFormulaire input{
    width: 16vw; 
    /*    border-radius: 5px;*/
    height: 2vw;
    /*height:20px;*/
    padding-left: 0.5vw;
    border: 1px solid var(--medium-gray);
    margin-top:5px;
    font-size: 1vw;
    border-radius: 0.5vw;
    border-color: lightgray;
    border-width: 0.2vw;
}
#formLivraison input[name^="txt_"],
#formLivraison textarea[name^="txt_"], 
input.inputTexte{
    width: 12vw; 
    /*border-radius: 5px;*/
    height: 2vw;
    padding-left: 0.5vw;
    border: 1px solid var(--medium-gray);
    margin-top:5px;
    font-size: 1vw;
    border-radius: 0.5vw;
    border-color: lightgray;
    border-width: 0.2vw;
}
#formAdresseLivraison input[name^="txt_"],
#formAdresseLivraison textarea[name^="txt_"]{
    width: 100%!important;
    /* border-radius: 5px; */
    height: 2vw;
    padding-left: 0.5vw;
    border: 1px solid var(--medium-gray);
    margin-top: 5px;
    font-size: 1vw;
    border-radius: 0.5vw;
    border-color: lightgray;
    border-width: 0.2vw;
}
form#formLivraison div.field label, form#formAdresseLivraison div.field label {
    font-size: 1vw;
}

#ui-datepicker-div{
    background: white;
    border: solid thin var(--dark-gray);
    border-radius: 0.3vw;
    width: 14%;
}
#ui-datepicker-div .ui-datepicker-header{
    display: flex;
    flex-wrap: wrap;
    background: lightgrey;
    margin: 0.1vw;
    border-radius: 0.3vw;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev{
    order: 1;
    width: 48%;
    font-size: 0.9vw;
    font-weight: bold;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next{
    order: 2;
    width: 52%;
    font-size: 0.9vw;
    font-weight: bold;
    text-align: right;
}
span.ui-icon.ui-icon-circle-triangle-w:hover{
    background: grey;
    cursor: pointer;
    width: 100%;
    display: block;
    border-radius: 4px 0vw 0vw 4px;
}
span.ui-icon.ui-icon-circle-triangle-e{
    padding-right: 0.2vw;
}
span.ui-icon.ui-icon-circle-triangle-w{
    padding-left: 0.2vw;
}
span.ui-icon.ui-icon-circle-triangle-e:hover{
    background: grey;
    cursor: pointer;
    display: block;
    border-radius: 0vw 4px 4px 0vw;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title{
    order: 3;
    width: 100%;
    text-align: center;
    border-bottom-left-radius: 0.3vw;
    background: darkgrey;
    border-bottom-right-radius: 0.3vw;
    font-size: 0.9vw;
    font-weight: bolder;
    height: 1vw;
}
#ui-datepicker-div .ui-datepicker-calendar{
    border-radius: 0.3vw;
    table-layout: fixed;
    width: 100%;
    font-size: 1vw;
}
#ui-datepicker-div .ui-datepicker-calendar &gt; thead{
    font-size: 1vw;
}
#ui-datepicker-div .ui-datepicker-calendar &gt; tbody &gt; tr &gt; td{
    background: lightgrey;
    border-radius: 0.3vw;
    width: 14%;
}
#ui-datepicker-div .ui-datepicker-calendar &gt; tbody &gt; tr &gt; td &gt; a:not(.ui-state-highlight):not(.ui-state-active):not(.ui-state-checked):not(.ui-state-disabled):not(.ui-state-error):not(.ui-state-error-text):not(.ui-state-focus):not(.ui-state-hover):not(.ui-state-processing){
    color: black;
    font-size: 0.9vw;
    text-align: center;
    height: 100%;
    display: inline-block;
    width: 100%;
    text-decoration: none;
    line-height: 0vw;
}
#ui-datepicker-div .ui-datepicker-calendar &gt; tbody &gt; tr &gt; td &gt; a.ui-state-highlight{
    color: black;
    font-size: 0.9vw;
    text-align: center;
    text-decoration: none;
    line-height: 0vw;
    border-radius: 0.3vw;
    padding-top: 0.6vw;
    padding-bottom: 0.6vw;
    background-color: var(--medium-gray);
    display: block !important;
    position: relative;
    font-family: GR, sans-serif;
    left: auto!important;
    box-shadow: none;
    width: auto!important;
}
#ui-datepicker-div .ui-datepicker-calendar &gt; tbody &gt; tr &gt; td &gt; a.ui-state-hover, #ui-datepicker-div .ui-datepicker-calendar &gt; tbody &gt; tr &gt; td &gt; a.ui-state-active{
    color: black;
    font-weight: bold;
    left: auto;
    width: 100%;
    display: block;
    text-decoration: underline!important;
    text-align: center;
}
/*barre de scroll*/
/*.derniereConsultations::-webkit-scrollbar {
    width: 15px;
}
.derniereConsultations::-webkit-scrollbar-thumb {
    background: var(--dark-gray);
    border-radius: .5vw;
}
.derniereConsultations::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px var(--dark-gray);
    border-radius: .5vw;
    background: var(--dark-gray);
}*/
/*mon compte &gt; adresse*/
#conteneurFicheArticle.conteneurFicheArticleAdresse{
    display: flex;
    justify-content: center;
    padding-left: 0;
}

div.mesAdressesDeLivraison{  
    overflow: hidden;
    border-right: 2px solid var(--dark-color);
    width: 55%;
    padding-right: 1vw;
    margin-bottom: 2vw;
}
div.vignetteAdresse{
    margin-bottom: 0.7vw;
    width: 85%;
    background: var(--light-gray);
    padding-top: 1.5vw;
    border: solid 1px var(--dark-color);
    padding-left: 2vw;
    padding-right: 2vw;
    padding-bottom: 1vw;
    margin-left: auto;
    margin-right: auto;
}

div[id^="contenuAdresse"], div.contenuAdressePanierLivraison &gt; div.vignetteAdresse{
    background: var(--dark-color);
    padding: 0.6vw;
    color: var(--main-bg-color);
    font-size: 0.7vw;
}
#conteneurFicheArticle &gt; div.mesAdressesDeLivraison &gt; h2, #conteneurFicheArticle &gt; div.formulaireAdresses &gt; h2{
    text-align: center;
    font-weight: 100;
    text-transform: uppercase;
    font-family: 'GL', sans-serif;
    font-size: 1.4vw;
}

.boutonNoirAdresse{
    float: right;
    background-color: var(--dark-gray);
    color: white;
    padding: 0.5vw 3vw;
    font-size: 1vw;
    border: 0;
    cursor:pointer;
}
.boutonNoirAdresse:hover {
    background-color: #999;
}
#conteneurFicheArticle.conteneurFicheArticleAdresse &gt; div.formulaireAdresses {
    padding-left: 1vw;
    width: 41%;
    position: relative;
    bottom: 1vw;
}
#conteneurFicheArticle.conteneurFicheArticleAdresse &gt; div.formulaireAdresses .zoneFormulaire {
    width: 100%;
}
form#formLivraison div.field{
    margin-right: 3vw;
    float: left;
    width: 37%;
    display: flex;
    flex-direction: column;
}
form#formAdresseLivraison div.field{
    margin-right: 2vw;
    float: left;
    width: 42.5%;
    display: flex;
    flex-direction: column;
}
form#formLivraison div#formulaire_ligne_caseinformations.field {
    width: 100%;
    display: inline-grid;
}
form#formAdresseLivraison div#formulaire_ligne_caseinformations.field{
    width: 93%;
    display: inline-grid;
}
#formLivraison div#formulaire_ligne_caseinformations textarea#caseinformations,
#formAdresseLivraison div#formulaire_ligne_caseinformations textarea#caseinformations {
    width: 27vw;
    height: 7vw;
    border-radius: 10px;
    margin-bottom: 15px;
}

div.colonnePrincipaleAdresses &gt; #arbo{
    padding-left: 18%;
    padding-right: 27%;
    margin-top: 1%;
}
#conteneurFicheArticle &gt; div.formulaireAdresses &gt; div.titreArboAdresse{
    position: relative;
    bottom: 1vw;
    font-weight: 600;
    font-size: 1vw;
    text-align: right;
    width: 91%;
}
#formLivraison &gt; div &gt; div.formulaire_ligne_validation{
    text-align: center;
    width: 100%;
}

form#formLivraison &gt; div.ui.form &gt; div.formulaire_ligne_validation &gt; div#boutonEnvoiFormulaire{
    width: 15vw;
}
form#formAdresseLivraison &gt; div.ui.form &gt; div.formulaire_ligne_validation &gt; div#boutonEnvoiFormulaire{
    width: 24vw;
}
div.ui.left.labeled.icon.input &gt; i,div.ui.labeled.icon.button &gt; i{
    display:none;
}
div.selection.dropdown{
    width: 12vw;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 0.8vw;
}
div.selection.dropdown.stuff{
    font-size: 0.9vw;
}
div.formulaireAdresses .ui.selection.dropdown&gt;.dropdown.icon{
    margin : .2em 0 .2em 0.25em;
}
div.formulaireAdresses #select_departement &gt; div.text{
    white-space: nowrap;
    font-size: 0.8vw!important;
    overflow: hidden;
}
div.formulaireAdresses #formLivraison &gt; div {
    display: flex;
    flex-flow: wrap;
    width: fit-content;
    justify-content: space-between;
}
div.formulaireAdresses #formAdresseLivraison &gt; div {
    display: flex;
    flex-flow: wrap;
    width: fit-content;
    justify-content: flex-start;
}
div#formAjoutAdressePanier {
    height: 45vw;
}
div#formAjoutAdressePanier #formLivraison &gt; div {
    display: flex;
    flex-flow: wrap;
    width: fit-content;
    justify-content: flex-start;
}
div.formulaireAdresses div#formulaire_ligne_departement,
div.formulaireAdresses #formulaire_ligne_pays, 
div#conteneurFicheArticle #formulaire_ligne_moisNaissance,
div#conteneurFicheArticle #formulaire_ligne_jourNaissance,
div#conteneurFicheArticle #formulaire_ligne_departement,
div#conteneurFicheArticle #formulaire_ligne_pays{
    height: fit-content;
}
div#conteneurFicheArticle #formulaire_ligne_moisNaissance,
div#conteneurFicheArticle #formulaire_ligne_jourNaissance,
div#conteneurFicheArticle #formulaire_ligne_departement,
div#conteneurFicheArticle #formulaire_ligne_pays{
    display: flex;
    flex-direction: column;
}
/*ordre formulaire adresse*/
div.formulaireAdresses div#formulaire_ligne_caseraisonsociale{
    order:1;
}
div.formulaireAdresses div#formulaire_ligne_casenom{
    order:2;
}
div.formulaireAdresses div#formulaire_ligne_pays{
    order:3;
}
div.formulaireAdresses div#formulaire_ligne_caseprenom{
    order:4;
}
div.formulaireAdresses div#formulaire_ligne_caseadresse{
    order:5;
    width: 100%;
    margin-right: 1.3vw;
}
div.formulaireAdresses div#formulaire_ligne_casecodepostal{
    order:6;
}
div.formulaireAdresses div#formulaire_ligne_caseville{
    order:7;
}
div.formulaireAdresses div#formulaire_ligne_casegatecodeaccess{
    order:8;
}
div.formulaireAdresses div#formulaire_ligne_departement{
    order:9;
}
div.formulaireAdresses div#formulaire_ligne_casepobox{
    order:10;
}
div.formulaireAdresses div#formulaire_ligne_casetel, div.formulaireAdresses div#formulaire_ligne_casenumdouane{
    order:11;
}
div.formulaireAdresses div#formulaire_ligne_caseinformations{
    order:12;
}
div.formulaireAdresses div.formulaire_ligne_validation{
    order:13;
}
#conteneurFicheArticle &gt; div &gt; span.soustitre{
    font-size:0.9vw;
}
/*IBTISSAM*/
#colonnePrincipale .titreInfo.FicheInfo{
    float: left;
    height: fit-content;
    width: 100%;
    font-size: 1.5vw;
    margin-top: 0vw;
    margin-bottom: 1.6vw;
    font-weight: normal;
}

#conteneurFicheArticleCompte div.field#formulaire_ligne_casenom{
    height: 4.5vw;
    order: 1;
    margin-right: 4%;
    width: 30%;

}
#conteneurFicheArticleCompte div.field#formulaire_ligne_caseprenom{
    height: 4.5vw;
    order: 2;
    width: 30%;
    margin-right: 4%;
}
#conteneurFicheArticleCompte div.field#formulaire_ligne_jourNaissance{
    height: 4.5vw;
    text-align: center;
    order: 3;
    align-items: center;
    width: 10%;
    margin-right: 0%;
    display: grid;
    position: relative;
}
#conteneurFicheArticleCompte div.field#formulaire_ligne_jourNaissance:before{
    position: relative;
    width: 300%;
    display: inline-block;
    font-size: 0.8vw;
    font-weight: bold;
    text-align: left;
    margin-bottom: 0.1vw;
    content: 'Birth date';
    color: #555;
}
#conteneurFicheArticleCompte div.field#formulaire_ligne_jourNaissance #select_jourNaissance{
    position: relative;
    border: solid lightgrey;
    border-radius: 0.4vw!important;
    top: 0%;
    width: 50%;
    margin: auto;
    display: block;
    height: 1.3vw;
    margin-top: 0.3vw;
    box-shadow: 0 0 0 0px!important;
    border-width: 0.157vw;
    margin-left: 0vw;
}

#conteneurFicheArticleCompte div.field#formulaire_ligne_jourNaissance #select_jourNaissance .dropdown.icon{
    margin: 0;
}
#conteneurFicheArticleCompte div.field#formulaire_ligne_moisNaissance{
    height: 4.5vw;
    align-items: center;
    text-align: center;
    order: 4;
    margin-right: 7%;
    width: 15%;

}
#conteneurFicheArticleCompte div.field#formulaire_ligne_moisNaissance &gt; label{
    visibility: hidden;
}
#conteneurFicheArticleCompte div.field#formulaire_ligne_moisNaissance #select_moisNaissance{
    border: solid lightgrey;
    border-radius: 0.4vw!important;
    top: 7%;
    width: 67%;
    margin: auto;
    display: block;
    align-items: center;
    text-align: center; 
    margin-top: 0.3vw;
    height: 1.3vw;
    box-shadow: 0 0 0 0px!important;
    border-width: 0.157vw;
    margin-left: 0;
}
#conteneurFicheArticleCompte div.field#formulaire_ligne_moisNaissance #select_moisNaissance .dropdown.icon{
    margin: 0;
}
#conteneurFicheArticleCompte div.field#formulaire_ligne_caseraisonsociale{
    width: 30%;
    height: 4.5vw;
    order: 5;
    margin-right: 4%;
}
#conteneurFicheArticleCompte div.field#formulaire_ligne_casesiret{
    width: 30%;
    height: 4.5vw;
    order: 6;
    margin-right: 4%;
}
#conteneurFicheArticleCompte div.field#formulaire_ligne_casenumtva{
    width: 30%;
    height: 4.5vw;
    order: 7;
    margin-right: 2%;
}
#conteneurFicheArticleCompte div.field#formulaire_ligne_caseemail{
    width: 30%;
    height: 4.5vw;
    order: 8;
    margin-right: 4%;
}
#conteneurFicheArticleCompte div.field#formulaire_ligne_casetel{
    height: 4.5vw;
    width: 65%;
    order: 9;
    margin-right: 1%;
}
#conteneurFicheArticleCompte div.field#formulaire_ligne_caseadresse{
    height: 4.5vw;
    order: 10;
    width: 30%;
    margin-right: 4%;
}
#conteneurFicheArticleCompte div.field#formulaire_ligne_caseadresse &gt; textarea, div.conteneurInformationsFormulaire textarea {
    border-radius: 0.4vw;
    border: solid lightgrey;
    border-width: 0.2vw;
    height: 6.4vw;
    font-size: 1vw;
    width: 95%;
}
#conteneurFicheArticleCompte div.field#formulaire_ligne_casecodepostal{
    height: 4.5vw;
    order: 11;
    width: 30%;
    margin-right: 4%;
}
#conteneurFicheArticleCompte div.field#formulaire_ligne_caseville{
    width: 30%;
    height: 4.5vw;
    order: 12;
    margin-right: 2%;
}
#conteneurFicheArticleCompte div.field#formulaire_ligne_pays{
    position: relative;
    margin-left: 30%;
    height: 4.5vw;
    margin-right: 7%;
    order: 13;
    width: 27%;
}
#conteneurFicheArticleCompte div.field#formulaire_ligne_pays #select_pays{
    margin-top: 0.2vw;
    display: block;
    margin-bottom: 0;
    padding: 0.5vw;
    top: 0%;
    width: 86%;
    text-align: left;
    border: solid;
    height: 1vw;
    border-radius: 0.5vw!important;
    border-color: lightgray;
    border-width: 0.14vw;
}
#conteneurFicheArticleCompte div.field#formulaire_ligne_pays #select_pays &gt; i{
    margin: 0!important;
}
form#formLivraison div.field#formulaire_ligne_pays #select_pays,
form#formLivraison div.field#formulaire_ligne_departement #select_departement,
form#formAdresseLivraison div.field#formulaire_ligne_pays #select_pays,
form#formAdresseLivraison div.field#formulaire_ligne_departement #select_departement {
    margin-top: 0.2vw;
    display: block;
    margin-bottom: 0;
    top: 0%;
    width: 80%;
    border: solid;
    height: 1vw;
    border-radius: 0.5vw!important;
    border-color: lightgray;
    border-width: 0.14vw;
}
div.zoneFormulaire form#formLivraison div.field#formulaire_ligne_pays #select_pays{
    width: 10vw;
}
div.zoneFormulaireLivraison form#formAdresseLivraison div.field#formulaire_ligne_pays #select_pays {
    width: 84%;
}
div.zoneFormulaire form#formLivraison div.field#formulaire_ligne_departement #select_departement{
    width: 11vw;
}
.formulaireAdresses input#caseadresse{
    width: 100%!important;
}
.formulaireAdresses div#select_departement{
    width: 10vw!important;
    display: flex!important;
}
div.zoneFormulaireLivraison form#formAdresseLivraison div.field#formulaire_ligne_departement #select_departement{
    width: 84%;
    display: flex;
}

#conteneurFicheArticleCompte div.field#formulaire_ligne_departement{
    height: 4.5vw;
    order: 14;
    width: 28%;
    margin: 0!important;
}
#conteneurFicheArticleCompte div.field#formulaire_ligne_departement #select_departement{
    margin-top: 0.2vw;
    display: block;
    margin-bottom: 0;
    top: 0%;
    text-align: left;
    width: 86%;
    border: solid;
    height: 1vw;
    border-radius: 0.5vw!important;
    border-color: lightgray;
    border-width: 0.14vw;
    padding: 0.5vw;
}
#conteneurFicheArticleCompte div.field#formulaire_ligne_departement #select_departement &gt; i{
    margin: 0!important;
}
#conteneurFicheArticleCompte div.formulaire_ligne_validation{
    font-size: 1vw;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 2vw;
    position: relative;
    height: 4.5vw;
    order: 15;
}
#conteneurFicheArticleCompte div.formulaire_ligne_validation &gt; div{
    display: block;
    margin-top: 0.3vw;
    padding-top: 0.4vw;
    padding-bottom: 0.1vw;
    background: #8bbb45;
    border: none;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    height: 1.5vw;
    color: white;
    cursor: pointer;
}
#conteneurFicheArticleCompte div.field:not(#formulaire_ligne_jourNaissance) &gt; label{
    font-size: 0.8vw;
    width: 100%;
    font-weight: bold;
}
#conteneurFicheArticleCompte div.field#formulaire_ligne_jourNaissance &gt; label{
    /*visibility: hidden;
    position: relative;*/
    display: none;
    width: 13.5vw;
    text-align: center;
    /*display: inline-block;
    font-size: 1vw;
    text-align: left;
    display: inline-block;
    width: 10vw;*/
}

#conteneurFicheArticleCompte div.field .ui.left.labeled.icon.input{
    font-size: 0.9vw;

}
#conteneurFicheArticleCompte div.field .ui.left.labeled.icon.input &gt; input{
    height: 1.9vw;
    border-radius: 0.5vw;
    border-color: lightgray;
    border-width: 0.2vw;
    padding: 0vw;

    margin-top: 0.3vw;
    border-style: solid;
    padding-left: 0.6vw!important;
    padding-right: 0.3vw!important;
    width: 12vw;
}
#conteneurFicheArticleCompte div.field:not(#formulaire_ligne_casetel) .ui.left.labeled.icon.input &gt; input{
    width: 90%;
    height: 2.3vw;
}
#conteneurFicheArticleCompte div.field#formulaire_ligne_casetel .ui.left.labeled.icon.input &gt; input{
    width: 42%;
    height: 2.3vw;
}
#conteneurFicheArticleCompte .formulaireInfoCompte{
    width: 71.5%;
    display: flex;
    flex-wrap: wrap; 
}

#conteneurFicheArticleCompte .changerMdp .titreChangerMdp{
    font-size: 1.5vw;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0.8vw;
    font-weight: normal;
}
#conteneurFicheArticleCompte .changerMdp .divTextChangerMdp{
    margin-bottom: 1.7vw;
    width: 70%;
    margin-left: 2vw;
    margin-right: auto;
    margin-top: 1vw;
}
#conteneurFicheArticleCompte .changerMdp .divTextChangerMdp &gt; label{
    font-size: 0.8vw;
    display: flex;
    text-align: start;
}
#conteneurFicheArticleCompte .changerMdp div[class^='actualMdp'] {
    width: 100%;
    margin-left: 2vw;
    text-align: justify;
    height: 4vw;
    margin-bottom: 0.7vw;
}
#conteneurFicheArticleCompte .changerMdp div[class^='actualMdp'] &gt; label {
    font-size: 0.9vw;
    display: block;
    width: 70%;
    margin-bottom: 0.2vw;
}
#conteneurFicheArticleCompte .changerMdp div[class^='actualMdp'] &gt; input {
    border: solid lightgrey;
    border-radius: 0.4vw;
    height: 2.3vw;
    display: block;
    width: 77%;
    font-size: 1vw;
    box-shadow: 0 0 0 0px!important;
    border-width: 0.157vw;
}
#conteneurFicheArticleCompte .changerMdp div[class^='newMdp'] {
    width: 100%;
    margin-left: 2vw;
    text-align: justify;
    height: 4vw;
    margin-bottom: 0.4vw;

}
#conteneurFicheArticleCompte .changerMdp div[class^='newMdp'] &gt; label {
    font-size: 0.9vw;
    display: block;
    width: 70%;
    margin-bottom: 0.2vw;
    text-align: justify;

}
#conteneurFicheArticleCompte .changerMdp div[class^='newMdp'] &gt; input {
    border: solid lightgrey;
    border-radius: 0.4vw;
    height: 2.3vw;
    display: block;
    width: 77%;
    font-size: 1vw;
    box-shadow: 0 0 0 0px!important;
    border-width: 0.157vw;
}
#conteneurFicheArticleCompte .changerMdp div[class^='confirmNewMdp'] {
    width: 100%;
    margin-left: 2vw;
    text-align: justify;
    height: 4vw;
    margin-bottom: 1vw;
}
#conteneurFicheArticleCompte .changerMdp div[class^='confirmNewMdp'] &gt; label {
    font-size: 0.9vw;
    display: block;
    width: 100%;
    margin-bottom: 0.2vw;
}
#conteneurFicheArticleCompte .changerMdp div[class^='confirmNewMdp'] &gt; input {
    border: solid lightgrey;
    border-radius: 0.4vw;
    height: 2.3vw;
    display: block;
    width: 77%;
    font-size: 1vw;
    box-shadow: 0 0 0 0px!important;
    border-width: 0.157vw;
}
#conteneurFicheArticleCompte .changerMdp .buttonsSubmitCancel{
    width: 90%;
    padding-top: 0.4vw;
    padding-left: 1.2vw;
    margin-left: auto;
    padding-right: 1vw;
    margin-right: auto;
}
#conteneurFicheArticleCompte .changerMdp .buttonsSubmitCancel .boutonAnnuler{
    cursor: pointer;
    background: lightgrey;
    height: 1.7vw;
    font-size: 0.7vw;
    width: 40%;
    border: none;
    margin-left: auto;
    margin-right: 0.5vw;
    color: white;
}
#conteneurFicheArticleCompte .changerMdp .buttonsSubmitCancel .boutonConfirmer{
    cursor: pointer;
    background: #8bbb45;
    height: 1.7vw;
    font-size: 0.7vw;
    width: 40%;
    margin-left: 0.5vw;
    border: none;
    margin-right: auto;
    color: white;
    padding: 0;
}
/*FIN IBTISSAM*/
form#formInformation &gt; div.ui.form{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    position: relative;
    margin-right: 0!important;
}
div.conteneurFicheArticleMesInfos &gt; div#contenu_formulaire  h1,
#contenu_formulaire &gt; div.soustitreInscription{
    text-align: center;
    width: 75%;
    font-weight: 100;
}

/*CSS MON PANIER*/ 
div#progressionPanier .separateur2.active{
    background-color:  var(--dark-color);
    opacity:1;
}
div.progressionPanier .iconePanier.active{
    color:black;
    opacity:1;

}
#colonnePrincipale &gt; div.progressionPanier &gt; div{
    display: flex;
    justify-content: center;
} 
div.progressionPanier, div.progressionPanier_liens {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
div.progressionPanier_liens {
    margin-top: 0.5vw;
}
.progressionPanier_liens .separateur3 {
    width: 8vw;
    display: flex;
}
div.progressionPanier_liens a {
    width: 5vw;
    text-align: center;
    font-size: 0.8vw;
    font-weight: bold;
    color: #000;
    text-decoration: none;
}
.progressionPanier .iconePanier {
    width: 3vw;
    text-align: center;
    font-size: 1vw;
    font-weight: 700;
    opacity:0.5;
}

.progressionPanier .iconePanier div {
    margin-bottom: 1px;
}
.progressionPanier .iconePanier i {
    color: var(--dark-color);
    font-size: 1.5vw;
}

.progressionPanier .separateur2 {
    width: 8vw;
    height: 0.3vw;
    display: flex;
    background-color: var(--medium-gray);
    margin-top: 1.4vw;
    opacity:0.5;
}
div.contenu &gt; div &gt; p:first{
    width: 2vw;
    text-align: center;
    font-weight: 600;
}
div.colonnePrincipaleMonPanier{
    display:flex;
    flex-direction: column;
    width: 67.67vw;
    margin:0 auto;
    padding-top: 1vw;
}
.colonnePrincipaleMonPanierInterne {
    width: 75%;
    margin-left:auto;
    margin-right: auto;
}

div.colonnePrincipaleMonPanier  div[id^="lignePanier"]{
    background: var(--light-gray);
    border: solid 1px var(--medium-gray);
    border-top: 1.6px solid var(--medium-gray);
    display: flex;
    /* justify-content: center; */
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 1vw;
    padding-bottom: 1vw;
}

#colonnePrincipale.colonnePrincipaleMonPanier div.lignePanierEntete{
    display: table;
    margin-top: 2vw;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.2vw;
    font-size: 0.8vw;
}
#colonnePrincipale.colonnePrincipaleMonPanier div.lignePanierEntete div {
    display: table-cell;
}
div.vignettePanier {
    width: 6.9vw;
    height: 4.5vw;
    overflow: hidden;
    border: 1px solid var(--medium-gray);
    margin-right: 0.7vw;
}
div.vignettePanier &gt; a &gt; img {
    height: 100%;
    width: auto;
}

div.lignePanier div.description div.titre {
    width: 90%;
    font-size: 0.9vw;
    margin-bottom: 1vw;
    min-height: 20%;
}

div.lignePanier div.description div a,
div.lignePanier div.description div span {
    background-color: var(--dark-gray);
    padding: 0.2vw 1.2vw;
    font-size: 0.9vw;
    text-decoration: none;
    font-family: 'GL', sans-serif;
}   

div.lignePanierEntete div.description {
    width: 56%;
    position: relative;
    left: 2%;
}
div.lignePanierEntete div.prix{
    position: relative;
    width: 12%;
    text-align: center;
}
div.lignePanierEntete div.quantite {
    width: 15%;
    text-align: center;
}
div.lignePanierEntete div.total {
    width: 15%;
    text-align: right;
}
div.lignePanier div.description div a{
    color: white;
}
div.lignePanier div.description div span{
    color:red;
    cursor : pointer;
}
div.lignePanier &gt; div.prix{
    text-align: center;
    /*margin-right: 4vw;*/
    /*width: 15%;*/
    font-weight: bold;
    font-size: 0.9vw;
    /*	min-width: 112px;
        max-width: 112px;*/
}
div.lignePanier &gt; div.prix div{
    text-align: center;
    width: 7vw;
    /*width: 110px;*/
}
div.lignePanier &gt; div.prix .lignePanier_prixEcotax{
    font-size: 0.5vw;
    font-weight: 100;
}
div.lignePanier &gt; div.description {
    width:20vw;	
    height: fit-content;
    height: -moz-fit-content;
}
div.lignePanier &gt; div.description :nth-last-child(2) {
    margin-bottom: 1vw;
}

div.lignePanier  div.quantite div input {
    width: 3vw;
    text-align: center;
    background: var(--dark-gray);
    color: white;
    height: 1.5vw;
    border: none;
    font-size: 1.2vw;
}
div.lignePanier  div.total{
    width: 15%;
    text-align: right;
}

div.lignePanier_prix {
    font-weight: 600;
    font-size: 1vw;
    color:var(--second-color);
}
#conteneurFicheArticle div.lignePanier_prix {
    font-size: 0.9vw;
}
div.lignePanier div.quantite {
    width: 15%;
    text-align: center;
    cursor:pointer;
}
div.lignePanier div.quantite div {
    display: flex;
    justify-content: space-between;
}
div.lignePanier div.quantite div input{
    order: 2;
}
div.lignePanier div.quantite div span[id^="retirerPanierLigne_"]{
    float:left;
    order: 1;

}
div.lignePanier div.quantite div span[id^="ajouterPanierLigne_"]{
    float:right;
    order : 3
}
div.lignePanier div.quantite div span[id^="retirerPanierLigne_"],
div.lignePanier div.quantite div span[id^="ajouterPanierLigne_"]{
    color: white;
    background: var(--dark-gray);
    width: 1.4vw;
    margin-top: 0.3vw;
    text-align: center;
    height: 1.1vw;
}
.lignePanierFraisCadre {
    margin-left: auto;
    margin-right: auto;
    overflow:hidden;
}
.lignePanierFraisCadre div.cadre2 .titreEstimation {
    float:left;
    width: 25vw;
    font-size: 0.65vw;
}
.lignePanierFraisCadre div.cadre2 .calculateur {
    float:right;
    width: 25vw;
    padding-top: 0.6vw; 
}
div.lignePanierFraisCadre div.contenu {
    overflow:hidden;
    margin-top: 1.5vw;
    margin-bottom: 0.8vw;
}
div.lignePanierFraisCadre div.contenu h1{
    font-weight: 600;
    font-size: 1.3vw;
    margin-bottom: 3px;
    margin-top: 0px;
}
div.lignePanierFraisCadre div.contenu div.cadre2 {
    bottom: 3vw;
}
.calculateur #formPanierFrais &gt; select{
    background: linear-gradient(#ffffff,#dddddd);
    border: 0.1vw solid #b4b2b3;
    outline-style: none;
    text-align: right;
    height: 1.7vw;
    border-radius: 0.3vw;
    padding: 0.2vw;
    font-size: 0.8vw;
    width: 45%;
    position: relative;
    cursor : pointer;
    /*top: 1vw;*/
    /*left: 1vw;*/
}
.calculateur #formPanierFrais &gt; input.casei{
    background: linear-gradient(#ffffff,#dddddd);
    border: 0.1vw solid #b4b2b3;
    outline-style: none;
    text-align: right;
    height: 1vw;
    border-radius: 0.3vw;
    padding: 0.3vw;
    font-size: 0.8vw;
    width: 6.9vw;
}
.calculateur #formPanierFrais &gt; input.boutonEstimerCoutLivraison {
    background-color: var(--second-color);
    border: none;
    color: white;
    padding: 0.4vw;
    text-align: center;
    text-decoration: non;
    display: inline-block;
    font-size: 0.8vw;
    text-transform: uppercase;
    min-width: 5vw;
    cursor: pointer;
    float: right;
}

.livraisonNote #formPanierFrais &gt; select{
    background: linear-gradient(#ffffff,#dddddd);
    border: 0.1vw solid #b4b2b3;
    outline-style: none;
    text-align: right;
    height: 1.7vw;
    border-radius: 0.3vw;
    padding: 0.2vw;
    font-size: 0.8vw;
    width: 100%;
    position: relative;
    cursor : pointer;
    /*top: 1vw;*/
    /*left: 1vw;*/
}
.livraisonNote #formPanierFrais &gt; input.casei{
    background: linear-gradient(#ffffff,#dddddd);
    border: 0.1vw solid #b4b2b3;
    outline-style: none;
    text-align: right;
    height: 1vw;
    border-radius: 0.3vw;
    padding: 0.3vw;
    font-size: 0.8vw;
    width: 6.9vw;
    margin-top: 0.5vw;
}
.livraisonNote #formPanierFrais &gt; input.boutonEstimerCoutLivraison{
    background-color: var(--second-color);
    border: none;
    color: white;
    padding: 0.4vw;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 0.65vw;
    text-transform: uppercase;
    min-width: 5vw;
    min-height: 1.75vw;
    cursor: pointer;
    float: right;
    margin-top: 0.5vw;
}
#colonnePrincipale &gt; div.lignePanierFraisCadre &gt; div.contenu &gt; div.cadre2 &gt; div.calculateur{
    position: relative;
    top: 4vw;
    left: 23vw;
}

#colonnePrincipale &gt; div.lignePanierFraisCadre &gt; div.contenu &gt; div.cadre2 &gt; div.titreEstimation &gt; span{
    font-size: 0.6vw;
}


div#colonnePrincipale.colonnePrincipaleMonPanier div.lignePanierFraisCadre div.lignePanierFrais:nth-child(2) {
    border-top: 1px solid var(--medium-gray);
}
div.colonnePrincipaleMonPanier div.lignePanierFraisCadre div[id^="lignePanierFrais_"]{
    margin: 0px;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    border-top: 0px;
    border-left: 1px solid var(--medium-gray);
    border-right: 1px solid var(--medium-gray);
    padding-right: 1.5%;
    width: auto;

}
div.transporteur img{
    width: 5vw;
    padding-left: 1.5vw;   
}
form#formPaiement div.panier_recap_frais div.panier_recap_transporteur div.transporteur img{
    padding-top: 1vw;
}

div.lignePanierFrais  div.montant{
    margin-right: 0vw;
    font-weight: 600;
    font-size: 1.1vw;
}
div.transporteurDelai {
    width: 70%;
    margin: auto;
    text-align: justify;
    margin-left: 10px;
}
div.colonnePrincipaleMonPanier div[id^="lignePanier"].active {
    background: var(--dark-gray);
}

div.colonnePrincipaleMonPanier div[id^="lignePanier"].active div.montant.active {
    color: var(--third-color);
}
div.colonnePrincipaleMonPanier div[id^="lignePanier"].active span.transporteurDelaiDetails{
    color:white;
    font-size: 0.8vw;
}
div.colonnePrincipaleMonPanier div[id^="lignePanier"] span.transporteurDelaiDetails{
    font-size: 0.8vw;
}
.selectionTransporteur div.radioTransport{
    width: 1vw;
    height: 1vw;
    position: relative;
    top: 0.5vw;
    left: 1vw;
    cursor:pointer;
}
div.radioPaiement{
    width: 1.5vw;
    height: 1.5vw;
    top: 0.5vw;
    cursor:pointer;
}
div.radioPaiement i{
    display:none;
}
div.vignette_paiement.active div.radioPaiement i{
    color:var(--dark-color);
    display:contents;
    font-size: 1.4vw;
}
div.radioTransport, div.radioAdresses,div.radioPaiement{
    border-radius: 50px;
}
div.radioTransport,div.radioPaiement{
    background-color: white;
    border: 1px var(--medium-gray) solid;
}


div.radioAdresses{
    background-color: white;
    border: 1px var(--dark-gray) solid;
    width: 1.4vw;
    height: 1.4vw;
}

.lignePanierFrais.active div.radioTransport {
    background: var(--second-color);
    border: 1px var(--medium-gray) solid;
}
.lignePanierReduction{
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
    width: 50%;
    font-size:1vw;
}
#colonnePrincipale &gt; div.lignePanierReduction &gt; div &gt; div &gt; div.messageReduction,.messageReduction{
    float: right;
    padding-top: 6px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1vw;	
}
#caseBonDeReduction{
    height: 1.5vw;
    border: solid 1px var(--dark-color);
    width: 12vw;
    text-align: center;
    margin-left: 1vw;
}
#colonnePrincipale &gt; div.colonnePrincipaleMonPanierInterne &gt; div.lignePanierReduction &gt; div &gt; div &gt; div.messageReduction,.messageReduction{
    float: right;
    padding-top: 6px;
    font-weight: 600;
    font-size: 1vw;
}

div.ligneTableau.reductions .texteTableau{
    font-size: 0.8vw;
    text-align:center;
    width: 100%;
    display: flex;
    justify-content: center;
}
#colonnePrincipale &gt; div.colonnePrincipaleMonPanierInterne &gt; div.lignePanierReduction &gt; div &gt; div{
    display: flex;
    flex-direction: row-reverse;
    white-space: nowrap;
    float: right;
    margin-bottom: 5px;
}
#formPaiement &gt; div.lignePanierTotal{
    color: white;
    background: var(--second-color);
    font-weight: 600;
    display: flex;
    flex-direction: row-reverse;
    height: 1.5vw;
    margin-top: 1vw;
    font-size:1vw;
    padding: 0.2vw;
}
#formPaiement &gt; div.lignePanierCGV {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: black;
    background: #ededed;
    height: 1.5vw;
    margin-top: 1vw;
    font-size: 0.8vw;
    font-family: 'GL';
    font-weight: bold;
    padding: 0.2vw;
}
#formPaiement &gt; div.lignePanierNL {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: black;
    background: #ededed;
    height: 1.5vw;
    margin-top: 0vw;
    font-size: 0.8vw;
    font-family: 'GL';
    font-weight: bold;
    padding: 0.2vw;
}
#formPaiement &gt; div.lignePanierCGV a {
    color: black;
}
#formPaiement &gt; div.lignePanierCGV input, #formPaiement &gt; div.lignePanierNL input {
    margin-left: 1vw;
    margin-right: 1vw;
}
div.colonnePrincipaleMonPanier div#lignePanierTotal_prixGlobal {
    color: white;
    background: var(--medium-gray);
    font-weight:600;
    font-size: 0.9vw;
}
div.colonnePrincipaleMonPanier div#lignePanierTotal_prixGlobal #lignePanierTotal_prix{
    background: none!important;
    border: none!important;
    padding: 0!important;
    width: auto!important;
}
div#lignePanierTotal_prix .titre, div#lignePanierTotal_prixGlobal .titre {
    float: right;
    width: 77%;
    text-align: end;
    font-weight:100;
}
div.imgPanierPaiementSecurise{
    margin-bottom: 1vw;
    height: 10vw;
    overflow: hidden;
    border: 0vw solid #CCC;
    -webkit-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.27);
    -moz-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.27);
    box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.27);
    margin-top: 0.8vw;
}
div.imgPanierPaiementSecurise .titre, div.imgPanierPaiementSecurise img, div.imgPanierPaiementSecurise .validerContinuerPanier {
    float:left;
}
div.imgPanierPaiementSecurise img.logoPaiement {
    width: 24vw;
    padding-top: 2.9vw;
    padding-left: 1vw;
}
div.imgPanierPaiementSecurise img.cadenas {
    width: 1.2vw;
    padding-top: 3.7vw;
    padding-left: 0.6vw;
}
div.imgPanierPaiementSecurise .validerContinuerPanier {
    margin-top: 2.7vw !important;
    margin-left: 2vw !important;
    font-size: 1.6vw !important;
    font-weight: bold !important;
    padding-left: 2vw !important;
    padding-right: 2vw !important;
}
div.imgPanierPaiementSecurise .validerContinuerPanier.it {
    margin-top: 2.9vw !important;
    font-size: 1vw !important;
}
div.imgPanierPaiementSecurise .titre {
    font-size: 1vw;
    padding-top: 4vw;
    padding-left: 1vw;
    font-weight: bold;
}
a &gt; img.checkoutWithPaypal{
    margin-bottom: 3vw;
    width: 100%;
    border: 2px red solid;
}
div#boutonContinuerPanier,.validerContinuerPanier
#formPanierFrais &gt; input.ui.tiny.button{
    border-radius:0px;
    font-weight: 100;
    background: var(--second-color);
}

/*FAYDA PANIER CONFIRMATION*/ 
#conteneurPage &gt; div.confirmation_cadre{
    background-color: var(--light-gray);
    padding: 1vw;
    font-size: 1vw;
    border: 1px var(--dark-color) solid;
}
div.titreEnTeteAutreMoyenDePaiement{
    border-top: 1px solid var(--medium-gray);

}
div.titreEnTeteAutreMoyenDePaiement div.block_titre{
    float: left;
    margin-bottom: 10px;
    font-family: 'GL';
}
/* PAGE CONTENU - AIDE (Alex)*/

.page_contenu_aide-container {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2vw;
    flex-wrap: wrap;
}

.page_contenu_aide-container .ligneTableau {
    width: 100%;
    display: flex;
    height: 3vw;
    /* margin-top: 10vh;*/
}

.colonneFAQ {
    width: 30vw;
    margin-right: 2vw;
}

.ligne_verticale {
    border-left: 0.15vw solid var(--medium-gray);
    display: inline-block;
    height: 45vw;
    margin: 0 1vw;
}
.colonneFAQ div.caseTableau {
    text-align: left !important;
}
.colonneCentrale {
    font-size: 1.1vw;
    width: 100%;
    /* margin-top: -7vh; */
}
.colonneCentraleWithFaq {
    font-size: 1.1vw;
    width: 33vw;
    margin-left: 1vw;
}
.aide_reponse {
    display: none;
    margin-left: 2vw;
    margin-bottom: 1.5vw;
    padding: 1vw;
    border: 1px solid black;
    background-color: var(--light-gray);
}
#libelle_page_aide {
    font-size: 1.1vw;
    /* margin-left: 10vw; */
}
.colonneFAQ h3{
    font-size: 1.1vw;
}
.habillage_bouton_moins {
    position: relative;
    border-left: 1px solid;
    border-bottom: 1px solid;
    height: 3vw;
    width: 1.5vw;
    left: 0.5vw;
    top: -0.5vw;
}
/* PAGE FORMULAIRE CONTACT (Alex)*/
#page_contact-title {
    margin-left: 12.5vw;
}
.page_contact-container {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20vw;
    width: 75%;
}
.line_left {
    width: 17vw;
    margin-bottom: 1vw;
}
.line_left input{
    width: 15vw;
}
.line_right {
    margin-left: 0vw;
    margin-bottom: 1vw;
    width: 17vw;
}
.line_right input {
    margin-top: 0.2vw;
}
.line_left_bottom {
    width: 17vw;
    margin-bottom: 1vw;
}
.line_right_bottom {
    width: 17vw;
    margin-left: 0vw;
    margin-bottom: 1vw;
}
.line_right_bottom_two{
    width : 20.5vw!important; 
}
.line_right_bottom_two input{
    width: 85%!important; 
    height: 1.6vw;
    padding-left: 0.5vw;
    border: solid;
    border-radius: 0.5vw !important;
    border-width: 0.14vw;
    border-color: lightgray;
    font-size: 1vw;
}
.line_right_bottom_two input::placeholder{
    font-size: 0.9vw;
}
.line_right.sujet{
    margin-left: 0vw!important;
    width: 20.5vw!important;
}

.line_right .selectForm{
    width: 80%!important;
}
.champObligat{
    font-size: 0.9vw;
    text-align: right;
    margin-top: 0.1vw;
}
#formContact_left {
    margin-right: 0vw;
}
#formContact_left #casemessage {
    height: 11.2vw;
    width: 97%; 
}
#formContact_right {
    text-align: center;
}
#formContact_right #fileadd label{
    padding-top: 0.4vw!important;
    padding-bottom: 0.4vw!important;
    line-height: 1vw!important;
    height: fit-content!important;
}
#colonnePrincipaleContact {
    /* margin-right: 15vw; */
}
#colonnePrincipaleContact input[name^="txt_"]:not(#num):not(#verif_input){
    width: 81%!important; 
    height: 1.6vw;
    padding-left: 0.5vw;
    border: solid;
    border-radius: 0.5vw !important;
    border-width: 0.14vw;
    border-color: lightgray;
    font-size: 1vw;
}
#colonnePrincipaleContact input[name^="txt_"], #colonnePrincipaleContact textarea[name^="txt_"] {
    width: 90%; 
    height: 1.6vw;
    padding-left: 0.5vw;
    border: solid;
    border-radius: 0.5vw !important;
    border-width: 0.14vw;
    border-color: lightgray;
    font-size: 1vw;
    margin-top: 0.2vw!important;
}
#select_destinataire {
    width: 75%;
    text-align: center;
    height: 1vw;
    margin-top: 0.2vw!important;
    display: block;
    margin-bottom: 0;
    top: 0%;
    border: solid;
    border-radius: 0.5vw !important;
    border-color: lightgray;
    border-width: 0.14vw;
}
#select_destinataire .dropdown.icon{
    margin: 0;
}
#colonnePrincipaleContact #formContact_right #fileadd {
    width: 11.3vw;
    height: 11vw;
    padding-left: 1vw;
    padding-right: 1vw;
    padding-bottom: 1vw;
    margin-top: 1.4vw;
    border: solid;
    border-radius: 0.5vw !important;
    border-color: lightgray;
    border-width: 0.14vw;
    font-size: 0.9vw;
}
#colonnePrincipaleContact #formContact_right #fileadd_header {
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
}
#colonnePrincipaleContact #filecontact {
    display: block;
    margin-top: 1vw;
} 
#colonnePrincipaleContact .inputfile {
    width: 0.1vw;
    height: 0.1vw;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
#colonnePrincipaleContact input:required {

}
#colonnePrincipaleContact .inputfile + label {
    font-size: 0.7vw;
    display: block;
    background-color: var(--medium-gray);
    height: 1vw;
    padding-top: 0.5vw;
    margin-top: 0.7vw;
}
#colonnePrincipaleContact .inputfile + label {
    cursor: pointer;
}
#colonnePrincipaleContact .inputfile:focus + label,
#colonnePrincipaleContact .inputfile + label:hover {
    background-color: var(--medium-gray);
} 
#colonnePrincipaleContact #verif_container {
    height: 2vw;
    text-align: left;
    position: relative;
    border-radius: 0.5vw !important;
    border-color: lightgray;
    border-width: 0.14vw;
}
#colonnePrincipaleContact #verif_container img{
    position: absolute;
    border: 1px solid #666;
    margin-top: 0.3vw!important;
    border-radius: 0.5vw;
    margin-left: 0.2vw;
    width: 4.7vw;
    height: 1.7vw;
}
#etoileObligatoire{
    color: red;
    font-size: 1vw;
}
#colonnePrincipaleContact #verif_container input{
    padding-left: 5.3vw!important;
    width: 8vw!important;
    border: solid;
    border-radius: 0.5vw !important;
    border-width: 0.14vw;
    border-color: lightgray;
    font-size: 1vw;
    height: 1.6vw;
}
#colonnePrincipaleContact #img_verif {
    border: 1px solid #666;
    vertical-align: middle;
    margin-left: 0.5vw;
    margin-bottom: 0.1vw;
}
#colonnePrincipaleContact #verif_input {
    border: none;
    width: 7.4vw;
}
#colonnePrincipaleContact{
    font-size: 1vw;
}
#colonnePrincipaleContact #verif_button {
    line-height: 0.8vw;
    font-size: 1vw;
    margin-top: 1.5vw;
    width: 13.4vw;
    height: 2.4vw;
    border-radius: 0;
    background: #8cbc4c!important;
    padding: 0 !important;
}
/*FAYDA PANIER LIVRAISON*/
h2.titreMonPanierLivraison{
    background-color: var(--medium-gray);
    color: white;
    padding: 0.5vw;
    font-weight: 100;
    margin-bottom: 0.3vw;
    font-size: 1vw;
}
#formLivraison2 &gt; div.contenuAdressePanierLivraison{
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 5px;
    display: flex;
    flex-direction: row;
    overflow-x: auto;
}
#formLivraison2 &gt; div &gt; div.ajouterNouvelleAdressePanierLivraison{
    margin-top: 4vw;
    width: 15%;
    font-size: 1.5vw;
    text-align: center;
}
div.colonne-choixAdresse.panierLivraisonLocalisationEntrepot{
    display: flex;
    flex-direction: row;
}
div.formulaireAdresseReference{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

div.conteneurVignetteAdresseRelais{
    overflow:hidden;
    margin-top: 5px;
    margin-bottom: 5px;
}
div.conteneurVignetteAdresseRelais &gt; div.vignetteAdresseRelais{
    background-color: var(--light-gray);
    border: 1px solid var(--dark-color);
    margin-bottom: 1vw;
    display: flow-root;
    padding: 1vw;
}

div.conteneurInfoAdresseRelais,
div.adresseLivraisonMonPaiement,
div.colonnePrincipaleMonPanier div.panier_recap_transporteur[id^="lignePanier"]{
    padding: inherit;
    text-align: justify;
    background: var(--dark-color);
    color: white;
    font-size: 0.8vw;
    width: 40%;
}
div.titreMonPanierLivraison &gt; div.adresseLivraisonMonPaiement{ 
    padding: 1vw;
    width: 50%;
    padding-left: 2vw;
}
div.colonnePrincipaleMonPanier div.panier_recap_transporteur[id^="lignePanier"]{
    margin-left: 0.3vw;
    margin-bottom: 0px;
    margin-right: 0px;
    width: 50%;
}

div.colonnePrincipaleMonPanier div.panier_recap_transporteur[id^="lignePanier"] div.montant {
    position: relative;
    font-weight: 600;
    font-size: 1.2vw;
    float: right;
    margin-bottom: 13px;
    margin-right: 10px
}
a.boutonModifierAdresse{
    text-decoration: none;
    float: right;
    color: var(--second-color);
    position: relative;
    bottom: 0.3vw;
}
div.vignetteAdresseRelais &gt; div.conteneurInfosAdressesMapRelais{
    padding: 1vw;
    display: flex;
}
div.conteneurInfosAdressesMapRelais &gt; div.mapRelais{
    width: 60%;
    margin-left: 1vw;
}


/*FAYDA PANIER PAIEMENT*/ 

#formPaiement &gt; div.lignePanierValidation{
    display: flex;
    float: right;
    margin-bottom: 20px;
}

div.lignePanierValidation &gt; div#btn-validerPaiement.btn-validerPanier.boutonVertValider {
    padding: 0.5vw;
    margin-top: 5px;
    font-size: 0.8vw;
    padding-left: 1.2vw;
}
#formPaiement &gt; div.lignePanierValidation &gt; div.icon-validerPanier.boutonVertValider {
    padding: 0.1vw;
    height: 1.6vw;
    margin-top: 5px;
    margin-right: 5px
}
div.panier_choix_paiement div.modePaiement_cadre {
    display: flex;
    align-items: flex-start;
}
div.panier_choix_paiement div.modesPaiementsInstantanee {
    display: flex;
    width: 100%;
    margin-top: 0.7vw;
    /*
    align-items: flex-start;
    flex-wrap: wrap;
    */
}
div.modePaiement_cadre div.vignette_paiement{
    width: 42%;
    border: 1px solid var(--medium-gray);
    padding: 1vw;
    display:flex;
    height:2vw;
    margin-bottom: 3px;
    margin-right: 5px;

}
div.vignette_paiement.active div.titreMoyenPaiement{
    color:white;
    text-align: center;
    font-size: 1vw;
    font-size: 0.7vw;
}
div.vignette_paiement{
    opacity:0.5;
}
div.vignette_paiement.active {
    background: var(--dark-color);
    opacity: 1;
}
#vignetteModePaiementPaypal{
    width: 100%;
    text-align: center;
}
#vignetteModePaiementCb {
    margin-right: -2.5vw;
}
.titreMoyenPaiement{
    margin-left: 1vw;
    text-align: center;
    font-size: 0.8vw;
    font-weight: 600;
}
/*Ibtissam*/
#conteneurFicheArticleRetour .field .rouge {
    color:#FF0000;
    width: 1vw;
    height: 1vw;
    font-size: 0.8vw;
    text-align: right;
    margin-top: 0.2vw;
}
#conteneurFicheArticleRetour .field .vert {
    color: #090;
    width: 1vw;
    height: 1vw;
    font-size: 0.8vw;
    text-align: right;
    margin-top: 0.2vw;
}
#conteneurFicheArticleRetour .formulaire_ligne_validation {
    overflow: hidden;
    text-align: center;
    width: 100%;
    margin-top: 1%;
    display: inherit;
    background-color: transparent;
    box-sizing: content-box;
    padding: 0;
    float: right;
    padding-right: 1%;
}
#conteneurFicheArticleRetour .formulaire_ligne_validation &gt; div {
    position: relative;
    padding-left: 6%!important;
    padding-right: 1%!important;
    background-color: #5BBD72;
    float: right;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    border: 0;
    color: #FFFFFF;
    margin: 0;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    font-size: 100%;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.05)));
    background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.05));
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.05));
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.08) inset;
    box-shadow: 0 0 0 1px rgba(0,0,0,.08) inset;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-transition: opacity .25s ease,background-color .25s ease,color .25s ease,background .25s ease,-webkit-box-shadow .25s ease;
    transition: opacity .25s ease,background-color .25s ease,color .25s ease,background .25s ease,box-shadow .25s ease;
    font-family: "Segoe", sans-serif;
}
#conteneurFicheArticleRetour .formulaire_ligne_validation &gt; div &gt; i{
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 30%;
    height: 100%;
    padding-top: 4%;
    background-color: rgba(0,0,0,.05);
    text-align: center;
    border-radius: 0;
    line-height: 1;
    -webkit-box-shadow: -1px 0 0 0 rgba(0,0,0,.05) inset;
    box-shadow: -1px 0 0 0 rgba(0,0,0,.05) inset;
    opacity: .9;
    margin: 0;
    vertical-align: top;
    transition: opacity .1s ease;
    font-size: 100%;
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    speak: none;
    color: white;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;

}
#conteneurFicheArticleRetour .formulaire_ligne {
    border: 0px solid;
    overflow:hidden;
    background-color: #FFFFFF;
    margin-top: 20px;
    border: 1px solid #CCCCCC;
}
#conteneurFicheArticleRetour .formulaire_ligne_groupe {
    border: 0px solid;
    border-top-width: 1px;
    border-top-color: #FFFFFF;
    border-bottom-width: 1px;
    border-bottom-color: #8fa4b7;
    padding: 14px;
    overflow:hidden;
    font-size: 22px;
    color: #43596d;
    padding-left: 60px;
    background-color: #b6c1cc;
    cursor:pointer;
    background-repeat:no-repeat;
    background-position: 10px 8px;
}
#conteneurFicheArticleRetour .formulaire_ligne_groupe_detail {
    margin-top: 5px;
    font-size: 14px;
    letter-spacing: 0.5px;
}
#conteneurFicheArticleRetour #formulaire_groupe_connexion {
    background-image:url('../images/iconeGroupeConnexion.png');
}
#conteneurFicheArticleRetour #formulaire_groupe_identite {
    background-image:url('../images/iconeGroupeIdentite.png');
}
#conteneurFicheArticleRetour #formulaire_groupe_physique {
    background-image:url('../images/iconeGroupePhysique.png');
}
#conteneurFicheArticleRetour #formulaire_groupe_lieux {
    background-image:url('../images/iconeGroupeLieux.png');
}
#conteneurFicheArticleRetour .formulaire_ligne_case_select {
    background-color: #FFFFFF;
}
#conteneurFicheArticleRetour .formulaire_ligne_titre {
    background-image:url('../images/formulaire_entete_fond.png');
    background-repeat: repeat-x;
    float:left;
    width: 210px;
    overflow:hidden;
    color: #515151;
    font-size: 18px;
    letter-spacing: 0.5px;
    padding-left: 15px;
    padding-top: 15px;
    height: 41px;
}
#conteneurFicheArticleRetour .formulaire_ligne_titre_area {
    background-image:url('../images/formulaire_entete_fond.png');
    background-repeat: repeat-x;
    overflow:hidden;
    color: #515151;
    font-size: 20px;
    letter-spacing: 0.5px;
    padding-left: 15px;
    padding-top: 15px;
    height: 41px;
}
#conteneurFicheArticleRetour .formulaire_ligne_titre_court {
    float:left;
    width: 175px;
    overflow:hidden;
    color: #33404d;
    font-size: 18px;
    letter-spacing: 0.5px;
}
#conteneurFicheArticleRetour .formulaire_ligne_radio, .formulaire_ligne_select {
    margin-left: 10px;
    width: 348px;
    float:left;
}
#conteneurFicheArticleRetour .formulaire_ligne_radio label {
    font-size: 18px;
    color: #102437;
    padding-left: 5px;
    cursor: pointer;
}
#conteneurFicheArticleRetour .formulaire_ligne_indicateur {
    float:left;
    background-repeat:no-repeat;
    width: 54px;
    height: 56px;
    overflow:hidden;
}
#conteneurFicheArticleRetour .formulaire_ligne_indicateur_empty {
    background-image:url('../images/formulaire_neutre.png');
}
#conteneurFicheArticleRetour .formulaire_ligne_indicateur_ok {
    background-image:url('../images/formulaire_valid.png');
}
#conteneurFicheArticleRetour .formulaire_ligne_indicateur_ko {
    background-image:url('../images/formulaire_erreur.png');
}
#conteneurFicheArticleRetour .formulaire_ligne_indicateur_vide {
    background-image:url('../images/formulaire_vide.png');
}
#conteneurFicheArticleRetour .formulaire_ligne_case {
    float:left;
    background-image:url('../images/formulaire_case_fond.png');
    background-repeat: repeat-x;
    width: 299px;
    height: 56px;
}
#conteneurFicheArticleRetour .formulaire_ligne_case input {
    font-size: 20px;
    background-color:transparent;
    border: 0px solid;
    color: #102437;
    padding: 10px;
    width: 289px;
    padding-top: 14px;
}
#conteneurFicheArticleRetour .formulaire_ligne_case select {
    font-size: 20px;
    background-color:transparent;
    border: 0px solid;
    color: #102437;
    padding: 10px;
    width: 309px;
    padding-top: 14px;
}
#conteneurFicheArticleRetour .formulaire_area_haut {
    float:left;
    width: 379px;
    overflow:hidden;
}
#conteneurFicheArticleRetour .formulaire_area_bas {
    clear:both;
    width: 631px;
    height: 10px;
    overflow:hidden;
}
#conteneurFicheArticleRetour .formulaire_ligne_area {
    clear:both;
}
#conteneurFicheArticleRetour .formulaire_ligne_area textarea {
    font-size: 16px;
    background-color:transparent;
    border: 0px solid;
    color: #102437;
    padding: 10px;
    width: 550px;
    rezise: none;
}
#conteneurFicheArticleRetour .formulaire_ligne_aide {
    display:none;
}
#conteneurFicheArticleRetour .casei {
    font-size: 12px;
    padding: 5px;
    color: #444444;
    font-weight:400;
    border: 1px solid #DDDDDD;
}
#conteneurFicheArticleRetour .casei:hover {
    border: 1px solid #AAAAAA;
}
#conteneurFicheArticleRetour .casei.normal {
    width: 600px; 
}
#conteneurFicheArticleRetour .caseiErreur {
    font-size: 12px;
    padding: 5px;
    color: #444444;
    font-weight:400;
    border: 1px solid #FF0000;
}
#conteneurFicheArticleRetour .caseiErreur:hover {
    border: 1px solid #AAAAAA;
}
#conteneurFicheArticleRetour .caseInputRecherche {
    font-size: 14px;
    color: #b2b2b2;
    background-color: #FFF;
    border: 1px solid #b4b4b4;
    width: 255px;
    height:  21px;
    padding-left: 5px;
}
#conteneurFicheArticleRetour #contenu_formulaire {
    display: flex;
    flex-wrap: wrap;
    overflow:hidden;
    background-color:#DDDDDD;
    position:relative;
    -moz-border-radius: 0.6vw;
    -webkit-border-radius: 0.6vw;
    -o-border-radius: 0.6vw;
    -ms-border-radius: 0.6vw;
    -khtml-border-radius: 0.6vw;
    border-radius: 0.6vw;
    height: fit-content;
    width: 100%;
}
#conteneurFicheArticleRetour #contenu_formulaire .zoneFormulaire {
    background-color: #EEEEEE;
    padding: 1vw;
    float: left;
    width: 69%;
    padding-bottom: 9vw;
    overflow: hidden;
    font-size: 1vw;
}
#conteneurFicheArticleRetour #contenu_formulaire .zoneAide {
    float: left;
    width: 28%;
    overflow: hidden;
    font-size: 1vw;
}
#conteneurFicheArticleRetour #contenu_formulaire .zoneFormulaire h2 {
    font-size: 28px;
    color: #777777;
}
#conteneurFicheArticleRetour #contenu_formulaire .zoneFormulaire .intro {
    font-size: 16px;
    color: #777777;
    margin-top:5px;
}
#conteneurFicheArticleRetour .zoneFormulaire .twitter-typeahead {
    width:100%;
}
#conteneurFicheArticleRetour #coordonneesSociete {
    overflow:hidden;
    margin-bottom: 25px;
    background-color:#cdcfc7;
    position:relative;
    border: 1px solid #cdcfc7;
}
#conteneurFicheArticleRetour #coordonneesSociete .zoneTexte {
    overflow:hidden;
    padding: 15px;
    float:left;
    width: 578px;
    background-color:#FFFFFF;
    color:#6a6c63;
    min-height: 150px;
}
#conteneurFicheArticleRetour #coordonneesSociete .zoneAide {
    float:left;
    width: 220px;
    color: #646c64;
    padding: 20px;
    text-align:center;
}
#conteneurFicheArticleRetour #coordonneesSociete .zoneAide .texte {
    margin-top: 10px;
    font-size: 18px;
}
#conteneurFicheArticleRetour #coordonneesSociete .zoneAide .fleche {
    background-image:url('../images/flecheBigBas.png');
    background-repeat:no-repeat;
    display:block;
    width:67px;
    height:47px;
    margin-left:auto;
    margin-right:auto;
    margin-top: 20px;
}
#conteneurFicheArticleRetour #coordonneesSociete .googleMap {
    overflow:hidden;
    width: 574px;
    height: 200px;
    border: 1px solid #CCCCCC;
    margin-top:20px;
}
#conteneurFicheArticleRetour #contenu_formulaire .zoneFormulaire #formPerso1 .ui.form{
    position: relative;
    max-width: 100%;
    box-sizing: content-box;
}
#conteneurFicheArticleRetour #contenu_formulaire .zoneFormulaire #formPerso1 .ui.form &gt; input{
    margin-top: 0;
    font-family: "Segoe", sans-serif!important;
    outline-style: none;
    font-weight: 400;
}
#conteneurFicheArticleRetour #contenu_formulaire .zoneFormulaire #formPerso1 .ui.form .field{
    margin-bottom: 0.4vw;
    font-size: 1vw;
}
#conteneurFicheArticleRetour #contenu_formulaire .zoneFormulaire #formPerso1 .ui.form .field &gt; label{
    text-transform: lowercase;
    margin-bottom: 0.4vw;
    display: block;
    color: #555;
    font-size: 0.99vw;
}
#conteneurFicheArticleRetour #contenu_formulaire .zoneFormulaire #formPerso1 .ui.form .field &gt; label:first-letter{
    text-transform: uppercase;
}
#conteneurFicheArticleRetour #contenu_formulaire .zoneFormulaire #formPerso1 .ui.form .field &gt; div.ui.left.labeled.icon.input{
    width: 99%;
    display: inline-block;
    position: relative;
    font-size: 1vw;
}

#conteneurFicheArticleRetour #contenu_formulaire .zoneFormulaire #formPerso1 .ui.form .field &gt; div.ui.left.labeled.icon.input &gt; input{
    padding-left: 2.3vw!important;
    padding-right: 1.9vw!important;
    height: 2.01vw;
    border-radius: 0.4vw;
    border: solid thin grey;
    width: 100%;
    font-size: 1vw;
}
#conteneurFicheArticleRetour #contenu_formulaire .zoneFormulaire #formPerso1 .ui.form .field &gt; div.ui.left.labeled.icon.input &gt; i{
    left: 0.2vw;
    cursor: default;
    position: absolute;
    opacity: .5;
    right: 0;
    width: 2vw;
    height: 100%;
    padding-top: 0.4vw;
    font-size: 1.2vw;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    display: initial;
}
#conteneurFicheArticleRetour #contenu_formulaire .zoneFormulaire #formPerso1 .ui.form .field &gt; div.ui.left.labeled.icon.input &gt; div{
    overflow: hidden;
    background-color: transparent;
    position: absolute;
    top: 0.1vw;
    right: 0;
    z-index: 10;
    margin: 0;
    width: 2vw;
    margin-right: 0.09vw;
    margin-top: 0.01vw;
    font-size: 0.6vw!important;
    height: 2vw;
    padding: 0;
    text-align: center;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}
#conteneurFicheArticleRetour #contenu_formulaire .zoneFormulaire #formPerso1 .ui.form .field &gt; div.ui.selection.dropdown{
    width: 95%;
    border: solid thin grey;
    margin-top: 0;
    box-shadow: 0 0 0 0px!important;
    margin-bottom: 0;
    height: 1.1vw;
    border-radius: 0.4vw!important;
    font-size: 0.9vw;
}
#conteneurFicheArticleRetour #contenu_formulaire .zoneFormulaire #formPerso1 .ui.form .field &gt; div.ui.selection.dropdown &gt; div.menu{
    max-height: 10vw!important;
    width: 100%!important;
    overflow-x: hidden;
    font-size: 1vw!important;
    overflow-y: auto;
    -webkit-box-shadow: 0 0.1vw 0 0.1vw #e0e0e0!important;
    box-shadow: 0 0.1vw 0 0.1vw #e0e0e0!important;
    border-radius: 0 0 0.3vw 0.3vw!important;
} 
#conteneurFicheArticleRetour #contenu_formulaire .zoneFormulaire #formPerso1 .ui.form .field &gt; div.ui.selection.dropdown &gt; div.menu &gt; div{
    background-color: rgba(0,0,0,.06)!important;
    border-left: 0!important;
    border-color: transparent!important;
    -webkit-box-shadow: none!important;
    -moz-shadow: none!important;
    box-shadow: none!important;
    z-index: 12;
    font-size: 0.8vw!important;
}

/*FIN FORMULAIRE*************************************************************************************************/

/*AIDE************************************************************************************************/
#conteneurFicheArticleRetour #contenu_aide_contenu {
    overflow: hidden;
    font-size: 0.93vw;
    color: #777777;
    padding: 0.5vw;
    position: absolute;
    left: 74%;
    width: 15vw;
    overflow: hidden;
    line-height: 1.2vw;
    text-transform: lowercase;
}
#conteneurFicheArticleRetour #contenu_aide_contenu:first-letter{
    text-transform: uppercase;
}
#conteneurFicheArticleRetour #contenu_aide_contenu span{
    text-transform: initial;
}
#conteneurFicheArticleRetour .texteAideObligatoire {
    color: #21c538;
}
#conteneurFicheArticleRetour .texteAideErreur {
    color: #FF0000;
}
#conteneurFicheArticleRetour #contenu_aide_pointeur {
    background-image: url(../images/formulaire_pointeur.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 2%;
    height: 3%;
    overflow: hidden;
    position: absolute;
    left: 71.5%;
    font-size: 1vw;
}
#colonnePrincipale.Contact #page_contact-title{
    margin-top: 0vw;
    font-size: 2vw;
    text-transform: uppercase;
    margin-left: 0!important;
}
#colonnePrincipale.Contact .page_contact-container{
    display: flex;
    margin-left: 0!important;
    margin-right: 0!important;
    padding-bottom: 2vw;
    width: 100%; 
}
/*FIN IBTISSAM*/

/*FAYDA INSCRIPTION*/ 
#colonnePrincipale &gt; div.colonnePrincipaleMonPanierInterne &gt; div.intro-page &gt; h1{
    color: var(--dark-color);
    font-size: 1.5vw;
    line-height: 26px;
    font-weight: 300;
    letter-spacing: 1px;
}
.case-choix-inscription {
    height: 100%;
    background-color: #FFF;
    margin-bottom: 29px;
    box-shadow: 0px 10px 10px 0px #606060;
    position: relative;
    color: var(--medium-gray);
    width: 100%;
}
.case-choix-inscription &gt; img {
    float: left;
}
#img-choix-compte-particulier {
    margin: 40px 55px 35px 55px;
    width:10%;
}
#img-choix-compte-pro {
    margin: 59px 43px 49px 61px;
    width:10%;

}
#img-choix-compte-pro {
    margin: 59px 43px 49px 61px;
    width:10%;

}
.titre-case-choix-inscription {
    font-size: 2vw;
}
.titre-case-choix-inscription, .description-case-choix-inscription {
    width: 75%;
}
.info-description-case-choix-inscription{
    font-size:1.7vw;
}
/*.titre-case-choix-inscription {
    float: left;
    margin-top: 9px;
}*/
.description-case-choix-inscription {
    font-size: 1.5vw;
}
.groupe-inscription{
    font-weight: 700;
    margin-top: 15px;
    /*margin-bottom: 15px;*/
    font-size:1vw;
}
.conteneurInformationsFormulaire{
    display: flex;
    /*flex-wrap: wrap;*/
    /*justify-content: center;*/
}
div.conteneurInformationsFormulaire select {  
    margin-top: 0.2vw;
    display: block;
    margin-bottom: 0;
    top: 0%;
    border: solid;
    border-radius: 0.5vw!important;
    border-color: lightgray;
    border-width: 0.14vw;
    padding-left:10px;
    font-size:1vw;
}
div.conteneurInformationsFormulaire #group-identifiants &gt; div.ligneForm:nth-child(4),
div.conteneurInformationsFormulaire #group-informations &gt; div.ligneForm.champ-pro,
div.conteneurInformationsFormulaire  #group-informations &gt; div:nth-child(6),
#formInscription &gt; div &gt; div:nth-child(2) &gt; div.group-coordonnees &gt; div:nth-child(3), 
#formInscription &gt; div &gt; div:nth-child(2) &gt; div.group-coordonnees &gt; div:nth-child(8),
#formInscription #group-informations &gt; div:nth-child(4), 
#formInscription #group-informations &gt; div:nth-child(7) {
    display: flex;
    flex-flow: row;
}
div.conteneurInformationsFormulaire  #casecode {
    position: relative;
    bottom: 0.4vw;
}
div.conteneurInformationsFormulaire #group-informations &gt; div.ligneForm.champ-pro {
    width:95%;
}
div.conteneurInformationsFormulaire #group-identifiants #casemp2{
    width:12.5vw;
}
div.conteneurInformationsFormulaire #group-identifiants  #casemp,
div.conteneurInformationsFormulaire #casenumerotva,
div.conteneurInformationsFormulaire #caseraisonsociale, 
div.conteneurInformationsFormulaire #casenom, 
div.conteneurInformationsFormulaire #caseprenom,
div.conteneurInformationsFormulaire #casecodepostal,
div.conteneurInformationsFormulaire #caseville,
div.conteneurInformationsFormulaire #select_pays,
div.conteneurInformationsFormulaire #casetel
{
    width: 12vw;
}
div.conteneurInformationsFormulaire #group-identifiants &gt; div:nth-child(4) &gt; div.colonne-droite, 
div.conteneurInformationsFormulaire #group-informations &gt; div:nth-child(6) &gt; div.colonne-droite,
div.conteneurInformationsFormulaire #group-informations &gt; div:nth-child(7) &gt; div.colonne-droite,
div.conteneurInformationsFormulaire #group-informations &gt; div.ligneForm.champ-pro &gt; div.colonne-droite {
    position: relative;
    left: 1.5vw;
    padding-right: 1.5vw;
}
div.conteneurInformationsFormulaire #group-informations &gt; div:nth-child(2){
    display: table-caption;
    width:100%;
}
div.conteneurInformationsFormulaire textarea {
    border-radius: 0.4vw;
    border: solid lightgrey;
    border-width: 0.2vw;
    height: 6.4vw;
    font-size: 1vw;
    width: 26.5vw;
}
form#formInscription &gt; div &gt; div:nth-child(2) &gt; div.ligneForm &gt; div{
    width: 100%;
    margin-bottom: 30px;
}
.radio-btn-civilite{
    text-align: center;
    background-color: var(--light-gray);
    padding: 10px;
    width: 2vw;
    border: 2px #b2b2b2 solid;
    float: left;
    cursor: pointer;
    font-size: 1vw;
}
#radio-btn-civilite-m {
    border-radius: 20px 0px 0px 20px;
}
#radio-btn-civilite-mme, #radio-btn-civilite-mlle {
    border-radius: 0px 20px 20px 0px;
    border-left: none;
}
.radio-btn-civilite.active {
    background-color: #e62c2d;
    color: white;
}
.checkbox-carre{
    width: 30px;
    height: 30px;
    border: 2px #b2b2b2 solid;
    background-color: #FFF;
    cursor: pointer;
    border-radius: 3px;
    float: left;
    margin-top: 10px;
    padding: 3px;
}
div.colonnePrincipaleMonPanierInterne div.conteneurInformationsFormulaire input{
    width:95% 
}
.ligneForm { 
    margin-left: 1vw;
    margin-top: 15px;
    padding-top: 0.2vw;
    overflow: hidden;
    position: relative;
}
.checkbox-carre i.check {
    padding: 2px;
    font-size: 25px;
}

#formInscription label {
    font-size: 1vw;
    margin-left: 10px;
    float: left;
    width: 100%;
}
#formInscription .lbl-input-aligne {
    width: 70%;
    position: relative;
    top: 1vw;
    margin-bottom: 2vw;
    float: unset;
    left:0.5vw;
}

div.conteneurInformationsFormulaire #caseemail, div.conteneurInformationsFormulaire #complementAdresse{
    width:26vw;
}
div.conteneurInformationsFormulaire #caseemail, div.conteneurInformationsFormulaire #casesiret{
    width:14vw;
}
div.conteneurInformationsFormulaire #caseemail, div.conteneurInformationsFormulaire #caseemail2{
    width:27vw;
}
form#formInscription div.conteneurInformationsFormulaire #select_typeCompte{
    width:28vw;
}
#formInscription label[for='moisNaissance'],
#formInscription label[for='anneeNaissance']{
    width: auto;
}
#group-informations &gt; div:nth-child(6) &gt; label[for='jourNaissance']{
    position: relative;
    top: 0.3vw;
    height: 2.5vw;
    margin-right: 5px;
}
div.conteneurInformationsFormulaire #select_typeCompte, 
div.conteneurInformationsFormulaire #select_pays, div.conteneurInformationsFormulaire #select_departement
{
    width: 27vw;
    height: 2.3vw;
    border: 1px solid lightgray;
    border-width: 0.2vw;
    margin-top: 1.5vw;
}
div.conteneurInformationsFormulaire #casetel {
    width: 26vw;
}
/*FIN FAYDA*/ 

/*FAYDA PANIER*/  
div.panier-icon div.enTeteIconeNbArticles {
    /*position: relative;*/
    width: 50px;
    height: 40px;
    margin: 0px;
}
div.panier-icon div.enTeteIconeNbArticles div.enTeteIconePanier{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

div.panier-icon div.enTeteIconeNbArticles div.enTeteNbArticles{
    /*z-index: 1;*/
    text-align:center;
    height:100%;
    width: 2.4vw;
    margin-left: 0.5vw;
}
div.panier-icon div.enTeteIconeNbArticles div.enTeteNbArticles span#compteur-panier{
    position: relative;
    z-index: 10;
    color: black;
    top: 0.3vw;
    font-weight: bold;
    font-size: 0.8vw;
}
#sticky-menu.sticky span#compteur-panier {
    top: 0vw!important;
    font-size: 0.7vw!important;
}
#conteneurPanierCompteTop &gt; div.panier-container &gt; div &gt; div.panier-icon.togglePanierTop,div.entete .compte-icon,div.entete .contact-icon{
    position:relative;
}

.entete.enTeteContenuDuPanier {
    padding: 5px;
    /* padding-top: 0.5vw; */
    /* padding-left: 0.5vw; */
    /* padding-bottom:0.5vw; */
    text-decoration: none;
    width: 97%;
    background: var(--dark-gray);
    text-align: center;
    position: relative;
    bottom: 0.5vw;
} 
#panier-top &gt; div &gt; div.entete.enTeteContenuDuPanier &gt; a.block_titre{
    text-decoration: none;
    color: white;
    font-size: 1vw;
}
#panier-top &gt; div.block{
    background: var(--dark-gray);
}
#panier-top &gt; div.block:before{
    /* content: ''; */
    display: inline-block;
    height: 0;
    width: 0;
    border-right: 0.5vw solid transparent;
    border-bottom: 0.6vw solid var(--dark-gray);
    border-left: 0.5vw solid transparent;
    position: relative;
    left: 2vw;
    top: -0.7vw;
}

#panier-top,#panier-top-sticky {
    position: absolute;
    width: 16vw;
    /*padding: 0.4vw;*/
    background-color: var(--light-gray);
    z-index: 3000000;
    box-shadow: rgba(133, 133, 133, 0.5) 9px 7px 17px 1px;
    display: none;
    right: -5vw;
    top: 3.3vw;

}
.lignePanierMini {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.block_contenu .vignettePanierMini img {
    width: 48px;
}


.block_contenu .lignePanierMini {
    padding: 0.4vw;
    padding-left: 0.5vw;
    padding-right: 0.5vw;
    background-color: transparent;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #c4c4c4;
    overflow: hidden;
    clear: both;
    cursor: pointer;
    width:95%;
}
.block_contenu .vignettePanierMini {
    float: left;
    width: 2.5vw;
    overflow: hidden;
    border: 1px solid #a0a8a0;
    margin-right: 0.5vw;
    height: min-content;
}
#panier-top &gt; div &gt; div.block_contenu.lite &gt; div.lignePanierMini &gt; div.detail, 
#panier-top-sticky &gt; div &gt; div.block_contenu.lite &gt; div.lignePanierMini &gt; div.detail, 
#blockPanier &gt; div &gt; div.block_contenu.lite &gt; div.lignePanierMini.premier &gt; div.detail{
    margin-top:0px;
    width: 75%;
}
.block_contenu .detail {
    overflow: hidden;
}

.block_contenu .detail .titre {
    color: #315444;
    font-size: 0.75vw;
    clear: both;
    overflow: hidden;
    margin-bottom: 0.2vw;
    text-align: center;
}
.block_contenu .detail .texte {
    color: #146942;
    font-size: 0.75vw;
    font-weight: 400;
    float: left;
}

.block_contenu .detail .prix {
    color: #146942;
    font-size: 0.8vw;
    float: right;
    font-weight: bold;
}
.block_contenu #lignePanierMiniTotal, #blockPanier &gt; div &gt; div.block_contenu.lite &gt; div.lignePanierMini_bouton {
    padding: 0.6vw;
    color: #333333;
    background-color: #EEEEEE;
    overflow: hidden;
    font-size: 0.9vw;
    font-weight: bold;
    text-align: center;

}
.block_contenu #lignePanierMiniTotal .titre {
    float: left;
}
.block_contenu #lignePanierMiniTotal .prix {
    float: right;
}
#panier-top &gt; div &gt; div.block_contenu.lite &gt; div.lignePanierMini_bouton,
#panier-top-sticky &gt; div &gt; div.block_contenu.lite &gt; div.lignePanierMini_bouton{
    color: #333333;
    background-color: #EEEEEE;
    text-align:center;
}
div#blockPanier.panierAnimationUpdate{
    width: 16vw;
    top: 130px;
    background-color: var(--light-gray);
    z-index: 3000000;
    box-shadow: rgba(133, 133, 133, 0.5) 9px 7px 17px 1px;
    display: block;
    right: -2vw;
    top: 4vw;
    right: 13vw;
    top: 0vw;
    display:none;
}
div#blockPanier.panierAnimationUpdate:hover{
    display:block;
}
#panier-top &gt; div &gt; div.block_contenu.lite &gt; div.lignePanierMini_bouton &gt; a{
    padding-left: 0.9vw;
    padding-right: 0.9vw;
    padding-top: 0.7vw;
    padding-bottom: 0.7vw;
    font-size: 0.8vw;
}
/*FIN FAYDA*/
.selecteurCategorie .colonne.grande {
    width: 100%;
}
.selecteurCategorie .colonne {
    width: 50%;
    margin-bottom: 3%;
    float: left;
}
.selecteurCategorie .colonne .case {
    float:left;
    width:15px;
    background-position:0px 0px;
    background-repeat:no-repeat;
    height:15px;
    border:1px solid #999999;
    margin-right:7px
}
.selecteurCategorie .colonne .case.cochee {
    background-image:url('../images/selecteurCasePetite_coche.png');
}
.ui-slider-range.ui-corner-all.ui-widget-header {
    height: 10px;
    background-color: #727b8b;
    position: absolute;
}
/*CompatibilitÃ© Fiche article*/
.block.ficheProduit .entete .block_titre {
    color: #FFF;
    text-align: center;
    font-weight: bold;
    font-size: 0.9vw;
    padding: 0.1vw;
    margin: 0;
}
.block.ficheProduit .entete {
    background-color: #000;
}
.block.ficheProduit .block_contenu.lite a {
    display: block;
    width: max-content;
    margin: auto;
}
.block.ficheProduit .block_contenu .zoneBouton {
    padding: 0;
    margin: 0;
}
.block.ficheProduit .block_contenu .zoneBouton .enSavoirPlus {
    color: #000;
    text-transform: none;
    text-align: center;
    display: block;
    font-weight: bold;
    font-size: 0.7vw;
    padding: 0.1vw;
}
/*Fin compatibilitÃ© fiche article*/
/*Liste des Compatibilites Fiche article*/
.liste-article-compatible .titre-articles-compatibles{
    font-size:0.9vw;
}
.liste-article-compatible .titre-articles-compatibles:before, .liste-article-compatible .titre-articles-compatibles:after {
    content:'';
    display:inline-block;
    vertical-align: middle; 
    width: 2rem;
    height: 1px;
    background: #000 
}
.liste-article-compatible .titre-articles-compatibles:before {
    margin-right: .3rem;
}
.liste-article-compatible .titre-articles-compatibles:after {
    margin-left: .3rem;
}
.liste-article-compatible {
    position: relative;
    height:10.5vw;
}
.liste-article-compatible.articles{
    height:11.5vw;
}
.suggestions .caseArticleModule {
    width: 7vw;
    margin: 0;
    /* background-color: #4c4c4c; */
    background-color: white;
    margin-right: 0.5vw;
    margin-bottom: 0.5vw;
    border: 0.1vw solid #DDD;
    box-shadow: 0px 0px 3px 2px rgba(215, 215, 215, 0.35);
    -moz-box-shadow: 0px 0px 3px 2px rgba(215, 215, 215, 0.35);
    -webkit-box-shadow: 0px 0px 3px 2px rgba(215, 215, 215, 0.35);
}
.suggestions .caseArticleModule .vignetteArticleModule{
    min-height: 4.9vw!important;
}
.suggestions .caseArticleModule h3 {
    color: lightslategrey;
    font-family: GL, sans-serif;
    font-size: 1vw;
    font-weight: 700;
    padding: 0.3vw;
    height: 2.5vw;
}
.suggestions .caseArticleModule a {
    background-color: white;
    color: #e67e22;
    font-size: 1.3vw;
    font-weight: 700;
    text-decoration: none;
}
.suggestions .caseArticleModule a.titre{
    font-size: 0.7vw;
    text-align: center;
    width: 100%;
    padding-left: 0.5vw;
    padding-right: 0.5vw;
}
.suggestions .caseArticleModule .ArticleModule-content {
    background-color: #4c4c4c;
}
.suggestions .caseArticleModule .ArticleModule-content .vignetteArticleModule img {
    height: 5.5vw!important;
}
/*Page Erreur*/
#maintenance_cadre.Erreur{
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.5vw;
}
#maintenance_cadre.Erreur .ImageMsgErreur{
    width: 100%;
    display:flex;
    margin-bottom: 1vw;
}
#maintenance_cadre.Erreur .ImageMsgErreur .Image{
    width: 40%;
}
#maintenance_cadre.Erreur .ImageMsgErreur .Image &gt; img{
    width: 95%;
}
#maintenance_cadre.Erreur .ImageMsgErreur .MsgErreur{
    width: 50%;
}
#maintenance_cadre.Erreur .ImageMsgErreur .MsgErreur &gt; h2{
    margin-top: 0vw;
    font-family: fantasy;
    font-size: 3.7vw;
    font-weight: 100;
}
#maintenance_cadre.Erreur .ImageMsgErreur .MsgErreur &gt; div &gt; button:first-child{
    background: #8cbc4c;
    color: #FFFFFF;
    text-transform: none;
    padding: 0.1vw;
    font-size: 1.16vw;
    font-weight: normal;
    width: 15vw;
    border: none;
    height: 3vw;
    margin-right: 2vw;
    cursor:pointer;
}
#maintenance_cadre.Erreur .ImageMsgErreur .MsgErreur &gt; div &gt; button:nth-child(2){
    color: black;
    text-transform: none;
    padding: 0.1vw;
    font-size: 1.16vw;
    font-weight: normal;
    width: 15vw;
    border: none;
    height: 3vw;
    background: #cac9c9;
    cursor:pointer;
}
#maintenance_cadre.Erreur .TextRecherchePiece{
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    display:flex;
    flex-wrap:wrap;
}
#maintenance_cadre.Erreur .TextRecherchePiece &gt; span:first-child{
    width: 100%;
    font-family: 'GL';
    color: darkblue;
    font-size: 1.5vw;
}
#maintenance_cadre.Erreur .TextRecherchePiece &gt; span:nth-child(2){
    width: 100%;
    font-family: 'GL';
    color: darkblue;
    font-size: 1.5vw;
}
/* Formulaire de demande de piÃ¨ces (Alex) */
#conteneurFicheArticle #contenu_formulaire .field .rouge {
    color: #FF0000;
}
#conteneurFicheArticle #contenu_formulaire .zoneFormulaire {
    float: left;
    width: 100%;
    margin-right: 1.5vw;
}
#conteneurFicheArticle #contenu_formulaire .formulaire_ligne_aide {
    display: none;
}
#conteneurFicheArticle #contenu_formulaire .zoneAide {
    float: left;
    width: 15vw;
    overflow: hidden;
    font-size: 0.8vw;
}
#conteneurFicheArticle #contenu_formulaire .zoneAide #contenu_aide_pointeur {
    background-image: url('../images/formulaire_pointeur.png');
    background-repeat: no-repeat;
    background-color: transparent;
    width: 1vw;
    height: 2vw;
    top: 25.5vw;
    left: 66.5vw;
    overflow: hidden;
    position: absolute;
    transform: rotate(180deg);
}
#conteneurFicheArticle #contenu_formulaire .zoneAide #contenu_aide_contenu {
    position: absolute;
    overflow: hidden;
    color: #777777;
    padding: 0.5vw;
    left: 68vw;
    width: 20vw;
    overflow: hidden;
    line-height: 1vw;
}

#conteneurFicheArticle #contenu_formulaire .texteAideErreur {
    color: #FF0000;
}
#conteneurFicheArticle #contenu_formulaire .texteAideObligatoire {
    color: #21c538;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire{
    margin-right: 0.2vw!important;
    height: 59vw;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire{
    width: 100%;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire{
    width: 75%;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; h2{
    margin-top: 1vw;
    margin-bottom: 0.3vw;
    font-size: 1.5vw;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire .intro{
    font-size: 0.9vw;
    margin-bottom: 1vw;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form {
    font-size: 1vw;
    height: 52vw;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form &gt; div {
    height: 100%;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form &gt; div &gt; div{
    width: 100%;
    height: 3.5vw;
    margin-bottom: 0.4vw;  
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form &gt; div &gt; div &gt; div.ui.left.labeled.icon.input{
    width: 100%;
    height: 2.5vw;   
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form &gt; div &gt; div &gt; label{
    font-size: 0.9vw;
    margin-bottom: 0.2vw;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form &gt; div &gt; div &gt; div.ui.left.labeled.icon.input &gt; input{
    height: 2vw;
    font-size : 1vw;
    padding-top: 0.7vw!important;
    padding-bottom: 0.7vw!important;
    padding-left: 2.3vw!important;
    padding-right: 2vw!important;
    position: absolute;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form &gt; div &gt; div &gt; div.ui.left.labeled.icon.input &gt; i{
    font-size: 0.96vw;
    padding-top: 0.6vw;
    width: 2.4vw;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form &gt; div &gt; div &gt; div.ui.left.labeled.icon.input .ui.corner.label{
    font-size: 0.66vw;
    height: 2vw;
    width: 2vw;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form &gt; div #formulaire_ligne_caseinfos{
    height: 12vw!important;  
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form &gt; div #formulaire_ligne_casecode{
    height: 5vw!important;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form &gt; div #formulaire_ligne_casecode &gt; label &gt; div:first-child{
    padding-top: 0.1vw!important;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form &gt; div #formulaire_ligne_casecode &gt; label &gt; div:nth-child(2){
    float: left;
    margin-left: 0.6vw!important;
    margin-bottom: 0.5vw!important;
    width: 4.5vw;
    font-size: 1vw;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form &gt; div #formulaire_ligne_casecode &gt; label &gt; div:nth-child(2) &gt; img{
    width: 90%!important;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form &gt; div .formulaire_ligne_validation &gt; div{
    width: 18%;
    text-align: center;
    float: right;
    font-size: 1vw;
    line-height: 1.5vw;
    height: 50%;
    border-radius: 0.2vw;
    cursor: pointer;
    background: #8bbb45;
    color: white;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form &gt; div &gt; div &gt; div &gt; i.icon{
    display: block!important;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneAide{
    display: inline-block;
    height: 52vw;
    margin-top: 6vw;
    position: sticky;
    width: 24%!important;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneAide #contenu_aide_pointeur{
    left: 0vw!important;
    font-size: 1vw;
    background-size: 100% 100%;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneAide #contenu_aide_contenu{
    width: 90%;
    left: 1vw!important;
}
/*SUGGESTION*****************************************************************************************************/
#caseSuggestion {
    background-color:white;
    position:absolute;
    max-height: 468px;
    overflow:auto;
    z-index: 9999999999999999;
    color: #FFFFFF;
    border: 0;
    border-radius: 0px 0px 0.95vw 0.95vw;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    padding-bottom:5px;
}
.ligneSuggestionEntete {
    font-size: 0.8vw;
    color: #FFFFFF;
    background-color:#515050!important;
    padding: 5px;
    padding-left: 2vw;
    text-transform:uppercase;
    overflow: hidden;
}
.ligneSuggestion {
    font-size: 0.8vw;
    text-transform: uppercase;
    color: #ababab;
    background-color: #ffffff;
    cursor: pointer;
    padding: 2px;
    padding-left: 2vw;
    overflow: hidden;
}
.ligneSuggestion2 {
    font-size: 0.8vw;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #ababab;
    cursor: pointer;
    padding: 2px;
    padding-left: 2vw;
    overflow: hidden;
}
.suggestionTitre {
    font-size: 0.8vw;
}
.suggestionLoad{
    padding-left: 25px;
    background:url('../assets/loader2-inverted.gif');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 5px;
    background-size: 18px 18px;

}
.suggestionLink{
    text-decoration:none;
}
.ligneSuggestionPied{
    cursor: pointer;
    padding-right:5px;
    text-align:right;
}
/*FIN SUGGESTION*************************************************************************************************/

.clientequipmentserials {
    padding: 15px;
    margin-left: 10px;
    margin-bottom: 1vw;
}
.serialstate {
    font-size: 1.3vw;
    /*text-align: center;*/
    /*margin-right: 150px;*/
}
.clientserials {
    margin-left: 0.5vw;
}
.products {
    font-size: 1.1vw;
}
.products_btn {
    cursor: pointer;
    font-size: 1.3vw !important; 
}
.barcode_container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 1vw;
}
.barcode {
    width: 5vw;
    height: 2vw;
    margin-left: 1vw;
    background-image: url('../images/barcode.jpg');
    background-repeat: no-repeat;
}
.clientequipment, .newclientcontainer {
    font-size: 1.3vw;
    margin-top: 10px;
}
.newclientcontainer {
    min-height: 50px;
    margin-bottom: 10px;
    padding-left: 1vw;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-bottom: 20px;
}
div.serialcontainer {
    border: 0.15vw solid lightgrey;
    border-radius: 0.3vw;
    margin: 0vw 1vw 1vw 1vw;
    background: #eee;
    /*
    background: lightsteelblue;
    background: linear-gradient(90deg, rgba(250,246,252,1) 0%, rgba(176,196,222,1) 50%);
    */ 
}
div.serialsubcontainer {
    display: grid;
    align-items: center;
    min-height: 4vw;
    grid-template-columns: 30% 26% 21% 15% 8%;
}
.serialdelete {
    cursor: pointer;
    text-align: right;
    font-size: 20px;
    padding-right: 10px;
    margin-bottom: 2vw;
    color: red;
}
.serialdelete &gt; i {
    font-size: 0.8vw;
    display: block;
    position: relative;
    top: -0.1vw;
}
.clientdelete {
    cursor: pointer;
    float: right;
    font-size: 20px;
    color: red;
}
.clientdelete &gt; i {
    font-size: 0.8vw;
    display: block;
    position: relative;
    top: -1vw;
    left: 1vw;
}
#newclientlabel {
    /* margin-left: 10px; */
    cursor: pointer;
}
.clientblock {
    overflow: visible;
    /*
    background-color: #DDDDDD;
    */
    position: relative;
    border-radius: 6px;
    padding-bottom: 30px;
}
.reseller {
    background-color: #e0e0e0;
}
.vertisepa {
    border-left: 1px solid darkgray;
    height: 30px;
}
.product_line {
    display: grid;
    align-items: center;
    grid-template-columns: 20% 35% 15% 13% 18%;
    border-top: 1px solid darkgray;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    min-height: 50px;
    padding: 10px;
}
.cat-filter-container {
    display: flex;
    margin-left: 1.1vw;
    margin-bottom: 0.9vw;
    margin-right: 1.1vw;
    padding: 0.7vw;
    background: white;
    font-size: 1.2vw;
}
.cat-filter-container &gt; span {
    margin-right: 0.5vw;
    font-size: 1.1vw;
}
#owner_selector {
    text-align: center !important;
}

#submit_newclient {
    width: 5.5vw;
    background-color: var(--second-color);
}

#cancel_newclient {
    width: 12vw;
    background-color: var(--dark-red);
}

.serialInputDisabled {
    background-color: #e0e0e0 !important;
    box-shadow: none !important;
}

/*Fin Page "Mon matÃ©riel"*/

#rechercheRevendeur{
    color : black;
}
#rechercheRevendeur .caseRechercheRevendeur.Template{
    width: 32.7vw!important;
    padding-left: 2.8vw;
}
#rechercheRevendeur .caseRechercheRevendeur{
    height: 1.9vw;
    position: relative;
    font-family: 'GR', sans-serif;
    border-radius: 0.7vw;
    padding-left: 3vw;
    font-size: 1.2vw;
    color: #333;
    width: 32.6vw;
    opacity : 0.4;
}
#rechercheRevendeur .caseRechercheRevendeur::-webkit-input-placeholder{
    font-style: italic;
}
#rechercheRevendeur .caseRechercheRevendeur:-moz-placeholder{
    font-style: italic;  
}
#rechercheRevendeur .caseRechercheRevendeur::-moz-placeholder{
    font-style: italic;  
}
#rechercheRevendeur .caseRechercheRevendeur:-ms-input-placeholder{  
    font-style: italic; 
}
#rechercheRevendeur .submitRechercheRevendeur{
    width: 2.4vw;
    height: 1.4vw;
    position: relative;
    background-color: transparent;
    background-image: url(../images/loupe.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    margin-left: -36vw;
    top: 0.2vw;
    left: 0.2vw;
    border-right: 1px solid grey;
    opacity: 0.3;
}
#rechercheRevendeur .submitRechercheRevendeur.espaceRevendeur{
    top : -0.1vw!important;
}
.contenuBoutique{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.contenuBoutique .topBarRecherche{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    float: right;
    margin-bottom: 1vw;
}
.contenuBoutique .topBarRecherche .txtRecherche{
    font-size: 1.7vw;
    width: 41%;
    margin-right: 1vw;
    margin-left: 4vw;
    text-align: center;
}
.contenuBoutique .illustrationSlider{
    width: 100%;
    border-radius: 0.7vw;
    margin-top: 1vw;
    display: flex;
    flex-wrap: wrap;
    height: 30vw;
    border: 1px solid grey;
}
.contenuBoutique .descriptionnAndLongue{
    display: flex;
    flex-wrap: wrap;
    padding: 2vw;
    border: 1.9px solid grey;
    border-radius: 0.7vw;
    height: fit-content;
}
.contenuBoutique .descriptionnAndLongue .Avis{
    width: 10%;
    margin-top: -6vw;
    padding-left: 0vw;
    float: right;
    display: flex;
    flex-wrap: wrap;
}
.contenuBoutique .descriptionnAndLongue .Avis img{
    border-radius: 50%;
    width: 15%;
    height: 10vw;
    float: right;
    position: absolute;
    left: 61.5vw;
    top: -4vw; 
}

.contenuBoutique .descriptionnAndLongue .description{
    width: 100%;
    margin-bottom: 1vw;
    font-size: 1vw;
}
.contenuBoutique .descriptionnAndLongue .descriptionLongue{
    width: 100%;
    font-size: 1vw;
}
.descriptionLongue .delai-5-7 {
    width: 70%;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}
.descriptionLongue .delai-5-7.small {
    width: 40%;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}
.descriptionLongue .delai-5-7 img {
    width: 100%;
}
.contenuBoutique .TxtCriseSanitaire{
    padding: 2vw;
    border: 1.9px solid grey;
    border-radius: 0.7vw;
    margin-top: 0.5vw;
    text-align: center;
    font-size: 2vw;
    font-weight: 600;
    color: red;
    background: #d3d3d340;
}
.contenuBoutique .TxtInterventionDistance{
    padding: 1vw;
    border: 1.9px solid grey;
    border-radius: 0.7vw;
    margin-top: 0.5vw;
    text-align: center;
    font-size: 2vw;
    color: white;
    background: rgb(139, 187, 69);
    display: flex;
    flex-wrap: nowrap;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
}
.contenuBoutique .TxtInterventionDistance .TxtInterDis{
    width: 85%;
    height: fit-content;
    height: -moz-fit-content;
    margin-top: auto;
    margin-bottom: auto;
}
.contenuBoutique .TxtInterventionDistance .IconeInterDis{
    width: 14%;
}
.contenuBoutique .TxtInterventionDistance .IconeInterDis img{
    width: 10vw;
}
.contenuBoutique .HorairesMap{
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.5vw;
    height: 33vw;
}
.contenuBoutique .HorairesMap .AdresseHoraires{
    width: 48%;
    margin-right: 1%;
    height: 30vw;
}
.contenuBoutique .HorairesMap .AdresseHoraires .AdresseCoordonnÃ©es{
    border: 1.9px solid grey;
    border-radius: 0.7vw;
    margin-bottom: 0.5vw;
    padding-right: 1vw;
    padding-left: 1vw; 
    padding-bottom: 1vw;
    display: flex;
    flex-wrap: wrap;
    background: #d3d3d340;
    height: 15vw;
}
.contenuBoutique .HorairesMap .AdresseHoraires .AdresseCoordonnÃ©es &gt; h2{
    font-size: 1.5vw;
}
.contenuBoutique .HorairesMap .AdresseHoraires .AdresseCoordonnÃ©es &gt; h2, .contenuBoutique .HorairesMap .AdresseHoraires .AdresseCoordonnÃ©es &gt; span{
    width: 100%;
}
.contenuBoutique .HorairesMap .AdresseHoraires .AdresseCoordonnÃ©es &gt; span, .contenuBoutique .HorairesMap .AdresseHoraires .AdresseCoordonnÃ©es .CoordonnÃ©es .MailTel .Tel,.contenuBoutique .HorairesMap .AdresseHoraires .AdresseCoordonnÃ©es .CoordonnÃ©es .MailTel .Mail,.contenuBoutique .HorairesMap .AdresseHoraires .AdresseCoordonnÃ©es .CoordonnÃ©es .MailTel .Site, .contenuBoutique .HorairesMap .AdresseHoraires .AdresseCoordonnÃ©es .CoordonnÃ©es .Facebook {
    font-size: 1vw;
}
.contenuBoutique .HorairesMap .AdresseHoraires .AdresseCoordonnÃ©es .CoordonnÃ©es{
    display: flex;
    flex-wrap: wrap;
    width: 100%; 
    margin-top: 1vw;
}
.contenuBoutique .HorairesMap .AdresseHoraires .AdresseCoordonnÃ©es .CoordonnÃ©es .MailTel{
    width: 50%;
    margin-right: 2%;
    display: flex;
    flex-wrap: wrap;
} 
.contenuBoutique .HorairesMap .AdresseHoraires .AdresseCoordonnÃ©es .CoordonnÃ©es .MailTel span{
    width: 100%;
}
.contenuBoutique .HorairesMap .AdresseHoraires .AdresseCoordonnÃ©es .CoordonnÃ©es .Facebook{
    width: 48%;
} 
.contenuBoutique .HorairesMap .AdresseHoraires .Horaires{
    font-size: 0.8vw;
    border: 1.9px solid grey;
    border-radius: 0.7vw; 
    height: 15vw;
    background: #8bbb45;
}
.contenuBoutique .HorairesMap .AdresseHoraires .Horaires &gt; h2{
    margin-left: 1vw;
    margin-right: 1vw;
    color: white;
}
.contenuBoutique .HorairesMap .AdresseHoraires .Horaires .HorairesOuverture{
    padding-left: 1vw;
    padding-right: 1vw;
    font-size: 1vw;
    padding-bottom: 1vw;
    display: flex;
    flex-wrap: wrap;
    height: 11vw;
}
.contenuBoutique .HorairesMap .AdresseHoraires .Horaires .HorairesOuverture .Jours{
    width : 20%;
    display: flex;
    flex-wrap: wrap;
}
.contenuBoutique .HorairesMap .AdresseHoraires .Horaires .HorairesOuverture .Jours span{   
    padding-left: 0.5vw;
}
.contenuBoutique .HorairesMap .AdresseHoraires .Horaires .HorairesOuverture .Jours &gt; span:nth-of-type(odd) {
    background: #d3d3d396;
}
.contenuBoutique .HorairesMap .AdresseHoraires .Horaires .HorairesOuverture .Jours &gt; br{
    display: none;
}
.contenuBoutique .HorairesMap .AdresseHoraires .Horaires .HorairesOuverture .Jours span, .contenuBoutique .HorairesMap .AdresseHoraires .Horaires .HorairesOuverture .Heures span {
    width : 100%;
}
.contenuBoutique .HorairesMap .AdresseHoraires .Horaires .HorairesOuverture .Heures{
    width : 100%;
    display: flex;
    flex-wrap: wrap;
}
.contenuBoutique .HorairesMap .AdresseHoraires .Horaires .HorairesOuverture .Heures .enssembleHeure{
    display: flex;
    flex-wrap: wrap;
}
.contenuBoutique .HorairesMap .MapAvis{
    width: 50%;
    height: 31.5vw;
    border: 1.9px solid grey;
    border-radius: 0.7vw;

}
.contenuBoutique .HorairesMap .MapAvis .calculItinÃ©raire{
    background: rgb(145 203 37);
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    top: 28.5vw;
    z-index: 1;
    width: fit-content;
    width: -moz-fit-content;
    padding: 0.5vw;
    text-transform: none;
    color: white;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0.2vw;
    padding-left: 2vw;
    padding-right: 2vw;
    font-size: 1vw;
}
.contenuBoutique .HorairesMap .MapAvis .calculItinÃ©raire a{
    color: white;
    text-decoration: none;
    font-weight: 600;
}
.contenuBoutique .HorairesMap .MapAvis #map{
    top: -2.2vw;
    border-radius: 1vw;
}
.contenuBoutique .HorairesMap .MapAvis .Map{
    border: 1.9px solid grey;
    border-radius: 0.7vw;
    height: 31.97vw;
}
.contenuBoutique .HorairesMap .MapAvis .Avis{
    border: 1.9px solid #8bbb45;
    border-radius: 0.7vw;
    height: 2vw;
    line-height: 2vw;
}
.EspaceBoutique #arbo .contenu{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.EspaceBoutique .entetePage{
    height: 5vw;
    margin-bottom: 0.5vw;
    background: #d3d3d396;
}
.EspaceBoutique .entetePage #arbo{
    height: 1.5vw;
}
.illustrationSlider #dotproduit{
    margin-top: -4vw;
    text-align: center;
    font-size: 1vw;
    display: block;
    width: 100%;
    position: relative;
}
.illustrationSlider #dotproduit .dot.fiche{
    cursor: pointer;
    height: 1vw;
    width: 1vw;
    margin: 0 0.2vw;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}
.illustrationSlider #dotproduit .dot.fiche.active{
    background-color: #717171!important; 
}
.illustrationSlider{
    display: flex;
    flex-wrap: wrap;
}
.illustrationSlider .espanceRevendeurImg{
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    flex-wrap: nowrap;
}
.illustrationSlider .espanceRevendeurImg .mySlides{
    width: 100%;
    display: block;
}

.illustrationSlider .espanceRevendeurImg .espace.revendeur.photo{
    display: inline-flex;
    height: 100%;
    width: 100%;
    border-radius: 0.7vw;
}
.illustrationSlider .espanceRevendeurImg .prev{
    cursor: pointer;
    position: absolute;
    top: 80%;
    left: 25%;
    margin: -15% 0 0 -25%;;
    width: auto;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    font-size: 1vw;
} 
.illustrationSlider .espanceRevendeurImg .next{

    cursor: pointer;
    position: absolute;
    top: 80%;
    right: 0%;
    margin: -15% 0 0 -25%;
    width: auto;
    padding: 16px;
    color: white;
    font-weight: bold;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    font-size: 1vw;
}
.illustrationSlider .espanceRevendeurImg .prev:hover, .illustrationSlider .espanceRevendeurImg .next:hover{
    background-color: white;
}

#map {
    height: 100%;
}


/* Style barre de recherche*/
#pac-card {
    background-color: #fff;
    border-radius: 2px 0 0 2px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    font-family: Roboto;
    margin: 10px 10px 0 0;
    -moz-box-sizing: border-box;
    outline: none;
}

#pac-container {
    padding-top: 12px;
    padding-bottom: 12px;
    margin-right: 12px;
}

#pac-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 400px;
}

#pac-input:focus {
    border-color: #4d90fe;
}

#title {
    color: #fff;
    background-color: #acbcc9;
    font-size: 18px;
    font-weight: 400;
    padding: 6px 12px;
}

.hidden {
    display: none;
}

/* Styling for an info pane that slides out from the left. 
* Hidden by default. */
#panelMap{
    height: 100%;
    width: null;
    background-color: white;
    position: relative;
    z-index: 1;
    overflow-x: hidden;
    transition: all .2s ease-out;
    order: 2;
}
#panelMap{
    margin-left: auto;
    margin-right: auto;
    width : 95%;
    border : 1px solid grey;
    border-radius : 1vw;
    background-color: #d3d3d357;
}
.openPanelBoutique {
    width: 250px;
}
.displayNone{
    display: none;
}
.place {
    font-family: 'open sans', arial, sans-serif;
    font-size: 1.2em;
    font-weight: 500;
    margin-block-end: 0px;
    padding-left: 18px;
    padding-right: 18px;
}

.distanceText {
    color: silver;
    font-family: 'open sans', arial, sans-serif;
    font-size: 1em;
    font-weight: 400;
    margin-block-start: 0.25em;
    padding-left: 18px;
    padding-right: 18px;
}
.ensembleMap{
    display: flex;
    flex-wrap: nowrap;
    margin-left: auto;
    margin-right: auto;
    width: 69vw;
    height: 100%;
}
.ensembleMap .map-aside{
    width: 41%;
    display : flex;
    flex-wrap: wrap;
    margin-right: 0vw;
}
.ensembleMap .map-aside .shop-finder-home{
    height: 100%;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 1vw;
    padding-left: 0.5vw;
    padding-right: 0.5vw;
    order: 1;
}
.ensembleMap .map-aside .shop-finder-home &gt; div.barreRechercheBoutique{
    height: 81%;
    margin-bottom: 3%;
    border: 1px solid grey;
    border-radius: 1vw;
    background: rgb(211 211 211 / 34%);
}
.ensembleMap .map-aside .shop-finder-home &gt; div.nb-Boutiques{
    height: 16%;
    border: 1px solid grey;
    border-radius: 1vw;
    display: flex;
    flex-wrap: nowrap;
}
.ensembleMap .map-aside .shop-finder-home &gt; div.nb-Boutiques &gt; div:first-child{
    font-size: 6vw;
    padding-left: 4vw;
    padding-right: 0vw;
    width: 35%;
    text-align: center;
}
.ensembleMap .map-aside .shop-finder-home &gt; div.nb-Boutiques &gt; div:nth-child(2){
    width: 51%;
    font-size: 1.5vw;
    height: 4vw;
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 2vw;
}
.ensembleMap #map{
    width: 59%!important;
    height: 100%!important;
    position: relative;
    overflow: hidden;
    border: 1px solid grey;
    border-radius: 1vw;
}
.ensembleMap .map-aside .shop-finder-home .title-2, .ensembleMap .map-aside .shop-finder-home .intro-shop-finder{
    text-align: center;
}
.ensembleMap .map-aside .dsp-table{
    display: flex;
    flex-wrap: nowrap;
    width: 83%;
    margin-left: auto;
    margin-right: auto;
}
#formSearchRevendeurs{
    width: 100%;
}

.ensembleMap .map-aside .dsp-table .dsp-cell:nth-child(2){
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}
.ensembleMap .map-aside .dsp-table .dsp-cell:nth-child(2) form{
    width: 100%;
    display: flex;
}
.ensembleMap .map-aside .dsp-table .dsp-cell:nth-child(2) form &gt; input{
    height: 2vw;
    width: 90%;
}
.ensembleMap .map-aside .dsp-table .dsp-cell:nth-child(2) form .submit{
    width: 10%;
    margin-left: -2.7vw;
    margin-top: 0.3vw;
}
.ensembleMap .map-aside .dsp-table .dsp-cell:nth-child(2) form .submit button{
    border-radius: 36%;
    font-size: 0.8vw;
    text-transform: uppercase;
    background: #E1E1E1;
    color: #969696;
    pointer-events: none;
    border: none;
    padding: 5px 12px 4px;
}
.ensembleMap .map-aside .dsp-table .dsp-cell:first-child a span{
    background-image: url(../img/mapLoc.png);
    width: 1.5vw;
    height: 1.5vw;
    display: block;
    background-size: contain;
    margin-right: 0.3vw;
    margin-top: 0.1vw;
}
#mapAccueil{
    height: 41vw;
    margin-bottom: 3vw;
}
.inputRechercheRevendeurs{
    height: 2vw;
    position: relative;
    font-family: 'GR', sans-serif;
    border-radius: 0.7vw;
    padding-left: 3vw;
    font-size: 1.2vw;
    color: #333;
    width: 86%;
}
#panelMap .inputRechercheRevendeurs{
    width: 87%!important;
    padding-left: 2.6vw!important;
}
.inputRechercheRevendeurs::-webkit-input-placeholder{
    font-style: italic;
}
.inputRechercheRevendeurs:-moz-placeholder{
    font-style: italic;  
}
.inputRechercheRevendeurs::-moz-placeholder{
    font-style: italic;  
}
.inputRechercheRevendeurs:-ms-input-placeholder{  
    font-style: italic; 
}
#submitRevendeurs{
    width: 2vw;
    height: 1.4vw;
    position: relative;
    background-color: transparent;
    background-image: url(../images/loupe.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    margin-left: -22.3vw;
    top: 0.2vw;
    left: 0.2vw;
    border-right: 1px solid grey;
    opacity: 0.3;
}
#shopFinderHome #submitRevendeurs{
    margin-left: -22.3vw!important;
}
.barreRechercheBoutique .title-2{
    margin-bottom: 2vw
}
.barreRechercheBoutique .title-2 img{
    width: 13vw;
    height: 13vw;
    border-radius : 50%;
}
.barreRechercheBoutique .title-1{
    margin-top: 2vw;
    margin-bottom: 2vw;
    height: 5vw;
    background: white;
    text-transform: uppercase;
    font-size: 1.3vw;
    text-align: center;
}
.barreRechercheBoutique .title-1 h2{
    margin-bottom: 0;
    margin-top: 0;
    line-height: 2.5vw;
}
.ensembleMap .map-aside .shop-finder-home .intro-shop-finder{
    width: 90%;
    font-size: 0.9vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.6vw;
    color: grey;
}
.EspaceBoutique .nosServicesBoutique{
    padding: 1vw;
    border: 1.9px solid grey;
    border-radius: 0.7vw;
    text-align: center;
    height: fit-content;
    font-size: 1vw;
    margin-bottom: 0.5vw;
    margin-top : 0.5vw;
}
.EspaceBoutique .nosServicesBoutique h2{
    font-size: 2vw;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 0;
}
.EspaceBoutique .nosServicesBoutique span{
    width: 100%;
    font-size: 1.1vw;
    display: block;
    text-align: justify;
    line-height: 1.5vw;
}
.EspaceBoutique .imgBasEspaceBoutique.premier{
    margin-top: 1vw;
    margin-bottom: 1vw;
}
.EspaceBoutique .imgBasEspaceBoutique.premier img{
    width: 100%;
}
.EspaceBoutique .imgBasEspaceBoutique{
    text-align : center;
}
.EspaceBoutique .imgTextBasEspaceBoutique{
    width: 100%;
}
.EspaceBoutique .imgServicesBoutique{
    width: 6vw!important;
    margin-right: 2vw;
}
.EspaceBoutique .imagesService{
    margin-top: 1vw;
}
.EspaceBoutique .imgClickEspaceRevendeur{
    display: flex;
    background: #58a2dd;
    width: 99.7%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1vw;
}
.EspaceBoutique .txtClickEspaceRevendeur{
    width: 44%;
}
.EspaceBoutique .txtCliquezIci{
    font-size: 1.6vw;
    padding: 2vw;
    display: block;
    width: 61%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    color: white;
    font-weight: 400;
    padding-bottom: 1.5vw;
}
.EspaceBoutique .cliquezIci{
    text-decoration: none;
    margin-top: -0.4vw;
    text-align: center;
    line-height: 3vw;
    font-style: initial;
    border: none;
    display: block;
    border-radius: 0.4vw;
    color: white;
    background: #8bbb45;
    height: 3vw;
    border-width: 0.1vw;
    width: 19vw;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.6vw;
    font-weight: 600;
}
.EspaceBoutique .imgOutilsEspaceRevendeur{
    width: 54%;
}
#panelMap #searchedAdress{
    padding-left: 1vw;
    line-height: 2vw;
    padding-top: 1vw;
    height: fit-content;
    font-size: 1.3vw;
    font-weight: 600;
    font-size: 0.9vw;
    margin-top: -0.8vw;

}
#panelMap .boutiques{
    display: flex;
    flex-wrap: nowrap;
    padding-top: 1vw;
    padding-bottom: 1vw;
    border-bottom: 1px solid grey;
    cursor: pointer;
}
#panelMap .markerList{
    width: 20%;
}
#panelMap .imgMarker{
    width: 4vw;
    height: 5vw;
    margin-left: auto;
    margin-right: auto;
}
#panelMap .imgPointeur{
    width: 100%;
    height: 100%;
}
#panelMap .coordonnes{
    width : 80%;
    padding-top : 1vw;
}
#panelMap .place{
    font-size: 1.3vw;
    padding-left: 0;
    padding-right: 0;
    font-weight: 550;
}
#panelMap .adress, #panelMap .cpCity{
    font-size: 1vw;
}
#panelMap .distanceText{
    font-size: 0.9vw;
    text-align: center;
    color: black;
}
#panelMap .ouvert, #panelMap .fermÃ©{
    display: flex;
    font-size: 1vw;
}
#panelMap .ouvertGras, #panelMap .fermÃ©Gras{
    font-weight: 600;
    padding-right: 0.3vw;
}
#panelMap .ouvertGras{
    color: #8bbb45;
}
#panelMap .fermÃ©Gras{
    color: red;
}
#panelMap #searchedAdress #adressSearched{
    text-transform: capitalize;
    font-size: 1.5vw;
}
#panelMap #searchedAdress #countBoutiques{
    margin-top: -0.7vw;
}
#panelMap .barreRechercheList{
    border-bottom: 1px solid grey;
    padding: 1vw;
    padding-top: 0vw;
}
#panelMap .barreRechercheList #formSearchRevendeurs{
    margin: 0;
}
#panelMap .barreRechercheList #submitRevendeurs{
    margin-left: -23.5vw!important;
}
.EspaceBoutique.Boutique #shopFinderHome #submitRevendeurs{
    margin-left: -22.3vw!important;
}
.EspaceBoutique.Boutique #panelMap .barreRechercheList #submitRevendeurs{
    margin-left: -24.5vw!important;
}
form #conteneurVideo .vignettePrincipale iframe[src*=dailymotion] {
    max-width: 25%!important;
    height: auto!important;
    position: relative!important;
}
block-content.box iframe[src*=dailymotion] {
    position: initial!important;
    max-width: 100%;
}
.EspaceBoutique.Desktop .imgBasEspaceBoutique.deuxieme{
    background: #dadcdb;
    font-size: 1vw;
    display: flex;
}
.EspaceBoutique.Desktop .imgBasEspaceBoutique.deuxieme .text{
    order: 2;
    padding: 2vw;
    text-align: justify; 
}
.EspaceBoutique.Desktop .imgBasEspaceBoutique.deuxieme img{
    order: 1;
}
.EspaceBoutique.Desktop .imgClickEspaceRevendeur .txtClickEspaceRevendeur{
    font-size: 2vw;
    text-align: center;
    color: white;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
    width: 31%!important;
}
.EspaceBoutique.Desktop .imgClickEspaceRevendeur .txtClickEspaceRevendeur a{
    margin-top: 1vw!important;
}
.EspaceBoutique.Boutique .agglomeration{
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    width: 66.5vw;
    height: 100%;
    border: 1px solid grey;
    border-radius: 1vw;
    margin-top: 1vw;
    padding: 0.5vw;
    padding-left: 1vw;
    padding-right: 1vw;
    position: relative;
    left: 0.3vw;
}
.EspaceBoutique.Boutique .agglomeration &gt; h2{
    width: 100%;
    text-align: center;
    margin-bottom: 0.3vw;
    margin-top: 0.4vw;
    font-size: 1.5vw;
    text-transform: uppercase;
}
.EspaceBoutique.Boutique .agglomeration .titre{
    width: 100%;
    text-align: center;
    font-size: 0.8vw;
}
.EspaceBoutique.Boutique .agglomeration .text{
    width: 100%;
    text-align: center;
    font-size: 0.8vw;
}
/*
.EspaceBoutique.Boutique .agglomeration .listAgglo{
    width: 100%;
    margin-top: 1vw;
    padding-left: 2vw;
    padding-right: 2vw;
    display: grid;
    grid-template-columns: 15vw 15vw 15vw 15vw;
    column-gap: 1vw;
    row-gap: 1vw;
    margin-bottom: 1vw;
}
*/
.EspaceBoutique.Boutique .agglomeration .listAgglo {
    width: 100%;
    margin-top: 1vw;
    padding-left: 2vw;
    padding-right: 2vw;
    column-gap: 1vw;
    margin-bottom: 1vw;
    column-count: 4;
    column-fill: auto;
    column-rule: solid 1px;
    column-width: 20vw;
}
.EspaceBoutique.Boutique .agglomeration .listAgglo .city{
    font-size: 1vw; 
    margin-right: 1vw;
    text-decoration: underline;
    cursor: pointer;
}
.EspaceBoutique.Boutique .basBoutique{
    width: 68.5vw;
    margin-left: auto;
    margin-right: auto;
    left: 0.3vw;
    position: relative;
    margin-top: 1vw;
    display: flex;
    flex-wrap: wrap;
}
.EspaceBoutique.Boutique .basBoutique .nosServicesBoutique{
    display: none;
}
.EspaceBoutique.Boutique .basBoutique &gt; div{
    width: 100%;
}
.EspaceBoutique.Boutique .basBoutique .imgBasEspaceBoutique.deuxieme{
    background: #dadcdb;
    display: flex; 
}
.EspaceBoutique.Boutique .basBoutique .imgBasEspaceBoutique.deuxieme .text{
    order: 2;
    padding: 2vw;
    text-align: justify;
    font-size: 1vw;
    width: 70%;
}
.EspaceBoutique.Boutique .basBoutique .imgBasEspaceBoutique.deuxieme img{
    order: 1;
    width: 30%;
}
.EspaceBoutique.Boutique .basBoutique .imgClickEspaceRevendeur .txtClickEspaceRevendeur{
    padding-left: 6vw;
    padding-right: 6vw;
    font-size: 2vw;
    color: white;
    text-align: center;
    height: 20vw;
    padding-top: 1vw;
}
.EspaceBoutique.Boutique .basBoutique .imgClickEspaceRevendeur .txtClickEspaceRevendeur a{
    margin-top: 1vw;
}
.EspaceBoutique.Boutique .basBoutique .imgClickEspaceRevendeur .imgOutilsEspaceRevendeur{
    width: 70%!important;
    height: 100%;
}
.EspaceBoutique.Boutique .basBoutique .imgClickEspaceRevendeur .imgOutilsEspaceRevendeur img{
    height: 100%;
}
#conteneurActualites .banniereGenerale{
    height: 10vw;
    width: 97.5%;
    margin-bottom: 1vw;
}
#conteneurActualites .banniereGenerale img{
    height: 100%;
    width : 100%;
}
.icon-medkit::before {
    content: "\e900";
}
.icon-time::before {
    content: "\e917";
}

/*AVIS VERIFIES**************************************************************************/
.rating{
    width:215px;
    margin:auto;
}
.rating &gt; a{
    float: right;
}
.rating-full-star {
    background-image: url("../images/etoile_03.png");
    width: 20px;
    height: 20px;
    float: left;
}
.rating-half-star {
    background-image: url("../images/etoile_05.png");
    width: 20px;
    height: 20px;
    float: left;

}
.rating-void-star {
    background-image: url("../images/etoile_07.png");
    width: 20px;
    height: 20px;
    float: left;
}
/*FIN AVIS VERIFIES ***********************************************************************/
/* META CONF */
li.ui-menu-item #moduleArticle_serie-a .module_article_vignette, .serie-selector #afficheurArticleMozaique .grandeSerie .module_article_vignette, .serie-selector #afficheurArticleMozaique .serie .module_article_vignette, .serie-selector #afficheurArticleMozaique .petiteSerie .module_article_vignette{
    text-decoration: none!important;
    position: relative!important;
}
li.ui-menu-item #moduleArticle_serie-a .module_article_vignette img{
    height: 8vw!important;
    width : 8vw!important;
} 
.serie-selector #afficheurArticleMozaique .grandeSerie .module_article_vignette img, .serie-selector #afficheurArticleMozaique .serie .module_article_vignette img,  #afficheurArticleMozaique .petiteSerie .module_article_vignette img{
    height: 6vw!important;
    width : 6vw!important;
    filter : invert(1);
}
li.ui-menu-item #moduleArticle_serie-a .module_article_vignette span{
    text-transform: uppercase!important;
    text-decoration: none!important;
    position: absolute!important;
    left: 4vw!important;
    font-size: 2vw!important;
    z-index: 100!important;
    color: black!important;
    margin-top: 1.3vw!important;
    font-weight: 600!important;
    width: 6.5vw!important;
    text-align: center!important;
}
.serie-selector #afficheurArticleMozaique .grandeSerie .module_article_vignette span, .serie-selector #afficheurArticleMozaique .serie .module_article_vignette span, .serie-selector #afficheurArticleMozaique .petiteSerie .module_article_vignette span{
    text-transform: uppercase!important;
    text-decoration: none!important;
    position: absolute!important;
    left: 4.6vw!important;
    font-size: 1.6vw!important;
    z-index: 100!important;
    color: black!important;
    margin-top: 0.9vw!important;
    font-weight: 400!important;
    width: 2.5vw!important;
    text-align: center!important;
}
li.ui-menu-item #moduleArticle_serie-a .titre, .serie-selector #afficheurArticleMozaique .grandeSerie .titre, .serie-selector #afficheurArticleMozaique .serie .titre, .serie-selector #afficheurArticleMozaique .petiteSerie .titre, .serie-selector #afficheurArticleMozaique .sansGrandeSerie .titre{
    margin-bottom: 0!important;
}
.titleMateriel{
    float: right;
    margin-top: 0;
    margin-bottom: 1vw; 
}
.monMaterielInterne .textIntro{
    margin-top: 1.5vw;
}
.monMaterielInterne .textIntro h3{
    font-size: 1.03vw!important;
    margin-left: 0!important;
}
.monMaterielInterne .contenuMateriel .blockFirst{
    height: 2vw;
    line-height: 2vw;
    padding: 0;
    margin: 0;
    display: flex;
}
.monMaterielInterne .contenuMateriel .blockFirst .inputSN{
    display: flex;
    flex-wrap: nowrap;
    width: 16.5vw;
    height: 2.2vw;
    margin-right: 1.2vw;
}
.monMaterielInterne .contenuMateriel .blockFirst .inputSN &gt; input{
    padding-left: 2vw;
    border-radius: 0.6vw;
    box-shadow: inset 0 0 1em white, 0 0 0.4em #80808061;
    font-size: 1vw;
}
.monMaterielInterne .contenuMateriel .blockFirst .inputSN &gt; span{
    position: absolute;
    margin-left: 0.5vw;
    height: 2.2vw;
    color: grey; 
    font-size: 0.9vw;
    top: 0.1vw;
}

.monMaterielInterne .contenuMateriel .blockFirst .submitSN{
    height: 2vw;
    margin-top: 0.1vw;
    background: #8bbb45;
    text-transform: capitalize;
    font-size: 1vw;
    line-height: 0.5vw;
    font-weight: 500;
    width: 6vw;
    text-align: center;
    padding-top: 0.7vw!important;
    padding: 0;
    margin-right: 1.2vw;
}
.monMaterielInterne .contenuMateriel .blockSecond{
    margin-top: 1vw;
    padding: 0;
    margin: 0;
}
.monMaterielInterne .contenuMateriel .blockSecond .clientequipmentserials{
    margin: 0!important;
    padding: 0!important;
}
.monMaterielInterne .contenuMateriel .blockSecond .clientequipmentserials &gt; span {
    font-size: 1.6vw!important;
    margin-top: 1vw;
    margin-bottom: 1vw;
    display: block;
    color: grey;
}
.monMaterielInterne .contenuMateriel .blockSecond .clientequipmentserials &gt; span &gt; i {
    margin-right: 0.5vw;
    font-size: 1.56vw!important;
}
.monMaterielInterne .contenuMateriel .blockSecond .serialMaterial {
    margin: 0!important;
    margin-bottom : 1vw!important;
}
.monMaterielInterne .contenuMateriel .blockSecond .serialMaterial .clientserials {
    margin-left: 1vw!important;
    font-size: 1.2vw;
}
.monMaterielInterne .contenuMateriel .blockSecond .serialMaterial .serialsubcontainer {
    display: grid;
    align-items: center;
    min-height: 4vw;
    grid-template-columns: 37% 14% 26% 18% 5%;
}
.monMaterielInterne .contenuMateriel .blockSecond .serialMaterial .serialsubcontainer .serialstate {
    text-align: left!important;
}
.monMaterielInterne .contenuMateriel .blockSecond .serialMaterial .serialsubcontainer .products {
    font-size: 1vw;
}
.monMaterielInterne .contenuMateriel .blockSecond .serialMaterial .serialsubcontainer .products_btn {
    font-size: 1.2vw!important;
}
.monMaterielInterne .contenuMateriel .blockSecond .serialMaterial .serialsubcontainer #arrow {
    font-size: 1.2vw;
}
.monMaterielInterne .contenuMateriel .blockSecond .serialMaterial .serialsubcontainer .serialdelete .icon-cross {
    position: relative;
    top: -1vw;
    margin: 0;
}
.monMaterielInterne .contenuMateriel .blockSecond .serialMaterial .productContainer {
    margin-bottom: 1.5vw;
}
.monMaterielInterne .contenuMateriel .blockSecond .serialMaterial .productContainer .blockConsult2 {
    height: 6.5vw;
}
.monMaterielInterne .contenuMateriel .blockSecond .serialMaterial .productContainer .blockConsult2 .productImg {
    margin: 0;
    height: 100%;
}
.monMaterielInterne .contenuMateriel .blockSecond .serialMaterial .productContainer .blockConsult2 .productInfo {
    width: 35vw;
    height: 4vw;
    margin-left: 1.4vw;
    margin-top: 0.3vw;
}
.monMaterielInterne .contenuMateriel .blockSecond .serialMaterial .productContainer .blockConsult2 .productInfo .titreCadre {
    font-size: 1.1vw;
    font-weight: 600;
}
.monMaterielInterne .contenuMateriel .blockSecond .serialMaterial .productContainer .blockConsult2 .productPriceCart {
    width: 35vw;
    height: 7vw;
}
.monMaterielInterne .contenuMateriel .blockSecond .serialMaterial .productContainer .blockConsult2 .productPriceCart .productCart {
    display: flex;
    flex-wrap: nowrap;
    height: 2.9vw;
    width: 100%;
}
.monMaterielInterne .contenuMateriel .blockSecond .serialMaterial .productContainer .blockConsult2 .productPriceCart .productCart .infoDispo {
    font-size: 1.1vw!important;
    width: 87%!important;
    padding-left: 0!important;
    height: fit-content;
    padding: 0;
    margin-top: 1vw;
    text-align: right;
    margin-bottom: auto;
}
.monMaterielInterne .contenuMateriel .blockSecond .serialMaterial .productContainer .blockConsult2 .productPriceCart .productCart .module_article_panier_add {
    padding: 0;
    width: 13%;
    display: flex;
    align-items: flex-end;
}

.monMaterielInterne .contenuMateriel .blockSecond .serialMaterial .productContainer .blockConsult2 .productPriceCart .productPrice .module_article_prix_final {
    font-size: 1.7vw;
}
.monMaterielInterne .contenuMateriel .blockSecond .serialMaterial .productContainer .blockConsult2 .productPriceCart .productPrice .module_article_prix_final sup {
    top: -1vw;
}
.monMaterielInterne .contenuMateriel .blockSecond .serialMaterial .productContainer .blockConsult2 .productInfo .zoneBoutons {
    height: 1.8vw;
    display: block!important;
    margin-top: -0.3vw!important;
}
.monMaterielInterne .contenuMateriel .blockFirst .selection.dropdown.stuff {
    top: 0vw;
    margin-top: 0;
    padding-left: 2vw;
    border-radius: 0.6vw!important;
    box-shadow: inset 0 0 1em white, 0 0 0.4em #80808061!important;
    font-size: 1vw;
    height: 1.1vw;
    border: 1px solid rgba(0,0,0,.15);
    margin-right: 1.2vw;
    width: 14.5vw
}
.monMaterielInterne .contenuMateriel .blockFirst .selection.dropdown.stuff .text {
    top: -0.2vw;
    position: relative;
}
.monMaterielInterne .contenuMateriel .blockFirst .selection.dropdown.stuff .dropdown.icon {
    position: relative;
    top: -0.1vw;
}
.monMaterielInterne .contenuMateriel .blockFirst #newclientinput {
    width: 25.5vw;
    display: flex;
}
.monMaterielInterne .contenuMateriel .blockFirst #newclientinput input {
    top: 0vw;
    margin-top: 0;
    padding-left: 2.3vw;
    border-radius: 0.6vw!important;
    box-shadow: inset 0 0 1em white, 0 0 0.4em #80808061!important;
    font-size: 1vw;
    height: 2.2vw;
    border: 1px solid rgba(0,0,0,.15);
    margin-right: 1.2vw;
    background: white;
}

.monMaterielInterne .contenuMateriel .blockFirst #newclientinput .button {
    height: 2vw;
    margin-top: 0.1vw;
    /* background: #8bbb45; */
    text-transform: capitalize;
    font-size: 1vw;
    line-height: 0.5vw;
    font-weight: 500;
    /* width: 5.5vw; */
    text-align: center;
    padding-top: 0.7vw!important;
    padding: 0;
    margin-right: 0.5vw;
    border-radius: 0.3vw!important;
}

.monMaterielInterne .contenuMateriel .reseller {
    padding: 1vw!important;
    margin-top: 1vw;
}
.monMaterielInterne .contenuMateriel .reseller .clientequipmentserials &gt; span {
    margin-top: 0;
}
.monMaterielInterne .contenuMateriel .blockSecond .serialMaterial .productContainer .blockConsult2 .productPriceCart .productCart .module_article_panier_add i {
    color: #fff;
    font-size: 1.7vw;
    cursor: pointer;
    float: right;
    width: 2vw;
    height: 2vw;
    margin-top: 0vw;
    background-image: url(../images/Card_panier.svg);
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: 0;
}
.sujet div#select_destinataire{
    width: 87%!important;
    height: auto;
    text-align: center!important;
}
.line_right_bottom_two input#num{
    width: 92%!important;
}
/*.news-container .caseNews.Actualite &gt; section::-webkit-scrollbar{
    width: 0.5vw;
}
.news-container .caseNews.Actualite &gt; section::-webkit-scrollbar-thumb {
    background: lightgrey;
    border-radius: 11px;
}
.news-container .caseNews.Actualite &gt; section::-webkit-scrollbar-track {
    box-shadow: none;
    border-radius: 32px;
    background: grey;
}
.news-container .caseNews.Actualite &gt; section::-webkit-scrollbar-thumb:vertical{
    height: 1vw;
}*/
div.modelesArticle{
    display: flex;
    margin-top: 1vw;
}
div#select_modeleArticle{
    margin: auto;
    width: 11vw
}
ul.submenu.level1 li:not(.have-submenu) a{
    width: 100%;
    display: block;
}
.identificationBoutique{
    margin-top: -30.1vw;
    text-align: left;
    font-size: 1vw;
    display: block;
    width: fit-content;
    width: -moz-fit-content;
    padding: 0.5vw;
    position: relative;
    height: fit-content;
    height: -moz-fit-content;
    background: black;
    border-radius: 0.5vw;
    margin-left: -0.1vw;
    color: white;
}

.identificationBoutique .nomBoutique{
    font-weight: 700;
    font-size: 1vw;
}
.identificationBoutique .villeBoutique{
    font-size: 0.8vw;
}
/*bouton panier*/
.boutonPanier.button{
    margin-top: 1vw!important;
    margin-left: auto!important;
    margin-right: auto!important;
    display: flex!important;
    margin-bottom: 1vw!important;
}
/*champ infos livraison*/
.ligneForm.caseInfoDeliv{
    flex-wrap: wrap!important;
}
/*champ infos code verif*/
.ligneForm.caseCodeVerif{
    display: flex;
}
.ligneForm.caseCodeVerif img{
    width: 6vw;
}
#select_jourNaissance{
    width: 11vw;
    height: 2.3vw;
    border: 1px solid lightgray;
    border-width: 0.2vw;
}
.images-description .descriptionLongue.noselect div{
    width: 15vw;
}
.video-container{
    margin-top: 1vw;
    margin-bottom: 1vw;
}
div#colonnePrincipale.contenu img{
    margin-top: 1vw;
    margin-bottom: 1vw;
}
.reseaux-sociaux{
    width: fit-content;
    width: -moz-fit-content;
    display: flex;
    white-space: break-spaces;
    justify-content: center;
}
.reseaux-sociaux &gt; div{
    width: 3vw;
    margin-top: -0.3vw;
    display: flex;
}
.reseaux-sociaux &gt; div &gt; a{
    text-decoration: none;
    color: white;
    margin-left: auto;
    margin-right: auto;
}
.reseaux-sociaux &gt; div &gt; a &gt; i{
    font-size : 2vw;
}
.texteObsolete{
    border-radius: 10px!important;
    text-align: left!important;
    display: flex;
    align-items: center;
    text-align: center;
    background-color: #fdb713;
    color: white;
    border-radius: 20px;
    padding: 1vw;
    margin-bottom: 1.7vw;
}
.texteObsolete i{
    font-size: 2.5vw;
    margin-right: 0.5vw;
}
h1.titleDemandeRetourSent{
    text-align: left;
    font-size: 2.9vw;
}
.checkMark{
    justify-content: center;
    display: flex;
    margin-top: 2vw;
    width: 30%;
}
.checkMark img{
    transform: scale(0.8);
    margin-top: -2vw;
    margin-left: 1vw;
}
.textBoutonCommande{
    width: 69%; 
}
.textCommande{
    margin-top: 2vw;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    font-size: 1vw;
    text-align: justify;
}
.textCommande .text2{
    margin-top: 1vw;
}
.demandeRetourSent .contenuBouton{
    display: flex;
    width: 70%;
    place-content: space-between;
    margin-left: 1.3vw;
    margin-top: 2vw;
}
.demandeRetourSent .contenuBouton &gt; div &gt; a{
    text-decoration: auto;
    color: white;
    font-size: 1vw;
}
.demandeRetourSent .contenuBouton &gt; div{
    text-align: center;
    height: 3vw;
    line-height: 3vw;
    background: rgb(140, 187, 73);
    width: 15vw;
}
.demandeRetourSent{
    display: flex;
    flex-wrap: nowrap;
    margin-top: 10%;
    margin-bottom: 10%;
    width: 68vw;
}
.fiche1 .produits a{
    color: orange!important;
    font-weight: bold;
}

.ligneSuggestion a {
    width: 100%; 
    height: 100%; 
    text-decoration: none; 
    color: #ababab;
}

.ligneSuggestion a:hover {
    color: white;
}

.ligneSuggestion2 a {
    width: 100%; 
    height: 100%; 
    text-decoration: none; 
    color: #ababab;
}

.ligneSuggestion2 a:hover {
    color: white;
}

/* Button page d'aide */

#buttonYt img{
    height: 32px;
    margin-left: 7px;
}

#buttonPageAide {
    display: flex;
    flex-direction: column;
    width: auto;
    justify-content: center;
    margin-top: 20px;
}

#buttonPageAide .buttonClassiqueFa {
    margin: 20px 0px;
    padding: 20px 24px;
    background-color: #faaa18;
    text-align: left;
    border: none;
    border-radius: 5px;
    padding-right: 4vw;
    white-space: nowrap;
}

#buttonPageAide &gt; a .buttonClassiqueFa {
    color: white;
    font-weight: bold;
    text-decoration: none;
    font-size: 21px;
    cursor: inherit;
    width: 100%;
}

#buttonYt {
    margin: 0px auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px 24px;
    display: flex;
    border: solid 2px red;
    align-items: center;
    background-color: white;
    border-radius: 5px;
    width: 54vw;
    justify-content: center;
}

#buttonYt a {
    color: black;
    font-weight: bold;
    text-decoration: none;
    font-size: 21px;
}

.categoriesFaq {
    width: 12vw;
    border: #fdbc11 2px solid;
    padding: 0.5vw;
    border-radius: 0.3vw;
    margin: 1vw;
    box-shadow: 0px 0px 0.5vw 0vw rgb(0 0 0 / 22%);
}

.categoriesFaq div {
    text-align: center;
    font-size: 0.8vw;
}

.rangeeCate {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.categoriesFaq div img {
    height: 5vw;
}

#pageInterneCateFaq {
    padding-bottom: calc(1vw - 10px);
    padding-top: 1vw;
}

.categoriesFaq a {
    color: black;
    text-decoration: none;
    font-weight: bold;
    font-size: 1vw;
}

#pageDeFaq {
    margin-top: 0px;
    font-size: 15.5px;
    margin-bottom: 1vw;
} 

.colonneFAQListe{
    width: 40%;
}

.colonneCentraleWithFicheFaq {
    width: 50%;
}

#colonneFiche a {
    margin-bottom: 20px;
}

#pageDeFaq a{
    color: black;
    text-decoration: none;
    line-height: 25px;
}

#pageDeFaq a:hover{
    color: white;
    background-color: #fbaf16;
    padding: 0px 0.3vw;
    cursor: pointer;
    border-radius: 0.3vw;
}
#pageDeFaq #contenuFiche a:hover{
    color: blue!important;
}

#pageDeFaq .colonneFaq {
    width: 32vw;
}

.h3FAQ{
    font-size: 1.1vw;
    display: block;
}

#reponseFaq {
    line-height: 25px;
    font-size: 15.5px;
    margin-bottom: 1vw;
}

.colonneFAQ p {
    margin-top: 0px!important;
    font-size: 15.5px;
}

#colonneCentraleWithFaqFiche{
    width: 39vw;
    overflow-y: scroll;
    max-height: 44vw;
}

.colonneCentraleWithFaq .colonneCentrale {
    margin-left: 10px;
}
#contenuFicheParent{
    /*width: 38vw;*/
    overflow-y: scroll;
    max-height: 44vw;
}
#contenuFiche{
    width: 32vw!important;
    text-align: center;
}

.colonneCentrale a:hover {
    background-color: transparent!important;
    padding: 0px !important;
}

.logoFaFaqNews {
    background-image: url(../images/logo.svg);
    width: 100%;
    height: 100%;
    background-color: black;
    background-repeat: no-repeat;
    background-size: 80%;
    background-position-x: center;
    background-position-y: center;
}

.hrEntreElementsSearch {
    height: 1px;
    width: 100%;
    background-color: #c3c2c2;
    border: none;
}

.elementTitreSearch {
    font-size: 20px;
}

#searchFaq {
    text-align: center;
    border: solid 1px black;
    border-radius: 7px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    margin-bottom: 20px;
}
#searchFaq img {
    width: 20px;
}
#searchFaqInput {
    border: none;
    padding: 10px 30px;
    width: 70%;
    color: black;
    font-weight: bold;
}
#searchFaqInput.inputAide{
    border: none;
    padding: 0.5vw 1vw!important;
    width: 15vw!important;
    color: black;
    font-weight: bold;
    font-size: 1vw;
}
#searchFaqInput::placeholder {
    color: black;
    font-weight: bold;
}

#submitSearchImg {
    width: 1.4vw;
    height: 1.4vw;
    color: transparent;
    border: none;
    background-color: transparent;
    background-image: url(../images/loupe.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0px;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    transform: scale(1.2);
}

.diffAsk {
    margin-bottom: 0px;
    padding: 5px;
}
.diffAsk &gt; a{
    display: flex;
    justify-content: left;
    width: fit-content;
    width: -moz-fit-content;
    text-align: left;
}
#reponseFaq .diffAsk a{
    text-align: center;
    align-items: center;
    display: contents;
}
.selectedQuestion{
    background: rgb(250, 170, 24);
    color: white!important;
    padding: 0 0.3vw;
    border-radius: 0.2vw;
}
#reponseFaq a {
    color: black!important;
    text-decoration: underline!important;
}
#reponseFaq a:hover {
    color: black!important;
    text-decoration: underline!important;
    background-color: transparent!important;
    padding: 0px!important;
}
.caseNews a{
    color: black;
}
.titreReponseFaq {
    padding: 0 0.3vw;
    background-color: #faaa18;
    color: white;
    border-radius: 0.2vw;
    min-height: 1vw;
    display: flex;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1vw;
}

#flexFaqV2 {
    justify-content: space-between;
    align-items: center;
    width: 54vw;
    margin: 0px auto;
    display: flex;
}

.dispositionTags {
    display: flex;
    justify-content: center;
    font-size: 1.2vw;
}

.designTagsCloud {
    border-radius: 0.3vw;
    margin: 0.2vw;
    white-space: nowrap;
    padding: 0.2vw;
}

.designTagsCloud a{
    color: black;
    text-decoration: none;
    font-size: 1vw;
}

#tagsFoFaq {
    margin-top: 20px;
    margin-left: 20px;
}

#pageDeFaq .ligne_verticale {
    display: none;
}

#pageDeFaq .rechercheTagsAide a:hover {
    background-color: transparent!important;
    padding: 0px!important;
    color: black!important;
}

.rechercheTagsAide {
    width: 100%;
}

.titleActualite a {
    color: black;
    text-decoration: none;
}

#colonneCentraleWithFaqFiche a, #colonneCentraleWithFaqFiche a:hover {
    color: blue;
    text-decoration: underline;
    padding: 0px;
    background-color: transparent;
}
#boutonChargerPlus{
    padding: 10px 20px;
    border: 1px black solid;
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
}
#chargerPlusFaq{
    display: none;
}
.contenuPerso-index2, .contenuPerso-categorieshelpselect, .contenuPerso-categorieshelp,
.contenuPerso-categoriasayudante, .contenuPerso-categoriasayudanteselect, .contenuPerso-accueil2,
.contenuPerso-categoriesaide, .contenuPerso-categoriesaideselect, .contenuPerso-resultatrecherchegenerale,
.contenuPerso-generalresearchresult, .contenuPerso-resultadoinvestigaciongeneral, .contenuPerso-risultatoricercagenerale{
    min-height: fit-content!important;
    min-height: -moz-fit-content!important;
    margin-bottom: 2vw;
}
.fiche-achat-infos.modele{
    height: auto!important;
    min-height: 37vw!important;
}
.fiche-achat-infos.modele .fiche_infos{
    height: 100%;
}
.fiche-achat-infos.modele .boutonPanier{
    justify-content: center;
}
.articleSelectionne:before{
    position: absolute;
    content: '%';
    font-size: 1.5vw;
    padding: 0.5vw 0.7vw;    
    background-color: orange;
    border-radius: 50%;
    opacity: 1;
    pointer-events: none;
    z-index: 100;
    margin-left: -0.5vw;
    margin-top: -0.5vw;
    font-weight: bold;
}
#compats-filter .card-filter_input:last-child{
    margin-bottom: 1vw;
}
.suggestions .caseArticleModule a.prix{
    color: black!important;
}

/* Formulaire de demande de piÃ¨ces (Alex) */
#conteneurFicheArticle #contenu_formulaire .field .rouge, #conteneurFicheArticle #contenu_formulaire_new .rouge {
    color: #FF0000;
}
#conteneurFicheArticle #contenu_formulaire .field .vert, #conteneurFicheArticle #contenu_formulaire_new .vert {
    color: #21c538;
}
#conteneurFicheArticle #contenu_formulaire .zoneFormulaire:not(.adresses #conteneurFicheArticle #contenu_formulaire .zoneFormulaire) {
    float: left;
    width: 50vw;
    margin-right: 1.5vw;
}
#conteneurFicheArticle #contenu_formulaire .formulaire_ligne_aide,
#conteneurFicheArticle #contenu_formulaire_new .formulaire_ligne_aide {
    display: none;
}
#conteneurFicheArticle #contenu_formulaire .zoneAide {
    float: left;
    width: 15vw;
    overflow: hidden;
    font-size: 0.8vw;
}
#conteneurFicheArticle #contenu_formulaire_new .zoneAide {
    width: 15vw;
    font-size: 0.8vw;
}
#conteneurFicheArticle #contenu_formulaire .zoneAide #contenu_aide_pointeur {
    background-image: url('../images/formulaire_pointeur.png');
    background-repeat: no-repeat;
    background-color: transparent;
    width: 1vw;
    height: 2vw;
    top: 25.5vw;
    left: 66.5vw;
    overflow: hidden;
    position: absolute;
    transform: rotate(180deg);
}
#conteneurFicheArticle #contenu_formulaire_new .zoneAide #contenu_aide_pointeur {
    background-image: url('../images/formulaire_pointeur.png');
    background-repeat: no-repeat;
    background-color: transparent;
    width: 1vw;
    height: 2vw;
    top: 25.5vw;
    left: 66.5vw;
    overflow: hidden;
    position: absolute;
}
#conteneurFicheArticle #contenu_formulaire .zoneAide #contenu_aide_contenu {
    position: absolute;
    overflow: hidden;
    color: #777777;
    padding: 0.5vw;
    left: 68vw;
    width: 20vw;
    overflow: hidden;
    line-height: 1vw;
}
#conteneurFicheArticle #contenu_formulaire_new .zoneAide #contenu_aide_contenu {
    position: absolute;
    overflow: hidden;
    color: #777777;
    padding: 0.5vw;
    width: 20vw;
    overflow: hidden;
    line-height: 1vw;
    background-color: white;
}
#conteneurFicheArticle #contenu_formulaire .texteAideErreur,
#conteneurFicheArticle #contenu_formulaire_new .texteAideErreur {
    color: #FF0000;
}
#conteneurFicheArticle #contenu_formulaire .texteAideObligatoire,
#conteneurFicheArticle #contenu_formulaire_new .texteAideObligatoire {
    color: #21c538;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire{
    margin-right: 0.2vw!important;
    height: 59vw;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire{
    width: 100%;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire{
    width: 75%;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; h2{
    margin-top: 1vw;
    margin-bottom: 0.3vw;
    font-size: 1.5vw;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire .intro{
    font-size: 0.9vw;
    margin-bottom: 1vw;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form {
    font-size: 1vw;
    height: 52vw;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form &gt; div {
    height: 100%;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form &gt; div &gt; div{
    width: 100%;
    height: 3.5vw;
    margin-bottom: 0.4vw;  
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form &gt; div &gt; div &gt; div.ui.left.labeled.icon.input{
    width: 100%;
    height: 2.5vw;   
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form &gt; div &gt; div &gt; label{
    font-size: 0.9vw;
    margin-bottom: 0.2vw;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form &gt; div &gt; div &gt; div.ui.left.labeled.icon.input &gt; input{
    height: 2vw;
    font-size : 1vw;
    padding-top: 0.7vw!important;
    padding-bottom: 0.7vw!important;
    padding-left: 2.3vw!important;
    padding-right: 2vw!important;
    position: absolute;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form &gt; div &gt; div &gt; div.ui.left.labeled.icon.input &gt; i{
    font-size: 0.96vw;
    padding-top: 0.6vw;
    width: 2.4vw;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form &gt; div &gt; div &gt; div.ui.left.labeled.icon.input .ui.corner.label{
    font-size: 0.66vw;
    height: 2vw;
    width: 2vw;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form &gt; div #formulaire_ligne_caseinfos{
    height: 12vw!important;  
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form &gt; div #formulaire_ligne_casecode{
    height: 5vw!important;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form &gt; div #formulaire_ligne_casecode &gt; label &gt; div:first-child{
    padding-top: 0.1vw!important;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form &gt; div #formulaire_ligne_casecode &gt; label &gt; div:nth-child(2){
    float: left;
    margin-left: 0.6vw!important;
    margin-bottom: 0.5vw!important;
    width: 4.5vw;
    font-size: 1vw;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form &gt; div #formulaire_ligne_casecode &gt; label &gt; div:nth-child(2) &gt; img{
    width: 90%!important;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form &gt; div .formulaire_ligne_validation &gt; div {
    width: 18%;
    text-align: center;
    float: right;
    font-size: 1vw;
    line-height: 1.5vw;
    height: 50%;
    border-radius: 0.2vw;
    cursor: pointer;
    background: #8bbb45;
    color: white;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire_new #boutonEnvoiFormulaire {
    width: 12vw;
    font-size: 1.2vw;
    line-height: 1.5vw;
    height: 65%;
    cursor: pointer;
    background: #8bbb45;
    color: white;
    margin-top: 1.4vw;
    margin-left: 11.9vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5vw;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneFormulaire &gt; form &gt; div &gt; div &gt; div &gt; i.icon{
    display: block!important;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneAide {
    display: inline-block;
    height: 52vw;
    margin-top: 6vw;
    position: sticky;
    width: 24%!important;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire_new .zoneAide {
    display: inline-block;
    position: sticky;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneAide #contenu_aide_pointeur {
    left: 0vw!important;
    font-size: 1vw;
    background-size: 100% 100%;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire_new .zoneAide #contenu_aide_pointeur {
    font-size: 1vw;
    background-size: 100% 100%;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire .zoneAide #contenu_aide_contenu {
    width: 90%;
    left: 1vw!important;
}
#conteneurFicheArticle.formulaireDemandeDePiÃ¨ce .zoneFormulaireDemande #contenu_formulaire_new .zoneAide #contenu_aide_contenu {
    width: 90%;
}
.lbl-input-formNew {
    display: block;
    margin-bottom: 0.8vw;
    margin-top: 0.8vw !important;
    font-family: GR, sans-serif;
}
div.conteneurInformationsFormulaireNew #caseemail,div.conteneurInformationsFormulaireNew #casetel, div.conteneurInformationsFormulaireNew #complementAdresse{
    width:22.8vw!important;
}
div.conteneurInformationsFormulaireNew #caseemail,div.conteneurInformationsFormulaireNew #casetel{
    width:100%!important;
}
.config li.ui-menu-item #moduleArticle_serie-a .module_article_vignette img{
    filter: invert(1);
}

#payment-form{
    font-family: Source Code Pro, Consolas, Menlo, monospace;
    font-size: 16px;
    font-weight: 500;
    background-color:white;
}

#payment-form    .row {
    display: -ms-flexbox;
    display: flex;
    margin: 0 5px 10px;
}

#payment-form    .field {
    position: relative;
    width: 100%;
    height: 50px;
    margin: 0 10px;
}

#payment-form    .field.half-width {
    width: 50%;
}

#payment-form   .field.quarter-width {
    width: calc(25% - 10px);
}

#payment-form   .baseline {
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: #cfd7df;
    transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#payment-form   label {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 8px;
    color: #cfd7df;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transform-origin: 0 50%;
    cursor: text;
    pointer-events: none;
    transition-property: color, transform;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

#payment-form   .input {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding-bottom: 7px;
    color: #32325d;
    background-color: transparent;
}

#payment-form    .input::-webkit-input-placeholder {
    color: transparent;
    transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#payment-form   .input::-moz-placeholder {
    color: transparent;
    transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#payment-form    .input:-ms-input-placeholder {
    color: transparent;
    transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#payment-form    .input.StripeElement {
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    will-change: opacity;
}

#payment-form    .input.focused,
#payment-form    .input:not(.empty) {
    opacity: 1;
}

#payment-form   .input.focused::-webkit-input-placeholder,
#payment-form   .input:not(.empty)::-webkit-input-placeholder {
    color: #cfd7df;
}

#payment-form   .input.focused::-moz-placeholder,
#payment-form   .input:not(.empty)::-moz-placeholder {
    color: #cfd7df;
}

#payment-form  .input.focused:-ms-input-placeholder,
#payment-form     .input:not(.empty):-ms-input-placeholder {
    color: #cfd7df;
}

#payment-form   .input.focused + label,
#payment-form   .input:not(.empty) + label {
    color: #aab7c4;
    transform: scale(0.85) translateY(-25px);
    cursor: default;
}

#payment-form   .input.focused + label {
    color: #24b47e;
}

#payment-form   .input.invalid + label {
    color: #ffa27b;
}

#payment-form   .input.focused + label + .baseline {
    background-color: #24b47e;
}

#payment-form  .input.focused.invalid + label + .baseline {
    background-color: #e25950;
}

#payment-form  input, #payment-form button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border-style: none;
}

#payment-form   input:-webkit-autofill {
    -webkit-text-fill-color: #e39f48;
    transition: background-color 100000000s;
    -webkit-animation: 1ms void-animation-out;
}

#payment-form  .StripeElement--webkit-autofill {
    background: transparent !important;
}

#payment-form   input, #payment-form button {
    -webkit-animation: 1ms void-animation-out;
}

#payment-form   .error svg {
    margin-top: 0 !important;
}

#payment-form   .error svg .base {
    fill: #e25950;
}

#payment-form  .error svg .glyph {
    fill: #fff;
}

#payment-form  .error .message {
    color: #e25950;
}

#payment-form   .success .icon .border {
    stroke: #abe9d2;
}

#payment-form   .success .icon .checkmark {
    stroke: #24b47e;
}

#payment-form  .success .title {
    color: #32325d;
    font-size: 16px !important;
}

#payment-form   .success .message {
    color: #8898aa;
    font-size: 13px !important;
}

#payment-form  .success .reset path {
    fill: #24b47e;
}

.wishlistPage{
    height: fit-content;
}
.wishlistPage .productInfo{
    height: fit-content;
}
.wishlistPage .productInfo .titreCadre{
    min-height: 0vw!important;
}
.wishlistPage .productInfo .titreCadre .description{
    margin-top: 0!important;
}
.wishlistPage .productInfo .zoneBoutons{
    height: 2vw;
    margin-top: 0.2vw;
}
.wishlistPage .lienSupprimer{
    background-color: rgb(66,66,66);
    font-size: 0.8vw!important;
    color: white;
    height: 100%;
    cursor: pointer;
    padding-left: 1vw;
    padding-right: 1vw;
    border-radius: .3vw!important;
    text-transform: uppercase;
    cursor: pointer;
    line-height: 1vw;
}
.wishlistPage i.card-cart{
    font-size: 5vw!important;
    width: 3vw!important;
    height: 3vw!important;
    margin-right: 0vw!important;
}
.qcd:hover {
    text-decoration: none;
    cursor: pointer;
}
.reseaux-sociaux &gt; div &gt; a &gt; i, .reseaux-sociaux &gt; div &gt; span &gt; i{
    font-size:2vw;
}
.caseNews_illustration.Actu533, .caseNews_illustration.Actu532, .caseNews_illustration.Actu534{
    display:none!important;
}
/* TEMPLATE ARTICLE V2 */

#arboArticlev2 {
    margin-top: 0.6vw;
}

#arboArticlev2 a:first-child {
    text-decoration: underline!important;
    margin-left: 0vw!important;
}

#arboArticlev2 a {
    text-transform: initial!important;
    font-size: 0.9vw!important;
    color: #4a4a4a!important;
}

#arboArticlev2 a:last-child {
    font-weight: bold!important;
    color: black!important;
}

#arboArticlev2 span {
    font-size: 0.9vw!important;
}

#hrTitleArticleV2, #hrCentreArticleV2, .hrCentreArticleV2Sugg {
    border: solid 1.5px #d5d5d5;
}

#blocArticleV2 {
    display: flex; 
    justify-content: space-between;
    margin-bottom: 2vw;
}

#titleArticleV2 {
    text-align: left!important;
    color: #464646; 
    text-transform: initial!important; 
    font-weight: initial;
    margin-bottom: 0vw!important;
}

#wishlistArticleV2 {
    display: flex;
    justify-content: space-between;
    margin-top: 2.5vw;
}

#coeurArticleV2 {
    width: 1.88vw;
    height: 1.88vw;
    border-radius: 0.4vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color:#dd5853;
    cursor: pointer;
}

#coeurArticleV2 i {
    color: white;
    max-width: 1.7vw;
    max-height: 1.7vw;
    font-size: 1vw;
}

.pnRefArticleV2 {
    color: #969696;
    font-weight: bold;
}

.pnRefArticleV2Value {
    color: #959595;
    font-weight: normal;
}

#produitDroiteArticleV2 {
    background-color: #f2f2f2;
    padding-top: 0.3vw;
    padding-bottom: 1vw;
    margin-top: 0.38vw;
    text-align: center;
}

.articleEnPromoV2 {
    width: 96%;
    margin: 0px auto;
    border-radius: 0.4vw;
    background-color: #dd5853;
    height: 2.3vw;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.3vw;
    text-transform: uppercase;
    margin-bottom: 1.4vw;
}

#prixReducArticleV2 {
    color: #444444;
    font-size: 1.2vw;
    margin-bottom: 0;
    font-weight: 600;
}

#prixFinalArticleV2 {
    font-weight: bold;
    color: #3b3b3b;
    font-size: 2.6vw;
}

#prixFinalArticleV2 sup {
    top: -1.3vw!important;
}

#economieDeArticleV2 {
    color: #444444;
    font-size: 0.8vw;
    font-weight: 600;
}
#economieDeArticleV2Limite {
    color: #868686;
    font-size: 0.8vw;
    font-style: italic;
    margin-top: 0.1w;
}

#oneyArticleV2 {
    margin-top: 1.3vw;
    margin-bottom: 1.3vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boutonsArticleV2 {
    background-color: #d7d7d7;
    color: #585858;
    font-weight: bold!important;
    flex: none;
    width: 1.5vw;
    line-height: 1.1vw;
    font-size:1.4vw;
}

.quantiteArticleV2 {
    background-color: white!important;
    color: #353535!important;
    width: 3vw!important;
    border: #cacaca solid 1px!important;
    font-weight: bold;
}

#quantiteArticleV2Block {
    margin-bottom: 2.5vw;
    font-weight: bold;
}

.baisseDePrixArticleV2 {
    color: #a3a3a3!important; 
    font-size: 0.8vw!important;
    margin-bottom: 1.3vw;
}

.panierArticleV2Valider {
    font-size: 1.05vw;
}

.infoDispoArticleV2 {
    color: #818181;
    font-size: 0.9vw!important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5vw;
    width: calc(80% - 4px);
    margin: 0px auto;
    border: solid 2px;
    border-radius: 0.5vw;
}

.infoDispoArticleV2 i {
    margin-right: 1vw;
    font-size: 1.3vw!important;
}

#bulleEconomieArticleV2 {
    background-color: #dd5853;
    color: white;
    height: 6vw;
    font-size: 2vw;
    width: 6vw; 
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 900;
}

.rsArticleV2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.9vw!important;
    color: #2e2e2e!important;
}
.rs2ArticleV2 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    font-size: 0.9vw!important;
    color: #2e2e2e!important;
    margin-top: 1vw;
}
.rs2ArticleV2 a {
    font-size: 0.7vw!important;
    color: #424242!important;
    text-decoration: none;
    font-weight: bold;
}
#produitEtatArticleV2 {
    font-weight: bold;
    font-size: 1vw;
}

.ligneSimpleArticleV2 {
    font-size: 0.78vw;
    display: flex;
    align-items: center;
}
.ligneSimpleArticleV2 img {
    max-width: 5.6vw!important;
}

.formPanierFraisV2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#freeLivrSpanV2 {
    font-size: 0.9vw;
    margin-bottom: 0.7vw;
}
#freeLivrV2 {
    color: var(--second-color);
    text-transform: uppercase;
    font-size: 1.2vw;
    font-weight: bold;
} 

.selectArticleV2 {
    border: solid 1px darkgrey!important;
    border-radius: 0.3vw!important;
    font-size: 0.8vw!important;
    height: 1.4vw!important;
    cursor: pointer;
}

.boutonPlusinfosV2 {
    color: white;
    background-color: #6a6a6a;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-color: #6a6a6a!important;
    padding: 0vw 0.4vw;
    width: 22%;
    margin-left: 0.7vw;
    margin-right: 0.7vw;
}

.selectArticleV2Princ {
    margin-left : 0vw!important;
    color: #2d2d2d;
    font-weight: bold;
}

.selectArticleV2Valider {
    background-color: var(--second-color);
    color: white;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0vw 0.4vw;
    width: 18%;
    border-color: var(--second-color)!important;
}

#livrNoteArticleV2 {
    font-size: 0.8vw;
    font-weight: initial;
    margin-bottom: 0.2vw;
}

.listePaiementArticleV2 {
    color: #666666;
    margin-top: 1.4vw;
    align-items: center;
    font-size: 0.63vw;
    width: 32%;
}
.listePaiementArticleV2 span{
    color: #2c2c2c;
}
.listePaiementArticleV2 i {
    font-size: 1.6vw;
}
.listePaiementArticleV2 span {
    font-weight: bold;
}

#produitSuggeresArticleV2 .caseArticleModule {
    width: 13vw!important;
    padding: 0.6vw;
    border-radius: 0.8vw;
    box-shadow: none!important;
    -webkit-box-shadow: 0px 3px 10px -1px rgba(0,0,0,0.2)!important; 
    box-shadow: 0px 3px 10px -1px rgba(0,0,0,0.2)!important;
}
#produitSuggeresArticleV2 {
    background-color: #f2f2f2;
    padding-top: 0.9vw; 
    text-align: center;
    font-size: 1.6vw;
    color: #323232;
    padding-bottom: 1vw;
}
#produitSuggeresArticleV2 .suggestions .caseArticleModule .ArticleModule-content {
    background-color: white!important;
}
#produitSuggeresArticleV2 .suggestions .caseArticleModule h3 {
    margin: 0;
    padding: 0;
    height: auto;
    color: black;
    font-size: 0.8vw;
    font-weight: bold;
    margin-top: 0.5vw;
    margin-bottom: 0.7vw;
}
#produitSuggeresArticleV2 .boutonPanier.green {
    font-size: 0.95vw;
    display: flex;
    width: 90%;
    justify-content: space-evenly;
    margin: 0vw;
}
#produitSuggeresArticleV2 .boutonPanier.green i {
    font-size: 1.2vw;
    margin-right: 0.3vw;
}

#basArticleV2Entete {
    -webkit-box-shadow: 0px 3px 10px -1px rgba(0,0,0,0.2)!important; 
    box-shadow: 0px 3px 10px -1px rgba(0,0,0,0.2)!important;
}
#basArticleV2Entete ul {
    padding-top: 1vw;
    display: flex;
    text-decoration: none;
    width: 50vw;
    justify-content:space-between;
    align-items: flex-start;
    margin: 0 auto;
    padding-bottom: 0.1vw;
}
#basArticleV2Entete li {
    padding: 0px;
    text-decoration: none;
    color : #b1b1b1;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 1.4vw;
    list-style: none;
}
.basArticleV2EnteteActif {
    color: #292929!important;
    padding-bottom: 1.2vw!important;
    /* padding-left: 0.75vw!important;
    padding-right: 0.75vw!important; */
    border-bottom: 0.4vw solid #292929;
}
#basArticleV2 {
    background-color: white;
}

.corpsBasArticleV2 {
    width: 55vw;
    margin: 0px auto;
    padding-top: 1vw;
    padding-bottom: 2vw;
}

.corpsBasArticleV22 {
    width: 65vw;
    margin: 0px auto;
    padding-top: 1vw;
    padding-bottom: 2vw;
}
.corpsBasArticleV23 {
    width: 70vw;
    margin: 0px auto;
    padding-top: 1vw;
    padding-bottom: 2vw;
}

#basArticleV2CorpsDetails .label {
    background-color: transparent;
    text-align: left;
    width: 25%!important;
    font-size: 0.9vw;
    text-transform: capitalize;
}
#basArticleV2CorpsDetails .value {
    color: #797979!important;
}

#basArticleV2CorpsDetails .line {
    margin-bottom: 0.1vw!important;
    margin-top: 0.1vw;
}

#blockAvisArticleV2 {
    display: flex;
    justify-content: space-between;
    padding-top: 1vw;
    color: #3b3b3b!important;
}

#blockAvisArticleV2 #avisGeneralProduit {
    width: 22%;
    background-color: #f2f2f2;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 0.5vw;
    padding: 0.7vw;
    height: 8.15vw;
}
#blockAvisArticleV2 #afficheurCommentaires {
    width: 74%;
}
#blockAvisArticleV2 #couleurGenArticleV2 {
    color: var(--second-color);
    font-size: 1.7vw;
}
#blockAvisArticleV2 .commentaire_ligneV2 {
    background-color: #f2f2f2;
    margin-bottom: 1vw;
    padding: 0.5vw;
    border: none;
    display: flex;
    min-height: 8.15vw;
}
#blockAvisArticleV2 .hrArticleV2 {
    height: auto;
    width: 1px;
    background-color: #c8c8c8;
    margin-left: 1vw;
    margin-right: 1vw;
}

#blocArticleV2 .illustration .conteneurApercuDiapo {
    border-radius: 0px!important;
    border: none;
    opacity: 0.5;
    height: auto;
}
#blocArticleV2 .illustration .conteneurApercuDiapo:hover {
    opacity: 0.75;
}
#blocArticleV2 .illustration .conteneurApercuDiapo.active {
    /* border: #9e9e9e 1px solid; */
    opacity: 1;
}
#blocArticleV2 .afficheurPrix .quantite input {
    margin-left: 0.5vw!important;
    margin-right: 0.5vw!important;
}
#blocArticleV2 .descriptionLongue  img {
    width: 85%;
    margin-bottom: -0.2vw;
    margin-top: 0.4vw;
}
#blocArticleV2 #notifier-baisee-prix:hover {
    text-decoration: none!important;
}
#suggProductV2 .vignetteArticleModule img{
    height: 8vw!important;
}
.monMaterielInterne a{
    color: black;
}
/* FIN TEMPLATE ARTICLE */
.compte-container, .panier-container, .contact-container{
    width: 33%;
    text-align: center;
    padding-top: 0.6vw;
}
.entete .compte-icon, .entete .panier-icon, .entete .contact-icon{
    width: 2.6vw!important;
}
#submenu1 span, #submenu1 a,#submenuRog span, #submenuRog a, #submenuRogAlly span, #submenuRogAlly a, #submenuRogAllyX span, #submenuRogAllyX a{
    width: 90%;
    display: block;
    position: relative;
}
ul.submenu.level3 &gt; li:hover a, ul.submenu.level3 &gt; li:hover span{
    color : black!important;
}
/*CSS MON PANIER*/ 
div#progressionPanier .separateur2.active{
    background-color:  var(--dark-color);
    opacity:1;
}
div.progressionPanier .iconePanier.active{
    color:black;
    opacity:1;

}
#colonnePrincipale &gt; div.progressionPanier &gt; div{
    display: flex;
    justify-content: center;
} 
div.progressionPanier, div.progressionPanier_liens {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
div.progressionPanier_liens {
    margin-top: 0.5vw;
}
.progressionPanier_liens .separateur3 {
    width: 8vw;
    display: flex;
}
div.progressionPanier_liens a {
    width: 5vw;
    text-align: center;
    font-size: 0.8vw;
    font-weight: bold;
    color: #000;
    text-decoration: none;
}
.progressionPanier .iconePanier {
    width: 3vw;
    text-align: center;
    font-size: 1vw;
    font-weight: 700;
    opacity:0.5;
}

.progressionPanier .iconePanier div {
    margin-bottom: 1px;
}
.progressionPanier .iconePanier i {
    color: var(--dark-color);
    font-size: 1.5vw;
}

.progressionPanier .separateur2 {
    width: 8vw;
    height: 0.3vw;
    display: flex;
    background-color: var(--medium-gray);
    margin-top: 1.4vw;
    opacity:0.5;
}
div.contenu &gt; div &gt; p:first{
    width: 2vw;
    text-align: center;
    font-weight: 600;
}
div.colonnePrincipaleMonPanier{
    display:flex;
    flex-direction: column;
    width: 67.67vw;
    margin:0 auto;
}
.colonnePrincipaleMonPanierInterne {
    width: 75%;
    margin-left:auto;
    margin-right: auto;
}

div.colonnePrincipaleMonPanier  div[id^="lignePanier"]{
    background: var(--light-gray);
    border: solid 1px var(--medium-gray);
    border-top: 1.6px solid var(--medium-gray);
    display: flex;
    /* justify-content: center; */
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 1vw;
    padding-bottom: 1vw;
}

#colonnePrincipale.colonnePrincipaleMonPanier div.lignePanierEntete{
    display: table;
    margin-top: 2vw;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.2vw;
    font-size: 0.8vw;
}
#colonnePrincipale.colonnePrincipaleMonPanier div.lignePanierEntete div{
    display: table-cell;
}
div.vignettePanier {
    width: 6.9vw;
    height: 4.5vw;
    overflow: hidden;
    border: 1px solid var(--medium-gray);
    margin-right: 0.7vw;
}
div.vignettePanier &gt; a &gt; img {
    height: 100%;
    width: auto;
}

div.lignePanier div.description div.titre{
    width: 90%;
    font-size: 0.9vw;
    margin-bottom: 1vw;
    min-height: 40%;
}

div.lignePanier div.description div a,
div.lignePanier div.description div span{
    background-color: var(--dark-gray);
    padding: 0.2vw 1.2vw;
    font-size: 0.9vw;
    text-decoration: none;
    font-family: 'GL', sans-serif;
}   

div.lignePanierEntete div.description {
    width: 56%;
    position: relative;
    left: 2%;
}
div.lignePanierEntete div.prix{
    position: relative;
    width: 12%;
    text-align: center;
}
div.lignePanierEntete div.quantite {
    width: 15%;
    text-align: center;
}
div.lignePanierEntete div.total {
    width: 15%;
    text-align: right;
}
div.lignePanier div.description div a{
    color: white;
}
div.lignePanier div.description div span{
    color:red;
    cursor : pointer;
}
div.lignePanier &gt; div.prix{
    text-align: center;
    /*margin-right: 4vw;*/
    /*width: 15%;*/
    font-weight: bold;
    font-size: 0.9vw;
    /*	min-width: 112px;
        max-width: 112px;*/
}
div.lignePanier &gt; div.prix div{
    text-align: center;
    width: 7vw;
    /*width: 110px;*/
}
div.lignePanier &gt; div.prix .lignePanier_prixEcotax{
    font-size: 0.5vw;
    font-weight: 100;
}
div.lignePanier &gt; div.description{
    width:20vw;	
}
div.lignePanier  div.quantite div input{
    width: 3vw;
    text-align: center;
    background: var(--dark-gray);
    color: white;
    height: 1.5vw;
    border: none;
    font-size: 1.2vw;
}
div.lignePanier  div.total{
    width: 15%;
    text-align: right;
}

div.lignePanier_prix {
    font-weight: 600;
    font-size: 1vw;
    color:var(--second-color);
}
#conteneurFicheArticle div.lignePanier_prix {
    font-size: 0.9vw;
}
div.lignePanier div.quantite {
    width: 15%;
    text-align: center;
    cursor:pointer;
}
div.lignePanier div.quantite div {
    display: flex;
    justify-content: space-between;
}
div.lignePanier div.quantite div input{
    order: 2;
}
div.lignePanier div.quantite div span[id^="retirerPanierLigne_"]{
    float:left;
    order: 1;

}
div.lignePanier div.quantite div span[id^="ajouterPanierLigne_"]{
    float:right;
    order : 3
}
div.lignePanier div.quantite div span[id^="retirerPanierLigne_"],
div.lignePanier div.quantite div span[id^="ajouterPanierLigne_"]{
    color: white;
    background: var(--dark-gray);
    width: 1.4vw;
    margin-top: 0.3vw;
    text-align: center;
    height: 1.1vw;
}
.lignePanierFraisCadre {
    margin-left: auto;
    margin-right: auto;
    overflow:hidden;
}
.lignePanierFraisCadre div.cadre2 .titreEstimation {
    float:left;
    width: 25vw;
    font-size: 0.65vw;
}
.lignePanierFraisCadre div.cadre2 .calculateur {
    float:right;
    width: 25vw;
    padding-top: 0.6vw; 
}
div.lignePanierFraisCadre div.contenu {
    overflow:hidden;
    margin-top: 1.5vw;
    margin-bottom: 0.8vw;
}
div.lignePanierFraisCadre div.contenu h1{
    font-weight: 600;
    font-size: 1.3vw;
    margin-bottom: 3px;
    margin-top: 0px;
}
div.lignePanierFraisCadre div.contenu div.cadre2 {
    bottom: 3vw;
}
.calculateur #formPanierFrais &gt; select{
    background: linear-gradient(#ffffff,#dddddd);
    border: 0.1vw solid #b4b2b3;
    outline-style: none;
    text-align: left;
    height: 1.7vw;
    border-radius: 0.3vw;
    padding: 0.2vw;
    font-size: 0.8vw;
    width: 45%;
    position: relative;
    cursor : pointer;
    /*top: 1vw;*/
    /*left: 1vw;*/
}
.calculateur #formPanierFrais &gt; input.casei{
    background: linear-gradient(#ffffff,#dddddd);
    border: 0.1vw solid #b4b2b3;
    outline-style: none;
    text-align: right;
    height: 1vw;
    border-radius: 0.3vw;
    padding: 0.3vw;
    font-size: 0.8vw;
    width: 6.9vw;
}
.calculateur #formPanierFrais &gt; input.boutonEstimerCoutLivraison {
    background-color: var(--second-color);
    border: none;
    color: white;
    padding: 0.4vw;
    text-align: center;
    text-decoration: non;
    display: inline-block;
    font-size: 0.8vw;
    text-transform: uppercase;
    min-width: 5vw;
    cursor: pointer;
    float: right;
}

.livraisonNote #formPanierFrais &gt; select{
    background: linear-gradient(#ffffff,#dddddd);
    border: 0.1vw solid #b4b2b3;
    outline-style: none;
    text-align: right;
    height: 1.7vw;
    border-radius: 0.3vw;
    padding: 0.2vw;
    font-size: 0.8vw;
    width: 100%;
    position: relative;
    cursor : pointer;
    /*top: 1vw;*/
    /*left: 1vw;*/
}
.livraisonNote #formPanierFrais &gt; input.casei{
    background: linear-gradient(#ffffff,#dddddd);
    border: 0.1vw solid #b4b2b3;
    outline-style: none;
    text-align: right;
    height: 1vw;
    border-radius: 0.3vw;
    padding: 0.3vw;
    font-size: 0.8vw;
    width: 6.9vw;
    margin-top: 0.5vw;
}
.livraisonNote #formPanierFrais &gt; input.boutonEstimerCoutLivraison{
    background-color: var(--second-color);
    border: none;
    color: white;
    padding: 0.4vw;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 0.65vw;
    text-transform: uppercase;
    min-width: 5vw;
    min-height: 1.75vw;
    cursor: pointer;
    float: right;
    margin-top: 0.5vw;
}
#colonnePrincipale &gt; div.lignePanierFraisCadre &gt; div.contenu &gt; div.cadre2 &gt; div.calculateur{
    position: relative;
    top: 4vw;
    left: 23vw;
}

#colonnePrincipale &gt; div.lignePanierFraisCadre &gt; div.contenu &gt; div.cadre2 &gt; div.titreEstimation &gt; span{
    font-size: 0.6vw;
}


div#colonnePrincipale.colonnePrincipaleMonPanier div.lignePanierFraisCadre div.lignePanierFrais:nth-child(2) {
    border-top: 1px solid var(--medium-gray);
}
div.colonnePrincipaleMonPanier div.lignePanierFraisCadre div[id^="lignePanierFrais_"]{
    margin: 0px;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    border-top: 0px;
    border-left: 1px solid var(--medium-gray);
    border-right: 1px solid var(--medium-gray);
    padding-right: 1.5%;
    width: auto;

}
div.transporteur img{
    width: 5vw;
    padding-left: 1.5vw;   
}
form#formPaiement div.panier_recap_frais div.panier_recap_transporteur div.transporteur img{
    padding-top: 1vw;
}

div.lignePanierFrais  div.montant{
    margin-right: 0vw;
    font-weight: 600;
    font-size: 1.1vw;
}
div.transporteurDelai {
    width: 70%;
    margin: auto;
    text-align: justify;
    margin-left: 10px;
}
div.colonnePrincipaleMonPanier div[id^="lignePanier"].active {
    background: var(--dark-gray);
}

div.colonnePrincipaleMonPanier div[id^="lignePanier"].active div.montant.active {
    color: var(--third-color);
}
div.colonnePrincipaleMonPanier div[id^="lignePanier"].active span.transporteurDelaiDetails{
    color:white;
    font-size: 0.8vw;
}
div.colonnePrincipaleMonPanier div[id^="lignePanier"] span.transporteurDelaiDetails{
    font-size: 0.8vw;
}
.selectionTransporteur div.radioTransport{
    width: 1vw;
    height: 1vw;
    position: relative;
    top: 0.5vw;
    left: 1vw;
    cursor:pointer;
}
div.radioPaiement{
    width: 1.5vw;
    height: 1.5vw;
    top: 0.5vw;
    cursor:pointer;
}
div.radioPaiement i{
    display:none;
}
div.vignette_paiement.active div.radioPaiement i{
    color:var(--dark-color);
    display:contents;
    font-size: 1.4vw;
}
div.radioTransport, div.radioAdresses,div.radioPaiement{
    border-radius: 50px;
}
div.radioTransport,div.radioPaiement{
    background-color: white;
    border: 1px var(--medium-gray) solid;
}


div.radioAdresses{
    background-color: white;
    border: 1px var(--dark-gray) solid;
    width: 1.4vw;
    height: 1.4vw;
}

.lignePanierFrais.active div.radioTransport {
    background: var(--second-color);
    border: 1px var(--medium-gray) solid;
}
.lignePanierReduction{
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
    width: 50%;
    font-size:1vw;
}
#colonnePrincipale &gt; div.lignePanierReduction &gt; div &gt; div &gt; div.messageReduction,.messageReduction{
    float: right;
    padding-top: 6px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1vw;	
}
#caseBonDeReduction{
    height: 2.2vw;
    border: solid 1px #d3d3d3;
    width: 12vw;
    text-align: center;
    margin-left: 1vw;
    border-radius: 5px 0px 0px 5px;
    background-color: #f3efef;
}
#colonnePrincipale &gt; div.colonnePrincipaleMonPanierInterne &gt; div.lignePanierReduction &gt; div &gt; div &gt; div.messageReduction,.messageReduction{
    float: right;
    padding-top: 6px;
    font-weight: 600;
    font-size: 1vw;
}

.petitPrixPanierAIO {
    font-size: 13px;
    font-weight: bold;
}

div.ligneTableau.reductions .texteTableau{
    font-size: 0.8vw;
    text-align:center;
    width: 100%;
    display: flex;
    justify-content: center;
}
#colonnePrincipale &gt; div.colonnePrincipaleMonPanierInterne &gt; div.lignePanierReduction &gt; div &gt; div{
    display: flex;
    flex-direction: row-reverse;
    white-space: nowrap;
    float: right;
    margin-bottom: 5px;
}
#formPaiement &gt; div.lignePanierTotal{
    color: white;
    background: var(--second-color);
    font-weight: 600;
    display: flex;
    flex-direction: row-reverse;
    height: 1.5vw;
    margin-top: 1vw;
    font-size:1vw;
    padding: 0.2vw;
}
#formPaiement &gt; div.lignePanierCGV {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: black;
    background: #ededed;
    height: 1.5vw;
    margin-top: 1vw;
    font-size: 0.8vw;
    font-family: 'GL';
    font-weight: bold;
    padding: 0.2vw;
}
#formPaiement &gt; div.lignePanierNL {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: black;
    background: #ededed;
    height: 1.5vw;
    margin-top: 0vw;
    font-size: 0.8vw;
    font-family: 'GL';
    font-weight: bold;
    padding: 0.2vw;
}
#formPaiement &gt; div.lignePanierCGV a {
    color: black;
}
#formPaiement &gt; div.lignePanierCGV input, #formPaiement &gt; div.lignePanierNL input {
    margin-left: 1vw;
    margin-right: 1vw;
}
div.colonnePrincipaleMonPanier div#lignePanierTotal_prixGlobal {
    color: white;
    background: var(--medium-gray);
    font-weight:600;
    font-size: 0.9vw;
}
div.colonnePrincipaleMonPanier div#lignePanierTotal_prixGlobal #lignePanierTotal_prix{
    background: none!important;
    border: none!important;
    padding: 0!important;
    width: auto!important;
}
div#lignePanierTotal_prix .titre, div#lignePanierTotal_prixGlobal .titre {
    float: right;
    width: 77%;
    text-align: end;
    font-weight:100;
}
div.imgPanierPaiementSecurise{
    margin-bottom: 1vw;
    height: 10vw;
    overflow: hidden;
    border: 0vw solid #CCC;
    -webkit-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.27);
    -moz-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.27);
    box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.27);
    margin-top: 0.8vw;
}
div.imgPanierPaiementSecurise .titre, div.imgPanierPaiementSecurise img, div.imgPanierPaiementSecurise .validerContinuerPanier {
    float:left;
}
div.imgPanierPaiementSecurise img.logoPaiement {
    width: 24vw;
    padding-top: 2.9vw;
    padding-left: 1vw;
}
div.imgPanierPaiementSecurise img.cadenas {
    width: 1.2vw;
    padding-top: 3.7vw;
    padding-left: 0.6vw;
}
div.imgPanierPaiementSecurise .validerContinuerPanier {
    margin-top: 2.7vw !important;
    margin-left: 2vw !important;
    font-size: 1.6vw !important;
    font-weight: bold !important;
    padding-left: 2vw !important;
    padding-right: 2vw !important;
}
div.imgPanierPaiementSecurise .validerContinuerPanier.it {
    margin-top: 2.9vw !important;
    font-size: 1vw !important;
}
div.imgPanierPaiementSecurise .titre {
    font-size: 1vw;
    padding-top: 4vw;
    padding-left: 1vw;
    font-weight: bold;
}
a &gt; img.checkoutWithPaypal{
    margin-bottom: 3vw;
    width: 100%;
    border: 2px red solid;
}
div#boutonContinuerPanier,.validerContinuerPanier
#formPanierFrais &gt; input.ui.tiny.button{
    border-radius:0px;
    font-weight: 100;
    background: var(--second-color);
}

/*FAYDA PANIER CONFIRMATION*/ 
#conteneurPage &gt; div.confirmation_cadre{
    background-color: var(--light-gray);
    padding: 1vw;
    font-size: 1vw;
    border: 1px var(--dark-color) solid;
    overflow:auto;
}
div.titreEnTeteAutreMoyenDePaiement{
    border-top: 1px solid var(--medium-gray);

}
div.titreEnTeteAutreMoyenDePaiement div.block_titre{
    float: left;
    margin-bottom: 10px;
    font-family: 'GL';
}
.titleZonePanierAIOPrincipal {
    font-weight: bold;
    font-size: 2vw;
    letter-spacing: 0.5px;
    text-transform: initial;
}

.titleZonePanierAIO {
    text-transform: initial;
}

.boutonValidationPanierAIO {
    background-color: var(--second-color);
    border: none;
    color: white;
    width: 14vw;
    text-transform: uppercase;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.2vw;
    font-weight: bold;
    border-radius: 0.35vw;
    padding: 0.5vw;
    cursor:pointer;
}

.titreMonPanierLivraison {
    display: block !important;
    overflow: hidden;
}
.titreMonPanierLivraison .left {
    float:left;
}
.titreMonPanierLivraison .right {
    float:right;
}
.colonnePrincipaleMonPanierAIO {
    width: 95%;
    margin-left:auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
}

.blockCliquablePanierAIO {
    color: black;
    text-transform: uppercase;
    padding: 0px 0.5vw;
    border-radius: 0.4vw;
    margin-bottom: 30px;
    cursor: pointer;
    background-color: white;
    padding-top: 0px;
    overflow:hidden;
    box-shadow: 0px 0px 14px 2px #c5c5c5; 
}

.overlayAIO {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.blockFixePanierAIO {
    color: black;
    padding: 0.75vw 1.5vw;
    border-radius: 0.4vw;
    margin-bottom: 30px;
    cursor: pointer;
    background-color: white;
    position: relative;
    box-shadow: 0px 0px 14px 2px #c5c5c5; 
    position: fixed!important;
    width: 30vw;
}

#panierAIOLeft{
    width: 65%;
    margin-right: auto;
}
#panierAIOLeft.emptyPanier{
    margin-left: auto;
}

.texteReapproPanierAIO {
    color: #f19b00;
    text-transform: initial;
    font-size: 0.7vw;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    justify-content: center!important;
}

#panierAIORight{
    width: 31vw;
    margin-left: 1.5vw;
    top: 7.25vw;
}

div.lignePanier .lienPanierAIO a, div.lignePanier .lienPanierAIO span{
    background-color: var(--dark-gray);
    margin-bottom: 3px;
    padding: 0.15vw 1vw;
    color: white;
    text-decoration: none;
    text-align: center;
    margin: 0px auto;
}
div.lignePanier .lienPanierAIO{
    padding: 0.2vw 1.2vw;
    font-size: 0.9vw;
    text-decoration: none;
    font-family: 'GL', sans-serif;
    color: white;
    margin-top: 0.35vw;
}  

.texteReapproPanierAIO i {
    margin-right: 1vw;
    margin-left: 1vw;
    font-size: 1.5vw;
}

.totalPanierAIO {
    width: 100%!important;
    margin-top: 0.75vw;
}

.quantitePanierAIO {
    background: var(--dark-gray);
    width: 35%!important;
}

.boutonPanierAIO {
    width: 100%;
    display: flex;
    align-items: center;
}

.colonnePrincipaleMonPanierAIO div.lignePanier div.description div a, colonnePrincipaleMonPanierAIO div.lignePanier div.description div span {
    font-size: 0.7vw!important;
}

.panierAIODepliage {
    display: none;
    cursor: default;
    position: relative;
}

#panierAIO, #mesInfosPanierAIO, #livraisonPanierAIO, #validationPanierAIO {
    padding: 1vw;
}

#panierAIODepliagePanier {
    margin-top: 2vw;
}

.formNouvelleAdresse #formLivraison input[name^="txt_"] {
    width: 0.9vw;
}

.formNouvelleAdresse div.zoneFormulaire form#formLivraison div.field#formulaire_ligne_pays #select_pays, .formNouvelleAdresse div.zoneFormulaire form#formLivraison div.field#formulaire_ligne_departement #select_departement {
    width: 16vw;
}

.formNouvelleAdresse #formLivraison &gt; div {
    justify-content: center!important;
}

.formNouvelleAdresse #caseinformations {
    margin-bottom: 0px!important;
    margin: 0px auto;
}

.formNouvelleAdresse #formulaire_ligne_caseinformations {
    margin-left: 3vw;
}

.colonnePrincipaleMonPanierAIO .lignePanierFraisCadre .contenu {
    height: 5vw!important;
}

.ligneFixePanierAIO {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 0.7vw;
    margin-bottom: 0.5vw;
    margin-top: 0.5vw;
}
.prixPanierAIO {
    font-size: 0.9vw;
}
.prixPanierAIOFinal {
    color: #c70303;
    font-weight: bold;
    font-size: 2vw;
    margin-top: 10px;
}

.lignePanierAIO {
    display: flex;
    margin: 0px auto;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 1.05vw;
    padding-bottom: 1.05vw;
    border-bottom: 1px solid #c7c7c7;
    width: 97%;
}

.dernierProduitPanierAIO {
    border-bottom: none;
}

.infosPanierAIO {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-right: 1vw;
}

.ligneInterneAIO {
    display: flex;
    justify-content: space-between;
}

.imagePanierAIO {
    margin-left: 1vw;
    margin-right: 3vw;
}

.enStockPanierAIO {
    text-transform: uppercase;
    color: var(--second-color);
    font-size: 0.6vw;
}
.reapproPanierAIO {
    text-transform: uppercase;
    color: #f19b00;
    font-size: 0.6vw;
}

.imagePanierAIO img {
    width: 7vw;
}

.reapproPanierAIO i, .enStockPanierAIO i {
    margin-right: 0.3vw;
}
.garantiPanierAIO {
    margin-bottom: 20px;
    text-transform: initial;
    font-size: 0.65vw;
    color: #525252;
}

.wishlistPanierAIO {
    margin-right: 1vw;
    color: #525252;
}

.titreArticlePanierAIO {
    font-size: 1.05vw;
    text-transform: initial;
    margin-bottom: 0.15vw;
}

.prixLignePanierAIO {
    font-size: 1.45vw;
    color: #c70303;
    font-weight: bold;
}
.ancienPrixLignePanierAIO {
    color: #525252;
    font-size: 1vw;
    color: #898989;
}
.ancienPrixLignePanierAIOSpan {
    font-size: 0.7vw;
    font-weight: normal;
    text-decoration: none;
}

.actionPanierAIO {
    font-size: 0.75vw;
    text-transform : initial;
}
.actionPanierAIO select{
    height: 2vw;
    text-align: center;
}

.supprimerPanierAIO {
    color: #c70303;
    margin-left: 1vw;
    margin-right: 0.65vw;
    cursor: pointer;
}

#totalRecapPanierAIO {
    font-weight: bold;
    font-size: 1.1vw;
    text-transform: uppercase;
}

.totalPartculierPanierAIOP {
    font-weight: normal;
    font-size: 0.9vw;
}

.lignePanierCodePromo {
    display: block;
}

.codePromoPanierAIO {
    margin-left: 0vw!important;
    width: 77%!important;
}

.buttonCodePromoPanierAIO {
    background-color: #6a6a6a;
    color: white;
    height: 2.40vw;
    font-size: 0.9vw;
    width: 6vw;
    width: 23%;
    border-radius: 0px 0.25vw 0.25vw 0px;
    text-transform: uppercase;
    margin-left: -3px;
    border: solid 1px #6a6a6a;
}

#panierAIODepliageMesInfos #casetel_check {
    padding: 0!important;
}

#wishlistPanierAIO {
    display: flex;
    align-items: flex-start;    
    width: 95%;
    margin: 0px auto;
    margin-left: 2%;
    margin-right: 2%;
}
#wishlistPanierAIOBlock {
    display: flex;
    align-items: flex-start;    
    width: 100%;
    margin: 0px auto;
}

.articleWishlistPanierAIO {
    width: 14%;
    max-width: 16%;
    margin-right: 1%;
    margin-left: 1%;
    text-align: center;
    margin-bottom: 1.5vw;
    padding: 1vw;
    border-radius: 0.25vw;
    background-color: #efefef;
    min-height: 12vw;
    max-height: 15vw;
}

.titreWishlistPanierIAO {
    font-size: 0.7vw;
    text-transform: initial;
    font-weight: bold;
    color: #303030;
    min-height: 2vw;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    max-height: 1.5vw;
}

.prixWishlistPanierAIO {
    color: black;
    font-size: 1.2vw;
}

.imgWlPanierAIO {
    width: 7vw;
}

.ajoutPanierAIO {
    background-color: var(--second-color);
    border: none;
    color: white;
    text-transform: uppercase;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.6vw;
    font-weight: bold;
    border-radius: 0.35vw;
    padding: 0.5vw;
    cursor: pointer;
    margin-top: 0.6vw;
}

.titrePartiePanierAIO {
    margin-top: 1vw;
    padding-top: 20px;
    margin-bottom: 1vw;
}

.titrePartiePanierAIO span{
    text-transform: initial;
    color: #525252;
    font-weight: bold;
    font-size: 2vw;
    letter-spacing: 0.05vw;
    margin-left: 0.25vw;
}

.buttonDefilPanierAIO {
    padding: 0.1vw;
    position: absolute;
    left: -0.2vw;
    height: 2.2vw;
    width: 1.5vw;
    margin-top: 6.4vw;
    cursor: pointer;
}

#buttonWishDPanierAIO {
    left: auto;
    right: -0.2vw;
}

.buttonDefilPanierAIO.left, .buttonDefilPanierAIO.leftListing{
    height: 16vw;
    background: white;
    border: solid 1px #d7d7d7;
    font-size: 1vw;
    color: #606060;
    border-radius: 0.3vw;
    display: block;
    left: -0.5vw;
    margin-top: -0.5vw;
}
.buttonDefilPanierAIO.right, .buttonDefilPanierAIO.rightListing{
    height: 16vw;
    background: white;
    border: solid 1px #d7d7d7;
    font-size: 1vw;
    color: #606060;
    border-radius: 0.3vw;
    display: block;
    right: -0.5vw!important;
    margin-top: -0.5vw;
}

#panierAIODepliageValidation {
    padding: 1vw;
    padding-top: 0vw;
}

.panierAIOFontAuto {
    text-transform: initial;
}

.panierAIOIntro {
    font-size: 0.9vw;
}

#vosAdressesPanierAIO {
    padding-top: 2.2vw;
    display: block;
    font-weight: bold;
    font-size: 1.2vw;
    color: #3e3e3e;
}

h2.titreMonPanierLivraisonAIO{
    color: #3e3e3e;
    padding: 0.5vw;
    font-weight: 100;
    margin-bottom: 0.3vw;
    font-size: 1vw;
    display: flex;
    font-weight: bold;
    text-transform: initial;
}

.modifierPanierAIO {
    text-decoration: underline;
    text-transform: lowercase;
    font-weight: normal;
    margin-left: 2vw;
    color: #3e3e3e;
    font-size: 0.8vw;
    cursor:pointer;
}
.modifierPanierAIO:hover {
    color: #000000;
}
.adresseLivraisonMonPaiementAIO {
    background: #e3e2e2!important;
    color: #3e3e3e!important;
    border-radius: 0.25vw;
    text-transform: initial;
}

.adresseLivraisonMonPaiementAIO div {
    margin-bottom: 0.4vw;
}

.recap_adresse_nomAIO {
    font-size: 1vw;
    font-weight: bold;
    text-transform: uppercase;
}

.hrPanierAIO {
    background-color: #e1e0e0;
    height: 2px;
    border: none;
}

.titrePrincPanierAIO {
    font-size: 1.2vw!important;
    margin-top: 2vw;
    align-items:center;
}

.colonnePrincipaleMonPanierAIO div.modePaiement_cadre div.vignette_paiement {
    align-items: center;
    justify-content: space-between;
    border-radius: 0.5vw;
}

.colonnePrincipaleMonPanierAIO div.modePaiement_cadre div.vignette_paiement {
    margin-bottom: 0.5vw;
    margin-right: 0.7vw;
}

.widthModePaiementPanierAIO {
    width: 45%!important;
}
.colonnePrincipaleMonPanierAIO div.vignette_paiement.active {
    border: solid 4px var(--second-color);
    background: none;
    color: black!important;
    height: calc(2vw - 6px);
    width: calc(45% - 6px)!important;
}

.colonnePrincipaleMonPanierAIO div.vignette_paiement.active div.titreMoyenPaiement {
    color: black!important;
    font-size: 0.9vw;
}

.colonnePrincipaleMonPanierAIO .titreMoyenPaiement {
    font-size: 0.9vw;
}

.colonnePrincipaleMonPanierAIO .lignePanierTotal {
    background: var(--second-color);
    color: white;
    padding: 0.2vw;
    display: flex;
}

.colonnePrincipaleMonPanierAIO .lignePanierCGV {
    background: rgb(225, 225, 225);
    margin: 0.3vw 0vw;
    padding: 0.2vw;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 1.5vw;
    text-transform: initial;
}

.colonnePrincipaleMonPanierAIO .lignePanierCGV {
    background: rgb(225, 225, 225);
    margin: 0.3vw 0vw;
    padding: 0.2vw;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 1.5vw;
    text-transform: initial;
    color: #3a3a3a;
}

.colonnePrincipaleMonPanierAIO .lignePanierCGV a{
    color: #3a3a3a;
}

.colonnePrincipaleMonPanierAIO .lignePanierCGV input{
    margin-left: 1.5vw;
    margin-right: 0.3vw;
}

.colonnePrincipaleMonPanierAIO .lignePanierValidation{
    display: flex;
    justify-content: space-between;
}

.colonnePrincipaleMonPanierAIO .imageModePaiement .fas{
    font-size: 2vw;
}

.colonnePrincipaleMonPanierAIO div.lignePanierValidation &gt; div#btn-validerPaiement.btn-validerPanier.boutonVertValider{
    padding-left: 1.9vw;
    padding-right: 1.9vw;
    font-size: 1vw;
    border-radius: 0.3vw;
    font-weight: bold;
}

#panierAIODepliageMesInfos {
    text-transform: initial;
}

#panierAIODepliageMesInfos #identification_cadre{
    margin-left: 1vw;
}

#panierAIODepliageMesInfos input.inputTexte{
    width: 17vw;
}

#texteMdpOubliePanierAIO {
    font-size: 0.75vw;
    text-decoration: underline;
}

.btnCoInscrPanierAIO {
    margin-top: 15px;
    width: calc(17vw + 16.4px);
    background-color: var(--second-color);
    border-radius: 0.4vw;
    padding: 0.4vw;
    font-weight: bold;
    float: left;
}

.lignePanierFraisAIO {
    text-transform: initial;
    background-color: transparent!important;
    border: none!important;
    align-items: center;
    cursor: pointer;
}

.lignePanierFraisAIO .transporteur{
    padding-right: 3.5vw;
}

.lignePanierFraisAIO .transporteurDelaiDetails{
    font-size: 0.86vw!important;
    line-height: 1.3vw;
}

.lignePanierFraisAIO div.transporteurDelai{
    width: 65%!important;
}

.lignePanierFraisAIO .montant{
    font-size: 1.3vw!important;
}

.lignePanierFraisAIO div.transporteur img{
    width: 6vw;
}

.cadre2PanierAIO .titreEstimation,  .cadre2PanierAIO .calculateur {
    float: none!important;
}

.cadre2PanierAIO {
    margin-left: 1vw;
}

.titreEstimationPanierAIO {
    text-transform: initial;
    color: #525252;
    font-weight: bold;
    font-size: 1.2vw;
    letter-spacing: 0.05vw;
    margin-left: 0.25vw;
    text-transform: initial;
    margin-left: 0vw;
}

#panierAIODepliagePanier div.lignePanierFraisCadre div.contenu {
    margin-bottom: 0vw;
}

.buttonDefilPanierAIO {
    background: transparent;
    border: solid 1px #d7d7d7;
    font-size: 1vw;
    color: #606060;
    border-radius: 0.3vw;
}

#caseNewAdressePanierAIO #formLivraisonAio input[name^="txt_"] {
    width: 22vw;
}
#caseNewAdressePanierAIO #formLivraisonAio .formulaire_bouton {
    cursor: pointer;
}

#caseNewAdressePanierAIO div.zoneFormulaire form#formLivraisonAio div.field#formulaire_ligne_pays #select_pays {
    width: 20vw!important;
    text-align: left;
}

#caseNewAdressePanierAIO .ui.left.icon.input&gt;input {
    padding-left: 0.86em!important;
}

#caseNewAdressePanierAIO div.zoneFormulaire form#formLivraisonAio div.field#formulaire_ligne_departement #select_departement {
    width: 20vw!important;
    text-align: left;
}

#caseNewAdressePanierAIO #formLivraisonAio div#formulaire_ligne_caseinformations textarea#caseinformations {
    width: 22vw;
}

#caseNewAdressePanierAIO form#formLivraisonAio div#formulaire_ligne_caseinformations.field label {
    text-align: left;
}

#caseNewAdressePanierAIO .zoneFormulaire {
    width: 60vw!important;
}

#caseNewAdressePanierAIO .zoneFormulaire .form {
    margin-top: 1.25vw;
}

#caseNewAdressePanierAIO form#formLivraisonAio div.field {
    margin-bottom: 1.25vw;
}

#caseNewAdressePanierAIO form#formLivraisonAio div.field label {
    margin-bottom: 0vw;
    text-transform: initial;
    color: black;
}

#caseNewAdressePanierAIO .form {
    margin-left: 4.8vw;
}

#checkboxCGV {
    cursor: pointer;
}

#caseNewAdressePanierAIO .formulaire_ligne_validation {
    width: 47vw!important;
    text-align: right!important;
}

#caseNewAdressePanierAIO div.ui.form &gt; div.formulaire_ligne_validation &gt; div#boutonEnvoiFormulaire {
    border-radius: 0.5vw;
    font-weight: bold;
    letter-spacing: 0.1vw;
    font-size: 1.2vw!important;
    padding: 0.6vw!important;
}

#listeAdressePanierAIO, #listeTranspPanierAIO {
    width: 97%;
    margin: 0px auto;
}

.adresseSelectPanierAIO {
    border: var(--second-color) 3px solid!important;
}

.formAdressesFacturPanierAIO {
    display: flex;
    width: 80%;
    justify-content: space-between;
    align-items: flex-start;
}

.formAdressesFacturPanierAIO input, .formAdressesFacturPanierAIO textarea {
    border: 1px solid lightgray!important;
    border-width: 0.15vw!important;
}

.formAdressesFacturPanierAIO .selection {
    border: 1px solid lightgray!important;
    border-width: 0.1vw!important;
}

.formAdressesFacturPanierAIO div.selection.dropdown {
    width: calc(100% - 2em - 0.2vw)!important; 
}

.formAdressesFacturPanierAIO label {
    font-size: 1.1vw!important;
}

.formAdressesFacturPanierAIO #select_jourNaissance {
    height: auto;
}

.formulaire_ligne_validation {
    width: 80%;
    display: flex;
    justify-content: flex-end;
    margin-top: 1.75vw;
    margin-bottom: 1.4vw!important;
    font-weight: bold;
    letter-spacing: 0.15vw;
}

.formulaire_ligne_validation .formulaire_bouton {
    background-color: #6a6a6a;
    color: white;
    font-size: 0.9vw;
    width: 6vw;
    border-radius: 0.25vw; 
    text-transform: uppercase;
    padding: 0.5vw 0vw;
    width: 40%;
    text-align: center;
}

#panierAIODepliageMesInfos #formAjoutAdressePanier {
    height: auto;
}

#panierAIOIntroFactur {
    padding-left: 3.5vw;
    margin-bottom: 1.7vw;
    color: #727272;
    font-size: 1.1vw;
}

#conteneurRelaisPanierAIO {
    height: 76vh;
    width: 66vw;
    overflow-y: scroll;
    z-index: 9999;
    position: fixed;
    left: 17vw;
    top: 12vh;
    background-color: white;
    box-shadow: 0px 0px 14px 2px #c5c5c5;
    padding: 1vw;
    border-radius: 1vw;
    display:none;
}

#conteneurRelaisPanierAIO::-webkit-scrollbar {
    display: none;
}

#crossCirclePanierAIO {
    position: fixed;
    right: 15vw;
    top: 13vh;
}

#transpActifPanierAio{
    border: var(--second-color) 3px solid!important;
    border-radius: 0.5vw;
}

#messageMontantRestantAio {
    color: red;
}
.articleSelectionne:before{
    position: absolute;
    content: '%';
    font-size: 1.5vw;
    padding: 0.5vw 0.7vw;
    background-color: orange;
    border-radius: 50%;
    opacity: 1;
    pointer-events: none;
    z-index: 100;
    margin-left: -0.5vw;
    margin-top: -0.5vw;
    font-weight: bold;
}

#recapitulatifPanierAIO {
    cursor: default;
}

#panierAIODepliageMesInfos div.conteneurInformationsFormulaire #select_typeCompte, 
#panierAIODepliageMesInfos div.conteneurInformationsFormulaire #select_pays, 
#panierAIODepliageMesInfos div.conteneurInformationsFormulaire #select_departement {
    margin-top: 5px!important;
}
#panierAIODepliageMesInfos .formulaire_bouton {
    margin-bottom: 1.4vw;
    width: 38%;
    background-color: var(--second-color);
    border-radius: 0.4vw;
    padding: 0.4vw;
    font-weight: bold;
    float: left;
    text-transform: uppercase;
    color: white;
    text-align: center;
    cursor: pointer;
}
#panierAIODepliageMesInfos #formInscriptionAio .formulaire_bouton {
    width: 26vw;
}

#panierAIODepliageMesInfos .champ-pro {
    display: flex;
    align-items: center;
}

#panierAIODepliageMesInfos .champ-pro .checkbox-carre {
    margin-top: 0px;
    margin-right: 0.5vw;
}

#panierAIODepliageMesInfos #select_paystel {
    border-width: 0.2vw;
    width: 27vw;
    height: 2.3vw;
}

#panierAIODepliageMesInfos .conteneurInformationsFormulaire  {
    margin-left: 0.8vw;
}

div.conteneurInformationsFormulaire #group-informations &gt; div:nth-child(6) {
    align-items: center;
}

div.conteneurInformationsFormulaire #group-informations &gt; div:nth-child(7) {
    display: flex;
    align-items: center;
}

div.conteneurInformationsFormulaire #group-informations &gt; div:nth-child(7) select {
    height: 2.3vw;
    border: 1px solid lightgray;
    width: 6vw;
    margin-left: 0.5vw;
    border-width: 0.2vw;
}

div.conteneurInformationsFormulaire #group-informations &gt; div:nth-child(6) .lbl-input-grand {
    margin-right: 0.5vw;
}
#compats-filter .card-filter_input:last-child{
    margin-bottom: 1vw;
}

#panierAIODepliageMesInfos .ui.left.icon.input&gt;input {
    padding-left: 1.2em!important;
}

#panierAIODepliageMesInfos div.conteneurInformationsFormulaire #group-identifiants #casemp,
#panierAIODepliageMesInfos div.conteneurInformationsFormulaire #group-identifiants #casemp2,
#panierAIODepliageMesInfos div.conteneurInformationsFormulaire #casenumerotva,
#panierAIODepliageMesInfos div.conteneurInformationsFormulaire #caseraisonsociale, 
#panierAIODepliageMesInfos div.conteneurInformationsFormulaire #casenom, 
#panierAIODepliageMesInfos div.conteneurInformationsFormulaire #casecodepostal,
#panierAIODepliageMesInfos div.conteneurInformationsFormulaire #caseville,
#panierAIODepliageMesInfos div.conteneurInformationsFormulaire #select_pays,
#panierAIODepliageMesInfos div.conteneurInformationsFormulaire #casetel,
#panierAIODepliageMesInfos div.conteneurInformationsFormulaire input {
    padding-left: 0.5vw;
    width: 26vw;
}
#panierAIODepliageMesInfos div.conteneurInformationsFormulaire #group-informations &gt; div:nth-child(8) {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#panierAIODepliageMesInfos div.conteneurInformationsFormulaire #group-informations &gt; div:nth-child(8) select {
    height: 2.3vw;
    width: 6vw;
    border: 3px solid lightgray;
}
#panierAIODepliageMesInfos div.conteneurInformationsFormulaire #group-informations &gt; div.ligneForm.champ-pro:nth-child(2) {
    display: block;
}
#panierAIODepliageMesInfos div.conteneurInformationsFormulaire #group-identifiants &gt; div.ligneForm:nth-child(4) {
    display: block;
}
#panierAIODepliageMesInfos div.conteneurInformationsFormulaire #group-identifiants &gt; div.ligneForm:nth-child(4) {
    width: auto;
}
#panierAIODepliageMesInfos div.conteneurInformationsFormulaire #select_pays {
    width: 27vw;
}
#panierAIODepliageMesInfos div.conteneurInformationsFormulaire #group-informations &gt; div.ligneForm.champ-pro &gt; div.colonne-droite {
    left: 0;
}
#panierAIODepliageMesInfos div.conteneurInformationsFormulaire #group-informations &gt; div:nth-child(7) label {
    margin-right: 0.5vw;
}
#panierAIODepliageMesInfos div.conteneurInformationsFormulaire #group-informations &gt; div.ligneForm.champ-pro {
    width: 27vw;
}
#panierAIODepliageMesInfos div.selection.dropdown {
    text-align: left;
}
#formLivraison div.selection.dropdown {
    text-align: left;
}
#formLivraison .ui.left.icon.input&gt;input {
    padding-left: 0.6vw;
}

#panierAIODepliagePanier .lignePanierFraisCadre {
    padding-bottom: 1vw;
}
.categorie.catalogue.familleArbo img{
    filter: invert(1);
}
div#select_destinataire_options .item{
    white-space: break-spaces;
}

#caseNewAdressePanierAIO .facultatifAdresse {
    display: none;
} 

.ligneFixePanierAIO {
    font-size: 0.9vw!important;
}

.prixLignePanierAIO {
    color: black!important;
}

.prixPanierAIOFinal {
    color: black!important;
}

.petitPrixPanierAIO {
    font-size: 16px!important;
}

#messageMontantRestantAio {
    padding: 0.4vw!important;
    font-size: 0.7vw!important;
}

.colonnePrincipaleMonPanierAIO .lignePanierCGV input {
    width: 1vw!important;
    height: 1vw!important;
}

.garantiPanierAIO {
    font-size: 0.8vw!important;
}

.titreArticlePanierAIO {
    text-decoration: none!important;
}

.supprimerPanierAIO {
    color: black!important;
}

#messageMontantRestantAio {
    color: black!important;
}
.config li.ui-menu-item #moduleArticle_serie-a .module_article_vignette img{
    filter: invert(1);
}

#livraisonPanierAIO .lignePanierFraisCadre {
    overflow: unset!important;
}
.entete .logoNoir {
    background-image: url('../images/logo_black.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    outline: 1px solid transparent;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    will-change: transform;
    -webkit-perspective: 1000;
    transform: scale(1);
}
#formAjoutAdressePanier #select_pays_options{
    height: 11vw;
}
.rs2ArticleV2 a, .rs2ArticleV2 i{
    font-size: 1.1vw!important;
    color: #96ce2c!important;
}
span.nomCategorieMoteur:first-letter{
    text-transform: uppercase;
}
.newDescriptionClaviersEtrangers span, .newDescriptionClaviersEtrangers img, .newDescriptionClaviersEtrangers div{
    width: 100% !important;
    height: 100% !important;
}
.imgGeneriqueFicheProduit, img.imgGeneriqueBlock,.imgGeneriqueWishLigne{
    filter: opacity(0.7);
}
.highlight-border{
    border: 3px solid #9ad42d !important;
    border-radius: 0.5vw;
}
.bighlight-button{
    background-color: #c4c4c4!important;
    color: grey!important; 
}
li.compatVerif.basArticleV2EnteteActif{
    border-bottom-color: red !important;
}
.newInfoCategorie{
    background: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 2vw;
    font-size: 1vw !important;
    text-align: left;
}
.newInfoCategorie h2{
    text-align: left;
}
.suggestedCompat{
    border : 3px solid #9ad24d;
}
div#formulaire_ligne_codedouane2{
        display: none !important;
}</pre></body></html>