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

div#conteneur {
 margin: 0 auto;
 text-align: left;
 width: 760px;
 background: #fff;
 border:30px solid #fdfdfb;
}

body#showlateral div#conteneur {
 background: url(images/fond_accueil.jpg) repeat-y left top;
}

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

h1#header a span {
 display: none;
}

#menu, #menu ul        { height: 25px; margin: 0; padding: 0; background: #418e40; list-style-type: none; z-index: 5;}
#menu li               { float: left; text-align: left;}
#menu li a             { font:normal 1.1em/25px helvetica,sans-serif; margin:0;  padding:0 5px; letter-spacing:0.7px; color:#fff; display:block;
                         text-decoration:none; border-left:1px solid #6dc293; border-right:1px solid #6dc293; text-align:center;}
#menu li:hover,
#menu li:focus,.selec  { color: #000; background: #1d641c;}
#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: #adcae8; color: #000;}

#menu li ul li:hover,
#menu li ul li:focus   { background: #6a8ebb; color:#6a8ebb;}
#menu li ul li a       { font:normal 0.9em/25px helvetica,sans-serif; margin:0; padding:0; text-decoration:none; height:25px; text-align:center; color: #000;}
#menu li ul li a:hover { background: #e2e3de;}

#menu li:last-child  { border-right:0px solid #6dc293;}
#menu li ul li:last-child { border-bottom:1px solid #6dc293; border-right:0;}

.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:205px; margin:15px 1px 0 0; padding:0; z-index:2; position:relative; border: 0;}
html>body div#sousmenu    { margin:10px 2px 0 0;}
div#sousmenu h2		      { text-align:center; line-height: 25px; font-size: 1em; color: #fff; background: #418e40; padding:0; margin:15px 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 a            { color: #023680; text-decoration: none;}
div#sousmenu a:hover      { color: #b43313; text-decoration: none;}

body#showlateral div#contenu { margin : 0px ; padding: 10px 230px 10px 20px;}
div#contenu           { margin : 0px ; padding: 10px 20px; }
div#contenu h2        { text-align:right; padding-left: 0px; line-height: 25px; font-size: 1.3em; color: #023680; border-bottom: 1px solid #287CB1;}
div#contenu h2 span   { margin-top:3px; float:left; font-size: 0.7em; color: #023680;}
div#contenu h2 span a { text-decoration:none;}
div#contenu h3        {	color: #023680; font:bold 1.2em Georgia,serif; border-bottom: 1px dotted #accbdf;}
div#contenu h4        {	color: #023680; font:bold 1em Georgia,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: #b43313;}

.cadre_annonces         { border:1px solid silver;font-family:Arial,sans-serif;margin:12px 0;padding:3px 5px;width:708px;}
.cadre_annonces_ligne   { border-bottom:#0F337F 1px solid;font-size:10pt;margin:0 0 10px;padding:0 0 10px;width:100%;}
.cadre_annonces p       { margin:6px 0;padding:0;}
.cadre_annonces_ligne p { margin:0;padding:0;}

#annonces_cat {
  list-style-type: none;
  margin: 10px 0 60px 0;
  padding:0;
}


#annonces_cat li {
  width:129px;
  height:30px;
  margin:0 8px 0 0;
  display:block;
  float:left;
  border:1px solid #6dc293;
  background:#418e40;
  color:#fff;
  text-align:center;
}

#annonces_cat li.last {
  margin:0;
  width:162px;
}

#annonces_cat li.sel, #annonces_cat li:hover {
  border:1px solid #77aee4;
  background:#1774d0;
}

#annonces_cat li a,#annonces_cat li a:hover  {
 color:#fff;
 text-decoration:none;
 display:block;
 padding:5px 3px;
 width:96%;
 height:20px;
}

#form_ecrire{margin:0;text-align:center;}
#form_ecrire fieldset{background:#e3f8e9;border:1px solid #0f337f;margin:20px 6px 0;padding:10px;position:relative;text-align:left;}
#form_ecrire legend{background:#0f337f;border:1px solid #0f337f;color:#fff;font-size:90%;font-weight:700;padding:0 0.5em;position:absolute;top:-0.7em;}
#form_ecrire label{float:left;margin:4px 0;padding:0 20px 0 0;text-align:right;width:180px;}
#form_ecrire input{background:#fff;border:1px solid #0F337F;font:normal 9pt Arial, sans-serif;margin:4px 0;padding:2px;}
#form_ecrire textarea{background:#fff;border:1px solid #0F337F;font:normal 9pt Arial, sans-serif;margin:0 6px;padding:5px;width:96%;}
#form_ecrire .buttonok{background:#74d190;border:1px solid #0f337f;color:#0F337F;font-weight:700;margin:10px 0 20px;padding:3px;}
#form_ecrire .infos{font:italic 9pt Verdana, sans-serif;margin:1px;padding:0;text-align:center;}
#form_ecrire p{margin:4px 0;}



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

#tablecal td { border: 1px solid silver;}
#tablecal tr { text-align:center; height:23px;}
#tablecal    { border-collapse: collapse; width: 100%;}
.bleu        { background: rgb(204, 255, 255);}
.bleufonce   { background: rgb(153, 204, 255);}
.violet      { background: rgb(255, 153, 204);}
.jaune       { background: rgb(255, 255, 153);}
.vert        { background: rgb(204, 255, 204);}
.mois        { height: 20px; background: silver; font: 9pt Arial; font-style: italic; text-align:left; padding-left:10px;}
.entete      { height: 29px; background: navy; font-size: 10pt; color: white;}

#messageChargement{background:#99CCFF;display:none;height:20px;left:50%;padding:10px;position:fixed;text-align:center;top:10%;width:200px;}

div#footer {
 width:99%;
 text-align:right;
 color: #000;
 padding:20px 0 0 0;
 font:normal 0.9em helvetica,sans-serif;
 clear:both;
 margin-bottom:-20px;
}