body { background: url(body.gif) #9daabd repeat-x; margin: 0 0 12px 0; text-align: center }

body, td, p, ul, ol { font-family: Tahoma, Sans-Serif; font-size: 11px; color: #8C826E }

input, select, textarea { font-family: Tahoma, Sans-Serif; font-size: 11px; background-color: #fff; border: 1px solid #dde1e2 }
input, textarea { padding: 1px 3px }

/* HEADER */
#header { margin: 0 auto; width: 778px; height: 122px; background-image: url(header.gif); position: relative }
#titre { position: absolute; left: 16px; top: 50px }
#header strong { font-weight: normal; font-size: 32px; float: left; margin-right: 20px }
#header strong a { text-decoration: none; color: #fff }
#localisation { float:left; color: #fff; margin-top: 21px; font-weight: bold }
#menu {  position: absolute; left: 22px; top: 95px; margin: 0; padding: 0 }
#menu li { background-image: none; float: left; margin: 0 16px 0 0; padding: 0 }
#menu li a { color: #fff; font-size: 12px }
#menu li a:hover { color: #000 }

/* CORP */
#corp { background-image: url(corp.gif); margin: 0 auto; width: 778px; text-align: left }
#corp-bg { background-color: #e4dcd6 }
#corp-marge { padding: 18px 24px 14px 21px }
#corp-over { overflow: hidden; width: 100% }
#corp-clear { clear: both; height: 1px; overflow: hidden }
#submenu { margin: 0 0 8px 12px; padding: 0; height: 20px }
#submenu li { background-image: none; padding: 0;  margin: 0 0 0 10px; float: right }
#submenu a { text-transform: uppercase; font-size: 9px }

/* FOOTER */
#footer { background-image: url(bg_footer.gif); color: #444 }
#footer-bg2 { margin: 0 auto; background: url(footer.gif) no-repeat; padding-top: 35px; width: 778px }
#footer a { text-decoration: none; color: #444 }
#footer a:hover { color: #fff }
#stats { margin-bottom: 8px }

/* ACCUEIL */
#ac_pg { margin-right:162px }
#ac_ph { float: right; margin: 0 0 5px 5px }
#ac_gal { margin: 0; padding: 0 0 10px; float: right; width: 142px; background-color: #E4DCD6; border: 1px dashed #8C826E }
#ac_gal li { padding: 10px 0 0; background-image: none; text-align: center }
#ac_gal img { vertical-align: top }
#ac_profil { margin: 0 0 15px 0; line-height: 16px }
#ac_profil dt { background: url(puce.gif) no-repeat 0 4px; padding-left: 16px; width: 95px; float: left }
#mn_conteneur { margin-right:162px; text-align: center; padding: 35px 0 }
#mn_ph { margin: 0 auto }

/* GALERIES */
#ph_accueil, #ph_galerie { width: 100% }
#ph_accueil td { padding: 10px 20px; width: 33%; vertical-align: top }
#ph_accueil img { margin-right: 6px; float: left }
#ph_galerie td { padding: 20px; width: 25%; background-color: #eee; text-align: center }
#ph_film { margin-top: 16px }
#ph_film td { padding: 0 3px }
#ph_film div { overflow: hidden; width: 48px; height: 48px; _width: 50px; _height: 50px }
#ph_navigation, #ph_description, #InfoArrowkeys { text-align: center; margin-top: 12px }
#ph_auteur { margin-top: 5px }
#ph_auteur_info { margin-top: 5px; cursor: default; text-decoration: underline }

/* GUESTBOOK */
#gb-m1, #gb-m2 { width: 100% }
#gb-m1 .cel-1 { padding: 4px; vertical-align: top; width: 110px }
#gb-m1 .cel-2 { padding: 4px; vertical-align: top }
#gb-m2 .cel-1 { padding: 4px }
#gb-m2 .cel-2 { padding: 15px 40px }

/* BOOK OFF */
#book-off { background-color: #fff; border: 1px solid #111; width: 500px; padding: 10px; margin: 50px auto 0; text-align: left }

/* DIVERS */
#select_dir { float: right }

#pagination-top, #pagination-bot { text-align: center }
#pagination-top { margin-bottom: 12px }
#pagination-bot { margin-top: 12px }
#pagination-top span, #pagination-bot span { color: #f03 }

div.erreur, div.avert, div.conf { text-align: center; margin: 0 0 10px }
.erreur { color: #f03 }

.cadre_s, .cadre_b { border: solid #8C826E 1px }
.form-l { background-color: #e0e0e0; text-align: right; white-space: nowrap; padding: 4px 4px 4px 30px }
.form-r { background-color: #eee; padding: 4px 30px 4px 4px }
.center { text-align: center }
.indent { margin-left: 60px; line-height: 15px }
.cel-1 { background-color: #e0e0e0 }
.cel-2 { background-color: #eee }

/* Texte */

h1 { font-family: Arial, Sans-Serif; font-size: 18px; color: #6D7785; font-weight: normal; margin-bottom:18px }
h1 a { text-decoration: none }

h2 { font-family: Arial, Sans-Serif; font-size: 14px; color: #6D7785; font-weight: normal; margin-bottom:16px }

p, blockquote { margin-top: 0; margin-bottom: 0 ; line-height: 15px }

ul, ol { margin-top: 8px; margin-bottom: 8px; line-height: 18px }

hr { display: block; height: 1px; margin: 0; _margin: -7px 0; border: 0; border-top: 1px dashed #666 }

ul li { list-style-type: none; background: url(puce.gif) no-repeat 0 5px;  padding-left: 12px }

a { color: #7C7461 }
a:hover { color: #000 }

.left { float: left; margin: 0 8px 8px 0 }
.right { float: right; margin: 0 0 8px 8px }

.noindex { display: none }