body {  background-color: #808080; margin: 5px 0; text-align: center; }


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

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


/* HEADER */
#header { margin: 0 auto; width: 755px; height: 56px; background: url(header.gif) #0066cc repeat-x; position: relative; }
#titre { position: absolute; right: 5px; top: 11px; text-align: right; }
#pseudo { font-size: 16px; color: #fff; }
#localisation { font-size: 15px; color: #fff; margin-top: 5px; }
#menu { position: absolute; left: 50px; top: 1px; margin: 0; padding: 0; }
#menu li { background-image: none; float: left; margin: 0; padding: 0; }



#menu a { border-left: 1px solid #ccc; padding: 48px 16px 0; float: left; color: #fff; text-decoration: none; text-align: left; text-transform: uppercase; font-size: 12px; white-space: nowrap; font-family: Arial Black, Sans-Serif;}
#menu a:hover { color: #fff; padding: 62px 16px 0; }


#menu-1 a, #menu-6 a { background-color: #cc0099; }
#menu-2 a, #menu-7 a { background-color: #000099; }
#menu-3 a, #menu-8 a { background-color: #339966; }
#menu-4 a, #menu-9 a { background-color: #ff9900; }
#menu-5 a, #menu-10 a { background-color: #ff0066; }
#menu-1 a:hover, #menu-6 a:hover { background-color: #CC9999; }
#menu-2 a:hover, #menu-7 a:hover { background-color: #006699; }
#menu-3 a:hover, #menu-8 a:hover { background-color: #33cc66; }
#menu-4 a:hover, #menu-9 a:hover { background-color: #ff9966; }
#menu-5 a:hover, #menu-10 a:hover { background-color: #ff9999; }

/* CORP */
#corp { background-color: #a9a9a9; margin: 0 auto; width: 735px; _width: 755px; text-align: left; padding: 10px; }
#corp-marge { padding: 20px; background-color: #eee; }
#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 { margin: 0 auto; width: 755px; }
#footer_menu { padding: 6px; color: #fff; background-color: #0066cc; border-top: 1px solid #5F5954; font-size: 10px; }
#footer a { text-decoration: none; color: #fff; }
#footer a:hover { color: #fff; }
#footer_stats { color: #ddd; padding-top: 8px; font-size: 10px; }

/* ACCUEIL */
#ac_pg { margin-right: 148px; }
#ac_ph { float: right; margin: 0 0 5px 5px; }
#ac_gal { margin: 0; padding: 0; text-align: center; float: right; width: 120px; }
#ac_gal li { background-image: none; margin: 1px; padding: 10; background-color: #a9a9a9; }
#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: 148px; text-align: center; padding: 35px 0; }
#mn_ph { margin: 0 auto; }

/* GALERIES */
#ph_accueil, #ph_galerie, #ph_film { width: 500px; }
#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: #ddd; text-align: center; }
#ph_film { margin-top: 25px; }
#ph_film td { padding: 5px;  width: 20%; background-color: #ddd; text-align: center; }
#ph_navigation { text-align: center; margin-top: 20px; }
#ph_description { text-align: center; margin-top: 20px; }
#ph_auteur { margin-top: 5px; }
#ph_auteur_info { margin-top: 5px; cursor: default; text-decoration: underline; }

/* GUESTBOOK */
#gb-m1, #gb-m2 { width: 630px; }
#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: #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: 20px; }
#pagination-bot { margin-top: 20px; }
#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 #444 1px; }
.form-l { background-color: #cfcfcf; text-align: right; white-space: nowrap; padding: 4px 4px 4px 30px;}
.form-r { background-color: #ddd; padding: 4px 30px 4px 4px;}
.center { text-align: center; }
.indent { margin-left: 60px; line-height: 15px; }
.cel-1 { background-color: #cfcfcf; }
.cel-2 { background-color: #ddd; }

/* TEXTE */

h1 { font-size: 13px; border-bottom: solid #CE6E0E 1px; background-color: #a9a9a9; padding: 2px; margin-bottom:8px; }
h1 a { text-decoration: none; }


h2 { font-size: 12px; background: url(h2.gif) no-repeat 0 5px; 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: #61656A; }
a:hover { color: #ff8500; }

strong, b { color: #CE6E0E; font-weight: strong; }

.noindex { display: none }