﻿/* +---------------------------------------------------------------------------------------
   | Création de compte & General
   +--------------------------------------------------------------------------------------- */
#Formulaire
{
	color: #9c9c9c;
	width: 100%;
}

#Formulaire .LabelObligatoireOff
{
	color: #9c9c9c;
	vertical-align: baseline;
}
#Formulaire .LabelObligatoireOn
{
	font-weight: bold;
	color: #58829F; /* BF4C4C */
}

#Formulaire .TextBox 
{
	padding: 1px 2px 1px 2px;
	color: #9c9c9c;
	border: 1px solid #829bba;
	
	width: 218px;
	height: 18px;
}
#Formulaire .TextBoxCenter
{
	text-align: center;
}
#Formulaire .TextBoxOn
{
	color: #58829F;
	background : #d9e6f6;
}

#Formulaire .Numero {
	width: 50px;
}

#Formulaire .Rue {
	width: 159px;
}

#Formulaire .CodePostal {
	width: 60px;
}

#Formulaire .DropDownList {
	padding: 0px 0px 0px 0px;
	.height:25px;
	width: auto;
}

/* +---------------------------------------------------------------------------------------
   | Contact
   +--------------------------------------------------------------------------------------- */
#Formulaire .ContactMessage
{
	padding: 1px 2px 1px 2px;
	color: #9c9c9c;
	border: 1px solid #829bba;
	
	width: 400px;
}

/* +---------------------------------------------------------------------------------------
   | Recommander a un ami
   +--------------------------------------------------------------------------------------- */
#Formulaire .RecommanderMessage
{
	padding: 1px 2px 1px 2px;
	color: #9c9c9c;
	border: 1px solid #829bba;
	
	width: 360px;
}

/* +---------------------------------------------------------------------------------------
   | Etape 2 - Identification
   +--------------------------------------------------------------------------------------- */
#Formulaire .TextBoxIdentification
{
	padding: 1px 2px 1px 2px;
	color: #9c9c9c;
	border: 1px solid #829bba;
	
	width: 130px;
	height: 15px;
}

/* +---------------------------------------------------------------------------------------
   | infobullebulles Aide
   +--------------------------------------------------------------------------------------- */
.imageAide
{
	margin-left: 5px;
	vertical-align: bottom;
}

a.infobulle {
	color: #5d94ba;
}

.infobulle { position:relative; }
.infobulle,.infobulle:hover {
	background: Transparent;
	color: #5d94ba;
	text-decoration: none
}
.infobulle:hover { cursor: help; }

/* IE seulement pour que l'infobullebulle supperpose correctement les autres liens de la page */
html * .infobulle:hover {
	z-index: 1
} 
.infobulle:visited {
	color: #5d94ba
}

/* paramètres de l'infobullebulle */
.infobulle span
{
	width: 200px;
	position: absolute;
	padding: 4px;
	text-align: justify;
	color: #5d94ba;
	border: 1px solid #829bba;

	background-color: #d9e6f6;
	z-index: 99;
	.top: 2em;
	left: -9999px;
}
.infobulle:hover span { left: 0; }

/* +---------------------------------------------------------------------------------------
   | Etape 2 - Identification
   +--------------------------------------------------------------------------------------- */

.center .Identification .bloc
{
	border: solid 1px #ccc;
	height: 155px;
	margin-bottom: 16px;
	width: 276px;
}
.center .Identification .bloc h3
{
	border-bottom: solid 1px #ccc;
	color: #9c9c9c;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	margin: 0;
	padding: 6px;
	text-align: center;
	text-transform: uppercase;
}
.center .Identification #existcust
{
	float: left;
}
.center .Identification .input
{
	margin: 8px;
	overflow: hidden;
}
.center .Identification .input label
{
	float: left;
	padding-top: 3px;
	width: 120px;
}
.center .Identification .input input
{
	font-size: 10px;
	width: 145px;
	.width: 130px !important;
	_width: 124px;
}
.center .Identification .lostpass
{
	_height: 40px;
	/*margin: 6px 6px 6px 0;*/
	margin: 2px 2px 2px 0;
	text-align: right;
	position: relative;
	left: -24px;
}
.center .Identification #newcust
{
	float: right;
	_height: 156px;
}
.center .Identification #newcust p
{
	text-align: center;
}
.center .Identification #newcust p.intro
{
	margin-top: 30px;
}
.center .Identification .buttons
{
	_clear: both;
	margin: 0;
	_margin-top: -18px;
	padding-top: 4px ;
	_padding-top: 0;
	_position: relative;
	text-align: center;
}