body {
     margin: 0; /* pour éviter les marges */
     /*text-align: center;  pour corriger le bug de centrage IE */
     background-color : #000000;
     color : #888888;
     font-size: 11px;
     }

table {
     font-size: 11px;
     }

a
{
  color: #888888;

}

a.active
{
  color: #666666;

}

a.lienresult
{
	color: #0066FF;
	font-size : 20px;
}

a.lienresult:visited
{
	color: #663399
}

.clicTitre
  {
  padding: 2px;
  padding-left: 3%;
  border-color: #888888;
  border-top: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  background-color: #eeeeee;
  font-size : 1em;
  background-image:url(/Images/plus.png);
  background-repeat:no-repeat;
  background-position: 1% 50%;
  }

.clicCacher
  {
  padding: 5px;
  top: -20px;
  position: relative;
  text-align:right;
  font-size : 0.80em;
  
  }

.contenant
  {
  display : block;
  border: 1px solid #888888;
  padding : 5px;
  }

.faq
  {
     margin-left: auto;
     margin-right: auto;
     text-align: left;
     width : 60%;
  }


span#nav { }

span#nav ul {margin: 0; padding: 0; background: white;
  border: 1px solid #CCC; border-width: 0 1px;}

span#nav li {position: relative; list-style: none; margin: 0;
  float: left; width: 7em; line-height: 1em;}

span#nav li:hover {background: #EBB;}



span#nav li.submenu:hover {background-color: #EDD;}

span#nav li a {display: block; padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none; width: 6.5em;}

div#nav>ul a {width: auto;}

span#nav ul ul {position: absolute; width: 7em;
  display: none;}

span#nav ul ul li {border-bottom: 1px solid #CCC;}



span#nav li.submenu li.submenu:hover {background-color: #EDD;}

span#nav li.submenu li.submenu:hover {background-color: #EDD;}

span#nav ul.level1 li.submenu:hover ul.level2, 

span#nav ul.level2 li.submenu:hover ul.level3 {display:block;}

span#nav ul.level2 {top: 1.5em; left: -1px;}

span#nav ul.level3 {top: -1px; left: 7em;
  border-top: 1px solid #CCC;}

input.bouton { background-color: #000000;
 color: #888888;
 border:1px solid #888888;
 margin-left: 6px;
 margin-bottom: -1px;
 margin-top: 1px  }

input.rbutton
{
   font-size:14px;
   font-family:Arial Black,sans-serif;
   font-weight:bold;
   color:#33CC33;
   background-color:#000000;
   border-color:#888888;
}

a.info {
    position:relative; /* Très important */
    background:none; /* Important pour le fonctionnement sur IE */
    z-index:10;
}

a.info:hover {
    z-index:20;
}

a.info span {
    display:none;
}

a.info:hover span { /*la tag SPAN apparaitra avec l’effet hover*/
    display:block;
    position:absolute;
    top:18px;
    left:10px;
     
    /* Éléments pour positionner le texte dans la bulle */
    /* Vous pouvez aussi utiliser le padding:24px 8px 5px 25px; */
    padding-left:25px;
    padding-top:24px;
    padding-bottom:5px;
    padding-right:8px;
    width:205px;
    height:45px;

    /* Style du character dans la bulle */
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-style:italic;
    font-size:10px;
    color:#999999;
    text-decoration:none;
    text-align:justify;
}

/* Pour avoir un beau background de bulle avec PNG transparent*/
a.info:hover>span {
background-image:url("/Images/bgInfo.png");
}

a.info:hover span {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Images/bgInfo.png",
sizingMethod="crop");
}

input.xbutton {
      border-top: 1px solid #6b6b6b;
   background: #5c5c5c;
   background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#5c5c5c));
   background: -moz-linear-gradient(top, #000000, #5c5c5c);
   padding: 4px 8px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #a8a8a8;
   font-size: 17px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
input.xbutton:hover {
   border-top-color: #397828;
   background: #397828;
   color: #ccc;
   }

#sharedock { position: fixed; bottom: 0; left: 0; width: 100%; height: 90px; z-index: 999; }
#dock { position: relative; bottom: 0; font: 13px "Trebuchet MS", Verdana, Helvetica, sans-serif; }
.dock-container { position: relative; background: url(/Images/Addthis/dock-background-sm.png) no-repeat bottom right; height: 50px; padding: 20px; }
.dock-contaner-left { background: url(/Images/Addthis/dock-background-sm.png) no-repeat left bottom; width: 15px; height: 32px; position: absolute; bottom: 0; left: -15px; }
.dock-container .custom_images a { display: block; width: 50px; position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #333; cursor: pointer; }
.dock-container .custom_images span { background: rgba(0,0,0,.75); display: none; padding: 2px 8px; margin-left: 17px; font-size: 11px; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.dock-container .custom_images img { border: 0; margin: 5px 10px 0px; width: 100%; }