body {background-color: #052847;font-family:Trebuchet MS, Arial, serif ;font-size:14px;color:black;text-align: left;}
#conteneurA {position: absolute;width: 680px;left: 50%;top: 00px;margin-left: -390px;height: 650px;}
#centre {background-image : url("photo/fond.jpg");width: 780px;height: 585px;}
.titre {   position:absolute ;  top:0px ;  left:50px ;height:40px ; width:600px ; }
.baleine {position:absolute;top:390px;left:380px;}
.rendu{position:absolute;top:100px;left:330px;}
.observ{position:absolute;top:60px;left:580px;}
.voyage{position:absolute;top:150px;left:80px;}
.intro {position:absolute;top:380px;left:50px; height:125px ; width:260px ;}
.introx {position:absolute;top:790px;left:20px; }
.projet{position:absolute;top:570px;left:10px;}
.email{position:absolute;top:600px;left:350px;}
.compte{position:absolute;top:600px;left:200px;z-index:0}
.son {position:absolute;top:600px;left:100px;z-index:100}
.lpo {position:absolute;top:350px;left:450px;z-index:3}
.logo {position:absolute;top:590px;left:530px;z-index:3}
.sigle{position:absolute;top:530px;left:730px;z-index:1}

#conteneurx {position: absolute;width: 780px;left: 50%;top:0px;margin-left: -390px;height: 1150px;background-image : url("photo/baleine.jpg");}

.menu { position:absolute ; top:60px ;   left:250px ;   height:10px ;   width:500px ;}
dl, dt, dd, ul, li {margin: 0;padding: 0;list-style-type: none;}
#menu {position: absolute;top: 0;left: 0;z-index:100;width: 100%;}
#menu dl {float: left;width: 12em;margin: 0 1px;}
#menu dt {cursor: pointer;text-align: center;font-weight: bold;background:#006699;border: 1px solid gray;color: white;font-family:Trebuchet MS, Arial, serif ;font-size:14px;}
#menu dd {border: 0px solid gray;}
#menu li {text-align: center;background: #fff;}
#menu li a, #menu dt a {color: black;text-decoration: none;display: block;height: 100%;border: 0 none;}
#menu li a:hover, #menu dt a:hover {background: #eee;}
 
.boiteA { position:absolute ; top:0px ; left:0px ; height:60px ; width:780px ;  }
.boiteB {position:absolute ; top:80px ; left:0px ; height:780px ; width:100px ;background-image : url("photo/bande.jpg");} 
.boiteC { position:absolute ; top:133px ;left:100px ; height:1070px ; width:680px ;} 
.boiteD {position:absolute ; top:120px ; left:0px ; height:380px ; width:380px ;} 
.boiteE {position:absolute ; top:110px ; left:400px ; height:380px ; width:280px ;} 
.boiteF {position:absolute ; top:350px ; left:00px ; height:380px ; width:680px ;} 
.boiteG {position:absolute ; top:500px ; left:50px ; height:250px ; width:550px ;background: #FFCC66;} 

.photoB { position:absolute ; top:80px ;  left:5px; height:80px ; width:80px ; }
.photoC {position:absolute ; top:180px ; left:5px; height:80px ; width:80px ; }
.photoD { position:absolute ; top:280px ; left:5px; height:80px ; width:80px ; }
.photoE { position:absolute ;top:380px ; left:5px; height:80px ; width:80px ; }
.photoF { position:absolute ; top:480px ; left:5px; height:80px ; width:80px ; }

.peti { position:absolute ;top:580px ; left:5px; height:80px ; width:80px ; }
.texte_def {position:absolute; top:800px; left:100px; height:80px ; width:680px ; }

h1 {font-family:Arial, sans-serif; font-size:150%; color:red; background-color:transparent; text-align: center;}
h2 {font-family:arial, sans-serif; font-size:100%; color:white; text-align:left; background-color:#006699;}
h3 {font-family:arial, sans-serif; font-size:80%; color:black; background-color:transparent; }
h4 { font-family:arial, serif; font-size:80%; color:#FECD66; background-color:transparent; text-decoration: underline; }
h5 { font-family:arial, serif; font-size:70%; color:#FECD66; background-color:transparent; }
a  {font-family:arial, serif;font-size:100%;color:#CC0066;background-color:#FFCC66;text-align: center;margin-left:0px;margin-right:0px;}
u { font-family:arial, serif; font-size:100%; color:white; background-color:transparent; text-align: center; margin-left:0px; margin-right:0px;}
li {font-family:arial, serif; font-size:80%; color:#FFCC66; background-color:maroon; text-align:center; margin-left:10px; margin-right:15px;}
b { font-family:arial, serif; font-size:80%; color:#FFCC33; background-color:transparent; text-align:left; margin-left:0px; margin-right:0px;}

.accent {background-color:transparent;}
.photo {float: right;}
.photo1 {float: left;}

#page {	background-color: white;	text-align: left;	margin-right: auto;	margin-left: auto;	position: relative;	width: 760px;	height: auto;	visibility: visible;	display: block	}
#inner {	background-color: #ccf;	text-align: center;	margin-left: 25px;	position: relative;	width: 710px;	height: 315px;	visibility: visible;	display: block	}
.col1 {	background-color: #800000;	float: left;	position: relative;	margin-right: 5px;	width: 125px;	height: 15px;	visibility: visible;	display: block	}
.col2 {	background-color: #cde6ff; font-family:arial, serif; font-size:10px; color:#800000;	text-align: center;	float: left;	position: relative;	margin-right: 2px;	width: 80px;	height: 15px;	visibility: visible;	display: block	}
.col3 {	background-color: #cde6ff; font-family:arial, serif; font-size:10px; color:#800000;	text-align: center;	float: left;	position: relative;	margin-right: 2px;	width: 39px;	height: 15px;	visibility: visible;	display: block	}
.col4 {background-color: #cde6ff; font-family:arial, serif; font-size:10px; color:#800000;	text-align: center;	float: left;	position: relative;	margin-right: 2px;	width: 26px;	height: 15px;	visibility: visible;	display: block	}
.col5 {	background-color: #cde6ff; font-family:arial, serif; font-size:10px; color:#800000;	text-align: center;	float: left;	position: relative;	margin-right: 2px;	width: 82px;	height: 15px;	visibility: visible;	display: block	}
.horzspace {	font-size: 5px;	line-height: 5px;	background-color: #ccf;	clear: left;	width: 700px;	visibility: visible;	display: block	}
.horzspacex {	font-size: 10px;	line-height: 10px;	background-color: #FFCC00;font-family:arial, serif; font-size:12px; color:#800000;	text-align: center;	clear: left;	width: 710px;	visibility: visible;	display: block	}
.col2 b {background-color: #800000; font-family:arial, serif; font-size:10px; color:#FFCC33}
.col5 b {background-color: #800000; font-family:arial, serif; font-size:10px; color:#FFCC33}