/*****************************************************************
CSS index général albums
*****************************************************************/

.content_albums {
	background: #000;
	margin-bottom: 15px;
	text-align:center;}
.bandeau_sup {
	background: url(../images/index_albums/bg.png) repeat-x;
	height: 54px;
	width: 100%;
	padding-top: 10px;}
.titre_sup {
	display: block;
	margin: auto;
	max-width: 816px;
	min-width: 320px;
	height: 31px;}
.image1 {
	float: left;
	left: 0;
	width: 20px;
	height: 31px;
	background: url(../images/index_albums/hdr_left.gif) no-repeat;}
.image3 {
	float: right;
	right: 0;
	width: 20px;
	height: 31px;
	background: url(../images/index_albums/hdr_right.gif) no-repeat;}
.image2 {
	height: 31px;
	margin-left: 20px;
	margin-right: 20px;
	background: url(../images/index_albums/hdr_mid.gif) repeat-x;}
.text_bandeau {
	color: #008000;
	font: bold 20px/35px 'Libre Baskerville';
	text-align: center;}
.vignettes {
	margin:25px auto 15px;
	max-width:1032px;}
.contener {
	display: inline-block;
	margin: 3px;
	width:162px;}
.img {
	display:inline;
	border:1px solid #555;
	background-color: #333;
	height:auto;
	width:156px;
	float:left;
	text-align:center;}
.img_vide {
	display: inline;
	border: 1px solid #000;
	background-color: #000;
	height: auto;
	width: 156px;
	float: left;
	text-align: center;}
.img img {
	display: inline;
	border: 1px solid #f30;}
.img img:hover {
	border: 1px solid #fff;}
.img img.vertical {
	width: 98px;
	height: 130px;
	margin: 12px 28px;}
.img img.horizon {
	width: 130px;
	height: 98px;
	margin: 28px 12px;}
.img img.horizon1 {
	width: 130px;
	height: 98px;
	margin: 34px 12px;}
.img img.horizon2 {
	width: 130px;
	height: 66px;
	margin: 44px 12px;}
.img img.carre {
	width: 130px;
	height: 130px;
	margin: 12px 12px;}
.titre {
	padding-top: 162px;
	font-size:1.4rem;
	font-weight:bold;
	line-height:3.6rem;
	margin-bottom:5px;
	display:block;
	text-align:center;
	width:160px;
	height:38px;}
.titre a {
	color: #f90;
	text-decoration: none;}
.titre a:hover {
	color: #fff;}
.infos {
	margin: auto;
	max-width: 816px;
	min-width: auto;
	height: 20px;
	border: 1px solid #652;
	color: #972;
	font: 11px/20px 'Libre Baskerville';
	text-align: center;
	margin-bottom: 20px;}
.infos a {
	color: #f90;
	text-decoration: none;}
.infos a:hover {
	color: #fff;}
.infotable {
	clear:both;
	margin-bottom: 15px;
	padding-bottom: 10px;}
.infotable p {
	color: #fc8;
	font: bold 12px/25px 'Libre Baskerville';
	text-align: center;}
#thumbnails > div {
	display: inline-block;
	margin: 7px;
	vertical-align: top;
	width: 130px;
}

/*****************************************************************
CSS albums privés
*****************************************************************/
#content_albums.albumsprive { 
	background: #ECCCC6;}
#bandeau_sup_prive {
	background: url(../images/index_albums/album_prive/bg.gif) repeat-x;
	height: 74px;
	position: absolute;
	width: 100%;}
#titre_sup_prive {
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 708px;
	height: 31px;
	margin-top: 12px;}
#image01 {
	float: left;
	left: 0;
	width: 20px;
	height: 31px;
	background: url(../images/index_albums/album_prive/hdr_left.gif) no-repeat;}
#image03 {
	float: right;
	right: 0;
	width: 20px;
	height: 31px;
	background: url(../images/index_albums/album_prive/hdr_right.gif) no-repeat;}
#image02 {
	height: 31px;
	margin-left: 20px;
	margin-right: 20px;
	background: url(../images/index_albums/album_prive/hdr_mid.gif) repeat-x;}
#text_bandeau_prive {
	color: #00f;
	font: bold 20px/31px 'Libre Baskerville';
	text-align: center;}
#password {
	margin-top:150px;}
#password p {
	color: #000;
	font: 14px 'Libre Baskerville';
	text-align: center;}
.vignettes_prive {
	margin: 120px 0 25px 0;}
.rang_prive {
	clear: both;
	width: 624px;
	height: 204px;
	margin: auto;}
.contener_prive {
	float: left;
	width: 140px;
	margin: 3px 8px;}
.img_prive {
	display: inline;
	background: url(../images/index_albums/album_prive/dia.gif) no-repeat;
	height: 140px;
	width: 140px;
	float: left;
	text-align: center;}
.img_vide_prive {
	display: inline;
	background-color: #ecccc6;
	height: auto;
	width: 140px;
	float: left;
	text-align: center;}
.img_prive img.vertical1 {
	width: 90px;
	height: 120px;
	margin: 10px 25px;}
.img_prive img.horizon3 {
	width: 120px;
	height: 90px;
	margin: 25px 10px;}
.titre_prive{
	padding-top: 140px;
	font: 16px/36px "Comic Sans MS",sans-serif;
	font-weight: bold;
	display: block;
	text-align: center;
	width: 140px;
	height: 38px;}
.titre_prive a {
	color: #5d80b4;
	text-decoration: none;}
.titre_prive a:hover {
	color: #900;}
.infos_prive {
	margin: auto;
	width: 708px;
	height: 20px;
	border: 1px solid #652;
	color: #444;
	font: 11px/20px "Comic Sans MS",sans-serif;
	font-size: 85%;
	text-align: center;
	margin-bottom: 20px;}
.infos_prive a {
	color: #900;
	text-decoration: none;}
.infos_prive a:hover {
	color: #fff;}