body {
   color: black;
   font-family: Verdana, sans-serif;
   font-size: 0.8em;
   margin: 0;
   padding: 0;
   background-color: #C0C0C0;
   line-height:1.5em;
}

h1{
   font-size: 18px;
   color: #006699;
}

h2{
   font-size: 14px;
   color: #669900;
}

a {
   color: #88B813;
   text-decoration: none;
}
a:hover {
   text-decoration: underline;
}

a img {
   border: none;
   margin: 15px;
}
hr {
   display : block;
   clear:both;
   height: 1px;
   padding: 0;
   color: transparent;
   background-color: transparent;
   border: none;
   border-top : 1px dashed #999999;
   margin : 10px auto 0px auto;
/*marges sous ie*/
   _margin: 13px auto;
}



.imgGauche {
   float: left;
   margin: 0px 20px 20px 0px;
  
}
.imgDroite {
   float: right;
   margin: 0px 0px 20px 20px;
}
.separateur {
   clear: both;
}

#conteneur {
   position: relative;
   width: 793px;
   margin: 0 auto;
   color: black;
   background-color: white;
   border: 1px solid black;
}
#header_accueil {
   height: 155px;
   background: url(../images/headers/header_accueil.jpg) no-repeat;
}
#header_commune {
   height: 155px;
   background: url(../images/headers/header_commune.jpg) no-repeat;
}
#header_cadreDeVie {
   height: 155px;
   background: url(../images/headers/header_cadreDeVie.jpg) no-repeat;
}
#header_vieLocale {
   height: 155px;
   background: url(../images/headers/header_vieLocale.jpg) no-repeat;
}
#header_economie {
   height: 155px;
   background: url(../images/headers/header_economie.jpg) no-repeat;
}
#header_actu {
   height: 155px;
   background: url(../images/headers/header_actu.jpg) no-repeat;
}
#header_info {
   height: 155px;
   background: url(../images/headers/header_info.jpg) no-repeat;
}
#header_assos {
   height: 155px;
   background: url(../images/headers/header_assos.jpg) no-repeat;
}

#barreMenu {
   position: absolute;
   top : 132px;
   left:0;
   width: 780px;
   padding-left: 13px;
   background-color: white;
   border-top: 7px solid #8AB911;
}
#corps {
   margin-left: 200px;
   min-height: 480px;
   _height: 480px;
   padding: 20px 20px 20px 5px;
   text-align: justify;
   color: black;
}

p{	margin-top:0;
	text-indent:25px;}


#corps h2{
border-bottom:#CCCCCC thin solid ;
	}


#gauche {
   position: absolute;
   left: 0;
   padding: 5px;
   padding-top: 20px;
   width: 190px;
}
#footer {
   /*height: 30px;*/
   color: white;
   text-align: center;
   padding: 5px;
   background-color: #2174a1;
}
#footer a {
   color: white;
}

#signature {
    height: 15px;
    color:#666666;
    text-align:right;
    font-size:10px;
    text-align: center;
}
#signature a{
	color:#666666;
}


#gauche #documents {
   padding: 10px 15px 20px 15px;
   height: 170px;
   margin-bottom: 25px;
   background: url(../images/photos/fond_cadre_documents.jpg) repeat-y;
}
#gauche #documents a{
   color: #666666;
   display: block;
   padding: 0px;
   margin: 0px;
}

#gauche p {

text-indent:0;}

#edito {
   color: white;
   height: 187px;
   padding: 10px 15px 20px 15px;
   background: #2274a1 url(../images/photos/coin_edito.jpg) no-repeat top right;
   overflow: hidden;
}
#edito p:first-letter, #actuUne p:first-letter {
   font-size: 20px;
}
#actuUne {
   color: #666666;
   margin-top: 25px;
   padding: 10px 15px 20px 15px;
   border-left: 5px solid #8ab910;
}
#actuUne a {
   color: #e72018;
   font-weight: bold;
}

.statistique div{
margin: auto;
margin-bottom:35px;}

.statistique table { 
padding:5px;
padding-left:15px;
width:100%;

}

.statistique th{
background:#006699;text-align:center;
color:white;}

.statistique td {
background-color:#f5f5f5;
text-align:center;
padding:3px;

}
.statistique caption{ 
   color:#999;
   font-style:italic;
}

.encadre {

background-color: #2174a1 ;
width:95%;
border:#CCCCCC solid 2px;}

.encadre p{
text-indent:0;
color:#FFFFFF;
/*text-align:center;*/
}

.encadre h1 {
color:#FFFFFF;
font-size:18px;
font-weight:bold;}

.encadre h2 {
color:#a3d2ec;
font-size:18px;
border-bottom:#FFFFFF thin solid;}

.encadre div  {
margin: 50px, 0px, 10px, 0px;


}

div .encadre { margin-top:30px;padding:15px;


}
/****************************   menus déroulants   ****************************/

#menu {
   list-style-type: none;
   margin: 0;
   padding: 0px 0 0 0;
}
#menu li {
   
   float: left;
   position:relative;
   margin: 0;
   padding: 1px 3px;
}
#menu li a, #menu li span {
   display: block;
   margin: 0;
   padding: 0;
   color : #2274a1;
   font-size : 12px;
   text-decoration : none;
}
#menu li a:hover {
   text-decoration : underline;
}

#menu .sousMenu, #menu .sousMenu .sousSousMenu {
   display: none;
   position: absolute;
   width: 150px;
   list-style-type: none;
   margin: 4px 0 0 0;
   padding : 0px 0 0 0;
   border: 1px solid #2274a1;
}

#menu .sousMenu li, #menu .sousMenu .sousSousMenu li {
   margin: 0 0 0px 0;
   padding: 0;
   width: 150px;
   background-color : #f4f4f4;
   /*filter:alpha(opacity=90);
   opacity: 0.90;*/
   border-bottom: 1px dotted #2174a1;
}
#menu .sousMenu li a, #menu .sousMenu .sousSousMenu li a {
   display: block;
   color: black;
   font-size : 12px;
   padding: 3px 0px 3px 10px;
   border: 0;
   text-decoration: none;
   /*background: transparent url("images/fondTR.png") repeat;*/
}
#menu .sousMenu li a:hover, #menu .sousMenu .sousSousMenu li a:hover {
   /*background-image: none;*/
   background-color: #8ab910;
   text-decoration: none;
   color:white;
}

/*sous-menus de niveau 2 et plus*/
#menu .sousMenu .sousSousMenu {
   margin: -24px 0 0 151px;
}

/*remplace les javascript => ne fonctionne pas sous ie6 et <*/
/*#menu li:hover > .sousMenu { display: block; }*/