/* Mise en page Globale de la page */
body {
	overflow:hidden;
	margin:0px 0px 0px 0px;
	/*background:#ffffff;*/
	padding:0px 0px 0px 0px;
}

html {
   overflow:hidden;
	/*background : #EDEDED;*/
	/*background-color : #FFFFFF;*/
	/* Style general Agirh 2006 */
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size : 12px;
   font-style : normal;
   font-weight : normal;
   color : #000000;	
   /* -- */	   
	z-index : 1;
}

#choix
{
   overflow:hidden;
}

/* Styles de base, redéfinition des Tags de base */
img {
	border:0px;
}

img.imageHaut {
	vertical-align:top;
}

img.image {
	vertical-align:middle;	
}

img.imageBas {
	vertical-align:bottom;
}

.pointer{
cursor:pointer
}

hr {
	height:1px;
	color : #000066;
	border-style:solid;
	border-width:1px; 
	border-color:#000066;
}

a {
	/* Style link A Agirh 2006 */
	font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size : 12px;
   font-style : normal;
   font-weight : bold;
   text-decoration : none;
	vertical-align:middle;
   color : #003399;	
   /* -- */	
}

a.weightMenu {
   font-weight : normal;
}

a.weightMenu:hover, a.weightMenu:visited {
   font-weight : bold;
}

a:hover {
	/* Style link A:hover Agirh 2006 */
	   font-family: Verdana,Arial,Helvetica,sans-serif;
      font-size : 12px;
      font-style : normal;
      font-weight : bold;
	   text-decoration:underline;
	   vertical-align:middle;
      color : #003399;	
   /* -- */   
}
a:visited{
	/* Style link A:visited Agirh 2006 */
	font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size : 12px;
   font-style : normal;
   font-weight : bold;
   text-decoration : none;
	vertical-align:middle;
   color : #003399;	
   /* -- */   
}

label {
	/* Style nom de champ Agirh 2006 */
	font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size : 12px;
   font-style : normal;
   font-weight : normal;
   text-decoration : none;
   color : rgb(70,70,70);
   /* -- */   
  	padding-left:.4em;
	padding-right:.4em;
}

#filtre_mode_modification label, #choixImpressions label, #filtrageAvance label, div.tableau table.travail label, #mondiv #montab label, table.parametrage label, table.semtype_ajout label, label.resetlabelcss {
   /* On essaye de ne pas toucher au style sur les labels pour l'ergo US V16 AGMD-US-EGT-Ergo-Cases à cocher.doc */
   font-family: inherit;
   font-size : inherit;
   font-style : inherit;
   font-weight : inherit;
   text-decoration : inherit;
   color : inherit; 
   padding-left: inherit;
   padding-right: inherit;
}

em {
	text-decoration:underline;
	font-style:normal;
}
span {
	font-size:12px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	/*color:#000000;*/
}

input {
	font-weight:normal;
	vertical-align:middle;
	font-size:12px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#000000;
 	/*height:15px;*/	
	margin-top:1px;
	cursor : pointer;		
}

input::-ms-reveal, input::-ms-clear {
	display: none;
}

select, textarea {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
	color:#000000;
	background:#ffffff;
	border:solid 1px #6699cc;
	cursor : pointer;		
}
select {
	font-size:11px;
	margin:1px 0px 1px 0px;
}
/* MBER conflit css entre N/O socle option {
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
}*/
option.previsionnel {
	color:#0000FF;
}
option.valide {
	color:#FF0033;
}
option.valorise {
	color:#6600FF;
}




textarea {
	font-size:12px;
}
fieldset {
	border:0px;
	clear:both;
	border:solid;
	border-width:1px 1px 1px 1px;
	border-color:#b2d4e7;		
	padding:4px 4px 4px 4px;
	text-align:left;
	margin:auto;	
	background:#f2f8fb	
}
legend {
	font-size:12px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#333333;
	font-weight:normal;
}
legend.obligatoire {
	color:#FF0000;
}
table {
	/*width:100%;*/
	border-collapse:collapse;
	border:none;
}
table.tableImbriquee {
	width:100%;
	border-collapse:collapse;
	border:none;
}
th {
	background:#cecafc;
	/* Style entete tableau Agirh 2006 */
	font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size : 12px;
   font-style : normal;
   font-weight : normal;
   text-decoration : none;
	vertical-align:middle;
	/*text-align:center;*/
   color : #514ca0;	
   /* -- */   	
}

td {
	/* Style texte cellule tableau Agirh 2006 */
	font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size : 12px;
   font-style : normal;
   font-weight : normal;
	vertical-align:middle;
	/*text-align:center;*/
   /* -- */ 	
}

h1
{
	display: inline;
	position: relative;
	padding-left: 0px;
	white-space: nowrap;
   /* Style Sous-titre (h1) Charte Agirh 2006 */
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   color: #000066;	
   /* -- */
}

h2
{
	background:url(puce2.gif) no-repeat left center;
   margin-top : 5px;
	padding-left:24px;

	/* Style Sous-titre (h2) Charte Agirh 2006 */
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size : 13px;
   font-style : normal;
   font-weight : bold;
   color : #000066;	
   /* -- */	
}

/* ------------------------------------------------ */
/* Styles                                           */
/* spécifiques Message                              */

/* Message d'erreur de niveau signalisation */
h4
{
	background-image:url(erreurSignalisation.gif);
	background-color:#ffffff;
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:17px;
	font:bold 12px Verdana, Arial, Helvetica,sans-serif;
	margin: 0px 0px 0px 0px;
	color:#cecafc;
}
/* Surcharge de H4 pour afficher une erreur de niveau grave et alerte */
h4.erreurGrave, h4.erreurAlerte
{
	background-image:url(erreurGrave.gif);
	color:#ff0404;
}

/* ------------------------------------------------ */
/* Styles                                           */
/* Eléments du formulaire                           */

/* Action en début de formulaire  */
div.zoneActionDebutFormulaire {
   margin-top:10px;
   margin-left:20px;
	background:transparent;
}
div.zoneActionDebutFormulaire a
{
	background-image:url(puce2.gif);
	background-color:transparent;
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:25px;
	padding-bottom:0.1em;

   /* Style Sous-titre (h1) Charte Agirh 2006 */
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size : 12px;
   font-style : normal;
   font-weight : bold;
   color : #0000FF;	
   /* -- */	
}
div.zoneActionDebutFormulaire a:hover
{
   text-decoration : underline;
}
/* Séparation */
div.separation {
/*	background:url(sous-titre.gif) no-repeat;
	width : 800px;
	height:9px;
   margin : 5px auto 5px 0px; */
}

/* Affichage zone pour masquer ou afficher des zones de formulaire */
div.zoneGestionAffichageElementFormulaire {
	background-color:#cecacf;	
	border:outset 2px #cecacf;
	vertical-align:middle;
	margin : 0px 0px 4px 0px;
	width:100%;
	text-align:left; 
}

/* Menu contextuel dans formulaire */
fieldset.boutonContextuel
{
	float:left;
	border:1px solid #ff9a00;
	margin:2px 2px 2px 2px;
	padding:1px 2px 1px 2px;
	text-align:center;
	clear:none;
}
fieldset.boutonContextuel legend
{
	color:#ff9a00;
	font:normal 12px Verdana,Arial,Helvetica,sans-serif;
}
/* Zone éléments de formulaire   */
div.groupeElement {
	width:100%;
	height:100%;
}
div.groupeElementCriteres {
	clear:both;
	width:auto;
	padding-left:0px;
	padding-right:4px;
	margin-top:0px;
	margin-bottom:5px;
	margin-right:0px;
	margin-left:18px;
	border:1px dotted #cecafc;
}
div.groupeElement H2{
	background:url(puce2.gif) no-repeat left center;
	margin-top:2px;
	padding-left:20px;
	padding-top: 2px;
	padding-bottom: 0.1em;
	width:auto;
	clear:both;

	/* Style Sous-titre (h2) Charte Agirh 2006 */
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size : 14px;
   font-style : normal;
   font-weight : bold;
   color : #000066;
}

/* Information importance */
.importance {
	font-weight:bold;
}
.importanceHaute {
	font-weight:bold;
	color:#9900cc;
	background-color:#ffca21;
	border:solid 1px #f2f8fb;
}
td.importanceHaute span {
	font-weight:bold;
	color:#0600ff;
}
/* Cadrage par tableau          */
td.gauche,
td.centre,
td.droite {
	color:#000000;
	vertical-align:middle;	
}
td.left,
td.gauche {
	text-align:left;
}

td.centre {
	text-align:center;
}
th.droiteC, td.droiteC, td.droite {
	text-align:right;
}
td.protege {
	height:20px;
	border:solid 1px #f2f8fb;
	background:#d4e7f2;
}
/* Cadrage par division          */
div.centre {
	float:left;
	text-align:center;
	vertical-align:middle;
}
div.droite {
	float:left;
	text-align:right;
	vertical-align:middle;
}
div.gauche {
	float:left;
	text-align:left;
	vertical-align:middle;
}
div.protege {
	height:20px;
	border-top:solid 1px #f2f8fb;
	background:#d4e7f2;
}
/* Label          */
label.obligatoire  {
   font-weight : bold;
}
/* Label          */
label.red  {
   color : red;
}
label.radio {
	vertical-align:middle;
}

span.textePetit {
	font-size:9px;
}
/* Zone de texte          */
input.gauche,
input.droite {
	background:#ffffff;
	border:solid 1px #7f9db9;	
}
input.gauche {
	text-align:left;
}
input.droite {
	text-align:right;
}

/* ------------------------------------------------ */
/* Styles                                           */
/* spécifiques bouton                               */

/* Mini-bouton sur fond bleu */
/* Utilisé pour action sur élements de tableau (bas de tableau) */
div.miniBoutonFondBleu
{
	display:inline;
	white-space:nowrap;
}
div.miniBoutonFondBleu img, button
{
	vertical-align:middle;
}
div.miniBoutonFondBleu button
{
	background:#ffffff url(fondBoutonMiniFondBleu.gif);
	border:none;
	font: normal 9px Verdana, Arial, Helvetica,sans-serif;
	color:#000066;
	padding-bottom:3px;
	height:20px;
	/* Style libelle de champ obligatoire Charte Agirh 2006 */
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size : 10px;
   font-style : normal;
   font-weight : normal;
   color : #000066;	
   /* -- */		
}
div.miniBoutonFondBleu button[disabled]
{
	color:#9999AA;
}

/* Bouton sur fond bleu pale */
/* Utilisé pour action sur éléments intermédiaires de formulaire */
.zoneBoutonIntermediaire {
	text-align:right;
	padding:3px 0px 2px 3px;
}
div.boutonFondBleuPale
{
	display:inline;
	white-space:nowrap;
	cursor : pointer;
}
div.boutonFondBleuPale img, button
{
	vertical-align:middle;
	cursor : pointer;	
}
div.boutonFondBleuPale button
{
	background:#ffffff url(fondBoutonFondBleuPale.gif);
	border:none;
	color:#cecafc;
	height:20px;
	cursor : pointer;	
	/* Style libelle de champ obligatoire Charte Agirh 2006 */
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size : 10px;
   font-style : normal;
   font-weight : normal;
   color : #000066;	      
   /* -- */	
}
div.boutonFondBleuPale button[disabled]
{
	color:#222222;
}
/* Bouton sur fond orange */
/* Utilisé pour action sur éléments généraux de formulaire */
.zoneBouton {
   background-color:#FF0000;
   position : absolute;
   left : 0px;
   bottom : 28px; 
	height : 27px;
	width : 100%;
	z-index : 1;	
}
.zoneBouton img
{
	z-index:4;
}
#zoneBoutonHaut
{
   background : #00FF00;
	height:30px;
}
#zoneBoutonCentre
{
   background : #00FF00;
	height:12px;
}
#zoneBoutonCentre img
{
	height:12px;
	width:2px;
}

.fleche_periode {
	font-weight:normal;
	vertical-align:middle;
	font-size:12px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#000000;
 	height:15px;	
	margin-top:1px;
	cursor : pointer;		
}

.zoneBouton .gauche
{
	float:left;
}
.zoneBouton .droite
{
	float:right;
}
#zoneBoutonBas
{
   background : #00FF00;
	height:21px;
}
#zoneBoutonHaut, #zoneBoutonCentre, #zoneBoutonBas
{
	margin-left:170px;
	margin-right:0px;
	overflow:hidden;
}
#boutonAction
{
	clear:both;
	height:22px;
	z-index:2;
	margin:0px 13px 13px 283px; /* marge gauche + largeur de #boutonLien */
	vertical-align:top;
	text-align:center;
	padding:0;
	overflow:auto;
}
#boutonAction button
{
	font: bold 12px Verdana, Arial, Helvetica,sans-serif;
	margin:0px 0px 0px 0px;
   background : #00FF00;
	color:#cecafc;
	height:21px;
	border:none;
	padding:0px 0px 0px 0px;
	font-weight:bold;
}

#boutonLien
{
	z-index:3;
	overflow:auto;
	vertical-align:top;
	width:100px;
	position:absolute;
	bottom:11px;
	left:194px;
	text-align:left;
   background : #00FF00;
	height:19px;
}
#boutonLien a
{
	color:#cbc7fa;
	font:bold 12px Verdana,Arial,Helvetica,sans-serif;
	padding-left:17px;
	padding-bottom:8px;
}
#boutonLien a:hover
{
	text-decoration:underline;
}
#boutonAction div
{
	display:inline;
	white-space:nowrap;
}
#boutonAction img, #boutonAction button
{
	vertical-align:top;
	margin:0px 0px 0px 0px;
	border:0;
	padding:0px 0px 0px 0px;
}

/* ------------------------------------------------ */
/* Styles                                           */
/* spécifiques tableau                              */

/* Zone de nagivation pour tableau de valeur */
div.zoneNavigation {
	height:24px;
	float:right;
	text-align:right;
	vertical-align:middle;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:auto;
}
div.zoneNavigation select {
	border:solid 1px #a3a3FF;
	color:#00309C;
	margin:0px 0px 0px 0px;
	vertical-align:middle;
	font-size:10px;
	cursor : pointer;		
}
div.zoneNavigation select option {
	color:#cecafc;	
	cursor : pointer;		
}
div.zoneNavigation input {
	font-size:9px;
	vertical-align:middle;
	cursor : text;		
}
div.zoneNavigation img {
	border:0px;
	vertical-align:middle;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
	cursor : pointer;		
}
div.zoneNavigation a img
{
	margin-bottom:3px;
	cursor : pointer;		
}
div.zoneNavigation a {
	border:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	cursor : pointer;		
}
/* Zone de résultat pour tableau de valeur */
div.zoneResultat {
	height:19px;
	float:left;
	margin:0px 0px 0px 0px;
	padding-top:5px;
	width:auto;

	/* Style general Agirh 2006 */
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size : 10px;
   font-style : normal;
   font-weight : normal;
	text-align:left;
	vertical-align:bottom;
   color : #000000;	
   /* -- */	 	
}

/* Tableau */
div.tableau {

	width:100%;
	/* document.documentElement.clientHeight => taille du navigateur*/
	/*margin:0px 0px 0px 0px;*/
	overflow	: auto; 
	background:#f2f8fb;
	padding:0px 0px 0px 0px;
}

/* Zone de fin tableau de valeur */
#zoneGestionFinTableau {
	background:#cecafc;
	padding-left:4px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:3px;	
	width:auto;
	height : 20px;
	clear:both;
	font-size:12px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#000066;
	font-weight:normal;
	text-align:right;
}
#zoneGestionFinTableauDroite {
   width: 45%;
   margin-right:15px;
   float: right;
   text-align: right;
}
#zoneGestionFinTableauGauche {
   width: 45%;   
   margin-left:15px;   
   float: left;
   text-align: left;
   padding-top:3px;
   
 	/* Style general Agirh 2006 */
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size : 10px;
   font-style : normal;
   font-weight : normal;
	text-align:left;
	vertical-align:bottom;
   color : #000000;	
   /* -- */	 
}
#BarreBoutonPrincipale {
   width: 100%;
   margin-top:10px;
   text-align: right;
}
/* Cadrage titre */
th.titreAvecBU,th.titreAvecBD,th.titreAvecBDG,th.titreAvecBGB,th.titreN a,th.titreN, th.titre, th.titreNSansBordureBas, th.titreSansBordureBas {
   padding : 2px;

}

th.titreAvecBU,th.titreAvecBD,th.titreAvecBDG,th.titreAvecBGB,th.titreN a,th.titreN, th.titre {
	text-align:center;
}

th.titreNGauche {
	text-align: left;
}

th.titreNDroite {
	text-align: right;
}

th.titreN, th.titreNSansBordureBas {

}

th.titreAvecBU,th.titreAvecBD,th.titreAvecBDG,th.titreAvecBGB,th.titreN a, th.titre a, th.titreNSansBordureBas a, th.titreSansBordureBas a ,th.titreNDroite a,th.titreNGauche a{
	/* Style general Agirh 2006 */
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size : 12px;
   font-style : normal;
   font-weight : bold;
   color : #444198;	
   /* -- */	   	
}

th.titreAvecBU a:hover,th.titreAvecBD a:hover,th.titreAvecBDG a:hover,th.titreAvecBGB a:hover,th.titreN a:hover, th.titre a:hover, th.titreNSansBordureBas a:hover, th.titreSansBordureBas a:hover,th.titreNDroite a:hover,th.titreNGauche a:hover {
	/* Style general Agirh 2006 */
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size : 12px;
   font-style : normal;
   font-weight : bold;
	text-decoration : underline;      
   color : #444198;	
   /* -- */	 
}

th.titreAvecBU a:visited,th.titreAvecBD a:visited,th.titreAvecBDG a:visited,th.titreAvecBGB a:visited, th.titreN a:visited, th.titre a:visited, th.titreNSansBordureBas a:visited, th.titreSansBordureBas a:visited,th.titreNDroite a:visited,th.titreNGauche a:visited {
	/* Style general Agirh 2006 */
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size : 12px;
   font-style : normal;
   font-weight : bold;
   color : #444198;	
   /* -- */	 
}


th.titreAvecBU{

   border-right: 1px solid #DCDCDC;
   border-left: 1px solid #DCDCDC;
   border-bottom: 1px solid #DCDCDC;
}


th.titreAvecBGB{

   border-left: 1px solid #DCDCDC;
   border-bottom: 1px solid #DCDCDC;
}

th.titreAvecBDG,td.donneAvecBDG1 , td.donneAvecBDG2 {

   border-left: 1px solid #DCDCDC;
   border-right: 1px solid #DCDCDC;
}
 



/* Cadrage valeur */
td.donneeGaucheN1, td.donneeGaucheN2,
td.donneeGauche1, td.donneeGauche2 {
	text-align:left;
}
td.donneAvecBDG1,td.donneAvecBDG12,
td.donneeCentreN1, td.donneeCentreN2,
td.donneeCentre1, td.donneeCentre2 {
	text-align:center;
}

td.donneeDroiteN1, td.donneeDroiteN2,
td.donneeDroite1, td.donneeDroite2,
td.donneeDroiteNZ1, td.donneeDroiteNZ2 {
	text-align:right;
}
td.donneAvecBDG1,
td.donneeGaucheN1, td.donneeGauche1, 
td.donneeCentreN1, td.donneeCentre1,
td.donneeCentreRougeN1, td.donneeCentreRouge1,
td.donneeGaucheRougeN1, td.donneeGaucheRouge1,
td.donneeDroiteN1, td.donneeDroite1,
td.donneeDroiteNZ1 {
	background:#eff2fb;
}
 

td.donneAvecBDG2,
td.donneeGaucheN2, td.donneeGauche2, 
td.donneeCentreN2, td.donneeCentre2,
td.donneeCentreRougeN2, td.donneeCentreRouge2,
td.donneeGaucheRougeN2, td.donneeGaucheRouge2,
td.donneeDroiteN2, td.donneeDroite2,
td.donneeDroiteNZ2 {
	background:#ffffff;
}
td.donneeCentreRougeN1, td.donneeCentreRougeN2,
td.donneeCentreRouge1, td.donneeCentreRouge2 {
	text-align:center;
	color:red;

}
td.donneeGaucheRougeN1, td.donneeGaucheRougeN2,
td.donneeGaucheRouge1, td.donneeGaucheRouge2 {
	text-align:left;
	color:red;

}
td.donneAvecBDG2 {
   text-align : center;
}
td.contacts_ajout
{
	width: 200px;
}

/* ------------------------------------------------ */
/* Styles                                           */
/* spécifiques Onglet                               */

/* Identifiant pour balise div pour onglet */
div.ongletOuvert {
	float:left;
	background:url(ongletOuvert70x19.png) no-repeat;
	width:64px;
	height:19px;
	text-align:center;
	vertical-align:middle;
	border:0px;
	padding:0px;
	margin:0px;
	font-size:10px;
	color:#ffffff;
	font-weight:normal;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	line-height:21px;
	cursor:pointer;
}
div.ongletFerme {
	float:left;
	background:url(ongletFerme70x19.png) no-repeat;	
	width:64px;
	height:19px;
	text-align:center;
	vertical-align:middle;
	border:0px;
	padding:0px;
	margin:0px;
}
div.ongletFerme a
{
	font-size:10px;
	color:#003399;
	text-align:center;
	font-weight:normal;
	line-height:21px;
	text-decoration:none;
}
div.ongletFerme a:hover
{
	text-decoration:underline;
}
div.ongletProtege {
	float:left;
	background:url(ongletProtege120x19.gif) no-repeat;
	width:120px;
	height:19px;
	text-align:center;
	vertical-align:middle;
	border:0px;
	padding:0px;
	margin:0px;
	font-size:11px;
	color:#333333;
	font-weight:normal;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	line-height:21px;
}


div.ongletVert 
{	
	background: url("../../commun/style/ongletFerme70x19vert.png") no-repeat scroll 0 0 transparent;
}

div.ongletOrange
{	
	background: url("../../commun/style/ongletFerme70x19orange.png") no-repeat scroll 0 0 transparent;
}

div.ongletOuvertB 
{
	/*background: url("ongletOuvert120x19.gif") no-repeat scroll 0 0 transparent;*/
	background: url("ongletOuvert70x19.png") no-repeat;
}

div.ongletOuvertV 
{
	/*background: url("ongletOuvert120x19.gif") no-repeat scroll 0 0 transparent;*/
	background: url("ongletOuvert70x19vert.png") no-repeat scroll 0 0 transparent;
}

div.ongletOuvertR 
{
	/*background: url("ongletOuvert120x19.gif") no-repeat scroll 0 0 transparent;*/
	background: url("ongletOuvert70x19rouge.png") no-repeat scroll 0 0 transparent;
}

div.ongletOuvertB a, div.ongletOuvertV a, div.ongletOuvertR a
{
	color: #FFFFFF;
}

/* ------------------------------------------------ */
/* Styles                                           */
/* Spécifiques page Erreur                          */

/* Encadrement erreur */
#champHautErreur {
	background:url(erreur.gif) no-repeat;
	width:400px;
	height:64px;
	border:0px;
	padding:0px;
	margin:0px;
}
#champBasErreur {
	background:url(erreurSeparation.gif) no-repeat;
	width:400px;
	height:7px;
	border:0px;
	padding:0px;
	margin:0px;
}
/* Erreur fatale   */
span.erreurFatale {
	color:#000000;
}

/* ------------------------------------------------------ */
/* Styles                                                 */
/* spécifiques Page connexion et changement mot de passe  */

/* Connexion */
#connexion {
	position:absolute;
	top:30%;
	left:30%;
	text-align:center;
}
/* Fond connexion */
#fondConnexion {
	background:url(fondConnexion.gif) no-repeat;
	width:429px;
	height:269px;
}
/* Fond changement mot de passe */
#fondChangementMotDePasse {
	background:url(fondChangementMotDePasse.gif) no-repeat;
	width:429px;
	height:269px;
}
/* Surcharge de H4 pour afficher une erreur de niveau connexion */
h4.erreurConnexion
{
	background-image:url(erreurGrave.gif);
	background-color:#fff;
	color:#ff0404;
	padding-left:0px;
	text-indent:0px;	
	margin-left:15px;
}

/* ------------------------------------------------ */
/* Styles                                           */
/* Spécifiques commandes menu gauche                */

/* Haut du menu gauche */
#hautMenuGauche, #sansMenuGauche {
	top:145px;
	left:0px;
	position:absolute;
	margin-left:0px;
	padding:0px 0px 0px 0px;
	z-index:1;
}
#hautMenuGauche {
	width:165px;
	height:20px;
	left:20px;	
}
/* Sans menu gauche */
#sansMenuGauche
{
	width:165px;
	height:232px;
}
/* Menu gauche */
#menuGauche {
	/*top:165px;*/
	top:202px;
	left:19px;
	position:absolute;
	padding:10px 2px 10px 10px;
	background-color:#FFE9D1;
	margin:0px 0px 0px 0px;
	width:165px;
	z-index:99;
	overflow : hidden;	
	/*
	border-top:solid 1px #B20000;
	border-right:solid 1px #B20000;
	border-bottom:solid 1px #B20000;
	*/
	border:solid 1px #E8899D;
}

#menuGaucheImg{
   position:absolute;
   /*top:160px;*/
   top:198px;
   left:25px;
   width:155px;
   height:8px;
   z-index:100;
}

#menuGaucheTitre {
	top:202px;
	left:2px;
	position:absolute;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:20px;
	z-index:100;
	/* Style Titre Menu Gauche Charte Agirh 2006 */
	font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size : 13px;
   font-style : normal;
   font-weight : bold;
   color : #000066;	
   /* -- */	
	overflow : hidden;	   
}

#boiteOutils {
	/*top:400px;*/
	top:119px;
	left:1px;
	position:absolute;
	padding:0px 0px 0px 0px;
	margin-left:1px;
	width:20px;
	z-index:1;
	/* Style Titre Menu Gauche Charte Agirh 2006 */
	font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size : 13px;
   font-style : normal;
   font-weight : bold;
   color : #000066;	
   /* -- */	
	overflow : hidden;	   
}
/* Label menu gauche */
#menuGauche label
{
	display:block;
	padding:3px 0px 3px 10px;
	margin: 0px 0px 0px 0px;
   /*background:#FFe9D1 url(fondMenu.gif);*/
   background-color:#FFE9D1;
	overflow : hidden;	   
}
/* Liens des menus */
#menuGauche a
{
	display:block;
	/*padding: 3px 0px 3px 10px;*/
	padding: 3px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
   /*background:#FFE9D1 url(fondMenu.gif);*/
   background-color:#FFE9D1;	
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	/*font-weight:bold;*/
	letter-spacing:-0.04em;
	color:#344f94;
	overflow : hidden;		
}
.bold
{
	font-weight : bold;
}

#menuGauche a:focus
{
	outline : none;
}
/* Item menu sélectionné */
#menuGauche a.itemMenuSelectionne
{
	color:#a700d4;
   /*background:#FFE9D1 url(fondMenu.gif);*/
   background-color:#FFE9D1;
	overflow : hidden;	   
}
/* Sous item menu sélectionné */
#menuGauche a.sousItemMenuSelectionne
{
	color:#a700d4;
	overflow : hidden;		
}
/* Lien sous menu ouvert */
#menuGauche a.sousMenuGaucheOuvert
{
   /*background:#FFE9D1 url(fondMenu.gif);*/
   background-color:#FFE9D1;	
	overflow : hidden;	   
}
/* Sous-menus */
#menuGauche div {
	overflow:auto;
	height:auto;
	background:#fff5cc;
	padding-left:0px;
	overflow : hidden;		
}
/* Liens des sous-menus */
#menuGauche div a
{
   /*background:#FFE9D1 url(fondMenu.gif);*/
   background-color:#FFE9D1;	
	padding:5px 0px 1px 20px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	letter-spacing:0em;
	color:#1b4bc7;  
	overflow : hidden;		 	   		
}
#menuGauche div a:focus
{
	outline : none;	 	   		
}
/* Ligne dans menu gauche pour label, zone de texte et bouton */
#menuGauche div.ligne {
	height:21px;
	overflow:hidden;	
  	vertical-align:top;
	overflow : hidden;	  	
}
#menuGauche div.ligne label
{
	background-image:none;
	font-weight:normal;
	font-size:10px;
	letter-spacing:0em;
	padding:0px 0px 0px 0px;
	margin-left:0px;
	display:inline;
	overflow : hidden;		
}
#menuGauche div.ligne input
{
	border:solid 1px #ffffff;
	font-size:11px;	
	overflow : hidden;		
}
#menuGauche div.ligne button
{
   background:#ffffff url(fondBoutonFondBleuPale.gif);
   border:none;
   font: bold 11px Verdana, Arial, Helvetica,sans-serif;
	color:#0043a7;
	height:21px;
	width:23px;
	padding-bottom:3px;
	overflow : hidden;		
}

#menuGauche div.derniereEdition {
	height:20px;
	overflow : hidden;		
}

#menuGauche a.derniereEdition
{
	display:block;
	padding: 3px 0px 3px 2px;
	margin: 0px 0px 0px 0px;
	background-image:none;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#003399;
	letter-spacing:-0.04em;
	overflow : hidden;		
}

/* -------------------------------------------------- */
/* Divisions cadre de la page                         */
/* Identifiant pour balise div pour partie bas gauche */
#basGauche {
	z-index:0;
	position:absolute;
	bottom:5px;
	left:10px;
}

#LePiedPage {
   position : absolute;
   left : 0px;
   bottom : 0px; 
   background:url(Piedpage.png) repeat-x;   
	height : 27px;
	width : 100%;
	z-index : 1;
}

#LePiedPage #LePiedPageGauche{
   padding-left : 15px;
   padding-top : 7px;
   width : 45%;
   text-align: left;
   float :left;
}

#LePiedPage #LePiedPageDroite{
   padding-right : 15px;
   padding-top : 7px;
   /* Style Titre Application Charte Agirh 2006 */	
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size : 11px;
   font-style : normal;
   font-weight : normal;
   color : #000000;	
   /* -- */	   
   width : 45%;
   text-align: right; 
   float: right;     
}

#PiedPage
{
	background:url(Piedpage.png) repeat-x;   
	height : 27px;
	width : 1000px;
	border : 2px solid #ff0000;
}

#fondBas {
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:5px;
}

/* Identifiant pour balise div pour partie haut gauche */
#hautGauche {
	z-index:1;
	background:url(bandeau1.png) no-repeat top left;
	width:100px;
	height:68px;
   position:absolute;
	top:0px;
	left:0px;
}
#hautGauche #logo{
	z-index:9999;
	background:url(logo.png) no-repeat;
	width:85px;
	height:38px;
	margin-left : 12px;
	margin-top : 8px;
}

/* Identifiant pour balise div pour partie haut */
#haut{
	z-index:2;   
	/*position:absolute;*/
	top:0px;
	left:0px;
	margin-left:100px;
	padding-left: 15px;
	background:url(bandeau2.png) repeat-x top left;	
	height:68px;
	width:100%;
}

/* Titre application  */
#titreApplication
{
   float : left;
   width : 100%;
   padding-top : 5px;
	white-space:nowrap;

   /* Style Titre Application Charte Agirh 2006 */	
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size : 22px;
   font-style : normal;
   font-weight : normal;
   color : #4040A0;	
   /* -- */
}

/* Identifiant pour balise div pour partie haut date */
#hautDate{
   float : left;
   padding-top : 2px;   
	text-align:right;
	vertical-align:middle;
	
	/* Style "Message d’accueil et état de la connexion utilisateur" charte Agirh 2006 */
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size : 12px;
   font-style : normal;
   font-weight : normal;
   color : #000000;		
	/* -- */
}

#hautDroite {
	z-index:3;   
	background:url(bandeau3.png) top right;	   
	position:absolute;
	top:0px;
	right:0px;
	height:68px;	
	width: 324px;
}
#hautDroite img {
   float : right;
	vertical-align:top;
	margin-top : 15px;
	margin-right : 15px;
}

/* Identifiant pour balise div pour erreur */
#zoneErreur {
	background:#d9eaf3;
	height:20px;
	position:absolute;
	top:30px;
	left:0px;
	width:100%;
	text-indent:184px;
	padding-top:2px;
}

#zoneProgression
{
	background: transparent;
	text-indent:5px;
	float : left;
	
   /* Style Progression */
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size : 11px;
   font-style : normal;
   font-weight : normal;
	text-decoration:none;      
	color:#ff7800;
   /* -- */	
}

#zoneProgression a
{
	vertical-align: bottom;
   /* Style Progression */
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size : 11px;
   font-style : normal;
   font-weight : normal;
	text-decoration:none;      
	color:#0043a7;
   /* -- */		
}

#zoneProgression em {
   /* Style Progression */
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size : 11px;
   font-style : normal;
   font-weight : normal;
	text-decoration:none;
	color:#000066;
   /* -- */	
}

img.flecheMenuGauche
{
	margin:10px 10px 10px 10px;
}

div.zoneTitre
{
   /*float : left;*/
   /*width : 800px;*/
	height: 26px;
	margin-left : 2px;
	background:url(sous-groupe.gif) no-repeat;
	background-position:left bottom;	
	/* laisser le nowrap: évite de planter IE 6 quand on réduit la page */
	white-space:nowrap;
}
div.zoneDerniereConnexion
{
	height: 16px;
	margin-left : 2px;
	/* laisser le nowrap: évite de planter IE 6 quand on réduit la page */
	white-space:nowrap;
}
.zoneTitre img
{
	vertical-align:top;
}

.zoneTitreDroit
{
	position:absolute;
	right:0px;
	top:0px;
}

.zoneOnglet
{
	height:19px;
	background:#fff url(baseOnglet.gif) repeat-x bottom;
	padding-bottom:6px;
}

/* Classe pour balise div pour partie formulaire */

div.formulaire {
	z-index:1;
	position:absolute;
	top:68px;
	left:22px;
	right:0px;
	bottom:24px;
	background:#fff;
	padding:0px 0px 0px 0px;
	margin:3px 3px 3px 3px;	
    margin-top: 35px;
}
/*
div.formulaire {
	/*margin-top:68px;*/
	margin-top: 35px;
	margin-left:22px;
	background:#fff;
}*/

/* Identifiant pour balise div pour partie espace de saisie formulaire */
#dEA {
	margin:3px 3px 3px 3px;
	overflow:hidden;
	/*height:100%;*/
	min-width:100%;
   /*position:absolute;*/
   top : 24px;
   bottom :0 ;
 

}

/* Classe pour balise div pour masquer affichage */
div.cache {
	position:absolute;
	visibility:hidden;
	top:0px;left:0px;
}

/* Classe pour balise div pour partie formulaire */
div.formulaireLogin {
	z-index:1;
   margin: 120px auto auto auto;
	background:#FFFFFF;
	padding:5px 5px 5px 5px;
	/*border : 1px solid #000066;	*/
}
#dEALogin {
   /* background: url(julesverne2.png) no-repeat bottom right; */
	z-index : 0;
	width:100%;
	height:100%;
}

/* ------------------------------------------------ */
/* Styles                                           */
/* Spécifiques page Gardes                */

/* Div déroulant dans le détail des gardes */
div.detailGarde{
   border-width:     1px; 
   border-style:     solid; 
   border-color:     #cecafc;
   background-color:       #ffffff;
}

/* Tableaux contenus dans le div*/
table.detailGarde{
   border-style:     none; 
	background:       #ffffff;
   border-collapse:  separate;
}

table.garde caption{
   border-color:     #cecafc;
   background:       #fbfbfb;
   color:            #494bc8;
}

table.detailGarde td.titre{
   text-transform:   uppercase;
   text-align:       left;
   color:            #444198;
   background:       #cecafc;
   border-style:     solid;
   border-width:     3px;
   border-color:     #ffffff;
}

table.detailGarde td.protege{
   border-color:     #cecafc;
   background:       #fbfbfb;
   color:            #494bc8;
}

table.detailGarde tr.total td{
   border-color:     #EF8686;
}

table.detailGarde td.jou{
   background:       #EFF0FF;
}

table.detailGarde td.nat{
   background:       #EFFFEF;
}

table.detailGarde td.per{
   background:       #FFFFDF;
}

/* Totaux dans l'écran détail par jour */
tr.totaux td{
   background:       #cecafc;
}

/* Temps de travail */

table.travail th.bordure{
   border-left:    1px solid #FFFFFF;
   border-top:    1px solid #FFFFFF;
}

table.travail th.bordureHaut{
   border-top:    1px solid #FFFFFF;
}

table.travail td.bot0{
   border-bottom:    0px solid #EFF2FB;
}
table.travail td.bot1{
   border-bottom:    0px solid #FFFFFF;
}
table.travail td.bordure0{
   border-right:    1px solid #EFF2FB;
}
table.travail td.bordure1{
   border-right:    1px solid #FFFFFF;
}
table.travail td.donneeDroite1 {
   padding-right:    5px;
}
table.travail td.donneeDroite2 {
   padding-right:    5px;
}

td.travail_separation{
   border-top:       1px solid #BD7FFF;
}

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

/* Classe pour balise div pour zones d'agents à gauche dans un planning */
div.con_agentsPlanning {
   position:         absolute;
   overflow:         hidden;
   margin-top:       30px;
   width:            60px;
   height:           396px;
   text-align:       center;
	font-size:        10px;
	font-weight:      bold;
	color:            #000000;
	text-align:       center;
	background:       #EAE9FE;
   border-left:      solid 1px #0071b1;
   border-top:       solid 1px #0071b1;
   border-bottom:    solid 1px #0071b1;
   color:            #3600FF;
}

div.gtt_consultationPlanning {
   position:         absolute;
   display:          block;
   height:           413px;
   width:            833px;
   margin-top:       30px;
   border:           1px solid #494BC8;
   overflow:         scroll;
   background-color: #eff2fb;
   white-space:      nowrap;
}

div.gtt_consultationPlanning table{
   vertical-align:   middle;
   table-layout:     fixed;
   width:            816px;
}

div.gtt_consultationPlanning table td{   
   width:            104px;
   border-bottom:    1px solid #494BC8;
   border-right :    1px solid #494BC8;
   font-family:      Verdana;
   font-size:        7pt;
   white-space:      nowrap;
   overflow:         hidden;
}

div.gtt_consultationPlanning table td.con_agentsPlanning{
   width:            30px;
}

.vertical{
   color:            #3600FF;
   line-height:      1.0;
   font-weight:      bold;
   /*
   writing-mode : tb-rl;
   filter: flipH() flipV();
   */
}

div.gtt_consultationPlanning table td li{
   cursor:           pointer;  
}

div.gtt_consultationPlanning table td li:hover{
   color:            red;
}

.gtt_consultationJunior{
   font-style:       italic;
}

/**********************************/
/* CLASSES POUR E-AGIRH PLANNINGS */
/**********************************/

/* Classe pour balise div pour affichage des agents dans un planning */
div.agentsTitrePlanning {
   position:absolute;
   left:4px;
   width:87px;
   height:30%;
   background:#eff2fb;
	border:solid 1px #0071b1;
	display:none;   
}

/* Classe pour balise div pour zones d'agents à gauche dans un planning */
div.agentsPlanning {
   position:absolute;
   overflow:hidden; 
   overflow-x:scroll; 
   margin-top:30px;
   left:4px;
   width:89px;
   height:72%;    
   /*text-align:center;*/
	font-size:10px;
	font-weight:bold;
	color:#000000;                             
	/*text-align:center;     */                    
	background:#EAE9FE;
	border:solid 1px #0071b1; 
}
 
div.agentsPlanning table {
	width:100%;
}

div.agentsPlanning td {
   border:1px solid #0071b1;     
   width:30px;
   height:2px;
   font:7pt Verdana;
   white-space:nowrap;
   padding:0px;
}

div.agentsPlanning img {
	height:13px;
	width:13px;
}

/* Classe pour balise div pour affichage de la selection des horaire */

div.selectionhoraire {
	background:#eff2fb;
	position:absolute;
	margin-top:595px;
	left:260px;
	display:none;
	border:outset 3px #0071b1;
	z-index : 99;
}

div.selectionhoraire td {
   width:62px;
   height:30px; 
   border:1px solid #0071b1;
	font:9px Helvetica;
	vertical-align:top;
	white-space: nowrap;
}

/* Classe pour balise div pour zones de jour en en-tête dans un planning */
div.joursPlanning {
   position:absolute;
   overflow:hidden;
   overflow-y:scroll;
   left:92px;
   width:90%;
   height:30%;
   text-align:left;
   border:1px solid #0071b1;
   background-color:#EAE9FE;
}

/* Classe pour alignement des jours du calendrier */
div.joursPlanning table {
   height:72%;
	text-align:center;
   table-layout: fixed;		
}

div.joursPlanning td {
   vertical-align:top;   
   min-width:px;
	width:px;
   height:60px;
   border:1px solid #0071b1;   
	font-size:10px;   
}

/* Classe pour balise div pour affichage planning */
div.planningPlanning {
   position:absolute;
   overflow:scroll;
   margin-top:30px;
   left:92px;
   width:90%;
	height:72%;
   text-align:left;
   border:1px solid #0071b1;
	font-size:9px;
   background-color:#eff2fb;
   white-space: nowrap;
}

div.planningPlanning table {
	text-align:center;
 }

div.planningPlanning td {
   min-width:px;
	width:px;
   height:px; 
   border:1px solid #0071b1;
	font:9px Helvetica;
	vertical-align:top;
	text-align:center;
	white-space: nowrap;
}

div.agentsGardes {
   height:-3px;
   overflow:hidden;
   background-color:#eff2fb;   
}

/* Classe pour balise div pour affichage du titre des cumuls dans un planning */
div.cumulsTitrePlanning {
   position:absolute;
   left:760px;
   width:80%;
   height:30%;
   background-color:#eff2fb;
	border:solid 1px #0071b1; 
	display:none; 	  
}

/* Classe pour balise div pour affichage des cumuls dans un planning */
div.cumulsPlanning {
   position:absolute;
   overflow:hidden;                       
   overflow-x: auto;                      
   overflow-y: hidden;                    
   overflow : -moz-scrollbars-horizontal; 
   margin-top:30px;
   left:760px;
   width:80%;
   height:72%;   
   text-align:center;
   background:#eff2fb;
	border:solid 1px #0071b1;
}

div.cumulsPlanning table {
   /*width:100%;*/
}

div.cumulsPlanning td {
   height:px; 
   border:1px solid #0071b1;
	font:9px Helvetica;
	white-space:nowrap;
}

/* Classe pour balise div pour affichage des besoins dans un planning */

/* Classe pour balise div pour zone de besoin en bas d'un planning */
div.besoinsPlanning {
   position:absolute;
   overflow:hidden;
   top:90%;
   left:92px;
   min-width:90%;
	width:90%;
   text-align: left;
   border:1px solid #0071b1;
   background-color:#EAE9FE;
}

/* Classe pour alignement des jours du calendrier */
div.besoinsPlanning table {
   border:0px solid blue;
   align: left;
}

div.besoinsPlanning td {
   vertical-align:top;   
   min-width:px;
	width:px; 
   border-right : 1px solid #0071b1;   
	font-size:10px;   
}

/* Classe pour div type zone infos */
div#zoneInfos {
   /*position:absolute;
   overflow:hidden;
   margin-top:0px;
   left:760px;
   width:80%;
   height:102%;    
	font:10px Verdana,Arial,Helvetica,sans-serif;
	font-weight:normal;
	color:#ffffff;                             
	text-align:left;                         
	background:#0071b1;
	border:dotted 1px #eff2fb;
	z-index:99;*/
}
   

/* Classe pour balise div pour affichage banque horaire dans un planning */
div.banqueHoraire {
	background:#eff2fb;
	z-index:4;
	position:absolute;
	height : 170px ;
	top:80%;
	left:5%;
	width:80%;
	display:block;
	border:outset 3px #0071b1;
   margin:0px;

}

/*avec prise en compte de la partie "info selection"*/
.banqueHoraire div.banqueHoraireContenu2 {
   overflow-x: auto; 
   overflow-y: auto;
   position : absolute;
   bottom : 15px ;
   right : 0;
   left : 0;
   top : 55px;
}

/*sans prise en compte de la partie "info selection"*/
.banqueHoraire div.banqueHoraireContenu {
   overflow-x: auto; 
   overflow-y: auto;
   position : absolute;
   bottom : 15px ;
   right : 0;
   left : 0;
   top : 30px;
}

.banqueHoraire dl {
   margin:0px;   
   display:inline; 
	float:left;
	margin:auto;
	padding:0px;
	text-align:center;
	width:60px;
	height:25px;
	/*border:outset 2px #0071b1;*/
	border:outset 2px #eff2fb;
}

.banqueHoraire dt {
   margin:0px;   
   text-align:center;
   color:#000000;
   border:dotted 1px #333333;
   font:12px bold Arial,Helvetica,sans-serif;
}

.banqueHoraire dd {
   margin:0px;
	font:9px Arial,Helvetica,sans-serif;   
}

.banqueHoraire dl.horairesel {
   margin:0px;
	font:10px Arial,Helvetica,sans-serif;  
	width:55px;
	height:22px;	
}

.banqueHoraire label
{
	font-size:9px;
}

.heuresJour {
   color:green;
}

.heuresNuit {
   color:blue;
}

.heuresFerie {
   color:red;
}

div.info_baquehoraire label.banque_periode
{
	 width:50px;
}

div.menuContextuel {
   position:fixed;
   z-index:3000;
   display:none;
	font-size:9px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	padding:0px;
	text-align:left;
	background-color:#EBE8D6;
	border:outset 2px #cccccc;
	width:220px;
} 

.menuContextuel ul,li {
   list-style-type:none;
   padding:0px;
   margin:0px;
   text-align:left;
   list-style-position:outside;
}

.lienMenuContextuel {
	background-color:#EBE8D6;
   color:#0071B1;
   text-decoration:none;
   font-weight:normal;
}

.lienMenuContextuel:hover{
	background-color:#0071B1;
   color:#EBE8D6;
   text-decoration:none;
   font-weight:normal;
}

div.infosCase
{
   position:absolute;
   z-index:999;
   display:none;
	font-size:9px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	padding:0px;
	text-align:left;
	background-color:#EBE8D6;
	border:outset 2px #cccccc;
	
} 

/* Classe pour menu deroulant pour l'ajout ou la modification d'une activité */
select.taille {
   width:175px;
}

/*utilisé pour les icones "plus" et "moins" de la partie valogarde_detail*/
img.icone_plusmoins
{
vertical-align: middle;
cursor:pointer;
width: 11px;
height : 11px;
}

/* utilisé pour le planning activité */

div.gtt_planning_activite{
   position:         absolute;
   height:           30px;
   width:            138px;
   border-left:      1px solid #494BC8;
   border-top:       1px solid #494BC8;
   text-align:       center;
   background-color: #EAE9FE;
   color:            #3600FF;
}

div.gtt_planning_action_jours{
   position:         absolute;
   display:          block;
   left:             138px;
   height:           30px;
   width:            80%;
   overflow:         hidden;
   border-left:      1px solid #494BC8;
   border-top:       1px solid #494BC8;
   border-right:     1px solid #494BC8;
   white-space:      nowrap;
   background-color: #EAE9FE;
   color:            #3600FF;
}

div.div_jour{
   position:         relative;
   margin:           0px;
   height:           29px;
   width:            96px;   
   border-right:     1px solid #494BC8;
   border-bottom:    1px solid #494BC8;
   text-align:       center;
   /*Spécial inline-block pour tous les navigateurs*/
   display:          -moz-inline-stack;
   display:          inline-block;
   zoom:             1;
   *display:         inline; 
}

div.gtt_planningCases {
   position:         absolute;
   display:          block;
   left:             138px;
   height:           75%;
   width:            82%;
   margin-top:       30px;
   border:           1px solid #494BC8;
   overflow:         scroll;
   background-color: #eff2fb;
}

div.gtt_planningCases table{
   table-layout: fixed;
}

div.gtt_planningCases table td{
   height:      		27px;
   /*width:            75px;*/
   border-bottom:    1px solid #494BC8;
   overflow:         hidden;
   white-space:      nowrap;
   font-size:        9px;
   color:            #3600FF;
}

div.gtt_planningCases table td.c{
   width:            14px;
   border-right:     1px solid #494BC8;
   border-bottom:    1px solid #494BC8;
   color:            red;
   font-size:        9px;
}

/* div contenant les activités et les horaires */
div.gtt_activitesPlanning {
   position:         absolute;
   vertical-align:   top;
   margin-top:       30px;
   height:           72%;
   width:            138px;
   border-left:      1px solid #494BC8;
   border-top:       1px solid #494BC8;
   border-bottom:    1px solid #494BC8;
   overflow:         hidden;
   background:       #EAE9FE;
}

td.gtt_activite {
   width:            123px;
   border-bottom:    1px solid #494BC8;
   border-right:     1px solid #494BC8;
   color:            #3600FF;
}

td.abdb {
   height:      		27px;
   width:            27px;
   border-bottom:    1px solid #494BC8;
   color:            #FF7777;
}

div.gtt_besoins_activitePlanning{
   position:         relative;
   display:          block;
   top:              87%;
   left:             138px;
   width:            80%;
   height:           18px;
   border:           1px solid #494BC8;
   overflow:         hidden;
   white-space:      nowrap;
}

div.gtt_besoins_activitePlanning td{
   width:            93px;
   border-right:     1px solid #494BC8;
}

/* Classe pour balise div pour avoir un cursor stylo */
div.cursorstylo {
   cursor : url('../../plannings/images/saisie.ico'),auto;
}

/* Classe pour balise div pour avoir un cursor gomme */
div.cursorgomme {
   cursor : url('../../plannings/images/gomme.ico'),auto;
}

/* Classe pour balise div pour avoir un cursor normal */
div.cursornormal {
   cursor : default ;
}

/* utilisé pour placer un element a droit et afficher une main au survol (croix pour quitter une fenetre)*/
.ferme
{
	float:right;
	cursor : pointer ;	
	position: relative;
	width:21px;
    height:22px;    
	z-index: 60;
	background-image: url("../image/bouton-deco.png");

}

div.duplicationInter
{
	position:relative;
 	top:38px;  
	right:200px;
}

div.liste_messages {
display:none;
}

table.TableMessages{
 
 border-collapse: separate;
 border-spacing: 1px;
 background-color:#777777;
}

tr.odd{
background-color:#F2F8FB;
}

tr.even{
background-color:#FFFFFF;
}

td.infogauche{
text-align: left;
}

.brun{
	font-family: Courier New;
}

.wait
{
   opacity:0.5; 
   filter:alpha(opacity=50); 
   background-color: #445566; 
   width: 100%; 
   height: 100%; 
   z-index: 5000; 
   position: absolute; 
   top: 0px; 
   left: 0px; 
   display: none;
}


button{
   font-size :12px;
}

	
/*--- Couleurs de la nouvelle palette ---*/
.colorH_3
{
	background-color : #B2FFFF;
}

.colorH_4	
{
	background-color : #90FF80;
}

.colorH_5	
{
	background-color : #FF80DF;
}

.colorH_6	
{
	background-color : #FF8080;
}

.colorH_7	
{
	background-color : #FFFF80;
}

.colorH_8	
{
	background-color : #FFFFFF;
}

.colorH_a	
{
	background-color : #FFCFB2;
}

.colorH_b	
{
	background-color : #F0FF80;
}

.colorH_c	
{
	background-color : #BFFF80;
}

.colorH_d	
{
	background-color : #FF8000;
}

.colorH_e	
{
	background-color : #80FF9F;
}

.colorH_f	
{
	background-color : #80FFCE;
}

.colorH_g	
{
	background-color : #FFDF80;
}

.colorH_h	
{
	background-color : #80D0FF;
}

.colorH_i	
{
	background-color : #809FFF;
}

.colorH_j	
{
	background-color : #8E80FF;
}

.colorH_k	
{
	background-color : #BF80FF;
}

.colorH_l	
{
	background-color : #EE80FF;
}

.colorH_m	
{
	background-color : #FFAE80;
}

.colorH_n	
{
	background-color : #FF80B0;
}

.colorH_o	
{
	background-color : #FFE4C4;
}

.colorH_p	
{
	background-color : #DEB887;
}

.colorH_q	
{
	background-color : #FFDEAD;
}

.colorH_r	
{
	background-color : #BC8F8F;
}

.colorH_s	
{
	background-color : #D2691E;
}
/* obliger car il y a un span général qui est en noir -_-' ... à savoir pourquoi...*/
#contentDetails span
{
	color : #67649B;
}

/******* MENU DEROULANT *********/

#ssmenuDeroulant ul 
{
	display : none;
	color : #344F94;
}

#ssmenuDeroulant a
{
	vertical-align:bottom;
	color : #344F94;
}

#ssmenuDeroulant a:hover
{
	text-decoration : none;
	vertical-align:bottom;
	color : #344F94;
}

#ssmenuDeroulant li:hover 
{
	font-weight : bold;
	text-decoration : underline;
	color : #344F94;
}

#ssmenuDeroulant li:hover ul#sous_menu 
{
	display:block;
	border : 1px solid #E8899D;
	background-color: #FFE9D1;
	position : absolute;
	left : 180px;
	/*width : 170px;*/
	width : 320px;	
	line-height : 15px;
	color : #344F94;
	margin-top : -20px;	
	font-weight : normal;
	
}

#ssmenuDeroulant li ul#sous_menu li:hover 
{
	margin-left : 10px;
}

#ssmenuDeroulant #sous_menu
{
	padding-left : 25px;
}

#ssmenuDeroulant #sous_menu li
{
	padding : 3px;	
}


div.eagirh_menu_image 
{
	position: absolute;
	top: 230px;
	left: 0px;
	width: 20px;
	height: 107px;
	z-index: 100;
	margin-left: 2px;
}

div.eagirh_menu_image_ferme 
{
	background: url("../image/Menu_close.png") no-repeat left top;
}

div.eagirh_menu_image_ouvert 
{
	background: url("../image/Menu_open.png") no-repeat left top;
}

div.eagirh_menu_deroulant 
{
	position: absolute;
	top : 218px;
	left: 19px;
	z-index: 99;
	display: none;
}

div.menuDeroulant 
{
	background-color: #FFE9D1;
	border: 1px solid #E8899D;
	width: 200px;
	margin-top: 4px;
}

img.imageMenu 
{
	position: relative;
	height: 8px;
	width: 155px;
	left: 6px;
	top: 10px;
}

a.lienMenuPere 
{
	font-size: 13px;
	color: #344F94;
	letter-spacing: -0.04em;	
}

a.lienMenu 
{
	font-size: 11px;
	font-weight: normal;
	color: #344F94;
}

li.lienMenu 
{ 
	list-style-image: url(puceMenu.png);
	padding: 0.5em 0em 0em 0em;
}

ul.menuTitre 
{
	margin: 0;
	padding: 0.5em 1em 1em 2em;
	width : 200px;
}

ul.sousMenu
{
	display: none;
	list-style: none;
	padding-left: 1em;
}

#tooltip {
   color : black;
}

#tooltip h1, #tooltip div { 
  color:black;
}
#red {
color :red
}

.red {
color :red
}

#appli{
color :#003399;
}

#menu_dialog fieldset {
	background: none;
	border-color:grey;		
}
#menu_dialog td {
    padding: 0;
    /*text-align : left;*/
}
#menu_dialog th {
    padding: 0;
    text-align : center;
}
.center {
    text-align : center !important;
}
.left {
    text-align : left !important;
}
td.right {
	text-align : right !important;
	padding-right: 5px !important;
}