@media only screen and (min-width: 768px) {
  .header {
    display: none
  }

  .menubaspage {
    display: none;
  	}


}


@media only screen and (max-width: 767px) {
  body {
  font-size: 12px;
  }


  address {
    line-height : 14px;
  }

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


  .site-pusher, .site-container { height: 100%; }
  .site-container { background-color: #F6F7FB;  }
  .site-pusher {
    transition-duration: 0.3s;
    transform: translateX(0px);
  }


  .margesite {
    padding-left: 2px;
    padding-right: 2px;
  }



  .header {
    position: static;
    right: 0;
    left: 0;
    z-index: 2;
    height: 100vh;
    background-color: var(--couleur-menu-haut);

  }

  .site-content {
    position: absolute;
    top: 0px; /* La hauteur du header */
    right: 0px;
    left: 0px;
    bottom: 68px;
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 4px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; /* Inertie sur iOS */
    background-color: var(--couleur-fond-page);
  }

  /* L'icône hamburger, en utilisant le box-shadow */
  .header__icon {
    position: relative;
    background-color: var(--couleur-menu-haut);
    display: block;
    float: right;
    width: 50px;
    height: 50px;
    cursor: pointer;

   }



    .header__icon:after {
      content: '';
      position: absolute;
      display: block;
      width: 1rem;
      height: 0;
      top: 8px;
      left: 15px;
      }


/* Les autres icones du menu */
.recap__icon {
  position: absolute;
  background-color: var(--couleur-menu-haut);
  width: 60px;
  height: 40px;
  margin-left: 6%;
  cursor: pointer;

 }

      .spectacle__icon {
        position: absolute;
        background-color: var(--couleur-menu-haut);
        width: 18px;
        height: 18px;
        margin-left: 30%;
        cursor: pointer;
        margin-top: 5px;

       }


        .stock__icon {
          position: absolute;
          background-color: var(--couleur-menu-haut);
          width: 18px;
          height: 18px;
          margin-left: 49%;
          cursor: pointer;
          margin-top: 5px;

         }

         .planning__icon {
           position: absolute;
           background-color: var(--couleur-menu-haut);
           width: 18px;
           height: 18px;
           margin-left: 67%;
           cursor: pointer;
           margin-top: 5px;

          }

  /* Le menu collé à gauche est masqué grâce à un transform */
  .menu {
    position: static;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--couleur-menu-haut);
    width: 250px;
    height: 100vh;
    transform: translateX(-250px);
    padding-top: 0px;
    padding-bottom: 0;
  }
  .menu a {
    display: block;
    min-height: 35px;
    text-align: left;
    padding-left: 24px;
    line-height: 35px;
    border-bottom: 1px solid var(--couleur-menu-bord);
    text-decoration: none;
    color:inherit;
  }

  /* Toujours dans le @media */
.with--sidebar {
  transform: translateX(250px);
  -webkit-transition-duration: .3s;
}


/* On met un cache par dessus le site-content pour bloquer le scroll et permettre le retour au site */
.with--sidebar .site-cache {
  position: absolute;
  z-index: 30;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition-duration: .3s;
}
.with--sidebar .site-content {
    overflow: hidden;

}

.logogdmphone {
  position: absolute;
  text-align: center;
  margin-left: 5px;
  margin-right: 0px;
  margin-top: 8px;
  margin-bottom: 0px;
}

/* Changement pour la page recap */
.changetailletd {
  width: 20px;
}

.changetailletdennull {
  width: 0px;
}
/* Fin Changement pour la page recap */

/* Général pour le site */
.fairedisparaitre {
  display: none;
}
.fancyTable tbody tr td {
	/* appearance */
	overflow: hidden;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 12px;

	}
  .scanwindow {
     left : 0px;
     width : 100%;
     padding-left : 0px;
     padding-right : 0px;

  }


  .form-horizontal .control-label {
    margin-left : 10px;
    padding-right : 8px;
  }

  .form-horizontal .controls {
      margin-left : 10px;
  }
  .forminputphone {
  width: calc(100% - 20px);
  }

  .translaterecherche {
    transform: translate(120px);
    }


  .forminputphonemoyen {

  width: calc(100% - 50px);

  }
  .forminputphonepetit {

  width: calc(100% - 100px);

  }


  .boutoninventaire {
  position: fixed;
  bottom: 54px;
  left: 0px;
  right: 0px;
  width: 97%;
  height: 90px;
  padding-left: 7px;
  padding-right: 7px;
   box-shadow: 0 -0.3px 0.3px 0.3px rgb(71 77 95 / 30%);
  }

  .sansmargebasse{
  margin-bottom: 0px;

  }


  .stylelignenonpris{
    	font-size: 12px;
  }
  .Styletitrepetit
  {
    font-size: 14px;
  }
  .well2017titre .soustitre {
    font-size: 10px;
  }
  .nav-tabs > li > a, .nav-pills > li > a
  {
    font-size: 12px;
    padding-left : 8px;
    padding-right : 8px;
    margin-right : 0px;
  }
  h4 {
    margin-bottom: 4px;
  }

  .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {

    font-size : 10px;
  }


  .well2017titre {
      padding-top : 24px;

  }

  .btn {
    font-size : 10px;
    padding : 2px 8px;

  }
  .margesitetop {
    padding-top : 4px;
  }
  .well2017titredessous {
    padding-right : 3%;
  }

  .table-condensed th, .table-condensed td
  {
    padding: 0px 0px;
  }

  .modal-body {
    padding : 0px;
    padding-top : 10px;
  }
  .form-horizontal .control-group {
    margin-bottom : 5px;
  }

  .reduirepourphone {
      max-height : 130px;
  }
  .reduirepourphoneinput {
      max-width : 206px;
  }
  .reduireespaceformpphone {
      margin : 0 0 0px;
  }
  .well2017min650 {
    min-height : 10px;
  }

 label, input, button, select, textarea {
   font-size: 12px;
 }

select, textarea, input[type="text"], input[type="password"], input[type="datetime"],  input[type="date"],  input[type="email"], input[type="url"], input[type="search"] {
   font-size: 12px;
 }


 .well2017gris {
   padding-top : 6px;
 }

 .margerbottreduitphone {
   margin-bottom: 0px;
 }
 .maxlargeurtd5 {
   max-width : 280px;
 }


/* Fin Général pour le site */
.reductionpour {
    width: 50px;
}
.reductionvaleur {
    width: 20px;
}


.menubaspage {
  position: fixed;
   bottom: 0px;
   right: 0px;
   width: 100%;
   height : 68px;
   background-color: var(--couleur-menu-haut);
   border-bottom: 0px solid #FFFFFF;
   padding-left: 7px;
   padding-top : 7px;
   padding-right : 7px;
   padding-bottom: 7px;
   box-shadow : 0 -0.3px 0.3px 0.3px rgb(71 77 95 / 30%);
	}

  .fontmenuphone {
    font-size: 10px;
  }



  .Navigation--navigattionLink--3hZUC {
    flex: 1;
    font-size: 0.75rem;
    text-align: center;
    padding : 2.5px 0;
    Line-height : 2;
    position : relative;
  }

  .Navigation--navigation--39dE9{
    display: flex;
    padding-bottom : 10px;

  }





}