.ddsmoothmenu{
font: 13px Century Gothic, Arial, Helvetica, sans-serif;
background: #3d261a ; /*arrière plan de la barre de menu*/
display:inline-block;
width:900px;
padding-left:60px;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*1er niveau du menu*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float:left;
}

/*style des liens du 1er niveau du menu*/
.ddsmoothmenu ul li a{
display: block;
background: #3d261a; /*background des rubrique du menu (statut par défaut)*/
color: white;
padding: 8px 15px;
/*border-right: 1px solid #778;*/
text-decoration: none;

}

* html .ddsmoothmenu ul li a{ /* Pour que les liens des sous-menus se comportent correctement sous IE6*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ /*Classe CSS qui est ajoutée dynamiquement aux rubriques active du menu élément li a*/
background: #3d261a ; 
color: white;
}

.ddsmoothmenu ul li a:hover{
background: #8c2f06; /*background des rubriques quand la souris est dessus (statut "hover")*/
color: white;
}
	
/*1er sous menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*fait apparaitre tous les sous-menu pour commencer*/
visibility: hidden;
}

/*Liste des rubriques du sous menu*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*Décalage vertical après le 1er niveau de sous menu pour tous les niveaux ultérieurs*/
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sous menu style des liens */
.ddsmoothmenu ul li ul li a{
font: normal 13px Century Gothic, Arial, Helvetica, sans-serif;
width: 160px; /*taille des sous menu*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid grey;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### Classes CSS appliquées aux images flèche vers le bas et à droite  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS pour l'ombre ajoutée aux sous-menus  ######### */

.ddshadow{ /*ombre pour les navigateurs qui ne peuvent pas lire le CSS3*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*opacité de l'ombre pour les navigateurs qui ne peuvent pas lire le CSS3. Ne fonctionne pas sous IE*/
opacity: 0.8;
}