html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

/* remember to define focus styles! */
:focus {
  outline: 0; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch; }

body {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: 'Arial';
  font-size: 15px;
  position: relative; }

body, html {
  width: 100%;
  height: 100%; }

* {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

img {
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic; }

/* Force uppercase */
small {
  text-transform: lowercase !important; }

big {
  text-transform: uppercase !important; }

* {
  color: inherit; }

a {
  text-decoration: none; }

* {
  box-sizing: border-box; }

*:before,
*:after {
  box-sizing: border-box; }

html,
body {
  height: 100%;
  position: relative; }

#page {
  position: relative;
  padding-bottom: 100px;
  /* height of your footer */
  min-height: 100vh;
  /* will cover the 100% of viewport */
  padding-top: 10px; }

strong {
  font-weight: bold; }

.clr {
  clear: both; }

.centerX {
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.centerY {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.centerXY {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

#container {
  width: 100%;
  max-width: 1024px;
  margin: auto;
  overflow: hidden; }

header img {
  width: 100%;
  height: auto; }

#menuContainer {
  position: relative;
  height: 50px;
  margin-top: 20px; }
  #menuContainer #menu {
    width: 100%;
    text-align: center;
    position: absolute; }
    #menuContainer #menu #menuContent {
      display: inline-block; }
      #menuContainer #menu #menuContent #menuContact {
        width: 200px;
        display: inline-block; }
        #menuContainer #menu #menuContent #menuContact .contactItem {
          display: inline-block; }
    #menuContainer #menu .btMenu {
      vertical-align: bottom;
      margin: 0 10px; }
    #menuContainer #menu .menu_bt {
      width: auto;
      height: 50px; }

.mainContent {
  max-width: 800px;
  margin: auto;
  width: 100%;
  text-align: center; }

.btPrev, .btNext, .btDebut, .btFin {
  cursor: pointer;
  display: inline-block;
  margin: 0 10px; }

#flechesHaut {
  margin-top: 30px; }

#flechesBas {
  margin-bottom: 30px; }

.btPrev img {
  width: 50px;
  height: auto; }

.btDebut img, .btFin img {
  width: 120px;
  height: auto; }

.btNext img {
  width: 50px;
  height: auto; }

.slick-slide img {
  width: 100%; }

.slick-dots li {
  height: 16px; }

.slick-dots li button:before, .slick-dots li.slick-active button:before {
  color: black; }

.slick-dots li button:before {
  font-size: 8px; }

.slick-prev:before, .slick-next:before {
  font-size: 50px; }

.slider-controls {
  width: 100%;
  position: relative;
  height: 250px; }

.txtLisa {
  width: 70%;
  margin: auto;
  margin-top: 50px;
  text-align: left; }

.imgLisa {
  width: 100%;
  height: auto; }

@media (max-width: 1000px) {
  #menuContainer {
    /*height: 300px; */
  } 
}
@media (max-width: 720px) {
  #menuContainer {
    /*height: 300px; */
  } 
}
@media (max-width: 580px) {
  #menuContainer {
    height: 120px; 
  }

  .commanderTxt img {
    width: 100%;
    height: auto; }

  .btPrev img {
    width: 55px; }

  .btNext img {
    width: 55px; }

  .btDebut img, .btFin img {
    width: 60px; }

  #flechesHaut {
    margin-top: 0px; } }
#popup {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 100%; }
  #popup #btClose {
    position: absolute;
    color: #fe419d;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    right: 20px; }
    #popup #btClose:hover {
      color: #ffa8d3; }
  #popup #popupCommander {
    width: 100%;
    text-align: center; }
    #popup #popupCommander .commanderItem {
      display: inline-block;
      margin: 0 10px; }
      #popup #popupCommander .commanderItem a img {
        height: 130px;
        width: auto; }
  #popup #popupContact {
    text-align: center;
    padding-top: 50px; }

#popupCommander, #popupContact {
  display: none; }

@media (max-width: 580px) {
  #popup #popupCommander .commanderItem a img {
    height: 110px;
    width: auto; } }

/*# sourceMappingURL=styles.css.map */