:root {
    /* Palette courante */
    /*------------------*/
    /* Les bleus MediSAP */
    --couleur-med-fonce: #578AB8;
    --couleur-med-moyen: #CDD9E6;
    --couleur-med-clair: #E1EAF4;

    --color-normal: #1e7e34;
    --color-warning: #ffc107;
    --color-alert: #dc3545;
}

body
{ font-size:10px;
}

/* Balise <a> ayant le focus */
a:focus {
	outline: none;
}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none
}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #39386B;
	text-decoration: none;
}

.texte,
.texteblanc,
.textegras,
.texteitalique,
.textepetit,
.textepetitgras,
.textegrand,
.textetresgrand,
.textegrandgras,
.urgent
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	list-style-type: none;
	list-style-position: inside
}

a.texte:hover,
a.texteblanc:hover,
a.textegras:hover,
a.texteitalique:hover,
a.textepetit:hover,
a.textepetitgras:hover,
a.textegrand:hover,
a.textetresgrand:hover,
a.textegrandgras:hover,
a.urgent:hover
{
	text-decoration: underline;
}

.texteblanc {
	color: #FFFFFF;
}

.textegras {
	font-weight: bold;
}

.texteitalique {
	font-style: italic
}

.textepetit {
	font-size: 10px;
}
.texterouge {
	font-size: 8px;
              color:red;
}
.texteital {
             font-style: italic;
             }

.textepetitgras {
	font-size: 10px;
	font-weight: bold
}

.textegrand {
	font-size: 13px;
}

.textetresgrand {
	font-size: 15px;
}

.textegrandgras {
	font-size: 13px;
	font-weight: bold;
}

.urgent {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}

/*text-transform: uppercase*/
.messageerr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	/*color: #5E8DB9;*/
           color: red;
           background-color:#f6f8de;
	font-weight: bold;
              padding:3px;
              /*border:1px solid #5E8DB9;*/
}
.messageok {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	/*color: #5E8DB9;*/
           color: green;
           background-color:#f6f8de;
	font-weight: bold;
              padding:3px;
              /*border:1px solid #5E8DB9;*/
}
.message {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
           color: #5E8DB9;
	font-weight: bold
}

.textecoul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5E8DB9;
}

.textecoulgras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5E8DB9;
	font-weight: bold
}

.itemdossiermed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5E8DB9;
	font-weight: bold;
                  cursor:pointer;
}

.texterouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
}

.textegrandrouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF0000;
}

.textegris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #747C83;
}

.textegrisgras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #747C83;
	font-weight: bold
}

.textegrisgrasgrand {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #747C83;
	font-weight: bold
}

.format {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #8B8585;
	list-style-type: none;
	list-style-position: inside
}

.info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-style: italic
}

.aide {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5E8DB9;
	font-weight: bold;
}

.titre_visite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #5E8DB9;
	font-weight: bold;
}

.fondbleu {
	background-color: #5D8CB6;

}

.fondbleu2 {
    background-image:url(../images/administration/fond_filtre_nom.gif);
}

.textenoir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000
}

.texteminuscule {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000
}

a.texte:hover {
	text-decoration: underline;
}

.frameopaque {
	display: block;
	left: 0;
	top: 0px;
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: black;
	z-index: 100000;
	opacity: .1;
	filter: alpha(opacity = 10);
}
/*

.KLSelect
{ width:      125px;
  height:     50px;
  background: #eeeeee;
  border:     groove #808080 3px;
  font-family: Tahoma, sans-serif;
  font-size:   11px;
  overflow:    auto;
  overflow-x:  hidden;
}

.KLOption, .KLOptionSelected
{ margin:      0px;
  padding:     1px 3px 1px 3px;
  width:       100%;
  white-space: nowrap;
  cursor:      pointer;
  cursor:      hand;
}

.KLOptionPopUp, .KLOptionPopUpSelected
{ display:     block;
  position:    absolute;
  margin:      0px;
  padding:     0px 2px 0px 2px;
  border:      solid black 1px;
  background: #eeeeee;
  white-space: nowrap;
  font-family: Tahoma, sans-serif;
  font-size:   11px;
  cursor:      pointer;
  cursor:      hand;
}

.KLOptionSelected, .KLOptionPopUpSelected
{ background: #303030;
  color:      #ffffff;
}

*/


h1,h2 {
	text-align: center;
	width: 90%;
}

h1 {
	font-size: 11px;
	margin: 1mm;
}

h2 {
	font-size: 11px;
}

.licence {
	width: 90%;
	text-align: center;
	margin: 1mm;
	font-size: 11px;
}

form {
/*    apparemment, lorsqu'on le met ça fait un pb dans l'affichage des visites (ligne blanche en haut) (?)
margin: 0;*/
}

/* gestion de la communication */

#contenuframe
{
  margin: 0;
  padding: 0;
  height:100%;
  width: 100%;
  }

.opaque
{
  background-color:transparent;
  /*opacity:0.4;*/

  filter: alpha(opacity=40);
}


#fenetrecomm
{
  display:block;
  left:50%;
  top:40%;
  height:50px;
  width:250px;
  margin-top:-25px;
  margin-left:-125px;
  background-color:white;
  z-index:5000;
  position:absolute;
  border:2px solid #578ab8;
  padding:5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#578ab8;
  }

#fenetrecomm  div {
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#578ab8;

}

/* fin gestion de la communication */


/* Complément ajouté aux iteminfo mais sans modif de .iteminfo pour éviter toute régression */
.iteminfo_complement {
	cursor: help;
  position: relative;
  top: 4;
}

.itemmedical {
               position:absolute;
               z-index:10;
 }

.recherche_autocg {
                   position:absolute;
                    margin:0;
                    padding:0;
                    left:0;
                    top:0;
                    width:24px;
}
.recherche_autocd {
                   position:absolute;
                    margin:0;
                    padding:0;
                    top:0;
                    left: 524px;
                    width:20px;
 }
.recherche_autoc {
                   position:absolute;
                   /*left:24px;*/
                   width:500px;
                   top:0;
                    margin:0;
                    padding-left:20px;
                   padding-top:2px;
                   height: 20px;
                   border: none;
                   /*background: url(../images/reche_autoc.png);
                   background-repeat:repeat-x;
                   background-position:left top;
                   background-color: white;*/
                   background: url(../images/reche_autoc.png);
                   background-repeat: no-repeat;
                   background-position:left top;
                   background-color: white;
                   }

.caseclic {
            cursor:pointer;
 }

.table_visites_over,
.table_visites_selected {
                          background-color: var(--couleur-med-clair);
 }

.table_visites_nonover {
                          background-color: #ffffff;
 }

input,textarea {
   border:1px solid #ccc;
   padding-left:3px;
 }


select {
   border:1px solid #ccc;
   background-color:white;
}

#conclusion_prive
{
	background-color: #ffdddd !important;
	color: red;
	border: 1px solid red;
}



/* editions */

.editions_plus_moins {
    cursor: pointer;
}


/* Boutons */
button {
	background-color: var(--couleur-med-fonce);
	color: white;
	border-width: 2px;
	border-radius: 10px 10px;
	border-top-color: #ECF0F1;
	border-left-color: #ECF0F1;
	border-bottom-color: lightgray;
	border-right-color: lightgray;
	padding: 4px 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

/* Boutons ayant le focus */
button:focus {
	outline: none;
}

/* Survol des boutons */
button:hover {
	background: var(--couleur-med-moyen);
	color: var(--couleur-med-fonce);
 	cursor: pointer;
}

/* Boutons désactivés */
button:disabled {
	background: var(--couleur-med-clair);
	color: #C0C0C0;
 	cursor: not-allowed;
}

/* Caractéristiques des boutons de petite taille */
.med-smallBtn {
	padding: 1px 12px;
	font-size: 10px !important;
}

/* Caractéristiques des boutons sous forme de cercle (ici c'est le dessin du cercle uniquement) */
.med-circleButton {
	height: 42px;
	width: 42px;
	border-radius: 50%;
	font-size: larger;
}

/* Caractéristiques du texte à l'intérieur des boutons qd celui-ci n'est pas centré (petit pb de décalage avec certains symboles) */
.med-pbCenterCircleButton {
	margin-left: -2px;
}

/* Caractéristiques des boutons qui restent appuyés */
.med-pushedButton {
	background: var(--couleur-med-moyen);
	color: var(--couleur-med-fonce);
	border-top-color: darkgray;
	border-left-color: darkgray;
	border-bottom: none;
	border-right: none;
}


/* Caractéristiques pour les images jouant le rôle de boutons sous forme de cercle */
.med-circleImg {
	border: 3px solid;
  border-radius: 50%;
  border-top-color: #ECF0F1;
  border-left-color: #ECF0F1;
  border-bottom-color: lightgray;
  border-right-color: lightgray;

/*	transition: all 300ms ease-out;*/
}
.med-circleImg:hover {
	filter: brightness(0.8);
}
.med-circleImg:active {
	filter: brightness(2);

  border-top-color: lightgray;
  border-left-color: lightgray;
  border-bottom-color: #ECF0F1;
  border-right-color: #ECF0F1;
}

	/* Menu principal (utilisateur/administrateur) */
.menu {
	cursor:pointer;
	float: left;
	margin-top: 10px;
}

@font-face {
  font-family: 'Galaxy BT';
  src: url("../lib/pChart2.1.3/fonts/GalaxyBT.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}

.menu-libelle {
	cursor:pointer;
	float: left;
	margin-top: 25px;
	margin-left: 5px;
	font-weight: bold;
	font-size: 13px;
	font-family: Galaxy BT;
}
/* fin Menu principal */


.ui-widget-content {
    border:2px solid #5e8db9;
}

.ui-widget-header {
    background: #5e8db9;
    color:#FFFFFF;
    font-weight:bold;
}


/* Caractéristiques spécifiques des widgets pour les messages */
.med-dialog {
	text-align: left;
}

/* Caractéristiques spécifiques des widgets pour les messages d'alerte */
.med-dialogAlert-custom {
	background: lavenderblush;
	border-color: red;
	min-width: 400px;
	max-width: 600px;
}

/* Caractéristiques spécifiques des titres de widgets pour les messages d'alerte */
.med-dialogAlert-titlebar {
	background: red;
	border-color: white;
}

/* Caractéristiques spécifiques des widgets pour les messages d'avertissement */
.med-dialogWarning-custom {
	background: lavenderblush;
	border-color: darkorange;
	min-width: 400px;
	max-width: 600px;
}

/* Caractéristiques spécifiques des titres de widgets pour les messages d'avertissement */
.med-dialogWarning-titlebar {
	background: darkorange;
	border-color: white;
}

/* Caractéristiques spécifiques des widgets pour les messages de confirmation */
.med-dialogConfirm-custom {
	background: whitesmoke;
	border-color: steelblue;
	min-width: 400px;
	max-width: 600px;
}

/* Caractéristiques spécifiques des titres de widgets pour les messages de confirmation */
.med-dialogConfirm-titlebar {
	background: steelblue;
	border-color: white;
}

/* Caractéristiques spécifiques des widgets pour les messages de réussite */
.med-dialogInfoOk-custom {
	background: azure;
	border-color: green;
	min-width: 400px;
	max-width: 600px;
}

/* Caractéristiques spécifiques des titres de widgets pour les messages de réussite */
.med-dialogInfoOk-titlebar {
	background: green;
	border-color: white;
}

/* Caractéristiques spécifiques des widgets pour les messages de semi réussite / semi échec */
.med-dialogInfoOkNok-custom {
	background: lavenderblush;
	border-color: darkorange;
	min-width: 400px;
	max-width: 600px;
}

/* Caractéristiques spécifiques des titres de widgets pour les messages de semi réussite / semi échec */
.med-dialogInfoOkNok-titlebar {
	background: darkorange;
	border-color: white;
}

/* Caractéristiques spécifiques des widgets pour les messages d'échec */
.med-dialogInfoNok-custom {
	background: lavenderblush;
	border-color: red;
	min-width: 400px;
	max-width: 600px;
}

/* Caractéristiques spécifiques des titres de widgets pour les messages d'échec */
.med-dialogInfoNok-titlebar {
	background: red;
	border-color: white;
}


/* Boite pour placer des commandes : filtre de recherche, bouton d'actions, ... */
.med-boxCmd {
	border: 2px solid var(--couleur-med-fonce);
	border-radius: 10px;
	padding: 5px;
	background-color: #ECF0F1;

	display: flex; /* Permet de juxtaposer les DIV contenues sur cette DIV */
	align-items: center; /* Les DIV contenues seront alignées verticalement sur le centre */
	justify-content: space-around; /* Les DIV contenues seront réparties horizontalement équitablement */
}


/* Caractéristiques des éléments colonnes triables de la table lors du survol */
.med-columnSorter:hover {
	cursor: pointer; /* Pour montrer qu'un clic engendrera le tri */
}

/* Contenu placé devant les colonnes triables en mode ASC lorsqu'elles sont ACTIVES (chevron haut) */
.med-sortAsc.med-sortActive::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0de  "; /* fa-sort-up */
}

/* Contenu placé devant les colonnes triables en mode DESC lorsqu'elles sont ACTIVES (chevron bas) */
.med-sortDesc.med-sortActive::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0dd  "; /* fa-sort-down */
}


/* Classes permettant de cacher une ligne de table dans le cadre du filtre de recherche textuel et des filtres de colonnes génériques */
.med-findFilter-displayNone,
.med-columnFilter-displayNone-0, .med-columnFilter-displayNone-1, .med-columnFilter-displayNone-2, .med-columnFilter-displayNone-3,
.med-columnFilter-displayNone-4, .med-columnFilter-displayNone-5, .med-columnFilter-displayNone-6, .med-columnFilter-displayNone-7,
.med-columnFilter-displayNone-8, .med-columnFilter-displayNone-9, .med-columnFilter-displayNone-10, .med-columnFilter-displayNone-11 {
	display: none;
}

/* Caractéristiques de la DIV du filtre de recherche textuel lorsqu'il est actif */
.med-findFilter-actif {
	background-color: cyan;
}

/* Caractéristiques des cellules qui matchent avec le filtre de recherche textuel */
.med-findFilter-match {
	background-color: cyan;
}

/* Caractéristiques des cellules de la table représentant les colonnes filtrables de la table lorsqu'elles sont ACTIVES */
.med-columnFilter-active {
	background-color: cyan;
}

/* Caractéristiques des cellules secrètes */
.med-secret {
	display: none;
}

/* Caractéristiques du séparateur de blocs */
.med-blocSeparatorTop {
	border-top: medium ridge var(--couleur-med-moyen); 
	margin-top: 10px;
	padding-top: 10px;
}


/* Caractéristiques des voyants feu */
/*----------------------------------*/
/* Définition de base des voyants feu */
.med-voyantFeu {
	display: inline-block;
	background-color: var(--couleur-med-clair);
	border: 2px solid var(--couleur-med-moyen);
	height: 20px;
	width: 20px;
	border-radius: 20px 20px;
}

/* Radio bouton feu non présent */
.med-voyantFeuNone {
	display: none;
}

/* Radio bouton feu éteint */
.med-voyantFeuOff {
	background-color: snow;
	border-color: lightgray;
}

/* Radio bouton feu normal */
.med-voyantFeuNormal {
	background-color: var(--color-normal);
	border-color: green;
}

/* Radio bouton feu warning */
.med-voyantFeuWarning {
	background-color: var(--color-warning);
	border-color: orange;
}

/* Radio bouton feu alert */
.med-voyantFeuAlert {
	background-color: var(--color-alert);
	border-color: red;
}

/* Caractéristiques des boutons radio feu */
/*----------------------------------------*/
/* Caractéristique de l'INPUT des radio bouton feu (c'est le radio bouton de base avec le point dans le cercle que l'on masque) */
.med-inputBtnRadioFeu {
	display: none;
}

/* Définition de base des boutons radio feu */
.med-btnRadioFeu {
	cursor: pointer;
	opacity: 0.2;
}

/* Radio bouton feu survolé */
.med-btnRadioFeu:hover {
	opacity: 1;
}

/* Radio bouton feu en train d'être cliqué */
.med-btnRadioFeu:active {
	opacity: 0.5;
	border-color: var(--couleur-med-clair);
}