/* > COMMONS
-------------------------------------------------------------------------------------------------------------------------------- */
/* > content ------------------------------- */
/* > heading ------------------------------- */
/* > menu ---------------------------------- */
/* > tables -------------------------------- */
/* > formulaires --------------------------- */
/* > bouton / icones ----------------------- */


/* > PAGES
-------------------------------------------------------------------------------------------------------------------------------- */
/* > accueil ------------------------------- */
/* > adresse ------------------------------- */
/* > mot de passe -------------------------- */
/* > mot de passe oublié ------------------- */

/* > FANCY 
-------------------------------------------------------------------------------------------------------------------------------- */
/* > detail 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; 
}
fieldset { padding: 0 0 30px; }
legend,
fieldset h2 {
	margin: 2em 0 1em;
	font-weight: 400;
	font-size: 1.5em;
    font-style: italic;
    font-family: 'Playfair Display', serif;
	text-transform: none;
    color: #4b605b;
}
legend .fc-gris,
fieldset h2 .fc-gris {
	display: inline-block;
	vertical-align: middle;
	font-family: 'Open Sans', sans-serif;
	margin-left: 10px;
	font-size: 12px;
}

#field_login p .fc-gris { color: #4b605b }

/* > heading ------------------------------- */

#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;
	}
}

div.text-center.margt30 { margin-top: 20px; }

/* > menu ---------------------------------- */

#menu-compte-content {
	padding:40px 0;
	vertical-align:top;
	border-right:#dadada 1px solid;
	background: url(../images/menu_compte.gif) right 0 repeat-y;
	width: 25%;
	min-width: 260px;
}
.menu-compte__titre {
	margin: 10px 0 30px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.5em;
}
#menu-compte li {
	position:relative;
	border-bottom: #dadada 1px solid;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
#menu-compte li:hover { background-color: #ececec; }
#menu-compte li.active { 
	background-color: #4b605b;
	color: #fff;
}
#menu-compte li a { 
	display: block; 
	padding: 10px 40px 10px 10px;
	/*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='8px' height='13px'%3E%3Cpath fill-rule='evenodd' fill='rgb(57, 64, 74)' d='M7.864,6.500 L6.450,7.914 L6.450,7.914 L1.500,12.864 L0.086,11.450 L5.036,6.500 L0.086,1.550 L1.500,0.136 L6.450,5.086 L6.450,5.086 L7.864,6.500 Z'/%3E%3C/svg%3E");*/
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%234b605b' viewBox='0 0 22 16'%3E%3Cpath d='M21.79,8.53s.05-.06,.08-.09c.01-.02,.02-.05,.04-.07,.01-.02,.03-.04,.03-.07,.01-.03,.02-.06,.03-.09,0-.02,.01-.04,.02-.06,.02-.1,.02-.21,0-.31,0-.02-.01-.04-.02-.07,0-.03-.01-.05-.02-.08-.01-.03-.02-.05-.04-.07-.01-.02-.02-.04-.03-.06-.03-.04-.06-.08-.09-.11h0L14.71,.23c-.3-.31-.8-.31-1.1,0s-.3,.81,0,1.12l5.74,5.85H.78c-.43,0-.78,.35-.78,.79s.35,.79,.78,.79H19.35l-5.74,5.85c-.3,.31-.3,.81,0,1.12,.15,.15,.35,.23,.55,.23s.4-.08,.55-.23l7.06-7.21h0s.01-.02,.02-.03Z'/%3E%3C/svg%3E");
	background-size: 18px 14px;
	background-position: 95% center;
	background-repeat: no-repeat;
}
#menu-compte li.disconnect a,
#menu-compte li.active a { background-image: none }
#alt-menu-close {
	width: 40px;
	height: 40px;
	display: none;
	position: absolute;
	top: 0; right: 0;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}
#alt-menu-close svg {
	fill: #1b1b1b;
	display: block;
	margin: 8px;
	-webkit-transform: scale(.8);
	    -ms-transform: scale(.8);
	        transform: scale(.8);
	-webkit-transition: fill .3s;
	-o-transition: fill .3s;
	transition: fill .3s;
}
#alt-menu-close:hover,
#alt-menu-close:active { background-color: #000 }
#alt-menu-close:hover svg,
#alt-menu-close:active svg { fill: #fff }
#alt-menu-compte {
	font-family: 'Open Sans', sans-serif;
	height: 50px; 
	line-height: 30px;
	display:none; 
	text-align:center;
	padding: 10px; 
	position:relative;
	font-weight: 600; 
	font-size: 13px;
	background-color: #4b605b;
	color: #fff;
	text-transform:uppercase;
	-webkit-transition:background-color .3s linear;
	-o-transition:background-color .3s linear;
	transition:background-color .3s linear;
}
#alt-menu-compte:hover,
#alt-menu-compte:active { background-color: #738a84; }

#alt-menu-compte .icon-member {
	width: 20px;
	height: 20px;
	display: none;
	margin-right: 20px;
	vertical-align: middle;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='14'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M19.000,8.000 L1.000,8.000 C0.448,8.000 0.000,7.552 0.000,7.000 C0.000,6.448 0.448,6.000 1.000,6.000 L19.000,6.000 C19.552,6.000 20.000,6.448 20.000,7.000 C20.000,7.552 19.552,8.000 19.000,8.000 ZM19.000,2.000 L1.000,2.000 C0.448,2.000 0.000,1.552 0.000,1.000 C0.000,0.448 0.448,-0.000 1.000,-0.000 L19.000,-0.000 C19.552,-0.000 20.000,0.448 20.000,1.000 C20.000,1.552 19.552,2.000 19.000,2.000 ZM1.000,12.000 L19.000,12.000 C19.552,12.000 20.000,12.448 20.000,13.000 C20.000,13.552 19.552,14.000 19.000,14.000 L1.000,14.000 C0.448,14.000 0.000,13.552 0.000,13.000 C0.000,12.448 0.448,12.000 1.000,12.000 Z'/%3E%3C/svg%3E");
	/*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 600 600' fill='%23ffffff'%3E%3Cpath class='st0' d='M375.7,367.9h-51.4c-118.6,0-215.1,96.5-215.1,215.1v1c0,19.9,16.2,36.2,36.2,36.2h409.2c19.9,0,36.2-16.2,36.2-36.2v-1C590.8,464.4,494.3,367.9,375.7,367.9z M566.7,584c0,6.7-5.5,12.2-12.2,12.2H145.4c-6.7,0-12.2-5.5-12.2-12.2v-1c0-105.4,85.7-191.1,191.1-191.1h51.4c105.4,0,191.1,85.7,191.1,191.1V584z'/%3E%3Cpath class='st0' d='M350,339.8c71.7,0,130-58.3,130-130c0-71.7-58.3-130-130-130s-130,58.3-130,130C220,281.5,278.3,339.8,350,339.8z M350,103.9c58.4,0,106,47.5,106,106c0,58.4-47.5,106-106,106c-58.4,0-106-47.5-106-106C244,151.4,291.6,103.9,350,103.9z'/%3E%3C/svg%3E");*/
	background-size: 20px 14px; 
}
@media screen and (max-width: 1100px) { 
	.menu-compte__titre { padding: 0 20px; } 
}
@media screen and (max-width: 720px) {
	/* compte > menu / page */
	#alt-menu-compte,
	#alt-menu-close { display: block; }
	#alt-menu-compte .icon-member { 
		display : inline-block; 
	}
	#menu-compte-content {
		padding: 0; 
		width:100%;
		display:block;
	}
	#menu-compte-content .menu-compte__titre { display: none }
	#menu-compte {
		position: fixed;
		top: 0; 
		background: #fff;
		left: -280px;
		height: 100%;
		width: 260px;
		z-index: 1000;
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		        box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-transition: left .5s;
		-o-transition: left .5s;
		transition: left .5s;
	}
	#menu-compte.open { left: 0 }
	
	body.menu-opened #menu-compte.open { left: -280px }
	
	#menu-compte ul {
		height: 100%;
		overflow: auto;
		padding-top: 40px;
	}
	#menu-compte li a { background-image: none }
	#menu-compte.open #alt-menu-compte:after { content: "\e909"; }
	
}


/* > tables -------------------------------- */

.table-content {
	display:table;
	border-collapse:separate;
	margin: 20px auto 40px; 
	width:100%;
}
.table-content .table-row, 
.table-content .table-legend { display:table-row; }
.table-content .table-cell { 
	display: table-cell;
	vertical-align: middle;
	font-family: 'Open Sans', sans-serif;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.table-content .table-legend .table-cell {
	background:#f6f6f6; 
	border-left:#fff solid 2px; 
	border-right:#fff solid 2px;
	font-size: .75em;
	padding: 5px 10px;
}
.table-content .table-row .table-cell { 
	padding: 10px; vertical-align:middle;
	border-bottom: #e9e6e5 1px solid; 
	line-height: 1.4em;
	font-size: .875em;
}
.table-content .table-cell { text-align:center }
.table-content .cell-text { display:none }

/* > formulaires --------------------------- */
fieldset { 
	display: block;
	padding-bottom: 20px; 
	margin-bottom: 30px;
	border-bottom: #d4d4d4 1px solid;
}
.inline-label { font-size: 14px; }
span.inline-label { 
	font-family: 'Source Sans Pro', sans-serif; 
	font-size: 14px;
}

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; }

.valid_output {
	background-color: #51b600 !important;
	padding: 10px 20px;
	margin: 0 0 20px;
	color: #fff;
}

@media screen and (min-width: 1200px) {
	label.floated-label select, 
	label.floated-label input, 
	label.floated-label textarea { max-width: 60%; }
	label.floated-label input[type="password"] { max-width: 50%; } 
}

@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: 640px) { }

/* smartphone horiz BIG */
@media screen and (max-width: 540px) {
		
	.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; 
		max-width: 100%;
		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: 740px) {
	#promo-info-commande { padding: 0; }
	#promo-info-commande #total-commande { padding-left: 10px; }
	#promo-info-commande #panier-left-content { padding-right: 10px; }
	#form-reduction { padding: 20px; }
	
	.table-cell .cell-text,
	.table-content .table-cell .cell-text { display: inline-block; }
}
@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 ----------------------- */

.bouton_red {
	display:inline-block;
	border-style:solid;
	border-width:1px;
	text-transform:uppercase;
	font-family:'Roboto Condensed', sans-serif;
	font-size:13px;
	line-height:14px;
	padding:5px 10px;
	background-color:#d30000; border-color:#d30000; color:#fff;
	-webkit-transition:border-color .3s linear, background-color .3s linear, color .3s linear;
	-o-transition:border-color .3s linear, background-color .3s linear, color .3s linear;
	transition:border-color .3s linear, background-color .3s linear, color .3s linear;
}
.bouton_red:hover { background-color:#ff3a3a; border-color:#ff3a3a; }

.submit,
.button,
input[type="submit"],
input[type="button"],
input[type='submit'].submit,
input[type='button'].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;
}
.submit,
input[type="submit"],
input[type='submit'].submit {
	color: #fff;
	border: #4b605b 1px solid;
	background-color: #4b605b;
}
.button,
input[type="button"],
input[type='button'].button {
	color: #4b605b;
	border: #4b605b 1px solid;
	background-color: trasparent;
}
.submit:hover,
.button:hover,
input[type="submit"],
input[type="button"],
input[type='submit'].submit:hover,
input[type='button'].button:hover {
	color: #fff;
	border: #000 1px solid;
	background-color: #000;
}

.submit.right,
.button.right,
input[type="submit"].right,
input[type="button"].right {
	display: block;
	margin: 0 0 0 auto;
}
a.submit.right, 
a.button.right {
	max-width: 240px;
}


fieldset + input[type='submit'] { margin: 2em 0 0; }

#form-valid {
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: space-between;
}
#form-valid .left {
	order: 1;
}
#form-valid .right {
	order: 2;
}
#form-valid .submit,
#form-valid .button {
	min-width: 200px;
}
@media screen and (min-width: 720px) and (max-width: 860px)  {
	#form-valid .submit,
	#form-valid .button {
		min-width: 20px;
	}
}
@media screen and (max-width: 540px)  {
	#form-valid {
		flex-wrap: wrap;
	}
	#form-valid .submit,
	#form-valid .button {
		min-width: 20px;
	}
}

/*
.bouton_1,
.bouton_2 {
	border-color: #000;
	background-color: transparent;
	padding: 5px 40px 5px 10px;
	color: #000;
	transition: background-color .3s, color .3s;
}
.bouton_1:hover {
	border-color: #000;
	background-color: #000;
	color: #fff;
}
.bouton_2:hover {
	border-color: #000;
	background-color: #000;
	color: #fff;
}
*/
.smaller,
.bouton_1.smaller,
.bouton_2.smaller {
	padding-right: 30px;
	font-size: .875em;
}
.smaller::after,
.bouton_1.smaller::after,
.bouton_2.smaller::after {
	width: 14px;
	height: 10px;
	margin-top: -5px;
	background-size: 14px 10px;
}
.bouton_retour.smaller {
	padding-left: 30px;
	font-size: .875em;
}
.bouton_retour.smaller::after {
	width: 14px;
	height: 10px;
	margin-top: -5px;
	background-size: 14px 10px;
}
/* > icones */
.bt-ico:before { 
	vertical-align:middle;
}
.bt-ico i[class^="ico"] {
	display: inline-block;
	width: 16px; height: 16px;
	background: 0 0 no-repeat;
	background-size: 16px 16px;
	vertical-align: middle;
	margin: 0 5px 0 0;
}
.bt-ico i.icon-edit { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M14.078 4.232l-12.64 12.639-1.438 7.129 7.127-1.438 12.641-12.64-5.69-5.69zm-10.369 14.893l-.85-.85 11.141-11.125.849.849-11.14 11.126zm2.008 2.008l-.85-.85 11.141-11.125.85.85-11.141 11.125zm18.283-15.444l-2.816 2.818-5.691-5.691 2.816-2.816 5.691 5.689z'/%3E%3C/svg%3E"); }
.bt-ico i.icon-zoom { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%231b1b1b' viewBox='0 0 24 24'%3E%3Cpath d='M23.809 21.646l-6.205-6.205c1.167-1.605 1.857-3.579 1.857-5.711 0-5.365-4.365-9.73-9.731-9.73-5.365 0-9.73 4.365-9.73 9.73 0 5.366 4.365 9.73 9.73 9.73 2.034 0 3.923-.627 5.487-1.698l6.238 6.238 2.354-2.354zm-20.955-11.916c0-3.792 3.085-6.877 6.877-6.877s6.877 3.085 6.877 6.877-3.085 6.877-6.877 6.877c-3.793 0-6.877-3.085-6.877-6.877z'/%3E%3C/svg%3E"); }
.bt-ico i.icon-delete { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%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"); }
.bt-ico i.icon-print { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M16 17h-8v-1h8v1zm8-12v13h-4.048c-.404 2.423-3.486 6-6.434 6h-9.518v-6h-4v-13h4v-5h16v5h4zm-18 0h12v-3h-12v3zm12 9h-12v8h6.691c3.469 0 2-3.352 2-3.352s3.309 1.594 3.309-2v-2.648zm4-7h-20v9h2v-4h16v4h2v-9zm-9 11h-5v1h5v-1zm7.5-10c-.276 0-.5.224-.5.5s.224.5.5.5.5-.224.5-.5-.224-.5-.5-.5z'/%3E%3C/svg%3E"); }
.bt-ico .bt-text { display: inline-block; vertical-align: middle }

.bt-ico:hover i.icon-zoom { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M23.809 21.646l-6.205-6.205c1.167-1.605 1.857-3.579 1.857-5.711 0-5.365-4.365-9.73-9.731-9.73-5.365 0-9.73 4.365-9.73 9.73 0 5.366 4.365 9.73 9.73 9.73 2.034 0 3.923-.627 5.487-1.698l6.238 6.238 2.354-2.354zm-20.955-11.916c0-3.792 3.085-6.877 6.877-6.877s6.877 3.085 6.877 6.877-3.085 6.877-6.877 6.877c-3.793 0-6.877-3.085-6.877-6.877z'/%3E%3C/svg%3E"); }


/* --- */
a.icon-edit,
a.icon-zoom,
a.icon-print,
a.icon-delete {
	display: inline-block;
	width: 24px; height: 24px;
	background: center no-repeat;
	background-size: 18px 18px;
	vertical-align: middle;
	margin: 0 5px;
}
a.icon-edit { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23797979' viewBox='0 0 24 24'%3E%3Cpath d='M14.078 4.232l-12.64 12.639-1.438 7.129 7.127-1.438 12.641-12.64-5.69-5.69zm-10.369 14.893l-.85-.85 11.141-11.125.849.849-11.14 11.126zm2.008 2.008l-.85-.85 11.141-11.125.85.85-11.141 11.125zm18.283-15.444l-2.816 2.818-5.691-5.691 2.816-2.816 5.691 5.689z'/%3E%3C/svg%3E"); }
a.icon-edit:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M14.078 4.232l-12.64 12.639-1.438 7.129 7.127-1.438 12.641-12.64-5.69-5.69zm-10.369 14.893l-.85-.85 11.141-11.125.849.849-11.14 11.126zm2.008 2.008l-.85-.85 11.141-11.125.85.85-11.141 11.125zm18.283-15.444l-2.816 2.818-5.691-5.691 2.816-2.816 5.691 5.689z'/%3E%3C/svg%3E"); }
a.icon-delete { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23797979' viewBox='0 0 24 24'%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"); }
a.icon-delete:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23d30000' viewBox='0 0 24 24'%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"); }
a.icon-zoom { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23797979' viewBox='0 0 24 24'%3E%3Cpath d='M23.809 21.646l-6.205-6.205c1.167-1.605 1.857-3.579 1.857-5.711 0-5.365-4.365-9.73-9.731-9.73-5.365 0-9.73 4.365-9.73 9.73 0 5.366 4.365 9.73 9.73 9.73 2.034 0 3.923-.627 5.487-1.698l6.238 6.238 2.354-2.354zm-20.955-11.916c0-3.792 3.085-6.877 6.877-6.877s6.877 3.085 6.877 6.877-3.085 6.877-6.877 6.877c-3.793 0-6.877-3.085-6.877-6.877z'/%3E%3C/svg%3E"); }
a.icon-zoom:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M23.809 21.646l-6.205-6.205c1.167-1.605 1.857-3.579 1.857-5.711 0-5.365-4.365-9.73-9.731-9.73-5.365 0-9.73 4.365-9.73 9.73 0 5.366 4.365 9.73 9.73 9.73 2.034 0 3.923-.627 5.487-1.698l6.238 6.238 2.354-2.354zm-20.955-11.916c0-3.792 3.085-6.877 6.877-6.877s6.877 3.085 6.877 6.877-3.085 6.877-6.877 6.877c-3.793 0-6.877-3.085-6.877-6.877z'/%3E%3C/svg%3E"); }
a.icon-print { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23797979' viewBox='0 0 24 24'%3E%3Cpath d='M16 17h-8v-1h8v1zm8-12v13h-4.048c-.404 2.423-3.486 6-6.434 6h-9.518v-6h-4v-13h4v-5h16v5h4zm-18 0h12v-3h-12v3zm12 9h-12v8h6.691c3.469 0 2-3.352 2-3.352s3.309 1.594 3.309-2v-2.648zm4-7h-20v9h2v-4h16v4h2v-9zm-9 11h-5v1h5v-1zm7.5-10c-.276 0-.5.224-.5.5s.224.5.5.5.5-.224.5-.5-.224-.5-.5-.5z'/%3E%3C/svg%3E"); }
a.icon-print:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M16 17h-8v-1h8v1zm8-12v13h-4.048c-.404 2.423-3.486 6-6.434 6h-9.518v-6h-4v-13h4v-5h16v5h4zm-18 0h12v-3h-12v3zm12 9h-12v8h6.691c3.469 0 2-3.352 2-3.352s3.309 1.594 3.309-2v-2.648zm4-7h-20v9h2v-4h16v4h2v-9zm-9 11h-5v1h5v-1zm7.5-10c-.276 0-.5.224-.5.5s.224.5.5.5.5-.224.5-.5-.224-.5-.5-.5z'/%3E%3C/svg%3E"); }

@media screen and (max-width: 750px) {
	
	/* boutons / icones */
	.bt-ico.smaller,
	.bt-ico.bouton_1,
	.bt-ico.bouton_2 {
		width: 32px;
		height: 32px;
		padding: 0 
	}
	.bt-ico i[class^="ico"] {
		margin: 0;
		width: 100%;
		height: 100%;
		background-position: center;
	}
	.bt-ico .bt-text { display:none }
	.bt-ico.smaller::after { display: none; }
}

/* > compte > common */
#pages-comptes {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 0 40px;
	background-size: auto 50px;
}
#compte-content {
	padding: 40px 60px 7%;
	width: calc(50% + 250px);
	min-height: 460px;
}
.compte-content_inner { max-width: 740px; }
#compte-content .valid_output {
	margin: 0 0 20px;
	background: #9ad49f;
	color: #125318;
	border: none;
}
#compte-content .valid_output p {
	text-align:center;
    font-weight: 500;
    font-size: 13px;
	color: #125318;
	margin: 0;
}
/* --- */
#compte_informations,
#compte_identifiant,
#compte_adresses { max-width:520px; }

@media screen and (max-width: 1280px) { #pages-comptes { padding: 0; } }
@media screen and (max-width: 1100px) {
	#compte-content { padding: 40px 60px 7% 40px; }
}
@media screen and (max-width: 720px) {
	#pages-comptes {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		padding: 0;
	}
	/* --- */
	#compte-content {
		width: 100%;
		padding: 20px 30px 40px;
	}
	#compte_informations,
	#compte_identifiant,
	#compte_adresses {
		margin: 0 auto;
	}
}



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

/* > accueil ------------------------------- */

#compte-accueil_content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
#compte-bienvenue {
	padding-right: 20px;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
#compte-bienvenue h2 {
	font-size: 1.5em;
	margin: 20px 0;
	font-family: 'Playfair Display', serif;
	color: #4b605b;
}
#infos-client { 
	padding: 20px;
	background-color: #ececec;
	background-size: 100% auto;
	min-width: 280px;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
#infos-client h2 {
	font-size: 1.25em;
	font-weight: 600;
	margin: 0 0 10px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.125em;
	text-transform: uppercase;
}
#infos-client .fc-gris { color: #4b605b }

/* --- */
#compte-historique-commande { margin-top: 40px; }
#compte-historique-commande h3 {
	color: #000;
}
#compte-historique-commande ul { 
	border-top:#e3e3e3 1px solid; 
	font-size: .875em; 
	margin-top: 20px;
}
#compte-historique-commande li { border-bottom: #e3e3e3 1px solid; }
#compte-historique-commande li > a { 
	padding: 10px 5px; 
	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;
	font-family: 'Open Sans', sans-serif;
}
#compte-historique-commande li .historique-commande__infos {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	font-size: .875em;
}
#compte-historique-commande li .bt-ico { 
	margin-left: 10px;
	min-width: 100px;
	flex: 0 0 auto;
}

@media screen and (max-width: 860px) {
	#compte-accueil_content {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	#compte-bienvenue, 
	#infos-client { 
		width: 100%; 
		margin: 20px 0; 
	}
	#infos-client { text-align: center;  }
	#infos-client em { display: block; }
	#compte-bienvenue { 
		width:100%; 
		margin:20px 0; 
	}
	#compte-historique-commande li > span { width:90%; }
	#compte-historique-commande .link-black.smaller {
		width:20px; height:20px; padding:0; content:""; text-indent:9999px;
		vertical-align:middle;
	}
	.table-content .cell-action { width:80px; }
}

@media screen and (max-width: 980px) { 
	#compte-historique-commande li .bt-ico { min-width: 32px } 
}
@media screen and (max-width: 720px) { 
	#compte-bienvenue h2 { margin-top: 0; }
}


/* > COMPTE IDENTIFIANTS > compte-identifiants.php 
------------------------------------------------------------------------------------------------------------------------------------------------------------ */
#field_mdp label input { width:50%; }

/* > mot de passe -------------------------- */
#compte-content .bouton_2 strong {
	display:inline-block;
	vertical-align:middle;
	margin:-3px 10px 0 0;
	font-weight:600;
	font-size: 24px;
}
#table-adresse .table-legend .table-cell:first-child { text-align: left }
#table-adresse .table-row .table-cell:first-child { 
	text-align:left;
	font-size: 14px;
}
#table-adresse .table-row .cell-legend { display: none }
#table-adresse .table-row .table-cell:nth-child(2) { font-weight: 700; }
#table-adresse .table-row .table-cell.cell-action { text-align:center; width:100px; }
	
@media screen and (max-width: 860px) { 
	#table-adresse { display: block }
	#table-adresse .table-legend { display: none; }
	#table-adresse .table-row { 
		display: block;
		position: relative;
	}
	#table-adresse .table-row .table-cell {
		display: block;
		text-align: left;
		font-size: .875em;
	}
	#table-adresse .table-row .table-cell:first-child { 
		border: none;
		padding-right: 100px;
	}
	#table-adresse .table-row .cell-legend { 
		display: inline-block;
		font-weight: 400;
		vertical-align: middle;
	}
	#table-adresse .table-row .table-cell:nth-child(2) {
		background-color: #f3f2f2;
	}
	#table-adresse .table-row .table-cell.cell-action {
		position: absolute;
		top: 0; right: 0;
		border: none;
	}
}

/* > mot de passe oublié ------------------- */

#pages-mdp { padding: 5% 20px 10%; }
#pages-mdp .row {
	display: block;
}
#pages-mdp .error_output {
	max-width: 480px;
	margin: 0 auto 20px;
}
#pages-mdp #login_coordonnee { 
	margin: 0 auto;
	max-width: 480px;
	background: #ececec;
	padding: 40px;
	width: 100%;
}
#pages-mdp #login_coordonnee p {
	font-size: 1em;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
#pages-mdp #submit_identification {
	min-width: 160px;
	text-align: center;
}
#pages-mdp label.floated-label #login { 
	width: auto;
	margin-left: 5%;
	max-width: 100%;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
@media screen and (max-width: 540px) { 
	#pages-mdp { padding: 40px 20px; }
	#pages-mdp #login_coordonnee { padding: 20px; }
	#pages-mdp label.floated-label #login { width: 100%; }
}
#pages-mdp .valid_output {
	padding: 30px;
	margin: 0 auto;
	background-color: #ececec !important;
	font-weight: 700;
	color: #000;
}
#pages-mdp .mdp_output {
	text-align: center;
	font-weight: 700;
	margin: 0;
}

@media screen and (max-width: 620px) { 
	#pages-mdp label.floated-label {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	#pages-mdp form label.floated-label input {
		width: 100%;
		max-width: 100%;
		margin: 5px 0 0;
	} 
}

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

/* > detail commande ----------------------- */

#fancy-details-commande {
	height: auto;
	width: auto;
	max-width: 920px;
	padding: 40px;
}
#fancy-details-commande .wrapper { }
.details-commande_title {
	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;
	padding: 0 0 20px;
}
.details-commande_title h1 {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	font-size: 1.5em;
	padding-right: 20px;
	margin: 0;
}
.details-commande_title .bouton_2 {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	margin: 0;
}
#infos-commandes-details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
#infos-commandes-details p { 
	font-size: .875em;
	line-height: 1.4em;
	font-family: 'Open Sans', sans-serif;
	margin: 0;
}
#infos-commandes-details .divide { 
	width: 100%;
	margin: 20px auto;
}
#infos-commandes-details p strong {
	display: block;
	text-transform: uppercase;
}
#fancy-details-commande .table-content .article-info {
	width: auto;
}
#fancy-details-commande #promo-info-commande {
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;

}
.fancy-commande .fancybox-slide--iframe .fancybox-close-small, 
.fancy-commande .fancybox-slide--image .fancybox-close-small,
.fancy-panier .fancybox-slide--iframe .fancybox-close-small, 
.fancy-panier .fancybox-slide--image .fancybox-close-small {
	right: 0;
}

/* smartphone horiz BIG */
@media screen and (max-width: 740px) {
	#fancy-details-commande { padding: 20px }
	#fancy-details-commande .table-content .article-info { width: 100%; }
	#fancy-details-commande .table-content  .quantite,
	#fancy-details-commande .table-content .article-prix {
		width: 33.33%;
		background-color: #ececec
	}	
}
@media screen and (max-width: 540px) {
	
	/* compte > commande */
	#page_commandes #compte-content { padding: 0 0 30px; }
	#table-commande { margin-top:0 }
	#table-commande,
	#table-commande .table-row,
	#table-commande .table-row .table-cell { display:block }
	#table-commande .table-row:nth-child(2n+1) { background-color:#f6f6f6 }
	#table-commande .table-legend { display:none; }
	#table-commande .table-row { 
		position:relative;
		border-bottom: #e9e6e5 1px solid;
		padding:10px 33.333% 50px 0;
	}
	#table-commande .table-row .table-cell { text-align:left; border:none }
	#table-commande .table-row .table-cell:nth-child(1) { padding:10px 10px 0 }
	#table-commande .table-row .table-cell:nth-child(3) {
		position:absolute; top:0; right:0;
		text-align:right; width:33.333%;
	}
	#table-commande .table-row .table-cell:nth-child(4),
	#table-commande .table-row .table-cell:nth-child(5) {
		position:absolute; bottom:0;
		height:50px; padding:10px;
	}
	#table-commande .table-row .table-cell:nth-child(4) { 
		left:0; width:70%;
		text-align:left;
	}
	#table-commande .table-row .table-cell:nth-child(5) {
		text-align: right;
		left:70%; width:30% 
	}
		
	#form-valid .button { display:none; }
	#form-valid .submit { display:block; float:none; }
	
	/* compte */
	#pages-comptes .button.left,
	#pages-comptes .submit.right { 
		display:block; 
		margin:10px auto;
		text-align:center;
		width: 100%;
	}
	
	fieldset legend em { display:block; padding:5px 0; }
	#page_compte-adresses #list_adresses { border-top: 1px solid #e9e6e5; }
	#page_compte-adresses #list_adresses .table-cell { 
		display:block; 
		padding:0 0 20px 0;
		width:70%; height:80px; float:left;
	}
	#page_compte-adresses #list_adresses .table-cell.fw-700 {
		height:40px; border:none; padding:20px 0 0; 
	}
	#page_compte-adresses #list_adresses .table-cell.cell-action { 
		width:30%; height:80px;
		text-align:right; float:right; 
	}
	
	/* > compte-identifiants */
	#field_mdp label input { width:100%; }
	
	/* --- */
	.fancy-commande .fancybox-slide--iframe .fancybox-content, 
	.fancy-panier .fancybox-slide--iframe .fancybox-content {
		margin: 10px;
		width: 100%;
   		height: 100%;
    	max-width: calc(100% - 20px);
    	max-height: calc(100% - 20px);
	}
	
}
@media screen and (max-width: 380px) {
	#fancy-details-commande .table-content  .quantite,
	#fancy-details-commande .table-content .article-prix {
		width: 50%;
		background-color: #ececec
	}	
	#fancy-details-commande .table-content .article-prix.prix-unit { display: none; }	
}

/* smartphone verticale */
@media screen and (max-width: 360px) {
	
	/* > compte-adresse */ 
	#table-adresse .table-legend { display:none; }
	#table-adresse .table-cell { display:block; border:none; }
	#table-adresse .table-cell.cell-action { 
		width:auto; padding-bottom:20px;
		border-bottom: #e9e6e5 1px solid;
	}
	
}

@media print {
  #fancy-details-commande .right.bt-ico {
    display:none;
  }
}