@import url("https://fonts.googleapis.com/css2?family=Quattrocento:wght@700&display=swap");
@font-face {
  font-family: 'Averia-Bold';
  src: url(/assets/Averia-Bold-7705030dac6cbb9877f386fbb708e468c287813bfa4c8588c950dd4020c62c3c.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Averia-Light';
  src: url(/assets/Averia-Light-fa0271ee842f5194c109301f227b288522a7f0dbf7a8baec770d42e91bed0e60.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Averia-Regular';
  src: url(/assets/Averia-Regular-56b6748ce7c13398d8aa4d2f0f5f1bfe33b596c3d33d930677e5e1bc335eacbe.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Caveat-Bold';
  src: url(/assets/Caveat-Bold-7c99404f00600798c00fc14c5991a0458daab54697d81198174bf4aca6336f6d.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Caveat-Regular';
  src: url(/assets/Caveat-Regular-0571b11ceef26bde18788acd629707376fd9377acb5362866e18c07a2adf1ac8.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Dosis-Bold';
  src: url(/assets/Dosis-Bold-ded1853cb3e6c2ba52a521ea800330bc1330a06ff4bf5accb908dfd87a97eaca.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Dosis-Regular';
  src: url(/assets/Dosis-Regular-2828dfd7bc51349c97dfeff34e1fef03438b87aafdc0c298ec4263df0a124060.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Dosis-Light';
  src: url(/assets/Dosis-Light-821e695bd9b06a8bbfdfbaf2864655d2ffe7698c8390cc0a941b31a2d93f3c3d.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Merchant-Bold';
  src: url(/assets/Merchant-Bold-1f3d25041a7ec6adace46a6db9b85ab7b16bfeb6b8afe750c815990dd7b73efd.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lora';
  src: url(/assets/Lora-Medium-5c64eacc2d2d75173e2c6eeba779f679bec3778ad8d7fb01ddf261c006fd01ad.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lora-Bold';
  src: url(/assets/Lora-Bold-a136658d30883c155711e16802872dbee152796a3da3888cae1424b918bb0b64.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}

/* line 86, app/assets/stylesheets/_fonts-sizes.scss */
input::placeholder {
  font-family: "Averia-Light",normal;
}

/* line 91, app/assets/stylesheets/_fonts-sizes.scss */
h1 {
  font-size: calc(100% + 1vw);
  font-weight: 700;
}

/* line 96, app/assets/stylesheets/_fonts-sizes.scss */
h2 {
  font-size: calc(100% + 1.5vw);
  font-weight: 500;
}

/* line 101, app/assets/stylesheets/_fonts-sizes.scss */
h3 {
  font-size: calc(100% + 0.5vw);
  font-weight: 400;
}

/* line 106, app/assets/stylesheets/_fonts-sizes.scss */
.p-handwriting {
  font-family: "Caveat-Regular" !important;
  font-size: calc(100% + 0.7vw);
}

/* line 111, app/assets/stylesheets/_fonts-sizes.scss */
.p-text {
  font-family: "Dosis-Bold",normal;
  font-size: calc(100% + 0.2vw);
  font-weight: 500;
}

/* line 117, app/assets/stylesheets/_fonts-sizes.scss */
.p-title {
  font-family: "Averia-Bold",normal;
  font-size: calc(100% + 3vw);
  font-weight: 500;
}

/* line 123, app/assets/stylesheets/_fonts-sizes.scss */
.p-subtitle {
  font-family: "Averia-Bold",normal;
  font-size: calc(80% + 0.6vw);
  font-weight: 500;
}

/* line 129, app/assets/stylesheets/_fonts-sizes.scss */
.p-subtitle-button {
  font-family: "Averia-Bold",normal;
  font-size: calc(80% + 0.5vw);
  font-weight: 500;
}

/* line 136, app/assets/stylesheets/_fonts-sizes.scss */
.p-desc {
  font-family: "Averia-Light",normal;
  font-size: calc(100% + 0.5vw);
  font-weight: 200;
}

/* line 142, app/assets/stylesheets/_fonts-sizes.scss */
.p-small {
  font-family: "Averia-Light",normal;
  font-size: calc(50% + 0.4vw);
  font-weight: 200;
}

/* line 148, app/assets/stylesheets/_fonts-sizes.scss */
.p-horaires {
  font-family: "Averia-Light",normal;
  font-size: calc(80% + 0.10vw);
  font-weight: 200;
}

/* line 155, app/assets/stylesheets/_fonts-sizes.scss */
.nav-text-size {
  font-family: "Dosis-Regular",normal;
  letter-spacing: 2px;
  line-height: 100%;
  text-transform: uppercase;
  font-size: 1.5rem;
}

/* line 163, app/assets/stylesheets/_fonts-sizes.scss */
.title-uppercase {
  font-family: "Averia-Bold",normal;
  letter-spacing: 1px;
  margin: 20px;
  transform: scale(1.2, 1);
  line-height: 2.5;
  text-transform: uppercase;
  margin-bottom: 2rem;
  font-size: 3rem;
}

/* line 174, app/assets/stylesheets/_fonts-sizes.scss */
.button-uppercase {
  font-family: "Averia-Regular",normal;
  letter-spacing: 2px;
  line-height: 100%;
  text-transform: uppercase;
  font-size: 1.5rem;
}

/* line 182, app/assets/stylesheets/_fonts-sizes.scss */
.navbar-uppercase {
  font-family: "Averia-Bold",normal;
  letter-spacing: 2px;
  line-height: 100%;
  text-transform: uppercase;
  font-size: 1.5rem;
}

/* line 190, app/assets/stylesheets/_fonts-sizes.scss */
.navbar-uppercase-small {
  font-family: "Averia-Light",normal;
  letter-spacing: 2px;
  line-height: 100%;
  text-transform: uppercase;
  font-size: 1.2rem;
}

/* line 198, app/assets/stylesheets/_fonts-sizes.scss */
.navbar-uppercase-small-2 {
  font-family: "Averia-Light",normal;
  letter-spacing: 2px;
  line-height: 100%;
  text-transform: uppercase;
  font-size: calc(60% + 0.10vw);
}

/* line 206, app/assets/stylesheets/_fonts-sizes.scss */
.navbar-uppercase-2 {
  font-family: "Averia-Bold",normal;
  letter-spacing: 2px;
  line-height: 100%;
  text-transform: uppercase;
  font-size: 0.7rem;
}

/* line 214, app/assets/stylesheets/_fonts-sizes.scss */
.dropdown-uppercase {
  font-family: "Averia-Regular",normal;
  letter-spacing: 2px;
  line-height: 100%;
  text-transform: uppercase;
  font-size: 1rem;
}

/* line 222, app/assets/stylesheets/_fonts-sizes.scss */
.menu-uppercase {
  font-family: "Averia-Regular",normal;
  letter-spacing: 1px;
  line-height: 100%;
  text-transform: uppercase;
  font-size: 2.5rem;
}

/* line 230, app/assets/stylesheets/_fonts-sizes.scss */
.title-uppercase-2 {
  font-family: "Averia-Bold",normal;
  letter-spacing: 1px;
  line-height: 100%;
  text-transform: uppercase;
  font-size: 2rem;
}

/* line 238, app/assets/stylesheets/_fonts-sizes.scss */
.desc-uppercase {
  font-family: "Averia-Regular",normal;
  letter-spacing: 1px;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 2rem;
  font-size: 1.5rem;
}

/* line 247, app/assets/stylesheets/_fonts-sizes.scss */
.box-uppercase {
  font-family: "Averia-Regular",normal;
  letter-spacing: 1px;
  line-height: 100%;
  text-transform: uppercase;
  font-size: 2rem;
}

/* line 255, app/assets/stylesheets/_fonts-sizes.scss */
.small-uppercase {
  font-family: "Averia-Regular",normal;
  letter-spacing: 1px;
  line-height: 100%;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-size: 1.1rem;
}

/* line 264, app/assets/stylesheets/_fonts-sizes.scss */
.small-uppercase-p {
  font-family: "Dosis-Bold",normal;
  letter-spacing: 2px;
  line-height: 100%;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}

/* line 272, app/assets/stylesheets/_fonts-sizes.scss */
.desc-normal {
  font-family: "Dosis-Regular",normal;
  letter-spacing: 1px;
  font-size: 1rem;
}

/* line 278, app/assets/stylesheets/_fonts-sizes.scss */
.p-bold {
  font-family: "Dosis-Bold", normal;
}

/* line 3, app/assets/stylesheets/_is-colors.scss */
.is-background-color {
  background-color: #f8f8ef !important;
}

/* line 7, app/assets/stylesheets/_is-colors.scss */
.is-background-color-footer {
  background-color: #c5d1f7 !important;
}

/* line 11, app/assets/stylesheets/_is-colors.scss */
.is-backpattern {
  background-image: url(/backpattern2.jpg);
  background-size: 50%;
  background-repeat: repeat;
}

/* line 17, app/assets/stylesheets/_is-colors.scss */
.has-fishback {
  background-image: url(/icons/fishback.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 24, app/assets/stylesheets/_is-colors.scss */
.is-background-color-light {
  background-color: #f8f8ef !important;
}

/* line 28, app/assets/stylesheets/_is-colors.scss */
.is-background-color-secondary {
  background-color: #282426 !important;
}

/* line 32, app/assets/stylesheets/_is-colors.scss */
.is-background-color-except {
  background-color: #f5491d !important;
}

/* line 36, app/assets/stylesheets/_is-colors.scss */
.is-background-color-secondary-strong {
  background-color: #a5102d !important;
}

/* line 40, app/assets/stylesheets/_is-colors.scss */
.is-background-color-strong {
  background-color: #a5102d !important;
}

/* line 44, app/assets/stylesheets/_is-colors.scss */
.is-background-color-stronger {
  background-color: #bc915b !important;
}

/* line 48, app/assets/stylesheets/_is-colors.scss */
.is-background-color-shrimp {
  background-color: #f5491d !important;
}

/* line 52, app/assets/stylesheets/_is-colors.scss */
.is-background-color-jar {
  background-color: #8bbacd !important;
}

/* line 56, app/assets/stylesheets/_is-colors.scss */
.is-background-color-jar-stronger {
  background-color: #7ca6b6 !important;
}

/* line 60, app/assets/stylesheets/_is-colors.scss */
.is-text-color-secondary {
  color: #282426 !important;
}

/* line 65, app/assets/stylesheets/_is-colors.scss */
.is-text-color {
  color: #f8f8ef !important;
}

/* line 69, app/assets/stylesheets/_is-colors.scss */
.is-text-dark {
  color: #a5102d !important;
}

/* line 73, app/assets/stylesheets/_is-colors.scss */
.is-text-shrimp {
  color: #f5491d !important;
}

/* line 77, app/assets/stylesheets/_is-colors.scss */
.is-text-coquillage {
  color: #e4be42 !important;
}

/* line 81, app/assets/stylesheets/_is-colors.scss */
.is-text-jar {
  color: #8bbacd !important;
}

/* line 86, app/assets/stylesheets/_is-colors.scss */
.is-text-light {
  color: #f8f8ef !important;
}

/* line 90, app/assets/stylesheets/_is-colors.scss */
.is-text-secondary {
  color: #282426 !important;
}

/* line 94, app/assets/stylesheets/_is-colors.scss */
.is-text-secondary-strong {
  color: #a5102d !important;
}

/* line 98, app/assets/stylesheets/_is-colors.scss */
.is-text-color-strong {
  color: #a5102d !important;
}

/* line 102, app/assets/stylesheets/_is-colors.scss */
.is-border-color {
  border: 2px solid #f8f8ef;
}

/* line 106, app/assets/stylesheets/_is-colors.scss */
.is-border-color-except-strong {
  border: 2px solid #e2441c;
}

/* line 110, app/assets/stylesheets/_is-colors.scss */
.is-border-color-top {
  border-top: 2px solid #f8f8ef;
}

/* line 113, app/assets/stylesheets/_is-colors.scss */
.is-border-color-bottom {
  border-bottom: 2px solid #f8f8ef;
}

/* line 116, app/assets/stylesheets/_is-colors.scss */
.is-border-color-left {
  border-left: 2px solid #f8f8ef;
}

/* line 119, app/assets/stylesheets/_is-colors.scss */
.is-border-color-right {
  border-right: 2px solid #f8f8ef;
}

/* line 123, app/assets/stylesheets/_is-colors.scss */
.is-border-color-secondary {
  border: 2px solid #282426;
}

/* line 126, app/assets/stylesheets/_is-colors.scss */
.is-border-color-secondary-top {
  border-top: 2px solid #282426;
}

/* line 129, app/assets/stylesheets/_is-colors.scss */
.is-border-color-secondary-bottom {
  border-bottom: 2px solid #282426;
}

/* line 132, app/assets/stylesheets/_is-colors.scss */
.is-border-color-secondary-left {
  border-left: 2px solid #282426;
}

/* line 135, app/assets/stylesheets/_is-colors.scss */
.is-border-color-secondary-right {
  border-right: 2px solid #282426;
}

/* line 139, app/assets/stylesheets/_is-colors.scss */
.is-border-color-secondary-strong {
  border: 2px solid #a5102d;
}

/* line 142, app/assets/stylesheets/_is-colors.scss */
.is-border-color-secondary-strong-top {
  border-top: 2px solid #a5102d;
}

/* line 145, app/assets/stylesheets/_is-colors.scss */
.is-border-color-secondary-strong-bottom {
  border-bottom: 2px solid #a5102d;
}

/* line 148, app/assets/stylesheets/_is-colors.scss */
.is-border-color-secondary-strong-left {
  border-left: 2px solid #a5102d;
}

/* line 151, app/assets/stylesheets/_is-colors.scss */
.is-border-color-secondary-strong-right {
  border-right: 2px solid #a5102d;
}

/* line 155, app/assets/stylesheets/_is-colors.scss */
.is-border-color-strong {
  border: 2px solid #a5102d;
}

/* line 158, app/assets/stylesheets/_is-colors.scss */
.is-border-color-top-strong {
  border-top: 2px solid #a5102d;
}

/* line 161, app/assets/stylesheets/_is-colors.scss */
.is-border-color-bottom-strong {
  border-bottom: 2px solid #a5102d;
}

/* line 164, app/assets/stylesheets/_is-colors.scss */
.is-border-color-left-strong {
  border-left: 2px solid #a5102d;
}

/* line 167, app/assets/stylesheets/_is-colors.scss */
.is-border-color-right-strong {
  border-right: 2px solid #a5102d;
}

/* line 171, app/assets/stylesheets/_is-colors.scss */
.is-border-color-grey {
  border: 2px solid #585856;
}

/* line 13, app/assets/stylesheets/administration.scss */
.is-averia-bold {
  font-family: 'Averia-Bold';
}

/* line 17, app/assets/stylesheets/administration.scss */
.is-averia-light {
  font-family: 'Averia-Light';
}

/* line 21, app/assets/stylesheets/administration.scss */
.is-averia-regular {
  font-family: 'Averia-Regular';
}

/* line 25, app/assets/stylesheets/administration.scss */
.is-caveat-bold {
  font-family: 'Caveat-Bold';
}

/* line 29, app/assets/stylesheets/administration.scss */
.is-caveat-regular {
  font-family: 'Caveat-Regular';
}

/* line 33, app/assets/stylesheets/administration.scss */
.is-dosis-bold {
  font-family: 'Dosis-Bold';
}

/* line 37, app/assets/stylesheets/administration.scss */
.is-dosis-regular {
  font-family: 'Dosis-Regular';
}

/* line 41, app/assets/stylesheets/administration.scss */
.is-dosis-light {
  font-family: 'Dosis-Light';
}

/* line 45, app/assets/stylesheets/administration.scss */
.is-merchant-bold {
  font-family: 'Merchant-Bold';
}

/* line 49, app/assets/stylesheets/administration.scss */
.is-lora {
  font-family: 'Lora';
}

/* line 53, app/assets/stylesheets/administration.scss */
.is-lora-bold {
  font-family: 'Lora-Bold';
}

/* line 57, app/assets/stylesheets/administration.scss */
html, body {
  background-color: #f8f8ef;
}

/* line 63, app/assets/stylesheets/administration.scss */
.breadpattern {
  background-image: url(/assets/patterns/bread_pattern-526818c0febbdbbc866091f0336eabd50630b0fc467010808430d66a63ba01f5.jpg);
  background-size: 100%;
  background-repeat: repeat;
  box-shadow: inset 0 0 0 1000px rgba(255, 233, 211, 0.373);
}

/* line 70, app/assets/stylesheets/administration.scss */
.trCommande {
  cursor: pointer;
}

/* line 74, app/assets/stylesheets/administration.scss */
.grayline {
  background: repeating-linear-gradient(10deg, rgba(239, 239, 240, 0.35), rgba(239, 239, 240, 0.35) 10px, rgba(198, 195, 199, 0.35) 10px, rgba(198, 195, 199, 0.35) 20px);
}

/* line 86, app/assets/stylesheets/administration.scss */
.margin-tile-administration {
  margin-top: 20px !important;
}

/*
* Buttons
*/
/* line 95, app/assets/stylesheets/administration.scss */
.button-validate {
  margin-top: 20px;
  background-color: #4fb5dd !important;
  border: 1px solid #4fb5dd;
}

/* line 101, app/assets/stylesheets/administration.scss */
.button-disconnect {
  background-color: #e75454 !important;
  border: 1px solid #e75454;
}

/* line 106, app/assets/stylesheets/administration.scss */
.button-info {
  background-color: #eecc5e !important;
  border: 1px solid #eecc5e;
}

/* line 111, app/assets/stylesheets/administration.scss */
h1 {
  font-family: 'Quattrocento', serif;
  font-size: 34px;
  font-weight: 700;
}

/* line 117, app/assets/stylesheets/administration.scss */
h2 {
  font-size: 18px;
  font-weight: 700;
}

/* line 125, app/assets/stylesheets/administration.scss */
a {
  text-decoration: none !important;
}

/* line 129, app/assets/stylesheets/administration.scss */
.div-cardshadow {
  width: 50%;
  margin: 0 auto;
  margin-top: 5em;
  margin-bottom: 5em;
  box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}

/* line 136, app/assets/stylesheets/administration.scss */
.section-margin {
  margin-bottom: 100px;
  margin-top: 100px;
}

/* line 141, app/assets/stylesheets/administration.scss */
.cardheight {
  height: 100%;
}