body { background-color: #555; margin: 10px 0; text-align: center }

body, td, p, ul, ol { font-family: Verdana, Sans-Serif; font-size: 12px; color: #ccc }

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

/* HEADER */
#header { margin: 0 auto; width: 778px }
#titre {border: 1px solid #111; background-color: #333; margin: 0 0 5px; padding: 0 10px; height: 30px; clear: both; font-weight: bold }
#header strong { float: left; margin: 8px 0 0 10px; font-size: 14px }
#header strong a { text-decoration: none }
#localisation { float: right; margin-top: 10px }
#menu { border: 1px solid #111; background-color: #333; margin: 0 0 5px; padding: 0 10px; height: 30px; clear: both; font-weight: bold }
#menu li { background-image: none; float: left; margin: 6px 14px 0 0; padding: 0 }

/* CORP */
#corp { margin: 0 auto; width: 776px; _width: 778px; border: 1px solid #111; background-color: #333; text-align: left }
#corp-marge { padding: 12px }
#corp-over { overflow: hidden; width: 100% }
#corp-clear { clear: both; height: 1px; overflow: hidden }
#submenu { margin: 0 2px 12px; padding: 0; height: 16px }
#submenu li { background-image: none; padding: 0;  margin: 0 0 0 10px; float: right }
#submenu a { text-transform: uppercase; font-size: 10px }

/* FOOTER */
#footer { font-size: 11px; margin-top: 14px }
#footer a { text-decoration: none }
#stats { margin-bottom: 8px }

/* ACCUEIL */
#ac_pg { margin-right:164px }
#ac_ph { float: right; margin: 0 0 5px 5px }
#ac_gal { margin: 0; padding: 0 0 15px; float: right; width: 152px; border: 1px solid #111; background-color: #555 }
#ac_gal li { padding: 15px 0 0; background-image: none; text-align: center }
#ac_gal img { vertical-align: top }
#ac_profil { margin: 0 0 15px 0; line-height: 17px }
#ac_profil dt { background: url(puce.gif) no-repeat 0 5px; padding-left: 16px; width: 105px; float: left }
#mn_conteneur { margin-right:164px; 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: 4px; float: left }
#ph_galerie td { padding: 20px; width: 25%; background-color: #444; 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: 5px; vertical-align: top; width: 110px }
#gb-m1 .cel-2 { padding: 5px; vertical-align: top }
#gb-m2 .cel-1 { padding: 5px }
#gb-m2 .cel-2 { padding: 15px 40px }

/* BOOK OFF */
#book-off { background-color: #333; border: 1px solid #111; width: 500px; padding: 10px; margin: 70px 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 12px }
.erreur { color: #f03 }

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

/* TEXTE */

h1 { font-size: 12px; background-color: #555; border: 1px solid #666; padding: 2px 5px; margin-bottom:18px }
h1 a { text-decoration: none }

h2 { font-size: 12px; background: url(h2.gif) no-repeat 0 6px; border-bottom: solid #666 1px; padding: 2px 10px; margin-bottom:16px }

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

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: 16px }

a { color: #fff }
a:hover	{ color: #ff3 }

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

.noindex { display: none }