/* Échec de l'agrandissement. Renvoi du contenu non agrandi.
(4878,21): run-time error CSS1030: Expected identifier, found '>'
(4878,49): run-time error CSS1031: Expected selector, found ')'
(4878,49): run-time error CSS1025: Expected comma or open brace, found ')'
(5008,25): run-time error CSS1046: Expect comma, found '117'
(5008,32): run-time error CSS1046: Expect comma, found ')'
(5012,25): run-time error CSS1046: Expect comma, found '117'
(5012,32): run-time error CSS1046: Expect comma, found ')'
 */
@charset "UTF-8";
/*** Variables ***/
html, body {
  padding: 0;
  margin: 0;
  width: 100%;
}

.visuallyHidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.clearfix:after {
  content: " ";
  display: table;
  clear: both;
}

.mobile {
  display: block;
}

@media screen and (min-width: 1000px) {
  .mobile {
    display: none;
  }
}

.desktop {
  display: none;
}

@media screen and (min-width: 1000px) {
  .desktop {
    display: block;
  }
}

.cacher {
  display: none !important;
}

/***********************
    Grille Fluide
***********************/
.contenu-fluide {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 1000px) {
  .contenu-fluide {
    padding-right: 0;
    padding-left: 0;
  }
}

.flex, .d-flex {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
          align-items: center !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  -webkit-box-pack: end !important;
          justify-content: flex-end !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  -webkit-box-pack: start !important;
          justify-content: flex-start !important;
}

.ligne {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

/***********************
     Spécificité PIV
***********************/
.piv {
  background: #095797;
  color: #fff;
  margin-bottom: 2em;
}

.piv *, .piv--blanc * {
  padding: 0;
  margin: 0;
  font-family: 'Roboto', sans-serif;
  font-size: 1em;
  font-size: 16px;
}

.piv--blanc {
  background: #fff;
  color: #000;
  border-top: 8px solid #095797;
  margin-bottom: 2em;
}

.piv ul.listePiv, .piv--blanc ul.listePiv {
  list-style: none;
}

.piv a {
  color: #fff;
  text-decoration: none;
}

.piv a:hover {
  text-decoration: underline;
}

.piv--blanc a {
  color: #000;
  text-decoration: none;
}

.piv--blanc a:hover {
  text-decoration: underline;
}

.piv #lienOuvre, .piv--blanc #lienOuvre {
  z-index: 99;
  width: 40px;
  height: 40px;
  text-align: center;
  margin-top: 0.2rem;
}

@media screen and (min-width: 1000px) {
  .piv #lienOuvre, .piv--blanc #lienOuvre {
    margin-right: 0.7rem;
    margin-top: 0.4rem;
  }
}

.piv #lienOuvre img, .piv--blanc #lienOuvre img {
  width: 60%;
}

.piv .titreM, .piv--blanc .titreM {
  padding-bottom: 2%;
}

@media screen and (min-width: 400px) {
  .piv .titreM, .piv--blanc .titreM {
    width: calc(100% - 160px);
  }
}

@media screen and (min-width: 460px) {
  .piv .titreM, .piv--blanc .titreM {
    width: calc(100% - 200px);
  }
}

@media screen and (min-width: 568px) {
  .piv .titreM, .piv--blanc .titreM {
    width: 100%;
  }
}

.contenu-fixe {
  width: 100%;
  padding-left: 10px;
  /* Ajoutez vos breakpoint */
}

@media screen and (min-width: 1000px) {
  .contenu-fixe {
    width: 1000px;
    margin: auto;
    padding-left: 0;
  }
}

.zone1, .zone2, .zone3 {
  position: relative;
  width: 100%;
}

/* Zone du logo */
.zone1 {
  -ms-flex: 0 0 45%;
  -webkit-box-flex: 0;
          flex: 0 0 45%;
  max-width: 45%;
}

@media screen and (min-width: 568px) {
  .zone1 {
    -ms-flex: 0 0 40%;
    -webkit-box-flex: 0;
            flex: 0 0 40%;
    max-width: 40%;
  }
}

@media screen and (min-width: 768px) {
  .zone1 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 1000px) {
  .zone1 {
    -ms-flex: 0 0 26%;
    -webkit-box-flex: 0;
    flex: 0 0 26%;
    max-width: 26%;
    max-height: 72px;
  }
}

.zone1 img {
  width: 100%;
}

/* Zone du titre */
.zone2 {
  -ms-flex: 0 0 15%;
  -webkit-box-flex: 0;
          flex: 0 0 15%;
  max-width: 15%;
}

@media screen and (min-width: 568px) {
  .zone2 {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%;
  }
}

@media screen and (min-width: 768px) {
  .zone2 {
    -ms-flex: 0 0 35%;
    -webkit-box-flex: 0;
            flex: 0 0 35%;
    max-width: 35%;
  }
}

@media screen and (min-width: 868px) {
  .zone2 {
    -ms-flex: 0 0 35%;
    -webkit-box-flex: 0;
            flex: 0 0 35%;
    max-width: 35%;
  }
}

@media screen and (min-width: 1000px) {
  .zone2 {
    -ms-flex: 0 0 45%;
    -webkit-box-flex: 0;
            flex: 0 0 45%;
    max-width: 45%;
  }
}

@media screen and (min-width: 1000px) {
  .zone2 .identite {
    width: 100%;
  }
}

/* Zone de navigation */
.zone3 {
  -ms-flex: 0 0 35%;
  -webkit-box-flex: 0;
          flex: 0 0 35%;
  max-width: 35%;
}

@media screen and (min-width: 1000px) {
  .zone3 {
    -ms-flex: 0 0 29%;
    -webkit-box-flex: 0;
            flex: 0 0 29%;
    max-width: 29%;
  }
}

.zone3 a {
  font-size: 0.8em;
}

/* Menu mobile */
@media screen and (max-width: 1000px) {
  .toggle_btn {
    height: 40px;
    width: 40px;
    position: relative;
    float: right;
    margin-right: 10px;
    margin-top: 5px;
    cursor: pointer;
    z-index: 99;
  }
  .toggle_btn span {
    height: 3px;
    background: #fff;
    width: 25px;
    position: absolute;
    top: 15px;
    left: 10px;
    border-radius: 100px;
  }
  .toggle_btn span:before, .toggle_btn span:after {
    content: '';
    height: 3px;
    background: #fff;
    width: 100%;
    position: absolute;
    left: 0;
    top: -8px;
    border-radius: 100px;
  }
  .toggle_btn span:after {
    top: 8px;
  }
  .toggle_btn_open span {
    height: 0;
  }
  .toggle_btn_open span:before, .toggle_btn_open span:after {
    content: '';
    height: 4px;
    background: #fff;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0px;
    border-radius: 100px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .toggle_btn_open span:after {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .toggle_btn_open span,
  .toggle_btn_open span:before,
  .toggle_btn_open span:after {
    background: #fff;
  }
  .piv--blanc .toggle_btn span,
  .piv--blanc .toggle_btn_open span,
  .piv--blanc .toggle_btn span:before,
  .piv--blanc .toggle_btn_open span:before,
  .piv--blanc .toggle_btn span:after,
  .piv--blanc .toggle_btn_open span:after {
    background: #000;
  }
  .menu_mobile {
    padding-bottom: 5px;
    padding-top: 72px;
    background-color: #08416f;
    border-left: 3px solid #095797;
    width: 700px;
    position: absolute;
    right: -500px;
    top: 0;
    z-index: 90;
  }
  .menu_mobile--site {
    /*Personnalisez le menu de votre site mobile */
    background-color: #08416f;
  }
  .menu_mobile--piv {
    /*Personnalisez le menu de votre site mobile */
    background-color: #08497f;
    border-top: 1px solid #fff;
  }
  .piv--blanc .menu_mobile {
    background: #ebebeb;
    border: none;
    padding-bottom: 0;
  }
  .piv--blanc .menu_mobile--site {
    /*Personnalisez le menu de votre site mobile */
    background: #ebebeb;
  }
  .piv--blanc .menu_mobile--site a {
    color: black;
  }
  .piv--blanc .menu_mobile--piv {
    /*Personnalisez le menu de votre site mobile */
    background-color: #08497f;
    border-top: 1px solid #fff;
  }
  .menu_mobile a {
    color: #fff;
    text-align: left;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    text-decoration: none;
  }
  .nav {
    display: none;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
  }
  .nav_open {
    display: block;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
  }
}

.menu_mobile a {
  text-align: left;
  display: block;
  text-decoration: none;
}

.pivFooter {
  text-align: center;
  margin-top: 1em;
  font-family: 'Roboto', sans-serif;
  font-size: 1em;
  font-size: 16px;
}

.pivFooter ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pivFooter ul li {
  margin: 1% 0;
  font-size: 0.875em;
  font-size: 14px;
}

@media only screen and (min-width: 1000px) {
  .pivFooter ul li {
    display: inline-block;
    margin: 0;
    margin-right: 10px;
  }
}

.pivFooter a {
  color: gray;
  line-height: 25px;
}

.pivFooter small {
  font-size: 0.625em;
  font-size: 10px;
}

.pivFooter small a {
  color: black;
  text-decoration: none;
}
/*# sourceMappingURL=styles.css.map */
/*Overwrite de bootstrap-theme*/
.btn-primary {
  background-image: -webkit-linear-gradient(top, #253c62 0%, #142135 100%);
  background-image:      -o-linear-gradient(top, #253c62 0%, #142135 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#253c62), to(#142135));
  background-image:         linear-gradient(to bottom, #253c62 0%, #142135 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff253c62', endColorstr='#ff142135', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #111c2e;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #142135;
  background-position: 0 -15px;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #142135;
  border-color: #111c2e;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #142135;
  background-image: none;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #1e314f;
  background-image: -webkit-linear-gradient(top, #253c62 0%, #1e314f 100%);
  background-image:      -o-linear-gradient(top, #253c62 0%, #1e314f 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#253c62), to(#1e314f));
  background-image:         linear-gradient(to bottom, #253c62 0%, #1e314f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff253c62', endColorstr='#ff1e314f', GradientType=0);
  background-repeat: repeat-x;
}


.navbar-default {
  background-image: -webkit-linear-gradient(top, #335387 0%, #253c62 100%);
  background-image:      -o-linear-gradient(top, #335387 0%, #253c62 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#335387), to(#253c62));
  background-image:         linear-gradient(to bottom, #335387 0%, #253c62 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff335387', endColorstr='#ff253c62', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #152237 0%, #192942 100%);
  background-image:      -o-linear-gradient(top, #152237 0%, #192942 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#152237), to(#192942));
  background-image:         linear-gradient(to bottom, #152237 0%, #192942 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff152237', endColorstr='#ff192942', GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
}

.navbar-default .navbar-brand {
  color: #fff;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #e6e6e6;
  background-color: transparent;
}

.navbar-default .navbar-nav > li > a {
  color: #fff;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #253c62;
  background-color: white;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #e7e7e7;
}

.navbar-inverse {
  background-image: -webkit-linear-gradient(top, #fff 0%, white 100%);
  background-image:      -o-linear-gradient(top, #fff 0%, white 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(white));
  background-image:         linear-gradient(to bottom, #fff 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-radius: 4px;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #d9d9d9 0%, #dfdfdf 100%);
  background-image:      -o-linear-gradient(top, #d9d9d9 0%, #dfdfdf 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#dfdfdf));
  background-image:         linear-gradient(to bottom, #d9d9d9 0%, #dfdfdf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9d9d9', endColorstr='#ffdfdfdf', GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
}

.progress-bar {
  background-image: -webkit-linear-gradient(top, #253c62 0%, #17253d 100%);
  background-image:      -o-linear-gradient(top, #253c62 0%, #17253d 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#253c62), to(#17253d));
  background-image:         linear-gradient(to bottom, #253c62 0%, #17253d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff253c62', endColorstr='#ff17253d', GradientType=0);
  background-repeat: repeat-x;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  text-shadow: 0 -1px 0 #17253d;
  background-image: -webkit-linear-gradient(top, #253c62 0%, #1a2b46 100%);
  background-image:      -o-linear-gradient(top, #253c62 0%, #1a2b46 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#253c62), to(#1a2b46));
  background-image:         linear-gradient(to bottom, #253c62 0%, #1a2b46 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff253c62', endColorstr='#ff1a2b46', GradientType=0);
  background-repeat: repeat-x;
  border-color: #1a2b46;
}

.panel-primary > .panel-heading {
  background-image: -webkit-linear-gradient(top, #253c62 0%, #1e314f 100%);
  background-image:      -o-linear-gradient(top, #253c62 0%, #1e314f 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#253c62), to(#1e314f));
  background-image:         linear-gradient(to bottom, #253c62 0%, #1e314f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff253c62', endColorstr='#ff1e314f', GradientType=0);
  background-repeat: repeat-x;
}

@media (max-width: 767px) {
  .navbar .navbar-nav .open .dropdown-menu > .active > a,
  .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-image: -webkit-linear-gradient(top, #253c62 0%, #1e314f 100%);
    background-image:      -o-linear-gradient(top, #253c62 0%, #1e314f 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#253c62), to(#1e314f));
    background-image:         linear-gradient(to bottom, #253c62 0%, #1e314f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff253c62', endColorstr='#ff1e314f', GradientType=0);
    background-repeat: repeat-x;
  }
}

html {
    font-size: 14px;
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: inherit
}

/* Implantation de classes issues de Bootstrap 4 */

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #F1F4F8;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}

h1, .h1 {
    font-size: 2.5rem
}

h2, .h2 {
    font-size: 2rem
}

h3, .h3 {
    font-size: 1.75rem
}

h4, .h4 {
    font-size: 1.5rem
}

h5, .h5 {
    font-size: 1.25rem
}

h6, .h6 {
    font-size: 1rem
}

p, .p {
    margin-top: 0;
    margin-bottom: 1rem
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: .25rem !important;
}

.m-2 {
    margin: .5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.mt-1 {
    margin-top: .25rem !important;
}

.mr-1 {
    margin-right: .25rem !important;
}

.mb-1 {
    margin-bottom: .25rem !important;
}

.ml-1 {
    margin-left: .25rem !important;
}

.mx-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important;
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
}

.mt-2 {
    margin-top: .5rem !important;
}

.mr-2 {
    margin-right: .5rem !important;
}

.mb-2 {
    margin-bottom: .5rem !important;
}

.ml-2 {
    margin-left: .5rem !important;
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mr-3 {
    margin-right: 1rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.ml-3 {
    margin-left: 1rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.my-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mr-4 {
    margin-right: 1.5rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4 {
    margin-left: 1.5rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mr-5 {
    margin-right: 3rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.ml-5 {
    margin-left: 3rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mr-auto {
    margin-right: auto !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ml-auto {
    margin-left: auto !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: .25rem !important;
}

.p-2 {
    padding: .5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

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

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pt-1 {
    padding-top: .25rem !important;
}

.pr-1 {
    padding-right: .25rem !important;
}

.pb-1 {
    padding-bottom: .25rem !important;
}

.pl-1 {
    padding-left: .25rem !important;
}

.px-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important;
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
}

.pt-2 {
    padding-top: .5rem !important;
}

.pr-2 {
    padding-right: .5rem !important;
}

.pb-2 {
    padding-bottom: .5rem !important;
}

.pl-2 {
    padding-left: .5rem !important;
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pr-3 {
    padding-right: 1rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pl-3 {
    padding-left: 1rem !important;
}

.py-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pr-4 {
    padding-right: 1.5rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4 {
    padding-left: 1.5rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pr-5 {
    padding-right: 3rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.pl-5 {
    padding-left: 3rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

/*  */


#tablePrejudice td[value="E_CHOIX_TRSF_AP"].Etat {
    color: red;
}

.noPaddingRight {
    padding-right: 0px !important;
}

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

.textCouleurRouge {
    color: red;
}

.textCouleurOrange {
    color: darkorange;
}

.textCouleurVert {
    color: green;
}

.textelibelle {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.CoupureLongMot {
    word-wrap: break-word;
}

.font-size-3 {
    font-size: 3px;
}

.ConcatServEnvDropDown span {
    max-width: 300.5px;
    width: 100%;
}

.CaseACocherPropagation {
    margin-left: -15px;
}

.checkboxSize1etdemi {
    transform: scale(1.5);
}

.checkboxCostaud {
    transform: scale(1.5);
    margin-right: 5px;
}

.checkboxSizeDatatable:before {
    margin-top: -7px !important;
    margin-left: -9px !important;
    padding: 8px !important;
}

.checkboxSizeDatatable:after {
    margin-top: -21px !important;
    margin-left: -7px !important;
    font-size: 20px !important;
}

.libelleCheckBoxInLabelTag {
    margin-left: 0.6em;
    padding-bottom: 2em;
}

.iconRefreshFiltres {
    cursor: pointer;
}

.iconRefreshFiltresAlign {
    vertical-align: middle !important;
    text-align: center !important;
}

.EspaceDivHorizontal {
    width: 70px;
    float: left;
    min-height: 1px;
}

.EnleverEspaceLigne {
    margin-bottom: -15px;
}

.EnleverEspaceLigneEnHaut {
    margin-top: -25px;
}

.CentrerElementDiv {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ContainerOP {
    display: flex;
    align-items: center;
    min-height: 80px;
}

.AlignerBaseElement {
    align-self: baseline;
}

input[type="search"]#FiltreOrganisme {
    border-color: #253c62;
    border-width: 1.5px;
}

    input[type="search"]#FiltreOrganisme:focus {
        border-color: #66afe9;
        border-width: 0.5px;
    }

input::-ms-clear {
    /*Important pour supprimer le X dans les champs de texte dans IE*/
    display: none !important;
}

input[type="search"].column_search::placeholder {
    text-align: right;
    font-family: 'Glyphicons Halflings', sans-serif;
    content: "\e003";
    opacity: 0.75;
}

/* Besoin particulier pour des input de recherche précis */
.RechercheGris::placeholder {
    color: gray !important;
}

.IdSysServAReset {
    cursor: pointer;
}

.espaceTableauHauteur {
    padding-top: 70px;
}

.espaceTabHautEntreLigne {
    padding-top: 20px;
}
/* Ligne dans l'entête */
.ligneEntete {
    left: 0px;
    top: 0px;
    height: 4px;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(215, 215, 215, 1);
    border-radius: 4px;
}

/* Pour les menus et sous-menus */
.dropdown:hover > ul:first-of-type {
    display: inline;
}

.dropdown-submenu-nav .dropdown-menu {
    top: auto;
    left: 100%;
    margin-top: -32px;
    display: none;
}

.dropdown-submenu-nav:hover .dropdown-menu {
    display: inline;
}

.dropdown-menu li a:hover {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.023);
}

.element-hover:hover {
    background-color: #f2f2f2
}

/*Pour disable des balise <a>*/

a.disabled {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

.not-active {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: black;
}

.not-active-rapports {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: lightgray;
}

/* Pour entête accueil 2.3 */
.AucunPadding {
    padding: 0px;
}

.ConteneurFondBleuPale {
    background-color: rgba(0, 153, 255, 0.168627450980392);
    padding: 0px 5px 0px 5px;
}

.textDarkblue {
    color: #2A3A5F;
    font-weight: bold
}

.bordureBlanche {
    border-right: 5px solid white;
}

.bordureBlanchePaddingBottom {
    padding-bottom: 5px;
}

.bordureBlanchePaddingDeuxLignes {
    padding-bottom: 15px;
}

.alignerAuCentreTab {
    text-align: center;
}

.chiffreVert {
    color: #009900;
}

.fondCouleurTableauEntete {
    background-color: #333333;
    color: white;
}

.fondCouleurTableauEnteteContenu {
    background-color: #d7d7d7;
}

.titreBleuAvantTab {
    color: #000099;
}

.titreTableauEnteteGris {
    font-weight: bold;
}

.textInvisible {
    font-size: 0;
}

/* Fin Pour entête accueil 2.3 */

/* caret orienté vers la droite*/
.caret-right-nav {
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid;
    display: inline-block;
    height: 0;
    vertical-align: middle;
    margin: auto;
    width: 0;
}

.AsterisqueRougeFloatRight {
    position: fixed;
    right: 15px;
}

.TextRadioBouton {
    margin-right: 18px;
    font-size: small;
    cursor: pointer;
}

.TextCheckBox {
    margin-right: 18px;
    font-size: small;
    cursor: pointer;
}

.AlignTopTableau {
    vertical-align: top !important;
}

.AlignMilieuTableau {
    vertical-align: middle !important;
}

.styleIconeSupprimerTD {
    width: 24px;
    text-align: center;
}

.alert {
    margin-bottom: 0px;
}

.BtnNavigation {
    min-width: 95px;
}

.BtnMinWidth {
    min-width: 110px;
}

.AppliquerGrasTexte {
    font-weight: 600
}

.EnleverGrasLibelle {
    font-weight: normal;
}

.PousserLabelDroite {
    padding-left: 5px;
}

.PousserBtnGauche {
    margin-left: -9px;
}

.BtnIndexWidth {
    width: 375px;
    height: 45px;
    line-height: 28px;
    font-size: large;
}

.IconSucces::before {
    font-family: 'Glyphicons Halflings',sans-serif;
    content: "\e084";
    margin-right: 5px;
    vertical-align: middle;
}

.IconAvertissement::before {
    font-family: 'Glyphicons Halflings',sans-serif;
    content: "\e209";
    margin-right: 5px;
    vertical-align: middle;
}

.IconeAvertissementLivraison {
    width: 40px;
    height: 35px;
    background-image: url('RD-Images/Outil3/Alerte_noir.svg');
    background-size: cover;
    float: left;
    display: inline-block;
    margin-right: 10px;
}

.IconeAvertissementLivraisonAv3 {
    width: 40px;
    height: 35px;
    background-image: url('RD-Images/Outil3/Alerte_rouge.svg');
    background-size: cover;
    float: left;
    display: inline-block;
    margin-right: 10px;
}

.IconaccesNonAutorise::before {
    font-family: 'Glyphicons Halflings',sans-serif;
    content: "\e209";
    margin-right: 15px;
    padding-left: 10px;
}

.IconFonctionInactive::before {
    font-family: 'Glyphicons Halflings',sans-serif;
    content: "\e033";
    margin-right: 10px;
}

.IconInformation::before {
    font-family: 'Glyphicons Halflings',sans-serif;
    content: "\e086";
    margin-right: 5px;
    vertical-align: middle;
}

.IconErreur::before {
    font-family: 'Glyphicons Halflings',sans-serif;
    content: "\e083";
    margin-right: 5px;
    vertical-align: middle;
}

.IconBoutonCheck::after {
    font-family: 'Glyphicons Halflings',sans-serif;
    content: "\e013";
    padding-left: 5px;
    color: limegreen;
    margin-right: -5px;
    font-size: x-small;
}

.ImageIndex {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 16%;
    background-repeat: no-repeat;
    background-size: cover;
    float: none;
    background-image: url('CTI-Images/CSPQ_CTI_bandeau_web.jpg');
}

.CollerTexteAimage {
    margin-left: -40px;
}

.ImageIndexEval {
    position: relative;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    float: none;
    background-image: url('CTI-Images/CSPQ_CTI_bandeau_web.jpg');
}

.LogoOrganisme {
    /*width: auto;
    height: auto;
    max-width: 175px;
    max-height: 175px;
    object-fit: contain;*/
    width: 100%;
    height: 100%;
    max-width: 150px;
    max-height: 75px;
    object-fit: contain;
}

.MessageSucces {
    border-style: solid;
    border-width: 1px;
    padding-left: 20px;
    border-color: lightgreen;
    color: green;
    margin-bottom: 10px;
    padding-top: 12px;
    border-radius: 11px;
}

.MessageSuccesRouge {
    border-style: solid;
    border-width: 1px;
    padding-left: 20px;
    border-color: red;
    color: red;
    margin-bottom: 10px;
    padding-top: 12px;
    border-radius: 11px;
}

.champ_requis {
    color: red;
    margin-right: 2px;
}

.champ_requis_auto:after {
    color: red;
    content: " *";
}

.ind_required {
    color: red;
    margin-right: 2px;
}

.pourcentage {
    min-width: 48px !important;
    width: 50%;
    display: inline;
    margin-right: 0px;
    padding-right: 0px;
    padding-left: 8px;
}


.ConteneurZeroPadRight {
    padding-right: 0px;
}

.Label93with {
    max-width: 93%;
}

.ChampRequisPrefix {
    color: red;
    margin-right: -10px;
}

.wizard-inner {
    position: relative;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: white;
    cursor: default;
    background-color: gray;
    border: double;
}

.wizard .nav-tabs > li > a {
    margin-right: -2px;
    width: auto;
    color: white;
    background-color: #253c62;
    border: double;
}

.CadreDeSection {
    border-radius: 11px;
    border-style: solid;
    border-width: 1.5px;
    border-color: #D3D3D3;
    padding-left: 20px;
    padding-top: 10px;
}

.cadreDeSectionLeger {
    border-radius: 11px;
    border-style: solid;
    border-width: 0.5px;
    padding-top: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    border-color: #D3D3D3;
}

.CadreDeSectionAvecPaddingBottom {
    border-radius: 11px;
    border-style: solid;
    border-width: 1.5px;
    padding-left: 20px;
    border-color: #D3D3D3;
    padding-top: 10px;
    padding-bottom: 10px;
}

.CadreDeSectionOrganisme {
    border-style: solid;
    border-width: 0.5px;
    border-color: #D3D3D3;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 11px;
    padding-bottom: 0px;
}


.CadreDeSectionListeOrganisme {
    border-radius: 11px;
    border-style: solid;
    border-width: 0.5px;
    border-color: #D3D3D3;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.Organisme-label {
    color: black;
    font-size: 150%;
    text-rendering: optimizeLegibility;
}

.emphase-titre {
    font-size: 150%;
    text-rendering: optimizeLegibility;
}

.Complete-label {
    color: green;
    padding-top: 5px;
}

.CompleteSansPadding-label {
    color: green;
    padding-top: 1px;
}

.NonComplete-label {
    color: black;
    padding-top: 5px;
}

.NonCompleteSansPadding-label {
    color: black;
    padding-top: 1px;
}

.champ_rouge_petit {
    color: red;
    font-size: x-small;
}


.LienDesactiver {
    pointer-events: none;
    cursor: default;
    color: black;
}

.Espace_Tableau {
    padding-bottom: 10px;
}

.hauteurLigne {
    line-height: 30px;
}

.hauteurLigneOutil6_1 {
    line-height: 20px;
}

.EspaceLibelleSelect {
    margin-top: 5px;
}

.EspaceLigne {
    padding-top: 10px;
}

.EspaceGrand {
    padding-top: 78.35px;
}

.EspaceDemiLigne {
    padding-top: 5px;
}

.EspaceLigneBas {
    padding-bottom: 10px;
}

.EspaceQuartLigne {
    padding-top: 2.5px;
}

.EspaceLigneEleve {
    padding-top: 60px;
}

.margeHautLigne {
    margin-top: 5px;
}

.datePickerField {
    width: 75%;
    display: inline;
    margin-right: 5px;
}

.datePickerButton {
    cursor: pointer;
}

#DatePrevueLivraison.form-control[readonly] {
    background-color: white !important;
    cursor: pointer !important;
}

#startDate1.form-control[readonly], #startDate2.form-control[readonly], #startDate3.form-control[readonly], #startDate4.form-control[readonly] {
    background-color: white !important;
    cursor: pointer !important;
}

.sectionHeader {
    background-color: #E2E9F1; /*possible #2461A1*/
    border-color: #1c2d4a;
    color: #2A3E5F;
    border-radius: 4px 4px 0px 0px;
    padding: 5px;
}

.btnMinimizer {
    -webkit-appearance: none;
    outline: none;
    border: 0;
    background: transparent;
    color: #2A3E5F;
    padding-left: 20px;
}

.modal-dialog-centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
}

.modal-md {
    width: 730px;
}

.modal-open {
    overflow: hidden;
}

/** The Magic **/
.btn-breadcrumb .btn:not(:last-child):after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid white;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: 100%;
    z-index: 3;
}

.btn-breadcrumb .btn:not(:last-child):before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid rgb(173, 173, 173);
    position: absolute;
    top: 50%;
    margin-top: -17px;
    margin-left: 1px;
    left: 100%;
    z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
    padding: 6px 6px 6px 18px;
}

    .btn-breadcrumb .btn:first-child {
        padding: 6px 6px 6px 12px;
    }

    .btn-breadcrumb .btn:last-child {
        padding: 6px 10px 6px 18px;
    }

    /** Default button **/
    .btn-breadcrumb .btn.btn-default:not(:last-child):after {
        border-left: 10px solid #fff;
    }

    .btn-breadcrumb .btn.btn-default:not(:last-child):before {
        border-left: 10px solid #ccc;
    }

    .btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
        border-left: 10px solid #ebebeb;
    }

    .btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
        border-left: 10px solid #adadad;
    }

    /** Primary button **/
    .btn-breadcrumb .btn.btn-primary:not(:last-child):after {
        border-left: 10px solid #428bca;
    }

    .btn-breadcrumb .btn.btn-primary:not(:last-child):before {
        border-left: 10px solid #357ebd;
    }

    .btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
        border-left: 10px solid #3276b1;
    }

    .btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
        border-left: 10px solid #285e8e;
    }

    /** Success button **/
    .btn-breadcrumb .btn.btn-success:not(:last-child):after {
        border-left: 10px solid #5cb85c;
    }

    .btn-breadcrumb .btn.btn-success:not(:last-child):before {
        border-left: 10px solid #4cae4c;
    }

    .btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
        border-left: 10px solid #47a447;
    }

    .btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
        border-left: 10px solid #398439;
    }

    /** Danger button **/
    .btn-breadcrumb .btn.btn-danger:not(:last-child):after {
        border-left: 10px solid #d9534f;
    }

    .btn-breadcrumb .btn.btn-danger:not(:last-child):before {
        border-left: 10px solid #d43f3a;
    }

    .btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
        border-left: 10px solid #d2322d;
    }

    .btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
        border-left: 10px solid #ac2925;
    }

    /** Warning button **/
    .btn-breadcrumb .btn.btn-warning:not(:last-child):after {
        border-left: 10px solid #f0ad4e;
    }

    .btn-breadcrumb .btn.btn-warning:not(:last-child):before {
        border-left: 10px solid #eea236;
    }

    .btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
        border-left: 10px solid #ed9c28;
    }

    .btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
        border-left: 10px solid #d58512;
    }

    /** Info button **/
    .btn-breadcrumb .btn.btn-info:not(:last-child):after {
        border-left: 10px solid #5bc0de;
    }

    .btn-breadcrumb .btn.btn-info:not(:last-child):before {
        border-left: 10px solid #46b8da;
    }

    .btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
        border-left: 10px solid #39b3d7;
    }

    .btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
        border-left: 10px solid #269abc;
    }

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

@media (max-width: 768px) {

    .menuResponsive {
        padding-left: 15px !important;
    }
}

/**-------------------------------------------------------------------------------------*/

/************Menu-tuile***********/
.menu-outils {
    display: block;
    line-height: 60px;
    text-align: center;
    vertical-align: middle;
    padding-bottom: 15px;
    padding-top: 15px;
    min-height: 140px;
}

.menu-outils-vide {
    background-color: none;
    color: none;
    display: block;
    line-height: 60px;
    text-align: center;
    vertical-align: middle;
    padding-bottom: 15px;
    padding-top: 15px;
    height: 100%;
    min-height: 140px;
}

.menu-outils h1 {
    color: white;
}

.menu-outils a {
    background-color: darkgray;
    display: block;
    height: 100%;
    width: 100%;
    color: #ffffff;
    font-size: 22px;
    min-height: 140px;
    text-decoration: none;
    border-radius: 11px;
}

    .menu-outils a:hover {
        background-color: #2E4B7A;
        text-decoration: none;
        color: #ffffff;
    }

.text-outils {
    color: black;
    font-size: large;
    text-align: center;
    line-height: normal;
    padding: 15px;
    padding-top: 3px;
}

/*------------------------------------------------------------------------------------------------------------------*/

#body-row {
    margin-left: 0;
    margin-right: 0;
}

#sidebar-container {
    min-height: 100px;
    background-color: white;
    padding: 0;
}

/* Sidebar sizes when expanded and expanded */
.sidebar-expanded {
    width: 350px;
    overflow: hidden;
    transition: width 0.2s;
}

.sidebar-collapsed {
    width: 45px;
    overflow: hidden;
    transition: width 0.45s;
}

div.sidebar-collapsed a {
    max-height: 50px;
}

/* Menu item*/
#sidebar-container .list-group a {
    min-height: 50px;
    line-height: 18px;
    display: flex;
}

/* Submenu item*/
#sidebar-container .list-group .sidebar-submenu a {
    /*height: 45px;*/
    padding-left: 47px;
    /*padding-bottom: 50px;*/
}

/*.sidebar-submenu {
    font-size: 0.9rem;
}*/

/* Separators */
.sidebar-separator-title {
    color: black;
    font-weight: 700;
    background-color: white;
    height: 50px;
    padding-top: 15px;
    display: flex;
}

.sidebar-separator {
    background-color: dimgray;
    height: 5px;
}

.logo-separator {
    background-color: #333;
    height: 50px;
}

/* Closed submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="false"] .submenu-icon::after {
    content: " \f0d7";
    display: inline;
    text-align: right;
}
/* Opened submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after {
    content: " \f0da";
    display: inline;
    text-align: right;
}

#sidebar-container .list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

#sidebar-container .list-group-item:last-child {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.IconeMenu {
    padding-right: 20px;
    padding-left: 6px;
    vertical-align: middle;
}

.TexteMenu {
    margin-left: 10px;
    text-wrap: none;
    white-space: nowrap;
}

.MenuSelectionne {
    background-color: #E5E7EB;
}

.ElementMenuSelectionne {
    background-color: #E5E7EB;
}

a.ElementMenuSelectionne span {
    color: black;
    font-weight: 600;
    font-size: medium;
}

a.list-group-item {
    border: none;
    padding-top: 14px;
    color: black;
}

a.list-group-item:hover, a.list-group-item:hover span {
    background-color: #2A3E5F;
    color: white;
    font-weight: 500;
    font-size: medium;
}

.menu-collapsed {
    vertical-align: middle;
}

#DivPartial {
    width: 105%;
    padding-left: 3%;
}

.invisible {
    visibility: hidden;
}


.list-group-item {
    border: none;
    padding-top: 14px;
}

.list-group.list-sous-menu {
    margin-bottom: 0px;
}

.list-item {
    border: none;
}

/*----------------------------------------------------------------------------*/

.panel-container {
    display: flex;
    flex-direction: row;
    border: 1px solid silver;
    overflow: hidden;
    /* avoid browser level touch actions */
    touch-action: none;
}

.panel-left {
    flex: 0 0 auto;
    /* only manually resize */
    padding: 10px;
    width: auto;
    min-height: 200px;
    min-width: 150px;
    white-space: nowrap;
    background: #838383;
    color: white;
}

.splitter {
    flex: 0 0 auto;
    width: 2px;
    margin-left: 14.5px;
    background-color: silver;
    min-height: 200px;
    cursor: col-resize;
}

.panel-right {
    flex: 1 1 auto;
    /* resizable */
    padding: 10px;
    width: 100%;
    min-height: 200px;
    min-width: 200px;
}

.EmpecherLesClics {
    pointer-events: none;
}

/*-------------------------------------------------Icone pour le Menu Revue Diligente-------------------------------------------------*/

.IconeSauvgarder {
    padding-left: 35px;
    height: 30px;
    background-size: 25px;
    background-position-y: 5px;
    background-image: url(RD-Images/Enregistrement.png);
    display: flex;
    background-repeat: no-repeat;
    margin-left: -15px;
}

.IconeMenuRDOuvert {
    margin-left: -5px;
    width: 25px;
    min-width: 25px;
    height: 25px;
    padding: 10px;
    background-size: cover;
    background-image: url('RD-Images/ReduireMenu.png');
}

.IconeMenuRDFermer {
    margin-left: -5px;
    width: 25px;
    min-width: 25px;
    height: 25px;
    padding: 10px;
    background-size: cover;
    background-image: url('RD-Images/DevelopperMenu.png');
}

.IconeMenuRDOutil1 {
    margin-top: -3px;
    margin-left: -5px;
    width: 25px;
    min-width: 25px;
    height: 25px;
    padding: 10px;
    background-size: cover;
    background-image: url('RD-Images/InventaireActifs.png');
}

.IconeMenuRD {
    margin-top: -3px;
    margin-left: -5px;
    width: 25px;
    min-width: 25px;
    height: 25px;
    padding: 10px;
    background-size: cover;
}


a.list-group-item:hover > div.IconeMenuRDOutil1, a.list-group-item:hover span > div.IconeMenuRDOutil1 {
    background-image: url('RD-Images/Blanc_TrousseInventaireActifs.png');
}

a.list-group-item:hover > div.IconeMenuRDOutil2, a.list-group-item:hover span > div.IconeMenuRDOutil2 {
    background-image: url('RD-Images/Blanc_TrousseModeleMigration.png');
}

a.list-group-item:hover > div.IconeMenuRDOutil3, a.list-group-item:hover span > div.IconeMenuRDOutil3 {
    background-image: url('RD-Images/Blanc_TrousseStrategieMigration.png');
}

a.list-group-item:hover > div.IconeMenuRDOutil4, a.list-group-item:hover span > div.IconeMenuRDOutil4 {
    background-image: url('RD-Images/Blanc_TrousseAnalyseCouts.png');
}

a.list-group-item:hover > div.IconeMenuRDOutil5, a.list-group-item:hover span > div.IconeMenuRDOutil5 {
    background-image: url('RD-Images/Blanc_TrousseSoumettreRevue.png');
}

.IconHorloge {
    margin-top: -3px;
    margin-left: -5px;
    width: 25px;
    min-width: 25px;
    height: 25px;
    padding: 10px;
    background-size: cover;
    background-image: url('RD-Images/Horloge.png');
}

.IconTrousseEDC {
    margin-top: -3px;
    margin-left: -5px;
    width: 25px;
    min-width: 25px;
    height: 25px;
    padding: 10px;
    background-size: cover;
    background-image: url('RD-Images/IconTrousseEDC.png');
}

.IconeMenuRDOutil2 {
    margin-top: -3px;
    margin-left: -5px;
    width: 25px;
    min-width: 25px;
    height: 25px;
    padding: 10px;
    background-size: cover;
    background-image: url('RD-Images/ModeleMigration.png');
}

.IconeMenuRDOutil3 {
    margin-top: -3px;
    margin-left: -5px;
    width: 25px;
    min-width: 25px;
    height: 25px;
    padding: 10px;
    background-size: cover;
    background-image: url('RD-Images/StrategieMigration.png');
}

.IconeMenuRDOutil4 {
    margin-top: -3px;
    margin-left: -5px;
    width: 25px;
    min-width: 25px;
    height: 25px;
    padding: 10px;
    background-size: cover;
    background-image: url('RD-Images/AnalyseCouts.png');
}

.IconeMenuRDOutil5 {
    margin-top: -3px;
    margin-left: -5px;
    width: 25px;
    min-width: 25px;
    height: 25px;
    padding: 10px;
    background-size: cover;
    background-image: url('RD-Images/SoumettreRevue.png');
}

.IconeMenuRDOutil6 {
    margin-top: -3px;
    margin-left: -5px;
    width: 25px;
    min-width: 25px;
    height: 25px;
    padding: 10px;
    background-size: cover;
    background-image: url('RD-Images/CompilationCout.png');
}

.IconeMenuRDOutil7 {
    margin-top: -3px;
    margin-left: -5px;
    width: 25px;
    min-width: 25px;
    height: 25px;
    padding: 10px;
    background-size: cover;
    background-image: url('RD-Images/u130.png');
}

.trousseIconVcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

a.AvecSousMenu[aria-expanded="true"] span.IconeSousMenu::after { /*Afficher une icone sous menu ouvert*/
    font-family: 'Glyphicons Halflings',sans-serif;
    content: "\e113";
    margin-left: 10px;
}

a.AvecSousMenu[aria-expanded="false"] span.IconeSousMenu::after { /*Afficher une icone sous menu fermer*/
    font-family: 'Glyphicons Halflings',sans-serif;
    content: "\e114";
    margin-left: 10px;
}

.IconeOuvrirSousMenu::after {
    font-family: 'Glyphicons Halflings',sans-serif;
    content: "\e252";
    margin-left: 10px;
    font-size: xx-small;
}

/*-------------------------------------------PAGE ERREUR------------------------------------------------*/

.IconErreurPage::before {
    font-family: 'Glyphicons Halflings',sans-serif;
    content: "\e083";
    margin-right: 5px;
}

#ErreurSection {
    border: 1px solid silver;
    padding: 10px;
    padding-left: 30px;
    margin-left: 15px;
    margin-right: 15px;
}

/*----------------------------------------------Importation------------------------------------------------------*/
.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 999px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        background: red;
        cursor: inherit;
        display: block;
    }

.EncadrerRouge {
    border-color: red;
    border-width: 0.5px;
    box-shadow: 0 2px 12px salmon;
}

/*--------------------------------------------Select2---------------------------------------------------*/

.select2-container {
    display: table-cell !important;
}

.select2-selection__rendered {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.select2-container--default .select2-selection--single {
    border: 0px solid #fff;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 1.42857143;
        min-height: 35px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        top: 60%;
    }
/*------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------*/
.etatInitial {
    display: none;
}

.SansEspaceColumn {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 8px;
}

.isDisabled {
    pointer-events: none;
    color: currentColor;
    cursor: not-allowed;
    text-decoration: none;
}

.AvecEspacediv {
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 24px;
}

.ListeContainer {
    cursor: pointer;
    border-color: lightgray;
    min-height: 45px;
    border-style: solid;
    border-width: 2px;
}

.ModalVerticalScroll {
    max-height: 40vh;
    overflow-y: scroll;
    overflow-x: scroll;
}

.form-group #CheckBoxSystemeSelectionne {
    display: none;
}

    .form-group #CheckBoxSystemeSelectionne + .btn-group > label span {
        width: 10px;
    }

.form-group #CheckBoxSystemeNon {
    display: none;
}

    .form-group #CheckBoxSystemeNon + .btn-group > label span {
        width: 10px;
    }

#tableServCTIRejeter {
    text-align: center !important;
}

    #tableServCTIRejeter th {
        text-align: center !important;
    }


.selectContrainteNiMigreNiDemenage {
    width: 50%;
}

/* Pour les boutons flottants */

#menuFlottant {
    display: block;
    font-size: 24px;
    position: inherit;
    float: right;
    background-color: rgba(242, 242, 242, 0.9);
    z-index: 1;
    padding: 1px;
    border: 1px solid rgba(205.3, 205.3, 205.3, 0.9);
    border-radius: 7px;
    margin-top: -7px;
    line-height: 1;
}

.elementGaucheMenuFlottant {
    display: inline-block;
    padding: 4px;
    border: 1px solid transparent;
    border-radius: 7px;
}

.elementDroitMenuFlottant {
    display: inline-block;
    padding: 4px;
    border: 1px solid transparent;
    border-radius: 7px;
}

.elementMenuFlottant {
    background-color: transparent;
}

    .elementMenuFlottant:hover {
        background-color: rgba(224.9, 224.9, 224.9, 0.8);
    }

#ancreMenuFlottant {
    float: right;
}

.iconMenuFlottRevenir {
    display: inline-block;
    width: 25px;
    min-width: 25px;
    height: 25px;
    padding: 10px;
    background-image: url(RD-Images/IconePrecedent.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    vertical-align: bottom;
    border: none;
}

.iconMenuFlottSauver {
    display: inline-block;
    width: 25px;
    min-width: 25px;
    height: 25px;
    padding: 10px;
    background-image: url(RD-Images/Enregistrement.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    vertical-align: bottom;
    border: none;
}

.iconMenuFlottSauverVer {
    display: inline-block;
    width: 25px;
    min-width: 25px;
    height: 25px;
    padding: 10px;
    background-image: url(RD-Images/Enregistrement.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: not-allowed;
    vertical-align: bottom;
    opacity: 0.3;
    border: none;
}

#iconMenuFlottSeparateur {
    display: inline-block;
    padding: 0px;
    margin-left: -3px;
    margin-right: -3px;
    /*color: silver;*/
    color: rgb(181.1, 181.1, 181.1);
}

/* Élargisement de zones cliquables */

.lienCliquable {
    cursor: pointer;
}

.labelRadioElargie {
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    margin: 0;
}

    .labelRadioElargie input {
        cursor: pointer;
        -ms-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

.MarginTopBot20 {
    margin-bottom: 20px;
    margin-top: 20px;
}

.MarginTopBot2010 {
    margin-bottom: 10px;
    margin-top: 20px;
}

.MarginTop20 {
    margin-top: 20px;
}

.TextEnteteNoir {
    color: black;
}

.EspaceCommeIcon {
    margin-left: 25.6px;
}

/*-----------------------------------------------Outils 3.1 : index---------------------------------------------------------------------*/
.BordureGauche {
    border-left: 2.5px solid white;
}

.BordureDroite {
    border-right: 2.5px solid white;
}

.BordureHaut {
    border-top: 5px solid white;
}

.BordureBas {
    border-top: 5px solid white;
}

.CouleurGrise {
    background-color: #F1F4F8;
}

.LargeurGrande {
    width: 145px;
}

.DisabledBtnLink {
    color: gray;
    pointer-events: none;
}

.StyleUl {
    list-style: none;
    display: inline-block;
    padding: 0px !important;
}

.DropDownTxtLeft {
    width: 420px;
    text-align: left;
}

/*Pour déplacer les dropdowns (intérieur des boutons '...' dans index 3.1) et rendre toutes les fonctionalités cliquables quand l'écran est petit/mode mobile */
@media only screen and (max-width: 350px) {
    .DropDownTxtLeft {
        width: 420px;
        text-align: left;
        transform: translate(30%, 0) !important;
    }
}

.TextLeft {
    text-align: left;
}

.TextRight {
    text-align: right;
}

.Width100 {
    width: 100%;
}

.Width35 {
    width: 35%;
}

.TuileLblTopImg {
    font-size: 12.5px;
    text-align: center;
}

.TuileLblBottomImg {
    font-size: 11.5px;
    text-align: center;
}

.FontSize14 {
    font-size: 14px;
}

.FontSize16 {
    font-size: 16px;
}

.Width200 {
    width: 200px;
}

.texte-titre-tuile {
    font-size: 140%;
}
/*---------------------------------------------------Outils 3.1 : Onglet 1-----------------------------------------------------------------*/
.TxtFormatDate {
    margin-left: 6px;
    font-size: 0.7em;
}

.MinWidth160 {
    min-width: 160px;
}

.MinWidth410 {
    min-width: 410px;
}


/*-----------------------------------------------------------Outil 3.1 onglet 2------------------------------------------------------------------------------*/
.newModele > tbody > tr > td, .newModele > tbody > tr > th, .newModele > thead > tr > td, .newModele > thead > tr > th {
    padding: 2px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    font-weight: 100;
    word-wrap: break-word;
    min-width: 15px;
    max-width: 60px;
    overflow: hidden;
}

.newModele .form-control {
    padding: 1px 1px;
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    word-wrap: break-word;
    height: 24px;
}

.newModele {
    font-size: 14px;
    font-weight: 100;
    word-wrap: break-word;
}

    .newModeleMulti > tbody > tr > td, .newModele > tbody > tr > th, .newModele > thead > tr > td, .newModele > thead > tr > th {
        padding: 2px;
        padding-top: 2px;
        padding-right: 2px;
        padding-bottom: 2px;
        padding-left: 2px;
        font-weight: 100;
        word-wrap: break-word;
        overflow: hidden;
    }

.newModeleMulti .form-control {
    padding: 1px 1px;
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    word-wrap: break-word;
    font-weight: 100;
    height: 24px;
}

.newModeleMulti {
    font-size: 14px;
    font-weight: 100;
    word-wrap: break-word;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.nonAffiche {
    color: #808080;
}

.pointer {
    cursor: pointer !important;
}

.IconeModelViseHebergement {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-image: url('RD-Images/Outil3/Groupe1-Hebergement.svg');
    float: left;
}

.IconeModelViseInfonuagiquePublique {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-image: url('RD-Images/Outil3/Groupe1-InfonuagiquePublique.svg');
    float: left;
}

.IconeModelViseInfonuagiquePrivee {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-image: url('RD-Images/Outil3/Groupe1-InfonuagiquePrivee.svg');
    float: left;
}

/*représente public + prive + hebergement*/
.IconeModelViseHybride {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-image: url('RD-Images/Outil3/Groupe2-Hybride1.svg');
    float: left;
}

/*représente public + prive*/
.IconeModelViseHybridePubPriv {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-image: url('RD-Images/Outil3/Groupe2-Hybride2.svg');
    float: left;
}

/*représente public + hebergement*/
.IconeModelViseHybridePubHebergement {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-image: url('RD-Images/Outil3/Groupe2-Hybride3.svg');
    float: left;
}

/*représente prive + hebergement*/
.IconeModelViseHybridePrivHebergement {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-image: url('RD-Images/Outil3/Groupe2-Hybride4.svg');
    float: left;
}

.IconeComposantSysteme {
    width: 75px;
    height: 75px;
    background-size: cover;
    background-image: url('RD-Images/Outil3/Groupe4-ComposantsSysteme.svg');
    margin: 0 auto;
}

.IconeSystemesImpliques {
    width: 75px;
    height: 75px;
    background-size: cover;
    background-image: url('RD-Images/Outil3/Groupe4-SystemesImpliques.svg');
    margin: 0 auto;
}

.IconeServeursImpliques {
    width: 75px;
    height: 75px;
    background-size: cover;
    background-image: url('RD-Images/Outil3/Groupe4-ServeursImpliques.svg');
    margin: 0 auto;
}

.IconeStockage {
    width: 75px;
    height: 75px;
    background-size: cover;
    background-image: url('RD-Images/Outil3/Groupe4-Stockage.svg');
    margin: 0 auto;
}

.MarginRight10 {
    margin-right: 10px;
}

.Width75 {
    width: 75px;
}

@media (min-width: 768px) {
    .modal-xl {
        width: 90%;
        max-width: 1200px;
    }
}

.FontSize30 {
    font-size: 30px;
}

#labelFiltrerOnglet2 {
    margin-top: 5px !important;
    font-weight: normal !important;
}

.OneLine {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.TextSizeSmall {
    font-size: small;
}

.textePetitGras {
    font-size: 0.9em;
    font-weight: bold;
}
/*---------------------------------------------------Outils 3.1 : Onglet 3 et 4-----------------------------------------------------------------*/
.urlSousIcone:hover {
    text-decoration: none !important;
}

.AvertissementVolInfoPub {
    border: 1px solid black;
    background-color: rgb(222, 200, 24)
}

#tableHebergStats th {
    padding: 5px;
    font-weight: normal !important;
}

#tableHebergStats tr > th:first-child {
    text-align: right;
}

#tableHebergStats tr > th:nth-child(n+2) {
    text-align: center;
    min-width: 100px;
}

#tableHebergStats tbody th:nth-child(n+2) {
    background-color: lightgray;
}

#tableHebergStats th:last-child {
    border-radius: 0px !important;
}

#tableInfoPriveeStats th {
    padding: 5px;
    font-weight: normal !important;
}

#tableInfoPriveeStats tr > th:first-child {
    text-align: right;
}

#tableInfoPriveeStats tr > th:nth-child(n+2) {
    text-align: center;
    min-width: 100px;
}

#tableInfoPriveeStats tbody th:nth-child(n+2) {
    background-color: lightgray;
}

#tableInfoPriveeStats th:last-child {
    border-radius: 0px !important;
}

.FontWeight700 {
    font-weight: 700;
}

.btnCollapse {
    min-height: 26px;
    min-width: 26px;
    max-height: 26px;
    max-width: 26px;
    border-radius: 5px;
}

.cadreProfilC {
    margin-left: 1px;
}

.TitreLivraison {
    margin-top: 0px;
}

.ImgPoleHeberment {
    width: 100%;
    max-width: 30px;
}

.HebergCarreOrange {
    max-width: 30px;
    width: 30px;
    max-height: 30px;
    height: 30px;
    background-color: rgb(207, 102, 62);
    border-radius: 5px;
}

.HebergCarreBleu {
    max-width: 30px;
    width: 30px;
    max-height: 30px;
    height: 30px;
    background-color: rgb(49, 132, 150);
    border-radius: 5px;
}

.ConteneurSommaireHeberg {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.ImgSommairePrivee {
    width: 100%;
    max-width: 75px;
    padding: 5px;
}

.InlineBlock {
    display: inline-block;
}

.MinWidth50 {
    min-width: 50px;
}

.WidthAuto {
    width: auto;
}

/*view pièces jointes*/
.MinWidth45 {
    min-width: 45%;
}

.ThFichiersAttaches {
    vertical-align: middle;
    min-width: 700px;
    max-width: 700px;
}

.ThAction {
    vertical-align: middle;
    width: 75px;
}

/*-----------------------------------------------------------Outil 3.2-------------------------------------------------------------------------------------*/

.TextBlack {
    color: black;
}

/*Afficher le string TrimestreMinimum de facon identique à TrimestreMaximum*/
.trimestreMinCol {
    max-width: unset !important;
    white-space: unset !important;
}

.colButtonReinitialisationFiltre tr td:last-child {
    max-width: 35px !important;
    min-width: 35px !important;
    white-space: nowrap;
}

/*-----------------------------------------------------------Outil 3.3 Début ------------------------------------------------------------------------------*/

div.CompSystNonPrisEnCharge > div {
    width: 100%;
    border: 1px solid silver;
    padding: 16px;
    border-radius: 11px;
}

.CompSystNonPrisEnChargeBody {
    background-color: #eee;
}

.imgOutil3 {
    width: 75%;
    height: 100%;
    background-size: cover;
    background-image: url('RD-Images/Outil3/Groupe3-SecuriteInfoPublique.svg');
}

.CompSystNonPrisEnChargeBody label {
    margin: 0px !important;
}


/*-----------------------------------------------------------Outil 3.3 Fin --------------------------------------------------------------------------------*/

.CadreLigneTab {
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: #D3D3D3;
}

.shadow {
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.75);
}

main .ligne {
    height: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
    width: 100%;
    background-color: black;
}

.ligneSommaire {
    height: 1px;
    margin-top: -5px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
    width: 100%;
    background-color: black;
}

.paddingRightmin {
    padding-right: 0px !important;
}

.IconeCapaciteInfPrivee {
    width: 40px;
    height: 40px;
    background-size: cover;
    background-image: url('RD-Images/Outil3/Groupe3-CapaciteInfoPrivee.svg');
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.IconePolesHebergement {
    width: 40px;
    height: 40px;
    background-size: cover;
    background-image: url('RD-Images/Outil3/Groupe3-PolesHebergement.svg');
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.IconeInventaireCible {
    width: 40px;
    height: 40px;
    background-size: cover;
    background-image: url('RD-Images/Outil3/Groupe3-InventaireCible.svg');
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.IconeSecuriteInfPublique {
    width: 40px;
    height: 40px;
    background-size: cover;
    background-image: url('RD-Images/Outil3/Groupe3-SecuriteInfoPublique.svg');
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/*Début - Icones affichées à l'onglet 1 de l'outil 3.1 Planification d'une livraison*/

.IconeInfonuagiquePublique {
    width: 90px;
    height: 90px;
    background-size: cover;
    background-image: url('RD-Images/Outil3/Groupe1-InfonuagiquePublique.svg');
}

.IconeInfonuagiquePubliqueGrisee {
    width: 90px;
    height: 90px;
    background-size: cover;
    background-image: url('RD-Images/Outil3/Groupe1-InfonuagiquePubliqueGris.svg');
}

.IconeInfonuagiquePrivee {
    width: 90px;
    height: 90px;
    background-size: cover;
    background-image: url('RD-Images/Outil3/Groupe1-InfonuagiquePrivee.svg');
}

.IconeInfonuagiquePriveeGrisee {
    width: 90px;
    height: 90px;
    background-size: cover;
    background-image: url('RD-Images/Outil3/Groupe1-InfonuagiquePriveeGris.svg');
}

.IconeHebergement {
    width: 90px;
    height: 90px;
    background-size: cover;
    background-image: url('RD-Images/Outil3/Groupe1-Hebergement.svg');
}

.IconeHebergementGrisee {
    width: 90px;
    height: 90px;
    background-size: cover;
    background-image: url('RD-Images/Outil3/Groupe1-HebergementGris.svg');
}


.Marge45CheckBox {
    margin-left: 25px;
}
/*Fin - Icones affichées à l'onglet 1 de l'outil 3.1 Planification d'une livraison*/

/*outil 5 style*/
.entete5_1 {
    border-radius: 0px !important;
    background-color: lightgrey;
    border: 2px solid white;
}

.enteteCol1 {
    line-height: 280%;
}

.Width_col1 {
    width: 33%;
}

.Width_col2 {
    width: 23%;
}

.Width_col3 {
    width: 20%;
}

.Width_col4 {
    width: 13%;
}

.Width_col5 {
    width: 11%;
}

.outil5ChampsDates {
    width: 85%;
    display: inline;
    margin-right: 5px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.42857143px;
    color: #333;
    font-size: inherit !important;
}


.bodyOutil5 .ui-datepicker-calendar {
    display: none;
}

/*va sappliquer partout :)*/
.ui-datepicker-trigger:hover {
    cursor: pointer;
}

.ui-datepicker {
    z-index: 9999 !important;
}



/*représente absence de justification*/
.iconeCommentaireVide {
    width: 32px;
    height: 32px;
    margin-top: 3px !important;
    background-size: cover;
    background-image: url('CTI-Images/feuilleBlanche.svg');
    float: left;
    cursor: pointer;
}

/*représente présence de justification*/
.iconeCommentaireRempli {
    width: 32px;
    height: 32px;
    margin-top: 3px !important;
    background-size: cover;
    background-image: url('CTI-Images/feuilleRemplie.svg');
    float: left;
    cursor: pointer;
}

.avertissementRetard {
    width: 32px;
    height: 32px;
    background-size: cover;
    background-image: url('RD-Images/Outil5_1/Alerte.svg');
    text-align: center;
    cursor: help;
}

.tooltipOutilJustification {
    margin-top: 5px;
    float: left;
}

.justification {
    float: left;
}

.txt-moins-important {
    padding-top: 10px;
    font-size: small;
}

#minHeightCommentaireModale {
    height: 300px;
}

#txtModalCommentaire {
    height: 100% !important;
    width: 100% !important;
    resize: none;
}

/*----------------------------------------Outil 4.1 Coûts ----------------------------------------------*/

.empecherResizeTextArea {
    height: 100% !important;
    width: 100% !important;
    resize: none;
}

.textBoxTotal {
    margin-left: 10px;
    background-color: #eee;
    opacity: 1;
    border-radius: 4px;
    text-align: center;
    width: 125px;
}

.decalerTotalValNetDroite {
    margin-left: 14px !important;
}

.largeurOngletsHaut {
    padding: 6px 50px;
}

.zoneSommaireOutil4 p {
    text-rendering: optimizeLegibility;
    margin-left: 2em;
    margin-right: 0.5em;
}

.sommaireValeursOutil4Index {
    float: right;
    font-weight: bold;
}

.cctiPanel {
    box-shadow: 1px 3px #C0C0C0; /*ton de gris argenté pour l'ombre portée*/

    padding-top: 0.5em;
}

.styleBtnExporter {
    margin-top: -0.5em;
    margin-left: -4em;
    margin-right: 4em;
}

.decalerBasTotaux {
    margin-top: 1em;
}

.decalerHautBtnPrecedentSuivant {
    margin-top: -1em;
}

.espaceEntreDeuxTotaux {
    padding-top: 0.5em;
}

/*----------------------------------------Fin Outil 4.1 Coûts----------------------------------------------*/

/*----------------------------------------Debut Outil 5.1 Coûts----------------------------------------------*/

.inputProgression {
    border: 0;
    color: #4E73B0;
    outline: none;
    padding: 0;
    position: relative;
    top: -5px;
    background-color: transparent;
}


/*----------------------------------------Fin Outil 5.1 Coûts----------------------------------------------*/


.ColeurGris {
    background-color: #E5E7EB;
}

.ColeurBlanc {
    background-color: #ffffff;
}

#cercle {
    width: 15px;
    height: 15px;
    border-radius: 20px;
    background: #b30000;
    margin-left: auto;
    margin-right: auto;
    color: white;
    text-align: center;
}

.CouleurVerte {
    color: green;
    font-size: 15px;
}

.btn-transparent {
    background: transparent;
    padding-left: 0px;
    padding-right: 0px;
}

.CouleurRougePale {
    color: #a94442;
}

.MinWidth100 {
    min-width: 100%;
}

.MarginLeft9 {
    margin-left: 9px;
}

.Height74 {
    height: 74px;
}

.MarginRightMinus35 {
    margin-right: -35px;
}

.Width252 {
    width: 252px;
}

.tooltip-inner {
    text-align: left;
}

.Width1100 {
    width: 1100px;
}

.MarginLeft17 {
    margin-left: 17px;
}

.StyleTablePiecesJointes {
    margin-left: 27px;
}

.MarginLeftMinus10 {
    margin-left: -10px;
}

.Width18 {
    width: 18%;
}

.FontSizeXSmall {
    font-size: x-small;
}

.Textbarchart {
    font-size: 14px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    text-align: left !important;
}

.SansGras {
    font-weight: normal !important;
}

.Width1 {
    width: 1%;
}

.VerticalScroll {
    overflow-y: scroll;
    overflow-x: scroll;
    max-height: 60vh;
}

#DivCriteres {
    position: relative;
}

#DivBouttonsCriteres {
    display: flex;
    justify-content: flex-end;
}

    #DivBouttonsCriteres input {
        margin: 0 0 0 5px;
    }

.DisplayFlexStretch {
    display: flex !important;
    align-items: flex-end;
}

.msgMultiLignes p:not(:first-of-type) {
    margin-top: 20px;
}

.Width0point5 {
    width: 0.5% !important;
}

.lienActions {
    padding: 3px 0px 3px 0px;
}

#BtnModeExpert {
    margin-left: 1px;
}

.text-size-115p {
    font-size: 115% !important;
}

/* Outil 7.2 */

.outils7ChampsDates {
    width: 85%;
    display: inline;
    margin-right: 5px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.42857143px;
    color: #555;
    font-size: inherit !important;
}

.text-gras {
    font-weight: bold;
}

.fontSize16 {
    font-size: 16px !important;
}

.display-inline {
    display: inline !important;
}

.vertical-align-middle {
    vertical-align: middle !important;
}

.display-flex-space-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}



.outil72SelectEtatReal {
    width: 85%;
    margin-bottom: 10px;
}

.Outil72TexteMAJExamen {
    margin-top: 2em;
}

/*représente présence d'un commentaire*/

.iconeCommentaireRempliSuivi {
    width: 20px;
    height: 20px;
    background-size: cover;
    background-image: url('CTI-Images/feuilleRemplie.svg');
    float: left;
    cursor: pointer;
}

.iconeCommentaireVideSuivi {
    width: 20px;
    height: 20px;
    background-size: cover;
    background-image: url('CTI-Images/feuilleBlanche.svg');
    float: left;
    cursor: pointer;
}

.iconeCommentaireRempliExamenSuivi {
    width: 20px;
    height: 20px;
    margin-top: 2.5px !important;
    background-size: cover;
    background-image: url('CTI-Images/feuilleRemplie.svg');
    cursor: pointer;
}

.iconeCommentaireVideExamenSuivi {
    width: 20px;
    height: 20px;
    margin-top: 2.5px !important;
    background-size: cover;
    background-image: url('CTI-Images/feuilleBlanche.svg');
    cursor: pointer;
}

.avertissementRetardSuivi {
    width: 26px;
    height: 26px;
    background-size: cover;
    background-image: url('RD-Images/Outil5_1/Alerte.svg');
    text-align: center;
    cursor: help;
}

#planificationRevisee.form-control[readonly], #etatDeRealisationDate.form-control[readonly], #etatMigrationDate.form-control[readonly], #EtatCourantMigrationDate.form-control[readonly] {
    background-color: white !important;
    cursor: pointer !important;
}

.cacherCalendrier .ui-datepicker-calendar {
    display: none;
}

.etiquetteObligatoire {
    margin-top: 5px;
    margin-left: 5px;
}

.styleSousTitre7_1 {
    font-size: 125% !important;
    font-weight: 500;
    line-height: 1.1;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: black;
    text-decoration: none;
}

.tabSelectionTravauxCol1 {
    width: 6% !important;
}

.tabSelectionTravauxCol2 {
    width: 18% !important;
}

.tabSelectionTravauxCol3 {
    width: 70% !important;
}

.tabSelectionTravauxCol4 {
    width: 6% !important;
}

.cursorDisabled {
    cursor: not-allowed !important;
}

.paddingLeft15 {
    padding-left: 15px !important;
}

.paddingRight55 {
    padding-right: 55px !important;
}

.paddingTop30 {
    padding-top: 30px !important;
}

.marginRight20 {
    margin-right: 20px !important;
}

.marginRight25 {
    margin-right: 25px !important;
}

.marginRightMinus27 {
    margin-right: -27px !important;
}

.iconeDescriptionPointSuivi {
    width: 30px;
    height: 30px;
    background-size: cover;
    background-image: url('Suivis-Images/descriptionPointSuivi.svg');
    float: left;
}

.MarginTexteFichierExaminer {
    margin-left: 1.8em;
    margin-top: -0.5em;
}

/* Fin Outil 7.2 */

/* Début Outil 7.3 */

.zoneInfoTextArea {
    background-color: #f1f1f1; /*ton de gris très léger*/
    box-shadow: 2px 5px #C0C0C0; /*ton de gris argenté pour l'ombre portée*/
    padding-top: 1em;
    padding-bottom: 1em;
    margin-top: 1em;
    margin-bottom: 2em;
    text-align: left;
    text-rendering: optimizeLegibility;
}

.noPaddingEnfant div {
    padding: 0px !important;
}

.noPaddingEnfant {
    padding: 0px !important;
}

.label-declaration-details label {
    border-color: #fff !important;
}

.display-flex {
    display: flex !important;
}

.padding-left-4px {
    padding-left: 4px !important;
}

.form-control-80pc {
    width: 85%;
}

.form-border-2px-black {
    border: 1px solid black !important;
}

.paddingBot5 {
    padding-bottom: 5px !important;
}

.nomargin-p p {
    margin: 0px !important;
}

.styleEnteteDetailsDeclaration {
    border: 5px solid white !important;
    background-color: #E5E7EB;
    height: 75px;
}

.margin-right-10 {
    margin-right: 10px !important;
}

/* classes css pour les icônes de tuiles de déclarations (outils 7.3, 7.6 et 8.2)*/
.iconeDeclarationEnCours {
    width: 50px;
    height: 50px;
    background-size: cover;
    background-image: url('Suivis-Images/ouverte.svg');
    text-align: center;
}

.iconeDeclarationEnRetard {
    width: 50px;
    height: 50px;
    background-size: cover;
    background-image: url('Suivis-Images/enRetard.svg');
    text-align: center;
}

.iconeDeclarationSoumise {
    width: 50px;
    height: 50px;
    background-size: cover;
    background-image: url('Suivis-Images/soumise.svg');
    text-align: center;
}

.iconeDeclarationAVenir {
    width: 50px;
    height: 50px;
    background-size: cover;
    background-image: url('img/aVenir.svg');
    text-align: center;
}

.cadreTuileDeclaration {
    border-radius: 11px;
    border-style: solid;
    border-width: 1.5px;
    border-color: black;
}

.ligneTuileDeclaration {
    height: 1px;
    margin-top: 6px !important;
    margin-bottom: 20px !important;
    border: 0;
    border-top: 1px solid #eee;
    width: 100%;
    background-color: black;
}

.partieDroiteTuile {
    float: right !important;
    text-align: right !important;
}

.styleDropDownFiltre {
    display: block;
    overflow: hidden;
}

.styleLblFiltre {
    float: left !important;
    font-weight: normal;
    padding-right: 10px;
    margin-top: 8px;
}

.largeurBoutonsTuile {
    width: 100px;
}

/* Fin Outil 7.3 */

/* Début Outil 7.4 */

.styleReinitialiserFiltre {
    display: block;
    overflow: hidden;
    padding-top: 10px;
    padding-left: 5px;
}

.styleRechercheCol5 {
    float: left !important;
    width: 80% !important;
}

.styleBoutonsSelections {
    float: left;
    margin-top: 1em;
}

.couleurBleu {
    color: #253c62;
}

.couleurGris {
    color: grey;
}

.scrollVerticalMigrationsSyst {
    max-height: 60vh;
    overflow-y: scroll;
}

.largeurColACocher {
    width: 25px !important;
}

.largeurColSyst {
    width: 200px !important;
}

.largeurColLivr {
    width: 165px !important;
}

.largeurColTrim {
    width: 130px !important;
}

.largeurColPlanif {
    width: 150px !important;
}

.largeurColEtatMigr {
    width: 200px !important;
}

.stylePastilleDecalage {
    float: left !important;
    margin-top: -8px !important;
    padding-right: 10px !important;
}

/*css pour IE*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #spanAbsenceIconeCommentaire {
        width: 62px !important;
    }
}

/*css pour chrome*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #spanAbsenceIconeCommentaire {
        width: 20px !important;
    }
}

.iconeCommentaireVideSysteme {
    width: 20px;
    height: 20px;
    margin-top: 2px !important;
    background-size: cover;
    background-image: url('CTI-Images/feuilleBlanche.svg');
    float: left;
    cursor: pointer;
}

.iconeCommentaireRempliSysteme {
    width: 20px;
    height: 20px;
    margin-top: 2px !important;
    background-size: cover;
    background-image: url('CTI-Images/feuilleRemplie.svg');
    float: left;
    cursor: pointer;
}

.styleBtnInfosAdditionnelles {
    width: 23px;
    height: 23px;
    background-size: cover;
    background-image: url('Suivis-Images/InfosAdditionnelles.png');
    text-align: center;
    cursor: pointer;
}

.CadreAttributionsSuivisMigrSyst {
    float: right;
    border-radius: 11px;
    border-style: solid;
    border-width: 0.5px;
    padding-top: 1em;
    padding-right: 1em;
    padding-left: 1em;
    border-color: #D3D3D3;
}

.ListeAttributionsSuivisMigrSyst {
    list-style-type: none;
}

    .ListeAttributionsSuivisMigrSyst li {
        margin: 0.5em;
        margin-left: -2.5em;
    }

        .ListeAttributionsSuivisMigrSyst li button {
            margin-right: 0.5em;
            padding-right: 15px;
            padding-left: 15px;
        }



.NoteAttributionCommentaire {
    padding-right: 30px;
    font-size: 0.85em;
}

/* Fin Outil 7.4 */

/*6.1 RAPPORTS CONSOLIDÉS*/

.sectionRapportsConsolides {
    margin-top: 1em;
    margin-right: 3em;
    margin-bottom: 2em;
    margin-left: 2em;
}

.headerSectionRapportsConsolides {
    margin-bottom: 1em;
}

.liensSectionRapportsConsolides {
    padding-top: 1em;
    padding-bottom: 0,5em;
}

.cadreFormatExcelSeulement {
    color: black;
    font-size: small;
    border: solid;
    border-radius: 11px;
    border-width: 1.5px;
    border-color: #D3D3D3;
    float: right;
    padding: 0.5em;
}

.radioBtnExcelSeulement {
    margin-right: 0.3em !important;
}

.txtFormatOption {
    font-weight: bold;
}

.divLienRapportConso {
    margin-bottom: 10px;
}

.divSousLienRapportConso {
    margin-bottom: 10px;
    margin-top: 2px;
    margin-left: 20px;
}

.divMarquePerimee {
    width: 20px;
    min-width: 20px;
    float: left;
    font-size: 16px;
    text-align: center;
    height: 20px;
    border-radius: 20px;
    background: #b30000;
    margin-right: 0.5em;
    color: white;
    font-weight: bold;
}

.divMarqueNonPerimee {
    width: 20px;
    min-width: 20px;
    float: left;
    margin-right: 0.5em;
}

/*FIN 6.1*/

/* Début outil 7.4 */

.espaceApresLibelle {
    padding-left: 10px;
}

.largeurSelectEtatMigration {
    width: 240px;
}

.styleBtnInfosLivraisonPageDetails {
    position: absolute !important;
    margin-left: 10px !important;
}

.stylePastillePageDetails {
    margin-left: 5px !important;
    margin-top: -2px !important;
}

/* Fin Outil 7.4 */

/* Début outil 7.5 */

.noMarginTop {
    margin-top: 0 !important;
}


#DateEffectiveEtatTravaux.form-control[readonly] {
    background-color: white !important;
    cursor: pointer !important;
}

.td-limit {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

/* Fin outil 7.5 */

/* Début Outil 7.6 */

.marginLeft5 {
    margin-left: 5px;
}

.texteCouleurVerte {
    color: green;
}

.iconeDescriptionPrerequis {
    width: 30px;
    height: 30px;
    background-size: cover;
    background-image: url('Suivis-Images/descriptionPointSuivi.svg');
    float: left;
    margin-top: -5px;
    margin-left: -75px;
}


.iconePrerequisManquant {
    width: 16px;
    height: 16px;
    float: left;
    background-size: cover;
    background-image: url('Suivis-Images/Alerte_manquant.svg');
    text-align: center;
    margin-right: 10px;
}

.iconePrerequisConforme {
    width: 16px;
    height: 16px;
    float: left;
    background-size: cover;
    background-image: url('Suivis-Images/Conforme.svg');
    text-align: center;
    margin-right: 10px;
}

.marginRightMinus5 {
    margin-right: -5%;
}

.styleEnteteDetailsDeclarationFinale3cols {
    border: 3px solid white !important;
    background-color: #E5E7EB;
    height: 70px;
}

.styleEnteteDetailsDeclarationFinale4cols {
    border: 3px solid white !important;
    background-color: #E5E7EB;
    height: 90px;
}

.largeurChamps4ColonnesVisibles {
    width: 81%;
}

.marginTop30 {
    margin-top: 30px;
}

.height20 {
    height: 20px !important;
}

/*onglet fermetures des CTI*/

.paddingOngletFermeturesCTI {
    padding-left: 44px !important;
    padding-right: 44px !important;
}

.decalerGaucheTableauFermeturesCTI {
    margin-right: -15px;
    margin-left: -40px;
}

.buttonAsLink {
    background: none !important;
    border: none;
    padding: 0 !important;
    /*optional*/
    font-family: arial, sans-serif;
    /*input has OS specific font-family*/
    color: #069;
    text-decoration: underline;
    cursor: pointer;
}

.labelSousCombobox {
    padding-top: 10px;
}

#nomCtiModale {
    padding-bottom: 20px;
}

/* Fin Outil 7.6 */

/* Pilotage - paramètres OP */

.largeurGrosDropdown {
    width: 75%;
}

.largeurPetitDropdown {
    width: 30%;
}

.libellePilotage {
    margin-bottom: 0.5em;
}

/* Fin Pilotage - paramètres OP */

.colSupprimerGestionUtil {
    width: 24px;
    text-align: center;
}


.styleDivAssgOpUtil {
    padding-left: 10px;
    padding-right: 18px;
    padding-top: 10px;
}

/* Outil 8.2 */

.styleCadreSousOnglets {
    margin-left: 15px;
}

.sommaireValeursOutil8Index {
    font-weight: bold;
}

.sommaireValeursOutil8IndexListe {
    font-weight: bold;
    float: right;
}

.styleSousTitreSommaire {
    text-decoration: underline;
    font-weight: normal !important;
    text-align: right !important;
}

#TableSommaire1Outil8, #TableSommaire2Outil8 {
    border-collapse: separate;
    border-spacing: 0 15px;
}

.footerSite p {
    max-width: 1140px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: -10px !important;
    margin-bottom: 0px !important;
    text-align: right !important;
    font-size: 11px !important;
}

.pivFooter {
    margin-top: 0 !important;
}

/*css pour chrome*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .styleInputProgression {
        line-height: 2em;
        width: 345px;
        text-align: center;
        vertical-align: bottom;
        margin-right: 25px;
    }
}

/*css pour IE*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .styleInputProgression {
        padding-top: 7px;
        padding-bottom: 10px;
        width: 345px;
        text-align: center;
        vertical-align: bottom;
        margin-right: 25px;
    }
}

/* Fin Outil 8.2 */

.texteJustifie {
    text-align: justify;
}

.masquerElement {
    display: none;
}

.afficherElementInline {
    display: inline;
}

.paddingRightZero {
    padding-right: 0px;
}

.paddingTopZero {
    padding-top: 0px;
}

.paddingLeft1 {
    padding-left: 1px;
}

.paddingLeft3 {
    padding-left: 3px;
}

.paddingLeft8 {
    padding-left: 8px;
}

.paddingLeftRightZero {
    padding-left: 0px;
    padding-right: 0px;
}

.paddingsLeftRight3 {
    padding-left: 3px;
    padding-right: 3px;
}

.paddingsLeft3Right8 {
    padding-left: 3px;
    padding-right: 8px;
}

.paddingsLeft15Right8 {
    padding-left: 15px;
    padding-right: 8px;
}

.paddingsLeftRight8 {
    padding-left: 8px;
    padding-right: 8px;
}

.paddingRight8 {
    padding-right: 8px;
}

.paddingRight3 {
    padding-right: 3px;
}

.paddingRight20 {
    padding-right: 20px;
}

.paddingLeft30 {
    padding-left: 30px;
}

.paddingLeft15 {
    padding-left: 15px;
}

.marginsLeft3Right6 {
    margin-left: 2px;
    margin-right: 6px;
}

.marginsLeftRight1 {
    margin-left: 1px;
    margin-right: 1px;
}

.marginsLeftRight8 {
    margin-left: 8px;
    margin-right: 8px;
}

.marginsLeftRight15 {
    margin-left: 15px;
    margin-right: 15px;
}

.marginTop-20 {
    margin-top: -20px;
}

.marginRight-5 {
    margin-right: -5px;
}

.marginRight-30 {
    margin-right: -30px;
}

.marginLeft10 {
    margin-left: 10px;
}

.marginBottomZero {
    margin-bottom: 0px;
}

.tooltipAvertissement {
    float: left;
}

    .tooltipAvertissement + .tooltip > .tooltip-inner {
        min-width: 250px;
    }

.hr-titre-page {
    margin-top: -5px;
}

.div-logo {
    width: 250px;
    height: 250px;
    left: 20px;
    top: 45px;
    text-align: center;
}

.img-logo {
    min-width: 250px;
    min-height: 125px;
    max-width: 250px;
    max-height: 125px;
    background-position: center center;
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0px -3px 6px 2px rgba(0,0,0,0.2);
}

.label-edit-logo {
    position: absolute;
    top: 530px;
    left: 135px;
    font-weight: normal;
    text-decoration: underline;
    color: blue;
    cursor: pointer;
}

.label-aucun-logo {
    position: absolute;
    top: 450px;
    left: 125px;
    opacity: 0.3;
    visibility: hidden;
}

.label-sup-logo {
    position: relative;
    top: 0px;
    right: -123px;
    cursor: pointer;
    opacity: 0.5;
    visibility: hidden;
}

.img-logo-liste {
    max-height: 20px;
    background-position: center center;
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0px -1px 3px 1px rgba(0,0,0,0.2);
}

.overflow-wrap {
    overflow-wrap: anywhere;
}

.font-weight-normal {
    font-weight: normal;
}

.dt-div-container {
    overflow-x: hidden;
    visibility: hidden
}

.text-nowrap {
    white-space: nowrap !important;
}

select option[value=""], select option[value="0"] {
    color: lightgray
}

.padding-right-10 {
    padding-right: 10px
}

.datepicker table thead tr th {
    background-color: #2A3E5F;
    color: white;
}

.datepicker table thead tr th:hover {
    background-color: #2A3E5F !important;
}

.datepicker table tr td, .datepicker table tr th {
    border-radius: 0px
}

.datepicker table thead tr:nth-child(2) th:first-child {
    border-top-left-radius: 4px;
}

.datepicker table thead tr:nth-child(2) th:last-child {
    border-top-right-radius: 4px;
}

.datepicker table thead tr:last-child th:first-child {
    border-bottom-left-radius: 4px;
}

.datepicker table thead tr:last-child th:last-child {
    border-bottom-right-radius: 4px;
}

.datepicker table tfoot tr:first-child th:first-child {
    border-top-left-radius: 4px;
}

.datepicker table tfoot tr:first-child th:last-child {
    border-top-right-radius: 4px;
}

.datepicker table tfoot tr:last-child th:first-child {
    border-bottom-left-radius: 4px;
}

.datepicker table tfoot tr:last-child th:last-child {
    border-bottom-right-radius: 4px;
}

#select2-ListeSystemeAttribuer-container {
    width: 300px;
}

/* DataTable */

table.dataTable {
    border: 0;
    width: 100% ;
    border-collapse:unset;
}

table.dataTable thead tr th {
    background-color: #2A3E5F;
    color: white;
    text-align: center !important;
    white-space: normal;
    border: 0;
    vertical-align: middle;    
}

table.dataTable thead tr:first-child th:first-child {
    border-top-left-radius: 11px;
}

table.dataTable thead tr:first-child th:last-child {
    border-top-right-radius: 11px;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
    vertical-align: middle;
    opacity: .5;
}

table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
    vertical-align: middle;
    opacity: 1;
}

table.dataTable tbody tr td {
    border-left: solid #D3D3D3 1px;
    border-right: solid #D3D3D3 1px;
}

table.dataTable tbody tr:last-child td {
    border-bottom: solid #D3D3D3 1px !important;
}

table.dataTable tbody tr:last-child td:first-child {
    border-bottom-left-radius: 11px;
}

table.dataTable tbody tr:last-child td:last-child {
    border-bottom-right-radius: 11px;
}

table.dataTable:has(> thead > tr > th:only-child) tbody tr:last-child td {
    border-bottom: 0px !important;
}

table.dataTable thead tr th div.dt-column-header span.dt-column-title {
    display: inline
}

table.dataTable thead tr th div.dt-column-header span.dt-column-order {
    position: relative;
    left: 5px;
}

table.dataTable thead tr th.dt-orderable-none div.dt-column-header span.dt-column-order {
    display: none                                                                                                           
}

table.dataTable th.dt-type-numeric div.dt-column-header, table.dataTable th.dt-type-numeric div.dt-column-footer, table.dataTable th.dt-type-date div.dt-column-header, table.dataTable th.dt-type-date div.dt-column-footer, table.dataTable td.dt-type-numeric div.dt-column-header, table.dataTable td.dt-type-numeric div.dt-column-footer, table.dataTable td.dt-type-date div.dt-column-header, table.dataTable td.dt-type-date div.dt-column-footer {
    flex-direction: unset;
}

.dt-container > div > div.dt-search {
    margin-bottom: 10px;
    text-align: right;
}

/* DataTable spécifiques */

#tableLivraisonPlanifier.dataTable thead {
    display: none;
}

#tableLivraisonPlanifier.dataTable tbody tr td {
    border: 0
}

/* */

table.table-base {
    width: 100%;
    border-collapse: unset;
}

table.table-base thead th {
    background-color: #2A3E5F;
    color: white;
    text-align: center !important;
    white-space: normal;
    border: 0;
}

table.table-base thead tr:first-child th:first-child {
    border-top-left-radius: 11px;
}

table.table-base thead tr:first-child th:last-child {
    border-top-right-radius: 11px;
}

table.table-base tbody tr td {
    border: 1px solid lightgray;
    border-collapse: collapse
}

table.table-base tbody tr:last-child td:first-child {
    border-bottom-left-radius: 11px;
}

table.table-base tbody tr:last-child td:last-child {
    border-bottom-right-radius: 11px;
}

table.table-resume {
    border-collapse: separate;
}

table.table-resume th, table.table-resume td {
    padding-top: 4px;
    padding-bottom: 4px;
}

table.table-resume td {
    text-align: center;
}

table.table-resume input:disabled {
    border: hidden;
    font-weight: bold;
    background-color: #eee;
}

/*.StyleComposantsRestants {
    background-color: rgb(105, 105, 105) !important;
}*/

.StyleInfonuagiquePublique {
    background-color: rgb(49, 132, 150) !important;
}

.StyleInfonuagiquePrivee {
    background-color: rgb(207, 102, 62) !important;
}

.StyleHebergement {
    background-color: rgb(138, 73, 107) !important;
}

.StyleDelestes {
    background-color: rgb(0, 0, 0) !important;
}

.StyleNonMigre {
    background-color: rgb(156, 156, 156) !important;
}

.StyleDejaMigre {
    background-color: rgb(61, 131, 61) !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}

input[type="checkbox"] {
    accent-color: rgb(0 117 255);
}

input[type="radio"] {
    accent-color: rgb(0 117 255);
}

input[type="range"] {
    accent-color: #4E73B0;
}

/* Reproduire temporairement le comportement initial des datatable qui seront remplacés dans les prochaines livraisons */
.Entete_Tableau_Grise {
    background-color: #C0C0C0;
    color: black;
}

.scrollVerticalMigrationsSyst {
    max-height: 60vh;
    overflow-y: scroll;
}

.scrollModalLivraisons {
    overflow-y: auto;
    max-height: 65vh;
}

.styleReinitialiserFiltre {
    display: block;
    overflow: hidden;
    padding-top: 10px;
    padding-left: 5px;
    color: white;
}

/* */

.iconRefreshFiltres {
    cursor: pointer;
    color: white;
}

#tableGestionUtilisateurRD_wrapper tr td:not(:last-child) {
    min-width: 100px;
    max-width: 135px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#tableGestionUtilisateurRD thead td {
    position: sticky;
    top: 60px;
    background-color: #2A3E5F;
    z-index: 10;
}

#tableGestionUtilisateurRD thead tr:nth-of-type(2) {
    position: sticky;
    width: 100%;
}

#tableGestionUtilisateur_wrapper tr td:not(:last-child) {
    min-width: 100px;
    max-width: 135px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#tableGestionUtilisateur thead td {
    background-color: #2A3E5F;
    z-index: 10;
}

#tableGestionUtilisateur thead tr:nth-of-type(2) {
    position: sticky;
    width: 100%;
}

/* */

#tableGestionUtilisateur.table {
    border-collapse: separate;
    border: solid #d3d3d3 1px;
    border-radius: 11px;
    -moz-border-radius: 11px;
}

#tableGestionUtilisateur > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

#tableGestionUtilisateur thead th {
    border: 0;
}

#tableGestionUtilisateur th:first-child {
    border-top-left-radius: 11px;
    -moz-border-radius: 11px;
}

#tableGestionUtilisateur th:last-child {
    border-top-right-radius: 11px;
    -moz-border-radius: 11px;
}

#tableGestionUtilisateur tr:last-child td:first-child {
    border-bottom-left-radius: 11px;
    -moz-border-radius: 11px;
}

#tableGestionUtilisateur tr:last-child td:last-child {
    border-bottom-right-radius: 11px;
    -moz-border-radius: 11px;
}


/* */

#tableGestionUtilisateurSuivis.table {
    border-collapse: separate;
    border: solid #d3d3d3 1px;
    border-radius: 11px;
    -moz-border-radius: 11px;
}


#tableGestionUtilisateurSuivis > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

#tableGestionUtilisateurSuivis thead th {
    border: 0;
}

#tableGestionUtilisateurSuivis th:first-child {
    border-top-left-radius: 11px;
    -moz-border-radius: 11px;
}

#tableGestionUtilisateurSuivis th:last-child {
    border-top-right-radius: 11px;
    -moz-border-radius: 11px;
}

#tableGestionUtilisateurSuivis tr:last-child td:first-child {
    border-bottom-left-radius: 11px;
    -moz-border-radius: 11px;
}

#tableGestionUtilisateurSuivis tr:last-child td:last-child {
    border-bottom-right-radius: 11px;
    -moz-border-radius: 11px;
}

#tableGestionUtilisateurSuivis th {
    text-align: left;
}

/* */

#tableGestionUtilisateurBenefices.table {
    border-collapse: separate;
    border: solid #d3d3d3 1px;
    border-radius: 11px;
    -moz-border-radius: 11px;
}


#tableGestionUtilisateurBenefices > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

#tableGestionUtilisateurBenefices thead th {
    border: 0;
}

#tableGestionUtilisateurBenefices tr:first-child th:first-child {
    border-top-left-radius: 11px;
    -moz-border-radius: 11px;
}

#tableGestionUtilisateurBenefices tr:first-child th:last-child {
    border-top-right-radius: 11px;
    -moz-border-radius: 11px;
}

#tableGestionUtilisateurBenefices tr:last-child td:first-child {
    border-bottom-left-radius: 11px;
    -moz-border-radius: 11px;
}

#tableGestionUtilisateurBenefices tr:last-child td:last-child {
    border-bottom-right-radius: 11px;
    -moz-border-radius: 11px;
}

#tableGestionUtilisateurBenefices th {
    text-align: left;
}

/* */

#tableDeclarationsTrimestrielles.dataTable thead {
    display: none;
}

#tableDeclarationsTrimestrielles.dataTable tbody tr td {
    border: 0
}

/* */

#tableRoles {
    width: 100%;
    border-collapse: separate
}

#tableRoles thead th {
    background-color: #2A3E5F;
    color: #ffffff;
    text-align: center;
    white-space: normal;
    border: 0;
}

#tableRoles thead tr:first-child th:first-child {
    border-top-left-radius: 11px;
}

#tableRoles thead tr:first-child th:last-child {
    border-top-right-radius: 11px;
}

#tableRoles thead tr:first-child th:first-child {
    border-top-left-radius: 11px;
}

#tableRoles thead tr:first-child th:last-child {
    border-top-right-radius: 11px;
}

#tableRoles tbody {
    border: 0;
}

#tableRoles tbody tr td:first-child {
    border-left: 1px solid lightgray;
}

#tableRoles tbody tr td:last-child {
    border-right: 1px solid lightgray;
}

#tableRoles tbody tr:last-child td {
    border-bottom: 1px solid lightgray;
}

#tableRoles tbody tr:last-child td:first-child {
    border-bottom-left-radius: 11px;
}

#tableRoles tbody tr:last-child td:last-child {
    border-bottom-right-radius: 11px;
}

/* nav-bars */

.nav-tabs {
    border-bottom: 0;
}

.nav-tabs > li > a {
    background-color: #eee;
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid #c7c7c7;
    border-radius: 4px 4px 0 0;
    color: #000000;
    font-weight: 500;
    background-image: linear-gradient(to bottom, #fbfbfb 0%, #e0e0e0 100%);
}

.nav-tabs > li > a:hover {
    background-color: #eee;
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid #c7c7c7;
    border-radius: 4px 4px 0 0;
    color: #000000;
    font-weight: 500;
    background-image: linear-gradient(to bottom, #eeeeee 0%, #e0e0e0 100%);
}

.nav-tabs > li > a:focus {
    background-color: #eee;
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid #c7c7c7;
    border-radius: 4px 4px 0 0;
    color: #000000;
    font-weight: 500;
    background-image: linear-gradient(to bottom, #eeeeee 0%, #e0e0e0 100%);
}

.nav-tabs > li.active > a {
    color: #ffffff;
    font-weight: 600;
    cursor: default;
    margin-right: 2px;
    background-color: #2A3E5F;
    border: 1px solid #111c2e;
    background-image: linear-gradient(to bottom, #253c62 0%, #142135 100%);
}

.nav-tabs > li.active > a:hover {
    color: #ffffff;
    font-weight: 600;
    cursor: default;
    margin-right: 2px;
    background-color: #2A3E5F;
    border: 1px solid #111c2e;
    background-image: linear-gradient(to bottom, #253c62 0%, #142135 100%);
}

.nav-tabs > li.active > a:focus {
    color: #ffffff;
    font-weight: 600;
    cursor: default;
    margin-right: 2px;
    background-color: #2A3E5F;
    border: 1px solid #111c2e;
    background-image: linear-gradient(to bottom, #253c62 0%, #142135 100%);
}

/* */


/*css pour l'affichage des onglets de la section de la gestion des accès*/
.tabDroits {
    margin-left: 7px;
    margin-right: 18px;
    margin-bottom: 28px;
}

    .tabDroits > li > a {
        margin-right: 1px;
        padding: 6px 9px;
        border-radius: 2px 2px 0 0;
        font-size: 10pt;
    }


.tab-content-border {
    border: 1px solid #ddd;
    border-radius: 0px 11px 11px 11px;
    -moz-border-radius: 0px 11px 11px 11px;
    padding-left: 10px;
    padding-top: 8px;
}

/*css pour fichiers attachés dans la planification de livraison*/
.editFichiersAttaches {
    text-decoration: none;
    color: #337ab7;
    cursor: pointer
}

/*css pour bootstrap-multiselect*/
.multiselect-container {
    max-width: 995px;
    height: auto;
    max-height: 565px !important;
    min-height: 100%;
    overflow: auto !important;
    font-size: 1em;
    color: #555;
}

.multiselect-selected .checkbox {
    color: #ffffff;
    background-color: #334f7e;
}

.multiselect.dropdown-toggle {
    text-align: left;
}

    .multiselect.dropdown-toggle .caret {
        position: absolute;
        right: 6px;
        top: calc(50% - 2px);
    }

button.multiselect {
    height: 33px;
    vertical-align: middle;
    color: #555;
}

    button.multiselect:disabled {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

        button.multiselect:disabled:hover {
            color: #333;
            background-color: #e6e6e6;
            border-color: #adadad;
        }

button.multiselect-clear-filter {
    font-size: 14px !important;
}

.glyphicon-remove-red {
    color: #a94442;
}

/* */
.positionSectionAnalysePrejudices {
    display: flex;
    justify-content: center;
}

.checkboxDisabled {
    cursor: not-allowed;
    pointer-events: none;
}

.tooltipInfosAdditionnelles + .tooltip > .tooltip-inner {
    min-width: 250px;
}

.selectize-dropdown .selectize-dropdown-content .create {
    display: none;
}

.selectize-control.single .selectize-input:after {
    display: none;
}

.selectize-control.single .selectize-input.dropdown-active:after {
    display: none;
}

/* Classe pour ajuster la taille de l'onglet Effectifs RI */

.tailleEffectifsOngletIcone {
    width: 166px;
}