body {
font: 0.7em Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
color: #111;
}
li {
list-style-image: url(/site/img/pointCC.gif);
}
h1 {
font: 12pt Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
h2 {
font: 11pt Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #a50021;
}
h2.accueil {
color: #aaa;
}
h2.titre {
color: #aaa;
}
h3 {
font: 11pt Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #aaa;
margin-top: 2em;
line-height: 0.3em;
}
a  {
color: black;
text-decoration: underline;
}
a:hover {
text-decoration: underline;
color: #aaa;
}
#header {
height: 80px;
}
#haut {
margin: 0;padding: 0;
/*border: 1px solid #0f0;*/
}
html>body #haut {
margin: 0 0 1px;
}
#conteneur {
width:980px;
margin: 0 auto;
background: #fff url(/site/img/topstrip.gif) 0 0 repeat-x;
}
#median-title {
margin: 20px 0 0;padding: 0 0 0;
/*background-color:#0f0;*/
}
html>body #median-title {
margin: 18px 0 -1px;
}
#centre {
margin: 1px 225px 0;
/* border: 1px solid #246;*/
}
#centretop {
margin: 0;
padding: 0;
/*border: 1px solid #0f0;*/
float: left;
}
html>body #centretop {
margin: -1px 0 -1px;
}

#gauche {
clear:left;
float:left;
width: 220px;
/*border: 1px solid red;*/
}
#menugauche {
text-align: left;
margin: 0 0 0 2em;
padding: 0 2em;
/*background-color: #ddd;*/
}
#gauchetop {
float:left;
width: 220px;
background: #fff url(/site/img/leftcolumn_top_bg.gif) 0 0 repeat-x;
/*border: 1px solid blue;*/
}
html>body #gauchetop {
margin: -1px 0 0;
}
.navbar {
width: 160px;
margin: 20px 30px 0;
border-top: 1px solid black;
border-right: 2px solid black;
border-bottom: 2px solid black;
border-left: 1px solid black;
}
#droite {
margin-top: 10px;
float:right;
width: 220px;
background-color: #fff;
/*border: 1px solid #f0f;*/
}
html>body #droite {
margin-top: -20px;
}
#footer {
clear:both;
height: 52px;
background: #9c9 url(/site/img/footer_bg.gif) 0 0 repeat;
text-align: center;
color: black;
font-weight: bold;
margin-bottom: 10px; padding: 0;
border-top: 1px solid black;
border-right: 2px solid black;
border-bottom: 2px solid black;
border-left: 1px solid black;
}
.footer-elem {
float: left;
width: 12em;
/*border-right: 1px solid blue;*/
font: 0.8em Verdana, Arial, Helvetica, sans-serif;
margin: 0em 1em;
padding: 2em 1em 0;
}
.footer-elem-right {
float: left;
font: 0.8em Verdana, Arial, Helvetica, sans-serif;
margin: 0em 1em;
padding: 1em 1em 0;
}
#menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
#menuhaut li {
display: inline;
}
#menuhaut a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menuhaut a:hover {
text-decoration: none;
}
#menugauche {
list-style-type: none;
margin: 1em 0;
padding:0;
}
#menugauche li {
margin-bottom: 5px;
}
#menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menugauche a:hover {
text-decoration: none;
}
#menudroit {
list-style-type: none;
margin: 1em 0;
padding:0;
}
#menudroit li {
margin-bottom: 5px;
}
#menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menudroit a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}
.blockinfo,.blockinfol {
  /*margin: 1.1em 0.5em;
  border-right: 0px solid black;
  border-bottom: 0px solid black;
  border-top: 0px solid black;
  border-left: 0px solid black;*/
  background-color: #eee;
}
p.title {
  font-size: 1em;
  font-weight: bold;
  color: #7b7b7b;
  text-align: left;
  margin: 0 0 0 1em;
  padding-right: 0.5em;
  border-bottom: 1px solid #333;
  background-color: #ccc;
}
.blockinfo div.info {
  font-size: 0.9em;
  font-weight: normal;
  color: black;
  text-align: justify;

    /*   margin: 0.5em 1em 1em;*/
  
/*   padding: 0.2em 0.5em;*/
  /*     border: 1px solid #000;*/
  background-color: #fff;
}
.blockinfol div.info {
  font-size: 0.9em;
  font-weight: normal;
  color: black;
  text-align: left;

   /*   margin: 0.5em 1em 1em;*/
/*   padding: 0.2em 0.5em;*/

  /*     border: 1px solid #000;*/
  background-color: #fff;
}
#secuser {
  margin: 1px 1px 10px;
  padding: 0 0;
}