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


/* > PAGES COMPTE
-------------------------------------------------------------------------------------------------------------------------------- */
#pages-comptes .content_row { 
	display:table;
	min-height:380px;
	max-width:1280px;
	padding:0 20px;
	width:100%;
}

.show-on-mob { display:none; }
/* > menu compte */
#menu-compte-content {
	padding:40px 0;
	vertical-align:top;
	display:table-cell;
	border-right:#dadada 1px solid;
	width:25%;
}
#menu-compte li {
	position:relative;
	border-bottom:#dadada 1px solid;
	font-size:13px; font-weight:700;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear;
}
#menu-compte li:hover { background-color:#f2f2f2 }
#menu-compte li a { display:block; padding:10px 40px 10px 10px; }
#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:#dadada 1px solid;
	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 { font-size:14px; }
/* --- */
#compte-content {
	padding:30px 30px 60px;
	vertical-align:top;
	display:table-cell;
	width:75%;
}
#compte-content #breadcrumb { text-align:left; padding:0; height:40px; line-height:40px; }
#compte_informations,
#compte_identifiant,
#compte_adresses { max-width:520px; }
/* --- */
.bt-ico:before { vertical-align:middle; }
.bt-ico .icon-left { margin-right:0 }
.bt-ico .bt-text { display:inline-block; margin-left:10px; }
#pages-comptes h3,
#pages-comptes legend {
	display:block;
	font-weight:700;
	font-size:16px; 
	color:#39afdb;
}

/* > compte/creation --------------- */
#panier_compte {
	padding:30px;
	background-color:#fff;
}

/* > compte/index ------------------ */
#heading-comptes { background:#f1f1f1; padding:3% 20px; }
#heading-comptes h1 { margin:0; text-align:center }
#infos-client { padding:20px; background:#f7f7f7; }
#compte-historique-commande { border-top:#e3e3e3 1px solid; font-size:12px; margin-top:20px; }
#compte-historique-commande li { 
	padding:10px 5px; 
	border-bottom:#e3e3e3 1px solid;
	min-height:24px; line-height:24px;
}
#compte-historique-commande li span.wp80 { display:inline-block; line-height:normal; }

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

/* > compte-adresses */
#compte-content .bouton_2 strong {
	display:inline-block;
	vertical-align:middle;
	margin:-3px 10px 0 0;
	font-weight:700;
	font-size:24px;
}
.table-compte {
	display:table;
	border-collapse:separate;
	margin:20px auto; 
	max-width:960px;
	font-size:13px;
	width:100%;
}
.table-compte .table-row, .table-legend { display:table-row; }
.table-compte .table-row:nth-child(2n+1) { background-color:#f2f2f2; }
.table-compte .table-cell { 
	display:table-cell;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.table-compte .table-legend .table-cell {
	background:#f6f6f6; border-left:#fff solid 2px; border-right:#fff solid 2px;
	font-family: 'Roboto', sans-serif; font-size:13px;
	padding:5px 10px;
}
.table-compte .table-row .table-cell { 
	padding:10px; vertical-align:middle;
	border-bottom:#e9e6e5 1px solid; 
}
.table-compte .cell-icons { text-align:center; width:100px; }

/* > compte-mdp */
#page_compte-mdp {
	background:#e6e8ef url(../../images/decoration/bg-flou.jpg) center 0 no-repeat;
	background-size:100% auto;
}
#page_compte-mdp #content { padding:3% 0 5% 0; }
#page_compte-mdp #login_coordonnee {
	padding:40px;
	background-color:#fff;
	max-width:500px;
	margin:0 auto;
}
#page_compte-mdp label.floated-label #login { width:80%; }

/* ---- */
#fancy-details-commande .content_row {
	padding: 20px 0 0;
}
#pj-commande { padding-right: 40px; }
#pj-commande h2 {
	font: 700 16px 'Montserrat', sans-serif;
    color: #1b488c;
    margin: 15px 0;
    text-transform: uppercase;
}
.pj-item {
	display: flex;
	width: 100%;
	font-size: 13px;
	justify-content: space-between;
	border-bottom: #e9e6e5 1px solid;
}
.pj-item i {
	display: block;
	width: 40px;
	height: 40px;
	background: center no-repeat;
	background-size: 16px 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%231b488c'%3E%3Cpath d='M12 21l-8-9h6v-12h4v12h6l-8 9zm9-1v2h-18v-2h-2v4h22v-4h-2z'/%3E%3C/svg%3E");
}
.pj-item span {
	overflow: hidden;
	padding: 0 10px;
	line-height: 40px;
	display: block;
	color: #636363;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: calc(100% - 50px);
}
.pj-item:hover span { 
	text-decoration: underline; 
	 color: #1b488c;
}
#pj-list .pj-item:nth-child(2n+1) { background-color: #f6f6f6 }

/* > QUERIES
-------------------------------------------------------------------------------------------------------------------------------- */
/* tablette verticale */
@media screen and (max-width: 750px) {
	
	/* comptes */
	.bt-ico .bt-text { display:none }
	
	#menu-compte-content { width:33.333333%; }
	#compte-content,
	#content-accueil #compte-content  { padding-top:20px; }
	
	/* compte > commun */
	#pages-comptes .content_row { display:block; padding:0 }
	#menu-compte-content {
		overflow:hidden;
		border-right:none;
		padding:0; width:100%; display:block;
		-webkit-transition:height .3s linear;
		-moz-transition:height .3s linear;
		-ms-transition:height .3s linear;
		-o-transition:height .3s linear;
		transition:height .3s linear;
	}
	#alt-menu-compte { display:block; }
	#menu-compte.open #alt-menu-compte:after { content: "\e909"; }
	#menu-compte { 
		margin-top:0; height:40px;
		-webkit-transition:height .3s linear;
		-moz-transition:height .3s linear;
		-ms-transition:height .3s linear;
		-o-transition:height .3s linear;
		transition:height .3s linear;
	}
	#menu-compte.open { height:auto; }
	#menu-compte li { padding-right:0; }
	#menu-compte li a { text-align:center; padding:10px; }
	#menu-compte li:after { display:none }
	#compte-content { display:block; width:auto; padding:0 0 30px; }
	#page_compte-devis #compte-content,
	#page_compte-accueil #compte-content,
	#page_compte-adresses #compte-content,
	#page_compte-commandes #compte-content { padding:0 20px 30px; }
	
	/* compte > accueil */
	#infos-client { 
		width:auto; float:none; 
		margin:0 -20px 20px; 
		text-align:center; 
	}
	#infos-client em { display:block; }
	#compte-bienvenue { width:100%; float:none; 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;
	}
	
	/* Tableaux */
	.table-compte  { font-size:12px; line-height:13px; }
	.table-compte .table-legend .table-cell { font-size:11px; line-height:13px; }
	.table-compte .cell-icons { width:80px; }
}



@media screen and (max-width: 640px) {
	
	#pj-commande {
		width: 100%;
		padding: 0 0 20px;
	}
	#fancy-details-commande #total-commande { padding: 0; }
	#fancy-details-commande #total-commande h4 { margin: 20px 0; padding: 0; }
	
}

/* smartphone horiz BIG */
@media screen and (max-width: 540px) {
	
	.show-on-mob { display:block }
	span.show-on-mob { display:inline-block; }
	
	/* fancy detatil commande */
	#fancy-details-commande #table-panier .article-prix,
	#fancy-ajout-panier #table-panier .article-prix { 
		background:#f6f6f6; height:60px; line-height:40px;
		width:40%; float:left; min-width:inherit; font-size:14px;
	}
	#fancy-details-commande  #table-panier .quantite,
	#fancy-ajout-panier #table-panier .quantite { 
		background:#f6f6f6; height:60px; line-height:40px;
		width:20%; float:left; min-width:inherit; font-size:12px;
	}
	#form-valid .button { display:none; }
	#form-valid .submit { display:block; float:none; }
	/* compte */
	#pages-comptes .formulaire-2 input.submit.right,
	#page_compte-adresses .button.right { 
		display:block;
		text-align:center;
		margin:10px auto; 
		float:none 
	}
	#pages-comptes a.left.button { display:block; float:none; text-align:center; margin:10px 0; }
	fieldset legend em { display:block; padding:5px 0; }

	/* > compte-identifiants */
	#field_mdp label input { width:100%; }
	
	/* > historique des commandes */
	#table-commandes .table-legend { display:none }
	#table-commandes { display:block; }
	#table-commandes .table-row { 
		display:block; padding:10px;
		border-bottom: #e9e6e5 1px solid; 
	}
	#table-commandes .table-row:after { display:block; content:""; clear:both }
	#table-commandes .table-cell { 
		display:block; border:none;
		width:60%; float:left;
		padding:2px 0;
		text-align:left;
	}
	#table-commandes .table-row .table-cell:nth-child(3),
	#table-commandes .table-row .table-cell:nth-child(5) { 
		float:right; width:40%;
		text-align:right;
		padding:5px 0;
	}
	#table-commandes .table-row .table-cell:nth-child(3) { margin:-15px 0 0; }
	
}

/* smartphone horiz */
@media screen and (max-width: 480px) {

	/* compte */
	.hide-480 { display:none !important }

	/* fancybox > detail commande */
	#fancy-details-commande h1 { font-size:16px; }
	#fancy-ajout-panier p { font-size:13px; }
	#fancy-details-commande p.wp50.font-rail-12 { float:none; width:100%; 	}
	#fancy-details-commande .content_row .wp60.right { width:100%; padding:20px; float:none; }
	#fancy-details-commande #table-panier .table-cell.article-info h2,
	#fancy-ajout-panier #table-panier .table-cell.article-info h2 { font-size:14px; }
	#fancy-details-commande #table-panier .article-thumb,
	#fancy-ajout-panier #table-panier .article-thumb { width:50px; }
	#fancy-details-commande #table-panier .article-prix,
	#fancy-ajout-panier #table-panier .article-prix { font-size:13px; }
	#fancy-ajout-panier .button,
	#fancy-ajout-panier .submit {
		float:none; display:block; width:100%;
		margin:10px 0; padding:0; text-align:center;
	}
}

/* smartphone verticale */
@media screen and (max-width: 320px) {

	
}