<style type="text/css">
.txt{width:180px}
.table{position:absolute;z-index:-2;left:0px;top:60px; border:0px solid;width:1280px;height:1220px;color:#000;background:url(uploads/gris.jpg)}
#rapid_fire{height:520px;position:absolute;top:760px;left:62px;border:1px solid;border-color:silver;border-radius:5px;}
#wdlive{position:absolute;top:760px;left:58px;z-index:1}
#message{width:382px;position:absolute;top:24px;left:246px}
#tab{position:absolute;z-index:1000;left:0px;top:auto;width:520px;padding:2px}
#tableau{position:absolute;top:18px;left:350px;width:500px;z-index:-1;}
#tableau li {text-align:left;list-style:none;float:left;color:navy;position: relative;left:0px;white-space:nowrap}
#tableau li ul{ padding :0px; /* pas de marge intérieure */ margin : 0px; /* ni extérieure */ list-style : none; position:relative;top:0px;display:block;}
#tableau li:hover ul{}
/*------------------mise en forme de la page-------------------*/
html,body{margin:0px;padding:0px;background-color:#486482}
#time{color:navy;font-size:13px}
#global{width:1280px;height:2085px;margin-left:auto; margin-right:auto;}
#conteneur{position:absolute;width:1280px;height:2072px;border:1px solid;border-color:#888;border-radius:3px;}
#haut{position:absolute;width:1278px;height:59px;border:0px solid; background-color:#789;margin:0px;padding:0px;}
#centre{position:absolute;top:150px;left:202px;width:875px;height:1922px;border:0px solid;background:url(image/bg_0163.jpg);background-size:100% 100%;z-index:1}
#gauche{padding:0px; margin:0px;position:relative;float:left;top:118px;width:203px;height:1954px;border:0px solid;border-color:#fff; background:url(image/gris.jpg);font-size:12px}
#droite{position:relative;float:right;top:118px;width:203px;height:1954px;border:0px solid; background:url(image/gris.jpg);font-size:12px}
#bas{float:left ;position:absolute;top:1451px;width:1280px;height:60px;background:url(image/gris.jpg);}
#coord, #coord ul {position:absolute;margin-left:58px;padding:2px;margin-top:-26px;display:;list-style : none;white-space:nowrap}
#coord li ul {background:ivory;position:absolute;display:none}
#coord li:hover ul {display:block;margin-top:auto;margin-left:-36px;z-index:10;-o-transition: 1s height linear }

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

#menu /* Ensemble du menu */
{position:absolute;z-index:10;border: 0px solid #c0c0c0 ;margin-top:118px;left:202px;
font-weight : normal; /* on met le texte en gras */
font-family : arial; /* on utilise Arial, c'est plus beau ^^ */
font-size : 13px; /* hauteur du texte : 12 pixels */

}
#menu {background: -moz-linear-gradient(#D2D4D4,#325D8E,#C0C0C0);background:-webkit-linear-gradient(#D2D4D4,#325D8E,#C0C0C0);background:linear-gradient(#D2D4D4,#325D8E,#C0C0C0);} /* Style du menu */
#menu a{
display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
padding : 2px; /* aucune marge intérieure */
 /* couleur de fond */  ;    
color: ivory ;  /* couleur du texte */
text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
width : 140px; /* largeur */
}
#menu li /* Éléments des listes */     
{
float : left;
/* pour IE qui ne reconnaît pas "transparent" */
border-right : 0px solid #000; /* on met une bordure blanche à droite de chaque élément */
}

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

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


#menu li ul li /* Eléments de sous-listes */
{width:204px;background : #426894;
/* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
border-top : 0px solid #c0c0c0; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li               
{
/* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul
{
margin    : -22px 0 0 140px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
border-left     : 1px solid #c0c0c0; /* Petite bordure à gauche pour ne pas coller ... */     
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul               
{
border-left: 1px #c0c0c0 ; /* on met une bordure transparente sur la gauche de chaque élément */
}


#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{position:absolute;z-index:1000;
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 */
{z-index:1000;
left: auto; /* Repositionnement normal */
min-height: 0; /* Corrige un bug sous IE */}
#menu li ul li a:hover{width:200px;color:ivory !important;background-color:#28507D !important;}
/*--------------------------------------------------------*/

</style>
