/* 
police grise fonc�e : #848484;
bordure grise + doux : #d7d7d7; 
gris tr�s clair : #f4f4f4;
orange : #ff8200;
bordure et texte bleue : #2390c1;
*/

/*********************************************************************************/
/************************************ BARRE TOP **********************************/
/*********************************************************************************/
div#barre_top {
  position:relative;
  top:0px;
  height:42px;
  width:100%;
  background-image:url('/../images/barre_top/fond.png');
  background-repeat:repeat-x;
  z-index:10;
}
div#barre_top_content {
  position:absolute;
  top:-42px;
  left:0px;
  height:42px;
  width:100%;
  z-index:20;
}

div.barre_top_separation_h {
  position:relative;
  width:2px;
  height:42px;
  margin:0px 8px 0px 8px;
  background-image:url('/../images/barre_top/separateur_h.png');
  background-repeat:no-repeat;
  display:block;
  float:left;
}

/**************** r�seaux sociaux *****************/
div#reseaux_sociaux {
  position:relative;
  top:8px;
  width:400px;
  height:42px;
  float:left;
}
div#res_soc_fb {
  position:absolute;
  left:10px;
}
div#res_soc_twitter {
  position:absolute;
  left:113px;
}
div#res_soc_google {
  position:absolute;
  left:340px;
}

/**************** bt mon jeu-gratuit *****************/
div#bt_monjg {
  position:relative;
  width:115px;
  float:left;
}

img.barre_top_logo  {
  position: relative;
  width:117px;
  height:36px;
  display:block;
  float:left;
}

/**************** bt cr�er un compte  *****************/
a.bt_se_connecter {
  position:relative;
  top:6px;
  width:100px;
  height:19px;
  display:block;
  padding-top:3px;
  border:1px solid #d7d7d7;
  text-align:center;
  font-weight:bold;
  color:#848484;
  border-radius:5px;
  float: left;
}
a:hover.bt_se_connecter {
  text-decoration:none;
  color:#2390c1;
  background-color:#ffffff;
}

a.bt_inscription {
  position:relative;
  top:6px;
  width:120px;
  height:19px;
  display:block;
  padding-top:3px;
  border:1px solid #d7d7d7;
  text-align:center;
  font-weight:bold;
  color:#848484;
  border-radius:5px;
  float: left;
}
a:hover.bt_inscription {
  text-decoration:none;
  color:#2390c1;
  background-color:#ffffff;
}

/***************** bt se connecter  ******************/
div.bt_se_connecter {
  position:relative;
  top:6px;
  width:100px;
  height:19px;
  display:block;
  padding-top:3px;
  border:1px solid #d7d7d7;
  text-align:center;
  font-weight:bold;
  color:#848484;
  border-radius:5px;
  float:left;
  overflow: hidden;
}
div:hover.bt_se_connecter {
  text-decoration:none;
  color:#2390c1;
  background-color:#ffffff;
  cursor: pointer;
}

div#bt_jgold {
  position:relative;
  float:left;
  width:78px;
  height:32px;
  margin-top:2px;
  background-image:url('/../images/barre_top/bt_jgold.png');
  background-repeat:no-repeat;
  background-position:left top;
}
div#bt_jgold:hover {
  background-position:left bottom;
  cursor:pointer;
}
div.nb_jgold {
  position:relative;
  float:left;
  font-size:25px;
  margin-top:1px;
  padding-right:3px;
}

/* lien mdp oubli� ? */
a.mdp_oublie.barre_top {
  position:relative;
  top:10px;
  left:2px;
  font-size:10px;
  font-weight:bold;
  color:#2390c1;
}
a.mdp_oublie.barre_top a {
  font-size:10px;
  color:#2390c1;
}



/********************** zone login  **********************/
div#bt_ouverture_login {
  position:relative;
  width:100px;
  float:left;
}

div#bt_creer_compte {
  position:relative;
  width:120px;
  float:left;
}
div#zone_login {
  position:relative;
  top:-2px;
  height:42px;
  font-weight:bold;
  font-size:12px;
  color:#848484;
  float: left;
  overflow: hidden;
  
}
div#zone_login form{
  position:relative;
  top:3px;
  width:440px;
  float:left;
}
form#form_login_topbarre input {
  border:1px solid #d7d7d7;
  background-color:#ffffff;
  padding:2px;
  font-size:12px;
  color:#848484;
  margin:8px 0px 0px 0px;
  float: left;
  width:83px;
}

div#zone_login .intitule_login {
  position:relative;
  top:10px;
  float:left;
  padding-right:3px;
}
div#zone_login .intitule_mdp {
  position:relative;
  top:10px;
  float:left;
  margin-left:10px;
  padding-right:3px;
}
div#zone_login input.bt_login {
  position:relative;
  top:8px;
  width:36px;
  height:20px;
  display:block;
  padding:1px 5px 0px 3px;
  margin:0px 11px 0px 10px;
  border:1px solid #d7d7d7;
  text-align:center;
  font-weight:bold;
  font-size:12px;
  color:#848484;
  border-radius:5px;
  background-color:transparent;
}
div#zone_login input.bt_login:hover {
  text-decoration:none;
  color:#2390c1;
  background-color:#ffffff;
  cursor:pointer;
}
div.barre_top_refermer_login {
  position:relative;
  top:0px;
  width:13px;
  height:32px;
  display:block;
  background-image:url('/../images/barre_top/fleche_refermer.png');
  background-repeat:no-repeat;
  border:1px solid #d7d7d7;
  float:left;
  cursor:pointer;
}
div:hover.barre_top_refermer_login {
  text-decoration:none;
  background-color:#ffffff;
  background-image:url('/../images/barre_top/fleche_refermer_on.png');
}

#form_login_topbarre .formError .formErrorContent {
  font-size: 11px;
  font-weight:normal;
  padding: 2px;
}


div#barre_top_content .avatar {
  position:relative;
  margin:0px 2px 0px 2px;
  display:block;
  float:left;
}
span.pseudo_barre_top {
  position:relative;
  float:left;
  margin:9px 2px 0px 8px;
  display:block;
  color:#848484;
  font-weight:bold;
  font-size:12px;
}
a.icone_logout {
  position:absolute;
  top:10px;
  right:15px;
  color:white;
  font-family:Arial Black;
  font-size:11px;
  font-weight:bold;
  padding:0px 5px 2px 5px;
  background-color:#ff8200;
  border:0;
  border-radius:200px;
}