<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(image/gris.jpg)}
#rapid_fire{height:520px;position:absolute;top:760px;left:62px;}
#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{margin:0px}
H1,H2,H3,H4{text-align:center}
a{text-decoration: none;}
img{border-radius:6px;}
a:hover{background:#75767A;color:white;}
body{position:relative;margin-top:0px;margin-right:auto;margin-left:auto;width:1400px;height:3500px;padding:0px;background:#C3CFDF;}
#time{color:navy;font-size:13px}
#global{position:absolute;width:1400px;height:2610px;margin-left:auto; margin-right:auto}
/*#conteneur{position:absolute;margin:0px;top:13px;width:1400px;height:2800px;border:0px solid;border-color:#DDDBDD;background:#EFEFEF;}*/
#haut{position:relative;width:1400px;height:150px;border:0px solid; background:url(image/ciel_couchant.jpg);background-size: 1400px 150px;margin:0px;padding:0px; z-index:40;}
#centre{position:absolute;padding:0px;top:150px;left:200px;width:998px;height:3450px;border:0px solid white;background-co:#BDD3F3;}
#gauche{position:relative;padding:0px; margin:0px;z-index:22;float:left;top:0px;width:200px;height:4940px;border:0px solid; background:#DCDCDC;font-size:12px;}
#droite{position:relative;padding:0px; margin:0px;z-index:22;float:right;top:0px;width:200px;height:4940px;border:0px solid; background:#DCDCDC;font-size:12px; }
#bas{position:relative;z-index:6;left:0px;top:4800px;width:1400px;height:140px;background:#DCDCDC;}
#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 }
#logo{position:absolute;top:30px;z-index:1;
}
/*--------------------MENU DÉROULANT--------------------*/
#menu, #menu ul /* Liste */    
{width:910px;
padding :0px; /* pas de marge intérieure */
margin :0px; /* 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:28;border: 0px solid #fff ;margin-top:0px;left:245px;
font-weight : normal; /* on met le texte en gras */
font-family : arial; /* choix de police */
font-size : 13px;color:white; /* hauteur du texte : 13 pixels */
background-image: linear-gradient(#D2D4D4,#444,#C0C0C0);  /* style du menu*/
}
#menu a{
display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
padding : 0px; /* 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 : 142px; /* largeur */
}
#menu li /* Éléments des listes */     
{
float : left;
/* pour IE qui ne reconnaît pas "transparent" */
border-right : 1px solid #fff; /* 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 #fff ;/* 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:200px;background : #737373;
/* 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    : -31px 0 0 200px ;/*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     : 0px 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:#3C3C3C !important;}
/*--------------------------------------------------------*/

</style>
