body     { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin: 0 0 0 }
a { color: #000 }
p {}
h1  { color: #f00; font-size: 0.8em; font-family: Arial; text-align: center; margin-top: 0; padding-top: 1em; padding-bottom: 1em }
h2  { font-size: 0.8em; padding-right: 3.5em; padding-left: 3.5em }
#ban  { margin-top: 0; margin-right: auto; margin-left: auto; padding-top: 0; width: 900px; height: 200px }
#fond-ban { background-color: #fffced; width: 100% }
#menu   { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url(images/zebre.jpg); background-repeat: repeat-x; margin-bottom: 0; width: 100%; height: 25px; border-top: 1px solid #8f8f8f; border-bottom: 1px solid #f00 }
#menu ul     { margin: 0 auto; padding-bottom: 0; width: 850px }
#menu li    { color: #fff; font-size: 0.9em; font-weight: bold; background-image: url(images/fond-bouton-menu.png); background-repeat: no-repeat; text-align: center; list-style-type: none; margin-right: 0.6em; margin-left: 2.4em; padding-top: 0.2em; width: 150px; height: 25px; float: left }
#menu li a { color: #fff; text-decoration: none }
#menu li a:hover { color: #000 }
#fond-page { background-color: #f4e45b; width: 100% }
#fond-page p  { font-size: 0.9em; margin-top: 0; padding-left: 3.5em }
#fond-page ul { font-size: 0.9em; margin-left: 3.5em; padding-left: 3.5em }
#page  { background-color: #fffced; background-image: url(images/ligne-page.jpg); background-repeat: repeat-y; margin-right: auto; margin-left: auto; padding-bottom: 2em; width: 900px; border: solid 1px }
#pied    { font-size: 0.9em; background-image: url(images/zebre.jpg); background-repeat: repeat-x; width: 100%; height: 25px; border-top: 1px solid #8f8f8f; border-bottom: 1px solid #f00 }
#pied ul  { margin: 0 auto; padding-top: 0.2em; padding-bottom: 0; width: 70% }
#pied li  { color: #000; font-size: 0.8em; font-family: Helvetica; list-style-type: none; margin-left: 1em; float: left }
#pied li a { color: #000; text-decoration: none }
.droite-image  { margin-left: 1em; float: right }
.actu { color: #f00; font-weight: bold }
.info  { text-align: left }
.info img    { text-align: left; margin-bottom: 0.5em; float: right; clear: left; border: solid 1px #f00 }
.gauche-image { margin-right: 1em; float: left }
.gauche-picto  { margin-right: 1em; float: left }
.clear { clear: both }
.contact { margin-bottom: 2.5em }
.centre { text-align: center }
.italic { font-style: italic }
.gras { font-weight: bold }
.titre-intervention { padding-top: 1em; clear: both }
.interventions { clear: both }
.interventions img  { margin-bottom: 0.5em; margin-left: 0.5em; float: left; border-style: none }
#map  { margin-right: 3em; width: 450px; height: 300px; float: right; border: solid 1px #f00 }
/*actu*/
#actu   { margin-top: 0; margin-right: 2em; margin-bottom: 0.5em; width: 280px; float: right }
#actu img { margin-top: 0.5em; border: solid 1px #f00 }
#haut_actu  { background-image: url(images/cadre-haut-actu.jpg); background-repeat: no-repeat; height: 26px }
#milieu_actu  { background-position: 1em 0; text-align: center; padding-bottom: 0.5em; height: auto; border-left: 1px solid #f00 }
#milieu_actu h3    { color: #f00; font-size: 0.8em; font-family: Arial; text-align: center; margin-top: 0; margin-bottom: 0; padding-bottom: 0.2em }
#milieu_actu p { font-size: 0.8em; margin-top: 0; padding-top: 0; padding-right: 0.5em; padding-left: 0.5em }
#bas_actu  { background-image: url(images/cadre-bas.jpg); background-repeat: no-repeat; height: 26px }
/*accueil*/
#accueil  { margin-top: 0; width: 59% }
/*maintenant*/
#maintenance { background-image: url(images/maintenance.jpg); background-repeat: no-repeat; position: absolute; top: 35px; left: 25%; width: 575px; height: 600px; border: solid 1px #fe0000 }