body {
margin:0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
background-color:#898989;
}

a {text-decoration:none; color:#000000;background-color:transparent;}
a:hover {text-decoration:underline; background-color:transparent; color:#000000;}

h1 {
margin:0 0 0 0;
}

h2 {
margin:5px 0 2px 0;
background-image:url(img/fond_h3.jpg);
background-repeat:no-repeat;
width:131px;
height:27px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
padding:3px 0 0 6px;
}

	h2 a, h2 a:visited, h2 a:active, #moncompte a, #menugauche p a {color:#FFF; text-decoration:none;}
	h2 a:hover, #moncompte a:hover, #menugauche p a:hover {color:#F2D166; text-decoration:none;}

ul {
margin:0 0 7px -10px;
}


li {
list-style-image:url(img/img_flechebleue2.gif);
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFF;

}

		li a, li a:visited, li a:active {color:#FFF; text-decoration:none;}
		li a:hover {color:#F2D166; text-decoration:none;}
		li span, li span:visited, li span:active {color:#FFF; text-decoration:none;}
		li span:hover {color:#F2D166; text-decoration:none;}


form {
margin:0 0 0 0;
}

#menuhaut {
width:777px;
background-image:url(img/menuhaut_droite.jpg);
background-repeat:no-repeat;
background-position:right;
height:80px;
}

#menugauche {
height:550px;
width:137px;
background-color:#45569b;
float:left;
}

	#menugauche p {
	margin:5px 0 8px 0;
	width:131px;
	padding:0 0 5px 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	}

#divpseudo {
	padding:0 0 5px 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}

#souscription {
width:131px;
height:60px;
padding:0 0 0 3px;
}

#personnel {
width:131px;
height:145px;
background-image:url(img/fond_moncompte.jpg);
padding:0 0 0 3px;
}

        #personnel p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#b5bad7;
	font-weight:bold;
	margin:0 0 4px 0;
	position:relative;
	top:3px;
	width:100px;
	}
	#personnel img {
        margin:0 0 2px 20px;
	}
        #personnel select {
        margin:0 0 2px 4px;
	}
        #personnel input {
        margin:0 0 2px 4px;
	}

#moncompte {
width:131px;
height:205px;
background-image:url(img/fond_comptegrand.jpg);
padding:0 0 0 6px;
}

	#moncompte p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#b5bad7;
	font-weight:bold;
	margin:0 0 3px 0;
	position:relative;
	top:3px;
	width:100px;
	}
	
	#moncompte input {
	margin:3px 0 3px 0;
	}
	
	#moncompte img {
	margin:0 0 25px 0;
	padding:0 0 0 0;
	}
	
	#moncompte li {
	margin:0 0 0 10px;
	}
	
	#moncompte li#creercompte{
	margin:-6px 0 0 22px;
	}
	
.texteblanc {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}


#adresse {
margin-left: 31px;
width:640px;
height:73px;
float:left;
}


#gain {
margin-left: 31px;
width:640px;
height:230px;
float:left;
}

#conf {
margin-left: 31px;
width:500px;
height:50px;
float:left;
}

#msgtxt {
background-image:url(img/fleche1.jpg);
font-family:Arial, Helvetica, sans-serif;
background-repeat:no-repeat;
background-position:left;
font-weight:bolder;
font-size:12px;
color:#12652F;
float:left;
}
        #msgtxt a {
	margin:0 0 0 15px;
        color:#12652F;
	}

        #msgtxt a:hover {
	color:#139E65;
	}


#compte {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
float:left;
width:440px;
height:77px;
margin-left:31px;
padding-top:5px;
}

#centrebis {
width:640px;
height:400px;
float:left;
background-image:url(img/cartes_alpha.jpg);
background-repeat:no-repeat;
background-position:top right;
background-color:#FFFFFF;
margin:0 0 0 0;
/*overflow-x:hidden;*/
}


#BtnRetour {
background-image:url(img/fleche1.jpg);
font-family:Arial, Helvetica, sans-serif;
background-repeat:no-repeat;
background-position:left;
font-weight:bolder;
font-size:12px;
color:#12652F;
margin-left:31px;
/*margin:15px 15px 15px 5px;*/
float:left;
}
        #BtnRetour a {
	margin:0 0 0 15px;
        color:#12652F;
	}

        #BtnRetour a:hover {
	color:#139E65;
	}

#BtnValide {
background-image:url(img/fleche1.jpg);
font-family:Arial, Helvetica, sans-serif;
background-repeat:no-repeat;
background-position:left;
font-weight:bolder;
font-size:12px;
color:#12652F;
margin-left:350px;
/*margin:15px 15px 15px 350px;
float:left;*/
}
        #BtnValide a {
	margin:0 0 0 15px;
        color:#12652F;
	}

        #BtnValide a:hover {
	color:#139E65;
	}



#centreseul {
width:777px;
height:750px;
float:left;
background-image:url(img/fond_centre.jpg);
background-repeat:repeat-x;
background-position:bottom;
background-color:#FFFFFF;
margin:0 0 0 0;
overflow: auto;
}


#cartealpha {
width:640px;
height:550px;
float:left;
background-image:url(img/cartes_alpha.jpg);
background-repeat:no-repeat;
background-position:top;
background-color:#FFFFFF;
margin:0 0 0 0;
}



#centre {
width:640px;
height:550px;
float:left;
background-image:url(img/fond_centre.jpg);
background-repeat:repeat-x;
background-position:bottom;
background-color:#FFFFFF;
margin:0 0 0 0;
}

  #cartes {
  margin:0 0 0 0;
  width:640px;
  height:182px;
  background-image:url(img/fond_jouez.jpg);
  background-position:left;
  background-color:#FFFFFF;
  background-repeat:no-repeat;
  float:left;
  }
  #cartesjeu {
  margin:0 0 0 0;
  width:640px;
  height:182px;
  background-image:url(img/fond_jouez_sites.jpg);
  background-position:left;
  background-color:#FFFFFF;
  background-repeat:no-repeat;
  float:left;
  }

        #cartes li {
        list-style-image:url(img/img_flecheverte.jpg);
        font-family:Arial, Helvetica, sans-serif;
        font-size:14px;
        color:#FFFFFF;
        position:relative;
        left:330px;
        top:-20px;
        width:250px;
        }

        #cartes p {
        margin:0 0 0 0px;
        position:relative;
        font-family:Arial, Helvetica, sans-serif;
        color:#FFFFFF;
        font-size:16px;
        font-weight:bold;
        left:360px;
        top:-15px;
        line-height:15px;
        width:200px;
        }

        #cartes span {
        position:relative;
        left:170px;
        top:29px;
        font-family:Arial, Helvetica, sans-serif;
        font-size:13px;
        color:#FFFFFF;
        font-weight:bold;
        }
        
        #cartes a {
        position:relative;
        left:170px;
        top:29px;
        font-family:Arial, Helvetica, sans-serif;
        font-size:13px;
        color:#FFFFFF;
        font-weight:bold;
        }

	#cartes a, #bas a {
	text-decoration:none;
	color:#FFF;
	}

	#cartes a:hover, #bas a:hover {
	text-decoration:underline;
	color:#FFF;
	}

        #cartes img {
        position:relative;
        top:0px;
        left:22px;
        }



#introhautinfo {
width:777px;
background-image:url(img/fond_introhautinfo.jpg);
height:23px;
background-repeat:no-repeat;
background-position:left;
float:left;
}
	#introhautinfo p{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:14px;
	color:#000000;
	margin:0 0 0 0;
	position:relative;
	left:35px;
	top:5px;
	height:23px;
	}

#introhaut {
width:600px;
background-image:url(img/fond_introhaut.jpg);
height:23px;
background-repeat:no-repeat;
background-position:left;
/*float:left;*/
}
	#introhaut p{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:14px;
	color:#000000;
	margin:0 0 0 0;
	position:relative;
	left:35px;
	top:5px;
	height:23px;
	}

#sanscartes{
  margin:0 0 0 0;
  width:640px;
  height:182px;
  background-color:#FFFFFF;
  float:left;
}

#intro {
width:600px;
height:23px;
background-image:url(img/fond_intro.jpg);
background-repeat:no-repeat;
background-position:left;
float:left;
}

	
	#intro p{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:14px;
	color:#000000;
	margin:0 0 0 0;
	position:relative;
	left:35px;
	top:5px;
	height:23px;
	}


#clst {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:left;
height:440px;
width:580px;
margin-top:30px;
overflow:auto;
/*background-color:#000000;*/
}


#introsLot{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
float:left;
margin-top:5px;
padding-top:7px;
padding-bottom:5px;
position:relative;
height:141px;
}


        #introsLot li {
        list-style-image:url(img/img_flechebleue2.gif);
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        color:#000000;

        }
        #introsLot ul {
        margin:0 0 0 1px;
        }


.intros {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
float:left;
margin-top:5px;
padding-top:7px;
padding-bottom:5px;
position:relative;
height:141px;
}

        .intros li {
        list-style-image:url(img/img_flechebleue1.gif);
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
        color:#000000;
        }

	.intros span {
	color:#139E65;
	}

	.intros a {
	text-decoration:none;
	color:#139E65;
	line-height:0px;
	}

	.intros a:hover {
	text-decoration:underline;
	color:#139E65;
	}
	
	.intros p {
	position:absolute; 
	top:116px;
	}

	
#trucs {
width:600px;
height:20px;
background-image:url(img/fond_trucs.jpg);
background-repeat:no-repeat;
background-position:left;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
font-size:14px;
color:#000000;
padding-left:35px;
/*padding-top:1px;*/
margin-top:12px;
margin-left:1px;
}

	#soustrucs span {
	color:#139E65;
	font-weight:bolder;
	padding-left:31px;
	margin:0 0 0 0;
	}
	
	#soustrucs p {
	width:300px;
	bottom:75px;
	left:280px;
	margin:0 0 0 0;
	position:relative;
	padding:0 0 0 0;
	}
	
	#soustrucs {
	float:left;
	position:relative;
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:41px;
	}

h3 {
margin:0 0 0 0;
padding:0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
font-size:12px;
color:#12652F;
}

h4 {
margin:15px 0 0 0;
padding:0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
font-size:14px;
color:#12652F;
}


#bas {
width:777px;
height:20px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
background-image:url(img/fond_bas.jpg);
background-repeat:repeat-y;
line-height:20px;
float:left;
}


.titre, .sstitre {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#12652F;
font-weight:bold;
padding-left:22px;
text-decoration:underline;
margin:0 0 10px 0;
}

.sstitre {font-size:12px; text-decoration:none; margin:0 0 -13px 0;}

.astuces {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#000;
padding:0 22px 0 22px;
}

#pm {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
float:left;
width:600px;
height:45px;
margin-left:31px;
padding-top:15px;
}
#promo {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
float:left;
width:400px;
height:50px;
margin-left:200px;
padding-top:15px;
}

#msgcb {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
float:left;
width:400px;
height:50px;
margin-left:31px;
padding-top:15px;
}

#imgcb {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
float:left;
width:400px;
height:50px;
margin-left:100px;
padding-top:40px;
}

#demo {
width:640px;
float:left;
background-color:#FFFFFF;
margin:0 0 0 0;
/*overflow-x:hidden;*/
}

#persocomptedpx{
width:30px;
float:left;
margin-left:245px;
margin-top:-18px;
}


#persodpx{
width:30px;
float:left;
margin-left:5px;
}
#persomsg{
width:30px;
float:left;
margin-left:5px;
}

#btnok{
width:30px;
/*float:left;*/
margin-left:80px;
margin-top:-23px;
}

#btnokconfip{
/*width:30px;
float:left;   */
margin-left:230px;
margin-top:-21px;
}

#divdpx {
margin-top:-20px;
margin-left:430px;
}


#BtnVert {
background-image:url(img/fleche1.jpg);
font-family:Arial, Helvetica, sans-serif;
background-repeat:no-repeat;
background-position:left;
font-weight:bolder;
font-size:12px;
color:#12652F;
float:left;
}
        #BtnVert a {
	margin:0 0 0 15px;
        color:#12652F;
	}

        #BtnVert a:hover {
	color:#139E65;
	}



#BtnValideConfip {
background-image:url(img/fleche1.jpg);
font-family:Arial, Helvetica, sans-serif;
background-repeat:no-repeat;
background-position:left;
font-weight:bolder;
font-size:12px;
color:#12652F;
margin-left:240px;
margin-top:-18px;
float:left;
}
        #BtnValideConfip a {
	margin:0 0 0 15px;
        color:#12652F;
	}

        #BtnValideConfip a:hover {
	color:#139E65;
	}