/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */

/* menu déroulant css */
/* On remontes le menu pour le coller juste en dessous du menu de premier niveau */
/* s'il y as un éspace, alors on ne pourras pas cliquer sur le sous menu */
ul.nav-child {margin-top:-32px !important;}
/* on donnes la largeur du sous menu.Celle ci est à choisir en fonction de */
/*l'élément de menu le plus long, afin */
/* que le lien s affiches sur une ligne. On supprimes aussi les bords */
 /* arrondis hérités de #header ul.menu */
ul.nav-child li a
 {width:150px;border-radius:0 !important;}
/* on caches les sous menus tant qu'ils ne sont pas affichés */
ul.menu li ul.nav-child, #header ul.menu li ul.nav-child li ul.nav-child
 {display:none;}
/* On affiches les sous menus quand l'élément de menu correspondant */
/* est survolé par le curseur de la souris. */
ul.menu li:hover ul.nav-child,#header ul.menu li ul.nav-child li:hover ul
 {display:block;}
/*on décales le sous menu de troisième niveau. On met un positionnement */
/* absolu, sinon le sous menu s'affiches sous le menu de second niveau.*/
 /* Le décalage peut être à modifier en fonction de la largeur entrée au dessus.*/
#header ul.menu li ul.nav-child li:hover ul
{float:right;position:absolute;left:180px;top:8px;}