@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700,900");

body
{
    font-family: "Source Sans Pro", verdana, arial, sans-serif;
    background-color: #FFFFFF;
    /* z-index :-1;*/
}

/* classes généralistes */
.italique{
    font-style:italic;
}

.alinea{
   padding-left:25px;
}

.text_right{
    text-align:right;
}
.blink{text-decoration:blink;}


/* Div d'affichage dans le site */

#calimed_global{
    position: absolute;
    width: 99%;
    z-index: 1;
    text-align: center;
}

#calimed_navigation_principale{
}

#calimed_content{
    position: relative;
    width: 100%;
    text-align: center;
}

#calimed_content_navigation{
    position: absolute;
    width: 149px;
    padding-left:4px;
    padding-right:4px;
    margin: 0px;
    text-align:center;
    vertical-align:top;
    top: 2px;
    left: 2px;
}

#calimed_content_contenu{
    margin-left: 163px;
    vertical-align:top;
}

#calimed_content_contenu_inferieur{

}

/* Div d'affichage dans les pop-up */

#calimed_popup_global{
    position: absolute;
    width: 99%;
    z-index: 1;
    text-align: center;
}


#calimed_popup_navigation{
    float: left;
    width: 149px;
    padding-left:4px;
    padding-right:4px;
    margin: 0px;
    text-align:center;
    vertical-align:top;
    top: 2px;
    left: 2px;
}

#calimed_popup_contenu{
    margin-left: 163px;
    vertical-align:top;
}

/*      */

textebrut, .textebrut
{
    font-family: "Courier New", Courier, monospace;
    font-size: 10px;
}



a:visited, a:link, a:active
{
    color: #1010C0;
    text-decoration: none;
    outline:none;
}

a:hover
{
    color: #0808B0;
    text-decoration: underline;
    cursor: pointer;
}


img.buttonimage
{
    padding:2px;
    background-color:#ADDEEF;
    border-top:1px solid #666666;
    border-left:1px solid #555555;
    border-right:1px solid #444444;
    border-bottom:1px solid #333333;
}

img.buttonimage:hover
{
    padding:2px;
    background-color:#FFB535;
    border-top:1px solid #999999;
    border-left:1px solid #888888;
    border-right:1px solid #777777;
    border-bottom:1px solid #666666;
}



a.info {
    position: relative;
    color: black;
    text-decoration: none;
    border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
    display: none; /* on masque l'infobulle */
}
a.info:hover {
    background: none; /* correction d'un bug IE */
    z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

    cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
    display: inline; /* on affiche l'infobulle */
    position: absolute;

    /*  white-space: wrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
    /* on positionne notre infobulle */
    /*   top: -10 px;
       left: -10 px;
    */

    background: white;

    color: green;
    padding: 3px;

    border: 1px solid green;
    border-left: 4px solid green;

}



a.inforight {
    position: relative;
    color: black;
    text-decoration: none;
    border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.inforight span {
    display: none; /* on masque l'infobulle */
}
a.inforight:hover {
    background: none; /* correction d'un bug IE */
    z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

    cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.inforight:hover span {
    display: inline; /* on affiche l'infobulle */
    position: absolute;

    /*  white-space: wrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

    top: -130px; /* on positionne notre infobulle */
    left: 130px;

    background: white;

    color: blue;
    padding: 3px;

    border: 1px solid blue;
    border-left: 4px solid blue;
}



a.infofrise {
    position: relative;
    color: black;
    text-decoration: none;
    border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.infofrise span {
    display: none; /* on masque l'infobulle */
}
a.infofrise:hover {
    background: none; /* correction d'un bug IE */
    z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

    cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.infofrise:hover span {
    display: inline; /* on affiche l'infobulle */
    position: absolute;

    /*  white-space: wrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

    top: 2px; /* on positionne notre infobulle */
    left: 2px;

    background: white;

    color: green;
    padding: 3px;

    border: 1px solid black;
    border-left: 4px solid black;
}




fieldset
{
    background: #fefefe;
    color: #111111;
    padding:5px;
}


/************************************
    Rappels automatiques
************************************/
div.alarme{
    position: fixed;
    bottom:0; 
    left: 0;
    z-index: 600; 
    display: inline;
    cursor:pointer;

    background:#FFF;
    border:solid 1px #A6B7A0;
    padding:5px 10px 0 10px;
    font-size:10px;
    background-color:#ffff66;

    max-height:100%;
    overflow:auto;
}

div.alarme .message{
    margin:5px;
    padding:0 10px;
    background-color:#ffffcc;
    border:dotted 1px #A6B7A0;
    cursor:auto;
}

div.alarme .message p{
    margin:3px;
}

div.alarme .message h4, div.alarme h3{
    margin:0 0 3px 0;
}

div.alarme.masquee{
    display:block;
    overflow:hidden;
    background-color:#F00;
    padding-top:0;
}

div.alarme.masquee.message{
    color:#000;
}

div.alarme.masquee h3{
    text-decoration:blink;
    text-align:center;
    color:#FFF;
}


/*
///////// Ticket //////////
*/

p.information
{
    font-size: 10px;
    text-align: center;
}

.gras
{
    font-weight: bold;
}


/* L'ensemble des td */
td
{
    text-align: left;
    font-size: 10px;
}

/* Tout ce qui entoure le tableau INSCRIPTION */
table.inscription
{
    width : 70%;
    border: 1px #000000 solid;
    border-collapse: collapse;
    margin: auto;
    margin-top: 10px;
}

/* Tout ce qui entoure le tableau CONNEXION */
table.connexion
{
    width : 30%;
    border: 1px #000000 solid;
    border-collapse: collapse;
    margin: auto;
    margin-top: 10px;
}

/* Tout ce qui entoure le tableau INFORMATION dans la page d'accueil*/
table.information
{
    width : 80%;
    border: 1px #000000 solid;
    border-collapse: collapse;
    margin: auto;
    margin-top: 10px;
}

td.intituleinfo
{
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    border-bottom: 1px #000000 solid;
}

td.contenuinfo
{
    text-align: left;
    font-size: 10px;
    border-bottom: 1px #000000 solid;
}

td.contenuinfobordure
{
    text-align: left;
    font-size: 10px;
    border: 1px #000000 solid;
}

td.contenuinfobordureal
{
    text-align: left;
    font-size: 10px;
    background-color: #EEEEEE;
    border: 1px #000000 solid;
}

td.contenuinfobordurebl
{
    text-align: left;
    font-size: 10px;
    border: 1px #000000 solid;
}


th.information
{
    border-bottom: 1px #000000 solid;
    background-color: #ADDEEF;
    border-right: 1px #000000 solid;
    font-size: 10px;
    text-align: center;
}


/* Tout ce qui entoure la table principale (contenant le topmenu, le menu latéral et le cadre principal)*/
table.principal
{
    width: 100%;
    height: 100%;
    margin: 0px;
    border: 1px #FEFEFE solid;
    padding:0px;
    border-collapse: collapse;
    vertical-align:top;
}

td.menuprincipal {
    margin: 0px;
    padding: 0px;
    width: 100%;
    vertical-align:top;
}

tr.partieprincipale{
    vertical-align:top;
}

td.menulateral {
    width: 149px;
    padding-left:4px;
    padding-right:4px;
    padding-top:2px;
    margin: 0px;
    text-align:center;
    vertical-align:top;
    background-color:#ffffff;
}


/* Tout ce qui entoure la table topmenu*/

table.topmenu{
    width: 100%;
}
tr.topmenu
{
    width: 100%;
    border-collapse: collapse;
    background-color:#ffffff;
    text-align:left;
    margin: 0px;
    padding: 0px;

}

td.topmenu{
    text-align: left;
    padding: 0px;
    margin: 0px;
}

table.topmenuzone
{
    margin: 00px;
    padding: 0px;
    width: 100%;
    border-collapse: collapse;
}

td.entetemenu {
    text-align: center;
    font-size: 11px;
}

td.menu
{
    background-color:#ADDEEF;
    border: 1px #3f3f3c solid;
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 13px;
    font-variant:small-caps;
    max-width:180px;
}

td.menu:hover
{
    background-color:#FFB535;
    border: 1px #3f3f1c solid;
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 13px;
    font-variant:small-caps;
}

td.menu a:hover
{
    color: #0F0F0F;
}

td.menuselectionne {
    border: 1px #0c0c0c solid;
    background-color:#FFB535;
    margin: 0px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    font-variant:small-caps;
    max-width:180px;
}

td.menuselectionne:hover
{
    background-color:#FFB535;
    font-variant:small-caps;
}

td.onglet
{
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 13px;
    font-variant:small-caps;
    border: 1px #c0c0c0 solid;
}

td.onglet:hover
{
    background-color:#FFB535;
    border: 1px #3f3f1c solid;
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 13px;
    font-variant:small-caps;
}

td.onglet a:hover
{
    color: #0F0F0F;
}

td.ongletselectionne {
    border: 1px #0c0c0c solid;
    background-color:#FFB535;
    margin: 0px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    font-variant:small-caps;
}

td.ongletselectionne:hover
{
    background-color:#FFB535;
    font-variant:small-caps;
}

td.treemenu
{
    background-color:#ADDEEF;
    border: 1px #3f3f3c solid;
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 13px;
    font-variant:small-caps;
}


td.treemenu #treemenu_nouveau, td.treemenu #treemenu_PDOC, td.treemenu #treemenu_Affichage {
    display: none; /* on masque l'infobullee menu */
}
td.treemenu:hover {
    background: #FFB535; /* correction d'un bug IE */
    z-index: 5000; /* on définit une valeur pour l'ordre d'affichage */
}

td.treemenu:hover #treemenu_nouveau, td.treemenu:hover #treemenu_PDOC, td.treemenu:hover #treemenu_Affichage {
    display: block;  /*on affiche l'infobulle */
    position: absolute;
    /* white-space: wrap;  on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
    background: #DDDDDD; /*#ADDEEF;*/
    text-decoration:none;
    color: black;
    padding: 3px;
    padding-left: 1em;
    padding-right: 1em;
    text-align:left;
    border: 1px solid white;
    border-left: 2px solid #3f3f3c;
    border-right: 3px solid #AAAAAA;
    border-bottom: 3px solid #AAAAAA;
    font-variant:normal;
    z-index: 5000; /* on définit une valeur pour l'ordre d'affichage */
}



td.partieprincipale {
    margin: 0px;
    padding-left:1px;
    padding-top:0px;
    vertical-align:top;
}





/* Le contenu des cellules de l'entête du tableau */
th
{
    border-top: 1px #000000 solid;
    border-bottom: 1px #000000 solid;
    background-color: #ADDEEF;
    border-right: 1px #000000 solid;
    border-left: 1px #000000 solid;
}



/* Tout ce qui entoure le tableau OPTION */
table.option
{
    width: 40%;
    border: 1px #000000 solid;
    border-collapse: collapse;
}

td.option
{
    text-align: center;
    font-size: 12px;
    border-bottom: 1px #000000 solid;
}

th.option
{
    border-bottom: 1px #000000 solid;
    background-color: #ADDEEF;
    border-right: 1px #000000 solid;
    font-size: 10px;
}

/* Ce qui concerne les formulaires */
td.form
{
    text-align: center;
}

.saisie_semiauto
{
    background-color:#cceecd;
}

.resultats_recherche_contact
{
    position:absolute;
    margin-top:-5px;
    display:none;
    z-index:200;
    background-color:#cceecd;
    border:1px solid #BBBBBB;
    width:450px;
    max-height:150px;
    overflow:auto;
}

.resultats_recherche_contact p:hover{
    background-color:#43a66f;
    color:#fff;
}



/****************/

#form_evenement .resultats_recherche_patients{
    display:none;
    position:absolute;
    margin-top:-2px;
    margin-left:50px;
    z-index:200;
    background-color:#cceecd;
    border:1px solid #BBBBBB;
    width:265px;
}

#form_evenement .resultats_recherche_patients #result_liste_patients{
    max-height:150px;
    overflow:auto;
	font-size:10px;
}

#form_evenement .resultats_recherche_patients .info{
    background-color:#43A66F;
    color:#FFF;
    margin-bottom:3px;
    border-bottom:0;
}

#form_evenement .resultats_recherche_patients p{
    margin:0;
    border-bottom:dotted 1px #000;
    padding:5px;
}

#form_evenement .resultats_recherche_patients p span{
    display:block;
    padding:1px 4px;
    cursor:pointer;

}


#form_evenement .resultats_recherche_patients .surbrillance{
    color:#FFF;
    background-color:#FFB535;
}

#form_evenement .resultats_recherche_patients a{
    color:#FFF;text-decoration:underline;font-weight:bold;
}

#form_evenement .resultats_recherche_patients a:hover{
    text-decoration:none;
}


/*------------------ Calendriers ------------------*/
.calendarHeader { background-color: #f0f0f0;font-weight: bolder; text-align:center;}
.calendarHeaderEncadre { background-color: #FFB535;font-weight: bolder; text-align:center;}
.calendarMonthArrows { background-color: #f0f0f0;font-weight: bolder; text-align:center;}
.calendarToday { background-color: #a0a0a0; text-align:center;}
.calendarSelectedDay {border: 1px #FFB535 solid; color: #90b0cc;background-color: #A8E0BE; text-align:center;}
.calendar { border: 1px #AAAAAA solid;background-color: #EEEEEE; text-align:center; }
td.calendar:hover { background-color:#FFB535; }
td.calendarLigneEncadree{  border: 1px #AAAAAA solid;text-align:center; background-color:#FFB535; }
.calendarlink a:hover { background-color:#A8E0BE; }
.calendarSelectedDay a {  }
td.calendarToday:hover { background-color:#A8E0BE; }
td.calendarSelectedDay:hover { background-color:#A8E0BE; }

a.calendarlinkgrey { color: grey; font-style:italic;}
/* Tout ce qui entoure les tableaux de vue paginée*/
table.vue
{
    width : 100%;
    border: 1px #000000 solid;
    border-collapse: collapse;
    /*margin: auto;*/
    margin-top: 10px;
}

table.vuenoborder
{
    width : 100%;
    border-collapse: collapse;
    /*margin: auto;*/
    margin-top: 2px;
}


td.titrevue
{
    text-align: center;
    background-color: #DDDDDD;
    font-size: 10px;
    font-weight: bold;
    border: 1px #000000 solid;
}

td.titrefiche
{
    background-color:#ADDEEF;
    border: 1px #3f3f3c solid;
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 13px;
}

td.titrevuenoprint
{
    text-align: center;
    background-color: #DDDDDD;
    font-size: 10px;
    font-weight: bold;
    border: 1px #000000 solid;
}


table.minivue
{
    width : 100%;
    margin: auto;
    border: 1px #000000 solid;
}


tr.minivue
{

}

tr.minivueseparator
{
    background-color: #CCEECC;
    border: 1px #000000 solid;
}

tr.agendavue
{
    background-color: #AAA;
}

td.minivue
{
    text-align: left;
    vertical-align: top;
    font-size: 9px;
}

td.minivuec
{
    vertical-align: top;
    text-align: center;
    font-size: 9px;
}

td.minivueL
{
    text-align: left;
    vertical-align: top;
    font-size: 9px;
}


th.minivue
{
    background-color: #DDDDEE;
    border: 1px #FFFFFF solid;
    text-align: center;
    vertical-align: top;
    font-size: 9px;
}


table.microvue
{
    width : 100%;
    height:100%;
    margin: auto;
}

table.microvuecroixrouge
{
    width : 100%;
    height:100%;
    margin: auto;
    background: url(../images/grande_croix_rouge.gif);
    background-repeat: repeat;
}


tr.microvue
{

}

.lignevue_tr_highlight:hover
{
    background-color: #FFddFF;
    border: 1px #000000 solid;
    margin: 5px;
    padding: 5px;
    /*height:25px;*/
    color:#222211;
    font-weight: bold;
    font-size: 30px;
}

td.microvue
{
    text-align: center;
    vertical-align:top;
    font-size: 9px;
    width:96%;
    margin:0;
    padding:0;
    border:0;
    /* background-color: #FFddFF;*/
}

td.microvueleftu
{
    text-align: left;
    vertical-align:top;
    font-size: 9px;
    width:96%;
    margin:0;
    padding:0;
    border:0;
    border-bottom: 1px #bbbbbb solid;
    /* background-color: #FFddFF;*/
}

td.microvuemiddle
{
    text-align: center;
    vertical-align:middle;
    font-size: 9px;
    width:96%;
    margin:0;
    padding:0;
    border:0;
    /* background-color: #FFddFF;*/
}

td.microvueicon
{
    text-align: center;
    vertical-align:top;
    font-size: 8px;
    width:2%;
    margin:0;
    padding:0;
    border:0;
    /* background-color: #FFFFFF;*/
}



td.microvueentete
{

    vertical-align:top;
    text-align: center;
    font-size: 8px;
    width:96%;
    margin:0;
    padding:0;
    border:0;
    border-bottom: 1px #bbbbbb solid;
}

td.microvuesmall
{

    vertical-align:top;
    text-align: center;
    font-size: 8px;
    width:96%;
    margin:0;
    padding:0;
    border:0;
}

th.microvue
{

    vertical-align:top;
    text-align: center;
    font-size: 8px;
    width:96%;
    margin:0;
    padding:0;
    border:0;
}

td.lignevuenoborder
{
    text-align: center;
    font-size: 9px;
}

td.lignevuea
{
    text-align: center;
    font-size: 9px;
    background-color: #EEEEEE;
    border-right: 1px #000000 solid;
}

td.lignevueimportant{/* cette classe vient EN PLUS des classes lignevuea/lignevueb etc */
    background-color:#FFB535;
}

td.lignevueb
{
    text-align: center;
    font-size: 9px;
    border-right: 1px #000000 solid;
}


td.lignevueau
{
    text-align: center;
    font-size: 9px;
    background-color: #EEEEEE;
    border-right: 1px #000000 solid;
    border-bottom: 1px #cccccc dotted;
}

td.lignevuebu
{
    text-align: center;
    font-size: 9px;
    border-right: 1px #000000 solid;
    border-bottom: 1px #cccccc dotted;
}

td.lignevueaTreeLeaf
{
    text-align: left;
    font-size: 9px;
    background-color: #EEEEEE;
    border-right: 1px #000000 solid;
}

td.lignevuebTreeLeaf
{
    text-align: left;
    font-size: 9px;
    border-right: 1px #000000 solid;
}

td.lignevueaTreeNode
{
    text-align: left;
    font-size: 16px;
    font-family: "Courier New", Courier, monospace;
    background-color: #EEEEEE;
}

td.lignevuebTreeNode
{
    text-align: left;
    font-size: 16px;
    font-family: "Courier New", Courier, monospace;
}


td.lignevueanoprint
{
    text-align: center;
    font-size: 9px;
    background-color: #EEEEEE;
    border-right: 1px #000000 solid;
}

td.lignevuebnoprint
{
    text-align: center;
    font-size: 9px;
    border-right: 1px #000000 solid;
}
td.lignevueagrise
{
    text-align: center;
    font-size: 9px;
    font-style : italic;
    color: #555555;
    background-color: #EEEEEE;
    border-right: 1px #000000 solid;
}

td.lignevuebgrise
{
    text-align: center;
    font-size: 9px;
    font-style : italic;
    color: #555555;
    border-right: 1px #000000 solid;
}

td.lignevueg
{
    text-align: center;
    font-size: 9px;
    color: #BBBBBB;
    background-color: #FAFAFA;
    border-right: 1px #000000 solid;
}

td.lignevuean
{
    text-align: center;
    font-size: 9px;
    background-color: #EEEEEE;
}

td.lignevuebn
{
    text-align: center;
    font-size: 9px;
}
td.lignevueal
{
    text-align: left;
    font-size: 9px;
    background-color: #EEEEEE;
}

td.lignevuebl
{
    text-align: left;
    font-size: 9px;
}

td.lignevueaselect
{
    text-align: center;
    font-size : 9px;
    background-color: #d3c7d7;
    border-right: 1px #a6b7a0 solid;
}

td.lignevuebselect
{
    text-align: center;
    font-size : 9px;
    background-color: #d3bbd7;
    border-right: 1px #a6b7a0 solid;
}

th.vue
{
    background-color: #ADDEEF;
    border: 1px #000000 solid;
    font-size: 10px;
    text-align: center;
}

th.vuenoprint
{
    background-color: #ADDEEF;
    border: 1px #000000 solid;
    font-size: 10px;
    text-align: center;
}


table.sousvue
{
    width : 100%;
    border-collapse: collapse;
}

td.equilibre
{
}


td.demijournee
{
    width : 50%;
    text-align: left;
    border: 1px #000000 solid;
    vertical-align:top;
}

td.journeesemaine
{
    width : 2%;
    text-align: left;
    border: 1px #000000 solid;
    vertical-align:top;
}

td.journeemois
{
    width : 2%;
    text-align: left;
    border: 1px #000000 solid;
    vertical-align:top;
}

td.lignesousvueHeure
{
    font-size: 8px;
    vertical-align:top;
    text-align: center;
    width : 3%;
    background-color: #DDDDDD;
    border-left: 1px #000000 dotted;
}

td.lignesousvueMicroHeure
{
    font-size: 1px;
    /*vertical-align:top;*/
    text-align: center;
    width : 3%;
    background-color: #DDDDDD;
    border-bottom: 1px #cccccc dotted;
    /*text-decoration: line-through;*/
    border-left: 1px #000000 dotted;
}


td.eventvue
{
    text-align: left;
    vertical-align:top;
    border: 1px #444444 solid;
    font-size: 8px;
    padding:0;
    margin:0;
}


td.frisedispo
{
    text-align:center;
    vertical-align:top;
    border: 1px #330000 solid;
    font-size: 10px;
    padding:0;
    margin:0;
}


td.eventvueHighlight
{
    text-align: left;
    vertical-align:top;
    border: 4px #2200CC solid;
    font-size: 9px;
    padding:0;
    margin:0;
    /*width : 95%;*/
}

td.eventvueOK
{
    text-align: left;
    vertical-align:top;
    border: 4px #00CC22 solid;
    font-size: 9px;
    padding:0;
    margin:0;
    /*width : 95%;*/
}

td.eventvueCANCEL
{
    text-align: left;
    vertical-align:top;
    border: 3px #22CCCC dotted;
    font-size: 9px;
    padding:0;
    margin:0;
    /*width : 95%;*/
}

.evt_invite{
    background-image:url(../images/hachures.png);
}

td.lignesousvuea
{
    font-size: 8px;
    /*width : 95%;*/
    background-color: #EEEEEE;
    vertical-align:top;
}

td.lignesousvueb
{
    /*width : 95%;*/
    font-size: 8px;
}


td.lignesousvueafrise
{
    background-color: #888888;
}


td.lignesousvuebfrise
{
    background-color: #AAAAAA;
}

table.navigation
{
    width : 100%;
}

table .navigation .navigation_lien{
    color:#000;
    font-weight:normal;
}

table .navigation a.navigation_lien{
    color:#000;
    font-weight:bold;
}

td.navgauche
{
    text-align: left;
}

td.navcentre
{
    text-align: center;
}

td.navdroite
{
    text-align: right;
}

tr.filtre
{
    border-bottom: 3px solid #FFFFFF;
    border-top: 3px solid #FFFFFF;
    border-left: 3px solid #FFFFFF;
    border-right: 3px solid #FFFFFF;
}


tr.indicateur
{
    border-bottom: 3px solid #FFFFFF;
    border-top: 3px solid #FFFFFF;
    border-left: 3px solid #FFFFFF;
    border-right: 3px solid #FFFFFF;
    font-size: 9px;
}


tr.indicateur:hover
{
    background-color: #DDFFDD;
    font-weight: bold;
    font-size: 9px;
}


tr.indicateurSelect
{
    border-bottom: 3px solid #FFFFFF;
    border-top: 3px solid #FFFFFF;
    border-left: 3px solid #FFFFFF;
    border-right: 3px solid #FFFFFF;
    background-color:#BB9988;
    font-size: 9px;
}


tr.indicateurSelect:hover
{
    font-weight: bold;
    font-size: 9px;
}

td.filtre
{
    text-align: center;
    font-size: 9px;
    background-color: #EEEEEE;
    border-top: 3px solid #FFFFFF;
}


td.indicateur
{
    text-align: center;
    border-top: 3px solid #FFFFFF;
    border-right: 3px solid #DDDDDD;
    padding:4px;
}

td.titrefiltre
{
    text-align: center;
    background-color: #DDDDDD;
    font-size: 10px;
    font-weight: bold;
    border-top: 3px solid #FFFFFF;
}

td.critere
{
    text-align: center;
    font-size: 9px;
    background-color: #CCEECC;
}

td.titrecritere
{
    text-align: center;
    background-color: #BBDDBB;
    font-size: 10px;
    font-weight: bold;
}



table.impressionelement
{
    width : 100%;
    margin: auto;
    border:  1px #000000 solid;
}


table.impressionelementcroixrouge
{
    width : 100%;
    margin: auto;
    border:  1px #000000 solid;
    background: url(../images/grande_croix_rouge.gif);
    background-repeat: repeat;
}

td.impressionelement
{
    text-align: center;
    vertical-align: top;
    font-size: 14px;
    border: 0px;
}

td.impressionelementremarques
{
    text-align: center;
    vertical-align: top;
    font-size: 14px;
    border: 0px;
}

td.impressionelementl
{
    text-align: left;
    vertical-align: top;
    font-size: 10px;
    border: 0px;
}

td.impressionelementr
{
    text-align: right;
    vertical-align: top;
    font-size: 10px;
    border: 0px;
}


th.impressionelement
{
    text-align: center;
    vertical-align: top;
    font-size: 15px;
    border: 0px;
}




/*------------------------------ AJOUTS -------------------------------*/
/* formulaire évenement */
#form_evenement{
    border:solid 1px #000;
    margin:0;
    padding:1px;
    font-size:11px;
    min-width:360px;
}

#form_evenement h4{
    font-weight:bold;
    font-size:10px;
    background-color:#ADDEEF;
    margin:0;
    text-align:center;
    padding:2px 0;
    border:solid 1px #000
}

#form_evenement p{
    margin:2px 0;
}

#form_evenement #message{
    font-weight:bold;
    font-size:10px;
    font-style:italic;
    text-align:center;

    color:#F00;
    background-color:#ddd;

    margin-top:0;
    border:solid 1px #000;
    border-top:0;
}

#form_evenement .bloc{
    margin:2px 0;
    min-width:336px;
}

#form_evenement .bordure{
    border:solid 1px #000;
}

#form_evenement .fin{
    background-color:#addeef;
    text-align:center;
    margin-bottom:0;
}

/* Résultats de la saisie dsemi-autp */
#form_evenement .resultats_recherche_patients{
    display:none;
    position:absolute;
    margin-top:-2px;
    margin-left:50px;
    z-index:200;
    background-color:#cceecd;
    border:1px solid #BBBBBB;
    width:265px;
	font-size:10px;
}

#form_evenement .resultats_recherche_patients #liste_patients{
    max-height:150px;
    overflow:auto;
}

#form_evenement .resultats_recherche_patients .info{
    background-color:#43A66F;
    color:#FFF;
    margin-bottom:3px;
    border-bottom:0;
}

#form_evenement .resultats_recherche_patients p{
    margin:0;
    border-bottom:dotted 1px #000;
    padding:5px;
}

#form_evenement .resultats_recherche_patients p span{
    display:block;
    padding:1px 4px;
    cursor:pointer;

}

#form_evenement .resultats_recherche_patients .surbrillance{
    color:#FFF;
    background-color:#FFB535;
}

#form_evenement .resultats_recherche_patients a{
    color:#FFF;text-decoration:underline;font-weight:bold;
}

#form_evenement .resultats_recherche_patients a:hover{
    text-decoration:none;
}






#profilagenda select{
    width:100px;
    background-color:#FFB535;
    border-top:solid 2px #aaa;
    border-right:solid 2px #eee;
    border-bottom:solid 2px #eee;
    border-left:solid 2px #aaa;
}

#profilagenda select option{
    background-color:#FFF;
}



/****************************************************
Formulaire d'ordonnancement des évènements
****************************************************/
#formulaire_ordonnancement{
    padding:5px;
    border:solid 1px #000;
    background-image:url(../images/blanc_45.png);
    font-size:14px;
}

#formulaire_ordonnancement .resume{
    background-image:url(../images/blanc_50.png);
    padding:10px 5px;
    text-align:center;
    margin:10px;
}

#formulaire_ordonnancement .resume .encadre{
    border:solid 1px #000;
    padding:0 3px;
    position:relative;
    bottom:3px;
}

#formulaire_ordonnancement{
    padding:5px;
    border:solid 1px #000;
    background-image:url(../images/blanc_45.png);
}

#formulaire_ordonnancement select option {
    background-image:url(../images/blanc_45.png);
}








/******* avec les popins, toute cette zone (#formulaire_ordre) devra être supprimée (obsolète) ***************/

#formulaire_ordre{
    display:none;
    /* width:300px; */
    padding:6px;
    position:absolute;
    background:url(../images/noir_semi_op.png) transparent;
    font-size:10px;
    text-align:left;
}

#formulaire_ordre .resume{
    background-image:url(../images/blanc_50.png);
    padding:10px 5px;
    text-align:center;
    margin:10px;
    font-size:1.1em;
}

#formulaire_ordre .resume .encadre{
    border:solid 1px #000;
    padding:0 3px;
    position:relative;
    bottom:3px;
}

#formulaire_ordre .formulaire{
    padding:5px;
    border:solid 1px #000;
    background-image:url(../images/blanc_45.png);
}

#formulaire_ordre .formulaire select option {
    background-image:url(../images/blanc_45.png);
}

/****************************************************
Pour l'impression de la liste patients / contact
****************************************************/
#liste_patients{
    margin:5mm auto;
    font-size:10pt;
}

#liste_patients .patient{
    border:solid 1px #000;
    margin:2mm 0;
    padding:1mm;
}

#liste_patients .desactive{
    border-style:dotted;
    color:#666;
}

#liste_patients .patient .info_desact{
    border:dotted 1px #000;
    color:#900;
    font-weight:bold;
    font-style:italic;
}



#liste_patients .patient .colonne{
    float:left;
}

#liste_patients .patient .colonne .nom{
    font-weight:bold;
    font-size:12pt;
}

#liste_patients .desactive .colonne .nom{
    text-decoration:line-through;
}

/** message "mode déplacement" **/
#mode_deplacement{
    width:75%;
    margin:5px auto;
    font-size:12px;
}

#mode_deplacement .info{
    color:#090;
    font-weight:bold;
}

#mode_deplacement .info span{
    text-align:left;
    width:300px;
    font-weight:normal;
}

#mode_deplacement .descr_evt{
    margin-top:5px;
    padding:5px 0;
    border:solid 1px #000;
}
/************************************
Formulaire d'upload de fichier
************************************/
.petite_taille{
	font-size: 9px;
	margin-top: 10px;
}

/*************************************
Div patienter (pas la popin, l'autre: fonction wait_and_see() dans javascript/scripts.js)
*************************************/
#div_patienter{
	background:url(../images/blanc_50.png);
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:2000;
}

#div_patienter #message_patienter{
	width:75%;
	position:relative;
	top:50%;
	left:50%;
	border:solid 2px #AAA;
	text-align:center;
	padding:10px;
	background-color:#FFF;
}

#div_patienter #message_patienter p{
	text-align:right;
	margin:0;
}

/************************************
Classes générales
************************************/
.preload_img{display:none;}
.italique{font-style:italic;}
.alinea{padding-left:25px;}
.text_right{text-align:right;}
.text_center{text-align:center;}
.text_left{text-align:left;}
.gras{font-weight: bold;}
.bouton{cursor:pointer;}
.blink,a.blink{text-decoration:blink;}

.rouge{color:#F00;}
.vert{color:#0A0;}
.souligne {text-decoration:underline}
.encadre{border:solid 1px #BBB; background-color:#cceaf5;padding:5px;}
.interdit{cursor:url(../images/interdit.gif),auto;color:#888;font-style:italic;}

.underline_dotted{
    border-bottom: 1px dotted #000;
    text-decoration: none;
}

.menu_block_right{
	float : right;
	margin:0 10px 0 0; 
	padding: 0;
}

/*INFOBULLE FICHE PATIENT VITALE*/
img.infobulle-icone {
cursor: help;
}
/*********************************
Formulaire d'edition de modele
**********************************/
label.error {
	color: red;
	font-style: italic;
	display:block;
}

div.double {
	/*border-bottom: 1px solid #EEEEEE;*/
	clear: both;
	float: left;
	margin-bottom: 20px;
	/*width: 96%;*/
}

.tag {
	display: block;
	float: left;
	font-weight: bold;
	position: relative;
	top: 5px;
	width: 280px;
	text-align: right;
	font-weight: bold;
}
.input-holder {
	float: left;
	margin-left: 12px;
	padding: 2px 4px;
	
}

.input-holder label { display:block; width: auto;line-height: 1.6;vertical-align: top;}

.cell-categorie-etude {
    padding-left: 10px;
}

.cell-categorie-etude__field {
    margin-bottom: 20px;
    margin-right : 5px;
    max-width    : 120px;
}

.cell-categorie-etude__delete {
    vertical-align: -3px;
}

/******************************************************
utilisées dans popin d'envoi de message prive *********
******************************************************/
ul.doubleColonne {
  overflow:hidden;
}

.doubleColonne li  { 
	width:20%; /* 5 col */
	text-align:left;
	line-height:1.6em;
	float:left;
	display:inline;
	word-wrap:break-word;
} 
#mesUsers{
	max-width: 850px;
}

.check-with-label:checked + .label-for-check {
	font-weight: bold;
}


/************************************************
Encadre pour profile picture dans fiche patient
*************************************************/
.identite {
	float: left; 
	/*margin: 0 6px 6px 0;*/
	/*width:100px;*/
	height:100px;
	padding : 10px;
	text-align: center;
}


/************************************************************************
Affichage du porte document dans la fiche patient dans une div Flottante
************************************************************************/
#comment-wrapper {
position: relative;
width: 100%;
}
#comments {
float:left;
width:60%;
}

#commentWrapper { /* required to avoid jumping */
left: 60%;
position: absolute;
margin-left: 5px;
width:40%;
}
#comment {
position: absolute;
top: 0;
}

#comment.fixed {
position: fixed;
top: 0;
}

.ui-datepicker{ /*taille du datepicker */
	  font-size:14px;
}

/*****************message hprim *****************/
.message_hprim{
	max-width:420px;
	max-height:300pt;
	overflow:auto;
	background-color: #FFF;
}

/*****************dossier patient *****************/
.dossierPatientDate{
	background-color: #A1BEE7;
	border:1px solid #A1BEE7;
	padding : 5px;
	font-weight: bold;
	}
	
.dossierPatientContent{
	border:1px solid #98AFC7;
}

.noborder {
	border:1px solid #FFF;
}

.titreVueDiv
{
    text-align: center;
    background-color: #addeef;
    font-size: 13px;
    font-weight: bold;
    border: 1px #000000 solid;
    width : 100%;
}



/******************************* Class Georges ******************************/
input[type=checkbox].chkbx { margin:0px; padding:0px; line-height:0px; }
.chkbx_ctnr { /* ex : <div class="chkbx_ctnr"><input type="checkbox" /></div> */
  display:block;
  float:left;
  background:#ffffff;
  margin:0px;
  padding:3px 3px 0px 3px;
  }
.chkbx_txt { /* ex : <input type="checkbox" /><span class="chkbx_txt">...</span> */
  position:relative;
  top: 1px;
  left:5px;
  }


 /*********************affichage des checkbox de selection de lieu pour le volet gestion********************/
.checkbox-list  {
  margin: 0px 0 0 0px;
  list-style-type: none;
  padding-left: 25px;
}
 
 .first-checkbox-list-lieux  {
  margin: 0px 0 0 0px;
  padding : 0;
  list-style-type: none;
}

.checkbox-list-lieux input:checked + label {
	font-weight: bold;
}
 
 .first-checkbox-list-lieux input:checked + label {
 font-weight: bold;
}

.first-checkbox-list-categs  {
  margin: 0px 0 0 0px;
  padding : 0;
  list-style-type: none;
}

.checkbox-list-categs input:checked + label {
	font-weight: bold;
}
 
 .first-checkbox-list-categs input:checked + label {
 font-weight: bold;
}

/* petit descriptif sous le nom de l'agenda */
.descriptif_agenda {
	font-size: 11px;
	font-style: italic;
	font-variant: initial;
	
}

.conteneur-ticket {
    background : url(../images/questionnaire_ticket.png) no-repeat;
    font-size  : 10px;
    font-weight: bold;
    width      : 37px;
    height     : 18px;
    padding-top: 3px;
    text-align : center;
    display    : inline-block;
}

.tableaudebord {
    width                     : 1200px;
    background-color          : #f7be85;
    border-top-left-radius    : 50px 120px;
    border-bottom-right-radius: 50px 120px;
}

.admin-questionnaire-email {
    margin-left   : 7px;
    vertical-align: bottom;
}

.agenda-form-questionnaire-email {
    vertical-align: top;
}

.toolTipAgendaPatientContent {
    font: bold 13px "Helvetica Neue", Sans-Serif;
    
}

.toolTipAgendaPatient {
    padding: 5px;
    border-radius: 20px;
    font: bold 13px "Helvetica Neue", Sans-Serif;
    box-shadow: 0 0 1px black;
    border: 1px solid white;
}


/** Login page */ 
.login__header {
    padding: 2rem;
}
.input {
    border: 0;
    padding: 0.5em;
    background-color: #fff;
    border: 1px solid #999;
    width: 100%;
    box-sizing: border-box;
}
.login-form__legend {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    margin: -2rem -2rem 1rem;
    padding: 1rem;
    background-color: #5f36c1;
    color: #FFF;
}
.login-box {
    max-width: 640px;
    background: #eee;
    margin:0 auto 2rem auto;
    box-shadow:inset 0 -0.6em 0 -0.35em rgba(0,0,0,0.17);

}
.login-form {
    padding: 1rem 2rem;
}

.button{
    cursor: pointer;
    border: 0;
    display:inline-block;
    padding:0.7em 1.4em;
    margin:0 0.3em 0.3em 0;
    border-radius:0.15em;
    box-sizing: border-box;
    text-decoration:none;
    font-family:'Source Sans Pro','Roboto',sans-serif;
    text-transform:uppercase;
    font-weight:bold;
    color:#FFFFFF;
    background-color:#5f36c1;
    box-shadow:inset 0 -0.6em 0 -0.35em rgba(0,0,0,0.17);
    text-align:center;
    position:relative;
}
.button:active{
    top:0.1em;
}
@media all and (max-width:30em){
    .button{
    display:block;
    margin:0.4em auto;
?}
}

.login__welcome-message {
    font-size: 20px;
}
.text-center {
    text-align:center;
}
.field {
    margin-bottom: 1rem;
}
label {
    display: block;
    font-weight: bold;
    font-size: 14px;
    padding: 0.5em 0;
}

@media screen and (min-width: 48em) {
    .row {
        display: flex;
        box-sizing: border-box;
        display: flex;
        flex: 0 1 auto;
        flex-direction: row;
        flex-wrap: wrap;
        margin-left: -.5rem;
        margin-right: -0.5rem;
    }
    .col {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%;
        padding-left: .5rem;
        padding-right: .5rem;
    }
}