@media screen and (max-width: 1400px){
  .item-117{display:none;}
}
@media screen and (max-width: 1150px){
  .menuTop .mod-menu > li > a{padding:30px 15px;}
}
@media screen and (max-width: 1000px){
  .menuTop .mod-menu > li > a{padding:30px 15px;}

  .serie{height:auto;}
  .serieTitle, .serieItem, .serieLink, .serieItem:nth-child(2){position:relative;display:block;width:100%;height:auto;top:auto;left:auto;bottom:auto;right:auto;}
  .serieItem:nth-child(1){display:none}
  .serieItem, .serieItem:nth-child(2) {padding:0 0 50% 0;float:left;width:50%;}
  .serieItemInfo {display:none;}

  .modAt .modAtImgBottom{display:none;height:0;opacity:0;}

  .divers .textContent{margin-top:0;}
}

@media screen and (max-width: 900px){
  #home #top, #top{padding-bottom:0;position:relative;}
  #logo{top: 0;padding: 8% 2% 5%;background: #fff;}
  #logo img{position:static;}
  #slideshow{display:none;}
  .objectfit  #home #top, .objectfit  #top{height:auto;}
  #home #logo, #logo{position:static;left:0;float:left;width:30%;min-width:100px;margin:0;}
  #home .menuTop, .menuTop{position:static;float:right;width:60%;}
  .menuTop{height:auto;}
    .menuTop .mod-menu > li, .menuTop .mod-menu > .item-118{float:none;height:60px;}
    .menuTop .mod-menu > li > a{padding:20px 0;display:inline-block;height:60px;}
    .item-117{display:block;}
    .menuTop .fbLink{display:none;}

  .modContact > iframe{display:none;}
  .modContact > div, .modContact > div:nth-child(3){width:50%;padding-left:5%;}
  .modContact > div:nth-child(2){text-align:right;padding:0 5% 0 0;}
}

@media screen and (max-width: 800px){
  .modCrea{background:none;}
  .modCrea > div{margin:0;background:#aa892c;padding:5%;}
}

@media screen and (max-width: 600px){
  .menuTop .mod-menu{display:none;}
  #home #logo, #logo{padding:0;width:50%;}
  #home .menuTop, .menuTop{width:50%;}
  #logo img{display:none;}
  .logoText{display:block;font-family: 'rieslingregular';font-size:2.5em;}
  #menuMobileBtn{ position:relative;display: block;height: 80px;line-height: 80px;text-align: center;}
  #menuMobileBtn:after {content: '';display: inline-block;vertical-align: middle;margin-left: 15px;box-sizing: content-box;width: 22px;height: 1px;background: #333;background-clip: content-box;padding: 7px 0;border-top: 1px solid #333;border-bottom: 1px solid #333;}

  .croquisRobe {display:none;}

  .modAt{padding-left:0;}
  .modAt .modAtLeft{display:none;}
  .modAt .modAtImgBottom{display:block;height:auto;opacity:1;}

  .modContact > div, .modContact > div:nth-child(3), .modContact > div:nth-child(2){float:none;width:100%;text-align:center;padding:0;}

  .droite, .gauche,
  .divers .droite,
  .divers .gauche  {position:relative;float:none;clear:both;margin:1.5em auto ;z-index:1;max-width:100%;}
}

@media screen and (max-width: 600px){
  .modCrea .elm, .modCrea .mam{float:none;text-align:center;width:100%;}
    .modCrea h3 br{display:none;}
    .modCrea .mam h3:after{display:none;content:none;}
  .gridItem {width:99%;}
  .modCrea .crea-img {position:relative;height:40vw;}
}


@media screen and (max-width: 480px){
  #menuBas .item-124 {position:static;width:auto;max-width:100%;}
  #menuBas .item-124 img {width:80%;max-width:200px;height:auto;margin:0 auto 10%;}
  #menuBas li {margin:0 5%;text-align:center;}
}


@media screen and (max-width: 420px){
  .logoText{font-size:2em;}
}

@media screen and (max-width: 330px){
  .logoText{font-size:1.5em;}
}