body {
	margin : 0;
	padding : 0 0 0 1em;
	font-family: Trebuchet MS, Arial, Verdana;
	font-size : 0.8em !important;
	color: #000;
	text-align: center;
}

hr {
 /*IE*/
color:#CACACA;
height:1px;
/* MOZ */
border-bottom: 1px solid #CACACA;
border-top: 0px;
width:50%;
 }

html\:abbr, abbr, acronym {
	cursor: help;
	border:none;
}

.em {font-weight:bold}

.u {text-decoration:underline}

p { margin : 1em;text-align:justify; }
img { border : none; }
form { display : block; margin : 0; padding : 0; }

h1 { font-size:0.9em;margin:0;padding:3.8em 0 0 1.2em;text-align:left;color:#FFB540;font-weight:normal;}
h2 { font-size:1.6em;margin:0 0 2em;padding:0.3em 0 0 0.7em;text-align:justify;height:31px;background-color:#859DE3;color:#F1F2F3 }
h3 { font-size:1.4em;margin:2em 1em;text-align:justify; }
h4 { font-size:1.2em;margin:2em 0 0 0.8em;text-align:justify;text-indent:1.5em }
h5 { font-size:1em;margin:2em 0 0 0.8em;text-align:justify;text-indent:5em }
h6 { font-size:1em;margin:2em 0;text-align:justify }

h3, h4, h5 {color:#2B407C}

.semnone { display: none;}
a { color: #111;}
a:hover { color: #333; }

#contenu { width:76%;text-align:center;padding:0;margin:0}
#contenu ul li {text-align:left;margin:0.5em 0;padding:0}
div#container { disply:inline;text-align:left;background-color:#fff}
p.figure {text-align:center;font-size :0.9em;text-decoration:underline}
div.credits {text-align:right;font-size :0.85em;font-size :0.95em;color:#444;margin-right:2em}
.photo p {text-align:center;font-size :0.85em;color:#444;margin:0.3em 0 3em 0;width:100%}



div#header {height:64px;background-color:#4161BD;}
div#footer {height:34px;margin:2em}

table {font-size :0.9em;text-align:center}
thead {font-weight:bold}
td {margin:2em }

p.intro, p.conclu {font-style:italic; text-indent:2em;margin:2.3em;color:#333}

/**

Menu

*/

div#menu {
width: 23%;
top: 5em;
right: 0;
position:fixed !important;
position:absolute;
text-align:right;
padding:6em 0;
}

hr#menu  {
text-align:center;
margin:0 2em 0.8em 0;
padding:0;
}



div#menu ul {
list-style: none;
font-size: 0.9em;
margin:0 2em 0.8em 0;
padding:0;
}

div#menu li {
list-style: none;
margin-left: 1px;
line-height:1.5em;
}


div#menu li a {
	padding:0 0 0 2em;
	color: #333;
	text-decoration: none;
}



div#menu li a:hover {
color: #4161BD;
}

/* qualité des eaux */
.tbo { background-color:blue;padding:0 1em; }

.bon { background-color:lime;padding:0 1em; }

.moy { background-color:yellow;padding:0 1em; }

.mau { background-color:red;padding:0 1em; }

.tma { background-color:#ff00ff;padding:0 1em; }

