/* CREATE USER */

#formCreateUser
{
    position:relative;
    width:740px;
}

#menuGaucheInscription
{
    position:relative;
    width:172px;
    height:114px;
    top:0px;
    margin:0;
    padding:0;
    background-image: url(./Images/inscription/menuGauche_fond_inscription.gif);
    background-repeat:no-repeat;
}

#contenuMenuGaucheInscription
{
    position: absolute;
    width: 172px;
    top: 25px;
    left: 20px;
    line-height:20px; 
}

#chiffreMenuInscription
{/* A SUPPRIMER SI ON NE REMET PAS LES RONDS POUR LES ETAPES */
    position:absolute;
    float:left;
    height:114px;
    width: 30px;
    background-image: url(./Images/inscription/chiffre_menu_inscription.gif);
    background-repeat: no-repeat;
    background-position:0 8px;/* Mettre 8 pour menu1, -978px pour menu2, -1987px pour menu3, -2987 pour menu4  et mettre 1000px pour vide*/
}

#titreEtape1
{
    position: relative;
    background-image: url(./Images/inscription/titre_etape1.gif);
    background-repeat:no-repeat;
    height:26px;
}
#titreEtape2
{
    position: relative;
    background-image: url(./Images/inscription/titre_etape2.gif);
    background-repeat:no-repeat;
    height:26px;
}
#titreEtape3
{
    position: relative;
    background-image: url(./Images/inscription/titre_etape3.gif);
    background-repeat:no-repeat;
    height:26px;
}
#titreEtape4
{
    position: relative;
    background-image: url(./Images/inscription/titre_etape4.gif);
    background-repeat:no-repeat;
    height:26px;
}

#corpForm1
{
    position: relative;
    height:272px;
}

#contenuCorpForm1
{
    position: relative;
    width:700px; /* même taille que .createUserLigne */
    top:50px;
    left:0px;
}

#corpForm2
{
    position: relative;
    height:489px;
}

#contenuCorpForm2
{
    position: relative;
    top:50px;
    left:20px;
}

#corpForm3
{
    position: relative;
    height:260px;
}

#corpForm4
{
    position: relative;
    height:521px;
}

.etapeObligatoireEnGras
{
    position:relative;
    /*background-image: url(./Images/inscription/etape_obl_en_gras.gif);
    background-position:bottom;
    background-repeat:no-repeat;*/
    width:298px;
    height:34px;
    left:0px;
}


.bntSuivantInscriptionUser, .bntStartInscriptionUser
{
    position: absolute; 
    left: 650px; 
    top: 0px
}

.bntPrecedentInscriptionUser
{
    position: absolute; 
    left: 560px; 
    top: 0px
}

.contenuCorpForm
{
    position: relative;
    text-align:right;
    float:right;
    width:700px;
    /*right:200px;*/
}

.contenuCorpForm3
{
    position: relative;
    text-align:left;
    float:left;
    width:700px;
    /*right:200px;*/
}

.oblig
{
    font-weight:bold;
}

#divOption3
{ /* boutons d'option CHOIX1 CHOIX2 pour abonnement payant ou gratuit */
    position:absolute;
    float:left;
    height:26px;
    width:700px;
    top:12px;
    left:50px;
    text-align:left;
}

.option3
{
    position:absolute;
    float:left;
    margin-left:10px;
    width:700px;
}

#txtChoix1
{ /* block blanc arrondi : choix 1*/
    position:relative;
    float: left;
    top:30px;
    width:317px;
    height:110px;
    left:37px;
    background-image: url(./Images/inscription/petit_cadre_blanc_etape3.gif);
    background-repeat:no-repeat;
    background-position:top;
}

#contenuTxtChoix1
{ /* Texte contenu dans le block blanc arrondi : choix 1*/
    position:relative;
    width:290px;
    top:20px;
    left:13px;
    text-align:left;
    line-height:15px;
    font-size:11px;
    font-family:Verdana;
    text-align:justify;
}

#txtChoix2
{ /* block blanc arrondi : choix 2*/
    position:relative;
    float: left;
    top:30px;
    left:70px;
    width:317px;
    height:110px;
    background-image: url(./Images/inscription/petit_cadre_blanc_etape3.gif);
    background-repeat:no-repeat;
    background-position:top;
}

#contenuTxtChoix2
{ /* Texte contenu dans le block blanc arrondi : choix 2*/
    position:relative;
    width:290px;
    top:20px;
    left:13px;
    text-align:left;
    line-height:15px;
    font-size:11px;
    font-family:Verdana;
    text-align:justify;
}


.choix1et2
{ /* Boutons d'options choix 1 et 2 (étape 3) */
    font-weight:bold;
}

#conditions1et2
{
    position:absolute;
    height:300px;
    top:150px;
    left:30px;
    font-weight:bold;
    font-style:oblique;
    text-align:center;
}

#accepteConditions
{
    position:absolute;
    top: 180px ;
    left:110px;
    vertical-align:middle;
}

#cocheAccepteConditions
{
    position:relative;
    float:left;
    top:11px;
    left:0px;
}

#txtAccepteConditions
{
    position:relative;
    float:left;
    left:10px;
}

.ActiveStep
{
    font-weight:bold;
}

.Step
{}


.createUserDroite
{ /* Permet de mettre les combos à droite du texte et d'aligner tous les combos sur une ligne verticale */
    position: relative;
    display:inline;
    float:right;
    width:345px;
    margin:0px;
    padding:0 0 0 5px;
    text-align:left;
}
.createUserGauche
{ /* Permet de mettre le texte à gauche du texte et d'aligner tous les combos sur une ligne verticale */
    position: relative;
    display:inline;
    float:left;
    width:348px;
    right:2px;
    height:24px;
    margin:0px;
    padding:0px;
    text-align:right;
}
.createUserLigne
{ /* Permet de créer une ligne contenant le texte et combo qui suit le texte */
    position: relative;
    float:right;
    width:700px;
    margin:0 0 7px 0;
    padding:0px;
    text-align:right;
}

.createUserDroite2
{ /* Permet de mettre les combos à droite du texte et d'aligner tous les combos sur une ligne verticale */
    position: relative;
    display:inline;
    float:right;
    width:260px;
    margin:0px;
    padding:0px;
    text-align:left;
}
.createUserGauche2
{ /* Permet de mettre le texte à gauche du combo et d'aligner tous les textes sur une ligne verticale */
    position: relative;
    display:inline;
    float:left;
    width:150px;/**/
    right:2px;
    height:24px;
    margin:0px;
    padding:0px;
    text-align:right;
}
.createUserLigne2
{ /* Permet de créer une ligne contenant le texte et combo qui suit le texte */
    position: relative;
    float:right;
    width:410px;
    right:330px;
    margin:0 0 7px 0;
    padding:0px;
    text-align:right;
}

.createUserBlocConn
{/* Block : comment avez vous connnu BDaBD ? */
    position: absolute;
    width:210px; /* taille du bloc arrondi contenant les questions */
    height:150px;
    right:100px;
    top: 125px;
    margin:0 0 7px 0;
    padding:0px;
    text-align:center;
    background-image: url(./Images/inscription/petit_cadre_blanc_etape2.gif);
    background-repeat:no-repeat;
    background-position:bottom;
    
}

.createUserTxtConn
{
    line-height:15px;
    margin-bottom:20px;
}

.createUserComboConn
{
    margin-bottom:15px;
}

.condition
{
    width:750px;
}


/* ETAPE 4 */

#passBdaBd
{/* Contient la flèche + le contenu lorsqu'on clique sur le cadre Pass */
    position: absolute;
    top:50px;
    right:40px;
    background-image: url(./Images/inscription/cadre1Etape4.gif);
    background-repeat:no-repeat;
    width:509px;
    height:277px;
    padding:0;
    text-align:left;
}

#clickPassBdabd
{/* Cadre PASS sur lequel on doit cliquer */
    position:absolute;
    height:80px;
    width:180px;
    top:107px;
    left:48px;
    background-image: url(./Images/inscription/bulle_pass.gif);
    background-repeat:no-repeat;
    cursor:pointer;
}

#clickTransacsBdaBd
{/* Cadre Transacs sur lequel on doit cliquer */
    position:absolute;
    height:80px;
    width:220px;
    top:335px;
    left:10px;
    background-image: url(./Images/inscription/bulle_transacs.gif);
    background-repeat:no-repeat;
    cursor:pointer;
}

#contenuPassBdaBd
{
    position:relative;
    top:10px;
    left:100px;
}

#transacsBdaBd
{/* Contient la flèche + le contenu lorsqu'on clique sur le cadre Transacs */
    position: absolute;
    top:232px;
    right:45px;
    background-image: url(./Images/inscription/cadre2Etape4.gif);
    background-repeat:no-repeat;
    width:507px;
    height:227px;
    padding:0;
    text-align:left;
    visibility:hidden;
}

#contenuTransacsBdaBd
{
    position:relative;
    width:400px;
    top:10px;
    left:100px;
}


#txtChoisissezFormule
{
    position:absolute;
    width:201px;
    height:34px;
    background-image: url(./Images/inscription/txt_choisissez_formule.gif);
    background-repeat:no-repeat;
    top:45px;
    left:30px;
}

#txtUtiliserCoupon
{
    position:absolute;
    width:195px;
    height:33px;
    background-image: url(./Images/inscription/txt_utiliser_coupon.gif);
    background-repeat:no-repeat;
    top:220px;
    left:30px;
}

#codePromo
{
    position:absolute;
    top:260px;
    left:30px;
}

#boutonAutresPaiementsTransacs
{
    position: absolute;
    top:213px;
    right:250px;
    background-image: url(./Images/inscription/btn_paiement_carte.gif);
    background-repeat:no-repeat;
    width:145px;
    height:24px;
}

#boutonPaiementCarteTransacs
{
    position: absolute;
    top:213px;
    right:30px;
    background-image: url(./Images/inscription/btn_autres_paiements.gif);
    background-repeat:no-repeat;
    width:145px;
    height:24px;
    display:none;
}

#boutonAutresPaiementsPass
{
    position: absolute;
    top:263px;
    right:250px;
    background-image: url(./Images/inscription/btn_paiement_carte.gif);
    background-repeat:no-repeat;
    width:145px;
    height:24px;
}

#boutonPaiementCartePass
{
    position: absolute;
    top:263px;
    right:30px;
    background-image: url(./Images/inscription/btn_autres_paiements.gif);
    background-repeat:no-repeat;
    width:145px;
    height:24px;
    display:none;
}

#pourquoiPass
{
    position: absolute;
    top:300px;
    right:0px;
    line-height:16px;
}

#pourquoiTransacs
{
    position: absolute;
    top:-70px;
    left:80px;
    line-height:16px;
}


/* FIN CREATE USER */


/* CREATE ENTREPRISE */

.bntSuivantInscriptionEntreprise, .bntStartInscriptionEntreprise
{
    position: absolute; 
    left: 650px; 
    top: 0px
}

.bntPrecedentInscriptionEntreprise
{
    position: absolute; 
    left: 560px; 
    top: 0px
}


.createEntrepriseDroite1
{ /* Permet de mettre les combos à droite du texte et d'aligner tous les combos sur une ligne verticale */
    position: relative;
    display:inline;
    float:right;
    width:200px;
    margin:0px;
    padding:0px;
    text-align:left;
}
.createEntrepriseGauche1
{ /* Permet de mettre le texte à gauche du combo et d'aligner tous les textes sur une ligne verticale */
    position: relative;
    display:inline;
    float:left;
    width:250px;/**/
    right:2px;
    height:24px;
    margin:0px;
    padding:0px;
    text-align:right;
}
.createEntrepriseLigne1
{ /* Permet de créer une ligne contenant le texte et combo qui suit le texte */
    position: relative;
    float:left;
    width:450px;
    left:20px;
    margin:0 0 7px 0;
    padding:0px;
    text-align:right;
}

#titreEtapeEntreprise1
{
    position: relative;
    background-image: url(./Images/inscription/titre_etape1.gif);
    background-repeat:no-repeat;
    height:26px;
}

#corpFormEntreprise1
{
    position: relative;
    height:272px;
}

#contenuCorpFormEntreprise1
{
    position: relative;
    top:50px;
    left:30px;
    width:700px;
}


#titreEtapeEntreprise2
{/* Titre VOTRE ENTREPRISE */
    position: relative;
    background-image: url(./Images/inscription/pro_titre_entreprise_etape2.gif);
    background-repeat:no-repeat;
    height:26px;
}


#titreEtapeEntreprise2bis
{/* Titre VOUS */
    position: relative;
    background-image: url(./Images/inscription/pro_titre_vous_etape2.gif);
    background-repeat:no-repeat;
    height:26px;
    margin-top:0px;
}


#corpFormEntreprise2
{/* Contient tous les textes et combo de l'inscription PRO étape 2 - partie 1: votre entreprise */
    position: relative;
    height:300px;
}

#contenuCorpFormEntreprise2
{
    position: relative;
    top:10px;
}


#corpFormEntreprise2bis
{/* Contient tous les textes et combo de l'inscription PRO étape 2 - partie 2: vous */
    position: relative;
    height:340px;
}

#contenuCorpFormEntreprise2bis
{
    position: relative;
    top:20px;
    height:340px;
}

.createEntrepriseDroite2
{ /* Permet de mettre les combos à droite du texte et d'aligner tous les combos sur une ligne verticale */
    position: relative;
    display:inline;
    float:right;
    width:200px;
    margin:0px;
    padding:0px;
    text-align:left;
}
.createEntrepriseGauche2
{ /* Permet de mettre le texte à gauche du combo et d'aligner tous les textes sur une ligne verticale */
    position: relative;
    display:inline;
    float:left;
    width:260px;/**/
    right:2px;
    height:24px;
    margin:0px;
    padding:0px;
    text-align:right;
}
.createEntrepriseLigne2
{ /* Permet de créer une ligne contenant le texte et combo qui suit le texte */
    position: relative;
    float:right;
    width:460px;
    right:280px;
    margin:0 0 7px 0;
    padding:0px;
    text-align:right;
}

.createEntrepriseBlocConn
{ /* Comment avez-vous connu BDaBD ? */
    position: absolute;
    width:210px; /* taille du bloc arrondi contenant les questions */
    height:150px;
    background-image: url(./Images/inscription/pro_connu_bdabd_etape2.gif);
    background-repeat:no-repeat;
    background-position:bottom;
    right:30px;
    top: 30px;
    margin:0 0 7px 0;
    padding:0px;
    text-align:center;
}

.createEntrepriseTxtConn
{
    line-height:15px;
    margin-bottom:20px;
}

.createEntrepriseComboConn
{
    margin-bottom:15px;
}

#corpFormEntreprise3
{
    position:relative;
    height:500px;
}

#titreEtapeEntreprise3
{
    position: relative;
    background-image: url(./Images/inscription/titre_etape4.gif);
    background-repeat:no-repeat;
    height:26px;
}

#proTxtAbonnementPro
{
    position:relative;
    background-image: url(./Images/inscription/pro_abon_txtabon.gif);
    background-repeat:no-repeat;
    width:160px;
    height:20px;
    left:70px;
    top:20px;
}

#proCadreAbon
{
    position:relative;
    background-image: url(./Images/inscription/pro_cadre_abonnement.gif);
    background-repeat:no-repeat;
    background-position:top;
    width:427px;
    height:190px;
    left:280px;
    top:40px;
}

#proContenuCadreAbon
{
    position:relative;
    width:400px;
    left:15px;
    top:25px;
    line-height:16px;
}

#proBoutonPaiementCarteTransacs
{
    position:absolute;
    bottom:0;
    left:40px;
    background-image: url(./Images/inscription/btn_paiement_carte.gif);
    background-repeat:no-repeat;
    width:145px;
    height:24px;
}

#proBoutonAutresPaiementsTransacs
{
    position:absolute;
    bottom:0;
    right:40px;
    background-image: url(./Images/inscription/btn_autres_paiements.gif);
    background-repeat:no-repeat;
    width:145px;
    height:24px;
    display:none;
}

#proCadrePkoi
{
    position:absolute;
    left:260px;
    top:300px;
    background-image: url(./Images/inscription/pro_cadre_choixBDaBD.gif);
    background-repeat:no-repeat;
    width:467px;
    height:144px;
}

#proContenuCadrePkoi
{
    position:relative;
    left:40px;
    top:15px;
    line-height:14px;
}


#proCadreCoupon
{ 
    position:absolute;
    left:30px;
    top:170px;
    background-image: url(./Images/inscription/pro_cadre_coupon.gif);
    background-repeat:no-repeat;
    background-position:top;
    width:195px;
    height:164px;/* taille du coupon + 20px pour la hauteur du bouton valider */
}

#proContenuCadreCoupon
{
    position:relative;
    top:15px;
    text-align:center;
    line-height:14px;
}


/* FIN CREATE ENTREPRISE */


/* COMMUN */

#bienvenue
{
    position:relative;
    width:300px;
    height:400px;
    margin-left:auto;
    margin-right:auto;
    background-image:url(./Images/inscription/bienvenue.gif);
    background-repeat:no-repeat;
    padding-top: 150px;
    top:70px;
    text-align:center;
    font-size:14px;
    
}

/*Textbox Watermark*/

.unwatermarked {
	height:18px;
	width:148px;
	font-weight:bold;
}

.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}