/*----------- DETECTION JS--------------------*/
#jserror{ background:#FFFFCC; border:#FF0000; color:#FF0000; padding: 10px; margin: 0 0 10px 0; float:left}
#jserror dt{ font-weight:bold}
/*--------------------------------------------*/

*{ margin:0; padding:0;}

body{ background:url(../images/fond_01.jpg) repeat-x left top; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff}
h1{ background:url(../images/eau2mer_04.jpg) no-repeat left top; color:#f31f24; font-size:14px; padding:3px 0 0 20px; height:17px}
fieldset{padding:10px; border:1px solid #ff0000; width:660px}
fieldset div{ margin: 5px 0 8px 0;}
fieldset div label{width:90px; display:block; float:left;}

#global{ width:1000px; margin:0 auto}
#header{ background:url(../images/eau2mer_01.jpg) no-repeat left top; height:284px}
#wrapper{ background:url(../images/wrapper_03.gif) repeat-y left top; float:left; width:1000px}
#content{float:left; width:765px; padding:20px}
#content li{ margin:0 0 0 30px}
#content a{ color:#fff; text-decoration:none}
#content a:hover{ text-decoration:underline}
#mdm{float:left; width:195px; color:#356ca8; }
#mdm div{ background:url(../images/eau2mer_08.jpg) no-repeat right bottom; padding:0 0 0 10px}
#mdm a{ color:#356ca8; text-decoration:none}
#mdm a:hover{ text-decoration:underline}
#mdm dl{ width:195px; color:#8d5d15}
#mdm dt{ font-weight:bold; border-bottom:1px dashed #8d5d15; border-top:1px dashed #8d5d15; height:22px; padding:8px 0 0 10px}
#mdm img{ margin:5px 0 0 18px}
#mdm dd{ padding:5px}
#footer{ clear:both; background: url(../images/footer_12.jpg) no-repeat left top; height:20px; color:#fff; padding:13px 0 0 10px}
#footer a{ color:#fff; text-decoration:none}
#footer a:hover{ text-decoration:underline}

.space{ margin:0 0 0 120px}
.rouge{color:#f31f24;}
#img{ margin:5px}
.float_right{ float:right}
.float_left{ float:left}