body {
background: #ece196; 
text-align: center;
}

p {
font-size : 12px; 
font-family :  Verdana, Arial, Geneva, sans-serif; 
color : #000; 
text-align: center;
}

h1 {
font-size : 18px; 
font-family :  Verdana, Arial, Geneva, sans-serif;
color : #000; 
text-align: center;
}

h2 {
font-size : 14px; 
font-family :  Verdana, Arial, Geneva, sans-serif;
color : #000; 
text-align: justify;
}

h3	{
font-size : 14px; 
font-family :  Verdana, Arial, Geneva, sans-serif; 
color : #000; 
text-align: center;
}


div#Conteneur {/* conteneur global  */
width: 900px;
height: 775px;
margin-left: auto;
margin-right: auto;
padding-top: 0px;
background: url(Dem2AP.jpg);
}

div#Corner {
	float: left;
	width: 150px;
	height: 150px;
	background: url(Dem2Corn.jpg) top left no-repeat;
}

div#Header {
	float: left;
	width: 750px;
	height: 150px;
	background: url(Dem2head.jpg) top left no-repeat;
}

div#Sidebar {
	float:left;
	width: 150px;
	height: 625px;
}

div#Contenu {
	float:left;
	width: 734px;
	padding-right: 8px;
	padding-left: 8px;
	
}


div#navcontainer ul { /* conteneur du menu horizontal*/
	padding: .2em 0;
	margin: 0;
	list-style-type: none;
	background-color: #333;
	color: #FFF;
	width: 100%;
	
}

li { display: inline;
	font-size : 14px; 
	font-family :  Verdana, Arial, Geneva, sans-serif; 
	color : #fff; 
	text-align: center; }

li a   {
text-decoration: none;
background-color: #474747;
color: #FFF;
padding: .2em 1em;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
}

li#active  { /* onglet actuel */
text-decoration: none;
background-color: #7f7f7f;
color: #FFF;
padding: .2em 1em;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
}

li a:hover
{
background-color: #a4a4a4;

}

ul#vignettes	{ /* liste des vignettes du div case*/
	position: relative;
	padding-top: 153px;
	padding-left: 8px;
	margin: 0; /* pour éviter le décalage dans Internet Explorer*/
}