.menu {
margin:9px 0 0 0;
font:bold 0.80em Georgia, Arial, Helvetica, Sans-serif;
}
/* remise à plat des styles de listes */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
/* second niveau */
.menu ul ul {
width:196px;
}
/* le float permet de positionner les listes en vertical */
.menu li {
float:left;
width:196px;
position:relative;
}
.menu li img{
vertical-align:middle;
margin:0 8px 0 0;
}
/* style des rubriques principales */
.menu a {
display:block;
font-size:1em;
text-decoration:none; 
color:black; 
width:160px; 
height:38px; 
border:1px solid white; 
border-width:1px 1px 0 0; 
background:#fff; 
padding-left:10px; 
line-height:38px;
}
/* on cache les sous-menus */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:39px;
left:0; 
width:150px;
}
/* spécifiquement pour IE, ne pas toucher */
.menu table {
position:absolute;
top:0;
left:0;
}
/* style des sous-menus */
.menu ul ul a {
background:#fff;
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:150px;
font-size:1em;
border:1px solid #cccccc;
border-top:none;
margin:0 0 0 -1px;
}
/* rollover bleu */
.ssmenu a:hover, .ssmenu ul ul a:hover {
color:#660000;
background:#ffffff;
}
.ssmenu :hover > a, .ssmenu ul ul :hover > a {
color:#660000;
background:#ffffff;
}

.ssmenu2 a:hover, .ssmenu2 ul ul a:hover {
color:#660000;
text-decoration:underline;
background:#ffffff;
}
.ssmenu2 :hover > a, .ssmenu2 ul ul :hover > a {
color:#ff0000;
background:#ffffff;
text-decoration:underline;
}
/* apparition des sous-menus */
.menu ul li:hover ul, .menu ul a:hover ul {
visibility:visible;
}
#contenu_gauche ul, li{
margin:0;
padding:0;
list-style-type:none;
}
#contenu_gauche li.titre_article{
padding:0.25em 0 0.25em 32px;
margin:0;
list-style-type:none;
font-size:0.65em;
font-weight:bold;
background-color:#fff;
}
#contenu_gauche li.titre_article .sstitre, li.rub_titre_article .sstitre{
color:#777777;
font-weight:normal;
}
#contenu_gauche li.titre_article a.histoire_on, li.rub_titre_article a.histoire_on{
text-decoration:underline;
color:#000066;
}
#contenu_gauche li.titre_article a.chocolat_on, li.rub_titre_article a.chocolat_on{
text-decoration:underline;
color:#660000;
}
#contenu_gauche li.titre_article a.commander_on, li.rub_titre_article a.commander_on{
text-decoration:underline;
color:#006600;
}

#contenu_gauche li.titre_article:hover,#contenu_gauche li.rub_titre_article:hover{
background-color:#f8f8f8;
}
#contenu_gauche li.titre_article img, li.rub_titre_article img{
margin:0 4px 0 0;
}
#contenu_gauche li.rub_titre_article{
padding:0.7em 0 0.7em 32px;
margin:0;
list-style-type:none;
font-size:0.65em;
font-weight:bold;
background-color:#fff;
}
#contenu_gauche ul.rub{
padding:0;
}

#titre_global{
font:bold 1em Georgia, Arial, Helvetica, Sans-serif;
color:#000;
margin:4px 0 4px 4px;
}
#titre_histoire{
font:bold 0.8em Arial, Helvetica, Sans-serif;
color:#000066;
margin:0;
padding:1px 0 1px 16px;
background-color:#f0f0f0;
border-top:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
}
#titre_histoire a{
color:#000066;
}
#titre_chocolat{
font:bold 0.8em Arial, Helvetica, Sans-serif;
color:#660000;
margin:0;
padding:1px 0 1px 16px;
background-color:#f2f2f2;
border-top:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
}
#titre_chocolat a{
color:#660000;
}
#titre_commander{
font:bold 0.8em Arial, Helvetica, Sans-serif;
color:#009900;
margin:0;
padding:1px 0 1px 16px;
background-color:#f2f2f2;
border-top:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
}
#titre_commander a{
color:#009900;
}