body {behavior: url(csshover.htc);}

/* MENU GENERIQUE */

div#menu a {color:#FFFFFF}
div#menu ul {padding: 0; margin:0px; background: white; text-align:left}
div#menu li {background:#A177A9; FONT-SIZE: 13px;}
div#menu li:hover {background: #800080}
div#menu li.sousmenu:hover {background: #800080;}
/* rejout couleur de fond */
div#menu li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat; background-color:#A177A9}
/* rajout pr pour fleche direction bas et couleur de fond*/
div#menu li.plop { background:url(fleche2.gif) 95% 50% no-repeat #A177A9;}

/* une petite bordure en top*/
div#menu ul li {position:relative; list-style: none; float:left;}

div#menu ul ul {position: absolute;display:none; width:180px}
div#menu li a {text-decoration: none; padding: 4px 0 4px; display:block;width:180px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu ul.niveau3 {top:-1px; left: 180px;}

/* rajout de couleur de fond et de survol */
div#menu ul.niveau3 li { background: #A177A9}
div#menu ul.niveau3 li:hover { background: #800080}


/* MENU PROFIL */

div#menu1 a {color:#FFFFFF}
div#menu1 ul {padding: 0; margin:0px; background: white; text-align:left}
div#menu1 li {background:#A177A9; FONT-SIZE: 13px;}
div#menu1 li:hover {background: #800080}
div#menu1 li.sousmenu:hover {background: #800080;}
/* rejout couleur de fond */
div#menu1 li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat; background-color:#A177A9}
/* rajout pr pour fleche direction bas et couleur de fond*/
div#menu1 li.plop { background:url(fleche2.gif) 95% 50% no-repeat #A177A9;}

/* une petite bordure en top*/
div#menu1 ul li {position:relative; list-style: none; float:left;}

div#menu1 ul ul {position: absolute;display:none; width:120px}
div#menu1 li a {text-decoration: none; padding: 4px 0 4px; display:block;width:120px}
div#menu1 ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu1 ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu1 ul.niveau3 {top:-1px; left: 120px;}

/* rajout de couleur de fond et de survol */
div#menu1 ul.niveau3 li { background: #A177A9}
div#menu1 ul.niveau3 li:hover { background: #800080}

/* MENU MONPROFIL */

div#menu2 a {color:#FFFFFF}
div#menu2 ul {padding: 0; margin:0px; background: white; text-align:left}
div#menu2 li {background:#A177A9; FONT-SIZE: 13px;}
div#menu2 li:hover {background: #800080}
div#menu2 li.sousmenu:hover {background: #800080;}
/* rejout couleur de fond */
div#menu2 li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat; background-color:#A177A9}
/* rajout pr pour fleche direction bas et couleur de fond*/
div#menu2 li.plop { background:url(fleche2.gif) 95% 50% no-repeat #A177A9;}

/* une petite bordure en top*/
div#menu2 ul li {position:relative; list-style: none; float:left;}

div#menu2 ul ul {position: absolute;display:none; width:160px}
div#menu2 li a {text-decoration: none; padding: 4px 0 4px; display:block;width:160px}
div#menu2 ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu2 ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu2 ul.niveau3 {top:-1px; left: 160px;}

/* rajout de couleur de fond et de survol */
div#menu2 ul.niveau3 li { background: #A177A9}
div#menu2 ul.niveau3 li:hover { background: #800080}

/* MENU CONTACT */

div#menu3 a {color:#FFFFFF}
div#menu3 ul {padding: 0; margin:0px; background: white; text-align:left}
div#menu3 li {background:#A177A9; FONT-SIZE: 13px;}
div#menu3 li:hover {background: #800080}
div#menu3 li.sousmenu:hover {background: #800080;}
/* rejout couleur de fond */
div#menu3 li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat; background-color:#A177A9}
/* rajout pr pour fleche direction bas et couleur de fond*/
div#menu3 li.plop { background:url(fleche2.gif) 95% 50% no-repeat #A177A9;}

/* une petite bordure en top*/
div#menu3 ul li {position:relative; list-style: none; float:left;}

div#menu3 ul ul {position: absolute;display:none; width:120px}
div#menu3 li a {text-decoration: none; padding: 4px 0 4px; display:block;width:120px}
div#menu3 ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu3 ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu3 ul.niveau3 {top:-1px; left: 120px;}

/* rajout de couleur de fond et de survol */
div#menu3 ul.niveau3 li { background: #A177A9}
div#menu3 ul.niveau3 li:hover { background: #800080}

/* MENU MESSAGERIE */

div#menu4 a {color:#FFFFFF}
div#menu4 ul {padding: 0; margin:0px; background: white; text-align:left}
div#menu4 li {background:#A177A9; FONT-SIZE: 13px;}
div#menu4 li:hover {background: #800080}
div#menu4 li.sousmenu:hover {background: #800080;}
/* rejout couleur de fond */
div#menu4 li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat; background-color:#A177A9}
/* rajout pr pour fleche direction bas et couleur de fond*/
div#menu4 li.plop { background:url(fleche2.gif) 95% 50% no-repeat #A177A9;}

/* une petite bordure en top*/
div#menu4 ul li {position:relative; list-style: none; float:left;}

div#menu4 ul ul {position: absolute;display:none; width:170px}
div#menu4 li a {text-decoration: none; padding: 4px 0 4px; display:block;width:170px}
div#menu4 ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu4 ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu4 ul.niveau3 {top:-1px; left: 170px;}

/* rajout de couleur de fond et de survol */
div#menu4 ul.niveau3 li { background: #A177A9}
div#menu4 ul.niveau3 li:hover { background: #800080}

/* MENU ASSOCIATION MIF */

div#menu5 a {color:#FFFFFF}
div#menu5 ul {padding: 0; margin:0px; background: white; text-align:left}
div#menu5 li {background:#A177A9; FONT-SIZE: 13px;}
div#menu5 li:hover {background: #800080}
div#menu5 li.sousmenu:hover {background: #800080;}
/* rejout couleur de fond */
div#menu5 li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat; background-color:#A177A9}
/* rajout pr pour fleche direction bas et couleur de fond*/
div#menu5 li.plop { background:url(fleche2.gif) 95% 50% no-repeat #A177A9;}

/* une petite bordure en top*/
div#menu5 ul li {position:relative; list-style: none; float:left;}

div#menu5 ul ul {position: absolute;display:none; width:170px}
div#menu5 li a {text-decoration: none; padding: 4px 0 4px; display:block;width:170px}
div#menu5 ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu5 ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu5 ul.niveau3 {top:-1px; left: 170px;}

/* rajout de couleur de fond et de survol */
div#menu5 ul.niveau3 li { background: #A177A9}
div#menu5 ul.niveau3 li:hover { background: #800080}

