html {
	width: 100%;
	height: 100%;
}
body {
	font-family: Arial;
	font-size: 97%;
}
.container {
	margin: auto;
	max-width: 850px;
}
header {
	border-bottom: 10px solid #194580;
	width: 100%;
}
header .container {
	text-align: center; max-width: 800px;
}
.form {
	max-width: 650px;
	background: #FAFAFA;
	padding: 40px;
	margin: 25px auto;
	box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.35);
	border-radius: 10px;
	border: 6px solid #5B9CD4;
}
strong {
	font-weight: bold !important;
	color : #194580;
}
.form input[type=text] {
	height: 35px;
	width: 100% !important;
	border: 1px solid #194580;
}
.form input[type=email] {
	height: 35px;
	width: 100% !important;
	border: 1px solid #194580;
}
.form input[type=password] {
	height: 35px;
	width: 100% !important;
	border: 1px solid #194580;
}
.form input[type=number] {
	height: 35px;
	width: 100% !important;
	border: 1px solid #194580;
}
/*.form input[type=submit] {
	padding: 10px 25px;
	color: white;
	background: #652e8b;
	border: 0;
}
.form input[type=submit]:hover {
	background: #9674b0;
	cursor: pointer;
}*/
td {
	padding-bottom: 12px;
}
textarea, select {
	width: 100% !important;
	border: 1px solid #194580;
}
select {
	height: 35px;
}
#liste-scan, #liste-scan2 {
	font-size: 12px;
	width: 100%;
	border-bottom: 5px solid #5B9CD4;
}
#liste-scan tr:nth-child(even), #liste-scan2 tr:nth-child(even) {
	background: #b7d9f7;
}
#liste-scan td, #liste-scan2 td {
	padding: 5px;
	vertical-align: middle;
}
#liste-scan2 strong {
	font-size: 16px;
}
#total {
	text-align: center;
	font-weight: bold;
	padding: 20px;
}
nav {
	max-width: 1000px;
	margin: auto;
}
ul {
	display: flex;
	justify-content: center;
}
nav ul li {
	padding: 5px 10px;
	background: #ccbad8;
	margin-right: 1px;
}
nav a {
	color: white;
}
.skew-menu {
	text-align: center;
	position: relative;
	z-index: 50;
}
.skew-menu ul {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
	transform: skew(-20deg);
}
.skew-menu ul li {
	position: relative;
	background: #5B9CD4;
	float: left;
	border-right: 1px solid #eee;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
	color: white;
	font-weight: bolder;
	transition: all 0.3s linear;
}
.skew-menu ul  ul {
	position: absolute;
	left: 0px;
	top: 34px;
	transform: skew(0deg) !important;
	display: none;
}
.skew-menu ul  ul ul{
	position: absolute;
	left: 0px;
	top: 34px;
	transform: skew(0deg) !important;
	display: none;
}
.skew-menu ul li:hover ul ul{
	display: none;
}
.skew-menu ul li:hover ul li:hover ul{
	display: block;
	position:absolute;
	top:0;
	margin-left:170px;
}
.skew-menu ul ul li {
	position: relative;
	width: 100%;
}
.skew-menu ul li:hover ul {
	display: block;
}
.skew-menu ul li:first-child {
	border-radius: 7px 0 0 7px;
}
.skew-menu ul li:last-child {
	border-right: none;
	border-radius: 0 7px 7px 0;
}
.skew-menu ul ul li {
	border-right: none;
	border-radius: 0;
}
.skew-menu ul ul li:last-child {
	border-right: none;
	border-radius: 0 0px 7px 0;
}
.skew-menu ul ul li:first-child {
	border-radius: 0px;
}
.skew-menu ul li:hover, .skew-menu ul li.selected {
	background: #194580;
	color: white;
}
.skew-menu ul li a {
	display: block;
	padding: 5px 10px;
	color: inherit;
	text-decoration: none;
	transform: skew(25deg);
	text-decoration: none;
	font-size: 12px;
	font-weight: 600;
	min-width:110px;
}
.nav ul ul {
	z-index: 10000;
}
.form_table {
	width: 100% !important;
}
h2 {
	text-align: center;
	color: #194580;
	font-size: 150%;
}
svg[data-icon='ant-design:home-filled'] {
	width:25px;
	height:25px; 
	margin:-8px;
}
svg[data-icon='codicon:account'] {
	width:30px;
	height:30px; 
	color: #194580;
	
}
.block-log{display:flex;
	flex-wrap: nowrap;
	align-items:center;
	float:right;
	margin-right:20px;
}
.block-log-logo{
	display:inline-block;
	margin-right:10px;
}
.block-log-info{
	display:inline-block
}
.block-log-exit a{ 
	/* display:block;  */
	/* color:transparent;  */
	color: #194580;
	width:40px; 
	height:40px;
	/* background: url('https://api.iconify.design/ant-design:logout-outlined.svg?color=black&width=30&height=30') no-repeat center center; */
	margin-top:-3px;
	margin-left: 20px;
}
.content_table{
	max-width:80%;
	margin: auto;
}
#maxFront{
	text-align: center;
	font-size: 150%;
}
.lblMaxFront{
	font-size: 500%;
}
/* .zone-reception {
	background-color: #aef5c3;
}

.zone-expedition {
	background-color: #f6a7a7;
} */
.Le_Bouton, #Cmd_Connecter, .form input[type=submit], button.dt-button
{	cursor: pointer;
	display: block;
	margin:auto;
	margin-top: 10px;
	background: #194580 !important;/*#5B9CD4 !important;*/
	border-radius: 20px !important;
	border-width: 1.6px 1.6px 1.6px 1.6px;
	padding: 10px 20px 10px 20px;
	box-shadow: inset 0px 1px 0px rgba(255,255,255,1),0px 1px 3px rgba(0,0,0,0.3);
	color: #fff  !important;
	font-size: 16px;
	font-family: Verdana;
	font-weight: 900;
	font-style: normal;
}
.Le_Bouton > div, #Cmd_Connecter > div
{	color: #999;
	font-size: 10px;
	font-family: Helvetica Neue;
	font-weight: initial;
	font-style: normal;
	text-align: center;
	margin: 0px 0px 0px 0px
}
.Le_Bouton > i, #Cmd_Connecter > i
{	font-size: 1em;
	border-radius: 0px;
	border: 0px solid transparent;
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: static
}
.Le_Bouton > .ld, #Cmd_Connecter > .ld
{	font-size: initial
}
.Le_Bouton:hover, #Cmd_Connecter:hover, .form input[type=submit]:hover, button.dt-button:hover
{	transform: scale(1.2);
	background: #194580 !important;
}
#Cmd_Random, #Cmd_Fige, #Cmd_Effacer
{   cursor: pointer;
    margin-top: 10px;
    background: #194580 !important;
    border-radius: 20px !important;
    border-width: 1.6px 1.6px 1.6px 1.6px;
    padding: 10px 20px 10px 20px;
    box-shadow: inset 0px 1px 0px rgb(255 255 255), 0px 1px 3px rgb(0 0 0 / 30%);
    color: #FFF !important;
    font-size: 16px;
    font-family: Verdana;
    font-weight: 900;
    font-style: normal;
    text-align: center;
    width: 140px;
}
#Cmd_Random:hover, #Cmd_Fige:hover, #Cmd_Effacer:hover
{   transform: scale(1.05);
}
#Cmd_Effacer
{   background: #5B9CD4 !important;
	width: 100px;
	margin-left: 25px;
}
#Cmd_Enregistrer
{	position: relative;
    /*top: -50px;*/
    left: -250px;
}
#Cmd_Annuler
{	position: relative;
    top: -50px;
    left: 250px;
}
/******************************LOGIN********************************/
#DIV_Login
{	padding:200px 0 100px 0;
}
#DIV_Connect
{	width: 300px;
 	border: solid 1px #333333;
	border-radius: 20px;
	margin:auto;
	
}
h1, #DIV_Titre
{	color: #194580;
	padding: 10px 0;
	font-size: 1.8em;
	text-align: center;
}
#DIV_Details
{	margin: 20px;
}
#DIV_Erreur
{	color: red;
	font-size: 2.2em;
	text-align:center;
}
.FRM_Labels
{	color: #194580;
	font-size: 2em;
	
}
#txt_Login, #txt_Mdp
{  
	width: 90%;
	height: 30px;
	margin: 2px;
	font-size: 1.6em;
}
input[readonly] {
	cursor: not-allowed;
	background: #efefef;
}
#CONT_Tableau
{	max-width: 70%;
}
nav input[type=checkbox], nav label
{	display:none;
}
.Centrer
{	text-align: center;
}
@media only screen and (max-width:640px){
	nav ul li a{transform: skew(0deg); border-bottom: 1px solid white;}
	nav{
		width: 100%;
		margin: 0 auto;
		background-color: white;
		position: sticky;
		top: 0px;
	}
	.conteneur-nav{
		position: absolute;
		width: 100%;
	}
	nav input[type=checkbox]{
		display: none;
	}
	nav label{
		display: inline-block;
		width: 100%;
		
		text-align: center;
		background-color: black;
		color:white;
		font-size: 24px;
	font-weight: bold;
	}
	nav ul{
		display: none !important;
		list-style-type: none;
		background-color: #555;
		transform: skew(0deg);
	}
	nav input[type=checkbox] + ul{
		display: none;
		
	}
	nav input[type=checkbox]:checked + ul{
		display: flex !important;
		flex-flow : column wrap;
		transform: skew(0deg);
	}
	nav ul li{
		flex: 1 1 auto;
		text-align: center;
		padding:0;
	}
	
	nav > div > ul > li > a
	{	color: white;
	}
	nav a{
		display: block;
		text-decoration: none;
		color: black;
		padding: 10px 0px;
	}
	.sous{
		display: flex;
		flex-flow: column wrap;
		z-index: 1000;
	}
	.sous li{
		flex: 1 1 auto;
		text-align: left;
	}
	nav li.selected ul, nav li:hover ul{display:block !important; width: 100%;transform: skew(0deg) !important; position:relative !important; top:unset !important;}

	nav ul li a {transform: skew(0deg) !important;padding:10px !important;}
	nav ul li:first-child, nav ul ul li:last-child, nav ul li:last-child
	{	 border-radius: 0 !important; 
	}
}
.blanchisserie
{	background:url(image/blanchisserie.png) no-repeat;
	display:inline-block; width:200px; height:250px;color:transparent;
}
.location
{	background:url(image/location.png) no-repeat;
	display:inline-block; width:200px; height:250px;color:transparent;
}
.blanchisserie:hover, .location:hover
{	opacity:0.75;
}