body         {font-family: Arial}
h1           {font-size:14pt}
h2           {font-size:12pt}
ul 	     {list-style-image:url("gif/puce_rouge.gif");margin-left:50px}
ul ul	     {list-style-image:url("gif/puce_verte.gif")}
ul ul ul     {list-style-image:url("gif/puce_orange.gif")}
li          {margin-bottom:6;margin-top:2}

.visible    {background-image : url(gif/moins.gif);background-position:center left;background-repeat:no-repeat;cursor:pointer;font-weight:bold;padding-left:20}  
.cache      {background-image : url(gif/plus.gif);background-position:center left;background-repeat:no-repeat;cursor:pointer;font-weight:bold;padding-left:20}  

.menu, .ssmenu {
  background-color:#F3F3F3;
  color:#000000;
  border:0.1em solid #333333;
  margin:1em;
}

.menu span, .ssmenu span {
  display:none;
}

.menu a, .ssmenu a {
  text-decoration:none;
  color:#000066;
  width:100%;
}

.menu {
        padding:0 1em;
        position:absolute;
        left:1em;
        width:10em;
        height:1.2em;
        text-align:center;
        margin:0;
        padding:0;
        z-index:2;
}

.ssmenu {
        padding:0;
        position:absolute;
        left:11.2em;
        width:13em;
        margin:0;
        padding:0;
        z-index:3000;
        visibility:hidden;
}

.ssmenu li {
  list-style-type:disc;
  list-style-position:inside;
  padding-left:0.2em;
  color:#000000;
}

.ssmenu li:hover, .ssmenu a:hover, .ssmenu a:focus  {
  background-color:#FFCC66;
}

.ssmenu li:hover {
  list-style-type:circle;
}





a.infolien {position: relative; text-decoration: none; color:black;border: 2px red dotted}
a.infolien .infobulle {
   position: absolute;display:block;visibility:hidden}
a.infolien .infobulle * {
   font-size:12px;
   font-family:Arial}
a.infolien:hover .infobulle {   
   display:block;visibility:visible;
   font-size:12px;
   font-family:Arial;
   text-align:left;
   top: 20px;
   left: -100px;
   background: white;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   color: #000000;
   padding: 3px;
   border: 1px solid black;
   border-left: 3px solid black} 



@media screen 
{

a.infolien {}
.infobulle {}
a.infolien:hover { 
   background: none; /* correction d'un bug IE */
   z-index: 9100; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
   }

}




@media print 
{
.noprint {display:none}
}