﻿/* CSS Document */
*{
	margin:0;
	padding:0;
}
#processus_commande {
	width: 531px;
	height: 41px;
	margin:0 auto 40px auto; /* moitié de la largeur */
}
#processus_commande p{
	float:left;
}
.h1_caddie{
	margin: 0px 0 20px 0;	
}
/*************************************************************************/
/*-----------------------------COMMANDE----------------------------------*/
/*************************************************************************/
#texte #global_caddie .titre_tab{
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	padding: 4px;
	height:32px;
	font: bold 1em Arial, Helvetica, sans-serif;
}
.ligne_produit_tab{
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	color:#000;
	background:#fff;
	padding: 4px;
	font:1em Arial, Helvetica, sans-serif;
}
.col_total_right{
	font: bold 1em Arial, Helvetica, sans-serif;
}

.option_panier{
	border-top: 1px dashed #000;
	width:80%;
	padding: 15px 15px 5px 25px;
	margin: 10px auto 20px auto;
}
.option_panier .h2_caddie{
	margin: 0px 0 10px -15px;
}
input.btn-caddie{
	padding: 7px;
	margin: 15px 0 10px 0;
	float:right;
	width:170px;
	cursor: pointer;
}
input.btn-caddie_petit{
	padding: 3px;
	margin: 20px 0 10px 10px;
	float:right;
	cursor: pointer;
}
.recalculer{
	margin-right:5%;
}
#texte .cgv{
	float:right;
	margin:10px 0 3px 0;
}

#texte .cgv2{
	float:right;
	margin:10px 0 3px 0;
	font-size:14px;
	font-weight:bold;
}
/*************************************************************************/
/*--------------------------IDENTIFICATTION------------------------------*/
/*************************************************************************/
.identification{
	float:left;
	width:40%;
	padding:15px;
	height:180px;
}
.colonne-identification-left{
	float:left;
	padding:5px;
	margin: 15px 0 0 0;
}
.colonne-identification-right{
	margin: 15px 0;
	float:left;
}
.colonne-identification-right p{
	margin: 5px 0 10px 0;
}
/*************************************************************************/
/*------------------------------LIVRAISON--------------------------------*/
/*************************************************************************/
.livraison{
	float:left;
	width:37%;
	padding: 0 10px;
	margin:3px 0 0 10px;
}
.livraison2{
	float:left;
	width:40%;
	padding:10px;
	margin-left:9%;
}
.nom_client{
	font:1.2em Arial, Helvetica, sans-serif;
}
#texte .livraison p, #texte .ad_livraison p, #texte .ad_facturation p{
	margin:0 0 0 20px;
	line-height:18px;
}
.choix_livraison{
	margin: 10px 10px;
}
.choix_livraison input{
	margin: 0 5px 0 0 ;
}
#zone_colissimo{
	margin: 0 0 0 20px;
}
#texte p.prob_livraison{
	margin: 10px 0 0 0 ;
	float:right;
}
#texte #info_complementaire p, #texte #info_complementaire h3, #texte #info_complementaire h2 {
	margin: 10px 0 10px 20px;
}
/*************************************************************************/
/*----------------------------RECAPITULATIF------------------------------*/
/*************************************************************************/
.ad_facturation{
	float:left;
	width:37%;
	margin-left:5%;
}
.ad_livraison{
	float:left;
	width:37%;
	margin-left:15%;
}
.recap{
	float:left;
	width:43%;
	/*-width:45%;*/
	padding:10px;
	margin:0 0 0 10px;
}
#info_complementaire{
	border:1px solid #000;
	margin: 20px auto 20px auto;
	width: 70%;
}
/*************************************************************************/
/*-------------------------------PAIEMENT--------------------------------*/
/*************************************************************************/
#paiement_logo{
	float:left;
	width: 25%;
	margin: -10px 0 0 0;
}
#paiement_input{
	float:left;
	width: 25%;
	margin: 15px 0 0 0;
}
#info_complementaire_paiement{
	border:1px solid #000;
	float:right;
	padding: 10px;
	margin: -5px 0 0 0;
	width:35%;
}
#info_complementaire_paiement p, #info_complementaire_paiement h3 {
	margin: 10px 0 10px 0px;
}

/*************************************************************************/
/*----------------------MODULE RECAP. CADDIE COMPLET---------------------*/
/*************************************************************************/
#global_recap{
	width: 92%;
	border: 1px solid #fff;
	margin: 20px auto;
	padding-bottom:10px;
}
#global_recap img{
	margin: 5px 0 0 7px;
}
#global_recap h2{
	float:left;
	margin: 15px 0 0 10px;
}
#global_recap .article{
	width:80%;
	padding: 0 5px 10px 5px;
	margin:0 auto 0 auto;
}
#global_recap .article ul, #global_recap .article ul li{
	margin: 0 0 0 5px;
} 
.quantite-prix {
	width:55%;
	margin:5px 0 0 0;
	display:inline;
}

#total_recap_caddie{
	border-top:1px solid #fff;
	width:90%;
	margin:5px auto 0 auto;
	clear:both;
}
#total_recap_caddie h3{
	float:left;
	margin: 10px 0 5px 7px;
}
#total_recap_caddie span{
	float:right;
	margin: 10px 7px 5px 0;
}
/*----------------- RECAP. CADDIE LIGNE------------------*/
#recap_caddie_ligne{
	float:right;
	margin: 5px 10px 0 0;
}
#recap_caddie_ligne h3{
	float:left;
	margin:5px 0 0 7px;
}
.img_panier{
	float:left;
}
