/*******************/
/* STYLES GENERAUX */
/*******************/

/* style des commentaires de champs (span) */
.fieldComment
{
text-decoration:underline;
}

/* style des commentaires intégrés au libellés de champs */
font.fieldCommentInLabel
{
	display: inline;
	text-decoration: underline;
}

/* style des boites de commentaires par défaut*/
.fieldCommentBox
{
	display: none;
	position: absolute;
	float: none;
	border-style: solid;
	border-width: 1px;
	border-color: Black;
	width: 150px;
margin-left:350px;
margin-top:0px;
	background-color: White;
	padding: 2px;
	background-color: #F3EFEA;
}

fieldset div#lblInformationsPersonnellesCommentBox
{
	
float:left;
margin-left:250px;
position:absolute;
z-index:999;
}

li div.fieldCommentBox
{
	
clear:both;
float:left;
margin-left:700px;
position:absolute;
	
}
#content #mainCT.panier div.fieldCommentBox span
{
	text-align: left;
}

/**********************/
/* STYLES SPECIFIQUES */
/**********************/


/* recalage de la boite de commentaire pour l'optin mail partenaire  */
#lblOptinMailPartenairesCommentBox
{
	width: 300px;
	margin-top: -1px;
	margin-left: 200px;
}
#content #mainCT fieldset ul.formField li div.lblOptinMailPartenairesCommentBox span
{
	width: 300px;
}


#content #mainCT.panier select 
{
	float:left;
}

/* réglages de la boite de commentaires pour la date de naissance */
.lblDateNaissanceCommentBox
{
	width: 300px;
	margin-top: 15px;
}

/* on désactive le branchement automatique (.js) du div sur le span de commentaire*/
#content #mainCT fieldset ul.formField li span.lblOptinMailPartenairesComment
{
	display: none;
}

/* les champs de sélection des optins tel et gsm sont cachés par défaut, ils sont affichés dynamiquement ensuite */
.liOptinTelephoneSociete
{
	display: none;
}
.liOptinTelephonePartenaires
{
	display: none;
}
.liOptinGsmSociete
{
	display: none;
}
.liOptinGsmPartenaires
{
	display: none;
}

/***************************************/
/* STYLES AUTRES QUE GESTION DYNAMIQUE */
/***************************************/

/* recalages d'alignements des commentaires sur certains champs */
.lblDateNaissanceComment
{
	margin-top: 0px;
}
.lblComplAdresseComment
{
	margin-top: 0px;
}
.lblBoiteComment
{
	margin-top: 0px;
}
.lblCBoiteComment
{
	margin-top: 0px;
}

/* styles optins tel et gsm */
#content #mainCT fieldset.ClientFormInfoPerso li li label
{
}
#content #mainCT.panier fieldset.ClientFormInfoPerso div li ul {
	/* conteneur des radios d'une liste */
margin:0px;
}

#content #mainCT.panier fieldset.ClientFormInfoPerso div li ul li {
	padding-left: 0px;
	margin:0px;
}

#content #mainCT.panier fieldset.ClientFormInfoPerso li li label
{
	/* libellés oui/non des radios */
	text-align: right;
}

#content #mainCT fieldset.ClientFormInfoPerso li.liOptinTelephoneSociete
{
	font-size: 10px;
	margin-left: 259px;
	font-style: italic;
}
#content #mainCT fieldset.ClientFormInfoPerso li.liOptinTelephoneSociete li
{
	width: 50px;
	clear: none;
	float: left;
	margin-left: 0px;
}
#content #mainCT fieldset.ClientFormInfoPerso li.liOptinTelephonePartenaires
{
	font-size: 10px;
	margin-left: 259px;
	font-style: italic;
}
#content #mainCT fieldset.ClientFormInfoPerso li.liOptinTelephonePartenaires li
{
	width: 50px;
	clear: none;
	float: left;
	margin-left: 0px;
}
#content #mainCT fieldset.ClientFormInfoPerso li.liOptinGsmSociete
{
	font-size: 10px;
	margin-left: 259px;
	font-style: italic;
}
#content #mainCT fieldset.ClientFormInfoPerso li.liOptinGsmSociete li
{
	width: 50px;
	clear: none;
	float: left;
	margin-left: 0px;
}
#content #mainCT fieldset.ClientFormInfoPerso li.liOptinGsmPartenaires
{
	font-size: 10px;
	margin-left: 259px;
	font-style: italic;
}
#content #mainCT fieldset.ClientFormInfoPerso li.liOptinGsmPartenaires li
{
	width: 50px;
	clear: none;
	float: left;
	margin-left: 0px;
}



/* positionnement optins mail soc+part */
#content #mainCT fieldset ul.formField li.liOptinMailSociete span
{
	text-align:right;
width:75%;
}
#content #mainCT fieldset ul.formField li.liOptinMailSociete ul
{
	margin:0px;
}
#content #mainCT.panier fieldset li.liOptinMailSociete .AspNet-RadioButtonList-Item
{
	margin-left: 0px;
	width: 60px;
}
#content #mainCT.panier fieldset li.liOptinMailSociete .AspNet-RadioButtonList-Item label
{
	margin-left:0;
	width:15px;
}
#content #mainCT fieldset ul.formField li.liOptinMailPartenaires span
{
	text-align:right;
width:75%;
}
#content #mainCT fieldset ul.formField li.liOptinMailPartenaires ul
{
		margin: 0px;
}
#content #mainCT.panier fieldset li.liOptinMailPartenaires .AspNet-RadioButtonList-Item
{
	margin-left: 0px;
	width: 60px;
}
#content #mainCT.panier fieldset li.liOptinMailPartenaires .AspNet-RadioButtonList-Item label
{
	margin-left:0;
	width:15px;
}


#content #mainCT.panier fieldset.ClientFormInfoPerso{
margin:0px;
border-bottom:none;
}

#content #mainCT.panier fieldset.ClientFormInfoPerso ul li {
display:block;
line-height: 2em;
float:none;
}

/* 4 champs rue sur même ligne */

#content #mainCT div#ctl00_PageContent_panCoordonnees fieldset.ClientFormInfoPerso ul li.liRue{
    display: inline !important;
    float: right !important;
    margin-top: -20em;
	margin-right: 50px !important;
	* float:none;
	* width :50%;
	* margin : 0;
	* display:block;
	padding:0\9
}

#content #mainCT div#ctl00_PageContent_panCoordonnees fieldset.ClientFormInfoPerso ul li.liRue ul li{
	* float:left;
	* margin : 0;
	* width :100%;
	padding:5px 0 5px 0\9;
}


#content #mainCT div#ctl00_PageContent_panCoordonnees fieldset.ClientFormInfoPerso ul li.liCodePostalVillePays{
    display: inline !important;
    float: right !important;
    margin-top: -11em;
	margin-right: 50px !important;
	* float:none;
	* width :50%;
	* margin :  0;
	* display:block;
	padding:0\9;
}

#content #mainCT div#ctl00_PageContent_panCoordonnees fieldset.ClientFormInfoPerso ul li.liCodePostalVillePays ul li{
	* float:left;
	* margin :  0;
	* width :100%;
	padding:5px 0 5px 0\9;

}

#content #mainCT div#ctl00_PageContent_panCoordonnees fieldset.ClientFormInfoPerso ul li.liComplAdresse1{
    display: inline !important;
    float: right !important;
	margin-right: 50px !important;
	margin-top: -3em;
	* float:none;
	* width :50%;
	* margin :  0;
	* display:block;
	padding:0\9;
	
}

#content #mainCT div#ctl00_PageContent_panCoordonnees fieldset.ClientFormInfoPerso ul li.liComplAdresse1 ul li{
	* float:left;
	* margin :  0;
	* width :100%;
	padding:5px 0 5px 0\9;
}



#content #mainCT div#ctl00_PageContent_panCoordonnees fieldset.ClientFormInfoPerso ul li span.lblErrorMessage{
display:none;
}

#content #mainCT.panier li.liRue ul li.liNomRue input
{
	width:200px;
}


#content #mainCT.panier li.liRue ul li input
{
	width:50px;
}


#content #mainCT.panier li.liCodePostalVillePays ul li.liCodePostal input
{
	width:50px;
}


#content #mainCT.panier li.liCodePostalVillePays ul li.liVille input
{
width:200px;
}


#content #mainCT.panier li.liCodePostalVillePays ul li.liPays input
{
width:50px;
}

#content #mainCT div#ctl00_PageContent_panCoordonnees fieldset{
display:block;
margin-top:10px;	
}
.body_gestioncompteclient_clicreation_aspx #content #mainCT div#ctl00_PageContent_panCoordonnees fieldset{
display:block;
margin-top:0px;	
}



#content #mainCT div#ctl00_PageContent_panCoordonnees span#ctl00_PageContent_updatePanelPartenaire{
display:block;
margin-top:10px;	
}

#content #mainCT div#ctl00_PageContent_panCoordonnees fieldset h3{
    background-color: #F3EFEA;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    color: #2D1E00;
    font-size: 12px;
    margin: 0 0 5px;
    padding: 10px 5px;
}

#content #mainCT div#ctl00_PageContent_panCoordonnees fieldset.ClientFormInfoPerso ul li Label
{
width:180px!important;
}


#content #mainCT div#ctl00_PageContent_panCoordonnees fieldset.ClientFormInfoPerso ul li.liDateNaissance div{
float:left;
}


#content #mainCT.panier fieldset.CCformOptins{
border-top:none;
}

#content #mainCT.panier fieldset.CCformOptins h3{
display:none;
}

#content #mainCT div#ctl00_PageContent_panCoordonnees fieldset.CCformOptins ul {
    display: block;
    float: left;
	 width: auto;
	 margin: 0 0 0 10px;
}

#content #mainCT div#ctl00_PageContent_panCoordonnees fieldset.CCformOptins ul li.liOptinMailSociete{
    display: block;
    float: left;
}

#content #mainCT div#ctl00_PageContent_panCoordonnees fieldset.CCformOptins ul li.liOptinMailPartenaires{
    display: block;
     float: left;

}

#content #mainCT div#ctl00_PageContent_panCoordonnees fieldset.CCformOptins ul li div.AspNet-RadioButtonList{
    float: left !important;
    width: auto !important;
}



#content #mainCT div#ctl00_PageContent_panCoordonnees fieldset.CCformOptins ul li Label
{
    float: left;
    width: auto;
}

#content #mainCT div#ctl00_PageContent_panCoordonnees fieldset.CCformOptins ul li label span{
    float: left;
    width: auto;
}

#content #mainCT div#ctl00_PageContent_panCoordonnees fieldset.CCformOptins ul li span.etatValidation{
display: block;
    float: left;
    height: 20px;
    width: 20px;
	}
	
/************************************************************************/
/*****					GESTION DES ERREURS FORMULAIRES				*****/
/************************************************************************/
span.ErrorMessage  {
}
.successPanel {
}
#tooltip {
    position: absolute;
    z-index: 3000;
}
#tooltip h3, #tooltip div { 
	margin: 0; 
}
.MessageErreur {
	border: dotted 1px Red;
	background-color: White;
	color:Red;
}
#lateralPan div.aboNewsletter p.errorPanel input {

	border-color:red;
}
#content #mainCT fieldset.halfSize ul li.errorPanel input {

	border-color:red;
}
#content #mainCT fieldset.ClientFormInfoPerso ul li.errorPanel input {

	border-color:red;
}

#content #mainCT fieldset.CCformOptins ul li.errorPanel div ul li  {

	border-color:red;

margin-top:-5px;
margin-right:5px;

padding-top:4px;

}

div.divContenuChoixPaiement ul li.errorPanel input {

	border-color:red;
}
div.divContenuChoixPaiement ul li.errorPanel select {

	border-color:red;
}
li.errorPanel span {
}

li.errorPanel input {

border-color:red;
	}
#content #mainCT #bgContainer fieldset.fsPasswordInfo ul.ulLoginPassword li.errorPanel input {

	border-color:red;
}
#content #mainCT #bgContainer fieldset.fsPasswordInfo ul.ulLoginPassword li.errorPanel input {

	border-color:red;
}
#content #mainCT fieldset.ClientFormInfoPerso ul li.errorPanel select {
border-color:red;

}

/*----- validation formulaires------- */


span.etatValidation
{
	width: 20px;
	height: 20px;
	float:left;
	display: block;
}
div.field.valide .etatValidation
{
	background: url(images/valide.gif) no-repeat 0 0;
} 

div.field.nonValide .etatValidation
{
	background: url(images/non_valide.gif) no-repeat 0 0;
}

div.field.nonValide input
{
	border-color: red !important;
}

div.field.enCours .etatValidation
{
	background: url(images/encours.gif) no-repeat 0 0;
}

.btnAfficherFormulaire {
 	background-color: #DF1980;
    clear: both;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    margin: 60px auto;
    padding: 5px;
    position: relative;
    text-align: center;
    width: 50%;
	}

a.btnAfficherFormulaire:hover
{   text-decoration:none;
     color:#FFFFFF;
	 }	


/*autocomplete city*/
ul.ui-autocomplete{
width:220px !important;
margin: 0;
padding:0;
border: 1px solid #DFD5CB;
background-color:white;
}

ul.ui-autocomplete li{
    font-size: 0.9em;
    margin: 0;
    padding: 4px;
}


.body_default_aspx  ul.ui-autocomplete li.ui-autocomplete-category{
    border-bottom: 1px solid #DFD5CB;
    font-weight: bold;
    position: absolute;
    text-align: left;
    width: 220px;
}

ul.ui-autocomplete li.ui-autocomplete-category{
text-align:left;
font-weight: bold;
border-bottom: 1px solid #DFD5CB;
}

/*damande catalogue form non registrée*/


div.FormDemandeCatalogue{
width:757px;
display:block;
margin: 0 auto;
}
fieldset.DemandeCatalogueNotLoggedForm {
   display: block;
    float: left;
    padding: 0;
    width: 757px;
	margin: 0 0 20px 0;
}

fieldset.DemandeCatalogueNotLoggedForm h3 {
   background-color: #F3EFEA;
    color: #2D1E00;
    float: left;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    padding: 0 5px 5px;
    width: 757px;
}
fieldset.DemandeCatalogueNotLoggedForm ul{
   float: left;
   padding: 0;
}
fieldset.DemandeCatalogueNotLoggedForm ul li {
    display: block;
    float: left;
    margin: 2px 0;
    padding: 4px;
    width: 757px;
}

fieldset.DemandeCatalogueNotLoggedForm ul li label{
   display: block;
    float: left;
    margin-right: 5px;
    text-align: right;
    width: 100px;
}

fieldset.DemandeCatalogueNotLoggedForm ul li input {
display:inline;
float:left;
border: 1px solid #DFD5CB;
margin: 0 8px 0 5px;
}

fieldset.DemandeCatalogueNotLoggedForm ul li.liCivilite SELECT{
width:auto !important;
border: 1px solid #DFD5CB;
margin: 0 8px 0 5px;
}

fieldset.DemandeCatalogueNotLoggedForm ul li.liNom{
dispmay:bock
}

fieldset.DemandeCatalogueNotLoggedForm ul li.liNom input{
width:200px;
}

fieldset.DemandeCatalogueNotLoggedForm ul li.liPrenom input{
width:200px;
}

fieldset.DemandeCatalogueNotLoggedForm ul li.liRue input{
width:180px;
}

fieldset.DemandeCatalogueNotLoggedForm ul li.liNumero input{
width:50px !important;
}

fieldset.DemandeCatalogueNotLoggedForm ul li.liBoite input{
width:50px !important;
}


fieldset.DemandeCatalogueNotLoggedForm ul li.liCBoite input{
width:50px !important;
}

fieldset.DemandeCatalogueNotLoggedForm ul li.liCodePostal input{
width:100px !important;
}

fieldset.DemandeCatalogueNotLoggedForm ul li.liCodePays SELECT{
width:auto !important;
float:left;
border: 1px solid #DFD5CB;
margin: 0 8px 0 5px;
}

fieldset.DemandeCatalogueNotLoggedForm ul li span.lblErrorMessage{
display:none;
}

div#ctl00_PageContent_upDemandeCatalogue p.formulaireErreur{
    color: #FF0000;
    display: block;
    font-weight: bold;
    margin: 0 auto;
    width: 757px;
	 padding: 10px;
}