/****************************************
  ==== RESETS
****************************************/

html,body,div,canvas { margin: 0; padding: 0; }
::-moz-selection { color: #333; text-shadow: none; }
/*::selection {  color: #333; text-shadow: none; }*/
.clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clear { display: inline-table; clear: both; }
/* Hides from IE-mac \*/ * html .clear { height: 1%; } .clear { display: block; } /* End hide from IE-mac */
	P {margin:0;}
button {
    outline: none;
}

/****************************************
  ==== PAGE
****************************************/
@font-face {
  font-family: 'gothambook';
  src: url('../ressources/font/Gotham-Book.eot'); /* IE9 Compat Modes */
  src: url('../ressources/font/Gotham-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../ressources/font/Gotham-Book.woff') format('woff'), /* Pretty Modern Browsers */
       url('../ressources/font/Gotham-Book.ttf')  format('truetype'), /* Safari, Android, iOS */
			 url('../ressources/font/Gotham-Book.svg#svgGothamBook') format('svg'); /* Legacy iOS */
}

#big-container {
	position:fixed;
	overflow:hidden;
	width:100%;
	height:100%;
	background-color:white;
}

#bandeau_haut {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:27px;
	-webkit-print-color-adjust: exact;
	background-color:#e35421;
}
#bandeau_bas {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:35px;
	background-color:#a9a9aa;
}
#bandeau_bas #compte-rendu {
	float:right;
	position:relative;
	width:auto;
	height:27px;
	margin-right:4px;
	margin-top:4px;
	font-family:gothambook,Arial,verdana,sans-serif;
	font-size:1.05em;
	color: #ff5115;
	background-color:#2f2f2f;
}

#menu-logout {
	float:right;
	position:relative;
	width:auto;
	height:27px;
	text-align:right;
	color:white;
	font-family:gothambook,Arial,verdana,sans-serif;
}
#menu-logout div {
	display:inline-block;
	vertical-align:middle;
	height:27px;
	line-height:27px;
}
#menu-logout img {
	display:block;
}
#form-logout {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
#logout {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0);
	border:0;
}
#menu-retour {
	float:left;
	position:relative;
	width:auto;
	height:27px;
	text-align:left;
	color:white;
	font-family:gothambook,Arial,verdana,sans-serif;
}
#menu-retour div {
	display:inline-block;
	vertical-align:middle;
	height:27px;
	line-height:27px;
}
#menu-retour img {
	display:block;
}
#form-retour {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
#retour {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0);
	border:0;
}

input.input-menu::-webkit-input-placeholder {
  color: #e35421;
}
input.input-menu:-moz-placeholder { /* Firefox 18- */
  color: #e35421;  
}
input.input-menu::-moz-placeholder {  /* Firefox 19+ */
  color: #e35421;  
}
input.input-menu:-ms-input-placeholder {  
  color: #e35421;  
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}

.image {
	display:block;
	width:100%;
	height:auto;
}
.imageFill {
	display:block;
	width:100%;
	height:100%;
}

.pointer {
	cursor:pointer;
}

/* Page 01 - Login */
#bandeau-haut-login {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:40px;
	background-color:#323232;
}
#bandeau-bas-login {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:35px;
	background-color:#323232;
}
#background-login {
	position:absolute;
	left:0;
	top:40px;
	bottom:35px;
	width:100%;
	background-image:url('../ressources/images/background.jpg');
	background-repeat:repeat;
}
#login-container {
	position:absolute;
	left:50%;
	top:50%;
	width:80%;
	max-width:529px;
	height:auto;
	transform:translate(-50%,-50%);
	font-family:gothambook,Arial;
	
}
#login-container img {
	display:block;
	width:100%;
	height:auto;
	
}
#input-name {
	position:absolute;
	display:block;
	left:12%;
	top:64.1%;
	width:87%;
	height:7.0%;
	background-color:rgba(0,0,0,0);
	border:0;
	font-size:20px;
	color:white;
}
#input-name:focus, #input-password:focus{
  outline: none;
}
#input-password {
	position:absolute;
	display:block;
	left:12%;
	top:78.3%;
	width:87%;
	height:7.0%;
	background-color:rgba(0,0,0,0);
	border:0;
	font-size:20px;
	color:white;
}
.input-login::-webkit-input-placeholder {
  color: #7c7a7a;
}
.input-login:-moz-placeholder { /* Firefox 18- */
  color: #7c7a7a;  
}
.input-login::-moz-placeholder {  /* Firefox 19+ */
  color: #7c7a7a;  
}
.input-login:-ms-input-placeholder {  
  color: #7c7a7a;  
}

#input-submit {
	position:absolute;
	display:block;
	left:37.1%;
	top:92.2%;
	width:30.2%;
	height:7.8%;
	background-image:url("../ressources/images/page01_submit_inactif.png");
	background-size:contain;
	border:0;
	cursor:pointer;
}
#error-msg {
	position:absolute;
	display:block;
	left:10.8%;
	top:86.4%;
	width:86.4%;
	height:5.2%;
}



/* Page 03 - Menu Lots */
#background {
	position:absolute;
	left:0;
	top:27px;
	bottom:35px;
	width:100%;
	background-image:url('../ressources/images/background.jpg');
	background-repeat:repeat;
	/* background-image:url('../ressources/images/page03_fond_mas_du_faubourg.jpg'); */
	/* background-repeat:no-repeat; */
	/* background-position:50% 50%; */
	/* background-size:cover; */
}
#menu-lots-container {	
	position:absolute;
	left:50%;
	top:27px;
	bottom:35px;
	width:80%;
	max-width:1298px;
	height:auto;
	transform:translate(-50%,0);
	font-family:gothambook,Arial,Verdana,sans-serif;
	background-color:white;
	padding:13px;
}
#page-selection-lot-titre {
	display:block;
	width:100%;
	height:auto;
	padding-bottom:15px;
}

#menu-lots-titre {
	
	display:block;
	width:100%;
	height:auto;
	padding-bottom:15px;
	
}
#lots-container {
	position:relative;
}
#lots-sous-container {
	position:absolute;
	left:0%;
	top:0%;
	width:100%;
	height:auto;
	max-height:100%;
	padding-top:2px;
	padding-bottom:2px;
	/*transform:translate(0,-50%);*/
	overflow-y:auto;
}
#legende {
	position:relative;
	float:left;
	width:auto;
	height:27px;
	text-align:left;
}
#legende div {
	display:inline-block;
	vertical-align:middle;
	height:27px;
	line-height:27px;
}
#legende img {
	display:block;
}
input[type="search"] {
	border:1px solid gray;
}

/* page 03 - Volet du bas */
#volet-container {
	position:absolute;
	left:0;
	bottom:-200%;
	width:100%;
	height:auto;
	background-color:white;
	border:0;
	border-top:5px;
	border-style:solid;
	border-color:#717171;
}

#lot-client-container {
	position:relative;
	display:flex;
	flex-direction:row;
	flex-wrap:no-wrap;
	justify-content:center;
	align-items:flex-start;
	width:auto;
	height:auto;
	margin:10px auto;
	
}
.lot-client-table {
	flex-basis:auto;
	display:flex;
	flex-direction:column;
	flex-wrap:no-wrap;
	width:auto;
	height:auto;
	background-color:white;
	font-family:gothambook,Arial,Verdana,sans-serif;
	border:2px solid #e35421;
	margin:0 5px;
}
.lot-client-table-titre {
	border:0;
	background-color:#e35421;
	padding:5px 0;
	color:white;
	text-align:center;
}
.lot-client-table-line {
	display:flex;
	flex-flow:row nowrap;
	border:0;
	text-align:left;
}
.lot-client-table-line-left {
	background-color:#a9a9aa;
	color:#ffffff;
	padding:5px 10px;
}
.lot-client-table-line-right {
	background-color:#ffffff;
	color:#e35421;
	padding:5px 10px;
}
.table-line-separator {
	height:2px;
	background-color:#727171;
}

.client-config-container {
	flex-basis:auto;
	display:flex;
	flex-flow:column nowrap;
	width:auto;
	height:auto;
	background-color:white;
	font-family:gothambook,Arial,Verdana,sans-serif;
	/*border:2px solid #e35421;*/
	margin:0 5px;
}
.client-config-element {
	display:flex;
	flex-flow:row nowrap;
	border:0;
	background-color:#e35421;
	padding:8px 10px;
	color:white;
	text-align:center;
	cursor:pointer;
	margin-bottom:4px;
}

#config-container {
	position:relative;
	display:flex;
	flex-direction:row;
	flex-wrap:no-wrap;
	justify-content:center;
	align-items:flex-start;
	width:auto;
	height:auto;
	margin:5px auto;
}
.config-table {
	flex-basis:auto;
	display:flex;
	flex-direction:column;
	flex-wrap:no-wrap;
	width:auto;
	height:auto;
	background-color:white;
	font-family:gothambook,Arial,Verdana,sans-serif;
	border:2px solid #727171;
	margin:0 5px;
}
.config-table-titre {
	border:0;
	background-color:#727171;
	padding:5px 10px;
	color:white;
	text-align:center;
}
.config-table-line-titre {
	border:0;
	background-color:#a9a9aa;
	padding:3px 0;
	color:white;
	text-align:center;
}
.config-table-line {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-flow:row no-wrap;
	border:0;
	text-align:left;
}
.config-table-line-left {
	padding:2px 3px 2px 15px;
}
.config-table-line-right {
	color:#000000;
	font-size:0.9em;
	padding:2px 15px 2px 3px;
}
#faience-opt1-sdb {
	display:none;
}
#faience-opt2-sdb {
	display:none;
}


.config-selection-img-container {
	position:relative;
	width:44px;
	height:22px;
}
.config-selection-img-container img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}



#volet-bouton-line {
	position:relative;
	display:flex;
	flex-flow:row nowrap;
	width:auto;
	height:auto;
	justify-content:center;
	font-family:gothambook,Arial,Verdana,sans-serif;
	margin:10px 5px;
}
.volet-bouton-item {
	position:relative;
	
	background-color:#e35421;
	color:#ffffff;
	border-radius:20px;
	width:auto;
	height:auto;
	text-align:center;
	margin:0 10px;
}
.volet-bouton-item div {
	padding:5px 10px;
	width:auto;
	height:auto;
}
.volet-bouton-item button {
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:0;
	background-color:rgba(0,0,0,0.0);
}

#volet-invitation {
	display:none;
}

#form-modification-config {
	position:relative;
	width:21%;
	height:auto;
	margin:15px auto;
}
#form-modification-config img {
	display:block;
	width:100%;
	height:auto;
}
#input-modification-config {
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:0;
	background-color:rgba(0,0,0,0.0);
}



/* Popup de selection client */
#popup-selection-client-container {
	display: none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
}
#popup-selection-client {
	position:absolute;
	left:50%;
	top:50%;
	width:70%;
	max-width:546px;
	height:auto;
	transform:translate(-50%,-50%);
}
#form-selection-client {
	position:relative;
	width:auto;
	height:auto;
	font-family:gothambook,Arial,verdana,sans-serif;
}
input[name="new-client-nom"] {
	position:absolute;
	display:block;
	left:25.8%;
	top:47.0%;
	width:36.8%;
	height:11.6%;
	background-color:rgba(0,0,0,0);
	border:0;
	font-size:16px;
	color:white;
}
input[name="new-client-prenom"] {
	position:absolute;
	display:block;
	left:25.8%;
	top:61.4%;
	width:36.8%;
	height:11.6%;
	background-color:rgba(0,0,0,0);
	border:0;
	font-size:16px;
	color:white;
}
input[name="new-client-mail"] {
	position:absolute;
	display:block;
	left:25.8%;
	top:76.0%;
	width:36.8%;
	height:11.6%;
	background-color:rgba(0,0,0,0);
	border:0;
	font-size:16px;
	color:white;
}
input[name="new-client-nom"]:focus, input[name="new-client-prenom"]:focus, input[name="new-client-mail"]:focus {
  outline: none;
}
#selection-client-masque-new {
	position:absolute;
	display:none;
	left:16.1%;
	top:37.7%;
	width:66.7%;
	height:57.6%;
	background-color:rgba(50,50,50,0.5);
}
#selection-client-section-new {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:54.3%;
}
#selection-client-section-select {
	position:absolute;
	left:0;
	top:54.3%;
	width:100%;
	height:28.3%;
}
#selection-client-radio-1 {
	position:absolute;
	left:9.9%;
	top:13.4%;
	width:4.2%;
	height:6.5%;
}
#selection-client-radio-2 {
	position:absolute;
	left:9.9%;
	top:60.2%;
	width:4.2%;
	height:6.5%;
}
#selection-client-close {
	position:absolute;
	display:block;
	left:91.4%;
	top:0;
	width:8.6%;
	height:13.1%;
	z-index:10;
	cursor:pointer;
}
#client-select-selector {
	position:absolute;
	left:20%;
	top:53%;
	width:58.4%;
	height:31%;
	font-family:gothambook,Arial,verdana,sans-serif;
	font-size:1.0em;
}
#submit-selection-client {
	position:absolute;
	left:35.9%;
	top:83.5%;
	width:26.6%;
	height:11.9%;
	cursor:pointer;
}

/* Popup d'edition client */
#popup-edition-client-container {
	display: none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
}
#popup-edition-client {
	position:absolute;
	left:50%;
	top:50%;
	width:70%;
	max-width:546px;
	height:auto;
	transform:translate(-50%,-50%);
}
#form-edition-client {
	position:relative;
	width:auto;
	height:auto;
	font-family:gothambook,Arial,verdana,sans-serif;
}
input[name="edit-client-nom"] {
	position:absolute;
	display:block;
	left:25.8%;
	top:47.0%;
	width:36.8%;
	height:11.6%;
	background-color:rgba(0,0,0,0);
	border:0;
	font-size:16px;
	color:white;
}
input[name="edit-client-prenom"] {
	position:absolute;
	display:block;
	left:25.8%;
	top:61.8%;
	width:36.8%;
	height:11.6%;
	background-color:rgba(0,0,0,0);
	border:0;
	font-size:16px;
	color:white;
}
input[name="edit-client-mail"] {
	position:absolute;
	display:block;
	left:25.7%;
	top:76.2%;
	width:36.8%;
	height:11.6%;
	background-color:rgba(0,0,0,0);
	border:0;
	font-size:16px;
	color:white;
}
input[name="edit-client-nom"]:focus, input[name="edit-client-prenom"]:focus, input[name="edit-client-mail"]:focus {
  outline: none;
}
#edit-client-masque-edit {
	position:absolute;
	display:none;
	left:16.3%;
	top:38.6%;
	width:66.5%;
	height:57.7%;
	background-color:rgba(50,50,50,0.5);
}
#edition-client-section-edit {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:59.1%;
}
#edition-client-section-suppr {
	position:absolute;
	left:0;
	top:59.1%;
	width:100%;
	height:20.6%;
}
#edition-client-radio-1 {
	position:absolute;
	left:9.9%;
	top:14.7%;
	width:4.2%;
	height:7.2%;
}
#edition-client-radio-2 {
	position:absolute;
	left:9.9%;
	top:66.3%;
	width:4.2%;
	height:7.2%;
}
#edit-client-close {
	position:absolute;
	display:block;
	left:91.4%;
	top:0;
	width:8.6%;
	height:14.1%;
	z-index:10;
	cursor:pointer;
}
#submit-edition-client {
	position:absolute;
	left:35.9%;
	top:80.6%;
	width:26.6%;
	height:13.1%;
	cursor:pointer;
}

/* Popup download XLS */
#popup-download-xls-container {
	display: none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
}
#popup-download-xls {
	position:absolute;
	left:50%;
	top:50%;
	width:50%;
	max-width:272px;
	height:auto;
	transform:translate(-50%,-50%);
}
 #lien-xls {
	display:block;
	position:absolute;
	left:12.1%;
	top:11.9%;
	width:77.9%;
	height:75%;
 }
 #close-popup-download-xls {
	position:absolute;
	left:80.9%;
	top:0;
	width:19.1%;
	height:15.9%;
 }

 /* Popup download PDF */
#popup-download-pdf-container {
	display: none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
}
#popup-download-pdf {
	position:absolute;
	left:50%;
	top:50%;
	width:50%;
	max-width:272px;
	height:auto;
	transform:translate(-50%,-50%);
}
 #lien-pdf {
	display:block;
	position:absolute;
	left:12.1%;
	top:11.9%;
	width:77.9%;
	height:75%;
 }
 #close-popup-download-pdf {
	position:absolute;
	left:80.9%;
	top:0;
	width:19.1%;
	height:15.9%;
 }

 
/* Popup avertissement */
/* Popup de selection client */
#popup-avertissement-container {
	display: none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
}
#popup-avertissement {
	position:absolute;
	left:50%;
	top:50%;
	width:auto;
	height:auto;
	padding:10px;
	background-color:#ffffff;
	transform:translate(-50%,-50%);
	border:3px solid #636363;
	border-radius:10px;
	display:flex;
	flex-flow:column nowrap;
}
#popup-avertissement > * {
	padding-bottom:5px;
	padding-top:5px;
}
.popup-avertissement-ligne1 {
	font-family:gothambook,Arial,verdana,sans-serif;
	text-align:center;
}
.popup-avertissement-ligne2 {
	display:flex;
	flex-flow:row nowrap;
	justify-content: space-around;
}

/* Popup confirmation */
#popup-confirmation-container {
	display: none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
}
#popup-confirmation {
	position:absolute;
	left:50%;
	top:50%;
	width:auto;
	height:auto;
	padding:10px;
	background-color:#ffffff;
	transform:translate(-50%,-50%);
	border:3px solid #636363;
	border-radius:10px;
	display:flex;
	flex-flow:column nowrap;
}
#popup-confirmation > * {
	padding-bottom:5px;
	padding-top:5px;
}
.popup-confirmation-ligne1 {
	font-family:gothambook,Arial,verdana,sans-serif;
	text-align:center;
}
.popup-confirmation-ligne2 {
	display:flex;
	flex-flow:row nowrap;
	justify-content: center;
}



/* Ajax message */
#ajax-message-container {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.0);
}
#ajax-message {
	position:absolute;
	left:50%;
	top:50%;
	width:auto;
	height:auto;
	color:#2e2e2e;
	text-align:center;
	transform:translate(-50%,-50%);
	font-family:gothambook,Arial,sans-serif;
	background-color:white;
	padding:15px;
	border-radius:15px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
}