/* POLICES */
@font-face {
    font-family: 'expletus_sansregular';
    src: url('font/expletussans-regular.eot');
    src: url('font/expletussans-regular.eot?#iefix') format('embedded-opentype'),
         url('font/expletussans-regular.woff2') format('woff2'),
         url('font/expletussans-regular.woff') format('woff'),
         url('font/expletussans-regular.ttf') format('truetype'),
         url('font/expletussans-regular.svg#expletus_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	background-color:#fff;
	font-family: Liberation Sans, Arial;
}
a,a:visited {
	text-decoration:none;
	color:#000;
}
a:hover {
	text-decoration:underline;
}
.clicable {
  cursor: pointer; /* Change le curseur de la souris */
}
.link a:hover {
	text-decoration: none;
}
#inssub[disabled] {
  background-color: #ccc; /* Couleur de fond grise */
  cursor: not-allowed;   /* Curseur non autorisé */
  font-size: 1.3em;
}
#inssub.bouton-desactive {
  opacity: 0.5; /* Par exemple, réduire l'opacité */
}
p.maxwidth, ul.maxwidth li, div.maxwidth {
	max-width: 700px;
}
p.noaccess {
	text-align:center;
	font-size:1.4em;
	padding-top:20px;
}
hr.param {
	width: 700px;
	color: #086A87;
	float:left;
}
hr.edt {
	width: 800px;
	color: #E77015;
	float:left;
}
input.bouton {
	color:#fff;
	border:0;
	padding:5px 10px 5px 10px;
	font-size:1em;
	border-radius: 5px;
	cursor: pointer;
	margin-top:3px;
}
input.boutontab {
	background-color: #fff;
	color:#000;
	border:1px grey solid;
	padding:5px 10px 5px 10px;
	font-size:1em;
	border-radius: 5px;
	cursor: pointer;
	margin-top:3px;
	font-size:0.9em;
}
input.boutonpdf {
	background-image: url(../img/pdf-icon.png);
	height:60px;
	width:62px;
	border:0;
}
input.boutonpdf:hover{
  background-color: transparent;
}
input.inptxt {
	font-size:1em;
}
element {
	border: 1px grey solid;
	padding:5px 10px 5px 10px;
	border-radius:5px;
	font-size:0.9em;
}
article#art_eval input.inptxt,
article#art_eval select.inptxt {
	border:1px solid #525252;
	border-radius:5px;
	padding:3px;
}
article#art_edit input.inptxt,
article#art_edit select.inptxt {
	border:1px solid #525252;
	border-radius:5px;
	padding:3px;
}
article#art_edt input.inptxt,
article#art_edt select.inptxt,
article#artleft input.inptxt {
	border:1px solid #525252;
	border-radius:5px;
	padding:3px;
}
article#art_freq input.inptxt,
article#art_freq select.inptxt {
	border:1px solid #525252;
	border-radius:5px;
	padding:3px;
}
article#art_database input.inptxt,
article#art_database select.inptxt {
	border:1px solid #525252;
	border-radius:5px;
	padding:3px;
}
article#art_parametres input.inptxt,
article#art_parametres select.inptxt {
	border:1px solid #525252;
	border-radius:5px;
	padding:3px;
}
input.inptxti, input.time {
	font-size:1.2em;
}
input.inptxtf {
	font-size:1.5em;
}
.horparam {
	text-align:center;
	font-size:1em;
	color: #525252;
}
/* SELECT */
.box {
	width:auto;
	display:inline-block;
}
.box select {
  background-color: #fff;
  color: #525252;
  padding:5px;
  border-radius: 5px;
  font-size: 1em;
  min-width:200px;
  left:0px;
  /*box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);*/
  /*-webkit-appearance: button;
  appearance: button;
  outline: none;
  display:inline-block;*/
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
.box select::-ms-expand {
    display: none;
}
.boxh select {
	min-width:0px;
	width:70px;
}
.boxc select {
	min-width:0px;
	width:210px;
}
.boxf select {
	min-width:0px;
	width:150px;
}
.box::before {
  content: "\f13a";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  position: relative;
  top:4px;
  width: 0%;
  height: 100%;
  text-align: center;
  left:85%;
  font-size: 26px;
  line-height: 15px;
  background-color: transparent;
  pointer-events: none;
}
.boxh::before {
	left:65%;
}
.boxf::before {
	left:85%;
}
article#art_eval .box select {
	border:1px solid #525252;
}
article#art_eval .box::before {
	color: #089608;
}
article#art_edit .box select {
	border:1px solid #525252;
}
article#art_edit .box::before {
	color: #DEBB22;
}
article#art_edt .box select,
article.artedtc .box select {
	border:1px solid #525252;
}
article#art_edt .box::before,
article.artedtc .box::before {
	color: #E77015;
}
article#art_freq .box select,
article.artfreqc .box select,
.journaltable .box select {
	border:1px solid #525252;
	font-size: 0.9em;
}
article#art_freq .box::before,
article.artfreqc .box::before,
.journaltable .box::before {
	color: #B90404;
}
.journaltable .box::before {
	font-size: 22px;
}
article#art_database .box select {
	border:1px solid #525252;
}
article#art_database .box::before {
	color: #086A87;
}
article#art_parametres .box select {
	border:1px solid #525252;
}
article#art_parametres .box::before {
	color: #7D7777;
}
article#art_eval .box:hover::before,
article#art_edit .box:hover::before,
article#art_edt .box:hover::before,
article#art_freq .box:hover::before,
article.artedtc .box:hover::before,
article.artfreqc .box:hover::before,
.journaltable .box:hover::before,
article#art_database .box:hover::before {
  color:#525252;
  background-color: transparent;
}
.box select option {
  padding: 30px;
}
article#art_edt textarea,
article#artleft textarea,
article#art_database textarea {
	border:1px solid #525252;
	border-radius:5px;
	margin-left:25px;
}
.marg25 {
	margin-left:25px;
}

/* LOADING */
.div-loading {
	position:absolute;
	z-index: 9999;
	background:rgba(255,255,255,0.8);
	margin: auto;
	text-align:center;
    width: 80%;
    height:100%;
 }
.ajax-loading {
	z-index: 9999;
	cursor : wait;
	padding-top:200px;
}
.tox-tinymce { border: 1px solid #ccc !important; border-radius: 5px; }
/* COULEURS SOLO */
header table#eval, footer#foot_eval p, input.boutev {
	background-color: #089608;
}
header table#edit, footer#foot_edit p, input.boutseq {
	background-color: #DEBB22;
}
header table#edt, footer#foot_edt p, #art_edt .itemstats, input.boutedt {
	background-color: #E77015;
}
.edtsep .charts {
	border-top:2px #E77015 dashed;
}
header table#freq, footer#foot_freq p, #art_freq .itemstats, input.boutfreq {
	background-color: #B90404;
}
#art_freq .itemcren {
	background-color: #000000;
}
.freqsep .charts {
	border-top:2px #B90404 dashed;
}
header table#database, header table#index, footer#foot_db p, input.boutdb {
	background-color: #086A87;
}
header table#param, footer#foot_param p, input.boutparam {
	background-color: #7D7777;
}
header table#aide, footer#foot_aide p { 
	background-color: #6262C2;
}
/* HEADER - MENU HORIZONTAL */
header table {
	border-bottom:0px grey solid;
	margin:0, 0, 0, 0;
	position: relative;
	width:100%;
	margin-top:-8px;
}
header td {
	border-left:1px white solid;
	border-right:1px white solid;
	padding-top:-10px;
	padding-left:10px;
	padding-right:10px;
	width:60px;
	height:60px;
	z-index:100;
}
header #titre {
	color:#fff;
	width:auto;
	padding-left:50px;
	font-size:1.8em;
	font-family:expletus_sansregular,Liberation Sans, Arial;
	border-left:0px;
}
header td#titre {
	border-right:0px;
}
header #active {
	background-color: #fff;
	padding-bottom:0px;
}
header img {
	height:60px;
}
p.connected {
	font-style:italic;
	color:grey;
	margin-bottom:-32px;
}
/* CENTRE */
section {
	position:relative;
	width:100%;
	min-height:470px;
	overflow:hidden;
	padding-bottom: 10px;
}

article {
	position:relative;
	margin-top:30px;
	float:right;
	width:77.6%; 
}
article#art_edt {
	overflow-x: auto;
}
article#art_aide {
	float:left;
}
article#art_edt .h1 h1 {
	margin-bottom:-10px;
}
article#art_freq h2 {
	margin-top:50px;
}
article .edt_affres {
	float:right;
	width:55%;
}
article.popup {
	padding-left:-100px;
}
.center {
	text-align:center;
}
.left {
	text-align:left;
}
.center table {
	margin:0 auto;
}
article p, article ul, article h1, article h2 {
	padding-left:5px;
	text-align:justify;
}
article table {	
	border-collapse:collapse;
}
article h1 {
	border-left:2px black solid;
}
article h2 {
	border-left:2px #086A87 dashed;
	color:#086A87;
}
h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.2em;
}
article th, article td {
	border:1px grey solid;
	padding:5px;
}
th { 
	background-color:white;
}
article table.noborder th, article table.noborder td {
	border:0;
	padding:5px;
}
/* Polices diverses */
a.none {
	text-decoration:none;
}
p.signal, span.signal, h2.signal, a.signal {
	color:#B90404;
	font-weight:bold;
}
p.signalok, span.signalok, h2.signalok, a.signalok {
	color:#089608;
	font-weight:bold;
}
p.signal_tiny {
	color:#B90404;
	font-style:italic;
	font-size:0.7em;
}
tr.grey {
	background-color:grey;
}
p.noborder, td.noborder {
	border:0;
}
/* Positionnements divers */
div.paddl, p.paddl {
	padding-left:220px;
}
p.paddvalid1, span.paddvalid1, span.ecart {
	padding-left:300px;
}
input.paddvalid1 {
	margin-left: 300px;
}
span.midecart {
	padding-left:500px;
}
span.bigecart, p.bigecart {
	padding-left:500px;
}
form.padd1 {
	padding-left:20px;
}
form.padd2 {
	padding-left:30px;
}
form.padd3 {
	padding:20px;
}
form.formappel {
	padding:0px;
}
form.padd4 {
	padding:30px;
}
div.paddr1 {
	padding-right:80px;
}
.margel1 {
	margin-left:220px;
}
td.right, p.right {
	text-align:right;
}
td.w400 {
	width:400px;
}
td.center {
	text-align:center;
}
#install {
	text-align: left;
}
td.valid {
	text-align:center;
}
.grappes, .preins {
	float:right;
}
.preinsgrappes {
	display:block;
}
.fleft {
	float:left;
}
table.top10 {
	margin-top:10px;
}
h2.top50 {
	margin-top:50px;
}
.nowarp {
	white-space: nowrap;
}
/* 	CENTRE - STYLES DE LA BOITE DE SUGGESTION */

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #FF4000;
	background: #FF4000;
	font-weight: normal;
	color: #ffffff;
}

/* EVALUATION */

.eval {
	display:block;
	overflow:auto;
	min-width:1000px;
}
.evalele_left {
	display:inline-block;
	width:430px;
	margin-top:100px;
	vertical-align:top;
	float:left;
}
.evalele_right {
	display:inline-block;
	width:430px;
	margin-top:70px;
	vertical-align:top;
	float:right;
}
.eval_thead {
	width: 3000px;
	/*display: block;*/
	/*overflow: auto;*/
	/*overflow : -moz-scrollbars-horizontal;*/
}
.eval_tbody {
	display: block;
	height: 400px;
	overflow-y: auto;
	/*overflow-x:display;*/
	width: 2500px;
	text-align:left;
}
.eval_tbody_past {
	height:auto;
}
.eval_th {
	min-width:350px;
	max-width:350px;
	background-color:#fff;
	text-align:left;
}
.eval_th_ele {
	border:0;
}
.eval_sav {
	min-width:350px;
	max-width:350px;
	text-align:left;
}
.elechrome {
	/*Safari et chrome */
	-webkit-transform: rotate(-180deg);
	-webkit-writing-mode: vertical-rl;
	border:0;
	height:200px;
}
.eleve {
	/*Opera*/
    -o-transform: rotate(-180deg);
    /*IE*/
    writing-mode: tb-rl;
    filter: flipv fliph;
    /* pour tous */
    padding: 3px 1px 5px 15px;
	border: 1px grey solid;	
	z-index:5;
}
.evalc {
	min-width:58px;
	max-width:58px;
	text-align: center;
}
table.evaltab {
	border-collapse:collapse;
}
table.evalt, thead.evalt, th.evalt, tbody.evalt {
	border:1px solid black;
}
td.evaltd {
	border:1px solid black;
	text-align:center;
	width:20px;
}
td.evalniv0, option.evalniv0, span.evalniv0 {
	background-color:#eee;
	color:#eee;
}
td.evalniv1, option.evalniv1, span.evalniv1 {
	background-color:red;
	color:red;
}
td.evalniv2, option.evalniv2, span.evalniv2 {
	background-color:orange;
	color:orange;
}
td.evalniv3, option.evalniv3, span.evalniv3 {
	background-color:yellow;
	color:yellow;
}
td.evalniv4, option.evalniv4, span.evalniv4 {
	background-color:green;
	color:green;
}
td.evalpastniv0 {
	background-color:#eee;
	color:#eee;
}
td.evalpastniv1 {
	background-color:#f3a2a2;
	color:#f3a2a2;
}
td.evalpastniv2 {
	background-color:#f7d68d;
	color:#f7d68d;
}
td.evalpastniv3 {
	background-color:#f7ffb5;
	color:#f7ffb5;
}
td.evalpastniv4 {
	background-color:#b0ff9f;
	color:#b0ff9f;
}
/* SEQUENCES */

#art_edit ul.consult, #art_edit div.consult, .seq_item, #art_edit hr {
	width:680px;
}
#art_edit hr {
	margin:0px;
}
#art_edit hr.hr1n {
	border: 2px #DEBB22 solid;
}
#art_edit hr.hr2n {
	border: 1px #DEBB22 solid;
}
#art_edit h4 {
	font-weight: normal;
}
#art_edit h2 {
	color:#086A87;
}
input[name="seq_crea"] {
	margin-left:300px;
}
.bsright {
	float:right;
}
.divprogress {
	display:inline;
	float:right; 
	margin-right:420px;
	width:250px;
}
.fiche_consult {
	float:left;
	display:inline-block;
}
.fiche_boutons {
	float:right;
	display:inline-block;
	text-align: center;
}
.fiche_boutons input.boutseq {
	width:280px;
	text-align:center;
}
/* EDT */

#titreMois table, #titreMois td, #affbriks table, #affbriks td {
	border:0px;
}

div.edt_grille, div.td, div.th {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid grey;
}

#edt_briques {
	position:fixed;
	top:80px;
	right:20px;
	height:90%;
	float:right;
	overflow:scroll;
	z-index:100;
}
td.brik_activ, td.brik_desactiv, td.brik_archiv {
	width:136px;
	text-align:left;
	color:#424242;
}
td.brik_activ {
	background-color:#9AFE2E;
}
td.brik_desactiv {
	background-color:#FACC2E;
}
#artleft {
	float:left;
	width:85%;
	padding-left:20px;
}
.heure {
	width:60px;
}
.heure, .recept_open {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
}
.recept_open {
	background-color:#eee;
}
.recept_close {
	background-color:#7D7777;
}
.txt_close {
	font-style:italic;
	font-size:1.8em;
	color:black;
	padding-top:30px;
	/*Safari et chrome */
	-webkit-transform: rotate(-180deg);
	-webkit-writing-mode: vertical-rl;
	height:180px;
	width:auto;
	line-height: 0.8em;
	/*Opera*/
    -o-transform: rotate(-180deg);
    /*IE*/
    writing-mode: tb-rl;
    filter: flipv fliph;
}
.txt_close span {
	transform: rotate(90deg);
}
.openmsg {
	display:block;
	text-align:center;
	font-size: 0.8em;
}
.titleEdt {
	background-color:#848484;
	font-weight: bold;
	text-align:center;
}
.thday, .recept_close, .recept_open, .openmsg {
	min-width:136px;
}
.recept_close {
	width:138px;
}
.thday, .heure {
	text-align: center;
	font-size:0.9em;
}
.recept_close, .recept_open, .recept {
	z-index:10;
}
.fontsmall {
	font-size:0.8em;
}
.cartclic {
	display:inline;
}
.cartouche {
	display:inline-block;
	/*padding:0px 1px 1px 1px;*/
	border:1px solid grey;
	width:120px;
	height:30px;
	text-align:center;
	line-height:12px;
	font-size: 0.8em;
}
.cartouche span {
	vertical-align:middle;
}
.cartouche .txtlibre_1 {
	padding-top:20px;
}
.cartouche .txtlibre_2 {
	padding-top:3px;
}
.cartedt {
	display:inline-block;
	/*padding:0px 1px 1px 1px;*/
	/*border:1px solid grey;*/
	
	width:120px;
	text-align:center;
	line-height:12px;
	font-size: 0.8em;
}
.cartedt span {
	vertical-align:middle;
}
.cartedt .txtlibre_1 {
	padding-top:20px;
}
.cartedt .txtlibre_2 {
	padding-top:3px;
}
.brikspe1 {
	font-size:0.6em;
	line-height:5px;
	padding-top:-2px;
	padding-bottom:2px;
}
.brikspe2 {
	font-size:0.6em;
	line-height:5px;
	padding-top:-7px;
	padding-bottom:7px;
}
.openmsgspe {
	font-size:0.6em;
	line-height:6px;
}
.param_brik {
	position:absolute;
	height:14px;
	right:0px;
	bottom:0px;
}
.parambrik_edt {
	position:absolute;
	left:0px;
	top:10px;
	width:200px;
	border-radius: 5px;
	border:1px black solid;
	background-color:#fff;
	padding:10px;
	font-size:0.9em;
	text-align:left;
	z-index:100;
}
.checkbox-disable input[type="checkbox"] {
    pointer-events: none; /* Désactive les interactions avec la checkbox */
}
.disabled-class {
    background-color: #f0f0f0; /* Couleur de fond gris clair */
    color: #a0a0a0; /* Couleur du texte gris */
    cursor: not-allowed; /* Curseur de désactivation */
}
.disabled-class input,
.disabled-class select {
    pointer-events: none; /* Désactive les événements de souris */
}
.disabled-class label {
  color: #a0a0a0; /* Couleur du texte gris pour indiquer que le label est désactivé */
  cursor: not-allowed; /* Curseur pour indiquer que le label est non cliquable */
  pointer-events: none; /* Désactive les événements de souris sur le label */
}
.radio-item-emb {
	margin:auto;
	text-align: center;
	padding-top:6px;
}
.radio-item {
  	display: inline;
  	margin:2px;
  	padding-top:2px;
  	padding-right:2px;
  	border-radius: 10px;
  	border : 1px #fff solid;
}
.activ {
	background-color: #9AFE2E;
}
.desactiv {
	background-color: #FACC2E;
}
.archiv {
	background-color: red;
}
.parambrik {
	background-color:#fff;
	padding:3px;
	margin-top:5px;
}
.arrows_edt {
	font-size:2em;
	color:#525252;
}

.infobulle {
  position: relative;  /*les .picto-item deviennent référents*/
  cursor: help;
  border-radius: 50%;
}
.infobulle:hover:after,
.infobulle:focus:after {
  content: attr(aria-label);  /* on affiche aria-label */
  position: absolute; 
  top: 2em;
  left: 50%;
	transform: translateX(-50%); /* on centre horizontalement  */
  z-index: 1; /* pour s'afficher au dessus des éléments en position relative */
  
  padding: 5px 14px;
  border: 1px solid grey;
  border-left: 4px solid grey;
  background: white;
  color: grey;
  border-radius: 4px;
  font-size: 1em;
}

.infobulle_retard:hover:after,
.infobulle:focus:after {
	left: -200px;
}
[aria-label]:focus {
  outline: none;
}

div.niv0 {
	background-color:#eee;
	color:#eee;
}
div.niv1, div.niv2, div.niv3 {
	text-align:center;
}
div.niv1, td.niv1 {
	background-color:orange;
}
div.niv2, td.niv2 {
	background-color:yellow;
}
div.niv3, td.niv3 {
	background-color:green;
}
.edtsuividiv {
	padding:3px;
	border-radius:6px;
	border-bottom: 1px solid #086A87;
	background-color: #d8ffec;
}
.seanceitem {
	padding:3px;
	border-radius:6px;
	border-bottom: 1px solid #086A87;
	list-style-type: none;
}
/* Fréquentation */

.printer {
	padding-top:30px;
}
input[name="appelok"]{
	display:inline;
	background:url(../img/appelok.png);
	height:60px;
	width:60px;
	border:none;
	cursor:pointer;
}
input[name="appelback"]{
	display:inline;
	background:url(../img/appelback.png);
	height:60px;
	width:60px;
	border:none;
	cursor:pointer;
}
.jourtable {
	width:140%;
	overflow:auto;
	font-size:0.8em;
}
.td_limit {
	width:300px;
}

.charts {
	background-color:#FFF;
	padding:10px;
	margin-top:20px;
	margin-bottom:20px;
}

.itemstats, .itemcren {
	display:inline;
	border:2px white solid;
	padding:5px;
	border-radius:6px;
	margin-right:10px;
	font-weight:bold;
}
.itemstats a, .itemstats a:visited, .itemcren a, .itemcren a:visited {
	text-decoration:none;
	color:white;
}
.itemclassic {
	display:none;
}
div.statcadre {
	position: relative; 
	height: 90vh;
}
.datepick, .datepick1, .datepick2, .datepick3, .datepick4, .datepick_modif, .dateprint {
	text-align:center;
}
.journaltd35, .journaltd {
	text-align:center;
}
.journaltd35 {
	width:35%;
}
div.jourtable {
	overflow:scroll;
	max-width:110%;
}
td.nuance1, div.nuance1 {
	background-color:#fff;
}
td.nuance2, div.nuance2 {
	background-color:#F3F781;
}
td.nuance3, div.nuance3 {
	background-color:#F7D358;
}
td.nuance4, div.nuance4 {
	background-color:#FE9A2E;
}
td.nuance5, div.nuance5 {
	background-color:#DF0101;
}
td.nuance6, div.nuance6 {
	background-color:#FF4000;
}

/* tableaux dans freq > exclusions */
table.tabexclu {
	width:600px;
}

/* -----------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------*/
/*                  Calendrier (reprise de PMB - sigb.net)                      */
/* -----------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------*/


#calendrier_tab td.lien_date {
	background-color: #78cc0b; 
	}

#calendrier_tab td.unexist_date {
	background-color: grey; 
	background-image: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(255,255,255,.5) 6px, rgba(255,255,255,.5) 10px);
}

#calendrier_tab td.lien_date_hs {
	background-color: #ff0000; 
}

#calendrier_tab td.lien_date_hs_p {
	background-color: #FF7F04; 
}

#calendrier_tab .notice-child .colonne3 table td.lien_date a, #calendrier_tab .notice-child .colonne3 table td.lien_date_hs a, #calendrier_tab .notice-child .colonne3 table td.lien_date_hs_p a, agenda_todo a {
	color: #ffffff;
}
#calendrier_tab td.close_date {
	background-color:  	#B0B0B0; 
}

.recorded {
	color: #cc0000;
	font-weight: bold;
}

.pbar {
	width: 710px;
	text-align: center;
}

.pbar_frame {
	border: #000000 1px solid;
	padding: 4px;
}

#pbar_img {
	height: 16px;
}

.dom_div {
	overflow: auto;
}
.dom_tab {
	table-layout: fixed;
}
.dom_col {
	overflow: hidden;
	width: 200px;
}
.dom_cell_tab {
	border: #000000 1px solid;
	overflow: hidden;
}

.dom_tab2 {
	display: table;
}
.dom_row2 {
	display: table-row;
	height: 125px;
}
.dom_col2 {
	display: table-cell;
}
.dom_cell2_h {
	display: block;
	width: 200px;
	height: 125px;
	overflow: hidden;
	border: 1px solid black;
	background-color: #B23C3C;
	background-image: url("./images/administration.jpg");
	background-size: contain;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}
.dom_cell2 {
	display: block;
	height: 125px;
	overflow: hidden;
	border: 1px solid black;
}
.dom_sel {
	width: 190px;
}

/* PARAMETRES */

table.param_sav, table.100p {
	width:100%;
}
table.60p {
	width:60%;
}
td.td_droits {
	vertical-align:top;
	padding:30px;
}
div.cal1 {
	display:inline-block;
	float:right;
}
div.cal2 {
	height:260px;
	padding-top: 10px;
}
div.cal3 {
	display:inline-block;
	padding-left: 10px;
}
div.cal4 {
	padding-top:10px;
}
.number {
	width:3em;
}
article#art_edit input[type="number"],
article#art_edt input[type="number"],
article#art_freq input[type="number"],
.journaltable input[type="number"], 
article#art_database input[type="number"],
article#art_parametres input[type="number"] {
	border-radius:5px;
	padding:5px;
	width:3em;
}
article#art_edit input[type="number"] {
	border:1px solid #525252;
}
article#art_edt input[type="number"] {
	border:1px solid #525252;
}
article#art_freq input[type="number"],
.journaltable input[type="number"] {
	border:1px solid #525252;
}
article#art_database input[type="number"] {
	border:1px solid #525252;
}
article#art_parametres input[type="number"] {
	border:1px solid #525252;
}
/* html2canvas */
.previewImage {
	padding:5px;
}
ul.previewImage {
	padding-left:50px;
}
#progress {
	display:inline;
}
/* PARAM LECTEUR AUDIO */
audio {
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	transition:all 0.5s linear;
	-moz-box-shadow: 2px 2px 4px 0px #fff;
	-webkit-box-shadow:  2px 2px 4px 0px #fff;
	box-shadow: 2px 2px 4px 0px #fff;
	-moz-border-radius:7px 7px 7px 7px ;
	-webkit-border-radius:7px 7px 7px 7px ;
	border-radius:7px 7px 7px 7px ;
}
/* NAVIGATION - MENU VERTICAL INTERNE AUX MODULES */
nav {
	position:relative;
	float:left;
	padding-left: 30px;
	top:2px;
	width:12.4%;
}
nav td {
	border-bottom:1px grey solid;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:5px;
	padding-top: 5px;
	min-width:150px;
}
nav #top {
	border:0;
	height:48px;
}
tr.link {
	cursor:pointer;
}
tr.link td a {
	height:50px;
}
div.navleft {
	float:left;
	width:48px;
}
div.navright { 
	text-align: center;
	padding-top:15px;
	height:43px;
}
div.nr2 { 
	text-align: center;
	padding-top:5px;
}

/* FOOTER */
footer {
	position: relative;
    clear:both;
    margin-top: 0px;
    height: 10px;
    color:white;
}

footer p {
	padding: 10px 35px 10px 35px;
}

/* Tableau Tablesorter */
table .tablesorter thead tr .header {
	background-image: url(../img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table .tablesorter thead tr .headerSortUp {
	background-image: url(../img/asc.gif);
}
table .tablesorter thead tr .headerSortDown {
	background-image: url(../img/desc.gif);
}
.tablesorter td, .briques, .sequence, .retform, .dbform, .paramform {
	background-color:#fff;
}
.bccarac {
	width:83%;
}
div#pager1, div#pager2, div#pager3, div#pager4, div#pager5 {
	margin-left:100px;
}
/* Tableau et bloc divers */
.freqform, #divcren, #divclasse, .freqjour {
	width:70%;
	background-color:#fff;
	border-left:1px solid black;
}
#divcren, #divclasse, .freqjour {
	margin-left:10px;
	padding-left:10px;
}
.freqjour {
	max-width:540px;
	margin-top:-10px;
}
.freqjour .box {
	float:right;
}
.freqform td {
	border:0;
}
.t40l {
	float:left;
	top:0;
	width:40%;
}
.t40r {
	float:right;
	width:40%;
}
.t60r {
	float:right;
	width:50%;
}
.p100 {
	padding-left: 100px;
}
.pdfmargnone {
	line-height: 0.6;
}
/* sélection d'items */
select[id="savpers"] [selected] {
   font-weight:bold;
   background: #DEBB22 -webkit-linear-gradient(bottom, #DEBB22 0%, #DEBB22 100%);
}
select[id="savemis"] [selected] {
   font-weight:bold;
   background: #DEBB22 -webkit-linear-gradient(bottom, #DEBB22 0%, #DEBB22 100%);
}
select[id="selectdef"] [selected] {
   font-weight:bold;
   background: #DEBB22 -webkit-linear-gradient(bottom, #DEBB22 0%, #DEBB22 100%);
}
select[id="savdocs"] [selected] {
   font-weight:bold;
   background: #DEBB22 -webkit-linear-gradient(bottom, #DEBB22 0%, #DEBB22 100%);
}
/* Fontawesome */
.fa-screwdriver-wrench {
   color: #086A87;
}
/* Chat */
.chat-box {
    position: fixed;  /* Assurez-vous qu'il soit positionné par rapport à la fenêtre du navigateur */
    top: 10%;  /* Ajustez la position si nécessaire */
    left: 10%;
    z-index: 9999;  /* Assurez-vous que ce chat est au-dessus des autres éléments */
    background: white;  /* Donne un fond pour le rendre visible */
    border: 1px solid #ccc;
    padding: 20px;
    width: 300px;  /* Vous pouvez ajuster la largeur et la hauteur */
    height: 400px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.chat-header {
    background: #086A87;
    border-radius: 5px;
    color: white;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    position: relative;
}
.chat-header button {
    position: absolute;
    right: 5px;
    top: 2px;
    border: none;
    background: none;
    color: white;
    font-size: 18px;
    cursor: pointer;
}
.chat-messages {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    overflow-y: auto;
    max-height: 300px; /* Ajuste selon la hauteur souhaitée */
    border-bottom: 1px solid #ccc;
}
#chat-messages {
    display: flex;
    flex-direction: column; /* Inverse l'ordre des messages */
    max-height: auto;
    overflow-y: auto;
}
/* Style de message de l'utilisateur connecté (à droite) */
.message.sender {
    background-color: #ccc; /* Couleur de fond de l'utilisateur connecté */
    color: black;
    align-self: flex-end; /* Alignement à droite */
    padding: 10px;
    border-radius: 5px;
    max-width: 70%;
    text-align: right;
}

/* Style de message de l'autre utilisateur (à gauche) */
.message.receiver {
    background-color: #57BDDC; /* Bleu un peu plus foncé */
    color: black;
    align-self: flex-start; /* Alignement à gauche */
    padding: 10px;
    border-radius: 5px;
    max-width: 70%;
    text-align: left;
}

/* Style pour le nom de l'utilisateur (facultatif) */
.message-sender {
    font-weight: bold;
}
#chat-input {
    width: 100%;
    border: none;
    padding: 5px;
}
#chat-send {
    width: 100%;
    background: #086A87;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 5px;
    cursor: pointer;
}
.chat-user {
    cursor: pointer;
    color: black;
    text-decoration: none;
}
/* Conteneur général pour un message */
.message-container {
    display: flex;
    width: 100%;
}

/* Alignement spécifique pour différencier expéditeur et destinataire */
.message-container.sender {
    justify-content: flex-end;
}

.message-container.receiver {
    justify-content: flex-start;
}
/* Agenda */
.agenda_form {
	margin-left:30px;
	margin-top:10px;
}
.agenda_todo {
	border:0;
	width:auto;
	max-width:500px;
	height:auto;
	color:#fff;
	float:right;
}
.agenda_todo a {
	color: #fff;
}
#agenda_notes {
	background-color: #fce8cf;
	position: absolute;
	top:100px;
	right:250px;
	width:300px;
	z-index:100;
	padding:20px;
}