/*
 This file was generated by xCode.
 1 em = 16 px ?
 */


/* gestion du menu */

/* drop down menu styles */
.ongletsMenu a {
    display:block;
    color: #fff;
    text-decoration:none;
    text-shadow: 0 0 0;
}
.ongletsMenu {
    margin-top: 1em;
    text-align:center;
    padding-left: 0;
}
.ongletsMenu > li,
.ongletsMenu > li li {
    position: relative;
    display:inline-block;
    list-style: none;
    width: 110px;
    padding: 6px 15px;
    text-align: left;
    background-color: #777;
    background-image: -webkit-linear-gradient(#aaa, #888 50%, #777 50%,#999);
    background-image: -moz-linear-gradient(#aaa, #888 50%, #777 50%,#999);
    background-image: -ms-linear-gradient(#aaa, #888 50%, #777 50%,#999);
    background-image: -o-linear-gradient(#aaa, #888 50%, #777 50%,#999);
    background-image: linear-gradient(#aaa, #888 50%, #777 50%,#999);
}
.ongletsMenu > li { zoom:1;}
.ongletsMenu > li li { background: transparent none; }
.ongletsMenu > li li a { color: #444; }
.ongletsMenu > li li:hover { background:#eee; }
.ongletsMenu > li:first-child {
    border-right: 1px solid #777;
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
}
.ongletsMenu>li + li {
    border-left: 1px solid #aaa;
    border-right: 1px solid #777;
}
.ongletsMenu>li:last-child {
    border-right:0;
    border-left: 1px solid #aaa;
    -webkit-border-radius: 0 8px 8px 0 ;
    -moz-border-radius: 0 8px 8px 0 ;
    border-radius: 0 8px 8px 0 ;
}
.ongletsMenu ul {
    position: absolute;
    top: 1.95em; left:0;
    max-height:0em;
    margin:0; padding:0;
    background-color:#ddd;
    background-image: -webkit-linear-gradient(#fff,#ddd);
    background-image: -moz-linear-gradient(#fff,#ddd);
    background-image: -ms-linear-gradient(#fff,#ddd);
    background-image: -o-linear-gradient(#fff,#ddd);
    background-image: linear-gradient(#fff,#ddd);
    overflow:hidden;
    -webkit-transition: 1s max-height 0.3s;
    -moz-transition: 1s max-height 0.3s;
    -ms-transition: 1s max-height 0.3s;
    -o-transition: 1s max-height 0.3s;
    transition: 1s max-height 0.3s;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
}
.ongletsMenu>li:hover {
    background-color: #999;
    background-image: -webkit-linear-gradient(#ccc, #aaa 50%, #999 50%,#bbb);
    background-image: -moz-linear-gradient(#ccc, #aaa 50%, #999 50%,#bbb);
    background-image: -ms-linear-gradient(#ccc, #aaa 50%, #999 50%,#bbb);
    background-image: -o-linear-gradient(#ccc, #aaa 50%, #999 50%,#bbb);
    background-image: linear-gradient(#ccc, #aaa 50%, #999 50%,#bbb);
}
.ongletsMenu>li:hover ul {
    /* need an adaptation, lower is better, but see it large ;) */
    max-height:13em;
}
.ie7 .ongletsMenu > li {
    display: inline;
    zoom:1;
}