@charset "UTF-8";


/* *********************** */
/* DEBUT Styles généraux   */
/* *********************** */

/* Bug Chrome : les champs remplis par Chrome via l'autofill sont redécorés, ce qui casse le style Apia */
input[type=text]:-webkit-autofill {
   -webkit-text-fill-color: #3a3a3a;
}

.verticalTop {
   vertical-align: top;	
}

/* nouvelle classe appliquée au div contenant le bouton d'accès à une fiche en modification ou en consultation uniquement */
.boutonFiche {
   float: right;
   height: 100%;
   z-index: 100;
}

.boutonC {
    background: url(../work/images/btView_black.png) center center no-repeat transparent;
    border-style: none;
    margin-right: 2px;
    padding: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
}


/* augmenter la largeur maxi des infobulle (notamement pour l'infobulle sur le nom dans le tableau des actions du tableau de bord */
.tooltip-inner {
	max-width: 500px;
	/* modif Ociensa 2019/04/29 : forcer retour à la ligne pour éviter que le texte déborde de la zone infobulle */
	word-wrap: break-word;
}

/* select avec éditeur en place pour modification rapide : rédefinir le style associé à la classe .form-control défini dans bootstrap */
.editable {
	/* conserver les couleurs héritées du conteneur (pour statut coloré par exemple) */
	background-color: transparent;
   color: inherit;
   padding-top: 4px;
   padding-right: 50px;
   padding-bottom: 4px;
   /* !important car une règle existe sur les div dans td */
   padding-left: 10px !important;
   box-sizing: border-box;
   line-height: 28px;
   /* couper le texte trop long */
   text-overflow: ellipsis;
   white-space: nowrap;
   border-style: none;
   width: 100%;
   /* flèche dépliement liste */
   background-image: url("../work/images/svgs/arrow-grey.svg");
   background-position: right 6px center;
   background-size: 18px 12px;
   background-repeat: no-repeat;
}
.main-table tbody.has-right-scroll tr > td:last-child .editable {
    width: calc(100% - 16px) !important;
}


input[readonly] {
	background-color: transparent;
	opacity: 0.6;
	cursor: default !important;
}
/* cellule date dans une page liste */
#liste .main-table input.datepicker[readonly] {
	/* ne pas changer l'opacité et le curseur pour les dates qui sont affichées dans un élément input */
   opacity: 1;
   cursor: pointer !important;
}

/* bouton "nb actions" */
/* modif Ociensa 2019/04/19 : provoquait un décalage vertical du bouton "nb PTC" et bouton modif dans la page liste des contrôles.
.lienBoutonNb {
   display: inline-block;
   line-height: 34px;	
}
*/
.boutonNb {
	display: inline-block;
	/* fixer la largeur au cas où le contenu est vide afin de placer correctement l'icône d'ajout */
	width: 16px;
	text-align: center;
}
/* bouton "nb actions" avec infobulle */
.boutonNb.infobulle {
	/* supprimer le décalage vertical vers le bas du nombre par rapport à l'icône de fond */
	padding-top: 0;
	/* ne pas ajouter le coin bleu haut gauche */
   background-image: none;
}
/* nombre dans un cadre (par exemple, dans la page liste des indicateurs, le nombre de seuils */
.boutonNb.cadre {
	display: inline-block;
	margin-right: 11px;
	font-size: 11px;
	background: url(../work/images/svgs/ajout-rapide-formulaire.svg) center center no-repeat transparent;
	/* fixer la taille dans la propriété background ne fonctionne pas dans firefox ??? */
	background-size: contain;
	width: 16px;
	height: 38px;
	line-height: 48px;
}
.boutonNb.cadre.large {
   background: url(../work/images/svgs/ajout-rapide-formulaire-large.svg) center center no-repeat transparent;
   /* fixer la taille dans la propriété background ne fonctionne pas dans firefox ??? */
   background-size: contain;
   width: 22px;
}
/* redéfinir règle dans style.css qui supprime la largeur */
td.cellule.accesCons .boutonNb.cadre.infobulle {
   width: 16px;
   text-align: unset;
}
td.cellule.accesCons .boutonNb.cadre.large.infobulle {
   width: 22px;
}
.boutonNb.cadre .valeurNb {
	/* permet d'avoir même hauteur et même centrage vertical lorsqu'il n'y a pas de nombre à afficher */
	display: inline-block;
}


/* Tableau autre que la table principale d'une page liste : reprend le style de la table principale : alterner la couleur de fond des colonnes */
.coulColonneAlternee td:nth-child(2n+1), .coulColonneAlternee th:nth-child(2n+1) {
	background: #F6F6F6;
}
.coulColonneAlternee td:nth-child(2n), .coulColonneAlternee th:nth-child(2n) {
	background: #FCFCFC;
}
.coulColonneAlternee tbody > tr {
	border-bottom: 1px solid #999;
}
.coulColonneAlternee thead > tr {
	border-bottom: 2px solid #626262;
}
.coulColonneAlternee td > div, .coulColonneAlternee th > div {
   padding-left: 10px;
   padding-right: 10px;
}

/* texte dans une page */
.texteBrut {
   font-size: 10px;
}
@media only screen and (min-width: 1227px) {
	.texteBrut {
	   font-size: 12px;
	}
}
@media only screen and (min-width: 1820px) {
   .texteBrut {
      font-size: 16px;
   }
}

/* Messages d'alerte bootstrap */
.alert-danger {
	/* supprimer l'image de fond dégradée */
	background-image: unset;
}

.souligne {
   text-decoration: underline;
}

.italique {
   font-style: italic;
}

/* *********************** */
/* FIN  Styles généraux    */
/* *********************** */



/* *********************** */
/* DEBUT Icônes fichiers   */
/* *********************** */
a.boutonF  {
   width: 16px;
   height: 20px;
   float: none;
   display: inline-block;
   background-position: center;
   background-repeat: no-repeat;
}
.has-file .voirFichier, .has-file .btnUploadFichiers {
   /* pour placer les icônes les uns à la suite des autres sur autant de lignes que nécessaires */
	float: left;
}
a.boutonF.boutonFDownload {
   background-image:url(../work/images/svgs/1280/export.svg);
   transform: rotate(180deg);
}
@media only screen and (min-width: 1820px) {
	a.boutonF.boutonFDownload {
	   background-image:url(../work/images/svgs/1920/export.svg);
	}
}
a.boutonF.boutonFCsv {
   background-image:url(../work/images/svgs/export-csv.svg);
}
a.boutonF.boutonFCsv:hover {
   background-image:url(../work/images/svgs/export-csv-hover.svg);
}
a.boutonF.boutonFWord {
   background-image:url(../work/images/svgs/export-word.svg);
}
a.boutonF.boutonFWord:hover {
   background-image:url(../work/images/svgs/export-word-hover.svg);
}
a.boutonF.boutonFExcel97 {
   /* modif Ociensa 2018/04/02 : changement icône btExcel_white.png -> svgs/export-excel.svg */
   background-image:url(../work/images/svgs/export-excel97.svg);
}
a.boutonF.boutonFExcel97:hover {
   background-image:url(../work/images/svgs/export-excel97-hover.svg);
}
a.boutonF.boutonFExcel2007 {
   /* modif Ociensa 2018/04/02 : changement icône btExcel_white.png -> svgs/export-excel.svg */
   background-image:url(../work/images/svgs/export-excel2007.svg);
}
a.boutonF.boutonFExcel2007:hover {
   background-image:url(../work/images/svgs/export-excel2007-hover.svg);
}
a.boutonF.boutonFOpenOfficeCalc {
   background-image:url(../work/images/logo_openoffice_calc.png);
}
a.boutonF.boutonFOpenOfficeWriter {
   background-image:url(../work/images/logo_openoffice_writer.png);
}
a.boutonF.boutonFPdf {
   /* modif Ociensa 2018/04/02 : changement icône btPdf_blue.png -> svgs/export-pdf.svg */
   background-image:url(../work/images/svgs/export-pdf.svg);
}
a.boutonF.boutonFPdf:hover {
   background-image:url(../work/images/svgs/export-pdf-hover.svg);
}
a.boutonF.boutonFHtml {
   background-image:url(../work/images/svgs/export-html.svg);
}
a.boutonF.boutonFHtml:hover {
   background-image:url(../work/images/svgs/export-html-hover.svg);
}
a.boutonF.boutonFPpt {
   /* modif Ociensa 2018/04/02 : changement icône btPpt_white.png -> svgs/export-ppt.svg */
   background-image:url(../work/images/svgs/export-ppt.svg);
}
a.boutonF.boutonFPpt:hover {
   background-image:url(../work/images/svgs/export-ppt-hover.svg);
}
a.boutonF.boutonFImage {
   /* modif Ociensa 2018/04/02 : changement icône btImage.png -> svgs/export-image.svg */
   background-image:url(../work/images/svgs/export-image.svg);
}
a.boutonF.boutonFImage:hover {
   background-image:url(../work/images/svgs/export-image-hover.svg);
}
a.boutonF.boutonFZip {
   background-image:url(../work/images/svgs/export-zip.svg);
}
a.boutonF.boutonFZip:hover {
   background-image:url(../work/images/svgs/export-zip-hover.svg);
}
a.boutonF.boutonFVisio {
   background-image:url(../work/images/svgs/export-visio.svg);
}
a.boutonF.boutonFVisio:hover {
   background-image:url(../work/images/svgs/export-visio-hover.svg);
}
a.boutonF.boutonFAutre {
   /* modif Ociensa 2018/04/02 : changement icône btAutreType.png -> svgs/export-autre.svg */
   background-image:url(../work/images/svgs/export-autre.svg);
}
a.boutonF.boutonFAutre:hover {
   background-image:url(../work/images/svgs/export-autre-hover.svg);
}
/* lien (url au lieu de fichier) */
a.boutonF.boutonL {
   background-color: transparent;
   /* modif Ociensa 2018/04/11 : changement icône btLien_white.png -> svgs/export-autre.svg */
   background-image:url(../work/images/svgs/icone-lienWeb.svg);
   /*
   border-style: none;
   margin: 0;
   padding: 0;
   width: 16px;
   height: 20px;
   */
}
a.boutonF.boutonL:hover {
   background-image:url(../work/images//svgs/icone-lienWeb-hover.svg);
}

/* boutons d'affichage d'état dans la page liste des états */
.btnAffichageEtat {
	/* pour centrer les boutons dans la cellule */
	display: inline-block;
}
/* *********************** */
/* FIN   Icônes fichiers   */
/* *********************** */


/* *********************** */
/* Icône information       */
/* *********************** */
.info {
	background-image: url('../work/images/svgs/1280/ic_info_1280-1024.svg');
   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;
   font-size: 10px;
}
@media only screen and (min-width: 1227px) {
	.info {
		font-size: 12px;
	}
}
@media only screen and (min-width: 1820px) {
   .info {
      font-size: 16px;
   }
}

#fiche > .info {
   /* Aligner le texte sur les libellés des champs */
   margin-left: 7px;
   /* éloigner le texte de l'icône */
   padding-left: 26px;
}
@media only screen and (min-width: 1227px) {
	#fiche > .info {
	   /* Aligner le texte sur les libellés des champs */
	   margin-left: 15px;
      /* éloigner le texte de l'icône */
      padding-left: 30px;
	}
}
@media only screen and (min-width: 1920px) {
   .info {
      background-image: url('../work/images/svgs/1920/ic_info_1920.svg');
	}
}

/* *********************** */
/* DEBUT Editeur en ligne  */
/* *********************** */
/* toute cellule éditable et l'input généré automatiquement au clic */
.editeur, .editeur input {
    cursor: pointer;
}

.main-table .select2-container--default .select2-selection--single .select2-selection__rendered {
	/* Pour l'éditeur en ligne statut, conserver la couleur associée au statut et définie au niveau du conteneur de la cellule */
	color: inherit !important;
}

/* Formulaire généré par l'éditeur en place */
.FondFormulaireMini .texteFormulaire {
	/* adopter la couleur de fond de la cellule (par exemple celle de la date d'échéance) */
	background-color: transparent;
	/* pas de bordure pour rendre "invisible" l'input */
	border-style: none;
	/* redéfinir la règle de styles.css qui est obsolète */
	font-size: inherit;
}
/* *********************** */
/* FIN   Editeur en ligne  */
/* *********************** */




/* *********************** */
/* DEBUT Menu principal    */
/* *********************** */

/* modif Ociensa 2018/01/05 : organisation => sousMenu-1 */
.cd-nav-breadcrumb>li.logo.sousMenu-1:before {
	background: url(../work/images/organisation-gray-dark.png) center center
		no-repeat transparent;
	background-size: cover;
}
/* modif Ociensa 2018/01/05 : actions-et-constats => sousMenu-2 */
.cd-nav-breadcrumb>li.logo.sousMenu-2:before {
	background: url(../work/images/actions-et-constats-gray-dark.png) center
		center no-repeat transparent;
	background-size: cover;
}
/* modif Ociensa 2018/01/05 : documents => sousMenu-3 */
.cd-nav-breadcrumb>li.logo.sousMenu-3:before {
	background: url(../work/images/documents-gray-dark.png) center center
		no-repeat transparent;
	background-size: cover;
}
/* modif Ociensa 2018/01/05 : indicateurs => sousMenu-4 */
.cd-nav-breadcrumb>li.logo.sousMenu-4:before {
	background: url(../work/images/indicateurs-gray-dark.png) center center
		no-repeat transparent;
	background-size: cover;
}
/* modif Ociensa 2018/01/05 : conformite => sousMenu-5 */
.cd-nav-breadcrumb>li.logo.sousMenu-5:before {
	background: url(../work/images/conformite-gray-dark.png) center center
		no-repeat transparent;
	background-size: cover;
}
/* modif Ociensa 2018/01/05 : risques => sousMenu-6 */
.cd-nav-breadcrumb>li.logo.sousMenu-6:before {
	background: url(../work/images/risques-gray-dark.png) center center
		no-repeat transparent;
	background-size: cover;
}
/* modif Ociensa 2018/01/05 : etats => sousMenu-7 */
.cd-nav-breadcrumb>li.logo.sousMenu-7:before {
	background: url(../work/images/etats-gray-dark.png) center center
		no-repeat transparent;
	background-size: cover;
}

/* *********************** */
/* FIN   Menu principal    */
/* *********************** */



/* *********************** */
/* DEBUT sidebar           */
/* *********************** */
/* modif Ociensa 2018/01/05 : organisation => sousMenu-1 */
.cd-side-nav>ul>li.sousMenu-1>a {
	background: url(../work/images/svgs/1024/main-menu-organisation.svg)
		no-repeat center center transparent;
	background-size: 48%;
}
/* modif Ociensa 2018/01/05 : actions-et-constats => sousMenu-2 */
.cd-side-nav>ul>li.sousMenu-2>a {
	background:
		url(../work/images/svgs/1024/main-menu-actions-et-constats.svg)
		no-repeat center center transparent;
	background-size: 48%;
}
/* modif Ociensa 2018/01/05 : documents => sousMenu-3 */
.cd-side-nav>ul>li.sousMenu-3>a {
	background: url(../work/images/svgs/1024/main-menu-documents.svg)
		no-repeat center center transparent;
	background-size: 48%;
}
/* modif Ociensa 2018/01/05 : indicateurs => sousMenu-4 */
.cd-side-nav>ul>li.sousMenu-4>a {
	background: url(../work/images/svgs/1024/main-menu-indicateurs.svg)
		no-repeat center center transparent;
	background-size: 48%;
}
/* modif Ociensa 2018/01/05 : conformite => sousMenu-5 */
.cd-side-nav>ul>li.sousMenu-5>a {
	background: url(../work/images/svgs/1024/main-menu-conformite.svg)
		no-repeat center center transparent;
	background-size: 48%;
}
/* modif Ociensa 2018/01/05 : risques => sousMenu-6 */
.cd-side-nav>ul>li.sousMenu-6>a {
	background: url(../work/images/svgs/1024/main-menu-risques.svg)
		no-repeat center center transparent;
	background-size: 48%;
}
/* modif Ociensa 2018/01/05 : etats => sousMenu-7 */
.cd-side-nav>ul>li.sousMenu-7>a {
	background: url(../work/images/svgs/1024/main-menu-etats.svg) no-repeat
		center center transparent;
	background-size: 48%;
}

@media only screen and (min-width: 1280px) {
	/* modif Ociensa 2018/01/05 : organisation => sousMenu-1 */
	.cd-side-nav>ul>li.sousMenu-1>a {
		background: url(../work/images/svgs/1280/main-menu-organisation.svg)
			no-repeat center center transparent;
		background-size: 48%;
	}
	/* modif Ociensa 2018/01/05 : actions-et-constats => sousMenu-2 */
	.cd-side-nav>ul>li.sousMenu-2>a {
		background:
			url(../work/images/svgs/1280/main-menu-actions-et-constats.svg)
			no-repeat center center transparent;
		background-size: 48%;
	}
	/* modif Ociensa 2018/01/05 : documents => sousMenu-3 */
	.cd-side-nav>ul>li.sousMenu-3>a {
		background: url(../work/images/svgs/1280/main-menu-documents.svg)
			no-repeat center center transparent;
		background-size: 48%;
	}
	/* modif Ociensa 2018/01/05 : indicateurs => sousMenu-4 */
	.cd-side-nav>ul>li.sousMenu-4>a {
		background: url(../work/images/svgs/1280/main-menu-indicateurs.svg)
			no-repeat center center transparent;
		background-size: 48%;
	}
	/* modif Ociensa 2018/01/05 : conformite => sousMenu-5 */
	.cd-side-nav>ul>li.sousMenu-5>a {
		background: url(../work/images/svgs/1280/main-menu-conformite.svg)
			no-repeat center center transparent;
		background-size: 48%;
	}
	/* modif Ociensa 2018/01/05 : risques => sousMenu-6 */
	.cd-side-nav>ul>li.sousMenu-6>a {
		background: url(../work/images/svgs/1280/main-menu-risques.svg)
			no-repeat center center transparent;
		background-size: 48%;
	}
	/* modif Ociensa 2018/01/05 : etats => sousMenu-7 */
	.cd-side-nav>ul>li.sousMenu-7>a {
		background: url(../work/images/svgs/1280/main-menu-etats.svg) no-repeat
			center center transparent;
		background-size: 48%;
	}
}

@media only screen and (min-width: 1920px) {
	/* modif Ociensa 2018/01/05 : organisation => sousMenu-1 */
	.cd-side-nav>ul>li.sousMenu-1>a {
		background: url(../work/images/svgs/1920/main-menu-organisation.svg)
			no-repeat center center transparent;
	}
	/* modif Ociensa 2018/01/05 : actions-et-constats => sousMenu-2 */
	.cd-side-nav>ul>li.sousMenu-2>a {
		background:
			url(../work/images/svgs/1920/main-menu-actions-et-constats.svg)
			no-repeat center center transparent;
	}
	/* modif Ociensa 2018/01/05 : documents => sousMenu-3 */
	.cd-side-nav>ul>li.sousMenu-3>a {
		background: url(../work/images/svgs/1920/main-menu-documents.svg)
			no-repeat center center transparent;
	}
	/* modif Ociensa 2018/01/05 : indicateurs => sousMenu-4 */
	.cd-side-nav>ul>li.sousMenu-4>a {
		background: url(../work/images/svgs/1920/main-menu-indicateurs.svg)
			no-repeat center center transparent;
	}
	/* modif Ociensa 2018/01/05 : conformite => sousMenu-5 */
	.cd-side-nav>ul>li.sousMenu-5>a {
		background: url(../work/images/svgs/1920/main-menu-conformite.svg)
			no-repeat center center transparent;
	}
	/* modif Ociensa 2018/01/05 : risques => sousMenu-6 */
	.cd-side-nav>ul>li.sousMenu-6>a {
		background: url(../work/images/svgs/1920/main-menu-risques.svg)
			no-repeat center center transparent;
	}
	/* modif Ociensa 2018/01/05 : etats => sousMenu-7 */
	.cd-side-nav>ul>li.sousMenu-7>a {
		background: url(../work/images/svgs/1920/main-menu-etats.svg) no-repeat
			center center transparent;
	}
}

@media screen and (-ms-high-contrast: active) , ( -ms-high-contrast :
	none) and (min-width: 1920px) { /* IE: 11 + 10 */
	/* modif Ociensa 2018/01/05 : organisation => sousMenu-1 */
	.cd-side-nav>ul>li.sousMenu-1>a {
		background: url(../work/images/organisation-gray.png) no-repeat center
			center transparent;
	}
	.cd-side-nav>ul>li.sousMenu-1.hover>a {
		background: url(../work/images/organisation.png) no-repeat center center
			transparent;
	}
	/* modif Ociensa 2018/01/05 : actions-et-constats => sousMenu-2 */
	.cd-side-nav>ul>li.sousMenu-2>a {
		background: url(../work/images/actions-et-constats-gray.png) no-repeat
			center center transparent;
	}
	.cd-side-nav>ul>li.sousMenu-2.hover>a {
		background: url(../work/images/actions-et-constats.png) no-repeat center
			center transparent;
	}
	/* modif Ociensa 2018/01/05 : documents => sousMenu-3 */
	.cd-side-nav>ul>li.sousMenu-3>a {
		background: url(../work/images/documents-gray.png) no-repeat center
			center transparent;
	}
	.cd-side-nav>ul>li.sousMenu-3.hover>a {
		background: url(../work/images/documents.png) no-repeat center center
			transparent;
	}
	/* modif Ociensa 2018/01/05 : indicateurs => sousMenu-4 */
	.cd-side-nav>ul>li.sousMenu-4>a {
		background: url(../work/images/indicateurs-gray.png) no-repeat center
			center transparent;
	}
	.cd-side-nav>ul>li.sousMenu-4.hover>a {
		background: url(../work/images/indicateurs.png) no-repeat center center
			transparent;
	}
	/* modif Ociensa 2018/01/05 : conformite => sousMenu-5 */
	.cd-side-nav>ul>li.sousMenu-5>a {
		background: url(../work/images/conformite-gray.png) no-repeat center
			center transparent;
	}
	.cd-side-nav>ul>li.sousMenu-5.hover>a {
		background: url(../work/images/conformite.png) no-repeat center center
			transparent;
	}
	/* modif Ociensa 2018/01/05 : risques => sousMenu-6 */
	.cd-side-nav>ul>li.sousMenu-6>a {
		background: url(../work/images/risques-gray.png) no-repeat center center
			transparent;
	}
	.cd-side-nav>ul>li.sousMenu-6.hover>a {
		background: url(../work/images/risques.png) no-repeat center center
			transparent;
	}
	/* modif Ociensa 2018/01/05 : etats => sousMenu-7 */
	.cd-side-nav>ul>li.sousMenu-7>a {
		background: url(../work/images/etats-gray.png) no-repeat center center
			transparent;
	}
	.cd-side-nav>ul>li.sousMenu-7.hover>a {
		background: url(../work/images/etats.png) no-repeat center center
			transparent;
	}
}

@media screen and (-ms-high-contrast: active) , ( -ms-high-contrast :
	none) and (max-width: 1919px) { /* IE: 11 + 10 */
	/* modif Ociensa 2018/01/05 : organisation => sousMenu-1 */
	.cd-side-nav>ul>li.sousMenu-1>a {
		background: url(../work/images/organisation-gray.png) no-repeat center
			center transparent;
		background-size: 48%;
	}
	.cd-side-nav>ul>li.sousMenu-1.hover>a {
		background: url(../work/images/organisation.png) no-repeat center center
			transparent;
		background-size: 48%;
	}
	/* modif Ociensa 2018/01/05 : actions-et-constats => sousMenu-2 */
	.cd-side-nav>ul>li.sousMenu-2>a {
		background: url(../work/images/actions-et-constats-gray.png) no-repeat
			center center transparent;
		background-size: 48%;
	}
	.cd-side-nav>ul>li.sousMenu-2.hover>a {
		background: url(../work/images/actions-et-constats.png) no-repeat center
			center transparent;
		background-size: 48%;
	}
	/* modif Ociensa 2018/01/05 : documents => sousMenu-3 */
	.cd-side-nav>ul>li.sousMenu-3>a {
		background: url(../work/images/documents-gray.png) no-repeat center
			center transparent;
		background-size: 48%;
	}
	.cd-side-nav>ul>li.sousMenu-3.hover>a {
		background: url(../work/images/documents.png) no-repeat center center
			transparent;
		background-size: 48%;
	}
	/* modif Ociensa 2018/01/05 : indicateurs => sousMenu-4 */
	.cd-side-nav>ul>li.sousMenu-4>a {
		background: url(../work/images/indicateurs-gray.png) no-repeat center
			center transparent;
		background-size: 48%;
	}
	.cd-side-nav>ul>li.sousMenu-4.hover>a {
		background: url(../work/images/indicateurs.png) no-repeat center center
			transparent;
		background-size: 48%;
	}
	/* modif Ociensa 2018/01/05 : conformite => sousMenu-5 */
	.cd-side-nav>ul>li.sousMenu-5>a {
		background: url(../work/images/conformite-gray.png) no-repeat center
			center transparent;
		background-size: 48%;
	}
	.cd-side-nav>ul>li.sousMenu-5.hover>a {
		background: url(../work/images/conformite.png) no-repeat center center
			transparent;
		background-size: 48%;
	}
	/* modif Ociensa 2018/01/05 : risques => sousMenu-6 */
	.cd-side-nav>ul>li.sousMenu-6>a {
		background: url(../work/images/risques-gray.png) no-repeat center center
			transparent;
		background-size: 48%;
	}
	.cd-side-nav>ul>li.sousMenu-6.hover>a {
		background: url(../work/images/risques.png) no-repeat center center
			transparent;
		background-size: 48%;
	}
	/* modif Ociensa 2018/01/05 : etats => sousMenu-7 */
	.cd-side-nav>ul>li.sousMenu-7>a {
		background: url(../work/images/etats-gray.png) no-repeat center center
			transparent;
		background-size: 48%;
	}
	.cd-side-nav>ul>li.sousMenu-7.hover>a {
		background: url(../work/images/etats.png) no-repeat center center
			transparent;
		background-size: 48%;
	}
}

/* modif Ociensa 2018/01/08 : remplacement langue par utilisateurLangue */
.has-children>a::after, .has-children>div>a::after, .has-children.utilisateurLangue>div>span.select2::after
	{
	/* arrow icon */
	position: absolute;
	content: "\f107";
	height: 16px;
	width: 16px;
	right: 5%;
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: FontAwesome;
	line-height: 18px;
	text-align: center;
	font-size: 20px;
	/*background: url(../work/images/cd-arrow.svg);*/
}
/* modif Ociensa 2018/01/10 : ajout sélecteur avec form pour le formulaire utilisateur dans la page principale */
.has-children.selected>ul, .has-children.selected>div>ul, .has-children.selected>span.sub-menu-title,
	.has-children.selected>form>ul {
	display: block;
}
/* *********************** */
/* FIN   sidebar           */
/* *********************** */



/* modif Ociensa 2018/01/08 : remplacement langue par utilisateurLangue */
.has-children>a::after, .has-children>div>a::after, .has-children.utilisateurLangue>div>span.select2::after
	{
	/* arrow icon */
	position: absolute;
	content: "\f107";
	height: 16px;
	width: 16px;
	right: 5%;
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: FontAwesome;
	line-height: 18px;
	text-align: center;
	font-size: 20px;
	/*background: url(../work/images/cd-arrow.svg);*/
}

/* modif Ociensa 2018/01/08 : remplacement langue par utilisateurLangue */
.has-children.role ul, .has-children.utilisateurLangue ul {
	width: calc(100% - 30px);
	top: inherit;
	left: inherit;
	background: #fff;
}

/* modif Ociensa 2018/01/08 : remplacement langue par utilisateurLangue */
.has-children.role ul, .has-children.utilisateurLangue ul li a {
	line-height: 24px;
	font-size: 14px;
	margin-left: 7px;
	color: #000;
}
/* modif Ociensa 2018/01/08 : remplacement langue par utilisateurLangue */
.has-children.utilisateurLangue .select2-selection__arrow {
      display: none;
}
.has-children.role ul, .has-children.utilisateurLangue ul li:hover a {
	color: #787878;
}

/* modif Ociensa 2018/01/08 : remplacement langue par utilisateurLangue */
.cd-nav-account-all .has-children.utilisateurLangue select {
	width: 100%;
}

@media only screen and (min-width: 1280px) {
	/* modif Ociensa 2018/01/08 : remplacement langue par utilisateurLangue */
	.has-children.role ul, .has-children.utilisateurLangue ul li a {
		line-height: 28px;
		font-size: 16px;
		margin-left: 9px;
	}
}

@media only screen and (min-width: 1920px) {
	/* modif Ociensa 2018/01/08 : remplacement langue par utilisateurLangue */
	.has-children.role ul, .has-children.utilisateurLangue ul li a {
		line-height: 30px;
		font-size: 19px;
		margin-left: 11px;
	}
}

/* modif Ociensa 2018/01/08 : remplacement langue par utilisateurLangue */
.cd-nav-account-infos .utilisateurLangue .select2-container--default .select2-selection--single, .cd-nav-account-options-affichage .tailleCaractereListe .select2-container--default .select2-selection--single
	{
	border-color: transparent;
	background: transparent;
	-webkit-transition: border-color 0.5s, background 0.5s; /* Safari */
	transition: border-color 0.5s, background 0.5s;
	border-bottom: 1px solid #C4CAEA;
}
/* modif Ociensa 2018/01/08 : remplacement langue par utilisateurLangue */
.cd-nav-account-infos .utilisateurLangue .select2-container--default:not(.bigger) .select2-selection--single, .cd-nav-account-options-affichage .tailleCaractereListe .select2-container--default:not(.bigger) .select2-selection--single {
	height: 26px;
	padding: 0 0;
}
/* modif Ociensa 2018/01/08 : remplacement langue par utilisateurLangue */
.cd-nav-account-infos .utilisateurLangue .select2-container--default:not(.bigger) .select2-selection--single .select2-selection__arrow, .cd-nav-account-options-affichage .tailleCaractereListe .select2-container--default:not(.bigger) .select2-selection--single .select2-selection__arrow {
	right: 9px;
	top: -4px;
	display: none;
}

/* modif Ociensa 2018/01/08 : remplacement langue par utilisateurLangue */
.cd-nav-account-infos .utilisateurLangue .select2-container--default .select2-selection--single .select2-selection__rendered, .cd-nav-account-options-affichage .tailleCaractereListe .select2-container--default .select2-selection--single .select2-selection__rendered
	{
	color: #F4F5F4;
	font-size: 16px;
	font-weight: 400;
	padding-left: 0;
}
/* modif Ociensa 2018/01/08 : remplacement langue par utilisateurLangue */
.cd-nav-account-infos .utilisateurLangue .select2-container--default.bigger .select2-selection--single .select2-selection__rendered, .cd-nav-account-options-affichage .tailleCaractereListe .select2-container--default.bigger .select2-selection--single .select2-selection__rendered
	{
	padding-left: 8px;
}
.cd-nav-account-infos .utilisateurLangue .select2-container--default.bigger .select2-selection--single, .cd-nav-account-options-affichage .tailleCaractereListe .select2-container--default.bigger .select2-selection--single {
   background: #FFFFFF;
}
.cd-nav-account-infos .utilisateurLangue .select2-container--default.bigger .select2-selection--single #select2-langue-container, .cd-nav-account-options-affichage .tailleCaractereListe .select2-container--default.bigger .select2-selection--single #select2-tailleCaractereListe-container {
   color: #3a3a3a;
}

/* modif Ociensa 2018/01/08 : remplacement langue par utilisateurLangue */
.cd-nav-account-infos .utilisateurLangue:hover .select2-container--default .select2-selection--single,
	.cd-nav-account-infos .utilisateurLangue .select2-container--default.bigger .select2-selection--single,
.cd-nav-account-options-affichage .tailleCaractereListe:hover .select2-container--default .select2-selection--single,
   .cd-nav-account-options-affichage .tailleCaractereListe .select2-container--default.bigger .select2-selection--single
	{
	border-color: #E5E5E5;
   /* modif Ociensa 2019/08/04 : suppression couleur de fond blanc et bordures */
	/* background: #3F51B5; */
   border-left-style: none;
   border-top-style: none;
   border-right-style: none;
	-webkit-transition: border-color 0.5s, background 0.5s; /* Safari */
	transition: border-color 0.5s, background 0.5s;
}
.cd-nav-account-infos .utilisateurLangue .select2-container--default .select2-selection--single,
   .cd-nav-account-infos .utilisateurLangue .select2-container--default.bigger .select2-selection--single,
.cd-nav-account-options-affichage .tailleCaractereListe .select2-container--default .select2-selection--single,
   .cd-nav-account-options-affichage .tailleCaractereListe .select2-container--default.bigger .select2-selection--single
   {
   /* modif Ociensa 2019/08/04 : suppression bordures à la sortie de la zone du div englobant */
   border-left-style: none;
   border-top-style: none;
   border-right-style: none;
}
/* modif Ociensa 2018/01/08 : remplacement langue par utilisateurLangue */
.cd-nav-account-infos .utilisateurLangue:hover .select2-container--default .select2-selection--single .select2-selection__rendered,
	.cd-nav-account-infos .utilisateurLangue .select2-container--default.bigger .select2-selection--single .select2-selection__rendered,
.cd-nav-account-options-affichage .tailleCaractereListe:hover .select2-container--default .select2-selection--single .select2-selection__rendered,
   .cd-nav-account-options-affichage .tailleCaractereListe .select2-container--default.bigger .select2-selection--single .select2-selection__rendered
	{
}
/* modif Ociensa 2018/01/08 : remplacement langue par utilisateurLangue */
.cd-nav-account-infos .utilisateurLangue .select2-container--default.bigger .select2-selection--single .select2-selection__rendered, .cd-nav-account-options-affichage .tailleCaractereListe .select2-container--default.bigger .select2-selection--single .select2-selection__rendered {
	display: block;
}
/* modif Ociensa 2018/01/08 : remplacement langue par utilisateurLangue */
.has-children.utilisateurLangue:hover>div>span.select2::after,
	.has-children.utilisateurLangue span.select2.bigger::after, 
.has-children.tailleCaractereListe:hover>div>span.select2::after,
   .has-children.tailleCaractereListe span.select2.bigger::after 
	{
	display: none;
}

/* modif Ociensa 2018/01/08 : remplacement langue par utilisateurLangue */
.texteFormulaire .input-wrapper .bigger, .cd-nav-site .bigger, .cd-nav-account-infos .utilisateurLangue .bigger, .cd-nav-account-options-affichage .tailleCaractereListe .bigger {
    top: -8px;
   left: -8px;
   z-index: 9;
}
/* modif Ociensa 2018/01/08 : remplacement langue par utilisateurLangue */
.cd-nav-account-infos .utilisateurLangue .bigger, .cd-nav-account-options-affichage .tailleCaractereListe .bigger {
    top: -12px;
}


/* *********************** */
/* DEBUT Barres de boutons */
/* *********************** */
/* Page liste : bouton exporter */
.toolbar.liste .right-part .item.export i.icone-tool {
   background-image: url(../work/images/svgs/1024/export.svg);
   background-position: center center; 
   background-repeat: no-repeat;
   background-size: contain;
   display: inline-block;
   margin-top: 7px;
   width: 22px;
   height: 15px;
}
@media only screen and (min-width: 1227px) {
	/* Pour suivre le déplacement des autres icônes à droite */
   .toolbar.liste .right-part .item.export i.icone-tool {
      margin-top: 11px;
      height: 16px;
	}
}
@media only screen and (min-width: 1280px) {
   .toolbar.liste .right-part .item.export i.icone-tool {
      background-image: url(../work/images/svgs/1280/export.svg);
      margin-top: 10px;
      width: 22px;
      height: 18px;
   /* background-size: 85%;
      margin-top: 18px;
      */
   }
}
@media only screen and (min-width: 1820px) {
   .toolbar.liste .right-part .item.export i.icone-tool {
      background-image: url(../work/images/svgs/1920/export.svg);
      margin-top: 20px;
      height: 20px;
   }
}
/* export csv (journal des actions) */
.toolbar.liste .right-part .item.exportCsv i.icone-tool {
   background-image: url(../work/images/svgs/export-csv.svg);
   background-position: center center; 
   background-repeat: no-repeat;
   background-size: contain;
   display: inline-block;
   margin-top: 7px;
   width: 22px;
   height: 15px;
}
@media only screen and (min-width: 1227px) {
   .toolbar.liste .right-part .item.exportCsv i.icone-tool {
      margin-top: 11px;
      height: 16px;
   }
}
@media only screen and (min-width: 1280px) {
   .toolbar.liste .right-part .item.exportCsv i.icone-tool {
      margin-top: 10px;
      width: 22px;
      height: 18px;
   }
}
@media only screen and (min-width: 1820px) {
   .toolbar.liste .right-part .item.exportCsv i.icone-tool {
      margin-top: 21px;
      height: 19px;
   }
}

/* Page de recherche : bouton effacer */
.toolbar.fiche .left-part .item.effacer i.icone-effacer {
   background: url(../work/images/svgs/effacer.svg) center center no-repeat transparent;
   margin-top: 10px;
   background-size: 14px;
}
@media only screen and (min-width: 1280px) {
	.toolbar.fiche .left-part .item.effacer i.icone-effacer {
      margin-top: 9px;
      background-size: 15px;
  	}
}
@media only screen and (min-width: 1820px) {
   .toolbar.fiche .left-part .item.effacer i.icone-effacer {
      margin-top: 19px;
      background-size: 16px;
   }
}
/* *********************** */
/* FIN Barres de boutons */
/* *********************** */



/* *********************** */
/* DEBUT Tableau de bord   */
/* *********************** */
#legendeTdBTitre {
	text-transform: uppercase;
}

/* Formulaire avec mini formulaire filtre apparent */
#form1.show-perso-filter {
	/* padding pour coller le mini formulaire au tableau des actions */
   padding-bottom: 320px;
   position: relative;
   -webkit-transition: padding 0.2s;
   -moz-transition: padding 0.2s;
   -o-transition: padding 0.2s;
   transition: padding 0.2s;
}

/* Tableau des actions : correction sélecteur */
#tableauActionsTdb.main-table td.colNom div:not(.liste-bouton) {
   color: #4A9FFE;
   position: relative;
   padding-right: 28px;
}

/* La règle d'origine dans style.css devra être supprimée car impose la couleur */
.main-table td.col7 div {
    color: inherit;
}

#liste {
	/* bricolage pour que le tableau des actions colle au bandeau du dessus (nombre + tri) (comme dans la maquette DJTAL) car le formulaire filtre a été déplacé */
	/* modif Ociensa 2018/03/14 : plus utile car empiète maintenant sur le bandeau du dessus 
   /* margin-top: -15px; */
}
/* *********************** */
/* FIN   Tableau de bord   */
/* *********************** */



/* *********************** */
/* DEBUT Page liste        */
/* *********************** */
/* Bouton "groupe" page liste des sites */
.toolbar.liste .left-part .item.groupe i.icone-tool {
   background: url(../work/images/svgs/1024/icone-groupe.svg) center center no-repeat transparent;
}
@media only screen and (min-width: 1280px) {
	.toolbar.liste .left-part .item.groupe i.icone-tool {
	   background: url(../work/images/svgs/1280/icone-groupe.svg) center center no-repeat transparent;
	}
}
@media only screen and (min-width: 1920px) {
   .toolbar.liste .left-part .item.groupe i.icone-tool {
      background: url(../work/images/svgs/1920/icone-groupe.svg) center center no-repeat transparent;
   }
}

/* agrandir la zone haute sur toute la largeur, sinon elle s'agrandit en cours d'utilisation (par exemple lors du clic sur un bouton à cocher de sélection de fiche pour la modif en masse) */
#before_liste {
   width: 100%;
}

/* bouton à cocher disabled pour sélection fiche en modification en masse */
.main-table .btnCoche input[type=checkbox][disabled]:not(:checked).input-checkbox + .table-checkbox {
   /* griser le contour */
   border: 2px solid #A4A4A4;
   cursor: default; 
}

/* formulaire filtre */
#formulaireFiltre {
	display: none;
}
#formulaireFiltre.opened {
   display: block;
}

/* label "simple" dans formulaire filtre */
.champs-form .item-wrapper.double-select label.simple {
	width: auto;
}

/* double select dans une cellule (exemple : saisie rapide des données indicateurs) */
.champs-form .item-wrapper.double-select select,
#formulaireFiltre .champs-form .item-wrapper.double-select .select2-container:not(.bigger) {
    width: calc(((100% - 20px) / 2) - 10px) !important;
}
.champs-form .item-wrapper.double-select select,
#formulaireFiltre .champs-form .item-wrapper.double-select .select2-container:not(.bigger) {
    width: calc(((100% ) / 2) - 10px) !important;
}
@media only screen and (min-width: 1227px) {
	.champs-form .item-wrapper.double-select select,
   #formulaireFiltre .champs-form .item-wrapper.double-select .select2-container:not(.bigger) {
	    width: calc(((100% ) / 2) - 10px) !important;
	}
}
@media only screen and (min-width: 1820px) {
   .champs-form .item-wrapper.double-select select,
   #formulaireFiltre .champs-form .item-wrapper.double-select .select2-container:not(.bigger) {
       width: calc(((100% ) / 2) - 10px) !important;
   }
}
/* double select "cliqué" dans une cellule (exemple : saisie rapide des données indicateurs) */
.champs-form .item-wrapper.double-select select,
#formulaireFiltre .champs-form .item-wrapper.double-select .select2-container.bigger {
    width: calc(((100% ) / 2) - 10px ) !important;
}
@media only screen and (min-width: 1227px) {
   .champs-form .item-wrapper.double-select select,
   #formulaireFiltre .champs-form .item-wrapper.double-select .select2-container.bigger {
       width: calc(((100% ) / 2) - 10px ) !important;
   }
}
@media only screen and (min-width: 1820px) {
   .champs-form .item-wrapper.double-select select,
   #formulaireFiltre .champs-form .item-wrapper.double-select .select2-container.bigger {
       width: calc(((100% ) / 2) - 10px ) !important;
   }
}
/* FIN formulaire filtre */


/* Ajout affichage coin pour infobulle également sur cellules d'en-tête */
.main-table th.infobulle:before, .main-table div.dCell.infobulle:before {
    content: '';
    display: block;
    position: absolute;
    top: -3px;
    left: -1px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #4A9FFE;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 6px;/* 06-02-2018: Uniformisations avec les listes */
    float: left;/* 06-02-2018: Uniformisations avec les listes */
}
.main-table th.infobulle {
    position: relative;
    background-clip: padding-box !important;
}

/* Séparateur : modification sélecteur défini dans style.css pour que la règle s'applique sans avoir à ajouter une classe sur le td englobant */
/* modif Ociensa 2018/05/02 : règle incompatible avec la nouvelle structure
.main-table td div.dSepCell {
    padding-left: 10px;
    line-height: 7px;
    float: left;
}
*/

/* Classe pour mettre en évidence la valeur représentative de la fiche (actuellement l'intitulé) dans le tableau */
.main-table td .evidence {
	/* modif Ociensa 2019/02/14 : ne plus colorer la valeur
	color: #4A9FFE;
	*/
}

/* Donnée de type "lien fichier" */
.main-table td .dCell .centre-wrapper.has-file {
   /* Forcer à ne pas s'étaler en largeur (même si plusieurs données dans la cellule), sinon les 2 icônes sont écartées */
	width: 52px;
}


/* Donnée de type "select unique" */
.is-select-empty:not(.has-image) > div {
	/* Définir la hauteur mini pour que si aucune donnée n'est affichée (pas de valeur), la flèche ne soit pas décalée vers le bas. 33 = 4 + 28 + 1 */
	min-height: 33px;
}

/* Bandeau titre résultat recherche */
.titreResultatRecherche {
   background-color: #FFFFFF;
   color: #333333;
   font-weight: 500;
   text-align: center;
   height: 45px;
   line-height: 45px;
   float: left;
   width: 100%;
   font-size: 12px;
}
@media only screen and (min-width: 1227px) { /* iframe: 1280-53px */
   .titreResultatRecherche {
      font-size: 13px;
	}
}
@media only screen and (min-width: 1820px) { /* iframe: 1920-100px */
   .titreResultatRecherche {
      font-size: 16px;
   }
}

/* Icônes pour l'affichage arborescent */
.main-table .labelArbre {
   /* modif Ociensa 2024/04/25 : disposition avec flex
   display: table-cell;
   vertical-align: middle;
   */
   flex: 0 0 auto;
}

/* Boutons visualisation fichiers associés et export état */
.main-table a.boutonF  {
   width: 16px;
   height: 20px;
}
.main-table a.boutonPageVisu {
   /* modif Ociensa 2018/04/11 : changement icône voir_etat.png -> svgs/icone-pageVisu.svg */
	background-image:url(../work/images/svgs/icone-pageVisu.svg);
   /* pour centrer horizontalement dans la cellule (voir règle sur .boutonF) */
   float: none;
   display: inline-block;
   /* Pour rattraper le décalage de div.dataCell et centrer visuellement l'icône dans la cellule */
   margin-right: 20px;
}
.main-table a.boutonPageVisu:hover {
   background-image:url(../work/images/svgs/icone-pageVisu-hover.svg);
}
/* FIN Boutons visualisation fichiers associés et export état */

/* Sous-table dans une cellule (exemple : valeurs intermédiaires dans la page liste des données indicateurs) */
.dataCellChild .main-table {
	box-shadow: none;
}
.dataCellChild .main-table thead tr {
   height: 35px;
}
@media only screen and (min-width: 1820px) { /* iframe: 1920-100px */
	.dataCellChild .main-table thead tr {
		height: 50px;
	}
}

/* Modification en masse : bouton à cocher désactivé (modification non autorisée) */
.main-table input[type=checkbox]:not(:checked).input-checkbox[disabled] + .label-checkbox {
	background-color: transparent;
	opacity: 0.6;
	cursor: default !important;
}

/* dates d'échéance */
.main-table td.cellule .datepicker.dateEcheance {
   color: inherit;
}

/* texte enrichi : ne pas corrompre le style de base par les styles Apia */
.main-table .type-texteEnrichi table {
	/* Le document HTML peut avoir fixé la largeur à une valeur incohérente avec la largeur de la cellule. laisser une petite marge avec 98%. */
	width: 98% !important;
}
.main-table .type-texteEnrichi tbody {
	width: 100% !important;
}
.main-table .type-texteEnrichi tbody tr {
	float: none;
}
/* FIN texte enrichi : ne pas corrompre le style de base par les styles Apia */

/* *********************** */
/* FIN   Page liste        */
/* *********************** */




/* ************************* */
/* Affichage arborescent     */
/* ************************* */
div.libArbre {
	/* reprendre la même hauteur que dans style.css pour centrer verticalement le texte avec l'icône de dépliement/repliement (liste des contrôles) */
   height: 28px;
   line-height: 28px !important;
}
/* ***************************** */
/* FIN Affichage arborescent     */
/* ***************************** */




/* *********************** */
/* Page fiche              */
/* *********************** */
/* Bouton "nouvelle version" page fiche document */
.toolbar.fiche .left-part .item.nouvelleVersionDoc i.icone-tool {
   background: url(../work/images/svgs/icone-nouvelle-version-doc.svg) center center no-repeat transparent;
}
@media only screen and (min-width: 1820px) {
   .toolbar.fiche .left-part .item.nouvelleVersionDoc i.icone-tool {
      background-size: 85%;
	   margin-top: 18px;
	}
}
/* Bouton "PTC" page fiche contrôle */
.toolbar.fiche .left-part .item.questionnairePTC i.icone-tool {
   background: url(../work/images/svgs/icone-questionnairePTC.svg) center center no-repeat transparent;
}
@media only screen and (min-width: 1820px) {
   .toolbar.fiche .left-part .item.questionnairePTC i.icone-tool {
      background-size: 85%;
      margin-top: 18px;
   }
}

/* Bouton exporter (export fichier modèle indicateurs dans administration) */
.toolbar.fiche .left-part .item.export i.icone-tool {
   background-image: url(../work/images/svgs/1024/export.svg);
   background-position: center center; 
   background-repeat: no-repeat;
   background-size: 14px 14px;
   display: inline-block;
   margin-top: 7px;
   width: 22px;
   height: 15px;
}
@media only screen and (min-width: 1227px) {
   /* Pour suivre le déplacement des autres icônes à droite */
   .toolbar.fiche .left-part .item.export i.icone-tool {
      margin-top: 11px;
      height: 16px;
   }
}
@media only screen and (min-width: 1280px) {
   .toolbar.fiche .left-part .item.export i.icone-tool {
      background-image: url(../work/images/svgs/1280/export.svg);
      background-size: 15px 15px;
      margin-top: 10px;
      width: 22px;
      height: 18px;
   /* background-size: 85%;
      margin-top: 18px;
      */
   }
}
@media only screen and (min-width: 1920px) {
   .toolbar.liste .right-part .item.export i.icone-tool {
      background-image: url(../work/images/svgs/1920/export.svg);
      background-size: 16px 16px;
   /* background-size: 85%;
      margin-top: 18px;
      */
   }
}

/* Formulaires se suivant (par exemple, fiches admin des modules) */
.formulaireFiche + .formulaireFiche {
	/* éviter que les 2 formulaires soient affichés côte à côte */
	clear: both;
	margin-top: 50px;
}

.formulaireFiche .item.textarea textarea {
	/* ajout marge haute pour espacer avec champ texte au-dessus si hauteur champ texte déborde de sa cellule */
	margin-top: 8px;
}

/* Champ readonly : appliquer le style en fonction de son attribut readonly car certaines "valeurs" saisies sont composées de plusieurs champs dont seulement certains non modifiables (par exemple dans la fiche seuil : saisie date début ou date fin) */
.formulaireFiche .item select[readonly],
.formulaireFiche .item input[readonly],
.formulaireFiche .item textarea[readonly] {
   background-color: transparent;
   opacity: 0.6;
   cursor: default !important;
}


.formulaireFiche .item:not(.readonly):not(.error).custom-timepicker .border:not(.bigger):hover,
.formulaireFiche .item:not(.readonly):not(.error).simple-texte input:not([readonly]):hover,
.formulaireFiche .item:not(.readonly):not(.error).textarea textarea:not(.readonly):hover,
.formulaireFiche .item:not(.readonly):not(.error).custom-datepicker input:not(.readonly):hover {
    border-color: #A4A4A4;
}

/* Checkbox dans un tableau dans une fiche (exemple, page administration import batch) */
.formulaireFiche .item .main-table label {
	/* suppression calage à gauche */
   float: none;	
}

/* checkbox dans cellule contenant une liste de rhs (par exemple, page recherche de contrôle contenant la cellule responsable + checkbox "y/c archivés" */
.formulaireFiche .item.liste-user label.label-checkbox {
   float: none;	
}

/* Lien download fichier à côté du champ d'upload */
/* la classe formulaireFiche est associée au tableau dans la page saisie des données point de contrôle pour styler les champs : ne pa agrandir la hauteur, sinon décalage vers le bas */
.formulaireFiche:not(.main-table) .voirFichier a.boutonF {
	width: 16px;
	height: 34px;
	float: left;
}

/* Texte avant un champ : possède les 2 classes right-element et left-element (qui modifie et ajoute des propriétés) */
.formulaireFiche .left-element.right-element {
	margin-right: 8px;
	margin-left: 0px !important;
}
@media only screen and (min-width: 1227px) {
	.formulaireFiche .left-element.right-element {
	   margin-right: 10px;
	}
}
@media only screen and (min-width: 1820px) {
   .formulaireFiche .left-element.right-element {
      margin-right: 12px;
   }
}

/* Tableau dans une fiche */
.formulaireFiche table.main-table {
   border: 1px solid #E5E5E5;
   /* supprimer la marge droite afin que la bordure droite du tableau colle avec la bordure droite des titres de section (zone grisée) */
   margin-right: 0px;
}
   
}
.formulaireFiche table.main-table thead tr {
    border-bottom: 2px solid #CCCCCC;
}
.formulaireFiche table.main-table tbody tr {
    border-bottom: 1px solid #CCCCCC;
}
.formulaireFiche table.main-table div.item {
   /* marge basse au-dessous de tous les champs pour avoir la même valeur que la marge haute */
	margin-bottom: 16px;
}
/* liste de sélection dans tableau dans fiche (page admin import batch) ou dans tableau-fiche (page saisie données point de contrôle) */
.formulaireFiche .main-table .select2-container--default.bigger .select2-selection--single,
.formulaireFiche.main-table .select2-container--default.bigger .select2-selection--single {
   /* ne pas agrandir la liste de sélection */
	height: unset;
}
.formulaireFiche .main-table .select2-container--default.bigger .select2-selection--single .select2-selection__arrow {
	/* annuler le décalage à droite de la flèche au dépliement de la liste */
	right: 8px;
}
.formulaireFiche .main-table .select2-container--default .select2-selection--single .select2-selection__rendered {
	/* redéfinir le style de .item car le libellé de l'option sélectionnée déborde de la liste (masque la flèche) */
   white-space: normal !important;
}

/* textarea dans tableau dans formulaire ; par exemple, page admin module risque */
.formulaireFiche table.main-table div.item textarea {
	/* pour centrer verticalement le champ dans la cellule */
	padding-top: 0px;
   padding-bottom: 0px;
   margin-bottom: 0px;
   margin-right: 0px;
}

/* Titre séparateur dans sous-formulaire */
.formulaireFiche .formulaireFiche tr:not(:first-child) .titre-cell .form-block {
	margin-top: 10px;
   margin-left: 15px;
}
.formulaireFiche .formulaireFiche .titre-cell .form-block .item {
	padding: 15px 0px;
}
@media only screen and (min-width: 1227px) {
   .formulaireFiche .formulaireFiche tr:not(:first-child) .titre-cell .form-block {
      margin-top: 15px;
      margin-left: 29px;
   }
	.formulaireFiche .formulaireFiche .titre-cell .form-block .item {
	   padding: 18px 0px;
	}
}

/* Augmenter la limite de la largeur des labels */
.formulaireFiche.labelLarge .form-block.libelle label {
	max-width: 272px;
}
@media only screen and (min-width: 1227px) {      
   .formulaireFiche.labelLarge .form-block.libelle label {
      max-width: 340px;
   }
}
@media only screen and (min-width: 1820px) {
   .formulaireFiche.labelLarge .form-block.libelle label {
      max-width: 408px;
   }
}


/* Page liste hybride contenant une table de champs. Exemple : saisie des données PTC */
#fiche.fiche-tableau .formulaireFiche .item {
	/* permettre au contenu d'une cellule de ne pas être coupé (retour à la ligne) */
	white-space: normal;
}
#fiche.fiche-tableau .formulaireFiche {
	/* suppression marge gauche */
	margin-left: 0px;
}

/* Icône repliement/dépliement lignes suivant un titre */
.formulaireFiche .titreSection > td.titre-cell:first {
	width: calc(100%-50px);
}
.formulaireFiche .titre-cell.titre-cell-icone {
   width: 50px;
}
.formulaireFiche .titre-cell.titre-cell-icone .form-block {
   border-left-style: none;
}
.formulaireFiche .titreSection .titreClose {
	float: right;
	margin-right: 20px;
	cursor: pointer;
	background-image: url('../work/images/svgs/titre_ouvert.svg');
   background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}
.formulaireFiche .titreSection .titreClose.ferme {
   background-image: url('../work/images/svgs/titre_ferme.svg');
}
/* Fin Icône repliement/dépliement lignes suivant un titre */


/* Boutons radio disposés verticalement */
.radio-group-wrapper.multi-lines .label-radio-text {
	/* passer à la ligne entre les mots */
	white-space: normal;
	/* couper les mots trop longs */
	word-break: break-word;
}

/* *********************** */
/* FIN   Page fiche        */
/* *********************** */




/* *********************** */
/* DEBUT Bandeau titre     */
/* *********************** */
.cd-nav-breadcrumb a.lienInactif {
	/* élément a (imposé par la feuille de styles style.css) mais le lien est inactif */
	text-decoration: none;
	/* supprimer le pointeur "main" */
	cursor: default;
}
.cd-nav-breadcrumb > li.logo.organisation:before {
   background: url(../work/images/svgs/1024/organisation-gray.svg) center center no-repeat transparent;
   background-size: contain;
}
.cd-nav-breadcrumb > li.logo.actions-et-constats:before {
   background: url(../work/images/svgs/1024/actions-et-constats-gray.svg) center center no-repeat transparent;
   background-size: contain;
}
.cd-nav-breadcrumb > li.logo.documents:before {
   background: url(../work/images/svgs/1024/documents-gray.svg) center center no-repeat transparent;
   background-size: contain;
}
.cd-nav-breadcrumb > li.logo.indicateurs:before {
   background: url(../work/images/svgs/1024/indicateurs-gray.svg) center center no-repeat transparent;
   background-size: contain;
}
.cd-nav-breadcrumb > li.logo.conformite:before {
   background: url(../work/images/svgs/1024/conformite-gray.svg) center center no-repeat transparent;
   background-size: contain;
}
.cd-nav-breadcrumb > li.logo.risques:before {
   background: url(../work/images/svgs/1024/risques-gray.svg) center center no-repeat transparent;
   background-size: contain;
}
.cd-nav-breadcrumb > li.logo.etats:before {
   background: url(../work/images/svgs/1024/etats-gray.svg) center center no-repeat transparent;
   background-size: contain;
}
.cd-nav-breadcrumb > li.logo.administration:before {
   background: url(../work/images/svgs/1024/administration-gray.svg) center center no-repeat transparent;
   background-size: contain;
}
@media only screen and (min-width: 1280px) {
	.cd-nav-breadcrumb > li.logo.organisation:before {
	   background: url(../work/images/svgs/1280/organisation-gray.svg) center center no-repeat transparent;
	}
	.cd-nav-breadcrumb > li.logo.actions-et-constats:before {
	   background: url(../work/images/svgs/1280/actions-et-constats-gray.svg) center center no-repeat transparent;
	   background-size: contain;
	}
	.cd-nav-breadcrumb > li.logo.documents:before {
	   background: url(../work/images/svgs/1280/documents-gray.svg) center center no-repeat transparent;
	   background-size: contain;
	}
	.cd-nav-breadcrumb > li.logo.indicateurs:before {
	   background: url(../work/images/svgs/1280/indicateurs-gray.svg) center center no-repeat transparent;
	   background-size: contain;
	}
	.cd-nav-breadcrumb > li.logo.conformite:before {
	   background: url(../work/images/svgs/1280/conformite-gray.svg) center center no-repeat transparent;
	   background-size: contain;
	}
	.cd-nav-breadcrumb > li.logo.risques:before {
	   background: url(../work/images/svgs/1280/risques-gray.svg) center center no-repeat transparent;
	   background-size: contain;
	}
	.cd-nav-breadcrumb > li.logo.etats:before {
	   background: url(../work/images/svgs/1280/etats-gray.svg) center center no-repeat transparent;
	   background-size: contain;
	}
	.cd-nav-breadcrumb > li.logo.administration:before {
	   background: url(../work/images/svgs/1280/administration-gray.svg) center center no-repeat transparent;
	   background-size: contain;
	}
}
@media only screen and (min-width: 1920px) {
   .cd-nav-breadcrumb > li.logo.organisation:before {
      background: url(../work/images/svgs/1920/organisation-gray.svg) center center no-repeat transparent;
   }
   .cd-nav-breadcrumb > li.logo.actions-et-constats:before {
      background: url(../work/images/svgs/1920/actions-et-constats-gray.svg) center center no-repeat transparent;
      background-size: contain;
   }
   .cd-nav-breadcrumb > li.logo.documents:before {
      background: url(../work/images/svgs/1920/documents-gray.svg) center center no-repeat transparent;
      background-size: contain;
   }
   .cd-nav-breadcrumb > li.logo.indicateurs:before {
      background: url(../work/images/svgs/1920/indicateurs-gray.svg) center center no-repeat transparent;
      background-size: contain;
   }
   .cd-nav-breadcrumb > li.logo.conformite:before {
      background: url(../work/images/svgs/1920/conformite-gray.svg) center center no-repeat transparent;
      background-size: contain;
   }
   .cd-nav-breadcrumb > li.logo.risques:before {
      background: url(../work/images/svgs/1920/risques-gray.svg) center center no-repeat transparent;
      background-size: contain;
   }
   .cd-nav-breadcrumb > li.logo.etats:before {
      background: url(../work/images/svgs/1920/etats-gray.svg) center center no-repeat transparent;
      background-size: contain;
   }
   .cd-nav-breadcrumb > li.logo.administration:before {
      background: url(../work/images/svgs/1920/administration-gray.svg) center center no-repeat transparent;
      background-size: contain;
   }
}
/* *********************** */
/* FIN   Bandeau titre     */
/* *********************** */



/* ************************ */
/* DEBUT Bouton icône 77    */
/* ************************ */
/* Bouton "+" dans les tableaux (par exemple, page liste contrôles sur ligne plan de contrôle) */
/* Reprise du style des boutons des graphiques du tableau de bord */
.graph-link-plus {
    color: #3A3A3A;
    font-weight: 600;
    text-decoration: none;
    word-wrap: normal;
}
.main-table .icon-Plus {
   font-size: 15px;
   margin-left: 4px;
   position: relative;
   top: 4px;
}

@media only screen and (min-width: 1227px) {
	.main-table .icon-Plus {
	    /* modif Ociensa 2018/03/27 top: 5px; */
	    font-size: 19px;
	}
}
@media only screen and (min-width: 1820px) {/* iframe: 1920-100px */
	.main-table .icon-Plus {
	   top: 6px;
	   font-size: 24px;
	}
}
/* ************************ */
/* FIN Bouton icône 77    */
/* ************************ */


/* ************************ */
/* DEBUT Bouton texte       */
/* ************************ */
input[type=button].boutton {
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Roboto', "Roboto", "Open Sans", sans-serif;
	font-size: 12px;
	font-weight: 400;
	margin: auto;
	padding: 9px 20px;
	text-align: center !important;
	border-radius: 2px;
}
input[type=button].boutton-gris {
   color: #727272 !important;
   background-color: transparent;
   border-style: none;
}
input[type=button].boutton-gris:hover {
	color: #626262 !important;
	background-color: #EBEBEB;
}
/* ************************ */
/* FIN Bouton texte       */
/* ************************ */



/* ************************ */
/* DEBUT Bouton image+texte */
/* ************************ */
.boutonImageTexte {
   /* modif Ociensa 2018/05/26 : empêcher le saut de ligne 
   display: block; 
   */
   display: inline-block;
   color: #fff;
   text-transform: uppercase;
   font-family: 'Roboto', 'Roboto', 'Open Sans', sans-serif;
   font-size: 12px;
   font-weight: 400;
   margin: auto;
   padding: 9px 20px;
   text-align: center !important;
   border-radius: 2px;
   /* hériter du style défini sur body et annulé par le navigateur (au moins Chrome) */
   letter-spacing: inherit;

   border-style: none;
}
.boutonImageTexte.boutton-bleu {
   background-color: #4B9FFF;
   box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
}
.boutonImageTexte.boutton-bleu:hover {
   box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);
}
.boutonImageTexte i {
   font-size: 12px;
   margin-right: 5px;
}

@media only screen and (min-width: 1280px) {
	.boutonImageTexte {
	    font-size: 14px;
	    font-weight: 500;
	}
	.boutonImageTexte i {
      font-size: 15px;
   }
}

@media only screen and (min-width: 1227px) {
	/* bouton dans formulaire filtre dans les pages liste */
	.boutton-pre-filtre .boutonImageTexte {
		font-size: 14px;
		padding: 9px 20px;
		font-weight: 500;
   }
   .boutton-pre-filtre .boutonImageTexte i {
      font-size: 15px;
   }
}
/* ************************ */
/* FIN   Bouton image+texte */
/* ************************ */


/* ************************************ */
/* DEBUT Double champ de recherche date */
/* ************************************ */
/* Le sélecteur dans style.css ne capture pas le dernier input si d'autres éléments frères le suivent */
.champs-form .item-wrapper.double-dates input:last-of-type { 
   margin-left: calc(10px + 35px);/*26-02-2018: ajustements accueil et liste*/
}

@media only screen and (min-width: 1227px) { /* iframe: 1280-53px */
	.champs-form .item-wrapper.double-dates input:last-of-type {
	   margin-left: calc( 25px + 25px);/*26-02-2018: ajustements accueil et liste*/
	}
}

@media only screen and (min-width: 1820px) { /* iframe: 1920-100px */
   #formulaireFiltre.formulaireFiltreControle .champs-form.pre-filtre .item-wrapper:first-child {
      width: 15%;
   }
	.champs-form .item-wrapper.double-dates input:last-of-type {
	   margin-left: calc( 35px + 55px);/*26-02-2018: ajustements accueil et liste*/
	}
}
/* ************************************ */
/* FIN   Double champ de recherche date */
/* ************************************ */


.formulaireBoiteDialogue {
	/* décoller le formulaire du bord gauche */
	margin-left: 19px;
	/* annuler la valeur fixée par bootstrap */
	margin-right: 19px;
}
.formulaireBoiteDialogue label {
   font-size: 10px;
}
@media only screen and (min-width: 1227px) {
	.formulaireBoiteDialogue label {
	   font-size: 12px;
	}
}
@media only screen and (min-width: 1820px) {
	.formulaireBoiteDialogue label, .formulaireBoiteDialogue .simple-texte input {
	   font-size: 16px;
	}
}


/* ************************************ */
/* DEBUT input type text                */
/* ************************************ */
.simple-texte input:not([type=button]) {
	border-color: #E5E5E5;
	border-style: solid;
	border-width: 1px;
	border-radius: 2px;
	width: calc(100% - 35px);/* 06-02-2018: Uniformisations avec les listes */
	padding: 8px 2px 8px 10px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	line-height: 15px;
	color: #3A3A3A;
	letter-spacing: 0.6px;
}
@media only screen and (min-width: 1227px) {
	.simple-texte input {
	  font-size: 12px;
	}
}
/* ************************************ */
/* FIN   input type text                */
/* ************************************ */



/* ************************************ */
/* DEBUT Textarea                       */
/* ************************************ */
textarea {
   width: 100%;
   /* height: 80px; */
   font-family: Roboto, Helvetica, sans-serif;
   font-size: 11px;
   border-color: #E5E5E5;
   border-style: solid;
   border-width: 1px;
   border-radius: 2px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}
/* ************************************ */
/* FIN   Textarea                       */
/* ************************************ */



/* ************************************ */
/* Liste état                           */
/* ************************************ */
/* Icône planification */
.main-table div.planifie {
   width: 20px;
   height: 20px;
   background-image:url(../work/images/svgs/icone-planifie.svg);	
   /* pour centrer dans le div.dataCell */
   display: inline-block;
}
.main-table div.planifie:hover {
   width: 20px;
   height: 20px;
   background-image:url(../work/images/svgs/icone-planifie-hover.svg);
}
/* ************************************ */
/* FIN   Liste état                     */
/* ************************************ */


/* ************************************ */
/* Boutons                              */
/* ************************************ */

/* Style pour le bouton listes de personnes dans la saisie des données indicateur */
.boutonPersonnes {
   position: absolute; 
   right: 0px;
   top: 66px;
	display: block;
   width: 25px;
   height: 22px;
   background: url(../work/images/svgs/1024/user-menu-connected.svg) center center no-repeat transparent;
   background-size: contain;
   opacity: 0.7;
   outline: none;
   border-style: none;
   cursor: pointer;
}
@media only screen and (min-width: 1227px) { /* iframe: 1280-53px */
   .boutonPersonnes {
      top: 74px;
   }
}
@media only screen and (min-width: 1820px) {
   .boutonPersonnes {
      top: 100px;
   }
}
@media only screen and (min-width: 1280px) {
	.boutonPersonnes {
      background-image:url(../work/images/svgs/1280/user-menu-connected.svg);
   }
}
@media only screen and (min-width: 1920px) {
   .boutonPersonnes {
      background-image:url(../work/images/svgs/1920/user-menu-connected.svg);
   }
}

/* Style pour le bouton de d'accès aux traductions */
.boutonT {
  background-color: transparent !important;
  background-image:url(../work/images/svgs/btTrad.svg);
  border-style: none !important;
  /* marge gauche pour avoir le même espace que pour l'icône de sélection n/n */ 
  margin: 0px 0px 0px -8px !important;
  padding: 0px !important;
  width: 24px !important;
  height: 16px !important;
  cursor: pointer;
}
@media only screen and (min-width: 1820px) {
	.boutonT {
		margin-left: -10px !important;
   }
}
.boutonT:not([disabled]):hover {
  background-image:url(../work/images/svgs/btTrad_hover.svg);
}
/* bouton T dans la page d'admin des pages fiche */
input.boutton-aide {
   background-color: transparent !important;
   background-image:url(../work/images/svgs/boutton-aide.svg);
   background-position: center center;
   background-repeat: no-repeat; 
   border-style: none;
   /* décaler vers le bas */
   margin-top: 7px;
   padding: 0px !important;
   width: 18px !important;
   height: 18px !important;
   cursor: pointer;
}
/* ************************************ */
/* FIN  Boutons                         */
/* ************************************ */



/* ************************************ */
/* Datepicker                           */
/* ************************************ */
/* En-tête Datepicker, masquer la flèche et pas la cellule, sinon un "vide" blanc est affiché dans l'en-tête bleu */
.datepicker .prev.disabled, .datepicker .next.disabled {
	visibility: visible;
}
.datepicker .prev.disabled, .datepicker .next.disabled .arrow-wrapper {
   visibility: hidden;
}
/* ************************************ */
/* FIN  Datepicker                      */
/* ************************************ */



/* ************************************ */
/* DEBUT Boîte à onglets                */
/* ************************************ */
/* Style material design pour boîte à onglets */
.nav-tabs {
	border-bottom: 2px solid #DDD;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	border-width: 0;
}
.nav-tabs > li > a {
	border: none;
	color: #3A3A3A;
	font-family: "Roboto Medium";
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}
.nav-tabs > li.active > a, .nav-tabs > li > a:hover {
	border: none;
	color: #4285F4 !important;
	background: transparent;
}
.nav-tabs > li > a::after {
	content: "";
	background: #4285F4;
	height: 2px;
   width: 100%;
	position: absolute;
	left: 0px;
	bottom: -1px;
	transition: all 250ms ease 0s;
	transform: scale(0);
}
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
	transform: scale(1);
}
.tab-nav > li > a::after {
	background: #21527d none repeat scroll 0% 0%;
	color: #fff;
}
.tab-pane {
	padding: 0 0;
}
.tab-content {
	padding:20px
}

.card {
	background: #FFF none repeat scroll 0% 0%;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	margin-bottom: 30px;
}

/* formulaire dans onglet */
.tab-pane .formulaireFiche .form-block.libelle {
	padding-left: 0;
}
/* ************************************ */
/* FIN   Boîte à onglets                */
/* ************************************ */



/* ************************************ */
/* DEBUT Accordéon                      */
/* ************************************ */
.panel-default > .panel-heading {
	color: #3A3A3A;
   opacity: 0.6;
}
.panel-default.active > .panel-heading {
   opacity: 1;
}

/* accordéon dans formulaire */
.formulaireFiche .item .panel-default > .panel-heading h4 {
	/* diminuer la taille de la police */
	font-size: 14px;
}
/* ************************************ */
/* FIN   Accordéon                      */
/* ************************************ */



/* ************************************ */
/* DEBUT Boîte de dialogue              */
/* ************************************ */
/* Saisie rapide des données indicateurs : liste des utilisateurs en cours de saisie */
.boiteDialogueAvecTitre {
	/* ne pas masquer le titre, important à cause du sélecteur plus faible */
	top: 0 !important;
	/* supprimer espace au-dessus de la table, important à cause du sélecteur plus faible */
   padding-top: 0 !important;
   /* ne pas masquer le bouton "valider" en bas */
   margin-bottom: 0 !important;
}

/* Table dans boîte de dialogue */
.ui-dialog .ui-dialog-content table.main-table td, .ui-dialog .ui-dialog-content table.main-table th {
	/* supprimer le padding sur les th/td car le div inclus a déjà un padding */
   padding: 0;
}

/* Table dans boîte de dialogue */
.ui-dialog .ui-dialog-content table.main-table td:nth-child(2n), .ui-dialog .ui-dialog-content table.main-table th:nth-child(2n) {
	/* rétablir l'alternance de couleur de fond des couleurs */
	background-color: #FCFCFC !important;
}
.ui-dialog .ui-dialog-content table.main-table td:nth-child(2n+1), .ui-dialog .ui-dialog-content table.main-table th:nth-child(2n+1) {
   /* rétablir l'alternance de couleur de fond des couleurs */
   background-color: #F6F6F6 !important;
}

/* Formulaire */
.ui-dialog .ui-dialog-content .formulaireFiche {
	  margin-left: 0px;
	  margin-bottom: 15px;
	  border-top: none;
}

/* Formulaire avec structure Bootstrap */
.formulaireBoiteDialogue.container {
	/* désactiver la largeur définie par Bootstrap */
	width: auto;
}

/* Boutons */
.ui-dialog .ui-dialog-buttonpane button {
	/* diminuer l'espace entre les boutons */
	margin-left: 0px !important;
	padding: 8px 10px;
}

/* Boîte de dialogue avec boutons multiples */
#_boiteDialogueBM {
	font-size: 13px;
   padding: 28px 10px;
}


/* Boîte de dialogue avec questions oui/non (checkbox) */
#_boiteDialogueQuestions label {
	/* Ne pas limiter les textes des questions à 200px */
	max-width: 100%;
}

/* Contenu boîte de dialogue d'alerte : action <apia:afficherAlerte> */
.ui-dialog-content .messageAlerte {
	/* place à gauche pour l'icône */
	padding-left: 80px;
	/* hauteur mini pour l'icône*/
	min-height: 70px;
	background-image: url(../work/images/svgs/alerte.svg);
	background-repeat:
	no-repeat;
}

/* Contenu boîte de dialogue d'alerte : action <apia:afficherInformation> */
.ui-dialog-content .messageInformation {
   /* place à gauche pour l'icône */
   padding-left: 80px;
   /* hauteur mini pour l'icône*/
   min-height: 70px;
   background-image: url(../work/images/svgs/information.svg);
   background-repeat:
   no-repeat;
}

/* ************************************ */
/* FIN   Boîte de dialogue              */
/* ************************************ */
 


/* ************************************* */
/* Boîte de dialogue saisie traductions  */
/* ************************************* */
#bdTraductions .formulaireBoiteDialogue {
	/* Aligner verticalement les champs de saisie avec le titre de la boîte */
	margin-left: 10px;
}
#bdTraductions input {
	padding-left: 40px;
   background-repeat: no-repeat;
   background-position: 3px, 50%;
   -webkit-appearance: none;
   background-color: transparent;
}

#bdTraductions input ~ .input-icon-langue {
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    width: 20px;
    height: 20px;
    /* placer l'icône à gauche dans le champ input */
    position: absolute;
    left: 20px;
    top: 29px;
    margin: auto;
}
@media only screen and (min-width: 1820px) {
   #bdTraductions input ~ .input-icon-langue {
    top: 35px;	
   }
}
#bdTraductions input ~ .input-icon-langue.trad_de {
    background-image: url("../work/images/svgs/langues/de.svg");
}
#bdTraductions input ~ .input-icon-langue.trad_en {
    background-image: url("../work/images/svgs/langues/en.svg");
}
#bdTraductions input ~ .input-icon-langue.trad_es {
    background-image: url("../work/images/svgs/langues/es.svg");
}
#bdTraductions input ~ .input-icon-langue.trad_fr {
    background-image: url("../work/images/svgs/langues/fr.svg");
}
#bdTraductions input ~ .input-icon-langue.trad_it {
    background-image: url("../work/images/svgs/langues/it.svg");
}
#bdTraductions input ~ .input-icon-langue.trad_nl {
    background-image: url("../work/images/svgs/langues/nl.svg");
}
#bdTraductions input ~ .input-icon-langue.trad_pt {
    background-image: url("../work/images/svgs/langues/pt.svg");
}

#bdTraductions input:-webkit-autofill {
   /* bug Chrome : enlever la couleur de fond jaune ajoutée par Chrome après autofill */
   -webkit-box-shadow: 0 0 0px 1000px white inset;
}
/* ancienne version : icône dans l'input, effacée par l'autofill dans Chrome
#bdTraductions input.trad_en {
   background-image: url(../work/images/svgs/langues/en.svg);
}
#bdTraductions input.trad_es {
   background-image: url(../work/images/svgs/langues/es.svg) !important;
}
#bdTraductions input.trad_fr {
   background-image: url(../work/images/svgs/langues/fr.svg);
}
#bdTraductions input.trad_it {
   background-image: url(../work/images/svgs/langues/it.svg);
}
#bdTraductions input.trad_nl {
   background-image: url(../work/images/svgs/langues/nl.svg);
}
#bdTraductions input.trad_pt {
   background-image: url(../work/images/svgs/langues/pt.svg);
}
*/
/* ******************************************* */
/* FIN   Boîte de dialogue saisie traductions  */
/* ******************************************* */



/* ************************************* */
/* Boîte de dialogue sélection n/n       */
/* ************************************* */
/* sélecteur contient .ui-dialog-content pour que la règle s'applique prioritairement à celle dans style.css */
.FondFormulaireBis.ui-dialog-content {
	padding-left: 5px;
	width: 100%;
	height: 300px;
}

.FondFormulaireBis .selectionNaNTablePrincipale {
	width: 100%;
	height: calc(100% - 63px);
}

.FondFormulaireBis .enteteElements td:first-child {
	padding: 0px;
	text-align: center;
	width: 48%;
}
.FondFormulaireBis .enteteElements td:nth-child(2) {
	padding: 2px;
}
.FondFormulaireBis .enteteElements td:last-child {
   padding: 0px;
   text-align: center;
   width: 48%;
}

.FondFormulaireBis .ligneFiltre {
	text-align: left;
}

.FondFormulaireBis b {
	/* réduction hauteur ligne légendes au-dessus des champs filtre */
   line-height: 45px;
}
.FondFormulaireBis td.filtre-no {
	/* réduction ligne des champs filtre */
   height: 30px;
}

.FondFormulaireBis .celluleNonSelectionnes, .FondFormulaireBis .celluleSelectionnes {
	height: 100%;
	width: 48%;
	max-width: 48%;
}
.FondFormulaireBis .celluleNonSelectionnes select, .FondFormulaireBis .celluleSelectionnes select {
   width: 100%;
   height: 100%;
   max-width: 100%;
}

/* boutons de sélection */
.FondFormulaireBis .center-tools {
	padding: 5px;
	vertical-align: middle;
	text-align: center;
	/* supprimer valeur absolute dans style.css pour pouvoir centrer verticalement lorsque la hauteur de la cellule varie */
	position: static;
}

.FondFormulaireBis iframe {
   border: 1px double #006EB5;
   /*background-color: #009CDA;*/
   display:none;/*sorry for IE5*/ 
   display/**/:block;/*sorry for IE5*/
   position:absolute;/*must have*/
   top:0px;/*must have*/
   left:-2px;/*must have*/
   /*z-index:-1;*//*must have*/
   filter:mask();/*must have*/
   width:101%;/*must have for any big value*/
   height:100%;/*must have for any big value*/;
}

@media only screen and (min-width: 1820px) {
   .boutonLoupe {
      /* réduire la loupe pour qu'elle ne déborde pas du champ */
      width: 14px;  
	   height: 14px;	
   }
   .FondFormulaireBis td.filtre-no input[type=text] {
      /* augmenter la taille */
      font-size: 11px;
   }
}
/* ******************************************* */
/* FIN   Boîte de dialogue sélection n/n       */
/* ******************************************* */



/* ************************************************ */
/* Message interdiction accès à une fonctionnalité  */
/* ************************************************ */
#accesInterditFonctionnalite {
	/* centrer verticallement la zone */
   margin-top: 50vh;
   transform: translateY(-50%);
   background: url('../work/images/svgs/locker.svg') no-repeat center top transparent;
   background-size: 50px;
   padding-top: 80px;
   font-size: 15px;
   line-height: 16px;
   font-family: 'Roboto regular';
   color: #3A3A3A;
   text-align: center;
}
@media only screen and (min-width: 1280px) {
   #accesInterditFonctionnalite {
	   background-size: 60px;
      padding-top: 100px;
	   font-size: 19px;
	   line-height: 18px;
	}
}
@media only screen and (min-width: 1920px) {
   #accesInterditFonctionnalite {
      background-size: 70px;
      padding-top: 110px;
      font-size: 21px;
      line-height: 22px;
   }
}


/* *************** */
/* Pages d'erreur  */
/* *************** */
.tetiereErreur {
	background-color: rgb(255,100,100);
	color: white;
	font-size: 14px;
	padding-left: 10px;
	height: 40px;
}

.tableErreur {
	margin-top: 20px;
}

.legendeErreur {
	background-color: rgb(255,100,100);
   color: white;
   font-size: 13px;
   height: 40px;
   vertical-align: middle;
   padding:10px;
}

.texteErreur {
	font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   vertical-align: middle;
   padding: 10px;
}

.stackTraceException {
	width: 100%;
	height: 300px;
	overflow: auto;
	white-space: pre-wrap;
}
/* ******************* */
/* FIN Pages d'erreur  */
/* ******************* */




/* ****************************** */
/* Composant Upload fichiers      */
/* ****************************** */

/* div englobant */
.custom-file-inputMultiple {
	border: 1px solid #E5E5E5;
   padding: 5px;
}
/* bordure rouge pour erreur de saisie */
.formulaireFiche .item.error .custom-file-inputMultiple {
  border-color: #F95C5F !important;
}

/* Bouton choisir fichiers */
#btnSelectionManuelleFichiers {
   float: left;	
}

/* Libellé séparateur  */
.custom-file-inputMultiple .separateur {
   margin: 0px 15px 0px 5px;
   line-height: 34px !important; 
   float: left;
}
@media only screen and (min-width: 1820px) {
	.custom-file-inputMultiple .separateur {
	   line-height: 38px !important; 
	}
}

/* Champ de saisie lien hypertexte */
.custom-file-inputMultiple input.inputAjoutLien {
	/* rapprocher le bouton + du champ de saisie */
	margin-right: 10px;
   /* forcer la largeur par rapport aux styles généraux des formulaires */
   width: 100% !important;
}
.formulaireFiche .item.error .custom-file-inputMultiple input.inputAjoutLien {
   /* ne pas colorer la bordure en rouge si le composant est en erreur de saisie */
   border-color: #E5E5E5 !important;
}

/* Bouton + après champ de saisie lien hypertexte */
#btnAjoutFichierTypeLien {
   float: right; 
   height: 34px;
   margin-left: 10px;
   margin-right:0px;
	/* centrer verticalement le bouton
	margin-top: 10px;
	 */
}

.custom-file-inputMultiple .sautLigneFichierMultiple {
	margin-top: 5px;
	line-height: 34px;
}
@media only screen and (min-width: 1820px) {
	.custom-file-inputMultiple .sautLigneFichierMultiple {
	   line-height: 38px;
   }
}

/* liste des fichiers */
.custom-file-inputMultiple .listeFichiersAssocies {
   height: 55px;
   zmax-height: 120px;
}
#ascenseurUploadListeFichiers .nicescroll-cursors {
   /* coller l'ascenseur vertical sur la bordure droite de la liste */
   right: -5px !important;
}
.custom-file-inputMultiple .aide {
	text-align: center;
   color: #A4A4A4;
   font-size: 10px;
   margin: 5px 0px;
}
@media only screen and (min-width: 1227px) {
	.custom-file-inputMultiple .aide {
      font-size: 11px;	
   }
}
@media only screen and (min-width: 1820px) {
   .custom-file-inputMultiple .aide {
      font-size: 12px;  
   }
}

/* Dropzone */
/* Styles récupérés pour le template. Voir https://www.dropzone.dev/bootstrap.html */   
/* Mimic table appearance */
div.tableDropZone {
  display: table;
}
div.tableDropZone .file-row {
  display: table-row;
}
div.tableDropZone .file-row > div {
  display: table-cell;
  vertical-align: top;
  border-top: 1px solid #ddd;
  padding: 8px;
}
div.tableDropZone .file-row:nth-child(odd) {
  background: #f9f9f9;
}
/* Fin styles récupérés pour le template */

/* Zone de dépôt/affichage des fichiers */
/*.dropzoneContainer {*/
.dropzoneWrapper {
	/* hauteur pour rendre 5 fichiers visibles */
	height: 185px;
	border: 2px dashed #EEEEEE;
}
@media only screen and (min-width: 1820px) {
   /*.dropzoneContainer {*/
   .dropzoneWrapper {
	   /* hauteur pour rendre 5 fichiers visibles */
	   height: 215px;
	}
}

.dropzoneContainer {
	/* Etendre la zone de drop à au moins la hauteur du wrapper, sinon le dépôt de fichier ne fonctionne pas. */
   min-height: 100%;	
}

.dropzoneContainer .file-row .preview {
   /* masquer l'image de prévisualisation du fichier */
	display: none;
}
.dropzoneContainer .file-row {
	/* alignement horizontal des zones pour chaque fichier */
	display: flex; 
	justify-content: flex-end;
	/* pour positionnement absolu de la barre de progression */
	position: relative;
}

.dropzoneContainer .file-row .size {
   /* masquer la taille du fichier */
   display: none;	
}
.dropzoneContainer .file-row .zoneNomFichier {
	/* pour alignement à droite des zones suivantes */
	margin-right: auto;
	/* 188px = largeur des boutons à droite */
	width: calc(100% - 91px);
}

/* Icône visualisation fichier */
.dropzoneContainer .file-row .voirFichier {
	height: 34px;
}
@media only screen and (min-width: 1820px) {
	.dropzoneContainer .file-row .voirFichier {
	   height: 38px;
	}
}
.dropzoneContainer .file-row.supprime .voirFichier {
   opacity: 0.5;
}

.dropzoneContainer .file-row .nomFichierEtSaisie {
   display: inline-block;
   /* pour positionner de manière absolue le champ de saisie masqué du nom personnalisé */ 
	position:relative; 
   /* 188px = largeur des boutons à droite */
	width:calc(100% - 40px);
}
/* Champ de saisie masqué du nom personnalisé, placé sous le nom du fichier */
.dropzoneContainer .file-row .nomPersonnalise {
	/* champ placé sous le nom du fichier */
	position: absolute; 
	display: none; 
	width: 100% !important;
	/* forcer la hauteur car définie de base pour tous les champs de saisie d'une fiche */
	/* height: 28px !important; */
}

.dropzoneContainer .file-row .nomFichier {
	/* nom du fichier sur la même ligne que l'icône et les boutons */
	display: inline-block;
	width: 100%;
	/* couper les noms trop longs */ 
	overflow: clip; text-overflow: ellipsis;
}
/* nom du fichier, affiché dans la liste des fichiers */
.dropzoneContainer .file-row .nomFichier {
   color: #808080;
   font-size: 10px;
   margin-bottom: 0px;
}
@media only screen and (min-width: 1227px) {
   .dropzoneContainer .file-row .nomFichier {
      font-size: 12px;
      line-height: 34px;
   }
}
@media only screen and (min-width: 1820px) {
   .dropzoneContainer .file-row .nomFichier {
      font-size: 16px;
      line-height: 38px;
   }
}
.dropzoneContainer .file-row.supprime .nomFichier {
	opacity: 0.5;
}

.dropzoneContainer .file-row .progressBar {
	/* margin-left: 20px; */
	/* aligner verticalement la progress bar */
	/* display: flex; */
   align-items: center;
   /* la progressbar est placée dans la zone nom de fichier à droite (elle masque partiellement le nom du fichier) */
	position: absolute;
	top: 7px;
	right: 76px;
}
/* Barre de progression upload d'un fichier */
.dropzoneContainer .file-row .progress {
   /* annuler la marge basse définie par bootstrap */
   margin-bottom: 0px;
   width: 80px;
}

/* Icône affichée pour succès d'upload */
.dropzoneContainer .file-row .succesUpload {
  background-color: transparent;
  background-image: url(../work/images/btOk.png);
  background-position: center;
  background-repeat: no-repeat;
  margin: 0px;
  padding: 0px;
  width: 16px;
  height: 34px;
}
@media only screen and (min-width: 1820px) {
   .dropzoneContainer .file-row .succesUpload {
      height: 38px;	
   }
}
.dropzoneContainer .file-row.supprime .succesUpload {
   visibility: hidden;
}

.dropzoneContainer .file-row .uploadBoutonBar {
   margin-left: 15px;
   /* aligner verticalement la progress bar */
   display: flex;
   align-items: center;
}

.dropzoneContainer .file-row .boutonM {
	/* aligner verticalement le bouton */
   margin-top: 0px;
}
.dropzoneContainer .file-row.supprime .boutonM {
   visibility: hidden;
}

.dropzoneContainer .file-row .uploadBoutonBar input {
	margin-right: 10px;
}

/* classe appliquée à la zone de drop lorsqu'elle est survolée */
.dz-drag-hover {
   background: url(../work/images/svgs/upload-drag.svg) center no-repeat;
   background-color: rgba(75,159,255, 0.75);
}
/* FIN Dropzone */
/* ****************************** */
/* FIN Composant Upload fichiers  */
/* ****************************** */




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

/* Boîtes de dialogue */
.ui-dialog {
	/* augmenter la valeur pour s'afficher au-dessus des popover bootstrap, select, etc */
	/* modif Ociensa 2024/04/08 : 1500 -> 12000 pour recouvrir les select */
   z-index: 12000;
}

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



/* ************************** */
/* Composants Material Design */
/* ************************** */

/* icône accordéon */
.material-icons.pmd-accordion-arrow {
	/* pour centrer verticalement l'icône par rapport au texte */
	line-height: inherit;
	/* Edge : pour faire apparaître l'icône */
	font-feature-settings: "liga";
}


/* ****************************** */
/* FIN Composants Material Design */
/* ****************************** */