html,body {
	font: Windsor, Verdana, Arial, Helvetica, sans-serif;
		color: #c7ba97;
	height: 100%;
	margin : 0 auto;
	padding: 0 ;
	text-align: center ;	
		background-color: #c7ba97;
		font-weight: bold;
}
div#conteneur
{
	width:814px; margin:0 auto;
	text-align: left ;	
	background-color: #8F7E50;
	min-height: 100%;
}

h1#header
{
	height: 65px ;
	background: url(images/bannierea.jpg) no-repeat center ;
	background-color: #0D0D0D;
	margin : 0 auto;
}
h1#pied
{
	height: 15px ;
	background: url(images/pied.jpg) no-repeat center ;
	background-color: #8F7E50;
	width:814px; 
	margin : 0 auto;
}
h1#tete
{
	height: 10px ;
	background: url(images/topbrunbleu.jpg) no-repeat center ;
	background-color: #8F7E50;
	width:814px; 
	margin : 0 auto;
}
h1#tete2
{
	height: 10px ;
	background: url(images/topbrunbrun.jpg) no-repeat center ;
	background-color: #8F7E50;
	width:814px; 
	margin : 0 auto;
}

p#pied
{ 	text-align: center ;
	font: Windsor, Verdana, Arial, Helvetica, sans-serif;
	color: #736540;
	text-align: center ;	
	margin : 0 auto;
}
div#menun {
  
	position: relative; 
	height: 25px;
        width: 814px;
	margin: 0 auto 0;
}
ul#menu
{
	height: 25px ;
	margin: 0 ;
	padding: 0 ;
	background: url(images/bg_menu.gif) repeat-x 0 0px ;
	list-style-type: none ;
}

ul#menu li
{
	float: left ;
	text-align: center ;
}

ul#menu li a
{
	width: 162px ;
	line-height: 25px ;
	font-size: 1.2em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	display: block ;
	text-decoration: none ;
	border-right: 1px solid #c7ba97 ;
}
li#differ
{
	width: 162px ;
	border-right: 0px solid #c7ba97 ;
}
ul#menu li a:hover
{
	background: url(images/bg_menu.gif) repeat-x 0 -22px ;
	border-right: 1px solid #c7ba97 ;
}
/* sous menu */
ul#sous_menu_annee {
	list-style-type: none;
	margin: 0;
/*	margin-top: 15px; */
	margin-left: 488px;
	padding: 0;
	float: none;
	border:solid 1px #CEC4A8;
        width: 162px;
	position: relative;
	background-color: #c7ba97;
}
 
ul#sous_menu_annee li {
	margin: 0;
	padding: 0;
	float: none;
        width: 162px;
	height: 20px;
	border:solid 1px #CEC4A8;
	text-align: center;
	background-color: #8F7E50;
}

ul#sous_menu_annee a {
        display: block;
	float: none;
	margin: 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	border: none;
	height: 20px;
}
 
ul#sous_menu_annee a:hover {
	color: white;
}
div#conteneur h2
{background: url(images/coin.jpg) no-repeat ;
	padding-left: 25px ;
	padding-bottom: 1px ;
	line-height: 25px ;
	font-size: 2.2em ;
	font: Windsor, Verdana, Arial, Helvetica, sans-serif;
	color: #c7ba97; 

	background-color: #736540;
	margin-left: 7px; 
	margin-right: 7px; 
}
div#wrap {
	margin-left: 7px; 
	margin-right: 7px; 
	overflow:hidden;
	height: 100%;
	
}

div#sidebar0{
float:left; width:200px;
}



div#sidebar {
float:left; width:180px;
text-align: justify ;
border-right: 1px solid #c7ba97; 
border-left: 1px solid #c7ba97; 
border-bottom: 1px solid #c7ba97; 
background-color: #736540;
padding: 10px 10px 10px 10px ;
}

h1#tete3
{
	height: 10px ;
	background: url(images/topbrun.jpg) no-repeat;
	background-color: #8F7E50;
	width:210px; 
	margin : 0 auto;

}
h1#tete4
{
	height: 10px ;
	background: url(images/grandbrun.jpg) no-repeat;
	margin-left:210px;	
	margin-top:0px;	
	margin-right:0px;	
	margin-bottom :0px;	
	
		background-color: #736540;
}

h3
{
	font: Windsor, Verdana, Arial, Helvetica, sans-serif;
	height: 20px ;
	color: #c7ba97; 
	text-align: center;
	vertical-align: middle;
		font-size: 18px;
		background-color: #0D0D0D;
	border: 1px solid #c7ba97; 
}
h4
{
	height: 15px ;
	vertical-align : middle ;
		font-size: 16px;
}
 input{
	font: Windsor, Verdana, Arial, Helvetica, sans-serif;
	color: #c7ba97;
		background-color: #8F7E50;
		border-color: #8F7E50 ;
		border: 1px solid #c7ba97; 
		 width: 120px;
}
input.button{
background: url(images/bout.gif);
width: 29px;
height: 29px ;
border: 0px solid #c7ba97; 

}

 select{
font: Windsor, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
	color: #c7ba97;
		background-color: #8F7E50;
		border-color: #8F7E50 ;
		border: 1px solid #c7ba97; 
}



a {
	font: Windsor, Verdana, Arial, Helvetica, sans-serif;
	color: #c7ba97;
	font-size: 14px;
	font-weight: bold;
	text-decoration : underline ;
}
a:link {
	text-decoration: none;
	color: #c7ba97;
	text-decoration : underline ;
}
a:visited {
	text-decoration: none;
	color: #c7ba97;
	text-decoration : underline ;

}
a:hover {
	text-decoration: underline;
	color: #c7ba97;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}


div#footer
{  	width:814px; margin:0 auto;
	background-color: #8F7E50;
	line-height: 30px ;
	text-align: right ;
}

div#footer a
{
	font: Windsor, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}