/* CSS Document */
html, body {
margin:0;
padding:0;
height:100%;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
}
html {
background:#ffffff url("../images/background.jpg") repeat-x top left;
}
* {
margin:0;
padding:0;
}


/* Conteneur principal */
div#conteneur {
width:900px;
margin:10px auto 0 auto;
position:relative;
overflow:hidden;
}


/* Bannière */
div#blason {
position:absolute;
top:0;
left:0;
width:196px;
text-align:center;
}
#blason_titre_1 {
font-size:13px;
color:#ffba00;
font-style:italic;
display:block;
width:inherit;
margin-top:10px;
}
#blason_titre_2 {
font-size:15px;
color:#ffffff;
display:block;
width:inherit;
margin-top:8px;
text-transform:uppercase;
font-weight:bold;
}
#blason_villeneuve {
position:absolute;
top:60px;
left:0;
}
#banniere_img_1 {
position:absolute;
top:0;
left:235px;
}
#banniere_img_2 {
position:absolute;
top:0;
left:460px;
}
#banniere_img_3 {
position:absolute;
top:0;
left:685px;
}
#chemin_de_site {
position:absolute;
top:156px;
left:235px;
font-size:12px;
line-height:21px;
vertical-align:middle;
color:#750000;
}
#chemin_de_site a {
color:#ffffff;
text-decoration:none;
}
#chemin_de_site a:hover {
text-decoration:underline;
}


/* Contenu */
div#contenu {
margin-top:205px;
width:900px;
position:relative;
}
div#colonne_gauche {
float:left;
width:195px;
margin-top:50px;
}
div#menu {
float:left;
width:195px;
margin-left:41px;
margin-top:50px;
position:relative;
}
div#corps_du_site {
float:right;
width:430px;
text-align:left;
}
/* Colonne gauche */
div.colonne_gauche_haut {
width:195px;
height:32px;
background:#ffffff url("../images/bloc-top.jpg") no-repeat top left;
font-size:12px;
line-height:21px;
text-align:center;
color:#ffffff;
}
div.colonne_gauche_milieu {
width:175px;
padding:10px;
background:#ffffff url("../images/bloc-middle.jpg") repeat-y top left;
position:relative;
}
div.colonne_gauche_bas {
width:195px;
height:11px;
background:#ffffff url("../images/bloc-bottom.jpg") no-repeat top left;
}
div#section_rechercher {
width:175px;
height:24px;
background: url("../images/background-rechercher.jpg") no-repeat top left;
position:relative;
}
#input_rechercher {
position:absolute;
top:0;
left:10px;
width:127px;
height:24px;
line-height:24px;
vertical-align:middle;
text-align:center;
border:none;
}
#bt_rechercher {
position:absolute;
top:0;
right:0;
}
span.titre_actualite_colonne_gauche {
display:block;
margin:0 0 5px 0;
color:#750000;
font-size:14px;
line-height:18px;
text-decoration:none;
}
.question_sondage {
color:#750000;
font-size:15px;
}
input[type=radio] {
line-height:12px;
vertical-align:middle;
background-color:transparent;
border:none;
margin:0 5px;
}
input[type=checkbox] {
line-height:12px;
vertical-align:middle;
background-color:transparent;
border:none;
margin:0 5px;
}
a.sondages_resultats {
position:absolute;
right:15px;
bottom:10px;
}


/* Le Menu */
div#menu ul {
width:195px;
list-style-type:none;
font-size:12px;
margin:0;
}
div#menu ul li {
display:block;
width:195px;
margin:0 0 5px 0;
}
div#menu ul li a {
display:block;
color:#750000;
padding:0;
text-decoration:none;
}
div#menu ul li ul li {
display:block;
width:195px;
background-color:#ECECEC;
margin:5px 0;
}
div#menu ul li ul li a {
display:block;
color:#999999;
font-size:11px;
line-height:15px;
padding:2px 5px;
text-decoration:none;
}
div#menu ul li ul li:hover, div#menu ul li ul li#li_actif {
background-color:#750000;
}
div#menu ul li ul li a:hover, div#menu ul li ul li#li_actif a {
color:#ffffff;
}
div#menu_filigrane {
float:left;
width:431px;
height:310px;
margin-top:40px;
clear:left;
text-align:right;
background:#ffffff url("../images/filigrane-menu-01.jpg") no-repeat top right;
font-size:11px;
}
div#menu_filigrane a {
color:#C1BA98;
text-decoration:none;
line-height:20px;
}


/* Corps du Site */
h1 {
width:430px;
text-align:left;
font-size:20px;
color:#750000;
font-style:italic;
font-weight:normal;
}
/*
div#titre_h1 {
position:absolute;
top:-38px;
left:470px;
width:430px;
text-align:right;
font-size:24px;
color:#750000;
font-style:italic;
}
*/
div#titre_filigrane {
position:absolute;
top:-50px;
left:470px;
width:430px;
text-align:left;
font-size:27px;
color:#ECECEC;
font-style:italic;
}
img.img_paysage {
float:left;
margin:0 30px 25px 0;
width:240px;
}
img.img_portrait {
float:left;
margin:0 30px 25px 0;
width:180px;
}


/* Page d'accueil */
div#titre_filigrane_accueil {
position:absolute;
top:-50px;
left:470px;
width:430px;
text-align:left;
font-size:25px;
color:#ECECEC;
font-style:italic;
}
span#accueil_texte_presentation {
font-size:10px;
}
div#article_a_la_une {
width:410px;
/* height:304px; */
padding:10px;
color:#666666;
background-color:#F1F0EC;
text-align:left;
font-size:11px;
position:relative;
}
a#titre_article_a_la_une {
color:#750000;
display:block;
margin-bottom:15px;
font-size:20px;
line-height:24px;
text-decoration:none;
}
img.img_paysage_a_la_une {
float:left;
margin:0 10px 0 0;
width:240px;
}
img.img_a_la_une {
float:left;
margin:0 10px 0 0;
width:180px;
}
div.div_img_a_la_une_colonne_gauche {
display:block;
text-align:center;
}
div.div_img_a_la_une_colonne_gauche img {
margin:0;
height:131px;
}
a.lire_article {
position:absolute;
right:15px;
bottom:10px;
}
div#agenda_a_la_une {
float:left;
width:180px;
height:340px;
padding:10px;
color:#666666;
background-color:#F1F0EC;
text-align:left;
font-size:11px;
position:relative;
}
a#titre_agenda_a_la_une {
color:#750000;
display:block;
margin-bottom:15px;
font-size:15px;
line-height:19px;
text-decoration:none;
}
div#img_agenda_une {
display:block;
text-align:center;
}
div#img_agenda_une img {
height:135px;
margin-bottom:10px;
}
div#newsletter {
float:right;
width:200px;
height:104px;
padding:10px;
color:#750000;
background-color:#F1F0EC;
text-align:left;
font-size:11px;
position:relative;
}
div#newsletter_2 {
width:200px;
text-align:left;
font-size:11px;
position:relative;
}
span#titre_newsletter {
color:#750000;
display:block;
margin-bottom:8px;
font-size:15px;
line-height:19px;
text-decoration:none;
}
div#section_form_newsletter {
width:200px;
height:24px;
background: url("../images/background-rechercher-2.jpg") no-repeat top left;
position:relative;
}
#input_form_newsletter {
position:absolute;
top:0;
left:10px;
width:143px;
height:24px;
font-size:11px;
line-height:24px;
vertical-align:middle;
text-align:center;
border:none;
}
#bt_form_newsletter {
position:absolute;
top:0;
right:0;
}
#bt_form_newsletter_2 {
position:absolute;
bottom:0;
right:0;
}
div#agenda {
float:right;
width:200px;
height:196px;
margin-top:20px;
padding:10px;
color:#666666;
background-color:#C1BA98;
text-align:left;
font-size:11px;
position:relative;
}
a#titre_agenda {
color:#750000;
display:block;
margin-bottom:15px;
font-size:15px;
line-height:19px;
text-decoration:none;
}
ul#ul_agenda {
margin:0;
list-style-type:none;
list-style-image:none;
}
ul#ul_agenda li {
padding:0 0 0 20px;
background-image:url(../images/puce-agenda.png);
background-position:0 2px;
background-repeat:no-repeat;
}
ul#ul_agenda li a {
color:#ffffff;
text-decoration:none;
display:block;
}


/* Rubrique Associations & Commerces*/
h2 {
text-align:left;
font-size:16px;
color:#750000;
font-style:italic;
font-weight:normal;
border-bottom:1px solid #750000;
}
span.descriptif_association_listing, a.descriptif_association_listing {
display:block;
text-align:right;
font-style:italic;
}
span.nom_services_listing {
font-weight:bold;
}
span.descriptif_services_listing {
display:block;
font-style:italic;
}
div.association_entete {
width:115px;
float:left;
text-align:left;
text-transform:uppercase;
}
div.association_descriptif {
width:300px;
float:right;
}


/* Recherche */
span.texte_surligne_recherche {
color:#666666;
background-color:#DBD7CE;
}


/* Envoi ami */
.label_envoi_ami {
display:block;
width:100px;
float:left;
}
.input_envoi_ami {
width:250px;
}


/* Sondage */
.resultat_reponse_sondage {
width:200px;
float:left;
text-align:right;
}
.resultat_vote_sondage {
float:left;
margin-left:20px;
height:15px;
background-color:#750000;
color:#ffffff;
text-align:right;
}


/* Consultation */
.label_consultation {
display:block;
width:125px;
float:left;
text-align:left;
}
.input_consultation {
display:block;
width:275px;
float:right;
}


/* Pagination */
div#pagination {
display:block;
text-align:center;
margin-top:25px;
}


/* Conseil Municipal */
.presentation_personnel {
clear:both;
}
.photo_personnel {
width:50px;
float:left;
}
.photo_personnel img {
width:50px;
}
.description_personnel {
width:370px;
padding-left:10px;
float:right;
}
.nom {
margin-bottom:5px;
}


/* Bas de page */
div#bas_de_page {
width:100%;
background:#DBD7CE url("../images/background-bas-de-page.jpg") repeat-x top left;
}
div#bas_de_page_contenu {
width:900px;
margin:0 auto;
background:url("../images/filigrane-bas-de-page.png") no-repeat top center;
padding:72px 0 20px 0;
}
div.premiere_colonne_bas_de_page {
width:195px;
float:left;
}
div.colonne_bas_de_page {
width:195px;
float:left;
margin-left:40px;
}
div#bas_de_page_contenu ul {
width:195px;
list-style-type:none;
list-style-image:none;
margin:0;
font-size:10px;
}
div#bas_de_page_contenu ul li {
margin:0;
}
div#bas_de_page_contenu ul li.li_premier_menu {
border-top:1px solid #C1BA98;
border-bottom:1px solid #C1BA98;
padding:7px 0 5px 0;
color:#750000;
}
div#bas_de_page_contenu ul li.li_premier_niveau {
border-bottom:1px solid #C1BA98;
padding:7px 0 5px 0;
color:#750000;
}
div#bas_de_page_contenu ul li ul li {
list-style-type:disc;
color:#666666;
margin-left:15px;
}
div#bas_de_page_contenu ul li ul li a {
color:#666666;
text-decoration:none;
}


/* Signature du site */
div#signature {
width:100%;
text-align:center;
background-color:#ffffff;
padding:20px 0 30px 0;
font-size:10px;
color:#999999;
clear:both;
}
div#signature a {
text-decoration:none;
color:#750000;
}
div#signature a.lien_couleur_normal {
text-decoration:none;
color:#999999;
}


/* Classes généralistes */
.separateur_5px {
width:100%;
height:5px;
clear:both;
}
.separateur_15px {
width:100%;
height:15px;
clear:both;
}
.separateur_20px {
width:100%;
height:20px;
clear:both;
}
.separateur_30px {
width:100%;
height:30px;
clear:both;
}
div.separateur_hr {
border-top:1px dotted #750000;
height:15px;
margin-top:15px;
clear:both;
}
ul {
margin:0 0 20px 45px;
list-style-image:url(../images/ul_tiret.jpg);
}
li {
margin:10px 0 0 0;
}
a {
color:#750000;
text-decoration:none;
}