.Categorie {
	font-size: 11px;
	font-weight: normal;
	color: #ff823b;
	text-decoration: none;
	
	
}
.Categorie:hover {
	font-size: 11px;
	font-weight: normal;
	color:#d06325;
	
	background: url(../ima/fndcatO.gif);
	
}

.ContentMenu  /* Contenu des listes */
{
	

	background-color:#6cb8e5;
	color:#ffffff;
	width : 260px; /* largeur */



}



/* MenuMotif */

#MenuMotif, #MenuMotif ul /* Liste */	
{

	padding : 0; /* pas de marge intérieure */
	margin : 0; /* ni extérieure */
	list-style : none; /* on supprime le style par défault de la liste */
	line-height : 21px; /* on défini une hauteur pour chaque élément */
	
	
}

#MenuMotif /* Ensemble du MenuMotif */
{

	/*font-weight : bold;  on met le texte en gras */
	/*font-family : Arial;  on utilise Arial c'est plus beau ^^ */
	font-size : 12px; /* hauteur du texte : 12 pixels */
}


#MenuMotif a /* Contenu des listes */
{
	background-color:#ffffff;
	display	: block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding	: 0; /* aucune marge intérieure */
	color : #0e6699; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
	width : 260px; /* largeur */

}




#MenuMotif a:hover /* Contenu des listes */
{
	
	display	: block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding	: 0; /* aucune marge intérieure */
	background-color:#8fccf0;
	
	color : #ffffff; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
	width : 260px; /* largeur */
	
}
#MenuMotif li /* Elements des listes */	
{

	padding-bottom:0;
	float : left; 
	padding	: 0; /* aucune marge intérieure */
	padding-left:0;
	/* pour ie qui ne reconnait pas "transparent" */
	/*border-right : 1px solid #fff;  on met une bordure blanche à droite de chaque élément */
}


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


#MenuMotif li ul li /* Eléments de sous-listes */
{

	border:1px solid #a8c3ca;
	border-top:0;
}

#MenuMotif li:hover ul, #MenuMotif li li:hover ul, #MenuMotif li.sfhover ul, #MenuMotif li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto; /* Repositionnement normal */
	padding-bottom:0;
	left:-1px;
	min-height: 0; /* Corrige un bug */

}














/* MenuMotif2 */

#MenuMotif2, #MenuMotif2 ul, #MenuMotif3, #MenuMotif3 ul /* Liste */	
{

	padding : 0; /* pas de marge intérieure */
	margin : 0; /* ni extérieure */
	list-style : none; /* on supprime le style par défault de la liste */
	line-height : 21px; /* on défini une hauteur pour chaque élément */
	
	
}

#MenuMotif2, #MenuMotif3 /* Ensemble du MenuMotif2 */
{
	background-color:#ffffff;
	/*font-weight : bold;  on met le texte en gras */
	/*font-family : Arial;  on utilise Arial c'est plus beau ^^ */
	font-size : 12px; /* hauteur du texte : 12 pixels */
}


#MenuMotif2 a, #MenuMotif3 a /* Contenu des listes */
{
	background-color:#ffffff;
	display	: block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding	: 0; /* aucune marge intérieure */
	color : #0e6699; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
	width : 170px; /* largeur */

}


#MenuMotif3 a /* Contenu des listes */
{


	width : 110px; /* largeur */

}




#MenuMotif2 a:hover, #MenuMotif3 a:hover /* Contenu des listes */
{
	
	display	: block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding	: 0; /* aucune marge intérieure */
	background-color:#8fccf0;
	
	color : #ffffff; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
	width : 170px; /* largeur */
	
}

#MenuMotif3 a:hover /* Contenu des listes */
{
	

	width : 110px; /* largeur */
	
}
#MenuMotif2 li, #MenuMotif3 li /* Elements des listes */	
{

	padding-bottom:0;
	float : left; 
	padding	: 0; /* aucune marge intérieure */
	padding-left:0;
	/* pour ie qui ne reconnait pas "transparent" */
	/*border-right : 1px solid #fff;  on met une bordure blanche à droite de chaque élément */
}


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


#MenuMotif2 li ul li , #MenuMotif3 li ul li /* Eléments de sous-listes */
{

	border:1px solid #a8c3ca;
	border-top:0;
}

#MenuMotif2 li:hover ul, #MenuMotif2 li li:hover ul, #MenuMotif2 li.sfhover ul, #MenuMotif2 li li.sfhover ul, #MenuMotif3 li:hover ul, #MenuMotif3 li li:hover ul, #MenuMotif3 li.sfhover ul, #MenuMotif3 li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto; /* Repositionnement normal */
	padding-bottom:0;
	left:-1px;
	min-height: 0; /* Corrige un bug */

}