﻿/* Navigation */

/* Fil d'Arianne */

.header .middle .broadcrum {
	height:35px;
}
.header .middle .broadcrum p {
	font-size:10px;
	color:#FFF;
	padding-top:12px;
}
.header .middle .broadcrum p a {
	color:#FFF;
}
.header .middle .broadcrum p a:hover {
	text-decoration:underline;
}

/* Menu principal */

.nav li {
	float:left;
	width:116px;
}

/* menu deroulant */

.menu-deroulant {
	float: left;
	cursor: pointer;
	height: 1px; /*astuce pour retablir le flux et eviter le decalage du broadcrum */
}
#sous-menu1, #sous-menu2, #sous-menu3 {
	display: none;
	width: 227px;
	position: absolute;
	top: 56px; /* a re-definir si besoin */
	background-color: #ffffff;
	border: 3px solid #009ee0;
	padding-top:20px;
	padding-bottom:15px;
	z-index:5000;
}
#sous-menu1 {
	background-image:url(../images/common/navigation/bg-sm-forfait.gif);
	background-repeat:no-repeat;
	background-position: 83px 0px;
}
#sous-menu2 {
	background-image:url(../images/common/navigation/bg-sm-bons-plans.gif);
	background-repeat:no-repeat;
	background-position: 83px 0px;
	border: 3px solid #ff37d7;
}
#sous-menu3 {
	border: 3px solid #fffc00;
}

#sous-menu1 li, #sous-menu2 li, #sous-menu3 li {
	float: none;
	text-align: left;
}
#sous-menu1 li a, #sous-menu2 li a, #sous-menu3 li a {
	color: #0f1d42;
	font-size: 10px;
	font-weight: bold;
	line-height: 18px; /* pour centrer le lien verticalement dans sa li */
	height: 18px;
	width: 227px; /* meme width que #sous-menu1, sinon prend la valeur des a "accueil" ex:195px */
	padding:0;/*pour annuler le padding-top des a des items du menu (accueil, vi, ...)*/
	text-transform:none; /*pour annuler le uppercase des items du menu (accueil, vi, ...)*/
	background:url(../images/common/chevron-cyan.png) no-repeat 3px 5px;
	display:block;
	text-indent:24px;
}
#sous-menu1 li a:hover, #sous-menu3 li a:hover {
	color:#009ee0;
}
#sous-menu2 li a {
	background:url(../images/common/chevron-rose.gif) no-repeat 3px 5px;
}
#sous-menu2 li a:hover {
	color: #ff37d7;
}
#sous-menu3 li a {
	background:url(../images/common/chevron-jaune.png) no-repeat 3px 5px;
}
#sous-menu3 li a:hover {
	color: #ffed00;
}
