*{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
ul li{
list-style:none;
}
a{
color:#1194ca;
}
a:hover{
color:#d82b31;
}
p{
font-size:12px;
}
div.corps{
width:990px;
margin-left:auto;
margin-right:auto;
position:relative;
}

div.corps div.description{
width:990px;
background-color:#d82b31;
height:25px;
line-height:25px;
text-indent:5px;
color:#fff;
font-size:12px;
}
div.corps div.bandeau_pub{
height:95px;
background-color:#fff;
width:990px;
}
div.corps div.bandeau_pub table tr td ul li{
font-size:12px;
text-indent:20px;
list-style:none;
height:20px;
line-height:20px;
}
div.corps div.bandeau_pub table tr td ul li a{
color:#fff;
}
div.corps div.bandeau_logo{
height:69px;
background-color:#32acdd;
background-image:url(/img/fond-ligne.gif);
}
div.corps div.bandeau_logo a img{
float:left;
}
div.recherche{
float:left;
background-image:url(/img/fond.gif);
background-position:left;
background-repeat:no-repeat;
height:69px;
width:450px;
}
form.form1{
margin-top:30px;
margin-left:110px;
display:block;
width:250px;
height:40px;
overflow:hidden;
}
form.form1 input.champs{
border:0;
background-color:#fff;
width:125px;
height:20px;
line-height:20px;
font-size:12px;
}
div.barre{
background-image:url(/img/barre.gif);
height:26px;
line-height:26px;
width:990px;
color:#fff;
font-size:12px;
font-weight:bold;
text-indent:10px;
}
div.barre a{
color:#fff;
}
div.barre a:hover{
color:#d82b31;
}

table.table{
width:990px;
height:600px;
}
.col1{
width:505px;
border-right:1px solid #ccc;
}
.col2{
width:345px;
border-right:1px solid #ccc;
}
.col3{
width:140px;
border-right:1px solid #ccc;
}

div.footer{
font-size:12px;
width:990px;
text-align:center;
}
td.col1 span,td.col1 span a{
font-size:12px;
color:#1194ca;
}
td.col1 h1{
margin-top:5px;
margin-bottom:3px;
color:#d82b31;
font-size:16px;
font-weight:bold;
}
td.col1 h2,td.col1 h3{
margin-top:5px;
color:#d82b31;
font-size:17px;
font-weight:bold;
}
td.col1 p{
color:#000;
font-size:12px;
}
td.col2 ul li a{
font-size:12px;
}
td.col2 h2,td.col2 h3{
margin-top:5px;
color:#1194ca;
font-size:17px;
font-weight:bold;
}
td.col2 span,td.col3 span{
margin-top:5px;
margin-bottom:3px;
color:#1194ca;
font-size:16px;
font-weight:bold;
}
td.col1 div.depart_droite{
float:right;
}
td.col1 div.depart_droite a,td.col1 div.depart_gauche a{
font-size:12px;
}
td.col3 ul li{
font-size:10px;
text-align:left;
list-style:none;
}
td.col1 ul li{
font-size:12px;
list-style:none;
}
td.col2 p{
font-size:12px;
color:#000;
}
div.element{
font-size:12px;
}

td.col3 div ul li{
width:140px;
text-align:left;
}
td.col3 div ul li a{
font-size:9px;
}
form.css{
width:400px;
margin-left:auto;
margin-right:auto;
}
legend{
font-size:12px;
}
label{
font-size:12px;
}
label.form{
font-size:12px;
display:block;
float:left;
width:120px;
text-align:right;
}
#map a{ 
    font-size:9px; 
} 
#map span{
font-size:8px;
}
/*------------------------------- Formulaire ----------------------------------*/

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
.comment{
color:#333333;
font-size:9px;
font-style:italic;
}
.label{
font-size:12px;
color:#333;
}
td.col1 table tr td{
font-size:12px;
}
#texte_comment{
width:250px;
font-size:12px;
}
#text_url{
font-size:12px;
width:320px;
height:70px;
}
.i_text{
border:1px solid #ccc;
width:300px;
}
.i_text2{
border:1px solid #ccc;
width:150px;
}
.i_memo{
width:300px;
height:150px;
border:1px solid #ccc;
}
.i_button{
background-color:#980702;
border:1px solid #ccc;
color:#fff;
width:150px;
margin-top:15px;
}

.i_button_2{
background-color:#980702;
border:1px solid #ccc;
color:#fff;
width:150px;
margin-top:5px;
}


table.tableau_stats{
width:500px;
border:1px solid #ccc;
font-size:12px;
}
tr.tableau_stats_title{
background-color:#32ACDD;
font-weight:bold;
color:#FFF;
}
td.options{
background-color:#d82b31;
width:258px;
}
h1.titre_mairie,h2.titre_mairie{
width:496px;
height:50px;
background-image:url(/img/titre-mairie.jpg);
background-repeat:no-repeat;
text-indent:50px;
line-height:50px;
overflow:hidden;
display:block;
font-size:18px;
}
h2.nom_maire{
width:496px;
height:50px;
background-image:url(/img/nom-maire.jpg);
background-repeat:no-repeat;
text-indent:50px;
line-height:50px;
overflow:hidden;
display:block;
font-size:18px;
}
h2.services-municipaux{
width:496px;
height:50px;
background-image:url(/img/services-municipaux.jpg);
background-repeat:no-repeat;
text-indent:50px;
line-height:50px;
overflow:hidden;
display:block;
font-size:18px;
}
h3.horaires{
width:496px;
height:50px;
background-image:url(/img/horaires.jpg);
background-repeat:no-repeat;
text-indent:50px;
line-height:50px;
overflow:hidden;
display:block;
font-size:18px;
}
h3.site-internet{
width:496px;
height:50px;
background-image:url(/img/horaires.jpg);
background-repeat:no-repeat;
text-indent:50px;
line-height:50px;
overflow:hidden;
display:block;
font-size:18px;
}
h2.nom-habitants{
width:496px;
height:50px;
background-image:url(/img/nom-habitants.jpg);
background-repeat:no-repeat;
text-indent:50px;
line-height:50px;
overflow:hidden;
display:block;
font-size:18px;
}
h2.actualite{
width:496px;
height:50px;
background-image:url(/img/actualite.jpg);
background-repeat:no-repeat;
text-indent:50px;
line-height:50px;
overflow:hidden;
display:block;
font-size:18px;
}
h2.commentaires{
width:496px;
height:50px;
background-image:url(/img/commentaires.jpg);
background-repeat:no-repeat;
text-indent:50px;
line-height:50px;
overflow:hidden;
display:block;
font-size:18px;
}
h2.carte-ville{
width:339px;
height:51px;
background-image:url(/img/carte-ville.jpg);
background-repeat:no-repeat;
text-indent:50px;
line-height:51px;
overflow:hidden;
display:block;
font-size:18px;
}
h2.informations{
width:339px;
height:51px;
background-image:url(/img/informations.jpg);
background-repeat:no-repeat;
text-indent:50px;
line-height:51px;
overflow:hidden;
display:block;
font-size:18px;
}
span.liens{
width:339px;
height:51px;
background-image:url(/img/liens.jpg);
background-repeat:no-repeat;
text-indent:50px;
line-height:51px;
overflow:hidden;
display:block;
font-size:18px;
}
#bloc1{
position:absolute;
top:330px;
left:10px;
}
#bloc3{
position:absolute;
top:265px;
left:508px;
}
li.liste_ville{
height:15px;
display:block;
}
li.liste_ville a{
width:250px;
text-align:left;
height:15px;
display:block;
float:left;
}
li.liste_ville a span{
display:block;
width:20px;
}
a.lien_externe{
font-size:12px;
display:block;
width:340px;
overflow:hidden;
height:15px;
font-weight:bold;
}
p.lien_externe{
width:335px;
margin-bottom:5px;
}
li.lien_externe{
width:335px;
}
li.lien_externe:hover{
background-color:#fcfcfc;
border:1px solid #d82b31;
}
div#message{
position:Absolute; 
top:0; 
background-color:#000000;
width:100%;
height:100%;
filter : alpha(opacity=90); 
-moz-opacity : 0.9; 
opacity : 0.9; 
}
div#message div{
border:3px solid #000;
width:500px;
height:300px;
margin-top:100px;
background-color:#fff;
margin-left:auto;
margin-right:auto;
filter : alpha(opacity=100); 
-moz-opacity : 1; 
opacity : 1; 
padding:10px;
}
div#message div a{
display:block;
background-color:#FF0000;
color:#fff;
border:1px solid #000;
width:250px;
height:20px;
line-height:20px;
margin-left:auto;
margin-right:auto;
font-size:12px;
text-align:center;
}
a.lien_genealogie{
display:block;
width:330px;
height:19px;
line-height:19px;
border-bottom:1px solid #999999;
font-size:12px;
font-weight:bold;
color:#333333;
overflow:hidden;
}
div#publicite_externe{
text-align:center;
}
dl{
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
display:block;
width:90%;
background-color:#ffcccc;
padding:10px;
font-size:12px;
}
dl dt{
font-weight:bold;
}
dl dd{
font-style:italic;
}