/* --------------------------------------------------------------------------------------- */
/* GENERALS 
/* --------------------------------------------------------------------------------------- */
.bouton_red {
	display:inline-block;
	text-transform:uppercase;
	border: none;
	cursor: pointer;
	margin-top: 1em;
	font-weight: 700;
	min-width: 120px;
	text-align: center;
	padding: 12px 20px 10px;
	background-color: #d30000; 
	color:#fff;
	-webkit-transition:background-color .3s, color .3s;
	-moz-transition:background-color .3s, color .3s;
	transition:background-color .3s, color .3s;
}
.bouton_red:hover { background-color:#ff3a3a; border-color:#ff3a3a; }
input[type='button'], .submit,
input[type='submit'], .button {
	display:inline-block;
	text-transform: uppercase;
	border: none;
	font-size: .875em;
	cursor: pointer;
	margin-top: 1em;
	font-weight: 700;
	min-width: 120px;
	text-align: center;
	min-height: 44px;
	padding: 12px 20px 8px;
	-webkit-transition:background-color .3s, color .3s;
	-moz-transition:background-color .3s, color .3s;
	transition:background-color .3s, color .3s;
}
input[type='submit'], .submit {
	background-color: #cb1716;
	color: #fff;
}
input[type='button'], .button {
	background-color: #222;
	color: #fff;
}
input[type='button']:active, .button:active,
input[type='submit']:active, .submit:active,
input[type='button']:hover, .button:hover,
input[type='submit']:hover, .submit:hover {
	background-color: #000;
	color: #fff;
}
#form-valid .submit,
#form-valid .button {
	min-width: 220px;
}

/* --- */
.valid_output {
	max-width: 100% !important;
	background-color: #51b600 !important;
	padding: 10px 20px 8px !important;
	margin: 0 0 20px !important;
	color: #fff;
}
.error_output p, 
.valid_output p { font-size: .875em; }

/* --- */
#compte-creation label.inline-label,
#compte-content label.inline-label,
#panier-content label.inline-label {
	min-width: 30px;
}
/* --- */
legend,
fieldset h2 {
	margin: 0 0 20px;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
}
legend .fc-gris,
fieldset h2 .fc-gris {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	font-size: 12px;
}

.form-action {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

#compte-content select,
#compte-content textarea,
#compte-content input[type='tel'],
#compte-content input[type='text'],
#compte-content input[type='email'],
#compte-content input[type='number'],
#compte-content input[type='password'],
#compte-content input[type='checkbox'],
#compte-content input[type='radio'] {
	border-color: #ddd;
}
#compte-content select:hover,
#compte-content textarea:hover,
#compte-content input[type='tel']:hover,
#compte-content input[type='text']:hover,
#compte-content input[type='email']:hover,
#compte-content input[type='number']:hover,
#compte-content input[type='password']:hover,
#compte-content input[type='checkbox']:hover,
#compte-content input[type='radio']:hover {
	border-color:#bbb;
}
#compte-content select:focus,
#compte-content textarea:focus,
#compte-content input[type='tel']:focus,
#compte-content input[type='text']:focus,
#compte-content input[type='email']:focus,
#compte-content input[type='number']:focus,
#compte-content input[type='password']:focus,
#compte-content input[type='checkbox']:focus,
#compte-content input[type='radio']:focus {
	border-color:#222; color:#222;
	box-shadow:#222 0 0 5px;
}
#compte-content select.errorfield,
#compte-content textarea.errorfield,
#compte-content input[type='tel'].errorfield,
#compte-content input[type='text'].errorfield,
#compte-content input[type='email'].errorfield,
#compte-content input[type='number'].errorfield,
#compte-content input[type='password'].errorfield,
#compte-content input[type='checkbox'].errorfield,
#compte-content input[type='radio'].errorfield {
	border-color:#d61e1d;
}
.error_output {
	background-color:#d61e1d;
	margin: 0 0 10px;
	color: #fff;
}
.error_output p {
	font-weight: 700;
	font-size: .875em;
	margin: 0;
}
.champs_oblig {
	color: #949494;
	font-size: .75em;
	margin: 1em 0;
}

@media screen and (max-width: 480px) {
	.form-action .submit,
	.form-action .bouton {
		width: 100%;
	}
}

@media screen and (max-width: 540px) {
	#heading-comptes h1 { margin: 0 }
}

/* > PAGES COMPTE > commons
-------------------------------------------------------------------------------------------------------------------------------- */
#heading-comptes { 
	text-align:center;
	background: #ddd;
	-webkit-background-size: cover;
	        background-size: cover;
	padding:3% 20px;
}
#heading-comptes h1 {
	color: #cb1716;
}
#heading-comptes #breadcrumb {
	margin: -20px 0 0;
}
#heading-comptes #breadcrumb ul {
	margin: 0 auto;
	padding: 0;
}
#pages-comptes { 
	display: flex;
	align-items: stretch;
	justify-content: space-around;
	min-height:380px;
	max-width:990px;
	margin: 0 auto;
	width:100%;
	padding:0;
}
#compte-content {
	padding:30px 30px 60px;
	width: 75%;
}
#compte_informations,
#compte_identifiant,
#compte_adresses { max-width:520px; }

/* > menu compte --------------------------------------------------------------------- */
#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-content .menu-compte__titre {
	margin: 10px 0 30px;
	font-family: 'Sail', cursive;
	font-size: 24px;
}
#menu-compte li {
	position:relative;
	border-bottom: #dadada 1px solid;
	font-size: 13px;
	transition:all .2s linear;
}
#menu-compte li.active,
#menu-compte li:hover { background-color:#f2f2f2 }
#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-position: 95% center;
	background-repeat: no-repeat;
}
#menu-compte li.active a { 
	font-weight: 700;
	background-image: none 
}
#alt-menu-close {
	width: 40px;
	height: 40px;
	display: none;
	position: absolute;
	top: 0; right: 0;
	transition: background-color .3s;
}
#alt-menu-close svg {
	fill:#ccc;
	display: block;
	margin: 8px;
	transform: scale(.8);
	transition: fill .3s;
}
#alt-menu-close:hover,
#alt-menu-close:active { background-color: #39404a }
#alt-menu-close:hover svg,
#alt-menu-close:active svg { fill: #fff }
#alt-menu-compte {
	height:40px; line-height:20px;
	display:none; text-align:center;
	position:relative;
	color: #fff;
	padding:10px;
	font-weight: 700; 
	font-size: .875em;;
	background-color: #222;
	text-transform: uppercase;
	-webkit-transition:background-color .3s linear;
	-moz-transition:background-color .3s linear;
	-ms-transition:background-color .3s linear;
	-o-transition:background-color .3s linear;
	transition:background-color .3s linear;
}
#alt-menu-compte .icon-member {
	width: 20px;
	height: 20px;
	display: none;
	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='20' viewBox='0 0 700 700' fill='%23fff'%3E%3Cpath 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 20px; 
}

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

	/* compte > menu / page */
	#pages-comptes, 
	#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;
		right: -280px;
		height: 100%;
		width: 260px;
		z-index: 1000;
		box-shadow: 0 0 10px rgba(0,0,0,.4);
		transition: right .5s;
	}
	#menu-compte.open { right: 0 }
	#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"; }
	
	/* --- */
	#compte-content {
		width: auto;
		padding: 20px 20px 40px;
	}
	#compte_informations,
	#compte_identifiant,
	#compte_adresses {
		margin: 0 auto;
	}
}

@media screen and (max-width: 540px) {
	
	/* panier > heading */
	#heading-comptes { padding: 10% 20px }
	#heading-comptes h1 { font-size:40px }
	
}

/* > Icones / boutons ------------------------------------------------------------------- */
.smaller,
.bouton_1.smaller,
.bouton_2.smaller {
	padding: 5px 10px 2px;
}
/* > 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='%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"); }
.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 }
/* --- */
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='%2339404a' 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='%2339404a' 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='%2339404a' 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: 1030px) {
	/* menu / compte content */
	#menu-compte-content .menu-compte__titre { padding: 0 20px; }
}
@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 }
		
}

/* > COMPTE CREATION > creation.php 
------------------------------------------------------------------------------------------------------------------------------------------------------------ */
#compte-creation { padding:3% 0 5% }
#compte-creation .wp50.left { 
	padding: 0 0 0 2%;
}
#compte-creation .wp50.right { 
	padding: 0 2% 0 0;
}
/* --- */
#login_coordonnee { 
	padding: 30px;
	background: #222;
	color: #fff;
}
#login_coordonnee h2 {
	text-align: center;
	text-transform: uppercase;
	font-size: 1.5em;
	color: #fff 
}
#bloc_new_client,
#bloc_creation {
	padding: 30px;
	background: #ddd;
}
#bloc_new_client { height: 100%; }
#bloc_new_client h2 {
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 3em;
	font-size: 1.5em;
	color: #222 
}
label.floated-label input[type="password"] { width: 40% }

@media screen and (max-width: 1166px) {
	#login_coordonnee {  padding: 30px; }
	#bloc_new_client, #bloc_creation { padding: 30px; }
}
@media screen and (max-width: 860px) {
	#bloc_login { padding: 0 30px; }
	#compte-creation .wp50.right,
	#compte-creation .wp50.left { 
		width:100%; 
		padding: 10px 0 
	}
}
@media screen and (max-width: 640px) {
	
	#bloc_login { padding: 0 20px; }
	#login_coordonnee,
	#bloc_new_client,
	#bloc_creation {
		padding: 20px;
	}
	
	
	/* 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) {
	/* panier > mdp */
	span.inline-label { width: 100%; }
	label.floated-label input[type="password"] { width: 100% }
}

/* > COMPTE ACCUEIL > compte-accueil.php 
------------------------------------------------------------------------------------------------------------------------------------------------------------ */
#compte-accueil_content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
#compte-bienvenue {
	padding-right: 20px;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	   -moz-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
#compte-bienvenue h2 {
	font-weight: 700;
	font-size: 1.125em;
	margin: 20px 0;
	font-family: 'Montserrat', sans-serif;
	text-transform: none;
}
#compte-bienvenue p { font-size: .875em; }
#infos-client { 
	padding:20px;
	border: #ccc 1px solid;
	min-width: 280px;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	   -moz-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
#infos-client h2 {
	font-weight: 700;
	font-size: .875em;
	margin: 0 0 10px;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}
/* --- */
#compte-historique-commande { margin-top: 40px; }
#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: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
#compte-historique-commande li .historique-commande__infos {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	   -moz-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
#compte-historique-commande li .bt-ico { min-width: 100px }

@media screen and (max-width: 780px) {
	#compte-accueil_content {
		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: 750px) { #compte-historique-commande li .bt-ico { min-width: 32px } }

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

/* TABLEAUX & FAKES */
.table-content {
	display:table;
	border-collapse:separate;
	margin:20px auto; 
	max-width:960px; 
	width:100%;
}
.table-content .table-row, 
.table-content .table-legend { display:table-row; }
.table-content .table-cell { 
	display:table-cell;
	vertical-align:middle;
	-webkit-box-sizing:border-box;
	-moz-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-family: 'Source Sans Pro', sans-serif; 
	font-size:13px;
	padding: 5px 10px;
}
.table-content .table-row .table-cell { 
	padding:10px; vertical-align:middle;
	border-bottom:#e9e6e5 1px solid; 
}
.table-content .table-cell { text-align:center }
.table-content .cell-text { display:none }

/* > COMPTE ADRESSE > compte-adresse.php 
------------------------------------------------------------------------------------------------------------------------------------------------------------ */
#page_adresses #compte-content {
	
}
#compte-content .bouton_2 strong {
	display:inline-block;
	vertical-align:middle;
	margin:-3px 10px 0 0;
	font-weight:700;
	font-size: 1.5em;
}
#table-adresse .table-cell { text-align:left }
#table-adresse .table-cell.cell-action { text-align:center; width:100px; }

#table-adresse .table-row .table-cell { 
	font-size: .875em;
	line-height: 1.4em;
}

/* > compte-mdp */
#page_compte-mdp #login_coordonnee { margin:0 auto; max-width:500px; }
#page_compte-mdp label.floated-label #login { width:80%; }

/* > FANCY DETAILS COMMANDE 
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#fancy-details-commande {
	height: auto;
	width: auto;
	max-width: 920px;
	padding: 40px;
}
#infos-commandes-details p { font-size: .875em; }
#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;
	-webkit-justify-content: flex-end;
	   -moz-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: 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);
	}
	
}

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