@charset "UTF-8";

html {
   /* pour forcer le contenu du frame à occuper toute la hauteur de l'iframe */
	height: 100%;
}

/* pour forcer le contenu du frame à scroller */
html.fiche {
  overflow-y: hidden;
  /* 2012/07/15 : pour résoudre pb sur IE7 : la fiche n'occupait pas toute la hauteur mais environ 60px */
  height: 100%;
}

/*
modif Ociensa 2018/10/02 : obsolète en 4.0
html.fiche body {
   PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; 
   overflow: hidden; width: 100%; PADDING-TOP: 0px; height: 100%;
}
*/
/* FIN pour forcer le contenu du frame à scroller */

/* modif Ociensa 2018/06/27 : obsolète en 4.0
body {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   /* 2.8 background-color: #edf3fe; * /
}
*/


/* Page incluse dans le frame, toutes les pages n'ont pas besoin de cette classe */
body.iframe {
   /* pour ne pas effacer l'image de fond de main */
   background-color: transparent;
}

/* modif Ociensa 2018/08/03 : suppression en 4.0 car ces propriétés doivent être prises en compte par les styles 4.0
*, form {
  margin: 0;
  padding: 0;
}
*/

img, input[type=image] {
  border: 0;
  outline: 0;
}

.centre {
  text-align: center;
}


/* *********************** */
/* DEBUT PAGE de Connexion */
/* *********************** */
/* modif Ociensa 2019/03/08 : totalement remplacé en 4.0
#logoClientConnexion {
   position: absolute;
   top: 30px; left: 0px;
   text-align: center;
   width: 100%;
}
#logoClientConnexion img {
   width: 283px; /* = largeur boîte de login - 2 x largeur bande verte * /
}

/* inutilisé
#logoApiaConnexion {
   position: absolute;
   top: 30px;
   right: 50px;
}
* /

/* div principal page connexion * /
#divPageConnexion {
   width: 100%;
   height: 100%;
   text-align: center;
   position: absolute;
}

/* div saisie login/password page de connexion * /
#divConnexion {
   position: relative;
   top: 250px;
   margin-left: auto;
   margin-right: auto;
   background: url(../work/images/theme/fenetreConnexion2.png) no-repeat;
   width: 377px;
   height: 222px; 
}

#divConnexion #version {
   color: #7f7f7f;
   position: absolute;
   top: 15px;
   right: 25px;
   font-weight: bold;
   font-size: 14px;
}

#divConnexion #titre {
   color: #345162;
   position: absolute;
   top: 25px;
   left: 90px;
   font-weight: bold;
   font-size: 14px;
}

#divConnexion #label_identifiant {
   color: #7f7f7f;
   position: absolute;
   top: 61px;
   left: 90px;
   font-size: 12px;
}

#divConnexion #login {
   position: absolute;
   top: 77px;
   left: 90px;
   width: 109px;
   height: 16px;
   border: 1px solid #9baab2;
}

#divConnexion #label_password {
   color: #7f7f7f;
   position: absolute;
   top: 61px;
   left: 212px;
   font-size: 12px;
}

#divConnexion #password {
   position: absolute;
   top: 77px;
   left: 212px;
   width: 109px;
   height: 16px;
   border: 1px solid #9baab2;
}

#divConnexion #btSubmit {
   position: absolute;
   top: 105px;
   right: 55px;
}

#divConnexion #message {
   /*width: 150px;* /
   height: 17px;
   line-height: 17px;
   color: #000000;
   position: absolute;
   top: 140px;
   left: 50px;
   right: 10px;
   text-align: center;
}

/* pour page d'anomalie * /
#divConnexion #message-anomalie {
   /*width: 150px;* /
   height: 17px;
   line-height: 17px;
   color: #7f7f7f;
   cursor: pointer;
   position: absolute;
   top: 90px;
   left: 65px;
   right: 20px;
   text-align: left;
}

#logoG2DEVConnexion {
  position: absolute;
  bottom: 60px;
  right: 60px;
  color: #FFF;
  text-align: center;
  font-size: 0.8em;
}

#logoG2DEVConnexion div {
  float: left;
  width: 120px;
  line-height: 15px;
  text-align: right;
  margin-right: 5px;
}

#divConnexion #messageLoginDouble {
   color: #7f7f7f;
   position: absolute;
   text-align: left;
   top: 53px;
   left: 50px;
   font-size: 12px;
}

#envoiPassword {
	position: absolute;
	bottom: 20px;
	left: 130px;
}
#lienEnvoiPassword {
   color: #0b6295;	
}

#bdSaisiePassword p {
	margin-top: 10px;
	margin-bottom: 10px;
}
*/
/* ********************* */
/* FIN PAGE de Connexion */
/* ********************* */



/* **************************** */
/* DEBUT PAGE création password */
/* **************************** */
/* div principal page connexion */
/* modif Ociensa 2019/03/16 : obsolète en 4.0
#divPageCreationPassword {
   width: 100%;
   height: 100%;
   position: absolute;
}

#divPageCreationPassword #logoClientConnexion img {
   width: 283px; /* = largeur boîte de login - 2 x largeur bande verte * /
}

#divCreationPassword {
   position: relative;
   top: 200px;
   margin-left: auto;
   margin-right: auto;
   background: url(../work/images/theme/fenetreConnexion3.png) no-repeat;
   width: 420px;
   height: 432px; 
}

#divCreationPassword #version {
   color: #7f7f7f;
   position: absolute;
   top: 10px;
   right: 25px;
   font-weight: bold;
   font-size: 14px;
}

#divCreationPassword #titre {
   color: #345162;
   position: absolute;
   top: 25px;
   left: 90px;
   font-weight: bold;
   font-size: 14px;
}

#divBienvenueCreationPassword {
   color: #7f7f7f;
	margin: 40px 20px 0px 75px;
	/* padding-top sinon le message est affiché au-dessus de la boîte * /
	padding-top: 60px; 
}

#divDirectiveCreationPassword {
   color: #7f7f7f;
	margin: 15px 20px 0px 75px;
}

#fieldsetCreationPassword {
   margin: 10px 20px 0px 85px;
   color: #7f7f7f;
   border-style: none;
   width: 330px;
}
#fieldsetCreationPassword input.texteFormulaire {
   border: 1px solid #9baab2;
   width: 80%;
}
#fieldsetCreationPassword .label_password {
	margin-top: 5px;
}
#fieldsetCreationPassword .messageErreur {
	/* réduire la taille des messages d'erreur * /
   font-size: 11px;
}
#divSubmit {
   margin-top: 5px;
   margin-right: 20%;
	text-align: right;	
}

#reglesCreationPassword {
   margin: 10px 20px 0px 75px;
	color: #7f7f7f;
}
#reglesCreationPassword ul {
	list-style-type: none;
}
*/
/* **************************** */
/* FIN   PAGE création password */
/* **************************** */



/* **************************** */
/* DEBUT PAGE oubli password    */
/* **************************** */
/* modif Ociensa 2019/03/16 : obsolète en 4.0
#ligne1 {
   position: absolute;
   top: 90px;
   left: 65px;
   right: 20px;
   color: #7f7f7f;
   text-align: left;
}

#connexionApia {
   position: absolute;
   bottom: 20px;
   left: 100px;
}
#lienConnexionApia {
   color: #0b6295;   
}
*/
/* **************************** */
/* FIN PAGE oubli password      */
/* **************************** */



/* **************************** */
/* Logo société page principale */
/* **************************** */

/* modif Ociensa 2018/01/07 : dans la version 4.0, n'existe plus.
#logoMain {
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 0px;
  / * Pour ie6, si logo plus grand que la zone * /
  overflow: hidden;
}

#imageLogoMain {
  / * pour éviter l'espace au-dessous de l'image * /
  vertical-align: bottom; 
  / * limiter l'extension de l'image en conservant ses proportions * /
  max-width: 160px;
  max-height: 68px;
}
*/

/* ************************************** */
/* Titre du logiciel dans le bandeau haut */
/* ************************************** */

/* Titre du logiciel dans le bandeau haut */
/* v2.8
.titreLogiciel {
   color: white; font-size:18pt; font-family: Arial, sans serif;
}
*/

#titreLogiciel {
   /* Ociensa 2011-06-02 : remonter le titre à côté de l'image */
   /* position:absolute; top:100px; left:7px; */
   position:absolute; top: 15px; left: 200px;
   font-size: 22px; font-family: Arial, sans serif;
   color: #666666;
   font-style: italic;
   z-index: 1;
}


/* modif Ociensa 2018/01/04 : dans la version 4.0, n'existe plus.
#titreLogiciel #raisonG2D {
   font-size: 12px;
}
*/



/* ********************** */
/* Bloc droit Utilisateur */
/* ********************** */

/* ajout lg 180411 pour le bloc utilisateur en haut à droite */
/* modif Ociensa 2018/01/04 : dans la version 4.0, remplacé par <nav> dont le style est défini dans style.css.
#userConnect {
   position: absolute;
   text-align: right;
   top: 5px; right: 10px;
   font-size: 11px;
   color: #365464;
   line-height: 17px;
   / * 2.8 Ociensa 2011-06-01 : ajout z-index pour que la liste et les images reçoivent les événements souris * /
   z-index: 999;
}
*/

/* modif Ociensa 2018/01/04 : dans la version 4.0, l'élément n'existe plus.
*html .uc {
   padding:0px 5px !important;
}

*+ html .uc {
   padding:0px 5px !important;
}
*/


/*********************/
/* Sélection du site */
/*********************/
/* modif Ociensa 2018/01/05 : dans la version 4.0, obsolète.
#listeSites { 
   padding-right:10px;
}

#listeSites select {
   width:auto; font-size:10px;
}

*html #listeSites select {
   margin-top:2px;
}

#siteActif {
   font-size: 11px;
   margin-bottom: 2px;
   / * Ociensa 2011-06-02 : inutile, car le bandeau peut avoir une couleur de fond * /
   / * background-color:#FFFFFF; * /
}

#siteActif #titre {
   background-color: #07356A;
   background-image:url('../work/images/bgbtMiddle.gif');
   background-repeat: repeat-x;
   background-position: center bottom;
   color:#FFFFFF;
   padding: 1px 4px;
}

#listeUtilisateurs {
    color: #006EB5;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 8px;
    text-transform: uppercase;
} 
*/
/*************************/
/* Fin Sélection du site */
/*************************/


/* Bandeau (navigation) 3 titres dans les pages */
/* modif Ociensa 2018/03/08 : obsolète en version 4.0
#bandeauTitre {
  margin: 5px 0px 10px 0px;
}
*/

/* Barre des boutons dans les fiche */
/* modif Ociensa 2018/04/05 : obsolète en 4.0
.toolbarFiche {
  margin-bottom: 10px;
}
*/

/* Libelles options onglet */
.optionOnglet {
   /* v2.8 color: black; */
   color: #3D3D3D; 
   font-size: 9pt;  font-family: Verdana, sans serif;
}

/* modif Ociensa 2018/01/18 : obsolète en version 4.0
/ * Tableau de bord * /
#tableauGraphiques {
  margin-top: 10px;
}
/ * L'accordion jQuery UI transforme le span en "block", ce qui élargit l'en-tête sur toute la fenêtre * /
#tableauGraphiques > .titreTableauGraphiques {
   display: inline;
}
*/
/* modif Ociensa 2018/03/22 : obsolète en 4.0
#formRechercheTdB {
	margin-bottom: 15px;
}
*/
/* En-tête graphique dans tableau de bord */
.enteteGraph {
  font-size: 10px;
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px;
}
.enteteGraph a {
  font-size: 10px;
  color: #000000;
}

div.graph {
  height: 115px;
  overflow: hidden;
  text-align: center;
  /* padding horizontaux différents car le graphique n'est pas centré */
  padding: 0px 5px 0px 10px;
}

/* modif Ociensa 2018/02/02 : non applicable en 4.0 
#tableauActions {
  margin-top: 10px;
}
*/


/***************************************/
/* Barre de commande dans pages listes */
/***************************************/

/* modif Ociensa 2018/03/08 : non applicable en 4.0 
.toolbarListe {
  margin-bottom: 10px;
}
*/  


/**********************/
/* Tables scrollables */
/**********************/

/* Styles CSS et code Javascript pour tableaux scrollables avec redimensionnement automatique
     lorsque la fenêtre est retaillée */
/* Tables scrollables */
/* modif Ociensa 2018/04/12 : obsolète en 4.0
.tableone {
	/* Ociensa 2016/06/29 : 2 propriétés pour rétablir le scroll horizontal dans le tableau * /
   table-layout: fixed;
   width: 100%;
   /* SDB  border-collapse: collapse;* /
   /*  margin: 0px auto;* /
   /* SDB   border: 1px solid; * /
}

#topdiv {
  overflow: hidden;
}

#topdiv table {
  border-collapse: collapse;
}

.tabletwo {
  /* v2.8 background-color: #A5EDEA; * /
  table-layout: fixed;     /* pour éviter l'agrandissement des cellules si leur contenu est plus large que la largeur définie dans l'admin des pages * /
  border-collapse: collapse;
}

.innerb {
  /* SDB * /
  /* v2.8 background-color: #A5EDEA; * /
  /* Fin SDB * /
  height: 20em;
  overflow: auto;
}

.tableone td { 
  /* SDB  border: #CCC 1px solid; * /
  /* v2.8 Ociensa rétablissement bordure pour éviter le décalage horizontal car les cellules
  de données ont une bordure * /
  border: #CCC 1px solid;
  padding-left: 0px;
  padding-right: 0px;
  overflow: hidden;
}

.tabletwo td { 
  overflow: hidden;
}

/* Style de la ligne d'en-tête dans les pages liste * /
.entete_liste {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #FFFFFF;
   text-align: center;
   /* v2.8 background-color: #006EB5; * /
   /* Ociensa 2011-06-15   background-image: url(../work/images/fondTH.gif);
   background-repeat: repeat-x;* /
   height: 25px;
}
*/

/* image de fond sur les cellules d'en-tête */
/* modif Ociensa 2018/03/08 : non applicable en 4.0 
.entete_liste td {
   background: #07356A url(../work/images/fondTH.gif);
   background-repeat: repeat-x;
}
*/

/* style pour les images dans l'entete de liste pour les aligner sur hauteur avec le texte - ajout lg 040411 */
.entete_liste img {
   vertical-align: middle;
}

/* Colonne contenant le nombre d'actions + bouton Ajout */
.entete_liste .accesCons, .texte_liste .accesCons {
   /* modif Ociensa 2018/07/20 : 50 -> 70. */
   /* modif Ociensa 2018/10/12 : ne plus fixer la taille (fixée dans l'admin des pages ou dans la page) */
   /* width: 70px; */
   /* modif Ociensa 2019/04/26 : ne plus fixer la taille minimale car introduit un décalage de largeur entre l'en-tête liste et les lignes */
   /* min-width: 50px; */
   text-align: center;
   /* modif Ociensa 2018/04/03 : dans la page liste, empêche l'ombrage de la ligne modifiée. 
   overflow: hidden;
   */
}

/* modif Ociensa 2018/04/13 : non applicable en 4.0 
.entete_liste td.cellScroll {
  /* v2.8 Ociensa : supprimer bordure autour de la cellule vide au-dessus de l'ascenseur * /
  border-style: none;
  /* v2.8 la cellule était affichée en blanc : effaçait la l'image de fond * /
  /* Ociensa background-color: #FFFFFF; * /
  background-image: none;
  background-color: transparent;
   /* v2.8 background-color: #A5EDEA; * /
}
*/

/* cellule de tableau des pages liste */
/* modif Ociensa 2018/03/08 : non applicable en 4.0 
.cellule {
   padding-left:2px; padding-right:2px;
}
*/

/* Image +/- pour déplier une ligne dans les tableaux */
.labelArbre {
   margin-right: 2px;
   /* modif Ociensa 2018/05/07 : non applicable en 4.0  
   float: left;
   */
}

/* div dans cellule de tableau des pages liste */
.dCell {
   /* table scroll width:100%; */
   overflow: hidden;
   /* modif Ociensa 2018/03/08 : non applicable en 4.0  
   margin-left: 2px; 
   margin-right: 2px;
   */
}

/* div vide pour chaque valeur affichée dans une cellule */
/* modif Ociensa 2018/04/16 : obsolète en 4.0
.dataCell {
	width: 100%;
	/* Si la valeur est vide, avoir une hauteur suffisante pour pourvoir cliquer (modificationr rapide) * /
	min-height: 18px;
}
*/

/* div séparateur de données dans cellule de tableau des pages liste */
.dSepCell {
	text-align: center;
	overflow: hidden;
}

/* style des lignes de données dans les pages liste */ 
/* modif Ociensa 2018/03/08 : non applicable en 4.0  
.texte_liste {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   / * v2.8 color: #000000; * /
   color: #3D3D3D;
   background-color: #FFFFFF;
}
*/

/* style des cellules des lignes de données dans les pages liste -- ajout lg 040411 */
/* modif Ociensa 2018/03/08 : non applicable en 4.0  
.texte_liste td {
   / * Ociensa 2015-05-21 : ne plus forcer la couleur car cela empêche de fixer la couleur au niveau du tr
     (par exemple dans la liste des points de contrôle) * /
   / * color: #3D3D3D; * /
   / * Ociensa 2011-06-02 : la liste modifiée n'était plus grisée * /
   / * background-color: #FFFFFF; * / 
   border: 1px solid #CCCCCC;
}
*/

/* on quitte le style au dessus pour les cellules internes aux cellules -- ajout lg 040411 */ 
.texte_liste td .cellule1, .texte_liste td .cacher{
   border:none;
}


/* Style d'anomalie pour ligne de saisie non renseignée en mode tableau, à placer obligatoirement après .texte_liste */
.ligneNonRenseignee {
   /* v2.8 background-color: #FFECC8; */
   background-color: #FFFFFF;
}

/* Pour alternance des lignes dans les tableaux. 
   Cette règle doit être avant celle pour .selectListe qui est prioritaire. */
.ligneImpaire {
   background-color: rgb(243, 237, 237);
}

/* Style pour la ligne sélectionnée dans les liste */
/* modif Ociensa 2018/03/20 : en 4.0, redéfinie dans style-ociensa.css
.selectListe {
   background-color: #EEEEEE;
}
*/

/**************************/
/* Fin Tables scrollables */
/**************************/


/**********************************************************/
/* Formulaire de modification en masse dans les pages liste */
/**********************************************************/
/* modif Ociensa 2018/03/07 : obsolète en version 4.0
#formulaireSaisieEnMasse fieldset {
	margin-top: -5px;
   margin-bottom: 10px; 
   margin-right: 4px; 
   padding: 5px;
   display: block;
}
/ * conteneur redimensionnable * /
#champsSaisieEnMasseResizable {
   / * Pour éviter que la barre de scroll du div contenu ne soit affichée sur l'icône de redimensionnement * /
   padding-bottom: 15px;
   / * espace entre formulaire et les 2 boutons au-dessous * /
   margin-bottom: 5px;
}
/ * conteneur scrollable * /
#champsSaisieEnMasse {
   overflow-y: auto;
	/ * Hauteur = celle du conteneur pour agrandir la zone lorsque le conteneur est retaillé * /
  height: 100%;
}
#champsSaisieEnMasse td {
	/ * écarter verticalement les champs * /
   padding: 1px 0px;
}
*/

/**************************************************************/
/* Fin Formulaire de modification rapide dans les pages liste */
/**************************************************************/



/**********************************************************/
/* Formulaire filtre dans les pages liste                 */
/**********************************************************/
/* modif Ociensa 2018/03/16 : obsolète en 4.0
#formulaireFiltre {
    margin-bottom: 5px;
}
*/
/**********************************************************/
/* Fin Formulaire filtre dans les pages liste             */
/**********************************************************/


  
/* Bordure autour des formulaires, par exemple dans le tableau de bord */
.encadre {
   border: 1px solid #DDDDDD;
}

/* Pour texte dans bandeau */
div.entete_liste {
   background-color: #07356A;
}

/* Texte d'aide dans les fiches */
.aideSaisie {
	margin-left: 20px;
}

/* Contenu html d'une infobulle : initialement non affiché */
.bulle {
  display: none;
}

/* td auquel est associée une infobulle : le padding permet d'avoir une hauteur de cellule suffisante pour afficher 
  l'image (5px de haut) au coin en haut à gauche. Utile lorsque le td contient une table pour le nom et l'icone de modif. 
 */
.infobulle {
	/* modif Ociensa 2018/03/20 : décale verticalement le contenu de la cellule par rapport aux autres cellules de la ligne
   padding-top:5px;
   */
   /* modif Ociensa 2018/03/20 : remplacé en 4.0
   background-image: url("../work/images/corner.gif"); background-repeat: no-repeat; cursor: default;
   */
}

/* Titre d'un item de bulle sans le : . Par exemple "Domaine :" */
.itemBulle {
   text-decoration: underline;
}

.invisible {
   display: none;
}

.masque {
   visibility: hidden;
}

/* Pour champ de saisie non modifiable */
/* modif Ociensa 2018/06/18 : obsolète en 4.0
.readonly {
   background-color: #FFEEEE;
}
*/

h1 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #336699;
}


/* style tableau de données -- ajout lg 040411 */
#liste table {
   /* background: #FFFFFF; */
}

/* Texte d'attente dans boîte de dialogue */
.texteAttente {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   padding: 10px;
}

/* Style des champs de saisie */
/* modif Ociensa 2019/05/16 : obsolète en 4.0
.texteFormulaire {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
}
*/

/* Style du message affiché dans les pages liste suite à une recherche */
/* modif Ociensa 2018/03/27 : règle remplacée par une autre dans style-ociensa.css en 4.0 
.resultatRecherche {
   font-size: 13px;
   color: #006EB5;
   margin-left: 40px;
   padding: 3px 8px;
   text-transform: uppercase;
   font-weight: bold;
}
*/


/* Style du nombre de fiches affiché dans les pages liste */
.nbFichesAffichees {
  margin-left: 20px;
}

.FichierForm {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   background-color: #6699CC;
}


/**********************************************/
/* Bandeau titres page en haut de chaque page */
/**********************************************/

/* Style du titre de niveau 1 dans le bandeau haut des pages liste et des pages fiche */
.Titre1 {
   font-family: Arial, Helvetica, sans-serif;
   /* v2.8 font-size: 16px; */
   font-size: 12px;
   /* v2.8 background-color: #006EB5; */
   /* v2.8 color: #FFFFFF; */
   font-weight: bold;
   /* v2.8 text-align: center; */
   /* v2.8 width: 160px; */
   font-weight: bold;
   background-image:url(../work/images/ariane.gif);
   background-repeat: no-repeat;
   background-position: 1px;
   padding-left:12px;
   padding-right:8px;
}

/* Lien de navigation sur le 1er titre */ 
.Titre1 a {
   font-size: 12px;
   color: #000000;
   text-decoration: none;
   font-weight: bold;
}

/* Style du titre de niveau 2 dans le bandeau haut des pages liste et des pages fiche */
.Titre2 {
   font-family: Arial, Helvetica, sans-serif;
   /* v2.8 font-size: 20px; */
   font-size: 12px;
   /* v2.8 background-color: #009CDA; */
   /* v2.8 color: #FFFFFF; */
   color: #0b6295;
   font-weight: bold;
   /* v2.8 text-align: center; */
   /* v2.8 width: 300px; */
   background-image: url(../work/images/ariane.gif);
   background-repeat: no-repeat;
   background-position: 1px;
   padding-left: 12px;
   padding-right: 8px;
}

/* Lien de navigation sur le 2ème titre */ 
.Titre2 a {
   font-size: 12px;
   color: #0b6295;
   text-decoration: none;
   font-weight: bold;
}

/* Style du titre de niveau 3 dans le bandeau haut des pages liste et des pages fiche */
.Titre3 {
   font-family: Arial, Helvetica, sans-serif;
   /* v2.8 font-size: 16px; */
   font-size: 12px;
   /* v2.8 background-color: #FFFFFF; */
   /* v2.8 color: #009CDA; */
   color: #828282;
   font-weight: bold;
   /* v2.8 text-align: center; */
   /* v2.8 width: 100px; */
   /* v2.8 font-style: italic; */
   background-image: url(../work/images/ariane.gif);
   background-repeat: no-repeat;
   background-position: 1px;
   padding-left: 12px;
}

/**************************************************/
/* Fin Bandeau titres page en haut de chaque page */
/**************************************************/


/* Style pour le titre de chaque tableau de bord */
.TitreTdB {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   background-color: #006EB5;
   color: #FFFFFF;
   font-weight: bold;
   text-align: center;
}

/* Style pour un bouton */
.bouton {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #FFFFFF;
   text-align: center;
   /* v2.8 background-color: #009CDA; */
   background-color: #07356a; /*#5e96b1;*/
   border: 0px solid #fff;
   -moz-border-radius: 4px 4px 4px 4px;
   border-radius: 4px 4px 4px 4px;
   /*height: 20px;*/
}

/* Style pour le bouton de d'accès à une fiche : modification ou consultation */
/* Styles remplacés en 4.0, voir style-ociensa.css
div.boutonM  {
  float: right;
  height:100%;
  z-index: 100;
}
.boutonM {
  background-color: transparent;
  background-image:url(../work/images/btModif_white.png);
  background-repeat: no-repeat;
  border-style: none; 
  margin-right: 2px; 
  padding: 0px;
  width: 16px; height: 16px;
  cursor: pointer;
}
.boutonC {
  background-color: transparent;
  background-image:url(../work/images/btConsult_white.png);
  border-style: none; 
  margin: 0px; padding: 0px;
  width: 16px; height: 16px;
  cursor: pointer;
}
*/

/* Style pour le bouton de d'accès aux traductions */
/* modif Ociensa 2018/05/18 : remplacé en 4.0
.boutonT {
  background-color: transparent;
  background-image:url(../work/images/btTrad.png);
  border-style: none; 
  margin: 0px; padding: 0px;
  width: 16px; height: 16px;
  cursor: pointer;
}
*/

/* Style pour le lien vers un fiche attaché à une fiche */
/* modif Ociensa 2018/04/03 : remplacé en 4.0
.main-table .boutonF {
  background-color: transparent;
  / *background-image:url(../work/images/btLien_white.png);* /
  border-style: none; 
  margin: 0px; padding: 0px;
  width: 20px; height: 20px;
}
.boutonFWord {
   background-image:url(../work/images/btWord_white.png);
}
.boutonFExcel {
   background-image:url(../work/images/btExcel_white.png);
}
.boutonFPdf {
	background-image:url(../work/images/svgs/btPdf_blue.png);
}
.boutonFPpt {
   background-image:url(../work/images/btPpt_white.png);
}
.boutonFHtml {
   background-image:url(../work/images/btHtml.png);
}
.boutonFImage {
   background-image:url(../work/images/btImage.png);
}
.boutonFAutre {
   background-image:url(../work/images/btAutreType.png);
}
*/

/* Style pour le lien vers une URL */
/* modif Ociensa 2018/04/11 : remplacé en 4.0
.boutonL {
  background-color: transparent;
  background-image:url(../work/images/btLien_white.png);
  border-style: none; 
  margin: 0px; padding: 0px;
  width: 16px; height: 16px;
}
*/

/* Style pour le bouton lien (par exemple, dans la fiche contrôle, pour les tâches associées) */
.boutonLien {
   background-color: transparent;
   background-image:url('../work/images/svgs/btLien.svg');
   border-style: none; 
   margin: 0px; padding: 0px;
   width: 18px; height: 18px;
   cursor: pointer;
}
.item.uniform-select .boutonLien {
	/* Chrome/Edge : pour aligner verticalement les icônes dans la fiche contrôle, pour les tâches associées */
	vertical-align: middle;
}
#suiviTaches .boutonLien {
   /* Chrome/Edge : pour aligner verticalement les icônes dans la fiche contrôle, pour les tâches associées */
   vertical-align: middle;
}

/* Style pour le bouton lien brisé (par exemple, dans la fiche contrôle, pour les tâches associées) */
.boutonLienBrise {
   background-color: transparent;
   background-image:url('../work/images/svgs/btLienBrise.svg');
   background-size: contain;
   border-style: none; 
   margin: 0px; padding: 0px;
   width: 18px; height: 18px;
   cursor: pointer;
}
#suiviTaches .boutonLienBrise {
   /* Chrome/Edge : pour aligner verticalement les icônes dans la fiche contrôle, pour les tâches associées */
	vertical-align: middle;
}

/* Style pour le lien externe vers un document */
.boutonLienExterne {
  background-color: transparent;
  background-image:url(../work/images/btLienExterne.png);
  border-style: none; 
  margin: 0px; padding: 0px;
  width: 16px; height: 16px;
}

/* Style pour le bouton d'aide */
/* modif Ociensa : style remplacé en 4.0
.boutonAide {
  background-color: transparent;
  background-image:url(../work/images/btHelp.gif);
  background-position: center center;
  background-repeat: no-repeat;  border-style: none; 
  margin: 0px; padding: 0px;
  width: 17px; height: 17px;
  cursor: pointer;
}
*/

/* Style pour le lien "nombre d'actions liées */
/* modif Ociensa : style remplacé en 4.0
.boutonNb {
	float: left;
  color: #000000;
  background-color: transparent;
  background-image:url(../work/images/btNbFiches.png);
  border-style: none; 
  margin: 0px; padding: 0px;
  width: 16px; height: 16px;
  text-align:center;
  cursor: pointer;
}
*/

/* Style pour bouton ajout de fiche liée dans les pages liste */
.boutonAjout {
   border: none;
   background-color: transparent;
   /* modif Ociensa 2019/03/21 : nouvelle icône 4.0 */
   /* background-image: url(../work/images/btAjout_white.png); */
   background-image: url(../work/images/svgs/ajoutAction.svg);
   background-repeat: no-repeat;
   /* modif Ociensa 2018/10/04 : version 4.0, top -> center 9px */
   /* modif Ociensa 2024/04/25 : disposition avec flex, 9px -> 8px */
   background-position: center 8px;
   width: 16px; 
   /* modif Ociensa 2024/04/25 : disposition avec flex, 38px -> 34px */
   /* modif Ociensa 2018/10/04 : version 4.0, 16px -> 38px */
   height: 34px;
   /* modif Ociensa 2018/10/04 : version 4.0, 48px -> 38px */
   line-height: 34px;
   cursor: pointer;
   /* modif Ociensa 2018/10/04 : version 4.0, ajout pour centrer verticalement */
   display: inline-block;
}
.boutonAjout:hover {
   background-image: url(../work/images/svgs/ajoutAction-hover.svg);
}
/* Utilisé dans nbActions.tag */
div.boutonAjout {
   display: inline-block;
}
.item.uniform-select .boutonAjout {
   /* Chrome/Edge : pour aligner verticalement les icônes dans la fiche contrôle, pour les tâches associées */
   vertical-align: middle;
   height: 17px;
   background-position: center;
}

/* Style pour bouton sauvegarde (par exemple dans tableau de bord) */
.boutonEnregistrer {
   border: none;
   background-color: transparent;
   background-image: url(../work/images/btEnregistrer.jpg);
   background-repeat: no-repeat;
   background-position: center top;
   /* l'image est plus petite que la zone d'affichage */
   background-size: contain;
   width: 16px; height: 16px;
   cursor: pointer;
}

/* Style pour le bouton annuler */
.boutonAnnuler {
  background-color: transparent;
  background-image:url(../work/images/btAnnuler.png);
  border-style: none; 
  margin: 0px; padding: 0px;
  width: 16px; height: 16px;
  cursor: pointer;
}

/* Style pour le bouton ok */
.boutonOk {
  background-color: transparent;
  background-image:url(../work/images/btOk.png);
  border-style: none; 
  margin: 0px; padding: 0px;
  width: 16px; height: 16px;
  cursor: pointer;
}

/* Style pour le bouton suppression */
.boutonSuppr {
  background-color: transparent;
  background-image:url(../work/images/top-delete.png);
  background-repeat: no-repeat;
  background-position: center;
  border-style: none; 
  margin: 0px; padding: 0px;
  width: 24px; height: 20px;
  cursor: pointer;
}

/* Style pour le bouton restaurer */
.boutonRestaurer {
  background-color: transparent;
  background-image:url(../work/images/svgs/restaurer.svg);
  background-position: center;
  background-repeat: no-repeat;
  border-style: none; 
  margin: 0px; padding: 0px;
  width: 24px; height: 20px;
  cursor: pointer;
}

/* Style pour le bouton loupe */
.boutonLoupe {
  background-color: transparent;
  background-image:url(../work/images/btLoupe.png);
  border-style: none; 
  margin: 0px; padding: 0px;
  width: 16px; height: 16px;
  cursor: pointer;
}

/* Style pour le bouton gomme */
.boutonGomme {
  background-color: transparent;
  background-image:url(../work/images/btGomme.png);
  border-style: none; 
  margin: 0px; padding: 0px;
  width: 16px; height: 16px;
  cursor: pointer;
  background-repeat: no-repeat;
}

/* Style pour le bouton formule */
.boutonFormule {
  background-color: transparent;
  background-image:url(../work/images/btFormule.png);
  border-style: none; 
  margin: 0px; padding: 0px;
  width: 16px; height: 16px;
  cursor: pointer;
}

/* Style pour le bouton + */
.boutonPlus {
  background-color: transparent;
  background-image:url(../work/images/btPlus.png);
  background-repeat: no-repeat;
  background-position: center;
  border-style: none; 
  margin: 0px; padding: 0px;
  width: 20px; height: 20px;
  cursor: pointer;
}

/* Style pour le bouton tri ordre croissant (par exemple, dans la page liste des contrôles) */
.boutonTriCroissant {
   background-color: transparent;
   background-image:url("../work/images/svgs/croissant.svg");
   border-style: none; 
   margin: 0px; padding: 0px;
   width: 24px; height: 24px;
   background-size: 24px 24px;
   cursor: pointer;
}
.boutonTriCroissant:hover {
   background-image:url("../work/images/svgs/croissant_hover.svg");
}

/* Style pour le bouton tri ordre croissant (par exemple, dans la page liste des contrôles) */
.boutonTriDecroissant {
   background-color: transparent;
   background-image:url("../work/images/svgs/decroissant.svg");
   border-style: none; 
   margin: 0px; padding: 0px;
   width: 24px; height: 24px;
   background-size: 24px 24px;
   cursor: pointer;
}
.boutonTriDecroissant:hover {
   background-image:url("../work/images/svgs/decroissant_hover.svg");
}

/* Style pour le bouton listes de personnes */
/* modif Ociensa 2018/04/17 : modifié en 4.0
.boutonPersonnes {
  background-color: transparent;
  background-image:url(../work/images/btPersonnes.png);
  border-style: none; 
  margin: 0px; 
  margin-right: 3px;
  padding: 0px;
  width: 16px; height: 16px;
  cursor: pointer;
}
*/

/* Style pour le bouton calculatrice */
.containerCalCulatrice {
	/* pour que le fond coloré soit autour de l'icône calculatrice incluse, !important pour annuler style dans style.css */
	font-size: 18px !important;
}
.boutonCalculatrice {
  background-color: transparent;
  background-image:url(../work/images/calculatrice.png);
  /* modif Ociensa 2018/10/01 : version 4.0, équilibrer la bordure orange en haut et en bas */
  margin: 0px 0px 0px 0px !important;
  /* !important pour annuler style dans style.css */
  border-style: none !important;
  padding: 0px !important;
  width: 16px !important; 
  height: 16px !important;
  cursor: pointer;
  vertical-align: middle;
}

/* Style pour le bouton + (ajout de notes) */
/* modif Ociensa 2018/05/23 : remplacé en 4.0
.boutonPlusNote {
  background-color: transparent;
  background-image:url(../work/images/btPlusNote.png);
  border-style: none; 
  margin: 0px; padding: 0px;
  width: 16px; height: 16px;
  cursor: pointer;
  vertical-align:top
}
*/

/* Style pour le bouton copier (utilisé notamment dans les questionnaires KPI) */
.boutonCopier {
  background-color: transparent;
  background-image:url(../work/images/btCopier.png);
  border-style: none; 
  margin: 0px; padding: 0px;
  width: 16px; height: 16px;
  cursor: pointer;
  vertical-align:top
}

/* Style pour le bouton d'upload de fichier */
.boutonUpload {
  background-color: transparent;
  background-image:url(../work/images/btFileUpload.png);
  border-style: none;
  /* Marge de 3px pour alignement vertical avec bouton de visu fichier */ 
  margin: 3px; padding: 0px;
  width: 16px; height: 16px;
  cursor: pointer;
  vertical-align:top
}


/* ANCIEN style pour le bouton de modification "M" dans les pages liste, "Tr" traduction
  utilisé ailleurs également
 */
.boutonModif {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   /* v2.8 color: #FFFFFF; */
   color: #385465;
   /* v2.8 background-color: #006EB5; */
   background-color:transparent;
   background-repeat:no-repeat;
   background-position:center top;
   text-align: center;
   /* v2.8 border-top: 0px solid #fff;
   border-left: 0px solid #fff;
   border-right: 0px solid #000;
   border-bottom: 0px solid #000; */
   border: none;
   /* v2.8 padding: 1px; */
   padding:0px;
   font-weight: bold;
   width: 16px;
   height: 15px;
   line-height: 15px;
   vertical-align: middle;
   display: inline-block;
   cursor: pointer;
}

/* bouton accès version dans la fiche document */
.boutonVersion {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #ffffff;
   display:inline-block;
   text-align: center;   
   border:none;
   /*background:transparent url(../work/images/icon_verte.gif) no-repeat center top !important;*/
   background-color:transparent;
   background-image:url(../work/images/icon_bleue.gif);
   background-repeat:no-repeat;
   background-position:center top;
   width:16px;
   height:15px;
   line-height:15px;
   vertical-align:middle;
}

/* bouton ouverture fichier lié */
.boutonVoir {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #385465;
   text-align: center;   
   border:none;
   /*background:transparent url(../work/images/icon_verte.gif) no-repeat center top !important;*/
   background-color:transparent;
   background-image:url(images/voir.gif);
   background-repeat:no-repeat;
   background-position:center top;
   width:30px;
   height:16px;
   line-height:16px;
   vertical-align:middle;
   display:inline-block;
}

/* Message d'information */
/* modif Ociensa 2018/09/27 : obsolète en 4.0, remplacé dans style-ociensa.css
.info {
   background-image: url(../work/images/btInfo.png);
   background-repeat: no-repeat;
   background-position: left center;
   / * éloigner le texte de l'icône * /
   padding-left: 30px;
   font-weight: bold;
   margin-bottom: 10px;
   / * hauteur calée sur celle de l'icône, pour centrer le texte et l'icône verticalement * /
   line-height: 24px;
}
*/

/* Style pour ligne donnée maître dans page liste */
tr.donneeMaitre {
	/* modif Ociensa 2018/03/27 : couleur de fond modifiée en 4.0, #FFEEEE -> #E4E4E4  */
   background-color: #E4E4E4;
   /* 2024/04/25 : disposition flex : le td avec couleur de fond ne s'étend pas */
   width: 100%;
}
/* modif Ociensa 2018/03/27 : en 4.0, ajout règle sur cellules pour masquer la règle d'alternance de couleur sur les colonnes */
tr.donneeMaitre td {
  background-color: #E4E4E4 !important;
}

/* Style pour groupe de champs de formulaire */
fieldset {
  padding: 2px;
  border: 1px solid #DDDDDD;
  display: inline;
}

/* style pour select - ajout lg050411 */
select.boutonModif {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #000000;
   /*background-color: #006EB5; /*#009CDA;*/
/* display: compact;*/
   text-align: left;
   border:1px solid #CCCCCC;   
   padding:0px;
   /* vertical-align: middle; */
   background-image:none;
   width:auto;
}
select.boutonModif option {
   padding:2px 7px 2px 2px;
}

/* Style pour les bouton de la barre de boutons dans les pages liste et les pages fiche */
/* modif ociensa 2019/03/16 : obsolète en 4.0
.boutonBar {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #FFFFFF;
   text-align: center;
   /* v2.8 background-color: #009CDA; * /
   background-color: #5e96b1;
   background-image:url(../work/images/bgbtMiddle.gif); /* ajout lg 040411 * /
   background-position: center top;
   background-repeat: repeat-x; /* ajout lg 040411 * /
   height: 20px;
   width: 90px;
   padding-left: 5px;
   padding-right: 5px;
   border-top: 0px solid #fff;
   border-left: 0px solid #fff;
   /* v2.8 border-right: 0px solid #000; * /
   /* v2.8 border-bottom: 0px solid #000; * /
   border-right: 0px solid #3D3D3D;
   border-bottom: 0px solid #3D3D3D;
   background-repeat: repeat-x;
   background-position: bottom;
   -moz-border-radius: 4px 4px 4px 4px;
   border-radius: 4px 4px 4px 4px;
}
*/

/* Style pour les bouton de la barre de boutons dans les pages liste et les pages fiche : hover -- ajout lg 040411 */
.boutonBar:hover {
   color:#FF9900;
   cursor:pointer;
}


/* Style pour bouton désactivé, indispensable pour FF qui ne grise pas */
.disabledBouton {
   cursor: default !important;
}
.disabledBouton:hover {
   cursor: default !important;
}


/* Style pour bouton désactivé dans la barre de boutons, indispensable pour FF qui ne grise pas */
.disabledBoutonBar {
   color:#DDDDDD !important;
   cursor: default !important;
}

.disabledBoutonBar:hover {
   color:#DDDDDD;
   cursor: default;
}


/* Style pour une liste de sélection multiple */
.selectNaN {
   width:16px; height:16px; 
   text-align:center; 
   vertical-align: top;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #FFFFFF;
   /* v2.8 background-color: #009CDA; */
   background-color: #5e96b1;
   border-width: 0px;
   padding:1px;
}


/* Style par défaut pour les liens */
/* modif Ociensa 2019/03/20 : styles obsolètes en 4.0
a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   text-decoration: none;
   color: #FFFFFF;
}
*/


/* Style pour ligne supprimée (par exemple dans la saisie des données PTC */
.supprime {
   background-color: #DDDDDD !important;
   /* modif Ociensa 2019/02/01 : version 4.0, éclaircir la couleur */
   color: #AAAAAA !important;
}


/* Style pour le formulaire de saisie dans la page de visualisation état visu_etat.jsp */
/* modif Ociensa 2018/06/14 : incompatible avec l'ascenseur dans la fiche */
.FondFormulaire {
   position: absolute;
   /* modif Ociensa 2018/03/27 : top 33 -> 0 pour la version 4.0 */
   top: 0px; 
   bottom: 0px; left: 0px; right: 0px;
   /* height:100%; */   /* obligatoire, sinon taille réduite à la toolbar dans FF et CH */
   overflow: auto;
   /* width: 100%; */  /* pour position absolute */
}

/* Conteneur de champ pour insertion icône d'aide */
.conteneurChampSaisie {
	/* pour positionnement absolu de l'icône d'aide */
	position: relative;
	/* pour ne pas étendre le div sur toute la largeur de la cellule (sinon l'icône est placée tout à droite) */
	display: inline-block;
	/* écarter verticalement les champs à cause de l'icône d'aide qui mord sur le champ supérieur */
	margin-top: 6px;
}
/* Icône aide sur champ dans la page fiche */
.infobulleAideChamp {
   width: 8px;
   height: 6px;
	/* décaler l'icône vers le haut-droit par rapport au champ de saisie */
	position: absolute; 
	top: -1px; right: -1px;
	background-image: url('../work/images/cornerAide.gif');
	background-repeat: no-repeat;
	background-position: right top;
	/* pour l'infobulle checkbox, afin de réduire la taille de l'image */
	background-size: contain;
}
/* Pour checkbox, écarter l'icône sinon empêche le clic dans le checkbox */
.infobulleAideChampCheckbox {
	top: 0px; right: 0px;
	width: 6px; height: 3px;
}
/* Pour champ date, placer l'icône dans le champ avant l'icône d'ouverture du datepicker */
.infobulleAideChampDate {
	right: 18px;
}
/* Pour boutons radio, écarter l'icône du texte */
.infobulleAideChampRadio {
   right: -8px;
}
/* FIN Style pour le formulaire de saisie dans les pages fiche */


/* Style pour le libellé associé à un champ de saisie (formulaire) */
.champFormulaire {
	/* modif Ociensa 2018/06/26 : obsolète en 4.0
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   */
   /* v2.8 color: #000000; */
   color: #3D3D3D;
   text-align: left;
}

/* Style pour la marque (étoile) affichée après le champ de saisie */
.marqueObligatoire {
   color: red;
   font-weight: bold;
   margin-left: 3px;
   margin-right: 3px;
   font-size: 14px;
   vertical-align: top;
}

/* Style pour le mini formulaire (éditeur en place) de modification d'une valeur dans les pages liste */
.FondFormulaireMini {
   /* v2.8 background-color: #FFFFFF; */
   margin: 0px;
}

/* Style pour les champs de saisie des mini formulaires (éditeur en place) de modification d'une valeur dans les pages liste */
.FondFormulaireMini * {
	/* modif Ociensa 2019/05/16 : obsolète en 4.0
   font-family: Arial, Helvetica, sans-serif;
   */
   font-size: 11px;
}

/* Style pour le bouton de validation de l'éditeur en place dans les pages liste */
.boutonEditEnPlace {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9px;
   color: #FFFFFF;
   text-align: center;
   /* v2.8 background-color: #009CDA; */
   background-color: #5e96b1;
   width: auto;
   padding: 1px;
   border-top: 0px solid #fff;
   border-left: 0px solid #fff;
   /* v2.8 border-right: 0px solid #000; */
   /* v2.8 border-bottom: 0px solid #000; */
   border-right: 0px solid #3D3D3D;
   border-bottom: 0px solid #3D3D3D;
}


/* Style pour titre dans pages */
.textetitre2 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   font-variant: normal;
   text-transform: none;
   font-style: italic;
   letter-spacing: normal;
   list-style-type: none;
}


/* Semble inutilisé */
.texteFichier {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   /* v2.8 color: #000000; */
   color: #3D3D3D;
   background-color: #FFFFFF;
   text-align: center;
   background-position: center;
}

/* Semble inutilisé */
.titre2index {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #333333;
}

/* Semble inutilisé */
.titre3index {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
}

/* Image/Icone cliquable */
img.cliquable {
   cursor: pointer;
}


/* Style de l'élément select pour les listes N/N */
/* modif Ociensa 2018/06/25 : obsolète en 4.0
.listeformulaire {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   width: 150px;
}
*/

/* Style de l'élément select dans les pages liste */
.listeconsult {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   width: 100px;
}

/* Style pour les commentaires au bas de la boîte de sélection liste n/n et dans les pages */ 
.commentaire {
	/* modif Ociensa 2018/05/16 : non applicable en 4.0
   font-family: Arial, Helvetica, sans-serif;
   */
   /* pour affichage sur la même ligne */
   display: inline-block;
   /* modif Ociensa 2022/03/12 : le texte est trop petit. 
   font-size: smaller;
   */
   font-style: italic;
   margin: 10px;
}

/* Semble inutilisé */
.listeformulaire2 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   width: 200px;
}

/* 2 styles de couleurs pour la liste des aspects : aspects significatif et significatif manuel */
.rouge {
   /* modif Ociensa 2019/04/05 : pour graphisme 4.0, ajout !important pour forcer style par rapport à celui dans style.css */
   color: #FFFFFF !important;
   background-color: #FF0000 !important;
}

.orange {
   /* modif Ociensa 2019/04/05 : pour graphisme 4.0, ajout !important pour forcer style par rapport à celui dans style.css */
   color: #FFFFFF !important;
   background-color: #FF9900 !important;
}

/* Semble inutilisé */
.vert {
   /* modif Ociensa 2019/04/05 : pour graphisme 4.0, ajout !important pour forcer style par rapport à celui dans style.css */
   color: #FFFFFF !important;
   background-color: #009900 !important;
}

/* Semble inutilisé */
.Titre1b {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   /* v2.8 color: #000000; */
   color: #3D3D3D;
   font-weight: bold;
   text-align: center;
   width: 160px;
   /* v2.8 border: thin solid #000000; */
   border: thin solid #3D3D3D;
   display: none;
}

/* Semble inutilisé */
.Titre2b {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 20px;
   /* v2.8 color: #000000; */
   color: #3D3D3D;
   font-weight: bold;
   text-align: center;
   width: 300px;
   /* v2.8 border: thin solid #000000; */
   border: thin solid #3D3D3D;
   display: none;


}

/* Semble inutilisé */
.Titre3b {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   /* v2.8 color: #000000; */
   color: #3D3D3D;
   font-weight: bold;
   text-align: center;
   width: 100px;
   font-style: italic;
   /* v2.8 border: thin solid #000000; */
   border: thin solid #3D3D3D;
   display: none;

}

/* Semble inutilisé */
.Texteimp {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   /* v2.8 color: #000000; */
   color: #3D3D3D;
   text-align: center;
   display: none;
}

/* Style pour contenu non imprimé */
.textecache {
   display: none;
}

/* ajout 2006/04/28 Ociensa : style pour message d'erreur */
.messageErreur {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: red;
   text-align: left;
}

/* fiche archivée dans les pages liste */
.ficheArchivee {
	/* modif Ociensa 2018/04/10 : ajout !important pour outrepasser la couleur définie dans style.css en 4.0. */
   color: red !important;
}

/* valeur non associée au site courant dans les pages liste */
.valeurNonAssocieeAuSiteCourant {
   /* modif Ociensa 2018/04/10 : ajout !important pour outrepasser la couleur définie dans style.css en 4.0. */
	color: red !important;
}


/* ************************* */
/* Contrôles de saisie       */
/* ************************* */
/* Libellé champ de saisie */
label.erreurSaisie {
	color: red !important;
}
/* Champs de saisie */
/* Groupes de boutons radio et radioN */
span.champFormulaire.erreurSaisie, div.texteFormulaire.erreurSaisie {
   background-color: #ffdddd;
   border: 1px solid red;	
   padding-top: 2px;
}
/* compte rendu erreur */
/* modif Ociensa 2018/06/18 : obsolète en 4.0
span.compteRenduErreurSaisie {
   color: red;
   margin-left: 3px;
}
*/
/* ************************* */
/* FIN Contrôles de saisie   */
/* ************************* */



/* ************************* */
/* Affichage arborescent     */
/* ************************* */
/* pour que le libellé dans la cellule avec le + ne s'étende pas au-dessous du + */
div.libArbre {
   overflow: hidden;
}

/* icones +/- et espaces */
.imgArbre {
	/* modif Ociensa 2018/03/21 : changement d'icône en version 4.0, 12px -> 16px */
	width: 15px;
	/* modif Ociensa 2024/04/25 : disposition avec flex, 7px -> 100% */
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

/* modif Ociensa 2018/10/04 : remplacé en 4.0
.imgPlusEntete {
	background-image: url('../work/images/arbre/plus_simple_blanc.gif');
}
.imgMoinsEntete {
   background-image: url('../work/images/arbre/minus_simple_blanc.gif');
}
*/

/* modif Ociensa 2018/10/04 : remplacé en 4.0
.imgPlus {
   background-image: url('../work/images/arbre/plus_simple.gif');
}
.imgMoins {
	background-image: url('../work/images/arbre/minus_simple.gif');
}
*/

/* span, div alternatif à l'image vide pour le décalage dans l'affichage des arbres */
span.imgArbre {
  padding-left: 12px;
}
div.imgArbre {
  float: left;
}
/* ************************* */
/* FIN Affichage arborescent */
/* ************************* */



/* Bouton à cocher dans 1ère colonne tableau pour sélectionner la ligne (ou toutes les lignes) en modification en masse dans les pages liste */
.btnCoche {
   text-align: center;
   width: 20px;
   /* modif Ociensa 2018/04/03 : empêche l'ombrage de la ligne sélectionnée dans les pages liste
   overflow: hidden;
   */
}



/* ***************************************** */
/* Structure arborescente en tableau         */
/*  drag'n drop pour ordonner les données    */
/*  (ex: pages d'administration des modules) */
/* ***************************************** */
.ul-sortable {
   list-style-type: none;
   padding-bottom: 20px;
}
.ul-sortable .ul-sortable {
   list-style-type: none;
   /* pour pouvoir déposer un item dans la liste */
   min-height: 10px;
   padding-left: 10px;
   box-sizing: border-box;
   margin-top: 4px;
   /* annuler pour les sous listes le padding défini dans la règle précédente */
   padding-bottom: 0px;
}
.ul-sortable > li {
   margin-bottom: 7px;
   /* modif Ociensa 2018/11/07 : couleur green -> #c0c0c0 */
   border: 1px #c0c0c0 dashed;
   padding: 3px;
   padding-right: 0px;
   box-sizing: border-box;
}
.ul-sortable .ul-sortable > li {
   border-right-style: none;
}
.treeHandle {
  display: inline-block;
  background-color: transparent;
  background-image: url('../work/images/icon_liste.png');
  border-style: none; 
  margin: 0px; padding: 0px;
  width: 16px; height: 16px;
  cursor: move;
  /* décaler l'icône vers le bas pour être alignée sur les champs de saisie */
  position: relative;
  top: 4px;
}
.accepteDrop {
   background-color: #0b6295;
   border-color: #0b6295;
}
.ul-sortable .supprNoeud {
   width: 50px;
   text-align: center;
   display: inline-block;
   /* aligner l'icône sur la ligne des champs */
   position: relative;
   /* modif Ociensa 2018/11/07 : version 4.0, 2px -> 6px */
   top: 6px;
}
/* ***************************************** */
/* FIN Structure arborescente en tableau     */
/* ***************************************** */



/* ************************* */
/* Composants  jQuery        */
/* ************************* */

/* Boîtes de dialogue */
.ui-dialog {
  font-size: 11px;
}
/* ne pas afficher le bouton de fermeture boîte de dialogue */
.ui-dialog-titlebar-close { 
  display: none;
}

/* Component containers */
.ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

/* Correction de l'affichage de l'image cliquable pour apparition du datepicker : la décoller de l'input et la centrer verticalement */
.ui-datepicker-trigger {
  vertical-align: middle; margin-left: 3px;
}

/* Correction datepicker : le div du datepicker apparaît en bas de chaque page */
#ui-datepicker-div {
    display: none;
}


/* Bibliothèque Infobulles jquery.toolip : style pour l'infobulle affichée */
.ui-tooltip {
	/* augmenter la largeur maxi */
	max-width: 400px;
	/* ombrage à droite et plus discret */
   box-shadow: 4px 4px 2px #aaa; 
}



/* Complément 2017/10/12 pour homogénéiser les select avec filtre et sans filtre */
/* modif Ociensa 2018/01/05 : dans la version 4.0, remplacé par les styles de style.css
.select2-container--default .select2-selection--single {
   border-radius: 0px;	
}
.select2-container .select2-selection--single {
   height: 18px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
   height: 16px !important;
   line-height: 16px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
   height: 16px !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	/ * option sélectionnée * /
	background-color: #3875d7 !important;
}
*/
/* FIN Complément 2017/10/12 pour homogénéiser les select avec filtre et sans filtre */