/* ----------- Dropdown menu ----------- */
.menu {width:950px;margin:0; position:absolute; top:176px; left:50%; margin-left:-471px; z-index:5000; background:url(../images/new/fond_menu.gif) bottom left no-repeat; }
*+html .menu{top:172px;}
.menu ul {padding:0;margin:0;list-style-type:none;z-index:5000;}
*+html .menu ul{margin-top:2px;}
.menu ul li{float:left; position:relative;
	background-repeat:no-repeat; margin:0;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none;width:auto; padding:0px; overflow:visible;/*border:0px solid red;*/}
.menu ul li:hover {width:auto;}
.menu ul li a:hover, .menu ul li:hover a{border-color:black;}
.menu ul li ul {display: none;}
.menu table {margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0px; left:0;}
/* specific to non IE browsers */
.menu ul li:hover ul {display:block;position:absolute;top:37px; left:0; width:182px;}
.menu ul li:hover ul.menu_marches_publics{left:-56px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block;background-color:#fff;color:#000;height:auto;line-height:15px;padding:4px 16px; width:150px; border:0; border-bottom:0px; }
.menu ul li:hover ul li a:hover {color:#000; background: #ccd;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:182px; top:0px;}
.menu ul li:hover ul li:hover ul.left {left:-182px;}
/* specific to IE5.5 and IE6 browsers */
.menu ul li a:hover ul {display:block;position:absolute;top:37px; background:#fff;left:0; }
.menu ul li a:hover ul.menu_marches_publics{left:-56px;}
.menu ul li a:hover ul li a {display:block;background:#fff;color:#fff; height:1px; line-height:15px; padding:4px 16px; width:182px; w\idth:150px; border:0; border-bottom:0;}
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; height:0; width:0;}
.menu ul li a:hover ul li a:hover {color:#fff; background: #ccd;}
.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; top:0;color:#fff; left:182px;}
.menu ul li a:hover ul li a:hover ul.left {left:-182px;}


.menu ul li:hover ul li a, .menu ul li:hover ul li a:hover{ color:#fff; }


.menu ul li.menu_la_ccme:hover ul li a{ background:url(../images/fond_ssmenu1.jpg) repeat-x #363636; }
.menu ul li.menu_services_a_la_population:hover ul li a{background:url(../images/fond_ssmenu2.jpg) repeat-x #eb7d00;}
.menu ul li.menu_enfance_et_jeunesse:hover ul li a{background:url(../images/fond_ssmenu3.jpg) repeat-x #b00002;}
.menu ul li.menu_piscine:hover ul li a{background:url(../images/fond_ssmenu4.jpg) repeat-x #e90092;}
.menu ul li.menu_tourisme_et_culture:hover ul li a{background:url(../images/fond_ssmenu5.jpg) repeat-x #7018b8;}
.menu ul li.menu_communication:hover ul li a{background:url(../images/fond_ssmenu6.jpg) repeat-x #030f61;}
.menu ul li.menu_economie:hover ul li a{background:url(../images/fond_ssmenu7.jpg) repeat-x #027da6;}
.menu ul li.menu_marches_publics:hover ul li a{background:url(../images/fond_ssmenu8.jpg) repeat-x #72c519;}

.menu ul li:hover ul li a:hover{ /*background-color:#746f70;*/ color:#000; }
/*.menu ul li.menu_services_a_la_population:hover ul li a:hover{background-color:#f0b03f;}
.menu ul li.menu_enfance_et_jeunesse:hover ul li a:hover{background-color:#e32627;}
.menu ul li.menu_piscine:hover ul li a:hover{background-color:#f072cd;}
.menu ul li.menu_tourisme_et_culture:hover ul li a:hover{background-color:#b567e1;}
.menu ul li.menu_communication:hover ul li a:hover{background-color:#1132b5;}
.menu ul li.menu_economie:hover ul li a:hover{background-color:#4fd3f0;}
.menu ul li.menu_marches_publics:hover ul li a:hover{background-color:#b4e960;}




.menu ul li.menu_la_ccme a:hover ul li a{ background-color:#534F50; }
.menu ul li.menu_services_a_la_population a:hover ul li a{background-color:#F29B00;}
.menu ul li.menu_enfance_et_jeunesse a:hover ul li a{background-color:#C60001;}
.menu ul li.menu_piscine a:hover ul li a{background-color:#F200AE;}
.menu ul li.menu_tourisme_et_culture a:hover ul li a{background-color:#9128CD;}
.menu ul li.menu_communication a:hover ul li a{background-color:#021B7F;}
.menu ul li.menu_economie a:hover ul li a{background-color:#049DBF;}
.menu ul li.menu_marches_publics a:hover ul li a{background-color:#93D728;}

.menu ul li a:hover ul li a:hover{ background-color:#746f70; }
.menu ul li.menu_services_a_la_population a:hover ul li a:hover{background-color:#f0b03f;}
.menu ul li.menu_enfance_et_jeunesse a:hover ul li a:hover{background-color:#e32627;}
.menu ul li.menu_piscine a:hover ul li a:hover{background-color:#f072cd;}
.menu ul li.menu_tourisme_et_culture a:hover ul li a:hover{background-color:#b567e1;}
.menu ul li.menu_communication a:hover ul li a:hover{background-color:#1132b5;}
.menu ul li.menu_economie a:hover ul li a:hover{background-color:#4fd3f0;}
.menu ul li.menu_marches_publics a:hover ul li a:hover{background-color:#b4e960;}

*/


.menu ul li.menu_la_ccme:hover li.pied { width:182px; height:5px; padding:0; margin:0; background:url(../images/pied_ssmenu1.png) no-repeat; }
.menu ul li.menu_services_a_la_population:hover li.pied { width:182px; height:5px; padding:0; margin:0; background:url(../images/pied_ssmenu2.png) no-repeat; }
.menu ul li.menu_enfance_et_jeunesse:hover li.pied { width:182px; height:5px; padding:0; margin:0; background:url(../images/pied_ssmenu3.png) no-repeat; }
.menu ul li.menu_piscine:hover li.pied { width:182px; height:5px; padding:0; margin:0; background:url(../images/pied_ssmenu4.png) no-repeat; }
.menu ul li.menu_tourisme_et_culture:hover li.pied { width:182px; height:5px; padding:0; margin:0; background:url(../images/pied_ssmenu5.png) no-repeat; }
.menu ul li.menu_communication:hover li.pied { width:182px; height:5px; padding:0; margin:0; background:url(../images/pied_ssmenu6.png) no-repeat; }
.menu ul li.menu_economie:hover li.pied { width:182px; height:5px; padding:0; margin:0; background:url(../images/pied_ssmenu7.png) no-repeat; }
.menu ul li.menu_marches_publics:hover li.pied { width:182px; height:5px; padding:0; margin:0; background:url(../images/pied_ssmenu8.png) no-repeat; }