.positionProduit{
    float:left;
    width:100%;
    padding: 20px 15px;
    border-bottom: solid 1px #CCC;
    font-size: 16px;
}
.titreBoxArticle{
    float:left;
    width:100%;
    padding:10px 0px;
    font-weight: 600;
    font-size:20px;
}
.containerBoxRA{
    float:left;
    position: relative;
    width:100%;
    border-radius: 4px;
    margin-top:20px;
}
/* part right visible */
.boxTitreArticle{
    float:left;
    width:100%;
    font-size:17px;
    font-weight:600;
}
.barreColorArticle{
    float:left;
    width:100%;
    border-top:solid 1px #CCC;
    padding:5px 0px;
    cursor:pointer;
}
.barreColorArticle:hover{
    color:#2574b7;
}
.OpenColor{
    float:left;
    width:20%;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    cursor:pointer;
    transition: 0.5s;
}
.OpenLateralBox{
    float:left;
    width:100%;
    border-top:solid 1px #CCC;
    cursor: pointer;
    padding:30px 5px 30px 0px;
    font-weight:600;
}
.OpenColor:hover, .OpenLateralBox:hover {
    color:#2574b7;
}
.addBasket{
    float:left;
    width:100%;
    border-radius:4px;
    background-color:#F60;
    color:#FFF;
    border:none;
    outline:none;
    border:none;
    padding:8px;
    background: rgb(31,95,8);
    background: linear-gradient(0deg, rgba(31,95,8,1) 0%, rgba(65,154,31,1) 14%, rgba(47,142,13,1) 100%);
}
.addBasket:hover{
    background: rgb(36,112,8);
    background: linear-gradient(0deg, rgba(36,112,8,1) 0%, rgba(77,185,36,1) 14%, rgba(63,172,25,1) 100%);
}
.image_vueProduct {
    float: left;
    width: 60px;
    height: 60px;
    /* border: solid 1px #CCC; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.description_article_prix, .description_article_prixPromo {
    float: left;
    width: 100%;
    height: auto;
    color: #2574b7;
    font-size: 16px;
}
.description_article_prix {
     text-decoration: line-through;
     color: #665;
     font-size: 14px;
 }
#rightPart{
    position: fixed;
    display: none;
    top:0;
    height: 100%;
    right:0;
    background-color:#FFF;
    width:400px;
    z-index:1400;
    padding: 20px 30px;
    overflow: scroll;
}
.closeRightPart{
    float:left;
    width:100%;
    text-align: right;
    font-size:16px;
    cursor:pointer;
    color:#000;
    margin-bottom:15px;
}
.renderValue{
    float:left;
    width:100%;
    margin-top:20px;
}
.boxChoiceProduct{
    float:left;
    width:100%;
    height:90px;
    border:solid 2px #CCC;
    cursor:pointer;
    border-radius:4px;
    padding:10px;
    margin-bottom:20px;
    transition: 0.3s;
}
.boxChoiceProduct:hover, .activeOptionProduct{
    border:solid 2px #2574b7;
}
.textValueProduct{
    float:left;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left:10px;
}
/* part right visible */