/* 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; }