﻿.item-avis{
	margin-top:5px;
}

body .SmallAvis{ height:18px;}

body .SmallAvis .OsWidgetAvis.std .BlocResume .BlocResumeChamps .ResumeAvis .ResumeChampNotePrincipale .Moyenne {
    padding-right: 8px;
}

body .SmallAvis .OsWidgetAvis.std .NoteImg .NoteImgVal,
body .SmallAvis .OsWidgetAvis.std .NoteImg .NoteImgEchelle{
	height:13px;
	background-image: url("../il-images/icones/svg/etoile-grise.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 13px;
}

body .SmallAvis .OsWidgetAvis.std .NoteImg .NoteImgVal{	background-image: url("../il-images/icones/svg/etoile-jaune.svg");
}


body .SmallAvis .OsWidgetAvis.std .NoteImg .NoteImgEchelle{
	width:78px;
}

body .SmallAvis .OsWidgetAvis.std .BlocResume .BlocResumeChamps .ResumeAvis .ResumeChampNotePrincipale{
	line-height:13px;
}
body .SmallAvis .OsWidgetAvis.std .BlocResume .BlocResumeChamps .ResumeAvis .ResumeChampNotePrincipale span{
	color:#999;
}
body .SmallAvis .OsWidgetAvis.std .BlocResume .BlocResumeChamps .ResumeAvis .ResumeChampNotePrincipale span.LibelleNbAvisTotal:hover, body .SmallAvis .OsWidgetAvis.std .BlocResume .BlocResumeChamps .ResumeAvis .ResumeChampNotePrincipale span.NbAvisVal:hover{
	color:#1d1d1d;
}

/* Moyen Avis */
.MoyenAvis {
    height: 18px;
    overflow: hidden;
}

body .MoyenAvis .OsWidgetAvis.std .NoteImg .NoteImgVal,
body .MoyenAvis .OsWidgetAvis.std .NoteImg .NoteImgEchelle{
	height:18px;
background-image: url("../il-images/icones/svg/etoile-jaune.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 18px;}
body .MoyenAvis .OsWidgetAvis.std .NoteImg .NoteImgEchelle{
background-image: url("../il-images/icones/svg/etoile-grise.svg");
	width:107px;
}

body .MoyenAvis .OsWidgetAvis.std .BlocResume .BlocResumeChamps .ResumeAvis .ResumeChampNotePrincipale{
	line-height:18px;
}
body .MoyenAvis .OsWidgetAvis.std .BlocResume .BlocResumeChamps .ResumeAvis .ResumeChampNotePrincipale span{
	color:#999;
}
body .MoyenAvis .OsWidgetAvis.std .BlocResume .BlocResumeChamps .ResumeAvis .ResumeChampNotePrincipale span.LibelleNbAvisTotal:hover, 
body .MoyenAvis .OsWidgetAvis.std .BlocResume .BlocResumeChamps .ResumeAvis .ResumeChampNotePrincipale span.NbAvisVal:hover{
	color:#1d1d1d;
}
body .MoyenAvis .OsWidgetAvis.std .BlocResume .BlocResumeChamps .ResumeAvis .ResumeChampNotePrincipale,
body .MoyenAvis .OsWidgetAvis.std .BlocResume .BlocResumeChamps .ResumeAvis .ResumeChampNotePrincipale span {    font-size: 12px;}

body .SousSectionAvis .SmallAvis .OsWidgetAvis.std .BlocResume .BlocResumeChamps .ResumeAvis .ResumeChampNotePrincipale span.LibelleNbAvisTotal {
  display: inline-block;
}

body .MoyenAvis .OsWidgetAvis.std .BlocResume .BlocResumeChamps .ResumeAvis .ResumeChampNotePrincipale {width: auto;}

/****/
body .descr-section-detail-produit .OsWidgetAvis.std .BlocResume .BlocResumeChamps .ResumeAvis .ResumeChampNotePrincipale{
 background-color: #fff;
    border: 5px solid #eaeaea;
    color: #e8177a;
    cursor: pointer;
    font-size: 19px;
    font-weight: normal;
    line-height: 17px;
    margin-bottom: 0;
    padding: 10px 5px;
    position: absolute;
    right: 47px;
    top: 5px;
width:40%;}


body .descr-section-detail-produit .OsWidgetAvis.std .BlocResume .BlocResumeChamps .ResumeAvis .ResumeChampNotePrincipale .Libelle {
    color: #e8177a;
    font-weight: normal;
    text-align: center;
	  font-size: 14px;
	  padding-bottom: 15px;
}

body .descr-section-detail-produit .OsWidgetAvis.std .ResumeChampNotePrincipale .NoteNum .NoteNumVal {
    float: left;
    font-size: 32px;
	padding-right:5px;
	font-weight:bold;
}
body .descr-section-detail-produit .OsWidgetAvis.std .ResumeChampNotePrincipale  .NoteNum .NoteNumEchelle .NoteNumEchelleVal {
    float: left;
	  font-size: 22px;
	   font-family: "Roboto Condensed",sans-serif;
}

body .descr-section-detail-produit .OsWidgetAvis.std .BlocResume .BlocResumeChamps .ResumeAvis .ResumeChampNotePrincipale .Moyenne,
body .descr-section-detail-produit .OsWidgetAvis.std .BlocResume .BlocResumeChamps .ResumeAvis .ResumeChampNotePrincipale .Moyenne .NoteNum  {
    float: none;
	text-align: center;
	padding:0;
}

body .descr-section-detail-produit .OsWidgetAvis.std .ResumeChampNotePrincipale .NoteNum .NoteNumVal,
body .descr-section-detail-produit .OsWidgetAvis.std .NoteNum .NoteNumEchelle {    float: none;
display:inline-block;
  vertical-align: bottom;}


body .descr-section-detail-produit .OsWidgetAvis.std .ResumeChampNotePrincipale  .ResumeChamp .NoteImg,
body .descr-section-detail-produit .OsWidgetAvis.std .ResumeChampNotePrincipale  .NbAvisTotal,
body .descr-section-detail-produit .OsWidgetAvis.std .ResumeChampNotePrincipale  .NbAvisNum {
    float: none;
	text-align:center;
 }
 
body .descr-section-detail-produit .OsWidgetAvis.std .ResumeChampNotePrincipale  .NoteImg {
    float: none;
    padding: 15px 5px 20px 5px;
}
body .descr-section-detail-produit .OsWidgetAvis.std .ResumeChampNotePrincipale   .NoteImg .NoteImgVal {
background-image: url("../il-images/icones/svg/etoile-jaune.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 26px;
    height: 26px;
}
body .descr-section-detail-produit .OsWidgetAvis.std .ResumeChampNotePrincipale  .NoteImg .NoteImgEchelle {
background-image: url("../il-images/icones/svg/etoile-grise.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 26px;
    height: 26px;
    margin: 0 auto;
    width: 157px;
}

body .descr-section-detail-produit .OsWidgetAvis.std .BlocResume .ResumeChampNotePrincipale .NbAvisNum .NbAvisParenthese {
display:none;
}

body .descr-section-detail-produit .OsWidgetAvis.std .NbAvisNum { color:#1d1d1d;
 }
body .descr-section-detail-produit .OsWidgetAvis.std .BlocResume .BlocResumeChamps .ResumeAvis .ResumeChampNotePrincipale {    font-size: 14px;
position: inherit;
display:table-cell;
vertical-align:top;
width:40%;
}
body .descr-section-detail-produit .OsWidgetAvis.std .BlocResume .BlocResumeChamps .ResumeAvis{ display:table;
width:100%}
body .OsWidgetAvis.std .ConteneurTranchesNote {
display:table-cell;
    clear: both;
    padding-top: 0;
    width: 60%;
	vertical-align:top;
	 padding-left: 10px;

}


body .OsWidgetAvis.std .ConteneurTranchesNote .NoteImg .NoteImgVal {
background-image: url("../il-images/icones/svg/etoile-jaune.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 13px;
    height: 13px;
}


body .OsWidgetAvis.std .ConteneurTranchesNote .NoteImg .NoteImgEchelle {
background-image: url("../il-images/icones/svg/etoile-grise.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 13px;

    height: 13px;
    width: 78px;
}

body .OsWidgetAvis.std .BlocResume .BlocResumeChamps .ResumeAvis .NbAvisImg .NbAvisImgEchelle {
    background-color: #eeeeee;
    border: none;
    height: 15px; 
    width: 120px;
}
body.OsLangue-es .OsWidgetAvis.std .BlocResume .BlocResumeChamps .ResumeAvis .NbAvisImg .NbAvisImgEchelle,
body.OsLangue-de .OsWidgetAvis.std .BlocResume .BlocResumeChamps .ResumeAvis .NbAvisImg .NbAvisImgEchelle,
body.OsLangue-it .OsWidgetAvis.std .BlocResume .BlocResumeChamps .ResumeAvis .NbAvisImg .NbAvisImgEchelle,
body.OsLangue-pt .OsWidgetAvis.std .BlocResume .BlocResumeChamps .ResumeAvis .NbAvisImg .NbAvisImgEchelle {    width: 90px;
}
body.OsLangue-pt #ItemDetailAvis.section-detail-produit {
  padding-right: 20px;
}

body .OsWidgetAvis.std .BlocResume .BlocResumeChamps .ResumeAvis .NbAvisImg .NbAvisImgVal {
    background-color: #e8177a;
    height: 15px;
}

body .OsWidgetAvis.std .ConteneurTranchesNote {}
body .OsWidgetAvis.std .ConteneurTranchesNote .NbAvisParenthese{ display:none;}
body .OsWidgetAvis.std .ConteneurTranchesNote .TrancheNote .TrancheNoteNbAvis .LibelleNbAvisTotal{ display:inline;}

body .OsWidgetAvis.std .ConteneurTranchesNote .TrancheNote .TrancheNoteNote{   font-size: 13px;}
body .OsWidgetAvis.std .ConteneurTranchesNote .TrancheNote .TrancheNoteNote .NoteNum .NoteNumEchelle{   display:none;}

body .OsWidgetAvis.std .NoteNum {    width: auto;
min-width:70px;
   padding-left: 10px;}

body .OsWidgetAvis.std .ConteneurTranchesNote .TrancheNote .TrancheNoteNote .NoteNum .NoteNumVal:after{
content:"étoiles";
 display:inline-block;
 padding-left:2px;}


 
 
 body .OsWidgetAvis.std .ConteneurTranchesNote .TrancheNote.js-bloc-tranchenote-1 .TrancheNoteNote .NoteNum .NoteNumVal:after{content:"étoile"; }
 body.OsLangue-uk .OsWidgetAvis.std .ConteneurTranchesNote .TrancheNote.js-bloc-tranchenote-1 .TrancheNoteNote .NoteNum .NoteNumVal:after{content:"star"; }
 body.OsLangue-es .OsWidgetAvis.std .ConteneurTranchesNote .TrancheNote.js-bloc-tranchenote-1 .TrancheNoteNote .NoteNum .NoteNumVal:after{content:"estrella"; }
 body.OsLangue-de .OsWidgetAvis.std .ConteneurTranchesNote .TrancheNote.js-bloc-tranchenote-1 .TrancheNoteNote .NoteNum .NoteNumVal:after{content:"Stern"; }
 body.OsLangue-it .OsWidgetAvis.std .ConteneurTranchesNote .TrancheNote.js-bloc-tranchenote-1 .TrancheNoteNote .NoteNum .NoteNumVal:after{content:"stella"; }
 body.OsLangue-pt .OsWidgetAvis.std .ConteneurTranchesNote .TrancheNote.js-bloc-tranchenote-1 .TrancheNoteNote .NoteNum .NoteNumVal:after{content:"estrela"; }
 
 body .OsWidgetAvis.std .ConteneurTranchesNote .TrancheNote .TrancheNoteNote.js-bloc-tranchenote-1 .NoteNum .NoteNumVal:after{content:"étoiles";}
 body.OsLangue-uk .OsWidgetAvis.std .ConteneurTranchesNote .TrancheNote .TrancheNoteNote .NoteNum .NoteNumVal:after{content:"stars";}
 body.OsLangue-es .OsWidgetAvis.std .ConteneurTranchesNote .TrancheNote .TrancheNoteNote .NoteNum .NoteNumVal:after{content:"estrellas";}
 body.OsLangue-de .OsWidgetAvis.std .ConteneurTranchesNote .TrancheNote .TrancheNoteNote .NoteNum .NoteNumVal:after{content:"Sterne";}
 body.OsLangue-it .OsWidgetAvis.std .ConteneurTranchesNote .TrancheNote .TrancheNoteNote .NoteNum .NoteNumVal:after{content:"stelle";}
 body.OsLangue-pt .OsWidgetAvis.std .ConteneurTranchesNote .TrancheNote .TrancheNoteNote .NoteNum .NoteNumVal:after{content:"estrelas";}
 
 
 
 body .OsWidgetAvis.std .ConteneurTranchesNote .TrancheNote {    padding: 8px 0;}

 body .OsWidgetAvis.std .ConteneurTranchesNote .TrancheNote:hover { background-color:transparent;}
 
body .OsWidgetAvis.std .ConteneurTranchesNote .TrancheNote .TrancheNoteNote .NoteImg {    padding: 0 14px;}

 body.OsLangue-es  .OsWidgetAvis.std .ConteneurTranchesNote .TrancheNote .TrancheNoteNote .NoteImg,
 body.OsLangue-de  .OsWidgetAvis.std .ConteneurTranchesNote .TrancheNote .TrancheNoteNote .NoteImg,
 body.OsLangue-it  .OsWidgetAvis.std .ConteneurTranchesNote .TrancheNote .TrancheNoteNote .NoteImg,
 body.OsLangue-pt  .OsWidgetAvis.std .ConteneurTranchesNote .TrancheNote .TrancheNoteNote .NoteImg  {    padding: 0 8px;}

body .OsWidgetAvis.std .BlocResume .BlocResumeChamps .ResumeAvis .NbAvisImg {     padding: 0 10px 0 0;}

body .AvisProduit .OsWidgetAvis.std .BlocResume .BlocResumeChamps {    padding-bottom: 20px;}


.OsWidgetAvis .OsWrapSelect {
background-image: url("../il-images/img-widget/select-down.svg")!important;
    background-position: right 10px center!important;
    background-repeat: no-repeat;
	
/*background: #fff url("../il-images/select_down-noir.png") no-repeat scroll right 10px center !important;*/
    border: medium none !important;
    border-radius: 0 !important;
    color: #333 !important;
    display: block !important;
    font-size: 12px !important;
  height: 32px !important;
    line-height: 32px;
    overflow: hidden !important;
    padding: 0;
    width: 100% !important;
	 border: 1px solid #ccc !important;
    display: inline-block !important;
}

.OsWidgetAvis .OsWrapSelect select {
    -moz-appearance: none !important;
    background: transparent none repeat scroll 0 0 !important;
    border: 0 none !important;
    color: #666;
    cursor: pointer;
    padding: 0 0 0 5px  !important;
    width: 100% !important;
	    font-size: 12px !important;
		  height: 30px !important;
    line-height: 30px!important;

}
.OsWidgetAvis .OsWrapSelect select option {
    padding: 4px 3px !important;
}

body .OsWidgetAvis.std .BlocPage .NoteImg {
    float: none;
    padding: 0 ;
}
body .OsWidgetAvis.std .BlocConteneurPages .BlocDetailAvis.L1,
body .OsWidgetAvis.std .BlocConteneurPages .BlocDetailAvis.L2 {
    background-color: transparent;
	border-top:solid 1px #eee;
}

body .OsWidgetAvis.std .BlocConteneurPages .BlocDetailAvis {
    padding: 20px 0px;
    position: relative;
}

body .OsWidgetAvis.std .BlocConteneurPages .BlocDetailAvis .LibelleAvis {
	  font-size: 17px;
    font-weight: bold;
	padding-bottom:7px;
}

body .OsWidgetAvis.std .BlocConteneurPages .BlocDetailAvis .LigneSoustitre {
    padding: 0 0 10px 0;
}
body .OsWidgetAvis.std .BlocConteneurPages .BlocDetailAvis .EnteteLibelleAvis{ }
body .OsWidgetAvis.std .BlocConteneurPages .BlocDetailAvis .NoteImg {}
body .OsWidgetAvis.std .BlocConteneurPages .BlocDetailAvis .DescrAvis{
 padding: 15px 0 0 0;
}
body .OsWidgetAvis.std .BlocConteneurPages .BlocDetailAvis .BlocContact .BlocPseudo {
    font-size: 14px;}
	body .OsWidgetAvis.std .BlocConteneurPages .BlocDetailAvis .BlocContact .BlocPseudo {
    font-style: normal;
}

body .OsWidgetAvis.std .BlocConteneurPages .BlocDetailAvis .BlocContact .BlocPays {
    color: #1d1d1d;
    font-size: 14px;
    font-style: normal;
}
body .OsWidgetAvis.std .BlocConteneurPages .BlocDetailAvis .BlocDateDepot .DateDepot {
    font-size: 14px;
}

body .OsWidgetAvis.std .BlocPage {
     font-size: 14px;
}


.OsWidgetAvis .AvisUtile {
    font-weight: normal;
    margin-bottom: 0;
    padding: 15px 0 0 0;
	 color: #999;
    font-weight: bold;
}


.OsWidgetAvis .NbAvisUtile {
    color: #fed343;
    font-size: 12px;
    font-weight: bold;
    padding-top: 10px;
}

.OsWidgetAvis .AvisUtile a {
    background-color: #fed343;
    background-image: none !important;
    border: none;
    border-radius: 4px;
    color: #1d1d1d;
    display: inline-block;
    margin-left: 10px;
    padding: 1px 5px;
    text-decoration: none !important;
	text-transform:lowercase;
}
.OsWidgetAvis .AvisUtile a:after {
content:">";
display:inline-block;
font-size:10px;
  line-height: 14px;
    padding-top: 2px;
}


body .OsWidgetAvis.std .BlocPage  .NoteImg .NoteImgVal,
body .OsWidgetAvis.std .BlocPage  .NoteImg .NoteImgEchelle{
background-image: url("../il-images/icones/svg/etoile-jaune.svg");
    background-position: left center;
    background-repeat: no-repeat;
	height:18px;
    background-size: auto 18px;
}
body .OsWidgetAvis.std .BlocPage .NoteImg .NoteImgEchelle{
background-image: url("../il-images/icones/svg/etoile-grise.svg");

	width:107px;
}

.OsWidgetAvis .BlocBoutonHaut{    padding: 0 0px 10px 0;}
.OsWidgetAvis .BlocBoutonBas {
border-top:solid 1px #eee;
    padding: 30px 0px 10px 0;
}


.BlocChargement {
    background-image: url("../il-images/loading.gif");
    background-position: center center;
    background-repeat: no-repeat;
    height: 50px;
    text-align: center;
}


body .OsWidgetAvis.std .BlocBouton .BoutonPage a { 
    margin-right: 0;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
	}
	body .OsWidgetAvis.std .BlocBouton .BoutonPage.SuivantPage a{  
	   background-image: url("../il-images/icones/svg/noir/ico-fl-droite.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 7px 13px;}
body .OsWidgetAvis.std .BlocBouton .BoutonPage.DernierPage a{   

   background-image: url("../il-images/icones/svg/noir/ico-fl-droite-dernier.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 13px 13px;}

body .OsWidgetAvis.std .BlocBouton .BoutonPage.PremierePage a{  

   background-image: url("../il-images/icones/svg/noir/ico-fl-gauche-dernier.svg");
    background-position: center center;

    background-repeat: no-repeat;
    background-size: 13px 13px;}
body .OsWidgetAvis.std .BlocBouton .BoutonPage.PrecedentPage a{ 

   background-image: url("../il-images/icones/svg/noir/ico-fl-gauche.svg");
    background-position: center center;

    background-repeat: no-repeat;
    background-size: 7px 13px;}	
	
body .OsWidgetAvis.std .BlocBouton .BoutonPage.PremierePage a,
body .OsWidgetAvis.std .BlocBouton .BoutonPage.PrecedentPage a,
body .OsWidgetAvis.std .BlocBouton .BoutonPage.SuivantPage a,
body .OsWidgetAvis.std .BlocBouton .BoutonPage.DernierPage a,
body .OsWidgetAvis.std .BlocBouton .BoutonPage.PremierePage a:hover,
body .OsWidgetAvis.std .BlocBouton .BoutonPage.PrecedentPage a:hover,
body .OsWidgetAvis.std .BlocBouton .BoutonPage.SuivantPage a:hover,
body .OsWidgetAvis.std .BlocBouton .BoutonPage.DernierPage a:hover
{	  background-position: center center;
}
body .OsWidgetAvis.std .BlocBouton .BoutonPage.PremierePage a:hover,
body .OsWidgetAvis.std .BlocBouton .BoutonPage.PrecedentPage a:hover,
body .OsWidgetAvis.std .BlocBouton .BoutonPage.SuivantPage a:hover,
body .OsWidgetAvis.std .BlocBouton .BoutonPage.DernierPage a:hover{ background-color:#eee;}


body .OsWidgetAvis.std .BlocBouton .BoutonPage.PremierePage a.etat0,
body .OsWidgetAvis.std .BlocBouton .BoutonPage.PrecedentPage a.etat0,
body .OsWidgetAvis.std .BlocBouton .BoutonPage.SuivantPage a.etat0,
body .OsWidgetAvis.std .BlocBouton .BoutonPage.DernierPage a.etat0,
body .OsWidgetAvis.std .BlocBouton .BoutonPage.PremierePage a.etat0:hover,
body .OsWidgetAvis.std .BlocBouton .BoutonPage.PrecedentPage a.etat0:hover,
body .OsWidgetAvis.std .BlocBouton .BoutonPage.SuivantPage a.etat0:hover,
body .OsWidgetAvis.std .BlocBouton .BoutonPage.DernierPage a.etat0:hover
{	  background-position: center center;
 opacity: 0.3;
 filter:alpha(opacity=30);
}


body .OsWidgetAvis.std .CurrentPage {    line-height: 28px;
font-size: 14px;
padding: 0 2px;}

body .OsWidgetAvis.std .ConteneurTranchesNote .TrancheNote.Current {
    background-color: #f0f0f0;
    font-weight: normal;
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	
	body .OsWidgetAvis.std .BlocResume .BlocResumeChamps .ResumeAvis .NbAvisImg .NbAvisImgEchelle {
    background-color: #eeeeee;
    border: medium none;
    height: 15px;
    width: 100px;
}
	
}


@media only screen 
and (max-width : 640px) {
	body .descr-section-detail-produit .OsWidgetAvis.std .ResumeChampNotePrincipale .NoteNum .NoteNumVal,
body .descr-section-detail-produit .OsWidgetAvis.std .NoteNum .NoteNumEchelle {display:inline;}

body .OsWidgetAvis.std .NoteNum {min-width: inherit;}
.OsWidgetAvis .BlocFiltreAvis .FiltreLangue,
.OsWidgetAvis .BlocFiltreAvis .ItemFiltreAvis.FiltreTri {
    width: calc(50% - 10px)!important;
	padding:5px 0 0 0!important;
	margin:0!important;
}
.OsWidgetAvis .BlocFiltreAvis .ItemFiltreAvis.FiltreTri { margin-right:20px!important;}

.OsWidgetAvis .BlocFiltreAvis .ItemFiltreAvis .OsWrapSelect {    border: medium none !important;}



}

@media only screen 
and (max-width : 320px) {
	
	.OsWidgetAvis .BlocFiltreAvis  .OsWrapSelect select {    padding: 0 !important;}
.OsWidgetAvis .BlocBoutonHaut {    padding: 0!important;}
.OsWidgetAvis .BlocFiltreAvis {     line-height: inherit!important;    padding-top: 3px!important;}
}