/* line 5, ../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

/* line 22, ../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1; }

/* line 24, ../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none; }

/* line 26, ../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 28, ../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

/* line 30, ../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none; }
  /* line 103, ../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

/* line 32, ../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none; }

/* line 116, ../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

@font-face {
  font-family: "Eras";
  src: url("../fonts/Eras/ErasLight.ttf");
  font-weight: 400; }
@font-face {
  font-family: "RobotoCondensed";
  src: url("../fonts/RobotoCondensed/RobotoCondensed-Regular.ttf");
  font-weight: 400; }
@font-face {
  font-family: "RobotoCondensed";
  src: url("../fonts/RobotoCondensed/RobotoCondensed-Italic.ttf");
  font-weight: 400;
  font-style: italic; }
@font-face {
  font-family: "RobotoCondensed";
  src: url("../fonts/RobotoCondensed/RobotoCondensed-Light.ttf");
  font-weight: 300; }
@font-face {
  font-family: "RobotoCondensed";
  src: url("../fonts/RobotoCondensed/RobotoCondensed-LightItalic.ttf");
  font-weight: 300;
  font-style: italic; }
/* line 1, ../sass/_base.sass */
html {
  font-size: 20px; }

/* line 4, ../sass/_base.sass */
body {
  background: url('../img/img-bg.jpg?1676262244') top center fixed no-repeat #524b53;
  background-size: cover;
  font-family: "RobotoCondensed", sans-serif;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.2rem;
  color: #2d2a43; }
  /* line 12, ../sass/_base.sass */
  body.active {
    overflow: hidden; }

/* line 15, ../sass/_base.sass */
#theme {
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 1;
  background: url('../img/img-bg2.jpg?1676265447') top center fixed no-repeat;
  background-size: cover;
  opacity: 0; }
  /* line 25, ../sass/_base.sass */
  #theme img {
    opacity: 0;
    width: 1px;
    height: 1px; }

/* line 30, ../sass/_base.sass */
.wrapper {
  display: grid;
  grid-template-columns: 2fr 5fr 2fr;
  grid-gap: 20px;
  height: 100vh;
  max-width: 1800px;
  margin: auto; }

/* line 39, ../sass/_base.sass */
.content, footer {
  grid-column-start: 2;
  grid-column-end: 3;
  max-width: 1400px; }

/* line 1, ../sass/_typo.sass */
h1, h2, h3 {
  font-family: "Eras", sans-serif; }

/* line 5, ../sass/_typo.sass */
h1 {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  color: white;
  line-height: 2.2rem; }

/* line 12, ../sass/_typo.sass */
h2 {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 20px;
  color: white;
  line-height: 1.6rem; }

/* line 19, ../sass/_typo.sass */
h3 {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.2rem; }

/* line 24, ../sass/_typo.sass */
p {
  margin: 20px 0; }
  /* line 26, ../sass/_typo.sass */
  .text-bulle p {
    margin: 0; }

/* line 30, ../sass/_typo.sass */
a {
  color: #af6363;
  text-decoration: none; }
  /* line 33, ../sass/_typo.sass */
  a:hover {
    text-decoration: underline; }

/* line 36, ../sass/_typo.sass */
.text-center {
  text-align: center; }

/* line 38, ../sass/_typo.sass */
.texte-mao {
  font-size: 0.85rem;
  line-height: 1;
  padding-bottom: 0;
  padding-top: 10px;
  border-top: 1px dashed #4082be;
  color: rgba(45, 42, 67, 0.7); }

/* line 45, ../sass/_typo.sass */
.texte-envie {
  margin-top: 40px;
  color: white;
  font-size: 1.1rem; }
  /* line 49, ../sass/_typo.sass */
  .texte-envie a {
    color: white; }

/* line 1, ../sass/_header.sass */
header {
  position: relative;
  height: 90vh;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  z-index: 2;
  text-align: center;
  background: radial-gradient(circle, #80cfe0 20%, rgba(89, 89, 98, 0.7) 100%);
  border-radius: 7px;
  margin-top: 40px; }
  /* line 15, ../sass/_header.sass */
  header quote {
    color: white;
    font-style: italic;
    display: block;
    font-size: 1.4rem;
    line-height: 1.5rem;
    padding: 0 40px;
    margin-top: 40px; }
  /* line 24, ../sass/_header.sass */
  header #logo {
    width: 550px;
    max-width: 90%;
    max-height: 60vh; }

/* line 32, ../sass/_header.sass */
a.arrow {
  display: block !important;
  height: 40px;
  width: 60px;
  margin: 0 auto;
  margin-top: 60px;
  background: url('../img/arrow-top.svg?1424863163') no-repeat 100% 50%;
  background-size: 100%;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -moz-animation: anim-fleche 3s ease-in infinite;
  -webkit-animation: anim-fleche 3s ease-in infinite;
  animation: anim-fleche 3s ease-in infinite;
  opacity: 0.9; }

/* line 44, ../sass/_header.sass */
.info {
  background: grey;
  width: 100px;
  height: 100px; }
  /* line 49, ../sass/_header.sass */
  .info.active {
    background: red; }

/* line 2, ../sass/_notes.sass */
#notes line {
  stroke: rgba(255, 255, 255, 0);
  stroke-width: 20px;
  fill: none;
  cursor: grabbing; }

/* line 9, ../sass/_notes.sass */
#notes-bg line {
  stroke: rgba(255, 255, 255, 0);
  stroke-width: 2px;
  fill: none;
  transition: all 1s; }
/* line 15, ../sass/_notes.sass */
#notes-bg g.active line {
  stroke: white;
  transition: none; }

/* line 1, ../sass/_menu.sass */
.left {
  text-align: right;
  display: flex;
  justify-content: flex-end;
  grid-column-start: 1;
  grid-column-end: 2; }

/* line 8, ../sass/_menu.sass */
.menu {
  position: fixed;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  z-index: 10;
  padding-top: 40px;
  height: 90vh; }
  /* line 19, ../sass/_menu.sass */
  .menu ul li {
    display: block; }
    /* line 21, ../sass/_menu.sass */
    .menu ul li a {
      display: inline-block;
      font-size: 1.3rem;
      line-height: 1.5rem;
      color: rgba(255, 255, 255, 0.5);
      text-decoration: none;
      transition: color .2s;
      padding: 3px 10px;
      text-shadow: 0 0 10px #000; }
      /* line 31, ../sass/_menu.sass */
      .menu ul li a:hover {
        color: #af6363; }
    /* line 35, ../sass/_menu.sass */
    .menu ul li.active a {
      color: #af6363; }

/* line 1, ../sass/_section.sass */
section {
  position: relative;
  z-index: 20;
  padding: 60px 40px;
  margin-top: 40px;
  background: radial-gradient(circle, #80cfe0 20%, rgba(89, 89, 98, 0.7) 100%);
  border-radius: 7px; }
  /* line 10, ../sass/_section.sass */
  section h1 {
    margin-bottom: 60px; }

/* line 13, ../sass/_section.sass */
#bienvenue {
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: center;
  z-index: 10; }
  /* line 20, ../sass/_section.sass */
  #bienvenue .pratique {
    display: flex;
    padding-top: 40px;
    align-items: center;
    justify-content: space-between; }
    /* line 25, ../sass/_section.sass */
    #bienvenue .pratique h2 {
      font-size: 2rem;
      line-height: 2.2rem;
      padding-left: 20px; }
    /* line 29, ../sass/_section.sass */
    #bienvenue .pratique .text-bulle {
      margin: auto;
      width: 422px; }
      /* line 32, ../sass/_section.sass */
      #bienvenue .pratique .text-bulle p {
        display: block;
        border-radius: 50%;
        padding: 40px;
        text-align: center;
        background: rgba(255, 255, 255, 0.2);
        width: 131px;
        font-size: .9rem;
        float: left;
        font-style: italic; }
        /* line 43, ../sass/_section.sass */
        #bienvenue .pratique .text-bulle p:nth-child(1) {
          margin-right: 0;
          margin-bottom: -140px; }
        /* line 46, ../sass/_section.sass */
        #bienvenue .pratique .text-bulle p:nth-child(2) {
          margin-bottom: -60px;
          margin-left: 191px; }
        /* line 49, ../sass/_section.sass */
        #bienvenue .pratique .text-bulle p:nth-child(3) {
          width: 150px;
          clear: both;
          margin-left: 80px; }

/* line 56, ../sass/_section.sass */
#instruments {
  padding: 20px 0;
  background: radial-gradient(circle, #c08585 20%, rgba(89, 89, 98, 0.7) 100%); }
  /* line 60, ../sass/_section.sass */
  #instruments .section_galerie {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-row-gap: 20px; }
    /* line 66, ../sass/_section.sass */
    #instruments .section_galerie figure {
      max-width: 80%;
      margin: auto; }
      /* line 69, ../sass/_section.sass */
      #instruments .section_galerie figure img {
        width: 100%;
        transition: all .1s;
        -moz-border-radius: 50% x;
        -webkit-border-radius: 50%;
        border-radius: 50% x;
        overflow: hidden;
        border: 1px solid transparent; }
        /* line 75, ../sass/_section.sass */
        #instruments .section_galerie figure img:hover {
          border-color: white; }

/* line 81, ../sass/_section.sass */
#prestations .prestation {
  margin: 20px 0;
  padding: 20px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 20px 20px 20px 0; }
  /* line 86, ../sass/_section.sass */
  #prestations .prestation li {
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 6.66667px; }
  /* line 90, ../sass/_section.sass */
  #prestations .prestation h3 {
    margin-bottom: 20px; }
  /* line 92, ../sass/_section.sass */
  #prestations .prestation a {
    color: white; }

/* line 96, ../sass/_section.sass */
#cle-de-sev > div {
  display: grid;
  grid-template-columns: 3fr 2fr;
  grid-gap: 20px; }
  /* line 100, ../sass/_section.sass */
  #cle-de-sev > div > h2 {
    grid-column-start: 1;
    grid-column-end: 3;
    text-align: center;
    margin: 40px 0 0 0;
    color: white; }
/* line 107, ../sass/_section.sass */
#cle-de-sev .experiences {
  padding: 20px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 7px 60px 0 60px; }
/* line 112, ../sass/_section.sass */
#cle-de-sev .avec-vous {
  text-align: center;
  padding: 20px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 60px 7px 60px 0; }
  /* line 117, ../sass/_section.sass */
  #cle-de-sev .avec-vous h2 {
    margin-top: 20px;
    margin-bottom: 40px; }
/* line 121, ../sass/_section.sass */
#cle-de-sev .experiences h2, #cle-de-sev .avec-vous h2 {
  color: #af6363; }

/* line 126, ../sass/_section.sass */
#contact {
  text-align: center; }
  /* line 128, ../sass/_section.sass */
  #contact figure {
    width: 200px;
    margin: 40px auto; }
    /* line 132, ../sass/_section.sass */
    #contact figure img {
      width: 100%;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      overflow: hidden; }
  /* line 136, ../sass/_section.sass */
  #contact a {
    color: white; }
  /* line 138, ../sass/_section.sass */
  #contact .comment {
    color: white; }
    /* line 140, ../sass/_section.sass */
    #contact .comment a {
      color: #af6363; }

/* line 1, ../sass/_footer.sass */
footer {
  position: relative;
  z-index: 20;
  text-align: center;
  color: white;
  padding-bottom: 20px; }
  /* line 7, ../sass/_footer.sass */
  footer a.changeBg {
    display: inline-block;
    font-size: 0.9rem;
    margin-top: 10px;
    padding: 0 10px;
    border-radius: 3px;
    color: white !important;
    background: rgba(175, 99, 99, 0.7);
    transition: all 0.2s;
    text-decoration: none; }
    /* line 17, ../sass/_footer.sass */
    footer a.changeBg:hover {
      color: white !important;
      background: #af6363; }
  /* line 21, ../sass/_footer.sass */
  footer a.toTop {
    display: block;
    height: 50px;
    width: 50px;
    background: url('../img/arrow-top.svg?1424863163') no-repeat 50% 50% #af6363;
    background-size: 35px;
    border-radius: 50%;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: -1;
    opacity: 0; }
    /* line 35, ../sass/_footer.sass */
    footer a.toTop.onScroll {
      opacity: 1;
      z-index: 900; }
    /* line 38, ../sass/_footer.sass */
    footer a.toTop:hover {
      background-color: #c08585; }
    /* line 40, ../sass/_footer.sass */
    footer a.toTop span {
      opacity: 0; }

/* line 1, ../sass/_images.sass */
#images {
  display: none;
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  background: rgba(65, 65, 71, 0.5);
  opacity: 0;
  cursor: pointer;
  transition: all 0.1s; }
  /* line 15, ../sass/_images.sass */
  .active #images {
    display: flex;
    z-index: 1000;
    opacity: 1; }
  /* line 20, ../sass/_images.sass */
  #images .showImage figure {
    display: flex;
    flex-direction: column;
    color: white;
    background: #414147;
    box-shadow: 0 0 20px #35353a;
    border-radius: 5px;
    padding: 20px; }
    /* line 28, ../sass/_images.sass */
    #images .showImage figure img {
      width: 100%; }
    /* line 30, ../sass/_images.sass */
    #images .showImage figure figcaption {
      padding-top: 5px; }

/******* LOADER ************ */
/* line 3, ../sass/_loader.sass */
.loader {
  font-size: 100px;
  width: 74px;
  height: .4em;
  position: relative;
  margin-top: -60px;
  list-style: none;
  opacity: 0; }
  /* line 12, ../sass/_loader.sass */
  .loader div {
    width: .13em;
    height: .13em;
    position: absolute;
    background: rgba(128, 207, 224, 0.3);
    border-radius: 50%; }
    /* line 18, ../sass/_loader.sass */
    .loader div:nth-child(1) {
      top: 0;
      left: 50%;
      margin-left: -0.05em;
      transform-origin: 50% 250%;
      animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; }
    /* line 27, ../sass/_loader.sass */
    .loader div:nth-child(2) {
      background: rgba(128, 207, 224, 0.7);
      top: 50%;
      right: 0;
      margin-top: -0.05em;
      transform-origin: -150% 50%;
      animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; }
    /* line 36, ../sass/_loader.sass */
    .loader div:nth-child(3) {
      background: #80cfe0;
      bottom: 0;
      left: 50%;
      margin-left: -0.05em;
      transform-origin: 50% -150%;
      animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; }

@keyframes rota {
  to {
    transform: rotate(360deg); } }
@keyframes opa {
  12.0% {
    opacity: .8; }
  19.5% {
    opacity: .88; }
  37.2% {
    opacity: .64; }
  40.5% {
    opacity: .52; }
  52.7% {
    opacity: .69; }
  60.2% {
    opacity: .6; }
  66.6% {
    opacity: .52; }
  70.0% {
    opacity: .63; }
  79.9% {
    opacity: .6; }
  84.2% {
    opacity: .75; }
  91.0% {
    opacity: .87; } }
@keyframes fadeOut {
  0% {
    opacity: 0; }
  5% {
    opacity: 1; }
  90% {
    opacity: 1; }
  95% {
    opacity: 0; }
  100% {
    display: none; } }
/* line 14, ../sass/_player.sass */
.lecteur {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  line-height: 1;
  width: 76px; }
  /* line 21, ../sass/_player.sass */
  .lecteur.on .buttons {
    height: 38px; }
  /* line 23, ../sass/_player.sass */
  .lecteur.on .loader {
    animation: fadeOut 3s;
    animation-delay: .4s; }
  /* line 27, ../sass/_player.sass */
  .lecteur .buttons {
    display: inline-flex;
    height: 0;
    transition: height .2s;
    transition-delay: 2.8s;
    overflow: hidden; }
  /* line 35, ../sass/_player.sass */
  .lecteur .button {
    height: 36px;
    width: 36px;
    margin: 1px;
    padding: 0;
    line-height: 1;
    text-decoration: none;
    background-image: url('../img/buttons.png?1676266089');
    background-color: #414147;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    border-radius: 3px;
    transition: all .2s; }
    /* line 49, ../sass/_player.sass */
    .lecteur .button.play_music {
      background-position: top center; }
    /* line 51, ../sass/_player.sass */
    .lecteur .button.pause_music {
      background-position: 50% 50%;
      display: none; }
    /* line 54, ../sass/_player.sass */
    .lecteur .button.stop_music {
      background-position: bottom center; }
    /* line 56, ../sass/_player.sass */
    .lecteur .button:hover, .lecteur .button:active, .lecteur .button:focus {
      background-color: #29292c; }
    /* line 58, ../sass/_player.sass */
    .lecteur .button.invisible {
      display: none; }
    /* line 60, ../sass/_player.sass */
    .lecteur .button:disabled {
      opacity: .5;
      background-color: #414147;
      cursor: default; }
      /* line 64, ../sass/_player.sass */
      .lecteur .button:disabled:hover, .lecteur .button:disabled:active, .lecteur .button:disabled:focus {
        opacity: .5; }

/* line 5, ../sass/_theme-clair.sass */
body.theme-clair .menu ul li a {
  color: #af6363;
  text-shadow: none; }
/* line 8, ../sass/_theme-clair.sass */
body.theme-clair .menu ul li a:hover, body.theme-clair .menu ul li.active a {
  color: #414147; }
/* line 11, ../sass/_theme-clair.sass */
body.theme-clair header {
  background: radial-gradient(circle, #94d7e5 10%, rgba(39, 139, 160, 0.8) 100%); }
/* line 14, ../sass/_theme-clair.sass */
body.theme-clair #theme {
  opacity: 1; }
/* line 17, ../sass/_theme-clair.sass */
body.theme-clair section {
  background: radial-gradient(circle, #94d7e5 10%, rgba(39, 139, 160, 0.8) 100%); }
/* line 20, ../sass/_theme-clair.sass */
body.theme-clair #instruments {
  background: radial-gradient(circle, #c99696 10%, rgba(147, 76, 76, 0.8) 100%); }
/* line 23, ../sass/_theme-clair.sass */
body.theme-clair #images {
  background: rgba(230, 232, 227, 0.5); }
  /* line 26, ../sass/_theme-clair.sass */
  body.theme-clair #images .showImage figure {
    color: #414147;
    background: #e6e8e3;
    box-shadow: 0 0 20px #414147; }
/* line 32, ../sass/_theme-clair.sass */
body.theme-clair .lecteur .button {
  background-color: rgba(65, 65, 71, 0.7); }
  /* line 34, ../sass/_theme-clair.sass */
  body.theme-clair .lecteur .button.play_music {
    display: none; }
  /* line 36, ../sass/_theme-clair.sass */
  body.theme-clair .lecteur .button.pause_music {
    display: block; }
  /* line 38, ../sass/_theme-clair.sass */
  body.theme-clair .lecteur .button:hover, body.theme-clair .lecteur .button:active, body.theme-clair .lecteur .button:focus {
    background-color: rgba(41, 41, 44, 0.9); }
  /* line 40, ../sass/_theme-clair.sass */
  body.theme-clair .lecteur .button:disabled {
    background-color: rgba(65, 65, 71, 0.7); }

@media only screen and (max-width: 1200px) {
  /* line 4, ../sass/_responsive.sass */
  .wrapper {
    grid-template-columns: 2fr 6fr 1fr; } }
@media only screen and (max-width: 900px) {
  /* line 8, ../sass/_responsive.sass */
  .wrapper {
    grid-template-columns: 0fr 6fr;
    grid-column-gap: 0; }

  /* line 11, ../sass/_responsive.sass */
  .left {
    display: none; }

  /* line 13, ../sass/_responsive.sass */
  .lecteur_bottom {
    display: flex; } }
@media (max-width: 600px) {
  /* line 18, ../sass/_responsive.sass */
  .wrapper {
    display: block; }

  /* line 20, ../sass/_responsive.sass */
  section {
    padding: 40px 20px; }

  /* line 23, ../sass/_responsive.sass */
  #instruments .section_galerie {
    display: block;
    text-align: center; }
    /* line 26, ../sass/_responsive.sass */
    #instruments .section_galerie figure {
      display: inline-block;
      width: 25vw; }

  /* line 30, ../sass/_responsive.sass */
  #cle-de-sev > div {
    display: block; }
    /* line 32, ../sass/_responsive.sass */
    #cle-de-sev > div .experiences {
      margin-bottom: 20px; }

  /* line 35, ../sass/_responsive.sass */
  #bienvenue .pratique {
    flex-direction: column; }
    /* line 37, ../sass/_responsive.sass */
    #bienvenue .pratique h2 {
      max-width: 100%;
      margin-top: 20px; } }
@media (max-width: 450px) {
  /* line 44, ../sass/_responsive.sass */
  #theme {
    display: none; }

  /* line 46, ../sass/_responsive.sass */
  body {
    background: #524b53; }

  /* line 50, ../sass/_responsive.sass */
  header quote {
    font-size: 1.2rem;
    line-height: 1.4rem;
    margin-top: 10px; }

  /* line 57, ../sass/_responsive.sass */
  #cle-de-sev .avec-vous h2 {
    margin-top: 0; }

  /* line 60, ../sass/_responsive.sass */
  #bienvenue {
    background: radial-gradient(circle, #80cfe0 70%, rgba(89, 89, 98, 0.7) 100%); }
    /* line 63, ../sass/_responsive.sass */
    #bienvenue .pratique .text-bulle {
      width: 271px; }
      /* line 67, ../sass/_responsive.sass */
      #bienvenue .pratique .text-bulle p:nth-child(1) {
        margin-bottom: -60px; }
      /* line 69, ../sass/_responsive.sass */
      #bienvenue .pratique .text-bulle p:nth-child(2) {
        margin-left: 100px;
        margin-bottom: -20px; }
      /* line 72, ../sass/_responsive.sass */
      #bienvenue .pratique .text-bulle p:nth-child(3) {
        margin-left: 20px; } }
@media (max-height: 700px) {
  /* line 79, ../sass/_responsive.sass */
  header quote {
    font-size: 1.2rem;
    line-height: 1.4rem;
    margin-top: 10px; }

  /* line 83, ../sass/_responsive.sass */
  a.arrow {
    margin-top: 20px; } }