div.contenerMenu { width: 840px; float: left; }

div.menu { text-align: left; }

#menu, #menu ul {
	margin: 0px;
    padding : 0;
    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 : center; /* on centre le texte qui se trouve dans la liste */
	z-index: 100; /* on met le menu au dessus de tout autre élément de la page */
}

#menu {
	font-weight : bold;
    font-family : Arial;
    font-size : 12px;
    margin-left: 30px;
    width: 650px;
}

/* affichage des sous-listes */
#menu ul li { font-weight: normal; }

#menu a {
    display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
    padding : 0px;
    background-color : #FFFFFF;
    color : #6C677F;
    text-decoration : none;
    border: 1px solid #4F1D1D;
    width : 110px; /* largeur */
}

#menu a.accueil {
	color: #AF0000;
}
	
/* affichage des liens des sous-listes */
#menu ul li a { color: #5F5F5F; }

#menu li { float : left; padding-bottom: 2px; }

#menu li ul li {
	padding-bottom: 0px;
}

#menu li {
        border-right: 1px solid #FFFFFF ; /* on met une bordure transparente à droite de chaque élément */
}

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


#menu li ul li {
    /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
    border-top : 1px solid #FFFFFF; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

#menu li ul li {
    border-top : 1px solid #FFFFFF; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul li a {background-color: #E0ECEF; }

#menu a:hover {
    color: #FFFFFF;
    background: #6C677F;
}

#menu li:hover ul, #menu li.sfhover ul  {
    left: auto; /* Repositionnement normal */
    min-height: 0; /* Corrige un bug sous IE */
}

/* ***************************** */
/*        BARRE d'OUTILS         */
/* ***************************** */

div.barreOutils {
	text-align: right;
        position: relative;
	border: none;
	top: -23px !important;
	top: -50px;
	float: right;
	width: 200px;
	margin-right: -3px;
}

*html div.barreOutils { margin-right: 5px; }
*+html div.barreOutils { margin-top: -26px; margin-right: 11px; }

div.barreOutils table { border: 1px solid gray; }

div.barreOutils td.dateDuJour {
	color: gray;
	font-style: normal;
	font-weight : bold;
    font-family : Arial;
    font-size : 12px ;
    text-align: center;
}

div.barreOutils a {	display: inline; border: none; }


div.barreOutils img { border: none; }

/* ***************************** */
/*             METEO             */
/* ***************************** */

div.barreOutils td { }

div.barreOutils td.menuSearch { text-align: center; }

div.barreOutils td.menuSearch input[type='text'] {
	border: 1px solid #7F9DB9;
	color: #63839F;	
	margin: 0px;
	padding-right: 10px;
	font-size: 12pt;
	font-weight: normal;
}

div.barreOutils td.menuMeteo { text-align: left; border-right: 1px solid gray; }

div.barreOutils td.menuOutils { text-align: right; padding-right: 0px; }