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

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

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

div#header p {
 width:172px;
 height:90px;
 margin-left:128px;
 margin-top:0;
 padding-top:102px;
 text-align:center;
 font: 13px Arial, serif;
}

div#header a {
 font: bold 1.3em Arial, serif;
 text-decoration:none;
}

#menu, #menu ul        { width:750px; height: 25px; margin: 0; padding: 0; background: #4b2614; list-style-type: none; z-index: 5;}
#menu li               { float: left; text-align: left;}
#menu li:first-child   { border-left:0; width:120px; }
#menu li:last-child    { border-right:1px solid #6dc293;}


#menu li a             { font:normal 1.1em/25px helvetica,sans-serif; margin:0;  padding:0 15px; letter-spacing:1px; color:#fff; display:block;
                         text-decoration:none; border-left:1px solid #636e5a; border-right:1px solid #636e5a; text-align:center;}
#menu li:hover, #menu li:focus, #menu li a:hover,#menu li a:focus,
.selec                 { background: #66341c; color: #fbe202;   }

#menu li ul            { position: absolute; width: 94px; left: -999em; border:0; margin-left:0px; color: #000;}
#menu li:hover ul,
#menu li.sfhover ul    { left: auto; cursor:pointer; color: #000;}
#menu li ul li         { background: #e8e3ad; color: #1f1e17;}
#menu li ul li:last-child {border-bottom:1px solid #636e5a;}

#menu li ul li:hover,
#menu li ul li:focus   { background: #d5ddbe; color:#1f1e17;}
#menu li ul li a       { font:normal 0.9em/25px helvetica,sans-serif; margin:0; padding:0; text-decoration:none; height:25px;
                         text-align:left; padding-left:15px; color: #1f1e17;}
#menu li ul li a:hover { background: #d5ddbe; color:#1f1e17;}

.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:100%;}
#admin a               { color: #000000; text-decoration: underline; font-size: 0.9em;}
#admin a:hover         { color: #023680;}


div#sousmenu		      { float:right; width:230px; margin:15px 15px 0 0; padding:0; z-index:2; position:relative; border: 0;}
html>body div#sousmenu    { margin:10px 30px 0 0;}
div#sousmenu h2		      { text-align:center; line-height: 22px; font-size: 1em; color: #fff; background: #4b2614; padding:0; margin:12px 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           { padding:5px 10px; margin:0; font:normal 0.9em Arial,sans-serif; border-bottom: 1px solid #c0c0c0; }

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

div#contenu           { margin : 0px ; padding: 10px 275px 15px 15px;}
div#contenu h2        { text-align:right; padding-left: 0px; line-height: 25px; font:bold 1.4em Arial,sans-serif;
                        color: #411c0b; border-bottom: 1px solid #411c0b;}
div#contenu h2 span   { margin-top:3px; float:left; font-size: 0.7em; color: #411c0b;}
div#contenu h2 span a { text-decoration:none;}
div#contenu h3        {	color: #411c0b; font:bold 1.2em Arial,sans-serif; border-bottom: 1px dotted #411c0b;}
div#contenu h4        {	color: #411c0b; 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;}

.tableau_planning     { border-collapse: collapse; width:99%;}
.tableau_planning td  { border:solid 1px #000; padding:3px 6px;}
.tableau_planning tr  { font:normal 0.9em Arial; text-align:center; }

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;}


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

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