@charset "utf-8";

.menuh
{
	font-family : Geneva, Arial, Helvetica, sans-serif; /* police d'ecriture */
	display: block;
	font-size: 22px;
}

.menuh ul
{
	background-color : #CCCCCC; /* couleur de la barre de menu */
	list-style-type : none; /* Enleve les puces */
	position : relative; /* fixe la position des sous-menus / menu */
	padding : 0px; /* enleve le padding automatique des ul */
	transition : 1s; /* temps d'ouverture des sous menu */
	-webkit-transition: 1s; /* compatibilité chrome, safari etc. */
	-moz-transition : 1s; /* compatibilité mozilla firefox */
	-o-transition : 1s; /* compat. opéra */
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #000000;
	display: block;
	text-align: center;
}

.menuh ul li h1
{
	color : #000000;  /* couleur du texte des menus */
	font-weight : normal; /* enlève la propriété "gras" des h1 (cette ligne est facultative) */
	font-size : 22px; /* Taille du texte des menus */
	margin : 0px; /* marge intérieur */
	border-right : 1px solid black; /* Bordure droite d'un pixel, blanche (on peut mettre à gauche border-left) */
	border-left : 1px solid black;
	border-top : 1px solid black;
	border-bottom : 1px solid black;
	background-color: #FFFFCC;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	width: 122px;
	padding-top: 10px;
	text-align:center;
	/*padding-right: 20px;*/
	padding-bottom: 0px;
	/*padding-left: 20px;*/ 
	display: block;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	transition : 1s; /* temps d'ouverture des sous menu */
	-webkit-transition: 1s; /* compatibilité chrome, safari etc. */
	-moz-transition : 1s; /* compatibilité mozilla firefox */
	-o-transition : 1s; /* compat. opéra */
	height: 35px;
}

.menuh ul li:hover h1
{
	color : #f8e607; /* Couleur des menus lorsque l'on passe la souris dessus */
	font-size: 22px;
	background-color: #f8e607;
}

.menuh ul li
{
	display : inline-block; /* met la liste sous forme de ligne */
	 
	
}

.menuh li ul
{
	position: absolute;  /* fixe la position des sous-menus */
	height: 0px; /* Hauteur nulle lorsque l'on ne passe pas la souris dessus */
	overflow:hidden; /* cache le texte */

	background-color: #;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #000000;
}

.menuh li:hover .ssmenu1, .menuh li:hover .ssmenu4
{
	height : 270px;  /* Deux sous-menus */
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #f8e607;
	text-align: center;

}

.menuh li:hover .ssmenu2
{
	height : 135px; /* 4 sous-menus */
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: transparent;
	text-align: center;
}

.menuh li:hover .ssmenu3
{
	height : 185px; /* 3 sous-menus */
	background-color: transparent;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-align: center;
    
}

.menuh li ul li
{
	display : block;  /* dispose la sous-listes en vertical */
	width : 145px; /* largeur des sous-listes */
	border-right : 1px solid black; /* pas de bordure droite */
	border-bottom : 1px solid black; /* marge intérieur */
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #CC99FF;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.menuh li ul a
{
	color : #000;
	; /* couleur des liens en sous menu */
	font-size : 20px;  /* taille texte sous-menu */
	text-decoration : none; /* Enleve le soulignement des liens */
	background-color: #CC99FF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	
 
}

.menuh li ul li:hover a
{
	color : #f8f8f8; /* couleur quand on passe la souris sur les sous menus */
	background-color: #f8e607;
	font-size : 20px;
}