/* main elements */
html, body {
	font: 14px "Arial", Lucida Grande, Verdana, Sans-Serif;
	margin: 12 0 0;
	padding: 0;
}

/* wrapper */
#container {
	width: 765px;
	margin: 0px auto;
	background-image: url(parchemin.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

/* banner */
#banner {
	background: url(banniere.png) no-repeat center top;
	height: 124px;
}	


/* right */
#content {
	float: right;
	color: #6F0000; 
	width: 560px;
	margin-right: 40px;
	padding: 0px;
	height: auto;
}

/* bottom box */
.bottom {
	float: right;
	border: 1px solid #ccc;
	width: 250px;
	margin: 10px 5px 5px 0px;
	padding: 5px;
}

/* left */
#leftbar {
	float: left;
	width: 160px;
	padding: 0;
	margin: 0px;
	height: auto;
}	

/* news box / whatever */
#box {
	border: 1px dotted #ccc;
	width: 120px;
	padding: 7px 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 5px;
}


/* secondary elements */
#banner h1 { font-size: 45px; color: #fff; margin: 0; padding: 2px 0px 0px 25px; letter-spacing: -0.12cm; }
.bannertag { color: #fff; float: right; margin: 5px 15px 0px 0px; }

	#gauche {
		float: left;
		width: 240px;
		padding: 0 0 0 10px;
		margin: 10px 0;
	}
		
	#droite {
		float: right;
		width: 240px;
		color: #414141;
		padding: 0 0 0 10px;
		margin: 10px 0;
	}


#content h2 {
	font-size: 1.5em;
	color: #804000;
	height: auto;
	text-align: center;
}
#content h3 {
	font-size: 1.3em;
	color: #804000;
	margin-left: 30px;
	position: relative;
	margin-top: 10px;
}
#menu h2 span {
display: none;
}
#menu h2 {
height: 52px;
margin: 0;
padding: 0 0 4px;
background: url(menu.jpg) no-repeat 50%;
text-indent: -2000px;
}
#groupe h2 span {
display: none;
}
#groupe h2 {
height: 52px;
margin: 0;
padding: 0 0 4px;
background: url(groupe.jpg) no-repeat 50%;
}
#content h5 {
	font-size: 1.1em;
	color: #5B2E00;
	margin-left: 30px;
	text-align: right;
}
#content p { color: #64160A; margin: 0px 0px 10px 5px; }
#content img {
	float: right;
	margin: 5px;
}


#sep{
	color: #6F0000;
	padding: 0px 0px 0px 20px;
	text-align: center;
	background-image: url(sep.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 13px;
}

#leftbar ul { margin: 10px 0px 15px; padding: 0; } 
#leftbar li { margin: 0; padding: 10px 0px 5px 0px; list-style: none; text-align: center; }
#leftbar a {
	color: #804000;
	display: block;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
} 
#leftbar a:hover { text-decoration: underline; } 
#box p { margin: 0; }
#content a { color: #804000; } 
.bottom a { color: #9c3; }
.title { font-size: 1.2em; margin:0px 0px 7px 0px; padding: 0px 0px 0px 20px; 
color: #804000; background: url('../media/bomb.jpg') top left no-repeat; height: 16px; } 
.bottom p { margin: 0px 0px 5px 0px; }
acronym { color: #804000; }
.detail { color: #804000; font-variant: small-caps; padding: 2px; }
/* footer */
#footer {
	clear: both;
	color: #000;
	text-align: center;
	padding: 7px 0px;
	margin-bottom: 30px;
}
#footer a { color: #6F0000; text-decoration: none; } 
#footer a:hover { text-decoration: underline; }

/*                                  */
/*                                  */
/*     MENU                         */
/*                                  */
/*                                  */

.special-menu {
	background-image:url(menu-special.jpg); /* arrière-plan général du menu */
	background-repeat: no-repeat;
	background-position: left top;
	color:#FFFFFF;
	width: 260px;
	height:383px;
	float: left;
}

.nomMenu{
	margin: 0 0 0 0;
	font-size: 1.2em;
	color:#ffffff;
	padding: 10px 10px 10px 0px;
	text-align:center;
	font-weight:bold;
}

.special-menu ul {
margin: 0; 
padding: 2px 2px 9px 2px; 
list-style: none; 
text-align: center;
}
.special-menu li {
margin: 0; 
padding: 0px 2px 0px 2px; 
list-style: none; 
text-align: center;
}
.special-menu li span{
font-size:small;
}