/* CSS Document */

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

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

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

input, textarea { 
	padding: 1px 3px; 
}

/* HEADER */
#header { 
	margin: 0 auto; 
	width: 755px; 
	height: 68px; 
	background: url(images/header.gif) #fff repeat-x; 
	position: relative; 
}

#titre { 
	position: absolute;
	right: 5px; 
	top: 11px; 
	text-align: right; 
}

#pseudo { 
	font-size: 10px; 
	color: #fff; 
}

#localisation { 
	font-size: 10px;
	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: 9px; 
	white-space: nowrap; 
	font-family: Tahoma, Sans-Serif;
}

#menu a:hover { 
	color: #fff;
	padding: 62px 16px 0; 
}

#menu-1 a, #menu-6 a { 
	background-color: #332F28; 
}

#menu-2 a, #menu-7 a { 
	background-color: #742E28; 
}

#menu-3 a, #menu-8 a { 
	background-color: #996634; 
}

#menu-4 a, #menu-9 a { 
	background-color: #837745; 
}

#menu-5 a, #menu-10 a { 
	background-color: #707B76; 
}

#menu-1 a:hover, #menu-6 a:hover { 
	background-color: #514747; 
}

#menu-2 a:hover, #menu-7 a:hover { 
	background-color: #A33329; 
}

#menu-3 a:hover, #menu-8 a:hover { 
	background-color: #B5712F; 
}

#menu-4 a:hover, #menu-9 a:hover { 
	background-color: #A6954C; 
}

#menu-5 a:hover, #menu-10 a:hover { 
	background-color: #778E84; 
}

/* CORP */
#corp { 
	background-color: #fff;
	margin: 0 auto; 
	width: 715px; 
	_width: 755px; 
	text-align: left; 
	padding: 20px; 
}

#corp-marge { 
	padding: 30px; 
	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: #897F78; 
	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: #ddd; 
}

#ac_profil { 
	margin: 0 0 15px 0;
	line-height: 16px; 
}

#ac_profil dt { 
	background: url(images/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: 630px; 
}

#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: #ddd; 
	padding: 3px; 
	margin-bottom:18px; 
}

h1 a { 
	text-decoration: none; 
}

h2 { 
	font-size: 12px; 
	background: url(images/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(images/puce.gif) no-repeat 0 8px; 
	padding-left: 10px; 
}

a { 
	color: #61656A; 
}

a:hover { 
	color: #ff8500; 
}

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


.noindex { 
	display: none 
}