/**** CSS POPUP REFERENCES ***/
.cleaner{
	clear:both;
	font-size:1px;
	height:0px;
	line-height:0px;
	margin:0;
	padding:0;
}
.fond-ref{
	background-image:url(images/bg_popup_ref.gif);
	background-repeat:repeat-y;
	height:400px;
	width:800px;
	overflow: hidden;
}
.colonne01{
	float:left;
	padding:30px 30px 30px 15px;
	width:365px;
}
.colonne02{
	float:left;
	width:350px;
	/*padding:30px 0px 30px 30px;*/
	padding:0px 0px 30px 30px
}
/* pour la partie visuel */
.photos{
	padding:10px;
	margin:0px auto;
	width:332px;
}
/* pour la partie picto ref */
.picto-ref{
	padding:5px 0px 10px 0px;
	width:350px;
}

/* pour la partie description */
.logo-description{
	padding:0px;
	margin:0px;
	/*height:55px;*/
	/*width:140px;*/
	/*margin:0px 0px 10px 0px;*/
}
.description{
	padding:10px 20px 0px 0px;
	margin:0px;
	/*height:180px;*/
}

.titre-description{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	/*color:#F532B9;*/
	 color:#003061;
}
.titre-description a{
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	/*color:#F532B9;*/
	color:#003061;
}
.titre-description a:hover{
		color:#000000;
}
.intitule-description{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#7F7F7F;
}
.label-description{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	padding:7px 0px 0px 0px;
}
.text-description{
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
.separateur{
	border-top:dotted 1px #5D5D5D;
	/*border-top:dashed 1px #CCCCCC;*/
	padding:0px;
	margin:7px 0px 3px 0px;
	height:1px;
	font-size:1px;
}
.bloc-details{
	text-align:right;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#595959;
}
.bloc-details a{
    text-decoration:none;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#595959;
}
.bloc-details a:hover{
	color:#000000;
}
/*** pour le bloc des vignettes ***/
.bloc-vignette{
	/*background-color:#F6F6F6;*/
	/*width:450px;
	padding:20px 20px;*/
	width:370px;
	padding:20px 10px;
	margin:5px 0px 0px 0px;
	/*overflow:hidden;
	overflow-x : scroll; */
}
.img-vignette{
	text-align:center;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#595959;
	line-height:12px;
}
/****************************************************************************/
/***  POUR LA PAGE DES REFERENCES ***/
/*.contenu-ref{
filter: alpha(opacity=0); 
-moz-opacity: 0; 
opacity : 0; 
width:130px; 
height: 130px; 
float: left; 
margin: 0px 10px 10px 10px;
}*/

a.lien-ref{
filter: alpha(opacity=0); 
-moz-opacity: 0; 
opacity : 0;
background-color: white; 
text-decoration: none;
z-index:120;
/*display: block;*/
position:absolute;
width: 174px; 
height: 150px;
}

/*.fond-text-ref{
display: none;
z-index:110;
font-size: 12px;
color:#FFFFFF;
background-color:#000000; 
padding: 5px 0px; 
text-align: center;
height:55px;
width:130px; 
position: relative; 
top: -55px; 
left: 0px;
}

.text-ref{
display: none;
z-index:115;
height:55px;
font-size: 12px;
padding: 5px 0px;
text-align: center;
width:130px;
position: relative; 
top: -110px;
left: 0px;
}*/