html {
  font-size: 62.5%;
  font-family: sans-serif;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

*,
*:before,
*:after {
  box-sizing: border-box; }

img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto; }

nav {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: white;
  height: 5rem;
  box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.1); }
  nav ul {
    list-style-type: none;
    padding: 0;
    text-align: center;
    line-height: 1.4; }
    nav ul li {
      padding: 0.8rem 0.7rem 1.8rem;
      display: inline-block;
      vertical-align: middle; }
      nav ul li a {
        font-size: 1.2rem;
        color: #181818;
        text-decoration: none;
        transition: color .2s ease-in-out; }
      nav ul li:first-of-type {
        padding: 0 0.7rem;
        margin-top: -0.7rem; }
        nav ul li:first-of-type img {
          width: 11rem;
          display: inline-block; }
      nav ul li:nth-of-type(8) {
        margin-left: 1rem; }
      nav ul li:last-of-type a {
        color: #181818; }
      nav ul li:last-of-type:after {
        content: '';
        border-right: 0.2rem solid;
        border-bottom: 0.2rem solid;
        width: 0.5rem;
        height: 0.5em;
        display: inline-block;
        transform: rotate(45deg);
        margin: 0 0 0.2rem 0.7rem; }
      nav ul li ul {
        opacity: 0;
        position: absolute;
        top: 1rem;
        left: 0;
        right: 0;
        width: 100%;
        background-color: white;
        height: 4rem;
        box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.1);
        z-index: -10; }
      nav ul li:hover a {
        color: #D94D3E; }
      nav ul li:hover ul {
        opacity: 0.9;
        top: 6rem; }
        nav ul li:hover ul li {
          padding: 0.8rem 0.7rem; }
          nav ul li:hover ul li a {
            color: #181818; }
          nav ul li:hover ul li:last-of-type a {
            color: red; }
          nav ul li:hover ul li:hover a {
            color: #D94D3E; }

/* Question asker
---------------------------------------------------------------*/
#question-asker {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  width: 5rem;
  height: 5rem;
  background-color: #D94D3E;
  box-shadow: 0.2rem 0.2rem 1.6rem rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  transition: all .2s ease-out;
  z-index: 120; }
  #question-asker:after {
    content: '';
    background: url(images/picto-contact.svg) no-repeat center/3rem;
    display: inline-block;
    width: 5rem;
    height: 5rem;
    top: -0.1rem;
    position: absolute; }
  #question-asker + aside {
    width: 35rem;
    background-color: #fff;
    border-radius: 0.7rem;
    padding: 2rem;
    box-shadow: 0.2rem 0.2rem 1.6rem rgba(0, 0, 0, 0.1);
    font-size: 1.3rem;
    position: fixed;
    bottom: 9rem;
    right: -100%;
    transition: right .3s ease-in-out;
    z-index: -10; }
    #question-asker + aside .close {
      position: absolute;
      top: 0;
      width: 5rem;
      height: 5rem;
      right: 0; }
      #question-asker + aside .close span,
      #question-asker + aside .close span:before,
      #question-asker + aside .close span:after {
        height: 0.2rem;
        width: 3rem;
        margin: 0;
        background: #181818;
        position: absolute;
        display: block;
        content: "";
        transition: all .2s; }
      #question-asker + aside .close span {
        top: 2.5rem;
        right: 1rem;
        background-color: transparent; }
      #question-asker + aside .close span:before {
        top: 0;
        transform: rotate(45deg); }
      #question-asker + aside .close span:after {
        bottom: 0;
        transform: rotate(-45deg); }
    #question-asker + aside .intro {
      margin: 0 0 1rem 0.5rem;
      width: 87%; }
    #question-asker + aside .fields {
      margin-top: 1rem; }
    #question-asker + aside label {
      line-height: 3rem;
      padding-left: 0.5rem; }
    #question-asker + aside .radio-button {
      font-size: 1.1rem; }
    #question-asker + aside input[type=radio] {
      vertical-align: text-bottom; }
    #question-asker + aside textarea,
    #question-asker + aside input[type=text],
    #question-asker + aside input[type=email] {
      width: 100%;
      margin-bottom: 1rem;
      border: 0;
      background-color: #F2F2F2;
      border-radius: 2rem;
      padding: 1.5rem;
      display: block; }
      #question-asker + aside textarea:active, #question-asker + aside textarea:focus,
      #question-asker + aside input[type=text]:active,
      #question-asker + aside input[type=text]:focus,
      #question-asker + aside input[type=email]:active,
      #question-asker + aside input[type=email]:focus {
        background-color: rgba(110, 100, 110, 0.1);
        outline: none; }
    #question-asker + aside textarea {
      height: 10rem; }
    #question-asker + aside input[type=submit] {
      display: block;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: none;
      background-color: #D94D3E;
      padding: 1rem 1.5rem;
      border-radius: 3rem;
      font-size: 1.2rem;
      font-weight: 700;
      margin-top: 1rem;
      color: #fff;
      float: right;
      transition: all .3s; }
  #question-asker.active + aside {
    opacity: 1;
    right: 2rem;
    z-index: 110; }

@media screen and (min-width: 900px) {
  #question-asker {
    cursor: pointer; }
    #question-asker:hover {
      box-shadow: 0.2rem 0.2rem 1.8rem rgba(0, 0, 0, 0.4); }
    #question-asker + aside .close {
      cursor: pointer; }
    #question-asker + aside input[type=submit]:hover {
      box-shadow: 0.2rem 0.2rem 1.6rem rgba(0, 0, 0, 0.2); }
    #question-asker + aside .close:hover span:before,
    #question-asker + aside .close:hover span:after {
      background-color: #D94D3E; } }
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: 0;
  background-color: transparent;
  cursor: pointer; }

#cookies-disclaimer {
  position: fixed;
  display: flex;
  align-items: center;
  bottom: 2rem;
  padding: 2rem;
  max-width: 80rem;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 1rem;
  background-color: #D94D3E;
  color: #fff;
  font-size: 1.3rem;
  line-height: 1.2;
  box-shadow: 0.2rem 0.2rem 1.6rem rgba(0, 0, 0, 0.1); }
  #cookies-disclaimer.hidden {
    display: none; }
  #cookies-disclaimer .close {
    position: absolute;
    top: 1rem;
    width: 3rem;
    height: 3rem;
    right: 0;
    cursor: pointer; }
    #cookies-disclaimer .close span,
    #cookies-disclaimer .close span:before,
    #cookies-disclaimer .close span:after {
      height: 0.2rem;
      width: 2rem;
      margin: 0;
      background: #fff;
      position: absolute;
      display: block;
      content: "";
      transition: all .2s; }
    #cookies-disclaimer .close span {
      top: 2.5rem;
      right: 1rem;
      background-color: transparent; }
    #cookies-disclaimer .close span:before {
      top: 0;
      transform: rotate(45deg); }
    #cookies-disclaimer .close span:after {
      bottom: 0;
      transform: rotate(-45deg); }
  #cookies-disclaimer img {
    width: 12%;
    padding-right: 1rem; }
  #cookies-disclaimer p {
    width: 65%;
    margin: 0;
    padding-right: 1rem; }
    #cookies-disclaimer p a {
      color: #fff; }
  #cookies-disclaimer button {
    width: 25%;
    margin-left: auto;
    display: block; }
    #cookies-disclaimer button a {
      text-decoration: none;
      padding: 0.8rem 1.5rem;
      border-radius: 0.9rem;
      border: 0.2rem solid #fff; }
    #cookies-disclaimer button.plain a {
      background-color: #fff;
      color: #D94D3E; }
    #cookies-disclaimer button.outline a {
      background-color: #D94D3E;
      color: #fff; }

/*# sourceMappingURL=styles.css.map */