/* Menu */
#decouvrir_pontarlier, #decouvrir_pontarlier 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 : 12px; /* on défini une hauteur pour chaque élément anavt 29 */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#decouvrir_pontarlier a /* 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 : #005aae; /* couleur de fond */	
	color : #000000; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
	width : 130px; /* largeur */

}

#decouvrir_pontarlier 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 élément */
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	font-size : 11px; /* hauteur du texte : 12 pixels */	
}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #decouvrir_pontarlier li
{
	border-right: 1px solid transparent ; /* on met une bordure transparante à droite de chaque élément */
}

#decouvrir_pontarlier li ul /* bloc sous les Sous-listes */
{ 
	position: absolute; /* Position absolu */
	width: 150px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoi loin du champ de vision */
	background: #b1d9ff;
	margin-left:0px;
	_margin-top:-155px;
	_margin-left:-272px;
}


#decouvrir_pontarlier li ul li /* Eléments de sous-listes */
{
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-bottom: 1px solid #b1d9ff; /*on met une bordure blanche en haut de chaque élément d'une sous liste */
	background:#d3efff;
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	line-height:25px;
	font-size : 10px; /* hauteur du texte : 12 pixels */
	width : 150px; /* largeur */
}
#decouvrir_pontarlier li ul li a /* fixe la taille du bloc a  (Eléments de sous-listes) */
{
	width : 150px; /* largeur */
}
#decouvrir_pontarlier li ul li ul /*bloc sous les sous liste */
{

width : 130px; /* largeur */
margin-top:-30px;
margin-left:126px;
*margin-left:52px;
_margin-left:50px;
/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
/* border-left	: 1px solid #fff ; Petite bordure à gauche pour ne pas coller ... */
background: #d3efff;
}

#decouvrir_pontarlier li ul li ul li /*contenu des sous-sous-liste */
{
	/* border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
	background:#ebf8ff;
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	line-height:25px;
	font-size : 10px; /* hauteur du texte : 12 pixels */
	width : 185px; /* largeur */
}

#decouvrir_pontarlier li ul li ul li a /*fixe la taille du bloc a (contenu des sous-sous-liste) sinon le texte passe sur 2 ligne*/
{
	width : 185px; /* largeur */
}


#decouvrir_pontarlier a:hover /* Lorsque la souris passe sur un des liens */	
{
	color: #09a879; /* On passe le texte en  ... */
	 /* ... et au contraire, le fond en blanc */
}

#decouvrir_pontarlier li:hover ul ul, #decouvrir_pontarlier li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
	
}

#decouvrir_pontarlier li:hover ul, #decouvrir_pontarlier li li:hover ul, #decouvrir_pontarlier li.sfhover ul, #decouvrir_pontarlier 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 */
	min-height: 0; /* Corrige un bug */	
}

/* menu 2 */
#mairie, #mairie 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 : 12px; /* on défini une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#mairie a /* 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 : #005aae; /* couleur de fond */	
	color : #000000; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
	width : 65px; /* largeur */
}

#mairie 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 élément */
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	font-size : 11px; /* hauteur du texte : 12 pixels */
}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #mairie li
{
	border-right: 1px solid transparent ; /* on met une bordure transparante à droite de chaque élément */
}

#mairie li ul /* bloc sous les Sous-listes */
{ 
	position: absolute; /* Position absolu */
	width: 150px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoi loin du champ de vision */
	background: #b1d9ff;
	margin-left:-30px;
	_margin-top:-155px;
	_margin-left:-320px;
}


#mairie li ul li /* Eléments de sous-listes */
{
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-bottom: 1px solid #b1d9ff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
	background:#d3efff;
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	line-height:25px;
	font-size : 10px; /* hauteur du texte : 12 pixels */
	width : 150px; /* largeur */
}
#mairie li ul li a /* fixe la taille du bloc a  (Eléments de sous-listes) */
{
	width : 150px; /* largeur */
}
#mairie li ul li ul /*bloc sous les sous liste */
{
width : 150px; /* largeur */
margin-top:-30px;
margin-left:120px;
*margin-left:45px;
_margin-left:45px;
/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
/* border-left	: 1px solid #fff ; Petite bordure à gauche pour ne pas coller ... */
background: #d3efff;

}

#mairie li ul li ul li /*contenu des sous-sous-liste */
{
	/* border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
	background:#ebf8ff;
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	line-height:25px;
	font-size : 10px; /* hauteur du texte : 12 pixels */
	width : 150px; /* largeur */
}

#mairie li ul li ul li a /*fixe la taille du bloc a (contenu des sous-sous-liste) sinon le texte passe sur 2 ligne*/
{
	width : 150px; /* largeur */
}


#mairie a:hover /* Lorsque la souris passe sur un des liens */	
{
	color: #202e87; /* On passe le texte en  ... */
	 /* ... et au contraire, le fond en blanc */
}

#mairie li:hover ul ul, #mairie li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
	
}

#mairie li:hover ul, #mairie li li:hover ul, #mairie li.sfhover ul, #mairie 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 */
	min-height: 0; /* Corrige un bug */	
}


/* menu 7 */

 
#vie_quotidienne, #vie_quotidienne 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 : 12px; /* on défini une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
}


#vie_quotidienne a /* 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 : #005aae; /* couleur de fond */	
	color : #000000; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
	width : 175px; /* largeur */
}

#vie_quotidienne 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 élément */
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	font-size : 11px; /* hauteur du texte : 12 pixels */
}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #vie_quotidienne li
{
	border-right: 1px solid transparent ; /* on met une bordure transparante à droite de chaque élément */
}

#vie_quotidienne li ul /* bloc sous les Sous-listes */
{ 
	position: absolute; /* Position absolu */
	width: 170px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoi loin du champ de vision */
	background: #b1d9ff;
	_margin-top:-155px;
	_margin-left:-270px;
}


#vie_quotidienne li ul li /* Eléments de sous-listes */
{
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-bottom : 1px solid #b1d9ff;; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
	background:#d3efff;
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	line-height:25px;
	font-size : 10px; /* hauteur du texte : 12 pixels */
	width : 170px; /* largeur */
}
#vie_quotidienne li ul li a /* fixe la taille du bloc a  (Eléments de sous-listes) */
{
	width : 170px; /* largeur */
}

#vie_quotidienne li ul li ul /*bloc sous les sous liste */
{
width : 180px; /* largeur */
margin-top:-30px;
margin-left:125px;
*margin-left:45px;
_margin-left:45px;
/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
/* border-left	: 1px solid #fff ; Petite bordure à gauche pour ne pas coller ... */
background: #d3efff;
}

#vie_quotidienne li ul li ul li /*contenu des sous-sous-liste */
{
	/* border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
	background:#ebf8ff;
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	line-height:25px;
	font-size : 10px; /* hauteur du texte : 12 pixels */
	width : 180px; /* largeur */
}

#vie_quotidienne li ul li ul li a /*fixe la taille du bloc a (contenu des sous-sous-liste) sinon le texte passe sur 2 ligne*/
{
	width : 180px; /* largeur */
}

#vie_quotidienne a:hover /* Lorsque la souris passe sur un des liens */	
{
	color: #a90a00; /* On passe le texte en  ... */
	 /* ... et au contraire, le fond en blanc */
}

#vie_quotidienne li:hover ul ul, #vie_quotidienne li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
	
}

#vie_quotidienne li:hover ul, #vie_quotidienne li li:hover ul, #vie_quotidienne li.sfhover ul, #vie_quotidienne 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 */
	min-height: 0; /* Corrige un bug */	
}





/* menu 5 */
#sport, #sport 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 : 12px; /* on défini une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
}


#sport a /* 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 : #005aae; /* couleur de fond */	
	color : #000000; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
	width : 100px; /* largeur */

}

#sport 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 élément */
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	font-size : 11px; /* hauteur du texte : 12 pixels */
}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #sport li
{
	border-right: 1px solid transparent ; /* on met une bordure transparante à droite de chaque élément */
}

#sport li ul /* bloc sous les Sous-listes */
{ 
	position: absolute; /* Position absolu */
	width: 150px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoi loin du champ de vision */
	background: #b1d9ff;
	margin-left:-15px;
	_margin-top:-155px;
	_margin-left:-300px;
}


#sport li ul li /* Eléments de sous-listes */
{
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-bottom : 1px solid #b1d9ff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
	background:#d3efff;
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	line-height:25px;
	font-size : 10px; /* hauteur du texte : 12 pixels */
	width : 150px; /* largeur */
}
#sport li ul li a /* fixe la taille du bloc a  (Eléments de sous-listes) */
{
	width : 150px; /* largeur */
}

#sport li ul li ul /*bloc sous les sous liste */
{
width : 150px; /* largeur */
margin-top:-30px;
margin-left:135px;
*margin-left:55px;
_margin-left:55px;
/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
/* border-left	: 1px solid #fff ; Petite bordure à gauche pour ne pas coller ... */
background: #d3efff;
}

#sport li ul li ul li /*contenu des sous-sous-liste */
{
	/* border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
	background:#ebf8ff;
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	line-height:25px;
	font-size : 10px; /* hauteur du texte : 12 pixels */
	width : 150px; /* largeur */
}

#sport li ul li ul li a /*fixe la taille du bloc a (contenu des sous-sous-liste) sinon le texte passe sur 2 ligne*/
{
	width : 130px; /* largeur */
}

#sport a:hover /* Lorsque la souris passe sur un des liens */	
{
	color: #f59a09; /* On passe le texte en  ... */
	 /* ... et au contraire, le fond en blanc */
}

#sport li:hover ul ul, #sport li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
	
}

#sport li:hover ul, #sport li li:hover ul, #sport li.sfhover ul, #sport 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 */
	min-height: 0; /* Corrige un bug */	
}



/* menu 6 */

#culture, #culture 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 : 12px; /* on défini une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
}


#culture a /* 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 : #005aae; /* couleur de fond */	
	color : #000000; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
	width : 85px; /* largeur */
}

#culture 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 élément */
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	font-size : 11px; /* hauteur du texte : 12 pixels */
}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #culture li
{
	border-right: 1px solid transparent ; /* on met une bordure transparante à droite de chaque élément */
}

#culture li ul /* bloc sous les Sous-listes */
{ 
	position: absolute; /* Position absolu */
	width: 150px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoi loin du champ de vision */
	background: #b1d9ff;
	margin-left:-30px;
	*margin-left:-30px;
	_margin-top:-155px;
	_margin-left:-300px;
}


#culture li ul li /* Eléments de sous-listes */
{
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-bottom : 1px solid #b1d9ff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
	background:#d3efff;
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	line-height:25px;
	font-size : 10px; /* hauteur du texte : 12 pixels */
	width : 150px; /* largeur */
}
#culture li ul li a /* fixe la taille du bloc a  (Eléments de sous-listes) */
{
	width : 150px; /* largeur */
}

#culture li ul li ul /*bloc sous les sous liste */
{
width : 150px; /* largeur */
margin-top:-30px;
margin-left:135px;
*margin-left:55px;
_margin-left:55px;
/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
/* border-left	: 1px solid #fff ; Petite bordure à gauche pour ne pas coller ... */
background: #d3efff;
}

#culture li ul li ul li /*contenu des sous-sous-liste */
{
	/* border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
	background:#ebf8ff;
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	line-height:25px;
	font-size : 10px; /* hauteur du texte : 12 pixels */
	width : 150px; /* largeur */
}

#culture li ul li ul li a /*fixe la taille du bloc a (contenu des sous-sous-liste) sinon le texte passe sur 2 ligne*/
{
	width : 150px; /* largeur */
}

#culture a:hover /* Lorsque la souris passe sur un des liens */	
{
	color: #8a0061; /* On passe le texte en  ... */
	 /* ... et au contraire, le fond en blanc */
}

#culture li:hover ul ul, #culture li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
	
}

#culture li:hover ul, #culture li li:hover ul, #culture li.sfhover ul, #culture 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 */
	min-height: 0; /* Corrige un bug */	
}






/* menu 6 */
#enseignement, #enseignement 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 : 12px; /* on défini une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
}


#enseignement a /* 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 : #005aae; /* couleur de fond */	
	color : #000000; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
	width : 95px; /* largeur */
}

#enseignement 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 élément */
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	font-size : 11px; /* hauteur du texte : 12 pixels */
}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #enseignement li
{
	border-right: 1px solid transparent ; /* on met une bordure transparante à droite de chaque élément */
}

#enseignement li ul /* bloc sous les Sous-listes */
{ 
	position: absolute; /* Position absolu */
	width: 150px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoi loin du champ de vision */
	background: #b1d9ff;
	margin-left:-30px;
	*margin-left:-30px;
	_margin-top:-155px;
	_margin-left:-300px;;
}


#enseignement li ul li /* Eléments de sous-listes */
{
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-bottom : 1px solid #b1d9ff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
	background:#d3efff;
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	line-height:25px;
	font-size : 10px; /* hauteur du texte : 12 pixels */
	width : 150px; /* largeur */
}
#enseignement li ul li a /* fixe la taille du bloc a  (Eléments de sous-listes) */
{
	width : 150px; /* largeur */
}

#enseignement li ul li ul /*bloc sous les sous liste */
{
width : 150px; /* largeur */
margin-top:-30px;
margin-left:135px;
*margin-left:55px;
_margin-left:55px;
/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
/* border-left	: 1px solid #fff ; Petite bordure à gauche pour ne pas coller ... */
background: #d3efff;
}

#enseignement li ul li ul li /*contenu des sous-sous-liste */
{
	/* border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
	background:#ebf8ff;
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	line-height:25px;
	font-size : 10px; /* hauteur du texte : 12 pixels */
	width : 150px; /* largeur */
}

#enseignement li ul li ul li a /*fixe la taille du bloc a (contenu des sous-sous-liste) sinon le texte passe sur 2 ligne*/
{
	width : 150px; /* largeur */
}

#enseignement a:hover /* Lorsque la souris passe sur un des liens */	
{
	color: #6d6d6d; /* On passe le texte en  ... */
	 /* ... et au contraire, le fond en blanc */
}

#enseignement li:hover ul ul, #enseignement li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
	
}

#enseignement li:hover ul, #enseignement li li:hover ul, #enseignement li.sfhover ul, #enseignement 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 */
	min-height: 0; /* Corrige un bug */	
}

/* menu 6 */


#evenementiel, #evenementiel 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 : 12px; /* on défini une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
}


#evenementiel a /* 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 : #005aae; /* couleur de fond */	
	color : #000000; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
	width : 90px; /* largeur */
}

#evenementiel 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 élément */
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	font-size : 11px; /* hauteur du texte : 12 pixels */
}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #evenementiel li
{
	border-right: 1px solid transparent ; /* on met une bordure transparante à droite de chaque élément */
}

#evenementiel li ul /* bloc sous les Sous-listes */
{ 
	position: absolute; /* Position absolu */
	width: 170px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoi loin du champ de vision */
	background: #b1d9ff;
	margin-left:-30px;
	_margin-top:-155px;
	_margin-left:-300px;
}


#evenementiel li ul li /* Eléments de sous-listes */
{
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-bottom : 1px solid #b1d9ff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
	background:#d3efff;
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	line-height:25px;
	font-size : 10px; /* hauteur du texte : 12 pixels */
	width : 170px; /* largeur */
}
#evenementiel li ul li a /* fixe la taille du bloc a  (Eléments de sous-listes) */
{
	width : 170px; /* largeur */
}

#evenementiel li ul li ul /*bloc sous les sous liste */
{
width : 150px; /* largeur */
margin-top:-30px;
margin-left:140px;
*margin-left:40px;
_margin-left:40px;
/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
/* border-left	: 1px solid #fff ; Petite bordure à gauche pour ne pas coller ... */
background: #d3efff;
}

#evenementiel li ul li ul li /*contenu des sous-sous-liste */
{
	/* border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
	background:#ebf8ff;
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	line-height:25px;
	font-size : 10px; /* hauteur du texte : 12 pixels */
	width : 150px; /* largeur */
}

#evenementiel li ul li ul li a /*fixe la taille du bloc a (contenu des sous-sous-liste) sinon le texte passe sur 2 ligne*/
{
	width : 130px; /* largeur */
}

#evenementiel a:hover /* Lorsque la souris passe sur un des liens */	
{
	color: #f11d7c; /* On passe le texte en  ... */
	 /* ... et au contraire, le fond en blanc */
}

#evenementiel li:hover ul ul, #evenementiel li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
	
}

#evenementiel li:hover ul, #evenementiel li li:hover ul, #evenementiel li.sfhover ul, #evenementiel 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 */
	min-height: 0; /* Corrige un bug */	
}


/* menu 8 */

 
#vos_cartier, #vos_cartier 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 : 12px; /* on défini une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
}


#vos_cartier a /* 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 : #005aae; /* couleur de fond */	
	color : #000000; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
	width :80px; /* largeur */
	


	
}

#vos_cartier 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 élément */
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	font-size : 11px; /* hauteur du texte : 12 pixels */
}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #vos_cartier li
{
	border-right: 1px solid transparent ; /* on met une bordure transparante à droite de chaque élément */
}

#vos_cartier li ul /* bloc sous les Sous-listes */
{ 
	position: absolute; /* Position absolu */
	width: 180px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoi loin du champ de vision */
	background: #b1d9ff;
	margin-left:-38px;
	_margin-top:-155px;
	_margin-left:-300px;
}


#vos_cartier li ul li /* Eléments de sous-listes */
{
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-bottom : 1px solid #b1d9ff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
	background:#d3efff;
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	line-height:25px;
	font-size : 10px; /* hauteur du texte : 12 pixels */
	width : 180px; /* largeur */
}
#vos_cartier li ul li a /* fixe la taille du bloc a  (Eléments de sous-listes) */
{
	width : 180px; /* largeur */
}

#vos_cartier li ul li ul /*bloc sous les sous liste */
{
width : 180px; /* largeur */
margin-top:-40px;
margin-left: -170px;/* Pour tous les navigateurs */
*margin-left: -240px;/* Pour IE 7 */
_margin-left: -240px;/* Pour IE 6*/
/*margin-left:-245px;
/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
/* border-left	: 1px solid #fff ; Petite bordure à gauche pour ne pas coller ... */
background: #d3efff;
}

#vos_cartier li ul li ul li /*contenu des sous-sous-liste */
{
	/* border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
	background:#ebf8ff;
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	line-height:25px;
	font-size : 10px; /* hauteur du texte : 12 pixels */
	width : 180px; /* largeur */
}

#vos_cartier li ul li ul li a /*fixe la taille du bloc a (contenu des sous-sous-liste) sinon le texte passe sur 2 ligne*/
{
	width : 180px; /* largeur */
}


#vos_cartier a:hover /* Lorsque la souris passe sur un des liens */	
{
	color: #7c4900; /* On passe le texte en  ... */
	 /* ... et au contraire, le fond en blanc */
}

#vos_cartier li:hover ul ul, #vos_cartier li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
	
}

#vos_cartier li:hover ul, #vos_cartier li li:hover ul, #vos_cartier li.sfhover ul, #vos_cartier 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 */
	min-height: 0; /* Corrige un bug */	
}




#environement, #environement 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 : 12px; /* on défini une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	
}


#environement a /* 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 : #005aae; /* couleur de fond */	
	color : #000000; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
	width : 140px; /* largeur */
	text-align:right;

}

#environement 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 élément */
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	font-size : 11px; /* hauteur du texte : 12 pixels */

}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #environement li
{
	border-right: 1px solid transparent ; /* on met une bordure transparante à droite de chaque élément */
}

#environement li ul /* bloc sous les Sous-listes */
{ 
	position: absolute; /* Position absolu */
	width: 130px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoi loin du champ de vision */
	background: #b1d9ff;
	margin-left:15px;
	_margin-top:-155px;
	_margin-left:-300px;


}
#environement li ul li /* Eléments de sous-listes */
{
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-bottom : 1px solid #b1d9ff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
	background:#d3efff;
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	line-height:25px;
	font-size : 10px; /* hauteur du texte : 12 pixels */
	width : 130px; /* largeur */
	
}
#environement li ul li a /* fixe la taille du bloc a  (Eléments de sous-listes) */
{
	width : 130px; /* largeur */	
	text-align:center;
}


#environement li ul li ul /*bloc sous les sous liste */
{
width : 130px; /* largeur */
margin-top:-30px;
margin-left:-110px;
*margin-left:-170px;
_margin-left:-170px;
/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
/* border-left	: 1px solid #fff ; Petite bordure à gauche pour ne pas coller ... */
background: #d3efff;
}

#environement li ul li ul li /*contenu des sous-sous-liste */
{
	/* border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
	background:#ebf8ff;
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	line-height:25px;
	font-size : 10px; /* hauteur du texte : 12 pixels */
	width : 130px; /* largeur */
}

#environement li ul li ul li a /*fixe la taille du bloc a (contenu des sous-sous-liste) sinon le texte passe sur 2 ligne*/
{
	width : 130px; /* largeur */
}

#environement a:hover /* Lorsque la souris passe sur un des liens */	
{
	color: #4a8900; /*005aae On passe le texte en  ... */
	 /* ... et au contraire, le fond en blanc */
}

#environement li:hover ul ul, #environement li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
	
}

#environement li:hover ul, #environement li li:hover ul, #environement li.sfhover ul, #environement 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 */
	min-height: 0; /* Corrige un bug */	
}