/* IMPORTANT !!! :
	propriety semantic order =
	position box,
	width,
	heigth,
	margin,
	background-color,
	background-image,
	padding,
	content (color, style font, ...),
	border,
	 ... */

/* incorporation de feuilles de styles complémentaires */
/* @import url(content.css); */
/* @import url(content-data.css); */
/* @import url(blocks.css); */
/* @import url(forms.css); */

/* reset des sélecteurs */
* { margin: 0; padding: 0; border: 0; outline: none; text-decoration: none;font-family: sans-serif; font-size: 1em; font-weight: normal; font-style: normal;}


/* Titles ... */
h1 {font-size: 					2.2em;}
h2 {font-size: 					1.2em;}
h3 {font-size: 					1em;}
h4 {font-size: 					0.9em;}
h5 {font-size: 					.7em;}
h6 {font-size: 					.5em;}

h1 {
	clear:							both;
	margin-top:						.25em;
	margin-bottom:					.1em;
	background-color: 			inherit;
	padding-left:					.25em;
	color:							#666;
	font-weight:					bold;
}
h2 {
	clear:							both;
	margin-top:						.05em;
	margin-bottom:					.1em;
	background-color: 			inherit;
	padding-left:					.25em;
	color:							#fff;
	font-weight:					bold;
}
h1 a, h2 a{
	background-color: 			inherit;
	color:							#666;
	text-decoration:				none;
}
h1 a:hover, h2 a:hover {
	background-color: 			inherit;
	color: 							#fff;
	text-decoration:				underline;
}
/* beginning of the applicable styles */
html, body {
	margin:							0;
	background-color: #560000;
	color:							#333;
	font-family:					"Lucida Grande", Verdana, sans-serif;
	font-size:						10pt;
	}
ul {
	margin:5px 0px 5px 0px ;
	
}
a {
	background-color: 			inherit;
	color: #666;	
	text-decoration:				none;
}
a:hover {
	background-color: 			inherit;
	color: #000;
	text-decoration: underline;	
}
img {
	padding:3px 3px 3px 3px ;
	border:1px solid #bfbfbf;	
}

	
div#page {
	background-color: black;
	width: 900px;
}

/*--------------------------------------------------------*/
div#header {
	background-image:url("/images/bgheader.jpg");
	background-position: center;
	background-repeat: no-repeat;
	border-bottom:1px #ffa500;
	color: gray;
	width: 900px;
	height: 150px;	
}
/* ---header --- */
.banner {
	text-align: center;
}
.menuhor {
	text-align: center;
	color:#000;
	background-color: white;
}
.menuhor a {
	color:#560000;
}

/*-----------------------------------------------------*/
div#columnleft {
	float: left;
	text-align: left;
	width: 150px;
	border:1px hidden  #ffffff;
	}
/* --columnleft.php--- */
.menuvert1 {
	padding-left:  15px;
	
}

.menuvert1 a {
	font-size: 9px;
	font-weight: bold;
	color: silver;
}
.menuvert1 a:hover {
	text-decoration: underline;
	text-shadow:1px 1px 1px #fff
}
	
/*-----------------------------------------------------*/
div#columnright {
	float: right;	
	width: 150px;
	border:1px hidden  #ffffff;	
}

/*---------------------------------------------------*/
div#content {
	width: 590px;
	background-color: white;
	margin:0px 155px 0px 155px;
	padding:3px 5px 3px 5px ;
	border:1px solid  #560000;
	
}
div#content a {
	color:#560000;
}
div#content a:hover {
	text-decoration: underline;
	
}
.list {
	padding:3px 5px 3px 5px ;
	margin:5px 0px 5px 0px;
	border:1px solid  #560000;
	
	
}
.edito {
	border-bottom:1px solid #000000;
	text-align: justify;
	
}
.descriptif {
	text-align: left;
	
}
.descriptif a {
	font-weight: bold;
	text-decoration: underline;
	
	
}
.tabheader {
	background-color: #560000;
	color: white;
	font-weight: bold;
	text-align: center;
}
.tabbonus {
	border:1px solid  #560000;
	text-align: center;
}




/*-------------------------------------------------*/
div#footer {
	width: 900px;
		background-color:#4d4d4d;
	border:1px hidden  #ffffff;
	color: white;
	
}
div#footer a {
	color:#add8e6;
	
}
div#footer a:hover {
	text-decoration: underline;
	color: black;
	
}