/* > COMMONS
-------------------------------------------------------------------------------------------------------------------------------- */
/* > content ------------------------------- */
/* > heading ------------------------------- */
/* > article ------------------------------- */
/* > tables -------------------------------- */
/* > formulaires --------------------------- */
/* > bouton / icones ----------------------- */
/* > article cadeau ------------------------ */

/* > PAGES
-------------------------------------------------------------------------------------------------------------------------------- */
/* > index --------------------------------- */
/* > coordonnees --------------------------- */
/* > Compte création ----------------------- */
/* > paiement ------------------------------ */
/* > récapitulatif ------------------------- */
/* > succes / erreur ----------------------- */

/* > FANCY 
-------------------------------------------------------------------------------------------------------------------------------- */
/* > ajout panier -------------------------- */
/* > récpération commande ------------------ */


/*****************************************************************************************************************/
/*****************************************************************************************************************/
/*****************************************************************************************************************/

/* > COMMONS
-------------------------------------------------------------------------------------------------------------------------------- */

/* > content ------------------------------- */

select, 
textarea,
input[type='tel'], 
input[type='text'], 
input[type='email'], 
input[type='password'] {
	height: 40px;
	border: #dadada 1px solid;
	font-family: 'Open Sans', sans-serif;
	padding: 0 15px;
	font-size: .875em;
}
textarea { 
	height: auto;
	padding: 15px; 
}

#panier-content { 
	padding: 5% 40px 10%;
	max-width: 1320px;
	margin: 0 auto;
}

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

.empty-content {
	min-height: 40vh;
	padding: 8% 20px 10%;
	text-align: center;
}
@media screen and (max-width: 1440px) { 
	#panier-content {
		padding: 5% 100px 10% 40px;
	}
}
@media screen and (max-width: 1280px) { 
	#panier-content {
		padding: 5% 60px 10% 40px;
	}
}
@media screen and (max-width: 740px) { 
	#panier-content { 
		padding: 20px 60px 40px 30px;
	} 
}
@media screen and (max-width: 480px) {
	#panier-content { padding: 20px 30px 40px; }	
}
@media screen and (max-width: 640px) {
	.content_panier .wp50.right,
	.content_panier .wp50.left { 
		width:100%; 
		float:none; 
		padding:20px 0 
	}
}

/* > heading ------------------------------- */
#heading-panier { 
	background-color: #4b605b; 
}
#header-panier .header-title {
	flex-direction: column;
	-ms-align-items: flex-start;
	align-items: flex-start;
	justify-content: center;
	max-width: 900px;
}
#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;
	/*min-width: 780px;*/
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	max-width: 980px;
	color: #000;
}
#panier-tunnel li { 
	display: flex;
	flex-wrap: wrap;
	font-size: .875em;
	color: #fff;
	justify-content: center;
	-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; 
	font-family: 'Playfair Display', serif;
	text-align: center;
	font-style: italic;
	width: 30px; 
	height: 30px;
	line-height: 28px; 
	border-radius: 50%; 
	font-size: 1.125em;
	font-weight: 400;
	border: #fff 1px solid;
	background-color: transparent;
	color: #fff;
	-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: #fff;
	border-color: #fff;
	color: #4b605b;
}
#panier-tunnel li > a:hover { text-decoration: underline; }
#panier-tunnel li > a:hover span.num { 
	background:#000;
	border-color:#000;
	color: #fff;
}
@media screen and (max-width: 1280px) {
	#header-panier .header-title {
		padding: 3% 20px;
		max-width: 660px;
	}
	#panier-tunnel li { font-size: .75em; }
}
@media (orientation: portrait) {
	#header-panier .header-title {
		width: 100%;
		max-width: 100%;
		-ms-align-items: center;
		align-items: center;
	}
	#panier-tunnel {
		margin: 0 auto;
	}
}
@media screen and (max-width: 640px) {
	#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: 40px;
	}
	#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: 0px;
		width: 100%; height: 30px;
		text-align: center;
		font-size: 1.25em;
		font-weight: 600;
		line-height: 20px;
	}
}
@media screen and (max-width: 480px) {
	#heading-panier .heading { padding: 30px 20px; }
	.heading-panier_headline {
		padding: 0 10px;
		height: 50px;
		display: flex;
		-ms-align-items: center;
		align-items: center;
	}
	.heading-panier_logo {
		width: 120px;
		height: 40px;
	}
}

/* --- */
#header-compte { 
	background-color: #4b605b; 
}
#header-compte .header-title {
	flex-direction: column;
	-ms-align-items: flex-start;
	align-items: flex-start;
	justify-content: center;
	width: 50%;
	max-width: 780px;
}
#header-compte #breadcrumb { padding: 0 }
#header-compte #breadcrumb ul { margin: 0 auto; padding: 0; }
#header-compte #breadcrumb ul li { color: #fff; }
#header-compte #breadcrumb ul li a:hover { color: #000; }

@media screen and (max-width: 1280px) {
	#header-compte .header-title {
		padding: 3% 20px;
		max-width: 660px;
	}
}
@media (orientation: portrait) {
	#header-compte .header-title {
		width: 100%;
		max-width: 100%;
		-ms-align-items: center;
		align-items: center;
		text-align: center;
	}
}

/* > article ------------------------------- */
.article-prix { 
	font-family: 'Playfair Display', serif;
	font-style: italic;
	font-size: 1.25em;
	color: #4b605b;
}
.article-prix .prix-barre {
	display: block;
	line-height: 1em;
	margin: -1.25em 0 .5em;
	text-decoration: line-through;
	font-size: .6em;
	color: #7c7c7c;
	font-family: 'Open Sans', sans-serif;
}


/* > tables -------------------------------- */
.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: 300;
	font-size: .75em;
	font-style: normal;
	font-family: 'Open Sans', sans-serif;
	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: 30px;
	max-width: 60px;
	margin-right: 5%; 
	width: 20%; 
}
.table-content .article-thumb img { display:block; width:100%; }
.table-content .article-title {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	font-weight: 400;
	font-size: 1.25em;
	margin:0 0 5px;
	color: #4b605b;
}
.table-content .article-title strong { font-weight: 400; }
.table-content .article-infos span { 
	display:inline-block; 
	vertical-align:middle;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.2em;
	font-size: 14px;
}
.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%;
	min-width: 110px;
    font-weight: 400;
}
.table-content .article-prix .prix-barre { display:block; }
.table-content .table-cell .cell-text { 
	display: none;
	font-size: .75em;
	vertical-align: middle; 
	margin-right: 5px; 
}

/* > tables > panier */
#table-panier { margin: 0 auto 40px; }
#table-panier .cell-action { width: 25px; }
#table-panier .table-row .cell-quantite { 
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	width: 8%;
	min-width: 80px; 
}
#table-panierr .table-row .cell-quantite label { 
	display: inline-block; 
	vertical-align: middle;
	margin: 0; padding: 0;
}
#table-panier .quantite input {
	background-color: transparent;
	border: #dcdfe8 1px solid;
	margin-bottom: 0;
	color: #1d1d1b;
}
#table-panier .quantite .champs_quantite { background-color: #fff }

@media screen and (max-width: 1280px) {
	.table-content .table-cell { padding: 10px; }
	.table-content .table-legend .table-cell { padding: 10px; }
}
@media screen and (max-width: 860px) {
	
	#table-panier { padding: 0; }
	#table-panier .quantite {
		width: 70px;
		height: 50px;
	}
	#table-panier .quantite .champs_quantite {
		height: 50px;
		padding: 0 20px 0 5px;
	}	
}
@media screen and (max-width: 740px) {
	
	.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 { 
		margin: 0 -60px 30px -30px;
		width: auto;
	}
	#table-panier .table-row { background-color: #f8f0ec; }
	#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% - 90px);
		font-size: .875em;
	}
	#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: 80px;
		height: 70px;
		padding-right: 30px;
		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;
	}
}
@media screen and (max-width: 480px) { 
	#table-panier { margin: 0 -30px 20px } 
	#table-panier .article-prix {  width: calc(50% - 70px); }
	#table-panier .table-row .cell-action { 
		padding-right: 0;
		width: 50px;
	}
}

/* > formulaires --------------------------- */

#panier-content .error_output { 
	line-height: 1.4em;
	margin: 0 0 30px;
	font-family: 'Open Sans', sans-serif;
}
#login_coordonnee h2 + .error_output { margin-top: 20px; }
#panier-content p { font-family: 'Open Sans', sans-serif; }

.inline-label { font-size: 14px; }
span.inline-label { 
	font-family: 'Open Sans', sans-serif; 
	color: #1b1b1b;
}

label.floated-label {
	margin: 0;
	height: auto;
	font-size: 14px;
	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: 0;	
	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: 0;
	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"); }

@media screen and (min-width: 1200px) {
	label.floated-label select, 
	label.floated-label input, 
	label.floated-label textarea {
    	max-width: 60%;
	}
}

@media screen and (max-width: 990px) {
	
	.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; }

}

/* smartphone horiz BIG */
@media screen and (max-width: 580px) {
	
	label.floated-label select, 
	label.floated-label input, 
	label.floated-label textarea { max-width: 100%; }
	
	.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; }
		
}

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

/* > bouton / icones ----------------------- */

input[type="submit"],
input[type="button"],
#panier-content .submit,
#panier-content .button {
	margin: 0;
	height: 50px;
	display:inline-block;
	text-align: center;
	border-style:solid;
	border-width: 1px;
	background-image: none;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: .875em;
	line-height: 30px;
	padding: 10px 20px;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
input[type="submit"],
#panier-content .submit {
	color: #fff;
	border: #4b605b 1px solid;
	background-color: #4b605b;
}
input[type="button"],
#panier-content .button {
	color: #4b605b;
	border: #4b605b 1px solid;
	background-color: trasparent;
}
input[type="submit"],
input[type="button"],
#panier-content .submit:hover,
#panier-content .button:hover {
	color: #fff;
	border: #000 1px solid;
	background-color: #000;
}

#form-valid { 
	margin-top: 50px;
	width: 100%;
	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;
	align-items: baseline;
}
#form-valid .submit,
#form-valid .button {
	margin: 0 0 10px;
	min-width: 270px;
}
@media screen and (max-width: 700px) {
	#form-valid .submit,
	#form-valid .button {
		min-width: inherit;
	}
}

.icon-delete {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	line-height: 40px;
	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='%234b605b'%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: 18px 18px;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}
.icon-delete:hover { 
	background-color: #4b605b; 
	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");
}

/* >>> 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;
	font-size: 1.5em;
	color: #4b605b
}

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

/* > article cadeau ------------------------ */

#articles-cadeau {
	background: #f8f0ec;
	text-align: center;
	margin: 0 auto 40px;
	padding: 30px;
}
#articles-cadeau h2 { text-transform: none; }
#articles-cadeau .article_slider .article { width: 25%; align-self: flex-end; }
#articles-cadeau .article .article-titre { font-size: 1em; }
#articles-cadeau figure.thumbnails-article { width: 60%; margin: 0 auto; } 

@media screen and (max-width: 1280px) {
	#articles-cadeau { padding: 20px 10px }
	#articles-cadeau h2 { padding: 0 20px; }
}
@media screen and (max-width: 980px) {
	#articles-cadeau { 
		padding: 20px 0;
		margin: -5% -40px 40px;
	}
	#articles-cadeau .article_slider .article { width: 33.33%; }
}
@media screen and (max-width: 740px) {
	#articles-cadeau { margin: -20px -20px 30px; }
	#articles-cadeau .article_slider .article { width: 50%; }
}
@media screen and (max-width: 380px) {
	#articles-cadeau .article_slider .article { width: 100%; }
	#articles-cadeau figure.thumbnails-article { width: 100%; } 
}

/* > PAGES
-------------------------------------------------------------------------------------------------------------------------------- */

/* > index --------------------------------- */

#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: none;
	color: #4b605b;
	margin: 0 0 1em;
	font-size: 1.5em;
}

#form-reduction {
	padding: 30px;
	background-color: #ececec;
	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: 40px;
	width: calc(100% - 80px);
	margin-right: 20px;
	margin: 0;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
#form-reduction #submit_reduction { 
	min-width: 70px;
	height: 40px;
	width: 70px;
	text-align: center;
    flex: 0 0 auto;
	padding: 0; 
	margin: 0 0 0 10px; 
	border: none;
	color: #fff;
	background-color: #4b605b;
	cursor:pointer;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
#form-reduction #submit_reduction:hover { background: #000; }


@media screen and (max-width: 740px) {
	#promo-info-commande {  
		padding: 20px 0;
		flex-wrap: wrap;
	}
	#promo-info-commande #total-commande, 
	#promo-info-commande #panier-left-content { 
		width: 100%;
		max-width: inherit;
		padding: 20px 0; 
	}
}

@media screen and (max-width: 580px) {
	
	#form-valid {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		padding: 0;
	}
	#form-valid .button,
	#form-valid .submit { 
		width: 100%;
		max-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;
	}
}

#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 #submit_coordonnees {
	display: block;
	margin: 0 0 0 auto;
}
#panier_compte #privacy_checkbox { 
	margin: 2em 0;
	line-height: 1.4em;
}
#panier_compte p#privacy_disclaimer { font-size: 12px; margin: 30px 0 0 }

/* total TTC et infos commande */
#total-commande h4 { 
	line-height: 1.2em;
	text-transform: none;
	color: #4b605b;
	margin: 0 0 1em;
	font-size: 1.5em;
	font-style: italic;
	font-family: 'Playfair Display', serif;
}
.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-reduction select + select,
.field-livraison select + select { margin-top: 10px; }

.field-livraison_frais {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-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: #f8f0ec;
	color: #1b1b1b;
}
.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;
	font-weight: 600;
	text-transform: uppercase;
	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
}
@media screen and (max-width: 980px) {
	.field-livraison_frais {
		padding-top: 0;
		flex-wrap: wrap;
		margin-bottom: 15px;
	}
	.field-livraison_frais select { margin-top: 10px; }
}
@media screen and (max-width: 580px) {
	.field-livraison_frais div { 
		width: 100%;
		max-width: 100%;
		flex: 1 1 auto;
	}
	.field-livraison_frais select { 
		width: 100%;
		max-width: 100%;		
	}
}

#total-ttc { 
	background: #ececec;
	margin: 40px 0 0;
	padding: 0 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;
	padding: 20px;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto; 
}
#total-ttc p span {
	font-family: 'Open Sans', sans-serif;	
}
#total-ttc p strong {
	color: #4b605b;
	font-size: 1.125em; 
}
#total-ttc .article-prix {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	font-size: 1.75em; 
	color: #4b605b;
	font-weight: 400;
	text-align: right;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}
#accept-paiement { 
	font-family: 'Open Sans', sans-serif;
	margin: 20px 0 0 auto;
	line-height: 18px; 
	text-align: right;
	font-size: .75em;
}
#accept-paiement img { 
	width: 30px; 
	vertical-align:middle;
	margin-left: 10px; 
}
#accept-paiement img:first-child { margin-left: 20px }


@media screen and (max-width: 860px) {
	#total-ttc {
		display: block;
		text-align: center;
		padding: 15px;
	}
	#total-ttc p { 
		padding: 5px;
		width: 100%;
	}
	#total-ttc .article-prix { text-align: center; }
}
@media screen and (max-width: 740px) {
	#total-ttc { padding: 15px 0; }
}
@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;
	}
}

/* > coordonnees --------------------------- */
#panier-coordonnee { 
	-webkit-box-pack: justify; 
	    -ms-flex-pack: justify; 
	        justify-content: space-between;
	padding: 0 0 40px;	
}
#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;
}
div.inline-label,
.inline-label.label-sameadress {
	background: #ececec;
	padding: 10px 20px 10px 44px;
	margin: 0 0 1em;
	font-weight: 600;
	line-height: 1.2em;
	width: 100%;
	position: relative;
}
div.inline-label,
.inline-label.label-sameadress input {
	position: absolute;
	left: 20px;
	top: 12px;
}

/* > coordonnees >> login */

#login_coordonnee {
	padding: 30px 40px;
	background: #ececec;
	background-size: 100% auto;
}
#login_coordonnee h2 {
	font-size: 1.5em;
	color: #4b605b;
	margin: 0;
}
#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;
	font-family: 'Open Sans', sans-serif;
	margin: 5px 10px 5px 0;
}
#login_coordonnee .underline:hover { color: #4b605b }
.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 { 
	padding-bottom: 20px; 
	margin-bottom: 30px;
	border-bottom: #d4d4d4 1px solid;
}
#panier_compte fieldset:last-of-type{ border-bottom: none; }
#panier_compte legend,
#panier_compte fieldset h2 {
	margin: 2em 0 1em;
	font-size: 1.5em; 
	font-weight: 400;
	color: #4b605b;
	font-style: italic;
	font-family: 'Playfair Display', serif;
	text-transform: none;
}
#panier_compte .submit-right { padding: 20px 0 }
#panier_compte .submit-right input {
	margin: 0 0 0 auto;
}

@media screen and (max-width: 860px) {
	
	#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: 580px) {
	/* 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 { padding: 0 }
	#panier-coordonnee .wp50.right { 
		padding: 0 0 20px; 
	}
	#login_coordonnee { 
		padding: 30px;
		padding-right: 60px;
		margin: -20px -60px 20px -30px;
		width: auto;
	}
	#login_coordonnee > a,
	#login_coordonnee .submit { 
		display:block; float:none;
		margin-top:20px; text-align:center;
	}
}
@media screen and (max-width: 480px) {
	#login_coordonnee { padding-right: 30px; }
	#login_coordonnee { margin: -20px -30px 0; }
}

/* > Compte création ----------------------- */

#heading-comptes { }
.heading-compte_headline { 
	width: 100%;
	padding: 5% 40px 40px;
	max-width: 1480px;
	margin: 0 auto;
}
.heading-compte_logo {
	width: 36%;
	max-width: 320px;
}
.heading-compte_logo img { 
	display: block;
	width: 100%;
}
#heading-comptes .heading {
	display: block;
	text-align: center;
	padding: 5% 40px;
}
#heading-comptes h1 {
	margin: 0 0 .75em;
	font-size: 3em;
}
#heading-comptes #breadcrumb { padding: 0 }
#heading-comptes #breadcrumb ul {
	margin: 0 auto;
	padding: 0;
}
#heading-comptes #breadcrumb ul li { color: #000; }

@media screen and (min-width: 1600px) { #heading-comptes { margin-left: -140px; } }
@media screen and (max-width: 1280px) { #heading-comptes { margin-left: 0; } }
@media screen and (max-width: 740px) {
	#heading-comptes h1 { font-size: 1.75em; }
	#heading-comptes { min-height: 120px; }
}
@media screen and (max-width: 580px) { #heading-comptes h1 { margin: 0 } }
@media screen and (max-width: 480px) {
	#heading-comptes .heading { padding: 30px 20px; }
	.heading-compte_headline {
		padding: 0 10px;
		height: 50px;
		display: flex;
		-ms-align-items: center;
		align-items: center;
	}
	.heading-compte_logo {
		width: 120px;
		height: 40px;
	}
}

#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: #1b1b1b 1px solid;
	height: 100%;
}
#bloc_new_client h2 { margin: 0 0 1em; }

@media screen and (max-width: 1440px) {   }
@media screen and (max-width: 860px) {
	#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 { padding-top: 0 }
	#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) { 
	#bloc_new_client h2 { font-size: 1.25em; }
}
@media screen and (max-width: 540px) {
	#creation-compte .wp50.right { padding: 0 0 20px; }
}
@media screen and (max-width: 480px)  { 
	#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;
	padding: 5px 10px;
	border: #4b605b 1px solid;
	color: #4b605b;
	font-size: 14px;
	transition: background-color .3s, color .3s;
}
.cancel_adress a:hover,
.adresse_radio_liste li.add_adress a:hover {
	background-color: #4b605b;
	color: #fff;
}
.cancel_adress a::after,
.adresse_radio_liste li.add_adress a::after { display: none; }
.adresse_radio_liste li.add_adress a strong {
	display:inline-block; 
	vertical-align:middle;
	font-size: 1.6em; 
	margin-right:5px;
}

/* > paiement ------------------------------ */

#panier_paiement {
	max-width: 1360px;
	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: #4b605b;
	font-size: 1.125em;
	margin-bottom: 1em;
}
#list-paiement span {
	font-family: 'Open Sans', sans-serif;
}
#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: #000;
	-webkit-box-shadow:#000 0 0 10px;
	        box-shadow:#000 0 0 10px;
}
#list-paiement span img { 
	max-width: 28%; 
	margin: 0 2px; 
}
@media screen and (max-width: 860px) {

	#panier_paiement { padding: 0; }
	#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 }
	
}

/* --- */
#heading-comptes {
	background-color: #a6a3a3;
}
.heading-compte_headline { 
	width: 100%;
	padding: 5% 40px 40px;
	max-width: 1480px;
	margin: 0 auto;
}
.heading-compte_logo {
	width: 36%;
	max-width: 320px;
}
.heading-compte_logo img { 
	display: block;
	width: 100%;
}
#heading-comptes .heading {
	display: block;
	text-align: center;
	padding: 40px;
}
#heading-comptes h1 {
	margin: 0 0 .75em;
	font-size: 3em;
	color: #000;
}
#heading-comptes #breadcrumb { padding: 0 }
#heading-comptes #breadcrumb ul {
	margin: 0 auto;
	padding: 0;
}
#heading-comptes #breadcrumb ul li { color: #000; }

@media screen and (min-width: 1600px) { #heading-comptes { margin-left: -140px; } }
@media screen and (max-width: 1280px) { #heading-comptes { margin-left: 0; } }
@media screen and (max-width: 740px) {
	#heading-comptes h1 { font-size: 1.75em; }
	#heading-comptes { min-height: 120px; }
}
@media screen and (max-width: 580px) { #heading-comptes h1 { margin: 0 } }
@media screen and (max-width: 480px) {
	#heading-comptes .heading { padding: 30px 20px; }
	.heading-compte_headline {
		padding: 0 10px;
		height: 50px;
		display: flex;
		-ms-align-items: center;
		align-items: center;
	}
	.heading-compte_logo {
		width: 120px;
		height: 40px;
	}
}
/* --- */


/* > récapitulatif ------------------------- */

#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: #363636;
}
.info-recapitulatif h3 { 
	font-size: 1em;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 1em;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	color: #444444;
}
.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;
	padding-bottom: 1em;
	margin-bottom: 1em;
	font-size: 14px;
}
.info-recapitulatif .wp50 > p img { margin-top:8px; }
.link-color-2 {
	color: #4b605b;
	font-family: 'Open Sans', sans-serif;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}
.link-color-2:hover { color: #000 }
.info-recapitulatif .link-color-2 { font-weight: 700; }
#recapitulatif-content .recap-panier {
	margin: 0 auto;
	max-width: 17200px;
	padding: 20px 0;
}
#recapitulatif-content #table-panier { padding: 0; }

#field_cgv, 
#field_legal {
	padding: 20px; 
	font-size: 14px;
	background-color: #ececec;
	max-width: 1500px;
	margin: 40px auto 0;
}
#field_cgv	 { margin: 40px auto 10px; }
#field_legal { margin: 10px auto 40px; }
#field_cgv input, 
#field_legal input { margin-right: 10px; }

#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;
}
.oblig_achat {
	margin: 10px 0 0;
	text-align: right;
	font-size: 12px;
}

@media screen and (max-width: 1280px) {

}
@media screen and (max-width: 740px) {
	.info-recapitulatif { padding: 20px; }
	#recapitulatif-content #promo-info-commande #total-commande,
	#recapitulatif-content #promo-info-commande #panier-left-content { padding: 20px 0; }
	
	.table-content .table-cell .cell-text,
	#fancy-details-commande .table-content .table-cell .cell-text {
		display: block;
		font-weight: 700;
		margin-right: 10px;
	}
	
}
@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;
	}
}

/* > succes / erreur ----------------------- */
.success-panier { 
	padding: 0 0 5%;
	max-width: 960px;
	text-align: center;
	margin: 0 auto;
}
.success-panier h2 {
	margin: 0 0 1em;
	font-weight: 400;
	font-size: 1.75em;
	text-transform: none;
	color: #4b605b;
}
.success-panier h3 {
	font-weight: 400;
	font-size: 1.125em;
	margin: 0 0 1em;
	color: #000;
}
.success-panier p {
	max-width: 720px;
	margin: 0 auto 1em;
}
@media screen and (min-width: 1440px) {

}

/* > FANCY 
-------------------------------------------------------------------------------------------------------------------------------- */

/* > ajout panier -------------------------- */
#fancy_ajout-panier {
	height: auto;
	width: auto;
	padding: 0;
	max-width: 840px;
	/*overflow: hidden;*/
}
#fancy_ajout-panier .fancy-wrapper { padding: 0; }
#fancy_ajout-panier h1 {
	padding: 30px 30px 10px;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	font-size: 1.25em;
}
#ajout-panier { padding: 0 30px 40px; }
#ajout-panier .article.article-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 10px 0;
	border-top: #e8e8e8 1px solid;
	-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:first-child { border: none }
#ajout-panier .article.article-row figure { 
	width: 20%;
	max-width: 60px;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	-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%;
	margin: 0 auto 
}
#ajout-panier .article.article-row section { 
	-webkit-box-flex: 1; 
	    -ms-flex: 1 1 auto; 
	        flex: 1 1 auto;
	-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: none;
	font-family: 'Playfair Display', serif;
	font-style: italic;
    font-size: 16px;
    margin: 0 0 10px;
}
#ajout-panier .article.article-row .article-total {
	text-align: right;
	padding-right: 5%;
	width: 30%; 
}
#ajout-panier .bouton_1,
#ajout-panier .bouton_retour {
	font-size: 13px;
}
#ajout-panier .article.article-row .article-prix { font-size: 20px; }
#ajout-panier .article.article-row em {
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
    vertical-align: middle;
    line-height: 1.2em;
    font-size: 14px;
	font-style: normal;
}
#ajout-panier-action {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    justify-content: space-between;
	padding: 20px 20px 0;
	width: 100%;
}
#ajout-panier-action a { margin: 0 20px }
#ajout-panier-action a:first-child { margin-left: 0; }
#ajout-panier-action a:last-child { margin-right: 0; }
/* --- */
#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: "";
	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: 480px) {
	#ajout-panier-action .bouton_retour { text-align: left }
	#ajout-panier-action .bouton_1 { text-align: right }
}
@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: 3px auto;
		text-align: center;
		max-width: 220px;
	}
	
	#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; }
}

/* > récpération commande ------------------ */