#etape2 legend, #light legend, .light legend {display: none;}
.violet {color: #92127f;}
.star { position:relative;}

.alertValidation {clear:both; width:350px; margin:0px auto 8px auto; padding:5px; color:#D10019; border:3px solid #D10019; }
.alertValidation li {padding : 0 10px; margin : 2px 0;}

.alertValidation.passwordRecover {margin:170px 140px auto auto; }


.bg-container {background: transparent url(/Images/inscription/bg-wrapper_inscript.gif) no-repeat;}
#bloc {width: 805px;position: relative;}
#Ombredroite {background: transparent url(/Images/inscription/ombre.png) repeat-y top center; width: 805px;margin-top: 0px;}
#ContenuBloc {background: none;}

/***************************/

#etape1, #etape2, #light {width: 795px;position: relative;margin-top: 200px;z-index: 5;}
#Bloc .header-form, #Bloc #header-form {position: absolute; left: 14px; top: 9px;z-index: 10;}

.inputText {width: 240px;}
.captcha {margin:15px auto;text-align:center;}
.alignCaptcha {vertical-align: top; margin-top: 8px;}

.evenements #ContenuBloc { padding-bottom:0px;}

/****************Affichage des message d'erreurs*************************************/
#etape1 .messageError, #etape2  .messageError { margin:20px auto 30px 50px; }

/***************** etape 1 *****************************************************/
#etape1 .container {margin:0px auto;width: 643px;position:relative;}

#etape1 .btnFormCopy, #etape1 .btnForm {position:absolute; right:20px;width:145px;z-index:1;}
#etape1 .btnFormCopy { top:0px;}
#etape1 .btnForm { bottom:0px;} 
#etape1 .container .larger {margin-left:150px;width:442px;margin-top:12px;}
#etape1 .container p {margin-left:110px;margin-top:5px;clear:both;}
#etape1 .container p .labelCheck {vertical-align: top;margin-left:5px;margin-right:8px;}
#etape1 .container p .labelsize {float:left;width: 120px;margin-right: 10px; text-align:right;}

#etape1 .et1_faisons_connaissance {background: transparent url(/images/inscription/et1_faisons_connaissance.png) left bottom no-repeat;height: 677px; }
#etape1 .et1_faisons_connaissance .radioContainer {position:relative; margin-top:20px;}
#etape1 .et1_faisons_connaissance .ville_size {width: 138px;}
#etape1 .et1_faisons_connaissance .CP_size { width: 60px; }
#etape1 .et1_faisons_connaissance .select_pays {width: 244px;}
#etape1 .et1_faisons_connaissance .villeLabel {margin-left:5px;}
#etape1 .et1_faisons_connaissance .checkboxes {display: block;margin-top:1px;} 
#etape1 .et1_faisons_connaissance .inputPromo {margin-top:1px;}
#etape1 .et1_faisons_connaissance .alignAdr {vertical-align:top;margin-top: 7px;}
#etape1 .et1_faisons_connaissance .alignCompAdr {vertical-align:top;margin-top: 15px;}

#etape1 .et1_identifiant {background: transparent url(/images/inscription/et1_identifiant.png) no-repeat;height: 169px;}
#etape1 .et1_identifiant .larger {margin-top:30px;margin-left:160px;}
#etape1 .et1_identifiant label {float:left;width: 120px;margin-right: 10px;text-align: right;}

#etape1 .et1_votre_petit_monde {background: transparent url(/images/inscription/et1_votre_petit_monde.png) no-repeat;height: 174px;}
#etape1 .et1_votre_petit_monde .first {margin-top:20px;}
#etape1 .et1_votre_petit_monde p {margin-right:156px;text-align:right;margin-bottom:10px;}
#etape1 .et1_votre_petit_monde p label, #etape1 .et1_votre_petit_monde p span {margin-right:3px;}
#etape1 .et1_votre_petit_monde .petitMondeDropDown {width: 60px; text-align: center;}

#etape1 .et1_reductions {background: transparent url(/images/inscription/et1_reductions.png) no-repeat;height: 130px;}
#etape1 .et1_reductions p { margin-left:170px; width:400px;}
#etape1 .et1_reductions .first { margin-top:30px;}
#etape1 .infoLoi {width:555px; margin-left:30px;}
#etape1 .infoLoi p {margin:0px;}

/************************** etape 2 *********************************************/

#etape2 .btnFormCopy {float: right;margin: 0 45px;}
#etape2 fieldset {border:0;width: 700px; margin-left:50px}
#etape2 fieldset p {width: 541px;margin: 0 0 0 150px;}
#etape2 fieldset p span {display: inline-block;width: 125px;}
#etape2 fieldset p .dropdown {width: 200px;margin: 0 10px;}

#etape2 #creonsDesLiens {height:193px;background: transparent url(/Images/inscription/et2_creons_des_liens.png) no-repeat;}
#etape2 #creonsDesLiens p {text-align: justify;}
#etape2 #creonsDesLiens p.presentation {margin-top: 35px;margin-bottom: 30px; width: 400px; text-align: left;}
#etape2 #creonsDesLiens p.title {margin-bottom: 10px;font-weight:bold;}

#etape2 #fieldLinge {height:237px;background: transparent url(/Images/inscription/et2_linges.png) no-repeat;}
#etape2 #fieldLinge span {color: #00b7e9;}
#etape2 #fieldMaison {height:234px;background: transparent url(/Images/inscription/et2_maison.png) no-repeat;}
#etape2 #fieldMaison span {color: #ffa800;}
#etape2 #fieldSoin {height:436px;background: transparent url(/Images/inscription/et2_soinetbeaute.png) no-repeat;}
#etape2 #fieldSoin span {color: #f84fa6;}

#etape2 .endFormEt2 {border: 0;margin:0 0 0 45px;padding:0;width: 750px;}
#etape2 .endFormEt2 p {margin: 0;padding: 0; width: auto;}
#etape2 .endFormEt2 #infoLoi {float: left;width:555px;}
#etape2 .endFormEt2 #btnForm {float: left;margin: 0 5px;}
#etape2 .endFormEt2 .btnFormCopy {float: left;margin: 0 5px;}

/************************** Light *********************************************/

#light a:link {color: #737373;}
#light a:visited {color: #737373;}
#light a:hover {color: #737373;}
#light a:active {color: #737373;}

#Bloc .top_msg {position: absolute;left: 41px;top: 60px; width: 450px; z-index: 50;}
#light fieldset {border: none;position: relative;}
#light #bulle {position: relative; margin-left: 66px; background: transparent url(/Images/inscription/light-field.png) no-repeat;width: 674px;}
#light #explain {font-size:13px; font-weight:bold; left:125px; position:absolute; top:20px; width:460px;}
#light p {margin-left: 30px;}
#light #espaceEchange {position: absolute; left:-20px;}
#light #inputContainer {margin-left:80px; margin-top:60px; width: 550px;}

#light #inputContainer label {display: inline-block; width: 120px; text-align: right;}
#light .twoLines {vertical-align:top;margin: 5px 4px 0;}
#light .input {margin: 2px 4px;}
#light #checkboxContainer {width: 550px; margin: 15px 0 60px 65px;}

#light .endFormLight {margin:0 0 0 -22px;padding:0;width: 720px;}
#light .endFormLight p {margin: 0;padding: 0; width: auto;}
#light .endFormLight #infoLoi {float: left;width:555px;}
#light .endFormLight #btnForm {float: left;margin: 0 5px;}

#light .checkbox {margin: 5px 5px;}
#light .captcha {margin:15px auto;text-align:center;}
#light .alignCaptcha {vertical-align: top; margin-top: 8px;}


/***** Fin enregistrement **/

.bloc2 {width: 805px;position: relative;}
.bloc2 .top_msg {position: absolute;left: 41px;top: 60px; width: 485px; z-index: 50; color:#818181;font-size:12px;font-weight:bold;}
.bloc2 .header-form {position: absolute; left: 14px; top: 9px;z-index: 10;}
.bloc2 .footer-form {position: absolute; top: 438px; left: 14px;}
.Ombredroite2 {background: transparent url(/Images/inscription/ombre.png) repeat-y top center; width: 805px;margin-top: 0px;}
.ContenuBloc2 {background: none;}

.light {min-height: 515px;}
.light .msg_center {margin-left: 125px; padding-top: 200px; width:550px;}


.light .msg_center h3 {font-size: 13px; color:#92127f;}
.titleForm {position: absolute; left: 35px; top: 20px;z-index: 15;}

.desabonnement {min-height: 515px;}
.desabonnement .msg_center {margin-left: 125px; padding-top: 200px; width:550px;}
.desabonnement .msg_center p {font-weight:bold;font-size:13px;}
.desabonnement .msg_center .title { display:block; color:#93117E;margin-bottom:7px;font-size:14px;}

/***** password revover **/

.light #recover {position: absolute; background: transparent url(/Images/inscription/et_recover.png) no-repeat top center; width: 640px; height: 290px; top: 200px; left: 90px;}
.light #oubliId {position: absolute; left: -30px; top: -15px;}
.light fieldset {border: none;}
.light .endFormRecover {position: absolute; top: 518px; left:50px;}
.bloc2 .btRetour {position: absolute;bottom: 25px; right: 40px;}
.light #recover p {position: absolute;top: 45px; left: 130px;}
.light .erreur {left:287px; position:absolute; top:311px; z-index:25;}

/******** Modif **/

#Bloc .notaBene, .bloc2 .notaBene {position: absolute; right: 35px;top: 185px;z-index: 100;}
#light .modConseil {margin: 10px 0; color: #92127F; text-align: center;}
#light .modConseil a {color: #92127F;}

/* tunnel identification */
.tunnel-identification {position:relative; padding-top:170px;}
.tunnel-identification .dejaInscrit { position:relative; background: transparent url(/Images/inscription/tunnel-identification/deja-inscrit.png) no-repeat top center; width: 690px; height: 135px;left: 60px; text-align:left;}
.tunnel-identification .dejaInscrit .answer { position:absolute;top:10px; color:#92127F; font-weight:bold;left:180px;top:20px;font-size:12px;}
.tunnel-identification .dejaInscrit label { float:left;width:90px; text-align:right;}
.tunnel-identification .dejaInscrit .text { margin-left:5px;float:left; width: 200px; border:1px solid #c5c5c3;height:15px;font-size:11px}
.tunnel-identification .dejaInscrit .login { position:absolute; left:161px; top:50px; width:400px;}
.tunnel-identification .dejaInscrit .password { position:absolute; left:161px; top:75px; width:400px;}
.tunnel-identification .dejaInscrit .password small{ float:left;color:#92127F;margin-left:90px;margin-top:3px;}
.tunnel-identification .dejaInscrit .password small a, .light .dejaInscrit .password small a:visited { color:#92127F;}
.tunnel-identification .dejaInscrit .btPoursuivre { position:absolute; right:80px; top:70px; }
.tunnel-identification .dejaInscrit .error { position:absolute; left:255px; top:38px; color:red;}


.tunnel-identification .nonInscrit { position:relative; background: transparent url(/Images/inscription/tunnel-identification/sinscrire.png) no-repeat top center; width: 690px; height: 201px; left: 60px; }
.tunnel-identification .nonInscrit .allSpace, .tunnel-identification .nonInscrit .justShare { position:absolute; width:300px; left:180px;}
.tunnel-identification .nonInscrit .allSpace {top:35px;}
.tunnel-identification .nonInscrit .Inscrire { position:absolute; display:inline;right:80px; top:58px; }
.tunnel-identification .nonInscrit .allSpace span {display:block;color:#92127F; font-weight:bold;font-size:12px;}
.tunnel-identification .nonInscrit .justShare {top:120px; }
.tunnel-identification .nonInscrit .InscrireVite {position:absolute;display:inline; right:65px;top:120px; }
.tunnel-identification .notaBeneFooter { position:relative; margin:20px 30px 0px; padding:0px;}
.tunnel-identification .notaBeneFooter  a, .tunnel-identification .notaBeneFooter a:visited { text-decoration:underline; color:#92127F;}
.tunnel-identification .btRetour {bottom:0; position:absolute; right:40px;}

.desinscription{position:relative; padding-top:170px;}
.desinscription .elementUnsubscribe { position:relative; background: transparent url(/Images/inscription/desinscription/desinscription_bulle.png) no-repeat top center; width: 693px; height: 145px;left: 40px; text-align:left;padding-top:60px;}
.desinscription .elementUnsubscribe p { margin-left:200px; margin-bottom:4px; font-size:12px; }
.desinscription .elementUnsubscribe .last { margin-top:15px;}
.desinscription .elementUnsubscribe p input { vertical-align:middle;}
.desinscription .reason {position:relative; background: transparent url(/Images/inscription/desinscription/desinscription_nobulle.png) no-repeat top center; width: 654px; height: 259px;left: 75px; text-align:left; padding-top:35px;}
.desinscription .reason p {margin-left:165px;font-size:12px;}
.desinscription .btAnnuler {bottom:0; position:absolute; right:130px;}
.desinscription .btValider {bottom:0; position:absolute; right:40px;}


.finInscription .msg_center { padding-top:200px;}
.finInscription .msg_center p { line-height:17px; font-size:12px;}
.finInscription .msg_center p span { color:#93117e;font-weight:bold;}
.finInscription .msg_center p a, .finInscription .msg_center p a:visited { color:#93117E; font-weight:bold; font-size:11px;text-decoration:underline; }
.finInscription .msg_center .link { margin-top:10px;}