@charset "utf-8";

/* menu onglets */
#menu { background: #FFF url(/img/fond-menu.png) no-repeat; height: 53px; margin: auto; width: 950px; }

#menuDeroulant { margin: 0; padding: 0; }

/* onglets spéciaux */
#menuDeroulant #accueil { margin-left: 40px; }
#menuDeroulant #devis { background: url(/img/onglet-orange.png) no-repeat; }
#menuDeroulant #qualif { background: url(/img/onglet-noir.png) no-repeat; }

/* 1er niveau */
#menuDeroulant li { 
	float: left;
	position: relative;
	list-style: none;
	width: 122px; /* dimensions onglet */
	height: 53px;
	line-height: 50px;
	background: url(/img/onglet.png) no-repeat;
	text-align: center; /* alignement texte onglet */
	margin-left: 2px; /* espacement entre les onglets */
	}

/* liens 1er niveau */
#menuDeroulant li a { color: #FFF; font-size: 90%; font-weight: bold; text-decoration: none;}

/* hover 1er niveau */
#menuDeroulant li:hover,#menuDeroulant #devis:hover,#menuDeroulant #qualif:hover { background: url(/img/onglet-rouge.png) no-repeat; }
/* onglet en cours */
#menuDeroulant .selected { background: url(/img/onglet-rouge.png) no-repeat; }

/* cadre 2ème niveau */
#menuDeroulant .sousmenu {
	display: none; /* masqué par défaut */
	position: absolute;
	left: 0;
	top: 42px;
	padding: 0;
	font-size: 100%;
	width: 200px;
	}

/* éléments 2ème niveau */
#menuDeroulant .sousmenu li,#menuDeroulant .sousmenu li ul li {
	display: block;
	text-align: center;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	width: 200px;
	height: 30px;
	line-height: 30px;
	background: url(img/arrondi.png) no-repeat;
	}

/* liens niveaux 2 et 3 */
#menuDeroulant .sousmenu li a, #menuDeroulant .sousmenu li a:visited,
#menuDeroulant .sousmenu li ul li a, #menuDeroulant .sousmenu li ul li a:visited  {
	display: block;	
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	}

/* hover 2ème et 3ème niveau */
#menuDeroulant .sousmenu li a:hover,#menuDeroulant .sousmenu li ul li a:hover { background: url(/img/arrondi-over.png) no-repeat 0 -5px; }

/* cadre 3ème niveau */
#menuDeroulant .sousmenu li ul {
	left: 198px;
	padding-left: 5px;
	top: 0;
	}

/* survol liens sous menu */
#menuDeroulant li:hover > .sousmenu { display: block; background: none; } /* couleur entre sous-menus */