body {
    behavior: url(squelettes/csshover2.htc);
}

SPAN {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
}

#navigation_perso {
    position: relative;
    width: 918px;
    height: 36px;
    font-weight: normal;
    padding: 0px;
    margin-top: 10px;
    z-index: 10;
    text-align: left;
}

#menu_perso, #menu_perso ul /* Liste */ {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 21px;
    text-align: left;
}

#menu_perso /* Ensemble du menu */ {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#menu_perso a /* Contenu des listes */ {
    display: block;
    padding: 0;
    color: #000;
    text-decoration: none;
    width: 306px;
}

#menu_perso li ul li {
    width: 306px;
}

#menu_perso li ul li ul {
    width: 305px;
}

#menu_perso li ul li ul li {
    width: 305px;
}

#menu_perso li /* Elements des listes */ {
    float: left;
}

#menu_perso li ul /* Sous-listes */ {
    background-color: #d5d5d5;
    position: absolute;
    width: 306px;
    left: -999em; /* Hop, on envoie loin du champ de vision */
}

#menu_perso ul.menuniv2 a {
    width: 271px;
    height: 27px;
    padding-left: 35px;
    padding-top: 3px;
}

#menu_perso ul.menuniv2 li ul a {
    width: 285px;
    height: 21px;
    padding-left: 20px;
    padding-top: 0px;
}

#menu_perso ul.menuniv2 li li a {
    height: 21px;
}

#menu_perso li ul.menuniv3_rubrique_2 /* Diagnostic immobilier */ {
    margin: -35px 0 0 306px; /* On decale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
}

#menu_perso li ul.menuniv3_rubrique_22 /* Inspection climatisation */ {
    margin: -66px 0 0 306px;
}

#menu_perso li ul.menuniv3_rubrique_3 /* Fluides frigorigene */ {
    margin: -35px 0 0 306px;
}

#menu_perso li li {
    height: 30px;
    border: solid #aaaaaa;
    border-width: 0px 0px 1px 0px;
    /*padding: 3px 0px 3px 0px;*/
}

#menu_perso ul.menuniv3_rubrique_2 li a, #menu_perso ul.menuniv3_rubrique_3 li a, #menu_perso ul.menuniv3_rubrique_22 li a {
    color: #ffffff;
}

#menu_perso ul.menuniv3_rubrique_2 li, #menu_perso ul.menuniv3_rubrique_22 li {
    border: 1px solid #d59635;
    border-width: 0px 0px 1px 0px;
    /*padding: 3px 0px 3px 0px;*/
}

#menu_perso ul.menuniv3_rubrique_3 li {
    border: 1px solid #4a99c7;
    border-width: 0px 0px 1px 0px;
    /*padding: 3px 0px 3px 0px;*/
}

#menu_perso ul.menuniv2 li {
    height: 30px;
}

#menu_perso ul.menuniv2 li ul li {
    height: 21px;
}

#menu_perso ul {
    padding: 10px 0 10px 0;
}

#menu_perso ul.menuniv3_rubrique_2, #menu_perso ul.menuniv3_rubrique_22 {
    background-color: #cb7c03;
}

#menu_perso ul.menuniv3_rubrique_3 {
    background-color: #1d80b9;
}

#menu_perso li.theme_2:hover span, #menu_perso li.theme_22:hover span, #menu_perso li.theme_3:hover span {
    color: #ffffff;
}

#menu_perso span {
    padding-left: 35px;
    padding-top: 3px;
    width: 271px;
}

/*/////////////////////////////////////////////////////////*/
/*					Personnalisation					   */
/*/////////////////////////////////////////////////////////*/
#menu_perso li.theme_2:hover, #menu_perso li.theme_22:hover {
    background-image: url(IMG/menu_orange_fleche.gif);
    background-repeat: no-repeat;
}

#menu_perso li.theme_3:hover {
    background-image: url(IMG/menu_bleu_fleche.gif);
    background-repeat: no-repeat;
}

#menu_perso ul.menuniv2 li.theme_2 li, #menu_perso ul.menuniv2 li.theme_22 li {
    background-image: url(IMG/menu_niveau3_orange.gif);
    background-repeat: no-repeat;
}

#menu_perso ul.menuniv2 li.theme_2 li:hover, #menu_perso ul.menuniv2 li.theme_22 li:hover {
    background-image: url(IMG/menu_niveau3_orange_hover.gif);
    background-repeat: no-repeat;
}

#menu_perso ul.menuniv2 li.theme_3 li {
    background-image: url(IMG/menu_niveau3_bleu.gif);
    background-repeat: no-repeat;
}

#menu_perso ul.menuniv2 li.theme_3 li:hover {
    background-image: url(IMG/menu_niveau3_bleu_hover.gif);
    background-repeat: no-repeat;
}

#menu_perso li ul li {
    background-image: url(IMG/menu_gris_fleche.gif);
    background-repeat: no-repeat;
}

#menu_perso li.qui_somme ul li:hover {
    background-image: url(IMG/menu_gris_fleche_hover.gif);
    background-repeat: no-repeat;
}

#menu_perso li.menuniv2Article:hover {
    background-image: url(IMG/menu_gris_fleche_hover.gif);
    background-repeat: no-repeat;
}

/*/////////////////////////////////////////////////////////*/
/*					Interactions						   */
/*/////////////////////////////////////////////////////////*/
#menu_perso a:hover {
    color: #fff;
}

#menu_perso li:hover ul ul, #menu_perso li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un element de liste */ {
    left: -999em; /* On expedie les sous-sous-listes hors du champ de vision */
}

#menu_perso li:hover ul, #menu_perso li li:hover ul, #menu_perso li.sfhover ul, #menu_perso li li.sfhover ul /* Sous-listes lorsque la souris passe sur un element de liste ET sous-sous-lites lorsque la souris passe sur un element de sous-liste */ {
    left: auto; /* Repositionnement normal */
    min-height: 0; /* Corrige un bug sous IE */
}
