/* ---------------------- Personnalisation du formulaire de connexion ---------------------- */

#loginPage .loginContainer  input, #loginPage .passwordContainer  input 
{width:80px;
height: 14px;
padding-top:1px;
margin-bottom:5px;
}

#loginPage .loginContainer{
    position:relative;
    top:3px;
    left:144px;
    z-index:100;
}


#loginPage .passwordContainer{
    position:relative;
    top:-21px;
    left:252px;
    z-index:100;
    width:50px;
}

#loginPage .cnxAutoContainer{
    position:relative;
    top:-55px;
    left:454px;
}

#loginPage #forgotPasswordContainer
{
	position:relative;
    top:-90px;
    left:454px;
}

#loginPage .validateOnlyContainer{
    position:relative;
    top:-69px;
    left:360px;
    width:50px;
    z-index:100;
}

/*Hack IE*/



html* #loginPage .passwordContainer{
     top:-18px;
}

*+html #loginPage .cnxAutoContainer{
    top:-45px;
}
html* #loginPage .cnxAutoContainer
{
	top:-48px;
}

html* #loginPage #forgotPasswordContainer{
    top:-86px;
}

*+ html #loginPage #forgotPasswordContainer{
    top:-84px;
}


html* #loginPage .validateOnlyContainer{
     top:-66px;
}

*+html #loginPage .validateOnlyContainer{
     top:-62px;
}

#loginPage .passwordContainer  input 
{
	width:80px;
	padding-left:20px;
	height:14px;
}

#loginPage .loginContainer label
{
    width:140px;
	display:none;
	}
	
#loginPage .passwordContainer label
 {
 width:140px;
	display:none;
	}
input.btnvalidate
{
	width:100px;}



#loginPage .cnxAutoContainer label
 {
	font-size: 7pt;
	color:#000000;
	font-weight:normal;
}	
	
	
input.chk {
	background-color:#EBEDEC;
	}
	
.helplink
{
display:none;
}	

.validateOnlyContainer label
{
	padding-left:0px;
	}
.validateOnlyContainer input{
    background:url(../Images/Bouton/btn-connection.gif);
    background-position:center center;
    background-repeat:no-repeat;
	font-weight: bold;
	padding-bottom: 10px;
}

/* ---------------------- Personnalisation du formualaire "Mot de passe oublié" ---------------------- */


/* ---titre de la page-------- */
#forgotPassword h1
{
	color:#000000;
	border-bottom-color:#000000;
}
	
#forgotPassword .informationFrm  {
font-size:10pt;
border-top-color:#000000;
}

#forgotPassword h1 {
font-size:13pt;
}

#forgotPassword .captchaContainer label {
margin-top:39px;
width:160px;
}

#forgotPassword .captchaBlock input {
left:51px;
position:absolute;
top:190px;
width:100px;
}
	
.customCaptcha
{
width:150px;
}	
	
.captchaRenew
{
margin-left:40px;
}

	
/* ---------------------- Personnalisation du formulaire "Création de compte" ---------------------- */

.creationContainer
{width:516px;
	}
h2
{
    color: #000000;
    font-size:12pt;
    font-weight:bold;
    margin-bottom:10px;
    border-bottom-color: #000000;
}		

#creation label
{
text-align:left;
color:red;
}	

#levelPasswordContainer
{
margin-left:166px;
}

#idDay
{width:50px;}
#idMonth
{width:50px;}
#idYear
{width:50px;}

.leftCol
{
width:431px;
}
.rightCol
{
width:85px;
}

/* suppression des champs ligne 1, 2, 3 4 de l'adresse */
.creationContainer div.street1Container, .creationContainer div.street2Container,.creationContainer div.street3Container,.creationContainer div.street4Container 
{
	display:none;}

div.sportContainer, div.disciplineContainer, div.levelContainer 
{width:427px;}

.cardContainer h2
{
display:none;
}
.levelPasswordContainer
{display:none;
	}
	
.captchaBlock input {
width:236px;
position:relative;
left:-127px;
top:-60px;
}

.captcha
{
padding-left:25px;
}

.captchaBlock span.notifyKO, .captchaBlock span.notifyOK
{
position: relative;
 left: -129px; 
 top: -62px;
}
/* ---------------------- Personnalisation du formalaire de modification de compte ---------------------- */

.identificationContainer  h2
{
	display:none;
	}
.measurementValueContainer 
{
padding-top: 6px}

.cardContainer
{
display: none;
}

.adr_typeContainer{
    display:none;
}

.measurementContainer{
    display:none;
}

div.updateContainer {
margin-top:-32px;
margin-bottom: 8px;
}

div.addressContainer div.readOnly div.countryContainer label, div.addressContainer div.readOnly div.street1Container label, div.addressContainer div.readOnly div.street2Container label, div.addressContainer div.readOnly div.street3Container label, div.addressContainer div.readOnly div.street4Container label, div.addressContainer div.readOnly div.postalCodeContainer label, div.addressContainer div.readOnly div.townContainer label
{
	padding-left:0px;
	 margin-left:5px
	}

div.sportContainer, div.disciplineContainer, div.levelContainer {
width:450px;
}	
	
	
	
/* ---------------------- OxylaneId forms ---------------------- */
#updatePassword div.cnxAutoContainer
{
	display:none;
} 


/* ---------------------- OxylaneId forms ---------------------- */



form.formulaire #loginPage{
    width:620px;
    height:68px;
    margin:-5px 0 0 -4px;
    background: #272727 url(../images/background/background-connexion.gif) no-repeat;
}

form.formulaire #loginPage .notifyKO {
   /*position:relative;
   top:-25px;
   left:180px;
   height:0px;*/
   display:none;
}

form.formulaire .notifyNone{
    display:none;
}


form.formulaire fieldset label {
  font-weight: normal;
  font-size: 13px;
  /*line-height:20px;*/
  color: #000000;
  font-family: Arial;
  margin-top:1px;
 /* margin-left:30px;*/
  
 }
 
 form input {
 height: 17px;
  width:170px;
 }

 form.formulaire fieldset input.checkbox {	
  width:auto;
 }

 form.formulaire fieldset input.btnvalidate,  form.formulaire fieldset input.btncancel  {	
  width:109px;
  height:28px;
  cursor:pointer;
 }
 

 
form.formulaire fieldset input.btnDeleteForGroup  {	
  width:80px;
  cursor:pointer;
  padding-left:15px;
  margin:3px 0 0 16px;
 }
 
 form.formulaire fieldset input.btnaddLine {	
  width:110px;
  cursor:pointer;
  margin-left:310px
 }
 
 form.formulaire fieldset select {
 height: 20px;
 width:223px;
 }


form.formulaire fieldset input.btnvalidate {
	background:transparent url(../images/bouton/btnConnexion.gif) no-repeat scroll 0 0;
	width:75px;
	color: #000000;
	font-size: 10px;
	font-weight: normal;
}
form.formulaire fieldset input.btncancel {
	background:transparent url(../images/bouton/btn_valider.gif) no-repeat scroll 0 0;
	width:120px;
	color: #000000;
	font-weight: bold;
}

form.formulaire fieldset .validateContainer input.btnvalidate {
	background:transparent url(../images/bouton/btn_valider.gif) no-repeat scroll 0 0;
	width:120px;
	color: #000000;
	font-weight: bold;
	margin:0px 5px 0px 5px;
}


/* ---------------------- Styles for create/update account ---------------------- */
form.formulaire div.titleFrm{
  font-size: 0.9em;
  color: #000000;
  font-weight:bold;
}

form.formulaire span.titleFrm{
  font-size: 0.9em;
  color: #000000;
  font-weight:normal;
}

#forgotPasswordContainer span a{
    color:#000000;
    font-size: 7pt;
    text-decoration: underline;
}

span.mandatory {
	color:#ED1C24;
	font-weight:bold;
}
span.mandatoryInfo {
	font-size:0.7em;
	font-weight:normal;
	margin-right:20px;
}
div#levelPasswordContainer span{
	font-size:0.7em;
}
form input, form textarea, form select {
  border-color: #9cb3c9;					/* Border color of elements forms */
}

div.formTop{		/*Img for the top of the form*/
  height:10px;
}

form.formulaire fieldset {		/*Img for the background of the fieldset */
  padding:4px;		
 
}

div.opfailure{
  padding-left:10px;
}
div.opsuccess{
 padding-left:10px;
}

/* ----------------------- tables ---------------------------------------------------------*/
tr.even{
	background-color:transparent;
}
tr.odd{
	background-color:#FFA8A8;
}
tr.rowActive {
	background-color:#FF7575;
}
th{
	text-align:left;
}


a {
	color:#000000;
	text-decoration:none;
}

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

#divConfirmEtape2 
{
	color:#000000;
}

div.BoutonContribution
{
    background-image:url(../images/bouton/btn_valider.gif);
    background-position:top left;
    background-repeat:no-repeat;
    padding:3px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    width:120px;
    height:22px;
    color:#000000;
    font-weight:bold;
    text-align:center;
    cursor:pointer;
}
div.BoutonContribution span
{
    color:#000000;
    font-weight:bold;
}


span.msgValidation ul li
{
	position: absolute;
	top: -50px;
	left: -100px;
	color: Red;
	background-color: Yellow;
}

/**    Bulle aide    **/
.bubble {
  display:block;
    position:absolute;
    top:-5px;
    left:150px;
    width:220px;
    display:none;
    margin-top:-8px;
    margin-left:108px;
    z-index:888;
    overflow:hidden;
    background-color: White;
    border: solid 2px #DFDD3A;
    height:25px;


}

.bubble .top{
    display: none;
}

.bubble .middle .center{
   background:none;
   font-size:11px;
   background:none;
   font-weight: normal;
   
}

.bubble .bottom
{
	display: none;
}



.searchFrame .bubble .middle .center
{
	font-size: 11px;
	font-weight: normal;
}

div.captchaBlock a
{
	color: #000000;
}