/*--------------------------- Styles infos --------------------------*/
/*--- contient FAQ, mentions légales, partenaires, compatibilité  ---*/
/*-------------------------------------------------------------------*/

div#mentions, div#partenaires, div#compatibilite, div#quicktour {
  width:948px;
  margin-bottom : 10px;
  padding : 10px;
  color : #d8d8d8;
  background-color: #333333;
  min-height: 200px;
}

/******************   partenaires  **************************/
div#partenaires img {
  float: left;
  margin-right: 10px;
}

div#partenaires p {
  width: 500px;
  padding-bottom : 10px;
  min-height : 60px;
}

/******************   Mentions  **************************/
div#mentions {
  background : #333333 url(../interface/mentions_legales_img.jpg) no-repeat bottom right; 
}

div#mentions p {
   width: 400px;
   margin : 0 auto;
 }
 
 
/****************** Compatibilité **************************/

div#compatibilite ul {
  list-style-type: none;
  margin-top : 25px;
}
div#compatibilite ul li {
  float: left;
  margin-left : 10px;
  position: relative;
}

div#compatibilite ul li a {
  position: absolute;
  display: block;
  text-decoration: none;
}

div#compatibilite ul li a:hover {
  text-decoration: underline;
}

li#comp_firefox {
  background: url(../interface/comp_firefox.gif) no-repeat 0 10px; 
  width : 160px;
  height : 84px;
  padding-left : 5px;
}

li#comp_firefox a {
  left : 80px;
  top : 30px;
  width : 60px;
}

li#comp_safari {
  background: url(../interface/comp_safari.gif) no-repeat 0 0; 
  width : 167px;
  height : 83px;
  padding-left : 10px;
}

li#comp_safari a {
  left : 80px;
  top : 30px;
  width : 60px;
}

li#comp_ie  {
  background: url(../interface/comp_ie.gif) no-repeat 0 0; 
  width : 201px;
  height : 90px;
  padding-left : 10px;
} 

li#comp_ie a {
  left : 95px;
  top : 30px;
  width : 90px;
}

li#comp_flash   {
  background: url(../interface/comp_flash.gif) no-repeat 0 20px; 
  width : 149px;
  height : 73px;

}

li#comp_flash a {
  left : 65px;
  top : 30px;
  width : 60px;
}

li#comp_jquery {
  background: url(../interface/comp_jquery.gif) no-repeat 0 20px; 
  width : 193px;
  height : 79px;
}

li#comp_jquery a {
  left : 70px;
  top : 30px;
  width : 70px;
}

/******************   quicktour  **************************/
div#quicktour #demo_player {
  margin: 0 auto;
}

div#quicktour a.btn_inscr {
  display: block;
  width: 500px;
  height : 10px;
  padding : 3px 0 5px 0;
  margin: 0 auto; 
}

div#quicktour a.btn_inscr img {
  position: relative;
  top : 1px;
}