#menu li:hover ul ul, #menu 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 */
}

#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 é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 sous IE */
}

#menu
{
padding : 0; /* pas de marge intérieure */
margin : 0 auto; /* ni extérieure */
 height: 22px;
text-transform:uppercase;
}

#menu, #menu ul /* Liste */     
{height: 23px;
        padding : 0; /* pas de marge intérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
    /*    line-height : 21px; /* on définit une hauteur pour chaque élément */
		text-align : left; /* on centre le texte qui se trouve dans la liste */
}




#menu>li>a /* Contenu des listes */
{
        color: #000000;
    display: table-cell;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9px;
    height: 28px;
    line-height: 10px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-decoration: none;
    vertical-align: middle;    
	font-weight: bold;
	width:100px;
   
}

#menu>a /* Contenu des listes */
{
        color: #000000;
    display: table-cell;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9px;
    height: 22px;
    line-height: 10px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-decoration: none;
    vertical-align: middle;    
	font-weight: bold;
   
}



#menu a:hover /* Contenu des listes */
{
       
        padding : 0; /* aucune marge intérieure */
        color : #000000; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
     
	     
}

#menu li /* Elements des listes */      
{ 
   height: 23px;
    float: left;
    list-style: none outside none;
    padding-left: 12px;
    padding-right: 12px;
    text-align: center;
	    /padding-top: 31px;
   	}

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

}

#menu ul  a /* Liste */     
{
 font-size:11px;
font-family: Lucida Sans;
font-weight:normal; 
text-align:left;  
text-transform: none;  
color:white
}


#menu li ul /* Sous-listes */
{ 
   background:url(../images/menu-s.png) repeat;
    float: none;
    height: auto;
    left: -999em;
     margin: 0px 0 0;
 position: absolute;
    width: auto;
    z-index: 200;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	padding-bottom:10px;
	margin: 4px 0 0;
	}


#menu li ul li /* Éléments de sous-listes */
{
/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
float: none;
clear: none;
margin:0;
padding-left:12px;
width: auto;
padding-bottom: 0;
padding-top: 0;
-line-height:10px;
background:none;
height:20px;  text-align: left;

}

#menu li ul li a:hover /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
      
color:#66b8dc;
}


/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
   border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}







#menu
{
 padding-top: 45px;
   float: right;
}







.recherche .search {
     background: url("../images/txt.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 31px;
    width: 155px;
    padding-bottom:5px;
	padding-left:5px;
	color:#FFFFFF;
	float: left;
}
.recherche .ok {
     background: url("../images/ok.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 31px;
    width:43px;
    padding-bottom:5px;
	float: left;
	cursor:pointer;
}

.recherche
{
  float: left;
    margin-top: 8px;
    width: 203px;
}

#menu ul
{
  clear: both;
  
    list-style: none outside none;
 width: 699px;
	float:left;
}



#menu ul li a
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;
height: 23px;
}


#menu ul li a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#66b8dc;
text-decoration:none;
}



#menu li ul li a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#184570;
text-decoration:none;
}