body{
margin:0;
padding:0;
font-family: Arial, Century Gothic,Helvetica,Sans-serif;
font-size: 14px;
color:#666666;
}

a{
color:#1AB803;
}

#interface{
margin:10px auto;
width:1000px;
}

/***********/
/* Loading */
/***********/

#loading{
width:300px;
margin:0px auto;
text-align:center;
padding:100px 0px;
}

/**********/
/* Header */
/**********/

#header{
padding-bottom:20px;
height:150px;
background:url(header.png) no-repeat;
}

/***********/
/* Sitemap */
/***********/

#sitemap{
height:35px;
line-height:35px;
border:1px solid #1AB803;
color:#1AB803;
padding-left:25px;
background-color:#ffffff;
}

/***********************/
/* Div Menu et Content */
/***********************/

#divCenter{
margin:0;
padding:15px 0;
border-left:1px solid #1AB803;
border-right:1px solid #1AB803;
background-color:#ffffff;
}

#divLeft{
float:left;
width:150px;
}

/********/
/* Menu */
/********/

#menu{
width:150px;
font-size:12px;
letter-spacing:1px;
margin-bottom:10px;
margin-left:5px;
height:auto;
}

#menu h1{
border-right:1px solid #555555;
border-bottom:1px solid #555555;
border-top:1px solid #bbf5bb;
border-left:1px solid #bbf5bb;
margin:0;
padding:0;
width:150px;
color:#1AB803;
text-align:center;
height:30px;
line-height:30px;
font-size:18px;
margin-bottom:3px;
}

#menu #deplierMenu{
line-height:15px;
width:150px;
margin:2px 0;
font-size:9px;
height:15px;
text-align:center;
cursor:pointer;
color:#1AB803;
font-weight:bold;
background-color:#fff47d;
border:1px solid #1AB803;
}

#menu ul{
list-style-type:none;
display:block;
margin:0;
padding:0;
}

#menu ul li{
position:relative;
float:left;
margin:0;
height:auto;
margin:1px 0px;
width:148px;
padding-left:2px;
line-height:25px;
cursor:pointer;
color:#333333;
font-size:12px;
border:1px solid #1AB803;
background-color:#1AB803;
}

#menu li ul{
display:none;
position:relative;
width:100%;
padding:0;
left:0px;
margin:0;
list-style-type:none;
list-style-image:none;
}

#menu li ul li{
margin:0;
padding:0;
position:relative;
line-height:15px;
color:#333333;
font-weight:normal;
font-size:11px;
padding:3px 0px;
padding-left:2px;
width:146px;
border:none;
border-bottom:1px dotted #1AB803;
background-color:#fff;
}

#menu .lienMenu{
font-weight:bold;
letter-spacing:1px;
}

#menu .lienSousMenu{
font-weight:bold;
}

#menu ul li a{
color:#333333;
display:block;
}

#menu .lienMenuHover{
color:#1AB803;
background-color:#ffffff;
}

#menu .lienSousMenuHover{
text-decoration:underline;
}

/************/
/* Bloc Bis */
/************/

#blocBis{
height:100px;
top:10px;
position:relative;
clear:left;
margin-left:5px;
}

#blocBis ul{
margin:0;
padding:0;
padding-left:20px;
width:130px;
border:1px solid #1AB803;
}

#blocBis ul li{
list-style-type:square;
line-height:30px;
height:30px;
text-align:left;
color:#1AB803;
}

/***********/
/* Contenu */
/***********/

#content{
padding:0px;
width:795px;
margin-left:180px;
}

#content h1{
margin:20px 0;
font-size:26px;
font-weight:normal;
text-decoration:underline;
text-align:center;
color:#0D0084;
}

/****************/
/* Pied de page */
/****************/

#footer{
margin:0;
padding:0;
clear:both;
height:54px;
line-height:25px;
font-size:12px;
text-align:center;
color:#ffffff;
background:url(footer.jpg) no-repeat;
}

#footer #visiteurs{
margin-left:50px;
}

#footer .nbVisiteursSpan{
text-decoration:underline;
font-size:16px;
}

#footer .nbVisiteurs{
font-weight:bold;
color:#FFFF03;
}

#footer #administration{
margin:0;
padding:0;
}

#footer a{
text-decoration:underline;
margin:0;
padding:0;
color:#FFFFFF;
}

/*********/
/* Météo */
/*********/

.meteo{
position:absolute;
top:0px;
margin-left:800px;
width:150px;
z-index:999999;
}

.meteo img{
width:100%;
text-align:center;
}

.meteo #meteoCache{
margin-left:6px;
display:none;
background:url(meteo_fond.png) repeat-y;
text-align:center;
}

.meteo #meteoCache h1{
font-size:18px;
margin:0;
padding:0;
color:#ee0000;
text-decoration:underline;
font-family:Baskerville Old Face;
}

.meteo #meteoCache .temp{
margin:0;
padding:2px 0;
color:#1AB803;
font-weight:bold;
}

.meteo #meteoCache img{
width:40px;
margin-bottom:5px;
background-color:#fff47d;
}

/**************/
/* Actualités */
/**************/

#actualites .actu{
width:95%;
border-right:1px solid #555555;
border-top:1px solid #bbf5bb;
border-left:1px solid #bbf5bb;
border-bottom:1px solid #555555;
margin-bottom:20px;
padding:10px;
color:#000000;
}

#actualites a{
text-decoration:underline;
color:#1AB803;
}

#actualites .dateActu{
text-align:right;
font-size:11px;
}

/***************/
/* Démographie */
/***************/

#evolutionsDemographiques h2{
padding:5px 0;
font-size:22px;
font-weight:normal;
font-style:italic;
text-align:center;
color:#ee4022;
cursor:pointer;
}

#evolutionsDemographiques table{
width:80%;
margin-left:10%;
border-collapse:separate;
border-spacing:1px;
text-align:center;
margin-bottom:20px;
}

#evolutionsDemographiques table caption{
text-align:left;
text-decoration:underline;
font-style:italic;
}

#evolutionsDemographiques table th{
background-color:#aaeeaa;
padding:5px 0;
font-weight:bold;
}

#evolutionsDemographiques table td{
background-color:#F1FD57;
}

#evolutionsDemographiques table tr.total{
font-weight:bold;
font-style:italic;
}

/**********************************/
/* Présentation Conseil Municipal */
/**********************************/

#presentationsMunicipales table{
width:80%;
margin-left:10%;
border-collapse:separate;
border-spacing:10px;
text-align:center;
margin-bottom:20px;
}

#presentationsMunicipales div{
padding:10px 0px;
}

#presentationsMunicipales img{
width:150px;
height:200px;
}

/************************/
/* Réunions Municipales */
/************************/

#reunions .blocReunion{
border-top:1px solid #ee0000;
border-left:1px solid #ee0000;
border-right:1px solid #ee0000;
border-bottom:1px dotted #ee0000;
padding:5px 0;
width:60%;
margin:0px auto;
cursor:pointer;
}

#reunions .blocReunion .date{
text-align:center;
line-height:30px;
color:#1AB803;
font-size:16px;
font-weight:bold;
}

#reunions .blocReunion .labelOrdreJour{
text-align:center;
margin:20px auto;
font-size:18px;
color:#dd0000;
font-family:"Times New Roman", Times, serif;
text-decoration:underline;
width:150px;
}

#reunions .blocReunion .ordreJour{
text-align:justify;
padding:10px;
letter-spacing:1px;
font-size:12px;
color:#000000;
}

#reunions .cr{
width:60%;
text-align:center;
margin:0 auto;
margin-bottom:10px;
line-height:30px;
height:30px;
border-bottom:1px solid #ee0000;
border-right:1px solid #ee0000;
border-left:1px solid #ee0000;
}

#reunions .cr a{
color:#555555;
text-decoration:underline;
}


/*****************************/
/* Commission et Délégations */
/*****************************/

#listeCommissions ul, li{
margin:0;
padding:0;
}

#listeCommissions li.first{
line-height:30px;
color:#000000;
text-align:center;
font-size:16px;
font-weight:bold;
letter-spacing:2px;
font-family:Times New Roman;
list-style-type:none;
border:1px solid #000000;
width:50%;
margin:10px auto;
}

#listeCommissions li.firstHover{
cursor:pointer;
background-color:#000000;
color:#ffffff;
}

#listeCommissions li.second{
padding:10px 0;
color:#0000ee;
font-size:14px;
}

#listeCommissions li.third{
padding:5px 0;
color:#1AB803;
font-size:12px;
text-decoration:none;
}

/************************/
/* Calendrier des fêtes */
/************************/

span.titre{
margin-left:300px;
font-size:20px;
color:#000000;
}

span#previousYear{
font-size:16px;
padding:0px 10px;
color:#ee0000;
font-weight:bold;
cursor:pointer;
}

span#currentYear{
color:#1ab803;
font-weight:bold;
text-decoration:underline;
font-size:20px;
font-style:italic;
}

span#nextYear{
font-size:16px;
font-weight:bold;
padding:0px 10px;
color:#ee0000;
cursor:pointer;
}

#calendrierFetes .mois{
margin:10px 0;
font-size:20px;
color:#1AB803;
font-weight:bold;
font-family:"Comic Sans MS", "Times New Roman";
}

#calendrierFetes .dateEvent{
color:#ee0000;
font-weight:bold;
}

#calendrierFetes .titreEvent{
letter-spacing:1px;
color:#000000;
font-weight:bold;
}

#calendrierFetes ul li{
margin:5px 0;
}

/*******************/
/* Revue de presse */
/*******************/

#revueDePresse a{
padding:5px 0px;
background-color:#bbfabb;
border:1px solid #00ee00;
text-align:center;
width:50%;
margin:0px auto;
margin-bottom:15px;
display:block;
}

#revueDePresse a .date{
padding-left:10px;
margin-bottom:10px;
font-weight:bold;
text-align:center;
text-decoration:underline;
}

#revueDePresse .titreHover{
padding:5px 0px;
background-color:#ffff66;
border:1px solid #ffcc33;
text-align:center;
width:50%;
}

/****************/
/* Associations */
/****************/

#associations .blocAsso{
border:1px solid #ee0000;
padding:5px 0;
width:60%;
margin:10px auto;
cursor:pointer;
}

#associations .blocAsso .nom{
text-align:center;
line-height:30px;
color:#1AB803;
font-size:16px;
font-weight:bold;
}

#associations .blocAsso .president{
border-top:1px dotted #ee0000;
line-height:30px;
letter-spacing:1px;
color:#ee0000;
font-size:14px;
padding:10px 0;
padding-left:50px;
}

#associations .blocAsso .numTel{
line-height:30px;
letter-spacing:1px;
font-size:14px;
margin-left:50px;
}

#associations .blocAsso .description{
margin:10px;
letter-spacing:1px;
font-size:12px;
color:#000000;
}

/*******************/
/* Galeries Photos */
/*******************/

#albumsPhotos{
width:500px;
margin: 0px auto;
text-align:center;
}

#albumsPhotos a{
padding:10px 20px;
background-color:#fff47d;
border:1px solid #ffd47d;
text-align:center;
width:50%;
margin:10px auto;
font-weight:bold;
display:block;
}

#albumsPhotos a.hoverAlbumPhoto{
background-color:#bbfabb;
border:1px solid #1AB803;
}

#mosaique{
width:710px;
margin:0 auto;
}

#mosaique a{
float:left;
width:150px;
height:120px;
margin:3% 10px;
}

#mosaique a img{
border:2px solid #1AB803;
}

/***************************/
/* Artisans et commercants */
/***************************/

#artisans .blocArtisan{
border:1px solid #ee0000;
padding:5px 0;
width:60%;
margin:10px auto;
cursor:pointer;
}

#artisans .blocArtisan .nom{
text-align:center;
line-height:30px;
color:#1AB803;
font-size:16px;
font-weight:bold;
}

#artisans .blocArtisan .president{
border-top:1px dotted #ee0000;
line-height:30px;
letter-spacing:1px;
color:#ee0000;
font-size:14px;
padding:10px 0;
padding-left:50px;
}

#artisans .blocArtisan .numTel{
line-height:30px;
letter-spacing:1px;
font-size:14px;
margin-left:50px;
}

#artisans .blocArtisan .description{
margin:10px;
letter-spacing:1px;
font-size:12px;
color:#000000;
}

/************/
/* Contacts */
/************/

#contacts{
padding:15px 0px;
}

#contacts table{
width:70%;
margin-left:15%;
border-spacing:10px;
}

#contacts .tdLabel{
width:45%;
}

#contacts .tdInput{
width:55%;
}

#contacts span{
letter-spacing:1px;
}

#contacts .inputMail{
background-color:#fff5bb;
border:1px solid #ffe500;
width:95%;
color:#666666;
}

#contacts #message{
overflow:hidden;
background-color:#fff5bb;
border:1px solid #ffe500;
width:95%;
color:#666666;
vertical-align:top;
}

#contacts #btnEnvoiMail{
width:20%;
color:#666666;
font-weight:bold;
background-color:#fff5bb;
border:1px solid #ffe500;
}

#contacts #messageReponseMail{
color:Red;
}

#contacts .inputEmpty{
color:#5555ff;
font-style:italic;
}

#contacts #messageChampObligatoire{
color:#5555ff;
margin-left:50%;
}

#contacts .champEtoile{
color:#5555ff;
} 

/****************/
/* Plan du site */
/****************/

div.rubriquePlanSite{
float:left;
width:30%;
text-align:center;
margin-top:35px;
margin-left:2%;
}

div.rubriquePlanSite a{
padding:5px 0px;
display:block;
font-weight:bold;
font-size:14px;
}

div.rubriquePlanSite ul{
margin:0;
padding:0;
list-style-type:none;
}

div.rubriquePlanSite ul li{
margin:0;
padding:0;
}

div.rubriquePlanSite ul li a{
font-weight:normal;
font-size:12px;
color:#666666;
text-align:left;
margin-left:20%;
}

/*********/
/* Carte */
/*********/

#carte{
text-align:center;
}

/***********/
/* Balises */
/***********/

#top{
text-align:right;
margin-right:30px;
}

#top img{
border:none;
width:25px;
}

.clear{
clear:both;
}

a{
text-decoration:none;
}

.sup{
vertical-align:super;
font-size:10px;
}

.bold{
font-weight:bold;
}

.underline{
text-decoration:underline;
}

.italic{
font-style:italic;
}

#lastUpdate{
text-align:right;
margin-right:10px;
margin-bottom:5px;
font-size:11px;
font-style:italic;
color:#ee0000;
}