.ar_plan_FIC {  background-image: url(imgs/MEP/Fic/FD_FIC.jpg); background-repeat: repeat-x; background-position: left bottom}
.ar_plan_CRM {  background-image:  url(imgs/MEP/CRM/FD_CRM.jpg); background-repeat: repeat-x; background-position: bottom}
.ar_plan_Evnt {  background-image:  url(../imgs/MEP/Evnt/FD_Evnt.jpg); background-repeat: repeat-x; background-position: bottom}

TD { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #878787 }

a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #878787 }


.habillageDroit {  margin-right: 5px; margin-bottom: 5px}

.grasGnralFonce {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; ; color: #80746d}
.grasGnral {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; #878787}
.grasCRM {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #9ec21c}
.grasFIC { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0a63a8}
.grasEvnt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ff8b1d}.image {  clip:  rect( 5px 5px )}

li {margin-left:5px; list-style: inside;}

li#crm {list-style-image: url(http://www.premiumcontact.fr/fr/imgs/MEP/general/puce_green.gif)}

a#crm   {text-decoration: none;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #878787;  text-indent: -5pt ; padding-left: 15px; background:url(http://www.premiumcontact.fr/fr/imgs/MEP/general/fleche_green.gif) left no-repeat; }}
a#crm:hover  {text-decoration: underline;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #9ec21c;  text-indent: -5pt ; padding-left: 15px; background:url(http://www.premiumcontact.fr/fr/imgs/MEP/general/fleche_green.gif) left no-repeat; }}

a#menu_crm   {text-decoration: none;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #80746d;}}
a#menu_crm:hover   {text-decoration: none;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #6E9E24;}}




li#fic {list-style-image: url(http://www.premiumcontact.fr/fr/imgs/MEP/general/puce_blue.gif)}

a#fic {text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #878787 ; text-indent: -5pt ; padding-left: 15px; background:url(http://www.premiumcontact.fr/fr/imgs/MEP/general/fleche_blue.gif) left no-repeat; }}
a#fic:hover {text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #0a63a8 ; text-indent: -5pt ; padding-left: 15px; background:url(http://www.premiumcontact.fr/fr/imgs/MEP/general/fleche_blue.gif) left no-repeat; }}

a#flux_fic {text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #878787 ; text-indent: -5pt ; padding-left: 15px; background:url(http://www.premiumcontact.fr/fr/imgs/MEP/general/puce_dynamique_flux.gif) left no-repeat; }}
a#flux_fic:hover {text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #0a63a8 ; text-indent: -5pt ; padding-left: 15px; background:url(http://www.premiumcontact.fr/fr/imgs/MEP/general/puce_dynamique_flux.gif) left no-repeat; }}

a#Evnt {text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px;   color: #878787 ;      }}
a#Evnt:hover {text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 11px;   color: #ff8b1d ;     }}


a#menu_fic   {text-decoration: none;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #80746d;}}

a#menu_fic:hover   {text-decoration: none;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #0a63a8;}}

li#Expandi {list-style-image: url(http://www.premiumcontact.fr/fr/imgs/MEP/general/puce_green.gif)}

a#Expandi {text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #878787 ; text-indent: -5pt ; padding-left: 15px; background:url(http://www.premiumcontact.fr/fr/imgs/MEP/general/fleche_green.gif) left no-repeat; }}
a#Expandi:hover {text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #93bf32 ; text-indent: -5pt ; padding-left: 15px; background:url(http://www.premiumcontact.fr/fr/imgs/MEP/general/fleche_green.gif) left no-repeat; }}

li#ju {list-style-image: url(http://www.premiumcontact.fr/fr/imgs/MEP/general/puce_yellow.gif)}

a#ju  {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #878787 ; text-decoration: none;   text-indent: -5pt ; padding-left: 15px; background:url(http://www.premiumcontact.fr/fr/imgs/MEP/general/fleche_yellow.gif) left no-repeat; }}

a#ju:hover  {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ff8b1d ; text-decoration: underline;   text-indent: -5pt ; padding-left: 15px; background:url(http://www.premiumcontact.fr/fr/imgs/MEP/general/fleche_yellow.gif) left no-repeat; }}

a#menu_evnt   {text-decoration: none;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #80746d;}}

a#menu_evnt:hover   {text-decoration: none;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ff8b1d;}}


li#jc {list-style-image: url(http://www.premiumcontact.fr/fr/imgs/MEP/general/puce_orange.gif)}

a#jc  {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #878787 ; text-decoration: none;   text-indent: -5pt ; padding-left: 15px; background:url(http://www.premiumcontact.fr/fr/imgs/MEP/general/fleche_orange.gif) left no-repeat; }}

a#jc:hover  {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ff8b1d ; text-decoration: underline;   text-indent: -5pt ; padding-left: 15px; background:url(http://www.premiumcontact.fr/fr/imgs/MEP/general/fleche_yellow.gif) left no-repeat; }}

a#menu_agence   {text-decoration: none;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #80746d;}}

a#menu_agence:hover   {text-decoration: none;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #cc0000;}}

a#agence   {text-decoration: none;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #878787;  text-indent: -5pt ; padding-left: 15px; background:url(http://www.premiumcontact.fr/fr/imgs/MEP/general/fleche_red.gif) left no-repeat; }}

a#agence:hover  {text-decoration: underline;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #a21019;  text-indent: -5pt ; padding-left: 15px; background:url(http://www.premiumcontact.fr/fr/imgs/MEP/general/fleche_red.gif) left no-repeat; }}


.fic_on  {text-decoration: none;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #80746d;}}
.crm_on  {text-decoration: none;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #6E9E24;}}
.evnt_on  {text-decoration: none;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #878787;}}



.fond_EVNT {  background-image: url(../../fr/imgs/MEP/Evnt/FD_Evnt.jpg); background-repeat: repeat-x; background-position: left bottom}
.fond_FIC { background-image: url(../../fr/imgs/MEP/Fic/FD_FIC.jpg); background-repeat: no-repeat; background-position: left bottom }
.fond_agence { background-image: url(../../fr/imgs/MEP/agence/fd_degrade.jpg); background-repeat: no-repeat; background-position: left bottom }
.fond_CRM { background-image: url(../../fr/imgs/MEP/CRM/FD_CRM.jpg); background-repeat: no-repeat; background-position: left bottom }


/* CSS Menu déroulant ! */
#menu, #menu ul /* Liste */     
{		left:-10px;
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		/*background-image:url(../../fr/imgs/MEP/general/Bdo_Visuel_Separation.gif); 
		background-repeat:repeat-x;*/
}

#menu /* Ensemble du menu */
{text-decoration: none;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #80746d;}

.first{
	    display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 144px; /* largeur */
}

#menu li a /* Contenu des listes */
{	
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
       	/*background : #000; /* couleur de fond */   
/*		background-image:url(../../fr/imgs/MEP/general/Bdo_Visuel_FD_B.gif);
        /*color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 144px; /* largeur */
}

#menu li ul a /* Contenu des listes */
{
		
	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding : 0; /* aucune marge intérieure */
	background-color:#f9f9f9;
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	width : 150px; /* largeur */
}

#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid  #80746d; /* on met une bordure blanche a droite de chaque élément */
		margin-top:1px;
	
		padding-bottom:1px;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid  #80746d ; /* on met une bordure transparente a droite de chaque élément */
		margin-top:1px;
		padding-bottom:1px;
}

#menu li ul /* Sous-listes */
{ 		
		margin-top:1px;
		font-weight: normal;
        position: absolute; /* Position absolue */
        width: 150px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */

}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-bottom : 1px solid #80746d; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
		margin:0px;
		padding:0px;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
		margin:0px;
		padding:0px;
}

#menu .sousmenu{
	border-left: 1px solid  #80746d ; 
}
#lastsousmenu{
	border-bottom: 1px solid  #80746d ; 
}
#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
       /* color: #000; /* On passe le texte en noir... */
      /*  background: #fff; /* ... et au contraire, le fond en blanc */
}
#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: 10px; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}