.item {
	width:120px;
	height:120px;
	border:4px solid #333;
	margin:8px;
	overflow:hidden;
	position:relative;
	float:left;
	background:#000;
}
.item .caption {
	width:120px;
	height:30px;
	bottom:0;
	color:#fff;
	background:#000;
	position:absolute;
	left:0;
	display:none;
	filter:alpha(opacity=80); 
	-moz-opacity:0.8;
	opacity: 0.8; 
	padding:5px;
	font-size:12px;
	line-height:14px;
}
.item .caption a {
	text-decoration:none;
	color:#ffffff;
	letter-spacing:-1px;
	font-family:Arial, Helvetica, sans-serif;
	display:block; 
  	filter:alpha(opacity=80); 
	-moz-opacity:0.8;
	opacity: 0.8;     
}
.item .caption p {
	padding:5px;
	margin:0;
	color:#fff;
	line-height:12px;
	font-size:12px;
}
.item img {
	border:0;
	position:absolute;
}

 #ref-contenu-albums {
 width:600px;
  float:left;

 }


.marge_texte1   {
  padding : 40px 0 22px 0;
    margin-left:12px;
}

 
#ref_contenu_texte{
 width:350px;
 float:left;
 }
 
 #ref_contenu_texte .marge{
 	margin:30px 40px 30px 0;  
 	padding:10px;
  /* background: url("../images/bg_trame.png"); */
  background-color: rgba(0, 0, 0, 0.77);
   -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    
   }
 	
 
  #ref_contenu_texte .titre {
  	font-size:25px;
  }
 #liste_references h1,  #liste_references h2, #liste_references h3,  #liste_references h4,  #liste_references h5, #liste_references i {
 	float:left; 
 	font-weight:normal;
 	display:inline-block;
 	margin:0;
 	padding:0;
 	color:#ffffff;
 	line-height:32px;
 	font-size:18px;
 	outline: none; 
 	filter : alpha(opacity=60);
  opacity : 0.6;
 }
#liste_references h1 {
 font-size:26px; 	
  }
#liste_references h2 {
  font-size:23px; 
  }
#liste_references h3 {
   font-size:14px; 
  }
#liste_references h4 {
    font-size:13px; 
  }
 #liste_references i {
   font-style:normal;
    font-size:15px; 
    padding:0 1px;
 }

  
#liste_references a:link, #ref_contenu_texte a:visited {
 	font-weight:normal;
 	color:#cccccc;
 	line-height:25px;
 	font-size:18px;
  	text-decoration:none;
  	color:#ffffff;
  	padding: 0 5px;
  	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	outline:none; 
	outline:0; 
  }
#liste_references a:hover {
  	background-color:#e1e1e1;
  	color:#000000;
  opacity: 0.9;
  -moz-opacity: 0.9;
  filter: alpha(opacity=90);
  outline:none; 
  outline:0; 
  }
  
#pochette_album {
margin : 0 auto;
text-align:center;
padding-top : 0px;
} 

#pochette_album img{
  width:500px;
  height:500px;
} 

#pochette_album .titre{
font-size:17px;
text-align:center;
padding-top :10px;
}  
#pochette_album .legende{
width:400px;
margin : 0 auto;
text-align:center;
padding : 5px;
}



 /*** Responsive ***/

@media screen and (max-width: 768px) {

	 #ref-contenu-albums {
	  width:95%;
	  background-color: rgba(0, 0, 0, 0.77);
   -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	}
	#ref_contenu_texte {
		width:95%;
	}
	#ref_contenu_texte .marge {
		margin-right:0;
	}
}