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

div#menu {
left:50px;
width: 200px;
}



/* fond blanc pour le menu */ 

div#menu a {
color:#404040
}


div#menu ul 
{
padding: 0; width: 200px; border:1px solid; margin:0px; background: white;border-color:gray;font-family:Arial;font-size: 11px; color: gray;
}



/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 

div#menu li:hover 
{
background: #EDD
}


div#menu li.sousmenu:hover 
{
background: #EBB;
}



/* Rajout d'une petite fleche pour les sous menu */ 


div#menu li.sousmenu 
{
background: url(fleche.gif) 95% 50% no-repeat;
}



div#menu ul li 
{
position:relative; list-style: none; border-bottom:1px solid;border-color:gray;
}


div#menu ul ul 
{
position: absolute; top: -1px; left: 200px; display:none
}



/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 


div#menu li a 
{
text-decoration: none; padding: 4px 0 4px 8px; display:block; border-left: 8px solid #BBB; width:184px
}


div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,

div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 
{
display:block;
}



/* la bordure de chaque hauteur a une couleure 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;
}



#magic { 
   display:none; 
   position:absolute;  
} 
 
a#lien:hover span#magic { 
   display:block; 

}

div#menu:hover span#magic { 
   display:block; 

}

.credit-Texte-H1 {  font-family: Arial; font-size: 13px; color: black; text-decoration: none}
.credit-TexteDate {  font-family: Arial; font-size: 13px; color: #D1D2CC; text-decoration: none}
.credit-TexteMenu {  font-family: Arial; font-size: 11px; color: black; text-decoration: none}
.credit-TexteLong {  font-family: Arial; font-size: 12px; color: black; text-decoration: none}
.credit-Texte {  font-family: Arial; font-size: 11px; color: black; text-decoration: none}
.credit-Titre-Form{  font-family: Arial; font-size: 18px; font-weight: bold; color: #81AB00; text-decoration: none}
.credit-Titre{  font-family: Arial; font-size: 14px; font-weight: bold; color: #81AB00; text-decoration: none}
.credit-Texte-result {  font-family: Arial; font-size: 11px; color: #5d5d5d; text-decoration: none}
.credit-Texte-tarif {  font-family: Arial; font-size: 16px; font-weight: bold; color: #5d5d5d; text-decoration: none}
.credit-titre-H1 {  font-family: Arial; font-size: 16px; color: black; text-decoration: none}
.credit-TexteContenu {  font-family: Arial; font-size: 12px; color: black; text-decoration: none}
.credit-Titre-H2{  font-family: Arial; font-size: 14px; font-weight: bold; color: #81AB00; text-decoration: none}
.credit-Titre-H3{  font-family: Arial; font-size: 13px; font-weight: bold; color: #81AB00; text-decoration: none}
.partenaire-credit {  font-family: Arial; font-size: 13px; color: black; text-decoration: none}


#magic { 
   display:none; 
   position:absolute;  
} 
 
a#lien:hover span#magic { 
   display:block; 

}

a#accueil:hover span#magic { 
   display:block; 

}