body {
   font-family: Verdana, sans-serif;
   font-size: 0.8em;
   margin: 0;
   padding: 0;
   background-color: #c0c0c0;
}
a {
   color: #299e00;
   text-decoration: none;
}
a:hover {
   text-decoration: underline;
}
a img {
   border: none;
}
h1 {
/*   color: #f47900;*/
   color: #4f7936;
   font-size: 18px;
   margin: 0px 0px 15px 0px;
   padding: 0px;
}
h2 {
   color: #f47900;
   font-size: 14px;
   margin: 30px 0px 0px 0px;
   padding: 2px 5px 2px 5px;
   border-bottom: 1px solid #ff9833;
}
h3 {
   color: navy;
   font-size: 12px;
   margin-top: 0;
}
hr {
   display : block;
   height: 1px;
   padding: 0;
   color: transparent;
   background-color: transparent;
   border: none;
   border-top : 1px dashed grey;
   margin : 0px auto;
   /*marges sous ie*/
   _margin: -7px auto;
}

.separateur {
   clear: both;
}


/***************************   structure générale   ***************************/

#conteneur {
   position: relative;
   width: 880px;
   margin: 0 auto;
   color: black;
   background-color: white;
   border: 1px solid black;
}
#header_accueil, #header_communaute, #header_economie, #header_tourisme, #header_services, #header_communes, #header_liens, #header_contact, #header_actualite, #header_mentions, #header_inscriptionNL, #header_extranet {
   height: 132px;
   color: white;
   margin-bottom: 10px;
   background-image: url(../images/bandeaux/headerAccueil.jpg);
}
#header_accueil, #header_liens, #header_contact, #header_actualite, #header_mentions, #header_inscriptionNL {
   background-image: url(../images/bandeaux/headerAccueil.jpg);
}
#header_communaute {
   background-image: url(../images/bandeaux/headerCommunaute.jpg);
}
#header_economie {
   background-image: url(../images/bandeaux/headerEconomie.jpg);
}
#header_tourisme {
   background-image: url(../images/bandeaux/headerTourisme.jpg);
}
#header_services {
   background-image: url(../images/bandeaux/headerServices.jpg);
}
#header_liens {
   background-image: url(../images/bandeaux/headerLiens.jpg);
}
#header_contact {
   background-image: url(../images/bandeaux/headerContact.jpg);
}
#header_actualite {
   background-image: url(../images/bandeaux/headerActualites.jpg);
}
#header_communes {
   background-image: url(../images/bandeaux/headerCommunes.jpg);
}
#header_extranet {
   background-image: url(../images/bandeaux/headerExtranet.jpg);
}
#header-print{
   display: none;
   margin-bottom: 10px;
}

#corps {
   margin: 0px 50px 0px 180px;
   height: 400px;
   padding: 0px 20px 20px 20px;
   text-align: justify;
   color: black;
   /*background-color: white;*/
}
html>body #corps {
   height: auto;
   min-height: 400px;
}

#gauche {
   position: absolute;
   left: 0;
   top: 132px;
   padding: 0px;
   background-image: url(../images/central_menu_gauche.png);
}
#fond_top_menu{
   background-image: url(../images/top_menu_gauche.png);
   background-repeat: no-repeat;
   background-position: top;
}
#fond_top_menu2{
   background-image: url(../images/top_menu_gauche_accueil.png);
   background-repeat: no-repeat;
   background-position: top;
}
#fond_bottom_menu{
   background-image: url(../images/bottom_menu_gauche.png);
   background-repeat: no-repeat;
   background-position: bottom;
}
#gauche_menu{
   min-height: 180px;
   _height: 180px;
   width: 129px;
   padding: 90px 20px 170px 10px;
}

#footer {
   background-image: url(../images/fond_pied.png);
   background-repeat: repeat-x;
   background-position: bottom;
   color: white;
   text-align: center;
   margin-top: 10px;
   padding-top: 10px;
   height: 15px;
   font-size: 11px;
   font-weight: bold;
}

#footer a {
    color: white;
}

#signature {
    position: relative;
    width: 880px;
    margin: 10px auto;
    height: 15px;
    color:#666666;
    text-align:right;
    font-size:10px;
    text-align: center;
}
#signature a{
    color:#666666;
}
@media print{
    #conteneur {width:100%; border:none;}
    #header-print {display:block;}
    #header {display:none;}
    #gauche {display:none;}
    #corps{margin:0px;}
    #menu{display:none;}
    #boite_outils{display:none;}
    #footer img{display:none;}
    #footer .texte{position:relative;width:auto;}
}

.bouton{
    border:1px solid #333333;
    background-color:#ebebeb;
    color:#333333;
    font-weight:bold;
}
.entete_tableau{
    font-weight:bold;
    color:#f5f5f5;
    display:table-cell;
    vertical-align:top;
    text-align:left;
    background-color:#789ab1;
    padding-left:5px;
}

/*------------------------------------*/
/*-------- menu de gauche ------------*/
/*------------------------------------*/


#menu_left{
    margin: 0px;
    padding: 0px;
}

#menu_left li{
    list-style: none;
    display: block;
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 5px 0px;
}

#menu_left a{
    font-size: 12px;
    font-weight: bold;
    color: #202020;
}
#menu_left .sousSousMenu{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
    border-left: 1px #606060 solid;
}
#menu_left .sousSousMenu a{
    font-weight: normal;
}
a#bouton_inscrire{
    margin: 5px 20px 5px 19px;
    background-color: #8fd95f;
    border: 1px black outset;
    padding: 3px;
    display: block;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
#bouton_inscrire:hover{
    background-color: #ffbb03;
    text-decoration: none;
}
#bouton_inscrire:active{
    border: 1px black inset;
}

/*------------------------------------*/
/*-------- menu de gauche ------------*/
/*------------------------------------*/
#raccourcis{
    position: absolute;
    right: 10px;
    top: 102px;
    z-index: 3;
/*    background-color: red;*/
}
#raccourcis ul{
    padding: 0px;
    margin: 0px;
}
#raccourcis li{
    display: inline;
    list-style: none;
    padding: 0px;
    margin: 0px;
}
#raccourcis li a{
}

/*******************************************************************************
*********************          MODULE DELIBERATIONS        *********************
*******************************************************************************/
/*Liste des fichiers*/

.moduleDeliberations h1 {

}
.moduleDeliberations table {
   width: 100%;
}
.moduleDeliberations .document a{
   color: black;
}
.moduleDeliberations .document {
   color: black;
   padding: 2px 10px;
   margin: 0;
}

/*******************************************************************************
*********************          MODULE COMMISSIONS ET SERVICES ******************
*******************************************************************************/
ul.page-menu{
}

ul.page-menu li{
    list-style: none;
    list-style-image: url(../images/pastilles-verte.gif);
    padding-bottom: 5px;
}

ul.page-menu li a{
    color: black;
}

/*******************************************************************************
***************   FICHE VOLANTE ANNUAIRE ***************************************
*******************************************************************************/
#fiche_volante_annuaire{
    display:none;
    position:absolute;
    background-color: white;
    border: 1px black solid;
    padding: 0px;
    z-index: 4;
    width: 300px;
}
#fiche_volante_annuaire_header{
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 20px;
    background-color: #ff9833;
}
#fiche_volante_annuaire_content{
    padding: 10px;
    margin: 0px;

}
#fiche_volante_annuaire_footer{
    font-size: 9px;
    background-color: #0f6a1a;
    color: white;
    padding: 3px;
    text-align: center;
}

#fiche_volante_annuaire_content img{
    float: right;
    max-width: 100px;
    _width: 100px;
    margin: 10px;
}
#fiche_volante_annuaire_content h2{
    border: none;
    margin-top: 0px;
}
#fiche_volante_annuaire_content p{
    text-align: justify;
}

/*------------------------------------*/
/*-------- fiche commune -------------*/
/*------------------------------------*/
.fiche_commune{
    margin: 0px 130px 0px 0px;
}
.fiche_commune img{
    margin: 10px;
}
.fiche_commune .listes-complementaires{
    width: 70%;
}
.fiche_commune .listes-complementaires div{
}
.fiche_commune .listes-complementaires div ul{
    list-style: url(../images/pastilles-verte.gif);
}
.fiche_commune .listes-complementaires .left{
    float: left;
}
.fiche_commune .listes-complementaires .right{
    float: right;
}


/*------------------------------------*/
/*-------- droite ------------------*/
/*------------------------------------*/
#droite{
   position: absolute;
   right: 10px;
   top: 150px;
   padding: 0px;
   margin: 0px;
   width: 160px;
}
#droite h1{
    font-size: 14px;
    padding: 0px;
    margin: 5px 5px 2px 2px;
}
.scroll_actu{
    border: 1px solid #a9520e;
}
.scroll_actu h1, .scroll_actu h2, .scroll_actu p, .scroll_actu a{
    color: #a9520e;
}
.scroll_calendrier{
    border: 1px solid #4f7936;
}
.scroll_calendrier h1, .scroll_calendrier h2, .scroll_calendrier p, .scroll_calendrier a{
    color: #4f7936;
}
.actu_defilantes{
    position: absolute;
    padding: 5px;
    margin: 5px 0px 10px 0px;
    width:150px;
}
.actu_defilantes h1{
    font-size: 12px !important;
    padding: 0px;
    margin: 0px;
}
.actu_defilantes h2{
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    padding: 0px;
    margin: 0px;
    border: none;
}
.actu_defilantes p{
    font-size: 10px;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
}

/*------------------------------------*/
/*-------- a savoir ------------------*/
/*------------------------------------*/
#a-savoir{
   position: absolute;
   right: 10px;
   top: 150px;
   padding: 0px;
   margin: 0px;
   width: 160px;
}
#a-savoir p{
    margin: 0px;
    width: 140px;
    padding: 5px;
    color: #334d23;
}
#a-savoir h1{
    padding: 0px 0px 0px 5px;
    margin: 0px 0px 5px 0px;
    color: #4f7936;
    font-size: 12px;
    font-weight: bold;
    border-left: 15px solid #4f7936;
    width: 140px;
}
#a-savoir .liste-liens{
    padding: 0px 0px 0px 20px;
    margin: 0px;
}

/*------------------------------------*/
/*-------- page-commune --------------*/
/*------------------------------------*/
.page_commune h2{
   padding: 2px 5px 2px 0px;
}

.page_commune h3{
   color: #404040;
   font-size: 12px;
   margin: 10px 5px 5px 5px;
   padding: 0px 0px 0px 0px;
}

.page_commune p{
    margin: 5px;
    padding: 0px 0px 0px 0px;
    text-indent: 15px;
    text-align: justify;
}
.page_commune p:first-letter{
    color: #f47900;
    font-size: 15px;
    font-weight: bold;
}

/*------------------------------------*/
/*-------- accueil -------------------*/
/*------------------------------------*/
#accueil{
    padding: 10px 0px 0px 0px;
    margin: 0px 130px 0px 0px;
}

#edito_accueil{
}
#edito_accueil h2{
    margin: 15px 0px 15px 0px;
    padding: 0px;
}

#carte_accueil{
    margin: 15px 0px 15px 0px;
}


#logo_accueil{
    clear: both;
    padding: 10px 0px 0px 0px;
    margin: 25px 0px -50px 0px;
    text-align: center;
}
#logo_accueil ul{
    margin: 0px;
    padding: 0px;
}
#logo_accueil li{
    list-style: none;
    display: inline;
    margin: 0px 5px 0px 5px;
    padding: 0px;
}

.menu_accueil{
}
.menu_accueil li{
    list-style: none;
    margin: 5px 0px 5px 0px;
}
#menu_accueil_services{
    float: right;
    width: 40%;
}
#menu_accueil_institution{
    width: 40%;
}