/*****************************     code Couleur  ******************************/
/* bouton: rouge #c00c16, bleu #0476E1, #4E6BF7, clair #4CBFFF inactif background-color: #222;
/******************************************************************************/

/*****************************       Header      ******************************/

div#header { position: relative; text-align: center; margin-bottom: 1em;}
div#header > div {
   position: absolute; top: 0; width: 25%; height: 65px; background-color: white;
}
div#header > h1 {
   margin: 0;
   padding: 15px;
}
#logo{
   left: 0;   border-radius: 0 0 40px 0; cursor: pointer;
}
#logo > img{
   max-height: 100%;
}
#adminControle{
   right: 0; border-radius: 0 0 0 40px;
   padding: 3px;
}
#adminControle #btn_Administration{ margin: 5px}
#adminControle input[type='image']{ background-color:transparent;}

.divEntete {
   font-weight: bold;font-size: 130%;
   color: #333;
   float: right;
	margin-right: 1em;
}
div#main_menu div#btn_Gestion h2 { position: relative}
div#main_menu div#btn_Gestion .notif-number {
	right: inherit; top:1em;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}

/*table.listing>tbody>tr>td*/
.goto:hover {border-color: wheat; cursor: pointer}
div#divAccueil td.goto { height: 2em; text-align: left;}
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; float: right; display: inline-block}

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 {
/*	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) */ {
	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;
}

form>table { width: 99%}
form>h2 {
/*	background-color: #4E6BF7;*/
	color: white; margin-top: -0.75em; padding-left: 1em;
}
form.filtre select {max-width: 10em;}
div#main_content div.spacer div.col2+div.col2 > input.btnPager {margin: 0.25em auto;display: block;padding: .2em .85em;font-size: 110%;}

form a[href=""] { display: none}
form[target="upload"] input[type="file"] {min-height: 80px; line-height: 80px;font-size: 1em !important; min-width: 66%;}
/******************************************************************************/
/*****************************       administration_menu     ******************************/
/******************************************************************************/
div#administration_menu{
   border-bottom: 2px solid #F98E1F;
   padding: 0 10px;
   position: relative;
}
div#administration_menu .onglet{ padding: 7px 9px; margin-left:1px; font-size: 90%}

/******************************************************************************/
/*****************************       RESIDANT     ******************************/

div#divResidant.archive img[name="supprimer"]
,div#divResidant.archive input[name="ajouter"]
,div#divResidant.archive form:not([id="form_Residant"]) input[type="button"]
	{ display: none}

form /*#form_Residants_aide_humaine*/ select#type_aide>option[value='Médecin traitant']{ display: none; visibility: hidden}

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

div#divResidant form + table.listing > tbody > tr > td {min-height: 20px; height: auto}

div#divResidant div[id^="divResidant_Contact"]>div> table.listing > tbody > tr > td{min-height: 40px;height: 42px}
div#divResidant div[id^="divResidant_Contact"]>div> table.listing > tbody > tr > td:last-child{display: none;}
div#divResidant div[id^="divResidant_Contact"] table.listing tr > td:nth-child(3){display: none;}
div#divResidant div[id^="divResidant_Contact"] table.listing tr > td:nth-child(4){display: none;}
div#divResidant div[id^="divResidant_Contact"] div.col2 form label[for=pole]{display: none;}
div#divResidant div[id^="divResidant_Contact"] div.col2 form select#pole{display: none;}
div#divResidant div[id^="divResidant_Contact"] div.col2 form select[id^="lien_"]{font-size: 95%;max-width: 140px;}
div#divResidant div[id^="divResidant_Contact"] div.col2 form label[for="lien_vers"]{min-width: 50px;}
div#divResidant div[id^="divResidant_Contact"] form+div form {padding: 2px;}
div#divResidant div[id^="divResidant_Contact"] form input#acContact_pro{width: 70%}
div#divResidant div[id^="divResidant_Seance"] table.listing > tbody > tr > td > img {width: 18px}
div#divResidant div[id="divResidant_Seance"] table.listing tr > td:nth-child(1) {display: none}
div#divResidant div[id="divResidants_contrat"] table[id="table_Residants_contrat"].listing tr > td:nth-child(3) {display: none}

div#divResidant form div#residant_editions_admin label.checkpole{min-width: 16em;}
div#divResidant div#divResidants_contrat > div.col2{min-height: 17em;}
div#divResidant.tremplin #divResidants_contrat > div:nth-child(6){display: none;}

div#divResidantCourant form#form_Contact_je_me_ce_que_je_veux table[id^="table_Piece_jointe"]{
	/*display: inline-block;*/ position: absolute; left: 66.6%; width: 33%;
}
div#divResidant div#residant_rdv_admin label {min-width: 26em;}
div#divResidant div#residant_rdv_admin label + input  ~ input {width: 4em; min-width: auto;}

/*****************************     Appartements   ***************************/
div#divAppartement div#divAppartement_historique table.listing {margin-left: 1em; width: auto;border-style: groove;border-width: 2px;border-color: antiquewhite;}
div#divAppartement div#divAppartement_historique table.listing tr td:nth-of-type(2) {display: none}
div#divAppartement div#divAppartement_historique td:last-child {visibility: hidden;  }
div#divAppartement table tr {/*display: grid*/ }
div#divAppartement table tr.Initial { }
div#divAppartement table tr.Initial td {border-bottom: 2px ridge black; }
div#divAppartement table tr.Avenant { float: left }
div#divAppartement table tr.Avenant td:nth-child(3) { display: none}
/*div#divAppartement a[target="upload"][href^="process"]::after {
    content: " ou ajouter un autre doc";
}
div#divAppartement a[target="upload"][href^="process"]:hover::after {
	 text-decoration: none;
}
*/
div#divAppartement a[target="upload"][href^="process"] ~ input[type="file"]:before {
    content: " ou ajouter un autre doc";
	 display: inline-table;
	float: right;
/*color: black;background-color: wheat;*/
}
div#divAppartement a[target="upload"][href^="process"] ~ input[type="file"] {
	visibility: hidden;
}
div#divAppartement a[target="upload"][href^="process"] ~ input[type="file"]:after {
    content: " ou ajouter un autre doc";
	 display: inline-table;
	float: right;
/*color: black;background-color: wheat;*/
}
/*****************************     Professionnels   ***************************/
div#divProfessionnelSummary table#table_Piece_jointe_Professionnel tfoot input{
   display: none;
}
div#divProfessionnelSummary table div.col3 {	padding: 3px 1px; width:32%; }

div#divProfessionnelForm #form_Professionnel div.simpleCheckbox{   margin: 0 auto;}

div#divProCourant table[id^="table_Piece_jointe"] > tfoot {display: none}


/*****************************       PPS         ******************************/

div#divMenuContext {
   z-index: 1001;
   width: 500px; max-width: 85%;
/*   height: 300px;*/
	background-color: lightgray;
   color: #000;
   border: 5px double #4E6BF7;
	box-shadow: 10px 5px 10px lightgray;
   opacity: 0.95;
}
div#divMenuContext > button{
   float: right;
   border: 2px solid gray;
   border-radius: 5px;
   width: auto;
	line-height: 150%; font-size: 125%;
}
div#divMenuContext > button:hover{background-color: #4E6BF7}
div#divMenuContext > div#menu_contextuel { min-height: 550px;}

/********************** 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{	display: none; }
.ac-container article{
	position: relative;
   left: 1%;	top: -6px; width: 98%;
	/*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;
}

.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-image: linear-gradient(to top, #ffffff 1%,#4E6BF7 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;
}
.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: 3px 10px 3px 17px;
/*   background-color: #222;
   color: white;*/
	cursor: pointer;
	text-align: left;
	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 {
	background: #0476E1;
}*/

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:inline-block;}

form#form_Admission input[type="checkbox"]:checked + label + div.checkpole {display: inline-block;}
form#form_Admission input[type="checkbox"] + label + div.checkpole + div.checkpole {display: inline-block;}
form#form_Admission input[type="checkbox"]:checked + label + div.checkpole + div.checkpole {display: none;}

#divResidant_legal input[type="checkbox"]:checked + label + div.checkpole {display: inline-table;}
#divResidant_legal input[type="checkbox"] + label + div.checkpole + div.checkpole {display: inline-table;}
#divResidant_legal input[type="checkbox"]:checked + label + div.checkpole + div.checkpole {display: none;}

/*****************************      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_Seance"] input[id$="inscrit"].checkpole:not(:checked) + label + span {display:none}
form[id^="form_Seance"] 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}

div#divActivite form[id^='form_S'] div label:not(.checkpole) {min-width: 75px; width: auto;}
div#divActivite form[id^='form_S'] div.col2 input[type="text"][id$="_ac"]  { min-width: 60%; width: 66%}
div#divActivite form div[id^="num_seance_"] > img.calendar{margin-left: -10px}


form#form_Atelier table#table_Stages_inscription td:nth-child(2) { position: relative}
form#form_Atelier table#table_Stages_inscription div.goto {
	background-color: white;color: initial; font-size: 120% !important;
	padding: .5em 1em;
	/*position: absolute; top: 10%; height: 40%; vertical-align: middle;*/
}
form#form_Atelier table#table_Stages_inscription td > input.checkpole[type="checkbox"] + label.checkpole{
	min-width:50px;
}

/*****************************      VIE INSTIT     ******************************/
div#divActivite_sous_content >div.spacer div.col2 + div.col2 table.listing { text-align: left; }
div#divActivite_sous_content >div.spacer div.col2 + div.col2 table.listing > tbody > tr > td { height: 25px; max-height: 25px; }

form[id^="form_Contact"] div.btn-active{
   background-color: #F98E1F;
}
div#divContact div.col3 form {padding:1px;}
div#divContact table#table_Contacts_residant td:nth-child(1) {display: none;}
div#divContact table#table_Contacts_residant td:nth-child(2) {display: none;}

form#form_Reunion select#type_reunion>option[value="Commission d'admission"]{ display: none; visibility: hidden}
div#divCommission div.col2 table td:nth-child(3){ display: none; }
div#divGroupe form label[for="seance_theme"]/*,
div#divGroupe div.col2 table td:nth-child(3)*/{ display: none; }

div#divActivite table[id^='table_S']>tbody>tr>td ,
div#divCommunication table[id^='table_']>tbody>tr>td {min-height: 38px;height: 38px;}
div#divCommunication div#divDocument table>tbody {-moz-column-count: 3; column-count: 3; display: block}
div#divCommunication div#divDocument table>tbody>tr {display: block; text-align: right }
/*div#divCommunication div#divDocument table>tbody>tr>td {white-space: nowrap; width: auto}*/
div#divCommunication div#divDocument table>tbody>tr>td:nth-child(2) {width: 25%;}
div#divCommunication div#divDocument table>tbody>tr>td:nth-child(1) {width: 74.9%; text-align: left}
div#divCommunication div#divDocument table>tbody>tr>td:nth-child(3),
div#divCommunication div#divDocument table>thead,
div#divCommunication div#divDocument table>tfoot input[name="ajouter"]
, div#divActivite_sous_content div#divSeance table#table_Seances_residant td:nth-child(2)
, div#divActivite_sous_content div#divGroupe div.col2 + div.col2 table.listing td:nth-child(2)
{display: none}

table#table_Seance tr> td:last-child ,
table#table_Seance_apa tr> td:last-child ,
table#table_Contact tr> td:last-child ,
table#table_Participants_reunion tbody>tr>td:last-child { width: 16px; padding-right: 0;}

div#divActivite #divAtelier table#table_Atelier_residant div.BlancBackground {background-color: whitesmoke; display: inline-block;}

/*****************************      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#divAlertes table[id^=table_Alerte] tbody {	column-count: 3; display: block;}
div#divAlertes table[id^=table_Alerte] tbody>tr {display: block}
div#divAlertes table[id^=table_Alerte] tbody>tr>td:first-child { width: 1.5em;}
div#divAlertes table[id^=table_Alerte] tbody>tr>td:nth-child(2) { width: 13em;}
div#divAlertes table[id^=table_Alerte] tfoot td { height: 3em;}
/*div#divAlertes table[id^=table_Alerte] tfoot td span { width: 33%; display: inline-block}*/

/*****************************      STATS     ******************************/
div#divStatistiques .ac-container article.ac-small table tbody tr:not(:first-child){  background-image: none;}
div#divStatistiques article > div > table {min-width: 75%; }
div#divStatistiques article > div.right_div > img {padding-top: 1em;}
/*div#stat_content article > div > table td {vertical-align: middle}*/
div#divStatistiques div[id^="Stat_Stat_P_DAC_Contacts"] > table td:first-child,
div#divStatistiques div[id="Stat_Stat_P_APA_Bilan_et_Suivi"] > table td:first-child,
div#divStatistiques div#Stat_Stat_A_Seances_collectives_par_theme > table td:nth-child(2) {width: 90%}
div#divStatistiques div[id^="Stat_Stat_A_"][id$="_par_theme"] > table ,
div#divStatistiques div[id^="Stat_Stat_P_APA_"] > table {width: 97%}
div#divStatistiques div.col3 > img {width: 100%}
div#divStatistiques div[id^="Stat_Stat_P_Participants_RCP"] table td:last-child:after{content: '%'}

/*****************************      FILTRES     ******************************/

/*****************************      Accueil     ******************************/
div#divAccueil table tr[id^=id_contact] td:nth-child(6)
,div#divAccueil table tr[id^=id_contact] td:nth-child(8)
,div#divAccueil table#table_Contacts_residant tr[id^=id_contacts] td:nth-child(2) /* colonne motif="RAP" */
,div#divAccueil table tr[id^=id_contact] td:last-child
,div#divAccueil table tr[id^=id_seance] td:nth-child(5)
,div#divAccueil table tr[id^=id_seance] td:nth-child(6)
{display: none}