/******************************************************************************/
/*****************************     code Couleur  ******************************/
/******************************************************************************/
.spanCode{
   margin: 0 auto;   display: block;
   height: 25px;   width: 25px;
   border-radius: 13px;
}
.spanCode>img{
   position: relative; top:3px;left:3px;
   width:16px; height:16px;
}
.Code_ETP_en_cours, .Code_RP_en_cours, .Code_APA_en_cours, .Code_MS_en_cours, .Code_DE_en_cours {
   background-color: #AEEE00 !important; /* Vert Chartreuse */
}
.Code_ETP_seances_seul, .Code_APA_seances_seul{
   background-color: orange !important; /* #FFA500; Orange */
}
.Code_ETP_terminé, .Code_RP_terminé, .Code_APA_terminé, .Code_MS_terminé, .Code_DE_terminé {
   background-color: #FB2504 !important;  /* Rouge cerise */
}
.Code_ETP_en_attente, .Code_RP_en_attente, .Code_APA_en_attente, .Code_MS_en_attente, .Code_DE_en_attente {
   background-color: #5bc0de !important;
}
.Code_ETP_en_veille, .Code_RP_en_veille, .Code_APA_en_veille, .Code_MS_en_veille, .Code_DE_en_veille {
   background-color: #428bca !important;
}
.chirurgien1 {background-image: url('../images/bistouri.jpg'); background-position: 84% 60%;
				 background-origin: padding-box; background-size: 16px; background-repeat: no-repeat}
option[value^="==="]
{background-color: gray; }
/******************************************************************************/
/*****************************       Header      ******************************/
/******************************************************************************/
#logo, #adminControle{
   position: absolute; top: 0;
   width: 25%;   height: 60px;
   background-color: #FFF;
}
#logo{
   left: 0;
   border-radius: 0 0 40px 0;
}
#logo > img{
   height: auto; max-height: 60px;
   width: auto; cursor: pointer;
}
div#adminControle{
   right: 0;
   border-radius: 0 0 0 40px;
   padding: 3px;
}
div#adminControle #btn_Administration{ margin: 5px}
div#adminControle input[type='image']{ background-color:transparent}

.btnPrevCourant{ float: left; }
.btnNextCourant{ float: right; }

.btnNextCourant, .btnPrevCourant {  line-height: 1.2em; font-size: 1rem; font-weight: bold; margin-top: -1px;}
.btnNextCourant>.onglet, .btnPrevCourant>.onglet{}

.divEntete {
   font-weight: bold;font-size: 130%;
   color: #333;
   float: right;
	margin-right: 1em;
}
div#main_menu div#btn_Gestion { position: relative}
div#main_menu div#btn_Gestion .notif-number {
	right: inherit; top:2em;left:.75em;
}
div#main_content{
   position: relative;
   top: 5px;
}
div#main_content div#divQuelconque {min-height: 220px; margin-top: 70px;text-align: center;}
div#main_content div[id$="content"] > div.clearfix > h1 {margin-top: 125px;}

input#Piece_jointe_save{min-width: 30px}

table.listing>tbody>tr>td.goto:hover {border-color: wheat;}
table.listing>tbody>tr>td:empty:hover {border-color: transparent; cursor: default}

div table[id^="table_Piece_jointe"] td:last-child {padding: 0;border: 0}
div table[id^="table_Piece_jointe"] td:first-child {word-break: break-all}
div table.listing>tbody>tr>td>img[name="supprimer"] {width: 16px;height: 16px;}

div#divActivite table[id^="table_Piece_jointe"] form { display: none;}

table[id$="_historique"] tbody > tr > td:nth-child(2) table tr {border: .5pt solid #111111; padding: 2px 3px}
table[id$="_historique"] tbody > tr > td:nth-child(2) table .ligne_entete {background-color: #DFD8E8; color: #5F497A; font-size: 110%; padding-left: .5em}

div.note{
	display: inline;
	position: relative;
}
/*div.note > input::after {content: url(../images/help.png);}
div.note > input[type="text"]::before {content: '?'; }
*/
div.note > input[type="text"], div.note > select, div.note > textarea {
/*	background: inherit url("../images/help.png")  no-repeat padding-box right;*/
	background-image: url("../images/help.png");
	background-repeat: no-repeat; background-position: left; background-size: 13px; padding-left: 19px;
}
div.note > div.note_legend /* :not(:first-child) */ {
	display: none; position: absolute; border: 1px solid; background-color: wheat; z-index: 99;
}
div.note:hover > div.note_legend /* :not(:first-child) */ ,
div.note > input[type="text"]:focus + div.note_legend /* :not(:first-child) */ ,
div.note > select:hover + div.note_legend  ,
div.note > select:focus + div.note_legend /* :not(:first-child) */
div.note > textarea:hover + div.note_legend /* :not(:first-child) */
{
	display: block; /* right: -2em;*/ left: 2em; min-width: 23em;
   border: solid 1px greenyellow;   border-radius: 6px;
	min-height: 2em; vertical-align: middle;
	padding: 0px 1em;
	cursor: pointer;
}

/*div#main_menu input#btn_Seance, div#main_menu input#btn_Groupe {
	font-size: small;
	background-color: white;
	color: red;
}*/
/******************************************************************************/
/*****************************       administration_menu     ******************************/
/******************************************************************************/
div#administration_menu{
   border-bottom: 2px solid #F98E1F;
   padding: 0 10px;
   position: relative;
}
div#administration_menu .onglet{ padding: 7px 8px; margin-left:-1px; font-size: 92%;}
/*div#administration_content form#form_Catalogue_action table td input:first-child { width: 75%}
div#administration_content form#form_Catalogue_action table td:first-child{ width: 60%}*/
div#administration_content form#form_Catalogue_action label[for^='nb_m']{ min-width: 40px}
div#administration_content form#form_Catalogue_action table.listing input[type="text"]:first-child{ min-width: 50%;}
div#administration_content form#form_Catalogue_action table.listing select{ min-width: 50%;}
div#administration_content table#table_Catalogue_action img { width:16px; height:16px;}

/******************************************************************************/
/*****************************       Patient     ******************************/
/******************************************************************************/

div#divPatientCourant.archive img[name="supprimer"]
,div#divPatientCourant.archive input[name="ajouter"]
,div#divPatientCourant.archive form:not([id="form_Patient"]) input[type="button"]
,div#divPatientCourant.archive form[id^="form_Contacts_"]
,div#divPatientCourant.archive div#patient_menu input[type="image"]
,div#divPatientCourant.archive label[id^='pole_']
/*
,div#divPatientCourant.archive input[value="Saisir"]
,div#divPatientCourant.archive div[id^="divPatientPPS_"] input[type="button"]*/
	{ display: none}
div#divPatientCourant div#patient_menu{
   position: relative; float: left;
}
div#divPatientCourant div#patient_content{
   border-top: 2px solid #F98E1F; clear: both; position: relative; /*top: -3px;*/
}

div#divPatientSummary div[id^="resume_pole_fieldset_"] label { width: 30%; clear: left; min-height: 20px}
div#divPatientSummary div[id^="resume_pole_fieldset_"] label+div { width: 69%; clear: right;float: right; display: inline-block}

div#divPatientSummary div#div_personne_ressource form#form_personne_ressource { padding: 3px}
div#divPatientCourant table[id^="table_Piece_jointe_"] td:nth-child(3) ,
div#divPatientCourant table[id^="table_Piece_jointe_"] td:nth-child(4) { display: none}

form /*#form_Patients_aide_humaine*/ select#type_aide>option[value='Médecin traitant']{ display: none; visibility: hidden}
form select#type_aide>option[value='Référent RP'] ,
form select#type_aide>option[value='Référent APA'],
form select#type_aide>option[value='Référent ETP']{ display: none; visibility: hidden}
form#form_Patients_aide_humaine select#patients_aide_famille_id + br {display: none}

div#divPatientComplement table div.goto {
	background-color: white;color: initial; padding: .5em 1em; display: inline-block;
}

div#divPatientContact table#table_Contact_onglet.listing > tbody > tr > td > img{display: none;}
div[id^="divPatientSeances_"] table[id^="table_Seances_"] > tbody > tr > td > img {width: 18px}

h1.legend{
   width: 100%;
   background-color: #9ABF15;
   border-radius: 5px;
   color: #333;
   padding: 3px 0;
   text-indent: 10px;
   margin: 0;
   font-size: 14px;
}

div#divPatientCourant table[id^="table_Piece_jointe"] > tfoot > tr > td > input.btnMenu {display: none}
div#divPatientCourant form#form_Contact_je_me_ce_que_je_veux table[id^="table_Piece_jointe"], 
div#divPatientCourant form#form_Action_pps.Reunion table[id^="table_Piece_jointe"] ,
div#divPatientCourant form#form_Action_pps.Contact table[id^="table_Piece_jointe"] {
	/*display: inline-block;*/ position: absolute; left: 66.6%; width: 33%;
}
/*****************************     Professionnels   ***************************/

div#main_content div#pro_menu{
   border-bottom: 2px solid #F98E1F;
   padding: 0 0 0 2%;
}
div#main_content div#pro_content {
   border-top: 2px solid #F98E1F; clear: both; position: relative; top: -3px;
}

/*div#divProfessionnelSummary table#table_Lieux_exercice td:last-child,*/
div#divProfessionnelSummary table#table_Lieux_exercice tfoot,
div#divProfessionnelSummary table#table_Piece_jointe_Professionnel tfoot input{
   display: none;
}


/*****************************       Struct      ******************************/
div#main_content div#struct_menu{
   padding: 0 0 0 2%;
}
div#main_content div#struct_content{
   border-top: 2px solid #F98E1F; clear: both; position: relative; top: -3px;
}
div#divStructureCourant table[id^="table_Piece_jointe"] > tfoot,
div#divStructSummary table#table_Piece_jointe_Structure form {display: none}
div#divStructForm div#struct_pole>div:not(.legend) {min-height: 3em; }

/*****************************      MenuContext  ******************************/

div#divMenuContext {
   z-index: 1001;
   width: 500px;
   height: 300px;
	background-color: #9B9C9D;
   color: #000;
   border: 3px outset gray;
	box-shadow: 5px 5px 10px lightgray;
   opacity: 0.95;
}
div#divMenuContext > button{
   float: right;
   border: 1px solid gray;
   border-radius: 5px;
   width: auto;
}

/********************** Accordeon pps ************************/

.ac-container{
	max-width: 100%;
	margin: 10px auto 30px auto;
	text-align: left;
}
.ac-container label:not(.checkpole){
	position: relative;
	padding: 3px 10px;
	z-index: 20;
	display: block;
	height: 30px;
	cursor: pointer;
	color: #5B605A;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 35px;
	font-size: 115%;
	background: #ffffff;
	background: linear-gradient(90deg, #ffffff 1%,#eaeaea 100%);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
   border-radius: 5px;
   margin: 2px;
}
.ac-container label:hover{
	background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #9ABF15;
	color: #ffffff;
	text-shadow: none;
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(../images/arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(../images/arrow_up.png);
   background-color: #FFF;
   border-radius: 24px;
}
.ac-container input[type="checkbox"]{	display: none; }
.ac-container article{
	position: relative;
   left: 1%;	top: -6px;
	background: rgba(255, 255, 255, 0.5);
	overflow: hidden;
	height: auto;
	z-index: 10;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
   border: 2px #9ABF15 solid;   border-radius: 0px 0px 3px 3px;
   display: none;
}

.ac-container input:checked ~ article{
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
   display: block;
}
section.ac-container div[id$="_2500"] input:checked ~ article{
	max-height: 20em;
	overflow-y: scroll;
}

.ac-container article.ac-small table.ac-listing{
   margin-top: 6px;
   background-color: #ffffff;
   width: 100%;
   border: none;
}
.ac-container article.ac-small table tbody tr{
	background: #ffffff;
	background: linear-gradient(to top, #ffffff 1%,#eaeaea 100%);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
   
   border-radius: 5px;
   border-collapse: inherit;
}
.ac-container article.ac-small table tbody tr.selected{
	border-style: none;
	background-color: #ffffff;
	font-style: oblique;
	font-weight: bolder;
}
.ac-container article.ac-small table tbody tr td{
   max-width:140px;
	white-space: nowrap;  word-wrap: break-word;
	overflow: hidden;   text-overflow: ellipsis;
   transition: max-width 0.5s ease-in;
   padding: 4px;
}

@media (max-width: 1008px) {
	.ac-container article.ac-small table tbody tr td { max-width: 115px;}
}
.ac-container article.ac-small table tbody tr{
   position: relative;
	overflow: visible;
}

.ac-content{
   position: relative;
   margin: 5px;
}
table#table_Pps_all .ac-container article.ac-small table tbody tr:hover,
table#table_Projets_action .ac-container article.ac-small table tbody tr:hover{
	background: #fff;
   cursor: pointer;
   color: #9ABF15;
}
table#table_Pps_all .ac-container article.ac-small table>tbody>tr>td:first-child{ width: 6.5em}

/************ INPUT CHECKBOX + LABEL ************************/
input[type="checkbox"].checkpole, input[type="radio"].checkpole, input[type="file"].checkpole{
	display: none;margin: 0;
}
input[type="file"].checkpole + label ,
input[type="radio"].checkpole + label ,
input[type="checkbox"].checkpole + label {
	transition: all .5s ease;
	padding: 3px 5px 2px 10px;
   background-color: #5B605A;
	cursor: pointer;
	text-align: left;
   color: white;
	min-height: 18px;
   min-width: 40px;
	position: relative;
	font-size: 110%;
	font-weight: bold;
}

input[type="checkbox"].checkpole:checked + label ,
input[type="radio"].checkpole:checked + label /*,
.fieldset input[type="checkbox"].checkpole:checked + label:hover*/{
	background: #F98E1F;
}

label.checkpole{
   border-radius: 6px;
   margin: 1px;
}
/*label.checkpole:hover:after,*/
input[type="checkbox"].checkpole:not(.check_oui_non):checked + label.checkpole:hover:after{
	content: '+';
	position: absolute;
	left: 5px;
	top: 0px;
   font-size: 150%;
}
input[type="checkbox"].checkpole:not(.check_oui_non):checked + label.checkpole:hover:after{
	content: '-';
}

label.simpleCheckbox {
	min-width: 75px;
	text-align:center !important;
}
label.simpleCheckbox:before{
	content:'|||';
	font-size: 140%;
	letter-spacing: -1px;
	position: absolute;
	left: 5px;
	top:-1px;
}

input[type="checkbox"]:checked + label.simpleCheckbox:before {
/*    transform: rotate(90deg);*/
	text-align: right;
	left: auto; right:5px;
}
input[type="checkbox"]:not(:checked) + label + div.checkpole {display:none}
input[type="checkbox"]:checked + label + div.checkpole {display:block}



/*****************************      Seances      ******************************/
/*#divSeances > div{   margin: 0 auto; }*/
/* #form_Seance_onglet */
input[id$="present"].checkpole:not(:checked) + label.checkpole:before {content: "Absent"}
input[id$="present"].checkpole:not(:checked) + label + span {display:inline}
input[id$="present"].checkpole:checked + label.checkpole:before { content: "Présent" !important}
input[id$="present"].checkpole:checked + label + span {display:none}

input[id$="excuse"].checkpole:not(:checked) + label.checkpole:before {content: "Non excusé"}
input[id$="excuse"].checkpole:checked + label.checkpole:before { content: "Excusé" !important}

input[id$="inscrit"].checkpole:not(:checked) + label.checkpole:before {content: "Non inscrit"}
input[id$="inscrit"].checkpole:checked + label.checkpole:before { content: "Inscrit" !important}

input[id$="accompagne"].checkpole:not(:checked) + label.checkpole:before {content: "Seul"}
input[id$="accompagne"].checkpole:checked + label.checkpole:before { content: "Accompagné" !important}

/* seances APA et stage => il faut qu'il soit inscrit, form_Seances_apa_onglet et form_Seances_apa */
form[id^="form_Seances_apa"] input[id$="inscrit"].checkpole:not(:checked) + label + span {display:none}
form[id^="form_Seances_apa"] input[id$="inscrit"].checkpole:checked + label + span {display:inline}

input.check_oui_non.checkpole + label.checkpole:after {content: "Non"}
/*input[id$="accompagne"].checkpole:not(:checked) + label + span {display:inline}*/
input.check_oui_non.checkpole:checked + label.checkpole:after { content: "Oui" !important}

/*****************************      CONTACTS     ******************************/
form[id^="form_Contact"] div.btn-active{
   background-color: #F98E1F;
}
div#divContact form + div div.fieldset>form {padding:1px;}
div#divContact form + div div.fieldset>form input[type="text"] {max-width: 75%;}
div#divContact form#form_Filtre_contact select {max-width: 100px;}

/*****************************      FORMATION     ******************************/
form#form_Formation > div.fieldset.col3 {min-height: 157px;}




/*****************************      GESTION     ******************************/
div#main_content > div > div > div[id$="_content"] { min-height: 300px;}
div#main_content > div > div > div[id$="_content"]>div:first-child>h1 { text-align: center; margin-top: 100px;}
/*****************************      ALERTES     ******************************/
div#alerte_content table[id^=table_Alerte] tbody {	column-count: 3; display: block;}
div#alerte_content table[id^=table_Alerte] tbody>tr {display: block}
div#alerte_content table[id^=table_Alerte] tbody>tr>td:first-child { width: 2em;}
div#alerte_content table[id^=table_Alerte] tbody>tr>td:nth-child(2) { width: 16em;}
div#alerte_content table[id^=table_Alerte] tfoot td { height: 3em;}
div#alerte_content table[id^=table_Alerte] tfoot td span { width: 33%; display: inline-block}

/*div#alerte_content table[id^=table_Alerte] tbody> tr {	float: left;	width: 33.1%; min-height: 22px; border-left: 1px solid black;}
div#alerte_content table[id^=table_Alerte] tbody> tr:nth-child(3n+1){	clear: left;}
div#alerte_content table[id^=table_Alerte] tbody> tr:nth-child(3n){	clear: right;}
div#alerte_content table[id^=table_Alerte] :not(tfoot)> tr>td { vertical-align: top; overflow-style: marquee-line}
div#alerte_content table[id^=table_Alerte] :not(tfoot)> tr>td:first-child { width: 3em;}
div#alerte_content table[id^=table_Alerte] :not(tfoot)> tr>td:nth-child(2) { width: 16em;}*/

/*****************************      STATS     ******************************/
div#stat_content article > div > table {min-width: 75%; }
div#stat_content article > div.right_div > img {padding-top: 1em;}
div#stat_content div.col3 > img {width: 100%}
div#stat_content .ac-container article.ac-small table tbody tr td {overflow: auto;}
div#stat_content .ac-container article.ac-small table tbody tr td {max-width: max-content;}

/*****************************      FILTRES     ******************************/
/*form[id^="form_Filtre_alerte"] div.controls { float: right }*/
form#form_Filtre_professionnel select { max-width: 125px; min-width: 75px; }