/*********************
 * PAGE DE CONNEXION *
 *********************/

body, html {
	height: 100%;
	padding: 0;
	margin: 0;
	background-color: white !important;
}

.context-menu-item {
	display: block;
	width: 79%;
}

div.formulaire-connexion-wrap {
	width: 350px;
	margin: auto;
	height: 300px;
	border: 2px solid green;
	margin-top: 10%;
	padding: 20px;
	-webkit-box-shadow: 0px 0px 24px 0px rgba(0, 122, 8, 1);
	-moz-box-shadow:    0px 0px 24px 0px rgba(0, 122, 8, 1);
	box-shadow:         0px 0px 24px 0px rgba(0, 122, 8, 1);
}

div.formulaire-connexion-wrap h1 {
	font-size: 25px;
	text-align: center;
	padding-bottom: 10px;
}

div.formulaire-connexion-wrap form#formulaire-connexion {
	width: 90%;
	margin: auto;
	margin-bottom: 30px;
	margin-top: 30px;
}

div.formulaire-connexion-wrap form#formulaire-connexion div.box-login div.input-append {
	width: 100%;
	float: left;
}

div.formulaire-connexion-wrap form#formulaire-connexion div.box-login div.input-append label#label-login,
div.formulaire-connexion-wrap form#formulaire-connexion div.box-login div.input-append label#label-mdp{
	width: 100%;
	text-align: left;
	font-size: 20px;
	line-height: 1.5em;
	font-family: Verdana;
	font-weight: normal;
}


div.formulaire-connexion-wrap form#formulaire-connexion div.box-login div.input-append input#login,
div.formulaire-connexion-wrap form#formulaire-connexion div.box-login div.input-append input#mdp{
	width: 80%;
	float: left;
	border-radius: 0;
	height: 25px;
	font-family: Verdana;
}

div.formulaire-connexion-wrap form#formulaire-connexion div.box-login div.input-append span {
	border-radius: 0;
	width: 48px;
	height: 22px;
	padding-top: 7px;
	padding-left: 0;
	padding-right: 0;
}

div#modal-information div.modal-content div.modal-body {
	text-align: center;
}


div.formulaire-connexion-wrap form#formulaire-connexion div.box-login input#connexion {
	display: block;
	width: 50%;
	margin: auto;
	float: right;
	margin: 20px 0px;
}

button.close {
	z-index: 1;
}


.ui-autocomplete {
    /*max-height: 45px;
    overflow-y: hidden;   
    overflow-x: hidden; 
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;*/
}

/*********************
 *  PAGE D'ACCUEIl  **
 *********************/
 
 ::-webkit-scrollbar {
    width: 15px;
	height:15px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
 
::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

html, body {
	background-color: #ecf0f1;
	overflow: hidden;
}


#contenu {
	font-family: Verdana, sans-serif;
	height: 100%;
	width: 100%;
}

/*************************
 *************************
 * 						 *
 * 		   HEADER		 *
 * 						 *
 *************************
 *************************/
header {
	width: 1840px;
	height: 130px;
	display: block;
	margin: 2px auto;
}

header > div {
	display: inline-block;
	/*height: 100%;*/
	margin-bottom: 20px;
}

header div#titre {
	width: 25%;
	padding: 10px;
	border: 2px solid green;
	border-radius: 5px;
	float: left;
	background-color: rgba(121, 121, 121, 0.1);
}

header div#titre h3 {
	font-family: Arial;
	font-weight: normal;
	font-size: 18px;
	padding-left: 10px;
	float: left;
	color: black;
	margin: 0;
}

header div#titre > img {
	float: left;
	height: 90px;
	/*height: 90px;
	margin-left: 5px;*/
}

header p {
	float: left;
	padding-left: 10px;
	font-style: italic;
}

header div#titre div#loading-image {
	/*height: 48px;
	width: 48px;*/
	display: none;
}

header div#titre div#loading-image img {
	padding-left: 80px;
}

header div#administration {
	float: left;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 3px;
	margin-left: 20px;
	width: 250px;
}

header div#administration div#wrap-boutons-administration {
	width: 100%;
	margin-top: -10px;
}

header div#administration legend {
	font-size: 16px;
	line-height: 16px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 6px;
	padding-top: 4px;
	text-align: center;
}

header div#administration legend i {
	padding-right: 10px;
	line-height: 20px;
	vertical-align: middle;
}

header div#administration button {
	width: 150px;
	height: 30px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
}

header div#gestion-site {
	float:right;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 3px;
	margin-left:20px;
}

header div#gestion-site legend {
	font-size: 16px;
	line-height: 16px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 6px;
	padding-top: 4px;
	margin-bottom: 30px;
}

header div#gestion-site legend i {
	padding-right: 10px;
	line-height: 20px;
	vertical-align: middle;
}

#outil-filtres{
	display: grid;
	grid-template-columns: repeat(4, 1fr); 
	gap: 0px 8px;
	padding: 4px;
	align-items: center;
	margin-top: -24px;
}

#outil-filtres .input-append{
	margin-bottom: 4px;
}

#filtre-date-debut{
	width: 107px;
	margin-right: 5px;
	border-radius: 4px;
}

#filtre-date-fin{
	width: 107px;
	border-radius: 4px;
}

/* 
header div#gestion-site div#outil-filtres {
	float: left;
	margin-top: -23px;
	width: 100%;
	padding: 6px;
}
header div#gestion-site div#outil-filtres div.input-append {
	width: 50%;
}


header div#gestion-site div#outil-filtres div#date-wrap,
header div#gestion-site div#outil-filtres div#recherche-wrap,
header div#gestion-site div#outil-filtres div#client-wrap,
header div#gestion-site div#outil-filtres div#boutons-wrap {
	float: right;
}

header div#gestion-site div#outil-filtres div#lots-wrap,
header div#gestion-site div#outil-filtres div#assortiment-wrap,
header div#gestion-site div#outil-filtres div#saison-wrap {
	float: left;
}

header div#gestion-site div#outil-filtres div#date-wrap input#filtre-date-debut {
	width: 40%;
	float:left;
}
header div#gestion-site div#outil-filtres div#date-wrap input#filtre-date-fin {
	float: left;
	width: 40%;
	margin-left: 15px;
}

header div#gestion-site div#outil-filtres div#lots-wrap select,
header div#gestion-site div#outil-filtres div#assortiment-wrap select,
header div#gestion-site div#outil-filtres div#saison-wrap select,
header div#gestion-site div#outil-filtres div#recherche-wrap input,
header div#gestion-site div#outil-filtres div#client-wrap input {
	width: 80%;
}

header div#gestion-site div#outil-filtres div#boutons-wrap button {
	display: inline;
	width: 50px;
	height: 30px;
}

header div#gestion-site div#outil-filtres div#boutons-wrap button:nth-child(-n+2){
	float: left;
	margin-right: 5px;
}

header div#gestion-site div#outil-filtres div#boutons-wrap button:nth-child(n+3){
	float: left;
	margin-right: 5px;
} */

#bouton-information{
	clear: both;
}

/*
header div#gestion-site div#outil-filtres div#outil-date small {
	/*margin-right: 1%;
}

header div#gestion-site div#outil-filtres div#outil-date div#wrap-date-debut,
header div#gestion-site div#outil-filtres div#outil-date div#wrap-date-fin {
	/*width: 50%;
}

header div#gestion-site div#outil-filtres div#outil-date div#wrap-date-fin {
/*	float: right;
}

header div#gestion-site div#outil-filtres div#outil-date div#wrap-date-fin small {
	width: 10%;
}

header div#gestion-site div#outil-filtres div#outil-date div#wrap-date-debut input#filtre-date-debut,
header div#gestion-site div#outil-filtres div#outil-date div#wrap-date-fin input#filtre-date-fin {
	width: 79%;
}

header div#gestion-site div#outil-filtres div#outil-date div#wrap-date-fin input#filtre-date-fin{
	/*float: right;
	margin-right: 1%;
}
*/

/*
header div#gestion-site div#outil-filtres div.input-append input#recherche-annonce {
	width: 92%;
}

header div#gestion-site div#outil-boutons {
	width: 50%;
	/*float: right;
}

header div#gestion-site div#outil-boutons div button{
	margin-left: 5px;
	/*float: right;
}
*/

#tableau-utilisateur-contenu tr td input, #tableau-utilisateur-contenu tr td select {
	width: 120px;
}

.ui-menu-item {
	font-size: 0.7em;
}

/****************************/
/*		TABLEAU CONTENU		*/
/****************************/

section#tableau-annonce {
	height: calc(100% - 240px);
	/*width: 98%;*/
	/* width: 100%; */
	/*padding-left: 1%;
	padding-right: 1%;*/
	margin: 0 0px;
	min-height: 300px;
	max-height: 75%;
	display: block;
	clear: both;
}

section#tableau-annonce table {
	/* width: 100%; */
	/*padding-left: 1%;
	padding-right: 1%;*/
	height: 100%;
	/*max-height: 85%;*/
	display: block;
	overflow-y: hidden;
	table-layout: fixed;
	/*background-color: #ECF0F1;*/
}

/* ENTETE */
section#tableau-annonce table thead,
section#tableau-annonce table tfoot {	
	display: block;	
	padding-left: 1px;
	width: 1846px;			  
	margin: auto;	
	background-color: white;	
}

section#tableau-annonce table thead tr:nth-child(2),
section#tableau-annonce table thead tr:nth-child(3) {
	height: 20px; /* 2019-08-22 sur demande de Didier Adatte */
}

section#tableau-annonce table thead tr th.non-sortable {
	background-color: #E0E0E0;
}

section#tableau-annonce table thead tr th,
section#tableau-annonce table tfoot tr th {
	line-height: 100%;
	vertical-align: middle;
	/*border: 2px solid #ddd;*/
	padding: 0;
	height: 20px; /* 2019-08-21 sur demande de Didier Adatte */
	text-align: center;
	font-size : 9px;
	border-right: 2px solid #999;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
}

section#tableau-annonce table thead tr th {
	position: relative;
	background-color: #c2E2C2;
}

section#tableau-annonce table thead tr:nth-child(3) th,
section#tableau-annonce table tfoot tr:nth-child(3) th {
	width: 38px;
}

/* Modifications du 10.08.2020 */
section#tableau-annonce table thead tr th.sortable {
	/*background-color: #fff;*/
	background-color: #c2E2C2;
}

section#tableau-annonce table thead tr th.sortable:hover {
	cursor: pointer;
}

section#tableau-annonce table thead tr th.non-sortable:hover {
	cursor: not-allowed;
}

/* Modifications du 10.08.2020 */
section#tableau-annonce table thead tr th.sortable img {
	display: block;
	margin-left: auto;
    margin-right: auto;
	margin-top: 2px;
}

/* Modifications du 10.08.2020 */
section#tableau-annonce table thead tr th.non-sortable img {
	display: none;
	margin-top: 2px;
}

/* Modifications du 10.08.2020 */
section#tableau-annonce table thead tr th img {
	height: 12px;	
}

/* Modifications du 10.08.2020 */
section#tableau-annonce table thead tr:nth-child(3) th img,
section#tableau-annonce table thead tr th.tableau-annonce-entete-prix-client img,
section#tableau-annonce table thead tr th.tableau-annonce-entete-prix-fournisseur img
 {
	height: 12px;
	margin-top: 2px;
}




section#tableau-annonce table thead tr th.tableau-annonce-entete-id, 
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-id, 
section#tableau-annonce table thead tr th.tableau-annonce-entete-id div {
	width: 55px;
	/*text-align: center;*/
}

/* Champs case à cocher. */
section#tableau-annonce table thead tr th.tableau-annonce-entete-selection,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-selection {
	width: 26px;
	border-left: 2px solid #999;
}

section#tableau-annonce table thead tr th.tableau-annonce-entete-traite,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-traite {
	width: 26px;
	border-left: 2px solid #999;
}

section#tableau-annonce table thead tr th.tableau-annonce-entete-traite-client, 
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-traite-client{
	width: 26px;
	border-left: 2px solid #999;
}

section#tableau-annonce table thead tr th.tableau-annonce-entete-traite-transporteur,										  
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-traite-transporteur {
	width: 26px;
	border-left: 2px solid #999;
}

section#tableau-annonce table thead tr th.tableau-annonce-entete-encode {
	width: 33px;
	border-left: 2px solid #999;
}

section#tableau-annonce table tfoot tr th.tableau-annonce-footer-encode {
	width: 33px;
	border-left: 2px solid #999;
}

section#tableau-annonce table thead tr th.tableau-annonce-entete-au-stock {
	width: 25px;
	border-left: 2px solid #999;
}

section#tableau-annonce table tfoot tr th.tableau-annonce-footer-au-stock {
	width: 25px;
	border-left: 2px solid #999;
}

section#tableau-annonce table thead tr th.tableau-annonce-entete-solde {
	width: 24px;
	border-left: 2px solid #999;
}

section#tableau-annonce table tfoot tr th.tableau-annonce-footer-solde {
	width: 25px;
	border-left: 2px solid #999;
}

/* Champs dates */
section#tableau-annonce table thead tr th.tableau-annonce-entete-date-annonce,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-date-annonce,
section#tableau-annonce table thead tr th.tableau-annonce-entete-date-annonce div,
section#tableau-annonce table thead tr th.tableau-annonce-entete-date-transaction,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-date-transaction,
section#tableau-annonce table thead tr th.tableau-annonce-entete-date-transaction div,
section#tableau-annonce table thead tr th.tableau-annonce-entete-date-facture-fournisseur,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-date-facture-fournisseur,
section#tableau-annonce table thead tr th.tableau-annonce-entete-date-facture-fournisseur div,
section#tableau-annonce table thead tr th.tableau-annonce-entete-date-facture-client,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-date-facture-client,
section#tableau-annonce table thead tr th.tableau-annonce-entete-date-facture-client div {
	width: 65px;
}

section#tableau-annonce table thead tr th.tableau-annonce-entete-assortiment,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-assortiment,
section#tableau-annonce table thead tr th.tableau-annonce-entete-assortiment div,
section#tableau-annonce table thead tr th.tableau-annonce-entete-client,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-client,
section#tableau-annonce table thead tr th.tableau-annonce-entete-client div,
section#tableau-annonce table thead tr th.tableau-annonce-entete-transporteur,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-transporteur,
section#tableau-annonce table thead tr th.tableau-annonce-entete-transporteur div  {
	width: 80px;
}

section#tableau-annonce table thead tr th.tableau-annonce-entete-courtier,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-courtier,
section#tableau-annonce table thead tr th.tableau-annonce-entete-courtier div,
section#tableau-annonce table thead tr th.tableau-annonce-entete-stock,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-stock,
section#tableau-annonce table thead tr th.tableau-annonce-entete-urgence,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-urgence {
	width: 40px;
}

section#tableau-annonce table thead tr th.tableau-annonce-entete-garde,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-garde,
section#tableau-annonce table thead tr th.tableau-annonce-entete-garde div  {
	width: 72px;
	
}

section#tableau-annonce table thead tr th.tableau-annonce-entete-lieu-dit,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-lieu-dit,
section#tableau-annonce table thead tr th.tableau-annonce-entete-lieu-dit div {
	width: 110px;
}


/* Champs numériques */
section#tableau-annonce table thead tr th.tableau-annonce-entete-prix-douane,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-prix-douane,
section#tableau-annonce table thead tr th.tableau-annonce-entete-prix-douane div {
	width: 40px;
}

section#tableau-annonce table thead tr th.tableau-annonce-entete-m3,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-m3,
section#tableau-annonce table thead tr th.tableau-annonce-entete-m3 div{
	width: 50px;
}


section#tableau-annonce table thead tr th.tableau-annonce-entete-m3-he,
section#tableau-annonce table thead tr th.tableau-annonce-entete-m3-fr,
section#tableau-annonce table thead tr th.tableau-annonce-entete-m3-er,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-m3-he,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-m3-fr,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-m3-er{
	width: 38px;	
}


/* 2019-08-21 sur demande de Didier Adatte */
section#tableau-annonce table thead tr th.tableau-annonce-entete-prix-client,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-prix-client,
section#tableau-annonce table thead tr th.tableau-annonce-entete-prix-client div,
section#tableau-annonce table thead tr th.tableau-annonce-entete-prix-fournisseur,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-prix-fournisseur,
section#tableau-annonce table thead tr th.tableau-annonce-entete-prix-fournisseur div {
	width: 118px;
}

section#tableau-annonce table thead tr th.tableau-annonce-entete-certificat-fournisseur,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-certificat-fournisseur,
section#tableau-annonce table thead tr th.tableau-annonce-entete-certificat-fournisseur div,
section#tableau-annonce table thead tr th.tableau-annonce-entete-certificat-client,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-certificat-client,
section#tableau-annonce table thead tr th.tableau-annonce-entete-certificat-client div {
	width: 40px;
}



/* Champs booléens */
section#tableau-annonce table thead tr th.tableau-annonce-entete-traitement,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-traitement,
section#tableau-annonce table thead tr th.tableau-annonce-entete-traitement div,
section#tableau-annonce table thead tr th.tableau-annonce-entete-sur-champ,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-sur-champ,
section#tableau-annonce table thead tr th.tableau-annonce-entete-sur-champ div {
	width: 55px;
}


/* Liste et Plan */
section#tableau-annonce table thead tr th.tableau-annonce-entete-liste,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-liste,
section#tableau-annonce table thead tr th.tableau-annonce-entete-liste div,
section#tableau-annonce table thead tr th.tableau-annonce-entete-plan,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-plan,
section#tableau-annonce table thead tr th.tableau-annonce-entete-plan div {
	width: 28px;
}

/* Actions */

section#tableau-annonce table thead tr th.tableau-annonce-entete-action,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-action {									 
	border-right: 2px solid #ddd;
}

section#tableau-annonce table thead tr th.tableau-annonce-entete-vente,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-vente,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-vente-mail,
section#tableau-annonce table thead tr th.tableau-annonce-entete-vente div,
section#tableau-annonce table thead tr th.tableau-annonce-entete-modification,
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-modification,
section#tableau-annonce table thead tr th.tableau-annonce-entete-modification div {
	width: 28px;
}

/* CONTENU */
section#tableau-annonce table tbody {
	display: block;
	background-color: white;
	overflow-y: auto;
	height: calc(100% - 112px) !important;
	width:1846px;
	margin: auto;
	border-bottom: 2px solid #ddd !important;
	padding-left: 1px;
}

section#tableau-annonce table tbody tr.selected td input {
	color : red;
	font-weight: 600;
}

section#tableau-annonce table tbody tr#colonne-aucun-resultat {
	height: 100px;
	width: 98%;
	position: absolute;
	display:none;
}

section#tableau-annonce table tbody tr:first-child td {
	border-top: none;
}

section#tableau-annonce table tbody tr#colonne-aucun-resultat td{
	position: absolute;
	text-align: center;
	background-color: #ecf0f1;
	border: none;
	line-height: 100px;
	vertical-align: middle;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width: 100%;
	height: 100%;
}

section#tableau-annonce table tbody tr#colonne-aucun-resultat td h3 {
	height: 100px;
	line-height: 100px;
	vertical-align: middle;
	margin: 0;
}

section#tableau-annonce table tbody tr td {
	padding: 0;
	height: 100%;
	border: none;
	border-right: 2px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-top: 1px solid #bbb;
}

/* Champs Input*/
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input:disabled {
	background-color: #CCCCCC;
}

section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input:disabled {
	background-color: #E0E0E0;
}

section#tableau-annonce table tbody tr:nth-child(2n) td,
section#tableau-annonce table tbody tr:nth-child(2n) td input,
section#tableau-annonce table tbody tr:nth-child(2n) td button
 {
    background: #F4F4F4;
}

section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-prix-client-ep, 
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-prix-client-sa,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-prix-client-ps,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-prix-client-he,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-prix-client-fr,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-prix-client-er,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-prix-client-di,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-date-facture-client,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-certificat-client {
	background: #fafad2;
}

/* Modifications du 10.08.2020 */
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-prix-fournisseur-ep, 
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-prix-fournisseur-sa,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-prix-fournisseur-ps,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-prix-fournisseur-he,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-prix-fournisseur-fr,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-prix-fournisseur-er,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-prix-fournisseur-di,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-date-facture-fournisseur,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-certificat-fournisseur
{
	background: #d7e3fa;
}

section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-prix-client-ep, 
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-prix-client-sa,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-prix-client-ps,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-prix-client-he,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-prix-client-fr,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-prix-client-er,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-prix-client-di,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-date-facture-client,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-certificat-client {
	background: #fefef5;
}

/* Modifications du 10.08.2020 */
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-prix-fournisseur-ep,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-prix-fournisseur-sa,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-prix-fournisseur-ps,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-prix-fournisseur-he,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-prix-fournisseur-fr,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-prix-fournisseur-er,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-prix-fournisseur-di,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-date-facture-fournisseur,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-certificat-fournisseur {
	background: #f3f5f7;
}

section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-prix-client-ep:disabled, 
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-prix-client-sa:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-prix-client-ps:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-prix-client-he:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-prix-client-fr:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-prix-client-er:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-prix-client-di:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-date-facture-client:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-certificat-client:disabled {
	background: #c8c8a8;
}

/* Modifications du 10.08.2020 */
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-prix-fournisseur-ep:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-prix-fournisseur-sa:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-prix-fournisseur-ps:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-prix-fournisseur-he:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-prix-fournisseur-fr:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-prix-fournisseur-er:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-prix-fournisseur-di:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-date-facture-fournisseur:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n) td input.tableau-annonce-certificat-fournisseur:disabled {
	background: #c2c3d6;
}

section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-prix-client-ep:disabled, 
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-prix-client-sa:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-prix-client-ps:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-prix-client-he:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-prix-client-fr:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-prix-client-er:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-prix-client-di:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-date-facture-client:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-certificat-client:disabled {
	background: #d8d8c2;
}

/* Modifications du 10.08.2020 */
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-prix-fournisseur-ep:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-prix-fournisseur-sa:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-prix-fournisseur-ps:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-prix-fournisseur-he:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-prix-fournisseur-fr:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-prix-fournisseur-er:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-prix-fournisseur-di:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-date-facture-fournisseur:disabled,
section#tableau-annonce table tbody#tableau-annonce-contenu tr:nth-child(2n-1) td input.tableau-annonce-certificat-fournisseur:disabled {
	background: #d4d6d8;
}

/* Boutons */
section#tableau-annonce table tbody#tableau-annonce-contenu tr td button {
	background-image: none;
	width: 28px;
}

/* Inputs sans boutons  */
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input {
	text-align : right;
}

/* Tous les champs */
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input,
section#tableau-annonce table tbody#tableau-annonce-contenu tr td button {
	height: 35px;
	font-size : 12px;
	border-radius: 0px;
	margin: 0;
	padding: 0;
	border: none;	
}

/* Numéro ID */
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-id {
	width: 55px;
	text-align: center;
}

/* Champs case à cocher */
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-selection {
	width: 16px;
	margin-left: 5px;
	margin-right: 5px;
	outline: none!important;
}

section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-traite {
	width: 16px;
	margin-left: 5px;
	margin-right: 5px;
}

section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-traite-client {
	width: 16px;
	margin-left: 5px;
	margin-right: 5px;
}

section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-traite-transporteur {
	width: 16px;
	margin-left: 5px;
	margin-right: 5px;
}

section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-encode {
	width: 15px;
	margin-left: 9px;
	margin-right: 9px;
}

section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-au-stock {
	width: 15px;
	margin-left: 5px;
	margin-right: 5px;
}

section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-solde {
	width: 15px;
	margin-left: 5px;
	margin-right: 5px;
}

/* Champs Dates */
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-date-annonce,
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-date-transaction,
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-date-facture-fournisseur,
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-date-facture-client {
	width: 65px;
	text-align: center;
}

/* Champs Textes*/
/* section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-proprietaire, 2019-08-20 sur demande de Didier Adatte 
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-lieu-dit, */
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-assortiment,
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-client,
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-transporteur {
	width: 80px;
}

section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-courtier,
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-stock,
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-urgence{
	width: 40px;
}

section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-garde {
	width: 72px;
}

/* 2019-08-20 sur demande de Didier Adatte */
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-proprietaire,
section#tableau-annonce table thead tr th.tableau-annonce-entete-proprietaire, 
section#tableau-annonce table tfoot tr th.tableau-annonce-footer-proprietaire, 
section#tableau-annonce table thead tr th.tableau-annonce-entete-proprietaire div {
	width: 110px;
}

section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-lieu-dit {
	width: 110px;
}

/* 2019-08-21 sur demande de Didier Adatte */
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-prix-client-ep,
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-prix-client-sa,
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-prix-client-ps,
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-prix-fournisseur-ep,
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-prix-fournisseur-sa,
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-prix-fournisseur-ps,
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-prix-client-he,
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-prix-client-fr,
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-prix-client-er,
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-prix-client-di,
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-prix-fournisseur-he,
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-prix-fournisseur-fr,
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-prix-fournisseur-er,
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-prix-fournisseur-di{
	width: 38px;
}

/* Champs Numériques */
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-prix-douane{
	width: 40px;
	text-align: right;
}

section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-m3,
section#tableau-annonce table tbody#tableau-annonce-contenu tr td.tableau-annonce-m3-total {
	width: 50px;
	text-align: right;	
	font-size: 12px;
}

section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-m3-he, 
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-m3-fr, 
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-m3-er{
	width: 38px;	
	text-align: right;	
	font-size: 12px;
}

section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-certificat-fournisseur,
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-certificat-client  {
	width: 40px;
}

/* Champs booleen */
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-traitement,
section#tableau-annonce table tbody#tableau-annonce-contenu tr td input.tableau-annonce-sur-champ
{
	width: 55px;
}

/* Bouton Ajouter */
section#tableau-annonce table tbody tr#nouvelle-ligne-annonce td button.tableau-annonce-bouton-ajouter {
	width: 28px;
}

/****************************/
/*		MODALS				*/
/****************************/

div#modal-utilisateur, div#modal-information, div#modal-upload, div#modal-password-security {
    display:none;	
	width: 1490px;
	margin-left: -735px;
}

div#modal-filtre {
	display:none;
	position:absolute;
	border: ridge;
	border-color: #F5F5F5;	
	background-color: white;
	padding: 0;
}

/****************
 * UTILISATEURS *
 ****************/	

div#modal-utilisateur div.modal-header {
	padding-left: 22px;
}

div#modal-utilisateur div.modal-body {
	width: 98%;
	margin: auto;
	padding: 0;
}

div#modal-utilisateur div.utilisateur.alert-error,
div#modal-utilisateur div.utilisateur.alert-success {
	width: 92%;
	margin: auto;
	height: 25px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.alert-block {
	padding-top: 5px !important;
	padding-bottom: 20px !important;
}

div#modal-utilisateur div.modal-body table#tableau-utilisateur {
	margin-top: 0%;
	display: block;
	height: 80%;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	padding-top: 20px;
	overflow-x: hidden;
	overflow-y: hidden;
}

div#modal-utilisateur div.modal-body table#tableau-utilisateur thead {
	position: absolute;
	top: -3%;
	margin-top: 2%;
	text-align: center;
}

div#modal-utilisateur div.modal-body table#tableau-utilisateur thead tr {
	height: 30px;
	width: 100%;
}

div#modal-utilisateur div.modal-body table#tableau-utilisateur thead tr th {
	height: 30px;
	width: 155px;
	border: none;
	padding: 0;
	margin: 0;
	border-right: 2px solid #ddd;
	border-top: 1px solid #ddd;
}

div#modal-utilisateur div.modal-body table#tableau-utilisateur thead tr th:first-child {
	width: 70px;
	border-left: 1px solid #ddd;
}

div#modal-utilisateur div.modal-body table#tableau-utilisateur thead tr th:last-child {
	width: 80px;
} 

div#modal-utilisateur div.modal-body table#tableau-utilisateur tbody {
	display: block;
	margin-top: 2%;
	width: 100%;
	max-height: 320px;
	height: 320px;
	overflow-y: auto;
	overflow-x: auto;
}

div#modal-utilisateur div.modal-body table#tableau-utilisateur tbody tr {
	height: 40px;
}

div#modal-utilisateur div.modal-body table#tableau-utilisateur tbody tr#tableau-utilisateur-aucun-resultat {
	height: 100px;
	width: 100%;
	position: absolute;
}

div#modal-utilisateur div.modal-body table#tableau-utilisateur tbody tr#tableau-utilisateur-aucun-resultat td {
	position: absolute;
	text-align: center;
	border: none;
	line-height: 100px;
	vertical-align: middle;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width: 98%;
	height: 100%;
}

div#modal-utilisateur div.modal-body table#tableau-utilisateur tbody tr#tableau-utilisateur-aucun-resultat td h3 {
	height: 100px;
	line-height: 100px;
	vertical-align: middle;
	margin: 0;
}

div#modal-utilisateur div.modal-body table#tableau-utilisateur tbody tr td {
	padding: 0;
	margin: 0;
	height: 40px;
	border-right: 2px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

div#modal-utilisateur div.modal-body table#tableau-utilisateur tbody tr td:first-child {
	border-left: 1px solid #ddd;
}

div#modal-utilisateur div.modal-body table#tableau-utilisateur tbody tr td input,
div#modal-utilisateur div.modal-body table#tableau-utilisateur tbody tr td select {
	padding : 0px;
	margin: 0;
	width: 155px;
	height: 100%;
	border: none;
	border-radius: 0;
} 

div#modal-utilisateur div.modal-body table#tableau-utilisateur tbody tr td button {
	width: 80px;
	height: 100%;
	padding: 0;
	border: none;
	border-radius: 0;
	background-image: none;
} 

div#modal-utilisateur div.modal-body table#tableau-utilisateur tbody tr td input.tableau-utilisateur-id {
	width: 70px;
	text-align: center;
}

div#modal-utilisateur div.modal-footer {
	width: 98%;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
}

div#modal-utilisateur div.modal-footer div#footer-wrap {
	width: 98%;
	margin: auto;
}

div#modal-utilisateur div.modal-footer div#footer-wrap button {
	height: 30px;
	width: 100px;
	border: 1px solid #ddd;
	text-align: center;
	border-radius: 0;
}

div#modal-utilisateur div.modal-footer div#footer-wrap div.outil-utilisateur-wrap {
	line-height: 30px;
	height: 30px;
	vertical-align:middle;
	float: left;
}
div#modal-utilisateur div.modal-footer div#footer-wrap div.outil-utilisateur-wrap div.input-append {
	margin: 0;
	height: 100%;
}

div#modal-utilisateur div.modal-footer div#footer-wrap div.outil-utilisateur-wrap div.input-append label,
div#modal-utilisateur div.modal-footer div#footer-wrap div.outil-utilisateur-wrap div.input-append input  {
	float: left;
	line-height: 30px;
	margin-left: 10px;
	margin-top: 0;
}

div#modal-utilisateur div.modal-footer div#footer-wrap div.outil-utilisateur-wrap div.input-append span {
	height: 30px;
	line-height: 30px;
	width: 40px;
	padding: 0;
	vertical-align:middle;
}

div#modal-utilisateur div.modal-footer div#footer-wrap div.outil-utilisateur-wrap div.input-append input,
div#modal-utilisateur div.modal-footer div#footer-wrap div.outil-utilisateur-wrap div.input-append select {
	border: none;
	padding: 0;
	border-radius: 0;
	height: 30px;
	border: 1px solid #ddd;
}

div#modal-utilisateur div.modal-footer div#footer-wrap div.outil-utilisateur-wrap div.input-append select {
	height: 32px;
}

div#modal-utilisateur div.modal-footer div#footer-wrap div.outil-utilisateur-wrap button {
	height: 100%;
	width: 40px;
	border: 1px solid #ddd;
	border-radius: 0px;
	background-image: none;
	padding: 0;
	margin: 0;
}

/****************
 * UPLOAD		*
 ****************/	

div#modal-upload div.modal-body form#formulaire-upload {
	width: 50%;
	margin: auto;
}

div#modal-upload div.modal-body form#formulaire-upload div#upload-type-fichier label#label-plan-upload,
div#modal-upload div.modal-body form#formulaire-upload div#upload-type-fichier input#plan-upload,
div#modal-upload div.modal-body form#formulaire-upload div#upload-type-fichier label#label-liste-upload,
div#modal-upload div.modal-body form#formulaire-upload div#upload-type-fichier input#liste-upload {
	width: 25%;
	float:left;
	margin: 0;
}

div#modal-upload div.modal-body form#formulaire-upload select#upload-liste-id,
div#modal-upload div.modal-body form#formulaire-upload div#upload-type-fichier,
div#modal-upload div.modal-body form#formulaire-upload a#ancien-pdf-upload,
div#modal-upload div.modal-body form#formulaire-upload input#nouveau-pdf-upload{
	float: right;
	width: 50%;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}

div#modal-upload div.modal-body form#formulaire-upload label#label-numero-identifiant,
div#modal-upload div.modal-body form#formulaire-upload label#label-type-fichier,
div#modal-upload div.modal-body form#formulaire-upload label#label-ancien-fichier,
div#modal-upload div.modal-body form#formulaire-upload label#label-nouveau-fichier{
	width: 50%;
	float: left;
	margin: 0;
	margin-bottom: 5px;
}

div#modal-upload div.modal-body form#formulaire-upload label#label-ancien-fichier {
	margin-top: 35px;
}

div#modal-upload div.modal-body form#formulaire-upload a#ancien-pdf-upload {
	margin-top: -26px;
}

div#modal-upload div.modal-body form#formulaire-upload input#validation-upload,
div#modal-upload div.modal-body form#formulaire-upload input#supprimer-upload {
	width: 100%;
	margin-top: 10px;
}

/****************
 * FOOTER *
 ****************/	

footer {
	position:fixed;
	height: 50px;
	width: 100%;
	bottom: 0;
	background-color:  green;
}

footer p {
	color: white;
	font-family: Verdana;
	text-align: center;
	margin: 0;
	vertical-align: middle;
	line-height: 50px;
}

div#erreur-connexion, div#information-connexion {
	width: 35%;
	margin: 20px auto;
}


div.annonce-information, div.annonce-erreur {
	position: absolute;	
	height: 20px;
	top: 12%;
	left: 2%;
	width: 35%;
	height: 5%;
	font-size: 0.8em;
	z-index: 99999;
}

div.annonce-information li, div.annonce-erreur li {
	line-height: 12px;
}

.opaque {
	opacity: 0.5;
}

#az-pub-wrap {
	float: left;
	width: 50%;
	border-right: 1px solid #999999;
}

#informations-mise-a-jour {
	float: right;
	width: 40%;
}

.thick-border-left{
	border-left: solid black 3px!important;
}

.thick-border-right{
	border-right: solid black 3px!important;
}

@media (max-width : 1645px) {
	
	section#tableau-annonce {
		height: calc(100% - 460px) !important;
		width: 90% !important;
		margin: 0 auto !important;
	}
	
	section#tableau-annonce table tbody {
		overflow-x: auto !important;
		height: calc(100% - 150px) !important;
	}
	
	header {
		width: 90% !important;
	}
	
	header > div {
		display: block !important;
	}
	
	div#titre {
		width: 98% !important;
		padding-left: 1% !important;
		padding-right: 1% !important;
	}

	div#administration {
		/*width: 40% !important;*/
		margin-left: 0 !important;
	}
	
	div.annonce-information, div.annonce-erreur {
		left: 8% !important;
		width: 80% !important;
	}
}

input[type=checkbox] {
  outline :none;
}

input[type=checkbox]:focus {
  outline :2px solid black;
}

input[type=checkbox]:focus-within {
  outline :2px solid black;
}

#First_div {
	height: 100%; 
	overflow: scroll;
}