.rv  { font-size: 12px; font-family :Verdana; font-weight:bold; background-color:#339933; color:#EEEEEE; padding:2px;   }
.vol { font-weight:bold; padding-right:5px; padding-left:5px;   }
.iss { font-weight:bold; padding-right:5px; padding-left:5px; color: #333333;  }
.art { font-size: 14px; font-family :Verdana; background-color : #cccccc; padding:2px   }
.art_titre { font-size: 12px; font-family :Verdana;  }
.client { border:1; border-color:#0022AA; border-style :solid; font-size: 12px; font-family :Arial  }
.table1 { border: 1px solid #666666; width: 100%; margin: 1px; }
.td1 {	border: 1px solid #000000; }
.flash { font-weight:bold; color: #AAAAAA; background-color : #EE0000; }
.td2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #CCCCCC;
}

.order { background-color : #dddddd; border: 1; border-style : solid  }
.infos { background-color : #d5dee6; }
.cadre { border: 0; border-style : solid; border-color: #cccccc; font-family:Verdana;font-size: 12px;}

.input1 {
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
	height: 20px;
}

.titre_infos {
	font-size: 12px;
	font-family :Verdana;
	background-color : #0000FF;
	padding:2px;
	border: 1px solid #000000;
	font-weight: bold;
	color: #CCCCCC;
}

.button1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-color: #CCCCCC;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
}

.alertcadre {
	border: 2px solid #CC0000;
	height: 1%;
	width: 50%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-weight: bold;
	font-size: 14px;
	margin: 5px;
	padding: 5px;
}

.textebase {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}

.desactiver {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: oblique;
	font-weight: normal;
	color: #666666;
	margin: 5px;
	padding: 5px;
}

.activer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	margin: 5px;
	padding: 5px;
}

.okcadre {
	border: 2px solid #00CC33;
	height: 1%;
	width: 50%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	font-size: 14px;
	margin: 5px;
	padding: 5px;
}

.warning_cadre {
	border: 2px solid #ffbf00;
	height: 1%;
	width: 50%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	font-size: 14px;
	margin: 5px;
	padding: 5px;
}

.inactiv_cadre {
	border: 2px solid #AAAAAA;
	height: 1%;
	width: 50%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-weight: normal;
	font-size: 14px;
	margin: 5px;
	padding: 5px;
}

.viewcadre {
	border: 2px solid #0033FF;
	height: 1%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	font-size: 12px;
	margin: 5px;
	padding: 5px;
}

.alertcadre_infos {
	height: 1%;
	width: 50%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	font-size: 10px;
	margin: 5px;
	padding: 5px;
	border-top: 1px double #CC0000;
	border-right: 2px outset #CC0000;
	border-bottom: 2px outset #CC0000;
	border-left: 1px double #CC0000;
}

.alertcadre_texte {
	border: 2px solid #CC0000;
	height: 1%;
	width: 50%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	font-size: 10px;
	margin: 5px;
	padding: 5px;
}

.cathegorie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #800000;
}


.open_curseur
{
font-size: 14px;
color: #0000AA;
cursor : hand;
text-decoration:none;
}

.phaseIV {
	color: #990099;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
}

.phaseIII {
	color: #000099;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.phaseII {
	color: #009900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.phaseI {
	color: #EE5500;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

.doc_exporter {
	color: #0000aa;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.bt { font-weight: bold; font-family: Verdana, Arial, Helvetica}

.order { background-color : #dddddd; border: 1; border-style : solid  }

.exporte {
	color: #990011;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
}

.higlight {
	color: #eb6a09;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
}

.small_text
{
	font-weight: normal;
	font-size: 10px;
	color: black;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.found {
	background-color : #FFFF33
}


.input_bg_red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
	text-align: left;
	height: 20px;
	border-top: 1px solid #CC0000;
	border-right: 1px solid #CC0000;
	border-bottom: 1px solid #CC0000;
	border-left: 1px solid #CC0000;
}

.input_bg_gray {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
	text-align: left;
	height: 20px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}


/* 06/2021 */
.icon-listart-expert {
	cursor:pointer;
	margin: 0 4px;
	width: 22px;
	border: 0;
}

.flexbox-container-vh-align {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 12/2022 - Style modals */
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 40%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: #fff;
  float: right;
  font-size: 28px;
}

.close:hover,
.close:focus {
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #1466BB;
  color: white;
}

.modal-body {padding: 2px 16px;}