/* Scss Document */
body, html {
  padding: 0;
  margin: 0;
  font-family: 'Titillium Web', sans-serif; }

#header {
  width: 100%;
  height: 50px;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 100;
  background: white; }
  #header #myLogo {
    position: absolute;
    height: 80%;
    left: 15px;
    top: 50%;
    transform: translateY(-50%); }

#laius {
  font-size: 1em;
  width: 70%;
  text-align: justify;
  position: absolute;
  top: 155px;
  left: 30px;
  color: white;
  z-index: 2; }

#menuTop {
  position: absolute;
  right: 5%;
  width: 25%;
  min-width: 379px;
  height: 80%;
  top: 50%;
  transform: translateY(-50%); }
  #menuTop .wrapItemMT {
    width: 50%;
    float: left;
    height: 100%;
    position: relative; }
    #menuTop .wrapItemMT .sswrapItemMT {
      position: absolute;
      height: 100%;
      width: 90%;
      top: 0;
      left: 50%;
      transform: translateX(-50%); }
      #menuTop .wrapItemMT .sswrapItemMT .iconeItem {
        width: 45px;
        height: 100%;
        float: left;
        position: relative; }
        #menuTop .wrapItemMT .sswrapItemMT .iconeItem img {
          position: absolute;
          height: 100%;
          width: auto;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
      #menuTop .wrapItemMT .sswrapItemMT .textItem {
        margin-left: 45px;
        width: calc(100% - 45px);
        height: 100%;
        position: relative; }
    #menuTop .wrapItemMT .menuDeroulant {
      height: 0;
      top: 100%;
      position: absolute;
      width: 200%;
      right: 0;
      border-bottom-left-radius: 10px;
      box-sizing: border-box;
      overflow: hidden;
      background: white;
      display: block; }
      #menuTop .wrapItemMT .menuDeroulant a {
        text-decoration: none;
        color: black; }
        #menuTop .wrapItemMT .menuDeroulant a:hover {
          color: white; }
      #menuTop .wrapItemMT .menuDeroulant.cat {
        right: auto;
        left: 0; }
      #menuTop .wrapItemMT .menuDeroulant.bordures {
        box-shadow: 0px 20px 20px -4px rgba(0, 0, 0, 0.75); }
        #menuTop .wrapItemMT .menuDeroulant.bordures ol {
          margin-block-start: 0em;
          margin-block-end: 0em;
          margin-inline-start: 0px;
          margin-inline-end: 0px;
          padding-inline-start: 0px; }
          #menuTop .wrapItemMT .menuDeroulant.bordures ol li {
            list-style: none;
            display: block;
            width: 100%;
            font-size: 1em;
            text-align: center;
            height: 35px;
            line-height: 25px;
            padding: 0; }
            #menuTop .wrapItemMT .menuDeroulant.bordures ol li:hover {
              background: #8CC540;
              color: white;
              cursor: pointer; }
      #menuTop .wrapItemMT .menuDeroulant .forHeight {
        position: absolute;
        top: 0;
        left: 0;
        height: auto;
        width: 100%; }
      #menuTop .wrapItemMT .menuDeroulant ol {
        margin-block-start: 0em;
        margin-block-end: 0em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        padding-inline-start: 0px; }
        #menuTop .wrapItemMT .menuDeroulant ol li {
          list-style: none;
          display: block;
          width: 100%;
          font-size: 1em;
          text-align: center;
          height: 35px;
          line-height: 25px;
          padding: 0; }
          #menuTop .wrapItemMT .menuDeroulant ol li:hover {
            background: #8CC540;
            color: white;
            cursor: pointer; }
    #menuTop .wrapItemMT:hover {
      font-weight: bold;
      cursor: pointer; }

.Footer {
  background: #565656;
  width: 100%;
  padding: 0.1px;
  position: relative;
  background: white;
  bottom: 0px;
  height: 300px;
  left: 0px; }
  .Footer #charte {
    float: right;
    margin-right: 20px; }
    .Footer #charte img {
      width: 35px;
      height: auto; }
  .Footer .tableFooter td#plan {
    text-align: center;
    border: solid #A0A0A0 1px;
    width: 20%; }
  .Footer .tableFooter .grisClair {
    background: #A0A0A0;
    color: white; }
  .Footer .tableFooter .grisFonce {
    background: #565656;
    color: white; }
  .Footer .tableFooter td#partieG, .Footer .tableFooter td#partieGL2 {
    text-align: right;
    padding-right: 20px; }
  .Footer .tableFooter td#partieC {
    text-align: center; }
  .Footer .tableFooter td#partieD, .Footer .tableFooter td#partieDL2 {
    text-align: left;
    padding-left: 20px; }
  .Footer .tableFooter td#partieDL1 {
    padding-left: 20px;
    font-size: 0.85em; }
  .Footer .tableFooter td#partieGL1 {
    padding-right: 20px;
    text-align: right; }
    .Footer .tableFooter td#partieGL1 img.reseaux {
      display: inline-block;
      margin-left: 10px;
      width: 45px;
      height: auto; }
  .Footer .tableFooter td.mince {
    height: 5px;
    background: #A0A0A0; }
  .Footer .tableFooter td#partieDL3 img {
    margin-left: 20px;
    width: 150px;
    height: auto; }

@keyframes spin {
  100% {
    transform: rotate(360deg); } }
.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 .error {
  display: none; }

.wysiwyg {
  height: 46px;
  width: 100%; }
  .wysiwyg .btnGras, .wysiwyg .btnItalic, .wysiwyg .btnSouligne, .wysiwyg .btnValEdit {
    height: 40px;
    margin: 3px;
    float: left;
    box-sizing: border-box;
    border-radius: 50%;
    border: solid #405A75 1px;
    text-align: center;
    line-height: 40px;
    width: 40px; }
    .wysiwyg .btnGras:hover, .wysiwyg .btnItalic:hover, .wysiwyg .btnSouligne:hover, .wysiwyg .btnValEdit:hover {
      cursor: pointer;
      background: #405A75;
      color: white; }
  .wysiwyg .btnGras {
    font-weight: bold; }
  .wysiwyg .btnItalic {
    font-style: italic; }
  .wysiwyg .btnSouligne {
    text-decoration: underline; }
  .wysiwyg .btnValEdit:hover {
    cursor: pointer;
    background: transparent;
    color: white; }
  .wysiwyg .btnValEdit img {
    width: 100%;
    height: 100%; }

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

.titrePop {
  font-size: 1.2em;
  margin: 10px auto 10px 10px;
  font-weight: bold; }

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

.fermer {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  display: block;
  transform: translate(-50%, -50%); }
  .fermer:hover {
    cursor: pointer; }

.contentPop {
  height: auto;
  max-height: 80%;
  min-height: 120px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border-radius: 12px;
  border: solid #EA1E44 2px;
  color: black; }
  .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;
  padding-bottom: 60px; }

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

.actionsPop {
  width: 80%;
  position: absolute;
  bottom: 20px;
  height: 40px;
  left: 50%;
  transform: translateX(-50%); }
  .actionsPop .wrapActions {
    height: 100%;
    float: left;
    position: relative; }
    .actionsPop .wrapActions.duo {
      width: 50%; }

.btnRouge {
  position: absolute;
  width: 80%;
  height: 40px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #EA1E44;
  color: white;
  border-radius: 22px;
  border: solid #EA1E44 1px; }
  .btnRouge:hover {
    background: white;
    color: #EA1E44;
    cursor: pointer; }

.btnVert {
  position: absolute;
  width: 80%;
  height: 40px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #8CC540;
  color: white;
  border: solid #8CC540 1px;
  border-radius: 22px; }
  .btnVert:hover {
    background: white;
    color: #8CC540;
    cursor: pointer; }

@font-face {
  font-family: 'Gadugi';
  font-style: normal;
  font-weight: normal;
  src: local("Franklin Gothic Book"), url("../ressources/font/gadugi.ttf") format("ttf"); }
#btnGo {
  position: absolute;
  bottom: 60px;
  width: 350px;
  font-size: 2.3em;
  font-variant-caps: all-small-caps;
  background: #8CC540;
  height: 60px;
  color: white;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 32px;
  z-index: 3; }
  #btnGo:hover {
    cursor: pointer;
    color: black; }
  #btnGo .Tin {
    width: 100%;
    text-align: center;
    top: 44%; }

.wrapVideo {
  width: 100%;
  height: 550px;
  margin-top: 50px;
  position: relative;
  overflow: hidden; }
  .wrapVideo #TitreInVid {
    position: absolute;
    top: 30px;
    left: 30px;
    font-size: 4.5em;
    color: white;
    z-index: 2; }
  .wrapVideo #descrTitre {
    position: absolute;
    top: 115px;
    left: 30px;
    font-size: 2em;
    color: white;
    z-index: 2; }

video#bgvid {
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  overflow: hidden;
  z-index: 1; }

#Presentation {
  width: 80%;
  margin: 60px auto;
  height: auto; }
  #Presentation p.prez {
    font-size: 2.3em;
    line-height: 120%; }
    #Presentation p.prez::first-letter {
      font-size: 3em;
      font-weight: bold; }
    #Presentation p.prez .numb {
      font-weight: bold;
      color: #F4A102; }

#newF {
  width: 45%;
  height: auto;
  border: solid black 1px;
  position: relative;
  padding-bottom: 70px; }

.wrapInput {
  position: relative;
  width: 80%;
  height: auto;
  margin: 10px auto; }
  .wrapInput label {
    font-size: 1.3em;
    border-bottom: solid black 1px;
    width: 50%;
    margin-bottom: 20px;
    display: block; }
  .wrapInput input {
    display: block;
    width: 80%;
    height: 40px;
    border-radius: 22px;
    border: solid black 1px;
    text-align: center; }
  .wrapInput .blocAddImg {
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    border: black dashed 1px;
    position: relative; }
    .wrapInput .blocAddImg .textIn {
      position: absolute;
      top: 50%;
      left: 50%;
      text-align: center;
      transform: translate(-50%, -50%); }
    .wrapInput .blocAddImg:hover {
      cursor: pointer; }

.fullImage {
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%); }

.btnValideNewElt {
  width: 200px;
  height: 40px;
  text-align: center;
  background: #EA1E44;
  color: white;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  position: relative;
  border-radius: 22px; }

#logoAdmin {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 15%;
  height: auto; }
  #logoAdmin img {
    width: 100%;
    height: auto; }
  #logoAdmin:hover {
    cursor: pointer; }

#blocConnexion {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 25%;
  height: 120px;
  border: solid black 1px; }
  #blocConnexion .wrapNomConnexion {
    width: 80%;
    margin: 10px auto;
    position: relative;
    height: 40px; }
    #blocConnexion .wrapNomConnexion .nomConnexion {
      width: 80%;
      height: 40px;
      text-align: center;
      line-height: 40px; }
    #blocConnexion .wrapNomConnexion .deconnexion {
      position: absolute;
      width: 40px;
      height: 40px;
      right: 0px;
      top: 0; }
      #blocConnexion .wrapNomConnexion .deconnexion img {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 30px;
        width: 30px;
        transform: translate(-50%, -50%); }
      #blocConnexion .wrapNomConnexion .deconnexion:hover {
        cursor: pointer; }
  #blocConnexion .wrapLastConnexion {
    width: 80%;
    margin: 10px auto;
    height: 40px; }
    #blocConnexion .wrapLastConnexion .TimeLC {
      width: 100%;
      height: 100%;
      line-height: 40px; }

main.adminB {
  width: 100%;
  margin: 220px auto;
  position: relative;
  height: auto;
  padding-top: 1px; }

body.admin {
  background: #ffffff; }

#menuPcp {
  position: absolute;
  width: 50%;
  top: 60px;
  left: 50%;
  padding-bottom: 24%;
  transform: translateX(-50%);
  transition: all 1s; }
  #menuPcp #wrapMP {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
    #menuPcp #wrapMP .oneItem {
      width: 50%;
      height: 100%;
      float: left;
      position: relative; }
      #menuPcp #wrapMP .oneItem .inItem {
        width: 90%;
        height: 90%;
        position: absolute;
        border-radius: 50%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        box-sizing: border-box;
        border: solid #405A75 4px;
        background: #405A75;
        overflow: hidden; }
        #menuPcp #wrapMP .oneItem .inItem img {
          position: absolute;
          height: 30%;
          width: auto;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          transition: all 0.5s; }
        #menuPcp #wrapMP .oneItem .inItem .titre {
          position: absolute;
          bottom: -50%;
          height: 40px;
          width: auto;
          color: white;
          left: 50%;
          transform: translate(-50%, -50%);
          transition: all 0.5s;
          font-size: 1.5vw; }
        #menuPcp #wrapMP .oneItem .inItem:hover {
          cursor: pointer; }
          #menuPcp #wrapMP .oneItem .inItem:hover img {
            position: absolute;
            height: 30%;
            width: auto;
            top: 30%;
            left: 50%;
            transform: translate(-50%, -50%);
            transition: all 0.5s; }
          #menuPcp #wrapMP .oneItem .inItem:hover .titre {
            position: absolute;
            bottom: 10%;
            height: 40px;
            width: auto;
            color: white;
            left: 50%;
            transform: translate(-50%, -50%);
            transition: all 0.5s; }
  #menuPcp ~ #contentAdmin {
    width: 0px;
    height: 0px;
    display: none;
    opacity: 0;
    transition: all 1s; }
  #menuPcp ~ #contentAnnonces {
    width: 0px;
    height: 0px;
    display: none;
    transition: all 1s; }
  #menuPcp.reglage {
    position: absolute;
    width: 10%;
    top: 0px;
    left: 3%;
    padding-bottom: 9%;
    transform: translateX(0%);
    transition: all 1s;
    overflow: hidden; }
    #menuPcp.reglage #wrapMP {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
      #menuPcp.reglage #wrapMP .oneItem {
        width: 100%;
        height: 100%;
        float: left;
        position: relative; }
        #menuPcp.reglage #wrapMP .oneItem .inItem {
          width: 90%;
          height: 90%;
          position: absolute;
          border-radius: 50%;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          box-sizing: border-box;
          border: solid #405A75 4px;
          background: #405A75;
          overflow: hidden; }
          #menuPcp.reglage #wrapMP .oneItem .inItem img {
            position: absolute;
            height: 30%;
            width: auto;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            transition: all 0.5s; }
          #menuPcp.reglage #wrapMP .oneItem .inItem .titre {
            position: absolute;
            bottom: -50%;
            height: 40px;
            width: auto;
            opacity: 0;
            color: white;
            left: 50%;
            transform: translate(-50%, -50%);
            transition: all 0.5s;
            font-size: 1.5vw; }
          #menuPcp.reglage #wrapMP .oneItem .inItem:hover {
            cursor: pointer; }
            #menuPcp.reglage #wrapMP .oneItem .inItem:hover img {
              position: absolute;
              height: 30%;
              width: auto;
              top: 30%;
              left: 50%;
              transform: translate(-50%, -50%);
              transition: all 0.5s; }
            #menuPcp.reglage #wrapMP .oneItem .inItem:hover .titre {
              position: absolute;
              bottom: -50%;
              height: 40px;
              width: auto;
              color: white;
              left: 50%;
              transform: translate(-50%, -50%);
              transition: all 0.5s; }
    #menuPcp.reglage ~ #contentAdmin {
      width: 80%;
      margin: 170px auto;
      height: 200px;
      opacity: 1;
      display: block; }
    #menuPcp.reglage ~ #contentAnnonces {
      width: 0px;
      height: 0px;
      display: none;
      transition: all 1s; }
  #menuPcp.annonce {
    position: absolute;
    width: 10%;
    top: 0px;
    left: 3%;
    padding-bottom: 9%;
    transform: translateX(0%);
    transition: all 1s;
    overflow: hidden; }
    #menuPcp.annonce #wrapMP {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
      #menuPcp.annonce #wrapMP .oneItem {
        width: 100%;
        height: 100%;
        float: left;
        position: relative; }
        #menuPcp.annonce #wrapMP .oneItem:first-child {
          display: none; }
        #menuPcp.annonce #wrapMP .oneItem .inItem {
          width: 90%;
          height: 90%;
          position: absolute;
          border-radius: 50%;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          box-sizing: border-box;
          border: solid #405A75 4px;
          background: #405A75;
          overflow: hidden; }
          #menuPcp.annonce #wrapMP .oneItem .inItem img {
            position: absolute;
            height: 30%;
            width: auto;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            transition: all 0.5s; }
          #menuPcp.annonce #wrapMP .oneItem .inItem .titre {
            position: absolute;
            bottom: -50%;
            height: 40px;
            width: auto;
            color: white;
            opacity: 0;
            left: 50%;
            transform: translate(-50%, -50%);
            transition: all 0.5s;
            font-size: 1.5vw; }
          #menuPcp.annonce #wrapMP .oneItem .inItem:hover {
            cursor: pointer; }
            #menuPcp.annonce #wrapMP .oneItem .inItem:hover img {
              position: absolute;
              height: 30%;
              width: auto;
              top: 30%;
              left: 50%;
              transform: translate(-50%, -50%);
              transition: all 0.5s; }
            #menuPcp.annonce #wrapMP .oneItem .inItem:hover .titre {
              position: absolute;
              bottom: -50%;
              height: 40px;
              width: auto;
              color: white;
              left: 50%;
              transform: translate(-50%, -50%);
              transition: all 0.5s; }
    #menuPcp.annonce ~ #contentAdmin {
      width: 0px;
      height: 0px;
      display: none;
      transition: all 1s; }
    #menuPcp.annonce ~ #contentAnnonces {
      width: 80%;
      margin: 170px auto;
      height: 200px;
      display: block; }

.oneAdmin {
  margin-left: 10%;
  width: 70%;
  height: 40px;
  border-bottom: solid black 1px;
  font-size: 1.5em;
  font-variant-caps: all-small-caps; }
  .oneAdmin:hover {
    padding-left: 10px;
    cursor: pointer; }

.contentAdmin {
  width: 85%;
  margin-left: 15%;
  position: relative;
  overflow: hidden;
  display: none; }
  .contentAdmin .wrappyContent {
    width: 100%;
    height: auto; }
    .contentAdmin .wrappyContent .wrapAjoutElt {
      height: 40px;
      margin-top: 20px; }
      .contentAdmin .wrappyContent .wrapAjoutElt .Ajout {
        width: 100%;
        height: 100%;
        position: relative; }
        .contentAdmin .wrappyContent .wrapAjoutElt .Ajout img {
          position: absolute;
          top: 50%;
          left: 0px;
          transform: translateY(-50%);
          width: 30px;
          height: 30px; }
        .contentAdmin .wrappyContent .wrapAjoutElt .Ajout .libelajout {
          width: auto;
          padding-left: 15px;
          line-height: 40px;
          height: 40px;
          margin-left: 30px;
          font-style: italic; }
        .contentAdmin .wrappyContent .wrapAjoutElt .Ajout:hover {
          cursor: pointer; }
      .contentAdmin .wrappyContent .wrapAjoutElt .AjoutF {
        display: none;
        width: 100%;
        height: auto; }
      .contentAdmin .wrappyContent .wrapAjoutElt .wrapInput {
        position: relative;
        width: 220px;
        height: 40px;
        margin: 10px auto;
        float: left; }
        .contentAdmin .wrappyContent .wrapAjoutElt .wrapInput.single:first-child {
          width: 220px; }
        .contentAdmin .wrappyContent .wrapAjoutElt .wrapInput:first-child {
          width: 40px; }
        .contentAdmin .wrappyContent .wrapAjoutElt .wrapInput label {
          font-size: 1.3em;
          border-bottom: solid black 1px;
          width: 50%;
          margin-bottom: 20px;
          display: none; }
        .contentAdmin .wrappyContent .wrapAjoutElt .wrapInput input {
          display: block;
          width: 200px;
          margin-left: 20px;
          height: 40px;
          border-radius: 22px;
          border: solid black 1px;
          text-align: center; }
        .contentAdmin .wrappyContent .wrapAjoutElt .wrapInput .blocAddImg {
          width: 100%;
          height: 100%;
          box-sizing: border-box;
          border: black dashed 1px;
          position: relative; }
          .contentAdmin .wrappyContent .wrapAjoutElt .wrapInput .blocAddImg .textIn {
            position: absolute;
            top: 50%;
            left: 50%;
            text-align: center;
            font-size: 1vw;
            display: none;
            transform: translate(-50%, -50%); }
          .contentAdmin .wrappyContent .wrapAjoutElt .wrapInput .blocAddImg:hover {
            cursor: pointer; }
      .contentAdmin .wrappyContent .wrapAjoutElt .btnValideNewElt {
        width: 100px;
        height: 40px;
        text-align: center;
        background: #EA1E44;
        color: white;
        position: relative;
        float: left;
        left: auto;
        bottom: 0px;
        border-radius: 22px;
        transform: none;
        margin: 10px auto 10px 15px; }
      .contentAdmin .wrappyContent .wrapAjoutElt #cancelAdd {
        position: relative;
        float: left;
        margin: 10px auto 10px 15px;
        width: 40px;
        height: 40px; }
        .contentAdmin .wrappyContent .wrapAjoutElt #cancelAdd img {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 40px;
          height: 40px; }
        .contentAdmin .wrappyContent .wrapAjoutElt #cancelAdd:hover {
          cursor: pointer; }
          .contentAdmin .wrappyContent .wrapAjoutElt #cancelAdd:hover img {
            transform: translate(-50%, -50%) rotate(90deg); }

.oneLigne {
  width: 70%;
  height: 40px;
  margin-top: 15px;
  clear: both; }
  .oneLigne .readMod {
    width: 100%;
    height: 100%;
    position: relative; }
    .oneLigne .readMod.duo .iconeRead {
      width: 40px;
      height: 100%;
      float: left;
      position: relative; }
      .oneLigne .readMod.duo .iconeRead img {
        position: absolute;
        width: 90%;
        height: 90%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .oneLigne .readMod.duo .libelleRead {
      width: auto;
      float: left;
      height: 100%;
      padding-left: 10px;
      line-height: 40px; }
    .oneLigne .readMod.trio .iconeRead {
      width: 40px;
      height: 100%;
      float: left;
      position: relative; }
      .oneLigne .readMod.trio .iconeRead img {
        position: absolute;
        width: 90%;
        height: 90%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .oneLigne .readMod.trio .libelleRead {
      width: auto;
      float: left;
      height: 100%;
      padding-left: 10px;
      line-height: 40px; }
    .oneLigne .readMod.trio .cglRead {
      width: 80px;
      text-align: center;
      line-height: 40px;
      height: 100%;
      float: left;
      position: relative; }
    .oneLigne .readMod .wrapActionRM {
      width: 100px;
      position: absolute;
      right: 0;
      top: 0;
      height: 100%; }
      .oneLigne .readMod .wrapActionRM .EditItem, .oneLigne .readMod .wrapActionRM .DeleteItem {
        width: 50%;
        float: left;
        height: 100%;
        position: relative; }
        .oneLigne .readMod .wrapActionRM .EditItem img, .oneLigne .readMod .wrapActionRM .DeleteItem img {
          position: absolute;
          width: 70%;
          height: auto;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
        .oneLigne .readMod .wrapActionRM .EditItem:hover, .oneLigne .readMod .wrapActionRM .DeleteItem:hover {
          cursor: pointer; }
  .oneLigne .writeMod {
    display: none;
    width: 100%;
    height: auto; }
    .oneLigne .writeMod .wrapInputEdit {
      position: relative;
      width: 220px;
      height: 40px;
      margin: 10px auto;
      float: left; }
      .oneLigne .writeMod .wrapInputEdit:first-child {
        width: 40px; }
      .oneLigne .writeMod .wrapInputEdit label {
        font-size: 1.3em;
        border-bottom: solid black 1px;
        width: 50%;
        margin-bottom: 20px;
        display: none; }
      .oneLigne .writeMod .wrapInputEdit input {
        display: block;
        width: 200px;
        margin-left: 20px;
        height: 40px;
        border-radius: 22px;
        border: solid black 1px;
        text-align: center; }
      .oneLigne .writeMod .wrapInputEdit .blocAddImg {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border: black dashed 1px;
        position: relative; }
        .oneLigne .writeMod .wrapInputEdit .blocAddImg img {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0; }
        .oneLigne .writeMod .wrapInputEdit .blocAddImg .textIn {
          position: absolute;
          top: 50%;
          left: 50%;
          text-align: center;
          font-size: 1vw;
          display: none;
          transform: translate(-50%, -50%); }
        .oneLigne .writeMod .wrapInputEdit .blocAddImg:hover {
          cursor: pointer; }
    .oneLigne .writeMod .btnValideNewElt {
      width: 100px;
      height: 40px;
      text-align: center;
      background: #EA1E44;
      color: white;
      position: relative;
      float: left;
      left: auto;
      bottom: 0px;
      border-radius: 22px;
      transform: none;
      margin: 10px auto 10px 15px; }
    .oneLigne .writeMod .cancelEdit, .oneLigne .writeMod .valEdit {
      position: relative;
      float: left;
      margin: 10px auto 10px 15px;
      width: 40px;
      height: 40px; }
      .oneLigne .writeMod .cancelEdit img, .oneLigne .writeMod .valEdit img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 40px;
        height: 40px; }
      .oneLigne .writeMod .cancelEdit:hover, .oneLigne .writeMod .valEdit:hover {
        cursor: pointer; }

.wrappicsmini {
  overflow: auto; }
  .wrappicsmini img {
    width: 20px;
    height: auto;
    float: left;
    margin: 2px; }

.wrapInfosCatA {
  width: 100%;
  height: 40px; }
  .wrapInfosCatA .miniCat {
    width: 40px;
    height: 100%;
    float: left;
    position: relative; }
    .wrapInfosCatA .miniCat img {
      width: 30px;
      height: 30px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      position: absolute; }
  .wrapInfosCatA .titreCat {
    float: left;
    width: calc(100% - 40px);
    height: 40px;
    position: relative;
    font-size: 0.9em; }

#TListAnnonces tr:nth-child(even) {
  background: #CCC; }
#TListAnnonces tr:nth-child(odd) {
  background: #dbdbdd; }
#TListAnnonces th {
  height: 40px;
  background: #FFF; }
#TListAnnonces td {
  padding: 5px; }
  #TListAnnonces td.nom {
    width: 20%; }
    #TListAnnonces td.nom .nomAnnonce {
      font-weight: bold;
      transition: all 0.5s;
      color: black;
      transition: all 0.5s; }
      #TListAnnonces td.nom .nomAnnonce:hover {
        cursor: pointer;
        color: white;
        transition: all 0.5s; }
  #TListAnnonces td.cat {
    width: 15%; }
  #TListAnnonces td.descr {
    width: 15%; }
  #TListAnnonces td.details {
    width: 20%; }

#CreateAnnonce {
  width: 30%;
  line-height: 30px;
  background: #F4A102;
  color: white;
  text-align: center;
  margin: 10px auto 10px 0px;
  border-radius: 16px;
  border: solid #F4A102 1px; }
  #CreateAnnonce:hover {
    color: #F4A102;
    background: white;
    cursor: pointer; }

#EditAnnonce, #EditCGL {
  width: 80%;
  margin: 5px auto;
  overflow: auto; }
  #EditAnnonce .wrapInput, #EditCGL .wrapInput {
    width: 100%;
    background: #dbdbdd;
    border: solid white 3px;
    box-sizing: border-box;
    min-height: 60px;
    height: auto;
    margin: 0;
    position: relative;
    float: left;
    padding-top: 20px; }
    #EditAnnonce .wrapInput label, #EditCGL .wrapInput label {
      position: absolute;
      border: none;
      font-size: 0.8em;
      font-style: italic;
      top: 5px;
      left: 5px; }
    #EditAnnonce .wrapInput input[type="text"], #EditAnnonce .wrapInput input[type="datetime"], #EditAnnonce .wrapInput select, #EditAnnonce .wrapInput input[type="number"], #EditCGL .wrapInput input[type="text"], #EditCGL .wrapInput input[type="datetime"], #EditCGL .wrapInput select, #EditCGL .wrapInput input[type="number"] {
      width: 100%;
      margin: auto auto 5px;
      text-align: center;
      background: transparent;
      border: none;
      display: block;
      height: 40px;
      padding: 0;
      font-size: 1.3em;
      font-weight: bold; }
    #EditAnnonce .wrapInput select, #EditCGL .wrapInput select {
      width: auto; }
    #EditAnnonce .wrapInput.hidden, #EditCGL .wrapInput.hidden {
      display: none; }
    #EditAnnonce .wrapInput.textarea, #EditAnnonce .wrapInput.wysiwyg, #EditCGL .wrapInput.textarea, #EditCGL .wrapInput.wysiwyg {
      padding: 30px; }
      #EditAnnonce .wrapInput.textarea .ToEdit, #EditAnnonce .wrapInput.wysiwyg .ToEdit, #EditCGL .wrapInput.textarea .ToEdit, #EditCGL .wrapInput.wysiwyg .ToEdit {
        margin-top: 15px;
        box-sizing: border-box;
        padding: 10px;
        width: 100%;
        height: auto; }
    #EditAnnonce .wrapInput.multi, #EditCGL .wrapInput.multi {
      padding: 30px; }
    #EditAnnonce .wrapInput#WI-libelleAnnonce, #EditCGL .wrapInput#WI-libelleAnnonce {
      width: 50%; }
    #EditAnnonce .wrapInput#WI-slugAnnonce, #EditCGL .wrapInput#WI-slugAnnonce {
      width: 80%; }
    #EditAnnonce .wrapInput#WI-Cat, #EditCGL .wrapInput#WI-Cat {
      width: 30%; }
    #EditAnnonce .wrapInput#WI-statutAnnonce, #EditAnnonce .wrapInput#WI-qteAnnonce, #EditCGL .wrapInput#WI-statutAnnonce, #EditCGL .wrapInput#WI-qteAnnonce {
      width: 20%; }
  #EditAnnonce #AjoutPhoto, #EditCGL #AjoutPhoto {
    width: 100%;
    margin: 20px auto;
    position: relative; }
    #EditAnnonce #AjoutPhoto .wrapInput, #EditCGL #AjoutPhoto .wrapInput {
      float: none;
      padding: 40px; }
    #EditAnnonce #AjoutPhoto #cancelAdd, #EditCGL #AjoutPhoto #cancelAdd {
      display: none; }

.wrapPhotos .onePhoto {
  width: 100%;
  height: 60px;
  position: relative;
  margin-bottom: 15px; }
  .wrapPhotos .onePhoto .imgListA {
    height: 100%;
    width: auto;
    float: left;
    margin-right: 15px; }
  .wrapPhotos .onePhoto .lienAP {
    float: left;
    line-height: 60px; }
  .wrapPhotos .onePhoto .trashPic {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 10%;
    top: 50%;
    transform: translateY(-50%); }
    .wrapPhotos .onePhoto .trashPic img {
      width: 100%;
      height: 100%; }
    .wrapPhotos .onePhoto .trashPic:hover {
      cursor: pointer; }

.wrapTarifsAnnonce {
  margin: 20px;
  width: 25%;
  border: solid black 1px; }
  .wrapTarifsAnnonce #T-tarifs {
    width: 100%; }

#T-tarifs {
  width: 50%;
  margin: 0; }
  #T-tarifs tr:nth-child(even) {
    background: #CCC; }
  #T-tarifs tr:nth-child(odd) {
    background: #FFF; }
  #T-tarifs td {
    min-height: 50px; }
  #T-tarifs td.trashTarif, #T-tarifs td.validNT {
    position: relative; }
    #T-tarifs td.trashTarif img, #T-tarifs td.validNT img {
      display: block;
      width: 40px;
      height: 40px;
      position: relative;
      margin: 5px auto; }
  #T-tarifs .delTarif:hover, #T-tarifs #newTarif:hover {
    cursor: pointer; }

#DeleteAnnonce {
  width: 40%;
  min-width: 410px;
  clear: both;
  height: 50px;
  margin: 30px auto auto 10%;
  position: relative;
  border-radius: 26px;
  background: #EA1E44;
  color: white;
  font-variant-caps: all-small-caps;
  border: solid #EA1E44 1px; }
  #DeleteAnnonce:hover {
    cursor: pointer;
    background: white;
    color: #EA1E44; }

#AjoutAnnonce .btnValideNewElt {
  width: 200px;
  height: 40px;
  text-align: center;
  background: #EA1E44;
  color: white;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 22px; }
#AjoutAnnonce .wrapInput {
  position: relative;
  width: 80%;
  height: auto;
  margin: 10px auto; }
  #AjoutAnnonce .wrapInput label {
    font-size: 1.3em;
    border-bottom: solid black 1px;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
    display: block; }
  #AjoutAnnonce .wrapInput input, #AjoutAnnonce .wrapInput select {
    display: block;
    width: 80%;
    margin: auto;
    height: 30px;
    border-radius: 6px;
    border: solid black 1px;
    text-align: center; }
  #AjoutAnnonce .wrapInput .blocAddImg {
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    border: black dashed 1px;
    position: relative; }
    #AjoutAnnonce .wrapInput .blocAddImg .textIn {
      position: absolute;
      top: 50%;
      left: 50%;
      text-align: center;
      transform: translate(-50%, -50%); }
    #AjoutAnnonce .wrapInput .blocAddImg:hover {
      cursor: pointer; }

.wrapLogo {
  position: absolute;
  left: 25%;
  top: 230px;
  width: 30%;
  padding-bottom: 15.5%;
  transform: translateX(-50%);
  box-sizing: border-box;
  border: solid black 3px;
  background: white;
  position: fixed;
  border-radius: 6px;
  box-shadow: 3px 4px 9px -4px rgba(0, 0, 0, 0.75); }
  .wrapLogo img {
    width: 80%;
    height: auto;
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%); }

body.connexion {
  background: url(../images/icones/3x/fondH.png);
  background-attachment: fixed;
  background-size: cover; }

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

.wrapInputConnexion {
  width: 90%;
  margin: 10px auto;
  position: relative;
  height: 40px;
  border-radius: 4px; }
  .wrapInputConnexion.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; }
  .wrapInputConnexion .illInput {
    float: left;
    height: 100%;
    position: relative;
    width: 10%; }
    .wrapInputConnexion .illInput img {
      height: 95%;
      width: auto;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
  .wrapInputConnexion .statut {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: none; }
    .wrapInputConnexion .statut img {
      width: 100%;
      height: auto; }
    .wrapInputConnexion .statut .wait {
      animation: spin 1s linear infinite; }
    .wrapInputConnexion .statut .check {
      display: none; }
    .wrapInputConnexion .statut .errorForm {
      display: none; }
  .wrapInputConnexion .myInput {
    margin-left: 15%;
    width: 85%;
    height: 100%;
    position: relative; }
    .wrapInputConnexion .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; }
  .wrapInputConnexion label {
    width: 40%;
    height: 100%;
    line-height: 40px;
    display: block;
    float: left;
    font-weight: bold; }
  .wrapInputConnexion input, .wrapInputConnexion select {
    display: block;
    float: left;
    width: 59%;
    height: 95%;
    position: relative;
    border: none;
    border-radius: 20px;
    text-align: center; }
    .wrapInputConnexion input.onError, .wrapInputConnexion select.onError {
      border: solid red 1px; }
  .wrapInputConnexion 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: #405A75; }
  .btn1.color2 {
    background: #8CC540; }
  .btn1.color3 {
    background: #F4A102; }
  .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; }

#filtreCategories {
  width: 90%;
  margin: 20px auto 20px 8%;
  padding-bottom: 5%;
  position: relative; }
  #filtreCategories #wrapIF {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    #filtreCategories #wrapIF .wrapOF {
      width: 12.2857143%;
      float: left;
      position: relative;
      height: 100%; }
      #filtreCategories #wrapIF .wrapOF .oneFC {
        position: absolute;
        width: 95%;
        height: 90%;
        box-sizing: border-box;
        border-radius: 4px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        #filtreCategories #wrapIF .wrapOF .oneFC:hover {
          cursor: pointer; }
          #filtreCategories #wrapIF .wrapOF .oneFC:hover .IconeF img {
            top: 40%;
            transition: all 0.5s; }
        #filtreCategories #wrapIF .wrapOF .oneFC .IconeF {
          width: 100%;
          height: 40px;
          position: relative; }
          #filtreCategories #wrapIF .wrapOF .oneFC .IconeF img {
            top: 50%;
            transition: all 0.5s;
            width: auto;
            height: 95%;
            left: 50%;
            position: absolute;
            transform: translate(-50%, -50%); }
        #filtreCategories #wrapIF .wrapOF .oneFC .NameF {
          width: 100%;
          height: 40px;
          box-sizing: border-box;
          position: relative;
          font-weight: bold;
          font-size: 0.9em; }
          #filtreCategories #wrapIF .wrapOF .oneFC .NameF .Tin2 {
            width: 100%;
            position: relative;
            text-align: center;
            height: 100%; }

#wrapAnnonces {
  width: 80%;
  overflow: visible;
  height: auto;
  margin: auto; }

.wrapOV {
  float: left;
  width: 25%;
  padding-bottom: 25%;
  position: relative; }

.oneVignette {
  width: 90%;
  height: 90%;
  box-sizing: border-box;
  border: solid #33363B 1px;
  border-radius: 4px;
  padding: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .oneVignette:hover {
    box-shadow: 3px 4px 9px -4px rgba(0, 0, 0, 0.75);
    cursor: pointer; }
  .oneVignette .wrapCadrePhoto {
    width: calc(100% - 30px);
    padding-bottom: 50%;
    position: relative;
    margin: auto; }
    .oneVignette .wrapCadrePhoto img {
      position: absolute;
      height: 100%;
      width: auto;
      top: 0;
      left: 50%;
      transform: translateX(-50%); }
  .oneVignette .CatV {
    position: absolute;
    bottom: 10px;
    right: 10px;
    height: 30px;
    width: 30px; }
    .oneVignette .CatV img {
      width: 100%;
      height: 100%; }
  .oneVignette .libV {
    width: 100%;
    margin: 10px auto;
    font-weight: bold;
    text-align: center; }

body.annonceFiche {
  padding-top: 130px; }
  body.annonceFiche a {
    text-decoration: none;
    color: white; }
    body.annonceFiche a:hover {
      color: black; }

.errorAnnonce {
  font-size: 2.8em; }

.btnRetourAccueil {
  width: 200px;
  text-align: center;
  color: white;
  border: solid #F4A102 1px;
  background: #F4A102;
  line-height: 40px;
  height: 40px;
  border-radius: 22px;
  margin: 15px auto auto 10px; }
  .btnRetourAccueil:hover {
    color: #F4A102;
    background: white;
    cursor: pointer;
    color: black; }

#wrapMyAnn {
  width: 90%;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0px 0px 12px -4px rgba(0, 0, 0, 0.75);
  margin: 50px auto;
  padding: 25px;
  position: relative;
  padding-bottom: 120px; }
  #wrapMyAnn .wrapPhotosAnn {
    width: 40%;
    overflow: auto;
    float: left; }
    #wrapMyAnn .wrapPhotosAnn img {
      width: calc(50% - 30px);
      float: left;
      height: auto;
      margin-right: 15px;
      margin-bottom: 15px; }
  #wrapMyAnn #wrapInfosAnnonce {
    clear: both;
    width: 60%; }
  #wrapMyAnn .GT {
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: underline; }
  #wrapMyAnn .recul {
    margin-left: 10px;
    margin-top: 10px; }
  #wrapMyAnn .ligneA {
    margin-bottom: 25px; }
  #wrapMyAnn .libA {
    font-size: 2.3em;
    width: auto;
    margin: 20px auto;
    font-weight: bold; }
  #wrapMyAnn #goDemande {
    width: 25%;
    padding-bottom: 5%;
    background: #F4A102;
    color: white;
    border-radius: 15px;
    font-size: 1.3em;
    border: solid #F4A102 1px;
    position: absolute;
    bottom: 10px;
    left: 10px; }
    #wrapMyAnn #goDemande .Tin {
      font-size: 1vw; }
    #wrapMyAnn #goDemande:hover {
      background: white;
      color: #F4A102;
      cursor: pointer; }
  #wrapMyAnn #viewCGL {
    width: 25%;
    padding-bottom: 5%;
    background: #EA1E44;
    margin-left: 10px;
    color: white;
    border-radius: 15px;
    font-size: 1.3em;
    border: solid #EA1E44 1px;
    position: absolute;
    bottom: 10px;
    left: 30%; }
    #wrapMyAnn #viewCGL .Tin {
      font-size: 1vw; }
    #wrapMyAnn #viewCGL:hover {
      background: white;
      color: #EA1E44;
      cursor: pointer; }

@keyframes spinB {
  0% {
    top: 0px; }
  10% {
    top: 0px; }
  25% {
    top: -60px; }
  35% {
    top: -60px; }
  50% {
    top: -120px; }
  60% {
    top: -120px; }
  75% {
    top: -180px; }
  85% {
    top: -180px; }
  100% {
    top: 0px; } }
#services {
  width: calc(30% - 30px);
  min-width: 351px;
  height: auto;
  font-size: 0.9em;
  padding-bottom: 20px;
  margin: 0px;
  position: absolute;
  float: left;
  right: 15px;
  right: 0;
  top: 0;
  box-shadow: 0px 0px 12px -4px rgba(0, 0, 0, 0.75);
  border-radius: 10px; }
  #services #TitreService {
    width: 100%;
    padding: 20px;
    text-align: right;
    font-size: 1.4em;
    box-sizing: border-box; }
  #services h1 {
    width: 100%;
    padding-left: 20px;
    box-sizing: border-box;
    font-size: 1.2em;
    font-weight: bold; }
  #services .BlocAcces {
    width: 95%;
    margin: 15px auto;
    overflow: hidden;
    position: relative;
    height: auto; }
    #services .BlocAcces .wrappyAcces {
      position: relative;
      width: 100%;
      height: auto;
      top: 0;
      background: white; }
      #services .BlocAcces .wrappyAcces .OneAcces {
        position: relative;
        background: white;
        height: 60px;
        margin: 10px auto auto 0px;
        box-sizing: border-box;
        border: solid black 2px;
        border-radius: 32px;
        width: 90%; }
        #services .BlocAcces .wrappyAcces .OneAcces .Ill {
          float: left;
          height: 100%;
          width: 10%;
          position: relative; }
          #services .BlocAcces .wrappyAcces .OneAcces .Ill img {
            position: absolute;
            top: -1%;
            left: -2%;
            height: 102%;
            width: auto; }
        #services .BlocAcces .wrappyAcces .OneAcces .Description {
          width: 77%;
          margin-left: 20%;
          height: 100%;
          position: relative; }
          #services .BlocAcces .wrappyAcces .OneAcces .Description .inDescr {
            position: absolute;
            width: 100%;
            height: auto;
            font-size: 0.8vw;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }

#newDemande {
  width: 90%;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0px 0px 12px -4px rgba(0, 0, 0, 0.75);
  margin: 50px auto;
  padding: 25px;
  position: relative;
  overflow: auto;
  padding-bottom: 90px; }
  #newDemande .wrapInput {
    width: 100%;
    background: #dbdbdd;
    border: solid white 3px;
    box-sizing: border-box;
    min-height: 60px;
    height: auto;
    margin: 0;
    position: relative;
    float: left;
    padding-top: 20px; }
    #newDemande .wrapInput label {
      position: absolute;
      border: none;
      font-size: 0.8em;
      font-style: italic;
      top: 5px;
      left: 5px; }
    #newDemande .wrapInput input[type="text"], #newDemande .wrapInput input[type="mail"], #newDemande .wrapInput select, #newDemande .wrapInput input[type="number"] {
      width: 100%;
      margin: auto auto 5px;
      text-align: center;
      background: transparent;
      border: none;
      display: block;
      height: 40px;
      padding: 0;
      font-size: 1.3em;
      font-weight: bold; }
    #newDemande .wrapInput select {
      width: auto; }
    #newDemande .wrapInput.hidden {
      display: none; }
    #newDemande .wrapInput.textarea {
      padding: 30px; }
      #newDemande .wrapInput.textarea .ToEdit {
        margin-top: 15px;
        box-sizing: border-box;
        padding: 10px;
        width: 100%;
        height: auto; }
    #newDemande .wrapInput.multi {
      padding: 30px; }
    #newDemande .wrapInput#WI-typeDemande {
      background: white; }
      #newDemande .wrapInput#WI-typeDemande .wraptypeDemande {
        width: 33.333%;
        height: 40px;
        float: left;
        text-align: center;
        box-sizing: border-box;
        position: relative; }
        #newDemande .wrapInput#WI-typeDemande .wraptypeDemande:first-child .InChoixtypeDemande {
          left: 0px;
          transform: translateY(-50%); }
        #newDemande .wrapInput#WI-typeDemande .wraptypeDemande:nth-child(3) .InChoixtypeDemande {
          right: 0px;
          left: auto;
          transform: translateY(-50%); }
        #newDemande .wrapInput#WI-typeDemande .wraptypeDemande .InChoixtypeDemande {
          position: absolute;
          width: 99%;
          height: 40px;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          background: #F4A102;
          color: black; }
          #newDemande .wrapInput#WI-typeDemande .wraptypeDemande .InChoixtypeDemande.current {
            border: solid black 2px;
            font-weight: bold;
            cursor: pointer;
            filter: brightness(80%); }
          #newDemande .wrapInput#WI-typeDemande .wraptypeDemande .InChoixtypeDemande:hover {
            font-weight: bold;
            top: 40%;
            cursor: pointer; }
    #newDemande .wrapInput#WI-nomDemande, #newDemande .wrapInput#WI-prenomDemande {
      width: 50%; }
    #newDemande .wrapInput#WI-entrepriseDemande {
      width: 30%; }
    #newDemande .wrapInput#WI-mailDemande {
      width: 70%; }
    #newDemande .wrapInput#WI-statutAnnonce, #newDemande .wrapInput#WI-qteAnnonce {
      width: 20%; }
    #newDemande .wrapInput#WI-message .statut {
      top: 16px;
      right: 10px;
      left: auto; }
  #newDemande .btnValideNewElt {
    position: absolute; }
    #newDemande .btnValideNewElt:hover {
      cursor: pointer; }