/* Styles de base */
/*#jeuFormulaireParticipation,
#jeuFormulaireInvitation,
#jeuFormulaireConfirmation
*/
.jeuContainer {
	background:#CF0072 url(images/fond-ombre-coloree.gif) 535px 0 repeat-y;
	color:#616365;
	font-size:11px;
}
.jeuChampInputText,
.jeuChampSelect {
	border:1px solid #CCCCCC;
	color:#616365;
	font-size:11px;
	padding: 2px 2px 1px 1px;
	margin-top: 0;
}
.jeuChampLabel {
	color:#4e4e50;
	font-size:11px;
}

.jeuChampErreur {
	border-color:#FF585F;
}

.jeuChampRadio.jeuChampErreur {
	border:0;
	color:#FF585F;
}


/*** Personnalisation  ***/
/*************************/


/* Partie centrale - Déco, Contenu, Descriptif du jeu */
.jeuFormulaireContainer{
	background-color:#ede9e3;
	float:left;
	margin:0;
	min-height:645px;
	padding:0;
	width:405px;
}
.jeuFormulaireContainerEtape1 {margin:15px;}



.jeuIllustrationContainer {
	background-color:#cf0071;
	float:left;
	min-height:645px;
	margin:0;
	padding:0;
	width:555px;
}


.jeuTitre {
	background: #cf0071 url(images/illustration-jeu.jpg) top center no-repeat;
	float:left;
	height:645px;
	margin:0;
	padding:0;
	text-indent: -999em;
	width:555px;
}


.jeuFormulaireIntro {
	background: #ede9e3 url(images/description-jeu.gif) top center no-repeat;	
	height:257px;
	margin:0;
	padding:0;
	text-indent: -999em;
	width:405px;
}

.jeuReponseIntro 
{
    background: #ede9e3 url(images/intro-reponse.gif) top center no-repeat;	
	height:70px;
	margin:0;
	padding:0;
	text-indent: -999em;
	width:405px;
}

.jeuTitreEtape {
	color:#4e4e50;
	font-size:13pt;
	font-weight:bold;
	margin:0;
	padding:5px 0 10px 0;
	text-align:center;
}



/* Mentions légales */
#jeuLiensLegauxContainer {
	background-color: #FFF;
	margin:15px 30px 15px 30px;
}
#jeuLienReglementContainer,
#jeuLienDotationsContainer,
#jeuLienContactContainer {
	color:#9b9b9b;
	display: inline;
	font-size:14px;
	margin-right:15px;
}
.jeuLienReglement,
.jeuLienDotations,
.jeuLienContact  {
	color:#999;
}
.jeuLienReglement:hover,
.jeuLienDotations:hover,
.jeuLienContact:hover {
	color:#616365;
}

#jeuMentionsLegalesContainer {
	color:#999;
	font-size:9px;
	margin:15px 30px 15px 30px;
}
.jeuMentionsSansObligationAchat {
	margin-bottom:1em;
}
.jeuMentionsCnilInvitation {
	display:block;
	margin-top:1em;
}


/* Formulaire */
.jeuChampContainer {padding:5px 0;}
.jeuCiviliteOptionsContainer {display:inline;}
.jeuChampCiviliteRadio {cursor:pointer;margin-right:30px;}
.jeuChampCiviliteRadio input {cursor:pointer;margin-left:0;vertical-align: bottom;}
.jeuChampCiviliteRadio label {cursor:pointer;padding-left:2px;}

.jeuCiviliteContainer {
	margin-top:5px;
}

.jeuCiviliteContainer .jeuChampLabel,
.jeuNomContainer .jeuChampLabel,
.jeuPrenomContainer .jeuChampLabel {
	display:inline-block;
	width:65px;
}

.jeuPrenomContainer {
	margin-bottom:3px;
}
.jeuChampInputNom ,
.jeuChampInputPrenom {
	width:291px;
}


.jeuComplementAppartementContainer {
	clear:both;
	float:left;
	margin-right:;
	width:120px;
}
.jeuComplementAppartementContainer .jeuChampLabel {display:block;}
.jeuChampInputComplementAppartement {
	width:115px;
}

.jeuComplementBatimentContainer {
	float:right;
	width:225px;
}
.jeuComplementBatimentContainer .jeuChampLabel {display:block;}
.jeuChampInputComplementBatiment {
	width:220px;
}

.jeuNumeroVoieContainer {clear:both; float: left; width:80px;}
.jeuNumeroVoieContainer .jeuChampLabel {display:block;}
.jeuChampInputNumeroVoie,
.jeuChampSuggestionNumeroVoie {width:50px;}

.jeuVoieContainer {float: right; width:280px;}
.jeuVoieContainer .jeuChampLabel {display:block;}
.jeuChampInputVoie,
.jeuChampSuggestionVoie {width:275px;}

.jeuCodePostalContainer {
	clear:both;
	float:left;
	margin-right:;
	width:100px;
}
.jeuCodePostalContainer .jeuChampLabel {display:block;}
.jeuChampInputCodePostal {
	width:75px;
}

.jeuLocaliteContainer {
	float:right;
	width:260px;
}
.jeuLocaliteContainer .jeuChampLabel {display:block;}
.jeuChampInputLocalite,
.jeuChampSuggestionLocalite {
	width:255px;
}

.jeuTelContainer {
	clear:both;
	float:left;
	margin-right:;
	width:120px;
}
.jeuTelContainer .jeuChampLabel {display:block;}
.jeuChampInputTel {
	width:115px;
}

.jeuEmailContainer {
	float:right;
	width:220px;
}
.jeuEmailContainer .jeuChampLabel {display:block;}
.jeuChampInputEmail {
	width:215px;
}

.jeuOptinContainer {
	clear:both;
	padding-top:10px;
	margin:0 0 0 50px;
}
.jeuOptinCheckbox input {cursor:pointer;vertical-align:middle;}
.jeuOptinCheckbox label {cursor:pointer;}
.jeuOptinItem {font-size:9px;}

.jeuChampInputReponse1 {
    height:470px;
	width:360px;
}


.jeuValidationContainer {
	margin:10px 0 15px 0;
	text-align:center;
}

.jeuFormulaireBtnValiderEtape1 {
	background: transparent url(images/btn-suivant.gif) 0 0 no-repeat;
	border: 0;
	cursor: pointer;
	height: 30px;
	width: 175px;
}

.jeuFormulaireBtnValiderEtape2 {
	background: transparent url(images/btn-participer.gif) 0 0 no-repeat;
	border: 0;
	cursor: pointer;
	height: 30px;
	width: 175px;
}

.jeuFormulaireBtnValiderEtape1:hover,
.jeuFormulaireBtnValiderEtape2:hover {
	background-position: 0 -30px;
}


.jeuRenvoiChampsObligatoires {
	border-top:1px solid #bfc0c0;
	color:#616365;
	font-size:9px;
	padding-top:5px;
	text-align:right;
}


/* Etapes du jeu */
.jeuFormulaireContent {
	border-top:1px solid #bfc0c0;	
}

.jeuFormulaireEtape1 
{
    margin:0px 20px 5px 20px;
}

.jeuFormulaireEtape2 
{
    margin:0px 20px 5px 20px;
    padding-top:20px;
}

.jeuFormulaireEtape3 {
	border-bottom : 1px solid #bfc0c0;
	border-top : 1px solid #bfc0c0;
	display:block;
	padding:30px 0;
	margin: 130px 0 0 0;
	text-align:center;
}

.jeuImgTitreTermine 
{
    border-bottom:1px solid #bfc0c0;
    background:url(images/titre-jeu-termine.gif) top center no-repeat;
    color:#616365;
    font-weight:bold;
    font-size:20px;
    height:150px;
    margin-bottom:30px;
    padding-bottom:30px;
    text-indent: -999em;
    width:405px;
}

.jeuImgRetourAccueilTermine
{
    background:url(images/btn-jeu-termine.gif) top center no-repeat;
    display:block;
    color:#616365;
    text-decoration:none;
    font-size:16px;
    line-height:2em;
    height:100px;
    text-indent: -999em;
    width:405px;
}

.btnRetourAccueil 
{
    background-color:#616365;
    color:#FFF;
    display:inline-block; 
    padding:0 0.5em;
    text-transform:uppercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px; 
    
}

.jeuImgRetourAccueilTermine:hover
{
    background-position:0 -100px;
}





#jeuConfirmationContainer {
	margin:0 10px;
}

#jeuConfirmationDescriptionOffre {
	margin-top:15px;
	text-align:center;
}

.jeuConfirmationVoirConditionsContainer {
	border-bottom:1px solid #AAA;
	margin-top:10px;
	padding-bottom:5px;
	text-align: left;
}
.jeuConfirmationLienVoirConditions {
	color:#616365;
	font-size:9px;
	text-decoration:none;
}
.jeuConfirmationLienVoirConditions:hover {
	text-decoration:underline;
}









