body
				{
					margin:0px ;
					padding: 10px ;
					background: url(../images/bg.png);
					text-align:center;
					font-family:"Trebuchet MS", Verdana, Arial;
					
				}
		
		div#conteneur
				{
					width: 900px ;
					margin: 0 auto ;
					text-align: left ;
					background: #fff ;
					padding:0px;
				}

		div#bas
				{
					width: 900px ;
					height:100px;
					float:left;
				}


		div#haut
				{
					width: 900px ;
					height:130px;
					margin: 0;
					padding-left:0px;
					background:url(../images/haut.png)  #FFF no-repeat center center;
					float:left;


				}

	
				
		div#haut-menu
				{
					width: 900px ;
					height:40px;
					float:left;
					background-color:#fff;

				}	
				
			
				
		div#menu-gauch
				{
					width: 210px;
					height:520px;
					padding-left:30px;
					float:left;
					background-color:#FFF;
					color:#E76F34	;
					font-size:18px;
					font-family:Verdana, Geneva, sans-serif;


				}
				
		div#menu-gauch a
				{
					font-family:Verdana, Geneva, sans-serif;
					font-size:18px;
					color:#808080;
					text-decoration:none;
					line-height:73px;
				}
		
		div#menu-gauch a:hover
				{
					font-family:Verdana, Geneva, sans-serif;
					font-size:18px;
					color:#E76F34;
					text-decoration:none;
					line-height:73px;
				}
		
		
		
		#menu-milieu
				{
					width:475px;
					height: 520px;
					background-color:#fff;
					float:left;
				}				
				
		#menu-droit
				{
					width:185px;
					height: 520px;
					background:#FFF;
					float:left;
					
				}				
				
				
		div#menu-col1
				{
					width: 208px;
					height:970px;
					padding-left:30px;
					float:left;
					background-color:#FFF;
					font-family:Verdana, Geneva, sans-serif;
					border-top:2px solid #808080;
				}
		div#menu-col1 p
				{

					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:12px;
				}


		div#menu-col2
				{
					width: 443px;
					height:970px;
					float:left;
					padding-left:15px;
					padding-right:15px;
					background-color:#FFF;
					font-family:Verdana, Geneva, sans-serif;
					border-top:2px solid #808080;
					border-left:2px solid #808080;
					border-right:2px solid #808080;
				}

		div#menu-ln1
				{
					width: 214px;
					float:left;
					padding-right:7px;
					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:12px;
					text-align:justify;
				}
		div#menu-ln2
				{
					width: 214px;
					float:left;
					padding-left:7px;
					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:12px;
					text-align:justify;
				}


		div#menu-col3
				{
					width: 170px;
					height:970px;
					padding-left:15px;
					float:left;
					background-color:#FFF;
					border-top:2px solid #808080;
					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:12px;
					}



		div#menu-col3 a
				{
					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:12px;
					color:#000;
					text-decoration:none;
					}


		div#menu-col3 a:hover
				{
					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:12px;
					color:#E76F34;
					text-decoration:none;
					}

		div#video
				{
					width:341px;
					height:249px;
					margin-left:20px;
					padding-left:27px;
					padding-right:32px;
					padding-top:30px;
					padding-bottom:47px;
					background:url(../images/cadre_video.png);
					text-decoration:none;
					float:left;
					}


		div#im
				{
					width:341px;
					height:35px;
					float:left;

				}

		div#menu-col22
				{
					width: 440px;
					float:left;
					background:#FFF;
				}




		div#page1
				{
					width:100px;
					height:750px;
					float:left;

					background:#FFF;
					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;
					text-align:justify

					}
		div#page1bis
				{
					width:100px;
					height:1100px;
					float:left;

					background:#FFF;
					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;
					text-align:justify

					}


		div#page2
				{
					width:480px;
					height:750px;
					float:left;
					background:#FFF;
					text-align:center;
					padding-left:10px;
					padding-right:10px;
				
				}

		div#page2bis
				{
					width:246px;
					height:1100px;
					float:left;
					background:#FFF;
					text-align:center;

				
				}


				div#page2 p
				{

					text-align:justify;
					padding-left:10px;
					padding-right:10px;
					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;
					}

	
	
	
		div#pagef
				{
					width:298px;
					height:750px;
					float:left;
					background:#FFF;
					border-left:2px solid gray;
					
					}

	
	
	
	
	
	div#page3
				{
					width:300px;
					height:750px;
					float:left;
					background:#FFF;
					text-align:center;
					
					}


	div#page3 a
				{
					text-align:justify;

					font-family:"Trebuchet MS", Verdana, Arial;
					color:#333;
					text-decoration:none;
					
					}
					
					
					
					
	div#page3 a:hover
				{
					text-align:justify;

					font-family:"Trebuchet MS", Verdana, Arial;
					color:#F30;
					text-decoration:none;
					
					}
					

		div#page3bis
				{
					width:400px;
					height:1100px;
					padding-left:54px;
					padding-right:100px;
					float:left;
					background:#FFF;
					text-align:center;
					
					}

				div#page3bis p
				{

					text-align:justify;

					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;
					}



		div#loisirs1
				{
					width:100px;
					height:1100px;
					float:left;

					background:#FFF;
					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;
					text-align:justify

					}


		div#loisirs2
				{
					width:300px;
					height:1100px;
					padding-left:18px;
					padding-right:17px;
					float:left;

					background:#FFF;
					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;
					text-align:justify

					}


		div#loisirs3
				{
					width:377px;
					height:1100px;
					padding-right:88px;
					float:left;

					background:#FFF;
					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;
					text-align:justify

					}


		div#tabou1
				{
					width:800px;
					float:left;
					background:#FFF;


					}

		div#tabou2
				{
					width:340px;
					height:1850px;
					float:left;
					padding-left:30px;
					padding-right:30px;
					background:#FFF;
					text-align:justify;
					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;

					}

		div#tabou3
				{
					width:340px;
					height:1850px;

					float:left;
					background:#FFF;
					padding-left:0px;
					padding-right:60px;
					text-align:justify;
					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;
					}

		div#tab1
				{
					width:100px;
					height:2194px;
					float:left;

					background:#FFF;
					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;
					text-align:justify

					}


		div#jeunes
				{
					width:660px;
					padding-left:20px;
					padding-right:120px;
					float:left;
					background:#FFF;
					height:1100px;

					}
					
			div#jeunes1
				{
					width:100px;
					height:1100px;
					float:left;
					background:#FFF;


					}				

		div#jeunes p
				{

					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;
					text-align:justify					
					
				}







		div#femmes3
				{
					width:400px;
					padding-right:55px;
					float:left;
					background:#FFF;
					height:800px;

					}

		div#femmes2
				{
					width:320px;
					padding-right:25px;
					float:left;
					background:#FFF;
					height:800px;

					}


			div#femmes
				{
					width:100px;
					height:800px;
					float:left;
					background:#FFF;


					}				

		div#femmes2 p
				{

					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;
					text-align:justify	
					padding-right:150px;
					padding-left:50px;

					
				}








		div#jeunesse3
				{
					width:400px;
					padding-right:55px;
					float:left;
					background:#FFF;
					height:1000px;

					}

		div#jeunesse2
				{
					width:320px;
					padding-right:25px;
					float:left;
					background:#FFF;
					height:1000px;

					}


			div#jeunesse
				{
					width:100px;
					height:1000px;
					float:left;
					background:#FFF;


					}				

		div#jeunesse2 p
				{

					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;
					text-align:justify	
					padding-right:150px;
					padding-left:50px;

					
				}










		div#paix3
				{
					width:400px;
					padding-right:55px;
					float:left;
					background:#FFF;
					height:850px;

					}

		div#paix2
				{
					width:320px;
					padding-right:25px;
					float:left;
					background:#FFF;
					height:850px;

					}


			div#paix
				{
					width:100px;
					height:850px;
					float:left;
					background:#FFF;


					}				

		div#paix2 p
				{

					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;
					padding-right:10px;
					padding-left:50px;

					
				}










		div#radio3
				{
					width:500px;
					padding-right:60px;
					padding-left:14px;
					float:left;
					background:#FFF;
					height:600px;

					}

		div#radio2
				{
					width:226px;
					float:left;
					background:#FFF;
					height:600px;

					}


			div#radio
				{
					width:100px;
					height:600px;
					float:left;
					background:#FFF;


					}				

		div#radio3 p
				{

					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;
					text-align:justify	
					padding-right:150px;
					padding-left:50px;

					
				}



			div#foto1
				{
					width:800px;
					height:600px;
					float:left;
					background:#FFF;


					}				


			div#foto
				{
					width:100px;
					height:600px;
					float:left;
					background:#FFF;


					}

				div#qr1
				{
					width:700px;
					height:650px;
					padding-left:50px;
					padding-right:50px;
					float:left;
					background:#FFF;


					}				


			div#qr
				{
					width:100px;
					height:650px;
					float:left;
					background:#FFF;


					}
					
					
					

			div#hand1
				{
					width:800px;
					height:500px;
					float:left;
					background:#FFF;


					}				


			div#hand
				{
					width:100px;
					height:500px;
					float:left;
					background:#FFF;


					}
					
					
					
					
					
					
					
					
					
					
					
					
					
			
/* Menu */

#menu, #menu ul /* Liste */	
{
	padding-left :6px; /* pas de marge intrieure */
	margin : 0; /* ni extrieure */
	list-style : none; /* on supprime le style par dfault de la liste */
	line-height : 35px; /* on dfini une hauteur pour chaque lment */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
	font-weight : bold; /* on met le texte en gras */
	font-size : 20px; /* hauteur du texte : 12 pixels */
	color:#FFF;
	
}

#menu a /* Contenu des listes */
{
	display	: block; /* on change le type d'lment, les liens deviennent des balises de type block */
	padding	: 0; /* aucune marge intrieure */
	background:#e76f34;
	color : #fff; /* couleur du texte */
	text-decoration : none; /* on supprime le style par dfault des liens (la pluspart du temps = soulign) */
	width : 110px; /* largeur */
	font-size : 12px; /* hauteur du texte : 12 pixels */
	font-family:"Trebuchet MS", Verdana, Arial;

}

#menu li /* Elements des listes */	
{ 
	float : left; 
	/* pour ie qui ne reconnait pas "transparent" */
	border-right : 1px solid #fff; /* on met une bordure blanche  droite de chaque lment */
}

/* ie ne reconnaissant pas le slecteur ">" */
html>body #menu li
{
	border-right: 1px solid transparent ; /* on met une bordure transparante  droite de chaque lment */
}

#menu li ul /* Sous-listes */
{ 
	position: absolute; /* Position absolu */
	width: 110px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoi loin du champ de vision */
}


#menu li ul li /* Elments de sous-listes */
{
	/* pour ie qui ne reconnait pas "transparent" (comme prcdement) */
	border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque lment d'une sous liste */
}

/* ie ne reconnaissant pas le slecteur ">" */
html>body #menu li ul li		
{
	border-top : 1px solid transparent; /* on met une bordure transparante en haut de chaque lment */
}

#menu li ul ul 
{
	margin		: -22px 0 0 110px ; /* On dcale les sous-sous-listes qu'elles ne soient pas au dessus des sous-listes */	
	/* pour ie qui ne reconnait pas "transparent" (comme prcdement) */
	border-left	: 1px solid #fff ; /* Petite bordure  gauche pour ne pas coller ... */	
}

/* ie ne reconnaissant pas le slecteur ">" ... je me rpte ;-) */
html>body #menu li ul ul		
{
	border-left	: 1px solid transparent ; /* on met une bordure transparante sur la gauche de chaque lment */
}

#menu a:hover /* Lorsque la souris passe sur un des liens */	
{
	color: #ccc; /* On passe le texte en noir ... */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un lment de liste */
{
	left: -999em; /* On expdie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un lment de liste ET sous-sous-lites lorsque la souris passe sur un lment de sous-liste */
{
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug */
}










				
				
		body
				{
					margin:0px ;
					padding: 10px ;
					background: url(../images/bg.png);
					text-align:center;
					font-family:"Trebuchet MS", Verdana, Arial;
					
				}
		
		div#conteneur
				{
					width: 900px ;
					margin: 0 auto ;
					text-align: left ;
					background: #fff ;
					padding:0px;
				}

		div#bas
				{
					width: 900px ;
					height:100px;
					float:left;
				}


		div#haut
				{
					width: 900px ;
					height:130px;
					margin: 0;
					padding-left:0px;
					background:url(../images/haut.png)  #FFF no-repeat center center;
					float:left;


				}

	
				
		div#haut-menu
				{
					width: 900px ;
					height:40px;
					float:left;
					background-color:#fff;

				}	
				
			
				
		div#menu-gauch
				{
					width: 210px;
					height:520px;
					padding-left:30px;
					float:left;
					background-color:#FFF;
					color:#E76F34	;
					font-size:18px;
					font-family:Verdana, Geneva, sans-serif;


				}
				
		div#menu-gauch a
				{
					font-family:Verdana, Geneva, sans-serif;
					font-size:18px;
					color:#808080;
					text-decoration:none;
					line-height:73px;
				}
		
		div#menu-gauch a:hover
				{
					font-family:Verdana, Geneva, sans-serif;
					font-size:18px;
					color:#E76F34;
					text-decoration:none;
					line-height:73px;
				}
		
		
		
		#menu-milieu
				{
					width:475px;
					height: 520px;
					background-color:#fff;
					float:left;
				}				
				
		#menu-droit
				{
					width:185px;
					height: 520px;
					background:#FFF;
					float:left;
					
				}				
				
				
		div#menu-col1
				{
					width: 208px;
					height:970px;
					padding-left:30px;
					float:left;
					background-color:#FFF;
					font-family:Verdana, Geneva, sans-serif;
					border-top:2px solid #808080;
				}
		div#menu-col1 p
				{

					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:12px;
				}


		div#menu-col2
				{
					width: 443px;
					height:970px;
					float:left;
					padding-left:15px;
					padding-right:15px;
					background-color:#FFF;
					font-family:Verdana, Geneva, sans-serif;
					border-top:2px solid #808080;
					border-left:2px solid #808080;
					border-right:2px solid #808080;
				}

		div#menu-ln1
				{
					width: 214px;
					float:left;
					padding-right:7px;
					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:12px;
					text-align:justify;
				}
		div#menu-ln2
				{
					width: 214px;
					float:left;
					padding-left:7px;
					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:12px;
					text-align:justify;
				}


		div#menu-col3
				{
					width: 170px;
					height:970px;
					padding-left:15px;
					float:left;
					background-color:#FFF;
					border-top:2px solid #808080;
					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:12px;
					}



		div#menu-col3 a
				{
					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:12px;
					color:#000;
					text-decoration:none;
					}


		div#menu-col3 a:hover
				{
					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:12px;
					color:#E76F34;
					text-decoration:none;
					}

		div#video
				{
					width:341px;
					height:249px;
					margin-left:20px;
					padding-left:27px;
					padding-right:32px;
					padding-top:30px;
					padding-bottom:47px;
					background:url(../images/cadre_video.png);
					text-decoration:none;
					float:left;
					}


		div#im
				{
					width:341px;
					height:35px;
					float:left;

				}

		div#menu-col22
				{
					width: 440px;
					float:left;
					background:#FFF;
				}




		div#page1
				{
					width:100px;
					height:750px;
					float:left;

					background:#FFF;
					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;
					text-align:justify

					}
		div#page1bis
				{
					width:100px;
					height:1100px;
					float:left;

					background:#FFF;
					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;
					text-align:justify

					}


		div#page2
				{
					width:480px;
					height:750px;
					float:left;
					background:#FFF;
					text-align:center;
					padding-left:10px;
					padding-right:10px;
				
				}

		div#page2bis
				{
					width:246px;
					height:1100px;
					float:left;
					background:#FFF;
					text-align:center;

				
				}


				div#page2 p
				{

					text-align:justify;
					padding-left:10px;
					padding-right:10px;
					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;
					}

	
	
	
		div#pagef
				{
					width:298px;
					height:750px;
					float:left;
					background:#FFF;
					border-left:2px solid gray;
					
					}

	
	
	
	
	
	div#page3
				{
					width:300px;
					height:750px;
					float:left;
					background:#FFF;
					text-align:center;
					
					}


	div#page3 a
				{
					text-align:justify;

					font-family:"Trebuchet MS", Verdana, Arial;
					color:#333;
					text-decoration:none;
					
					}
					
					
					
					
	div#page3 a:hover
				{
					text-align:justify;

					font-family:"Trebuchet MS", Verdana, Arial;
					color:#F30;
					text-decoration:none;
					
					}
					

		div#page3bis
				{
					width:400px;
					height:1100px;
					padding-left:54px;
					padding-right:100px;
					float:left;
					background:#FFF;
					text-align:center;
					
					}

				div#page3bis p
				{

					text-align:justify;

					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;
					}



		div#loisirs1
				{
					width:100px;
					height:1100px;
					float:left;

					background:#FFF;
					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;
					text-align:justify

					}


		div#loisirs2
				{
					width:300px;
					height:1100px;
					padding-left:18px;
					padding-right:17px;
					float:left;

					background:#FFF;
					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;
					text-align:justify

					}


		div#loisirs3
				{
					width:377px;
					height:1100px;
					padding-right:88px;
					float:left;

					background:#FFF;
					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;
					text-align:justify

					}


		div#tabou1
				{
					width:800px;
					float:left;
					background:#FFF;


					}

		div#tabou2
				{
					width:340px;
					height:1850px;
					float:left;
					padding-left:30px;
					padding-right:30px;
					background:#FFF;
					text-align:justify;
					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;

					}

		div#tabou3
				{
					width:340px;
					height:1850px;

					float:left;
					background:#FFF;
					padding-left:0px;
					padding-right:60px;
					text-align:justify;
					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;
					}

		div#tab1
				{
					width:100px;
					height:2194px;
					float:left;

					background:#FFF;
					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;
					text-align:justify

					}


		div#jeunes
				{
					width:660px;
					padding-left:20px;
					padding-right:120px;
					float:left;
					background:#FFF;
					height:1100px;

					}
					
			div#jeunes1
				{
					width:100px;
					height:1100px;
					float:left;
					background:#FFF;


					}				

		div#jeunes p
				{

					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;
					text-align:justify					
					
				}







		div#femmes3
				{
					width:400px;
					padding-right:55px;
					float:left;
					background:#FFF;
					height:800px;

					}

		div#femmes2
				{
					width:320px;
					padding-right:25px;
					float:left;
					background:#FFF;
					height:800px;

					}


			div#femmes
				{
					width:100px;
					height:800px;
					float:left;
					background:#FFF;


					}				

		div#femmes2 p
				{

					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;
					text-align:justify	
					padding-right:150px;
					padding-left:50px;

					
				}








		div#jeunesse3
				{
					width:400px;
					padding-right:55px;
					float:left;
					background:#FFF;
					height:1000px;

					}

		div#jeunesse2
				{
					width:320px;
					padding-right:25px;
					float:left;
					background:#FFF;
					height:1000px;

					}


			div#jeunesse
				{
					width:100px;
					height:1000px;
					float:left;
					background:#FFF;


					}				

		div#jeunesse2 p
				{

					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;
					text-align:justify	
					padding-right:150px;
					padding-left:50px;

					
				}










		div#paix3
				{
					width:400px;
					padding-right:55px;
					float:left;
					background:#FFF;
					height:850px;

					}

		div#paix2
				{
					width:320px;
					padding-right:25px;
					float:left;
					background:#FFF;
					height:850px;

					}


			div#paix
				{
					width:100px;
					height:850px;
					float:left;
					background:#FFF;


					}				

		div#paix2 p
				{

					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;
					padding-right:10px;
					padding-left:50px;

					
				}










		div#radio3
				{
					width:500px;
					padding-right:60px;
					padding-left:14px;
					float:left;
					background:#FFF;
					height:600px;

					}

		div#radio2
				{
					width:226px;
					float:left;
					background:#FFF;
					height:600px;

					}


			div#radio
				{
					width:100px;
					height:600px;
					float:left;
					background:#FFF;


					}				

		div#radio3 p
				{

					font-family:"Trebuchet MS", Verdana, Arial;
					font-size:13px;
					text-align:justify	
					padding-right:150px;
					padding-left:50px;

					
				}



			div#foto1
				{
					width:800px;
					height:600px;
					float:left;
					background:#FFF;


					}				


			div#foto
				{
					width:100px;
					height:600px;
					float:left;
					background:#FFF;


					}

				div#qr1
				{
					width:700px;
					height:650px;
					padding-left:50px;
					padding-right:50px;
					float:left;
					background:#FFF;


					}				


			div#qr
				{
					width:100px;
					height:650px;
					float:left;
					background:#FFF;


					}
					
					
					

			div#hand1
				{
					width:800px;
					height:500px;
					float:left;
					background:#FFF;


					}				


			div#hand
				{
					width:100px;
					height:500px;
					float:left;
					background:#FFF;


					}
					
		
					
					
					
					
					
					
					
					
					
					
					
			
/* Menu */

#menu, #menu ul /* Liste */	
{
	padding-left :6px; /* pas de marge intrieure */
	margin : 0; /* ni extrieure */
	list-style : none; /* on supprime le style par dfault de la liste */
	line-height : 35px; /* on dfini une hauteur pour chaque lment */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
	font-weight : bold; /* on met le texte en gras */
	font-size : 20px; /* hauteur du texte : 12 pixels */
	color:#FFF;
	
}

#menu a /* Contenu des listes */
{
	display	: block; /* on change le type d'lment, les liens deviennent des balises de type block */
	padding	: 0; /* aucune marge intrieure */
	background:#e76f34;
	color : #fff; /* couleur du texte */
	text-decoration : none; /* on supprime le style par dfault des liens (la pluspart du temps = soulign) */
	width : 110px; /* largeur */
	font-size : 12px; /* hauteur du texte : 12 pixels */
	font-family:"Trebuchet MS", Verdana, Arial;

}

#menu li /* Elements des listes */	
{ 
	float : left; 
	/* pour ie qui ne reconnait pas "transparent" */
	border-right : 1px solid #fff; /* on met une bordure blanche  droite de chaque lment */
}

/* ie ne reconnaissant pas le slecteur ">" */
html>body #menu li
{
	border-right: 1px solid transparent ; /* on met une bordure transparante  droite de chaque lment */
}

#menu li ul /* Sous-listes */
{ 
	position: absolute; /* Position absolu */
	width: 110px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoi loin du champ de vision */
}


#menu li ul li /* Elments de sous-listes */
{
	/* pour ie qui ne reconnait pas "transparent" (comme prcdement) */
	border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque lment d'une sous liste */
}

/* ie ne reconnaissant pas le slecteur ">" */
html>body #menu li ul li		
{
	border-top : 1px solid transparent; /* on met une bordure transparante en haut de chaque lment */
}

#menu li ul ul 
{
	margin		: -22px 0 0 110px ; /* On dcale les sous-sous-listes qu'elles ne soient pas au dessus des sous-listes */	
	/* pour ie qui ne reconnait pas "transparent" (comme prcdement) */
	border-left	: 1px solid #fff ; /* Petite bordure  gauche pour ne pas coller ... */	
}

/* ie ne reconnaissant pas le slecteur ">" ... je me rpte ;-) */
html>body #menu li ul ul		
{
	border-left	: 1px solid transparent ; /* on met une bordure transparante sur la gauche de chaque lment */
}

#menu a:hover /* Lorsque la souris passe sur un des liens */	
{
	color: #ccc; /* On passe le texte en noir ... */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un lment de liste */
{
	left: -999em; /* On expdie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un lment de liste ET sous-sous-lites lorsque la souris passe sur un lment de sous-liste */
{
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug */
}