html   {width:100%; } 
body   {
	margin: auto;
	width: 1000px;  
	font-family:comic sans MS, georgia, serif ;
	color: #d1790d;
	background: black;
	text-align:center;   }
#entete     {    height:200px;  }
#logo      { 
/* 	background-image: url(photos/logo.png);background-repeat: no-repeat; */
	width: 100px;
	height: 97px;
	float:left;
	margin:2% 0 0 3%; }
h1       {
	font-size:250%;
	padding-top:2%;
	font-weight: 300;
	width:600px;
	margin-left:60px !important;
	margin-left:10%;
	margin-top:2%;
	float:left;
	  }
a, a:visited     {text-decoration:none; color:#d1790d; }
#submenu {
	list-style-type: none;
	text-align: left; 
	margin-left:83%;
	padding-top:3%;
	width:150px;      }
#submenu li a:hover  {   color: #697210; }
#mainmenu {
	border-top: 3px solid #697210 ; 
	list-style-type: none;
	text-align: center;
	clear:both; } 
#mainmenu li {
	padding: 0pt 2px;
	display: inline; 
	font-weight: 600;   }
#mainmenu em, #mainmenu a, #mainmenu a:visited {
	padding: 0pt 2px; 
	font-size: 0.8em; 
	letter-spacing: 0.1em;   }
#mainmenu a:hover {      color:#697210;     }
#mainmenu em { 
	font-style: normal; 
	color:  #697210; }
#mainmenu a:active, #mainmenu a:focus {
	border: none;    }
#liste         {
		padding-top:8%;}
#liste ul  {
		list-style-type: none;
		text-align: left;
}
h4     {
	
	margin-left:20%;    }
h5         {
	margin-left:30%;    }
#pied        {
	width:100%;
	text-align:center;
	margin-bottom:2%;
	margin-top:20%!important;
	margin-top:2%;}
#pied a, #pied a:visited  {color:#d1790d;}
#pied a:hover  { color:#697210;}