/* GENERALS --------------------------------------------------------------------------------------- */

/* --- boutons --- */
.bouton_red {
	display:inline-block;
	border-style:solid;
	border-width:1px;
	text-transform:uppercase;
	font-family:'Lato', 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;
	-moz-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'].submit,
input[type='button'].button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: transparent 1px solid;
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
	font-size: 14px;
	min-width: 180px;
	height: 40px;
	padding: 5px 10px;
	line-height: 20px;
	-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;
}
.submit {
	color: #fff;
	border-color: #f29400;
	background-color: #f29400;
}
.button {
	color: #f29400;
	border-color: #f29400;
	background-color: transparent;
}
.submit:hover,
.button:hover {
	border-color: #4b4b4b;
	background-color:#4b4b4b;
	color: #fff;
}
#form-valid .submit,
#form-valid .button {
	min-width: 220px;
}
/* --- */
.valid_output {
	background-color: #51b600 !important;
	padding: 10px 20px;
	margin: 0 0 20px;
	color: #fff;
}
/* --- */
legend,
fieldset h2 {
	margin: 0 0 10px;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 15px;
}
legend .fc-gris,
fieldset h2 .fc-gris {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	font-size: 12px;
}

.article-prix { color: #f29400; }

/* > PAGES COMPTE > commons
-------------------------------------------------------------------------------------------------------------------------------- */
#heading-comptes {
	min-height: 200px;
}
#panier-comptes { 
	max-width: 1000px;
	padding: 20px 0 60px;
	margin: 0 auto;
	background-color: #fff;
}
#panier-comptes h1 { margin-bottom: 0 }
#heading-comptes #breadcrumb {
	margin: -20px 0 0;
}
#heading-comptes #breadcrumb ul {
	margin: 0 auto;
	padding: 0;
}
#heading-comptes #breadcrumb li,
#heading-comptes #breadcrumb li a { color: #fff; }
#heading-comptes #breadcrumb li a:hover { color: #39404a }
/* --- */
#pages-comptes { 
	display: flex;
	align-items: stretch;
	justify-content: space-around;
	background-color: #fff;
	min-height: 55vw;
	max-width: 1000px;
	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: 0 0;
	vertical-align:top;
	border-right:#dadada 1px solid;
	min-width: 260px;
	width: 25%;
}
#menu-compte-content .menu-compte__titre {
	background: #003a78;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	padding: 20px;
	font-size: 24px;
	color: #fff;
}
#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: #003a78 }
#alt-menu-close:hover svg,
#alt-menu-close:active svg { fill: #fff }
#alt-menu-compte {
	height: 60px; 
	width: 120px;
	line-height: 40px;
	margin: 0 0 0 auto;
	display: none; 
	text-align: center;
	padding: 10px; 
	position: relative;
	font-weight: 700; 
	font-size: 12px;
	color: #fff;
	background-color: #f29400;
	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:hover {
	background-color: #003a78;
}
#alt-menu-compte svg {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	fill: #fff;
}

@media screen and (max-width: 980px) {
	#menu-compte-content { min-width: 180px; }
	#menu-compte-content .menu-compte__titre { font-size: 16px; }
	#menu-compte li a { line-height: 1.25em; }
}

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

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

	#heading-comptes .heading_shop__content {
		position: absolute;
		line-height: 60px;
		text-align: left;
		justify-content: flex-start;
		left: 0; bottom: -60px;
		background-color: #fff;
		padding: 0 !important;
		z-index: 3;
		height: 60px;
		width: calc(100% - 120px);
	}	
	#heading-comptes .heading_shop__content h1 {
		margin-left: 0;
		padding: 10px 20px;
		line-height: 40px;
		text-align: left;
		color: #003a78;
		font-size: 24px;
		width: 100%;
	}
	/* 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) {
	#heading-comptes .heading_shop__content h1 { font-size: 18px; }
}


/* > Icones / boutons ------------------------------------------------------------------- */
.smaller,
.bouton_1.smaller,
.bouton_2.smaller {
	padding: 5px 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='%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: 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 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: 16px;
	margin: 20px 0;
	font-family: 'Montserrat', sans-serif;
	text-transform: none;
}
#compte-bienvenue p { font-size: 12px; }
#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: 14px;
	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: 12px; 
	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 }

#table-commande .table-legend .table-cell { font-size: 11px; }
#table-commande .table-cell {
	font-size: 13px;
	line-height: 1.25em;
}

/* > 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:24px;
}
#table-adresse .table-cell { text-align:left }
#table-adresse .table-cell.cell-action { text-align:center; width:100px; }

/* > compte-mdp */
#comptes-mdp {
	min-height: calc(100vh - 200px);
	padding: 15vw 30px 5vw;
}
#comptes-mdp .content_block {
	max-width: 500px;
	margin: 0 auto;
	padding: 40px 20px;
}
#comptes-mdp h1 {
	text-align: center;
	font-size: 30px;
	color: #003a78;
	font-weight: 400;
}
.mdp-flex {
	display: flex;
}
.mdp-flex input#login { 
	height: 40px;
	flex: 1 1 auto;
}
.mdp-flex input#submit_identification { 
	flex: 0 0 auto;
	min-width: 120px;
}
.mdp-confirm {
	max-width: 240px;
	margin: 0 auto;
}
.mdp-confirm input[type="password"] {
	margin-bottom: 10px;
	height: 40px;
}
.mdp-confirm input[type="submit"] {
	width: 100%;
}

/* > FANCY DETAILS COMMANDE 
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#fancy-details-commande {
	height: auto;
	width: auto;
	max-width: 920px;
	padding: 40px;
}
#infos-commandes-details p { font-size: 12px; }
#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;
  }
}