/******************************************************************************/
/*****************************     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;
}
.en_cours {
   background-color: #AEEE00 !important; /* Vert Chartreuse */
}
.terminé {   background-color: #FB2504 !important;  /* Rouge cerise */}
.en_attente {   background-color: #5bc0de !important;}
.en_veille {   background-color: #428bca !important;}

tr.selected:not([id^="id_parcours"]) {
   border-style: outset;
   background-color: #ABABAB;
   font-style: oblique;
   font-weight: bolder;
   cursor: pointer;
}
option[value^="==="] {background-color: gray; }
/******************************************************************************/
/*****************************       Header      ******************************/
/******************************************************************************/
#logo{
   position: absolute;
   top: 0;   left: 0;
   width: 25%;   height: 65px;
   background-color: white;
   border-radius: 0 0 40px 0;
}
#logo > img{
   width: 70px; height: auto;
   width: auto; max-height: 65px;
}
div#adminControle{
   position: absolute;
   top: 0;   right: 0;
   width: 25%;   height: 60px;
   background-color: white;
   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>.onglet, .btnPrevCourant>.onglet{}

.divEntete {
   font-weight: bold;font-size: 130%;
   color: #333;
   float: right;
	margin-right: 1em;
}
div#main_menu #btn_PatientCourant { max-width: 99%;min-width: 90px;/* width: auto; padding-left: 5px;padding-right: 5px;*/}
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;}

input#Piece_jointe_save{min-width: 30px}

.OrangeBackground{
   background-color: #FFF;
	box-shadow: 0px 0px 5px 1px #CCC;
   border: 1px solid #ef7b20;
   border-radius: 0 3px;
   padding: 3px;
   min-height: 400px;
}

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;*/ max-width: 200px;
   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 #ef7b20;
   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 label[for^='nb_m']{ min-width: 3em; width:auto;}
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%;}

/******************************************************************************/
/*****************************       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 #ef7b20; clear: both; position: relative; 
	top: -1px;
}

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

div#divPatientSummary div#div_personne_ressource form#form_personne_ressource { padding: 3px}
div#divPatientSummary div#div_personne_ressource form#form_personne_ressource input[value='Supprimer'] { background-color: red; font-weight: bold;float: right; position: absolute; bottom: 1.75em; right: 7%}

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%;
}


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#divPatientCourant div#divPatientHistorique table[id^="table_historique"] table.ac-listing > tbody > tr > td > img {width: 1.5em}

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

/*****************************     Professionnels   ***************************/

div#main_content div#pro_menu{
   border-bottom: 2px solid #ef7b20;
   padding: 0 0 0 2%;
}
div#main_content div#pro_content {
   border-top: 2px solid #ef7b20; 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 #ef7b20; clear: both; position: relative; top: -3px;
}
div#divStructureCourant table[id^="table_Piece_jointe"] > tfoot,
div#divStructSummary table#table_Piece_jointe_Structure form {display: none}

/*****************************      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;
	overflow-y: hidden;
}
.ac-container label:hover{
	background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #70b645;
	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 #70b645 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{*/
section.ac-container div ~ div article.ac-small{
	max-height: 13.5em;
	overflow-y: scroll;
}

.ac-container article table.ac-listing{
   margin-top: 6px;
   background-color: #ffffff;
   width: 100%;
   border: none;
}
.ac-container article 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 table tbody tr.selected{
	border-style: none;
	background-color: #ffffff;
	font-style: oblique;
	font-weight: bolder;
}
.ac-container article 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;
}

/************ INPUT CHECKBOX + LABEL ************************/
input[type="checkbox"].checkpole, input[type="radio"].checkpole{
	display: none;margin: 0;
}
input[type="radio"].checkpole + label ,
input[type="checkbox"].checkpole + label {
	transition: all .5s ease;
	padding: .25em .8em .25em 1em;
   background-color: #5B605A;
	cursor: pointer;
	text-align: left;
   color: white;
	min-height: 1.5em;
   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: #ef7b20;
}

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: 5em;
	text-align:center !important;
}
label.simpleCheckbox:before{
	content:'|||';
  font-style: initial;font-size: 130%;
  letter-spacing: -.3em;
  position: absolute;
  left: 0.1em;
  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      ******************************/
/* #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 réponse"}
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$="accompagn"].checkpole:not(:checked) + label.checkpole:before {content: "Seul"}
input[id$="accompagn"].checkpole:checked + label.checkpole:before { content: "Accompagné" !important}*/

input.check_oui_non.checkpole + label.checkpole:after {content: "Non"}
input.check_oui_non.checkpole:checked + label.checkpole:after { content: "Oui" !important}

/*****************************      CONTACTS     ******************************/
form[id^="form_Contact"] div.btn-active{
   background-color: #ef7b20;
}
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; }