/* feuille de style générale */
/* couleur grille: #c1c1c1; jaune-vert: #b9d536; */
html {
	margin: 0;
	padding: 0;
}
body {
	margin:0;
	padding: 20px;
	background: #2f2626;
	}
div#wrapall {
	position: relative;
	margin: auto;
	width: 708px;
	height: 566px;
	z-index: 2;



	}
/* =============== menu: menu horizontal haut ====================== */

div#menu {
	height: 30px;
	text-align: right;
	font: 10px/30px Verdana, Arial, Helvetica, sans-serif;
	color: #9a9393;
	position: relative;			/* pour le sous-menu */
	z-index: 100;				/* pour le sous-menu */
	}
#menu a:link {
	font: 10px/30px Verdana, Arial, Helvetica, sans-serif;
	color: #9a9393;
	text-decoration: none;
	}
#menu a:visited {
	font: 10px/30px Verdana, Arial, Helvetica, sans-serif;
	color: #9a9393;
	text-decoration: none;
	}
#menu a:hover {
	color: #fff;
	}
#menu a#actif {		/* page actuelle */
	color: #fff;
	font-weight: bold;
	}
/* ============== tableau principal =================================== */

table td {
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 0;		/* important */
	}
table#all{
	width: 708px;	/* 700 + 8*1px */
	height: 506px;
	background: #c1c1c1;	/* couleur grille grd tableau */
	}
#top {
	height: 100px;
	background: #9a9393;
	}
#nav {
	width: 100px;
	height: 403px;
	background: #585353;
	text-align: left;
	vertical-align: top;
	}
#contenu {
	width: 605px;
	height: 403px;
	background: #e7e0e0;
	}
/* ================ images =============== */

table img {			/* images remplissant toute une cellule, pour éviter "petit espace en dessous" */
	display: block;
	}
img.inline {		/* autres images, si nécessaire */	
	display: inline;
	}
/* ==================== logo dans partie 'top' ===========*/

div#logo {
	position: relative;
	width: 302px;
	height: 100px;
	margin: 0;
	padding: 0;
	left: 0px;
	top: 0px;
	z-index: 2;




	}
div#original {
	position: absolute;
	left: 152px;
	top: 50px;
	width: 175px;
	height: 70px;
	margin: 0;
	padding: 0;
	z-index: 1;


	}
/* ==================== nav: table coté gauche ========== */

#nav table {
	width: 100%;
	}
#nav_1 {
	height: 201px;
	}
#nav_2, #nav_3 {
	height: 100px;
	}
#nav_1, #nav_2 {
	border: 1px solid #c1c1c1;
	border-width: 0 0 1px 0;
	}
#nav_1 {
	background:  url(../img/nav-bg.gif) repeat-x left top;
	}
#nav_2 {
	background: #272424;
	}
#nav_3 {
	background: #000;
	}
/* ========= nav: navigation colonne gauche=============*/

#nav_1 {
	text-align: right;
	}
#nav_1 ul {
	margin: 0;
	margin-top: 5px;
	padding: 0;
	}
#nav_1 ul li {
	margin: 0;
	padding: 0;
	display: inline;		/* important */
	}
#nav_1 a:link {
	display: block;		/* important */
	margin: 0;
	margin-top: 1px;
	padding: 0;
	padding-right: 5px;
	text-decoration: none;
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	width: 95px;
	}
#nav_1 a:visited {
	display: block;
	margin: 0;
	margin-top: 1px;
	padding: 0;
	padding-right: 5px;
	text-decoration: none;
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	width: 95px;
	}
#nav_1 a:hover {
	padding-right: 3px;
	border-right: 2px solid #fff;
	}
#nav_1 a#actif {
	background: #fff;
	color: #000;
	}
/* =============== extra: mentions en bas ========================= */

div#extra {
	height: 20px;
	text-align: right;
	vertical-align: top;
	font: 10px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #717171;
	}
#extra a:link {
	color: #717171;
	text-decoration: none;
	}
#extra a:visited {
	color: #717171;
	text-decoration: none;
	}
#extra a:hover {
	color: #fff;
	text-decoration: underline;
	}
/* =============== éventuelle bannière, en bas ========== */ 

div#ban {		/* pour une bannière, enlever "display: none", sinon invisible */
	display: none;
	border: 1px solid #c1c1c1;
	background: #000;
	}
	
/* =====================================================  */	
/* =====================================================  */
/* =====================================================  */
	
#news{
color : #000;
font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold ;
}