/* Disposition mobile : 480px et moins. */

div#menusH{
	position:relative;
	margin:0 0 0 0;
	width:100%;
	right:0;
	bottom:0;
}

#navH, #navH ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

/* ======== barre de menus ===========*/
#navH li{
	line-height:40px; /* hauteur des lignes des menus */
}

#navH li#pros{
	background:#ff805e;
}

#navH li#pros a{
	background:#ff805e;
}

#navH li a{
	font-family:"Montserrat SemiBold";
/*	padding: 0 0.65em;*/
	margin:0 0.65em;
	font-size:1.05em;
	color:white;
/*	display: inline-block; /* méthode holly bug IE*/
/*	display: block; /* méthode holly bug IE*/
	cursor:default;
	letter-spacing:-0.05ex;
	border-bottom:2px solid transparent;
}

#navH li a:hover, #navH li a.selected, #navH li a.hilited{
	color:white;
	border-bottom-color:white;
/*	background:#eee;*/
}

#navH li#pros a:hover, #navH li#pros a.selected, #navH li#pros a.hilited{
/*	background-color:black;*/
	color:white;
}


/* ======== sous-menus ===========*/

#navH ul{
	position:static;
	width: 100%;
/*	left: -999em;*/
	display:none;
	background:#383636;
	border:1px solid #383636;
}

#navH ul li{
	width:100%;
	padding:0;
	line-height:1.75em; /* hauteur des lignes des sous-menus */
}

#navH ul li a{
	background:#383636;
	display:block;
	font-family:"Montserrat";
	font-size:0.85em;
	letter-spacing:0.05em;
	color:white;
	border-bottom:2px solid tranparent;
}

#navH ul li a:hover, #navH ul li a.selected{
	color: white;
	border-bottom-color:white;
}


/*======== affichage / masquage des sous-menus  ===============*/
#navH li ul ul,
#navH li ul ul ul,
#navH li ul ul ul ul{
	margin:-1.75em 0 0 15em; /* -1.75 = petite correction par rapport à 1.7em #navH ul li line-height*/
}

#navH li:hover ul ul, #navH li.sfhover ul ul,
#navH li:hover ul ul ul, #navH li.sfhover ul ul ul,
#navH li:hover ul ul ul ul, #navH li.sfhover ul ul ul ul{
/*	left: -999em;*/
	display:none;
}

#navH li:hover ul, #navH li.sfhover ul,
#navH li li:hover ul, #navH li li.sfhover ul,
#navH li li li:hover ul, #navH li li li.sfhover ul,
#navH li li li li:hover ul, #navH li li li li.sfhover ul{
	left: auto;
	display:block;
}

#navH li:hover ul, #navH li.sfhover ul{ /* indispensable pour IE7 !!! pour fermeture des menus déroulants lorsque clic dans la page */
	display:block;
}

/* -------------- Menus verticaux --------------------- */

#navV{
	padding:0;
}

#navV li{
	list-style:none;
}

#navV li a{
	background:#ddd;
	text-decoration:none;
	color:black;
	display:block;
	padding:20px 10px;
	margin:5px 0;
/*	border:1px solid black;
	border-radius:10px;*/
}

#navV li a:hover, #navV li a.selected{
	background:#383636;
	border-color:#383636;
	font-weight:bold;
	color:white;
}

/* -------------- Menu horizontal dans #footer --------------------- */

#footer ul{
	width:90%;
	margin:0 auto;
	padding:1em 0;
}

#footer ul li{
	padding:0;
	margin:0 0 0.5em 0;
	list-style:none;
}

#footer ul li a{
	font-family:"Montserrat";
	margin: 0 1em;
	font-size:0.75em;
	text-decoration:none;
	color:white;
	display:block;
	border-bottom:4px solid transparent;
}

#footer ul li a:hover, #footer ul li a.selected, #footer ul li a.hilited{
	color:white;
	border-bottom:4px solid white;
}

#footer ul li span.tel{
	font-family:"Montserrat";
	margin: 0 1em;
	font-size:0.85em;
	text-decoration:none;
	color:white;
	background: transparent url(../images/icnTel.png) left center no-repeat;
	padding-left:25px;
	height:22px;
}


/* Disposition tablette : 481px sur 768px. Hérite des styles de : Disposition mobile  -----------------------------------------------------------*/

@media only screen and (min-width: 481px) {

/* -------------- Menu horizontal dans #footer --------------------- */


#footer ul{
	width:80%;
	text-align:center;
}

#footer ul li{
	display:inline;
	padding:0 0.5em;
	margin:0;
}

#footer ul li + li{
	border-left:1px dotted white;
}

#footer ul li a{
	display:inline;
}

}

/* Disposition bureau : 769px à max. 1232px.  Hérite des styles de : Disposition mobile et disposition tablette ----------------------------------*/

@media only screen and (min-width: 769px) {
	
div#menusH{
	position:absolute;
	max-width:1200px;
	width:auto;
}

#navH li{
	float:left;
}

#navH ul{
	position: absolute;
	width:15em;
}	

	
/* -------------- Menu horizontal dans #footer --------------------- */

#footer ul{
	width:50%;
}

}