@charset "UTF-8";
body {
	background-color: #FFFFFF;
	background-image: url(images/degrade.png);
	background-repeat: repeat-x;
}

#conteneur {
	width: 470px;
	position: relative;
	background-color: #FFFFFF;
	height: 690px;
	padding: 10px;
}
#head {
	background-color: #006aaf;
	position: relative;
	height: 200px;
	width: 470px;
	background-image: url(images/head.png);
}
#logopicto {
	position: absolute;
	height: 90px;
	width: 145px;
	float: right;
	left: 10px;
	top: 10px;
}
#copyrighter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	z-index: 5;
	height: 20px;
	width: 470px;
	position: relative;
	text-align: right;
	color: #006aaf;
	float: right;
	letter-spacing: 1px;
	right: 0px;
	top: 10px;
}
#copyrighter  a{
	color: #006aaf;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#copyrighter  a:hover{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#photos {
	position: relative;
	height: 350px;
	float: left;
	width: 450px;
	top: 0px;
	left: 0px;
}
#legendephoto
{
	float: left;
	height: 80px;
	width: 450px;
	position: relative;
	background-color: #FFFFFF;
}
#TXTlegendephoto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	position: absolute;
	height: 60px;
	width: 450px;
	left: 0px;
	top: 10px;
	text-align: left;
}
#btnsuivant {
	float: right;
	right: -10px;
	bottom: 0px;
	height: 350px;
	width: 10px;
	position: absolute;
	outline: 0 !important;
}
#btnretour {
	float: left;
	bottom: 0px;
	height: 350px;
	width: 10px;
	position: absolute;
	left: -10px;
}
.BLU {color: #006aaf}