*{margin:0;padding:0}
html{height:100%}
body{
height:100%;
color:white;
font-family:"Lucida Grande", "Arial";font-size:11px;
line-height:150%;
background:#003343;
background-image:url(../images/fond.jpg);
background-repeat:no-repeat;
background-position:center center;
text-align:center;
}
h1,h2{text-indent:-9999px;background-repeat:no-repeat;background-image:url(images/sprite-min.png)}
h3{margin-top:5px;font-size:12px}
a{color:white;outline-style:none;text-decoration:none;border:none;}
ol{margin-top:10px;padding-bottom:12px}
ol li{margin-bottom:3px}
li{margin-left:30px}
.box{margin:4px 0;padding:8px;background-color:#002933 !important;border:1px dashed #529796}
.code{font-family:"Courier New", "Courier";font-size:10px}
.holder { 
	width:500px; 
	margin:500px auto;
}
.moveable {
	height: 123px;
	width: 190px;
	cursor: pointer;
}					
div.box { background-color: #ffc; font-size: 2em; height: 60%; width: 1.8em; margin: 0 auto; text-align: center; border: 1px double #333; }
span.date_noir
{
	background:none repeat scroll 0 0 black;
	display:block;
	font-size:12px;
	margin-bottom:-2px;
	text-align:center;
	width:190px;
	font-weight:bold;
	float:left;
}
img.ptimg_noir
{
	border:5px black solid;
}
span.date_bleu
{
	background:none repeat scroll 0 0 #003343;
	display:block;
	font-size:12px;
	margin-bottom:-2px;
	text-align:center;
	width:190px;
	font-weight:bold;
	float:left;
}
img.ptimg_bleu
{
	border:5px #003343 solid;
}
#next
{
	font-size:93px;
	position:absolute;
	top:-25px;
	left:647px;
	cursor: pointer;
}
#prev
{
	font-size:93px;
	position:absolute;
	top:-25px;
	left:-178px;
	cursor: pointer;
}