@charset "utf-8";
/* CSS Document */

/* => FIL D'ARIANE ***************************************************************************/

#main .page .ariane {
    display:block;
    position:absolute;
    float:left;
    clear:both;
    width:340px;
    height:50px;
    margin:0;
    padding:0;
    z-index:999;
}
#main .page .ariane.fix {
    position:fixed;
    top:0 !important;
}
@media screen and (max-width: 719px) {
    #main .page .ariane {
        width:100%;
    }
}

/* Niveau n°1 */
#main .page .ariane ul.ariane-niv1 {
    display:block;
    position:relative;
    float:left;
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
}
#main .page .ariane ul.ariane-niv1 li.ariane-niv1-2 {
    display:block;
    position:relative;
    list-style:none;
    float:left;
    margin:0;
    padding:0;
    width:auto;
    height:50px;
}
#main .page .ariane ul.ariane-niv1 #ariane-liens-externes a.btn {
    display:block;
    position:relative;
    float:left;
    width:40px;
    height:50px;
    background-image:url("../img/ariane/bouton-niv1.jpg");
    background-position:0 0;
    background-repeat:no-repeat;
    /**/cursor:pointer;
}
#main .page .ariane ul.ariane-niv1 #ariane-liens-externes._OVER a.btn {
    background-position:0 -50px;
}
#main .page .ariane ul.ariane-niv1 #ariane-liens-internes a.btn {
    display:block;
    position:relative;
    float:left;
    margin:0;
    padding:15px 0 15px 50px;
    width:300px;
    height:50px;
    overflow:hidden;
    background-image:url("../img/ariane/bouton-niv1.jpg");
    background-position:-80px 0;
    background-repeat:no-repeat;
    background-color:#9a0000;
    font-family:Arial, sans-serif;
    font-size:14px;
    color:#FFFFFF;
    text-decoration:none;
    /**/cursor:pointer;
    white-space:nowrap;
    text-overflow:ellipsis;
}
#main .page .ariane ul.ariane-niv1 #ariane-liens-internes._OVER a.btn {
    color:#9a0000;
    background-position:-80px -50px;
    background-color:#f2f2f2;
}
#main .page .ariane ul.ariane-niv1 #ariane-liens-internes.TOP_ONLY {
    width:40px;
    overflow:hidden;
}
#main .page .ariane ul.ariane-niv1 #ariane-liens-internes.TOP_ONLY a.btn {
    background-position:-40px 0;
}
#main .page .ariane ul.ariane-niv1 #ariane-liens-internes.TOP_ONLY._OVER a.btn {
    background-position:-40px -50px;
}

/* Niveau n°2 */
#main .page .ariane ul.ariane-niv2 {
    display:none;
    position:absolute;
    list-style:none;
    margin:50px 0 0 0;
    padding:0;
}
#main .page .ariane li._OVER ul.ariane-niv2 { display:block; }
#main .page .ariane ul.ariane-niv2 li.ariane-niv2-2 {
    display:block;
    position:relative;
    list-style:none;
    float:left;
    clear:both;
    margin:0;
    padding:0;
    width:auto;
    height:40px;
}
#main .page .ariane ul.ariane-niv2 li.ariane-niv2-2 a {
    display:block;
    position:relative;
    float:left;
    margin:0;
    padding:10px 0 10px 30px;
    width:auto;
    height:40px;
    overflow:hidden;
    font-family:Arial, sans-serif;
    font-size:14px;
    text-decoration:none;
    cursor:pointer;
    white-space:nowrap;
    text-overflow:ellipsis;
}
#main .page .ariane #ariane-liens-externes ul.ariane-niv2 li.ariane-niv2-2 a {
    width:340px;
    padding-left:20px;
    color:#FFFFFF;
    background-color:#212121;
    border-top:solid 1px #333333;
}
@media screen and (max-width: 719px) {
    #main .page .ariane #ariane-liens-externes ul.ariane-niv2 li.ariane-niv2-2 a {
        width:100%;
    }
}
#main .page .ariane #ariane-liens-externes ul.ariane-niv2 li.ariane-niv2-2 a._OVER {
    background-color:#9a0000;
}
#main .page .ariane #ariane-liens-internes ul.ariane-niv2 li.ariane-niv2-2 a {
    width:300px;
    color:#000000;
    border-top:solid 1px #cccccc;
    background-image:url("../img/ariane/bouton-niv2.jpg");
    background-repeat:no-repeat;
    background-color:#f2f2f2;
}
@media screen and (max-width: 719px) {
    #main .page .ariane #ariane-liens-internes ul.ariane-niv2 li.ariane-niv2-2 a {
        width:100%;
    }
}
#main .page .ariane #ariane-liens-internes ul.ariane-niv2 li.ON a {
    color:#FFFFFF !important;
    background-color:#9a0000 !important;
    background-position:0 -160px;
}
#main .page .ariane #ariane-liens-internes ul.ariane-niv2 li.TOP a {
    background-position:0 0;
}
#main .page .ariane #ariane-liens-internes ul.ariane-niv2 li.TOP.ON a,
#main .page .ariane #ariane-liens-internes ul.ariane-niv2 li.TOP._OVER a {
    background-position:0 -40px;
}
#main .page .ariane #ariane-liens-internes ul.ariane-niv2 li.UP a {
    background-position:0 -80px;
}
#main .page .ariane #ariane-liens-internes ul.ariane-niv2 li.UP._OVER a {
    background-position:0 -120px;
}
#main .page .ariane #ariane-liens-internes ul.ariane-niv2 li.DOWN a {
    background-position:0 -200px;
}
#main .page .ariane #ariane-liens-internes ul.ariane-niv2 li.DOWN._OVER a {
    background-position:0 -240px;
}
#main .page .ariane #ariane-liens-internes ul.ariane-niv2 li._OVER a {
    color:#FFFFFF !important;
    background-color:#9a0000 !important;
}

/* => FIL D'ARIANE ***************************************************************************/