/*********************
******** Aide ********
*********************/
.hero-reborn .hr-hero {
  margin: 7% 0 5%;
}
.hero-reborn .btn-hero {
  margin-top: 8%;
}
.hr-hero-smart,
.content-toggle-aide {
  display: none;
}
.picto-play {
  top: 60px;
}
#top_content h3 {
  font-size: 2em;
  margin: 40px 0 16px;
}
#top_content h4 {
  margin: 30px 0 10px;
}
.narrow-box ul {
  padding-left: 24px;
}
.narrow-box ul li.first-li {
  list-style-image: url("../../../ENT/EIE2015/_assets/images/red-arrow-white-bg.jpg");
  margin-bottom: 10px;
}
.narrow-box ul li span {
  text-decoration: underline;
  cursor: pointer;
}
.narrow-box ul div ul li span {
  text-decoration: none;
}
.narrow-box a {
  text-decoration: underline;
}
.content-toggle {
  margin-bottom: 30px;
}
span.link-toggle {
  text-decoration: underline !important;
  cursor: pointer;
}
ul.red-bull,
ul.numberz {
  padding-left: 40px;
  margin: 10px 0;
}
#favori {
  padding: 10px;
  background: #f2ede2;
}
ul.numberz li {
  list-style: decimal;
}
.narrow-box table {
  margin: 10px 2px;
}
.narrow-box table tr td {
  padding: 10px;
}

/* Responsive Tablette */
@media only screen and (max-width: 960px) {
  .hero {
    height: 340px;
  }
  .hero img,
  .insert .hr-hero,
  .insert .mini-grey-txt span,
  .dspn {
    display: none;
  }
  .hero__content .insert {
    height: 100%;
  }
  .hero-reborn .insert h1 {
    margin: 36% 0 0;
  }
  .hero-reborn .insert .mini-grey-txt {
    position: absolute;
    clear: left;
    width: 70%;
    max-width: 250px;
    top: initial;
    bottom: 16%;
  }
  .insert .hr-hero-smart {
    display: inline;
    margin: 28% 0 6% 0;
  }
  .hero {
    background: url("static/ent/ENT/EIE2015/_assets/images/aide/hero-aide-smart.jpg")
      no-repeat center top;
  }
}

/* Responsive Smartphone */
@media only screen and (max-width: 640px) {
  body {
    font-size: 0.9em;
  }
  .hero {
    height: 340px;
  }
  .hero__content .insert {
    height: 46%;
  }
  .hero-reborn .insert .mini-grey-txt {
    width: 86%;
    max-width: 100%;
    bottom: 24%;
    margin-left: 7%;
  }
  .insert .hr-hero-smart {
    display: none;
  }
  .hero-reborn .insert h1 {
    margin: 4% auto 2%;
  }
  .hero-reborn .btn-hero {
    margin-top: 2%;
  }
  .hero {
    background: url("static/ent/ENT/EIE2015/_assets/images/aide/hero-aide-smart-640.jpg")
      no-repeat center top;
  }
}