/* MENU */

.mm-navbar {display: none;}
nav.site {display:block;}
nav.mobile {display:none;}

/* Smartphone */
@media screen and (max-width: 767px) {
  /* DIAPO */
  #diapo .owl-stage {
    overflow: hidden;
    background-color: #f4f4f4;
    padding-top: 10px;
  }
  .imgDiapo img {
    display: none !important;
  }
  #diapo .wrapDiapo {
    width: 100% !important;
    position: relative;
    background-color: #f4f4f4;
    top: 0;
    transform: none;
    left: 0;
    padding-bottom: 15px;
  }
  .contenuDiapo {background-color: #f4f4f4; padding: 15px 0;}


  .borderBleuGauche {display: none;}

  .itemAriane {margin-bottom: 15px;}
  .itemAriane .breadcrumb {text-align: center;}

  .map-out {height: 320px !important;}
  #map {height: 300px !important;}
  #gmap-c {height: 300px !important;}


  /* PAGE SOCIETE et CATEGORIES */


  /* CONTACT ET DEVIS */
  .itemForm {padding: 10px 0;}
  .itemForm.code {padding-top: 0;}
  #msg_slide {width: 100% !important;}
  #form-contact {padding: 10px !important;}
  .item-contact, .message-contact, .item-devis {padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 20px !important;}
  #form-contact .row {margin-bottom: 0 !important;}
  .nousContacter {margin-bottom: 20px;}

  /* HEADER */



  /* ACCUEIL */
  .lnlContenu .blocDroit {text-align: center; margin-top: 20px;}
  .blocGauche {padding-right: 0;}
  .imgBennes {text-align: center; width: 100% !important;}

  .itemNac:nth-child(2n+1) .wrapItemNac {padding-left: 0 !important; padding-right: 12px !important;}
  .itemNac:nth-child(2n) .wrapItemNac {padding-right: 0 !important; padding-left: 12px !important;}

  /* GAMME */
  .itemNac:nth-child(2n+1) .wrapItemNacGamme {padding-left: 0 !important; padding-right: 12px !important;}
  .itemNac:nth-child(2n) .wrapItemNacGamme {padding-right: 0 !important; padding-left: 12px !important;}
  .gammeGauche {padding-right: 0;}
  .gammeDroite {padding-left: 0;}

  /* NACELLES */
  .gaucheNacelle {padding-right: 0;}
  .droiteDocument {padding-left: 0;}


  /* FOOTER */
  .col-footer {text-align: center; padding: 25px; border-bottom: 1px solid #c4c0ba; border-right: 0px;}
  .col-footer:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    bottom: -2px;
    border-bottom: 1px solid #fff;
    width: 100%;
    left: 0;
  }
  .col-footer:after {border-right: 0; content: none;}
  .footer-main .coord {
    text-align: center;
  }
  .footer-top {border-bottom: 0px; padding-top: 0;}

  .evenement .imgActu {text-align: center; }
  .evenement .imgActu img {max-width: 100% !important;}

}




/* Tablette */
@media screen and (max-width: 991px) {
  .borderBleuGauche {display: none;}
  .nousContacter {margin-bottom: 20px;}
  .blocEdit h3 {display: table;}

  /* ACCUEIL */

  .sousmenu {display: none;}


      /* MENU */
      nav.site {display:none;}
      nav.mobile {
        display:block;
        background-color: transparent !important;
        background-image: none !important;
        border:0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        margin-bottom: 0;
        min-height: inherit;
      }

      .sousMenuMobile {
        display: none;
        background-color: white;
        width: 100%;
        list-style-type: none;
        padding-left: 0;
        text-align: left;
        position: relative;
        top: 0;
      }
      .sousMenuMobile > li > a {
        padding: 12px 10px 12px 20px;
        border-bottom: 1px solid #ede9e3;
        color: white;
        text-transform: uppercase;
        display: block;
        background-color: #4ccbd6;
      }
      .sousMenuMobile > li.active > a {background-color: #333;}
      .sousMenuMobile > li > a:hover, .sousMenuMobile > li > a:focus, .sousMenuMobile > li > a:active {
        color: white !important;
      }
      .sousMenuMobile li:last-child a {
        border-bottom: 0;
      }
      .sousMenuMobile li.active.drop ul.sousmenu {display: block;}
      span.caretMenu {
        position: absolute;
        width: 50px;
        height: 45px;
        background-image: url('../images/caret.png');
        background-repeat: no-repeat;
        background-color: transparent;
        top: 0;
        right: 0;
        cursor: pointer;
        background-position: center;
      }
      li.drop {
        position: relative;
      }

      #mobileBouton > a.spanBouton {display: block;height: 46px !important ;width: 50px;}
      #mobileBouton .spanBouton span {
          background: white none repeat scroll 0 0;
          display: inline-block;
          height: 3px;
          left: 10px;
          position: absolute;
          top: 11px;
          width: 30px;
      }
      .activeMobile > a.spanBouton span {
          display: none !important;
      }
      #mobileBouton span.deux {top: 21px;}
      #mobileBouton span.trois {top: 32px;}
      #mobileBouton {
        cursor: pointer;
        display: block;
        min-height: 46px !important;
        height: auto !important;
        margin: auto;
        position: relative;
        width: 100%;
        z-index: 100000;
        background-color: #4ccbd6;
      }
      .menuMobile > a:hover, .menuMobile > a:active, .menuMobile > a:focus {background-color: #2b2e31 !important;}
      .activeMobile {
        background-color: #2b2e31 !important;
      }
      .activeMobile > a{
        background-image: url('../images/close-menu.png');
        background-position: center;
        cursor: pointer;
        height: 45px;
        width: 58px;
        display: inline-block;
      }
      #mobileBouton:hover .spanBouton span{background-color: white; }

      #navigationSite {height: auto !important;}

        .wrap-menu {min-height: 45px; margin-top:20px; background-color: #435061; height: auto;}
        .sousMenuMobile {padding-left: 0}


      .sousMenuMobileProduit {display: none;}
      .menuMobile > a {color: white; cursor: pointer; }
      .menuMobile .sousmenu {
        padding-left: 0;
        background-color: #f4f4f4;
        list-style-type: none;
      }
      .menuMobile .sousmenu > li {padding-left: 0; padding-right: 0;}
      .menuMobile .sousmenu > li a {padding-left: 20px; padding-right: 15px;}
      a.spanBouton {height: 45px;}
      .menuMobile > a:hover, .menuMobile > a:focus, .menuMobile > a:active {color: white !important;}
      #mobileBouton a:hover, #mobileBouton:active, #mobileBouton:focus {

      }
      ul.sousousmenu {list-style-type: none; padding-left: 0; background-color: #fff; }
      ul.sousousmenu li {
        list-style-type: disc;
        padding-left: 15px;
      }
      ul.sousousmenu li > a {color: #2b2e31;}

      .navbar-nav>li {
        float: left;
      }
      .containerMenu {padding-left: 0; padding-right: 0; width: 100%;}
      .navbar-nav>li>a {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
      }
      li.reseaux a {display: inline-block !important; padding: 12px 10px 12px 10px; border-right: 0 !important;}
      li.reseaux {text-align: center;}

      .telHeader {
        position: relative;
        display: block;
        padding: 10px 15px;
        text-align: center;
      }
      ul.portfolio-filters li {
        margin-bottom: 10px;
      }




}

@media screen and (min-width:992px) {
  nav.mobile {display:none !important;}
  .banner-main {min-height: 0px !important;}

  /* Sous Menu */
  .sousmenu {
    left: 0;
    position: absolute;
    top: 73px;
    width: 120%;
    z-index: 100;
    background-color: white;
    padding: 0;
    list-style: none;
    text-align: left;
    display: none;
    border-top: 1px solid #4ccbd6;
    border-bottom: 1px solid #4ccbd6;
  }

  ul.sousmenu li {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  ul.sousousmenu {
    position: absolute;
    left: 100%;
    background-color: white;
    top: -1px;
    display: none;
    list-style-type: none;
    padding-left: 0;
    width: 200px;
    background-color: #4ccbd6;
    border-top: 1px solid #4ccbd6;
    border-bottom: 1px solid #4ccbd6;
  }
  ul.sousousmenu a {color: white; font-family: open_sanslight;}
  ul.sousousmenu a:hover, ul.sousousmenu a:focus, ul.sousousmenu a:active {color: #2b2e31 !important;}
  ul.sousousmenu li a {
    padding: 7px 0 !important;
  }
  ul.sousmenu > li > a {
    color: #2b2e31 !important;
  }
  .navbar-default li:hover ul.sousmenu li a, ul.sousmenu li a {
    font-size: 14px;
    text-shadow: none;
    display: block;
    padding: 7px 30px 7px 0;
  }
  ul.sousmenu > li.dropSS > a {
    background-image: url('../images/caret-menu.png');
    background-repeat: no-repeat;
    background-position: right center;
  }

  .navbar-default .navbar-nav>li ul.sousmenu > li > a:hover,
  .navbar-default .navbar-nav>li ul.sousmenu > li > a:focus,
  .navbar-default .navbar-nav>li ul.sousmenu > li > a:active {color: #4ccbd6 !important;}




} /* Fin min-width : 992 */


@media screen and (min-width:768px) and (max-width:991px) {
  /* GAMME */
  .itemNac:nth-child(3n+1) .wrapItemNacGamme {padding-left: 0 !important; padding-right: 12px !important;}
  .itemNac:nth-child(3n+2) .wrapItemNacGamme {padding-right: 12px !important; padding-left: 12px !important;}
  .itemNac:nth-child(3n) .wrapItemNacGamme {padding-right: 0 !important; padding-left: 12px !important;}
  .imgBennes {width: 32% !important;}
}

@media screen and (min-width:992px) and (max-width:1199px) {
  #diapo .owl-stage {
    overflow: hidden;
    min-height: 350px;
  }
  .imgDiapo img {
    max-width: inherit;
    min-height: 350px;
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  #diapo .owl-stage {
    overflow: hidden;
    min-height: 300px;
  }
  .imgDiapo img {
    max-width: inherit;
    min-height: 300px;
  }
  #diapo .wrapDiapo {width: 60% !important;}
}

@media screen and (max-width:590px) {
  .contenuEditeur img {float:none !important; text-align: center; display: block; margin: auto !important;}
  .bannierePage img {max-width: inherit; min-height: 100px;}
  .bannierePage {height: 100px;}
}
@media screen and (max-width:500px) {
  .itemNac {width: 100%; text-align: center;}
  .wrapItemNac {padding: 0 !important;}
  .itemNac h4 {min-height: auto;}
  .itemNac:nth-child(2n+1) .wrapItemNac {padding-left: 0 !important; padding-right: 0 !important;}
  .itemNac:nth-child(2n) .wrapItemNac {padding-right: 0 !important; padding-left: 0 !important;}

  .wrapItemNacGamme .imgNacItem {max-height: 450px; }
  .itemNac:nth-child(2n+1) .wrapItemNacGamme {padding-left: 0 !important; padding-right: 0 !important;}
  .itemNac:nth-child(2n) .wrapItemNacGamme {padding-right: 0 !important; padding-left: 0 !important;}
}


@media screen and (min-width:992px) and (max-width:1199px) {
  .blocEdit h3 {max-width: 555px; }
  .navbar-default .navbar-nav>li>a {padding: 23px 10px;}
  .imgBennes {width: 32% !important;}
}