/*
CSS Document
Copyright :
	Design by NiuAge -- http://www.niuage.com
	Cut by Gounlaf
		email : gounlaf [A T] gmail DOT com
		web : http://www.gounlaf.com

Toutes pages du sites confondues
*/

* { margin:0; padding:0; border:0; }

body {
	background:#0e0a14;
	color:#0e0a14;
	font:70% Verdana, Tahoma, Arial, Helvetica, sans-serif;
	}

ul , li { list-style-type:none; }
a { text-decoration:none; outline:0; }
/*a:hover { font-weight:bold; }*/
a img { border:0; }
h1, h2, h3, h4, h5 { font-size:100%; }
.hid { position:absolute; width:1px; height:1px; top:-5000px; left:-5000px; }
h2 { font-weight:bold; color:#ca0705; }
h2 a { color:#ca0705; }
h2 span { background:url('./images/fleche_rouge.gif') no-repeat right; padding-right:11px; }
blockquote { margin:auto 2em; padding:1em; line-height:1.5em; }

.souligne { text-decoration:underline; }
.surligne { text-decoration:line-through; }
.legend { font-style:italic; font-size:80%; text-align:right; }

div.clear { clear:both; }

/* Menu du haut */
div#top {
	width:954px;
	height:auto;
	margin:auto;
	padding:12px 0 8px 0;
	}
	
	#top ul { width:954px; text-align:center; }
		#top ul a { color:#FFF; }
		#top ul a:hover { color:#ca0705; }
	#top ul li { display:inline; border-right:1px solid #ca0705; padding:0 16px; }
		#top li#top_fin { border:0; }

/* Header + Logo */
div#bg_header {
	background:url('./images/bg_header.png') repeat-x;
	width:auto;
	height:auto;
	}
	
	div#header {
		background:url('./images/header.png') no-repeat;
		width:917px;
		height:126px;
		margin:auto;
		padding:54px 0 0 37px;
		}
	
		h1 a img { display:block; }

/* Citation et Contact */
div#citation_contact {
	width:936px;
	padding:1em 0 1em 18px;
	color:#FFF;
	margin:auto;
	}
	
	div#citation { width:580px; float:left; text-align:justify; }
	div#contact { width:190px; float:right; }
		#contact a { color:#fff; }


/* Bidouille pour le "bois", et les 2 bouts du menu qui depassent dessus */

div#bg_corps_1 { background:url('./images/bois_full.png') repeat-x top #282933; width:auto; height:auto; }	
div#bg_corps_2 { background:url('./images/bois_demi_top.png') repeat-x bottom; width:auto; height:auto; border-top:1px solid #282f33; padding:17px 0 2px 0; }
	
div#bande_top { background:url('./images/menu_right_top.gif') no-repeat right; width:954px; margin:auto; height:12px; }
div#bande_bottom { background:url('./images/menu_right_bottom.gif') no-repeat right; width:954px; margin:auto; height:13px; }

	/* Le corps, compose de la colone de gauche, et du corps, qui contient un "sous corps", et le menu de droite */
	div.corps {
		width:952px;
		margin:auto;
		height:auto;
		padding:0 1px;
		position:relative;
		}
	
		/* Le Vrai corps */
		div#corps_droite {
			width:778px;
			height:auto;
			float:right;
			padding-bottom:30px;
			}
			
			div#menu_right {
				width:161px;
				height:auto;
				float:right;
				margin:auto 14px 2em 15px;
				}
				
				#menu_right h2 { color:#0e0a14; margin-bottom:1em; }
				#menu_right h2 a { color:#0e0a14; }
				#menu_right ul { border-top:1px solid #c3c3c3; }
					#menu_right ul li { border-bottom:1px solid #c3c3c3; }
						#menu_right ul li a { padding:0.25em 15px 0.25em 7px; display:block; color:#282933; }
							#menu_right ul li a:hover { background:url('./images/menu_right_flecherouge.gif') no-repeat right #d8d8da; color:#ca0705; }
					
					 /*photograph which you are seeing*/	
					.pwyas { padding:0.25em 15px 0.25em 7px; display:block; background:url('./images/menu_right_flecherouge.gif') no-repeat right #d8d8da; color:#ca0705; }
							
	a#go_to_top { position:absolute; bottom:0; left:778px; color:#0e0a14; background:url('./images/fleche_haut_rouge.gif') no-repeat left; padding-left:16px; }
	
div#bg_footer {
	background:url('./images/bois_demi_bottom.png') no-repeat top;
	width:auto;
	height:auto;
	padding-top:8px;
	}
	
div#footer {
	background:url('./images/footer_menu_bg.gif') no-repeat top right;
	width:954px;
	height:auto;
	margin:auto;
	padding-top:9px;
	}
	
	div#menu_bottom {
		width:189px;
		height:auto;
		float:right;
		border:1px solid #c3c3c3;
		border-top:0;
		background:#eee;
		}
		
		#menu_bottom li { float:left }
			#menu_bottom li a { padding:0.25em 0 0.25em 23px; display:block; color:#282933; width:71px; }
			#menu_bottom li a:hover { background:url('./images/menu_right_flecherouge.gif') no-repeat right #d8d8da; color:#ca0705; }
		
	div.bloc_footer {
		width:auto;
		float:left;
		color:#FFF;
		margin:25px 60px auto auto;
		}
		
		.bloc_footer a { font-weight:bold; color:#fff; }
		
	div#logo_footer { text-align:center; }
	
div#maintenance { color:#fff; }