html, body {
	height: 100%;

	background: #EDEDED url(images/font.png);
	font: 90% "Trebuchet MS", sans-serif;
	
	margin: 0;
    padding: 0;
	}

div#header {
	position:relative;
	background: #000 url(../images/tpl_haut.jpg) no-repeat;
	color: #fff;
	height: 150px;
	}

div#header h1 {
	margin: 0;
	}
		
div#global {
	min-height: 100%;

	width: 973px;

	margin: 0 auto; /* va aligner mon site au cenytre du navigater*/
	position: relative;
	/*padding: 0 10px;*/
	
	background:#fff; 
	border:1px solid #FB8300;

	}
	
div#center {
	padding-bottom: 50px;
	padding-top: 50px;
	overflow: auto;
}
	

	

div#content {
    float: left;
	width: 720px;
	margin-left: 10px;
	}
	
div#content p, ol, li{

  color:#666666;
  display:block;
   margin-top:5px;
}


div#contentnomenu {
    float: left;
	width: 950px;
	margin-left: 10px;
	}
	
div#contentnomenu p, ol, li{

  color:#666666;
  display:block;
   margin-top:5px;
}


div#sidebar {
	border-left:1px solid #9999FF;
	border-bottom:1px solid #CCCCCC;
	float: right;
	width:230px;
	margin-top:5px;
	}

a {
	color: #000;
	/*font-weight: bold;*/
	}
a:hover {
	color: #c00;
	}
	

#menu {	

		height: 28px;
		margin: 118px 0 0 0;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		float: right;
}

#menu ul, #menu li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

#menu li {
		width: 140px;
	}	

#menu li a {
		display: block;
		text-decoration: none;
		text-align: center;
		border: 1px solid #fff;
	}
	/*---------- Niveau 1 ----------*/
	#menu .niveau1 li {
		float: left;
		margin: 0 -1px 0 0;
	}
	#menu .niveau1 li a {
		padding: 5px 0;
		height: 16px;
		color: #000;
		background: #FF8302;
	}
	#menu .niveau1 li:hover a,
	#menu .niveau1 li a:hover {
		color: #fff;
		background: #000;
	}
	/*---------- Niveau 2 ----------*/
	#menu .niveau2 {
		position: absolute;
		top: -9999em;
	}
	#menu .niveau2 li {
		clear: left;
		margin: -1px 0 0;
	}
	#menu .niveau2 li a {
		/*color: #fff;
		background: #6D8600; vert caki*/
	}
	#menu .niveau2 li a:hover {
		color: #000;
		background: #FFCC00;
	}
	#menu li:hover .niveau2,
	#menu .sfhover .niveau2 {
		top: auto;
		min-height: 0; /* corrige un bug IE7 */
	}
	/*---------- Niveau 3 ----------*/
	#menu .niveau1 .niveau2 .niveau3 {
		position: absolute;	
		top: -9999em;
		border-top: 1px solid #fff; /* corrige un bug IE6 */
	}
	#menu .niveau3 li a {
		/*color: #fff;
		background: #6D8600; vert caki*/
	}
	#menu .niveau3 li:hover a,
	#menu .niveau3 li a:hover {
		color: #000;
		background: #FFCC00; /* jaune */
	}
	#menu .niveau2 li:hover .niveau3,
	#menu .niveau2 .sfhover .niveau3 {	
		top: auto;
		margin:-28px 0 0 139px;
	}
	#menu .inverse .niveau2 li:hover .niveau3,
	#menu .inverse .niveau2 .sfhover .niveau3 {	
		top: auto;
		margin:-28px 0 0 -139px;
	}
	
	/*---------- Niveau 4 ----------*/
	#menu .niveau4{
		position: absolute;	
		top: -9999em;
		border-top: 1px solid #fff; /* corrige un bug IE6 */
	}
	
	#menu .niveau3 .niveau4 li a { /*couleur menu 4 sans dessus*/
		color: #fff;
		background: #000;	/* bleu foncé*/
	}
	
	#menu .niveau4 li:hover a,
	#menu .niveau4 li a:hover { /*souris au dessus*/
		color: #000;
		/*background: #CFDDF2;*/ /* bleu claire*/
		/* background: #53768A; /* bleu foncé*/
		background: #FFCC00;
	}
	#menu .niveau3 li:hover .niveau4,
	#menu .niveau3 .sfhover .niveau4 {	
		top: auto;
		margin:-28px 0 0 139px;
	}
	#menu .inverse .niveau3 li:hover .niveau4,
	#menu .inverse .niveau3 .sfhover .niveau4 {	
		top: auto;
		margin:-28px 0 0 139px;
	}
	
div#footer {
	/*position: absolute;*/
	
	width: 100%;
	
	bottom: 0;
	
	background: #FB8300;
	
	border:1px solid #FB8300;

	color: #fff;
	}
	
div#footer p {
	margin: 2px 0;
	font-size: 0.9em;
	}
	
div#sidebar h3, div#footer p, div#sidebar p  {
	padding: 0 10px;
	}


.nav_active, .nav_Suivant, .nav{
	background:#fff;
	border:1px solid #000;
	margin: 5px;
	padding:5px;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
}