@import url("https://fonts.googleapis.com/css2?family=Prompt:wght@100&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Beau+Rivage&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Palanquin:wght@100&display=swap");
* {
  margin: 0%;
  padding: 0%;
  box-sizing: border-box; }

body {
  background-color: #f5f5f5; }

.card, div#form_reservation {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s; }

.carte {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s; }

.group_form {
  margin-bottom: 2%; }
  .group_form label,
  .group_form input,
  .group_form textarea {
    display: block;
    width: 100%; }
  .group_form input {
    outline: none;
    border: none;
    border-bottom: 1px solid grey;
    background-color: transparent; }

div#barre_level_1 {
  position: absolute;
  top: 0;
  z-index: 101;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  list-style: none;
  width: 100%;
  top: 5vh;
  padding: 0.5%; }
  @media screen and (max-width: 600px) {
    div#barre_level_1 {
      display: none; } }
  div#barre_level_1 nav {
    flex-basis: 50%;
    font-family: "Palanquin", sans-serif;
    font-weight: bolder; }
    div#barre_level_1 nav#contact ul {
      border-bottom: 1px solid #eceff14f;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      list-style: none; }
      div#barre_level_1 nav#contact ul li {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 1%; }
        div#barre_level_1 nav#contact ul li a {
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          color: #f93d66;
          text-decoration: none;
          color: white;
          font-family: "Palanquin", sans-serif; }
          div#barre_level_1 nav#contact ul li a span {
            letter-spacing: 3px; }

header#header_level_1 {
  position: absolute;
  z-index: 101;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  top: 20%; }
  @media screen and (max-width: 600px) {
    header#header_level_1 {
      display: block;
      background: #6d6d71;
      background: linear-gradient(90deg, #6d6d71 0%, #2d2d30 51%, rgba(31, 61, 68, 0.5970763305) 100%);
      position: fixed;
      top: 0%;
      left: -110%;
      z-index: 103;
      height: 100vh;
      transition: all 1.30s; } }
  header#header_level_1 nav#navigation_level_1 {
    flex-basis: 100%; }
    header#header_level_1 nav#navigation_level_1 ul {
      list-style: none;
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
      margin: 0%;
      padding: 0%;
      padding-right: 5%; }
      @media screen and (max-width: 600px) {
        header#header_level_1 nav#navigation_level_1 ul {
          display: block;
          margin: 0%;
          padding: 0%;
          margin-top: 15%; } }
      header#header_level_1 nav#navigation_level_1 ul li {
        flex-basis: 10%; }
        @media screen and (max-width: 600px) {
          header#header_level_1 nav#navigation_level_1 ul li {
            display: block;
            border-bottom: 1px solid grey;
            width: 100%;
            padding: 2%;
            font-size: 15pt; } }
        header#header_level_1 nav#navigation_level_1 ul li a {
          color: white;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          font-family: "Palanquin", sans-serif;
          padding: 0;
          text-decoration: none; }
          header#header_level_1 nav#navigation_level_1 ul li a:hover {
            cursor: pointer;
            color: #8a8987; }

div#logo {
  position: absolute;
  top: 0;
  z-index: 101;
  color: white;
  padding: 1.5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: 'Prompt', sans-serif; }
  @media screen and (max-width: 600px) {
    div#logo {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      padding-top: 0%; } }
  div#logo h1 {
    font-size: 4em; }
    @media screen and (max-width: 600px) {
      div#logo h1 {
        font-size: 2.0em; } }
  div#logo h2 {
    font-size: 2.5em; }
    @media screen and (max-width: 600px) {
      div#logo h2 {
        font-size: 0.8em; } }

section#section_accueil_slide {
  height: 100vh;
  width: 100%; }
  @media screen and (max-width: 600px) {
    section#section_accueil_slide {
      height: auto; } }
  section#section_accueil_slide div#crousel_lacolombe div.carousel-inner div.carousel-item {
    position: relative; }
    section#section_accueil_slide div#crousel_lacolombe div.carousel-inner div.carousel-item img {
      position: relative;
      width: 100vw;
      height: 100vh; }
      @media screen and (max-width: 600px) {
        section#section_accueil_slide div#crousel_lacolombe div.carousel-inner div.carousel-item img {
          height: 50vh; } }
    section#section_accueil_slide div#crousel_lacolombe div.carousel-inner div.carousel-item div.glace {
      top: 0%;
      position: absolute;
      background-color: rgba(0, 0, 0, 0.61);
      height: 100vh;
      width: 100%;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      font-family: 'Roboto', sans-serif;
      z-index: 100; }
      @media screen and (max-width: 600px) {
        section#section_accueil_slide div#crousel_lacolombe div.carousel-inner div.carousel-item div.glace {
          height: 100vh;
          display: block; } }
      section#section_accueil_slide div#crousel_lacolombe div.carousel-inner div.carousel-item div.glace div {
        flex-basis: 60%;
        padding: 1%; }
        @media screen and (max-width: 600px) {
          section#section_accueil_slide div#crousel_lacolombe div.carousel-inner div.carousel-item div.glace div {
            position: absolute;
            padding: 0%;
            top: 10%;
            left: 0;
            right: 0;
            width: 80%;
            margin: auto;
            z-index: 101; } }
        section#section_accueil_slide div#crousel_lacolombe div.carousel-inner div.carousel-item div.glace div h3 {
          color: #f5f5f5;
          font-size: 4em;
          color: #ff8f00;
          font-family: 'Beau Rivage', cursive;
          text-transform: capitalize; }
          @media screen and (max-width: 600px) {
            section#section_accueil_slide div#crousel_lacolombe div.carousel-inner div.carousel-item div.glace div h3 {
              font-size: 1.8em;
              text-align: center; } }
        section#section_accueil_slide div#crousel_lacolombe div.carousel-inner div.carousel-item div.glace div blockquote {
          color: white;
          font-size: 1.6em;
          padding: 1.5%;
          font-family: "Palanquin", sans-serif; }
          @media screen and (max-width: 600px) {
            section#section_accueil_slide div#crousel_lacolombe div.carousel-inner div.carousel-item div.glace div blockquote {
              font-size: 12pt;
              padding: 0.5%; } }
  section#section_accueil_slide div#cadre_reservation {
    top: 70vh;
    position: absolute;
    z-index: 100;
    margin: auto;
    left: 30%;
    right: 30%; }
    section#section_accueil_slide div#cadre_reservation button {
      width: 100%;
      border: none;
      color: #17244c;
      background: #e69900;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 2%;
      animation: blinking 1.5s infinite; }
      section#section_accueil_slide div#cadre_reservation button span {
        padding: 2%; }
    @media screen and (max-width: 600px) {
      section#section_accueil_slide div#cadre_reservation {
        top: 30vh;
        left: 10%;
        right: 10%;
        margin-top: 2%;
        margin-bottom: 2%; } }

section#presentation {
  background: #4decea;
  background: linear-gradient(90deg, rgba(77, 236, 234, 0.6362920168) 0%, #4a84da 39%, #00d4ff 100%);
  padding: 2%;
  margin-top: 2%;
  margin-left: 2%;
  margin-right: 2%;
  color: white; }
  section#presentation h2 {
    width: 30%;
    margin: auto;
    padding: 2%;
    text-transform: capitalize;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-family: "Roboto", sans-serif;
    border-top: 1Px solid white;
    margin-top: 2.5%;
    margin-bottom: 0%; }
    @media screen and (max-width: 600px) {
      section#presentation h2 {
        font-size: 1.5em;
        width: 80%;
        margin: auto;
        margin-top: 3%;
        margin-bottom: 3%; } }
  section#presentation figure {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
    section#presentation figure video {
      width: 60%;
      transition: 2s all;
      border: 5px solid white; }
      @media screen and (max-width: 600px) {
        section#presentation figure video {
          width: 97%; } }
  section#presentation div#presentation_mission {
    margin: 1%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start; }
    @media screen and (max-width: 600px) {
      section#presentation div#presentation_mission {
        display: block; } }
    section#presentation div#presentation_mission div {
      flex-basis: 32%; }
      section#presentation div#presentation_mission div blockquote {
        font-size: 10pt; }

section.chambre {
  margin: auto;
  background: white;
  padding: 2%;
  width: 96%; }
  section.chambre h2 {
    width: 30%;
    margin: auto;
    padding: 2%;
    text-transform: capitalize;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-family: "Roboto", sans-serif;
    border-top: 1px solid #383535;
    margin-top: 2.5%;
    margin-bottom: 0%; }
    @media screen and (max-width: 600px) {
      section.chambre h2 {
        font-size: 1.5em;
        width: 80%;
        margin: auto;
        margin-top: 3%;
        margin-bottom: 3%; } }
  section.chambre div.contenair_chambre {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap; }
    @media screen and (max-width: 600px) {
      section.chambre div.contenair_chambre {
        display: block; } }
    section.chambre div.contenair_chambre a.chambre_item {
      flex-basis: 32%;
      font-family: "Roboto", sans-serif;
      text-decoration: none;
      color: #000000;
      margin-bottom: 5%;
      transition: 1.30s all; }
      @media screen and (max-width: 600px) {
        section.chambre div.contenair_chambre a.chambre_item {
          display: block;
          width: 99%;
          margin: auto;
          margin-bottom: 10%; } }
      section.chambre div.contenair_chambre a.chambre_item:hover {
        background: white;
        color: #000000;
        transform: scale(1.1); }
      section.chambre div.contenair_chambre a.chambre_item figure {
        flex-basis: 55%;
        position: relative; }
        section.chambre div.contenair_chambre a.chambre_item figure img {
          width: 100%;
          height: 300px; }
        section.chambre div.contenair_chambre a.chambre_item figure figcaption {
          color: #ff8f00;
          position: absolute;
          top: 30%;
          width: 100%;
          font-family: "Palanquin", sans-serif;
          font-weight: bolder;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: center; }
          section.chambre div.contenair_chambre a.chambre_item figure figcaption span:nth-child(1) {
            text-align: center;
            background-color: #002f6cc2;
            padding: 2%;
            flex-basis: 40%;
            font-size: 1.4em; }
          section.chambre div.contenair_chambre a.chambre_item figure figcaption span:nth-child(2) {
            text-align: center;
            padding: 2%;
            flex-basis: 50%;
            font-size: 5em;
            color: #002f6c;
            background-color: #ffffff50; }
            @media screen and (max-width: 600px) {
              section.chambre div.contenair_chambre a.chambre_item figure figcaption span:nth-child(2) {
                font-size: 3.5em; } }
      section.chambre div.contenair_chambre a.chambre_item div.chambre_description {
        flex-basis: 45%;
        padding: 1%;
        font-size: 11pt; }
        section.chambre div.contenair_chambre a.chambre_item div.chambre_description h3 {
          font-size: 1.4em;
          text-align: center;
          text-transform: uppercase;
          font-weight: bolder;
          font-family: "Palanquin", sans-serif; }
        section.chambre div.contenair_chambre a.chambre_item div.chambre_description div.liste_meuble {
          display: flex;
          flex-direction: row;
          justify-content: space-around;
          align-items: center; }
          section.chambre div.contenair_chambre a.chambre_item div.chambre_description div.liste_meuble span {
            font-size: 12pt; }
        section.chambre div.contenair_chambre a.chambre_item div.chambre_description button {
          border: none;
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          color: #002f6cde;
          width: 80%;
          margin: auto;
          padding: 3%;
          background: #e69900;
          margin-top: 2%; }

section#contact {
  background: #6d6d71;
  background: linear-gradient(90deg, #6d6d71 0%, #2d2d30 51%, rgba(31, 61, 68, 0.5970763305) 100%);
  padding: 2%;
  width: 96%;
  margin: auto; }
  section#contact h2 {
    width: 30%;
    margin: auto;
    padding: 2%;
    text-transform: capitalize;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-family: "Roboto", sans-serif;
    color: white;
    border-top: 1px solid #f3f3f3;
    margin-top: 2.5%;
    margin-bottom: 0%; }
    @media screen and (max-width: 600px) {
      section#contact h2 {
        font-size: 1.5em;
        width: 80%;
        margin: auto;
        margin-top: 3%;
        margin-bottom: 3%; } }
  section#contact div#localisation_contact {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start; }
    @media screen and (max-width: 600px) {
      section#contact div#localisation_contact {
        display: block; } }
    section#contact div#localisation_contact div#localisation_contenair {
      flex-basis: 65%; }
      @media screen and (max-width: 600px) {
        section#contact div#localisation_contact div#localisation_contenair {
          display: block;
          margin-bottom: 5%; } }
      section#contact div#localisation_contact div#localisation_contenair iframe {
        width: 100%;
        height: 400px; }
    section#contact div#localisation_contact div#contact_contenair {
      flex-basis: 25%;
      font-family: "Roboto", sans-serif; }
      section#contact div#localisation_contact div#contact_contenair h3 {
        color: white;
        border-radius: 20px;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        font-size: 1.2em;
        padding: 2%;
        background: #4decea;
        background: linear-gradient(90deg, rgba(77, 236, 234, 0.6362920168) 0%, #4a84da 39%, #00d4ff 100%); }
      section#contact div#localisation_contact div#contact_contenair ul {
        list-style: none; }
        section#contact div#localisation_contact div#contact_contenair ul li {
          margin-top: 10%;
          margin-bottom: 5%; }
          @media screen and (max-width: 600px) {
            section#contact div#localisation_contact div#contact_contenair ul li {
              margin-top: 2%;
              margin-bottom: 2%; } }
          section#contact div#localisation_contact div#contact_contenair ul li a {
            color: white;
            text-decoration: none;
            display: flex;
            flex-direction: row;
            justify-content: space-around;
            align-items: center; }
            section#contact div#localisation_contact div#contact_contenair ul li a i {
              flex-basis: 10%;
              text-align: center; }
            section#contact div#localisation_contact div#contact_contenair ul li a span {
              flex-basis: 90%; }
        section#contact div#localisation_contact div#contact_contenair ul#liste_reseaux {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: space-around; }

section#suggestion_contenair {
  width: 60%;
  margin: auto;
  border: 1px solid red; }

#titre_gallerie {
  margin: auto;
  padding: 2%;
  text-transform: capitalize;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: "Roboto", sans-serif;
  border-top: 1px solid #383535;
  margin-top: 2.5%;
  margin-bottom: 0%; }
  @media screen and (max-width: 600px) {
    #titre_gallerie {
      font-size: 1.5em;
      margin: auto;
      margin-top: 3%;
      margin-bottom: 3%; } }

section#restaurant, section#evenement, section#bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 96%;
  margin: auto;
  padding: 1%;
  background: white;
  margin-bottom: 2%; }
  @media screen and (max-width: 600px) {
    section#restaurant, section#evenement, section#bar {
      display: block; } }
  section#restaurant div#restaurant_photo, section#restaurant div#bar_photo, section#restaurant div#evenement_photo, section#evenement div#restaurant_photo, section#evenement div#bar_photo, section#evenement div#evenement_photo, section#bar div#restaurant_photo, section#bar div#bar_photo, section#bar div#evenement_photo {
    flex-basis: 65%; }
    section#restaurant div#restaurant_photo figure img, section#restaurant div#bar_photo figure img, section#restaurant div#evenement_photo figure img, section#evenement div#restaurant_photo figure img, section#evenement div#bar_photo figure img, section#evenement div#evenement_photo figure img, section#bar div#restaurant_photo figure img, section#bar div#bar_photo figure img, section#bar div#evenement_photo figure img {
      width: 100%;
      height: 400px; }
      @media screen and (max-width: 600px) {
        section#restaurant div#restaurant_photo figure img, section#restaurant div#bar_photo figure img, section#restaurant div#evenement_photo figure img, section#evenement div#restaurant_photo figure img, section#evenement div#bar_photo figure img, section#evenement div#evenement_photo figure img, section#bar div#restaurant_photo figure img, section#bar div#bar_photo figure img, section#bar div#evenement_photo figure img {
          height: auto; } }
  section#restaurant div#restaurant_description, section#restaurant div#bar_description, section#restaurant div#evenement_description, section#evenement div#restaurant_description, section#evenement div#bar_description, section#evenement div#evenement_description, section#bar div#restaurant_description, section#bar div#bar_description, section#bar div#evenement_description {
    flex-basis: 35%;
    background: #17244c;
    color: white;
    height: 400px; }
    section#restaurant div#restaurant_description h2, section#restaurant div#bar_description h2, section#restaurant div#evenement_description h2, section#evenement div#restaurant_description h2, section#evenement div#bar_description h2, section#evenement div#evenement_description h2, section#bar div#restaurant_description h2, section#bar div#bar_description h2, section#bar div#evenement_description h2 {
      text-align: center;
      font-family: "Roboto", sans-serif;
      width: 80%;
      margin: auto;
      padding: 2%;
      text-transform: capitalize;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      font-family: "Roboto", sans-serif;
      border-bottom: 1px solid #c9c9c9;
      margin-top: 2.5%;
      margin-bottom: 0%; }
      @media screen and (max-width: 600px) {
        section#restaurant div#restaurant_description h2, section#restaurant div#bar_description h2, section#restaurant div#evenement_description h2, section#evenement div#restaurant_description h2, section#evenement div#bar_description h2, section#evenement div#evenement_description h2, section#bar div#restaurant_description h2, section#bar div#bar_description h2, section#bar div#evenement_description h2 {
          font-size: 1.5em;
          width: 80%;
          margin: auto;
          height: auto;
          margin-top: 3%;
          margin-bottom: 3%; } }
    @media screen and (max-width: 600px) {
      section#restaurant div#restaurant_description, section#restaurant div#bar_description, section#restaurant div#evenement_description, section#evenement div#restaurant_description, section#evenement div#bar_description, section#evenement div#evenement_description, section#bar div#restaurant_description, section#bar div#bar_description, section#bar div#evenement_description {
        height: auto; } }
    section#restaurant div#restaurant_description p, section#restaurant div#bar_description p, section#restaurant div#evenement_description p, section#evenement div#restaurant_description p, section#evenement div#bar_description p, section#evenement div#evenement_description p, section#bar div#restaurant_description p, section#bar div#bar_description p, section#bar div#evenement_description p {
      padding: 4.4%;
      font-family: "Roboto", sans-serif; }
    section#restaurant div#restaurant_description ul, section#restaurant div#bar_description ul, section#restaurant div#evenement_description ul, section#evenement div#restaurant_description ul, section#evenement div#bar_description ul, section#evenement div#evenement_description ul, section#bar div#restaurant_description ul, section#bar div#bar_description ul, section#bar div#evenement_description ul {
      margin: auto;
      padding: 0%;
      list-style: none;
      width: 90%; }
      section#restaurant div#restaurant_description ul li, section#restaurant div#bar_description ul li, section#restaurant div#evenement_description ul li, section#evenement div#restaurant_description ul li, section#evenement div#bar_description ul li, section#evenement div#evenement_description ul li, section#bar div#restaurant_description ul li, section#bar div#bar_description ul li, section#bar div#evenement_description ul li {
        padding: 2%;
        border-bottom: 1px solid rgba(221, 220, 220, 0.116); }

section#gallerie {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 2%; }
  section#gallerie ul {
    padding: 0%;
    margin: 0%; }

footer {
  margin-top: 5%;
  padding-top: 2%;
  font-family: "Roboto", sans-serif;
  background: #202020;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start; }
  @media screen and (max-width: 600px) {
    footer {
      display: block; } }
  footer div#bp {
    flex-basis: 40%; }
    footer div#bp h4 {
      color: #e69900;
      font-family: "Roboto", sans-serif;
      text-align: center; }
    footer div#bp form {
      padding: 2%; }
      footer div#bp form input {
        color: white;
        padding: 2%; }
      footer div#bp form div.group_form div {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center; }
        footer div#bp form div.group_form div input {
          flex-basis: 48%; }
    footer div#bp div {
      text-align: center; }
      footer div#bp div a {
        color: white;
        font-family: "Palanquin", sans-serif;
        font-size: 10pt;
        background: #202020;
        margin: 0; }

label[for='menu'] {
  display: none; }
  @media screen and (max-width: 600px) {
    label[for='menu'] {
      display: block;
      position: fixed;
      z-index: 10100;
      top: 3%;
      right: 10%;
      color: white;
      font-size: 15pt; }
      label[for='menu']:hover {
        cursor: pointer;
        color: #a7a7a7; } }

input#menu {
  display: none; }
  input#menu:checked ~ header#header_level_1 {
    left: 0%;
    transition: all 1.30s; }

div#form_reservation {
  padding: 1%;
  width: 96%;
  margin: auto;
  background: #17244c;
  margin-top: 28vh; }
  div#form_reservation form label {
    color: #ff8f00;
    text-transform: uppercase;
    font-family: "Palanquin", sans-serif; }

div.arriere_plan {
  height: 26vh;
  position: absolute;
  top: 0%;
  width: 100%;
  background-image: url(../img/chambre/1.jpg); }
  div.arriere_plan div {
    top: 0%;
    background: rgba(0, 0, 0, 0.623);
    height: 26vh;
    position: absolute;
    width: 100%; }

section#reservation_page {
  position: fixed;
  top: 0%;
  background: #000000af;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: 2000;
  font-family: "Palanquin", sans-serif; }
  section#reservation_page div#cadre_reservation {
    background: white;
    padding: 2%;
    width: 60vw; }
    @media screen and (max-width: 600px) {
      section#reservation_page div#cadre_reservation {
        display: block;
        width: 95vw; } }
    section#reservation_page div#cadre_reservation h3 {
      text-align: center;
      padding: 2%;
      color: #ff8f00; }
    section#reservation_page div#cadre_reservation span:hover {
      color: rgba(255, 0, 0, 0.644);
      cursor: pointer; }
    section#reservation_page div#cadre_reservation form {
      width: 100%; }
      section#reservation_page div#cadre_reservation form div.ligne {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 3%; }
        @media screen and (max-width: 600px) {
          section#reservation_page div#cadre_reservation form div.ligne {
            display: block; } }
        section#reservation_page div#cadre_reservation form div.ligne input,
        section#reservation_page div#cadre_reservation form div.ligne select,
        section#reservation_page div#cadre_reservation form div.ligne button {
          padding: 1%;
          border: 1px solid #17244c;
          border-radius: 5px;
          color: #17244c; }
          @media screen and (max-width: 600px) {
            section#reservation_page div#cadre_reservation form div.ligne input,
            section#reservation_page div#cadre_reservation form div.ligne select,
            section#reservation_page div#cadre_reservation form div.ligne button {
              display: block;
              width: 80%;
              margin: auto;
              margin-bottom: 2%; } }
          section#reservation_page div#cadre_reservation form div.ligne input::placeholder,
          section#reservation_page div#cadre_reservation form div.ligne select::placeholder,
          section#reservation_page div#cadre_reservation form div.ligne button::placeholder {
            color: #17244c; }
          section#reservation_page div#cadre_reservation form div.ligne input#input_nom,
          section#reservation_page div#cadre_reservation form div.ligne select#input_nom,
          section#reservation_page div#cadre_reservation form div.ligne button#input_nom {
            flex-basis: 43%; }
          section#reservation_page div#cadre_reservation form div.ligne input#date_arrivee, section#reservation_page div#cadre_reservation form div.ligne input#date_depart,
          section#reservation_page div#cadre_reservation form div.ligne select#date_arrivee,
          section#reservation_page div#cadre_reservation form div.ligne select#date_depart,
          section#reservation_page div#cadre_reservation form div.ligne button#date_arrivee,
          section#reservation_page div#cadre_reservation form div.ligne button#date_depart {
            flex-basis: 30%; }
          section#reservation_page div#cadre_reservation form div.ligne input#adulte, section#reservation_page div#cadre_reservation form div.ligne input#enfant,
          section#reservation_page div#cadre_reservation form div.ligne input #chambre,
          section#reservation_page div#cadre_reservation form div.ligne select#adulte,
          section#reservation_page div#cadre_reservation form div.ligne select#enfant,
          section#reservation_page div#cadre_reservation form div.ligne select #chambre,
          section#reservation_page div#cadre_reservation form div.ligne button#adulte,
          section#reservation_page div#cadre_reservation form div.ligne button#enfant,
          section#reservation_page div#cadre_reservation form div.ligne button #chambre {
            flex-basis: 25%; }
          section#reservation_page div#cadre_reservation form div.ligne input#type_chambre,
          section#reservation_page div#cadre_reservation form div.ligne select#type_chambre,
          section#reservation_page div#cadre_reservation form div.ligne button#type_chambre {
            flex-basis: 30%; }
          section#reservation_page div#cadre_reservation form div.ligne input#btn_confirmer,
          section#reservation_page div#cadre_reservation form div.ligne select#btn_confirmer,
          section#reservation_page div#cadre_reservation form div.ligne button#btn_confirmer {
            flex-basis: 26%;
            background-color: #002f6c;
            color: white;
            border: none; }
            section#reservation_page div#cadre_reservation form div.ligne input#btn_confirmer:hover,
            section#reservation_page div#cadre_reservation form div.ligne select#btn_confirmer:hover,
            section#reservation_page div#cadre_reservation form div.ligne button#btn_confirmer:hover {
              background-color: #002f6cc5; }

@keyframes blinking {
  0% {
    background: #ff8f00;
    color: white; }
  50% {
    background: white;
    color: black; }
  100% {
    background: #e69900;
    color: white; } }
div#cadre_disponiponilite {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-family: "Palanquin", sans-serif;
  background: white; }
  @media screen and (max-width: 600px) {
    div#cadre_disponiponilite {
      display: block;
      background: transparent;
      margin-top: 15%; } }
  div#cadre_disponiponilite div#disponibilite_titre {
    padding: 3.9%;
    flex-basis: 30%; }
    div#cadre_disponiponilite div#disponibilite_titre h3 {
      padding: 0%;
      margin: 0%;
      font-size: 1.2em;
      text-align: center;
      text-transform: uppercase;
      font-weight: bolder; }
  div#cadre_disponiponilite div#disponibilite {
    flex-basis: 70%;
    background: #4a84da;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 2%; }
    @media screen and (max-width: 600px) {
      div#cadre_disponiponilite div#disponibilite {
        display: block;
        width: 90%;
        margin: auto;
        background: white;
        margin-bottom: 2%;
        margin-top: 2%; } }
    div#cadre_disponiponilite div#disponibilite div {
      flex-basis: 23%; }
      div#cadre_disponiponilite div#disponibilite div label {
        color: white;
        font-weight: bolder;
        text-transform: uppercase; }
        @media screen and (max-width: 600px) {
          div#cadre_disponiponilite div#disponibilite div label {
            color: black; } }
      div#cadre_disponiponilite div#disponibilite div label,
      div#cadre_disponiponilite div#disponibilite div input,
      div#cadre_disponiponilite div#disponibilite div button {
        display: block; }
      div#cadre_disponiponilite div#disponibilite div button {
        border: none;
        width: 90%;
        margin: auto;
        padding: 2%;
        margin-top: 15%; }
        @media screen and (max-width: 600px) {
          div#cadre_disponiponilite div#disponibilite div button {
            margin-top: 5%; } }
        div#cadre_disponiponilite div#disponibilite div button:hover {
          background: #8a8987; }
      div#cadre_disponiponilite div#disponibilite div input,
      div#cadre_disponiponilite div#disponibilite div select {
        border: 1px solid black;
        padding: 2%;
        width: 100%;
        border-radius: 5px; }

.titre_h2 {
  text-align: center;
  font-family: "Roboto", sans-serif;
  padding: 2.5%; }

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