#album_list{
	top         : 50%;
	left        : 50%;
	float       : left;
	width       : 851px;
	height      : 568px;
	position    : absolute;
	background  : transparent url("../Image/Page_album/main_frame_bkg.jpg") no-repeat scroll center top;
	margin-top  : -284px;
	margin-left : -425px;
}

/*****************************************************************************************************/
/***									Overlay Anniversaire en fête                               ***/
/*****************************************************************************************************/

#album_list div.title{
	width      : 399px;
	height     : 80px;
	cursor     : pointer;
	position   : relative;
	top        : -46px;
	background : transparent url("../Image/Page_album/title.gif") no-repeat scroll 0 0;
}

#album_list div.title span{
	display : none;
}

/*****************************************************************************************************/
/***						        			Barre image haut                                   ***/
/*****************************************************************************************************/

#album_list div.top{
	width  : 851px;
	height : 125px;	
	margin : -66px 0 0 0;
}

#album_list div.top div.back
{
	cursor          : pointer;
	float           : left;
	width           : 62px;
	height          : 19px; 
	padding         : 62px 0 0 70px;
	vertical-align  : middle;
	background      : transparent url("../Image/Page_album/arrow_back.gif") no-repeat scroll 68px 63px;
	line-height     : 19px;
	text-indent     : 21px;
}

#album_list div.top div.back a
{
	color           : #319A9A;
	font-size       : 12px;
	text-decoration : none;
}

#album_list div.top div.back a:hover
{
	text-decoration : underline;
}

#album_list div.top div.page{
	float  : left;
	width  : 340px;
	height : 81px;
	margin : 22px 0 0 0;
	background : transparent url("../Image/Page_album/page.gif") no-repeat scroll 0 0;
}

#album_list div.top div.page span{
	display : none;
}


#album_list div.top div.spot{
	float      : left;
	width      : 125px;
	height     : 125px;
	margin     : 0 0 0 74px;
	background : transparent url("../Image/Page_album/spot.gif") no-repeat scroll 0 0;
}

#album_list div.top div.spot span{
	display : none;
}

#album_list div.top div.logo{
	float  : left;
	width  : 71px;
	height : 46px;
	margin : 40px 0 0 74px;
	background : transparent url("../Image/Page_album/logo.gif") no-repeat scroll 0 0;
}

#album_list div.top div.logo span{
	display : none;
}

/*****************************************************************************************************/
/***						        			Contenu albums                                     ***/
/*****************************************************************************************************/

#album_list div.content
{
	margin     : 15px 0 0 0;
}

#album_list div.listAlbums
{
	margin     : 15px 0 0 91px;
	text-align : center;
}

#album_list div.listAlbums a
{
	color          : #319A9A;
	font-size      : 14px;
	text-decoration: none;
}

#album_list div.listAlbums a:hover{
	text-decoration: underline;
}

#album_list div.listAlbums div.album
{
	float      : left;
}

#album_list div.listAlbums div.portrait
{
	width  : 229px;
	margin : 0;
}

#album_list div.listAlbums div.landscape
{
	width  : 335px;
	margin : 0 0 0 105px;
}


#album_list div.listAlbums div.album img.portrait
{
	border     : none;
	padding    : 15px 15px 16px 16px;
	background : transparent url("../Image/Page_album/border_portrait.gif") no-repeat scroll 0 0;
}

#album_list div.listAlbums div.album img.landscape
{
	border     : none;
	padding    : 15px 15px 16px 16px;
	margin     : 35px 0 0 0;
	background : transparent url("../Image/Page_album/border_landscape.gif") no-repeat scroll 0 0;
}

#album_list div.listAlbums div.album div
{
	margin    : 9px 0;
}

/*****************************************************************************************************/
/***						        			Contenu images                                     ***/
/*****************************************************************************************************/

#album_list div.listPictures
{
	margin : 30px 0 0 105px;
}

#album_list div.listPictures div.mosaic
{
	width   : 660px;
	height  : 240px;
	overflow: auto;
}

#album_list div.listPictures div.mosaic img
{
	border : none;
}

/*****************************************************************************************************/
/***						        			Contenu image                                      ***/
/*****************************************************************************************************/

#album_list div.showPicture
{
	text-align : center;
}

#album_list div.showPicture div.previous
{
	width          : 210px;
	float          : left;
	cursor         : pointer;
	line-height    : 320px;
	vertical-align : middle;
}

#album_list div.showPicture div.previous a
{
	color           : #319A9A;
	font-size       : 12px;
	text-decoration : none;
}

#album_list div.showPicture div.previous a span
{
	padding : -10px 0 0 0;
}

#album_list div.showPicture div.previous a:hover
{
	text-decoration : underline;
}

#album_list div.showPicture div.picture
{
	float : left;
	width : 430px;
}

#album_list div.showPicture div.next
{
	width          : 210px;
	float          : left;
	cursor         : pointer;
	line-height    : 320px;
	vertical-align : middle;
}

#album_list div.showPicture div.next a
{
	color           : #319A9A;
	font-size       : 12px;
	text-decoration : none;
}

#album_list div.showPicture div.next a span
{
	padding : -10px 0 0 0;
}

#album_list div.showPicture div.next a:hover
{
	text-decoration : underline;
}

#album_list div.showPicture div.blank
{
	background : none;
}

#album_list div.showPicture div.name
{
	padding : 0 210px 0 211px;
	width : 430px;
	color           : #319A9A;
	font-weight : 700;
	font-size : 14px;
}

/*****************************************************************************************************/
/***						        			Note bas de page                                   ***/
/*****************************************************************************************************/

#album_list div.content div.note
{
	color            : #FFFFFF;
	width            : 660px;
	margin           : 90px 0 0 -20px;
	padding          : 10px;
	font-size        : 13px;
	text-align       : center;
	font-weight      : 700;
	background-color : #319A9A;
}

#album_list div.content div.note a
{
	color           : #FFFFFF;
	text-decoration : none;
}

#album_list div.content div.note a:hover
{
	text-decoration : underline;
}