/* Fichier tdb.css */
/*
-------------------------------------------------------------------------------------------
TDB-SSI : Tableau De Bord de Sécurité des Systèmes d'Information
Copyright Université de la Méditerranée (CIGR - Faculté de Médecine de Marseille) (2008)
tdb-ssi@medecine.univmed.fr

Ce logiciel est un programme informatique servant de Tableau De Bord de Sécurité des Systèmes d'Information.

Ce logiciel est régi par la licence CeCILL soumise au droit français et respectant les principes de diffusion
des logiciels libres. Vous pouvez utiliser, modifier et/ou redistribuer ce programme sous les conditions
de la licence CeCILL telle que diffusée par le CEA, le CNRS et l'INRIA sur le site "http://www.cecill.info".

En contrepartie de l'accessibilité au code source et des droits de copie, de modification et de redistribution
accordés par cette licence, il n'est offert aux utilisateurs qu'une garantie limitée.
Pour les mêmes raisons, seule une responsabilité restreinte pèse sur l'auteur du programme, le titulaire
des droits patrimoniaux et les concédants successifs.

A cet égard  l'attention de l'utilisateur est attirée sur les risques associés au chargement,
à l'utilisation, à la modification et/ou au développement et à la reproduction du logiciel par l'utilisateur
étant donné sa spécificité de logiciel libre, qui peut le rendre complexe à manipuler et qui le réserve donc
à des développeurs et des professionnels avertis possédant des connaissances informatiques approfondies.
Les utilisateurs sont donc invités à charger et tester l'adéquation du logiciel à leurs besoins dans des
conditions permettant d'assurer la sécurité de leurs systèmes et ou de leurs données et, plus généralement,
à l'utiliser et l'exploiter dans les mêmes conditions de sécurité.

Le fait que vous puissiez accéder à cet en-tête signifie que vous avez pris connaissance de la licence CeCILL,
et que vous en avez accepté les termes.
-------------------------------------------------------------------------------------------
*/
/*---------------------------------------------Balises standard----------------------------------------------------*/
body
{
    font-family: arial, helvetica, sans-serif;
    background-image:url("../images/backgrounds/bg_body.gif");
    font-size: 95%;
}

a
{
    text-decoration: none;
    color: #0033FF;
}

a:hover
{
    text-decoration: underline;
    color: #0033FF;
}

a img
{
    border: none;
}

/*------------------------------------------------Bandeau-------------------------------------------------------*/

#bandeau
{
    background: url("../images/backgrounds/bg_bandeau.png");
    width : 100%;
    margin-bottom: 1em;
    padding-bottom : 1px;
    padding-top : 1px;
    height: 72px;
    border:1px solid gray;
    overflow: hidden; /* Blocage du dépassement des flottants */
}
#logo_tdb
{
    margin-bottom: 0.4em;
    margin-left: 19%;
    margin-right: 20%;
}

/*-----------------------------------------Barre de navigation---------------------------------------------------*/

#barre_navigation
{
    background: url("../images/backgrounds/bg_onglet_navigation.png");
    margin-bottom: 1em;
    border: 1px solid gray;
    width: 100%;
    height: 38px;
    padding-top: 2px;
    overflow: hidden; /* Blocage du dépassement des flottants */
}

a#bt_deco
{
    display: block;
    float: left;
    width: 36px;
    height: 36px;
    margin-left: 4px;
    background: url(../images/boutons/deconnexion.png) no-repeat;
}
a#bt_deco:hover
{
    background: url("../images/boutons/deconnexion_down.png")  no-repeat;
}

a#bt_aide
{
    display: block;
    float: left;
    width: 36px;
    height: 36px;
    margin-left: 4px;
    background: url(../images/boutons/help.png) no-repeat;
}
a#bt_aide:hover
{
    background: url("../images/boutons/help_down.png")  no-repeat;
}

#barre_navigation ul
{
    display: inline;
    list-style-type: none;
    color: navy ;
    margin-left: 0;
    padding-left: 5px;
}

#barre_navigation li
{
    display: inline;
    padding-right: 4px;
}

#texte_barre_navig
{
    line-height: 2.4em;
    font-size: 95%;
}

#texte_barre_navig_long
{
    line-height: 3em;
    font-size: 80%;
}

/*----------------------------------------------Les formulaires--------------------------------------------------*/

/*-------------------------------------------Formulaire standard------------------------------------------------*/

.form_standard
{
    margin-left: 5%;
    width: 90%;
    margin-top: 1em;
    vertical-align: middle;
    font-size: 90%;
}

fieldset
{
    font-size: 105%;
    margin-bottom: 1em;
    padding-top: 10px;
    padding-bottom: 10px;
}

.form_standard p
{
    clear: both;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
    height: 1.5em;
    line-height: 1.3em;
    overflow: hidden; /* Blocage du dépassement des flottants */
}

.form_standard .champ_textarea
{
    clear: both;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
    height: 1.5em;
    line-height: 1.3em;
}

.form_standard p.bloc_submit
{
    clear: both;
    margin-top: 5px;
    margin-bottom: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 1.5em;
    line-height: 1.3em;
    overflow: hidden; /* Blocage du dépassement des flottants */
}

.form_standard label, .etiquette_champ_radio
{
    display: block;
    float: left;
    width: 34%;
    padding-right: 1%;
    text-align: right;
    background-color: #cdd7d7;
}

.form_standard .label_upload
{
    margin-left: 5%;
    display: block;
    float: left;
    width: 40%;
    padding-right: 1%;
    text-align: right;
    background-color: #cdd7d7;
}

.form_standard label:hover, .etiquette_champ_radio:hover
{
    font-weight: bold;
}

/*Pour les champs select, textarea, .form_standard input[type='text'] et .form_standard input[type='password']*/
.form_standard select, .form_standard textarea, .form_standard .input_text
{
    display: block;
    float: left;
    margin-left: 1%;
    width: 62%;
    border: #CCC 1px solid;
}

.form_standard .input_upload
{
    display: block;
    float: left;
    margin-left: 1%;
    width: 40%;
    border: #CCC 1px solid;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus/*, select:focus*/
{
    background-color: #e2e9f3;
}

input[type="text"]:hover, input[type="password"]:hover, textarea:hover/*, select:hover*/
{
    background-color: #e2e9f3;
}

.champ_obligatoire
{
    color: red;
}

.graphique
{
    display: inline-block;
    margin-top: 0.8em;
    margin-bottom: 1em;
}

/*-----------------------------Champs Radio-----------------------------------*/

.champ_radio
{
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
    line-height: 1.3em;
    overflow: hidden; /* Blocage du dépassement des flottants */
}

.champ_radio input
{
    display: block;
    float: left;
    width: 2%;
    margin-left: 2%;
}

label.label_radio_long
{
    display: block;
    float: left;
    padding-left: 0.5%;
    width: 16%;
    text-align: left;
    background-color: white;
}

label.label_radio_court
{
    display: block;
    float: left;
    padding-left: 0.5%;
    width: 4%;
    text-align: left;
    background-color: white;
}

.champ_radio label:hover
{
    font-weight: inherit;
    background-color: #e2e9f3;
}

/*------------------------------Champs date-----------------------------------*/

.champs_date
{
    clear: both;
    height: 1.5em;
    margin-bottom: 0.6em;
    line-height: 1.3em;
}

.champs_date .jour
{
    display: block;
    float: left;
    margin-left: 1.5%;
    width: 7%;
    border: 1px solid silver;
}

.champs_date .mois
{
    display: block;
    float: left;
    margin-left: 0.5%;
    width: 16%;
    border: 1px solid silver;
}

.champs_date .annee
{
    display: block;
    float: left;
    margin-left: 0.5%;
    width: 10%;
    border: 1px solid silver;
}

/*---------------------------------------Formulaire de téléchargement-------------------------------------------------*/

.form_download
{
    margin-left: 5%;
    width: 90%;
    margin-top: 1em;
    vertical-align: middle;
    font-size: 90%;
}

.form_download label
{
    display: block;
    float: left;
    width: 45%;
    margin-left: 8%;
    padding-right: 1%;
    text-align: right;
    font-weight: bold;
}

.form_download .bouton_download
{
    display: block;
    float: left;
    margin-left: 4%;
    margin-bottom: 5px;
}

/*------------------------------------------Barres de titre et cadre--------------------------------------------------*/

.cadre
{
    border: 2px solid black;
    width: 100%;
    text-align: center;
    margin-bottom: 1.2em;
    padding-bottom: 2px;
}

.barre_titre
{
    clear: both;
    width: 100%;
    background: url("../images/backgrounds/bg_onglet_noir.gif");
    padding-left: 4px;
    margin-bottom: 0.5em;
    height: 36px;
    font-size: 95%;
    font-weight: bold;
    color: white;
    overflow: hidden; /* Blocage du dépassement des flottants */
}

.barre_titre_admin
{
    background-color: #a3cbd8;
    width: 100%;
    height: 36px;
    margin-top: 0.5em;
    margin-bottom: 0.3em;
    border: 1px solid black;
    font-size: 95%;
    font-weight: bold;
    overflow: hidden; /* Blocage du dépassement des flottants */
}

.barre_ajout
{
    float: left;
    background-color: #a3cbd8;
    height: 36px;
    border: 1px solid black;
    margin-top: 1em;
    padding-right: 1em;
    font-size: 90%;
    line-height: 2.5em;
    overflow: hidden; /* Blocage du dépassement des flottants */
}

.barre_ajout_indic
{
    float: left;
    background-color: #a3cbd8;
    height: 36px;
    border: 1px solid black;
    margin-top: 1em;
    margin-left: 0.2em;
    padding-right: 0.5em;
    font-size: 90%;
    line-height: 2.5em;
    overflow: hidden; /* Blocage du dépassement des flottants */
}

.barre_ajout img, .barre_ajout_indic img
{
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 2px;
    vertical-align: middle;
}

.barre_ajout_indic .second_lien
{
    margin-left: 2px;
    padding-left: 6px;
    border-left: 1px solid black;
}


.barre_suppression_pagi_haut
{
    float: right;
    background-color: #cdd7d7;
    height: 36px;
    border: 1px solid black;
    margin-top: 1em;
    font-size: 90%;
    line-height: 2.5em;
    overflow: hidden; /* Blocage du dépassement des flottants */
}

.barre_suppression_pagi_bas
{
    float: right;
    background-color: #cdd7d7;
    height: 36px;
    border: 1px solid black;
    margin-top: 0.5em;
    font-size: 90%;
    line-height: 2.5em;
    overflow: hidden; /* Blocage du dépassement des flottants */
}

.barre_suppression_pagi_bas .case_sup_gauche, .barre_suppression_pagi_haut .case_sup_gauche
{
    padding-left: 0.5em;
    padding-right: 0.4em;
}

.barre_suppression_pagi_bas .case_sup_droite, .barre_suppression_pagi_haut .case_sup_droite
{
    padding-left: 0.5em;
    padding-right: 0.4em;
    border-left: 1px solid black;
}

.barre_suppression_pagi_bas label, .barre_suppression_pagi_haut label
{
   vertical-align: middle;
}

.barre_suppression_pagi_bas input, .barre_suppression_pagi_haut input, .barre_suppression_pagi_bas select, .barre_suppression_pagi_haut select
{
    vertical-align: middle;
}

.barre_suppression_pagi_bas .case_pagination, .barre_suppression_pagi_haut .case_pagination
{
     display: inline;
     padding-left: 0.5em;
     padding-right: 0.5em;
     border-left: 1px solid black;
}

.barre_titre img, .barre_titre_admin img
{
    margin-left: 4px;
    margin-right: 12px;
    margin-top: 2px;
    vertical-align: middle;
}

.barre_titre a
{
    font-weight: normal;
    color: #a3cbd8;
}
.barre_titre a:hover
{
    text-decoration: underline;
    color: #a3cbd8;
}

/*--------Page de liste d'enregistrements: barre de filtres-------------------*/

#barre_titre_filtres
{
    width: 100%;
    border: 1px solid black;
    border-bottom : none;
    background-color: #cdd7d7;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 95%;
    text-align: center;
}

#barre_filtres
{
    width: 100%;
    border: 1px solid black;
    background-color: #cdd7d7;
    height: 28px;
    padding-top: 5px;
    margin-bottom: 0.6em;
    font-size: 80%;
    overflow: hidden; /* Blocage du dépassement des flottants */
}

.case_filtre
{
    float: left;
    padding-left: 3px;
    padding-right: 3px;
    border-right: 1px solid gray;
    text-align: center;
    line-height: 1.8em;
    height: 28px;
}

#last_case_filtre
{
    float: left;
    padding-left: 3px;
    padding-right: 1px;
    text-align: center;
    line-height: 1.8em;
    height: 28px;
}

.case_filtre div, #last_case_filtre div
{
    display: inline;
}

/*-----------------------------------------------Bloc de boutons-----------------------------------------------*/

.ligne_boutons
{
      margin-top: 2.5em;
      height: 135px;
      font-size: 90%;
      text-align: center;
}

.ligne_boutons div
{
    float: left;
    margin-left: 0.5%;
    line-height: 1.5em;
    width: 16%;
}

/*------------------------------------------------- Tableaux -------------------------------------------------------------*/

table
{
    empty-cells: show;
    border-collapse: collapse;
    border: 2px groove black;
    text-align: center;
    font-size: 90%;
}

.tableau_liste_enreg
{
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1em;
}

.tableau_indics_moyens
{
    width: 98%;
    margin-left: 1%;
    margin-bottom: 1em;
    margin-top: 4px;
}

.tableau_valeurs
{
    width: 90%;
    margin-left: 5%;
    margin-top: 1%;
    margin-bottom: 1%;
}

.tableau_groupe_moyens
{
    width: 100%;
}

.tableau_groupe_moyens .img_td_vide
{
    visibility:hidden;
}

table th
{
    border: 1px solid black;
    padding: 2px;
    font-weight: bold;
    height: 36px;
}

.tableau_liste_enreg th
{
    background-color: #a3cbd8;
}

.tableau_valeurs th, .tableau_indics_moyens th, .tableau_groupe_moyens th
{
    background-color: #cdd7d7;
}

table td
{
    border: 1px solid gray;
    padding: 2px;
}

.tableau_groupe_moyens td
{
    height: 32px;
}

table caption
{
    border: 2px groove black;
    margin-top: 0.7em;
    padding: 2px;
}

table caption strong
{
    font-weight: bold;
    font-size: 105%;
}

table tr:hover
{
     background-color: #a3cbd8;
}

.tr_impair
{
    background-color: #cdd7d7;
}

.td_bouton
{
    border: 1px solid gray;
}

.td_bouton form
{
    display: inline;
}

.th_tri_actif a
{
    text-decoration: none;
    color: #009900;
}

.th_tri_actif a:hover
{
    text-decoration: underline;
    color: #009900;
}

.cellule_led
{
    height: 18px !important; /* Pour tous les navigateurs */
    width: 18px !important; /* Pour tous les navigateurs */
    height: 22px; /* Pour IE */
    width: 22px; /* Pour IE */
    border-width: 2px;
    border-style: solid;
    margin: auto;
}

div.conteneur_tableau_gauche
{
    float: left;
    width: 48%;
    margin-left: 2%!important; /* Pour tous les navigateurs */
    margin-left: 1.5%; /* Pour IE */
}

div.conteneur_tableau_droite
{
    float: left;
    width: 48%;
}

/*-------------------------------------------Messages d'erreur, confirmation, avertissement-------------------------*/

.message
{
    padding: 1px;
    height: 34px;
    font-size: 95%;
    font-weight: bold;
}

.message_info
{
    padding: 1px;
    height: 34px;
    font-size: 95%;
    color: blue;
    overflow: hidden; /* Blocage du dépassement des flottants */
}

.message img, .message_info img
{
    vertical-align: middle;
    margin-right: 0.5em;
}

/*-----------------------------------------------Liste propriétés-------------------------------------------------*/

div.proprietes
{
    margin-left: 1%;
    width: 98%;
    margin-top: 1em;
    margin-bottom: 1em;
    vertical-align: middle;
    font-size: 90%;
}

span.lib_propriete
{
    display: block;
    float: left;
    width: 34%;
    min-height: 1em;
    font-weight: bold;
    padding-right: 1%;
    text-align: right;
}

span.valeur_propriete
{
    display: block;
    float: left;
    width: 62%;
    min-height: 1em;
    margin-left: 1%;
    text-align: left;
}

.proprietes p
{
    clear: both;
    margin: 5px;
    padding: 1px;
    line-height: 1.3em;
    background-color: #cdd7d7;
}

.propriete_courte
{
    clear: both;
    height: 1.5em;
}

.propriete_longue
{
    clear: both;
    height: 3em;
}

.valeurs_multiples
{
    clear: both;
    min-height: 3em;
}

.proprietes p:hover
{
     background-color: #a3cbd8;
}

.propriete_led
{
    display: block;
    float: left;
    margin-left: 1em;
    border-width: 2px;
    border-style: solid;
    height: 16px !important; /* Pour tous les navigateurs */
    width: 16px !important; /* Pour tous les navigateurs */
    height: 16px; /* Pour IE */
    width: 20px; /* Pour IE */
}

div.ack
{
    color: navy;
}

div.ack p
{
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

/*-------------------------------------------Couleurs_alarmes------------------------------------------------------*/

.alarme_verte
{
    background-color: #2fc02f;
    border-color: green;
}

.alarme_olive
{
    background-color: olive;
    border-color: #556b2f;
}

.alarme_jaune
{
    background-color: #f1ec4e;
    border-color: #e3cb10;
}

.alarme_orange
{
    background-color: orange;
    border-color: #d27e00;
}

.alarme_rouge
{
    background-color: #f50000;
    border-color: #c50000;
}

.alarme_grise
{
    background-color: #d7d7d7;
    border-color: gray;
}

/*--------------------------------------------Menu operationnel-------------------------------------------------------*/

/*----------------Groupes---------------------------------------*/

.conteneur_global_groupe
{
    clear: both;
    text-align: center;
    width: 100%;
    border-top: 1px solid gray;
    margin-top: 0px !important; /* Pour tous les navigateurs */
    margin-top: 5px; /* Pour IE */
}

.premier_conteneur_global
{
    border-top: none;
}

.lib_groupe
{
    float: left;
    width: 11.5%;
    height: 41px;
    margin-top: 1%;
    margin-left: 2px;
    margin-bottom: 1%;
    padding-top: 4px;
    border-width: 3px;
    border-style: ridge;
    line-height: 1.2em;
    font-weight: 600 !important; /*Pour tous les navigateurs*/
    font-weight: normal; /*Pour IE */
    font-size: 95%;
}

div.separateur_vertical
{
    float: left;
    width: 1px;
    height: 50px;
    background-color: black;
    margin: 1%;
}

.lib_groupe a, .ligne_alarmes a, .ligne_ss_themes a
{
    text-decoration: none;
    color: black;
}

.lib_groupe a:hover, .ligne_alarmes a:hover, .ligne_ss_themes a:hover
{
    text-decoration: underline;
    color: black;
}

/*-------------------------------Blocs d'alarme----------------------------*/

.conteneur_alarmes
{
    float: left;
    width: 84%;
    margin-top: 1%;
}

.ligne_alarmes
{
    height: 53px;
    width: 100%;
    margin-bottom:0.3%;
    font-weight: 600 !important; /*Pour tous les navigateurs*/
    font-weight: normal; /*Pour IE */
    text-align: center;
}

.ligne_ss_themes
{
    height: 53px;
    width: 100%;
    margin-top: 1%;
    font-weight: 600 !important; /*Pour tous les navigateurs*/
    font-weight: normal; /*Pour IE */
    text-align: center;
}

.case_alarme
{
    float: left;
    margin-right: 0.5%;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
    border-width: 3px;
    border-style: ridge;
    line-height: 1.2em;
    height: 43px;
    width: 13.5%;
    font-size: 80%;
}

.case_alarme em
{
    font-style: normal !important; /*Pour tous les navigateurs */
    font-style: italic; /*Pour IE */
    font-weight: normal;
}

/*-----------------------bloc sous-theme-----------------------------------*/

.etat_ss_theme
{
    float: left;
    height: 43px;
    width: 11%;
    margin-left: 0.3%;
    margin-right: 0.2%;
    padding-top: 4px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
    border-width: 3px;
    border-style: ridge;
    line-height: 1.1em;
    font-size: 90%;
    font-weight: 600 !important; /*Pour tous les navigateurs*/
    font-weight: normal; /*Pour IE */

}

.div_clear
{
    clear: both;
    height: 0.5em;
    width: 60%;
}

/*-----------------------Page A propos-----------------------------------*/

#texte_apropos p
{
    text-indent: 40px;
    text-align: justify;
    margin-bottom: 1.5em;
}

#texte_apropos p:first-letter
{
    font-size : 120%;
}

#texte_apropos strong
{
    color: blue;
    font-size : 120%;
    font-weight: normal;
}

#feux_tricolores
{
    text-align: center;
}

#presentation_equipe ul
{
    list-style-position: inside;
}

#presentation_equipe li
{
    margin: 0.2em;
}

#presentation_equipe p
{
     text-indent: 40px;
}

#signature
{
     margin-top: 2.5em;
     margin-bottom: 2em;
}

#logos_apropos
{
    margin-top: 1.5em;
    text-align: center;
    overflow: hidden; /* Blocage du dépassement des flottants */
}

#logos_apropos img
{
    display: inline-block;
    vertical-align: middle;
    margin-right : 50px;
}