a.link-blue:link        {font-size:8.0pt;   color: blue;  text-decoration:none}
a.link-blue:active      {font-size:8.0pt;   color: blue;  text-decoration:none}
a.link-blue:visited     {font-size:8.0pt;   color: blue;  text-decoration:none}
a.link-blue:hover       {font-size:8.0pt;   color: blue;  text-decoration:underline}

a.link-red:link        {font-size:8.0pt;   color: red;  text-decoration:none}
a.link-red:active      {font-size:8.0pt;   color: red;  text-decoration:none}
a.link-red:visited     {font-size:8.0pt;   color: red;  text-decoration:none}
a.link-red:hover       {font-size:8.0pt;   color: red;  text-decoration:underline}

tr.statue {
  background-image:url(../Images/statue.gif);
  background-repeat:no-repeat;  
  padding:0;
  margin:0;
}

td.tete {
  background-image:url(../Images/tete_2.gif);
  background-repeat:no-repeat;  
  padding:0;
  margin:0;
}

td.regard{
  background-image:url(../Images/regard.gif);
  background-repeat:no-repeat;  
  padding:0;
  margin:0;
}

/*---------------------------- Over-Text -------------------------*/

a.info_bulle span.info_bulle
{								   
  display        : none; /* Rend invisible tout notre bloc span */
} 
 
a.info_bulle
{				
  color          : #2F368A;
  z-index        : 24;
  position       : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
  text-decoration:none; 
}  
 
a.info_bulle:hover 
{
  z-index        : 25;
  border         : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
} 

a.info_bulle:hover span.info_bulle
{				
  display        : block;    /* Rend visible notre bloc span */
  position       : absolute; /* Sort notre bloc de son conteneur afin de le positionner */
  border         : 0.5pt solid black;
  background-color: #f4f4e9;
  padding        : 5px;
  font-size      : 10px;
  width          : 271px;     /* On fixe une largeur par défaut */
  color          : #000;      /* Réinitialisation de la couleur du texte */
  cursor         : default;   /* Réinitialisation de notre curseur, sinon par défaut on a le même que notre lien */
  /* Positionnement de notre info-bulle */
  text-decoration:none; 
  top            : 1em;     
  left           : -50px;
  z-index        : 27;        /* Positionne au premier plan l'info-bulle en cas de chevauchement */
}

P.info_bulle_crb
{
  color          : red;
} 

P.info_bulle_emet
{
  color          : orange;
}

P.info_bulle_ia
{
  color          : green;
}  

/*-- Sub-Menu: Blanc ----------------------------------------------*/

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

/*-- Sub-Menu: Gauche ---------------------------------------------*/

div#menuGauche a                 {color:white;}
div#menuGauche ul                {margin:0px; padding:0px; text-indent: 0.5em; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; background-color:#747678;}
div#menuGauche li.sousmenu       {position:relative; width:220px; z-index: 500; color:white; border-top: 1px solid #f6f6f0; background:url(../Images/TriangleBlancDroite.gif) right no-repeat;}
div#menuGauche li.sousmenu:hover {background:url(../Images/TriangleBlancBas.gif) right no-repeat; background-color: #c0C0C0;}
div#menuGauche ul.niveau2        {border: 1px solid  black; top:-1px; width: 225px; position: absolute; left: 220px; display: none}

div#menuGauche ul.niveau1 li.sousmenu:hover ul.niveau2 {display:block;}

/*-- Sub-Menu: Project --------------------------------------------*/

div#menuProject a                 {color:black;}
div#menuProject a:hover           {color:blue;}
div#menuProject ul                {padding:0px; margin:0px; }
div#menuProject li.sousmenu       {position:relative; width: 80px; background:url(../Images/TriangleGrisDroite.gif) right no-repeat;}
div#menuProject li.sousmenu:hover {background:url(../Images/TriangleGrisBas.gif) right no-repeat;}
div#menuProject ul.niveau2        {background-color: white;z-index: 500; top:-1px; border: 1px solid black; width: 130px; position: absolute; left: 80px; display: none;text-indent: 0.5em;}

div#menuProject ul.niveau1 li.sousmenu:hover ul.niveau2 {display:block;}

/*-- Sub-Menu: Tools ----------------------------------------------*/

div#menuTools a                 {color:black;}
div#menuTools a:hover           {color:blue;}
div#menuTools ul                {padding:0px; margin:0px; }
div#menuTools li.sousmenu       {position:relative; width: 60px; background:url(../Images/TriangleGrisDroite.gif) right no-repeat;}
div#menuTools li.sousmenu:hover {background:url(../Images/TriangleGrisBas.gif) right no-repeat;}
div#menuTools ul.niveau2        {background-color: white;z-index: 500; top:-1px; border: 1px solid black; width: 180px; position: absolute; left: 60px; display: none;text-indent: 0.5em;}

div#menuTools ul.niveau1 li.sousmenu:hover ul.niveau2 {display:block;}

/*-- Sub-Menu: Intranet -------------------------------------------*/

div#menuIntranet a                 {color:black;}
div#menuIntranet a:hover           {color:blue;}
div#menuIntranet ul                {padding:0px; margin:0px;  text-indent: 0.5em;}
div#menuIntranet li.sousmenu       {position:relative; width: 120px; background:url(../Images/TriangleGrisDroite.gif) right no-repeat;}
div#menuIntranet li.sousmenu:hover {background:url(../Images/TriangleGrisBas.gif) right no-repeat;}
div#menuIntranet ul.niveau2        {background-color: white;z-index: 500; top:-1px; border: 1px solid black; width: 150px; position: absolute; left: 60px; display: none;text-indent: 0.5em;}

div#menuIntranet ul.niveau1 li.sousmenu:hover ul.niveau2 {display:block;}

/*-- Sub-Menu: Etab ----------------------------------------------*/

div#menuEtab a                 {color:white;}
div#menuEtab a:hover           {color:white;}
div#menuEtab ul                {padding:0; margin:0px; text-indent: 0.6em;}
div#menuEtab ul li             {position:relative; height:17px; z-index: 1000;}
div#menuEtab ul.niveau2        {top: 16px; border: 1px solid black; width: 150px; position: absolute; left: 0px; display: none;}
div#menuEtab ul.niveau2 li     {background:url(../Images/icon_topnav.gif) center repeat;}

div#menuEtab ul.niveau1 li.sousmenu:hover ul.niveau2 {display:block;}

/*-- Sub-Menu: Contact -------------------------------------------*/

div#menuContact a           {color:black;}
div#menuContact a:hover     {color:blue;}
div#menuContact ul          {padding:0; margin:0px; text-indent: 0.6em; font-size: 10px;}

div#menuContact ul ul       {position: relative; top: -1px; display:none;}
div#menuContact ul.niveau1                   {font-size:8pt; top:-45px; position: relative; left: 180px;}
div#menuContact ul.niveau1 li.sousmenu       {position:relative; width: 80px; z-index:500; background:url(../Images/TriangleGrisDroite.gif) right no-repeat;}
div#menuContact ul.niveau1 li.sousmenu:hover {width: 80px; z-index:500; background:url(../Images/TriangleGrisBas.gif) right no-repeat;}

div#menuContact ul.niveau2                   {background-color: white;border: 1px solid black; width: 130px; position: absolute; left: 80px;}
div#menuContact ul.niveau2 li.sousmenu       {width: 130px; background:url(../Images/TriangleGrisDroite.gif) right no-repeat;}
div#menuContact ul.niveau2 li.sousmenu:hover {width: 130px; background:url(../Images/TriangleGrisBas.gif)  right no-repeat;}

div#menuContact ul.niveau3                   {background-color: white;border: 1px solid black; width: 180px; position: absolute; left: 130px; background-color: #E0E0E0;}
div#menuContact ul.niveau3 li                {color: black;  text-decoration: none;}


div#menuContact ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menuContact ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}

/*-- Sub-Menu: Contact2 -------------------------------------------*/

div#menuContact2 a           {color:black;}
div#menuContact2 a:hover     {color:blue;}
div#menuContact2 ul          {padding:0; margin:0px; text-indent: 0.6em; font-size: 10px;}

div#menuContact2 ul ul       {position: relative; top: -1px; display:none;}
div#menuContact2 ul.niveau1                   {font-size:8pt; top:0px; position: relative; left: 0px;}
div#menuContact2 ul.niveau1 li.sousmenu       {position:relative; width: 80px; z-index:500; background:url(../Images/TriangleGrisDroite.gif) right no-repeat;}
div#menuContact2 ul.niveau1 li.sousmenu:hover {width: 80px; z-index:500; background:url(../Images/TriangleGrisBas.gif) right no-repeat;}

div#menuContact2 ul.niveau2                   {background-color: white;border: 1px solid black; width: 175px; position: absolute; left: 80px;}
div#menuContact2 ul.niveau2 li.sousmenu       {width: 130px; background:url(../Images/TriangleGrisDroite.gif) right no-repeat;}
div#menuContact2 ul.niveau2 li.sousmenu:hover {width: 130px; background:url(../Images/TriangleGrisBas.gif)  right no-repeat;}

div#menuContact2 ul.niveau3                   {background-color: white;border: 1px solid black; width: 180px; position: absolute; left: 130px; background-color: #E0E0E0;}
div#menuContact2 ul.niveau3 li                {color: black;  text-decoration: none;}


div#menuContact2 ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menuContact2 ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}