@media only screen and (max-width: 980px) {
  .content_right_franchise h2 {text-align: center;}  
  .content_right_franchise {padding-bottom:15px;}  

}
@media only screen and (max-width: 600px) {

  #interieur img.leftCenter, #interieur img.leftCenter+img, #interieur img.fleft {display: block;margin:15px auto!important;float: none!important;}

  
  body{background-image: none!important;}
    

  /*HOME*/
    .colonne_1, .colonne_2, .colonne_3{width: 100%!important;margin: 10px 0!important;float: none!important;}
    #gauche{float: none!important;}
    #droiteVideo{display: none!important;}
    #bas {margin: 0px!important;}
    .bas_decouvrez {width:100%; margin: 0 auto 10px auto;}
    .bas_decouvrez:first-child {margin: 0 0 10px 0;}
    .bas_wrap--decouvrez {margin: 0;}
    #presVous{background-image: none!important;}
    #next{
      top: 5px!important;
      right: 10px!important;
    }

  /*INTERIEUR*/
    #colonneDroite{display: none;}
    #interieur{
      width: auto;
      padding: 7px;
    }

    .content_right_franchise h2 {
      font-size: 25px;
    }
 
  header nav ul li#logo{width: auto!important;}
}

@media only screen and (min-width: 600px) and (max-width: 750px) {
  #presVous{
    height: auto!important;
    background-image: none!important;
  }
  #next{
    top: 5px!important;
    right: 10px!important;
  }

  /*.caroufredsel_wrapper {
    margin-top: -75px!important;
  }*/

}


@media only screen and (min-width: 600px) and (max-width: 850px){
  #rechercher{width: 90%!important;margin: 0 auto!important;}
}
@media only screen and (max-width: 320px) {
  .content_franchise .grid__item {
    position: relative;
    top: 0;
    left: -12px;
  }
}
@media only screen and (max-width: 510px) {
  .wrapper-logo-f img {
    width: 60%;
  }
  .wrapper-logo-f .espace {
    position: absolute;
    display: none;
  }
  .wrapper-logo-f .espace img {
    width: 15%;
  }
  .wrapper-logo-f .espace.adherent {
    top:0px;
    left: -78%;
  }
  .wrapper-logo-f .espace.vente {
    top:0px;
    right: -78%;
  }
}

@media only screen and (max-width: 900px) {
  /*HEADER*/
    header {background-image: none!important;}
    header nav ul.sf-menu{display: none!important;}
    #logo{
      display: block!important;
      margin: 0 auto!important;
      text-align: center;
      width:195px!important;
    }
    #logo img{width: 100%!important;}

    .wrapper-logo-f {
      margin: 10px 0 0 0;
    }

  header nav ul li#logo{margin: 0 auto!important;/*width: 25%!important;*/float: none!important;}

  #sliderAdherent img#emplacement, #sliderAdherent img#portrait, #sliderAdherent img#emplacement2{display: none!important;}

  #sliderAdherent .button {
    float: right!important;
    margin-left: 0!important;
    clear: both!important;
    margin-top: 5px!important;
  }

  #colonneDroite{margin-right: 0!important;}

  .f-wrap-texte p {
    font-size: 14px;
  }
  .f-wrap-texte {
    max-height: 135px;
  }
  .f-wrap-footer {
    bottom: 8px;
  }
}

@media only screen and (min-width: 900px){
  .menu-iphone{display: none!important;}

  #sliderAdherent img#portrait{width: 95px!important;}
  #sliderAdherent ul#dvn{margin-left: 25px!important;font-size: 12px;}
  #sliderAdherent .button {margin-left: 110px!important;margin-top: -30px!important;}
  #sliderAdherent img#emplacement {top: -15px!important;}
}

@media only screen and (min-width: 600px) and (max-width: 980px){

  header{background-position: center 39px!important;font-size: 12px;}
  header nav ul li {padding: 0 1%;}
  header nav ul li#menuKiosque{padding: 0 1%!important;}
  header nav ul li#menuSucces{padding: 0 1%!important;}
  header nav ul li#logo{width: 21%;}
  header nav ul li#logo img{width: 100%;}
  ul.sf-menu.franchise li.separator {margin-top: 46px;}

  .colonne_1{width: 32.08%;} 
  .colonne_1 img, .colonne_2 img{display: block;width: 100%;}
  .colonne_2{width: 66.88%!important;} 
  .colonne_3{width: 95.2%;}
  .bas_decouvrez {height: auto;}
  .bas_decouvrez_contenu_head h2 {font-size: 1.2em;}
  .bas_decouvrez_contenu_head p {font-size: 1em;}
  .bas_decouvrez_contenu_texte {margin: 5px 0 0 0;max-height: none;}
  .bas_decouvrez_contenu_texte_wrap {float: none;margin: 5px auto 15px auto;width: 100%;}
  .bas_decouvrez_contenu_texte_wrap.image {height: 120px;line-height: 120px;text-align: center;}
  .bas_decouvrez_contenu_texte_wrap.image img {display:inline;vertical-align: middle;}
  #gauche{width: 32.08%!important;} 
  #gauche .colonne_1{width: 100%!important;}

  #colonneDroite {width: 25%!important;}
  #interieur {width: 69%!important;}
  #interieur img.leftCenter{margin: 15px auto!important;}

  #rechercher{float: none!important;margin: 0 auto!important;width: 70%!important;}
}

@media only screen and (min-width: 980px){
  .menu-iphone{display: none!important;}

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

/* FRANCHISE HP */
@media only screen and (max-width: 982px){
  .grid__wrapper {
    position: relative;
    width: 646.6px;
    margin: 0 auto;
    clear: both;
  }
  .content_franchise .grid.interieur {
    display: none;
  }
  .content_right_franchise {
    width: 97.96%;
    float: none;
  }
  .content_franchise {
    padding: 0 !important;
  }
}
@media only screen and (max-width: 720px){
  .grid__wrapper {
    width: 100%;
    margin: 0;
  }
  .grid {
    margin: 0 auto !important;
    width: 100%;
  }
  .content_franchise .grid__item {
    width: 313.3px;
    height: 250px;
    padding: 0;
    float: none;
    margin: 0 auto 10px auto;
  }
}