@CHARSET "UTF-8";

html {
   height: 100%;
}

body {
   padding: 0;
   font: normal 12px "Lucida Sans Unicode", "Lucida Grande", Geneva,
      Verdana, Arial, sans-serif;
   height: 100%;
}

/* Template Dark */ 
#pageDark {
   flex-direction: column;
   height: 100%;
   display: flex;
}

#contentDark {
   flex: 1 0 auto;
}

#footerDark {
   flex-shrink: 0;
}

#pnlAccueilModuleGestion {
   text-align: center; 
   background: linear-gradient(to right, #43bd55, #236DEE);
   padding-top: 70px;
   height: 100%;
}


.backgroundIndex {
   min-height: 100%;
   background-image:url("/geres/jakarta.faces.resource/images/template/florenceparly.jpg.xhtml");
   background-size: cover;
   box-shadow: inset 2000px 0 0 rgba(92, 99, 111, 0.33);
}


.hrAccueilEmBefore {
   font-size: 40px; 
   color: #0055A4; 
   margin-right: 10px;
}
.hrAccueilTitre {
   -webkit-text-stroke: 0.5px; 
   -webkit-text-stroke-color: black; 
   font-size: 40px;
                                                                        color: white;
}
.hrAccueilEmAfter {
   font-size: 40px; 
   color: #EF4135; 
   margin-left: 10px;
}


a {
   outline: none;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}



fieldset {
   margin: 0;
}

input:disabled, textarea:disabled {
   opacity: 1 !important;
   background: lightgrey !important;
}

p {
   margin: 0;
   padding: 0 0 10px;
}

#page {
   margin: 0 auto;
   width: 100%;
}

.pa-log-info {
   color: #8EBEE2;
   font-weight: bold;
}

.pa-log-success {
   color: #4f9d1e;
   font-weight: bold;
}

.pa-log-warning {
   color: orange;
   font-weight: bold;
}

.pa-log-error {
   color: #ff3636;
   font-weight: bold;
}

.pa-console {
   font-family: monospace;
   font-size: 9pt;
}

.pe-master-detail-level {
   margin-top: 0px !important;
}

.labelMenuTemplate ul li span.ui-menuitem-icon.ui-icon {
   margin-right: 10px;
}

.labelMenuTemplate ul li span.ui-menuitem-text {
   display: contents;
}

.labelMenuTemplate ul li .ui-menuitem-link.ui-corner-all {
   width: 100%;
}

.enveloppe {
   display: inline-block;
   height: 43px;
}

.meta-donnee {
   float: right !important;
   margin-right: 8px;
}

.hautDePage {
   box-shadow: 0px 2px 3px 3px #637688;
}

.menuHautGauche {
   flex: 1;
}

.menuHautGauche .ui-menuitem-text {
   font-weight: bold !important;
   font-size: 13px !important;
}

.headerGestion {
   display: flex;
   padding-right: 10px;
}

.menuDeroulantEtEnveloppe {
   display: flex;
}

.menuDeroulant {
   width: 200px;
}

.menuDeroulant ul li a:hover {
   background: transparent !important;
}

.menuDeroulant ul li a, .menuDeroulant ul li {
   padding: 0 !important;
   width: 100% !important;
}

.menuDeroulant>div, .menuDeroulant div ul li a {
   width: 100% !important;
}

.menuDeroulant>div {
   border: none !important;
   background: transparent;
}

.headerGestionComposants {
   align-self: flex-end;
}

.labelMenu {
   text-align: left;
}

.headerTitle {
   text-shadow: 0px 0px 9px #fff;
   font-weight: bold;
   font-size: 28px;
   margin: 0 0 0 113px;
   padding: 0 0 0;
}

.headerTitleVersion {
   text-shadow: 0px 0px 9px #fff;
   font-weight: bold;
   font-size: 12px;
   padding: 10px;
}

.headerTitleSmall {
   text-shadow: 0px 0px 9px #fff;
   font-weight: bold;
   font-size: 12px;
}

.headerMenu {
   font-size: 17px;
   border: none;
   background: #ebf6fd;
   display: inline-block !important;
}

ul li a :nth-child(2) {
   font-weight: bold !important;
   font-size: 13px !important;
}

.courriel {
   background-image: url("/geres/jakarta.faces.resource/images/template/mail.png.xhtml");
   background-repeat: no-repeat !important;
   width: 25px !important;
   text-align: right !important;
}

.mail-counter {
   font-size: 8px;
   color: #fff;
   vertical-align: top;
   background-color: red;
   border-radius: 50%;
   width: 12px;
   text-align: center;
   font-weight: bold;
   padding: 1px 3px;
}

.ui-state-default a:link, .ui-state-default a:visited {
   color: #4f4f4f;
   text-decoration: none;
   text-shadow: 0 0px 0 rgba(255, 255, 255, 0.8);
}

.ui-tabs .ui-state-active a:link, .ui-tabs .ui-state-active a:visited {
   color: #ffffff;
}

.bandeau {
   display: -moz-grid-group;
   display: flex;
}

.bandeauPrincipal {
   padding-right: 5px;
   padding-top: 5px;
   padding-left: 5px;
}

.logo {
   display: flex;
}

.logoAppli {
   height: 70px;
   margin: auto;
}

.nomCourt {
   display: flex;
   height: 70px;
}

.nomComplet {
   height: 35px;
   margin: auto;
   flex: 1;
}

.versionAppli {
   text-align: right;
   height: 35px;
   flex: 1;
}

.titreAppliCourt {
   font-weight: bold;
   font-size: 35px;
   padding: 15px;
   margin: auto;
}

.titreAppliLong {
   text-align: right;
   font-weight: bold;
   font-size: 17px;
   padding: 10px;
}

.conteneurTitreVersion {
   display: flex;
   flex-direction: column;
}

.maSessionUtilisateurConnecte {
   background-color: #fca752 !important;
   background-image: none !important;
   color: #000000 !important;
}

.gomette-DEV, .gomette-INT, .gomette-PPROD, .gomette-FINE, .gomette-CONSO, .gomette-FORM {
   position: absolute;
   top: 15px;
   height: 40px;
   width: 40px;
   border-radius: 50px;
   line-height: 40px;
   left: 200px;
   text-align: center;
}

.gomette-DEV {
   color: white;
   background-color: red;
   box-shadow: 0 0 10px 2px red;
}

.gomette-CONSO {
   color: white;
   background-color: red;
   box-shadow: 0 0 10px 2px red;
}

.gomette-INT {
   color: white;
   background-color: green;
   box-shadow: 0 0 10px 2px green;
}

.gomette-PPROD {
   color: white;
   background-color: blue;
   box-shadow: 0 0 10px 2px blue;
}

.gomette-FINE {
   color: black;
   background-color: yellow;
   box-shadow: 0 0 10px 2px yellow;
}
.gomette-FORM {
   color: black;
   background-color: orange;
   box-shadow: 0 0 10px 2px yellow;
}
.conteneurProfils {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-around;
   margin: 20px auto;
   width: 50%;
}

.profil {
   cursor: pointer;
   width: 110px;
   height: 120px;
   text-align: center;
   border: 2px solid steelblue;
   padding-top: 10px;
   background-color: steelblue;
   box-shadow: inset 1000px 0 0 rgba(255, 255, 255, 0.72);
   "
}

.libProfil {
   color: steelblue;
   width: 100%;
   padding-top: 10px;
}

.profil>em {
   font-size: 50px;
   color: steelblue;
}

.profilSelectionne {
   border: 4px solid steelblue;
   font-weight: bold;
}

.profilSelectionne .libProfil {
   font-weight: bold;
}

.cmdLinkProfil {
   margin: 5px 5px;
}

.cmdLinkProfil:hover, .cmdLinkProfil:active, .cmdLinkProfil:focus {
   text-decoration: none;
}

#headerMenu {
   display: flex;
}

#header .ui-widget-content span {
   width: 100%;
}

#header .ui-menu {
   padding: 0;
   position: relative;
   outline: 0 none;
}

#header .ui-corner-all {
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 0px;
}

#header .ui-menu-child .ui-menuitem-text {
   float: right;
   width: 80% !important;
   text-align: left;
}

#header .ui-menubar .ui-icon-triangle-1-s {
   display: none;
}

#header .ui-menubar .ui-menuitem-link {
   width: 100px;
}

#header .ui-menu-child .ui-menuitem-link {
   float: left;
   width: 92%;
}

#containerBtnAfk, #texteAfk {
   text-align: center;
}

#btnAfk {
   margin-top: 10px;
}

#filAriane {
   padding-left: 5px;
   margin-top: 20px;
}

#filAriane .lienFilAriane {
   text-decoration: none;
   color: white;
}

#filAriane .lienFilAriane:last-child {
   font-weight: bold;
}

#filArianeColumn {
   margin-top: -20px;
}

.premiereColumnLoupe {
   padding: 0px !important;
   width: 32px;
}

#visuUtilisateursConnectes .ui-datatable .ui-column-filter {
   width: 100%;
}

.colonneAttributs {
   font-weight: bold;
   padding-top: 6px;
   vertical-align: top;
   width: 70px;
}

.pa-border-none {
   border: none !important;
}

.pa-margin-left-5px {
   margin-left: 5px;
}

#choixExport {
   padding-bottom: 1%;
}

#footer {
   background: #EBF6FD;
   color: #000000;
   text-align: center;
   padding: 15px 20px 10px;
}

.panelGridNoBorders tr {
   border: none !important;
}

.panelGridNoBorders td {
   border: none !important;
}

.conteneurTemplateReferentiel{
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    justify-content: space-between;
}

.voletGaucheTemplateReferentiel{
    width: 300px;
}

.voletDroitTemplateReferentiel{
    width: calc(100% - 310px);
}

/** ICONES **/
.faMenu {
   color: white;
   font-size: 40px;
   display: table !important;
   width: 100%;
   text-align: center;
}

.pa-icon-unlock {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/boutons/Unlock.png.xhtml")
      !important;
}

.pa-icon-ok {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/boutons/OK.png.xhtml")
      !important;
}

.pa-icon-home {
   background-position: -27px -155px;
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/pa_icons.png.xhtml") !important;
   margin-left: 20px;
   height: 60px;
}

.pa-icon-message {
   background-position: -257px -280px;
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/pa_icons.png.xhtml") !important;
   margin-left: 20px;
   height: 60px;
}

.pa-icon-accueil {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/home35noir.png.xhtml")
      !important;
   height: 35px;
   width: 100%;
   background-position: center;
}

.pa-icon-personnel {
   background-position: -608px -156px;
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/pa_icons.png.xhtml") !important;
   margin-left: 20px;
   height: 60px;
}

.pa-icon-param {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/Administration35noir.png.xhtml")
      !important;
   height: 35px;
   width: 100%;
   background-position: center;
}

.pa-icon-heart {
   background-position: -373px -406px;
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/pa_icons.png.xhtml") !important;
   margin-left: 20px;
   height: 60px;
}

.pa-icon-ampoule {
   background-position: -491px -406px;
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/pa_icons.png.xhtml") !important;
   margin-left: 20px;
   height: 60px;
}

.pa-icon-livre {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/pa_icons.png.xhtml") !important;
   height: 60px;
   width: 100%;
   background-position: center;
}

.pa-icon-utilisateur {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/utilisateur.png.xhtml")
      !important;
   width: 16px !important;
}

.pa-icon-bookmark {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/paperasse-24.png.xhtml")
      !important;
   width: 16px !important;
}

.pa-icon-groupuser {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/user_group.png.xhtml")
      !important;
   width: 16px !important;
}

.pa-icon-bgroup {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/b_group.png.xhtml")
      !important;
   width: 16px !important;
}

.pa-icon-drapeaufr {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/icone-drapeau-france.png.xhtml")
      !important;
   width: 16px !important;
}

.pa-icon-grade {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/icone-grade-sergent.png.xhtml")
      !important;
   width: 16px !important;
}

.pa-icon-motif {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/icone_motifCessation.png.xhtml")
      !important;
   width: 16px !important;
}

.pa-icon-famille {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/family.png.xhtml")
      !important;
   width: 16px !important;
}

.pa-icon-civilite {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/Homme.png.xhtml")
      !important;
   width: 16px !important;
}

.pa-icon-globe {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/Globe-Small.png.xhtml")
      !important;
   width: 16px !important;
}

.pa-icon-fph {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/hopital.png.xhtml")
      !important;
   width: 16px !important;
}

.pa-icon-fpt {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/metier.png.xhtml")
      !important;
   width: 16px !important;
}

.pa-icon-ministere {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/ministere.png.xhtml")
      !important;
   width: 16px !important;
}

.pa-icon-referentiel {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/Referentiel35noir.png.xhtml")
      !important;
   height: 35px;
   width: 100%;
   background-position: center;
}

.pa-icon-profil {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/profil.png.xhtml")
      !important;
   width: 16px !important;
}

.pa-icon-copy {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/boutons/Copy.png.xhtml")
      !important;
}

.pa-icon-create {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/boutons/Create.png.xhtml")
      !important;
}

.pa-icon-excel {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/boutons/Excel.png.xhtml")
      !important;
}

.pa-icon-erase {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/boutons/Erase.png.xhtml")
      !important;
}

.pa-icon-modify {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/boutons/Modify.png.xhtml")
      !important;
}

.pa-icon-save {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/boutons/Save.png.xhtml")
      !important;
}

.pa-icon-cancel {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/boutons/Cancel.png.xhtml")
      !important;
}

.pa-icon-gomme {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/boutons/Gomme.png.xhtml")
      !important;
}

.pa-icon-deconnexion {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/boutons/Deconnexion.png.xhtml")
      !important;
   width: 16px !important;
   margin-right: 2px;
}

.pa-icon-enveloppe {
   background-image: url("/geres/jakarta.faces.resource/images/template/mail.png.xhtml")
      !important;
}

.pa-icon-script {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/script.png.xhtml")
      !important;
   width: 16px !important;
}

.pa-icon-aide {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/Aide35noir.png.xhtml")
      !important;
   height: 35px;
   width: 100%;
   background-position: center;
}

.pa-icon-apropos {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/boutons/Help-symbol.png.xhtml")
      !important;
   width: 16px !important;
}

.pa-icon-loupe {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/loupe.png.xhtml")
      !important;
   width: 16px !important;
}

.pa-icon-email {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/e-mail.png.xhtml")
      !important;
   width: 16px !important;
}

.pa-icon-chart-curve {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/ChartCurve.png.xhtml")
      !important;
   width: 16px !important;
}

.pa-icon-database-key {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/DatabaseKey.png.xhtml")
      !important;
   width: 16px !important;
}

.pa-icon-message-info {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/message.png.xhtml")
      !important;
   width: 16px !important;
}

.pa-icon-bullet-blue {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/boutons/BulletBlue.png.xhtml")
      !important;
   width: 32px !important;
   height: 32px !important;
}

.pa-icon-bullet-black {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/boutons/BulletBlack.png.xhtml")
      !important;
   width: 32px !important;
   height: 32px !important;
}

.pa-icon-enveloppe-ouvert {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/boutons/couriel_lu.png.xhtml")
      !important;
   width: 28px !important;
   height: 28px !important;
   margin-left: -18px !important;
   margin-top: -15px !important;
}

.pa-icon-enveloppe-fermer {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/boutons/couriel_nonlu.png.xhtml")
      !important;
   width: 28px !important;
   height: 28px !important;
   margin-left: -18px !important;
   margin-top: -15px !important;
}

.pa-icon-upload {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/boutons/Upload.png.xhtml")
      !important;
   width: 16px !important;
}

.pa-icon-loupe-datatable {
   background-image: url("/geres/jakarta.faces.resource/loupe.png.xhtml?ln=images") !important;
}

.pa-icon-nbi {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/nbi.png.xhtml") !important;
   width: 16px !important;
}

.pa-icon-indice {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/indice.png.xhtml")
      !important;
   width: 16px !important;
}

.pa-icon-raison {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/raison.png.xhtml")
      !important;
   width: 16px !important;
}

.pa-icon-condition {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/condition.png.xhtml")
      !important;
   width: 16px !important;
}

.icone-flecheDroite {
   background-image: url("/geres/jakarta.faces.resource/flecheDroite.png.xhtml?ln=images")
      !important;
}

.icone-flecheGauche {
   background-image: url("/geres/jakarta.faces.resource/flecheGauche.png.xhtml?ln=images")
      !important;
}

.icone-doubleFlecheDroite {
   background-image: url("/geres/jakarta.faces.resource/flecheDoubleDroite.png.xhtml?ln=images")
      !important;
}

.icone-doubleFlecheGauche {
   background-image: url("/geres/jakarta.faces.resource/flecheGaucheDouble.png.xhtml?ln=images")
      !important;
}

.icone-flecheHaut {
   background-image: url("/geres/jakarta.faces.resource/flecheHaut.png.xhtml?ln=images") !important;
}

.icone-flecheBas {
   background-image: url("/geres/jakarta.faces.resource/flecheBas.png.xhtml?ln=images") !important;
}

.icone-doubleFlecheBas {
   background-image: url("/geres/jakarta.faces.resource/flecheDoubleBas.png.xhtml?ln=images")
      !important;
}

.icone-doubleFlecheHaut {
   background-image: url("/geres/jakarta.faces.resource/flecheDoubleHaut.png.xhtml?ln=images")
      !important;
}

.icone-button-loupe {
   background-image: url("/geres/jakarta.faces.resource/loupe.png.xhtml?ln=images") !important;
}

.ui-icon-bullet {
   background-position: -81px -145px;
}

/** CSS LIE AU THEME SAM **/
.ui-theme {
   background: url("/geres/jakarta.faces.resource/images/themes.png.xhtml") no-repeat top left;
   display: block;
}

.ui-theme.ui-theme-sam {
   background-position: -80px -154px;
   width: 30px;
   height: 27px;
}

.ui-theme-inline.ui-theme-sam {
   background-position: -80px -154px;
   width: 30px;
   height: 27px;
}

.ui-page-sam {
   background-color: white;
}

#centre-de-la-page.ui-page-sam {
   background-color: #313643;
}

.conteneurPrincipal, .bandeauPrincipal, .menuFooter a, .ui-link.ui-widget,
   .titreAppli.texteBlanc, .texteHeaderAppli.nomLongApplication.texteBlanc,
   .texteHeaderAppli.nomLongApplication.texteBlanc, .ui-commandlink.ui-widget
   {
   color: black;
}

.ui-page-sam .bandeauPrincipal, .ui-page-sam .footer, .ui-page-sam .ui-link.ui-widget,
   .ui-page-sam .menuFooter a, .ui-page-sam .titreAppli.texteBlanc,
   .ui-page-sam .texteHeaderAppli.nomLongApplication.texteBlanc,
   .ui-page-sam .texteHeaderAppli.nomLongApplication.texteBlanc {
   color: white !important;
}

.ui-page-sam .conteneurPrincipal {
   color: black !important;
}

.ui-page-sam fieldset .ui-commandlink.ui-widget {
   color: grey !important;
}

.ui-page-sam #filAriane, .ui-page-sam #headerGestion .ui-commandlink {
   color: white !important;
}

.ui-page-sam .ui-menubar {
   background-color: #313643;
   padding: 0px !important;
}

.themePProd {
   background-color: #800040 !important;
}

/* couleur du texte pour le theme afterdark */
.ui-page-afterdark .conteneurPrincipal, .ui-page-afterdark .bandeauPrincipal,
   .ui-page-afterdark .footer, .ui-page-afterdark .ui-link.ui-widget,
   .ui-page-afterdark .menuFooter a, .ui-page-afterdark .titreAppli.texteBlanc,
   .ui-page-afterdark .texteHeaderAppli.nomLongApplication.texteBlanc,
   .ui-page-afterdark .texteHeaderAppli.nomLongApplication.texteBlanc,
   .ui-page-afterdark .ui-commandlink.ui-widget {
   color: white !important;
}
/* couleur du texte pour le theme cruze */
.ui-page-cruze .conteneurPrincipal, .ui-page-cruze .bandeauPrincipal,
   .ui-page-cruze .footer, .ui-page-cruze .ui-link.ui-widget,
   .ui-page-cruze .menuFooter a, .ui-page-cruze .titreAppli.texteBlanc,
   .ui-page-cruze .texteHeaderAppli.nomLongApplication.texteBlanc,
   .ui-page-cruze .texteHeaderAppli.nomLongApplication.texteBlanc,
   .ui-page-cruze .ui-commandlink.ui-widget {
   color: white !important;
}
/* icon */
.ui-page-sam .pa-icon-accueil, .ui-page-afterdark .pa-icon-accueil,
   .ui-page-cruze .pa-icon-accueil {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/home35.png.xhtml")
      !important;
}

.ui-page-sam .pa-icon-param, .ui-page-afterdark .pa-icon-param,
   .ui-page-cruze .pa-icon-param {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/Administration35.png.xhtml")
      !important;
}

.ui-page-sam .pa-icon-referentiel, .ui-page-afterdark .pa-icon-referentiel,
   .ui-page-cruze .pa-icon-referentiel {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/Referentiel35.png.xhtml")
      !important;
}

.ui-page-sam .pa-icon-aide, .ui-page-afterdark .pa-icon-aide,
   .ui-page-cruze .pa-icon-aide {
   background-image:
      url("/geres/jakarta.faces.resource/images/template-gestion/menu/Aide35.png.xhtml")
      !important;
}

.ui-page-sam legend {
   width: auto;
   font-size: 15px;
}

.ui-page-sam.ui-menu {
   background: #313643;
}

.ui-page-sam .footer_template, .ui-page-sam .header_template {
   background-color: #313643;
}

.footer_template {
	margin-top: 2em;
}

.ui-page-sam .ui-menuitem-link.ui-submenu-link.ui-corner-all.ui-state-hover,
   .ui-page-sam .ui-menuitem-link.ui-corner-all.ui-state-hover {
   background: #313643 url("/geres/jakarta.faces.resource/images/sprite.png.xhtml") repeat-x
      left -100px;
}

.ui-page-sam .labelMenuTemplate>a>span.ui-menuitem-text, .ui-page-sam .labelMenu>a>span.ui-menuitem-text,
   .ui-page-sam .labelMenuTemplate>span.ui-menuitem-text {
   color: white;
   text-align: center;
   width: 100%;
}

.bandeauMenu ul li a.ui-submenu-link {
   padding: 0.4em 0;
}

.ui-page-sam .labelMenuTemplate>a>span.ui-icon.ui-icon-triangle-1-s {
   display: none;
}

.ui-page-sam .linkLog.ui-commandlink.ui-widget {
   color: black !important;
}

.ui-page-sam .linkLog:visited {
   color: black !important;
}

.ui-page-sam .linkLog:hover {
   color: black !important;
}

/** CSS LIE AU TEMPLATE DE MANIERE HISTORIQUE **/
.aligneCentre {
   text-align: center;
}

.aligneDroite {
   text-align: right;
}

.texteBlanc {
   color: white;
}

.boutonGris {
   background-color: grey;
   height: 30px;
   background-image: none;
}

.boutonCreerEspace, .boutonConnexion, .boutonMdpOubli {
   width: 100%;
}

.conteneurPrincipal {
   margin-left: 0px;
   margin-right: 0px;
}

.modalMdp, .modalOubliMdp .titreMoyen {
   color: #313643;
}

.nomLongApplication {
   font-weight: bold;
}

.petitTexte {
   font-size: 11px;
}

.titreAppli {
   font-size: x-large;
}

.texteHeaderAppli {
   font-size: small;
   text-align: center;
}

.titreMoyen {
   line-height: 40px;
   font-size: large;
   font-weight: bold;
}

.panneauPartieDroite legend, .panneauPartieGauche legend,
   .panneauPartieDroite input {
   font-size: 0.9em;
}

.headerMenuSmartphone {
   font-weight: bold;
   font-size: 17px !important;
}

.ui-menu .ui-menu-parent .ui-menu-child {
   width: 450px !important;
}

.aligneHorizontalInput {
   line-height: 30px;
}

.aligneHorizontalInputConteneur {
   height: 30px;
}

.boutonSeConnecter {
   position: relative;
   color: black;
   height: 30px;
   line-height: 30px;
   width: 100%;
   cursor: pointer;
   border-radius: 4px;
   border: 1px solid #d3d3d3;
   font-size: 15px;
   background:
      url("/geres/jakarta.faces.resource/images/template_dark/dark_ui-default.png.xhtml")
      repeat-x scroll 0 0 #D8D8D8;
}

.boutonSeConnecter:hover {
   background: #bfdaff
      url("/geres/jakarta.faces.resource/images/template_dark/dark_sprite.png.xhtml") repeat-x
      left -1300px;
}

.boutonSeConnecter:after {
   top: 100%;
   left: 50%;
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
   border-color: rgba(0, 0, 128, 0);
   border-top-color: grey;
   border-width: 20px;
   margin-left: -20px;
   display: none;
}

.boutonSeConnecter.special:after {
   display: block;
}

.conteneurBoutonMdpOubli {
   margin-top: 20px;
}

.conteneurInfoAppli {
   padding-left: 0px !important;
   padding-right: 0px !important;
   text-align: center;
}

.pprodWarning{
	position: absolute;
   width: max-content;
   transform: translateX(-300px) translateY(-15px);
   background-color: chocolate;
	color: black;
	padding: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px black;
	z-index: 1;
}

.conteneurTitreAppli {
   height: 100px;
   padding-left: 0px !important;
}

.conteneurTriangleGauche {
   padding-left: 0px !important;
}

.btnEspaceSecurise {
   height: 20px;
}

.seConnecter, .pasEncoreDacces, .conteneurTrait {
   height: 50px;
}

.filAriane {
   margin-top: 10px;
}

.imageHeader {
   height: 70px;
   width: auto;
}

.inputsConnexion {
   width: 100%;
}

.logoAppli {
   margin-left: 10px;
}

.labelLogins {
   padding-left: 10px !important;
}

.menuTemplate {
   background-color: #313643;
}

.panneauPartieGauche .row, .panneauPartieDroite .row {
   margin-bottom: 10px;
}

.panneauToggle {
   display: none;
}

.texteHeaderAppli {
   display: block;
   line-height: 13px;
}

.titreAppli {
   height: 20px;
   line-height: 20px;
}

.trait {
   background-image: url("/geres/jakarta.faces.resource/images/trait.png.xhtml");
   background-repeat: repeat;
   width: 100%;
   height: 2px;
   margin-top: 25px;
}

.traitFil {
   background-image: url("/geres/jakarta.faces.resource/images/trait.png.xhtml");
   background-repeat: repeat;
   width: 35%;
   height: 2px;
   margin-top: 5px;
}

.triangle-bas-gauche {
   width: 10%;
   height: 0;
   padding-bottom: 10%;
   overflow: hidden;
}

.triangle-bas-gauche:after {
   content: "";
   display: block;
   width: 0;
   height: 0;
   border-right: 500px solid transparent;
   border-bottom: 500px solid #000080;
}

.triangleGauche {
   width: 0px;
   height: 0px;
   border-bottom: 30px solid #000080;
   border-right: 170px solid transparent;
}

.triangleDroite {
   width: 0px;
   height: 0px;
   border-bottom: 30px solid #000080;
   border-left: 144px solid transparent;
}

#oubliMdpButton:hover {
   color: lightgrey;
}

#espaceSecurise {
   padding-right: 0px;
}

.conteneurHeaderImage {
	display: flex;
}





.index-gestion{
       background-image:url("/geres/jakarta.faces.resource/images/template/fond-hr-bleu.png.xhtml");
}




.menuFooter {
   line-height: 30px;
}

.menuFooter a, .menuFooter a:hover, .menuFooter a:focus {
   color: white;
}

/** MENU REFERENTIEL **/

@keyframes griser{
    to{
       background-color: #C8C8C8;
    }
}

@keyframes bleuir{
    to{
       background-color: #116fbf;
       border: 1px solid #116fbf;
    }
}


.conteneur{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.conteneur * {
    box-sizing: unset;
}

.conteneurMenu{
    width: 300px;
    height: auto;
    border: 4px solid #c8c8c8;
}

.conteneurMenu .chevronMenu{
    margin-right: 10px;
}

.conteneurMenu .pi-chevron-down{
    display: none;
}

.conteneurMenu a{
    color: black;
}

.conteneurMenu a:hover{
    color: black;
    text-decoration: none;
}


.conteneurMenu .conteneurMenu__menu{
    height: auto;
    margin-top: 3px;
    width: calc(100% - 2px);
    border-radius: 3px;
    box-sizing: unset;
}

.conteneurMenu .conteneurMenu__menu a{
    color: black;
}

.conteneurMenu .conteneurMenu__menu:hover{
    cursor: pointer;
    animation-name: griser;
    animation-duration: .5s;
    animation-fill-mode: forwards;
}

.conteneurMenu .conteneurMenu__menu--active{
    border-radius: 3px 3px 0 0; 
    background-color: #007AD9;
    border: 1px solid #007AD9; 
}

.conteneurMenu .conteneurMenu__menu--active a{
    color: white;
}

.conteneurMenu .conteneurMenu__menu--active:hover{
    animation-name: bleuir;
    animation-duration: .2s;
    animation-fill-mode: forwards;
}

.conteneurMenu a[class="conteneurMenu__menu__lien"]{
    line-height: 13px;
    padding: 0 1em;
    display: block;
    font-size: 13px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: bold;

}

.conteneurMenu a[class="conteneurMenu__menu__lien"]:hover{
    text-decoration: none;
}

.conteneurMenu .conteneurSousMenu{
    display: none;
}

.conteneurMenu ul[class="conteneurSousMenu__liste"]{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
    position: static;
}

.conteneurMenu li[class="conteneurSousMenu__menu"]{
    height: auto;
}


.conteneurMenu .conteneurSousMenu__menu:hover{
    background-color: #EAEAEA;
    cursor: pointer; 
}

.conteneurMenu .conteneurSousMenu__menu__lien{
    padding: 1em 1em;
    display: block;
    position: relative;
}


.fa-vert{
    color: #218838;
}

.fa-rouge{
    color: #DC3545;
}

.fa-bleu-clair{
    color: #17A2B8;
}

.fa-bleu{
    color: #007BFF;
}

.fa-orange{
    color: #FFC107;
}

.fa-beige{
    color: #e6a000;
}

/** FIN MENU REFERENTIEL **/


/** MEDIA QUERIES POUR SMARTPHONE **/
@media only screen and (max-width: 1250px) {
}

/** MEDIA QUERIES POUR TABLETTE **/
@media only screen and (max-width: 991px) and (min-width: 768px) {

}

.ui-commandlink.ui-widget.switchuser-quit {
   color: lightblue;
}