@charset "utf-8";
/* CSS Document */

/*Ca c'est la partie grande photo*/
div.content { 
	display: none; 
	float: right; 
	width: 645px; 
}

div.loader { 
	background-image: url(/images/loader.gif); 
	background-position: center center; 
	background-repeat: no-repeat; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 500px; 
	height: 300px; 
}

/*Ca c'est la barre au-dessus de la grande photo*/
div.controls { 
	margin-top: 5px; 
	width: 645px; 
	height: 18px; 
}

/*Play-pause à gauche*/
div.ss-controls { 
	background-image: url(/images/monitor.png); 
	background-position: bottom; 
	background-repeat: no-repeat; 
	float: left; 
	width: 13px; 
	height: 16px; 
}

div.ss-controls a { 
	font-size: 16px; 
	padding: 0; 
	vertical-align: bottom; 
	width: 15px; 
	height: 18px; 
}

div.ss-controls a.play { 
	color: #818181; 
}

div.ss-controls a.pause { 
	color: #dedede; 
}

div.ss-controls a:hover { 
	font-weight: normal; 
}

/*Prevnext à droite*/
div.nav-controls { 
	float: right; 
	font-size: 16px; 
	padding-bottom: 1px;
	width: 32px; 
	height: 15px; 
}

div.nav-controls a.prev { 
	float: left; 
	padding: 0; 
	width: 10px; 
	height: 15px; 
}

div.nav-controls a.next { 
	float: right; 
	padding: 0; 
	width: 15px; 
	height: 15px; 
}

div.nav-controls a:focus { 
	color: #03075f; 
	font-weight: bold; 
}

div.nav-controls a:hover { 
	color: #03075f; 
	font-weight: bold; 
}

/*La photo elle-même*/
div.slideshow-container { 
	border: none; 
	position: relative; 
	width: 645px; 
	height: 470px; /* This should be set to be at least the height of the largest image in the slideshow */
}

div.slideshow { 
	width: 645px; 
	height: 470px; 
}

div.slideshow span.image-wrapper { 
	display: block; 
	position: absolute; 
	top: 0; 
	left: 0; 
}

div.slideshow a.advance-link { 
	display: block; 
	margin: 0 15px 0 17px; 
	padding: 0 5px; 
	text-align: center; 
	width: 603px; 
	height: 470px; /* This should be set to be at least the height of the largest image in the slideshow */
}

div.slideshow img { 
	border: 1px solid #818181; 
	padding: 0; 
}

/*Barre légende sous l'image, j'enlève domwnload*/
div.caption-container { 
	clear: left; 
	margin: 0 15px 0 17px; 
	padding: 5px; 
	position: relative; 
	width: 603px; 
	height: 30px; 
}

span.image-caption { 
	display: block; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 603px; 
}

div.caption { 
	width: 603px; 
}

div.image-title { 
	color: #818181; 
	float: left; 
	font-size: 10px; 
	font-weight: normal; 
	padding-left: 5px; 
	width: auto; 
}

/*On commence la partie de droite*/
div.navigation { 
	margin-right: 30px; 
	padding-top: 90px; 
	width: 240px; /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}

div.navigation2 { 
	margin-right: 30px; 
	padding-top: 50px; 
	width: 240px; /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. Celui-ci pour posts-multiples.*/
}

/*Les miniatures*/
ul.thumbs { 
	border: none; 
	clear: both; 
	margin: 0; 
	padding: 0; 
	width: 240px; 
}

ul.thumbs li { 
	float: left; 
	list-style: none; 
	margin: 5px 10px 5px 0; 
	overflow: hidden; 
	padding: 0; 
}

a.thumb { 
	border: 1px solid #ccc; 
	display: block; 
	padding: 0; 
	text-align: center; 
	width: 65px; 
	height: 65px; 
}

a.thumb:focus { 
	outline: none; 
}

ul.thumbs img { 
	border: none; 
	display: block; 
	margin: 0 auto; 
}

/*Les numéros de pages*/
div.pagination { 
	clear: both; 
	color: #818181; 
	font-family: Tahoma, Geneva, sans-serif; 
	font-weight: normal; 
}

div.navigation div.bottom,
div.navigation2 div.bottom { 
	height: 25px; 
	margin-top: 10px; 
	padding: 10px 0 0 80px; 
}

div.pagination a,
div.pagination span.current,
div.pagination span.ellipsis { 
	color: #818181; 
	display: block;
	float: left; 
	font-size: 9px; 
	font-weight: normal; 
	margin-right: 2px; 
	padding: 4px 7px 2px 7px; 
}

div.pagination a:active { 
	font-weight: normal; 
}

div.pagination a:hover { 
	font-weight: bold; 
}

div.pagination a:visited { 
	font-style: normal;	
}

div.pagination span.current { 
	font-weight: bold; 
}

div.pagination span.ellipsis { 
	border: none; 
	color: #818181; 
	font-weight: normal; 
	padding: 5px 0 3px 2px; 
}