body {
 margin: 0;
 padding: 0;
 text-align: center;
 background: #d5ad3e;
 font: 80% verdana, helvetica, sans-serif;
 color: #000;
}

div#conteneur {
 margin: 0 auto;
 text-align: left;
 width: 750px;
 background: url(images/fond.jpg) repeat-y left top;
 padding:0 25px;
}

h1#header {
 height: 200px;
 background: url(images/banniere.jpg) no-repeat left top;
 margin: 0;
}

h1#header a span {
 display: none;
}

#menu, #menu ul        { height: 25px; margin: -25px 0 0 198px; padding: 0; list-style-type: none; z-index: 5;}
#menu li               { float: left; text-align: left;}
#menu li a             { width:183px; font:bold 1.1em/25px helvetica,sans-serif; margin:0; letter-spacing:1px; color:#4f659f; display:block;
                         text-decoration:none; border-right:1px solid #4f659f; text-align:center;}
#menu li:hover,
#menu li:focus,
#menu li a:hover,
#menu li a:focus       { color: #005410;   }
.selec                 {  background: #c6c6c8; color: #4f659f; }



#menu li ul            { position: absolute; width: 168px; left: -999em; border:0; margin-left:0px; margin-top:0px; color: #000;}
#menu li:hover ul,
#menu li.sfhover ul    { left: auto; cursor:pointer; color: #4f659f;}
#menu li ul li         { background: #f3f4f6; color: #4f659f;}
#menu li ul li:hover,
#menu li ul li:focus   { background: #4f659f; color:#fff;}
#menu li ul li a       { width: 167px;  font:normal 0.9em/25px helvetica,sans-serif; margin:0; padding:0 0 0 15px; text-decoration:none; height:25px;
                         text-align:left; color: #4f659f;}
#menu li ul li a:hover { background: #4f659f; color:#fff;}

.fin_sous_menu         { border-bottom:1px solid #4f659f;}

.center                { text-align:center;}
img                    { border:0;}
acronym               { border-bottom: 1px dashed; cursor: help; }
hr                     { color:#fff; background:#1e581e; height:1px;}

#admin                 { border:1px solid #000000; padding:5px; margin: 5px 0; background:#dff9ec; width:99%;}
#admin a               { color: #000000; text-decoration: underline; font-size: 0.9em;}
#admin a:hover         { color: #023680;}


div#sousmenu		      { float:left; width:196px; margin:-5px 0px 0 0; padding:0; z-index:2; position:relative; border: 0;}
html>body div#sousmenu    { margin:-10px 15px 0 0;}
div#sousmenu h2		      { text-align:center; line-height: 22px; font-size: 1em; color: #fff; background: #4f659f; padding:0; margin:20px 0;}
div#sousmenu p		      { text-align:center; padding: 3px; margin:8px 0px; font-size: 1em;}
div#sousmenu hr		      { width:75%; color:#287CB1; background:#287CB1; height:1px; border:0; margin: 5px 0 5px 35px;}
html>body div#sousmenu hr { margin: 5px 0 5px 25px;}

div#sousmenu ul           { margin: -5px 0 15px 0; padding: 0; list-style-type: none;}
div#sousmenu li           { text-align:center; padding:5px 10px; margin:2px 0; font:bold 1em Arial,sans-serif; background: #c6c6c8; }

div#sousmenu a            { color: #023680; text-decoration: none;}
div#sousmenu a:hover      { color: #b43313; text-decoration: none;}

div#contenu           { margin : 0px ; padding: 10px 25px 15px 215px;}
div#contenu h2        { text-align:right; padding-left: 0px; line-height: 25px; font:bold 1.4em Arial,sans-serif;
                        color: #4f659f; border-bottom: 1px solid #4f659f;}
div#contenu h2 span   { margin-top:3px; font-size: 0.7em; color: #4f659f;}
div#contenu h2 span a { text-decoration:none;}
div#contenu h3        {	color: #4f659f; font:bold 1.2em Arial,sans-serif; border-bottom: 1px dotted #4f659f;}
div#contenu h4        {	color: #4f659f; font:bold 1em Arial,sans-serif; }

div#contenu p         {	text-align: justify; line-height: 1.2em;}
div#contenu .image    {	float: right; padding:0; margin:0;}
div#contenu .ident    {	text-align: justify; text-indent: 2em; line-height: 1.2em;}
div#contenu a         {	color: #023680;}
div#contenu a:hover   {	color: #4b2614;}

.tableau-formation     { border-top :1px solid #000; border-right :1px solid #F2F2F2; margin:0px; vertical-align: top; width:99%;}
.tableau-formation td  { margin:0px; padding:6px 10px; border-bottom:1px solid #000; vertical-align: top;}
.tableau formation tr  { margin:0px; padding:0px; font: normal 1em Arial,sans-serif; }
.left-formation        { width:125px; background:#c0c0c0; font: bold 0.9em Arial,sans-serif;}

div.row               {	clear: both; padding-top: 10px;}
div.row span.label    {	float: left; width: 130px; text-align: right;}
div.row span.formw    {	float: right; width: 570px;	text-align: left;}
 
.clform               { background: #D7E7F2; border: 1px solid #287CB1; padding: 5px;}
.button               { width:110px; height:25px;	background: url(images/bg_menu.gif) repeat-x 0 -4px; }

.vignette_droite 	  { float:right; padding:5px; margin:5px 0 5px 10px; border:1px solid #000; background:#fff;}
.vignette_gauche 	  { float:left;	 padding:5px; margin:5px 10px 5px 0; border:1px solid #000; background:#fff;}

.float_photos{background:#b0c1ea;border:1px solid #287CB1;float:left;height:170px;margin:10px 6px 5px 7px;padding:15px 9px 10px;text-align:center;width:42%;}
html>body .float_photos{margin:10px 7px 5px 8px;padding:5px 10px 20px;}
.titre_photos{color:#0F337F;font-family:Verdana, sans-serif;font-size:0.8em;font-weight:400;margin:10px 0;}


div#footer {
 width:710px;
 text-align: right;
 background: #c6c6c8;
 color: #4f659f;
 padding:6px 20px;
 font:normal 0.8em helvetica,sans-serif;
 clear:both;
 margin-bottom:-20px;
}

div#footer a        { color: #4f659f; font:normal 1.2em helvetica,sans-serif;  }
div#footer a:hover  { color: #005410;}