/* vertical menu */

.accueil {
	display:block;
	background: url(../icono/elements/deg_Accueil.jpg) no-repeat right 0;
	margin:0;
	padding: 10px 0 0 25px;
	width:158px;
	height:38px;
}

.accueil a {
	font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;
	color: #6373a7;
}

.menu .fin{
	display:block;
	background: url(../icono/elements/fin_gauche.jpg) no-repeat left 0;
	padding: 0 0 0 25px;
	width:158px;
	height:20px;
}

/* ================= MENU PROPREMENT DIT ================== */

#menu-verti{
	display:block;
	zoom:1;
    list-style:none;
	background:url(../icono/elements/deg_gauche.gif) no-repeat 0 0;
	z-index:200;
}

#menu-verti .contenant {
	display:block;
    position:relative;
	background: url(../icono/elements/deg_menudroit.gif) repeat-y 174px 0;
	width:178px;
}

#menu-verti li{
	display:block;
	zoom:1;
    position:relative;
}

#menu-verti li .grosserub {
	display:block;
	overflow:hidden;
	background: url(../icono/elements/deg_filaccueil.gif) repeat-y 162px 0;
	zoom:1;
	position:relative;
	padding: 5px 0 6px 3px; 
	margin:0 0 0 8px;
	width:162px ;
	border-top: 1px solid #dadeea;
	
}

#menu-verti li .grosserub:hover {
	background-color:#cecee1;
}

#menu-verti li .logo{
	display:block;
	float:left;
	width:30px;
	margin: 2px 0 0 5px;
}

#menu-verti li font{
	display:block;
	float:left;
	width:90px;
	padding: 2px 0 0 8px;
	font:  bold .8em Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}


#menu-verti li a {
	font-weight:bold;
	line-height:12px;
	padding-bottom:3px;
	left:4px;
	top:0;
	margin:0;
	width:125px; _width:127px;
	cursor: pointer;
}

#menu-verti li a span{
	display:block;
	margin-left:6px;
	padding-top:5px 0;
}

/* ================= SOUS MENU ================== */

#menu-verti li ul{
	display:none;
	width:160px;
	background: #e8e7f0 url(../icono/elements/deg_menurub.gif) repeat-y right;
	list-style:none;
	position:absolute;
	padding:0 4px 0 0 ;
	top:0px;
	left:174px;
	text-transform:none;
}

#menu-verti li * a{
	display:block;
	overflow:hidden;
	font-weight:normal !important;
	padding:6px 10px !important;
	border-top: 1px solid #fff;
	width:124px;
}

#menu-verti li * a:hover {
	background:#f2f7fc;

}

#menu-verti li:hover>ul{
	display:block;
	width:144px;
}


/* ================= SOUS SOUS MENU ================== */

#menu-verti li li ul{
	display:none;
	width:140px;
	background: #cecee1 url(../icono/elements/deg_menu.gif) repeat-y right;
	list-style:none;
	position:absolute;
	font-weight:normal;
	top:0px;
	left:144px;
}

#menu-verti li .menufin{
	display:block;
	overflow:hidden;
	height:0px;
	width:100%;
	background: #cecee1 url(/icono/elements/deg_menubas.gif) no-repeat;
}