/* 
    Document   : menu_horizontal
    Created on : 30 nov. 2009, 13:54:27
    Author     : stephanenazareth
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

@font-face {
    font-family: "opensans-light";

    /* pour IE */
    src : url('fonts/opensans-light-webfont.eot');

    /* pour les autres */
    src : url('fonts/opensans-light-webfont.woff') format('woff'),
          url('fonts/opensans-light-webfont.svg#abcd') format('svg'),
          url('fonts/opensans-light-webfont.ttf') format('truetype');
}


root { 
    display: block;
}

body{
    margin:0px;
	font-family:"opensans-light";
	font-size:12px;
    min-width: 100%;
    background-color:#d8dde7;
    overflow: auto;
}

.debug{
    color :fuchsia;
}



/****************************/
/*NOTIFY : MESSAGES D'INFORMATIONS AUX UTILISATEURS*/
/****************************/

#notify_green{
position:absolute;
top:0px;
right:0px;
background-image:url('images/notify_green.png');
background-color:white;
color:#008000;
padding:3px;
border:1px solid #008000;
min-height:24px;
z-index:99;}

#notify_red{
position:absolute;
top:0px;
right:0px;
background-image:url('images/notify_red.png');
background-color:white;
color:red;
padding:3px;
border:1px solid red;
min-height:24px;
z-index:100;}

#systemeAttente{
	position:absolute;
	width:150px;
	height:40px;
	color:#1E7BD6;
	top:0px;
	right:0px;
	z-index:101;
}

/********************/
/*MENU DEROULANT*/
/********************/
#menuDeroulant
{
 width: 800px;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 

}

#menuDeroulant ul {
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}
#menuDeroulant li
{
 float: left;
 /*width: 150px;*/
 margin: 0;
 padding: 0;
 border: 0;
 display: block;
}
#menuDeroulant .sousMenu
{
     position: absolute;
     top: 30px;

	 display: none;
	 list-style-type: none;
	 margin: 0;
	 padding: 0;
	 border: 0;
	 z-index:50;
}
#menuDeroulant .sousMenu li
{
	 float: none;
	 margin: 0;
	 padding: 0;
	 border: 0;
	 min-width: 160px;
	 border-top: 1px solid transparent;
	 border-right: 0px solid transparent;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 display: block;
 height: 1%;
 color: #FFF;
 background: #3B4E77;
 margin: 0;
 padding: 4px 8px;
 border-right: 0px solid #fff;
 text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #F2462E; }
#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
    min-width: 160px;
 display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
 background: transparent url("images/fondTR.png") repeat;
}
#menuDeroulant .sousMenu li a:hover
{
 background-image: none;
 background-color: #F2462E;
}
#menuDeroulant li:hover > .sousMenu { display: block; }
/******************/
/*MENU HORIZONTAL*/
/*******************/
#nav {
    display: block;
    float:none;
    background: #d8dde7;
    width:100%;height:32px;
    margin-top: 0px;
    margin-bottom: 0px;
	 background:#fff url(../config/images/nav.gif) repeat-x;
}
#nav ul {
    margin: 0;
    padding: 0;
    display: block;
}
#nav li {
    margin: 0;
    padding: 0;
    display: block;
}

#nav li a:link, #nav li a:visited {
    display: block;
    float: left;
    height: 32px;
    line-height: 32px;
    text-decoration: none;
    text-align: center;
    color:white;
    background:#fff url(../config/images/nav.gif) repeat-x;
    padding: 0 20px;
}

#nav li a:hover, #nav li a:active, #nav li a.selected {
    background: url(../config/images/nav.gif) 0 -32px;
    padding: 0 20px;
}

/******************************/
/*CONTENEUR*/
/******************************/

#conteneur{
    display: inline-block;
    width:100%;
    vertical-align: top;
    overflow: scroll;
    
    margin: 0;
    padding: 0;
}

/******************************/
/*CONTENU*/
/******************************/

#contenu{
    display: block;
    margin: 0;
    padding: 0;
    background-color:#d8dde7}

/*****************/
/*--INFOBULLES--*/
/****************/
a.tooltip em, a.selected em {
    display:none;
}
a.tooltip:hover, a.selected:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}

a.tooltip:hover em, a.selected:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 40px;
    left: -10px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #ffc;
    width:170px;
}
a.tooltip:hover em span,a.selected:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    /*background: transparent url(config/images/image-infobulle.gif);*/
    margin:0;
    padding: 0;
    border: 0;
}
/*****************/
/*--CLASSES POUR LES ECRANS--*/
/******************/
.select_client{
    font-style: normal;
    font-size:16px;
    color: #000;

}
.select_client_horizon{
    font-style: normal;
    font-size:14px;
    color: #000;
}

.titre_ecran {
	font-family:  Copperplate, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size:24px;
    color: #000;
    text-align: center;

}
.aide{
    font-style: normal;
    font-size:16px;
}

.liste_client a:hover{color:white;}

.cellule_grisee {
    background-color: #000000;
    color: #FFFFFF;
}
/**********************************************/
/*LISTES*/
/**********************************************/
/* listes avec hover */
table.liste{empty-cells:show;
            border-collapse:collapse;
            border-spacing:0px;}

table.liste td{
    min-width: 150px;
        text-align:center;
	cursor:default;}

table.liste th{
    text-align:center;
    text-transform:capitalize;}


table.liste tr:hover{
    background-color:#60C6E7;
    color:white;}


table.liste a:hover{color:white;}


tr.selected{color:white;
            background-color:#4296B1;}


/* listes avec lignes sélectionables */
.listeScroll{
	overflow: auto;
	background-color:#ddeeff;
}



/* base placement inline 50% */
div.basePlacement
{
	display:inline-block;
	text-align: left;
	vertical-align: top;
	/*border : 1px solid red;*/
}

fieldset legend
{
    color:white;
	font-weight: bold;
	border:1px solid #777777;
	background-color: #778899;
	padding-left:8px;
	padding-right:8px;
	-moz-border-radius: 1em;
}

fieldset{
    margin-bottom: 10px;
    border:1px solid #777777;
	-moz-border-radius: 1em;
	background-image: url(images/field.png);
}

.FieldsetInfosAgences{
    max-width: 850px;
}

.FieldsetInfosAgences table tr{
    text-align: left;
}

.FieldsetSaisieDose
{
    min-width: 1300px;
}

.FieldsetModifValeurObjectif
{
    max-width: 900px;
}
.FieldsetLimiteReglementaire
{
    max-width: 800px;
}

.FieldsetGestionListeAgences{
    max-width: 850px;
    vertical-align: top;
}
.FieldsetLegende{
    max-width: 800px
}
.Fieldset12MoisCollectif
{
   width: 98%;
   display: inline-block;
}
.FieldsetModuleInfoClient
{
    max-width: 500px;
}

.FieldsetDosesDuMois
{
    display: inline-block;
    width: 500px;
}
.FieldsetSelectionMoisAnnee
{
    display: inline-block;
    width: 30%;

}
/*********************************************/
/*ECRANS DOSIMETRIE*/
/*********************************************/

/*ECRAN DE CONNEXION*/
#authentification{
    background-color:#d8dde7;
    min-height: 800px;
}

/*ECRAN LIMITES REGLEMENTAIRES*/
table.limites_reglementaires{
    text-align :center;
    margin: 0 auto;

}
/***************************/
/*ECRAN ARCHIVAGE CLIENT*/
/***************************/
#archivage_liste_client{
    background-color:#ddeeff;
    width:400px;
    height: 300px;
}

#archivage_infos_client{
    padding-left:10px;
    margin-left:10px;
    background-color:#d8dde7;
    height: 330px;
}
#liste_docs_objectifs{
    width: 300px;
    height: 200px;
}
/***************************/
/*ECRAN GESTION DES SITES*/
/***************************/
#gestion_liste_site{
    width:400px;
    height: 200px;
}


/***************************/
/*ECRAN CONTRAT CLIENT*/
/***************************/
#contrat_info_client{

    background-color:#d8dde7;
    height:auto;
    width:90%;

}
/***************************/
/*ECRAN DOSSIER CLIENT*/
/***************************/
.dossierHaut{
height:auto;
width:100%;
vertical-align:top;
}

.dossierHaut > div{
vertical-align:top;
display:inline-block;
height: auto;
}

.dossierHaut div fieldset{
min-height: 200px;

}

#dossier_info_client{

    background-color:#d8dde7;
    height:auto;
    width:100%;

}
#dossier_client_resume{
    display :inline-block;
    background-color:#d8dde7;
	vertical-align:top;
}


#select_fonction{
    min-width: 130px;
}
#liste_intervenant{
    display:inline-block;
    background-color:#d8dde7;
    max-width: 200px;
    width:200px;
    height: 140px;
}

#liste_intervenant_dossier_client{
    display:inline-block;
    background-color:#ddeeff;
    /*max-width: 200px;
    width:200px;
    height: 140px;*/
}
#liste_intervenant_saisie_des_doses{

    display:inline-block;
    background-color:#d8dde7;
    max-width: 500px;
    width:500px;
    height: 140px;
}

/***************************/
/* ECRAN DES OBJECTIFS */
/***************************/

/***************************/
/* ECRAN DES AGENCES */
/***************************/
#infos_agences{
    max-width: 850px;

}
#gestion_liste_agences{
    background-color:#ddeeff;
    height: 150px;
    max-width: 460px;
}
/***************************/
/* ECRAN DES INTERVENTIONS */
/***************************/
.detailIntervention{
    height:200px;
    width:500px;

    display: inline-block;
    overflow: auto;
	background-color:#d8dde7;
}

#ecart{

    display :inline;
    background-color:fuchsia;

}

#doses_individuelles{
    display:inline-block;
    background-color:#d8dde7;
    min-width:300px;
    min-height:200px;
    height:auto;

}
#liste_doses{
    background-color:#ddeeff;
    overflow: scroll;
    min-width:300px;


}
#total_dose{
    background-color:#d8dde7;
    display: block;
    min-height:50px;

}
#intervenants_societe{

    display:inline-block;

    background-color:#d8dde7;
    min-height:100px;
    overflow: auto;

}
#intervenants_intervention{
    display:inline-block;
    background-color:#d8dde7;
    min-height:100px;

}
#dosimetrie_intervenant{

    display: block;
    background-color:#d8dde7;
    min-height:50px;

}
#zoom_intervention{

    display : inline-block;
    background-color:#d8dde7;

}
#liste_interventions_interventions{
   max-height:105px;
}
#fieldset_interventions{
    display:inline-block;
}

.interventionDetailsInterv{
    max-width: 600px;
    display: inline;
}

/***************************/
/*ECRAN SAISIE DES DOSES*/
/***************************/
#selection_mois{
	display:inline-block;
    max-width: 600px;
    vertical-align: top;
}

#saisie_dose_intervenant{
    max-width: 600px;
    border: 1px solid #bbb;
}

#ecarts_saisie_des_doses{
    border: 1px solid #bbb;
}

#bouton_envoi{
    display:block;
    background-color:green;
}
#messages{

    width:100%;
    background-color:orange;
}

.doseDiv{
    
    border:none;
    font-size:12px;
    vertical-align: middle;

}

.doseDiv div{
 
    background-color:#942924;
    color:white;
    vertical-align: super;
}

/***********************************/
/*Classeur*/
/***********************************/

div.manager{
    
    overflow:auto;
    height:700px;

    margin-left: 20px;
}

#classeur{
    height:300px;
    background-color:#d8dde7;
}

.niveausup{
    display:inline-block;
    width:300px;
    min-height:99%;
    height:99%;
    vertical-align:top;
    border:1px solid black;
    margin-right:5px;
    margin-top:50px;
    overflow:auto;
    background-color:#FEFFFE;
}

.selected{
    background-color:orange;
}


/* CSS pour les commandes */

#conteneurCommand{
 
    height:20px;
}

.command{
    display:inline-block;
    width:20px;
    min-height:99%;
    height:99%;
    vertical-align:top;
    margin-top:50px;
    margin-left:280px;
    text-align:right;
}

/*******************************/
/**DISTRIBUTON PCR***/
/*******************************/
div.clientList{
    background-color:white;
    border: 1px solid black;
    min-height:100px;

    background: #fff;
    border: 5px solid #ccc;
}

div.clientList div{
    cursor:move;
    background-color:white;
}

div.pcr_drop {
    background: #fff;
    border: 5px solid #ccc;
    text-align: center;
    position: relative;
    top: -60px;
    left: 140px;
    line-height: 100px; }
/*******************************/
/**  RAPPORTS				 ***/
/*******************************/

#rapport_type div.basePlacement
{
	display:inline-block;
	width:49%;
    text-align: left;
    vertical-align: top;

	font-size: 11px;
}

#rapport_type fieldset
{
	border:1px solid #777777;
}
#rapport_type legend
{
	color:white;
	border:1px solid #777777;
	background-image: url(images/fondTR.png);
	-moz-border-radius: 1em;
}


#rapport_type table
{
	font-size: 11px;
}

#rapport_type table.equiv
{
	min-width:300px;
}

#rapport_type table table
{
	background-color:#D9D9D9;
	border:1px dashed gray;
}

#rapport_type table table:hover
{
	background-color:#FBFFB1;
	border:1px dashed red;
}

div.basePlacement img
{
	border:none;
}

#rapport_type textarea
{
	font-size:11px;
	width:95%;
    height:100px;
	-moz-border-radius: 1em;
	padding:1px 3px 1px 3px;

	border:1px solid gray;
}

#rapport_type input
{
	font-size:11px;
	padding:1px 3px 1px 3px;
	border:1px solid gray;
	-moz-border-radius: 1em;
}


#rapport_type textarea:focus
{
	border:1px solid red;
    background-color: #FFF9C2;
}

.gauche{
	float:left;
	width:150px;
}






div.hover {
    border: 5px dashed #aaa;
    background:#efefef; }

/*****************************/
/*********** LISTES ***********/
/**********************************/
/*Classeur*/
/**********************************/

/* listes avec hover */
table.filesystem{empty-cells:show;
                 border-collapse:collapse;
                 border-spacing:0px;
     background-color:#FEFFFE;}
table.filesystem td{cursor:default;}
table.filesystem th{
    text-align:left;
    text-transform:capitalize;}


table.filesystem tr:hover{
   
     background-color:#FC8500;
    color:white;}

table.filesystem a:hover{color:white;}



/**********************************/
/*Tableau générique*/
/**********************************/
table.tableau{empty-cells:show;
              border-color: black;
              border-width: medium;
              border-spacing:0px;
        -moz-border-radius: 1em;}

table.tableau td{
    cursor:default;
    text-align: center;}

table.tableau th{
    text-align:center;
    /*text-transform:capitalize;*/
    color: white;
    background-color: gray }


table.tableau a:hover{color:white;}
/**********************************/
/*Tableau 12 mois glissant*/
/**********************************/
table.tableau_collectif{empty-cells:show;
                        border-color: black;
                        border-width: medium;
                        border-spacing:0px;
}

table.tableau_collectif td{
    cursor:default;
    text-align: center;
    min-width: 50px;
    vertical-align: top;
}

table.tableau_collectif th{
    text-align:center;
    text-transform:capitalize;
    color: white;
    background-color: gray }

table.tableau_collectif th.mois_courant{
    text-align:center;
    text-transform:capitalize;
    color: red;
    background-color: blue }

table.tableau a:hover{color:white;}

.doseprise{
    text-align: center;
    font-size: 1em;
    color : navy;
}
.doseprise_grisee{
    text-align: center;
    font-size: 1em;
    color : orange;
}
.doseefficace{
    text-align: center;
    font-size: 0.8em;
    color : black;
}

.doseefficace_grisee{
    text-align: center;
    font-size: 0.8em;
    color : white;
}
.doseprevue{
    text-align: center;
    font-size: 0.8em;
    color : black;
}
.doseprevue_grisee{
    text-align: center;
    font-size: 0.8em;
    color : white;
}
#infos_intervenant{
    display: block;
}

/* tableau intervention */
.coll_intervention{
	display:inline-block;
	vertical-align: top;
	width:400px;
	border: #999 1px solid;
    -moz-border-radius: 1em;
	background-image: url(images/field.png);
}

.coll_intervention .title{
	background-color:maroon;
	color:white;
	padding:2px;
        border: none;
       -moz-border-radius: 1em;
}

.coll_intervention img{
	border:none;
}

.presoGeneral{
	width:100%;
}

.coll_details{
	display:inline-block;
	vertical-align: top;
}


/**********************************/
/*Tableau dosimetrie individuelle*/
/**********************************/
table.tableau_individuel{empty-cells:show;
                         border-color: black;
                         border-width: medium;
                         border-spacing:0px;}

table.tableau_individuel td{
    cursor:default;
    text-align: center;
    min-width: 75px;
}

table.tableau_individuel th{
    text-align:center;
    text-transform:capitalize;
    color: white;
    background-color: gray }


table.tableau a:hover{color:white;}
/**********************************/
/*Tableau pour les logs*/
/**********************************/
table.tableaulogs{empty-cells:show;
                  border-collapse:collapse;
                  border-spacing:0px;}

table.tableaulogs td{cursor:default;}

table.tableaulogs th{
    text-align:center;
    text-transform:capitalize;
    background-color: gray }


table.tableaulogs tr:hover{
    background-color:#60C6E7;
    color:white;}


table.tableaulogs a:hover{color:white;}

/**********************************/
/*Tableau pour les ecarts*/
/**********************************/
table.tableauecart{empty-cells:show;
                   border-collapse:collapse;
                   border-spacing:0px;
}

table.tableauecart td{cursor:default;}

table.tableauecart th{
    text-align:center;
    text-transform:capitalize;
    background-color: gray }


table.tableauecart tr:hover{
    background-color:#60C6E7;
    color:white;}


table.tableauecart a:hover{color:white;}

tr.selected{color:white;
            background-color:#4296B1;}

td.titre{
    color: white;
    background-color: maroon;
}

a.lienTableau {
    color: white;
}

/*********************************************/
/*FIN DES ECRANS*/
/*********************************************/
#bas_ecran {

    display: block;
    /*height: 100px;*/
    background-image: url(images/field.png);
    text-align: center;
    font-size: 1.2em;
    color: #000;
}

/*todo test*/
.popup{display:block;
       position:absolute;
       border:2px groove black;
       background-color:#e7e7e7;
       z-index:99;
       overflow:auto;}

#corpsPopup{padding:2px;}
/* titre dans popup */
.popup .titre {padding:0px;}
.popup .titre * {color:white;
                 font-weight:bold;}
/* lien dans popup */
.popup a {font-weight:bold;
          text-decoration:underline;}

/* div desactivant toute saisie lors d'un popup */
/* on desactive le cursor appele par onclick */
div.inactif{position:fixed;
            top:0px;
            left:0px;
            width:100%;
            height:100%;
            background-color:black;
            opacity:0.4;
            cursor:auto;
            z-index:97;}

/* tableau div */
.tableau{display:table;
         border: 10px;
         border-collapse:separate;
}

.ligne{display:table-row;}

.cellule{display:table-cell;
         vertical-align:top;}


/*style bloc  pied de page*/
/*
#pied {
    position:absolute;
    bottom:0px;
    height: 30px;
    width:100%;
    background-color:#33F;
    text-align: center;
    font-style: italic;
    font-size: 1.2em;
    color: #FFF;
}
*/

/**********************/
/*style bloc d'en-tete*/
/**********************/
#pied {
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 18px;
	
	font-style: italic;
    font-size: 9px;
    text-align: center;
}



/************************/
/*ANCIENNE VALEURS*/
/************************/

/*
#zone_gauche {
    display: inline;
    float: left;
    background-color:#d8dde7;
    min-height: 800px;
    width:240px;
}
#conteneur{
    margin: 0;
    padding: 0;
    display: block;
    background-color:#d8dde7;
    min-height: 800px;
    height :auto;
}
#contenu{
    margin: 0;
    padding: 0;
    display: block;
    background-color:#d8dde7;
}
*/
/*
#zone_gauche {
    display: inline-block;
    width:20%;
    min-width:240px;
    vertical-align: top;

    margin: 0;
    padding: 0;
}

*/
.FieldsetDetailIntervention {
   /* display: inline-block;*/
   height: 350px;
}
/*
.FieldsetDetailIntervention table tr{
    text-align: left;
}


*/