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

body, td, div, p, ul, ol {
	font-family: Tahoma, Sans-Serif;
	font-size: 10px;
	color: #CCCCCC;
}

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: 755px; height: 62px; background-image: url(header.gif); position: relative; font-weight: bold; }
#titre { position: absolute; left: 35px; top: 10px; }
#pseudo { font-size: 14px; float: left; margin-right: 18px; }
#localisation { font-size: 10px; margin-top: 4px; font-weight: normal; }
#menu { position: absolute; left: 31px; top: 35px; margin: 0; padding: 0; }
#menu li { background-image: none; float: left; margin: 0; padding: 0; }
#menu a { text-decoration: none; border-right: 1px solid #abadb1; padding: 0 16px; float: left; line-height: 20px; }
#menu a:hover { background-color: #eee; color: #61656A; }
#menu-1 a { padding: 0; width: 90px; _width: 91px; }

/* CORP */
#corp { background-image: url(corp.gif); margin: 0 auto; width: 755px; text-align: left; }
#corp-marge { padding: 10px 12px 10px 130px; }
#corp-over { overflow: hidden; width: 100%; }
#corp-clear { clear: both; height: 1px; overflow: hidden; }
#submenu { margin: 0 0 8px 2px; padding: 0; height: 16px; }
#submenu li { background-image: none; padding: 0; margin: 0 10px 0 0; float: left; }
#submenu a { text-transform: uppercase; font-size: 10px; }

/* FOOTER */
#footer { background: url(footer.gif) no-repeat; margin: 0 auto; width: 755px; }
#footer_menu { padding: 40px 0 0 115px; color: #ddd; }
#footer a { text-decoration: none; color: #ddd; }
#footer a:hover { color: #ff8500; }
#footer span { font-weight: bold; }
#footer_stats { color: #ddd; padding: 8px 0 0 115px; }

/* ACCUEIL */
#ac_pg { margin-right: 131px; }
#ac_ph { float: right; margin: 0 0 5px 5px; }
#ac_gal { background-color: #f1f3f3; margin: 0; padding: 0; text-align: center; float: right; width: 120px; }
#ac_gal li { background-image: none; margin: 10px; padding: 0; }
#ac_profil { margin: 0 0 15px 0; line-height: 16px; }
#ac_profil dt { background: url(puce.gif) no-repeat 0 7px; padding-left: 16px; width: 90px; float: left; }
#mn_conteneur { margin-right: 131px; text-align: center; padding: 35px 0; }
#mn_ph { margin: 0 auto; }

/* GALERIES */
#ph_accueil, #ph_galerie, #ph_film { width: 613px; }
#ph_accueil td { padding: 6px; width: 33%; vertical-align: top; }
#ph_accueil img { margin: 0 4px 4px; float: left; }
#ph_galerie td { padding: 20px; width: 25%; background-color: #f1f3f3; text-align: center; }
#ph_film { margin-top: 18px; }
#ph_film td { padding: 5px;  width: 20%; background-color: #f1f3f3; text-align: center; }
#ph_navigation { text-align: center; margin-top: 8px; }
#ph_description { 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: 613px; }
#gb-m1 .cel-1 { padding: 4px; vertical-align: top; width: 90px; }
#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: #dde1e2; border: 1px solid #333; 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: 10px; }
#pagination-bot { margin-top: 10px; }
#pagination-top span, #pagination-bot span { color: #f03; }

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

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

/* TEXTE */

h1 { font-size: 11px; border: solid #abadb1 1px; background-color: #f1f3f3; padding: 5px; margin-bottom:18px; }
h1 a { text-decoration: none; }

h2 { font-size: 11px; background: url(h2.gif) no-repeat 0 3px; border-bottom: solid #abadb1 1px; padding: 0 0 3px 14px; 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 8px; padding-left: 10px; }

a { color: #CCCCCC; }
a:hover { color: #FF9966; }

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

.noindex { display: none }
