#scaffolding0 {height: 80px; width:20px; background:; border: solid #eda; border-width: 0px 0 0 0; /*background: #5874B5;*/
	margin: 60px 0 0 88;}
#scaffolding0 a {text-decoration: none; text-indent: -999px; /*si negatif: cache le texte*/ display: block; height: 40px;
	background: url(tab_20x80_ba.gif) no-repeat;
	background-position: 0px 0;}
#scaffolding0 a:hover {background-position: 0px -40px;}

#scaffolding1 {height: 80px; width:20px; background: #5874B5; border: solid #eda; border-width: 0px 0 0 0; margin: -35px 0 0 88;}
#scaffolding1 a {text-decoration: none; text-indent: -999px; display: block; height: 40px; background: url(tab_20x80_bg.gif) no-repeat;
	background-position: 0px 0;}
#scaffolding1 a:hover {background-position: 0px -40px;}

#scaffolding2 {height: 80px; width:20px; background: #5874B5; border: solid #eda; border-width: 0px 0 0 0; margin: -35px 0 0 88;}
#scaffolding2 a {text-decoration: none; text-indent: -999px; display: block; height: 40px; background: url(tab_20x80_mb.gif) no-repeat;
	background-position: 0px 0;}
#scaffolding2 a:hover {background-position: 0px -40px;}

#scaffolding3 {height: 80px; width:20px; background: #5874B5; border: solid #eda; border-width: 0px 0 0 0; margin: -35px 0 0 88;}
#scaffolding3 a {text-decoration: none;	text-indent: -999px; display: block; height: 40px; background: url(tab_20x80_nl.gif) no-repeat;
	background-position: 0px 0;}
#scaffolding3 a:hover {background-position: 0px -40px;}

#scaffolding4 {height: 80px; width:20px; background: #5874B5; border: solid #eda; border-width: 0px 0 0 0; margin: -35px 0 0 88;}
#scaffolding4 a {text-decoration: none; text-indent: -999px; display: block; height: 40px; background: url(tab_20x80_lu.gif) no-repeat;
	background-position: 0px 0;}
#scaffolding4 a:hover {background-position: 0px -40px;}

<!-- HTMLDog -->

#container {
	width: 646px; /*36em;*/
	background: #F4ECD9; /*brun clair - où?*/
	text-align: left;
	border: 1px solid #eda;
	margin: 0 auto; /*je peux le neutraliser*/
}

#nav, #nav ul { /*les titres de la barre menu*/
	float: left;
	width: 646px; /*36em;*/
	list-style: none;
	line-height: 1;
	background: white; /*white*/
	font-weight: bold;
	padding: 0;
	border: solid orange; /*#eda*/
	border-width: 1px 0;
	margin: 0 0 0em 0; /*0 0 1em 0;*/
}

#nav a {
	display: block;
	width: 10em; /*10em;*/
	w\idth: 6em;
	color: #7C6240; /*#7C6240;*/
	text-decoration: none;
	padding: 0.25em 0em 0.25em 1em; /*0.25em 2em;*/ /*0.25em 2.75em 0.25em 1em; j'ai ramene la marge gauche a 0*/
	text-align: left; /*j'ajoute pour que ds FF ça ne centre plus*/
}

#nav a.daddy {
	background: url(../images/rightarrow2.gif) left no-repeat; /*center right no-repeat*/
}

#nav li {
	float: left;
	padding: 0;
	width: 10em; /*10em; barre navigation*/
}

#nav li ul {
	position: absolute;
	left: -999em; /*hors du champs visuel*/
	height: auto;
	width: 14em; /*14.4em;*/
	w\idth: 13.9em;
	font-weight: normal;
	border-width: 1px; /*0.25em; bord cartouche orange*/
	margin: 0;
}

#nav li li {
	padding-right: 0em; /*1em;*/
	width: 14em; /*13em; bande hover ok, les 2 cartouches se touchent et ne dépassent plus!*/
}

#nav li ul a {
	width: 14em; /*13em;*/
	w\idth: 9em;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #eda; /*qd la souris passe*/
}