html {
	height: 100%;
}
body{
	font-family: Arial, Arial-narrow, Helvetica;
	color:#222220 ;
	font-size : 12px;	
	background: #e8e1c6;	
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;	
	height: 100%;	
}
UL#navigation{
	padding: 0px;
	margin: 0px;		
	text-indent: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
	background:	#3e230e;	
}
UL#navigation LI{
	padding-bottom: 0px;
	margin-bottom: -4px;		
}

UL#navigation LI UL LI{
	padding-left: 30px;
	padding-bottom: 4px;	
}
#navigation A:link {text-decoration: none;  font-weight: bold; color: #cccccc;} 
#navigation A:visited {text-decoration: none; font-weight: bold; color: #cccccc;}
#navigation A:active {text-decoration: underline; font-weight: bold;color: #e9b02b;}  
#navigation A:hover {text-decoration: none; font-weight: bold;	color: #e9b02b;}  

#Menu {
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:256px;
} 
#Header_index {
	position: absolute;
	top: 0px;
	left: 0px;
	width:1000px;
	height:250px;
}  
#Menu {
	position: absolute;
	top: 239px;
	left: 0px;
	width:315px;
	background:	#3e230e;	
}  
#MenuFond {
	position: absolute;
	top: 0px;
	left: 0px;
	width:315px;
	background:	#3e230e;
	z-index: -1;
} 
#MenuFond_index {
	position: fixed;
	top: 0px;
	left: 0px;
	width:315px;
	height:649px;
	background:	#3e230e;
} 
#Contenu {
	position: absolute;
	top: 239px;
	left: 315px;
	width:685px;
} 
.Content{
	vertical-align: top;		
}
.Edit{
	background: #ffffff;	
}
A:link {text-decoration: none;  font-weight: bold; color: #1e448b;} 
A:visited {text-decoration: none; font-weight: bold; color: #1e448b;}
A:active {text-decoration: underline; font-weight: bold;color: #1e448b;}  
A:hover {text-decoration: underline; font-weight: bold;	color: #777e41;}  

UL {
   margin-top: 0px;
   margin-bottom: 0px;
}
FORM {
   margin-top: 2px;
   margin-bottom: 2px;
}
.titre {
	font-family: Arial, Arial-narrow, Helvetica;
	font-size: 18px;
	color: #765734;
	vertical-align: top;
	font-weight : bold;	
}  
.titre_bleu {
	font-family: Arial, Arial-narrow, Helvetica;
	font-size: 18px;
	color: #1e448b;
	vertical-align: top;
	font-weight : bold;	
}  
.titre_brun {
	font-family: Arial, Arial-narrow, Helvetica;
	font-size: 18px;
	color: #3e240f;
	vertical-align: top;
	font-weight : bold;	
}  

.titre {
	font-family: Arial, Arial-narrow, Helvetica;
	font-size: 18px;
	color: #765734;
	vertical-align: top;
	font-weight : bold;	
}  

.stitre {
	font-family: Arial, Arial-narrow, Helvetica;
	font-size: 14px;
	color: #222220;
	vertical-align: top;
	font-weight : bold;	
	text-transform:uppercase;
}  
.titre_tooltip {
	font-family: Arial, Arial-narrow, Helvetica;
	font-size: 14px;
	color: #7b5733;
	vertical-align: top;
	font-weight : bold;	
} 
.ocre {
	color: #765734;
} 
.bleu {
	font-family: Arial, Arial-narrow, Helvetica;
	color: #1e448b;
} 
.brun {
	color: #3e240f;
}     
.vert {
	color: #777e41;
}     
H1 {
	margin-top: 7px;
	padding-top:10px;
	font-family: Arial, Arial-narrow, Helvetica;
	font-size: 22px;
	font-weight : bold;	
}  

H2 {
	margin-top: 7px;
	padding-top:10px;
	font-family: Arial, Arial-narrow, Helvetica;
	font-size: 18px;
	font-weight : bold;	
}  

H3 {
	margin-top: 7px;
	padding-top:10px;
	font-family: Arial, Arial-narrow, Helvetica;
	font-size: 14px;
	vertical-align: top;
	font-weight : bold;	
	text-transform:uppercase;
} 

.mini {
	font-family: Arial, Arial-narrow, Helvetica;
    font-size : 9px;
}
.dix {
	font-family: Arial, Arial-narrow, Helvetica;
    font-size : 10px;
}
.onze {
	font-family: Arial, Arial-narrow, Helvetica;
	font : 11px;
}
.douze {
	font-family: Arial, Arial-narrow, Helvetica;
	font-weight : normal;
	font-size : 12px;
}
.douzebold {
	font-family: Arial, Arial-narrow, Helvetica;
	font-size : 12px;
	font-weight : bold;
	}
.treize {
	font-family: Arial, Arial-narrow, Helvetica;
	font-weight : normal;
	font-size : 13px;
}
.treizebold {
	font-family: Arial, Arial-narrow, Helvetica;
	font-size : 13px;
	font-weight : bold;
}
.quatorzebold {
	font-family: Arial, Arial-narrow, Helvetica;
	font-size : 14px;
	font-weight : bold;
}
.quinzebold {
	font-family: Arial, Arial-narrow, Helvetica;
	font-size : 14px;
	font-weight : bold;
}
.seizebold {
	font-family: Arial, Arial-narrow, Helvetica;
	font-size : 16px;
	font-weight : bold;
}
.vingtbold {
	font-family: Arial, Arial-narrow, Helvetica;
	font-size : 20px;
	font-weight : bold;
}

.credit {
	font-family: Arial, Arial-narrow, Helvetica;
	font-size : 9px;
	color:#b18021;
}
.credit A:link {text-decoration: none;  font-weight: bold; color: #b18021;} 
.credit A:visited {text-decoration: none; font-weight: bold; color: #b18021;}
.credit A:active {text-decoration: underline; font-weight: bold;color: #b18021;}  
.credit A:hover {text-decoration: underline; font-weight: bold;	color: #b18021;}  

.header A:link {text-decoration: none;  font-weight: bold; color: #ffffff;} 
.header A:visited {text-decoration: none; font-weight: bold; color: #ffffff;}
.header A:active {text-decoration: underline; font-weight: bold;color: #ffffff;}  
.header A:hover {text-decoration: underline; font-weight: bold;	color: #ffffff;}