/*--- MENU MULTIMEDIA HORIZONTAL---*/
body.accueilHorizontal #menuHaut ul li#menu_haut_actualite{
position: absolute;
top: -5000px;
}
body.accueilHorizontal #menuHaut ul li#menu_haut_vie_quotidienne a {
background: url(h3Quotidienne.gif) no-repeat left top;
width: 300px;
}
body.accueilHorizontal #menuHaut ul li#menu_haut_la_ville a {
background: url(h3Ville.gif) no-repeat left top;
width: 300px;
}
body.accueilHorizontal #menuHaut ul li#menu_haut_democratie a {
background: url(h3Democratie.gif) no-repeat left top;
width: 300px;
}
body.accueilHorizontal #menuHaut ul li#menu_haut_vie_quotidienne{
position: absolute;
top: 40px;
left: 2120px;
}
body.accueilHorizontal #menuHaut ul li#menu_haut_la_ville{
position: absolute;
top: 40px;
left: 3150px;
}
body.accueilHorizontal #menuHaut ul li#menu_haut_democratie{
position: absolute;
top: 40px;
left: 2635px;
}
body.accueilHorizontal #menu_haut_democratie ul,
body.accueilHorizontal #menu_haut_la_ville ul,
body.accueilHorizontal #menu_haut_vie_quotidienne ul{
width: 648px;
background: url(bgMenuFlipFlap.png) no-repeat left bottom;
padding: 5px 3px 0px 3px;
margin: 0px 0px 0px 0px;
display: block;
z-index: 10000;
float: left;
top: 0px;
height:279px;
overflow: hidden;
position: absolute;
}
body.accueilHorizontal #menu_haut_democratie ul{
top: -42px;
left: 635px;
background:#FFFFFF url(bgMenuDemocratieH.gif) no-repeat right top;
}
body.accueilHorizontal #menu_haut_la_ville ul{
top: -42px;
left: 805px;
background:#FFFFFF url(bgMenuVilleH.gif) no-repeat right top;
}
body.accueilHorizontal #menu_haut_vie_quotidienne ul{
top: -42px;
left: 465px;
background:#FFFFFF url(bgMenuQuotidienneH.gif) no-repeat right top;
}
body.accueilHorizontal #menuHaut ul li ul li .remonte_article{
width: 368px;
height: 84px;
overflow: hidden;
float: left;
padding: 2px 0px 2px 2px;
margin: 0px 4px 4px 4px;
color: #333333;
} 
/*---*/
body.accueilHorizontal #menu_haut_vie_quotidienne .remonte_article{
background: #2D8AC1 url(bgArticleVie.jpg) no-repeat left top;
}
/*---*/
body.accueilHorizontal #menu_haut_la_ville .remonte_article{
background: #74C82D url(bgArticleVille.jpg) no-repeat left top;
}
/*---*/
body.accueilHorizontal #menu_haut_democratie .remonte_article{
background: #F26724 url(bgArticleDemo.jpg) no-repeat left top;
}
/*---*/
#menuHaut #actus_actualite,
#menuHaut #actus_vie_quotidienne,
#menuHaut #actus_democratie,
#menuHaut #actus_la_ville{
float: left;
width: 370px;
}
body.accueilHorizontal #menuHaut div.image_16_9_article,
body.accueilHorizontal #menuHaut ul li ul div img{
width: 150px;
height: 84px;
float: left;
}
body.accueilHorizontal .description_article{

}
body.accueilHorizontal #menuHaut ul li ul .titre_article,
body.accueilHorizontal #menuHaut ul li ul .description_article,
body.accueilHorizontal #menuHaut ul li ul .lire_article{
width: 210px;
float: right;
margin: 0px 0px 0px 5px;
font-size: x-small;
}
body.accueilHorizontal #menuHaut #menu_haut_vie_quotidienne .description_article a,
body.accueilHorizontal #menuHaut #menu_haut_la_ville .description_article a,
body.accueilHorizontal #menuHaut #menu_haut_democratie  .description_article a{
background-image: none;
width: 190px;
display: block;
}
body.accueilHorizontal #menuHaut #menu_haut_vie_quotidienne .titre_article a,
body.accueilHorizontal #menuHaut #menu_haut_la_ville .titre_article a,
body.accueilHorizontal #menuHaut #menu_haut_democratie .titre_article a{
color: #000000;
background-image: none;
width: 210px;
}
body.accueilHorizontal #menuHaut #menu_haut_vie_quotidienne .remonte_article:hover a,
body.accueilHorizontal #menuHaut #menu_haut_la_ville .remonte_article:hover a,
body.accueilHorizontal #menuHaut #menu_haut_democratie .remonte_article:hover a{
color: #FFFFFF;
background-image: none;
}
body.accueilHorizontal #menuHaut ul li ul #menu_content_haut_1,
body.accueilHorizontal #menuHaut ul li ul #menu_content_haut_2,
body.accueilHorizontal #menuHaut ul li ul #menu_content_haut_3,
body.accueilHorizontal #menuHaut ul li ul #menu_content_haut_4 {
position: relative;
float: right;
width: 270px;
}
body.accueilHorizontal #menuHaut ul li ul #menu_content_haut_1 ul,
body.accueilHorizontal #menuHaut ul li ul #menu_content_haut_2 ul,
body.accueilHorizontal #menuHaut ul li ul #menu_content_haut_3 ul,
body.accueilHorizontal #menuHaut ul li ul #menu_content_haut_4 ul {
position: relative;
width: 250px;
top: 0px;
left: 0px;
padding: 0px 10px 10px 10px;
float: left;
background-image: none;
background-color: transparent;
}
body.accueilHorizontal #menuHaut ul li ul #menu_content_haut_1 ul li a,
body.accueilHorizontal #menuHaut ul li ul #menu_content_haut_2 ul li a,
body.accueilHorizontal #menuHaut ul li ul #menu_content_haut_3 ul li a,
body.accueilHorizontal #menuHaut ul li ul #menu_content_haut_4 ul li a {
width: 220px;
padding: 0px 5px 2px 13px;
background-position: left 4px;
background-repeat : no-repeat;
float: left;
font-weight: bold;
}
body.accueilHorizontal #menuHaut ul li ul #menu_content_haut_1 ul li a:hover,
body.accueilHorizontal #menuHaut ul li ul #menu_content_haut_2 ul li a:hover,
body.accueilHorizontal #menuHaut ul li ul #menu_content_haut_3 ul li a:hover,
body.accueilHorizontal #menuHaut ul li ul #menu_content_haut_4 ul li a:hover{
background-position: 2px 4px;
color: #666666;
}
body.accueilHorizontal #menuHaut  #menu_haut_actualite #menu_content_haut_1 ul li a{
background-image: url(puceArticleActu.gif);
}
body.accueilHorizontal #menuHaut  #menu_haut_democratie #menu_content_haut_2 ul li a{
background-image: url(puceArticleDemo.gif);
}
body.accueilHorizontal #menuHaut  #menu_haut_la_ville #menu_content_haut_3 ul li a{
background-image:url(puceArticleVille.gif);
}
body.accueilHorizontal #menuHaut  #menu_haut_vie_quotidienne #menu_content_haut_4 ul li a{
background-image: url(puceArticleVie.gif);
}