/* 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;
	-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'].submit,
input[type='button'].button {
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	padding: 10px 20px;
	border-width: 1px;
	border-style: solid;
	-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: #39404a;
	background-color: #39404a;
}
.button {
	color: #39404a;
	border-color: #39404a;
	background-color: trasparent;
}
.submit:hover,
.button:hover {
	color: #fff;
	border-color: #84cee5;
	background-color: #84cee5;
}
#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;
	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;
}

#submit_compte_informations { padding: 5px 20px; }

.right { float: right; }
.margb20 { margin-bottom: 20px; }
.margb40 { margin-bottom: 40px; }
.clearfix { display: block; }

/* > PAGES COMPTE > commons
-------------------------------------------------------------------------------------------------------------------------------- */
#heading-comptes { 
	text-align:center;
	background: url(../images/heading-compte.gif) center 100% no-repeat;
	padding:3% 20px;
	color: #fff;
}
#heading-comptes h1 {
	text-transform: none;
	font-size: 50px;
	color: #132e6e;
}
#heading-comptes #breadcrumb {
	margin: -20px 0 0;
	color: #7985a3;
}
#heading-comptes #breadcrumb ul {
	margin: 0 auto;
	padding: 0;
}
#heading-comptes #breadcrumb li,
#heading-comptes #breadcrumb li a { color: #7985a3; }
#heading-comptes #breadcrumb li a:hover { color: #39404a }
/* --- */
#pages-comptes { 
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	min-height:380px;
	max-width:1660px;
	margin: 0 auto;
	width:100%;
	padding:0;
}
#compte-content {
	padding:80px 30px 80px;
	width: calc(50% + 250px);
    min-height: 460px;
}
/* --- */
#compte_informations,
#compte_identifiant,
#compte_adresses { max-width:680px; }

#compte_identifiant label.floated-label, #compte_adresses label.floated-label {
	/*display: flex;
	justify-content: space-between;
	padding: 10px 0;
	margin-bottom: 0;
	align-items: start;*/
	padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	font-size: 14px;
}

#compte_adresses span.inline-label,
#compte_informations span.inline-label, 
#compte_identifiant span.inline-label { 
	width: 40%; 
}

label.floated-label select,
label.floated-label input,
label.floated-label textarea {
	-webkit-box-flex: 0;
	    -ms-flex: 0;
	        flex: 0;
	max-width: 60%;
	width: 60%;
	border: 1px solid #132e6e;
	display: inline-block;
}

label.floated-label select,
label.floated-label input,
label.floated-label textarea {
	width: auto;
}

@media screen and (max-width:540px) {
	label.floated-label input, label.floated-label select, label.floated-label textarea {
		display: block;
		margin: 10px 0 0;
		max-width: 100%;
	}
	#compte_identifiant label.floated-label, #compte_adresses label.floated-label { display: block; }
}


/* > 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-size: 24px;
}
#menu-compte li {
	position:relative;
	border-bottom: #dadada 1px solid;
	font-size: 16px;
	-webkit-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear;
}
#menu-compte li.active,
#menu-compte li:hover { background-color:#132e6e; color: #ffffff; }
#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 a:hover { 
	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(255, 255, 255)' 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;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}
#alt-menu-close svg {
	fill:#ccc;
	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: #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;
	padding:10px; position:relative;
	font-weight:700; font-size:12px;
	border-bottom:#f3303e 1px solid;
	background-color: #f3303e;
	color: #ffffff;
	text-transform:uppercase;
	-webkit-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='20px' height='20px' viewBox='0 0 700 700' fill='%23fff'%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 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;
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		        box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-transition: right .5s;
		-o-transition: right .5s;
		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: 40px 30px 80px;
	}
	#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;
}

/* > 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='%23132e6e' 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='%23132e6e' 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='%23f3303e' 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='%23132e6e' 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='%23f3303e' 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 ACCUEIL > compte-accueil.php 
------------------------------------------------------------------------------------------------------------------------------------------------------------ */
#compte-accueil_content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-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-weight: 700;
	font-size: 20px;
	margin: 20px 0;
	font-family: 'Montserrat', sans-serif;
	text-transform: none;
}
#compte-bienvenue p { font-size: 1.125em; }
#infos-client { 
	padding:20px;
	border: #ccc 1px solid;
	min-width: 280px;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	border-radius: 1em;
	    -webkit-box-shadow: rgb(0 0 0 / 25%) 0 0 1em;
	            box-shadow: rgb(0 0 0 / 25%) 0 0 1em;
    -webkit-transition: -webkit-transform .5s, -webkit-box-shadow .5s;
    transition: -webkit-transform .5s, -webkit-box-shadow .5s;
    -o-transition: transform .5s, box-shadow .5s;
    transition: transform .5s, box-shadow .5s;
    transition: transform .5s, box-shadow .5s, -webkit-transform .5s, -webkit-box-shadow .5s;
}
#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: .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;
}
#compte-historique-commande li .historique-commande__infos {
	-webkit-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 {
		-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: 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-cell strong { color: #f3303e; }
.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;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.table-content .table-legend .table-cell {
	background:#132e6e; 
	border-left:#132e6e solid 2px; 
	border-right:#132e6e solid 2px;
	color: #ffffff;
	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-cell.statut-commande { font-size: 14px; }

/* > 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-adresse .table-cell { 
	text-align: left; 
	border-radius: 10px 0 0 0;
	line-height: 1.4em;
	font-size: .875em;
}
#table-adresse .table-cell strong {
	font-size: 1.125em;
	line-height: 1.4em;
}
#table-adresse .table-cell.cell-action { 
	text-align: center;
	width: 100px; 
	border-radius: 0 10px 0 0; 
}


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

#login_coordonnee {
	border-radius: 1em;
	background-color: #132e6e;
	color: #ffffff;
	-webkit-box-shadow: rgb(0 0 0 / 25%) 0 0 1em;
	        box-shadow: rgb(0 0 0 / 25%) 0 0 1em;
    -webkit-transition: -webkit-transform .5s, -webkit-box-shadow .5s;
    transition: -webkit-transform .5s, -webkit-box-shadow .5s;
    -o-transition: transform .5s, box-shadow .5s;
    transition: transform .5s, box-shadow .5s;
    transition: transform .5s, box-shadow .5s, -webkit-transform .5s, -webkit-box-shadow .5s;
}
#login_coordonnee h2 { color: #ffffff;}
#bloc_new_client {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 1em;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #ffffff;
    height: 100%;
	-webkit-box-shadow: rgb(0 0 0 / 25%) 0 0 1em;
	        box-shadow: rgb(0 0 0 / 25%) 0 0 1em;
    -webkit-transition: -webkit-transform .5s, -webkit-box-shadow .5s;
    transition: -webkit-transform .5s, -webkit-box-shadow .5s;
    -o-transition: transform .5s, box-shadow .5s;
    transition: transform .5s, box-shadow .5s;
    transition: transform .5s, box-shadow .5s, -webkit-transform .5s, -webkit-box-shadow .5s;
}

#bloc_new_client h2 { margin: 0 0 1rem; }

.submit-actions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 10px;
}

#page_compte-mdp #login_coordonnee { 
	max-width: 640px;
	padding: 30px 2%;
}


/* > FANCY DETAILS COMMANDE 
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#table-commande .table-row .table-cell { font-size: .875em; }
#fancy-details-commande {
	height: auto;
	width: auto;
	max-width: 920px;
	padding: 40px;
}
#fancy-details-commande .bt-ico { 
	position: absolute;
	top: 20px; right: 20px;
}
#infos-commandes-details {
	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;
}
#infos-commandes-details .divide {
	width: 100%;
}
#infos-commandes-details p strong {
	display: block;
	text-transform: uppercase;
}
#fancy-details-commande .table-content .article-info {
	width: auto;
}
#fancy-details-commande .form-reduction p.form-reduction_row { padding-right: 0 }
/*#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;
}
#fancy-details-commande #table-recap { margin: 0; }
#fancy-details-commande #table-recap .table-legend .table-cell { 
	background-color: transparent;
	border: none;
}
#fancy-details-commande #table-recap .table-legend .table-cell:first-child { text-align: left; }

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