body {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.8em;
   margin: 0;
   padding: 0;
   background-color: #c0c0c0;
}

p {
   margin: 0 0 10px 0;
}

a img {
   border : none;
}

a {
   color : #007c0f;
   text-decoration : none;
}
a:hover {
   text-decoration : underline;
}

hr { display : block;
     height: 1px;
     padding: 0;
     color: transparent;
     background-color: transparent;
     border: none;
     border-top : dashed 1px #bdc1bd;
     margin : 10px auto 0px auto;
     _margin: 3px auto -7px auto;
}

.tabLarge {
   font-size: 12px;
}

.img_gauche{
   float:left;
   margin-right:10px;
}

.img_droite{
   float:right;
   margin-left:10px;
}

.separateur {
   clear: both;
}

.comboBoxAnnuaire{
   width: 150px;
   font-size: 10px;
}



#conteneur {
   position: relative;
   width: 992px;
   margin: 0 auto;
   background-color: white;
   /*border : solid 1px black;*/
}

#pictos {
   position : absolute;
   right : 11px;
   top : 95px;
   font-size : 10px;
   text-align : center;
   margin: 0;
   padding:0;
   /*background-color : red;*/
}



#pictos  ul {
   margin: 0;
   padding:0;
   list-style:none;
}
#pictos  li {
   float: left;
   padding:0;
   margin : 0;
   width : 48px;
}
#pictos  li p{
   position : relative;
   top:-5px;
   color : black;
   margin: 0;
   padding:0;
   clear : both;
}

#corps, #corps_accueil {
   position : relative;
   top : 16px;
   left : 4px;
   padding : 10px 25px 0 25px;
   /*padding-right:25px;*/
   color : #5e5e5e;
   height : 400px;
   /*width : 533px;*/
   /*min-height : 400px !important;*/
   border-right : dashed 1px #bdc1bd;
  /*z-index:1;*/
}
#texte {
   width: 510px;
}
#corps_accueil{
   margin : 0px 230px 25px 0px;
}
#corps {
   margin : 0px 230px 0px 178px;
	background-color: white;
}

html>body #corps,html>body #corps_accueil {
height: auto;
min-height: 400px;
left : 0;
}
/*html>body #corps{
   margin-left : 168px;
} */
html>body #corps_accueil {
   margin-left : 4px;
}



#corps h1, #corps_accueil h1 {
   display : block;
   color : red;
   font-size : 1.7em;
   font-weight : normal;
   margin-bottom : 10px;
   margin : 0;
   padding : 0;
   background-color : transparent;
}
#corps h2, #corps_accueil h2, #droite h2 {
    font-size : 1.4em;
}
#corps h3, #corps_accueil h3, #droite h3 {
    font-size : 1.2em;
}
#corps h4, #corps_accueil h4, #droite h4 {
    font-size : 1em;
}

#corps h2, #corps_accueil h2, #corps h3, #corps_accueil h3, #corps h4, #corps_accueil h4, #corps h5, #corps_accueil h5, #corps h6, #corps_accueil h6, #droite h2, #droite h3, #droite h4, #droite h5, #droite h6  {
   color : red;
   font-weight : normal;
   margin : 0;
   padding : 0;
}
#corps_accueil h3{
   font-weight : bold;
}

#droite h1, #droite h2, #droite h3, #droite h4, #droite h5, #droite h6 {
   color : #007c0f;
   font-weight : bold;
}

#corps p, #corps_accueil p {
   display : block;
   text-align : justify;

}
#actu_accueil{
   border : 1px solid #007c0f;
   /*margin-top : 30px;*/
   background-color: #fff4d3;
}
/*#actu_accueil h1, #actu_accueil h2, #actu_accueil h3, #actu_accueil h4, #actu_accueil h5, #actu_accueil h6{
   color : black;
}*/



#colonnes ul{
   float: left;
   width : 231px;
   margin: 30px 0;
   padding-left: 3px;
   border-left : 1px solid #007c0f;
  /* border-right : 1px solid black;*/
  list-style : none;
  font-weight : bold;
}
#colonnes li{
   margin-bottom : 3px;
}
#colonnes h3{
   margin-bottom : 10px;
}
#colonnes img {
   margin-right : 8px;
   vertical-align : middle;
}

#gauche {
   padding:0;
   margin-top: 10px;
   margin-left: 10px;
   /*position: relative;*/
   float:left;
   /*left:0;*/
/*   margin-top : 16px;*/
   width: 168px;
   /*background-color:red;*/
}

#droite {
   float : right;
   margin : 16px 0 0 0;
   width: 220px;
   color : grey;
   /*text-align : justify;*/
   padding-top : 11px;
   padding-left : 5px;
   padding-right : 5px;
   border-left : dashed 1px #bdc1bd;
}
#droite h1, #droite h2, #droite h3{
   text-align : left;
   margin:0;
   padding : 0;
}
#droite hr{
   width : 150px;
}
#droite p{
   padding : 0;
   margin : 0 5px 20px 5px;
   line-height: 1.5em;
   font-family : tahoma, sans-serif;
}
.image_legende{
   float: left;
   margin : 0 2px;
}
.image_legende p{
   text-align : center;
}
#menu_droit_accueil{
   font-size : 0.9em;
}
#menu_droit_accueil ul{
   list-style:none;
   margin : 10px 0 20px 20px;
   padding:0;
}
#menu_droit_accueil h2{
   color : black;

}
#menu_droit_accueil h4{
   color : black;
   font-weight : bold;
}

#footer {
   padding-top: 30px;
   padding-bottom: 20px;
   height: 30px;
   font-size : 0.8em;
   /*background-color: green;*/
   color : #818181;
   text-align : center;
   clear: both;
}
#footer img{
   vertical-align : middle;
   margin-right : 8px;
}

.middleImg{
   vertical-align : middle;
}

.haut_menu_gauche {
  /* margin: 11px 0 0px 11px;*/
   padding:0;
   width : 168px;
   height : 11px;
   background : url(../images/haut_menu_gauche.jpg) no-repeat left bottom;
}



.menugauche {
   position : relative;
   text-align: center;
   color : white;
   /*top:11px;*/
   /*left:11px;*/
   width : 168px;
   margin: 0px;
   padding : 10px 0 15px 0;
   font-size : 1em;
   background : #77b32a url(../images/bas_menu_gauche.jpg) no-repeat right bottom;
}

.menugauche ul{
   list-style : none;
   font-weight : bold;
   padding : 0;
   margin : 0 5px 20px 5px;
   text-align : center;
}

.menugauche h1 {
   color : #005e1a;
   font-size : 1em;
   padding-top : 5px;
   padding-bottom : 5px;
   margin-left :10px;
   margin-right :10px;
   margin-bottom:10px;
   background-color : white;
   text-align : center;
}

.menugauche li {
   margin-bottom: 5px;
}

.menugauche a {
   color : white;
   text-decoration: none;
}

.menugauche a:hover {
   text-decoration: underline;
}

/******************************************************************************/
/*********************************** headers **********************************/
/******************************************************************************/

#header_accueil{
   background : white url(../images/header_accueil.jpg) no-repeat;
}

#header_commune{
   background : white url(../images/header_commune.jpg) no-repeat;
}

#header_actualite{
   background : white url(../images/header_actualite.jpg) no-repeat;
}

#header_cadreDeVie{
   background : white url(../images/header_cadreDeVie.jpg) no-repeat;
}

#header_economie{
   background : white url(../images/header_economie.jpg) no-repeat;
}

#header_culture{
   background : white url(../images/header_culture.jpg) no-repeat;
}

#header_sports{
   background : white url(../images/header_sports.jpg) no-repeat;
}

#header_jeunesse{
   background : white url(../images/header_jeunesse.jpg) no-repeat;
}

#header_actionSociale{
   background : white url(../images/header_actionSociale.jpg) no-repeat;
}

#header_annuaire{
   background : white url(../images/header_annuaire.jpg) no-repeat;
}

#header_liens{
   background : white url(../images/header_liens.jpg) no-repeat;
}

#header_acces{
   background : white url(../images/header_acces.jpg) no-repeat;
}

#header_accueil, #header_commune, #header_actualite, #header_cadreDeVie, #header_economie, #header_culture, #header_sports, #header_jeunesse, #header_actionSociale, #header_annuaire, #header_liens, #header_acces{
   position : relative;
   height: 168px;
   color : black;
   border-bottom : dashed 1px #bdc1bd;
}









/* modules */
.telechargerTitre{
   background-color:#ffffff;
   border:1px solid #77b329;
   /*color:#000000;*/
   text-align:left;
   padding:4px;
}
.telechargerFichier{
   background-color:#77b329;
   text-align:center;
   width:68px;
   padding:4px;
}
.telechargerFichier a{
   color:#FFFFFF;
}






/*menus*/


#barremenu {
   position: absolute;
   top : 140px;
   width: 812px;
/*   height : 28px;*/
   padding-left : 180px;
   border-top : dashed 1px #bdc1bd;
   z-index: 10;
}
#barremenu h3{
/*display : inline;*/
   padding: 5px 0 0 0;
   margin: 0 0 0 -175px;
   color : #818181;
   font-weight : bold;
   font-size : 1em;
   /*padding-top : 5px;*/
}


#menu {
   height: 10px;
   list-style-type: none;
   margin: 0;
   padding: 0px 0 0 0;

}
#menu li {
   float: left;
   position:relative;
   top : -15px;
   margin: 0;
   padding: 0 15px;
   /*width : 100px;*/
   /*text-align : center;*/
   /*background-color : red;*/
}
#menu li a {
   display: block;
   margin: 0;
   padding: 0;
   color : #007c0f;
   font-weight : bold;
   font-size : 12px;
   text-decoration : none;
}
#menu li a:hover {
   text-decoration : underline;
}

#menu .sousMenu {
   display: none;
   position: absolute;
   /*position:relative;
   top :    8px; */
   width: 130px;
   list-style-type: none;
   margin: 8px 0 0 0;
   padding : 5px 0 10px 0;
   background-color : #77b329;
   filter:alpha(opacity=90);
   opacity: 0.9;

}

#menu .sousMenu li {
   float: none;
   position:relative;
   top : 2px;
   margin: 0;
   padding: 0 0 5px 0;
   /*padding: 2px 5px;*/
   width: 130px;
   /*border-top: 1px solid transparent;
   border-right: 1px solid transparent;*/
   /*background-color : #77b329;*/
   /* opacity: 0.5;*/
   /*filter:alpha(opacity=85);*/
}
#menu .sousMenu li a {
   display: block;
   color: #ffffff;
   font-size : 10px;
   margin: 0;
   padding-left: 5px;
   border: 0;
   text-decoration: none;
   /*background: transparent url("images/fondTR.png") repeat;*/
}
#menu .sousMenu li a:hover {
   /*background-image: none;*/
   background-color: #F2462E;
   text-decoration: none;
}

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