@charset "utf-8";
/* CSS Document */

body
{
	background:#073866 url('images/body_bg.gif') top repeat-x;
}

#global
{
	/*max-width:1200px;
	min-width:600px;*/
	margin:auto;
	width:980px;	
	/*background-color:#2aff00 url('images/body_bg.gif') top repeat-x*/;
}

a
{
	text-decoration:none;
	color:#ffffff;
}

p
{
	text-align:center;
	text-decoration:none;
	color:#ffffff;
}

/*######################################## Header ###############################################################*/

#header
{
	/*background: url("images/header_bg.png") no-repeat center;*/
	position:relative;
    width:980px;
	height:121px;
}

#logo
{
    position:absolute;
    width:350px;
	height:100px;
	/*background: #ff00ff;*/
	margin-top:40px;
	margin-left:20px;
	z-index:10;
}

#titre_principal
{
   /* position:absolute;*/
    width:300px;
	height:70px;
/*	background: #ff00ff;*/
	font-size:2em;
	margin-top:-70px;
	margin-left:110px;
	z-index:10;
}

#titre_principal a
{
    color: #ffffff;
    text-decoration: none;
}

#titre_principal a:hover
{
    color: #ff9c00;
}

#logos_reseaux_sociaux
{
	position:absolute;
	width:350px;
	height:25sspx;
	/*background:#00ff00;*/
	margin-left:630px;
	margin-top:40px;
}

a img
{
	border:none;
}

/*######################################## Navigation ###############################################################*/
#menu
{
    position:absolute;
    width: 500px;
	/*background:#ffff00;*/
	margin-left:500px;
	margin-top:130px;
	z-index:20;
    color: #ffffff;
}

#menu a
{
   /* font-size: 1.3em;*/
    color: #ffffff;
    padding-bottom: 1px;
    text-decoration: none;
}

#menu a:hover
{
    color: #ff9c00;
    border-bottom: 1px solid #ff9c00;
}

/*######################################## bouton j'aime facebook ###############################################################*/

#jaime_facebook
{
	float:right;
	margin-right:-100px;
	margin-top:50px;
}

/*######################################## slide ###############################################################*/

#slide
{
    margin-top: 50px;
    height: 400px;
    border: solid 1px #43403f;
    /*background: #ff00ff;*/
	border-radius: 5px;   /*  permet d'arrondir les bords */
    position: relative;
    box-shadow: 0px 2px 2px #1c1a19;
	margin-bottom: 25px;
}

#slider
{
	margin-top:20px;
	margin-left:80px;
/*	position:absolute;
	background: #ff00ff;*/
    box-shadow: 0px 2px 2px #1c1a19;
}

ul{
	margin:0;
	padding:0;
}

/* ####################################### Corps ###############################################################*/

#corps  /*home*/
{
	height:100%;
	margin-top: 20px;
    border: solid 1px #43403f;
	border-radius: 5px;   /*  permet d'arrondir les bords */
  /*  background: #00ff00;*/
    position: relative;
    box-shadow: 0px 2px 2px #1c1a19;
    margin-bottom: 25px;
}

/* #########################   Les jeux ##########################################""""*/

#mes_jeux
{
	float:left;
	margin-top:20px;
	margin-left:15px;
	width:700px;
	background: url("images/bg_cadre_jeu.gif") repeat;
    border-radius: 5px;
	/*background:#ffffff;*/
	box-shadow: 0px 2px 2px #1c1a19;
	text-align:center;
	margin-bottom:20px;
}

#google_play
{
	/*background:#ff00ff;*/
	height:50px;
	width:320px;
}

#jeu1
{
	float:left;
	background:#000000;
	width:325px;	
	border-radius: 5px;
	margin: 10px 10px 10px 10px	;		
	border:1px solid #43403f;	
	padding-top:5px;
}
#text_jeu
{
	font-size:0.8em;
	width:320px;	
	/*background:#00ff00;*/
}

#jeu2
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;	
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu3
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;		
	border:1px solid #43403f;	
	padding-top:5px;				
}

#jeu4
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu5
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu6
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu7
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu8
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu9
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu10
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu11
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu12
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu13
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu14
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu15
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu16
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu17
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu18
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu19
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu20
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu21
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu22
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu23
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu24
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu25
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu26
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu27
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu28
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu29
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu30
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu31
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu32
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}

#jeu33
{
	float:left;
	background:#000000;
	width:325px;
    border-radius: 5px;
	margin: 10px 10px 10px 10px	;						
	border:1px solid #43403f;	
	padding-top:5px;
}
/*#############################################  conteneur de droite ##############################*/

#lecteur_video
{
	float:left;
	margin-left:15px;
	margin-top:20px;
	/*padding-top:10px;
	padding-bottom:5px;*/
	width:240px;
	/*height:500px;*/
	border-radius: 5px;
	/*background:#ff00ff;*/
	box-shadow: 0px 2px 2px #1c1a19;
	/*text-align:center;*/
}

#clear
{
	clear:both;
}

/*#############################################  faire un don ##############################*/

#faire_don
{
	float:left;
	margin-left:15px;
	margin-top:20px;
	/*padding-top:10px;
	padding-bottom:5px;*/
	width:240px;
	border-radius: 5px;
	box-shadow: 0px 2px 2px #1c1a19;
	text-align:center;
}

#clear
{
	clear:both;
}

/*######################################### SPEED INTENSE ISLAND ################################################*/

#corps_speedIntenseIsland  
{
	height:100%;
	margin-top: 50px;
    border: solid 1px #43403f;
	border-radius: 5px;   /*  permet d'arrondir les bords /*
  /*  background: #00ff00;*/
    position: relative;
    box-shadow: 0px 2px 2px #1c1a19;
    margin-bottom: 25px;
}

#imageSpeed
{
	/*background: #00ff00;*/
}

#fond
{
	float:left;
	margin-top:20px;
	margin-left:20px;
	margin-bottom:20px;
	width:940px;
	background: url("images/bg_cadre_jeu.gif") repeat;
    border-radius: 5px;
	/*background:#ffffff;*/
	box-shadow: 0px 2px 2px #1c1a19;
}
#texte
{
	margin-top:10px;
	margin-left:10px;
	margin-bottom:20px;
	width:900px;
    border-radius: 1px;
	background:#000000;
	box-shadow: 0px 2px 2px #1c1a19;
}
#messag
{
	float:left;
	margin-top:20px;
	margin-left:20px;
	margin-bottom:20px;
	width:940px;
	background: url("images/bg_cadre_jeu.gif") repeat;
    border-radius: 5px;
	/*background:#ffffff;*/
	box-shadow: 0px 2px 2px #1c1a19;
	text-align:center;
}

#imageLittoral
{
	/*background: #00ff00;*/
}

/*######################################### A PROPOS ################################################*/

#corps_apropos  /* about et contact */
{
	height:100%;
	margin-top: 50px;
    border: solid 1px #43403f;
	border-radius: 5px;   /*  permet d'arrondir les bords */
  /*  background: #00ff00;*/
    position: relative;
    box-shadow: 0px 2px 2px #1c1a19;
    margin-bottom: 25px;
}

#photo
{
	float:left;
	padding-left:10px;
}

#logo_gif
{
	/*background:#ff00ff;*/
	float:right;
	padding-right:10px;
}

#presentation
{
	float:left;
	margin-top:20px;
	margin-left:20px;
	margin-bottom:20px;
	width:940px;
	background: url("images/bg_cadre_jeu.gif") repeat;
    border-radius: 5px;
	/*background:#ffffff;*/
	box-shadow: 0px 2px 2px #1c1a19;
	text-align:center;
}

#partenaires
{
	float:left;
	margin-top:20px;
	margin-left:20px;
	margin-bottom:20px;
	width:940px;
	background: url("images/bg_cadre_jeu.gif") repeat;
    border-radius: 5px;
	/*background:#ffffff;*/
	box-shadow: 0px 2px 2px #1c1a19;
	text-align:center;
}

/*######################################### FORMULAIRE CONTACT ################################################*/

#iform {font: 12px/20px Arial, Helvetica, sans-serif; width:370px; height:220px; margin:10px 10px 0px 270px; /*background-color:#00CC00;*/}
#iform ul { margin:0; padding:0; list-style:none;}
#iform ul ul { overflow:auto;}
#iform li { padding-bottom:5px;}
#iform label { width:100px; display:block; float:left; line-height:20px;}
#iform label.ilabel { width:auto; display:inline; float:none; line-height:20px; padding:0 5px;}

#iform .itext,#iform .itextarea,#iform .iselect{
	height:15px; 	
	width:250px;
	border:1px solid #999;
	margin:0;
	padding:2px;
	background:#e5e5e5;
}

#iform .ibutton{
	cursor:pointer;
	width:auto;
	height:25px; 
	line-height:12px;	
	border:1px solid #999;
	margin:0;
	padding:5px;
	background:#efefef;
}

#iform .itext:hover,#iform .itextarea:hover,#iform .iselect:hover,#iform .ibutton:hover,
#iform .itext:focus,#iform .itextarea:focus,#iform .iselect:focus,#iform .ibutton:focus{
	border-color: #333;
	background:#FFFFFF;
}
#iform .itextarea{height:100px; width: 250px;}

#iform .ibutton:hover,#iform .ibutton:focus { background:#dadada;}

/*FIN FORMULAIRE CONTACT*/


/*######################################### MENTIONS LEGALES ################################################*/

#corps_apropos  /* about et contact */
{
	height:100%;
	margin-top: 50px;
    border: solid 1px #43403f;
	border-radius: 5px;   /*  permet d'arrondir les bords /*
  /*  background: #00ff00;*/
    position: relative;
    box-shadow: 0px 2px 2px #1c1a19;
    margin-bottom: 25px;
}

#photo
{
	float:left;
	padding-left:10px;
}

#logo_gif
{
	/*background:#ff00ff;*/
	float:right;
	padding-right:10px;
}

#presentation
{
	float:left;
	margin-top:20px;
	margin-left:20px;
	margin-bottom:20px;
	width:940px;
	background: url("images/bg_cadre_jeu.gif") repeat;
    border-radius: 5px;
	/*background:#ffffff;*/
	box-shadow: 0px 2px 2px #1c1a19;
	text-align:center;
}

#partenaires
{
	float:left;
	margin-top:20px;
	margin-left:20px;
	margin-bottom:20px;
	width:945px;
	background: url("images/bg_cadre_jeu.gif") repeat;
    border-radius: 5px;
	/*background:#ffffff;*/
	box-shadow: 0px 2px 2px #1c1a19;
	text-align:center;
}

/*################################### Footer ###############################################################*/

#footer
{	
    background:url('images/bg_footer.gif') top repeat-x;
    width:100%;
	height:50px;
}

#menu_footer
{
	font-size: 0.7em;
    color: #ffffff;
	text-align:center;
	padding-top:20px;
	/*background:#00f500;*/
}

#menu_footer a
{
    color: #ffffff;
    padding-bottom: 1px;
    text-decoration: none;
}

#menu_footer a:hover
{
    color: #ff9c00;
    border-bottom: 1px solid #ff9c00;
}

#titre_footer
{
	font-size:0.6em;
	width:100%;
	height:20px;
	padding-top:5px;
	color:#43403f;
	text-align:center;
	/*background:#fff123;*/
}


#compteur
{
	color:#ffffff;
	width:200px;
	height:30px;
	float:right;
	padding-top:5px;
	/*margin-right:-300px;*/
	font-size:0.7em;
	font-family:arial;
	/*background:#fff123;*/
	text-align:right;

}