/* -----------------------------------------------------------------------------
 * Style affichage BtoC - Donatello 2007
 * ----------------------------------------------------------------------------- */
 p.obligatoire {
	font-weight: bold;
 }
/* -----------------------------------
 * ElÃÂ©ments gÃÂ©nÃÂ©riques pour formulaire
 * ----------------------------------- */
form {
	margin-top: 10px;
}
select, input {
	padding: 0;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	font-size: 8pt;
	font-weight: normal;
	font-family: Arial, Verdana, sans-serif;
	border: 1px solid #8d8d7d;
}
textarea {
	border: 1px solid #8d8d7d;
}
.saisieRadio {
	border: 0px;
	margin-left: 10px;
	margin-right: 10px;
}
/* -----------------------------------
 * Formulaire type
 * ----------------------------------- */
/* -- Recherche multi-critÃÂ¨re */
#rechercheMultiCritere {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 8pt;
	color: #1e1e1e;
}
#rechercheMultiCritere form {
	margin-top: 10px;
}
 
#rechercheMultiCritere form select {
	margin-top: 2px;
	margin-bottom: 8px;
	width: 205px;
}

#rechercheMultiCritere form input {
	margin-top: 2px;
	margin-bottom: 8px;
	width: 205px;
}

#checkPromo{
	width:20px!important;
	margin-top:7px!important;
}

#rechercheMultiCritere form input.date {
	width: 160px;
}

#rechercheMultiCritere form input.validation {
	height: 25px;
	font-weight: bold;
	color: #fff;
	background: #5c5853;
	margin-bottom: 10px;
}

/* -- Edition identification */
form.identificationCompte input {
	width: 210px;
}
form.identificationCompte button {
	border: 0px;
	margin-top: 10px;
	margin-left: 54px;
	width: 94px;
	height: 25px;
}
form.identificationCompte button img {
	border: 0px;
	width: 94px;
	height: 25px;
}
/* -- CrÃÂ©ation de compte client */
form.creaCompte table {
	width: 300px;
}
form.creaCompte table col.colonneG {
	width: 110px;
}
form.creaCompte table col.colonneD {
	width: 190px;
}
form.creaCompte input.saisieTxt {
	margin-left: 10px;
	width: 175px;
}
form.creaCompte input.saisieTxtUp {
	margin-left: 10px;
	width: 175px;
	text-transform: uppercase;
}
form.creaCompte button {
	border: 0px;
	margin-top: 10px;
	width: 167px;
	height: 25px;
}
form.creaCompte button img {
	border: 0px;
	width: 167px;
	height: 25px;
}
/* -- Edition de compte client */
form.editCompte table {
	width: 300px;
}
form.editCompte table col.colonneG {
	width: 110px;
}
form.editCompte table col.colonneD {
	width: 190px;
}
form.editCompte input.saisieTxt {
	margin-left: 10px;
	width: 175px;
}
form.editCompte input.saisieTxtUp {
	margin-left: 10px;
	width: 175px;
	text-transform: uppercase;
}
form.editCompte select {
	margin-left: 10px;
	width: 175px;
}
form.editCompte button {
	border: 0px;
	margin-top: 10px;
	width: 147px;
	height: 25px;
}
form.editCompte button img {
	border: 0px;
	width: 147px;
	height: 25px;
}
/* -- Demande d'info */
form.demandeInfo table {
	width: 300px;
}
form.demandeInfo table col.colonneG {
	width: 110px;
}
form.demandeInfo table col.colonneD {
	width: 190px;
}
form.demandeInfo input.saisieTxt {
	margin-left: 10px;
	width: 175px;
}
form.demandeInfo input.fichier {
	margin-left: 10px;
	width: 175px;
}
form.demandeInfo select {
	margin-left: 10px;
	width: 175px;
}
#objetMailDemandeInfo{ 
	margin-left: 0px;
	width: 300px;
}
#objetMailDemandeInfo optgroup option{
	text-indent:20px;
}
form.demandeInfo button {
	border: 0px;
	margin-top: 10px;
	width: 122px;
	height: 25px;
}
form.demandeInfo button img {
	border: 0px;
	width: 122px;
	height: 25px;
}
/* -- Edition du mot de passe client */
form.editPwd table {
	width: 300px;
}
form.editPwd table col.colonneG {
	width: 200px;
}
form.editPwd table col.colonneD {
	width: 100px;
}
form.editPwd input.saisieTxt {
	width: 80px;
}
form.editPwd button {
	border: 0px;
	margin-top: 10px;
	width: 147px;
	height: 25px;
}
form.editPwd button img {
	border: 0px;
	width: 147px;
	height: 25px;
}
/* -- Abonnement ÃÂ  la newsletter */
form.abonnementNewsletter table {
	width: 300px;
}
form.abonnementNewsletter table col.colonneG {
	width: 90px;
}
form.abonnementNewsletter table col.colonneD {
	width: 210px;
}
#buttonNewsletter {
	border: 0px;
	margin-top: 10px;
	width: 147px;
	height: 25px;
}
#buttonNewsletter img {
	border: 0px;
	width: 147px;
	height: 25px;
}
form.abonnementExpress input {
	padding-left: 5px;
	width: 195px;
	color: #727461;
	height: 20px;
}
form.abonnementExpress button {
	vertical-align: middle;
	border: 0px;
	margin-left: 10px;
	width: 67px;
	height: 20px;
}
form.abonnementExpress button img {
	border: 0px;
	width: 67px;
	height: 20px;
}
/* -- Pense bÃÂªte */
form.penseBete table {
	width: 300px;
}
form.penseBete table col.colonneG {
	width: 110px;
}
form.penseBete table col.colonneD {
	width: 190px;
}
form.penseBete input.saisieTxt {
	margin-left: 10px;
	width: 175px;
}
form.penseBete button {
	border: 0px;
	margin-top: 10px;
	width: 122px;
	height: 25px;
}
form.penseBete button img {
	border: 0px;
	width: 122px;
	height: 25px;
}
/* -- Sur mesure */
form.surMesure table {
	width: 460px;
}

form.surMesure tr {
	height: 28px;
}

form.surMesure td {
	padding-top: 5px;
	padding-bottom: 5px;
}

form.surMesure input {
	width: 216px;
}

form.surMesure select {
	width: 216px;
}

form.surMesure select.civilite {
	width: 45px;
}

form.surMesure input.nom {
	width: 160px;
}

form.surMesure input.date {
	width: 170px;
	height: 18px;
	margin-right:0px;
}

form.surMesure img.date {
	width: 41px;
	height: 18px;
	margin-left: 0px;
	text-align:left;
}

form.surMesure span.star {
	margin-left: 5px;
	color: #f35423;
}

form.surMesure p.oblig {
	color: #f35423;
}

form.surMesure button {
	width: 216px;
	height: 20px;
}

form.surMesure button img {
	width: 216px;
	height: 20px;
}

button.switch_form {
	margin-top: 20px;
	margin-left: 70px;
	width: 300px;
	height: 24px;
}

button.switch_form img {
	width: 300px;
	height: 24px;
}

#civiliteNewsletter input, #partenariat input, #newsletterEdit input{
	width:10px;
}

#partenariat, #newsletterEdit{
	text-align:center;
}

#CodePostal input{
	width:40px;
}

#first {
	width:100px;	
}

