/* Compte */
div.compte{position:absolute}
input.email{width:180px;font-size:0.90em;}
input.mdp{width:82px;font-size:0.90em;}
button.submit{width:80px;height:22px;font-size:0.90em;padding:2px}
p.bonjour{font-size:12px;margin:0;padding:0;}
h2.compte{color:#F90000;font-size:1em;margin:0 0 5px 15px;}
a.inscription{color:#F90000;font-size:1em;text-decoration:underline}
button.mdpoublie{font-size:1em;width:190px;height:30px;background-image:url("../Images/mdp_oubli.png");border:none;cursor:pointer}
span.mdpoublie{font-weight:bold;color:white;font-size:0.95em}
span.valider{top:-2px;left:25px;color:white;font-size:0.98em;font-weight:bold;}
span.identifier{top:-2px;left:25px;color:white;font-size:0.95em;font-weight:bold;}
p.formInscription{border-bottom:1px solid #1C728D}
td.ligneTableau{padding:2px;color:#606060;}
div.onglet2{position:absolute;margin-left:505px;margin-top:275px;z-index:19;width:600px}
div.cadreCentral{margin-left:271px;margin-top:203px;position:absolute}
div.formContact{
	margin-left:504px;margin-top:305px;padding-right:35px;
	width:607px;height:220px;
	position:absolute;
	overflow-x:hidden;overflow-y:scroll;
	z-index:19
}
/* Map */
div.bulle{position:absolute;z-index:11;left:290px;top:35px;width:295px;font-size:0.98em;}
img.correspondant{position:absolute}
img.portrait{float:left}

/* formulaire
-------------------- */

#contenu form {
	padding:0;
	margin:0 0 20px 15px;
}

#contenu form p {
	margin: 0;
	padding: 4px 0;
	/* Emp�cher le d�passement des flottants */
	overflow: hidden;
	font-size: 11px;
/* 	border-bottom:1px solid #ccc; */
	clear:both;
	float:left;
	width:100%;
}

#contenu form p.derniereLigne {
	border:none;
	margin-left:-302px
}

#contenu form p label {
	float: left;
	width: 162px;
	padding:0 8px 0 0;
	margin: 0;
	line-height:24px;
}

#contenu form p label.codeDeReduction {
	width: 180px;
}

#contenu form p label.petit {
	width: 80px;
}

#contenu form p input, #contenu form p select, #contenu form p textarea {
	float:left;
	margin: 0;
	margin-right:15px;
	width: 190px;
	padding: 3px;
	border:solid 1px #a9abad;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:white;
	font-weight:bold;
	background-color:#43B5D9;
}

#contenu form p input.codeDeReduction {
	width: 50px;
	background-color:#fff;
	padding: 4px;
}

#contenu form p select {
	width: 198px;
}

#contenu form p textarea {
	width: 300px;
}

#contenu form p input.radio, #contenu form p input.checkBox {
	float:left;
	margin: 5px 0;
	width: 20px;
	padding: 0;
	background-color:transparent;
	border: none;
}
#contenu form p .labelRadio, #contenu form p .labelCheckBox {
	float:left;
	margin: 5px 10px 0 0;
	padding: 0;
	background-color:transparent;
	border: none;
	font-weight:bold;
}

#contenu form button.identifier{height:30px;width:120px;background-image:url(../Images/actualites2.png);border:none}
#contenu form button.bouton,
#contenu form button.boutonMemeLigneQuInput {
	display:-moz-inline-box;
	display:inline-block;
	margin:0 0 0 300px;
	padding:0;
	white-space:nowrap;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	border:none;
	background:none;
	height:30px;
	width:120px;
	background-image:url(../Images/actualites2.png);
}
span.enregistrer{top:-2px;left:10px;color:white;font-size:11px;font-weight:bold;}
#contenu form button.boutonMemeLigneQuInput {
	margin:0 0 0 10px;
}
	
#contenu form button.bouton span,
#contenu form button.boutonMemeLigneQuInput span {
	position:relative;
	float:left;
	padding:0 0 0 8px;        /* Largeur du c�t� gauche */ 
	margin:0;
	vertical-align:middle;
}
button.mdp{
	background-image:url(../Images/actualites2.png);
	color:white;text-align:center;font-size:0.98em;
	width:120px;height:30px;
	border:0;
	cursor:pointer
}

#contenu form button.bouton span span,
#contenu form button.boutonMemeLigneQuInput span span {
	padding:0 8px 0 0;/* Largeur du c�t� droit */ 
	color:#FFF;
	line-height:24px; /* Alignement vertical du texte */ 
	border: none;
}

.obligatoire {
	font-size: 1em;
	color: #FF0000;
	clear:both;
	margin:10px 0;
}

/* Etapes de commande
-------------------------------------------------------- */

#etapesDeCommande {
/* 	float: left; */
	width:710px;
	color: #515053;
	font-size: 10.5px;
	font-weight: bold;
	margin: 0 0 20px 0;
	padding:0;
	background-color:#fff;
}

#etapesDeCommande ul {
	margin:0;
	padding:0;
	list-style:none;
/* 	float:left; */
	width:708px;
}

#etapesDeCommande ul li {
	color:#c7c9ca;
	width:156px;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
/* 	float:left; */
	padding:7px;
}

#etapesDeCommande ul li.selection {
	color:#d8d9da;
	background-color:#515053;
}

#etapesDeCommande ul li span {
	color:#fff;
	font-size:18px;
	margin:0 3px 0 0;
	padding:0 5px;
	background-color:#d8d9da;
}

#etapesDeCommande ul li span.chiffreSelection {
	color:#d8d9da;
	background-color:#515053;
	border-right:solid 1px #d8d9da;
}


/* Bloc "adresse de livraison" & "adresse de facturation" 
-------------------------------------------------------- */

.adresseDeLivraison {
	float: right;
	margin: 0 0 20px 0;
	width:305px;
}

.adresseDeLivraisonRecap {
	float: left;
	margin: 0 0 20px 0;
	width:710px;
}

.adresseDeFacturation {
	float: left;
	margin: 0 0 20px 0;
	width:255px;
}

.adresseDeLivraison h3, .adresseDeFacturation h3, .adresseDeLivraisonRecap h3 {
	color:#515053;
	display:block;
	padding: 3px 0 7px 10px;
	margin:0;
	height: 10px;
	background-color: #bbbdbf;
}

.adresseDeLivraison h4 {
	color:#515053;
	width:295px;
	margin:5px 0 0 0;
	padding: 5px 0 7px 10px;
	background-color: #bbbdbf;
	float:left;
}

.adresseDeLivraison .contenu, .adresseDeFacturation .contenu {
	float:left;
	width: 325px;
	margin:1px 0 0 0;
	padding: 10px;
	background-color: #d8d9da;
}

.adresseDeLivraisonRecap .contenu {
	float:left;
	width: 690px;
	margin:1px 0 0 0;
	padding: 10px;
	background-color: #d8d9da;
}

.adresseDeLivraison ul {
	list-style:none;
	margin: 0;
	padding:0;
	width: 305px;
	float:left;
}

.adresseDeLivraisonRecap ul {
	list-style:none;
	margin: 0;
	padding:0;
	width: 710px;
	float:left;
}

.adresseDeLivraison ul li, .adresseDeLivraisonRecap ul li {
	margin: 0;
	padding:0;
	font-size:1em;
	font-weight:bold;
}

.adresseDeLivraison ul li a, .adresseDeLivraisonRecap ul li a,
.adresseDeLivraison ul li a:visited, .adresseDeLivraisonRecap ul li a:visited {
	color:#fff;
	display:block;
	background-color:#8fbce3;
	border-top:solid 1px #FFF;
	padding:3px 0 3px 10px;
}

a.modifierOuAjouter, a.modifierOuAjouter:visited {
	font-size:1em;
	font-weight:bold;
	border-top:solid 1px #FFF;
	color:#fff;
	display:block;
	clear:both;
	background-color:#0081ca;
	padding:3px 0 3px 10px;
}

.adresseDeLivraison ul li a:hover, .adresseDeLivraisonRecap ul li a:hover, a.modifierOuAjouter:hover {
	text-decoration:none;
	background-color:#00529a;
}



/* Bloc "Mode de livraison" 
-------------------------------------------------------- */

div.livraison{
	position:absolute;
	top:250px;
}

.choixDeLaLivraison, .choixDuReglement {
	float: left;
	width:710px;
	margin: 0;
	padding:0;
}

.choixDeLaLivraison ul, .choixDuReglement ul {
	margin: 0;
	padding:0;
	list-style:none;
	width: 710px;
}

.choixDeLaLivraison ul li, .choixDuReglement ul li {
	margin: 0;
	padding:0;
	font-size:1.10em;
	font-weight:bold;
}

.choixDeLaLivraison span.modeDeLivraison, .choixDuReglement span.modeDeReglement,
.choixDeLaLivraison span.choisir, .choixDuReglement span.choisir {
	color:#515053;
	line-height:20px;
	width:200px;
	margin:0;
	padding:0;
	background-color:#bbbdbf;
	float:left;
	text-indent:10px;
	height:20px;
}

.choixDeLaLivraison span.choisir, .choixDuReglement span.choisir {
	background-color:transparent;
/* 	color:#FFFFFF; */
}

.choixDeLaLivraison ul li a, .choixDeLaLivraison ul li a:visited, .choixDuReglement ul li a, .choixDuReglement ul li a:visited {
	height:40px;
	color:#fff;
	display:block;
/* 	background-color:#0081ca; */
	border-top:solid 1Px #FFFFFF;
}

.choixDeLaLivraison ul li a:hover, .choixDuReglement ul li a:hover {
	text-decoration:none;
/* 	background-color:#00529a; */
}