/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
* Filename: menu.css
* Version: 1.0.0 (2007-04-27) YYYY-MM-DD
* Website: http://www.ozelair.fr/
* Author: Guillaume Crochemore 
* Description: Feuille de style du menu latéral du site d'ozelair.
== STRUCTURE: ==============================
* Page width: 100%
============================================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/*Cadre contenant le menu*/
.menu{
	width : 100%;
}
/*Propriété de la liste et des menbres de la liste*/
.menu li ul {
	padding: 0em;
	visibility: hidden;
	position: absolute;
	top: 0em;
	left: 99%;
	background-color: transparent;
}

/*Propriétés des listes*/
.menu ul {
	margin: 0pt;
	padding: 0pt;
	position: relative;
	z-index: 500;
	list-style-type: none;
	width: 99%;
	height : 100%;
}

/*Propriétés de chaque membres de la liste*/
.menu li {
	background-color: white;
	float: left;
	height : 100%;
	
}
/*Propriétes des sous-menus de la liste*/
.menu li.sub {
	background-color: #ffcc00;
	background-image : url("images/menu2.gif");
	background-position:right top;
	background-repeat : repeat-x; 
	text-align : center;
}

/*Propriétés du tableau organisant la liste*/
.menu table {
	position: absolute;
	border-collapse: collapse;
	top: 0pt;
	left: 0pt;
	z-index: 100;
	font-size: 1em;
	margin-top: -1px;
	width : 99%;
}

/*Propriétés des liens*/
.menu a, .menu a:visited {
	border: 1px solid white;
	display: block;
	text-decoration: none;
	width: 99%;
	color: black;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	height : 100%;
	cursor : pointer;
   vertical-align: middle; 
}

/*Propriété des sous-liens de la liste*/
.menu a.sub {
	width : 10em;
	height : 100%;
}

/*Propriété de tous les liens*/
a{
	cursor : pointer;
  }

/*Propriété des liens*/
* html .menu a, * html .menu a:visited {
	width: 99%;
}

/*Propriété des liens au survol par la souris*/
* html .menu a:hover {
	color: #ffcc00;
	background-color: white;
	position: relative;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
}

/*Propriété des sous-menu de la liste au survol par la souris*/
.menu li:hover {
	position: relative;
}
.menu a:active, .menu a:focus {
	color: #ccff66;
	background-color: red;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
}

/*Propriété des liens au survol par la souris*/
.menu li:hover > a {
	color: #ffcc00;
	background-color: white;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: none;
}

.menu li:hover > ul {
	visibility: visible;
}
.menu ul a:hover ul ul {
	visibility: hidden;
}
.menu ul a:hover ul a:hover ul ul {
	visibility: hidden;
}
.menu ul a:hover ul a:hover ul a:hover ul ul {
	visibility: hidden;
}
.menu ul a:hover ul {
	visibility: visible;
}
.menu ul a:hover ul a:hover ul {
	visibility: visible;
}
.menu ul a:hover ul a:hover ul a:hover ul {
	visibility: visible;
}
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul {
	visibility: visible;
}