
.noprint{/*pour ne pas imprimer les zones portants cette class*/
display: none;
visibility:hidden;
} 

.toute-la-longueur{
	width:100%;
	position:relative;
	clear:both;	
	}
	
#diapo{
	position:relative;
	width:100%;
	/*width:79%;*/
	 height:300px;
	clear:both;
	overflow:hidden;
	margin-bottom:30px;
	box-shadow: 0px 1px 5px 0px #656565;
}

#diapo img{
width:100%;
top: 50%; /* poussé de la moitié de hauteur du référent */
transform: translateY(-50%);
position:absolute; 
}

#droite-diapo{
	position:relative;
	margin:auto;
	width:100%;
	height:200px;
	clear:both;
	margin-bottom:30px;
	
}

#photo-haute{
	position:relative;
	float:left;
	width:48%;
	height:200px;
	margin-bottom:20px;
	overflow:hidden;
	box-shadow: 0px 1px 5px 0px #656565;
}

#photo-basse{
	position:relative;
	float:left;
	width:48%;
	margin-left:4%;
	height:200px;	
	overflow:hidden;
	box-shadow: 0px 1px 5px 0px #656565;
}

#photo-haute img, #photo-basse img{
width:100%;
top: 50%; /* poussé de la moitié de hauteur du référent */
transform: translateY(-50%);
position:absolute; 
}
	
#mini-map{
	position:relative;
	width:100%;
	margin-right:0%;
	height:300px;
	clear:both;
	margin-bottom:30px;
	box-shadow: 0px 1px 5px 0px #656565;
}



#droite-eval{
position:relative;
margin-left:0%;
padding-left:0%;
width:100%;
border:2px solid #eee;
clear:both;
margin-bottom:0px;	
height:auto;
}

.toute-la-longueur4{
	width:16%;
	position:relative;
	float:left;	
	margin-bottom:50px;
}

#evaluation{
position:relative;
width:100%;
margin-left:0%;
clear:both;
}

.colonneg{
position:relative;
width:49%;
float:left;
margin-bottom:30px
}

.colonned{
position:relative;
width:49%;
margin-left:2%;
float:left;
margin-bottom:30px
}

.panes {
	border: 1px solid #dbdbdb;
	border-top: none;
	clear: both;
	width: 100%;
	background:#fff;  
	padding-bottom: 10px;
  font-size: 14px;
  color: #7d7d7d;
}
.pane {
padding: 18px 20px 8px 20px;
border-top: 1px solid #dbdbdb;
color:#8dc041;
}

.contributeur{
width:20%;
float:left;
position:relative;
margin-bottom:10px;
}

.avis{
	position:relative;
	float:left;
	width:78%;
	margin-left:2%;
}



            /****** Rating Starts *****/


            fieldset, label { margin: 0; padding: 0; border:none;}

            .rating { 
                border: none;
                float: left;
            }

            .rating > input { display: none; } 
            .rating > label:before { 
                   margin: 5px;
                font-size: 2.25em;
                /* font-family: FontAwesome; */
				font-family: "Font Awesome 5 Free";
                display: inline-block;
                /*content: "\f005";*/
				 content: "\002605";
            }

            .rating > .half:before { 
               /* content: "\f089";*/
			    content: "\002605";
                position: absolute;
            }

            .rating > label { 
                color: #ddd; 
                float: right; 
            }

            .rating > input:checked ~ label, 
            .rating:not(:checked) > label:hover,  
            .rating:not(:checked) > label:hover ~ label { color: #FFD700;  }

            .rating > input:checked + label:hover, 
            .rating > input:checked ~ label:hover,
            .rating > label:hover ~ input:checked ~ label, 
            .rating > input:checked ~ label:hover ~ label { color: #FFED85;  }     

.etoile-jaune{
				margin-right: 5px;
                font-size: 15pt;             
                display: inline-block;                
				/*color:gold;*/
				color:yellow;
				line-height:1.3em;
			}
			
			.etoile-degrade{
				margin-right: 5px;
                font-size: 15pt;             
                display: inline-block; 
				
				/*background: linear-gradient(to right, gold , #ddd);*/
				
				background: -webkit-linear-gradient(left, gold, #ddd);
				 -webkit-background-clip: text;
				 -webkit-text-fill-color: transparent;
				 line-height:1.3em;
			}
			
			.etoile-grise{
				margin-right: 5px;
                font-size: 15pt;               
                display: inline-block;              
				color:#ddd;
				line-height:1.3em;
			}
			