/**********************************************
** Niveau de menu visible partout (onglets)
***********************************************/

#menu_container {
        position:               absolute;
        top:                    0;
        left:                   0;
        z-index:                20;
        height:                 140px;
        width:                  100%;
}

#menu2 {
        position:               absolute;
        top:                    100px;
        left:                   160px;
        font-size:              1.1em;
        line-height:            normal;
}   

#menu {
        margin:                 0;
        padding:                0;
        list-style-type:        none;
        list-style-image:       none;
        font-size:              90%;
        font-weight:            bold;
        z-index:                80;
}

#menu li {
        float:                  left;
        width:                  10em;
        text-align:             center;
        position:               relative;
        margin:                 0;
/*        margin-right:           20px;*/
        padding:                0;
}

#menu li a {
        text-decoration:        none;
        color:                  #658cf4;
        display:                block;
        padding:                8px 10px;
        border-top:             2px solid #658cf4;
        border-left:            2px solid #658cf4;
        border-bottom:          2px solid #658cf4;
        background:             url("/img/background_D4.png") repeat right top;
}

#menu a.last {
        border-right:           2px solid #658cf4;
}

/*#menu a:hover {
        padding:                8px 10px;
        border-top:             2px solid #658cf4;
        border-left:            2px solid #658cf4;
        border-bottom:          2px solid #658cf4;
        background:             url("/img/background_D4.png") repeat right top;
}*/

/********************************************************
** Niveau de menu sous rubriques
*******************************************************/

#menu ul {
        position:               relative;
        width:                  100%;
        display:                none;
        margin:                 0;
        padding:                0;
        font-size:              90%;
        list-style-type:        none;
        list-style-image:       none;
        font-weight:            bold;
        overflow:               visible;
        z-index:                90;
}

#menu ul li {
        float:                  left;
        width:                  98%;
        position:               relative;
        margin:                 0;
        padding:                0;
        z-index:                90;
}

#menu ul li a {
        display:                block;
        width:                  98%;
        border:                 none;
        color:                  #4A4A4A;
        margin:                 0;
        padding:                2% 1%;
        cursor:                 pointer;
        background:             none;
        background-color:       #d3d3d3;
        border:                 1px solid #eaeaea;
        border-top:             none;
}

#menu ul li a:hover {
        display:                block;
        width:                  98%;
        color:                  #658cf4;
        margin:                 0;
        padding:                2% 1%;
}

/***********************************************
** Niveau de menu sous-sous rubrique
***************************************************/

#menu ul ul {
        position:               absolute;
        width:                  90%;
        display:                none;
        margin:                 0;
        padding:                0;
        list-style-type:        none;
        list-style-image:       none;
        font-size:              100%;
        font-weight:            bold;
        z-index:                100;
        margin-top:             -15%;
        margin-left:            49%; 
}

#menu ul ul li {
        float:                  none;
        width:                  100%;
        position:               relative;
        margin:                 0;
        padding:                0;
        z-index:                100;
}

#menu ul ul a {
        display:                block;
        width:                  100%;
        border:                 none;
        color:                  #4A4A4A;
        margin:                 0;
        border-left:            5px solid #fff;
        cursor:                 pointer;
        background:             none;
        background-color:       #d3d3d3;
        border:                 1px solid #eaeaea;
        border-left:            5px solid #fff;
}

#menu ul ul a:hover {
        display:                block;
        width:                  100%;
        border:                 none;
        color:                  #658cf4;
        margin:                 0;
        border:                 1px solid #eaeaea;
        border-left:            5px solid #6d93fc;
}

#menu ul li>ul, #menu ul ul li>ul{
        margin-top:             -1.4em;
        margin-left:            100%; 
}

/*******************************************************************
** apparition - disparition des ss-rubrique pour navigateurs gecko
********************************************************************/


#menu li:hover ul ul, #menu li:hover ul ul ul{
    display:none; 
}

#menu li:hover ul, #menu ul li:hover ul, #menu ul ul li:hover ul{
    display:block;
}

li>ul { 
	top: auto;      
	left: auto;     
}

/*******************************************************************
** drapeau chgt langage
************************************************************************/

div.langue {
        position:               absolute;
        top:                    150px;
        left:                   60px;
        z-index:                100;
}

div.langue img {
        border:                 none;
}