.wrap-footer-bottom {
  min-width: 0px;
}
.wrap-footer-bottom-inner {
  width: auto;
  max-width: 950px;
}

/******************/
/* screen <= 909  */
/******************/
@media only screen and (max-width: 909px) {
  .wrap-footer-bottom-inner {
    background: none;
  }
  .wrap-footer-bottom-inner .top-footer-inner {
    float:left;
  }
  .wrap-footer-bottom-inner .top-footer-inner ul {
    border-left: none;
    height: 100%;
  }
  .wrap-footer-bottom-inner .bottom-footer {
    padding-right: 25px;
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .slider-wrapper {
    display: none;
  }
  .right-header {
    clear: both;
    float: none;
    width: 210px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1px;
  }
  .search-accueil {
    margin-top: 10px;
  }
  .wrap-top, .wrap-top-inner, .nav-area {
    min-width: 100%;
    width: 100%;
  }
  .wrap-top-inner {
    margin-top: 10px;
  }
  h1 {
    display: none;
  }
  .logo img {
    float: none;
  }
  .wrap-top {
    background-position: top;
  }
  #freeRibbon {
    display: none;
  }
  #facebbok-like {
    display: none;
  }
  .top-day {
    display: none;
  }
  .logo {
    display: block;
    position: relative;
  }

  /********/
  /* Menu */
  /********/

  #nav, #nav ul {
    width: 100%;
    height: 230px;
  }
  #nav ul {
    margin: 0 0 0 0px;
  }
  #nav ul li {
    width: 100%;
    color: #FFF;
    background: none;
    height: 35px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #nav ul li a {
    background-color: #BEDB45;
    padding-top: 0px;
    text-align: center;
    width: 100%;
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    padding-left: 0px;
    padding-right: 0px;
  }
  #nav ul li a.first-menu-item {
    background-color: #BEDB45;
  }
  #nav ul li a.second-menu-item {
    background-color: #FF0099;
  }
  #nav ul li a.third-menu-item {
    background-color: #FF9933;
  }
  #nav ul li a.fourth-menu-item {
    background-color: #9900CC;
  }
  #nav ul li a.fifth-menu-item {
    background-color: #00CCFF;
  }
  #nav ul li.hover .area-submenu {
    display: none;
    visibility: hidden;
  }
  #nav ul li.hover .gris-arrow { 
    display: none;
  }
  #nav ul li a:hover, #nav ul li a.active {
    color: #444;
  }

  /*************/
  /* Publicité */
  /*************/

  .wrap-content-inner .banner {
    margin: 30px 0px 0px 0px;
    padding: 0 0 0 0px;
    border-left-width: 0px;
  }

  .banner > div {
    position: relative;
    left: 0px;
  }

  /********************/
  /* Corps de la page */
  /********************/

  .wrap-content-inner {
    width: auto;
    max-width: 994px;
    padding-right: 16px;
    clear: both;
  }

  /********************/
  /* Fête des prénoms */
  /********************/

  .wrap-content-inner .img-partie {
    display: none;
  }
  .wrap-content-inner .details-partie {
    float: left;
    max-width: 100%;
    width: 100%
  }
  .wrap-content-inner .partie {
    width: 95%;
  }
  .best-partie p {
    padding-bottom: 20px;
  }
  .best-partie .actions-area {
    width: auto;
    float: none;
  }
  .wrap-content-inner .best-partie {
    float: none;
    height: auto;
  }
  .best-partie .pink-btn-content {
    clear: both;
    float: none;
  }

  /*****************/
  /* N'oubliez pas */
  /*****************/

  .wrap-content-inner .events-area {
    float: none;
    width: auto;
    padding-top: 10px;
  }

  .wrap-content-inner .events-area .arrow-icon {
    display: none;
  }

  .list-events .item {
    display: block;
  }

  .details-event {
    width: 80%;
  }

  /************************/
  /* Les cartes favorites */
  /************************/

  .wrap-content-inner .cartef-area {
    float: none;
    width: 100%;
    height: 980px;
    margin: 30px 0 0 0;
    text-align: center;
    padding: 10px 0 19px 0;
  }
  .list-cartef .item {
    float: none;
    padding-left: 0px;
    width: 100%;
  }
  .cartef-area .title-cartef {
    font-size: 20px;
    padding-right: 0px;
    margin-left: 5px;
    margin-right: 5px;
  }
  .wrap-content-inner .cartef-area .arrow-icon {
    display: none;
  }
  .list-cartef .item.left {
    border-right: none;
  }
  .list-cartef .item.top {
    margin-top: 20px;
  }

  /*****************/
  /* Bloc 4 images */
  /*****************/

  .cartes-area {
    display: none;
  }

  /*******************/
  /* Bloc A célébrer */
  /*******************/

  .wrap-celeber {
    min-width: 0;
  }
  .wrap-celeber-inner {
    width: auto;
    padding-bottom: 0;
  }
  .list-celeber {
    width: auto;
    padding-bottom: 20px;
  }
  .list-celeber .celeber-first {
  }
  .list-celeber .celeber-first, .list-celeber .celeber-middle {
    float: none;
  }
  .list-celeber .celeber-middle ul, .list-celeber .celeber-end ul {
    padding-left: 15px;
  }
  .list-celeber li ul {
    border: 0;
  }
  .list-celeber .celeber-first, .list-celeber .celeber-middle, .list-celeber .celeber-end {
    background-position-x: 18px;
    padding-top: 35px;
  }
  .list-celeber .celeber-middle, .list-celeber .celeber-end {
    margin-top: 30px;
  }
  .list-celeber li .title {
    font-size: 30px;
  }

  /*****************/
  /* Bloc Facebook */
  /*****************/

  .alert-anniversaire {
    display: none;
  }

  /********************/
  /* Icônes du footer */
  /********************/

  .wrap-footer-icon {
    width: 100%;
    min-width: 0;
  }
  .wrap-footer-icon .list-icon {
    padding-top: 10px;
  }
  .wrap-footer-icon-inner {
    width: auto;
  }
  .wrap-footer-icon li {
    border-right: none;
  }
  .wrap-footer-icon li .facebook,
  .wrap-footer-icon li .twitter,
  .wrap-footer-icon li .iphone-ipad,
  .wrap-footer-icon li .cybermag,
  .wrap-footer-icon li .newsletter {
    background-position: 0px 3px;
    padding-left: 0;
    margin-top: 20px;
  }

  /**********/
  /* Footer */
  /**********/

  .wrap-footer-bottom-inner {
    padding-top: 0;
  }
  img {
    height: auto;
    max-width: 100%;
    margin: auto;
  }
  .wrap-footer-bottom-inner .top-footer-inner ul li a {
    font-size: 14px;
  }
  .wrap-footer-bottom-inner .top-footer-inner ul,
  .wrap-footer-bottom-inner .top-footer-inner ul.decovers {
    padding-top: 20px;
    padding-left: 25px;
  }
}

/*****************/
/* screen <= 459 */
/*****************/

@media only screen and (max-width: 459px) {
  .wrap-footer-icon li {
    float: none;
  }
  .wrap-footer-icon li .item {
    width: auto;
    padding-top: 0;
    padding-left: 95px;
    padding-bottom: 20px;
  }
  .wrap-footer-icon li .item .link-footer {
    display: inline-block;
    position: relative;
    width: auto;
    height: auto;
    float: left;
  }
  .wrap-footer-icon li .title {
    display: inline;
  }
}