/* ---[ LESS IMPORT ]------------------------------- */
/*
	Tablet and Desktop (Landscape and Portrait) - Permettre la vue mobile sur desktop
	Phone (Landscape and Portrait)
*/
/*Big Circle Iĉone*/
/*Landing (avec Corde) - Medium Circle Iĉone*/
/*Small Circle Iĉone*/
/*Advantage Icône*/
/* ---[ Media Qeries Mobile Device ]------------------------------- */
@media /*Tablet + Desktop (Landscape & Portrait)- Permettre la vue mobile sur desktop*/
 only screen and (-webkit-min-device-pixel-ratio: 1)   and (max-width: 700px), only screen and (      min--moz-device-pixel-ratio: 1)       and (max-width: 700px), only screen and (        -o-min-device-pixel-ratio: 1/1)     and (max-width: 700px), only screen and (           min-device-pixel-ratio: 1)       and (max-width: 700px), only screen and (                   min-resolution: 72dpi)   and (max-width: 700px), only screen and (                   min-resolution: 1dppx)   and (max-width: 700px), /* Phone (Landscape & Portrait)*/
 only screen and (-webkit-min-device-pixel-ratio: 2)       and (max-width: 700px), only screen and (      min--moz-device-pixel-ratio: 2)       and (max-width: 700px), only screen and (        -o-min-device-pixel-ratio: 2/1)     and (max-width: 700px), only screen and (           min-device-pixel-ratio: 2)       and (max-width: 700px), only screen and (                   min-resolution: 192dpi)  and (max-width: 700px), only screen and (                   min-resolution: 2dppx)   and (max-width: 700px) {
  /* ---[ Mobile - Affichage des blocs (show/hide) ]------------------------------- */
  .is-desktop-only {
    display: none !important;
  }
  .is-mobile-only {
    display: block !important;
  }
  .is-mobile-only.inline {
    display: inline-block !important;
  }
  /* ---[ Body ]------------------------------- */
  html,
  body {
    height: 100%;
  }
  /* ---[ Wrapper ]------------------------------- */
  .structure-wrapper {
    float: left;
    margin-left: -500px;
    width: 500px;
    height: 100%;
    display: inline-block;
  }
  .section-wrapper {
    text-align: left;
    margin: 0 0 0 0;
  }
  .section-wrapper .logoArea {
    display: block;
    margin-bottom: 20px;
  }
  .section-wrapper .logoArea .alogo {
    width: 100%;
  }
  .fn-crawling-data {
    width: inherit;
  }
  .page-content {
    margin-bottom: 26px;
  }
  .page-structure-wrapper {
    height: auto;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 5px;
    width: auto;
  }
  .content-wrapper {
    float: none;
    width: 400px;
    height: 100%;
    margin: 0px auto;
    padding: 0px 150px 0px 50px;
    padding: 0;
  }
  .table-spacer {
    display: table;
    width: 100%;
    height: 30px;
  }
  /* ---[ Common Elements ]--------------------- */
  h1 {
    padding-bottom: 14px;
    font-size: 1.154em;
    font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif;
    color: #333333;
  }
  /* ---[ SideBar Master ]------------------------------- */
  .main-side-bar {
    display: none;
    /*TODO : Valider si, on va le cacher partout dans le mobile ! */
  
    padding-right: 0;
  }
  .main-side-bar,
  .main-content {
    float: none;
    width: 100%;
  }
  body {
    height: 100% !important;
    width: 100% !important;
    position: relative;
    overflow: hidden !important;
    color: #000000;
    font-family: "Segoe UI", "Segoe", "SegoeUI-Regular-final", Tahoma, Helvetica, Arial, sans-serif;
  }
  body.allowScroll {
    height: auto !important;
    overflow: auto !important;
  }
  section {
    position: relative;
  }
  input {
    line-height: inherit !important;
  }
  a:hover {
    text-decoration: none !important;
  }
  a:active {
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
    text-decoration: none !important;
  }
  /*Roll-Over javascript pour les click des stack sur desktop mobile 
  Mis en commantaire ici car - VOIR base.less
  .mcursor {
      cursor:hand;
      cursor:pointer;
      }
      
  */
}
/*End media-queries-mobile*//*700px*/
@media only screen and (max-width: 450px) {
  .content-wrapper {
    width: auto;
    margin-right: 25px;
    margin-left: 25px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .content-wrapper .fn-crawling-data {
    width: auto;
    margin: 0;
    padding-left: 0px;
    padding-right: 0px;
  }
  .content-wrapper .LanguageSwitch {
    min-width: 250px;
    width: auto;
  }
}