@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes clignote {
  100% {
    opacity: 0; } }
.time {
  font-size: 0.8em;
  font-style: italic; }

.EditNiveau {
  height: 100%;
  width: auto;
  position: absolute;
  left: 103%;
  top: 0px; }
  .EditNiveau:hover {
    cursor: pointer; }

#needRenum {
  display: flex;
  clear: both;
  height: 30px;
  justify-content: flex-start;
  margin: 15px auto 15px 0px; }
  #needRenum p {
    line-height: 30px;
    margin: 0px;
    padding: 0px;
    margin-right: 10px; }
  #needRenum #RenumFacture {
    display: table;
    background: #004580;
    color: white;
    height: 30px;
    border-radius: 16px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 30px; }
    #needRenum #RenumFacture:hover {
      cursor: pointer; }

#nbResultats {
  position: absolute;
  left: 70%;
  transform: translateY(23%); }
  #nbResultats .nbRes {
    width: 100%;
    background: white;
    height: 30px;
    padding: 5px;
    line-height: 30px;
    text-align: center;
    border-radius: 6px;
    margin-bottom: 3px; }
  #nbResultats #ThisNb {
    width: 100%;
    background: white;
    height: 30px;
    padding: 5px;
    line-height: 30px;
    text-align: center;
    border-radius: 6px;
    margin-bottom: 3px; }

body, html {
  height: 100%;
  padding: 0;
  margin: 0; }

body {
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #004580 100%);
  font-family: 'Ubuntu', sans-serif;
  background-attachment: fixed;
  position: relative; }
  body.sia {
    background: #3596d2; }

.wrapDuoBtn {
  height: 40px;
  position: relative;
  overflow: auto;
  margin: 20px auto; }
  .wrapDuoBtn.l10 {
    width: 10%; }
  .wrapDuoBtn.l20 {
    width: 20%; }
  .wrapDuoBtn.l30 {
    width: 30%; }
  .wrapDuoBtn.l40 {
    width: 40%; }
  .wrapDuoBtn.l50 {
    width: 50%; }
  .wrapDuoBtn.l60 {
    width: 60%; }
  .wrapDuoBtn.l70 {
    width: 70%; }
  .wrapDuoBtn.l80 {
    width: 80%; }
  .wrapDuoBtn.l90 {
    width: 90%; }
  .wrapDuoBtn.l100 {
    width: 100%; }
  .wrapDuoBtn .btnAccepte, .wrapDuoBtn .btnRefus {
    width: 45%;
    box-sizing: border-box;
    height: 100%;
    border-radius: 6px;
    border: solid #EA1E44 1px;
    line-height: 40px;
    text-align: center;
    color: white;
    float: left; }
  .wrapDuoBtn .btnAccepte {
    margin-right: 10%;
    border: solid #8CC540 1px;
    background: #8CC540; }
    .wrapDuoBtn .btnAccepte:hover {
      background: white;
      color: #8CC540;
      cursor: pointer; }
  .wrapDuoBtn .btnRefus {
    border: solid #EA1E44 1px;
    background: #EA1E44; }
    .wrapDuoBtn .btnRefus:hover {
      background: white;
      color: #EA1E44;
      cursor: pointer; }

.TerrorForm {
  text-align: center;
  color: red;
  font-size: 0.9em; }

.popA {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 999; }

.voileBack {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.7;
  z-index: 999; }

.fermer {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
  display: block; }
  .fermer:hover {
    cursor: pointer; }

.contentPop {
  height: auto;
  max-height: 80%;
  min-height: 120px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: -webkit-linear-gradient(top, #c1bcbf 0%, #c1bcbf 0%, #d8d4d7 100%);
  border-radius: 4px;
  border-top: #d8d4d7 2px solid;
  border-bottom: #c1bcbf 2px solid;
  color: #393939;
  z-index: 1000; }
  .contentPop #imgTPop {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 0px;
    left: 50%;
    transform: translate(-50%, -50%); }
  .contentPop .titrePop {
    margin: 5px 5px 60px 5px;
    width: auto;
    max-width: calc(50% - 50px);
    font-size: 1.4vw; }
  .contentPop .iMC {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%); }
  .contentPop h1 {
    display: block;
    font-size: 1vw;
    width: calc(95% - 20px);
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 60px auto 40px auto;
    padding-left: 5px; }
  .contentPop.L80 {
    width: 80%; }
  .contentPop.L70 {
    width: 70%; }
  .contentPop.L60 {
    width: 60%; }
  .contentPop.L50 {
    width: 50%; }
  .contentPop.L40 {
    width: 40%; }
  .contentPop.L30 {
    width: 30%; }
  .contentPop.L20 {
    width: 20%;
    min-width: 350px; }
  .contentPop.L10 {
    width: 10%; }

.inContentPop {
  width: 95%;
  margin: 15px auto; }
  .inContentPop #F-newPS {
    overflow: auto; }

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

#Fconnexion {
  width: 80%;
  margin: 42px auto;
  position: relative; }

.menuHeadersia {
  height: 40px;
  width: 40%;
  position: absolute;
  left: 20%;
  top: 50%;
  transform: translateY(-50%); }
  .menuHeadersia .wrapitemMenuHeader {
    width: 33.333%;
    height: 100%;
    float: left;
    position: relative; }
    .menuHeadersia .wrapitemMenuHeader a {
      color: white; }
    .menuHeadersia .wrapitemMenuHeader .itemMenuHeader {
      position: absolute;
      width: 80%;
      height: 30px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      border-radius: 16px;
      border: solid white 2px;
      color: white; }
      .menuHeadersia .wrapitemMenuHeader .itemMenuHeader:hover {
        color: #3596D2;
        background: white;
        cursor: pointer; }
      .menuHeadersia .wrapitemMenuHeader .itemMenuHeader.current {
        color: #3596D2;
        background: white; }

#header {
  position: relative;
  height: 120px;
  background: #004580;
  color: white; }
  #header.sia {
    background: #3596D2;
    height: 60px; }
    #header.sia #logo {
      height: 60px;
      width: auto;
      position: absolute;
      bottom: 0px;
      left: 3%; }
      #header.sia #logo img {
        width: auto;
        height: 100%; }
  #header #logo {
    height: 120px;
    width: auto;
    position: absolute;
    bottom: 0px;
    left: 10%; }
    #header #logo img {
      width: auto;
      height: 100%; }
  #header #titre {
    position: absolute;
    width: auto;
    height: auto;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2vw; }

#deconnexion {
  width: 20%;
  position: absolute;
  right: 5%;
  top: 50%;
  height: 40px;
  transform: translateY(-50%); }
  #deconnexion #userName {
    width: calc(100% - 40px);
    line-height: 40px;
    height: 100%;
    font-size: 1vw;
    text-align: center;
    float: left; }
  #deconnexion #illdeconnexion {
    width: 40px;
    margin-left: calc(100% - 40px);
    height: 40px;
    position: relative; }
    #deconnexion #illdeconnexion img {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

#cadreConnexion {
  padding-top: 80px;
  width: 27%;
  height: auto;
  background: black;
  border: solid #bbb6b6 1px;
  border-radius: 6px;
  box-shadow: 3px 4px 9px -4px rgba(0, 0, 0, 0.75);
  position: fixed;
  top: 130px;
  left: 50%;
  color: white;
  transform: translateX(-50%); }
  #cadreConnexion h1 {
    width: 100%;
    font-size: 1.3em;
    text-align: center; }
  #cadreConnexion #ent {
    display: block;
    width: 120px;
    height: auto;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, -50%); }

.wrapInput {
  width: 90%;
  margin: 10px auto;
  position: relative;
  height: 40px;
  border-radius: 4px; }
  .wrapInput.onError::after {
    content: attr(data-error);
    display: block;
    padding: 4px;
    width: 200px;
    height: auto;
    position: absolute;
    line-height: 25px;
    color: black;
    top: 0px;
    left: 112%;
    border-radius: 4px;
    box-shadow: 1px 6px 7px rgba(0, 0, 0, 0.5), 0 0 5px rgba(0, 0, 0, 0.4);
    background: -webkit-linear-gradient(top, #c1bcbf 0%, #d8d4d7 0%, #ada9ac 54%, #757275 100%);
    transition: 0.5s all; }
  .wrapInput .illInput {
    float: left;
    height: 100%;
    position: relative;
    width: 10%; }
    .wrapInput .illInput img {
      height: 95%;
      width: auto;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
  .wrapInput .statut {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: none; }
    .wrapInput .statut img {
      width: 100%;
      height: auto; }
    .wrapInput .statut .wait {
      animation: spin 1s linear infinite; }
    .wrapInput .statut .check {
      display: none; }
    .wrapInput .statut .errorForm {
      display: none; }
  .wrapInput .myInput {
    margin-left: 15%;
    width: 85%;
    height: 100%;
    position: relative; }
    .wrapInput .myInput input {
      display: block;
      width: 95%;
      height: 95%;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      border: none;
      border-radius: 20px;
      text-align: center; }
  .wrapInput label {
    width: 40%;
    height: 100%;
    line-height: 40px;
    display: block;
    float: left;
    font-weight: bold; }
  .wrapInput input, .wrapInput select {
    display: block;
    float: left;
    width: 59%;
    height: 95%;
    position: relative;
    border: none;
    border-radius: 20px;
    text-align: center; }
    .wrapInput input.onError, .wrapInput select.onError {
      border: solid red 1px; }
  .wrapInput input[type="checkbox"] {
    width: 50%; }

.btn1 {
  text-align: center;
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
  margin-bottom: 30px;
  border-radius: 6px; }
  .btn1.color1 {
    background: #894274; }
  .btn1.color2 {
    background: #F4A102; }
  .btn1.color3 {
    background: #894274; }
  .btn1.text1 {
    color: white; }
  .btn1.L80 {
    width: 80%; }
  .btn1.L70 {
    width: 70%; }
  .btn1.L60 {
    width: 60%; }
  .btn1.L50 {
    width: 50%; }
  .btn1.L40 {
    width: 40%; }
  .btn1.L30 {
    width: 30%; }
  .btn1.L20 {
    width: 20%; }
  .btn1.L10 {
    width: 10%; }
  .btn1.centre {
    margin-left: auto;
    margin-right: auto; }
  .btn1:hover {
    cursor: pointer; }

.wrapperSlide {
  position: absolute;
  width: 89px;
  height: 36px;
  border-radius: 19px;
  border: solid #ccc 1px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: -webkit-linear-gradient(top, #8cc540 0%, #699331 61%, #567828 91%, #4d6b24 100%);
  box-shadow: inset 0 3px 15px rgba(0, 0, 0, 0.8); }
  .wrapperSlide .slidy {
    position: absolute;
    left: 1px;
    top: 1px;
    height: 84%;
    width: 41%;
    border-top: solid 2px #fafafa;
    border-bottom: solid 2px #ada39d;
    border-radius: 50%;
    background: -webkit-linear-gradient(top, #efeeee 0%, #bcb9b8 100%);
    box-shadow: 1px 6px 7px rgba(0, 0, 0, 0.5), 0 0 5px rgba(0, 0, 0, 0.4);
    transition: all 0.2s cubic-bezier(0, 0, 0.05, 1.01); }
  .wrapperSlide.off {
    background: -webkit-linear-gradient(top, #ea1e44 0%, #bc193c 61%, #82112a 91%, #5e0d1e 100%); }
    .wrapperSlide.off .slidy {
      left: 57%;
      transition: all 0.4s cubic-bezier(0, 0, 0.05, 1.01); }
  .wrapperSlide:hover {
    cursor: pointer; }
    .wrapperSlide:hover .slidy {
      box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5); }

.wrapInfosS {
  width: 100%;
  position: relative; }
  .wrapInfosS h3 {
    text-align: center; }
  .wrapInfosS #T-infosS {
    width: 80%;
    margin-right: 20%; }
    .wrapInfosS #T-infosS tr {
      height: 30px;
      vertical-align: middle; }
      .wrapInfosS #T-infosS tr td:first-child {
        font-weight: bold;
        width: 20%; }

.oneIter {
  width: 40%;
  height: 45px;
  position: relative;
  padding-bottom: 5px;
  border-bottom: solid white 1px;
  margin: 20px;
  line-height: 40px;
  min-width: 546px; }
  .oneIter .itemName {
    width: 50%;
    padding-left: 10px;
    font-variant-caps: all-small-caps;
    color: white;
    height: 100%;
    line-height: 40px;
    float: left;
    font-size: 1.5vw; }
  .oneIter .wrapActionMembre {
    width: 220px;
    float: right;
    height: 100%;
    position: relative; }
    .oneIter .wrapActionMembre .trash, .oneIter .wrapActionMembre .edit {
      width: 50%;
      height: 100%;
      position: relative;
      float: left; }
      .oneIter .wrapActionMembre .trash img, .oneIter .wrapActionMembre .edit img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 36px;
        width: auto; }
      .oneIter .wrapActionMembre .trash:hover, .oneIter .wrapActionMembre .edit:hover {
        cursor: pointer; }

main.index {
  width: 80%;
  margin: 30px auto; }
main.fiche {
  position: relative;
  width: 100%; }
  main.fiche h1.titre {
    margin-left: 5%; }

.AddPsuivi {
  width: 60px;
  height: 60px;
  margin: 10px; }
  .AddPsuivi img {
    width: 100%;
    height: auto; }
  .AddPsuivi:hover {
    cursor: pointer; }

#filtres {
  width: calc(70% - 20px);
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 50px;
  overflow: auto; }
  #filtres .wrapInputRecherche {
    width: 100%;
    background: white;
    margin: 3px;
    position: relative;
    height: 55px;
    box-sizing: border-box;
    border-radius: 4px;
    float: left; }
    #filtres .wrapInputRecherche label {
      position: absolute;
      top: 3px;
      font-size: 0.8em;
      font-style: italic;
      left: 3px; }
    #filtres .wrapInputRecherche input, #filtres .wrapInputRecherche select:not(.listCool) {
      display: block;
      width: 50%;
      position: absolute;
      border-radius: 12px;
      color: #4255b3;
      height: 35px;
      top: 60%;
      left: 50%;
      transform: translate(-50%, -50%);
      border: none;
      text-align: center;
      font-size: 1.3em;
      background: transparent; }
    #filtres .wrapInputRecherche.L90 {
      width: calc(90% - 6px); }
    #filtres .wrapInputRecherche.L80 {
      width: calc(80% - 6px); }
    #filtres .wrapInputRecherche.L70 {
      width: calc(70% - 6px); }
    #filtres .wrapInputRecherche.L60 {
      width: calc(60% - 6px); }
    #filtres .wrapInputRecherche.L50 {
      width: calc(50% - 6px); }
    #filtres .wrapInputRecherche.L40 {
      width: calc(40% - 6px); }
    #filtres .wrapInputRecherche.L30 {
      width: calc(30% - 6px); }
    #filtres .wrapInputRecherche.L20 {
      width: calc(20% - 6px); }

#F-newPS {
  margin-bottom: 30px; }

a {
  text-decoration: none;
  color: black; }

.onePersonne {
  width: 50%;
  height: 40px;
  line-height: 40px;
  border-bottom: solid black 1px;
  margin-bottom: 15px; }
  .onePersonne.cv {
    border: none;
    position: absolute;
    width: auto;
    height: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .onePersonne.cv .namePS {
      margin-left: 0;
      font-size: 1.3em;
      transition: all 0.5s; }
    .onePersonne.cv:hover .namePS {
      margin-left: 0px;
      color: black;
      font-weight: bold;
      font-size: 1.5vw;
      cursor: pointer;
      transition: all 0.5s; }
  .onePersonne .namePS {
    margin-left: 10px;
    font-size: 1.3em;
    transition: all 0.5s; }
  .onePersonne:hover .namePS {
    margin-left: 20px;
    color: white;
    cursor: pointer;
    transition: all 0.5s; }

.OneBloc {
  width: 60%;
  margin: 30px auto 120px 5%;
  border: solid #004580 1px;
  height: auto;
  background: white;
  overflow: auto;
  position: relative; }
  .OneBloc .niveauDep {
    position: absolute;
    left: 18%;
    top: 20px;
    transform: translateX(-50%);
    height: 20px;
    width: 120px;
    padding-left: 25px;
    padding-right: 25px; }
    .OneBloc .niveauDep .bouge {
      position: absolute;
      width: 20px;
      height: 20px;
      top: 50%;
      transform: translateY(-50%); }
      .OneBloc .niveauDep .bouge:hover {
        cursor: pointer; }
      .OneBloc .niveauDep .bouge img {
        width: 100%;
        height: 100%; }
      .OneBloc .niveauDep .bouge.Moins {
        left: 0px; }
      .OneBloc .niveauDep .bouge.Plus {
        right: 0px; }
    .OneBloc .niveauDep .myNDR {
      width: 20px;
      border: solid #EA1E44 1px;
      margin: 1px;
      float: left;
      height: 100%;
      position: relative; }
      .OneBloc .niveauDep .myNDR.back1 {
        background: repeating-linear-gradient(45deg, #068406, #068406 10px, #07d00e 10px, #07d00e 20px); }
      .OneBloc .niveauDep .myNDR.back2 {
        background: repeating-linear-gradient(45deg, #bc0a06, #bc0a06 10px, #ef0a0a 10px, #ef0a0a 20px); }
  .OneBloc .niveauCurr {
    position: absolute;
    right: -7%;
    top: 20px;
    transform: translateX(-50%);
    height: 10px;
    width: 92px;
    padding-left: 25px;
    padding-right: 25px; }
    .OneBloc .niveauCurr .myNDR {
      width: 10px;
      border: solid #8CC540 1px;
      margin: 1px;
      float: left;
      height: 100%;
      position: relative; }
      .OneBloc .niveauCurr .myNDR.noRempli {
        background: white; }
      .OneBloc .niveauCurr .myNDR.Rempli {
        background: #8CC540; }
      .OneBloc .niveauCurr .myNDR:hover {
        cursor: pointer; }
  .OneBloc h1 {
    font-variant-caps: all-small-caps;
    text-align: center;
    margin: 10px auto 25px 0px;
    margin-left: 0; }
  .OneBloc h2 {
    position: absolute;
    width: 100%;
    height: 28px;
    top: 0;
    left: 0;
    font-variant-caps: all-small-caps;
    text-align: center;
    margin: 0px;
    color: white;
    background: #004580;
    margin-block-start: 0em;
    margin-block-end: 1.83em; }
  .OneBloc .newSection {
    width: 80%;
    padding: 36px 10px 10px;
    border: solid #004580 2px;
    margin: 25px auto;
    position: relative; }
    .OneBloc .newSection.saisi {
      padding-top: 30px;
      border: solid #EA1E44 2px; }
      .OneBloc .newSection.saisi h2 {
        background: #EA1E44; }
      .OneBloc .newSection.saisi textarea {
        width: 100%;
        height: 100px;
        padding: 0px;
        margin: 0px auto 15px;
        resize: none; }
      .OneBloc .newSection.saisi .oneTag {
        width: 100%;
        margin: 5px auto;
        min-height: 20px;
        height: auto;
        overflow: auto; }
        .OneBloc .newSection.saisi .oneTag input {
          width: auto;
          height: 35px;
          border: none;
          border-radius: 12px;
          color: #4255b3;
          text-align: center;
          font-size: 1.3em;
          background: white; }
        .OneBloc .newSection.saisi .oneTag .oneItem {
          width: auto;
          line-height: 17px;
          height: 20px;
          margin: 5px;
          border-radius: 8px;
          color: black;
          padding: 5px;
          font-variant-caps: all-small-caps;
          font-size: 1.3em;
          border: solid 3px;
          text-align: center;
          float: left; }
          .OneBloc .newSection.saisi .oneTag .oneItem.TI {
            border-color: #8CC540; }
            .OneBloc .newSection.saisi .oneTag .oneItem.TI.current, .OneBloc .newSection.saisi .oneTag .oneItem.TI:hover {
              background: #A8D36F;
              font-weight: bold;
              cursor: pointer; }
          .OneBloc .newSection.saisi .oneTag .oneItem.Ca {
            border-color: #F4A102; }
            .OneBloc .newSection.saisi .oneTag .oneItem.Ca.current, .OneBloc .newSection.saisi .oneTag .oneItem.Ca:hover {
              background: #FDD17B;
              font-weight: bold;
              cursor: pointer; }
          .OneBloc .newSection.saisi .oneTag .oneItem.SIA {
            border-color: #848282; }
            .OneBloc .newSection.saisi .oneTag .oneItem.SIA.current, .OneBloc .newSection.saisi .oneTag .oneItem.SIA:hover {
              background: #ADACAC;
              font-weight: bold;
              cursor: pointer; }
          .OneBloc .newSection.saisi .oneTag .oneItem.Sect {
            border-color: #D93CEF; }
            .OneBloc .newSection.saisi .oneTag .oneItem.Sect.current, .OneBloc .newSection.saisi .oneTag .oneItem.Sect:hover {
              background: #eb78ff;
              font-weight: bold;
              cursor: pointer; }
      .OneBloc .newSection.saisi .valNewSaisi {
        position: relative;
        margin-left: calc(100% - 60px);
        width: 40px;
        height: 40px; }
        .OneBloc .newSection.saisi .valNewSaisi img {
          width: 100%;
          height: auto; }
    .OneBloc .newSection .oneInfo {
      height: auto;
      margin-bottom: 30px;
      position: relative; }
      .OneBloc .newSection .oneInfo.ansTo::before {
        content: '';
        display: block;
        width: 15px;
        height: 15px;
        position: absolute;
        left: -20px;
        top: 25%;
        transform: translateY(-50%);
        background: url(../images/1x/antTo.png);
        background-size: cover; }
      .OneBloc .newSection .oneInfo .myCZ {
        position: absolute;
        top: -5px;
        left: -5px;
        width: calc(100% + 10px);
        height: calc(100% + 10px);
        opacity: 0;
        transition: all 0.5s; }
        .OneBloc .newSection .oneInfo .myCZ:hover {
          border: solid #4A233C 1px;
          border-radius: 8px;
          opacity: 1;
          transition: all 0.5s;
          cursor: pointer; }
        .OneBloc .newSection .oneInfo .myCZ .wrapActionHover {
          position: absolute;
          right: 0px;
          top: -30px;
          height: 30px;
          width: auto; }
          .OneBloc .newSection .oneInfo .myCZ .wrapActionHover div {
            position: relative;
            width: 30px;
            height: 30px;
            float: left;
            margin-left: 3px; }
            .OneBloc .newSection .oneInfo .myCZ .wrapActionHover div img {
              width: 100%;
              height: 100%; }
      .OneBloc .newSection .oneInfo .readModInfo {
        display: block; }
        .OneBloc .newSection .oneInfo .readModInfo .infosinfo {
          width: 240px;
          height: 30px;
          position: relative;
          margin-right: 15px; }
          .OneBloc .newSection .oneInfo .readModInfo .infosinfo .dateInfos {
            width: 50%;
            font-size: 0.9em;
            float: left;
            height: 100%;
            line-height: 30px;
            font-style: italic;
            color: #828080; }
          .OneBloc .newSection .oneInfo .readModInfo .infosinfo .illustrations {
            width: 120px;
            float: left;
            height: 100%; }
            .OneBloc .newSection .oneInfo .readModInfo .infosinfo .illustrations .myInit {
              width: 27px;
              height: 27px;
              border-radius: 50%;
              line-height: 25px;
              margin: 2px;
              font-size: 0.9em;
              text-align: center;
              background: white;
              border: solid black 1px;
              box-sizing: border-box; }
            .OneBloc .newSection .oneInfo .readModInfo .infosinfo .illustrations div:not(.myInit) {
              width: 25%;
              float: left;
              position: relative;
              height: 100%; }
              .OneBloc .newSection .oneInfo .readModInfo .infosinfo .illustrations div:not(.myInit) img {
                position: absolute;
                height: 90%;
                width: auto;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%); }
        .OneBloc .newSection .oneInfo .readModInfo .myInfo {
          padding-top: 6.5px;
          font-weight: bold; }
      .OneBloc .newSection .oneInfo .writeModInfo {
        display: none; }

.wrapInfosEdit {
  height: 60px;
  border: solid #3D3D6D 1px;
  float: left;
  position: relative; }
  .wrapInfosEdit.myDateInfo, .wrapInfosEdit.myTypeInfo, .wrapInfosEdit.myCanalInfo {
    width: calc(30% - 3px); }
  .wrapInfosEdit.mySIAInfo {
    width: 10%; }
  .wrapInfosEdit input:not(.SIAInfo), .wrapInfosEdit select {
    border: none;
    background: transparent;
    text-align: center;
    width: 100%;
    height: 20px;
    margin-top: 20%; }
  .wrapInfosEdit input.SIAInfo {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  .wrapInfosEdit label {
    position: absolute;
    top: 5px;
    font-size: 0.8em;
    left: 5px;
    width: calc(100% - 5px);
    height: auto;
    color: #797575; }

textarea.myTextInfo {
  width: calc(99% - 2px);
  height: 60px;
  resize: none;
  border: solid #3D3D6D 1px; }

.EditOption {
  position: relative;
  margin-left: calc(100% - 75px); }

.cancelChangeInfo {
  position: relative;
  float: left;
  width: 30px;
  height: 30px; }
  .cancelChangeInfo img {
    width: 100%;
    height: auto; }
  .cancelChangeInfo :hover {
    cursor: pointer; }

.valChangeInfo {
  position: relative;
  margin-left: 32.5px;
  width: 30px;
  height: 30px; }
  .valChangeInfo img {
    width: 100%;
    height: auto; }
  .valChangeInfo :hover {
    cursor: pointer; }

.wrapInputSuivi {
  width: 90%;
  margin: 0;
  position: relative;
  height: 60px;
  border: solid #4255b3 1px;
  float: left; }
  .wrapInputSuivi .noItem {
    height: 45px;
    width: 90%;
    margin-left: 10%;
    border-radius: 20px;
    position: relative; }
  .wrapInputSuivi:hover {
    cursor: pointer;
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.75); }
  .wrapInputSuivi#WI-sexeps {
    width: calc(16% - 2px); }
  .wrapInputSuivi#WI-nomps, .wrapInputSuivi#WI-prenomps {
    width: calc(42% - 2px); }
  .wrapInputSuivi#WI-datesuivips, .wrapInputSuivi#WI-ddnps {
    width: calc(50% - 2px); }
  .wrapInputSuivi#WI-adresseps, .wrapInputSuivi#WI-emploips, .wrapInputSuivi#WI-expantps, .wrapInputSuivi#WI-souhaitps, .wrapInputSuivi#WI-tabfamps, .wrapInputSuivi#WI-tabrcps, .wrapInputSuivi#WI-pgps, .wrapInputSuivi#WI-atps, .wrapInputSuivi#WI-lastchanged, .wrapInputSuivi#WI-situationF {
    width: calc(100% - 2px); }
  .wrapInputSuivi#WI-collabps {
    width: calc(40% - 2px); }
  .wrapInputSuivi#WI-CiTps {
    width: calc(20% - 2px); }
  .wrapInputSuivi#WI-utps, .wrapInputSuivi#WI-qpvps {
    width: calc(20% - 2px); }
  .wrapInputSuivi#WI-utps select {
    margin-left: 25%; }
  .wrapInputSuivi#WI-pgps, .wrapInputSuivi#WI-tabfamps, .wrapInputSuivi#WI-tabrcps, .wrapInputSuivi#WI-atps {
    padding-top: 35px;
    height: auto; }
  .wrapInputSuivi#WI-expantps, .wrapInputSuivi#WI-souhaitps {
    height: 110px; }
  .wrapInputSuivi#WI-cpps {
    width: calc(33.333% - 2px); }
  .wrapInputSuivi#WI-villeps {
    width: calc(33.333% - 2px); }
  .wrapInputSuivi#WI-nivscolps {
    width: calc(20% - 2px); }
  .wrapInputSuivi#WI-handips {
    width: calc(13.3333% - 2px); }
  .wrapInputSuivi#WI-sfps, .wrapInputSuivi#WI-slps, .wrapInputSuivi#WI-mobps {
    width: calc(33.333% - 2px); }
  .wrapInputSuivi#WI-emailps {
    width: calc(50% - 2px); }
    .wrapInputSuivi#WI-emailps input {
      width: 60%; }
  .wrapInputSuivi#WI-telfixeps, .wrapInputSuivi#WI-telportps {
    width: calc(25% - 2px); }
    .wrapInputSuivi#WI-telfixeps input, .wrapInputSuivi#WI-telportps input {
      width: 60%; }
  .wrapInputSuivi.onError::after {
    content: attr(data-error);
    display: block;
    padding: 4px;
    width: 200px;
    height: auto;
    position: absolute;
    line-height: 25px;
    color: black;
    top: 0px;
    left: 112%;
    border-radius: 4px;
    box-shadow: 1px 6px 7px rgba(0, 0, 0, 0.5), 0 0 5px rgba(0, 0, 0, 0.4);
    background: -webkit-linear-gradient(top, #c1bcbf 0%, #d8d4d7 0%, #ada9ac 54%, #757275 100%);
    transition: 0.5s all; }
  .wrapInputSuivi .illInput {
    float: left;
    height: 100%;
    position: relative;
    width: 10%; }
    .wrapInputSuivi .illInput img {
      height: 95%;
      width: auto;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
  .wrapInputSuivi .statut {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: none; }
    .wrapInputSuivi .statut img {
      width: 100%;
      height: auto; }
    .wrapInputSuivi .statut .check {
      display: none; }
    .wrapInputSuivi .statut .errorForm {
      display: none; }
  .wrapInputSuivi .myInput {
    margin-left: 15%;
    width: 85%;
    height: 100%;
    position: relative; }
    .wrapInputSuivi .myInput input {
      display: block;
      width: 95%;
      height: 95%;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      border: none;
      border-radius: 20px;
      text-align: center;
      font-size: 1.3em; }
  .wrapInputSuivi label {
    width: 75%;
    height: auto;
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 0.8em;
    color: #797575;
    font-weight: bold; }
  .wrapInputSuivi input, .wrapInputSuivi select:not(.listCool) {
    display: block;
    float: left;
    width: 50%;
    position: absolute;
    border-radius: 12px;
    color: #4255b3;
    height: 35px;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: none;
    text-align: center;
    font-size: 1.3em;
    background: transparent; }
    .wrapInputSuivi input.onError, .wrapInputSuivi select:not(.listCool).onError {
      border: solid red 1px; }
  .wrapInputSuivi textarea {
    resize: none;
    width: 80%;
    display: block;
    margin: auto;
    height: 70%;
    margin-top: 3%;
    border: none;
    background: transparent; }
  .wrapInputSuivi input:focus, .wrapInputSuivi textarea:focus {
    background: white; }

.wait {
  animation: spin 1s linear infinite; }

.clickZone, .clickZoneRC {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
  left: -5px;
  top: -5px; }

.clickZoneRC {
  position: absolute;
  width: calc(100% - 10px);
  height: 100%;
  z-index: 40; }

.onLine {
  height: 45px;
  width: 90%;
  margin-left: 10%;
  border-radius: 20px;
  position: relative; }
  .onLine .clickZone:hover ~ .readMod {
    background: #4A233C;
    color: #ccc;
    cursor: pointer;
    padding-left: 15px; }
  .onLine.onEdit .readMod {
    display: none; }
  .onLine.onEdit .writeMod {
    display: block; }
  .onLine .readMod {
    height: 100%;
    width: 100%;
    border-radius: 20px; }
    .onLine .readMod.L50 {
      width: 50%; }
    .onLine .readMod.L75 {
      width: 75%; }
    .onLine .readMod .chRM {
      height: 100%;
      line-height: 45px;
      float: left; }
      .onLine .readMod .chRM.duo {
        width: 50%; }
      .onLine .readMod .chRM.trio {
        width: 33.33%; }
      .onLine .readMod .chRM.inv {
        opacity: 0; }
    .onLine .readMod:hover {
      background: black;
      color: white;
      cursor: pointer; }
  .onLine .writeMod {
    width: 100%;
    height: 100%;
    position: relative;
    display: none; }
    .onLine .writeMod .actions {
      float: left; }
    .onLine .writeMod form {
      height: 100%;
      float: left; }
      .onLine .writeMod form.duo {
        width: 50%; }
        .onLine .writeMod form.duo .moduleEdit:first-child {
          margin-right: 2.5px; }
        .onLine .writeMod form.duo .moduleEdit:nth-child(2) {
          margin-left: 2.5px; }
        .onLine .writeMod form.duo input, .onLine .writeMod form.duo select {
          position: relative;
          display: block;
          float: left;
          width: calc(50% - 3px);
          top: auto;
          left: auto;
          border-radius: 12px;
          height: 95%;
          background: white;
          border: none;
          transform: none;
          text-align: center; }
      .onLine .writeMod form.trio {
        width: 75%; }
        .onLine .writeMod form.trio .moduleEdit:first-child {
          margin-right: 2.5px; }
        .onLine .writeMod form.trio .moduleEdit:nth-child(2) {
          margin-left: 2.5px; }
        .onLine .writeMod form.trio input, .onLine .writeMod form.trio select {
          position: relative;
          display: block;
          float: left;
          width: calc(33.33% - 3px);
          top: auto;
          left: auto;
          border-radius: 12px;
          height: 95%;
          background: #4A233C;
          color: white;
          border: none;
          transform: none;
          text-align: center; }

.actions {
  width: 50%;
  height: 100%; }
  .actions.trio {
    width: 25%; }
  .actions.trois .editaction {
    width: 33.333%; }
  .actions .editaction {
    width: 50%;
    float: left;
    height: 100%;
    position: relative; }
    .actions .editaction img {
      position: absolute;
      height: 80%;
      width: auto;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

.beforeNew {
  width: 100%;
  height: 100%;
  color: #535151;
  opacity: 0;
  font-size: 1.2em; }

.clickZone:hover ~ .beforeNew {
  color: #ccc;
  cursor: pointer;
  opacity: 1; }

.newLine {
  height: 45px;
  width: 90%;
  margin-left: 10%;
  margin-bottom: 25px;
  position: relative; }
  .newLine.onAdd .beforeNew {
    display: none; }
  .newLine.onAdd .AddMod {
    display: block; }
  .newLine .AddMod {
    height: 100%;
    display: none;
    position: relative; }
    .newLine .AddMod form {
      width: 50%;
      height: 100%;
      position: relative;
      float: left; }
      .newLine .AddMod form.trio {
        width: 75%; }
    .newLine .AddMod .actions {
      float: left; }
    .newLine .AddMod.duo {
      width: 100%; }
      .newLine .AddMod.duo .moduleAdd:first-child {
        margin-right: 2.5px; }
      .newLine .AddMod.duo .moduleAdd:nth-child(2) {
        margin-left: 2.5px; }
      .newLine .AddMod.duo input, .newLine .AddMod.duo select {
        position: relative;
        display: block;
        float: left;
        width: calc(50% - 3px);
        top: auto;
        left: auto;
        border-radius: 12px;
        height: 95%;
        background: white;
        border: none;
        transform: none;
        text-align: center; }
    .newLine .AddMod.trio {
      width: 75%; }
      .newLine .AddMod.trio .moduleAdd:first-child {
        margin-right: 2.5px; }
      .newLine .AddMod.trio .moduleAdd:nth-child(2) {
        margin-right: 2.5px; }
      .newLine .AddMod.trio .moduleAdd:last-child {
        margin-right: 0; }
      .newLine .AddMod.trio input, .newLine .AddMod.trio select {
        position: relative;
        display: block;
        float: left;
        width: calc(33.33% - 3px);
        top: auto;
        left: auto;
        border-radius: 12px;
        height: 95%;
        background: #4A233C;
        color: white;
        border: none;
        transform: none;
        text-align: center; }

.blocFin {
  width: 95%;
  margin: auto;
  height: auto; }
  .blocFin.inv {
    display: none; }
  .blocFin.vis {
    display: block; }

.heightRC {
  width: 100%;
  height: auto;
  overflow: auto; }

.blocRessource {
  background: #8CC540;
  border-right: solid white 6px; }

.blocCharge {
  background: #EA1E44;
  border-right: solid white 6px; }

.blocDette {
  background: #405A75; }

.blocRessource, .blocCharge, .blocDette {
  width: calc(33.33% - 6px);
  border-radius: 8px;
  float: left;
  color: white;
  height: auto; }
  .blocRessource h3, .blocCharge h3, .blocDette h3 {
    text-align: center;
    font-size: 1em; }
  .blocRessource .videRC, .blocCharge .videRC, .blocDette .videRC {
    font-style: italic;
    text-align: center; }

.newLineRC {
  width: 95%;
  margin: 10px auto;
  height: 45px;
  position: relative; }
  .newLineRC .AddModRc {
    height: 100%;
    display: none;
    position: relative;
    width: 100%; }
    .newLineRC .AddModRc form {
      width: 75%;
      height: 100%;
      position: relative;
      float: left; }
      .newLineRC .AddModRc form .moduleAdd:first-child {
        margin-right: 2.5px; }
      .newLineRC .AddModRc form .moduleAdd:nth-child(2) {
        margin-right: 2.5px; }
      .newLineRC .AddModRc form .moduleAdd:nth-child(3) {
        margin-right: 2.5px; }
      .newLineRC .AddModRc form .moduleAdd:last-child {
        margin-right: 0;
        margin-left: 2.5px; }
      .newLineRC .AddModRc form input, .newLineRC .AddModRc form select {
        position: relative;
        display: block;
        float: left;
        width: calc(25% - 3px);
        top: auto;
        left: auto;
        border-radius: 12px;
        height: 95%;
        background: #4A233C;
        color: white;
        border: none;
        transform: none;
        text-align: center; }
      .newLineRC .AddModRc form #libChargesN, .newLineRC .AddModRc form #libDettesN {
        display: none; }
    .newLineRC .AddModRc .actions {
      float: left; }

.OnLineRC {
  height: 45px;
  width: calc(100% - 10px);
  border-radius: 20px;
  position: relative;
  padding-left: 10px; }
  .OnLineRC .clickZoneRC:hover ~ .readModRC {
    background: black;
    color: white;
    cursor: pointer; }
  .OnLineRC.onEdit .readMod {
    display: none; }
  .OnLineRC.onEdit .writeMod {
    display: block; }
  .OnLineRC .readModRC {
    height: 100%;
    width: 50%;
    width: 100%;
    border-radius: 20px; }
    .OnLineRC .readModRC.L50 {
      width: 50%; }
    .OnLineRC .readModRC.L75 {
      width: 75%; }
    .OnLineRC .readModRC .chRC {
      height: 100%;
      line-height: 45px;
      float: left;
      width: 50%; }
      .OnLineRC .readModRC .chRC.lib {
        width: 75%; }
      .OnLineRC .readModRC .chRC.montant {
        width: calc(25% - 10px);
        text-align: right;
        padding-right: 5px; }
      .OnLineRC .readModRC .chRC.trio {
        width: 33.33%; }
  .OnLineRC .writeModRC {
    width: 100%;
    height: 100%;
    position: relative;
    display: none; }
    .OnLineRC .writeModRC .actions {
      float: left; }
    .OnLineRC .writeModRC form {
      height: 100%;
      float: left; }
      .OnLineRC .writeModRC form.duo {
        width: 50%; }
        .OnLineRC .writeModRC form.duo .moduleEdit:first-child {
          margin-right: 2.5px; }
        .OnLineRC .writeModRC form.duo .moduleEdit:nth-child(2) {
          margin-right: 2.5px; }
        .OnLineRC .writeModRC form.duo input, .OnLineRC .writeModRC form.duo select {
          position: relative;
          display: block;
          float: left;
          width: calc(50% - 3px);
          top: auto;
          left: auto;
          border-radius: 12px;
          height: 95%;
          background: white;
          border: none;
          transform: none;
          text-align: center; }
      .OnLineRC .writeModRC form.trio {
        width: 75%; }
        .OnLineRC .writeModRC form.trio .moduleEdit:first-child {
          margin-right: 2.5px; }
        .OnLineRC .writeModRC form.trio .moduleEdit:nth-child(2) {
          margin-left: 2.5px; }
        .OnLineRC .writeModRC form.trio input, .OnLineRC .writeModRC form.trio select {
          position: relative;
          display: block;
          float: left;
          width: calc(33.33% - 3px);
          top: auto;
          left: auto;
          border-radius: 12px;
          height: 95%;
          background: white;
          border: none;
          transform: none;
          text-align: center; }

#MenuNav {
  position: fixed;
  top: 255px;
  right: 5%;
  width: 25%;
  height: auto; }
  #MenuNav .OneMenu {
    position: relative;
    width: 90%;
    height: 40px;
    margin: 0px 0px 10px auto;
    overflow: hidden;
    border-radius: 25px;
    background: white;
    border: solid #c5c3c3 4px; }
    #MenuNav .OneMenu .backOne {
      position: absolute;
      bottom: 0;
      left: 0px;
      height: 100%;
      z-index: 1;
      width: 100%;
      border-radius: 22px;
      background: white;
      -webkit-box-shadow: inset 0px 1px 9px 1px rgba(0, 0, 0, 0.66);
      box-shadow: inset 0px 2px 5px 1px rgba(0, 0, 0, 0.66); }
    #MenuNav .OneMenu .backMenu {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: calc(50% + 5px);
      height: 22px;
      z-index: 2;
      width: 120px; }
      #MenuNav .OneMenu .backMenu .AVT {
        width: 20px;
        border: solid #EA1E44 1px;
        margin: 1px;
        float: left;
        height: 100%;
        position: relative; }
        #MenuNav .OneMenu .backMenu .AVT.back1 {
          background: repeating-linear-gradient(45deg, #068406, #068406 10px, #07d00e 10px, #07d00e 20px); }
        #MenuNav .OneMenu .backMenu .AVT.back2 {
          background: repeating-linear-gradient(45deg, #bc0a06, #bc0a06 10px, #ef0a0a 10px, #ef0a0a 20px); }
    #MenuNav .OneMenu .nameOfMenu {
      position: absolute;
      top: 50%;
      left: 0%;
      width: 50%;
      transform: translateY(-50%);
      text-align: center;
      font-variant-caps: all-small-caps;
      font-size: 1.2em;
      font-weight: bold;
      z-index: 3;
      text-shadow: 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF; }
    #MenuNav .OneMenu:hover {
      cursor: pointer;
      margin-right: 10%; }

.blocEltForm {
  width: calc(50% - 10px);
  padding: 5px;
  float: left; }

#topMenu {
  width: 60%;
  margin: 30px auto 20px 5%;
  position: relative;
  height: 44.444px; }
  #topMenu .Tin {
    text-align: center; }
  #topMenu .itemTopMenu {
    width: 33.3333%;
    height: 100%;
    position: relative;
    float: left; }
    #topMenu .itemTopMenu.duo {
      width: 50%; }
    #topMenu .itemTopMenu .oneItemTopMenu {
      position: absolute;
      width: 90%;
      height: 90%;
      top: 50%;
      left: 50%;
      background: #004580;
      box-shadow: inset 0px 2px 5px 1px rgba(0, 0, 0, 0.66);
      color: white;
      border: solid black 1px;
      border-radius: 20px;
      transform: translate(-50%, -50%); }
      #topMenu .itemTopMenu .oneItemTopMenu:hover {
        background: white;
        color: black;
        cursor: pointer; }

#titreFiche {
  width: 60%;
  margin: 30px auto 20px 5%;
  position: relative;
  height: 80px; }
  #titreFiche #picPS {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: auto; }
    #titreFiche #picPS img {
      height: 100%;
      width: auto; }
    #titreFiche #picPS:hover {
      cursor: pointer; }
  #titreFiche #nameOf {
    position: absolute;
    top: 50%;
    left: 37%;
    transform: translate(-50%, -50%);
    font-size: 2em;
    text-align: center;
    font-weight: bold; }

select#dateFi {
  display: block;
  margin-left: 2.5%;
  margin-bottom: 15px;
  height: 25px;
  border: solid #4A233C 1px;
  border-radius: 13px;
  font-size: 1.1em; }

.retourMC {
  position: absolute;
  width: 300px;
  height: 40px;
  top: 120px;
  right: 0px;
  background: #004580;
  color: white;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px; }
  .retourMC:hover {
    background: white;
    color: black;
    cursor: pointer; }
  .retourMC.inv {
    display: none; }

#resRechercheCV {
  width: 100%;
  border-spacing: 5px; }
  #resRechercheCV tr {
    height: 40px; }
    #resRechercheCV tr th {
      width: 12%; }
    #resRechercheCV tr th:first-child {
      width: 40%; }
  #resRechercheCV td, #resRechercheCV th {
    border: solid white 1px;
    background: white;
    color: black;
    padding: 10px; }
  #resRechercheCV td.nomPS {
    width: 40%;
    text-align: center;
    position: relative;
    font-size: 1vw; }
  #resRechercheCV td:not(.nomPS) {
    width: 12%;
    text-align: center;
    font-size: 1vw; }

.oneCV {
  width: 1120px;
  height: auto;
  min-height: 1634px;
  background: white;
  margin: 80px auto;
  position: relative;
  padding: 60px; }
  .oneCV .coordCV {
    position: relative;
    width: 250px;
    height: auto; }
    .oneCV .coordCV .lineCoord {
      margin-bottom: 10px; }
      .oneCV .coordCV .lineCoord.barre {
        text-decoration: line-through; }
      .oneCV .coordCV .lineCoord.nameOfES {
        font-weight: bold;
        font-size: 1.1em; }
      .oneCV .coordCV .lineCoord:hover {
        cursor: pointer; }
  .oneCV .photoOf {
    position: absolute;
    right: 60px;
    top: 60px;
    width: 200px;
    height: auto; }
    .oneCV .photoOf img {
      width: auto;
      max-width: 100%;
      height: auto;
      max-height: 250px; }
    .oneCV .photoOf #photoVisible {
      width: 200px;
      position: absolute;
      height: 40px;
      top: -45px;
      left: 0; }

#wrapInfosCV {
  width: 100%;
  box-sizing: border-box;
  margin-top: 80px; }

.OneCategCV {
  width: 100%; }
  .OneCategCV h2 {
    display: block;
    height: 30px;
    line-height: 30px;
    background: #ccc;
    text-align: center;
    font-size: 1.2em; }

.newcontentLCV {
  width: 100%;
  border: solid #ccc 1px;
  box-sizing: border-box;
  height: 60px; }

.formNL {
  width: 100%;
  height: 100px;
  position: relative; }

.wrapInputFCV {
  position: absolute;
  box-sizing: border-box; }
  .wrapInputFCV input, .wrapInputFCV select {
    margin: 20px auto;
    display: block;
    border: none;
    width: 95%;
    height: 20px;
    text-align: center; }
  .wrapInputFCV.wrap-formatdate {
    width: 30%;
    height: 50px;
    border: solid black 1px;
    top: 50px;
    left: 0; }
  .wrapInputFCV.wrap-datedebutligne {
    width: 15%;
    height: 50px;
    border: solid black 1px;
    top: 0;
    left: 0; }
  .wrapInputFCV.wrap-datefinligne {
    width: 15%;
    height: 50px;
    border: solid black 1px;
    top: 0;
    left: 15%; }
  .wrapInputFCV.wrap-textcv {
    width: 70%;
    height: 100px;
    top: 0px;
    left: 30%;
    border: solid black 1px; }
    .wrapInputFCV.wrap-textcv textarea {
      width: 99%;
      margin: auto;
      display: block;
      border: none;
      height: 94%;
      resize: none; }
    .wrapInputFCV.wrap-textcv label {
      display: none; }
  .wrapInputFCV label {
    position: absolute;
    top: 3px;
    left: 3px;
    font-size: 0.8em; }

.validNL {
  width: 30px;
  height: 30px;
  margin-top: 5px;
  background: url(../images/1x/check.png);
  background-size: cover; }
  .validNL:hover {
    cursor: pointer; }

.wrapForm {
  display: none; }

.ajoutLCV {
  margin: 35px auto 10px 10px;
  color: #747272; }
  .ajoutLCV:hover {
    cursor: pointer;
    color: black; }

.oneLineCV {
  width: 95%;
  margin: 10px auto;
  position: relative; }
  .oneLineCV .dateLCV {
    width: 20%;
    float: left;
    font-weight: bold; }
  .oneLineCV .readModCV {
    padding-top: 3px;
    padding-bottom: 3px;
    position: relative; }
    .oneLineCV .readModCV:first-letter {
      text-transform: capitalize; }
    .oneLineCV .readModCV.obj .textLineCV {
      width: 100%;
      text-align: center;
      font-size: 1.4em; }
    .oneLineCV .readModCV .forView {
      position: absolute;
      width: 20px;
      height: 20px;
      top: 50%;
      left: -30px;
      transform: translateY(-50%); }
      .oneLineCV .readModCV .forView img {
        width: 100%;
        height: 100%; }
      .oneLineCV .readModCV .forView:hover {
        cursor: pointer; }
  .oneLineCV .writeModCV {
    display: none; }
  .oneLineCV.sideToside .readModCV .textLineCV {
    margin-left: 20%;
    text-align: justify; }
  .oneLineCV.alone .readModCV {
    padding-left: 10px;
    position: relative; }
    .oneLineCV.alone .readModCV::before {
      content: '-';
      display: block;
      position: absolute;
      left: 0;
      top: 3px; }
    .oneLineCV.alone .readModCV.obj::before {
      content: '';
      display: none;
      position: absolute;
      left: 0;
      top: 3px; }
    .oneLineCV.alone .readModCV.obj .textLineCV {
      width: 100%;
      text-align: center;
      font-size: 1.4em; }
  .oneLineCV .CZcv {
    position: absolute;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    z-index: 3;
    left: -5px;
    top: -5px;
    transition: all 0.5s; }
    .oneLineCV .CZcv .editLinecv, .oneLineCV .CZcv .delLinecv {
      position: absolute;
      top: -30px;
      right: 30px;
      width: 30px;
      height: 30px;
      display: none; }
      .oneLineCV .CZcv .editLinecv img, .oneLineCV .CZcv .delLinecv img {
        position: absolute;
        width: 25px;
        height: 25px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .oneLineCV .CZcv .editLinecv:hover, .oneLineCV .CZcv .delLinecv:hover {
        cursor: pointer; }
    .oneLineCV .CZcv .delLinecv {
      right: 0; }
    .oneLineCV .CZcv:hover {
      border: solid black 1px;
      border-radius: 4px;
      transition: all 0.5s; }
      .oneLineCV .CZcv:hover .editLinecv, .oneLineCV .CZcv:hover .delLinecv {
        display: block; }

.F-editLCV {
  height: 100px;
  position: relative; }

#downpdf {
  width: 50px;
  height: auto;
  display: block; }

#wrapChoixMain {
  width: 50%;
  margin: 60px auto;
  height: 400px;
  position: relative; }
  #wrapChoixMain .wrapOneChoix {
    float: left;
    width: 33.333%;
    height: 100%;
    position: relative; }
    #wrapChoixMain .wrapOneChoix .oneChoix {
      position: absolute;
      overflow: hidden;
      width: 90%;
      padding-bottom: 86%;
      border: solid #908E8E 3px;
      border-radius: 50%;
      box-sizing: border-box;
      background: white;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.75); }
      #wrapChoixMain .wrapOneChoix .oneChoix:hover {
        cursor: pointer;
        box-shadow: none; }
        #wrapChoixMain .wrapOneChoix .oneChoix:hover img {
          position: absolute;
          top: 10%;
          left: 50%;
          transform: translateX(-50%);
          width: 50%;
          height: auto; }
        #wrapChoixMain .wrapOneChoix .oneChoix:hover .TextOneChoix {
          position: absolute;
          bottom: 15%;
          width: 100%;
          text-align: center;
          font-size: 1.4em;
          transition: all 0.5s;
          opacity: 1; }
      #wrapChoixMain .wrapOneChoix .oneChoix img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 50%;
        transition: all 0.5s;
        height: auto; }
      #wrapChoixMain .wrapOneChoix .oneChoix .TextOneChoix {
        position: absolute;
        bottom: -15%;
        width: 100%;
        text-align: center;
        font-size: 1.4em;
        left: 0px;
        opacity: 0;
        transition: all 0.5s; }

.titrels {
  width: 44%;
  height: 130px;
  margin: 30px auto 30px 2%;
  position: relative; }
  .titrels .partoftitrels {
    width: 80%;
    float: left;
    height: 100%;
    position: relative; }
    .titrels .partoftitrels:first-child {
      width: 20%; }
    .titrels .partoftitrels .wrapImgTitrels {
      background: white;
      border: solid #908E8E 3px;
      border-radius: 50%;
      box-sizing: border-box;
      position: absolute;
      width: 80%;
      padding-bottom: 74%;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
      .titrels .partoftitrels .wrapImgTitrels img {
        position: absolute;
        width: 50%;
        height: auto;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
    .titrels .partoftitrels .myTitre {
      position: absolute;
      width: 100%;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      color: white;
      font-size: 1.4em; }

.wrapContent {
  width: 80%;
  margin: 40px auto;
  height: auto;
  overflow: auto; }
  .wrapContent #wrapFiltre {
    height: 40px;
    width: 60%;
    color: white;
    min-width: 600px; }
    .wrapContent #wrapFiltre input {
      background: transparent;
      border: solid white 2px;
      border-radius: 22px;
      height: 40px;
      text-align: center;
      margin: 0px auto 0px 5px;
      color: white;
      width: 300px; }
      .wrapContent #wrapFiltre input::placeholder {
        color: black; }
  .wrapContent #resultsRecherche {
    margin: 60px auto;
    width: 100%;
    height: auto;
    overflow: auto;
    color: white;
    font-size: 1.3em; }
    .wrapContent #resultsRecherche .onePersonne {
      border-bottom: solid white 1px; }

.OneBlocls {
  width: 100%;
  height: auto;
  overflow: auto; }

.wrapInfoSuiviGls {
  background: white;
  color: #3596D2;
  height: 60px;
  border: solid #3596D2 2px;
  box-sizing: border-box;
  float: left;
  width: 100%;
  position: relative; }
  .wrapInfoSuiviGls#WI-sexeps {
    width: 16%; }
  .wrapInfoSuiviGls#WI-nomps, .wrapInfoSuiviGls#WI-prenomps {
    width: 42%; }
  .wrapInfoSuiviGls#WI-datesuivips, .wrapInfoSuiviGls#WI-ddnps {
    width: 50%; }
  .wrapInfoSuiviGls#WI-adresseps, .wrapInfoSuiviGls#WI-emploips, .wrapInfoSuiviGls#WI-expantps, .wrapInfoSuiviGls#WI-souhaitps, .wrapInfoSuiviGls#WI-tabfamps, .wrapInfoSuiviGls#WI-tabrcps, .wrapInfoSuiviGls#WI-pgps, .wrapInfoSuiviGls#WI-atps, .wrapInfoSuiviGls#WI-situationF {
    width: 100%; }
  .wrapInfoSuiviGls#WI-collabps {
    width: 40%; }
  .wrapInfoSuiviGls#WI-CiTps {
    width: 20%; }
  .wrapInfoSuiviGls#WI-utps, .wrapInfoSuiviGls#WI-qpvps {
    width: 20%; }
  .wrapInfoSuiviGls#WI-utps select {
    margin-left: 25%; }
  .wrapInfoSuiviGls#WI-pgps, .wrapInfoSuiviGls#WI-tabfamps, .wrapInfoSuiviGls#WI-tabrcps, .wrapInfoSuiviGls#WI-atps {
    padding-top: 35px;
    height: auto; }
  .wrapInfoSuiviGls#WI-expantps, .wrapInfoSuiviGls#WI-souhaitps {
    height: 110px; }
  .wrapInfoSuiviGls#WI-cpps {
    width: 33.333%; }
  .wrapInfoSuiviGls#WI-villeps {
    width: 33.333%; }
  .wrapInfoSuiviGls#WI-nivscolps {
    width: 20%; }
  .wrapInfoSuiviGls#WI-handips {
    width: 13.333%; }
  .wrapInfoSuiviGls#WI-sfps, .wrapInfoSuiviGls#WI-slps, .wrapInfoSuiviGls#WI-mobps {
    width: 33.333%; }
  .wrapInfoSuiviGls#WI-emailps {
    width: 50%; }
    .wrapInfoSuiviGls#WI-emailps input {
      width: 60%; }
  .wrapInfoSuiviGls#WI-telfixeps, .wrapInfoSuiviGls#WI-telportps {
    width: 25%; }
    .wrapInfoSuiviGls#WI-telfixeps input, .wrapInfoSuiviGls#WI-telportps input {
      width: 60%; }
  .wrapInfoSuiviGls .titreInfos {
    width: 75%;
    height: auto;
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 0.8em;
    color: #797575;
    font-weight: bold; }
  .wrapInfoSuiviGls .myInfo {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold; }
  .wrapInfoSuiviGls .wrapinfosPG {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold; }

.OneBloclsB {
  width: 100%;
  height: auto;
  background: white;
  overflow: auto;
  position: relative;
  margin: 60px auto; }
  .OneBloclsB .niveauDep {
    position: absolute;
    left: 18%;
    top: 20px;
    transform: translateX(-50%);
    height: 20px;
    width: 120px;
    padding-left: 25px;
    padding-right: 25px; }
    .OneBloclsB .niveauDep .bouge {
      position: absolute;
      width: 20px;
      height: 20px;
      top: 50%;
      transform: translateY(-50%); }
      .OneBloclsB .niveauDep .bouge:hover {
        cursor: pointer; }
      .OneBloclsB .niveauDep .bouge img {
        width: 100%;
        height: 100%; }
      .OneBloclsB .niveauDep .bouge.Moins {
        left: 0px; }
      .OneBloclsB .niveauDep .bouge.Plus {
        right: 0px; }
    .OneBloclsB .niveauDep .myNDR {
      width: 20px;
      border: solid #EA1E44 1px;
      margin: 1px;
      float: left;
      height: 100%;
      position: relative; }
      .OneBloclsB .niveauDep .myNDR.back1 {
        background: repeating-linear-gradient(45deg, #068406, #068406 10px, #07d00e 10px, #07d00e 20px); }
      .OneBloclsB .niveauDep .myNDR.back2 {
        background: repeating-linear-gradient(45deg, #bc0a06, #bc0a06 10px, #ef0a0a 10px, #ef0a0a 20px); }
  .OneBloclsB h1 {
    font-variant-caps: all-small-caps;
    text-align: center;
    margin: 10px auto 25px 0px;
    margin-left: 0; }
  .OneBloclsB h2 {
    position: absolute;
    width: 100%;
    height: 28px;
    top: 0;
    left: 0;
    font-variant-caps: all-small-caps;
    text-align: center;
    margin: 0px;
    color: white;
    background: #004580;
    margin-block-start: 0em;
    margin-block-end: 1.83em; }
  .OneBloclsB .newSection {
    width: 80%;
    padding: 36px 10px 10px;
    border: solid #004580 2px;
    margin: 25px auto;
    position: relative; }
    .OneBloclsB .newSection .oneInfols {
      height: auto;
      margin-bottom: 30px;
      position: relative; }
      .OneBloclsB .newSection .oneInfols.ansTo::before {
        content: '';
        display: block;
        width: 15px;
        height: 15px;
        position: absolute;
        left: -20px;
        top: 25%;
        transform: translateY(-50%);
        background: url(../images/1x/antTo.png);
        background-size: cover; }
      .OneBloclsB .newSection .oneInfols .readInfols {
        display: block; }
        .OneBloclsB .newSection .oneInfols .readInfols .infosinfo {
          width: 240px;
          height: 30px;
          position: relative;
          margin-right: 15px; }
          .OneBloclsB .newSection .oneInfols .readInfols .infosinfo .dateInfos {
            width: 50%;
            font-size: 0.9em;
            float: left;
            height: 100%;
            line-height: 30px;
            font-style: italic;
            color: #828080; }
          .OneBloclsB .newSection .oneInfols .readInfols .infosinfo .illustrations {
            width: 120px;
            float: left;
            height: 100%; }
            .OneBloclsB .newSection .oneInfols .readInfols .infosinfo .illustrations .myInit {
              width: 27px;
              height: 27px;
              border-radius: 50%;
              line-height: 25px;
              margin: 2px;
              font-size: 0.9em;
              text-align: center;
              background: white;
              border: solid black 1px;
              box-sizing: border-box; }
            .OneBloclsB .newSection .oneInfols .readInfols .infosinfo .illustrations div:not(.myInit) {
              width: 25%;
              float: left;
              position: relative;
              height: 100%; }
              .OneBloclsB .newSection .oneInfols .readInfols .infosinfo .illustrations div:not(.myInit) img {
                position: absolute;
                height: 90%;
                width: auto;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%); }
        .OneBloclsB .newSection .oneInfols .readInfols .myInfo {
          padding-top: 6.5px;
          font-weight: bold; }
      .OneBloclsB .newSection .oneInfols .writeModInfo {
        display: none; }

.OneDashAdmin {
  width: 100%;
  padding-top: 60px;
  position: relative;
  height: 450px;
  background: white;
  margin: 80px auto; }
  .OneDashAdmin h1 {
    font-size: 1.5em;
    text-align: center;
    display: block;
    position: absolute;
    left: 0px;
    top: 10px;
    width: 100%;
    height: 40px; }
  .OneDashAdmin .oneChart {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

#choixPeriode {
  width: 240px;
  height: 40px;
  border-radius: 6px;
  border: solid black 1px;
  display: block;
  margin-right: 10px; }

#scrollListe {
  height: 550px;
  overflow-y: scroll; }

.onCheckCite {
  width: 100%;
  height: auto;
  margin-bottom: 10px; }

.CiteCheckName {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 1.1em;
  font-weight: bold; }

.ListePSCheck {
  margin-left: 5%; }

.OnePSCheck {
  line-height: 25px;
  height: 25px; }

#showListe {
  width: 240px;
  float: left;
  height: 40px;
  border-radius: 6px;
  border: solid #F4A102 1px;
  color: white;
  display: block;
  margin-right: 10px;
  text-align: center;
  line-height: 40px;
  background: #F4A102; }
  #showListe:hover {
    cursor: pointer;
    color: #F4A102;
    background: white; }

#TableDesFacturesH {
  width: 100%;
  height: auto;
  font-size: 0.9em;
  border: solid white 1px; }
  #TableDesFacturesH tr th, #TableDesFacturesH tr td {
    background: white;
    height: 40px;
    text-align: center;
    /* border-radius: 4px; */ }
  #TableDesFacturesH th#titreDetail {
    width: 6%; }
  #TableDesFacturesH th#titreUnite {
    width: 23%; }
  #TableDesFacturesH th#titreQpv {
    width: 5%; }
  #TableDesFacturesH th#titreNumFact {
    width: 11%; }
  #TableDesFacturesH th#titreNbSuivi {
    width: 5%; }
  #TableDesFacturesH th#titreMontant {
    width: 6%; }
  #TableDesFacturesH th#titreNE {
    width: 12%; }
  #TableDesFacturesH th#titreSNE {
    width: 13%; }
  #TableDesFacturesH th#titreCompta {
    width: 9%; }
  #TableDesFacturesH th#titreDown {
    width: 5%; }
  #TableDesFacturesH th#titreRefresh {
    width: 5%; }
  #TableDesFacturesH .goPDF:hover {
    cursor: pointer; }
  #TableDesFacturesH .refreshFact, #TableDesFacturesH .goPDF {
    width: 35px;
    height: 35px; }

#TableDesFactures {
  width: 100%;
  height: auto;
  font-size: 0.9em;
  border: solid white 1px; }
  #TableDesFactures thead tr th {
    background: white;
    height: 40px;
    text-align: center;
    /* border-radius: 4px; */ }
  #TableDesFactures th#titreDetail {
    width: 6%; }
  #TableDesFactures th#titreUnite {
    width: 23%; }
  #TableDesFactures th#titreQpv {
    width: 5%; }
  #TableDesFactures th#titreNumFact {
    width: 11%; }
  #TableDesFactures th#titreNbSuivi {
    width: 5%; }
  #TableDesFactures th#titreMontant {
    width: 6%; }
  #TableDesFactures th#titreNE {
    width: 12%; }
  #TableDesFactures th#titreSNE {
    width: 13%; }
  #TableDesFactures th#titreCompta {
    width: 9%; }
  #TableDesFactures th#titreDown {
    width: 5%; }
  #TableDesFactures th#titreRefresh {
    width: 5%; }

.oneFactTable {
  font-size: 0.9em;
  border: solid white 1px;
  width: 100%; }
  .oneFactTable td {
    background: white; }
    .oneFactTable td.viewl {
      width: 6%; }
      .oneFactTable td.viewl .downList {
        width: 35px;
        height: 35px;
        margin: auto;
        background: url(../admin/images/1x/down.png);
        background-size: cover;
        transition: all 0.5s; }
        .oneFactTable td.viewl .downList.up {
          transform: rotate(180deg);
          transition: all 0.5s; }
        .oneFactTable td.viewl .downList:hover {
          cursor: pointer; }
    .oneFactTable td.utl {
      width: 23%;
      text-align: center; }
    .oneFactTable td.QPVl {
      width: 5%;
      text-align: center; }
    .oneFactTable td.numFl {
      width: 11%;
      text-align: center; }
    .oneFactTable td.nbsl {
      width: 5%;
      text-align: center; }
    .oneFactTable td.montantl {
      width: 6%;
      text-align: center; }
    .oneFactTable td.numel {
      width: 12%;
      text-align: center; }
      .oneFactTable td.numel input {
        width: 100%;
        height: auto;
        box-sizing: border-box;
        display: block;
        padding: 0px;
        margin: auto; }
    .oneFactTable td.statutel {
      width: 13%;
      text-align: center; }
    .oneFactTable td.comptal {
      width: 9%;
      text-align: center; }
    .oneFactTable td.downsl {
      width: 5%;
      text-align: center; }
    .oneFactTable td.refreshsl {
      width: 5%;
      text-align: center; }
  .oneFactTable .refreshFact, .oneFactTable .goPDF {
    width: 35px;
    height: 35px; }
  .oneFactTable .refreshFact:hover {
    cursor: pointer;
    animation: spin 0.5s linear infinite; }
  .oneFactTable .goPDF:hover {
    cursor: pointer; }

.detailsPSF {
  width: 95%;
  margin-top: 0px;
  background: white;
  margin-left: calc(5% - 1px);
  padding: 1px;
  margin-bottom: 15px;
  border-bottom-left-radius: 27px;
  box-sizing: border-box;
  display: none; }
  .detailsPSF .ligneDetail {
    width: 30%;
    line-height: 25px;
    height: 25px;
    box-sizing: border-box;
    text-align: left;
    margin: 5px auto 5px 20px; }

#BlocIncoherence {
  width: 100%;
  margin: 30px auto; }
  #BlocIncoherence #BItitre {
    width: 100%;
    height: 40px;
    font-size: 1.3em;
    clear: both;
    padding-top: 15px; }
    #BlocIncoherence #BItitre .warning {
      width: 40px;
      height: 100%;
      position: relative;
      float: left; }
      #BlocIncoherence #BItitre .warning img {
        position: absolute;
        width: 35px;
        top: 50%;
        left: 50%;
        opacity: 1;
        animation: clignote 1s infinite linear;
        transform: translate(-50%, -50%); }
    #BlocIncoherence #BItitre #phraseIntitule {
      width: calc(100% - 80px);
      height: 100%;
      line-height: 40px;
      text-align: center;
      float: left; }
      #BlocIncoherence #BItitre #phraseIntitule:hover {
        color: white;
        cursor: pointer; }

#detailIncoherences {
  width: 100%;
  display: none; }
  #detailIncoherences .oneFInco {
    width: 90%;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
    background: white;
    margin: 15px auto; }
    #detailIncoherences .oneFInco .TitreFInco {
      font-size: 1.3em; }
      #detailIncoherences .oneFInco .TitreFInco .factName {
        padding: 3px;
        border: solid black 1px;
        border-radius: 4px;
        background: #F4A102; }
    #detailIncoherences .oneFInco .ListeIncoEnPllus, #detailIncoherences .oneFInco .ListeIncoEnMoins {
      width: 90%;
      margin-left: 10%; }
      #detailIncoherences .oneFInco .ListeIncoEnPllus h2, #detailIncoherences .oneFInco .ListeIncoEnMoins h2 {
        font-size: 1.3em; }

div#blocResult {
  margin-top: 35px; }

.btnFact {
  position: absolute;
  width: 200px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  top: 130px;
  right: 5%;
  background: #004580;
  box-shadow: inset 0px 2px 5px 1px rgba(0, 0, 0, 0.66);
  color: white;
  border: solid black 1px;
  border-radius: 20px; }
  .btnFact:hover {
    background: white;
    color: black;
    cursor: pointer; }
  .btnFact.ha {
    top: 180px; }

table#stats {
  width: 50%;
  border: solid white 1px; }
  table#stats thead tr th {
    background: white;
    height: 40px;
    text-align: center; }
  table#stats tbody tr td {
    background: white;
    text-align: center; }
  table#stats tfoot tr td {
    background: white;
    text-align: center;
    font-weight: bold; }

#blocAjoutFacture {
  height: 120px;
  margin: 20px auto; }

#newFactureHactive {
  width: 100%;
  margin: 20px auto;
  height: 100px; }
  #newFactureHactive .wrapInputHactive {
    height: 53px;
    width: 30%;
    position: relative;
    margin: 10px 5px auto auto;
    float: left;
    background: #e1e1e1;
    border: solid white 1px; }
    #newFactureHactive .wrapInputHactive label {
      position: absolute;
      top: 3px;
      left: 3px;
      font-size: 0.8em;
      font-style: italic; }
    #newFactureHactive .wrapInputHactive input, #newFactureHactive .wrapInputHactive select {
      position: absolute;
      border: solid #787474 1px;
      bottom: 5px;
      background: transparent;
      width: 80%;
      left: 10%; }
  #newFactureHactive #saveNewHactive {
    width: 30%;
    height: 55px;
    border: solid #EA1E44 1px;
    box-sizing: border-box;
    color: white;
    border-radius: 4px;
    float: left;
    margin-top: 10px;
    position: relative;
    text-align: center;
    line-height: 55px;
    background: #EA1E44; }
    #newFactureHactive #saveNewHactive:hover {
      background: white;
      color: #EA1E44;
      cursor: pointer; }

#suggestions {
  margin: 20px auto; }

.oneSuggFacth {
  width: 100%;
  box-sizing: border-box;
  height: 60px;
  margin: 10px auto; }
  .oneSuggFacth .suggC, .oneSuggFacth .nbSuiviSugg {
    width: 30%;
    height: 55px;
    float: left;
    margin: 5px;
    background: #8CC540;
    text-align: center;
    color: white;
    line-height: 55px; }
  .oneSuggFacth form.infos {
    visibility: hidden; }
  .oneSuggFacth .acceptSugg {
    height: 55px;
    margin: 5px;
    float: left;
    width: 30%;
    background: #405A75;
    color: white;
    text-align: center;
    line-height: 55px;
    border-radius: 4px; }
    .oneSuggFacth .acceptSugg:hover {
      background: white;
      color: #405A75;
      cursor: pointer; }

/* Scss Document */