body {
  font-family:Verdana;
  background-color:#FFFFFF;
  background-image:url('/../images/general_fond_page.png');
  background-repeat:repeat;
  text-align: center; /* IE6: pour centrer le bloque #general car IE6 ne comprend pas margin:auto; */
  margin:0; padding:0;
  font-size:12px;
  color:#848484;
}
input {
  border:0px;
  margin-bottom:1px;
  margin-top:1px;
}
a {
  text-decoration:none;
}
a:hover {
  text-decoration:none;
}
a img {
  border: none;
}
span.gras {
  font-weight:bold;
}

p {
  margin:0px;
  padding:0px;
}

@font-face {
    font-family: 'impact';
    src: url('/styles/webfonts/impact-webfont.eot');
    src: url('/styles/webfonts/impact-webfont.eot?#iefix') format('embedded-opentype'),
         url('/styles/webfonts/impact-webfont.woff') format('woff'),
         url('/styles/webfonts/impact-webfont.ttf') format('truetype'),
         url('/styles/webfonts/impact-webfont.svg#ImpactRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.impact {
  font-family:'impact';
}

#general {
  position:relative;
  margin:2px auto auto auto;
  width:1020px;
  text-align: left; /* IE6: on reinitialise l'alignement par defaut */
}

.prochainement {
  color:#2390c1;
  font-size:20px;
  font-weight:normal;
}
.avatar {
  display:block;
  width:34px;
  height:34px;
  border:1px solid #d7d7d7;
}

.submit, a.submit, input.submit {
  background-color:#f4f4f4;
  border:1px solid #2390c1;
  padding:2px;
  color:#2390c1;
  font-size:11px;
  font-weight:bold;
  text-align:center;
}

.submit:hover, a.submit:hover, input.submit:hover {
  background-color:#ffffff;
  color:#2390c1;
}

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

#responsiveRibbon {
	position: absolute;
	top: 42px;
	right: 25px;
	width: 70px;
	height: 100px;
}
#responsiveRibbon.compatible {
		background-image: url("/images/ribbon-responsive-ok.png");
	}
#responsiveRibbon.soon {
	background-image: url("/images/ribbon-responsive-soon.png");
}


/*********************************************************************************/
/************************************** HEADER **********************************/
/*********************************************************************************/
div#header header {
  position:relative;
  top:0px;
  left:0px;
  width:1030px;
  height:117px;
}
div#header header h1 {
  margin: 0; 
  padding: 0;
}
#logo_jeu_gratuit {
  width:292px;
  height:117px;
  border:0px;
  display:block;
}
#leaderboard {
  position:absolute;
  top:17px;
  right:10px;
  width:728px;
  height:90px;
}
#leaderboard_desengorgement{
  position:absolute;
  top:30px;
  right:142px;
  width:468px;
  height:60px;
}
/************************* fin header *************************/




.contentiframe{
	width:100px;
	height:20px;
	border:1px solid #000000;
	cursor:hand;
}
/***********************************************************************************/
/********************************BARRE "TOP RECHERCHE" ***************************/
/***********************************************************************************/
div#zone_top_recherche {
  position:absolute;
  top:122px;
  left:27px;
  width:963px;
  padding:7px;
  background-color:#ffffff;
  border:1px solid #d7d7d7;
  border-radius:0px;
  text-align:left;
  color:#848484;
  font-size:12px;
}
#zone_top_recherche h3 { 
  margin: 0; 
  padding: 0; 
  display: inline; 
  font-size: 13px;  
}

#zone_top_recherche p { 
  margin: 0; 
  padding: 0; 
  display: inline;  
}
#zone_top_recherche ol { 
  margin: 0; 
  padding: 0; 
  display: inline; 
}
#zone_top_recherche li { 
  display: inline;  
  margin-right: 2px; 
  margin-left: 2px; 
}
#zone_top_recherche li a {
  color:#ff8200;
  font-weight:bold;
}
#zone_top_recherche li a:hover {
  text-decoration:underline;
}


/******* formulaire de recherche d'un jeu *******/
#form_recherche {
  position:absolute;
  top:5px;
  right:5px;
  text-align: right;
  height:18px;
  font-size:12px;
  font-weight:bold;
  color:#2390c1;
  margin:0px; 
  padding:0px;
}

div#icone_recherche {
  position:relative;
  float:left;
  width:19px;
  height:19px;
  background-image:url('/../images/icone_recherche.png');
  background-repeat:no-repeat;
  border:1px solid #2390c1;
}
div#input_recherche {
  position:relative;
  float:left;
  height:19px;
  border-top:1px solid #2390c1;
  border-bottom:1px solid #2390c1;
}
#input_recherche input { 
  width:120px;
  padding:2px;
  color:#c5c5c5;
  font-size:11px;
  margin:0px;
}

div#valid_recherche {
  position:relative;
  float:left;
  height:19px;
  border:1px solid #2390c1;
}

#barre_recherche_bt_ok {
  display:block;
  padding:2px 5px 2px 5px;
  border:0px;
}

/************ FIN recherche **************/




/****************************************************/
/************ BANDEAU PRESENTATION **************/
/****************************************************/
.bandeau_presentation {
  position:relative;
  margin-top:5px;
  background-color:#f4f4f4;
  border:1px solid #2390c1;
  padding:3px 0px 2px 8px;
  height:16px;
  color:#848484;
  font-size:12px;
  font-weight:normal;
}

.bandeau_presentation li, .bandeau_presentation div {
  font-weight:bold;
  font-size:12px;
  display:inline;
  list-style-type: none; 
}

.bandeau_presentation span {
  font-weight:bold;
  font-size:12px;
}

.bandeau_presentation a {
  color:#848484;
}

.bandeau_presentation a:hover {
  text-decoration:underline;
}




/********************************************************************/
/*************************  COLONNE GAUCHE ************************/
/********************************************************************/
div#colonne_gauche {
  position:relative;
  float:left;
  top:8px;
  width:290px;
  text-align:center;
}

/**** bloc menu des categories ****/
div#bloc_liste_categories {
  position:relative;
  width:290px;
  height:190px;
  background-image:url('/../images/menu_categories.png');
  background-repeat:no-repeat;
  background-position:left top;
}
div:hover#bloc_liste_categories {
  background-position:0px -190px;
}
div#bloc_liste_categories nav {
  position:relative;
  margin-left:54px;
  padding-top:0px;
  width:236px;
  height:188px;
  background-color:#f4f4f4;
  border:1px solid #2390c1;
  border-left:0px;
  font-weight:bold;
  font-size:11px;
}
div#bloc_liste_categories nav ul {
  margin:0px;
  padding:0px;

  list-style-type: none; 
  text-align:left;
}
div#bloc_liste_categories nav li {
  margin:0px;
  padding:0px;
  padding-left:10px;
  line-height:17px;
  list-style-type: none; 
  text-align:left;
}
div#bloc_liste_categories nav li:hover {
  background-color:#2390c1;
}
div#bloc_liste_categories nav li:hover a {
  color:#f4f4f4;
}
div#bloc_liste_categories nav li a {
  color:#848484;
}


/**** edito *****/
div#edito_gauche {
  position:relative;
  margin-top:6px;
  text-align:justify;
  font-size:12px;
  color:#2390c1;
  padding:6px;
  line-height:16px;
}
div#edito_gauche a {
  color:#ff8200;
}

/**** vous aimerez aussi / top visites hier ****/
.top_jeux_gauche {
  position:relative;
  margin-top:10px;
  text-align:center;
}
.top_jeux_gauche h4 {
  font-size:18px;
  color:#2390c1;
  padding:0px;
  margin:18px 0px -3px 0px;
  font-weight:normal;
}
.top_jeux_gauche h3
{
  padding:0px;
  margin:2px;
}

.top_jeux_gauche a{
  font-size:13px;
  color:#848484;
}
.top_jeux_gauche a:hover{
  color:#2390c1;
}
span.span_top_jeux_gauche {
  position:relative;
  display:block;
  width:240px;
  height:200px;
}

div.bloc_top_jeux_gauche {
  position:relative;
  left:24px;
  margin-top:12px;
  width:240px;
  height:194px;
  padding-top:6px;
  border:1px solid #ebebeb;
  text-align:center;
}
div.bloc_top_jeux_gauche:hover {
  -moz-box-shadow: 0 0 6px #b8b2b2; 
  -webkit-box-shadow: 0 0 6px #b8b2b2; 
  box-shadow: 0 0 6px #b8b2b2; 
  border-bottom:1px solid #2390c1;
}
img.screen_top_jeux_gauche {
  position:relative;
  display:block;
  margin-left:20px;
  margin-top:5px;
  width:200px;
  height:150px;
  border:0px;
}

/**************** jeu du mois *****************/
#titre_jeu_du_mois{
	color:#ff9a31;
}

img.img_jeu_du_mois{
  position:absolute;
  display:block;
  left:88px;
  top:0px;
  width:132px;
  height:131px;
  border:0px;
  z-index:1000;
}

span.span_jeu_du_mois_gauche {
  position:relative;
  display:block;
  width:240px;
  height:200px;
  color:#ff9a31;
}

div.bloc_jeu_du_mois_gauche {
  position:relative;
  left:24px;
  margin-top:12px;
  width:240px;
  height:194px;
  padding-top:6px;
  border:1px solid #ff9a31;
;
  text-align:center;
}
div.bloc_jeu_du_mois_gauche:hover {
  -moz-box-shadow: 0 0 6px #ff9a31;
  -webkit-box-shadow: 0 0 6px #ff9a31;
  box-shadow: 0 0 6px #ff9a31;
  border-bottom:1px solid #ff9a31;
}
div.bloc_jeu_du_mois_gauche a:link{
	color:#ff9a31;
}

/****** nos partenaires *****/
div#bloc_nos_partenaires {
  position:relative;
  left:0px;
  margin-top:40px;
  width:160px;
  border:1px solid #2390c1;
  color:#2390c1;
  text-align:center;
  font-size:12px;
  line-height:15px;
  padding-bottom:40px;
}
div#titre_nos_partenaires {
  position:relative;
  top:0px;
  left:0px;
  background-color:#f4f4f4;
  border-bottom:1px solid #2390c1;
  text-align:center;
  font-weight:bold;
  padding:4px;
  margin-bottom:10px;
}
#bloc_nos_partenaires  a, #bloc_nos_partenaires2  a {
  color:#2390c1;
  font-size:12px;
  font-weight:bold;
}
#bloc_nos_partenaires  img, #bloc_nos_partenaires2 img {
  margin-top:10px;
}
div#bloc_nos_partenaires2{
  position:relative;
  left:25px;
  margin-top:20px;
  width:240px;
  border:1px solid #2390c1;
  color:#2390c1;
  text-align:center;
  font-size:12px;
  line-height:15px;
  padding-top:10px;
  padding-bottom:10px;
}


/********************************************************************/
/**************************  CADRE CENTRAL *************************/
/********************************************************************/
/* largeur totale page : 1020 px */
div#content_general {
  position:relative;
  width:1004px;
  left:0px;
  top:22px;
  padding:10px;
  padding-top:15px;
  background-color:#ffffff;
  border:1px solid #d7d7d7;
  border-radius:0px;
}

/* largeur cadre central : 762 px */
div#cadre_central {
  position:relative;
  border-left:1px solid #2390c1;
  top:8px;
  padding-left:8px;
  padding-right:0px;
  margin-bottom:16px;
  margin-left:300px;
  overflow:inherit;
}

.titre_cadre_central {
  position:relative;
  top:0px;
  left:0px;
  padding:8px;
  margin:0px;
  margin-bottom:5px;
  text-align:center;
  background-color:#f4f4f4;
  border:1px solid #2390c1;
  font-weight:bold;
}
.titre_cadre_central h1, .titre_cadre_central h2 {
  color:#2390c1;
  font-weight:bold;
  padding:0px;
  margin:0px;
}
.titre_cadre_central h1 {
  font-size:15px;
}
.titre_cadre_central h2 {
  font-size:13px;
  padding-top:6px;
}



/****************************  LIEN TOP **************************/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:44px;
	right:30px;
	overflow:hidden;
	width:38px;
	height:38px;
	border:none;
	text-indent:100%;
	background:url(/../images/icone_top.png) no-repeat left top;
}

#toTopHover {
	background:url(/../images/icone_top.png) no-repeat left -38px;
	width:38px;
	height:38px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}






/***************************************************************/
/****************************  FOOTER **************************/
/***************************************************************/
footer {
  position:relative;
  top:10px;
  left:26px;
  width:970px;
  height:23px;
  padding:0px;
  padding-top:7px;
  background-color:#ffffff;
  border:1px solid #d7d7d7;
  border-radius:0px;
  font-weight:bold;
  color:#848484;
  font-size:11px;
  text-align:center;
}
footer p {
  display:inline;
  color:#848484;
}
footer a, footer a:link, footer a:active, a:visited {
  color:#848484;
}
footer a:hover {
  color:#2390c1;
}


/***************************************************************/
/***************************  TOOLTIPS *************************/
/***************************************************************/

a.tooltip, a.tooltip_jdm{
    position:relative;
    display:block;
}

a.tooltip em, a.tooltip_jdm em {
    display:none;
}
a.tooltip:hover, a.tooltip_jdm:hover {
    border: 0; 
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal; 
    display: block; 
    position: absolute; 
    top: 150px; 
    left: -20px; 
    padding: 6px; 
    color: #FFFFFF; 
    border: 3px solid #2390c1; 
    background: #424242; 
    width:265px;
    font-size:12px;
    text-align:justify;
    z-index: 1001; 
    opacity:0.9;
}

a.tooltip_jdm:hover em {
    font-style: normal; 
    display: block; 
    position: absolute; 
    top: 150px; 
    left: -20px; 
    padding: 6px; 
    color: #FFFFFF; 
    border: 3px solid #ff9a31; 
    background: #424242; 
    width:265px;
    font-size:12px;
    text-align:justify;
    z-index: 1001; 
    opacity:0.9;
}

a.tooltip:hover em span {
    position: absolute; 
    top: -14px; 
    left: 110px;
    height: 14px; 
    width: 29px; 
    background: transparent url('../images/infobulletop02.gif'); 
    margin:0; 
    padding: 0; 
    border: 0;
}

a.tooltip_jdm:hover em span {
    position: absolute; 
    top: -14px; 
    left: 110px;
    height: 14px; 
    width: 29px; 
    background: transparent url('../images/infobulletop03.gif'); 
    margin:0; 
    padding: 0; 
    border: 0;
}


.bt_inscription_tooltip{
	position: absolute; 
	bottom:5px;
	left:170px;
}

.cc-window {
  background-color: white;
  box-shadow: 0 0 10px rgba(0,0,0,.05%);
}
.cc-window.cc-banner {
    font-size: 14px;
    padding: 10px 30px !important;
}
.cc-window.cc-banner .cc-message {
  text-align: left;
  font-size: 12px;
  line-height: 14px;
  padding-right: 20px;
}
.cc-window.cc-banner .cc-btn:last-child {
  min-width: auto ;
  color: #ff9a31;
  font-size: 14px;
  font-weight: normal;
  padding: 2px 20px;
  border-radius: 5px;
  border: 1px solid #ff9a31;
}
.cc-window.cc-banner .cc-btn:last-child:hover {
  color: white;
  background-color: #ff9a31;
}