#menu { height:25px; width: 1350px; /* modifier si modif de la taille du (= html{width} px) */ background:url("/images/menu/barre_menu.png") repeat-x; margin:0 auto; border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; -o-border-radius:5px; } #menu>ul { list-style: none outside none; padding: 0; margin: 0; } #menu>ul>li { list-style: none outside none; position: relative; float: left; padding: 0; margin: 0 0 0 13px; display:block; height:25px; } #menu>ul>li ul { position: absolute; top: 25px; left: 0px; overflow: hidden; margin: 0; padding: 0; background-color: #C3E54E; width:202px; } #menu>ul>li>ul { display:none; z-index:-1; margin-top: 24px; -ms-transition: top 0.5s ease-in-out; -khtml-transition: top 0.5s ease-in-out; -moz-transition: top 0.5s ease-in-out; -o-transition: top 0.5s ease-in-out; transition: top 0.5s ease-in-out; } #menu>ul>li:hover>ul { display:block; top:1px !important; } #menu>ul>li ul>li { font-size: 12px; position: relative; } #menu>ul>li ul>li>span , #menu>ul>li ul>li>a { display:block; background-image:url("/images/menu/arrow-ssmenu.png"); background-position:5px 8px; background-repeat:no-repeat; padding-top: 5px; padding-left: 20px; padding-right: 15px; padding-bottom: 5px; text-decoration: underline; color: #B3D192; white-space: nowrap; } #menu>ul>li ul>li>a>span { color: #10802C; } #menu>ul>li>ul>li>hr { border: none; border-top: 1px solid #10802C; } #menu li>span { cursor:default; } /**/ #menu>ul>li ul>li>a:hover { font-weight: 700; } #menu>ul>li { float:left; background:url("/images/menu/menu_puce_vert.png") no-repeat center left; padding: 0; padding-left:15px; } #menu>ul>li>span, #menu>ul>li>a { font-family:verdana; font-size:12px; color:#FFF; text-decoration:none; margin-left:5px; line-height:25px; } #menu>ul>li#img_accueil { background: none; margin: 0; margin-left: 7px; padding: 0; } #menu>ul>li#img_accueil>a>img { vertical-align: middle; }