.content_panier { padding:3% 0 5% }
.content_panier .wp50.left { 
	padding:0 2% 0 0 
}
.content_panier .wp50.right { 
	padding:0 0 0 2% 
}

/* >>> compte création */
#page_panier-creation .content_panier { padding:3% 0 5% }
#page_panier-creation .content_panier .wp50.left { 
	padding: 0 0 0 2%
}
#page_panier-creation .content_panier .wp50.right { 
	padding: 0 2% 0 0
}
#bloc_new_client {
	height: 100%;
	padding: 20px 30px;
	border: #d4d4d4 1px solid;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#bloc_new_client h2 {
	margin: 0 0 20px;
	color: #4a4851
}

@media screen and (max-width: 990px) {
	
	/* panier > coordonnees */
	.formulaire-2 label.floated-label input,
	.formulaire-2 label.floated-label select,
	.formulaire-2 label.floated-label textarea,
	.formulaire-2 span.inline-label { width:50%; }
	.formulaire-2 label.inline-label { margin-right:5px; }

}

@media screen and (max-width: 640px) {
	
	/* panier > coordonnee */
	.content_panier .wp50.right,
	.content_panier .wp50.left { 
		width:100%; 
		float:none; 
		padding:20px 0 
	}

}

/* smartphone horiz BIG */
@media screen and (max-width: 540px) {
		
	/* panier > coordonnee */
	.formulaire-2 label.floated-label { line-height:normal; padding:15px 0 0; margin:0; }
	.formulaire-2 label.floated-label input,
	.formulaire-2 label.floated-label select,
	.formulaire-2 label.floated-label input[type="password"],
	.formulaire-2 label.floated-label textarea { width:100%; float:none; margin-top:5px; }
	.formulaire-2 span.inline-label { display:block; width:100%; margin:20px 0 5px; }

	/* panier > mdp */
	#page_compte-mdp label.floated-label #login { width:100%; }
	#page_compte-mdp #submit_identification { width:100%;  max-width:220px; }
	
	/* --- */
	/* fancy detatil commande */
	/*#form-valid .button { display:none; }
	#form-valid .submit { display:block; float:none; }*/
	
}

@media screen and (max-width: 540px) {
	
	/* commons */
	label.floated-label {
		display: block;
	}
	label.floated-label select, 
	label.floated-label input, 
	label.floated-label textarea {
		float: none;
	}
}

/* > PANIER > index.php ---------------------------------------------------------------------------------------------- */
.empty-content {
	min-height: 40vh;
	padding: 8% 20px 10%;
	text-align: center;
}
/* --- boutons --- */
#panier-content .submit,
#panier-content .button {
	height: 50px;
	display:inline-block;
	text-align: center;
	border-style:solid;
	border-width: 1px;
	text-transform:uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	padding: 10px 20px;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
#panier-content .submit {
	color: #fff;
	border-color: #202020;
	background-color: #202020;
}
#panier-content .button {
	color: #202020;
	border-color: #202020;
	background-color: trasparent;
}
#panier-content .submit:hover,
#panier-content .button:hover {
	color: #fff;
	border-color: #89b4e1;
	background-color: #89b4e1;
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
	-webkit-box-shadow: rgba(0,0,0, .2) 5px 5px 0;
	        box-shadow: rgba(0,0,0, .2) 5px 5px 0;
}
#form-valid .submit,
#form-valid .button {
	min-width: 220px;
}

/* --- commons --- */
#panier-content .error_output {
	line-height: 1.4em;
}
.inline-label { color: #4a4851; }
label {
	color: #4a4851;
}
label.floated-label {
	margin: 0;
	height: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
label.floated-label select, 
label.floated-label input, 
label.floated-label textarea {
	float: none;
}
label.floated-label textarea {
	min-height: 60px;
}
.quantite {
	position: relative;
}
.quantite .champs_quantite {
	height: 34px;
	background-color: transparent;
	border: #ccc 1px solid;
	margin-bottom: 0;
	color: #787878;
}
.quantite .bouton_plus,
.quantite .bouton_minus {
	position: absolute;
	right: 2px;
	z-index: 2;
	background-repeat: no-repeat;
	background-size: 11px 6px;
	display: block;
	width: 20px;
	height: 20px;
}
.quantite .bouton_plus {
	top: 2px;	
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='7' viewBox='0 0 13 7'%3E%3Cpath fill='%23787878' d='M12.9,6L6.8,0.1C6.6,0,6.4,0,6.2,0.1L0.1,6C0,6.2,0,6.4,0.1,6.6L0.6,7l5.9-5.7L12.4,7l0.5-0.4C13,6.5,13,6.4,13,6.3C13,6.2,12.9,6.1,12.9,6z'/%3E%3C/svg%3E");
	background-position: left 50% top 70%;
}

.quantite .bouton_minus {
	bottom: 2px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='7' viewBox='0 0 13 7'%3E%3Cpath fill='%23787878' d='M0.1,1l6.1,5.9C6.4,7,6.6,7,6.8,6.9L12.9,1c0.1-0.1,0.2-0.4,0-0.6L12.4,0L6.5,5.7L0.6,0L0.1,0.4C0,0.5,0,0.6,0,0.7C0,0.8,0.1,0.9,0.1,1z'/%3E%3C/svg%3E");
	background-position: left 50% bottom 70%;
}
.quantite .bouton_plus:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='7' viewBox='0 0 13 7'%3E%3Cpath fill='%23000' d='M12.9,6L6.8,0.1C6.6,0,6.4,0,6.2,0.1L0.1,6C0,6.2,0,6.4,0.1,6.6L0.6,7l5.9-5.7L12.4,7l0.5-0.4C13,6.5,13,6.4,13,6.3C13,6.2,12.9,6.1,12.9,6z'/%3E%3C/svg%3E"); }
.quantite .bouton_minus:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='7' viewBox='0 0 13 7'%3E%3Cpath fill='%23000' d='M0.1,1l6.1,5.9C6.4,7,6.6,7,6.8,6.9L12.9,1c0.1-0.1,0.2-0.4,0-0.6L12.4,0L6.5,5.7L0.6,0L0.1,0.4C0,0.5,0,0.6,0,0.7C0,0.8,0.1,0.9,0.1,1z'/%3E%3C/svg%3E"); }

/* >>> HEADING PANIER + TUNNEL ---------------- */
#heading-panier { 
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 5% 60px 5% 25%;
}
#heading-panier h1 {
	margin: 0;
	text-align: left;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
#heading-panier a, 
#heading-panier img { vertical-align:middle; }
#panier-tunnel {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	max-width: 700px;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	color: #202020;
	margin: 0;
}
#panier-tunnel li { 
	display: inline;
	font-size: .75em;
	font-family: 'Roboto Condensed', sans-serif;
	-webkit-transition: color .3s; 
	-o-transition: color .3s; 
	transition: color .3s
}
#panier-tunnel li span.num {
	margin: -3px 8px 0 0;
	display:inline-block;
	vertical-align:middle; 
	width: 30px; 
	height: 30px;
	font-weight: 300;
	line-height: 30px; 
	border-radius:50%; 
	font-size: 18px; 
	border: #202020 1px solid;
	background: #fff;
	color: #202020;
	-webkit-transition: background-color .3s, border-color .3s, color .3s; 
	-o-transition: background-color .3s, border-color .3s, color .3s; 
	transition: background-color .3s, border-color .3s, color .3s
}
#panier-tunnel li > span.num { margin-left:10px; }
#panier-tunnel li > a { 
	display:inline-block; 
	margin-left:10px; 
	-webkit-transition: color .3s; 
	-o-transition: color .3s; 
	transition: color .3s
}
#panier-tunnel li.active span.num { 
	background:#89b4e1;
	border-color:#89b4e1;
	color: #fff;
}
#panier-tunnel li > a:hover { color: #89b4e1; }
#panier-tunnel li > a:hover span.num { 
	background: #202020;
	border-color: #202020;
	color: #fff;
}
#panier-content { 
	padding: 0 80px 40px;
}
@media screen and (min-width: 1600px) {
	#panier-tunnel { max-width: 820px; }
	#panier-content { padding: 0 120px 40px; }
}
@media screen and (max-width: 1440px) {
	#heading-panier h1 { font-size: 2em }
}
@media screen and (max-width: 1280px) {
	#heading-panier { display: block; }
	#panier-tunnel,
	#heading-panier h1 { 
		margin: 0 auto; 
		text-align: center; 
	}
}
@media screen and (max-width: 860px) {
	#heading-panier { padding: 17% 60px 5%; }
	#panier-content { padding: 0 40px 40px; }
}
@media screen and (max-width: 740px) {
	#heading-panier { padding: 17% 20px 5%; }
	#panier-tunnel {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		position: relative;
		width: auto;
		padding-bottom: 60px;
	}
	#panier-tunnel li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto }
	#panier-tunnel li span.text { display: none }
	#panier-tunnel li.active span.text {
		display: block;
		position: absolute;
		left: 0; bottom: 20px;
		width: 100%; height: 30px;
		text-align: center;
		font-size: 1.25em;
		font-weight: 600;
		line-height: 20px;
	}
	#panier-content { padding: 0 20px 40px; }
}
@media screen and (max-width: 560px) {
	#heading-panier { padding: 40% 0 5%; }
}
@media screen and (max-width: 480px) {
	#heading-panier { padding: 40% 0 5%; }
}

/* code promo */
#promo-info-commande { 
	margin: 20px auto;
	max-width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
#promo-info-commande #panier-left-content {
	width: 50%;
	padding: 0 20px 0 0;
	max-width: 540px;
}
#promo-info-commande #total-commande { 
	width: 50%;
	padding: 0 0 0 20px;
	max-width: 540px;
}
#panier-left-content h2 {
	line-height: 1.2em;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	margin: 0 0 1em;
	font-size: 1.25em;
}
#form-reduction {
	padding: 30px;
	background: #e1ecf7;
	margin-bottom: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
#form-reduction h2 {
	width: 100%;
}
#form-reduction .form-reduction_fieldset {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 200px;
}
#form-reduction #code_reduction {
	height: 50px;
	width: calc(100% - 60px);
	padding: 0 10px;
	margin:0;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
#panier-message textarea,
#form-reduction #code_reduction {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
}
#form-reduction #submit_reduction { 
	min-width: 60px;
	height: 50px;
	width: 60px;
	text-align: center;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	padding: 0; 
	margin: 0; 
	border: none;
	color: #fff;
	background-color: #202020;
	cursor:pointer;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
#form-reduction #submit_reduction:hover {
	background: #89b4e1;
	color: #fff;
}

#panier-message textarea {
	height: 120px;
}
.privacy_checkbox,
#privacy_checkbox {
	position: relative;
	padding-left: 25px;
	text-align: justify;
	font-size: 14px;
	color: #929292;
}
.privacy_checkbox input,
#privacy_checkbox input {
	position: absolute;
	top: 5px; left: 0;
}
.privacy_disclaimer,
#privacy_disclaimer {
	font-size: 12px;
	color: #929292;
}
#panier_compte #privacy_checkbox { 
	margin: 0 0 30px;
	line-height: 1.4em;
}
#panier_compte p#privacy_disclaimer { font-size: 12px; margin: 30px 0 0 }

/* total TTC et infos commande */
#total-commande h4 { 
	font-size: 1.125em; 
	font-weight: 400;
	color: #202020;
	text-transform: uppercase
}
.field-reduction, 
.field-livraison { 
	padding: 10px 0; 
}
.field-reduction h4 { margin: 0 0 20px }
.field-reduction p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	border-bottom:#e9e6e5 1px solid; 
	padding: 5px 0;
}
.field-reduction .article-reduc {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
.field-reduction .article-reduc strong { 
	display: inline-block; 
	margin-right: 10px;
}
.field-reduction .article-prix {
	width: 100px;
	padding: 0 10px;
	text-align: right;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}
.field-livraison_frais {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 20px 0 10px;
}
.field-livraison_frais h4 {
	padding: 5px 20px 5px 0;
	line-height: 23px;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}
.field-livraison_frais div {
	max-width: 240px;
	padding: 0 !important;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
.franco-port_msg  {
	margin: 20px 0;
	padding: 20px;
	background: #e1ecf7;
	color: #202020;
}
.livraison-moyen {
	padding: 10px 0; 
	border-bottom:#e9e6e5 1px solid; 
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex;
	font-size: 1em;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.livraison-moyen input { 
	margin: 5px 10px 5px 0; 
}
.livraison-moyen_titre {
	padding: 0 10px 0 0;
	font-weight: 600;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
.livraison-moyen_titre em {
	display: block;
	font-style: normal;
	font-size: .875em;
	font-weight: 300;
	line-height: 1.4em;
}
.livraison-moyen .article-prix {
	width: 100px;
	text-align: right;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}
.livraison-vide {
	padding: 40px 0;
	text-align: center;
	color: #949494
}
#total-ttc { 
	background: #e1ecf7;
	margin: 40px 0 0;
	padding: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#total-ttc p {
	margin: 0;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto; 
}
#total-ttc p strong {
	display: block;
	font-size: 1.125em; 
}
#total-ttc .article-prix { 
	font-size: 2em; 
	font-weight: 600;
	text-align: right;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}
#accept-paiement { 
	margin: 20px 0 0 auto;
	line-height: 18px; 
	text-align: right;
	font-size: .875em;
}
#accept-paiement img { 
	width: 30px; 
	vertical-align:middle;
	margin-left: 10px; 
}

#form-valid { margin-top:50px; }

@media screen and (max-width: 740px) {
	#promo-info-commande { padding: 0; }
	#promo-info-commande #total-commande { padding-left: 10px; }
	#promo-info-commande #panier-left-content { padding-right: 10px; }
	#form-valid, #form-reduction { padding: 20px; }
}
@media screen and (max-width: 640px) {
	#promo-info-commande {  padding: 20px 0; }
	#promo-info-commande #total-commande, 
	#promo-info-commande #panier-left-content { 
		width:100%;
		max-width: inherit;
		padding: 20px 0; 
	}
	#form-valid { padding: 20px; }
}
@media screen and (max-width: 540px) {
	#form-valid .button,
	#form-valid .submit { 
		display: block; 
		float: none; 
		margin: 0 auto 10px;
		width: 200px;
	}
}
@media screen and (max-width: 480px) {
	.field-livraison_frais {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.field-livraison_frais h4,
	.field-livraison_frais div {
		width: 100%;
		margin: 0 0 10px 0;
	}
	#form-valid {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		padding: 0 20px;
	}
	#form-valid .button,
	#form-valid .submit { 
		width: 100%;
		display: block;
		margin: 5px 0;
	}
	#form-valid .button {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	#form-valid .submit {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
}

/* TABLEAUX & FAKES */
.table-content {
	display: table;
	border-collapse: separate;
	margin: 20px auto; 
	width: 100%;
}
.table-content .table-row, 
.table-content .table-legend { 
	display:table-row; 
}
.table-content .table-cell { 
	display:table-cell;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.table-content .table-legend .table-cell {
	padding: 5px 10px;
	font-weight: 400;
	font-size: .75em;
	border-bottom: #d7d7d7 1px solid;
}
.table-content .table-row .table-cell { 
	padding:10px; vertical-align:middle;
	border-bottom:#d7d7d7 1px solid; 
}
.table-content .article-info {
	text-align:left;
	font-size: .875em; 
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.table-content .article-thumb {
	min-width: 50px;
	max-width: 80px;
	margin-right: 5%; 
	width: 20%; 
}
.table-content .article-thumb img { display:block; width:100%; }
.table-content .article-title {
	text-transform: uppercase;
	font-size: 16px;
	color: #393938;
	margin:0 0 5px 
}
.table-content .article-infos span { 
	display:inline-block; 
	vertical-align:middle;
	line-height: 1.2em;
	font-size: 14px;
	color: #48474e;
}
.table-content .article-infos span.fc-gris { }
.table-content .article-infos > a { display:inline-block; width:100%; }
.table-content .article-infos > a:hover .article-title { color:#000; }
.table-content .article-infos > a:hover .article-thumb > img { opacity:0.6; }
.table-content .article-prix { 
	text-align: center; 
	width:12%;
	color: #5e5e5e;
	font-size: 20px;
	min-width: 110px;
}
.table-content .article-prix .prix-barre { display:block; }
.table-content .table-cell .cell-text { 
	display:none;
	font-family: 'Roboto Condensed', sans-serif;
	vertical-align:middle; 
	margin-right:5px; 
}

/* TABLEAUX > panier */
#table-panier { 
	margin: 5% auto 40px;
}
#table-panier .cell-action { 
	width: 25px; 

}
#table-panier .cell-quantite { 
	text-align: center;
	width: 8%;
	min-width: 80px; 
}
#table-panier .cell-quantite label { 
	display: inline-block; 
	vertical-align: middle;
	margin: 0; padding: 0;
}
#table-panier .quantite .champs_quantite { background-color: #fff }

@media screen and (min-width: 1440px) {
	#table-panier { 
		max-width: 1780px;
		padding: 80px 100px;
	}
}
@media screen and (max-width: 1280px) {
	.table-content .table-cell { padding: 10px; }
	.table-content .table-legend .table-cell { padding: 10px; }
	#table-panier { 
		max-width: 1780px;
		padding: 40px;
	}
}
@media screen and (max-width: 860px) {
	#table-panier { padding: 0; }
}

@media screen and (max-width: 740px) {
	#table-panier .quantite {
		width: 70px;
		height: 50px;
	}
	#table-panier .quantite .champs_quantite {
		height: 50px;
		padding: 0 30px 0 5px;
	}
	#table-panier .quantite .bouton_plus { top: 0; right: 8px; }
	#table-panier .quantite .bouton_minus { bottom: 0; right: 8px; }
	
}
@media screen and (max-width: 640px) {
	/* panier > tableaux */
	.table-content { display: block; }
	.table-content .table-legend { display: none; }
	.table-content .table-row {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		position:relative;
		border-bottom: #e9e6e5 1px solid;
	}
	.table-content .table-cell,
	.table-content .table-row .table-cell { border-bottom: none; }
	#table-panier .table-row { 
		background-color: #f2f2f2;
	}
	#table-panier .table-row .table-cell:nth-child(1),
	#table-panier .table-legend .table-cell:nth-child(1) {
		width: 100%;
		background-color: #fff;
	}
	#table-panier .article-prix, 
	#table-panier .cell-quantite {
		min-width: inherit;
		-ms-flex-item-align: center;
		    -ms-grid-row-align: center;
		    align-self: center;
		padding: 10px;
	}
	#table-panier .article-thumb { width: 30%; }
	#table-panier .article-prix { width: calc(50% - 70px); }
	#table-panier .cell-quantite {
		width: 90px; 
		-webkit-box-flex: 0; 
		    -ms-flex: 0 0 auto; 
		        flex: 0 0 auto;
	}
	#table-panier .table-row .cell-action {
		padding: 0;
		width: 50px;
		height: 70px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
}

/* PANIER > RECAPITULATIF > panier-recapitulatif.php ------------------------------------ */
#recapitulatif-content { 
	padding: 0 0 40px;
	max-width: 1720px;
	margin: 0 auto;
}
.info-recapitulatif { 
	margin: 20px auto;
	max-width: 1720px;
	border: #e3e0de 1px solid;
	padding: 40px;
}
.info-recapitulatif h2 { 
	font-size: 1.5em;
	margin-bottom: 1em; 
	font-weight: 400;
	color: #103d20;
}
.info-recapitulatif h3 { 
	font-size: 1em;
	font-weight: 400;
	margin-bottom: 1em;
}
.info-recapitulatif_content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.info-recapitulatif .wp50 > p { 
	min-height: 140px;
	border-bottom: #e3e0de 1px solid;
	margin-bottom: 15px;
}
.info-recapitulatif .wp50 > p img { margin-top:8px; }
.link-color-2 {
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}
.link-color-2:hover { color: #89b4e1 }
.info-recapitulatif .link-color-2 { 
	font-weight: 600;
}
#recapitulatif-content .recap-panier {
	margin: 0 auto;
	max-width: 17200px;
	padding: 20px 0;
}
#recapitulatif-content #table-panier { padding: 0; }
#field_cgv {
	padding: 20px; 
	background-color: #e1ecf7;
	max-width: 1500px;
	margin: 40px auto;
}
#page_panier-recapitulatif .field-reduction .article-prix { float:right; }
#page_panier-recapitulatif #promo-info-commande {
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
@media screen and (min-width: 1440px) {
	#recapitulatif-content {
		padding: 40px 100px;
	}
}
@media screen and (max-width: 1280px) {
	#recapitulatif-content {
		padding: 20px 40px;
	}
}
@media screen and (max-width: 740px) {
	#recapitulatif-content {
		padding: 0 20px;
	}
	.info-recapitulatif { padding: 20px; }
	
	#recapitulatif-content #promo-info-commande #total-commande,
	#recapitulatif-content #promo-info-commande #panier-left-content {
		padding: 20px 0;
	}
}
@media screen and (max-width: 640px) {
	.info-recapitulatif_content {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.info-recapitulatif_content .wp50.padr20 {
		width: 100%;
		padding: 0 0 20px;
	}
	.info-recapitulatif_content .wp50.padl20 {
		width: 100%;
		padding: 20px 0 0;
	}
	.info-recapitulatif .link-color-2 {
		display: block;
		text-align: center;
	}
	#recapitulatif-content #table-panier .prix-unit { display: none }
	#recapitulatif-content #table-panier .cell-quantite {
		width: 120px; 
		-webkit-box-flex: 0; 
		    -ms-flex: 0 0 auto; 
		        flex: 0 0 auto;
	}
	#recapitulatif-content #table-panier .cell-quantite .cell-text {
		display: inline-block;
		font-weight: 700;
		margin-right: 10px;
	}
	#recapitulatif-content #table-panier .article-prix {
		width: calc(100% - 120px);
		text-align: right;
	}
}

/* --- icons / boutons */
.icon-delete {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	line-height: 26px;
	display: inline-block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%2389b4e1'%3E%3Cpath d='M3 6v18h18v-18h-18zm5 14c0 .552-.448 1-1 1s-1-.448-1-1v-10c0-.552.448-1 1-1s1 .448 1 1v10zm5 0c0 .552-.448 1-1 1s-1-.448-1-1v-10c0-.552.448-1 1-1s1 .448 1 1v10zm5 0c0 .552-.448 1-1 1s-1-.448-1-1v-10c0-.552.448-1 1-1s1 .448 1 1v10zm4-18v2h-20v-2h5.711c.9 0 1.631-1.099 1.631-2h5.315c0 .901.73 2 1.631 2h5.712z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 12px 12px;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}
.icon-delete:hover { 
	background-color: #89b4e1; 
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M3 6v18h18v-18h-18zm5 14c0 .552-.448 1-1 1s-1-.448-1-1v-10c0-.552.448-1 1-1s1 .448 1 1v10zm5 0c0 .552-.448 1-1 1s-1-.448-1-1v-10c0-.552.448-1 1-1s1 .448 1 1v10zm5 0c0 .552-.448 1-1 1s-1-.448-1-1v-10c0-.552.448-1 1-1s1 .448 1 1v10zm4-18v2h-20v-2h5.711c.9 0 1.631-1.099 1.631-2h5.315c0 .901.73 2 1.631 2h5.712z'/%3E%3C/svg%3E");
}
/* --- */

/* PANIER > COORDONNEES > panier-coordonnees.php ------------------------------------ */
#panier-coordonnee { 
	-webkit-box-pack: justify; 
	    -ms-flex-pack: justify; 
	        justify-content: space-between;
	padding: 0 0 40px;
	max-width: 1720px;
}
#panier-coordonnee .wp50.left {
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
	max-width: 740px;
	padding: 0 20px 0 0;
}
#panier-coordonnee .wp50.right {
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
	max-width: 740px;
	padding: 0 0 0 20px;
}
#login_coordonnee {
	background-color: #e1ecf7;
	padding: 30px;
}
#login_coordonnee h2 {
	font-size: 1.5em;
	margin-bottom: 20px;
}
#login_coordonnee > p {
	font-size: 1.5em;
}
#login_coordonnee label { padding: 10px 0; }
#login_coordonnee .login_coordonnee__submit { 
	padding-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
#login_coordonnee .underline { font-size: .75em; }
#login_coordonnee .underline:hover { color: #89b4e1 }
.panier_compte--informations {
	border: #ccc 1px solid;
	padding: 10px 20px;
	margin: 20px 0;
}
.panier_compte--informations p { margin: 0 }
.panier_compte--informations p em { 
	font-style: normal;
	color: #949494;
}
#panier_compte fieldset {
	margin-bottom: 1em;
}
#panier_compte legend,
#panier_compte fieldset h2 {
	margin: 0 0 10px;
	font-size: 1.25em;
	text-transform: uppercase;
}
#panier_compte .submit-right { padding: 20px 0 }
#panier_compte .submit-right input {
	margin: 0 0 0 auto;
}

@media screen and (max-width: 860px) {
	
	/* panier > recapitulatif */
	#panier-coordonnee {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	#panier-coordonnee .wp50.right,
	#panier-coordonnee .wp50.left {
		width: 100%;
		padding: 20px 0;
		max-width: 640px;
	}
	#panier-coordonnee .wp50.right {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	#panier-coordonnee .wp50.left {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
}
@media screen and (max-width: 740px) {
	#panier-coordonnee {
		padding: 0 10px;
	}
}
@media screen and (max-width: 540px) {
	/* panier > coordonnee */
	span.inline-label { 
		display: block; 
		width: 100%; 
		margin: 20px 0 5px; }
	#panier_compte .submit { 
		display: block; 
		float: none; width: 100%;
		margin-top: 20px; 
		text-align: center;
	}
	#panier-coordonnee .wp50.right { padding: 0 0 20px; }
	#login_coordonnee { 
		padding: 20px;
		margin: 0 -30px;
		width: auto;
	}
	#login_coordonnee > a,
	#login_coordonnee .submit { 
		display:block; float:none;
		margin-top:20px; text-align:center;
	}
}

/* ( version compte ) ----------- */
#heading-comptes { 
	text-align: center;
	padding: 5% 80px;
}
#heading-comptes h1 { margin: 0; }
#creation-compte { 
	max-width: 1680px;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 0 0 5%;
}
#creation-compte .wp50.right {
   	-webkit-box-ordinal-group: 2;
   	    -ms-flex-order: 1;
   	        order: 1;
	padding: 0 20px 0 0;
}
#creation-compte .wp50.left {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
	padding: 0 0 0 20px;
}
#bloc_new_client {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background-color: transparent;
    border: #202020 1px solid;
	height: 100%;
}
#bloc_new_client h2 { margin: 0 0 1em; }

@media screen and (max-width: 1440px) { #heading-comptes h1 { font-size: 2em }     }
@media screen and (max-width: 860px) {
	#heading-comptes { padding: 17% 60px 5%; } 
	#creation-compte {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	#creation-compte .wp50.right,
	#creation-compte .wp50.left {
		width: 100%;
		padding: 20px 0;
		max-width: 640px;
	}
	#creation-compte .wp50.right {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	#creation-compte .wp50.left {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	#bloc_new_client {
		height: 180px;
	}
}
@media screen and (max-width: 740px) {
	#heading-comptes { padding: 17% 20px 5%; }
	#creation-compte { padding: 0 10px; }
}

@media screen and (max-width: 540px) {
	#heading-comptes { padding: 40% 0 5%; } 
	#creation-compte .wp50.right { padding: 0 0 20px; }
}
@media screen and (max-width: 480px)  { 
	#heading-comptes { padding: 40% 0 5%; }
	#bloc_new_client { padding: 10px; }
}

/* adresse liste */
.adresse_radio_liste li { border-top:#e3e0de 1px solid; }
.adresse_radio_liste li.odd { background-color:#f5f5f5  }
.adresse_radio_liste li label { display:block; padding:10px; margin:0 }
.adresse_radio_liste li input { vertical-align:middle; }
.adresse_radio_liste li label span  {
	display:inline-block;
	vertical-align:middle;
	width:80%;
	font-size: 14px;
	margin-left:10px;
	line-height:1.4em;
}
.cancel_adress a,
.adresse_radio_liste li.add_adress a { 
	margin: 20px 0 40px; 
	font-size: 14px;
}
.adresse_radio_liste li.add_adress a strong {
	display:inline-block; 
	vertical-align:middle;
	font-size: 1.6em; 
	margin-right:5px;
}

/* PANIER > PAIEMENT > panier-paiement.php ------------------------------------ */
#panier_paiement {
	padding: 0 0 40px;
	max-width: 1720px;
	margin: 0 auto;
}
#list-paiement { 
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}
#list-paiement li { padding: 20px; }
#list-paiement a {
	display: block; 
	text-align: center;
	padding: 15%; 
	height: 100%;
	border: #bebebe 1px solid;
	-webkit-transition:all .3s linear;
	-o-transition:all .3s linear;
	transition:all .3s linear;
}
#list-paiement strong { 
	display: block;
	color: #89b4e1;
	font-size: 1.125em;
	margin-bottom: 1em;
}
#list-paiement span.paiment-txt {
	display: block;
	line-height: 1.3em;
	max-width: 320px;
	margin: 0 auto;
}
#list-paiement span.paiment-cartes {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;

}
#list-paiement a:hover {
	border-color: #89b4e1;
	-webkit-box-shadow:#89b4e1 0 0 10px;
	        box-shadow:#89b4e1 0 0 10px;
}
#list-paiement span img { 
	max-width: 28%; 
	margin: 0 2px; 
}
@media screen and (max-width: 860px) {

	#panier_paiement { padding: 0 30px; }
	#list-paiement li { padding: 10px; }
}
@media screen and (max-width: 640px) {
	#panier_paiement { padding: 10px; }
}
@media screen and (max-width: 540px) {
	
	/* panier > paiement */
	#list-paiement li {	width: 100%; }
	#list-paiement a { 
		padding: 8% 20px;
		height:auto 
	}
	#list-paiement { margin: 0 }
	
}

/* PANIER > CONFIRMATION > panier-confirmation.php ------------------------------------ */
.success-panier { 
	padding: 0 0 5%;
	max-width: 960px;
	margin: 0 auto;
}
.success-panier h2 {
	margin: 0 0 1em;
	font-weight: 400;
	font-size: 1.5em;
	text-transform: none;
}
.success-panier h3 {
	font-weight: 400;
	font-size: 1.125em;
	margin: 0 0 1em;
}
@media screen and (min-width: 1440px) {

}

/* > FANCY AJOUT PANIER 
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#fancy_ajout-panier {
	height: auto;
	width: auto;
	max-width: 840px;
	overflow: hidden;
}
#fancy_ajout-panier .fancy-wrapper { padding: 0; }
#fancy_ajout-panier h1 {
	padding: 30px 30px 0;
	text-transform: uppercase;
	text-align: center;
	font-size: 26px;
}
#ajout-panier { padding: 0 30px 40px; }
#ajout-panier .article.article-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: left;
	font-size: 12px;
}
#ajout-panier .article.article-row figure { 
	width: 20%;
	-webkit-align-self: center;
	    -ms-flex-item-align: center;
	            -ms-grid-row-align: center;
	        align-self: center;
}
#ajout-panier .article.article-row figure img { 
	display: block;
	width: 100%;
	max-width: 80px;
	margin: 0 auto 
}
#ajout-panier .article.article-row section { 
	width: 50%;
	-webkit-align-self: center;
	    -ms-flex-item-align: center;
	            -ms-grid-row-align: center;
	        align-self: center;
}
#ajout-panier .article.article-row h2,
#ajout-panier .article.article-row p { margin: 0 0 10px; }
#ajout-panier .article.article-row h2 {
	text-transform: uppercase;
    font-size: 16px;
    color: #393938;
    margin: 0 0 10px;
}
#ajout-panier .article.article-row .article-total {
	text-align: right;
	padding-right: 5%;
	width: 30%; 
}
#ajout-panier .article.article-row .article-prix { font-size: 20px; }
#ajout-panier .article.article-row em {
	display: inline-block;
    vertical-align: middle;
    line-height: 1.2em;
    font-size: 14px;
    color: #48474e;
	font-style: normal;
}
#ajout-panier-action {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 30px 0 0;
}
#ajout-panier-action a { margin: 0 20px }
/* --- */
#fancy_ajout-panier #article-personalisations {
	position: relative;
	margin: 40px -40px -40px;
	text-align: center;
	background: #f6f6f6;
	padding: 20px;
}
#fancy-article-associe {
	position: relative;
	padding:0;
}
#fancy-article-associe::before {
	position: absolute;
	content: "";
	background: url('../../images/decoration/shadow_bottom.gif') 0 0 repeat-x;
	top: -20px; left: 0;
	width: 100%; height: 20px;
}
/*#article-ajout-associe .article { padding-bottom: 40px; }*/
#article-ajout-associe .thumbnails-article { width: 60%; }

@media screen and (max-width: 540px) {
	#fancy_ajout-panier .fancy-wrapper { padding: 20px }
	#fancy_ajout-panier h1 { padding: 10px; }
	#ajout-panier { padding: 0; }
}
@media screen and (max-width: 400px) {
	#ajout-panier-action {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	#ajout-panier-action a,
	#ajout-panier-action input {
		width: 100%;
		display: block;
		margin: 10px auto;
		text-align: center;
		max-width: 220px;
		padding: 10px;
	}
	
	#ajout-panier .article.article-row  {
		display: block;
		margin: 20px 0 0;
		position: relative;
		padding-left: 30%;
	}
	#ajout-panier .article.article-row figure {
		position: absolute;
		width: 30%;
		height: 100%;
		top: 0; left: 0;
	}
	#ajout-panier .article.article-row section,
	#ajout-panier .article.article-row .article-total {
		width: 100%;
		text-align: left;
	}
	#ajout-panier .article.article-row .article-total { margin: 10px 0 0; }
}