/* pour IE */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, main { display: block; }
/**/

/*GENERIQUE*/
body{
	color:#000;
	font:400 20px Oswald, sans-serif;
	margin:0;
	background: #fff;
	padding: 10px;
}

#page {
	margin:auto;
	width:100%;
}

#header{
	position:relative;
}

#header a#home{
	display:block;
}


#columns{
	clear:both;
}

#center_column{
	width: 100%;
}

#breadcrumb{
	margin:5px 0;
	color:#666666;
	font-size: 0.8em;
}

#breadcrumb a{
	color:#666666;
}

.accueil .card .card-body {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

a img{
	border:0;
}

a{ color: black; }

a:hover{
	text-decoration:none;
}

.headerTop #homelogo{max-width: 200px}

.fancybox{
}

.fancyboxAjax{
}

#popup{
	padding:0 10px;
}

.mce-content-body {
	background:#fff;
}

.hack{
	/height:120px!important/*Hack IE7*/
}

.hidden{
	display:none!important;
}

.clear{
	clear:both
}

.error{
	border: 1px solid #DF7B7B;
	background-color: #FFE6E6;
}

.conf{
	border: 1px solid #72CB67;
	background-color: #DFFAD3;
}

.conf, .error{
	color: #383838;
	font-weight: 700;
	margin: 0 0 2% 0;
	line-height: auto;
	padding: 2% 3%;
}

img{
	max-width:100%;
	height:auto;
	}
iframe{ max-width:100%; }

.no_image{ display: none; }


.connexion {
    border: 1px solid #fff;
    max-width: 300px;
    margin: 10px auto;
    border-radius: 10px;
    background: rgba(255,103,51,0.8);
}

.accueil .card {
    color: #000 !important;
    background: #ff6733 !important;
    max-width: 15rem !important;
}

ul li.card {
    border: 1px solid #ff6733;
}

ul li.card a {}

.bloc_pdts .card {
	background-color: #000 !important;
}

.bloc_pdts ul.list-group.list-group-flush {

    overflow-y: auto;

}

.bloc_caisse{
    background: #ff6733;
}

.bloc_vente {
}

.bloc_pdts ul.list-group.list-group-flush {

    height: 100vh;
    overflow-y: auto;

}

.bloc_pdts,
.bloc_caisse,
.bloc_vente {
	display: flex;
}

form > legend,
legend.gestion {
	background: #ff6701;
	color: #fff;
	font-weight: bold;
	margin-bottom: 30px
}

.stats table,
.stats table thead,
.stats table tbody,
.stats table tfoot{
	display: flex;
	flex-direction: column;
	width: 100%;
}

.stats table tr{
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center
}
.stats table tr td,
.stats table tr th{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center
}

.stats table tbody{
}


#footer #incomm, #footer #seone{
	width:100%;
	text-align:center;
	margin: 10px 0 5px 0;
	float: left;
	font-size: 0.7em;
}
#footer #incomm a, #footer #seone a{
	color:#333333;
	text-decoration:none;	
}

.article-form{
	max-width: 800px
}

a#imprimbutton,
a#newvente,
a#souche {

    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    background:#ff6733;
    width: auto;
    margin: 30px auto;
    max-width: 180px;
    color:#fff;

}

/* SMARTPHONES */
@media only screen and (min-width: 320px){
	
	#center_column, #left_column, #right_column {
		float: none
	}
	

	.column .block{
		margin-bottom:1em;
		border:1px solid #cccccc;	
	}
	
	.column .block p{
		margin:0 0 1% 0;
	}
	
	.column .block header, article header, aside header{
		text-align:center;
		border-bottom:0;
		padding:3px 0;
	}
	
	.column .block .block_content{
		padding: 2%;
	}	
	 
}

/* TABLETTES */
@media only screen and (min-width: 768px){
	.column .block{
		float: left;
		width: 47%;
		margin: 1%;
	}
	.column .block p{
		margin:0 0 2% 0;
	}
	#center_column, #left_column, #right_column {
		float: left;
	}
	.no_image{ display: block; }
}

/* ORDINATEURS */
@media only screen and (min-width: 1024px) {
	
	#center_column, #left_column, #right_column {
		float:left
	}
	.column .block{
		width:198px;
		margin-bottom:1em;
		border:1px solid #cccccc;	
	}
	
	.column .block p{
		margin:0 0 10px 0;
	}
	
	.column .block header, article header, aside header{
		text-align:center;
		border-bottom:0;
		padding:3px 0;
	}
	
	.column .block .block_content{
		padding: 5px;
	}

}

body.bodyimprim{margin: 0 auto; max-width: 400px !important}
body.bodyimprim .temps{width: 400px !important;padding: 0 !important;margin-top: 1rem;justify-content: space-around !important}
body.bodyimprim .temps .caissiere{}
body.bodyimprim header img{height: 100px}

body.bodyimprim .adresse{margin: 0 auto; max-width: 400px !important}

@media print{

	@page {margin: 0; size: auto}

	body{}

	span.caissiere a,
	a#imprimbutton{display: none !important}

	table#aimprim{text-align:center}
	table#aimprim thead,
	table#aimprim tbody,
	table#aimprim tfoot {text-align:center !important;max-width:400px !important;width:400px !important}

	table#aimprim tr{
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;width:400px !important;max-width:400px !important
	}

	table#aimprim tr td,
	table#aimprim tr th{max-width:400px !important;width:400px !important}
	

	form#printJS-form tr th{max-width:400px !important;width:400px !important}

	#header{max-width:400px !important;width:400px !important}
}