* {
	margin:0;
	padding:0;
}

html {

	background-color:#2B2A32;
	height:100%;
	width:100%;
}

body {
  	background-image:url(/images/background.jpg);
	background-color:transparent !important;
	background-repeat: no-repeat;
	background-position: center top;
	width:100% !important;
	font-family:Trebuchet MS, arial, sans-serif;
	font-size:12px;
}

img {
	display:block;
	border:0;
}

img a {
	border:0;
}

input {
	margin:0;
	padding:0;
}

/*Flash message*/

#message {
  border: 1px #ccc solid;
  background-color: #333;
  padding:12px;
  position:absolute;
  top:45%;
left:40%;
  width:700px;
opacity:0.9;
filter:alpha(opacity=90);
font-size:16px;
font-weight:normal;
line-height:24px;

}

#message li {
  margin: 2px 24px;
  font-size: 10px;
}

#message p {
color:#FF3399;
font-weight:normal;
}

#message h3 {
  font-size: 12px;
}

#message a{
	color:#fff;
	text-decoration:underline;
}
#message a:hover{
	text-decoration:none;
}



img {
	display:block;
}

a{
	color:#fff;
	text-decoration:underline;
}
a:hover{
	color:#fff;
	text-decoration:none;
}

#content-wrapper {
	width:900px;
	margin:0 auto;
	background-image: url(/images/background_content.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

#content {
	width:860px;
	margin-left:20px;
	background-image: url(/images/bottom_content.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color:#FFF;
}

/*Page Index */

#accroche-index p {
	background-image: url(/images/page_index/index_r1_c2.gif);
	background-repeat:no-repeat;
	text-indent:-999em;
	height:25px;
	margin-left:200px;
	margin-top:10px;
	margin-bottom:15px;
}

#accroche-index h1 {
	background-image: url(/images/page_index/index_r2_c1.gif);
	background-repeat:no-repeat;
	text-indent:-999em;
	height:60px;
	margin-left:132px;
	margin-bottom:15px;
}

/*Page inscription*/

#left-column {
	float:left;
	display:inline;
	padding-left:10px;
	padding-right:100px;
	width:495px;
}

#right-column {
	float:left;
	display:inline;
	width:255px;
	padding-bottom:39px;
	-padding-bottom:-19px;
}

.fieldWithErrors input {
	background-color:#E3D2E4;
}

.fieldWithErrors {
  display:inline;
}

.form_error  {
	color:#f60;
	padding:1px 1px 1px 30px;
	margin-left:10px;
	font-size:11px;
	background-image:url(/images/picto_erreur.gif);	
	background-repeat:no-repeat;
	background-position:10px center;
	display:inline-block;
	-width:110px;
	-margin-left:5px;
}

.formError, .toto  {
	color:#f60;
	padding:1px 1px 1px 15px;
	font-size:11px;
	margin-bottom:10px;
	margin-top:10px;
	display:block;
	background-image:url(/images/picto_erreur.gif);	
	background-repeat:no-repeat;
	background-position:left center;
	
}

.formError-filleul {
	color:#f60;
	padding:1px 1px 1px 15px;
	font-size:11px;
	display:block;
	background-image:url(/images/picto_erreur.gif);	
	background-repeat:no-repeat;
	background-position:left center;
	margin-left:75px;
	clear:both;
	-width:150px;
}

.formError-reglement {
	color:#f60;
	padding:1px 1px 1px 15px;
	font-size:11px;
	display:block;
	background-image:url(/images/picto_erreur.gif);	
	background-repeat:no-repeat;
	background-position:left center;
	margin-bottom:10px;
	margin-top:3px;
		-min-width:110px;
}

.champ_large {
	width:190px;
	border: 1px solid #ccc;
	margin:0;
	padding:0;
}

.champ_moyen {
	width:100px;
	border: 1px solid #ccc;
}

.tiny {
	border: 1px solid #ccc;
	margin-right:5px;
}

.small {
	border: 1px solid #ccc;
	margin-right:5px;
}

.btn-radio {
	margin-bottom :15px;
	-font-size:11px;
	-height:25px;
	-margin-bottom:0;
}

.btn-radio input {
	margin-right:3px;
	margin-left:3px;
}

.title {
	color:#990099;
	font-size:16px;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:30px;
}

#formulaire_renseignement {
	margin-bottom :15px;
}

#formulaire_questions .btn-radio .fieldWithErrors input{
	margin-right:3px;
	margin-left:3px;
}

.nom_champ {
	width:100%;
	margin-bottom:10px;
	-margin-bottom:6px;
	height:15px;
}

.nom_champ strong{
	float:left;
	width:135px;
}

#nom_champ p {
	displa:block;
	float:left;
}

#nom_champ p strong {
	width:auto;
}

.titre-formulaire{
	float:left;
	width:135px;
}

.nom_champ input{
	float:left;
}

.ligne-filleul {
	display:block;
	margin-bottom:10px;
	-height:25px;
	-margin-bottom:0;
	width:495px;
}

.ligne-filleul p {
	display:inline-block;
	float:left;
	margin-right:10px;
}

.ligne-filleul input{
	float:left;
	display:inline;
	margin-right:10px;
	-margin-bottom:2px;
}

.question {
	margin-bottom:10px;
}

#formulaire_reglement {
	margin-top:50px;
	-margin-top:35px;
}

#formulaire_reglement p {
	margin-bottom:10px;
}

#formulaire_reglement p a{
	color:#7E007E;
	text-decoration:underline;
}

#formulaire_reglement p a:hover;{
	color:#7E007E;
	text-decoration:none;
}

#jouer {
	margin-top:20px;
}

#formulaire_reglement p a{
 color:#7E007E;
 text-decoration:underline;
}

#formulaire_reglement p a:hover;{
 color:#7E007E;
 text-decoration:none;
}

/*Page validation*/

.icone-mail {
	padding-top:50px;
	margin-left:85px;
	float:left;
	display:inline;

}

#validation {
	float:left;
	display:inline;
	width:540px;
	height:300px;
	padding-top:90px;
	font-size:16px;
}

#validation p {
	text-align:center;
}

#validation p a{
	font-weight:bold;
	color:#000;
}


#validation h1 {
	text-indent:-999em;
	background-image: url(/images/page_validation/validation_r2_c3.gif);
	background-repeat: no-repeat;
	background-position:center top;
	margin-top:5px;
	margin-bottom:5px;
	height:65px;
}

/*Page réglement*/

#reglement {
	margin-left:20px;
	margin-right:20px;
	padding-bottom:10px;
}

#reglement p{
	font-size:11px;
	margin-bottom:10px;
}

#reglement p span{
	display:inline-block;
	font-weight:bold;
	margin-bottom:10px;
}

/*Page confirmation*/

#confirmation {
	margin-top:10px;
	padding-left:20px;	
}

#confirmation p {
	font-size:15px;
	text-align:center;
}

#collections {
	position:relative;
	height:334px;
	padding-bottom:150px;
}

#collections h2 {
	text-indent:-999em;
	background-image: url(/images/page_confirmation/confirmation_r2_c7.gif);
	background-repeat: no-repeat;
	margin:20px auto 0 auto;	
	width:288px;
	display:block;
	height:21px;
}

#collections img {
	float:left;
}

.bouton-confirmation {
	position:absolute;
	bottom:150px;
	-bottom:120px;
	right:15px;
	opacity:1;
	fiter:alpha(opacity=100);
}

#offres-mail {
	margin-top:-80px;
	-margin-top:-60px;
	padding-bottom:50px;
	-height:200px;

}


#offres-mail h3 {
	text-indent:-999em;
	background-image: url(/images/page_confirmation/confirmation_r8_c6.gif);
	background-repeat: no-repeat;
	margin-bottom:10px;	
	height:20px;
	margin-left:40px;
}

#offres-mail img{
	float:left;
	display:inline;
}

#inscription-newsletter {
	width:400px;
	float:left;
	margin-right:15px;
	display:inline;
	padding-top:65px;
	-padding-bottom:0;
}

#inscription-newsletter p {
	text-align:center;
	font-size:14px;
	line-height:20px;
}

.bouton-newsletter {
	float:left;
	margin-top:90px;
	margin-left:8px;
}

/*Page rejouer*/

#chance-supplementaire {
	width:422px;
	padding-right:90px;
	padding-left:40px;
	padding-bottom:20px;
	display:inline;
	float:left;
}

#chance-supplementaire h1{
	text-indent:-999em;
	background-image: url(/images/page_rejouer/rejouer_r4_c3.gif);
	background-repeat: no-repeat;
	margin-bottom:10px;	
	height:32px;
}

#chance-supplementaire p{
	line-height:18px;
	margin-bottom:15px;
}

#chance-supplementaire p span{
	color:#7e007e;
	font-size:14px;
	margin-top:10px;
	margin-bottom:5px;
	display:block;
}

#chance-supplementaire p em{
	margin-top:10px;
	margin-bottom:10px;
	display:block;
	color:#999;
}

.img-rejouer {
	float:left;
	display:inline;
	padding-bottom:40px;
}

/*Page résultats*/

#resultats {
	padding-left:50px;
}

#resultats span {
	color:#990099;
}

#resultats p{
	font-size:12px;
	margin-bottom:20px;
}

#resultats h1 {
	text-indent:-999em;
	background-image: url(/images/page_resultats/resultats_r1_c1.gif);
	background-repeat: no-repeat;
	height:40px;
}

#h2-1 {
	text-indent:-999em;
	background-image: url(/images/page_resultats/resultats_r3_c1.gif);
	background-repeat: no-repeat;
	height:40px;
}

#h2-2 {
	text-indent:-999em;
	background-image: url(/images/page_resultats/resultats_r5_c1.gif);
	background-repeat: no-repeat;
	height:40px;
}

#h2-3 {
	text-indent:-999em;
	background-image: url(/images/page_resultats/resultats_r7_c1.gif);
	background-repeat: no-repeat;
	height:40px;
}

#resultats h3 {
	text-indent:-999em;
	background-image: url(/images/page_resultats/resultats_r9_c1.gif);
	background-repeat: no-repeat;
	height:40px;
}

#resultats h4 {
	text-indent:-999em;
	background-image: url(/images/page_resultats/resultats_r11_c1.gif);
	background-repeat: no-repeat;
	height:40px;
}

.resultats1{
	float:left;
	display:inline;
	width:40% !important;
}

#resultats ul{
	float:left;
	display:inline;
	width:30%;
	margin-bottom:20px;
}

#resultats li {
	list-style-type:none;
	margin-bottom:5px;
}

/*Page jeu terminé*/

#fin_jeu {
	margin:15px auto 0 auto;
	width:573px;
}

#fin_jeu h1 {
	text-indent:-999em;
	background-image: url(/images/page_jeu_termine/jeu_termine_r2_c2.gif);
	background-repeat: no-repeat;
	height:33px;
	margin-bottom:5px;	
}

#fin_jeu p {
	font-size :14px;
	text-align:center;
}


/*Footer*/

#footer {
	width:890px;
	margin:0 auto;
	background-color:#7E007E;
	padding:5px;
}

#footer p {
	text-align:center;
	font-size:10px;
	color:#fff;
}

#footer p a {
	color:#fff;
	text-decoration:underline;
}

#footer p a:hover {
	color:#fff;
	text-decoration:none;
}

.clear {
	clear:both;
}

.txt-violet {
	color:#7E007E;
}