/**************** etapes coding *****************/
/*********** main etapes *************/
#etapes {
	width: 12em;
}

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

#etapes ul a {
/*font: 12px arial, helvetica, sans-serif;*/
display: block;
margin: 0;
text-decoration: none;
padding: 0;
}

#etapes ul li {
	position: relative;
}

/*********** sub etapes *************/

#etapes ul ul {
position: absolute;
top: 0;
left: 100%;
width: 300px;
height: 300px;
border-width: 0px;
border-style: solid;
border-color: #000;
}

#etapes ul ul.etape1 {
top: 0px;
/*background-image: url(/images/mer1.jpg);*/
}

#etapes ul ul.etape2 {
top: -100px;
/*background-image: url(/images/mer2.jpg);*/
}

#etapes ul ul.etape3 {
top: -200px;
/*background-image: url(/images/mer3.jpg);*/
}

#etapes ul ul a {
font: 12px arial, helvetica, sans-serif;
display: block;
margin: 0;
text-decoration: none;
}

#etapes ul ul li {
position: absolute;
}

/****** common   *****/

#etapes li:hover {
color: #fff;
background: #E0E0C0;
}

div#etapes ul ul,
div#etapes ul li:hover ul
{display: none;}

div#etapes ul li:hover ul,
div#etapes ul ul li:hover ul
{display: block;}