body { background-color: #333; margin: 15px 0; text-align: center }
p { width:500px;}

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

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

/* HEADER */
#header { margin: 0 auto; width: 778px; height: 66px; background-image: url(header.gif); position: relative }
#titre { position: absolute; left: 18px; top: 42px; font-weight: bold }
#header strong { font-size: 18px; float: left; margin-right: 18px }
#header strong a { text-decoration: none; color: #fff }
#localisation { float: left; color: #fff; margin-top: 8px }
#menu {  position: absolute; left: 6px; top: 88px; margin: 0; padding: 0; text-align: left; width: 138px } /*ie mac : width*/
#menu li { background-image: none; margin: 0 0 3px; padding: 0 }
#menu li a { color: #fff; text-decoration: none; background-image: url(menu_off.gif); display: block; width: 107px; _width: 135px; line-height: 30px; padding-left: 28px }
#menu li a:hover { background-image: url(menu_on.gif) }
#overtrail { visibility: hidden; z-index: 2001; position: absolute; background-color: #fcfcfc; border: solid #777 1px; text-align:left; }
#overtrail_shadow { visibility: hidden; z-index:2000; position:absolute; background-color:#000; opacity:0.15; filter:alpha(opacity=15); -khtml-opacity: 0.15; -moz-opacity: 0.15; }
#preload { position: absolute; left: 0; top: -50px }

/* CORP */
#corp { background-color: #555; margin: 0 auto; width: 778px; text-align: left }
#corp-marge { padding: 20px 8px 0 150px; min-height: 232px; _height: 250px }
#corp-over { overflow: hidden; width: 100% }
#corp-clear { clear: both; height: 1px; overflow: hidden }
#submenu { margin: 0 0 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 { margin: 0 auto; background: url(footer.gif) no-repeat; width: 778px; padding-top: 70px; color: #bbb; font-size: 10px }
#footer a { text-decoration: none; color: #bbb }
#footer a:hover { color: #ff8500 }
#stats { margin: 0 0 8px 141px }
#copyright { margin-left: 141px }

/* ACCUEIL */
#ac_pg { clear: both }
#ac_ph { float: left; margin: 0 5px 5px 0 }
#ac_gal { margin: 0; padding: 0 }
#ac_gal li { background-image: none; margin: 0 1px 20px 0; padding: 0; float: left }
#ac_profil { margin: 0 0 15px 0 }
#ac_profil dt { background: url(puce.gif) no-repeat 0 5px; padding-left: 16px; width: 95px; float: left;  border-bottom: 1px solid #666; margin-bottom: 4px; padding-bottom: 1px }
#ac_profil dd { border-bottom: 1px solid #666; margin-bottom: 4px; padding-bottom: 1px }
#mn_conteneur { text-align: center; padding: 10px 0; clear: both }
#mn_ph { margin: 0 auto }

/* GALERIES */
#ph_accueil, #ph_galerie { width: 100% }
#ph_accueil td { padding: 6px 3px; width: 33%; vertical-align: top }
#ph_accueil img { margin-right: 2px; float: left }
#ph_galerie td { padding: 16px 0; width: 25%; background-color: #666; text-align: center }
#ph_film { margin-top: 16px }
#ph_film td { padding: 0 2px; }
#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: 100px }
#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: #555; 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: #ed9c00 }

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

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

/* TEXTE */

h1 { font-size: 11px; border-bottom: solid #ff8500 1px; border-left: solid #ff8500 1px; background-color: #444; padding: 6px; margin-bottom:18px }
h1 a { text-decoration: none }
	
h2 { font-size: 11px; border-bottom: solid #666 1px; background-color: #444; padding: 2px 5px; 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 #999 }

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

a { color: #ddd }
a:hover { color: #ff8500 }

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

.noindex { display: none }