@charset "iso-8859-1";
/* CSS Document */

body 	{ font-family:Arial, Helvetica, sans-serif; margin:5vw;}

.masque {display:none !important;}
.affiche {display:block;}

h1 		{ font-weight:normal;}
h2 		{ font-weight:normal; color:#06C;}
table 	{ border:1px solid #000; font-size: 0.8em;}
th 		{ border:1px solid #ccc; padding:5px; background-color:#eee; }
td 		{ border:1px solid #ccc; padding:10px; }

.rouge,
.orange,
.gris,
.blanc,
.bleu,
.grisclair,
.bleuFonce,
.vert,
.noir,
.rose 	{ padding:5px 8px; margin:2px;font-weight: bold;display: inline-block;}

.rouge 	{ background-color:#F00; color:#fff }
.orange { background-color:#F90; color:#fff }
.gris 	{ background-color:#777; color:#fff }
.blanc 	{ background-color:#fff;  color:#444; border:1px solid #ccc;}
.vert 	{ background-color:#A8D507;  color:#fff}
.bleu 	{ background-color:#00E3FB; color:#fff}
.bleuFonce 	{ background-color:#009abc; color:#fff}
.grisclair { background-color:#ccc; color:#000}
.noir 	{ background-color:#444; color:#fff }
.rose 	{ background-color:#cc0257; color:#fff }

#btndetailOK:hover,
#btndetailOKeuroparm:hover,
#btndetailOKhumarex:hover,
#btndetailOKhumbert:hover,
#btndetailOKunifrance:hover,
#btndetailOKpacks  { cursor:pointer; opacity:0.9}


a { text-decoration:none; border-radius:5px; min-width: 130px;}
a:hover {opacity:0.9; border-radius:0px}


.blocResultat {
	font-size: 0.8em;
	margin-left: 0;
	background-color: #eee;
}

.blocResultat h1 {
  color: #456;
  font-size: 1.7em;
  margin-top: 0;
}

.BLOCresultat { padding: 15px 0;border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;}
.LIBresultat { display:inline-block; width:160px}
.NBRresultat { display:inline-block; width:110px; text-align:right; color: #000;border: 1px solid #ccc;font-size:1.4em;}
.ligneRecap { margin-top:20px;opacity: 0.5;}

.nbArtPresta {
	min-width: 120px;
	display: inline-block;
	background-color: #fff;
	padding: 4px;
	margin-left: -11px;
	border: 1px solid #ccc;
	text-align: right;
	margin-right: 10px;
 } 

.btnMAJ { border-radius:5px; display: inline-block; text-align: center;padding: 4px 10px;} 
.btnMAJ:hover { cursor:pointer; opacity:0.8;}

.status { border-radius:5px; display: inline-block; text-align: center;padding: 4px 10px;} 

.msgErreur { padding:20px; background-color:red; color:#fff; }

.checkChampOK,
.checkChampKO {
	margin-left: -15px;
	display:inline-block;
	font-size:1.4em;
	padding: 0 7px;
	border-radius: 50px;
	background-color: #fff;
	height:32px;
	margin-right: 10px;
	margin-top: 20px;
}

.checkChampOK { color: yellowgreen; border: 2px solid yellowgreen; 	}
.checkChampKO { color: red;  border: 2px solid red;}

.label-file {
	cursor: pointer;
	background-color: #25a5c4;
	color:#fff;
	padding: 6px 10px;
	border-radius: 7px;
	display: block;
	border: 2px solid #25a5c4;
}

.label-file:hover {
	background-color: #fff;
	color: #25a5c4;
}

.input-file {
  display: none;
}

.cacheProgress { display:none }

.zoneTransfert {
  padding: 10px;
  background-color: #f4f4f4;
  border-radius: 3px;
}
#input {
  padding: 20px;
  border: 1px #8c8c8c dashed;
  background-color: #fff;
  justify-content: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

#x_suivi,
#x_suivi2,
#x_suiviRivolier {
width: 93%;
  color: #777;
  line-height: 125%;
  padding: 10px;
  background-color: #f4f4f4;
}