/*#header a.panier {display:block;}*/

.panier_content {/*width:560px; margin-left:29px; margin-top:20px;*/}

.panier_content h2 {
/*	width:510px;*/
	border-bottom:1px dotted #dadada;
	line-height:35px;
	font-size:14px; 
	color:#888888;
	padding-left:40px;
	margin-bottom:30px;
	
}
.panier_content h2.titre_panier {background:url('/images/interface/boutique/picto_panier.gif') no-repeat 0 center;}
.panier_content h2.titre_coordonnees {background:url('/images/interface/boutique/picto_coordonnees.gif') no-repeat 0 center; line-height:30px; margin-top:25px;}
.panier_content h2.titre_statut {background:url('/images/interface/boutique/statut_commande.gif') no-repeat;}
.panier_content h2.ok {background-position:0 0;}
.panier_content h2.error {background-position:0 -33px;}

.panier_content h2 span{ color:#e48703;}
.panier_content h2 b { display:block; font-size:12px; font-weight:normal; line-height:9px; padding-left:6px; padding-bottom:20px;}

.panier_header {
	height:33px;
	line-height:33px;
	background:url('/images/interface/boutique/panier_header.gif') repeat-x 0 0;
	color:#4e4e4e;
}
.panier_header span {
	display:inline-block;
	font-size:11px;
	font-weight:bold;
}
/*.panier_header .article {width:280px; margin-left:8px;}
.panier_header .format {width:125px;}
.panier_header .quantite {width:85px;}
.panier_header .prix {width:40px;}*/

.panier_header .article { width: 50%; margin-left: 8px; }
.panier_header .format { width: 20%; }
.panier_header .quantite { width: 15%; }
.panier_header .prix { width: 10%; }

.item_panier .item_name { width: 36%; }
.item_panier .item_format { width: 20%; }
.item_panier .item_quantite { width: 15%; }
.item_panier .item_prix { width: 10%; }


/*Articles*/

.item_panier {overflow:hidden; padding:2px 7px;
border-bottom:1px dotted #dadada;}
.item_panier span { display:inline-block; vertical-align:middle;}

.vignette_panier { width:95px; padding:22px 0;}
.vignette_panier img{
	width:74px;
	padding:4px;
	background:#fff;
	box-shadow:0px 0px 5px #ccc;
	border:1px solid #dadada\9;
}
.item_name {width:175px; padding: 22px 0; color:#7e7e7e; font-size:12px; line-height:16px; margin-right:10px;}
.item_name strong {color:#e48703; font-size:14px; line-height:18px;}
.item_name b { display:inline-block; margin-bottom:3px; }
.item_format { width:95px; text-align:center; background:#fafafa; height:105px; color:#818181; font-size:12px; padding:60px 0 0 0; line-height:14px; margin-right:5px;} 

.item_quantite { width:100px; }
.champ_qte { 
	height:28px; 
	width:60px;
	margin:0 auto;
	background:#fff;	
	border-color: #dadada #EBEBEB #EBEBEB #dadada;
    border-style: solid;
    border-width: 1px;
	position:relative;
}
.champ_qte input {
	border:0; 
	width:38px; 
	height:28px;
	text-align:right;
	padding-right:3px; 
	font-family:Helvetica, Arial, sans-serif;
	color:#666;
	line-height:28px;
}
/*.champ_qte img.plus {position:absolute; top:2px; right:2px;}
.champ_qte img.moins {position:absolute; bottom:2px; right:2px;}*/
.champ_qte .plus { dislay:block; position:absolute; right:5px; top:2px; background:url('/images/interface/boutique/qte-plus.gif') no-repeat; width:12px; height:12px; text-indent:13px; *padding-left:13px; padding-right:0; overflow:hidden; border:none; cursor:pointer; }
.champ_qte .moins { display:block; position:absolute; right:5px; top:13px; background:url('/images/interface/boutique/qte-moins.gif') no-repeat; width:12px; height:12px; text-indent:13px; $padding-left:13px; padding-right:0; overflow:hidden; border:none; cursor:pointer; }

/*.suppr_panier { 
	font-size:10px; 
	padding-left:15px; 
	background:url('/images/interface/boutique/suppr_panier.gif') no-repeat 20px -1px; 
	display:block; 
	text-align:center; 
	margin-top:8px;
	color:#a0a0a0;
}
.suppr_panier:hover {color:#666;}*/
.suppr_panier { display:block; overflow:hidden; background:url('/images/interface/boutique/supprimer-panier.png') no-repeat 0 0; border:none; cursor:pointer; width:70px; height:15px; text-indent:71px; *padding-left:71px; margin:4px auto 0 auto; }
.suppr_panier:hover { background-position:0 -15px; }

.item_prix { width:45px; font-weight:bold; font-size:14px; color:#888888; text-align:center;}

.panier_bottom { padding-top:7px; background:url('/images/interface/boutique/panier_bottom.gif') repeat-x 0 0; border-bottom:1px dotted #dadada;}

.total_panier {
	height:55px;
	margin-top:25px;
	border-bottom:1px dotted #dadada;
	border-top:1px dotted #dadada;
}
.total_panier p { 
	float:right; 
/*	line-height:38px; */
	color:#888888;
	font-weight:lighter;
	font-size: 19px;
}
.total_panier p span{ font-size:14px;}

.total_panier p.montant_total {
	width:85px; 
	color:#e48702; 
	font-size:19px;
	text-align:center;
}

.bon_commande { float:right; clear:both; display:inline-block; text-align:right; font-size:11px; color:#999; margin-top:20px; font-style:italic; background:url('/images/interface/boutique/puce_coordonnees.gif') no-repeat 0 2px; padding-left:10px; }
.bon_commande:hover {color:#f6a50c;}
/*Encart possibilité d'abonnement*/

.encart_abonnement {
	padding:15px;
	background:#f4f4f4 url('/images/interface/boutique/bg_encart_abo.gif') repeat-x 0 0;
	margin-top:30px;
	margin-bottom:5px;
	overflow:hidden;
	box-shadow: 0px 0px 5px #ccc;
	border:1px solid #dfdfdf;
	height:45px\9;
}
.encart_abonnement p{ 
	float:left;
	color:#777;
	font-size:13px;
	width:345px;
	background: url('/images/interface/boutique/alerte_abonnement.gif') no-repeat 0 0;
	line-height:18px; 
	padding:1px 0 0 48px;
	margin-top:4px;
	height:40px;
}
.encart_abonnement a {float:left; margin-top:5px; margin-left:5px;}

.valid_panier {
	clear: both;
	border-radius: 5px;
	background-color: #e48703;
	height: 34px;
	width: 186px;
	color: #fff;
	display: block;
	float: right;
	margin: 20px 0;
	font-size: 13px;
	padding: 3px 30px 5px 18px; /* espace à droite pour la flèche */
	border: none;
	text-align: left;
	cursor: pointer;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12'><path fill='white' d='M1.41 0L0 1.41 4.58 6 0 10.59 1.41 12l6-6z'/></svg>");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 8px 12px;
}

.valid_panier_link {
	border-radius: 5px;
	background-color: #e48703;
	color: #fff;
	display: inline-block;
	float: right;
	margin: 20px 0;
	font-size: 13px;
	padding: 8px 30px 8px 18px; /* plus de vertical padding */
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	line-height: 18px;

	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12'><path fill='white' d='M1.41 0L0 1.41 4.58 6 0 10.59 1.41 12l6-6z'/></svg>");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 8px 12px;
}

.valid_panier:hover, .valid_panier_link:hover {
	background-color: #cf7600;
}





/******* ETAPE 2 ********/

.recap_commande {
	box-shadow:0px 0px 3px #ccc;
	background:#fdfdfd url('/images/interface/boutique/bg_recap.gif') repeat-x 0 bottom;
	padding:25px 20px;
	margin-bottom:4px;
	border:1px solid #dfdfdf;
	width:510px;
}
.recap_item {
	border-bottom:1px dotted #dadada;
	padding-bottom:10px;
	padding-left:15px;
	line-height:16px;
	margin-bottom:25px;
	background: url('/images/interface/boutique/puce_recap.gif') no-repeat 0 2px;
}
.recap_item span { display:inline-block;}
.recap_item span.recap_name_item {
	width:343px;
	font-size:12px;
	color:#3e3e3e;
	padding-right:50px;
}
.recap_name_item strong { color:#e48703; font-size:14px; line-height:18px; }
.recap_name_item b { display:inline-block; margin-bottom:3px; }
.recap_name_item em { color:#7e7e7e;}

.recap_qte {color:#7e7e7e; font-size:12px;
 font-weight:bold; width:65px;}
 .recap_prix {color:#7e7e7e; font-size:12px; width:35px; font-weight:bold;}

.recap_total {
	background: url('/images/interface/boutique/puce_recap.gif') no-repeat 0 3px;
	border-bottom:1px dotted #dadada;
	padding-bottom:8px;
	padding-left:15px;
	color:#e48703;
	font-weight:bold;
	font-size:14px;
	overflow:hidden;
	-height:20px;
}
.total_intitule {float:left; width:300px;}
.recap_total_valeur {float:right; width:47px; text-align:center;}

	/*Formulaire coordonnées*/
	
	#coordonnees ul {padding-bottom:25px; border-bottom:1px dotted #dadada; -padding-bottom:90px;}
	
	#coordonnees ul li {
		padding-left:17px;
		background: url('/images/interface/boutique/puce_coordonnees.gif') no-repeat 0 16px;
		font-size:13px; 
		color:#5f5e5e;
		overflow:hidden;
	}
	#coordonnees label {
		display:inline-block;
		vertical-align:center;
		width:130px;
	}
	#coordonnees input[type=text] {
		background: url('/images/interface/boutique/champs.gif') no-repeat 0 0;
		width:190px;
		padding-left:10px;
		height:37px;
		border:0;
		outline: none;
	}
	#coordonnees input.champ_gd {background-position:0 -37px; width:402px;}
	#coordonnees span{
		float:left;
		padding-top:12px;
		width:133px;
	}
	#coordonnees div{ 
		width:300px;
		float:left;
		padding-top:7px;
		line-height:25px;
	}
	#coordonnees div input { margin-right:4px;}
	#coordonnees .etape2_submit {
		border-radius: 5px;
		background-color: #e48703;
		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12'><path fill='white' d='M1.41 0L0 1.41 4.58 6 0 10.59 1.41 12l6-6z'/></svg>");
		background-repeat: no-repeat;
		background-position: right 8px center;
		background-size: 8px 12px;

		font-family: Helvetica, Arial, sans-serif;
		height: 34px;
		width: 102px;
		border: 0;
		color: #fff;
		float: right;
		margin: 11px 0;
		font-size: 13px;
		cursor: pointer;
		padding-right: 22px; /* espace pour flèche */
	}

	#coordonnees .etape2_submit:hover {
		background-color: #cf7600;
	}

	
	#coordonnees .champ_select { display:inline-block; width:193px; height:37px; background:url('/images/interface/boutique/champs.gif') top left no-repeat; padding-left:7px; padding-top:0; margin-left:0; }
	#coordonnees .champ_select select { outline:none; border:0;margin-top:10px; width:178px; -khtml-appearance:none; background:transparent; margin-left:4px; }
	
	#coordonnees .champs-obligatoires { font-size:10px; color:#888; }

	.error-form { display:block; border:none; background:none; color:#C92121; border-bottom:3px solid #F5E5E7; font-size:14px; line-height:21px; font-weight:bold; padding:10px 15px; margin-bottom:20px; text-align:center; }
	
/* ETAPE 3 */

.statut_commande {
	padding-bottom:25px;
	border-bottom:1px dotted #dadada;
	font-size:13px; color:#999;
	line-height:18px;

}
#retry_pay p {line-height:26px;}
#retry_pay input {margin:0 5px 0 2px;}
#retry_pay .valid_retry {	
		border-radius: 5px;
		background-color: #e48703;
		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12'><path fill='white' d='M1.41 0L0 1.41 4.58 6 0 10.59 1.41 12l6-6z'/></svg>");
		background-repeat: no-repeat;
		background-position: right 8px center;
		background-size: 8px 12px;

		font-family: Helvetica, Arial, sans-serif;
		height: 34px;
		width: 102px;
		border: 0;
		color: #fff;
		float: right;
		margin: 11px 0;
		font-size: 13px;
		cursor: pointer;
		padding-right: 22px; /* espace pour flèche */
	}

.panier_actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

.btn-retour {
    font-size: 14px;
    color: #000;
    text-decoration: none;
    background: none;
    border: none;
    padding: 10px 15px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
/*    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #f8f8f8;*/
}
.btn-retour:hover {
	color: #e48703;
	text-decoration: none;
}
.btn-retour::before {
    content: "‹";
    font-size: 22px;
    margin-right: 6px;
}


@media screen and (max-width:630px) {
	.panier_content { width:auto; margin:15px; }
	.panier_content h2 { width:auto; line-height: 19px; }
	.panier_content h2.titre_panier { line-height:18px; margin-top:-4px; padding-top:4px; padding-bottom:8px; background-position:0 0; }
	.panier_content h2 b { line-height:16px; padding-left:0; }
	.panier_content .vignette_panier { display:none; }
	.panier_content .panier_header { display:table; width:100%; text-align:center; background:#f9f9f9; border-top:1px dotted #CACACA; border-bottom:1px dotted #CACACA; height:auto; padding:8px 0; line-height:normal; vertical-align:middle; }
	.panier_content .panier_header .article { display:table-cell; width:50%; box-sizing:border-box; margin-left:0; }
	.panier_content .panier_header .format { display:table-cell; width:20%; box-sizing:border-box; }
	.panier_content .panier_header .quantite { display:table-cell; width:20%; box-sizing:border-box; }
	.panier_content .panier_header .prix { display:table-cell; width:10%; box-sizing:border-box; }
	.panier_content .item_panier { display:table; padding:0; }
	.panier_content .item_panier .item_name { display:table-cell; width:50%; box-sizing:border-box; margin-right:0; padding:18px 10px 18px 4px; }
	.panier_content .item_panier .item_format { display:table-cell; width:20%; box-sizing:border-box; margin-right:0; padding-top:0; height:auto; }
	.panier_content .item_panier .item_quantite { display:table-cell; width:20%; box-sizing:border-box; }
	.panier_content .item_panier .item_prix { display:table-cell; width:10%; box-sizing:border-box; }
	
	.panier_content .encart_abonnement p { float:none; width:auto; height:auto; }
	.panier_content .encart_abonnement p br { display:none; }
	.panier_content .encart_abonnement a { float:none; margin-top:10px; margin-left:0; display:block; text-align:center; }
	
	.panier_content .recap_commande { width:auto; }
	.panier_content .recap_item span.recap_name_item { display:block; width:auto; padding-right:0; }
	.panier_content .recap_prix { float:right; }
	.panier_content .total_intitule { width:auto; }
	
	.panier_content #coordonnees ul li { background-position:0 3px; }
	.panier_content #coordonnees label { margin-bottom:6px; }
	.panier_content #coordonnees input[type="text"] { display:block; margin-bottom:10px; }
	.panier_content #coordonnees input.champ_gd { width:190px; background-position:0 0; }
	.panier_content #coordonnees .champ_select { display:block; margin-bottom:10px; }
	.panier_content #coordonnees span { padding-top:0; }
	.panier_content #coordonnees ul { padding-bottom:15px; }
	.panier_content #coordonnees .champs-obligatoires { padding-top:10px; }
	.panier_content .valid_panier { height:auto; padding-top:5px; /*background-position:right -5px;*/ }
}
@media screen and (max-width:450px) {
	.panier_content .panier_header .article { width:65%; }
	.panier_content .panier_header .format { display:none; }
	.panier_content .panier_header .quantite { width:20%; }
	.panier_content .panier_header .prix { width:15%; }
	.panier_content .item_panier .item_name { width:65%; }
	.panier_content .item_panier .item_format { display:none; }
	.panier_content .item_panier .item_quantite { width:20%; }
	.panier_content .item_panier .item_prix { width:15%; }
	
	.panier_content .item_panier .item_quantite .champ_qte { width:44px; }
	.panier_content .item_panier .item_quantite .champ_qte input[type="text"] { width:22px; }
	.panier_content .item_panier .item_quantite .suppr_panier { width:56px; height:12px; background-size:56px 24px; }
	.panier_content .item_panier .item_quantite .suppr_panier:hover { background-position:0 -12px; }
	
	.panier_content .total_panier { height:auto; padding:10px 0; }
	.panier_content .total_panier p { display:inline-block; float:none; font-size:13px; line-height:normal; font-weight:bold; }
	.panier_content .total_panier p span { font-size:11px; }
	.panier_content .total_panier p.montant_total { float:right; font-size:15px; text-align:right; width:auto; }	
	.panier_content .valid_panier { float:none; margin-left:auto; margin-right:auto; }
	
	.panier_content .bon_commande { text-align:left; }
}