/* GAUCHE 4 */
#gauche4 {
    padding: 0 10px 0 10px;
    border-bottom: 1px solid #5D97DC
    }
#gauche4 a {
    display: block;
    padding: 8px 0 8px 10px;
    background: url(images/gauche4.png) no-repeat 0 12px;
    text-decoration: none;
    color: #5C96DC;
    border-top: 1px dotted #3770B8;
    border-top: 1px dashed #3770B8
    }
#gauche4 a:hover {
    color: #F47421;
    background: url(images/gauche4o.png) no-repeat 0 12px
    }
/**************Menu gauche contextuel************************/
#menu_contextuel {
    width: 184px;
    background: #3770B8
    }
.rubrique-no a {
    display: block;
    font-size: 11px;
    padding: 4px 10px 4px 10px;
    color: #fff;
    text-decoration: none;
    display: none
    }
.rubrique-no a:hover {
    background: url(images/retour_bgd.png);
    color: #3770B8
    }
.rubrique-act a {
    display: block;
    font-size: 11px;
    padding: 4px 10px 4px 10px;
    color: #fff;
    text-decoration: none
    }
/* sousrubriques */
.sousrub-no a {
    display: block;
    padding: 3px 10px 3px 20px;
    font-family: arial;
    font-size: 11px;
    line-height: normal;
    color: #fff;
    text-decoration: none
    }
.sousrub-no a:hover {
    color: #FFF;
    background: url(images/retour_bgd.png)
    }
.sousrub-act a {
    display: block;
    padding: 3px 10px 3px 20px;
    font-weight: bold;
    font-family: arial;
    font-size: 11px;
    line-height: normal;
    color: #000;
    text-decoration: none
    }
/* sousousrubriques */
.soussousrub-no a {
    display: block;
    padding: 3px 10px 3px 30px;
    font-family: arial;
    font-size: 10px;
    line-height: normal;
    color: #fff;
    text-decoration: none
    }
.soussousrub-no a:hover {
    color: #FFF;
    background: url(images/retour_bgd.png)
    }
.soussousrub-act a {
    display: block;
    padding: 3px 10px 3px 30px;
    font-weight: bold;
    font-family: arial;
    font-size: 10px;
    line-height: normal;
    color: #000;
    text-decoration: none
    }
/****************************************************************/
#menu_haut {
    z-index: 100;
    display: block;
    width: 988px;
    height: 21px;
    _height: 20px;
    margin-left: 0;
    font-family: Verdana;
    letter-spacing: -1pt;
    font-weight: bold;
    font-size: 18px;
    background: url(images/t10_bgd.png)
    }
#menu_ {
    display: block;
    height: 20px;
    vertical-align: middle
    }
/* menus popup haut */
div.popup_t_menu {
    float: left;
    margin: 0;
    padding: 0;
    display: inline;
    vertical-align: middle
    }
div.popup_t_menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
    height: 18px;
    vertical-align: middle;
    float: left;
    width: auto;
    z-index: 0
    }
div.popup_t_menu ul li {
    position: absolute;
    list-style-type: none;
    padding: 0;
    position: relative;
    z-index: 100;
    vertical-align: middle;
    height: 100%;
    margin-top: -3px
    }
div.popup_t_menu ul li ul {
    position: absolute;
    display: block;
    width: 200px;
    z-index: 100;
    visibility: hidden;
    height: auto;
    font-weight: normal;
    letter-spacing: 0
    }
div.popup_t_menu ul li ul li {
    z-index: 100;
    width: 100%;
    height: auto
    }
div.popup_t_menu ul li ul li ul {
    top: 3px;
    left: 100.1%;
    z-index: 100
    }
div.popup_t_menu a {
    margin: 0;
    display: block;
    vertical-align: middle;
    width: 100%;
    /* height: hjk; */
    padding: 4px 0 4px 0
    }
/* deco commune */
/* Pour IE, il faut specifier une largeur pour le menu horizontal!!!
 * On peut le faire soit la, soit en le séparant pour chaque UL correspondant
 * a une rubrique racine (ul#menu_<menuID>_root{width:xxxx;})
 */
div.popup_t_menu ul {
    width: 4em
    }
div.popup_l_menu a, div.popup_r_menu a, div.popup_t_menu a, div.popup_b_menu a {
    text-align: center;
    /* font-size: 10px; */
    text-decoration: none;
    color: #fff
    }
div.popup_t_menu ul ul a {
    padding: 4px 8px 4px 8px;
    width: 176px;
    _width: 176px
    }
/* -- RUBRIQUES -- */
ul#menu_3_root {
    margin-left: 40px;
    _margin-left: 20px;
    width: 150px
    }
ul#menu_4_root {
    width: 70px;
    margin-left: 1px
    }
ul#menu_5_root {
    width: 85px
    }
ul#menu_6_root {
    width: 95px
    }
ul#menu_7_root {
    width: 145px
    }
ul#menu_8_root {
    width: 100px
    }
ul#menu_9_root {
    width: 70px
    }
ul#menu_3_root a:hover {
    background: #FF7F38
    }
ul#menu_4_root a:hover {
    background: #F7B700
    }
ul#menu_5_root a:hover {
    background: #ED1E24
    }
ul#menu_6_root a:hover {
    background: #710171
    }
ul#menu_7_root a:hover {
    background: #0088FE
    }
ul#menu_8_root a:hover {
    background: #028275
    }
ul#menu_9_root a:hover {
    background: #15619B
    }
ul#menu_3_root li ul {
    background: #FF7F38;
    border: 1px solid #fff;
    _margin-top: -4px
    }
ul#menu_4_root li ul {
    background: #F7B700;
    border: 1px solid #fff;
    _margin-top: -4px;
    margin-left: -1px
    }
ul#menu_5_root li ul {
    background: #ED1E24;
    border: 1px solid #fff;
    _margin-top: -4px
    }
ul#menu_6_root li ul {
    background: #710171;
    border: 1px solid #fff;
    _margin-top: -4px
    }
ul#menu_7_root li ul {
    background: #0088FE;
    border: 1px solid #fff;
    _margin-top: -4px
    }
ul#menu_8_root li ul {
    background: #028275;
    border: 1px solid #fff;
    _margin-top: -4px
    }
ul#menu_9_root li ul {
    background: #15619B;
    border: 1px solid #fff;
    _margin-top: -4px
    }
ul#menu_3_root li ul li a {
    text-align: left
    }
ul#menu_4_root li ul li a {
    text-align: left
    }
ul#menu_5_root li ul li a {
    text-align: left
    }
ul#menu_6_root li ul li a {
    text-align: left
    }
ul#menu_7_root li ul li a {
    text-align: left
    }
ul#menu_8_root li ul li a {
    text-align: left
    }
ul#menu_9_root li ul li a {
    text-align: left
    }
ul#menu_3_root li ul li a:hover {
    background: #FF985F
    }
ul#menu_4_root li ul li a:hover {
    background: #F7CC50
    }
ul#menu_5_root li ul li a:hover {
    background: #ED585D
    }
ul#menu_6_root li ul li a:hover {
    background: #715071
    }
ul#menu_7_root li ul li a:hover {
    background: #5EB4FE
    }
ul#menu_8_root li ul li a:hover {
    background: #6A8280
    }
ul#menu_9_root li ul li a:hover {
    background: #5B7F9B
    }
ul#menu_8_root ul ul {
    left: -100%
    }
ul#menu_9_root ul ul {
    left: -100%
    }
/* --- GAUCHE --- */
#gauche1 {
    background: url(images/g1_bgd.png);
    padding: 10px
    }
#gauche1 a {
    display: block;
    padding: 6px 0 6px 27px;
    background: url(images/g1_puce.png) no-repeat 0 4px;
    text-decoration: none;
    font-weight: bold;
    color: #3770B8
    }
#gauche1 a:hover {
    color: #fff;
    background: url(images/g1_puceo.png) no-repeat 0 4px
    }