.mobile #container {
     margin-top: 0 !important; 
}
#_vod {
  background: #eee;
  padding: 1rem 0
}

#slideshow .holdMe {
  display: none
}

#slideshow #desc h1.bigred {
  font-size: 4rem;
  font-weight: 400;
  color: #ca0000;
  line-height: 5rem;
  margin-bottom: 1rem
}

#vodshow {
  position: relative;
  text-align: center;
  overflow: hidden;
  height: 300px
}

#nos_offres {
  position: relative
}

#nos_offres #bandeau_gris {
  position: absolute;
  z-index: -1;
  height: 42.5rem;
  top: 9.5rem; /*! bottom: 5rem; */
  background: #eee;
  width: 100%
}

#nos_offres .holdMe {
  display: flex;
  flex-wrap: wrap
}

#nos_offres .three {
  width: calc(33.32% - 4rem);
  display: flex
}

#nos_offres h2 {
  display: block;
  width: inherit;
  margin-bottom: 4.5rem
}

#nos_offres .mod_offre {
  border: 3px solid #EEEEEE;
  margin: 0 2rem;
  flex-direction: column;
  text-align: center;
  overflow: visible;
  position: relative;
  padding: 2rem 1rem 5rem;
  width: background:;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all ease-in .2s;
  transition: all ease-in .2s;
  position: relative
}

#nos_offres .mod_offre:hover {
  border: 3px solid #aaa;
  -webkit-transition: all ease-in .2s;
  transition: all ease-in .2s
}

#nos_offres .mod_offre>div {

  /*! position: relative; */
}

#nos_offres .mod_offre img.bons_plans {
  width: 60px !important;
  height: 63px;
  position: absolute;
  right: -30px;
  top: 25px
}

.down_arrow, .up_arrow {
  height: .9rem
}

#nos_offres .mod_offre .down_arrow svg path {
  fill: #ca0000
}

.prix {
  color: #ca0000;
  font-weight: 700;
  font-size: 5rem;
  position: relative;
  line-height: 5rem;
  text-align: left;
  padding-left: 1.2rem;
  z-index: 2; /*! top: 6rem; */
  width: 13.8rem
}

.prix sup {
  font-size: 1rem;
  line-height: 0;
  position: absolute;
  top: 1.6rem;
  font-size: 2.5rem;
  display: inline-block;
  margin-left: 1rem
}

.prix sub {
  font-size: 1rem;
  line-height: 0;
  position: absolute;
  bottom: 1.1rem;
  font-size: 1.5rem;
  display: inline-block;
  margin-left: 1rem;
  font-weight: 400
}

.prix i {
  font-size: 2rem;
  font-weight: 400;
  font-style: normal
}

.sous_prix {
  font-size: .75rem !important;
  color: #aaa;
  margin: .5rem 0 1rem 0
}

.sous_prix span {
  display: block;
  width: inherit
}

#nos_offres .mod_offre .date_promo {
  background: url(/freebox/assets/images/index/strike.png) center center repeat-x
}

#nos_offres .mod_offre .date_promo strong {
  color: #ca0000;
  font-weight: 600;
  font-size: .9rem;
  background: #fff;
  padding: .2rem 1rem;
  display: inline-block
}

#nos_offres .mod_offre .nom_offre {
  font-size: .75rem;
  padding-bottom: 1rem
}

#nos_offres .mod_offre .nom_offre img#tvbycanal {
  width: 4rem;
  margin-left: .5rem;
  display: inline-block;
  vertical-align: top;
  padding-top: .2rem
}

#nos_offres .mod_offre .nom_offre img.img_box {
  width: 80%;
  padding-bottom: 1rem;
  max-width: 190px !important
}

#nos_offres .mod_offre .nom_offre strong {
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 700;
  padding: .2rem;
  background: #eee;
  line-height: 1rem
}

#nos_offres .mod_offre#crystal .nom_offre strong {
  margin-bottom: 1.4rem
}

#nos_offres .mod_offre#mini4k .nom_offre strong {
  margin-bottom: .4rem
}

#nos_offres .mod_offre#revolution .nom_offre strong {
  margin-bottom: .2rem
}

#nos_offres .mod_offre .nom_techno {
  border-top: 1px solid #ddd;
  padding-top: 1rem;
  Font-weight: 700;
  font-size: .8rem;
  margin-bottom: 1rem
}

#nos_offres .mod_offre .nom_techno .updown {
  text-align: left;
  width: 9rem;
  margin: auto;
  font-weight: 800
}

#nos_offres .mod_offre .nom_techno .updown strong {
  font-weight: 800
}

#nos_offres .mod_offre .nom_techno .updown span {
  font-size: .6rem;
  text-align: center
}

#nos_offres .mod_offre .nom_techno .arrow {
  display: inline-block;
  vertical-align: middle
}

#nos_offres .mod_offre .bloc_offre {
  border-top: 1px solid #ddd;
  padding-top: 1rem;
  font-size: .8rem;
  margin-bottom: 1rem
}

#nos_offres .mod_offre .bloc_offre #mycanal {
  width: 4rem
}

#nos_offres .mod_offre .eli {
  display: block;
  position: absolute;
  bottom: -1rem
}

#nos_offres .mod_offre button {

  /*! position: absolute; */border: 0;
  color: #fff;
  padding: .5rem;
  background: #ca0000; /*! top:0; */
  width: 13.8rem;
  border: 2px solid #ca0000;
  font-size: .85rem
}

#nos_offres .mod_offre button:hover {
  background: #fff;
  color: #ca0000;
  -webkit-transition: all .5s;
  transition: all .5s
}

#nos_offres .mod_offre a.ensavoirplus {
  display: block;
  width: 13.8rem;
  padding: .5rem;
  border: 1px solid #ccc;
  font-size: .75rem;
  position: absolute;
  bottom: 2rem
}

#pourquoi_free {
  padding: 0 0 5rem 0;
  overflow: auto
}

#pourquoi_free .holdMe {
  text-align: center
}

.free_inline {
  vertical-align: middle;
  width: 70px;
  padding: .2rem .5rem .3rem .2rem
}

#pourquoi_free h3 {
  text-align: center;
  margin: 0 0 3rem 0
}

#pourquoi_free .card {
  padding: 1rem;
  border: 1px solid #eee;
  padding: .5rem;
}

#pourquoi_free .card h5 {
  color: #ca0000
}

#pourquoi_free .card p {
  font-size: .75rem
}

#pourquoi_free .card img {
  border-radius: .5rem
}

#pourquoi_free .five {
  box-sizing: border-box;
  width: calc(19.5% - 1rem);
  display: inline-block;
  margin-right: 1rem;
  vertical-align: top;
  min-height: 20rem;
}

#free_mobile {
  background: #eee;
  margin-top: 1rem;
  padding: 7rem 0 0 0;
  margin-bottom: 5rem;
}

#free_mobile .holdMe {
  position: relative;
  overflow: visible
}

#free_mobile #wahoo {
  position: absolute;
  right: 0;
  bottom: 0
}

#free_mobile #wahoo img {
  width: auto
}

#free_mobile h3 {
  display: block;
  width: inherit;
  text-align: center
}

#free_mobile .two {
  position: relative;
  padding: 0 1rem;
  float: none
}

#free_mobile .two h4 {
  font-size: 1.5rem;
  margin: 0;
  padding-bottom: 7rem;
  text-align: left
}

#free_mobile .two h4 strong {
  font-size: 1.5rem
}

#free_mobile .two h4 strong span {
  color: #ca0000
}

#free_mobile .prix {
  color: #ca0000;
  font-weight: 700;
  font-size: 5rem;
  position: absolute; /*! line-height:5rem; */
  text-align: left; /*! padding-left:1.2rem; */
  background: 0 0;
  z-index: 2;
  top: 3rem; /*! width:13.8rem; */
  padding-left: 0
}

#free_mobile .prix sup {
  font-size: 1rem;
  line-height: 0;
  position: absolute;
  top: 1.6rem;
  font-size: 2.5rem;
  display: inline-block;
  margin-left: 1rem
}

#free_mobile .prix sub {
  font-size: 1rem;
  line-height: 0;
  position: absolute;
  top: 2.8rem;
  font-size: .75rem;
  display: inline-block;
  margin-left: 1rem;
  height: 3rem;
  width: inherit;
  padding-top: .5rem
}

#free_mobile .prix i {
  display: block;
  position: absolute;
  top: 2.8rem;
  width: 100%;
  font-size: .75rem;
  left: 6.6rem;
  height: 1rem;
  color: #333;
  font-weight: 800
}

#free_mobile sub span {
  position: absolute;
  display: block;
  top: 1.4rem;
  font-size: .75rem;
  color: #000;
  width: 100%;
  height: .75rem
}

#free_mobile .sous_prix span {
  display: block;
  width: inherit
}

#free_mobile a.button {
  display: inline-block;
  padding: .5rem 5.5rem;
  margin: 1rem 0 3rem
}

#helpers {
  margin-bottom: 3rem
}

#helpers .card {
  padding: 3rem 1rem;
  border: 1px solid #eee;
  position: relative;
  overflow: visible;
  text-align: center/*! border-radius:.2rem; *//*! box-shadow:0 .2rem 0 #ccc */
}

#helpers .card h5 {
  color: #000;
  text-transform: uppercase;
  display: inline-block;
  margin: auto; /*! margin-top:-4rem; */
  background: #fff;
  padding: .5rem 1rem;
  width: 12rem;
  position: absolute;
  left: 0;
  right: 0;
  top: -1rem
}

#helpers .card p {
  font-size: .75rem;
  text-align: center
}

#helpers .card img {

  /*! border-radius:.5rem */margin-bottom: 2rem
}

#helpers .three {
  box-sizing: border-box;
  width: calc(33.2% - 1rem);
  display: inline-block;
  margin-right: 1.5rem
}

#helpers .three:last-child {
  margin-right: 0
}

.row#_vod {
  padding: 0;
  margin-bottom: 3rem
}

#vodshow {
  background-repeat: none
}

#partenaires .three>div {
  text-align: center
}

#partenaires h3 {
  font-weight: 800
}

#legacy {
  margin-top: 2rem
}

@media screen and (max-width:1060px) {
  #nos_offres .three, #nos_offres .two {
    width: calc(99.8% - 7rem);
    text-align: center
  }

  #nos_offres .mod_offre {

    /*! text-align:right; */
  }

  #nos_offres .bloc_prix {
    width: 15rem;
    display: inline-block;  /*! float: left; */
    margin: auto
  }

  #nos_offres .bloc_desc {
    width: calc(100% - 17rem);
    display: inline-block;  /*! margin-left: 1rem; */

    /*! float: right; *//*! text-align: left; *//*! left: 15rem; *//*! position: absolute; */margin: auto
  }

  #nos_offres .mod_offre .eli {
    position: initial
  }

  #nos_offres .mod_offre a.ensavoirplus {
    position: initial;
    margin: 1rem auto;
    max-width: none;
    width: 100% !important;
  }

  #nos_offres #bandeau_gris {
    height: 138rem;
    top: 9.5rem;
    bottom: 5rem
  }

  #nos_offres .mod_offre .button, #nos_offres .mod_offre button {
    width: 99% !important;
    height: 3rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 1rem !important
  }

  #legacy {
    padding: 0
  }

  #legacy a {
    padding: 1.5rem .5rem;
    margin: 0;
    width: 100%
  }

  #free_mobile, #free_mobile h4 {
    text-align: center !important
  }

  #free_mobile .prix {
    left: calc(50% - 12rem) !important;  /*! right:0!important; */
    text-align: center
  }

  #free_mobile .prix sub {
    text-align: left
  }

  #free_mobile .prix i {
    margin-left: .5rem
  }

  #free_mobile .holdMe {
    padding-bottom: 0 !important
  }

}

@media screen and (max-width:725px) {
  #nos_offres .bloc_desc {
    width: 100%
  }

  #free_mobile .two {
    width: inherit
  }

  #free_mobile .two h4 {
    font-size: 1.5rem
  }

  #free_mobile #wahoo {
    position: initial;
    text-align: center
  }

  #vodshow {
    height: 29vw
  }

  #nos_offres .mod_offre {
    margin: .5rem auto
  }

  #nos_offres .bloc_desc {
    width: 100%
  }

  #free_mobile .two {
    width: inherit
  }

  #free_mobile .two h4 {
    font-size: 1.5rem
  }

  #free_mobile #wahoo {
    position: initial;
    text-align: center
  }

  #vodshow {
    height: 29vw
  }

  .mentionsLegales p {
    width: 100%
  }

}

@media only screen {
  #slideshow {
    background: url(/freebox/assets/images/freebox-revolution/1242x1242.jpg?2908) center bottom no-repeat;
    background-size: 100% !important;
    min-height: 1242px;
    min-height: 115vw;
    /*margin-top: 4rem*/
  }

  #header {
    margin-top: 0
  }

}

@media only screen and (orientation:portrait) {
  #slideshow {
    background: url(/freebox/assets/images/freebox-revolution/1242x1242.jpg?2908) center bottom no-repeat;
    background-size: 100% !important;
    min-height: 1242px;
    min-height: 115vw;
    /*margin-top: 4rem*/
  }

  #header {
    margin-top: 0
  }

}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait), only screen and (min--moz-device-pixel-ratio:2) and (orientation:portrait), only screen and (-o-min-device-pixel-ratio:2/1) and (orientation:portrait), only screen and (min-device-pixel-ratio:2) and (orientation:portrait), only screen and (min-resolution:192dpi) and (orientation:portrait), only screen and (min-resolution:2dppx) and (orientation:portrait) {
  #slideshow {
    background: url(/freebox/assets/images/freebox-revolution/1242x1242.jpg?2908) center bottom no-repeat;
    background-size: 100% !important;
    min-height: 1242px;
    min-height: 115vw;
    /*margin-top: 4rem*/
  }

  #header {
    margin-top: 0
  }

}
@media only screen and (min-width:481px) and (orientation:landscape) {
  #slideshow {
    background: url(/freebox/assets/images/freebox-revolution/1046x460.jpg?2908) center bottom no-repeat;
    background-size: 100% auto !important;
    height: 460px !important;
    min-height: 460px;
  }

}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:480px) and (orientation:landscape), only screen and (min--moz-device-pixel-ratio:2) and (min-width:480px) and (orientation:landscape), only screen and (-o-min-device-pixel-ratio:2/1) and (min-width:480px) and (orientation:landscape), only screen and (min-device-pixel-ratio:2) and (min-width:480px) and (orientation:landscape), only screen and (min-resolution:192dpi) and (min-width:480px) and (orientation:landscape), only screen and (min-resolution:2dppx) and (min-width:480px) and (orientation:landscape) {
  #slideshow {
    background: url(/freebox/assets/images/freebox-revolution/1046x460.jpg?2908) center bottom no-repeat;
    background-size: 100% auto !important;
    min-height: 460px;
    min-height: 20vw;
  }

}
@media only screen and (min-width:700px) {
  #slideshow {
    background: #fff url(/freebox/assets/images/freebox-revolution/1046x460.jpg?2908) center center no-repeat;
    background-size: 100% !important;
    min-height: 460px;
    min-height: 66vw;
    /*min-height: auto*/
  }

}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:700px) and (orientation:portrait), only screen and (min--moz-device-pixel-ratio:2) and (min-width:700px) and (orientation:portrait), only screen and (-o-min-device-pixel-ratio:2/1) and (min-width:700px) and (orientation:portrait), only screen and (min-device-pixel-ratio:2) and (min-width:700px) and (orientation:portrait), only screen and (min-resolution:192dpi) and (min-width:700px) and (orientation:portrait), only screen and (min-resolution:2dppx) and (min-width:700px) and (orientation:portrait) {
  #slideshow {
    background: #fff url(/freebox/assets/images/freebox-revolution/1046x460.jpg?2908) center center no-repeat;
    background-size: 100% !important;
    min-height: 460px;
    min-height: 66vw;
    /*min-height: auto*/
  }

}

@media only screen and (min-width:950px) {
  #slideshow {
    margin-top: 0;
    min-height: 460px;
  }

}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1000px) and (orientation:portrait), only screen and (min--moz-device-pixel-ratio:2) and (min-width:1000px) and (orientation:portrait), only screen and (-o-min-device-pixel-ratio:2/1) and (min-width:1000px) and (orientation:portrait), only screen and (min-device-pixel-ratio:2) and (min-width:1000px) and (orientation:portrait), only screen and (min-resolution:192dpi) and (min-width:1000px) and (orientation:portrait), only screen and (min-resolution:2dppx) and (min-width:1000px) and (orientation:portrait) {
  #slideshow {
    background: url(/freebox/assets/images/freebox-revolution/1046x460.jpg?2908) center bottom no-repeat;
    background-size: 975px !important;
    min-height: 460px;
    min-height: 20vw
  }

}



@media only screen and (min-width:1200px) {
  #slideshow .holdMe {
    display: block !important
  }

  #slideshow {
    background: #fff url(/freebox/assets/images/freebox-revolution/2500x460.jpg?2908) center center no-repeat;
    background-size: auto 74% !important;
    height: 304px !important;
    min-height:460px;
  }

}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1000px) and (orientation:landscape), only screen and (min--moz-device-pixel-ratio:2) and (min-width:1000px) and (orientation:landscape), only screen and (-o-min-device-pixel-ratio:2/1) and (min-width:1000px) and (orientation:landscape), only screen and (min-device-pixel-ratio:2) and (min-width:1000px) and (orientation:landscape), only screen and (min-resolution:192dpi) and (min-width:1000px) and (orientation:landscape), only screen and (min-resolution:2dppx) and (min-width:1000px) and (orientation:landscape) {
  #slideshow {
    background: url(/freebox/assets/images/freebox-revolution/2500x460.jpg?2908) center bottom no-repeat;
    background-size: 100% auto !important;
    min-height: 460px
  }

}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1300px) and (orientation:landscape), only screen and (min--moz-device-pixel-ratio:2) and (min-width:1300px) and (orientation:landscape), only screen and (-o-min-device-pixel-ratio:2/1) and (min-width:1300px) and (orientation:landscape), only screen and (min-device-pixel-ratio:2) and (min-width:1300px) and (orientation:landscape), only screen and (min-resolution:192dpi) and (min-width:1300px) and (orientation:landscape), only screen and (min-resolution:2dppx) and (min-width:1300px) and (orientation:landscape) {
  #slideshow {
    background: url(/freebox/assets/images/freebox-revolution/2500x460.jpg?2908) center bottom no-repeat;
    background-size: 100% !important
  }

}

@media only screen and (min-width:1367px) {
  #slideshow {
    background: #fff url(/freebox/assets/images/freebox-revolution/2500x460.jpg?2908) center center no-repeat;
    background-size: auto 100% !important;
    height: 460px !important
  }

}
@media only screen and (min-width:2600px) {
  #slideshow {
    background: #fff url(/freebox/assets/images/freebox-revolution/2500x460.jpg?2908) center center no-repeat;
    background-size: auto 100% !important;
    height: 460px !important
  }

}