body,td				{	font-family:Verdana,verdana; font-size:11px; }

/* common loading mask */
#loading{
width: 100%; height: 100%; top:0; left: 0; display: none; position: fixed; z-index: 10010;
background-color: rgba(65, 65, 65, 0.7);  transition:all 1s;}
#loading.actif{
display: block; background: rgba(0,0,0,0.1);}
#loading_spinner{
padding:10px; top:50%; left: 50%; display: block; position: absolute; z-index: 1;
background: #FFF; border-radius: 100px; box-shadow: 0 0px 5px rgba(0,0,0,0.35);	-webkit-animation:FluxloadingAnim 1s infinite; animation:FluxloadingAnim 1s infinite;}
#loading.actif #loading_spinner{
transform: scale(1);}

/***** common popin message *****/
#popin_box {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 10010;
	background-color: rgba(180, 179, 179, 0.7);
	transition: all 1s;
	display: flex;
	/*align-items: center;*/
	justify-content: center;
	padding-top: 300px;
}

#popin_message_box {
	padding: 20px;
	font-size: 12px;
	font-weight: bold;
	border-radius: 5px;
	width: 600px;
	text-align: center;
	height: fit-content;
}
.popin_message_warning {
color: #ffffff;
background-color: #f27538;;
}
.popin_message_error {
	color: #ffffff;
	background-color: #b94458;
}
.popin_message_success {
	color:#ffffff;
	background-color: #328632;
}

/***** common *****/
.texte_gris			{	color:#999999 }
.onglet_on			{	text-decoration:none; color:#000000 }
.onglet_off			{	text-decoration:none; color:#003366 }
.puce-verte{color:#6FC53E}
.puce-jaune{color:#F5C222}
.puce-violette{color:#925A7C}
a:link,a:visited			{text-decoration:underline; color:#000000}
a:hover	{text-decoration:underline; color:#666666}

.bouton				{	font-family : Verdana; font-size : 13px; background-color : #E8E8E8; border: 1px ridge #FFFFFF; color: #000000; }
.cellule			{	font-family : Verdana; font-size : 11px; color:#003366; background-color: #F6F9FB; border: 1px solid #7F9DB9; }
.cellule[disabled], .cellule[readonly]	{	font-family : Verdana; font-size : 11px; color:#506396; background-color: #D6D9DB; border: 1px solid #7F9DB9; }
input[type="button"].cellule {cursor: pointer;}
input[type="button"].cellule:hover {background-color:#E8E8E8FF;}
.liste_selection 	{	font-family : Verdana; font-size : 12px; color:#003366; background-color: #F6F9FB; }

.action_ok { font-weight: bold; color: green; }
.action_ko { font-weight: bold; color: red; }

.user_status_key      { font-size: 10px; color: black; padding: 1px 1px 1px 10px; text-align: right; font-weight: bolder; }
.user_status_value    { font-size: 10px; color: black; padding: 1px 10px 1px 1px; }
.error_status_key     { font-size: 10px; color: red;   padding: 1px 1px 1px 10px; text-align: right; font-weight: bolder; }
.error_status_value   { font-size: 10px; color: red;   padding: 1px 10px 1px 1px; font-weight: bolder; }
.private_status_key   { font-size: 10px; color: blue;  padding: 1px 1px 1px 10px; text-align: right; font-weight: bolder; }
.private_status_value { font-size: 10px; color: blue;  padding: 1px 10px 1px 1px; }
.semi_private_status_key   { font-size: 10px; color: darkgreen;  padding: 1px 1px 1px 10px; text-align: right; font-weight: bolder; }
.semi_private_status_value { font-size: 10px; color: darkgreen;  padding: 1px 10px 1px 1px; }

.nowrap_top { white-space: nowrap; vertical-align: top; }

/***** clearing styles *****/
.clearfix:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear {border:medium none; clear:both; display:block; height:1px; overflow:hidden;	text-align:left;}
/***** fin clearing styles ******/

.numcli{
	background-color: #d4d0c8;
	border-right: 2px solid #ffffff;
	padding: 8px;
	text-align: center;
}
.numcli strong{
	font-size: 16px;
}
.infocli{
	padding: 8px;
	background-color: #d4d0c8;
}
.alerts{
	border-left: 2px solid #ffffff;
	background-color: #d4d0c8;
	padding: 8px;
}
.alerts p{
	margin: 0;
	padding: 0;
}

/***** menu clients *****/

.menu-clients{
	background-color:#7DAAD2;
	margin:10px 0;
	border:1px solid #ffffff;
}
.menu-clients .menu-content{
	list-style-type:none;
	display:block;
	margin:0;
	padding:0;
}
.menu-clients .item-menu{
	display:block;
	float:left;
	border-right:2px solid #ffffff;
	position:relative;
	width:180px;
}
.menu-clients .hover{
	background-color: #D4D0C8;
}
.menu-clients .u-menu{
	list-style-type: none;
	position: absolute;
	background-color: #ffffff;
	padding: 0;
	margin: 0;
	border-left: 1px solid #D4D0C8;
	border-right: 1px solid #D4D0C8;
	border-top: 1px solid #D4D0C8;
	width: 179px;
	z-index: 10000;
}
.menu-clients .item-menu .libelle{
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 5px 0;
	color: #000000;
	text-align:center;
}
.menu-clients .item-menu .libelle:hover{
	cursor: default;
	text-decoration: none;
}
.menu-clients .item-menu .u-item{
	border-bottom: 1px solid #D4D0C8;
	display:block;
}
.menu-clients .item-menu .cellule{
	border:0px none;
	background-color:#ffffff;
	font-size:12px;
	color:#000000;
	display:block;
	width: 100%;
	text-align:left;
	padding:5px;
}
.menu-clients .item-menu .uhover{
	background-color: #D4D0C8 !important;
}
.menu-clients .item-menu .uhover .cellule{
	background-color: #D4D0C8 !important;
	cursor:pointer !important;
}
.menu-clients .item-menu .cellule:hover{
	cursor:pointer !important;
}

.todo td { font-weight: bold; }

tr.table_bleu td, td.table_bleu, tr.table_bleu th, th.table_bleu { background-color: #7DAAD2; }
tr.table_gris td, td.table_gris, tr.table_gris th, th.table_gris { background-color: #D4D0C8; }
tr.table_hl td { background-color: #D4D0C8; }
tr.table_hl:hover td { background-color: #7DAAD2; }

.service_non_resilie td { color:#000000; }
.service_resilie td { text-decoration:line-through; color:#0000cc; }

form { display:inline; }

a.info { position:relative;z-index:24;color:#000;text-decoration:none;border-bottom:1px gray dashed;cursor:help }
a.info:hover { z-index:99; }
a.info span { display: none }
a.info:hover span { display:block;position:absolute;top:2em;left:2em;width:15em;border:1px solid #CCB; background-color:#FFE;color:#666;text-align:left;font-weight:normal;font-style:italic;padding:5px; }

.button {
	background-color: #F6F9FB;
	padding: 3px 8px;
	color: #003366;
	border: 1px solid #7F9DB9;
	border-radius:4px;
}

.button:hover {
	cursor: pointer;
	background-color: #C8D3D9;
}

a.button {
	text-decoration: none;
	color: #003366;
}
.linethroughtext {
	text-decoration:line-through;
}

.tooltip {
  position: relative;
  display: inline-block;
  outline: none;
}

.tooltip span {
  visibility: hidden;
  position: absolute;
  bottom: 30px;
  left: 50%;
  z-index: 999;
  width: 230px;
  margin-left: -127px;
  padding: 10px;
  border: 2px solid #ccc;
  opacity: .9;
  background-color: #ddd;
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

.tooltip:hover {
  border: 0; /* IE6 fix */
}

.tooltip:hover span {
  visibility: visible;
}

.tooltip span:before,
.tooltip span:after {
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;
  border-top: 8px solid #ddd;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 0;
}

.tooltip span:before {
  border-top-color: #ccc;
  bottom: -8px;
}

table#eligibility, #eligibility table {
	border-collapse: collapse;
}

#eligibility th,td {
	vertical-align: top;
}

#eligibility td {
	border: 1px solid black;
}

#eligibility th {
	font-weight: normal !important;
}

.side-notes { background-color: #f5f5f5; border-radius: 2px; box-shadow: 0 1px 2px 1px rgba(0,0,0,0.35); margin-bottom: 20px; padding: 5px 10px 10px 10px; font-size: 0.9em; }
.side-notes section { margin-bottom: 10px; }
.side-notes h1 { font-weight: bold; font-size: 0.9em; margin-top: 5px; }
.side-notes table { border-collapse: collapse; margin: 10px 0 5px; }
.side-notes td { font-size: 0.9em; padding: 3px 0 3px; }
.side-notes td.note-count { color: #555; padding: 3px 5px 3px 0; text-align: right; }
.side-notes a { text-decoration: underline; cursor: pointer; }
.side-notes .important { color: #FF9912; }
.side-notes .critical { color: red; }


/***** menu offres *****/
.menu_offer{
	margin:30px auto 15px; padding: 0; display: inline-block; position: relative;}
.menu_offer a.a{
	margin:0 3px; padding: 5px; display: inline-block; position: relative;
	font:bold 11px/1.4em "Arial", sans-serif; color:#111; background:#ACD08D; text-decoration: none; border-radius:3px;}
.menu_offer a.b{
	margin:0 3px; padding: 5px; display: inline-block; position: relative;
	font:bold 11px/1.4em "Arial", sans-serif; color:#111; background:#A4D3E9; text-decoration: none; border-radius:3px;}
.menu_offer a.c{
	margin:0 3px; padding: 5px; display: inline-block; position: relative;
	font:bold 11px/1.4em "Arial", sans-serif; color:#111; background:#E57042; text-decoration: none; border-radius:3px;}
.menu_offer a.a:hover{
	background:#77A64E;}
.menu_offer a.b:hover{
	background:#5A95B0;}
.menu_offer a.c:hover{
<<<<<<< .working
	background:#C04D20;}

/***** form validation *****/
.error-input {
	border: 1px solid #D10A1C !important;
}

.error-input-message {
	color: #d10a1c;
	font-size: 11px;
	padding: 2px;
}
=======
	background:#C04D20;}
>>>>>>> .merge-right.r104310