/* BALISES HTML GLOBALE */
* {
  margin: 0;
  padding: 0;
}

/* BALISES HTML */
html,
body {
  background-color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  text-align: center; /* pour corriger le bug de centrage IE */

  font-size: 100%;
  color: #3f3f3f;
}

#conteneur_bg {
  min-width: 960px;
  background: url(images/bg_body_home.jpg) no-repeat center top;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

a img {
  border: none;
}

ul,
li {
  list-style-type: none;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ACCESSIBILITE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#liensevitement {
  /* Block contenant les liens d'evitement */
  margin: 0 auto;
  text-align: center;
  color: #ffffff;
  font-size: 0.78em;
  z-index: 200;
  margin: 0;
}

#liensevitement a {
  /* Les liens d'evitement */
  color: #ffffff;
}
#liensevitement a:hover,
#liensevitement a:focus,
#liensevitement a:active {
  /* Rollover des liens d evitement */
  color: #dddddd;
}
h2.access {
  /* Balise H2 masquee */
  position: absolute;
  color: #ffffff;
  z-index: 100;
  top: -10000px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* STRUCTURE DE LA PAGE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTENEUR GLOBAL */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#conteneur {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 956px;
  z-index: 1;
  text-align: left;

  font-size: 0.82em;
}

#colonne_contenu {
  width: 524px;
  float: left;
}
#colonne_droite {
  float: left;
  width: 432px;
}
#colonne_droite .colonne {
  float: left;
  width: 216px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ENTETE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#flash {
  width: 957px;
  position: relative;
  margin-left: auto;
  margin-right: auto;

  /* height: px;		!!!!!!!!	Laisser une hauteur mini au cas ou le flash ne se charge pas.			!!!!!!!!!!!!!    */
}

h1 {
  width: 957px;
  height: 213px;
  background: url(images/home_bandeau.jpg) no-repeat right top;
}

h1 img {
  float: left;
  margin: 12px 0 0 19px;
  width: 116px;
  height: 116px;
}

#slideshow {
  /* Positionnement du flash - Supprimer si pas de flash... */
  position: absolute;
  right: 0;
  top: 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORMULAIRE DE RECHERCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#recherche {
  /* Formulaire */
  position: absolute;
  top: 142px;
  left: 30px;
  background: url(images/bg_recherche.jpg) no-repeat;
  width: 166px;
  padding-left: 23px;
  font-size: 0.72em;
  height: 18px;
}

#recherche label {
  /* Label */
  display: none;
}

#recherche img,
#recherche input {
  vertical-align: middle;
}

#recherche input {
  /* Champ de saisie */
  background: transparent;
  color: #4a423d;
  border: 0px;

  width: 120px;
  text-align: left;
}
#recherche input.boutonok,
input.boutonok {
  width: 22px;
  margin-top: 1px;
  height: 16px;
  border: medium none; /* NE PAS EFFACER CETTE LIGNE */
  background-color: transparent;
  color: #7e6e63;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

#recherche input.boutonok:hover,
input.boutonok:hover {
  color: #ffffff;
  background: #c64f14;
  border-bottom-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  border-top-right-radius: 2px;
  -moz-border-radius-topright: 2px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MENU PRINCIPAL */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul#nav_principale {
  list-style: none;
  color: #0000;
  position: absolute;
  top: 139px;
  left: 429px;
  width: 514px;
  zoom: 1;
  z-index: 199;
}

ul#nav_principale li {
  float: left;
  margin-right: 6px;
}
ul#nav_principale li a {
  color: #000;
}

/*
 * Bloc Agenda + Gazette
 */
h2.agenda {
  margin: 49px 0 0 41px;
}

.flux_agenda {
  float: right;
  margin: -30px 22px 0 0;
}

#zone_calendrier {
  margin: 16px 0 0 30px;
}
div.hr {
  height: 2px;
  margin: 35px 0 26px;
  background: url(images/hr_colonne_droite_blanc.gif) no-repeat center;
}

div.hr hr {
  display: none;
}
div.hr.gazette {
  margin: 47px 0 34px;
  background: url(images/hr_gazette.png) no-repeat center;
}

/*
 * Menu "Votre mairie"
 */
#menu_mairie {
  background: #e7b262 url(images/bg_menu_votre_mairie.jpg) no-repeat left bottom;
  padding-bottom: 10px;
}
#menu_mairie h2 {
  padding: 8px 0 0 25px;
}
#menu_mairie ul {
  margin: 10px 0 22px;
  line-height: 1.66em;
}
#menu_mairie li {
  width: 216px;
}
#menu_mairie li a {
  padding: 0 0 0 30px;
  background: url(images/puce_menu_mairie.png) no-repeat 22px 6px;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  display: block;
}
#menu_mairie li a:hover,
#menu_mairie li a:focus,
#menu_mairie li a:active {
  background: #f8f3f1 url(images/puce_menu_mairie-over.png) no-repeat 22px 6px;
  color: #514038;
  text-decoration: underline;
}

/* D�calage du lien march� public */
#menu_mairie li a.rub47 {
  background-image: url(images/puce_menu_mairie-over.png);
  color: #6f2200;
}

/*
 * Menu "En pratique"
 */
#menu_pratique {
  background: #ffffff url(images/bg_menu_pratique.jpg) no-repeat top;
  margin-top: 5px;
}
#menu_pratique h2 {
  padding: 32px 0 0 33px;
}
#menu_pratique ul {
  margin: 14px 0 22px;
  line-height: 1.66em;
}
#menu_pratique li a {
  display: block;
  padding: 0 0 0 49px;
  color: #aa9485;
  text-decoration: none;
  font-weight: bold;
  background: url(images/puce_menu_pratique.png) no-repeat 40px 3px;
  line-height: 1.1em;
  margin-top: 9px;
}
#menu_pratique li a:hover,
#menu_pratique li a:focus,
#menu_pratique li a:active {
  color: #5d5046;
  text-decoration: underline;
  background: url(images/puce_menu_pratique-over.png) no-repeat 40px 6px;
}

.plusagenda {
  background: url(images/picto_plusagenda.png) no-repeat left center;
  margin: 15px 0 0 39px;
  padding-left: 10px;
  font-size: 0.88em;
}
.plusagenda a {
  color: #483c32;
  text-decoration: underline;
}
.plusagenda a:hover {
  color: #c64f14;
}
/*
 * Newsletter
 */
#bloc_newsletter h2 {
  margin: 0 0 12px 50px;
}

#bloc_newsletter {
}
.formulaire_inscription {
  margin: 0;
}
.formulaire_inscription form fieldset {
  border: 0px;
}
.formulaire_inscription form fieldset legend,
.formulaire_inscription .label_mail label {
  display: none;
}
.formulaire_inscription label {
  color: #5d5046;
  font-size: 0.86em;
}
#mail_inscription_ {
  position: relative;
  width: 130px;
  color: #18758d;
  border: none;
  background: transparent;
  text-align: center;
}
.formulaire_inscription .spip_boutoncss {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 20px;
  font-size: 0.78em;
  padding: 0;
  height: 16px;
  background: #385095;
  border: 0px;
  fonct-weight: bold;
  color: #ffffff;
}
.formulaire_inscription .spip_boutoncss:hover {
  background: #c64f14;
  cursor: pointer;
}
.bg_newsletter {
  position: relative;
  width: 155px;
  background: url(images/bg_input_newsletter.png) no-repeat;
  margin: 0 28px 12px;
  height: 18px;
}
.formulaire_inscription .radio {
  margin: 0 0 0 20px;
}
.formulaire_inscription .choix {
  margin: 0 0 0 10px;
}
.reponsenews {
  padding: 0 10px;
  color: #ff0000;
  display: block;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* SQUELETTE SOMMAIRE_A_LA_UNE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*
Utilis� par la page sommaire
*/

h2.une {
  margin: 20px 0 0 203px;
}
.une {
  margin: 9px 0 0 17px;
  position: relative;
}

.une h3 {
  font-size: 1.2em;
  color: #da5511;
  background: #ffffff;
  padding: 3px;
  width: 260px;
}

.block_photo_une {
  float: left;
  margin: 12px 28px 0 11px;
}
.suite_une {
  position: absolute;
  top: 0;
  left: 0;
}
.zone_texte_une {
  padding: 7px 0 0;
  margin-left: 228px;
}
.date_une {
  font-size: 0.82em;
  margin-bottom: 3px;
  color: #9a8f8b;
}
.texte_une {
  margin: 0;
}
.texte_une .format_png {
  margin-right: 5px;
}

.suite_une img {
  height: 128px;
  width: 223px;
}
.liresuite img {
  height: 118px;
  width: 166px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* SQUELETTE SOMMAIRE_LAST_ACTUS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*
Utilis� par la page sommaire
*/

div.last_actus {
  /* Block 1 actualites */
  margin: 14px 18px 26px 0;
  text-align: justify;
  clear: both;
  zoom: 1;
  background: #e9e3df url(images/bg_liste_article.jpg) repeat-y;
  padding: 0 0 5px 0;
  min-height: 90px;
}
.last_actus .clear {
  margin-bottom: -10px;
}
h2.actus {
  margin: 30px 0 0 204px;
}

.flux_actus {
  float: right;
  margin: -23px 147px 0 0;
}

.link_allactus {
  float: left;
  background: url(images/puce_linkallactu.png) no-repeat 0 0.4em;
  margin: -13px 0 11px 25px;
  padding-left: 8px;
  width: 120px;
}
.link_allactus a {
  color: #9a8f8b;
  text-decoration: underline;
}
.link_allactus a:hover {
  color: #c64f14;
  text-decoration: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* GESTION DES VIGNETTES */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.block_photo_actu {
  /* Image evenement */
  float: left;

  width: 145px;
  height: 89px;
  margin: 0 0 -50px 25px;
}
.block_photo_actu img.dessus {
  float: left;
}

/* Hack pour l'effet de d�calage
.actu1 .bg_lastactus {background: url(images/bg_lastactus_hack0.png) no-repeat left bottom;}
.actu2 .bg_lastactus {background: url(images/bg_lastactus_hack1.png) no-repeat left bottom;}
.actu3 .bg_lastactus {background: url(images/bg_lastactus_hack2.png) no-repeat left bottom;}
*/

/*
Utilis� pour affichage d'une vignette avec ombrage g�n�r� par un masque, g�re le d�calage a r�gler sur le masque utilis�
Si pas d'ombrage, commenter la ligne ci dessous
*/
.photo_actu {
  /* Image evenement */
  margin: 0;
}

.date_actu {
  /* Date actu */
  color: #9a8f8b;
  font-size: 0.82em;
  margin: 8px 0 0 9px;
}
.last_actus h3 {
  padding: 3px 3px 3px 9px;
  margin-right: 7px;
  background: #fff;
  color: #18758d;
  font-size: 1.2em;
}
.last_actus h3 a {
  color: #18758d;
}
div.texte_actu {
  /* Block de texte � cot� de la photo. Pour eviter un retour sous la photo : fixer un width et passer en flottant left */
  width: 325px;
  float: right;
}

p.texte_actu {
  /* Texte actu */
  color: #514038;
  margin: 0 9px 20px 9px;
  text-decoration: none;
}

.last_actus .liresuite {
  float: left;
  margin: -101px 0 0 -11px;
}

#gazette .spip_logos {
  float: left;
  margin: 0 10px 0 29px;
}
.telecharger_gazette {
  padding: 14px 0 0;
}
#bloc_newsletter {
  clear: both;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer {
  /* Block pied de page */
  width: 100%;
  position: relative;
  margin-top: 11px;
  padding: 3px;
  padding-bottom: 0;
  clear: both;
  color: #6f6f6f;
  background: url(images/bg_footer.png) no-repeat center top;
}

ul#menu_divers {
  /* Liste */
  list-style-type: none;
  margin-left: 69px;
  width: 610px;
  margin-top: 2px;
}
ul#menu_divers li {
  /* Liste */
  float: left;
  margin-right: 29px;
  color: #8c7d75;
}
ul#menu_divers a {
  color: #8c7d75;
  font-weight: bold;
  font-size: 0.8em;
}
ul#menu_divers a:hover,
ul#menu_divers a.actif {
  text-decoration: underline;
  color: #523a2d;
}

ul#menu_divers li.marches {
  margin-left: 61px;
}
ul#menu_divers li.marches,
ul#menu_divers li.marches a {
  color: #c8683f;
}
ul#menu_divers li.marches a:hover {
  color: #c34709;
}
#tonneau {
  float: right;
  margin: -56px 138px 0 0;
  zoom: 1;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DIVERS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* pour "pousser" si presence de float */
/* penser � placer un   pour eviter le bug sous netscape (page � rallonge) */
.clear {
  clear: both;
  height: 0; /* correction page a rallonge sous netscape*/
  line-height: 1px;
  font-size: 0;
}

/* Pour affichage correct PNG */
.format_png {
  behavior: url(win_png.htc);
}

/* Flottant � gauche */
.float_left {
  float: left;
}
/* Flottant � droite */
.float_droite {
  float: right;
}