.vgnAvis{padding:30px 0 10px 0;border-bottom:2px solid #d9d9d9}
.vgnAvis>div:nth-child(2){text-align:center;padding:20px 0;font-size:16px}
.vgnAvis>div:nth-child(3){text-align:right}
.vgnAvis .avisReponse{background-color:#f3f3f3;margin:15px 0;padding:15px 30px}
.etoileAvis{width:17px;height:17px;vertical-align:text-top}
.vgnAvis a{color:#3384cf}
.vgnAvis a:hover{text-decoration:underline}
#detailNote{display:table;width:100%}
#detailNote>div{display:table-cell;text-align:center;vertical-align:middle;width:50%;padding:10px}
#detailNote>div:nth-child(1){border-right:2px solid #d9d9d9}
#detailNote>div:nth-child(1)>span{font-size:75px;display:block;font-weight:700}
#detailNote label{display:inline-block;width:40px}
#detailNote .barreNoteBase{height:10px;border-radius:4px;display:inline-block}
#detailNote .barreNote{position:relative;background-color:#d9d9d9;width:calc(100% - 80px)}
#detailNote .barreNoteInside{position:absolute;background-color:#000;left:0}
@media screen and (max-width:768px){#detailNote>div:nth-child(1)>span{font-size:50px}
}