@charset "utf-8";
@import url(general.css);

/* Feuille de style - Accueil
  * Deliv's SARL
  * contact@delivs.com
  */

div#etapes
{
	position: relative;
}

div#recap4
{
	position: relative;
	float: right;
	width: 501px;
	margin-right: 20px;
}

div#recap
{
	position: relative;
	float: left;
	width: 501px;
	margin-left: 20px;
}

div#recap1
{
	position: relative;
	background-image: url("img/recapitulatif3.png");
	background-repeat: repeat-y;
	background-position: top left;
	width: 501px;
	padding-bottom: 4px;
}

div#recap2
{
	position: relative;
	background-image: url("img/recapitulatif4.png");
	background-repeat: repeat-y;
	background-position: top left;
	width: 501px;
}

div#recap3
{
	position: relative;
	background-image: url("img/recapitulatif5.png");
	background-repeat: repeat-y;
	background-position: top left;
	width: 501px;
}

div#codes
{
	position: relative;
	float: right;
	width: 430px;
	margin-right: 20px;
}

div#code_promo
{
	background-image: url("img/code_promo.png");
	background-position: top left;
	background-repeat: no-repeat;
	position: relative;
	width: 430px;
	height: 20px;
}

div.recalculer
{
	position: absolute;
	right: 0px;
	bottom: 0px;
}

div#code1
{
	position: absolute;
	left: 275px;
	top: 2px;
}
div#code2
{
	position: absolute;
	left: 2px;
	top: 23px;
}
div#code3
{
	position: absolute;
	left: 62px;
	top: 23px;
}
div#code4
{
	position: absolute;
	left: 122px;
	top: 23px;
}
div#code5
{
	position: absolute;
	left: 182px;
	top: 23px;
}

div#code6
{
	position: absolute;
	left: 192px;
	top: 2px;
}
div#code7
{
	position: absolute;
	left: 2px;
	top: 23px;
}

div#cheque_cadeau
{
	background-image: url("img/cheque_cadeau.png");
	background-position: top left;
	background-repeat: no-repeat;
	position: relative;
	width: 430px;
	height: 41px;
}

div#message
{
	background-image: url("img/ajouter_message.png");
	background-position: top left;
	background-repeat: no-repeat;
	position: relative;
	width: 236px;
	height: 41px;
}

div#nommer
{
	background-image: url("img/nommer.png");
	background-position: top left;
	background-repeat: no-repeat;
	position: relative;
	width: 430px;
	height: 47px;
}

div#cadeau
{
	position: relative;
	width: 430px;
	height: 43px;
	text-align: left;
}

div#promotions
{
	position: relative;
	text-align: left;
	margin-left: 20px;
	margin-right: 20px;
}

div.float-left
{
	margin-left: 20px;
	float: left;
}

div.float-right
{
	margin-right: 20px;
	float: right;
}

td.empty
{
	text-align: left;
	width: 225px;
	height: 20px;
}

td.articles
{
	text-align: left;
	width: 225px;
	height: 20px;
}

td.qte
{
	text-align: center;
	width: 66px;
}

td.tva
{
	text-align: center;
	width: 56px;
}

td.prix
{
	text-align: center;
	width: 58px;
}

td.supprimer
{
	text-align: center;
	width: 94px;
}

td.total
{
	vertical-align: middle;
	height: 20px;
}

select.formchoose
{
	color: rgb(50, 50, 50);
	font-size: 11px;
	margin-bottom: 4px;
}

.formcode
{
	font-size: 11px;
	width: 50px;
	border: 0;
}

.formcode2
{
	font-size: 11px;
	width: 152px;
	border: 0;
}

.formcode3
{
	font-size: 11px;
	width: 232px;
	border: 0;
}

div#adresses
{
	position: relative;
	float: left;
	width: 411px;
	margin-left: 20px;
}

div#ad_livraison
{
	position: relative;
	background-image: url("img/fond-adresse.png");
	background-repeat: repeat-y;
	background-position: top left;
	width: 411px;
	text-align: left;
}

div#ad_facturation
{
	position: relative;
	background-image: url("img/fond-adresse.png");
	background-repeat: repeat-y;
	background-position: top left;
	width: 411px;
	text-align: left;
}

td.adresse
{
	background-image: url("img/bas-changer.png");
	background-position: top left;
	background-repeat: no-repeat;
	width: 411px;
	height: 22px;
	vertical-align: middle;
	text-align: right;
	padding-right: 5px;
	padding-top: 3px;
}

div.adresse
{
	padding: 10px;
}

td.cadeaux
{
	width: 120px;
	vertical-align: top;
}

div#modepaiement
{
	position: relative;
	margin-left: 20px;
	text-align: left;
}

div#conditions
{
	position: relative;
	float: left;
	background-image: url("img/conditions2.png");
	background-position: top left;
	background-repeat: no-repeat;
	width: 599px;
	height: 63px;
	margin-left: 20px;
}

div.conditions
{
	position: absolute;
	left: 10px;
	top: 26px;
	width: 580px;
	height: 30px;
	text-align: left;
}

div#terminer
{
	position: relative;
	float: right;
	margin-right: 20px;
}

div.produit1
{
	position: relative;
	float: left;
	background-image: url("img/produit.png");
	background-repeat: no-repeat;
	background-position: top left;
	width: 150px;
	height: 295px;
	margin-left: 8px;
	margin-top: 23px;
	margin-bottom: 13px;
}

div.produit2
{
	position: relative;
	float: left;
	background-image: url("img/produit.png");
	background-repeat: no-repeat;
	background-position: top left;
	width: 150px;
	height: 295px;
	margin-left: 7px;
	margin-bottom: 13px;
}

div.produit1p
{
	position: relative;
	float: left;
	background-image: url("img/produit2.png");
	background-repeat: no-repeat;
	background-position: top left;
	width: 150px;
	height: 295px;
	margin-left: 8px;
	margin-top: 23px;
	margin-bottom: 13px;
}

div.produit2p
{
	position: relative;
	float: left;
	background-image: url("img/produit2.png");
	background-repeat: no-repeat;
	background-position: top left;
	width: 150px;
	height: 295px;
	margin-left: 7px;
	margin-bottom: 13px;
}

div.titre
{
	position: absolute;
	left: 9px;
	top: 3px;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

div.photo
{
	position: absolute;
	left: 12px;
	top: 48px;
}

div.descriptif
{
	position: absolute;
	left: 9px;
	top: 180px;
	text-align: left;
}

div.prix
{
	position: absolute;
	left: 22px;
	top: 224px;
	width: 33px;
	height: 17px;
}

div.prix2
{
	position: absolute;
	left: 85px;
	top: 224px;
	width: 33px;
	height: 17px;
}

div.fiche
{
	position: absolute;
	left: 37px;
	top: 250px;
}

div.qte
{
	position: absolute;
	left: 85px;
	top: 7px;
	width: 21px;
	height: 15px;
}

div.caddie
{
	position: absolute;
	left: 113px;
	top: 4px;
}

div.bottom0
{
	position: absolute;
	background-image: url("img/indisponible.png");
	background-repeat: no-repeat;
	background-position: top left;
	left: 0px;
	bottom: 0px;
	width: 150px;
	height: 28px;
}

div.bottom1
{
	position: absolute;
	background-image: url("img/ajouter.png");
	background-repeat: no-repeat;
	background-position: top left;
	left: 0px;
	bottom: 0px;
	width: 150px;
	height: 28px;
}

.formQte
{
	width: 21px;
	font-size: 9px;
	border: 0;
}

img.prix
{
	display: block;
	float: right;
}

div.barre
{
	position: absolute;
	left: 1px;
	top: 0px;
}

div.zonepaiement
{
	width: 451px;
	background-image: url('img/fond-paiement.png');
	background-position: top left;
	background-repeat: repeat-y;
	float: left;
}

div.zonepaiement2
{
	width: 451px;
	background-image: url('img/fond-paiement.png');
	background-position: top left;
	background-repeat: repeat-y;
	margin-left: 20px;
	float: left;
}

div#popup1
{
	position: absolute;
	left: 250px;
	top: 250px;
	width: 500px;
	height: 280px;
	border: solid 1px black;
	background-color: rgb(255, 255, 255);
	padding: 3px 3px 3px 3px;
}

div#popup2
{
	position: absolute;
	left: 250px;
	top: 250px;
	width: 500px;
	height: 280px;
	border: solid 1px black;
	background-color: rgb(255, 255, 255);
	padding: 3px 3px 3px 3px;
}

div#popup3
{
	position: absolute;
	left: 250px;
	top: 250px;
	width: 500px;
	height: 280px;
	border: solid 1px black;
	background-color: rgb(255, 255, 255);
	padding: 3px 3px 3px 3px;
}

div.close
{
	position: absolute;
	right: 10px;
	bottom: 5px;
}

div.commandes0
{
	position: relative;
	background-image: url("img/fond-commandes.png");
	background-repeat: repeat-y;
	background-position: top left;
	padding-left: 4px;
}

div.commandes1
{
	position: relative;
	background-image: url("img/fond-commandes2.png");
	background-repeat: repeat-y;
	background-position: top left;
	padding-left: 4px;
}

div.right2
{
	position: absolute;
	top: 15px;
	right: 25px;
}

div#commande_rapide
{
	position: relative;
	width: 633px;
	height: 94px;
	background-image: url("img/back-rapide.png");
	background-repeat: no-repeat;
	background-position: top left;
}

div#cr_titre
{
	position: absolute;
	left: 20px;
	top: 5px;
}

div#cr_ref
{
	position: absolute;
	left: 16px;
	top: 29px;
}

div#cr_article
{
	position: absolute;
	left: 80px;
	top: 29px;
}

div#cr_qte
{
	position: absolute;
	left: 520px;
	top: 29px;
}

div#cr_total
{
	position: absolute;
	left: 567px;
	top: 29px;
}

div#sa_ref
{
	position: absolute;
	left: 8px;
	top: 49px;
	width: 42px;
	height: 16px;
}

div#sa_article
{
	position: absolute;
	left: 80px;
	top: 49px;
	width: 420px;
	height: 16px;
	text-align: left;
}

div#sa_qte
{
	position: absolute;
	left: 516px;
	top: 49px;
	width: 29px;
	height: 16px;
}

div#sa_total
{
	position: absolute;
	left: 560px;
	top: 49px;
	width: 40px;
	height: 16px;
	text-align: right;
}

div#sa_ok
{
	position: absolute;
	left: 609px;
	top: 44px;
	width: 23px;
	height: 27px;
}

input.inputRef
{
	font-size: 11px;
	width: 41px;
	height: 15px;
	text-align: left;
	border: 0;
}

input.inputQte
{
	font-size: 11px;
	width: 28px;
	height: 15px;
	text-align: center;
	border: 0;
}