/* CSS Document */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu_deroulants/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/*********************************************************************************/
/*******************************style commun**************************************/
/*********************************************************************************/
.menu_deroulant {font-family: arial, sans-serif; /*width:106px;*/width:150px;/*largeur du menu, aucune incidence visible sur les cellules,  mais sur l'espace a droite de la cellule*/ height:20px;/*hauteur du menu (padding en qque sorte) comme width precedent*/ position:relative; margin:0; /*font-size:15px;*//*origine 11, pas d'incidence visible*/ margin:2px 0;
/*ajout*/z-index:25;

}
.menu_deroulant ul li a, .menu_deroulant ul li a:visited {display:block; text-decoration:none; color:#000; width:100px;/*largeur des cellules 1ere colonne*/ height:20px/*hauteur des cellules 1ere colonne*/; text-align:center; border:1px solid #000;/*bordures pour l'ensemble du menu*/ border-width:1px /*1px 0 0*/; background:#ccc; line-height:19px; font-size:12px;/*change la taille des caracteres sur tout le menu*/}/*1ere colonne */
.menu_deroulant ul {padding:0; margin:0px 0px 0px 26px;/*deplace le menu sur la gauche mais aussi les colonnes suivantes*/list-style-type: none; }
.menu_deroulant ul li {float:left; margin-right:1px; position:relative;}
.menu_deroulant ul li ul {display: none;}

/*********************************************************************************/
/************************tous les navigateurs sauf ie*****************************/
/*********************************************************************************/
.menu_deroulant ul li:hover a {color:#FFFF00; background:#222;}/*1ere colonne hover*/
.menu_deroulant ul li:hover ul {display:block; position:absolute; margin-top:-285px; left:75px;/*aligne la 2eme colonne avec la fin de la premiere. mettre -10 si le menu est dplac de 10 sur sa droite*/ /*width:150px;*//*aucune incidence*/}
.menu_deroulant ul li:hover ul li a.menu_titre {background:#000; color:#FFF;}/*titres 2eme colonne*/
.menu_deroulant ul li:hover ul li:hover a.menu_titre {/*width:150px;*//*aucune incidence*/}
.menu_deroulant ul li:hover ul li ul {display: none;}
.menu_deroulant ul li:hover ul li a {display:block; background:#000; color:#fff; width:160px;/*largeur 2eme colonne*/}/*lien  2eme colonne*/
.menu_deroulant ul li:hover ul li a:hover {color:#FFFF00; background:#222;}/*liens et titres  2eme colonne hover*/
.menu_deroulant ul li:hover ul li:hover ul {display:block; position:absolute; left:141px;/*mettre -10 si le menu est deplac de 10 sur la droite*/ top:0; /*color:#fff;*//*pas d'incidence*/}
.menu_deroulant ul li:hover ul li:hover ul li a {display:block; width:200px; background:#000; color:#fff;}/*liens 3eme colonne*/
.menu_deroulant ul li:hover ul li:hover ul li a:hover {background:#222; color:#ff0;}/*3eme colonne hover*/


/*********************************************************************************/
/***************************************ie****************************************/
/*********************************************************************************/
.menu_deroulant table {border-collapse:collapse; border:0; margin:0; padding:0;}

#horloge ul li a.menu_titre, #horloge.menu_titre ul li a:visited.menu_titre {display:none;}/*cache les titres des autres navigateurs*/
#horloge.menu_deroulant ul li a:hover ul li a.menu_titre {display:none;}/*cache les titres des autres navigateurs*/


.menu_deroulant ul li a:hover {color:#ff0; background:#222;}/*1ere colonne hover, colore aussi la premiere colonne sous les autres nav et ceci au survol et jusqu'a ce que le pointeur survol le sous menu*/
.menu_deroulant ul li a:hover ul {display:block; position:absolute; top:0; left:75px;/*aligne la 2eme colonne avec la fin de la premiere*/ /*width:150px;*//*aucune incidence visible*/}
.menu_deroulant ul li a:hover ul li a.sub {background:#000; color:#fff;}/*titres 2eme colonne*/
.menu_deroulant ul li a:hover ul li a {display:block; background:#000; color:#ff0; width:150px;/*largeur de la 2eme colonne*/}/*liens 2eme colonne*/
.menu_deroulant ul li a:hover ul li a ul {visibility:hidden;}/*permet de cacher les titres destins aux autres navigateurs enfin je crois*/
.menu_deroulant ul li a:hover ul li a:hover {background:#222; color:#ff0;}/*titres et liens 2eme colonne hover*/
.menu_deroulant ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:141px; top:0px;/* color:#000;*//*inutile*/}/* 3eme colonne */
.menu_deroulant ul li a:hover ul li a:hover ul li a {display:block; width:150px; background:#000; color:#fff;}/*lien 3eme colonne*/
.menu_deroulant ul li a:hover ul li a:hover ul li a:hover {background:#222; color:#ff0;}/*liens 3eme colonne hover*/


/***********************************************************************************/
/* infobulle avec css                                                              */
/***********************************************************************************/


.menu_deroulant a:hover{z-index:25; background-color:#ff0}
#horloge{display: none}
#horloge .menu_deroulant  ul li a ul li a:hover span{display: block}/*permet a ie6 de ne pas afficher les infobulles*/

.menu_deroulant a:hover span /*#horloge a a:hover span*//*permet d'afficher aussi avec ie6 mais ce con laisse la photo mme quand on est plus dessus*/{ 
/*le contenu de la balise span ne 
sera visible que pour l'tat a:hover */
 display:block; 
 position:absolute;
 margin-top:-20px; left:170px; width:auto;/*97px;*/
 border:1px solid #FF9900;
 background-color:#000; color:#fff;
 text-align: justify;
 
 padding:0px;
 }

table.marche_pas {
display:none;

}
/******************pour ie6************************/