body {
height:100%;
margin-left:0;
margin-right:auto;
margin-top:0;
width:auto;
}
#header {

height:160px;
width: 100%;
background-image:url('../images/fond.jpg');
background-repeat: repeat-x;

}

#logo{
background-image:url('../images/i-eco.jpg');
background-repeat: no-repeat;
float: left;
height:160px;
width: 890px;
}
#menu_top{
width: 100%;
height: 41px;
text-align: center;
margin-top: 2%;
border-bottom: 1px solid #868686;
margin-bottom: 0;
padding: 0;

}
#menu_top a{
font-family:Calibri,"Times New Roman",Times,serif;
color: #131212;
font-weight: italic;
font-size: 1.3em;
vertical-align: center; 
}
#bar{
width: 889px;
height: 35px;
background-image: url('../images/fond_bar.jpg'); 
border-bottom: 2px solid black;
border-top: 1px solid black;
}
#menu{
float: left;
width: 176px;
height: 100%;
margin-left: 5px;
font-family:"Lucida Sans Unicode","Trebuchet MS";
font-weight:inherit;
line-height: 20px;
margin-top: 10px;
}
#menu .element_menu .bloc {
background:transparent url('../images/fond-bottom.jpg') scroll left bottom;
background-repeat: no-repeat;
padding-bottom: 3px;
}
#menu .element_menu .bloc_publicite {
background:transparent url('../images/fond-bottom.jpg') scroll left bottom;
background-repeat:no-repeat;
font-size:15px;
height:650px;
padding-bottom:3px;
text-align:center;
}
#menu .element_menu a, li{

color: #14141a;
font-size:0.98em;
vertical-align:middle;
font-size: 0.9em;
}
#menu .element_menu ul{
list-style-type: none;
padding-left: 0px;
padding-left: 5px;
}
#menu li:hover{
background-color: #D6D6D6;
border-bottom: 1px solid #b2b4b5;
}
#menu .element_menu h2 {
font-family:serif;
font-size:0.9em;
line-height:8px;
}
#menu .element_menu h4 {
background-image: url('../images/menu-top.jpg');
background-repeat: no-repeat;
text-align: center;
color: #0b88a8;
font-family:"Lucida Sans Unicode","Trebuchet MS";
font-weight:inherit;
border-bottom: 1px solid #b2b4b5 ;
width: 176px;
}

.img{

background-image: url('../images/fond_img.jpg');
background-repeat: repeat-x;
}

#corps{

width: auto;
margin-left: 195px;
margin-right: 1%;
min-height: 1800px;
margin-top: 30px;
height: auto;
padding-left: 15px;
padding-right:15px;
font-family: Calibri,Times new roman,"Trebuchet MS",Verdana,Geneva,Arial,Helvetica;
font-weight:inherit;
color: #23282a;
background:#F2F4F3 url('../images/fond_corps.jpg') no-repeat scroll 0% 0%;
background-position: top right;
border: 1px solid #b2b4b5;
-moz-border-radius : 10px 10px 10px 10px; 
}

a{
text-decoration: none;
}
#corps h1{
background: url(../images/fond_news.png) no-repeat scroll left center;
border-bottom:2px solid #D6D6D6;
border-left:2px solid #D6D6D6;
font-size: 1.5em;
font-weight:inherit;
padding-left: 65px;
color: #0b88a8;
}

#corps h2{
border-bottom:1px solid #D6D6D6;
font-size: 1.4em;
font-weight:inherit;
color: #004d69;
padding-left: 2%;
}

#corps dt {
color:#415B72;
font-size:1.2em;
height:30px;
padding-left:30px;
text-align:left;
}

#corps table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 2px outset Red; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

#corps th /* Les cellules d'en-tête */
{
   background-color: Red;
   color: white;
   
   font-size: 1.1em;
   text-align: center;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
   padding: 10px
}

#corps td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

#corps form /* Les formulaires*/
{
   
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
  
}
#livreor{
width: 97%;
height: auto;
}
.deposer_message{
border-top: 1px dashed #ABA7A7;
border-bottom: 1px dashed #ABA7A7;
padding-bottom: 15px;
margin-bottom: 1%;
margin-top: 15px;
}
.contenu_message{
margin:0px auto 15px;
background-color: #E5E5E5;
border: 1px solid #ABA7A7;
padding-left: 5px;
padding-right: 5px;
width: auto;
-moz-border-radius: 3px;
}
.contenu_titre{
border-bottom: 1px dashed #ABA7A7;
}
.titre_h2{
font-size: 1.1em;
font-weight:inherit;
color: #0B88C1;
display: inline;
border: none;
padding: 0;
}
.contenu_message p{

padding-left: 15px;
padding-right: 15px;
font-size: 0.9em;
text-indent: 0px;
}
.center
{
text-align: center;
}
.acronym{
cursor:help
}
.spacer {
clear:both;
}
#footer{

width: 100%;
display:block;
height: 150px;
text-align:center;
margin-top: 2%;
font-family:"Lucida Sans Unicode","Trebuchet MS",Verdana,Geneva,Arial,Helvetica;
font-size: 0.9em;
font-weight:inherit;
color: #23282a;
background-color: #f2f3f3;
border: 1px solid #b2b4b5;
}