body
{
	margin: 0 0 ;
	padding: 0 ;
	font:0.8em "Arial", serif;
	background: #FFF;
	color:#000;
}

div.footer {
	width:100%;
	height:20px;
	background-color:#aaa;
	clear:both;
	border-top: 4px double #000;
}

div#header {
	width:100%;
	height:340px;
	background:url(images/entete.jpg) center no-repeat;
	background-color:#FFF;
}

div.contenu {
	padding-top : 10px;
	width:100%;
	float:left;
	background:url(images/fond.jpg) center top repeat-x;
	background-attachment: fixed;
}


/*=========================*/
/*      corps de page      */
/*=========================*/

div.centre_haut {
/*	filter:alpha(opacity=85);
	opacity:0.85;	
*/	width : 1000px;
	height : 130px;
	width : 1000px;
	margin : 0px auto 0 auto;
	background:url(images/fond_haut.png) top no-repeat;
}	

div.centre_haut h1 {
	color : #911;
	text-align:center;
}

div.centre_bas {
/*	filter:alpha(opacity=85);
	opacity:0.85;	
*/	width : 1000px;
	height : 165px;
	margin : 0px auto 0 auto;
	background:url(images/fond_bas.png) top no-repeat;
}

div.centre_bas p {
	margin:0px auto 0 auto;
	text-align : center;
}

div.centre {
	width : 1000px;
	margin:0px auto 0px auto;
	background:url(images/fond_centre.png) repeat-y;
	color: #000;
}

div.centre p {
	margin:0px auto 0 auto;
	text-align : center;
}

div.centre a {
	margin:0px auto 0 auto;
	text-align : center;
}

div.centre h1 {
	color : #911;
	text-align:center;
}

div.centre h2 {
	color : #911;
	margin:0px auto 10px 20px;
}

div.menu_centre ul {
	list-style-type : none;
	margin:0 0 0 5px;
	padding:0;
	
}

ul#menu_centre li a{
	display:block;
	width:315px;
	height:40px;
	color:#006;
	text-indent:-5000px; 
}

li#menu_templier a { background:url(images/templier.jpg) no-repeat 0px -40px #def; }
li#menu_templier a:hover { background:url(images/templier.jpg) no-repeat #def; }
li#menu_envahisseurs a { background:url(images/envahisseurs.jpg) no-repeat 0px -40px #def; }
li#menu_envahisseurs a:hover { background:url(images/envahisseurs.jpg) no-repeat #def; }
li#menu_inquisitrice a { background:url(images/inquisitrice.jpg) no-repeat 0px -40px #def; }
li#menu_inquisitrice a:hover { background:url(images/inquisitrice.jpg) no-repeat #def; }

/*==============================*/
/*     affichage des photos     */
/*==============================*/

div.centre form {
	margin:0px auto 0 auto;
	text-align : center;
}

div.photo {
	margin:0px auto 0 auto;
	text-align : center;
}

/*==============================*/
/*      menu de navigation      */
/*==============================*/

div.navigation {
	height: 500px;
	width : 205px;
	float : left;
}

div.menu {
	margin-left : 0px;
}

div.menu ul {
	list-style-type : none;
	margin:0 0 0 5px;
	padding:0;
	
}

ul#bandeau li {
	float:left;
	text-align:center;
}

ul#menu li a{
	display:block;
	width:200px;
	height:40px;
	color:#006;
	text-indent:-5000px; 
}

li#menu_accueil a { background:url(images/accueil.jpg) no-repeat 0px -40px #def; }
li#menu_accueil a:hover { background:url(images/accueil.jpg) no-repeat #def; }
li#menu_photos a { background:url(images/photos.jpg) no-repeat 0px -40px #def; }
li#menu_photos a:hover { background:url(images/photos.jpg) no-repeat #def; }
li#menu_monde a { background:url(images/monde.jpg) no-repeat 0px -40px #def; }
li#menu_monde a:hover { background:url(images/monde.jpg) no-repeat #def; }
li#menu_regles a { background:url(images/regles_menu.jpg) no-repeat 0px -40px #def; }
li#menu_regles a:hover { background:url(images/regles_menu.jpg) no-repeat #def; }
li#menu_forum a { background:url(images/forum.jpg) no-repeat 0px -40px #def; }
li#menu_forum a:hover { background:url(images/forum.jpg) no-repeat #def; }
li#menu_admin a { background:url(images/admin.jpg) no-repeat 0px -40px #def; }
li#menu_admin a:hover { background:url(images/admin.jpg) no-repeat #def; }
li#menu_missives a { background:url(images/missives.jpg) no-repeat 0px -40px #def; }
li#menu_missives a:hover { background:url(images/missives.jpg) no-repeat #def; }
li#menu_contact a { background:url(images/contact.jpg) no-repeat 0px -40px #def; }
li#menu_contact a:hover { background:url(images/contact.jpg) no-repeat #def; }


div.connect {
	margin-left : 5px;
	height : 60px;
	background:url(images/fond_connect.jpg) no-repeat ;
}