body {
margin-top:0;
background: url('images/victimes-fondpage.jpg') no-repeat scroll 50% 0pt;
background-color: #12113b;
} 
.a {text-decoration: none;font-family: Arial;font-size: 13px;color: #aed6f4; font-weight: 400;}
.a:hover {text-decoration: none;font-family: Arial;font-size: 13px;color: #ffffff; font-weight: 400;}
.a:visited {text-decoration: none;font-family: Arial;font-size: 13px;color: #aed6f4; font-weight: 400;}

body {behavior: url(csshover.htc);}
/*on enleve la restriction de taille du menu*/
div#menu {/*width: 200px;*/}
div#menu a {color:#aed6f4}
/* on enleve la taille de ul et labordure*/
div#menu ul {padding: 0;/* width: 100px; border:1px solid;*/ margin:px; background: #12113b}
div#menu li:hover {background: #2d2171}
div#menu li.sousmenu:hover {background: #12113b;}
div#menu li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat;}

/* float left pour les li afin d'aligner le menu et plus de bordures*/
div#menu ul li {position:relative; list-style: none;/* border-bottom:1px solid;*/ float:left;}

/* le décalage n'est plus a gauche maintenant mais en bas on annule donc le decalage a gauche et la correction en haut et on place la restriction de taille*/
div#menu ul ul {position: absolute;/* top: -1px; left: 100px; */display:none; width:120px}

/* plus de bordure et taille remise a 100px*/
div#menu li a {text-decoration: none; padding: 4px 0 4px /*8px*/; display:block; /*border-left: 8px solid #BBB; */width:120px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}

/* on enleve la bordure de chaque hauteur a une couleur de survol
div#menu li a:hover {border-left-color: red;}
div#menu ul ul li a:hover {border-left-color: #00FF00;}
div#menu ul ul ul li a:hover {border-left-color: #0000FF;}*/

a.lienniveau1 {text-decoration: none;font-family: Arial;font-size: 13px;color: #aed6f4; font-weight: 800;}
a.lienniveau1:hover {text-decoration: none;font-family: Arial;font-size: 13px;color: #ffffff; font-weight: 800;}
a.lienniveau1:visited {text-decoration: none;font-family: Arial;font-size: 13px;color: #aed6f4; font-weight: 800;}

a.lienniveau2 {text-decoration: none;font-family: Arial;font-size: 13px;color: #aed6f4; font-weight: 400;}
a.lienniveau2:hover {text-decoration: none;font-family: Arial;font-size: 13px;color: #ffffff; font-weight: 400;}
a.lienniveau2:visited {text-decoration: none;font-family: Arial;font-size: 13px;color: #aed6f4; font-weight: 400;}

/* BOITE CONSEILS PRATIQUES*/

.titre-boite {text-decoration: none;font-family: Arial;font-size: 17px;color: #12113b; font-weight: 800;}
.titre-conseil {text-decoration: none;font-family: Arial;font-size: 14px;color: #12113b; font-weight: 800;}
.texte-conseil {text-decoration: none;font-family: Arial;font-size: 12px;color: #12113b; font-weight: 400;}
.cadre-boite {border-left: 2px solid #d79626;border-right: 2px solid #d79626;border-top: 2px solid #d79626;border-bottom: 2px solid #d79626;}

/* CORPS*/
.titre-orange {text-decoration: none;font-family: Arial;font-size: 17px;color: #d79626; font-weight: 800;}
.titre-article {text-decoration: none;font-family: Arial;font-size: 12px;color: #7876a8; font-weight: 800;}
.texte-article {text-decoration: none;font-family: Arial;font-size: 12px;color: #ffffff; font-weight: 400;}

/* TROMBI*/
.nom {text-decoration: none;font-family: Arial;font-size: 14px;color: #ffffff; font-weight: 800;}

/*  Signature grosse */
.titre-orange-gras {text-decoration: none;font-family: Arial;font-size: 22px;color: #d79626; font-weight: 800;}
.titre-orange-light {text-decoration: none;font-family: Arial;font-size: 17px;color: #d79626; font-weight: 400;}

/*  Pied de page */
.mentions {text-decoration: none;font-family: Arial;font-size: 10px;color: #d79626; font-weight: 400;}
