.menu {
    float:            left;
    background:       url("/_img/_bg-bleu.png") repeat-x bottom left white;
    border:           2px solid lightBlue;
    width:            14em;
    height:           auto;
   -moz-border-radius:.5em;
    z-index:          100 !important;
    margin:           0;
}
.menu ul {
    list-style:       none;
}
.menu img {
    margin:           0 .4em;	
}

.menu a, 
.menu a:visited,
.menu a:active {
    color:            midnightblue;
    text-decoration:  none;
}
.menu a {
    width:            95%;
    display:          block;
    font-family:      "Trebuchet MS";
    font-size:        .9em;
    padding:          0 .5em;
}

.menu a:hover {
    font-variant:     small-caps;
}
.menu a:focus {
    border:           solid darkorange;
    border-width:     0 0 1px 0;
    background-color: orange;
    opacity:          .8;	
    width:            93%;
} 

.menu h3 {
    color:            white;
    background:       url("/_img/bg_h3.jpg") bottom left repeat-x lightblue;
    border:           solid white;
    border-width:     1px 0px 1px 0px;
    text-align:       center;
}

.menu>ul {
    margin:           0 0 .5em 0;
}

.menu ul li {
    padding:          1px 0px;
}

.menu ul li:hover {
    border:           solid steelBlue;
    border-width:     1px 0px;
    background:       url("/_img/bg_li.jpg") repeat-x top left #90bbdd;
    color:            white;
    padding:          0px;
}

.menu>ul li>span,
.menu>ul>li ul,
.menu .shadow,
.menu>ul>li .shadow2 {
    display:          none;
}
.menu>ul>li:hover ul {
    display:          block;
    position:         absolute;
    left:             13.5em;
    margin:           -1.5em 0 0 0;
    background:       url("/_img/bg_ul.jpg") repeat-x bottom left white;
    border:           solid midnightblue;
    border-width:     1px 1px 1px 2px;
    width:            11em;
    opacity:          1;
    z-index:          100;
    font-weight:      100;
}
.menu ul li ul:hover {
    opacity:          1;
}
.menu>ul>li:hover .shadow1,
.menu>ul>li:hover .shadow2,
.menu>ul>li:hover .shadow3,
.menu>ul>li:hover .shadow4,
.menu>ul>li:hover .shadow5,
.menu>ul>li:hover .shadow6 {
    display:          block;
    position:         absolute;
    left:             14em;
    margin:           -.8em 0 0 0;
    background-color: #333;
    border:           1px solid #666;
    width:            10em;
    height:           4.9em;
    opacity:          .7;
    z-index:          80;
    font-weight:      100;
}

.menu .sub {
    background:       url("/_img/fleche-b.png") top right no-repeat;
}
.menu>ul>li:hover #energetique,
.menu>ul>li:hover .shadow1 {
    width:            10.3em !important;
}
.menu>ul>li:hover #detection,
.menu>ul>li:hover .shadow2 {
    width:            13em !important;
}
.menu>ul>li:hover #litho,
.menu>ul>li:hover .shadow3 {
    width:            16.4em !important;
}
.menu>ul>li:hover #geobio,
.menu>ul>li:hover .shadow4 {
    width:            13.7em !important;
}
.menu>ul>li:hover #consult,
.menu>ul>li:hover .shadow5 {
    width:            22em !important;
}
.menu>ul>li:hover #stage,
.menu>ul>li:hover .shadow6 {
    width:            14em !important;
}
.menu>ul>li:hover .shadow2 {
    height:           2.3em !important;
}
.menu>ul>li:hover .shadow3 {
    height:           7.3em !important;
}
.menu>ul>li:hover .shadow4 {
    height:           4.8em !important;
}
.menu>ul>li:hover .shadow5 {
    height:           3.6em !important;
}
.menu>ul>li:hover .shadow6 {
    height:           3.6em !important;
}


.sommaire {
    border:           solid darkorange;
    border-width:     0 0 1px;
    margin:           0 .5em .5em;
    padding:          0 .3em;
}
.sommaire ul:before {
    content:          ">>> ";
    color:            black;
    padding:          0 .1em;   
}
.sommaire ul li {
    display:          inline;
}

.sommaire ul li a{
    padding:          0 .25em;
    background:       none !important;
    color:            maroon !important;
    text-decoration:  none !important;
    border:           none !important;
    font-weight:      normal !important;
}
.sommaire ul li a:hover{
    border:           solid maroon !important;
    border-width:     0 0 2px !important;
}