* {
    font-size: 100%;
	box-sizing: border-box;
}
body {
	background-color:#ecf0f5;
    font-size: 12px;
	font-family:verdana, sans-serif;
	margin:0;
}
body.connexion {
	background: #d43232 url("../img/logo-TaiJi-MTCprog.jpg") no-repeat scroll 0 0;
}
.skin-green .wrapper {
	background-color: #ecf0f5 !important;
}
.content-wrapper{
		/* float: left; */
		/* min-height: 654px; */
		min-height: 80vh;
		max-height: 100vh;
		overflow: auto;
		width: 82.5%;
}
.content-wrapper, .main-footer{
	margin-left:230px;
}
.content-wrapper > .message {
	border: 1px solid orange;
	width: 80%;
	padding: 5px;
	margin: 2px 0 0 30px;
}
.content-wrapper h1{
	color:#F39C12;
	font-size:16px;
	font-weight:bold;
}
h1 span.fa {
  color: #40699b;
}
h1 {
    page-break-after: avoid;
    page-break-before: avoid;
    page-break-inside: avoid;
}
h2 {
  background: #3c8dbc none repeat scroll 0 0;
  border-radius: 0 10px;
  color: #ffffff;
  float: left;
  font-size: 15px;
  margin-bottom: 15px;
  margin-top: 1px;
  max-width: 420px;
  padding: 8px 20px 8px 12px;
  text-align: left;
  text-transform: uppercase;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.clientde{
	font-style: italic;
	font-size: smaller;
}
.invisible {
    color: #fff;
    color: transparent;
}
.clear.invisible {
	display: none;
}
.pts.visible {
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 15px;
  margin: 2px;
  padding: 2px;
  width: 40px;
}

.hidden.invisible {
    display: none;
}

/* INFOS .infos */
.infos .info-box input.knob {
	color: #fff !important;
}
/* -- .infos */

.initialesMeridien.invisible, .points.invisible, span.pts.invisible {
	display: none !important;
}
.pointsVrow span.pts.ptsV.invisible {
	display: block !important;
}

.pointer,a.tableau {
  /* border-radius: 5px; */
  cursor: pointer;
  margin: 1px 1px 0;
  padding:2px;
}
.bold {
  font-weight: 600;
}
a{
	text-decoration:none !important;
}
a.tableau.checked:hover{
	color:#fff;
	}
.pointer:hover{
	background-color:#5ed5fc;
}
#cinqLmt > h2 {
	max-width: 575px !important;
}
#resultats > h2 {
	margin-left: -108px;
}

/* Grille */
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
	float:left;
}
.thead .col5,.thead .col6 {
	padding-left: 0 !important;
}

/*Login*/
#connexion {
  background-color:#EFEFEF;
  float: none;
  margin: 150px auto;
  padding: 30px;
  width: 350px;
}

/** 
 * pop/popup : affichage d'un sous menu par exemple 
 * div.pop --> div.popup display none
 * div.pop:hover --> div.popup display block
 */
	.pop{
		cursor: pointer;
		color: #009EFF;
		padding: 5px;
	}
	.pop .popup{
		display: none;
	}
	.pop:hover .popup {
		background: white;
		border:2px solid orange;
		display: block;
		padding:5px 10px;
		position: absolute;
		z-index: 100;
	}
	.popup a{
		display: block;
		clear: left;
	}

/* MENUS */
#header {
	width: 100%;
	padding-right:0px;
}
.main-header .logo .logo-lg {
	padding-top: 3px;
}
.navbar{
	justify-content:inherit !important; 
	display: block !important;
	padding: 0 !important;
}
.navbar-nav{flex-direction: row !important;}
#header,nav#menuPrincipale {
	background: #3c8dbc repeat scroll 0 0;
	background: -webkit-linear-gradient(center top , #3c8dbc, #3c8dbc 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(center top , #3c8dbc, #3c8dbc 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(center top , #3c8dbc, #3c8dbc 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(center top , #3c8dbc, #3c8dbc 100%); /* Standard syntax */  
}
#header h1 {
  color: #f8f7f7;
  float: left;
  font-family: times new roman;
  font-size: 20px;
  margin-left: 150px;
  text-shadow: 2px 2px #888;
}
nav ul{
	list-style:none;
	float: left;
	margin:0;
	padding:0;
}
nav#menuPrincipale{
	float:left;
	height:50px;
}
nav ul li {
    display: block;
    float: left;
}
nav ul li:last-child {
    margin-right: 0;
}
nav ul li.user-header {
	padding: 3px !important;
	border-radius: 8px;
	background-color:#fff !important;
}
.navbar-nav > .user-menu .user-image {
	float: left;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	margin-right: 10px;
	margin-top: -2px;
}
nav ul li a{
	text-decoration:none;
}
nav#menuPrincipale ul li a.active,
nav#menuPrincipale ul li a.active:hover{
	background: #3e7d8a repeat scroll 0 0;
	background: -webkit-linear-gradient(center top , #3e7d8a, #000000 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(center top , #3e7d8a, #000000 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(center top , #3e7d8a, #000000 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(center top , #3e7d8a, #000000 100%); /* Standard syntax */
}
nav#menuPrincipale ul li a:hover{
	background: #3e7d8a repeat scroll 0 0;
}
nav#menuPrincipale ul li a{
	background: transparent repeat scroll 0 0;
	color: #fff;
	display:block;
	font-family: Segoe UI,sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: -1px;
    margin: 0;
	min-width:110px;
    padding: 15px;
	text-align:center;
	text-decoration: none;
    text-transform: uppercase;
}

	/* *** MENU LEFT *** */
	.skin-green .sidebar-menu > li:hover > a, .skin-green .sidebar-menu > li.active > a {
		color: #000 !important;
		background-color: #ecf0f5 !important;
		/* border-left-color: #00a65a; */
		border-radius: 25px 0 0 25px;
	}
	/* --- MENU LEFT--- */

/* --- MENUS ---*/

/* **** LISTE et FICHE CLIENT ***/

#tabs > .nav-tabs > li.active{
	border-top:none;
}
li span.min		{	display:none; }
#tabs > .nav-tabs > li > a:hover
{
	display: inherit;
}
#tabs > .nav-tabs > li:nth-child(1).active > a,
#tabs > .nav-tabs > li:nth-child(1) > a:hover
 {
	border-top: 3px solid #f39c12;
}
#tabs > .nav-tabs > li:nth-child(2).active > a, 
#tabs > .nav-tabs > li:nth-child(2) > a:hover
{
	border-top: 3px solid #00c0ef;
}
#tabs > .nav-tabs > li:nth-child(3).active > a,
#tabs > .nav-tabs > li:nth-child(3) > a:hover
{
	border-top: 3px solid #dd4b39;
}
#tabs > .nav-tabs > li:nth-child(4).active > a, 
#tabs > .nav-tabs > li:nth-child(4) > a:hover
{
	border-top: 3px solid #dd4b39;
}
.btTitre {
  color: #4F4F4F;
  font-weight: normal;
  padding: 0 2px;
}
td.numero
{
	font-style:italic;
	font-weight:normal;
}
span.nb,
.label.label-success,
.label.label-warning,
.label.label-danger
{
	border-radius:0.25em;
	color:#fff;
	font-size: 9px;
	line-height: 0.9;
	margin: -2px 0 0 -5px;
	padding: 2px 3px;
	position: absolute;
	display:inline;
	vertical-align:baseline;
	white-space: nowrap;
	font-weight:700;
}
span.nb,
.label.label-success{
	background: #00a65a none repeat scroll 0 0;
}
.label.label-warning
{
	background: #f39c12 none repeat scroll 0 0;
}
.label.label-danger
{
	background: #dd4b39 none repeat scroll 0 0;
}
span.nbSoins.nul,
span.nbCom.nul{
	display:none;
}


	/* Shadow Box */
	#shadowBox{
		background-color:rgba(0,0,0,0.5);
		cursor:pointer;
		display:none;
		height:100%;
		left:0;
		position: fixed;
		top:0;
		width:100%;
		z-index:1000;
	}
	#newClient,#contentBox{
		background: #fff none repeat scroll 0 0;
		border:5px solid #CCC;
		border-radius: 10px;
		padding: 10px;
		display: none;
		height:auto;
		left: 25%;
		max-height: 80vh;
		min-height: 300px;
		overflow:hidden;
		position: fixed;
		top: 15%;
		width: 65%;
		z-index: 1201;
	}
	#shadowBox.show, #contentBox.show{
		display:block;
	}
	#contentBox > h1 {
	  float: left;
	  max-width: 80%;
	}
	#contentBox > div.action {
	  float: right;
	  font-size: 22px;
	  margin: 16px 16px 0 0;
	}
	#contentBox > div.action >i.fa {
	  cursor:pointer;
	  margin:0 5px;
	}
	#contentBox div.action i.fa:hover {
		color:green;
	}
	#commentaires > div.action, .toptimeline ,
	#diag > div.action, .toptimeline {
		font-size: 24px;
		background: #444;
		color: #fff;
		padding: 2px 10px;
	}
	#commentaires > div.action >i.fa ,
	#diag > div.action >i.fa {
	  cursor:pointer;
	  margin:0 5px;
	}
	#commentaires div.action i.fa:hover ,
	#diag div.action i.fa:hover {
		background-color:green;
	}
	/* Affichage commentaire */
	/* .commentaire {
	  background: #ccc none repeat scroll 0 0;
	  border-radius: 5px;
	  box-shadow: 2px 2px 2px rgba(40,40,40,0.6);
	  margin: 0 auto;
	  max-height:500px;
	  overflow:auto;
	  padding: 20px;
	  width: 90%;
	} */
	.commentaire > h3 ,
	.diag > h3 {
	  background: #dedede none repeat scroll 0 0;
	  margin: 0 0 3px;
	  padding: 5px;
	}
	.commentaire > div,
	.diag > div{
	  background: #dedede none repeat scroll 0 0;
	  padding:10px;
	}
	.timeline-item div.action ,
	.commentaire div.action ,
	.commentaire div.action {
	  background: transparent none repeat scroll 0 0;
	  height: auto;
	  margin: 0;
	  text-align: right;
		float: right;
		margin: 8px 0;
	}
	.commentaire div.action .fa ,
	.diag div.action .fa {
	  cursor: pointer;
	  margin-right: 12px;
	}
	/* affichage formulaire */
	#comClientForm{
		clear:both;
		display:none;
	}

	#prescrForm{
		z-index:100;
	}


/*
* Picker: datepicker et timepicker  */
	#ui-datepicker-div{
		z-index: 1100 !important;
	}
/* --- LISTE CLIENT ---*/

div.mtc{
	/* width:725px; */
	float:left;
}

.conteneur{
	overflow:auto;
	min-height:565px;
}
#selectAcuponcture{
	clear:both;
	/* width:45%; */
}
	#selectAcuponcture div.meridien,.tabListe{
		background-color:#FFF;
		border: 1px solid #eee;
		border-radius: 10px;
		box-shadow: 1px 1px 2px rgba(100, 200, 200, 0.6);
		clear: left;
		float: left;
		margin: 5px;
		padding: 10px 5px;
		width: 95%;
	}
	#selectAcuponcture div.meridien:nth-child(n+2){
		clear:none;
	}
	#selectAcuponcture div.meridien.F {
	  clear: left;
	}
		.nommeridien,
		.clicked		{
		  float: left;
		  width: 91px;
		  cursor: pointer;
		}
		.listePoints {
		  float: left;
		  max-width: 460px;
		}
	  /*boutons*/
		.bouton{ 	/* checkbox */
			display:none;
			float:left;
		}
		.btnMTC,.pts{		/* liens */
			border: 1px solid rgba(151, 189, 24, 0.3);
			border-radius: 5px;
			cursor: pointer;	
			float: left;
			margin: 1px;
			padding: 5px 0 5px 2px;
			width: 44px;
		}
		.pointsV .ptsV {
			width: 20px !important;
			padding: 0 !important;
			margin: 0 !important;
		}

		.btnMTC.HM { /* boutons hors meridien plus long*/
			margin-left: 4px;
			width: 88px;
		}
		.btnMTC.HM[alt="HM5"] {
		  clear: left;
		}
		.btnMTC.HM[alt="HM7"] { /* LOMBES */
			display: none;
		}
		.visible .btnMTC{ display:block; }
		.checked	{ background-color:#59e !important; color:#fff;	}
		.initiale 	{ color: #BBB;				}
		.HM .initiale { display: none;}
		.numero		{ color: #97BD18; font-weight:bold; }
		.checked .initiale 	{ color : #CCC; 	}
		.checked .numero 	{ color : #FFF; 	}
		
		#selectAcuponcture div.boutons,
		div.boutons		{
		  border-radius: 10px;
		  box-shadow: 3px 3px 6px 2px #777;
		  float: left;
		  margin: 5px 0 5px 6px;
		  padding: 13px;
		  text-align: left;
		}
		.btnbox.btnfloat {
			float:right;
		}
		/* boutons nouveau client */
		.extra { /* bt apparition dynamique */
		  clear: left;
		  float: left;
		}
		#selectAcuponcture div.boutons.sauvegarder,
		div.boutons.nvclient	{
			margin: 0 0 100px 0;
			width: 400px;
		}
		div.boutons.nvclient{ /* bt statiques */
			margin-top: 50px;
			margin-bottom:50px;
		}
		#sauvegarder h3 {
			width: 50%;
			float: left;
			margin-top: 10px;
		}
		#sauvegarder #btnvclient{
			float: right;
			margin: 12px 10px 0 0;
		}
		#sauvegarder > form{
			clear:both;
		}
		#selectAcuponcture div.boutons.sauvegarder label,
		div.boutons.nvclient label{
			display:block;
			float:left;
			width:100px;
		}
/* SHADOW BOX */

#shadowBack.visible{
	background-color: rgba(0, 0, 0, 0.5);
	width:100%;
	cursor:pointer;
}
#shadowBack.visible,
#shadowContent.visible {
	left: 0;
	margin: 0;
	position: absolute;
	top: 0;
}
#shadowContent.visible {
	padding: 10%;
	top: 0;
	width: 80%;
}
	#detailPoint.visible{
		border-radius: 10px;
		display: block;
		position: absolute;
		width: 60%;
	}
	#resultats.visible {
		background-color: #fff;
		border-radius: 10px;
		padding: 15px 5px 5px 5px;
		position: absolute;
		right: 5%;
		width: 19%;
	}
		#resultats.visible > h2 {
			font-size: 14px;
		}	
		#resultats.visible > .section{
			font-size: 12px;
			-webkit-hyphens: auto;
			-moz-hyphens: auto;
			-ms-hyphens: auto;
			-o-hyphens: auto;
			hyphens: auto;
			min-height: auto;
			padding-top: 5px;
			width:100%;
			word-wrap:break-word;
		}
		#resultats.visible > .points{
			clear:left;
			margin:0;
		}
		#resultats.visible .points a.pts {
			font-size: 10px;
			width: 28px;
		}
	#close{
		display:none;
	}
		
#shadowBack{
	display: none;
}

/* RESULTATS */

#resultats{
	padding-left:15px;}


#resultats div.section {
  border: 1px solid #969595;
  border-radius: 0 5px 5px 5px;
  float:right;
  margin-bottom: 5px;
  min-height: 40px;
  padding: 5px;
  width:100%;
}
#resultats div.section:nth-child(1+1) {
	border-top: 1px solid #444;
}

#resultats div.section .nomSection {
  font-size: 1.5em;
  font-variant: all-small-caps;
  font-weight: bold;
  margin-top: -6px;
  padding: 5px 0;
  width: 80%;
}
#resultats div.section div.initialesMeridien {
	clear: left;
	color: red;
	float: left;
	font-size:15px;
	font-weight: 800;
  width: 30px;
}
#resultats div.section div:nth-child(2){
	clear: none;
}
#resultats div.section .points {
  float: left;
	width: 90%;
}
#resultats div.points{
	border:none;
}
#resultats div.pointsVrow {
	border:none;
	float: left;
	padding: 0;
	width: auto;
}
#resultats div.pointsVrow.invisible {
	display: none !important;
}

#resultats .points > table td,
#resultats .points > table tr {
  border: medium none;
}
#resultats div.section .points span.initiales {
	display: block;
	float: left;
	height: 20px;
	padding: 6px 3px;
	width: 25px;
	color:red;
}
#resultats div.section .points span.pts {
  border: 1px solid #ccc;
  color: #000;
  display: block;
  float: left;
  font-size: 15px;
  margin: 0 4px 0 0;
  padding: 2px;
  width: 40px;
}
#resultats div.section .points span.pts.separateur {
  border: medium none;
  color: red;
  width: auto;
}
#resultats div.section .points.avant {
    margin-left: -46px;
}
#resultats div.section .points.arriere {
	clear: left;
	margin-left: 86px;
}
#resultats div.section .points a.btnMTC  ,
#resultats div.section .points a.pts 
{
    display: block;
	color: #97bd18;
}
#resultats div.section .points br.clear {
    clear: both;
}
#resultats div.section .points a.btnMTC .checked,
#resultats div.section .points a.pts.checked	 { color : #FFF; 	}

/* SAUVEGARDES */
/* #sauvegardes{
	float: right;
	width: 54%;
} */
.nameRow h3 {
  border: 1px solid #57b2c4;
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  padding: 2px 0 2px 5px;
  width: 100%;
}
td.subrow.GrpShow{
	display: block !important;
	border-left:1px solid #57B2C4;
}
td.subrow {
    display: none;
}

/* DETAIL DU POINT */

#detailPoint {
    background-color: #fff;
    display: none;
    padding: 15px;
    width: 75%;
}


	#imgPoint img {
	  float: left;
	  margin: 0 10px 10px 0;
	  width:200px;
	}

/* TABLEAUX */
	.box {
		/* background-color:rgb(255, 255, 255);	 */
		border-radius: 3px;
		background: #ffffff;
		border-top: 3px solid #d2d6de;
		margin-bottom: 20px;
		width: 100%;
		box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	}
	#client .nav-tabs-custom > .tab-content{
		padding: 0 10px 10px 10px;
	}
	.tab-pane .box {
		border-radius: 0px;
	}
	.box.box-primary {
		border-top-color: #3c8dbc;
	}
	.nomChamp{
		font-weight:700;
	}
	.nomChamp::after {
		clear: left;
		content: ' ';
		display: block;
	}
	#p1 div.tableresultat,#p1 div.lmt,div.popupbox {
		position: fixed;
		border: 3px solid #f39c12;
		border-radius: 6px;
		background-color: #fff;
		padding: 10px;
		left: 25%;
		top: 20%;
		width: 50%;
		height: auto;
		max-height: 75vh;
		overflow: auto;
		z-index: 1200;
	}
	div.popupadminbox{
		top:1%;
		left:0;
		width:17vw;
		height:auto;
		overflow: auto;
		border:3px dashed #5cb85c;
	}
	#p1 div.tableresultat a i.fa,#p1 div.lmt i.fa{
		font-size:16px;
	}
	/* TABLEAU5 ELEMENTS */

		#CinqElements,#cinqLmt{
			clear:left;
			float: left;
			width: 45%;
		}
		.elementList,table#shenKo 	{ width:100%;margin:0 auto;}
		table.elementList tr td		{ vertical-align:top; border:1px solid #ccc}
		table.elementList .initial 	{ display: block; float: left; width: 30px; }
		
		.elementList.graphique {
			background: rgba(0, 0, 0, 0) url("../img/5elements.png") no-repeat scroll center center;
			/* background-size:100% 100%; */
			border:none;
			color:#fff;
			height: 340px;
			width: 394px !important;
		}
		.elementList.graphique div.titre{ font-size:15px; font-weight:bold; text-align:center; width:30%}

		.elementList.graphique div.titre.feu 	{ 
			height: 100px;
			margin: 0 auto;
			padding-top: 30px;
		}

		.elementList.graphique div.titre.terre	{ text-align:center;color:black;}
		.elementList.graphique div.titre.bois 	{ float: left;   margin-top: 25px;}
		.elementList.graphique div.titre.terre 	{ float: right;  margin: 25px 7px 0 0;}
		.elementList.graphique div.titre.eau 	{ float: left;   margin: 107px 0 0 45px; clear:left;}
		.elementList.graphique div.titre.metal 	{ float: right;   margin: 107px 53px 0 0; color:#000;}

		table#shenKo{	text-align:center;	margin-top:25px; }
		
		#shenKo tr th { border-bottom: 1px solid #000; }
		#shenKo tr th, #shenKo tr td { width: 50%; }
		#shenKo tr th:first-child, #shenKo tr td:first-child { border-right: 1px solid #000; }
		

/*  TABLEAUX MTC / BIO */
#tabMTC table {
	clear:left;
	width:100%
}
#tabMTC table table {
  margin-bottom: 20px;
  width: 800px;
}
#tabMTC table td {
	vertical-align:top;
	width: 25%;
}

div.bloc .titre{
	cursor:pointer;
}
div.bloc div.listeTableaux{
	display:none;
}
div.tableau a i.fa-flash.bio{
	width: 25px;
	text-align: center;
	border: 1px solid orange;
	border-radius: 25px;
}
div.tabListe {
  float: left;
  width: 100%;
}
div.tabListe a.tableau
{
	display:block;
	background-color:#DEDEDE;	
	border-bottom: 1px solid rgba(176, 176, 176, 0.33);
	/* color:#444; */

}
div.tabListe a.tableau:not(.stableau)::before {	content: ""; }
/* div.tabListe a.tableau.stableau::before {	content: "• "; } */
div.tabListe a.tableau.stableau { /* tableaux sous categorie en dessous de stitre*/
	margin-left: 12px;
	border-bottom: 1px solid rgba(176, 176, 176, 0.33) !important;
	/* color:rgb(51, 122, 183) !important; */
}
div.bloc div.titre {
  border-bottom:1px solid rgba(99, 184, 77, 0.50);
  color: #009EFF;
  clear: left;
  font-size: 14px;
  font-weight: 700;
  margin-top:10px;
  text-transform: uppercase;
}
.meridien div.bloc div.action {
	position: absolute;
	margin-left: 200px;
	margin-top: -22px;
}
.bloc .listeTableaux .stitre {
  color: #ff7f00;
}
.bloc .listeTableaux .tableau .indice {
  color: #777;
}
.layout1 {
  width: 45%;
}
/*  CLIENTS */
	/* #client {
	  clear: left;
	  float: left;
	  width: 100%;
	  min-height:600px;
	} */
	#client .box .box-body table.elementList.section{
		display: table;
	}
	#client .box .box-body table.elementList.section tbody,
	#client .box .box-body table.elementList.section thead
	{
		display:table-row-group;
	}
	#client .box .box-body table.elementList.section tr{
		width:100%;
		display: table-row;
	}
	#client .box .box-body table.elementList.section th,
	#client .box .box-body table.elementList.section td{
		width:20%;
	}
	#client .box .box-body table,
	#client .box .box-body table thead,
	#client .box .box-body table tbody,
	#client .box .box-body div.tbody
	 {
		 display: block;
		 overflow: auto;
	 }
	 #client .box .box-body div.tbody{
		 height:60vh;
		 clear:left;
		}
	#client .box .box-body div.tbody >div{
		-webkit-hyphens: inerhit;
		-moz-hyphens: inerhit;
		-ms-hyphens: inerhit;
		-o-hyphens: inerhit;
		hyphens: inerhit;
		word-wrap: break-word;
	}
	#client div.tbody div.rowodd
	{
		background: #dedede;
	}
	#client div.tbody div.rowodd,
	#client div.tbody div.rowpair{
		min-height: 27px;
	}
	#client .box .box-body table thead th{
		 border: none !important; /* supprimer décalage entre colonne titre et contenu*/
	 }
	#rdv table, #rdv table tbody {
		overflow: visible !important;
		height: 60vh;
	}
	#client .titrecol {
		color: #00a65a;
		text-transform: uppercase;
		font-weight: bold;
	}
	#client th.btTitre{min-width:50px;}
	#client th.btTitre.fiche{ width:25px; }
	/* #client table tbody tr:hover {
	  background: #444 none repeat scroll 0 0;
	  color: #fff;
	} */
	#client a i.fa {
	  font-size: 26px;
	}
	#selectClient > div.titre {
		float: left;
		color: #00a65a; 
	}
	#selectClient > div.titre i{
		color:rgb(51, 122, 183);
	}
	#selectClient .pop {
		padding: 0 5px;
		float:left
	}
	#selectNom a i.fa,
	#selectPrenom a i.fa{
		font-size: inherit
	}
	#client a.deleteLink .fa {
	  color: #950202;
	}
	/* #client a.group {
	} */
	#client tr a .fa:hover {
	  color: #00b7ff;
	}
	
	
	#message {
	  border: 1px solid #efefef;
	  box-shadow: 2px 2px 4px #ccc;
	  float: left;
	  margin: 0 auto;
	  padding: 50px;
	  text-align: center;
	  width: 400px;
	}
	span.messageTitre{
		padding: 0px;
	}
	li.message{
		max-width:290px;
	}
	
	#client .col-left div.box-body{
		border-right: 1px solid #777;
		/* height: 100vh; */
		min-height: 80vh;
	}
	#client .col-left.col-md-3 div.box-body > div {
		text-align: left;
	}
	#client .col-left div.box-body > div {
		clear: both;
	}
	#client.edit .col-left div.box-body > div {
		clear: none !important;
		text-align: left;
	}
	#client .col-left div.box-body div.action {
		margin-top: -53px;
		min-height: 47px;
	}
	#client .col-left div.box-body .titreChamp {
		color:#00a65a;
		display: block;
		float: left;
		text-align: left;
		width: 40%;
	}
	#client .col-left div.box-body .titreChamp.titreEmail {
		width: auto;
		margin-right: 10px;
	}
	#client .col-left div.box-body .valeurChamp.valeurCom {
		width: 100% !important;
	}
	#client .col-left div.box-body .valeurChamp {
		display: block;
		float:	right;
		width:	60%;
	}
	#client .col-left div.box-body .valeurChamp.valeurEmail {
		float: left;
	}
	#client #tabs.nav-tabs-custom > .tab-content
	{
		height:80vh; /* mesure en Viewport !!!! */
	}
	#client #tabs > .nav-tabs > li{
		margin-right: 0px;
	}
	#tabs #resultats,
	#tabs #cinqLmt{
		float: left !important;
		width:100% !important;
	}
	#tabs .listesoins{
		float:left;
		width:100%;
	}
	#tabs .lmt,
	#tabs .tab
	{
			float: left;
			position: relative;
			width: 50%;
			z-index: 100;
	}
	#tabs .lmt	{ margin-top: -68px;	}
	#tabs .tab	{ margin-top: -78px;	}

	
/* formulaire */
.masquer{display:none !important;}
.show{display:inherit !important;}

/* PRINT */
	.mtc.print {
	  position: absolute;
	  top: 0;
	}
	#resultats.print{
	  float: left !important;
	  margin-left: 10px;
	}
	
/* 
 * EDITION PROFIL 
 */
/* bouton chargement fichier */
label.btn.btn-primary,
#userfile{
	cursor:pointer;
	float:left
}
#userfile {
  margin-bottom: 10px;
  margin-top: -30px;
  opacity: 0;
  width:50%;
}
#nomFichier{
	float:left;
	margin:0 0 0 15px;
	width:50%;
}
#image .btn-success{
	clear:both;
}


/*
 * FICHE DES POINTS
*/
#contentPoint table tr th, #contentPoint table tr td {
	padding: 2px 10px;
	border: 1px solid #ccc;
}


/** 
 * LISTE DES RDV (fiche client)
 */
 .rdv {
		/* border: 1px solid orange; */
		/* border-radius: 10px; */
		clear: left;
		float: left;
		margin: 2px 0;
		width: 100%;
	}
	.rdv.past {
		border-color: #fff;
	}
	.rdv,.rdvjour,.rdvtype{
		height: auto;	
		overflow: hidden;
	}
	.rdvjour {
		background-color: green;
		border-radius: 20px 0 0 20px;
		color: white;
		float: left;
		padding: 10px;
		width: 30%;
	}
	.past .rdvjour{
		background-color: #368436;
	}
	.rdvdatejour {
		background: orange;
		border-radius: 10px 50% 50% 10px;
		color:#368436;
		display: block;
		float: left;
		font-weight:bold;
		height: 40px;
		margin: -10px 10px -10px -10px;
		padding: 10px;
		width: 40px;
	}
	.rdvnom {
		display: block;
		float: right;
		margin: -10px -10px -10px 10px;
		/* margin-top: -10px; */
		height: 40px;
		background-color: orange;
		min-width: 50%;
		padding: 10px;
	}
	a.rdvnom{color:#fff;}
	.rdvtype {
		background-color: #ccc;
		float: left;
		padding: 10px;
		width: 70%;
	}
	.past .rdvtype{
		background-color: #e7e5e5
	}
/** test MAJ **/

#rdvlist .rdv {
	/* border: 1px solid orange; */
	/* border-radius: 10px; */
	clear: left;
	float: left;
	margin: 2px 0;
	width: 100%;
}
#rdvlist .rdv.past {
	border-color: #fff;
}
#rdvlist .rdv,.rdvjour,.rdvtype{
	height: auto;	
	overflow: hidden;
}
#rdvlist .rdvjour {
	background-color: green;
	border-radius: 20px 0 0 20px;
	color: white;
	float: left;
	padding: 0px;
	width: 30%;
}
#rdvlist .rdv.past .rdvjour{
	background-color: #127f12a3;
}
#rdvlist .rdvdatejour {
	background: orange;
	border-radius: 0px 50% 50% 0px;
	color:#368436;
	display: block;
	float: left;
	font-weight:bold;
	height: 40px;
	margin: -4px 10px -10px 0px;
	padding: 10px;
	width: 40px;
}
#rdvlist .rdvnom {
	display: block;
	float: left;
	margin: 0px -10px 0px -10px;
	height: auto;
	background-color: orange;
	width: 105%;
	padding: 0px 0 0 25px;
	clear: left;
}
#rdvlist .rdv.past .rdvnom,
#rdvlist .rdv.past .rdvdatejour
 {
	background-color: #f5b94c;
}
#rdvlist a.rdvnom{color:#fff;}
#rdvlist .rdvtype {
	background-color: #ccc;
	float: left;
	padding: 10px;
	width: 70%;
}
#rdvlist .past .rdvtype{
	background-color: #e7e5e5
}
	/**
	 *	POPUP selection clients
	 */
	 #selectNom,#selectPrenom{
		 max-height: 70vh;
		 overflow: auto;
	 }

/**
 * WYSIWYG  
 */
 trix-toolbar .trix-button-group{
	 display: block !important;
 }
 trix-editor,trix-editor div{
	 background-color: #fff;
 }

 /**
  * BARRE DROITE
  * ATLAS
  */
  	.lienAtlas {
		width: 100%;
	}
	.lienAtlas a{
		color:#fff;
	}
	.lienAtlas a:hover{
		background-color:#ccc;
	}
	.lienAtlas a span.Minitial{
		display: block;
		clear: left;
		width: 20px;
		float: left;
		margin-right:10px;
	}
	.lienAtlas a:hover span.Minitial {
		background-color: #ccc;
	}