/******** Feuille de styles du menu ************/

html{background-color:#eee8aa;} /*	#d79458   #eee8aa  #f7d78b    */
	
	*{margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; }
	body{background-color: #f7d78b; color:olive; width:950px; margin:10px auto;}

	
	

	#index {
	font-size: large;
	font-style: italic;
	font-weight: bolder;
	text-align: center;
}
    #bandeau{height:100px; background-image:url(../images/Bandeau_matatatours.jpg)}
	#title{
	color:#990000;
	font-size:120%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	list-style-type: none;
	list-style-image: none;
	font-style: italic;
	padding-right: 200px;
	width:300px;
}
#menu_h li{
	float:right;
	list-style-type:none;
	width:80px;
	line-height:20px;
	text-align:center;
	
	 /*background-color:#d79458;#CC6633; #CCCC99*/
		
}
	#menu_h li a{
	display:block;
	font-size:90%;
	text-decoration:none;
	color:white;
	font-weight: bold;
	background-color:#CC6633;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d79458;
}
	#menu_h li a:hover {color:olive; background-color:#fad785;}
	
	
	
	/*#menu_gauche li{
	float:left;
	list-style-type:none;
	width:120px;
	line-height:20px;
	text-align:center;
	background-color: #d79458;
	
}
	#menu_gauche li a{display:block; font-size:90%; text-decoration:none; color:olive; background-color:#bdb76b; border:1px #d79458 solid; }
	#menu_gauche li a:hover {color:#CC6633; background-color:#eee8aa;}
	
	#flag{
	list-style-type: none;
	list-style-image: none;
	text-align: left;
	border-right: 5px #d79458 solid;
}
	*/

	

.menu{
	float: left;
	margin: 1px;
	padding: 1px;
	background-color: #d79458;
	list-style-type: none; 
 }
 

.titreMenu, .contenuMenu{
	border: 2px outset #FFFF99;
	width: 160px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	list-style-type: none; 
	
}
 
.contenuMenu{
	display: none;
	position: absolute;
	
}
 
.menuOverflow{
 overflow: auto;
 height: 200px;
}
 
.itemOver{
	color:#CC6633;
	background-color:#eee8aa;
	font-weight: bold;
}
 
.itemOut{
	color:olive;
	background-color:#bdb76b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
 
.lienMenu{
	text-decoration: none;
	color: #CC6633;
	font-size: 11px;
	line-height: 20px;
}
 

	

.crlf{
 clear: both;
 visibility: hidden;
}
 
/******** Fin de la feuille de styles du menu ************/
#pied{
	font-size:80%;
	text-align:center;
	background-color:#d79458;
	color:#FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px; 
}
	
	
	
	
	/* --- specifiques pages safari/kili--- */	
	#home_fond {
	height: 410px;
	background-image:url(../images/matata_accueil.jpg);
	background-repeat: no-repeat;
}
	#fond_image {	background-repeat: no-repeat;}
	#fond_trek {
	background-repeat: no-repeat;
	text-indent: 20px;
	padding-left: 10px;	
	padding-right: 10px;	
}
#fond_lodge {
	padding-left: 100px;	
	padding-right: 200px;	
}
h1{
	color:#993300;
	font-size:14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;	
	
}
h2{
	color:#993300;
	font-size:16px;
}	
h3{
	color:olive;
	font-size:16px;
	font-weight: bolder;
	text-align: center;
}
	#titre_trek {
	font-size: 14px;
	font-weight: bold;
	color: #993300; 		
}
	
	#list_trek li{list-style-type:none; font-size: 12px; font-weight: bold; color: #993300;}
	#list_trek li a{text-decoration:none; color: #993300;  }
	#list_trek li a:hover {color:olive;font-weight: bold; font-size: 12px}
	
	.lien {list-style-type:none; text-decoration:underline; font-size: 10px; color: #993300;font-weight: bold}
	.lien1 {list-style-type:none; text-decoration:underline; font-size: 14px; color: #993300;font-weight: bold}
	.list_saf {
	list-style-type:none;
	text-decoration:none;
	font-size: 12px;
	font-weight: bold;
	color: #993300;
	list-style-image: none;
}
#contact1 {	font-size: 12px;	font-weight: bold;	color: olive;	}
#contact2 {	font-size: 14px;	font-weight: bold;	color: #993300;	}
.cases{
	width: 200px;
}
.casedemande {
	width: 400px;
}
	
	
	#nav_trek li{
	float: right;
	list-style-type:none;
	width:auto;
	font-size: 10px;
	background-color: #CC6633;
	border:2px solid #f7d78c;
	text-align: center;	
	
}

	#nav_trek li a{display:block; text-decoration:none; color:white;}
	#nav_trek li a:hover { background-color: #CCCC99  ;}