body {
color:black;
font-family: Arial, Helvetica, sans-serif;;
text-align:justify;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color: #EEFFF6;
}
#conteneur {
position: absolute;
width: 750px;
left: 50%;
margin-left:-375px;
}
#header {
height: 100px;
color:#FFFFFF;
background-color: #3d7b78;
font-size:26px;
font-weight:bold;
font-family :  Arial, Helvetica, sans-serif;
padding-left : 5px;
padding-right : 5px;
padding-top : 2px;
padding-bottom : 2px;
text-align: center;
text-shadow:#3D7B78;
font-style:italic;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#haut {
height: 25px;
background-color: #EEFFF6;
border-top: solid;
border-right: solid;
border-left: solid;
border-bottom: solid;
border-width: 1px;
border-color: #3D7B78;
color: #3D7B78;
font-size:11px;
}
#haut a{
color:#3D7B78;
}

#haut hover: a:link
{
color: red;
text-decoration: none;
}

#menuhaut {
position: absolute;
top: 105px;
left: 0;
z-index:100;
width: 100%;
}
#menuhaut dl {
float: left;
width: 11em;
margin: 0 1px;
}
#menuhaut dl a:hover, #menu dt a:hover {
color:red ;
}
#menuhaut dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #EEFFF6;
border: 1px solid #EEFFF6;
}
#menuhaut dd {
border: 1px solid #3D7B78;
}
#menuhaut li {
text-align: center;
background: #EEFFF6;
}
#menuhaut li a, #menu dt a {
color:#3D7B78 ;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menuhaut li a:hover, #menu dt a:hover {
color:red ;
}

#centre {
background-color: #FFFFFF;
padding-left:15px;
padding-right:18px;
border-right: solid;
border-left: solid;
border-bottom: solid;
border-width: 1px;
border-color: #3D7B78;
text-align:justify;
}
#pied {
height: 50px;
background-color: #3d7b78;
text-align:center;
color:#FFFFFF;
font-size:11px;}
#pied a {
color:#FFFFFF ;
text-decoration: none;
}

#image {
margin-left:200px;
}

#imagedroite{
float:right;
border-top:solid;
border-bottom: solid;
border-right: solid;
border-left: solid;
border-width: 1px;
border-color:#3d7b78;
margin-left:20px;
}
#imagedroite1{
float:right;
border-top:solid;
border-bottom: solid;
border-right: solid;
border-left: solid;
border-width: 1px;
border-color:white;
margin-left:20px;
}
#imagedroite2{
float:right;
border-top:solid;
border-bottom: solid;
border-right: solid;
border-left: solid;
border-width: 1px;
border-color:white;
padding-left:20px;
}


p {margin: 0 0 10px 0;}

.grandtitre{
font-size:18px;
text-align:center;
font-weight:bold;
}
.titre {
	font-family :  Arial, Helvetica, sans-serif;
	background-color :#3d7b78;
	color : #EEFFF6;
	font-size : 12px;
	font-weight : bold;
	text-align : left;
	padding-left : 25px;
	padding-right : 5px;
	padding-top : 4px;
	padding-bottom : 6px;
	width:180px;
}
.petittitre{
font-family :  Arial, Helvetica, sans-serif;
	background-color :#3d7b78;
	color : #EEFFF6;
	font-size : 12px;
	font-weight : bold;
	width:96%;
	text-align : left;
	padding-left : 25px;
	padding-right : 2px;
	padding-top : 2px;
	padding-bottom : 2px;
	border-bottom-style:solid;
	border-bottom-color:#3d7b78;
	border-bottom-width:1px;
	}
.imagebordure {
border-width:0;
}
.date {
float:right;
color:#3d7b78;
font-size:11px;
}
table.possibilites {
width:95%;
padding: 3px 25px 3px 3px;
margin:0;
border-collapse: collapse;
text-align:center;
border: #3d7b78;
border-width: 1px;
border-style: solid ;}
table.possibilites caption {
background-color: #EEFFF6;
text-align:center;
color: #3d7b78;
padding: 3px;
font-weight:bold;
font-size: large;
border: #3d7b78;
border-width: 1px;
border-style: solid ;}

tr.tableauhaut {
background-color: #EEFFF6;
text-align:center;
color: #3d7b78;
font-weight:bold;
padding: 3px;
}
tr{
border: #3d7b78 1px solid; 
}
td.autre
{
background-color: #E9F5A8;
text-align:center;
color: #E6872E;
padding: 3px;
border: #E6872E;
border-width: 1px;
border-style: solid ;
font-size:10px;}
td
{border: #3d7b78 1px solid;}
.compteur{
font-size:10px;
color: #3D7B78;}
a:link { color: #999999;
text-decoration: underline;}
/* lien non-visité */
a:visited {
text-decoration: underline;
color: #999999;
} /* lien visité */
a:hover { 
color: red; 
text-decoration: none;
} /* lien survolé */
a:active { text-decoration: none;
} /* lien activé */

.couleur {
color: #3D7B78;
font-weight:bold;
}