@font-face {
  font-family: "Roboto";
  src: url('Roboto-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url('Roboto-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url('Roboto-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url('Roboto-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Open Sans";
  src: url('OpenSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url('OpenSans-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url('OpenSans-SemiBold.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url('OpenSans-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url('OpenSans-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

/****************************/
/********* Général **********/
/****************************/
            html, body {
              height: 100%!important;
            }
            #mainContent {
              width:100%!important;
              /* display: none; */
            }
            a, a:hover {
              color:#095797!important;
              font-size: 16px!important;
              font-family: 'Open Sans'!important;
              text-decoration: underline!important;
            }
            a:hover {
              text-decoration: none!important;
            }
            a:not(.btn):hover {
              text-decoration: none!important;
            }
            span.qc-ext-link-img {
                height: 12px;
                width: 12px;
                display: inline-block;
                mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOS4yMDciIGhlaWdodD0iMjkuNjA4IiB2aWV3Qm94PSIwIDAgMjkuMjA3IDI5LjYwOCI+CiAgPGcgaWQ9Ikdyb3VwZV8zOTQiIGRhdGEtbmFtZT0iR3JvdXBlIDM5NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzOSAtNTQ1LjYyNCkiPgogICAgPGcgaWQ9Ikdyb3VwZV8zOTAiIGRhdGEtbmFtZT0iR3JvdXBlIDM5MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3MjIuMDA4IDQzNy41MjQpIj4KICAgICAgPGcgaWQ9Ikdyb3VwZV8zODkiIGRhdGEtbmFtZT0iR3JvdXBlIDM4OSI+CiAgICAgICAgPHBhdGggaWQ9IlRyYWPDqV82NzEiIGRhdGEtbmFtZT0iVHJhY8OpIDY3MSIgZD0iTTE4ODQuMDg3LDEyMC44MTRhMS4xNDUsMS4xNDUsMCwwLDAtMS4xNDUsMS4xNDV2MTMuNDU4SDE4NjMuM3YtMjAuMWgxMy4wNTdhMS4xNDYsMS4xNDYsMCwxLDAsMC0yLjI5MWgtMTUuMzQ4djI0LjY4M2gyNC4yMjVWMTIxLjk1OUExLjE0NiwxLjE0NiwwLDAsMCwxODg0LjA4NywxMjAuODE0WiIgZmlsbD0iIzA5NTc5NyIvPgogICAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNjcyIiBkYXRhLW5hbWU9IlRyYWPDqSA2NzIiIGQ9Ik0xODc5Ljc5MiwxMDguMWExLjE0NiwxLjE0NiwwLDAsMCwwLDIuMjkxaDYuNTMzbC0xNC4wMTksMTQuMTdhMS4xNDYsMS4xNDYsMCwwLDAsMS42MjksMS42MTFsMTMuOTg5LTE0LjE0djYuMzc3YTEuMTQ2LDEuMTQ2LDAsMCwwLDIuMjkxLDBWMTA4LjFaIiBmaWxsPSIjMDk1Nzk3Ii8+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) no-repeat;
                background: #095797;
                mask-size: 12px;
                margin-left: 10px;
            }
            p {
              font-size: 16px!important;
              color:#223654 !important;
              margin:0px 0px 24px!important;
              font-family: 'Open Sans'!important;
            }
            ul li, ol li {
              padding:8px 0px!important;
            }

            /* Avant les entêtes H1, H2, etc... pour s'assurer que Open Sans est utilité partout sauf pour les entêtes. */
            .crmEntityFormView * {
              font-family: 'Open Sans';
            }

            h1 {
              font-family: Roboto!important;
              font-size: 48px!important;
              line-height: 56px!important;
              font-weight: bold!important;
              color: #223654!important;
              margin-top: 72px!important;
              margin-bottom: 32px!important;
            }
            h1.section {
              font-family: Roboto!important;
              font-size: 48px!important;
              line-height: 56px!important;
              font-weight: bold!important;
              color: #223654!important;
              margin-top: 0px!important;
              margin-bottom: 32px!important;
            }
            @media (max-width: 576px) {
              h1 {
                  font-family: Roboto!important;
                  font-size: 36px!important;
                  line-height: 40px!important;
                  font-weight: bold!important;
                  color: #223654!important;
                  margin-top: 48px!important;
                  margin-bottom: 16px!important;
              }
              h1.section {
                font-family: Roboto!important;
                font-size: 36px!important;
                line-height: 40px!important;
                font-weight: bold!important;
                color: #223654!important;
                margin-top: 0px!important;
                margin-bottom: 31px!important;
              }
            }
            h1:after {
            content: "";
            display: block!important;
            margin: 0px!important;
            width: 48px!important;
            padding-top: 4px!important;
            border-bottom: 4px solid #e58271!important;
            }
            h1.section {
              margin-top:0px!important;
              margin-bottom:32px!important;
            }

            h2 { /* H3 dans Quebec.ca car H2 est trop gros. */
              font-family: Roboto!important;
              font-size: 28px!important;
              line-height: 32px!important;
              font-weight: bold!important;
              color: #223654!important;
              margin-top: 0px!important;
              margin-bottom: 16px!important;
            }
            @media (max-width: 576px) {
              h2 { /* H3 dans Quebec.ca car H2 est trop gros. */
                font-family: Roboto!important;
                font-size: 25px!important;
                line-height: 32px!important;
                font-weight: bold!important;
                color: #223654!important;
                margin-top: 0px!important;
                margin-bottom: 16px!important;
              }
            }

            h2.tab-title.section {
              font-family: Roboto!important;
              display: block!important;
              color: #8893a2!important;
              font-size: 14px !important;
              font-weight: normal !important;
              border-bottom: 0px none !important;
              margin-bottom: 0px !important;
              line-height: 1.1!important;
            }

            h3 {
              font-family: Roboto!important;
              /*font-size: 48px!important;*/
              font-size: 36px!important;
              line-height: 40px!important;
              font-weight: bold!important;
              color: #223654!important;
              margin-top: 0px!important;
              margin-bottom: 16px!important;
              margin-left: 0px!important;
              display: block;
            }

            h3.section {
              font-family: Roboto!important;
              color: #223654 !important;
              font-size: 16px;
              font-size: 30px !important;
              font-weight: bold !important;
              border-bottom: 0px none !important;
              margin-bottom: 0px !important;
            }

            h4,
            h5,
            p.sub-title {
              color: #223654 !important;
              font-size: 18px;
              line-height: 28px;
              font-weight: bold!important;
              font-family: Roboto!important;
              margin-top: 0px!important;
            }
                p.sub-title {
                  margin-bottom: 20px!important;
                  font-size: 18px!important;
                }
            h5 {
              font-size: 21px;
            }
            span.section_informations_complementaires {
              color: #223654 !important;
              font-size: 13px;
              line-height: normal;
              margin: 8px 0px 40px;
              display: block;
            }
                span.section_informations_complementaires .required {
                  font-weight: bold!important;
                }
            .notifications {
              display:none!important;
            }
/******* FIN Général ********/

/********************************/
/********** PIV Entête **********/
/********************************/
            .navbar-brand {
              padding:8px 0px!important;
            }
            .navbar-dark {
              background-color: #095797!important;
            }
            .navbar-brand a {
              display: inline-block;
            }
            .navbar-nav li {
              padding:0px!important;
            }
            .SecondBar {
                background-color: #19406C !important;
                box-shadow: none!important;
            }
                .SecondBar .container * {
                  height: 72px;
                }
            a.siteTitle,
            a.siteTitle:hover {
              color:white!important;
              text-decoration: none!important;
              margin-left:64px;
              font-family: Roboto!important;
            }
            a.siteTitle:hover {
              text-decoration: underline!important;;
            }
            .navbar .vertical-menu a {
              font-size:14px!important;
              text-decoration: none!important;
              font-family: Roboto!important;
            }
                  .navbar .vertical-menu a:hover {
                    text-decoration: underline!important;
                  }
            @media only screen and (max-width: 767px) {
                .navbar-brand {
                  width: 100%;
                  margin-right: 0px;
                }
                .navbar-brand a {
                  display: block;
                }
            }

            .navbar-dark .navbar-nav > li > a:focus {
              outline: 2px solid #4A98d9!important;
            }
            a[arial-label="Accueil"] {
              height: 72px!important;
            }
                .home,
                .profile {
                  width: 56px !important;
                  height: 72px !important;
                  display: inline-block !important;
                  background-color: white;
                  mask-image: url(/home.svg);
                  mask-repeat: no-repeat;
                  mask-position: center;
                }
                    .profile {
                      width: 72px!important;
                      mask-image: url(/user.svg);
                    }
/******** FIN PIV Entête ********/

/*************************************/
/******** PIV Pied de page ***********/
/*************************************/
            #piv_piedPage {
              width: 100%;
              margin: 1% 0;
              margin-top:40px!important;
              font-family:  'Open Sans', sans-serif !important;
            }
            #piv_piedPage:after {
              content: " ";
              display: table;
              clear: both;
            }
            #piv_piedPage .contenu {
              width: 100%;
            }
            #piv_piedPage .contenu #logo_pied,
            #piv_piedPage .contenu #credits {
              text-align: center;
              margin-top:16px!important;
            }
                #piv_piedPage .contenu #credits a {
                  font-size: 14px!important;
                  text-decoration: none!important; 
                }
                #piv_piedPage .contenu #credits a:hover {
                  text-decoration: underline!important; 
                }
            #piv_piedPage .contenu #logo_pied {
              width: 100%;
              margin: auto;
              max-height: 72px;
            }
            #piv_piedPage .contenu #logo_pied img {
              min-width: 100%;
            }
            #piv_piedPage .contenu #navFooter {
              padding: 10px 0 0 0;
            }
            #piv_piedPage .contenu #navFooter li {
              list-style-type: none;
              margin: 0;
              font-size: 12px;
            }
            #piv_piedPage .contenu #navFooter a {
              text-decoration:none!important;
              font-size: 14px!important;
              font-family: 'Open Sans', sans-serif !important;	
              margin-right: 20px;
            }
                #piv_piedPage .contenu #navFooter a:hover {
                  text-decoration:underline!important;
                }
            @media only screen and (min-width: 992px) {
              #piv_piedPage .contenu {
                width: 960px;
                margin: auto;
                border-top: none;
              }
              #piv_piedPage .contenu #logo_pied {
                width: 212px;
              }
              #piv_piedPage .contenu #navFooter li {
                display: inline-block;
                padding:0px 15px 10px;
              }
            }
            @media only screen and (max-width: 991px) {
              #piv_piedPage .contenu #navFooter li {
                float:none;
              }
            }
/********* FIN PIV Pied de page *********/

/*************************************************/
/********** Page de login / Inscription **********/
/*************************************************/
            .offset-md-4 {
              /*margin-left:inherit!important;*/
              margin-left:0px!important;
            }
            .col-md-8 {
              width: 100%!important;
            }
/******** FIN Page de login / Inscription ********/

/*******************************************/
/******** Navigation principale PIV ********/
/*******************************************/
      /****** Premier niveau ******/
            .nav {
              font-family: 'Open Sans';
            }
            .SecondBar {
              padding:0px;
              min-height: 72px;
            }
            .SecondBar nav .divider-vertical {
              display:none;
            }
            .SecondBar #navbar {
              align-self: flex-end !important;
            }
            .SecondBar nav ul li {
              margin-right: 0.4rem;
              margin-bottom: 0;
              line-height: initial;
            }
            .SecondBar nav ul li a {
              font-family: 'Open Sans'!important;
              color: #fff!important;
              text-decoration: none!important;
              font-weight: normal!important;
              letter-spacing: 0!important;
              font-size: 16px!important;
              line-height: 52px!important;
              font-weight: 400!important;
              padding:0px!important;
              border-bottom: 4px transparent solid!important;
            }
            .SecondBar nav ul li a:hover,
            .SecondBar nav ul li a:focus {
              font-family: 'Open Sans'!important;
              color: #fff!important;
              text-decoration: none!important;
              font-weight: normal!important;
              letter-spacing: 0!important;
              font-size: 16px!important;
              font-weight: 400!important;
              border-bottom: 4px rgba(255, 255, 255, 0.50) solid!important;
              background-color:transparent!important;
            }
            .SecondBar nav ul li a[aria-current="page"] {
              font-weight: bold!important;
              border-bottom: 4px rgba(255, 255, 255, 0.50) solid!important;
              background-color:transparent!important;
            }
            .SecondBar .dropdown-toggle::after {
              display: inline-block;
              font-family: var(--fa-style-family, "Font Awesome 6 Free");
              font-weight: var(--fa-style, 600);
              content: "\f078";
              font-size: 9px;
              border: 0px none !important;
              margin-left: -15px;
              position: absolute;
              top: 9px;
            }

      /****** 2ième niveau (sous-menu) ******/
            .SecondBar .dropdown-toggle.nav-link.show
            {
              color:#095797!important;
              /*background-color: #dae6f0!important;*/
              border-bottom: 4px #095797 solid!important;
            }
            .SecondBar ul.dropdown-menu
            {
              background-color: #ffffff!important;
              box-shadow: 0 4px 16px rgba(34, 54, 84, 0.24)!important;
              border:0px none!important;
              border-radius: 0px!important;
              margin: 0px!important;
              padding:0px!important;
              width:100%!important;
              height: auto!important;
            }
                  .SecondBar ul.dropdown-menu * {
                    height: auto!important;
                  }
                  .SecondBar ul.dropdown-menu li {
                    margin:0px!important;
                    padding:0px!important;
                    float:none!important;
                  }
                  .SecondBar ul.dropdown-menu li a {
                    color: #095797!important;
                    padding: 8px 17px!important;
                    text-decoration: none!important;
                    font-size: 16px!important;
                    line-height: 24px!important;
                  }
                  .SecondBar ul.dropdown-menu li a:hover,
                  .SecondBar ul.dropdown-menu li a:focus {
                    background-color: #F6F6F7!important;
                    color: #095797!important;
                    padding: 8px 17px!important;
                    text-decoration: underline!important;
                    font-size: 16px!important;
                    line-height: 24px!important;
                  }
                  .SecondBar ul.dropdown-menu li a[aria-current="page"] {
                    font-weight: bold!important;
                  }
                  .SecondBar .dropdown-menu .dropdown-divider {
                    display: none;
                  }
/****** FIN Navigation principale PIV ******/

/*************************************/
/******** Navigation latérale ********/
/*************************************/
            .nav-menu {
              list-style-type: none!important;
              padding:0px!important;
              margin:35px 0px 0px 10px!important;
              width:25%;
            }
            .nav-menu li {
              border-bottom:1px solid #c5cad2!important;
              padding:0px!important;
              font-size: 14px!important;
              font-family: 'Open Sans'!important;
            }
                .nav-menu li:hover {
                  background-color:#dae6f0!important;
                }
                .nav-menu li.disabled:hover {
                  background-color:inherit!important;
                }
                .nav-menu li.header {
                  font-weight: bold;
                  padding:16px 8px 16px 0px!important;
                }
                .nav-menu li.header:hover {
                  background-color:inherit!important;
                }
                .nav-menu li:hover a:hover {
                  text-decoration: none!important;                  
                }
            .nav-menu a {
              font-size: 14px!important;
              font-family: 'Open Sans'!important;
              line-height: 20px!important;
              color: #095797!important;
              margin:0px!important;
              padding:16px 8px 16px!important;
              text-decoration: none!important;
              width:100%;
              display: flex;
              align-items: center;
            }
            .nav-menu a div {
              flex-basis: 100%;
            }
            .nav-menu li.active {
              background-color:#dae6f0!important;
            }
              .nav-menu li.active a,
              .nav-menu li.active:hover a {
                color: #095797!important;
                font-weight: bold;
                text-decoration: none!important;
              }
              .nav-menu li a.disabled {
                color: #8893A2!important;
              }
              .nav-menu li a.disabled:hover {
                text-decoration: none!important ;
                cursor:text!important;
              }
              .nav-menu .nav-submenu ul {
                list-style-type: none!important;
                padding:0px!important;
                margin:16px 0px 14px 16px!important
              }
              .nav-menu .nav-submenu li {
                border-bottom:none!important;
              }
                  .nav-menu .nav-submenu li:hover {
                    background-color:inherit!important;
                  }
                  .nav-menu .nav-submenu li a {
                    padding:7px 10px!important;
                  }
                      .nav-menu .nav-submenu li a:hover {
                        text-decoration: underline!important;
                      }
                      .nav-menu .nav-submenu li a.disabled:hover {
                        text-decoration: none!important ;
                        cursor:text!important;
                      }
                  .nav-menu .nav-submenu li.active {
                    background-color: inherit!important;
                  }
                      .nav-menu .nav-submenu li.active a {
                        color: #095797!important;
                        font-weight: bold!important;
                      }
              .nav-menu .nav-submenu.opened,
              .nav-menu .nav-submenu.opened:hover {
                background-color:inherit!important;
              }
              .nav-menu .nav-submenu .fa {
                float:right!important;
                /*margin-top:-10px;*/
              }
              .nav-menu .nav-submenu.opened > a {
                background-color:#dae6f0!important;
                font-weight: bold!important;
              }

/****** FIN Navigation latérale ******/

/****************************/
/******** Fil Ariane ********/
/****************************/

.breadcrumb {
  margin:0px!important;
  margin-top:20px!important;
  padding:0px!important;
  margin-left:10px!important;
  display: ruby!important;
}
    .breadcrumb .breadcrumb-item a,
    .breadcrumb > .active
    {
      font-size:12px!important;
      font-family: "Open Sans"!important;
      color: #223654!important;
      text-decoration: none!important;
      font-weight: normal!important;
      padding: 0px !important;
      margin: 0px !important;
    }
        .breadcrumb > .active
        {
          padding: 8px 0px !important;
          margin:0px!important;
          font-weight: 600!important;
        }
            .breadcrumb > .active span
            {
              padding-left:5px!important
            }
        .breadcrumb .breadcrumb-item a:hover {
          text-decoration: underline!important;
        }
        .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
            color: #a7afbb!important;
            content: "<"!important;
            padding:2px 10px 0px 10px!important;
            font-size: 14px!important;
            font-weight:bold!important;
        }

/****** FIN Fil Ariane ******/

/***********************************/
/********** Champs textes **********/
/***********************************/
            label {
              font-weight: bold!important;
              font-size: 16px!important;
              text-align: left!important;
              width:auto!important;
              padding:0px!important;
              margin-bottom:4px!important;
              color:#223654!important
            }
            label.required {
              padding-left:10px!important;
            }
              .validators span { /* Temporaire le temps de trouver une solution sur les validateurs serveur... */
                display:none;
              }
            .checkbox label {
              width:auto!important;
            }
            .field-description,
            .section-description {
              font-size: 13px;
              color:#223654;
              line-height:1.4;
            }
                  .section-description {
                    margin-top:-15px;
                    margin-bottom: 5px;
                  }
            input { /*** Correspond au champs "Large" du design Quebec.ca ***/
              border-radius: 0px!important;
              border:1px solid #6B778A!important;
              max-width:249px!important;
              color:#223654!important;
            }
                  input.extra-large {
                    max-width:528px!important;
                  }
                  input.moyen {
                    max-width:156px!important;
                  }
                  input.petit {
                    max-width:63px!important;
                  }
                        input.lookup.large {
                          max-width:328px!important;
                        }
                  input[type="text"], input[type="password"]
                  {
                    border: 1px solid #6B778A!important;
                    height: 40px!important;
                    border-radius: 0px!important;
                  }
            textarea {
              max-width: 528px;
              height: 10em;
              border-radius: 0px!important;
              border-color: #6b778a!important;
            }
            select { /*** Correspond au select "Moyen" du design Quebec.ca ***/
              border-radius: 0px!important;
              max-width: 342px!important;
              height: 40px;
              border: 1px solid #6B778A!important;              
              background-repeat: no-repeat!important;
              background-position: right .75rem center!important;
              background-size: 20px 25px!important;
              color:#6b778a!important;
              padding:.375rem 2.25rem .375rem .75rem!important;
              background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23095797' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")!important;
            }
                  select:focus-visible {
                    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23095797' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='m2 10 6 -6 6+6'/%3e%3c/svg%3e")!important;
                  }
                  select.grand {
                    max-width:528px!important;
                  }
                  select.petit {
                    max-width: 156px!important;
                  }
                  select option:first-child {
                    color:#6b778a!important;
                  }
                  select option:not(:first-child) {
                    color:#223654!important;
                  }
                  .crmEntityFormView .form-control.readonly {
                    background-color:#f1f1f1!important;
                  }
/******** FIN Champs textes ********/

/***********************************/
/********** Cases à cocher**********/
/***********************************/
              div.checkbox {
                padding-left:20px!important;
              }
              .cell.checkbox-cell div.table-info {
                padding-left:10px!important;
              }
/******** FIN Champs textes ********/


/***********************************/
/********** Boutons radio **********/
/***********************************/
          input[type="radio"] {
            font: inherit;
            color: currentColor;
            width: 1.15em;
            height: 1.15em;
            border: 0.15em solid currentColor;
            border-radius: 50%;
            transform: translateY(-0.075em);
          }
          input[type="radio"]::before {
            content: "";
            width: 0.65em;
            height: 0.65em;
            border-radius: 50%;
            transform: scale(0);
            transition: 120ms transform ease-in-out;
            box-shadow: inset 1em 1em var(--form-control-color);
          }
          input[type="radio"]:checked::before {
            transform: scale(1);
          }
          input[type="radio"] + label {
            font-weight: normal!important;
          }
/******** FIN Boutons radio ********/

/**************************/
/******** Boutons  ********/
/**************************/
            input[type="submit"], .btn {
              font-size: 16px !important;
              font-weight: 600 !important;
              line-height: 24px !important;
              /*display: inline-block !important;*/
              box-sizing: border-box !important;
              min-width: 40px !important;
              padding: 7px 15px!important;
              transition: all 0.24  s ease-in-out !important;
              text-align: center !important;
              vertical-align: middle !important;
              text-decoration: none !important;
              border: 1px solid transparent !important;
              border-radius: 0 !important;
              margin:8px 32px 0px 0px!important;
              color: #fff !important;
              border-color: #095797 !important;
              background-color: #095797 !important;
              box-shadow: 0 2px 8px rgba(34, 54, 84, 0.16) !important;
              outline: none!important;
            }
                input[type="submit"]:hover, .btn:hover {
                  color:white!important;
                  border-color: #156bb2 !important;
                  background-color: #156bb2 !important;
                }
                input.submit-btn {
                  padding: 15px 25px !important;
                }
                .btn:disabled,
                .btn.disabled {
                  background-color:#8893A2!important;
                  border-color: #8893A2!important;
                }
            .btn-default:not(.gjs-selected):hover {
              color: #FFFFFF !important;
            }
            div .btn:last-child { /* Si c'est le dernier bouton dans un conteneur, on retire le margin-right pour l'alignement central parfait. */
              margin-right: 0px!important;
            }
            .btn-group>.btn:focus {
              z-index: inherit!important;
            }
            .btn.cancel {
              background-color:white!important;
              border:0px none!important;
              color: #095797!important;
              box-shadow: none!important;
              padding:16px 25px !important;
            }
                .btn.cancel:hover {
                  text-decoration: underline!important;
                  color: #095797!important;
                  background-color: rgba(197, 202, 210, 0.24)!important; 
                }
                .btn.cancel:focus { 
                  border-color: #223654!important; 
                  color: #095797!important;
                  background-color: rgba(197, 202, 210, 0.24)!important; 
                  box-shadow: 0 0 0 2px #4a98d9!important; 
                } 
                .btn.cancel:active { 
                  color: #095797!important;
                  background-color: rgba(197, 202, 210, 0.16)!important; 
                } 
/****** FIN Boutons  ******/

/*************************/
/******* Viewport ********/
/*************************/
            #content-container {
              margin-left:0px!important;
              margin-right:0px!important;
            }
            @media only screen and (min-width: 576px) {
              .container.wrapper-body {
                  max-width: inherit!important;
              }
            }
            @media only screen and (max-width: 991px) {
              #content-container {
                min-height: calc(100% - 367px);
              }
            }
            @media only screen and (min-width: 992px) {
              #content-container {
                min-height: calc(100% - 267px);
              }
            }
            @media only screen and (min-width: 1200px) {
              #content-container {
                min-height: calc(100% - 317px);
              }
            }
/***** FIN Viewport ******/

/****************************************/
/******** Navigation latérale ***********/
/****************************************/
          ol.progress.left, 
          ol.progress.right {
            margin:0px;
            width: 100%!important;
          }
          ol.progress li {
            border:0px none!important;
            background-color:white!important;
            color:#8893A2!important;
            font-weight:normal!important;
            font-size: 13px;
            height: 51px!important;
            padding:5px 10px;
            padding-top:15px!important;
            border:0px!important;
          }
          ol.progress li.active,
          ol.progress li.active:hover {
            background-color:#DAE6F0!important;
            color:#095797!important;
            font-weight:bold!important;
          }
          ol.progress li:before {
            color:#8893A2;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 1px solid #8893A2;
            /* padding: 5px; */
            border-radius: 50px;
            width: 22px;
            display: block;
            float:left;
            text-align: center;
            margin-right: 6px;
            margin-left: -3px;
          }
          ol.progress li.active:before{
            color:#095797;
            border: 1px solid #095797;
          }
          ol.progress li:nth-child(1):before {
            content: "1";
          }
          ol.progress li:nth-child(2):before {
            content: "2";
          }
          ol.progress li:nth-child(3):before {
            content: "3";
          }
          ol.progress li:nth-child(4):before {
            content: "4";
          }
          ol.progress li:nth-child(5):before {
            content: "5";
          }
          ol.progress li:nth-child(6):before {
            content: "6";
          }
          ol.progress li:nth-child(7):before {
            content: "7";
          }
          ol.progress li:nth-child(8):before {
            content: "8";
          }
          ol.progress li:nth-child(9):before {
            content: "9";
          }
          ol.progress li:nth-child(10):before {
            content: "10";
          }
          ol.progress li:nth-child(11):before {
            content: "11";
          }
          ol.progress li:nth-child(12):before {
            content: "12";
          }
/******** FIN Navigation latérale *******/

/*************************************/
/************* Listes ****************/
/*************************************/
      /***** Responsiveness du tableau *****/
            .table-responsive {
              overflow-x: visible!important;
            }

      /***** Cacher la recherche *****/
            .view-toolbar.grid-actions {
              display:none!important;
            }

      /***** Afficher les boutons de la sous-grille *****/
            .entity-grid .view-toolbar.grid-actions {
              display:block!important;
              margin:0px!important;
              padding:0px!important;
              border-bottom:0px!important;
            }
            .entity-grid .view-toolbar.grid-actions .toolbar-actions {
              float:left!important;
            }

      /***** Aucun enregistrement ******/
            .entity-grid .view-empty,
            .entitylist .view-empty {
              display:none!important;
            }

      /***** Erreurs ******/
            .entitylist .view-access-denied.message,
            .entitylist .view-error.message {
              padding:0px;
              margin:0px;
            }
            .entitylist .alert {
              margin-bottom: 0px;
            }

      /***** Grilles *****/
            .entitylist {
              border:0px!important;
              background-color: transparent!important;
              margin-top:10px!important;
            }
            .view-grid {
              margin-top:10px!important;
            }

      /***** Tables *****/
            .entitylist table
            {
              --bs-table-striped-bg:white!important;
              --bs-table-accent-bg:var(--bs-table-accent-bg);
              margin-bottom:0px;
            }
            .entitylist table *
            {
              font-family: 'Open Sans' !important;
              font-size: 16px !important;
            }
                .entitylist table th .fa
                {
                  font-family: "Font Awesome 6 Free"!important;
                }
                .entity-grid tr:nth-child(even),
                .view-grid tr:nth-child(even),
                .table-striped>tbody>tr:nth-of-type(odd)>* {
                  background-color: white!important;
                  --bs-table-accent-bg:white!important;
                }
      /***** Entêtes de tables *****/
            .entity-grid,
            .view-grid {
              font-family: Arial, Helvetica, sans-serif;
              border-collapse: collapse;
              width: 100%;
            }
                  .entity-grid th,
                  .view-grid th {
                    padding:15px 20px;
                    text-align: left;
                    background-color: #19406c;
                    color: white !important;
                  }
                        .entity-grid th[aria-label="Sélectionner"],
                        .view-grid th[aria-label="Sélectionner"] {
                          text-align: center;
                        }
                        .entity-grid th.sort,
                        .view-grid th.sort {
                          background-color: #223654;
                        }
                        .entity-grid th a,
                        .view-grid th a {
                          font-weight: bold;
                          color:white!important;
                          font-size: 15px!important;
                          text-decoration: none!important;
                        }
                        .entity-grid th a:hover,
                        .view-grid th a:hover {
                          font-weight: bold;
                          text-decoration: underline!important;
                        }
                        .entity-grid th span.sr-only,
                        .view-grid th span.sr-only {
                          position: relative!important;
                        }

      /***** Données de tables *****/
            .entity-grid tbody tr,
            .view-grid tbody tr {
              border-bottom: 1px solid #ddd;
            }
            .entity-grid tbody tr td,
            .view-grid tbody tr td {
              border:0px none!important;
              padding:15px 20px;
              vertical-align: middle!important;
            }
            .entity-grid tbody tr td > a.details-link,
            .view-grid tbody tr td > a.details-link {
              color:#095797;
              font-weight: bold!important;
              text-decoration: underline!important;
            }

      /***** Bouton d'actions de tables *****/
            .entity-grid tbody tr td div.dropdown button,
            .view-grid tbody tr td div.dropdown button {
              background-color: transparent!important;
              border:0px!important;
              padding:10px!important;
              margin:5px!important;
              color: #223654!important;
              box-shadow:none!important;
              min-width: 40px!important;
              line-height: 0px!important;
            }
            .entity-grid tbody tr td div.dropdown button:hover,
            .view-grid tbody tr td div.dropdown button:hover {
              background-color:#dae6f0!important;
              color:#223654!important;
            }
            .entity-grid tbody tr td div.dropdown button span,
            .view-grid tbody tr td div.dropdown button span { /* Cacher le chevron pour le remplacer par ... vertical */
              font-family: 'Font Awesome 6 Free'!important; /* Ne doit pas être Open Sans */
              font-size: 20px!important;
              line-height: 1!important;
            }
            .entity-grid tbody tr td div.dropdown button span,
            .view-grid tbody tr td div.dropdown button span {
              padding-top:10px!important;
            }
            .entity-grid tbody tr td div.dropdown button span::before,
            .view-grid tbody tr td div.dropdown button span::before {
              content: "\f142";
            }
            @media (max-width: 1060px) { /* Hack CSS de largeur responsive pour les tableaux */
              .entity-grid .view-grid>table,
              .view-grid .view-grid>table {
                  width: max-content;
              }
            }
            .entity-grid .view-toolbar.grid-actions .toolbar-actions a.create-action,
            .view-grid .view-toolbar.grid-actions .toolbar-actions a.create-action {
              background-color: white !important;
              color: #095797!important;
              border: 0px none!important;
              box-shadow: none!important;
              padding:0px!important;
              line-height: 20px!important;
              outline: none !important;
            }
                    .entity-grid .view-toolbar.grid-actions .toolbar-actions a.create-action:hover,
                    .view-grid .view-toolbar.grid-actions .toolbar-actions a.create-actio:hover {
                      color: #156bb2 !important;
                    }
                    .entity-grid .view-toolbar.grid-actions .toolbar-actions a.create-action .fa,
                    .view-grid .view-toolbar.grid-actions .toolbar-actions a.create-action .fa {
                      float: left;
                      font-size: 25px;
                      margin-right: 8px;
                    }

      /***** Menu d'actions *****/
            .entity-grid ul.dropdown-menu,
            .view-grid ul.dropdown-menu {
              border-radius: 0px!important;
              border:0px none!important;
              box-shadow: 0 4px 16px rgba(34, 54, 84, 0.24)!important;
              /*
              min-width: 300px;
              position:absolute!important;
              right:0px!important;
              */
            }
            .entity-grid ul.dropdown-menu li,
            .view-grid ul.dropdown-menu li {
              float:none!important;
              padding:0px!important;
            }
            .entity-grid ul.dropdown-menu li a ,
            .view-grid ul.dropdown-menu li a{
              font-size: 14px!important;
              color:#095797!important;
              background-color:inherit!important;
              font-weight: normal!important;
              text-decoration: none!important;
              margin-left: 0px!important;
              margin:0px!important;
              padding:10px 20px!important;
            }
            .entity-grid ul.dropdown-menu li a:hover,
            .view-grid ul.dropdown-menu li a:hover {
              text-decoration: underline!important;
            }
            .entity-grid ul.dropdown-menu .fa,
            .view-grid ul.dropdown-menu .fa {
              display: none;
            }

      /***** Pagination *****/
            .pagination .page-link {
              border-radius: 0px!important;
              border:0px none!important;
              background-color: transparent!important;
              color:#095797!important;
              text-decoration: none!important;
              font-weight: 500!important;
            }
                .pagination .page-link:hover {
                  background-color: #f1f1f2!important;
                }
                .pagination .page-link:focus {
                  background-color: transparent!important; 
                  outline: 2px solid #4a98d9!important; 
                }
            .pagination > .active > a, 
            .pagination > .active > a:focus, 
            .pagination > .active > a:hover {
              background-color: transparent!important;
              color:#223654!important;
            }
/********** FIN Listes *************/

/******************************************/
/************* Formulaires ****************/
/******************************************/
            div.tab {
              margin-top:20px!important;
            }
            .columnBlockLayout {
              margin-top:0px!important;
              margin-bottom: 0px!important;
              padding:0px!important;
            }
                .sectionBlockLayout .container {
                  padding:32px 0px 0px 24px!important;
                }            
                .crmEntityFormView .col-md-6 {
                  width: auto;
                }
                .crmEntityFormView .fa {
                  font-family: var(--fa-style-family, "Font Awesome 6 Free")!important;
                }
                .crmEntityFormView {
                  border:0px none!important;
                  width:100%!important;
                }
                .crmEntityFormView .tab {
                  margin-bottom: 0px!important;
                }
                .crmEntityFormView legend {
                  margin:0px!important;
                }
                .crmEntityFormView fieldset {
                  margin-bottom: 0px!important;
                }
                .crmEntityFormView legend h3 {
                  font-family: Roboto!important;
                  /*font-size: 48px!important;*/
                  font-size: 35px!important;
                  line-height: 40px!important;
                  font-weight: bold!important;
                  color: #223654!important;
                  margin-top: 0px!important;
                  margin-bottom: 15px!important;
                  margin-left: 0px!important;
                  display: block;
                }
                      .crmEntityFormView fieldset legend h3 {
                        margin-bottom: 16px!important;
                        margin-top:24px!important;
                      }
                      @media (max-width: 576px) {
                        .crmEntityFormView legend h3 {
                            font-family: Roboto!important;
                            font-size: 35px!important;
                            line-height: 40px!important;
                            font-weight: bold!important;
                            color: #223654!important;
                            margin-top: 48px!important;
                            margin-bottom: 15px!important;
                        }
                      }
                      .crmEntityFormView fieldset:first-child legend h3::after {
                        content: "";
                        display: block!important;
                        margin: 0px!important;
                        width: 48px!important;
                        padding-top: 4px!important;
                        border-bottom: 4px solid #e58271!important;
                      }
                .crmEntityFormView table td,
                .crmEntityFormView td.cell {
                  padding:0 0 32px!important;
                  margin-bottom: 0px!important;
                }
                      .datepicker table td {
                        padding:5px!important
                      }
                .crmEntityFormView table.table td {
                    padding: 8px 20px !important;
                }
                .crmEntityFormView table td .table-info label {
                  font-size: 16px!important;
                  font-weight: bold!important;
                }
                      .crmEntityFormView table td.checkbox-cell .table-info label {
                        font-weight: normal!important;
                      }
                .crmEntityFormView table td h3.table-info label {
                  font-size: 21px!important;
                  font-weight: bold!important;
                  line-height: 24px!important;
                  margin-bottom: 24px!important;
                }
                .crmEntityFormView table td div.required label:after,
                #EntityFormView .validators span,
                span.required {
                  color:#CB381F!important;
                  font-size: 16px !important;
                  font-weight: bold !important;
                }
                .crmEntityFormView table td input::placeholder {
                  color: #6B778A!important;
                  font-size: 14px!important;
                }                
                .crmEntityFormView table td .datetimepicker {
                  width:230px!important;
                }
                .crmEntityFormView .actions {
                  border-top:0px none!important;
                  margin:0px!important;
                  padding: 8px 0 0 0!important;
                }
                .crmEntityFormView .control .btn {
                  min-width: auto;
                  line-height: normal!important;
                  height: 40px!important;
                  margin:0px!important;
                }
            .btn-group > .btn:hover {
              z-index: auto;
            }
            fieldset h3 + .info-bulle-icon {
              margin-top:24px!important;
            }
                .info-bulle-icon {
                  cursor:pointer!important;
                  margin-left: 10px;
                  float:left;
                }
                    .info-bulle-icon > fa {
                      color:#223654;
                      font-size: 1rem;
                    }
            .info-bulle {
              display:none; 
              max-width: 360px;
              background-color: white;
              border: 1px solid #ccc;
              border-radius: 0px;
              box-shadow: 0 2px 8px rgba(34, 54, 84, 0.24)!important;
              z-index:1000;
              color: black;
              margin-top:-11px;
              padding:24px 24px 16px 16px!important
            }
                .info-bulle button {
                  position: absolute;
                  top: 0px;
                  right: 0px;
                  color: #095797;
                  background: transparent;
                  border: none;
                  font-size: 2rem;
                  line-height: 1;
                  cursor: default;
                  font-weight: lighter;
                }
                .info-bulle p:last-child {
                  margin-bottom: 0px!important;
                }
                .info-bulle .mt-4 {
                  margin:0px!important;
                }
                .info-bulle p {
                  font-size:14px!important;
                }
            .info-bulle-triangle {
              position: absolute;
              left: -15px;
              top: 20px;
              width: 0;
              height: 0;
              border-top: 10px solid transparent;
              border-bottom: 10px solid transparent;
              border-right: 15px solid #ccc;
            }
            .field-description {
              display: block !important;
              width: 100% !important;
              clear: both;
              margin-bottom: 4px!important;
            }
            .form-control:focus {
              border-color:#6B778A!important;
            }
            .form-control:disabled {
              background-color: #e9ecef!important;
            }
            
/*********** FIN Formulaires **************/

/********* Lookups et Datepicker **********/
            button.clearlookupfield,
            .datetimepicker .btn {
              background-color: white !important;
              border-left: 0px none !important;
              color: #095797 !important;
              box-shadow: none !important;
              font-size: 20px !important;
            }
            input.lookup,
            .datetimepicker .input-text-box {
              border-right:0px none!important;
            }
                  .datetimepicker .btn .fa {
                    padding:0px!important;
                    display: block;
                  }
            td.lookup .input-group {
              min-width: 390px!important;
            }            
/*********** FIN Lookups ******************/

/******************************************/
/*********** Carte OL-LAYER  **************/
/******************************************/
            .custom-zoom.ol-control {
                right: 10px !important;
                bottom: 10px !important;
                left: auto !important;
                top: auto !important;
            }
            .ol-zoom {
                bottom: 30px !important;
                right: 10px !important;
                top: auto !important;
                left: auto !important;
                position: absolute !important;
            }
            #map-container {
              margin-top: 40px; 
              position: relative;
            }
                #map-container > label {
                  font-weight: 600;
                  margin-top: 25px; 
                  margin-bottom: 4px; 
                  font-weight: bold !important;
                  color: #000000!important; 
                  font-family: "Open Sans", sans-serif ;
                }
                #map-container .field-description {
                  margin-bottom: 10px;
                  margin-top: 6px;
                  font-size: 13px;
                  color: rgb(85, 85, 85);
                  line-height: 1.4;
                }
                #map-container #map {
                  height: 350px; 
                  border: 1px solid #ccc; 
                  position: relative;
                }
                    #map-container #map input {
                      position: absolute; 
                      top: 10px; 
                      left: 10px; 
                      z-index: 1000; 
                      width: 280px; 
                      padding: 6px 10px; 
                      font-size: 13px; 
                      border: 1px solid #aaa; 
                      border-radius: 4px; 
                      background-color: white;
                    }
                    #map-container #map button {
                      position: absolute; 
                      top: 10px; 
                      right: 10px; 
                      z-index: 1001; 
                      background-color: white; 
                      border: 1px solid #ccc; 
                      padding: 6px 10px; 
                      border-radius: 4px; 
                      cursor: pointer; 
                      font-size: 16px;
                }

/********** FIN Carte OL-LAYER ************/

/******************************************/
/************* Validations  ***************/
/******************************************/
          .validation-summary,
          .validation-summary-errors,
          /*.alert-block,*/
          #MessagePanel {
            background-color: #ffffff;
            border: 1px solid #c5cad2;
            border-radius: 0px;
            padding: 0px 0px 20px 56px;
            margin: 0px 0px 40px 0px!important;
          }
              /*.alert-block {
                padding: 20px 0px 20px 56px!important;
                font-weight: bold!important;
              }*/
          .validation-summary:focus-visible,
          .validation-summary-errors:focus-visible {
            outline: -webkit-focus-ring-color auto 0px;
          }
          .validation-summary::before,
          .validation-summary-errors::before,
          .alert-block::before,
          #MessagePanel.alert-danger::before,
          #MessagePanel.alert-warning::before,
          #MessagePanel.alert-success::before {
            font-family: "Font Awesome 6 Free"!important;
            font-weight: bold;
            background-color: #ffdbd6;
            color: #cb381f!important;
            width: 40px;
            content: "\f057";
            display: block;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            font-size: 24px;
            padding: 15px 7px;
          }
            #MessagePanel.alert-warning::before { 
                background-color: #f8e69a;
                color: #ad781c!important;
                content: "\f071";
              }
              #MessagePanel.alert-success::before { 
                background-color: #d7f0bb;
                color: #4f813d!important;
                content: "\f058";
              }
          .validation-summary h2,
          .validation-summary-errors h2 {
            font-weight: bold!important;
            font-size: 14px!important;
            color: #223654!important;
            margin:16px 0px!important;
          }
          .validation-summary h2 span,
          .validation-summary-errors h2 span,
          .alert-block span.fa-lock,
          #MessagePanel.alert-danger span.fa-exclamation-triangle {
            display:none!important;
          }
          .validation-summary ul,
          .validation-summary-errors ul {
            list-style-type: decimal!important;
            margin-left: 16px!important;
            font-size: 14px !important;
            color: #223654!important;
          }
          .validation-summary-errors ul {
            margin-top:15px;
          }
          .validation-summary ul li,
          .validation-summary-errors ul li {
            float:none!important;
            padding:0px!important;
          }
          .validation-summary li a,
          .validation-summary-errors li a,
          #MessagePanel.alert-danger p,
          #MessagePanel.alert-warning p {
            font-size: 14px!important;
            font-weight: normal!important;
            color: #cb381f!important;
          }
          #MessagePanel.alert-danger #MessageLabel::before,
          #MessagePanel.alert-warning #MessageLabel::before {
            content:"Le formulaire n'a pas pu être soumis pour les raisons suivantes :";
            font-weight: bold!important;
            font-size: 14px!important;
            color: #223654!important;
            margin:16px 0px!important;
            line-height: 32px !important;
            margin:16px 0px!important;
            display: block!important;
          }
              #MessagePanel.alert-warning #MessageLabel::before {
                content:"Formulaire incomplet";
                margin-bottom: 0px!important;
              }
              #MessagePanel.alert-warning.no-incomplete-msg-header #MessageLabel::before {
                display:none!important;
              }
              #MessagePanel input {
                display:none!important;
              }
              #MessagePanel.alert-danger p,
              #MessagePanel.alert-warning p {
                margin:0px!important;
              }
              #MessagePanel.alert-success #MessageLabel,
              #MessagePanel.alert-warning.no-incomplete-msg-header #MessageLabel {
                margin: 20px 0 0 !important;
                display: block;
              }
              #MessageLabel:focus-visible {
                outline: 0!important;
              }
/*********** FIN Validations  *************/

/******************************************/
/********* Éléments génériques  ***********/
/******************************************/
        .modal-dialog {
          margin-right: auto!important;
          margin-left: auto!important;
        }
        ul, ol {
          color: #223654!important;
          font-size: 16px!important;
          padding-left:20px;
        }
        ul.liste_liens_blocs {
          margin:35px 0px;
          padding:0px;
          list-style-type: none;
        }
          ul.liste_liens_blocs li {
            border-top:1px solid #dbdee3;
            padding: 0px!important;
          }
          ul.liste_liens_blocs li a {
            pointer-events:all!important;
            padding:15px;
            margin-right:0px;
            display: inline-block;
            width:100%;
            text-decoration:none!important;
          }
              ul.liste_liens_blocs li a:hover {
                text-decoration:underline!important;
              }
          ul.liste_liens_blocs li:last-child {
            border-bottom:1px solid #dbdee3;
          }
          ul.liste_liens_blocs li:hover {
            background-color:#f1f1f2;
          }
          ul.liste_liens_blocs li .fa-arrow-right {
            float:right;
            color:black!important;
            margin-right: 15px;
          }
        .encadre {
          border:1px solid #c5cad2;
          padding:15px;
        }
        .encadre ul {
          list-style-type: none;
          padding-left:0px;
        }
          .encadre ul li {
            padding:5px;
          }
          .encadre ul li .fa {
            padding-right: 16px;
          }
        a.backtotop {
          display:none;
          width:44px;
          height:40px;
          position: fixed;
          bottom: 20px;
          right: 30px;
          z-index: 99;
          box-shadow: 0 1px 4px rgba(34, 54, 84, 0.24)!important;
        }
        .message-enregistrement {
          margin-top:60px!important;
        }
            .message-enregistrement span {
              display:block;
              font-size:16px!important;
              color:#223654;
            }
            .message-enregistrement .avant-de{
              background-color:#dae6f0;
              display:inline-block!important;
              font-size:14px!important;
              color:#095797!important;
              font-weight:500;
              padding:5px 8px;
              border-radius:5px;
              margin-left:-5px!important;
              margin-bottom:5px
            }
        .liens-sequentiels {
          margin-top:30px;
        }
            .liens-sequentiels ul {
                margin: 0!important;
                padding: 0!important;
                list-style-type: none!important;
            }
                .liens-sequentiels li {
                    margin: 0!important;
                    padding: 0!important;
                    border-bottom: 1px solid #c5cad2!important;
                }
                .liens-sequentiels ul {
                    border-top: 1px solid #c5cad2!important;
                }
                .liens-sequentiels a {
                    font-size: 16px!important;
                    line-height: 24px!important;
                    display: flex!important;
                    padding: 16px 8px 15px 8px!important;
                    margin-left:0px!important;
                    text-decoration: none!important;
                    color: #095797!important;
                    justify-content: space-between!important;
                    align-items: center!important;
                }
                    .liens-sequentiels a:hover {
                        background-color: #f1f1f2;
                    }
                    .liens-sequentiels a:hover p {
                        text-decoration: none;
                    }
                    .liens-sequentiels a:hover .lien {
                        text-decoration: underline;
                    }
                    .liens-sequentiels li:first-child a {
                        padding: 15px 40px 15px 8px!important;
                    }
                    .liens-sequentiels a p {
                        font-size: 16px!important;
                        font-family: "Open Sans"!important;
                        font-weight: 700!important;
                        display: block!important;
                        width: 100%!important;
                        padding-left: 24px!important;
                        margin:0px!important;
                    }
                .liens-sequentiels p {
                    background-repeat: no-repeat!important;
                    background-position: left center!important;
                }
                    .liens-sequentiels .precedent p {
                            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12'%3E%3Cpath id='fleche-precedent' d='M.331,7.267c.01-.011.014-.026.025-.037L5.293,2.293A1,1,0,0,1,6.707,3.707L3.414,7H15a1,1,0,1,1,0,2H3.414l3.293,3.293a1,1,0,0,1-1.414,1.414L.356,8.77C.345,8.759.341,8.744.331,8.733a.977.977,0,0,1,0-1.466Z' transform='translate(0 -2)' fill='%23223654'/%3E%3C/svg%3E%0A");
                    }
                    .liens-sequentiels .suivant p {
                            background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12'%3E%3Cpath id='fleche-suivant' d='M15.669,7.267c-.01-.011-.014-.026-.025-.037L10.707,2.293A1,1,0,1,0,9.293,3.707L12.586,7H1A1,1,0,1,0,1,9H12.586L9.293,12.293a1,1,0,1,0,1.414,1.414L15.644,8.77c.011-.011.015-.026.025-.037a.977.977,0,0,0,0-1.466Z' transform='translate(0 -2)' fill='%23223654'/%3E%3C/svg%3E");
                    }
                .liens-sequentiels a .lien {
                    font-size: 16px!important;
                    font-family: "Open Sans"!important;
                    font-weight: 400!important;
                    /*display: block!important;*/
                    display:none!important;
                    width: 100%!important;
                    padding-left: 24px!important;
                }
/******* FIN Éléments génériques  *********/

/************************************/
/******* Widgets Bootstrap  *********/
/************************************/
          .bootstrap-datetimepicker-widget table td.disabled button {
            color:#ccc!important
          }
/******* FIN Widgets Bootstrap  *********/

/************************************/
/********** Modal Windows ***********/
/************************************/
        .modal-content {
          border-radius: 0px!important;
          border:0px none!important;
          padding: 16px!important;
        }
            .modal-content .modal-header {
              padding-bottom:0px!important;
              border-bottom:0px none!important;
            }
            .modal-content .view-toolbar.grid-actions {
              display: block !important;
              justify-content: flex-start;
              align-items: center;
              padding-top: 10px;
              margin-bottom: 16px;
              gap: 0;
              width: 100%;
            }
            .modal-content  .entity-grid .view-toolbar .dropdown {
              display: none !important;
            }
            .modal-content .view-toolbar.grid-actions input {
              height: 40px!important;
              width:93%!important;
              float:left;
            }
            .modal-content .entitylist-search {
              width:100%!important;
            }
                .input-group.view-search {
                  width: 100%!important;
                  display:block!important;
                }
            .modal-content .float-end {
              float:none!important;
            }
            .modal-content .input-group-btn {
              display:block!important;
            }
            .modal-content button.cancel {
              background-color:white!important;
              border:0px none!important;
              color: #095797!important;
              box-shadow: none!important;
              padding:7px 15px!important
            }
                .modal-content button.cancel:hover {
                  color:#156bb2 !important
                }
            .modal-content  h1, 
            .modal-content  h2, 
            .modal-content  h3 {
              font-size: 24px !important;
              line-height: 35px!important;
              font-weight: 700;
              color: #223654;
              margin: 0 0 24px 0!important;
              padding-bottom: 5px;
              display: inline-block;
            }
                .modal-content  h1::after {
                  padding:0px!important;
                }
            .modal-content .toolbar-actions .entitylist-search > input {
              width:100%!important;
            }
            .modal-content .toolbar-actions .input-group-btn {
              display:table-cell!important;
            }
        .modal-body {
          padding-top:0px!important;
        }
            .modal-body .entity-grid table td {
              padding:8px 20px!important;
            }            
            .modal-body .entity-associate .view-grid, .entity-lookup .view-grid {
              height: inherit!important;
            }
            .modal-footer {
              padding: 15px;
              border-top: 0px none!important;
              text-align: right;
              display: revert!important;
            }
                .modal-footer > button {
                  float:right!important;
                }
                .modal-footer .btn.cancel {
                  margin-right: 32px!important;
                }           
            .modal-body tr.selected {
              background-color: rgb(218, 230, 240) !important;
              --bs-table-accent-bg:rgb(218, 230, 240) !important;
            }
        
        span[role=checkbox].fa.fa-fw {
          display: block;
          margin: 0 auto;
          width: 20px;
          height: 20px;
        }
        .form-close > span
        {
          color: #0E5A9D !important;
          font-size: 32px;
        }
/************************************/
/******** FIN Modal Windows *********/
/************************************/

/********************************************************************/
/******** Page intermédiaire d'authentification External ID *********/
/********************************************************************/
.signIn {
    background-color:#dae6f0!important;
    display: flex!important;
    justify-content: center;
    align-items: center;
}
    .signIn #mainContent {
        margin:0px!important;
    }
    .signIn ul.nav-account {
        display:none!important;
    }
    .signIn .col-md-6 {
        display:none!important;
    }
    .signIn .signIn-Azure {
        display:block!important;
        background-color:white!important;
        border:1px solid #C5CAD2!important;
        padding:32px!important;
        width:550px!important;
        /*
        width:576px!important;
        height:284px!important;
        */
    }
        .signIn .signIn-Azure h1 {
            margin:0px!important;
            font-size: 36px!important;
            line-height: 40px!important;
        }
        .signIn .signIn-Azure .disclaimer {
            margin: 20px 0px !important;
            font-size: 16px !important;
            font-family: 'Open Sans' !important;
        }
        .signIn .signIn-Azure button {
                font-size: 16px !important;
                font-family: 'Open Sans'!important;
                padding: 17px 24px !important;
                line-height: 24px !important;
        }
/********************************************************************/
/****** FIN Page intermédiaire d'authentification External ID *******/
/********************************************************************/


/*****************************************************/
/******** CSS Compliant Design Gouvernemental ********/
/*****************************************************/
h1, h2, h3, h4, h5, h6, p, ul, label, #MessagePanel, .validation-summary, .encadre, .liste_liens_blocs, .liens-sequentiels, fieldset[aria-label="Informations sur l'auteur"] {
  max-width:825px!important
}
#piv_piedPage ul {
  max-width: none!important;
}
/*****************************************************/
/****** FIN CSS Compliant Design Gouvernemental ******/
/*****************************************************/