body 
{
margin: 0; 
padding: 0; 
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #ccc;
background-color: #000;}
#page { 
    width: 900px;
    margin: 0 auto;}
#container {
	Z-INDEX: 1;
	POSITION: relative;
	HEIGHT: 330px;
}
#photo1 {
	Z-INDEX: 2;
	FLOAT: left;
	OVERFLOW: auto;
	POSITION: absolute;
	visibility: visible;
}
#photo2 {
	Z-INDEX: 3;
	FLOAT: left;
	OVERFLOW: auto;
	POSITION: absolute;
	visibility: hidden;
}
#photo3 {
	Z-INDEX: 4;
	FLOAT: left;
	OVERFLOW: auto;
	POSITION: absolute;
	visibility: hidden;
}
#photo3 {
	Z-INDEX: 5;
	FLOAT: left;
	OVERFLOW: auto;
	POSITION: absolute;
	visibility: hidden;
}
#containerplan {
	Z-INDEX: 1;
	POSITION: relative;
	HEIGHT: 350px;
	width: 250px;
	FLOAT: left;
}
#A {
	Z-INDEX: 2;
	FLOAT: left;
	OVERFLOW: auto;
	POSITION: absolute;
	visibility: hidden;
}
#B {
	Z-INDEX: 3;
	FLOAT: left;
	OVERFLOW: auto;
	POSITION: absolute;
	visibility: hidden;
}
#C {
	Z-INDEX: 4;
	FLOAT: left;
	OVERFLOW: auto;
	POSITION: absolute;
	visibility: hidden;
}
#D {
	Z-INDEX: 5;
	FLOAT: left;
	OVERFLOW: auto;
	POSITION: absolute;
	visibility: hidden;
}
#E {
	Z-INDEX: 6;
	FLOAT: left;
	OVERFLOW: auto;
	POSITION: absolute;
	visibility: hidden;
}
#F {
	Z-INDEX: 7;
	FLOAT: left;
	OVERFLOW: auto;
	POSITION: absolute;
	visibility: hidden;
}
.main { width: 900px;border-top: 1px solid #48486f;border-right: 1px solid #48486f;border-left: 1px solid #48486f;clear:both;}
#titre { width:870px;margin: 25px 0 15px 15px;color: #ccc;font-size: 12px;}
#titre a {text-decoration: underline;color: #81818d;font-size: 12px;}
#titre a:hover {color: #ccc;text-decoration: none;}

#texte { width:820px;margin: 0 20px 0 54px;}
#baspage { background-image: url("../im_ocean_drive/bas.jpg"); background-repeat:no-repeat; height:24px;clear:both;}
.fondrub {height:93px;margin: 15px 0 0 25px; float:left;background-image: url("../im_ocean_drive/fondrub.jpg");background-repeat: no-repeat;}
#textrub {padding: 10px 0 0 20px; float:left;color: #ccc;font-size: 12px;}
#rub {width:120px;padding-left:20px; float:left;font-size: 12px;}
#rub p { margin: 0; line-height:11pt;}
#rub a {
text-decoration: none;
color: #48486f;
}
#rub a:hover {
font-size: 12px;
color: #ccc;
text-decoration: none;
}
a {
text-decoration: underline;
color: #ccc;
}
a:hover {
color: #ccc;
text-decoration: none;
}
.texteor {color: #CC6600;}
.texte12 {font-size: 12px;}
.piedpage { 
    width: 900px;height: 30px;margin: 0 auto;font-size: 11px;padding-top: 3px;color: #666;}
.piedpage a { color: #666;}
.piedpage a:hover { color: #ccc;}


.traitbleu { background-image: url("../im_ocean_drive/trait.gif"); background-repeat:repeat-x; height:9px;}
p { margin-top: 10px;margin-bottom: 10px;text-align: justify;}
.caseform {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ccc;
	background-color: #000;
	border: 1px solid #ccc;
}
.traitverti { background-image: url("../im_ocean_drive/traitv.gif"); background-repeat:repeat-y; width:9px;}