/*----------------------------------------*
** ajustement Layout
**----------------------------------------*/
div#content {
	position			: relative;
	margin-top			: -50px;
	width				: 100%;
	}
	
a,
a:link,
a:visited,
a:active {
	color				: #500C2B;
	}

/*----------------------------------------*
**  affichage du défilé d'albums
**----------------------------------------*/
#appelContributeur {
	float				: right;
	padding				: 32px 15px 23px 25px;
	width				: 397px;
	height				: 99px;
	font-size			: 11px;
	background			: url('graphics/fd-contributeur.jpg') no-repeat left center;
	}
#appelContributeur h3 {
	width				: 228px;
	height				: 26px;
	text-indent			: -5000px;
	background			: url('graphics/devenez-contributeur.png') no-repeat left center;
	}
#appelContributeur a.enSavoirPlus {
	float				: right;
	color				: #c06;
	text-decoration		: underline;
	}
#appelContributeur a.enSavoirPlus:hover {
	text-decoration		: none;
	}
	
#explorer {
	clear				: both;
	float				: left;
	width				: 680px;
	padding-left		: 20px;
	margin-top			: 20px;
	/margin-top			: 180px;
	}
div#explorer h4{
	font-weight:bold;
	font-size:14px;
	color:#c06;
	padding : 10px 30px 10px 60px;
	margin:0;
}
#explorer h3 {
	width				: 145px;
	height				: 32px;
	text-indent			: -5000px;
	background			: url('graphics/explorer.jpg') no-repeat left center;
	}
#explorer div {
	float				: left;
	}

#hasard h3 {
	width				: 150px;
	height				: 32px;
	text-indent			: -5000px;
	background			: url('graphics/au-fil-du-hasard.jpg') no-repeat left center;
	margin-top			: 20px;
	}
#hasard #numFound {
	display				: inline;
	font-size			: 18px;
	/*font-weight			: bold;*/
	/*color 				: #C06;*/
	position			: absolute;
	left				: 170px;
	top					: 181px;
	/top				: 189px;
	/display			: none;
	}
#hasard #numFound:before {
	content				: 'parmi les ';
	font-weight			: normal;
	}
#hasard #numFound:after {
	content				: ' photos déjà publiées !';
	font-weight			: normal;
	}
#hasard .searchResults{
	margin				: 0;
	width				: 290px;
	height				: 290px;
	}
#hasard .searchResults .displayResult {
	display				: block;
	float				: left;
	margin				: 1px !important;
	width				: 90px;
	height				: 90px;
	}
#hasard .searchResults .displayResult a.resultThumb {
	display				: block;
	width				: 90px;
	height				: 90px;
	overflow			: hidden;
	}
#hasard .searchResults .displayResult .thumb {
	/*max-width			: 90px;
	max-height			: 90px;*/
	border				: 1px solid #dcd7c8;
	}
#hasard .searchResults .displayResult .resultInfo {
	display				: none;
	}
	

div#collection{
	width:260px;
	float:left;
}
div#collection h4{
	background: url(graphics/fleche-jaune.gif) no-repeat 0px 0px ;
}
div#collection ul{
	list-style:none;
	padding:0;
	margin:0;
	font-size:11px;
	width:250px;
}
div#collection ul a, div#collection ul a:link, div#collection ul a:visited {
	text-decoration:none;
}

div#collection li {
	text-align:center;
	width:124px;
	padding:2px 0;
	height:32px;
}
div#collection li a{
	background:url(graphics/bt-collection-gris.jpg) no-repeat top left;
	display:block;
	width:124px;
	height:32px;
}
div#collection li a:hover{
	background:url(graphics/bt-collection-gris-hover.jpg) no-repeat top left;
}
div#collection li.vosPhotos {
	float:left;
}
div#collection li.vosPhotos a{
	background:url(graphics/bt-collection-vosphotos.jpg) no-repeat top left;
}
div#collection li.vosPhotos a:hover{
	background:url(graphics/bt-collection-vosphotos-hover.jpg) no-repeat top left;
}
div#collection li.toutes a{
	background:none;
	text-decoration:underline;
}
div#collection li.toutes a:before{
	content:'> ';
}
div#collection li.toutes a:hover{
	text-decoration:none;
}
div#collection li.figaro {
	float:right;
}
div#collection li.sylvestre {
	float:left;
}
div#collection li.cartes {
	float:right;
}
div#collection li.vallet {
	float:left;
}
div#collection li.vermard {
	float:right;
}
div#collection li.nicole {
	float:left;
}
div#collection li.toutes {
	float:right;
}

div#lieu {
	width : 188px;
	float:left;
}
div#lieu h4{
	background: url(graphics/fleche-jaune.gif) no-repeat -460px 0 ;
}

div#periode {
	clear	: both;
	width : 620px !important;
	margin-top: -30px;
}
div#periode h4{
	background: url(graphics/fleche-jaune.gif) no-repeat -460px -57px;
}
div#periode ul{
	margin:0;
	padding:0;
}
div#periode li{
	float:left;
	height:60px;
	margin:0;
	list-style:none;
}
div#periode li a{
	height:60px;
	display:block;text-indent:-5000px;
}
div#periode li.periode1 a{
	background: url(graphics/frise1848-1870.png) no-repeat top left;
	width:80px;
}
div#periode li.periode1 a:hover{
	background: url(graphics/frise1848-1870-hover.png) no-repeat top left;
}
div#periode li.periode2 a{
	background: url(graphics/frise1870-1918.png) no-repeat top left;
	width:131px;
}
div#periode li.periode2 a:hover{
	background: url(graphics/frise1870-1918-hover.png) no-repeat top left;
}
div#periode li.periode3 a{
	background: url(graphics/frise1918-1945.png) no-repeat top left;
	width:72px;
}
div#periode li.periode3 a:hover{
	background: url(graphics/frise1918-1945-hover.png) no-repeat top left;
}
div#periode li.periode4 a{
	background: url(graphics/frise1945-1970.png) no-repeat top left;
	width:68px;
}
div#periode li.periode4 a:hover{
	background: url(graphics/frise1945-1970-hover.png) no-repeat top left;
}
div#periode li.periode5 a{
	background: url(graphics/frise1970-2000.png) no-repeat top left;
	width:82px;
}
div#periode li.periode5 a:hover{
	background: url(graphics/frise1970-2000-hover.png) no-repeat top left;
}
div#periode li.periode6 a{
	background: url(graphics/frise2000.png) no-repeat top left;
	width:169px;
}
div#periode li.periode6 a:hover{
	background: url(graphics/frise2000-hover.png) no-repeat top left;
}
  
div#genre{
	float:left;
	width:200px;
}
div#genre h4{
	background: url(graphics/fleche-jaune.gif) no-repeat -460px -57px;
}

div#genre ul{
	list-style:none;
	font-size:11px;
	margin:0;
	padding:0 0 0 37px;
}
div#genre ul a, div#genre ul a:link, div#genre ul a:visited{
	text-decoration:none;
}
div#genre ul a:hover, div#genre ul a:active, div#genre ul a:focus{
	text-decoration:underline;
}
div#hasard {
	float : right;
	padding-right:15px;
}
/*----------------------------------------*
**  affichage du défilé d'albums
**----------------------------------------*/
#expositions,
#albums {
	position			: relative;
	}
#expositions {
	float				: right;
	margin-right		: 50px;
	margin-top			: 7px;
	width				: 240px;/*860px;*/
	}
#albums {
	float				: left;
	margin-left			: 50px;
	margin-top			: 25px;
	width				: 610px;/*860px;*/
	}
#expositions h3,
#albums h3 {
	width				: 115px;
	height				: 32px;
	text-indent			: -5000px;
	
	}
#albums h3 {
	background			: url('graphics/albums.jpg') no-repeat left center;
	}
#expositions h3 {
	background			: url('graphics/expos.jpg') no-repeat left center;
	}
#expositions>a,
#albums>a {
	position			: absolute;
	top: 12px;
	/*bottom				: -20px;*/
	right				: 0;
	font-size			: 11px;
	}
#expositions .simpleInput,
#albums .simpleInput {
	display				: none;
	}
#expositions .buttons,
#albums .buttons {
	top					: 50%;
	height				: auto;
	}
#expositions .buttons {
	width				: 240px;/*860px;*/
	}
#albums .buttons {
	width				: 610px;/*860px;*/
	}

#expositions .jcarousel,
#albums .jcarousel {
	overflow			: hidden;
	margin				: auto;
	width				: 100%;
	height				: auto;
	}
#expositions li.displayResult,
#albums li.displayResult {
	margin				: 0 auto;
	padding				: 0;
	width				: 120px;
	vertical-align		: top;
	}
#expositions  li.displayResult a.resultThumb,
#albums li.displayResult a.resultThumb {
	display				: block;
	padding				: 11px 9px 23px 25px;
	width				: 85px;
	height				: 85px;
	background			: url('graphics/vignette-albums.jpg') no-repeat left center;
	}
#expositions  li.displayResult .thumb,
#albums li.displayResult .thumb {
	width				: 85px;
	height				: 85px;
	}
#expositions li.displayResult .resultInfo,
#albums li.displayResult .resultInfo {
	display				: block;
	width				: 120px;
	}
#expositions li.displayResult .resultInfo *,
#albums li.displayResult .resultInfo * {
	display				: none;
	}
#expositions li.displayResult .resultContent,
#albums li.displayResult .resultContent {
	display				: block;
	}
#expositions li.displayResult .resultInfo a.title,
#albums li.displayResult .resultInfo a.title {
	display				: block;
	width				: 100%;
	color				: #c06;
	text-align			: center;
	font-size			: 12px;
	font-weight			: bold;
	text-decoration		: none;
	white-space			: normal !important;
	}
#expositions li.displayResult .resultInfo a.title:hover,
#albums li.displayResult .resultInfo a.title:hover {
	text-decoration		: underline;
	}