@font-face {
  font-family: "Heebo-Bold";
  src: url("../../fonts/heebo/heebo-Bold.ttf"); }
@font-face {
  font-family: "Heebo-Mid";
  src: url("../../fonts/heebo/heebo-Medium.ttf"); }
@font-face {
  font-family: "Heebo-Light";
  src: url("../../fonts/heebo/heebo-Light.ttf"); }
@font-face {
  font-family: "Leckerli-One";
  src: url("../../fonts/leckerli-one/leckerli-one-regular.otf"); }
.is-c-primary {
  color: #f19334; }

.is-secondary {
  color: #fedf43; }

.is-b-primary {
  background-color: #f19334; }

.is-b-secondary {
  background-color: #fedf43; }

.is-white {
  color: white; }

.is-grey-text {
  color: #363636; }

.is-light {
  color: #b5b5b5; }

.is-b-light {
  background-color: #F1F1F1; }

.is-grey-dark {
  color: #4a4a4a; }

.is-b-grey-dark {
  background-color: #4a4a4a; }

.fa-facebook-square {
  color: #fedf43; }

.fa-facebook-square:hover {
  color: #f19334; }

.t-d-shadowed {
  text-shadow: 1px 1px #2A3A54; }

.t-l-shadowed {
  text-shadow: 1px 1px white; }

.shadowed {
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); }

.lr-padding-only {
  padding-top: 0;
  padding-bottom: 0; }

.p-bottom {
  padding-bottom: 20px; }

.min-h-section {
  min-height: 653px; }

.h-footer {
  height: 150px; }

.punchline {
  font-family: "Heebo-Bold", "Helvetica Neue", "Arial", sans-serif; }

.punchmid {
  font-family: "Heebo-Mid", "Helvetica Neue", "Arial", sans-serif; }

.punchlight {
  font-family: "Heebo-Light", "Helvetica Neue", "Arial", sans-serif; }

.punchmid-title {
  font-family: "Heebo-Mid", "Helvetica Neue", "Arial", sans-serif;
  font-size: 2rem;
  padding-top: 4rem; }

.punchlight-infos {
  font-family: "Heebo-Light", "Helvetica Neue", "Arial", sans-serif;
  font-size: 0.9rem; }

@media screen and (max-width: 769px) {
  .punchlight {
    font-size: 0.9rem; }

  .punchmid-title {
    font-size: 1.7rem; }

  .punchlight-infos {
    font-family: "Heebo-Light", "Helvetica Neue", "Arial", sans-serif;
    font-size: 0.8rem; } }
.v-centered {
  margin: auto;
  text-align: center; }

.t-center {
  text-align: center; }

.t-justify {
  text-align: justify; }

.t-right {
  text-align: right; }

.is-hidden {
  visibility: hidden; }

.is-none {
  display: none; }

#navMenu {
  background-color: #F1F1F1;
  display: none; }
  #navMenu .navbar-item .fa-facebook {
    color: #fedf43; }
  #navMenu .navbar-item .fa-instagram {
    color: #fedf43; }
  #navMenu .navbar-item:hover {
    background-color: #F1F1F1;
    color: #f19334; }
    #navMenu .navbar-item:hover .fa-facebook {
      color: #f19334; }
    #navMenu .navbar-item:hover .fa-instagram {
      color: #f19334; }

#nav-shadow {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), transparent);
  height: 5px;
  left: 0;
  position: absolute;
  right: 0;
  top: 100%;
  transform-origin: center top; }

.scroll-container {
  width: 100%;
  position: absolute;
  bottom: 0px;
  text-align: center; }

#back-top {
  bottom: 35px;
  cursor: pointer;
  height: 35px;
  position: fixed;
  /* Sit on top of the page content */
  right: 20px;
  width: 30px;
  z-index: 7;
  /* Specify a stack order in case you're using a different order for other elements */ }
  #back-top #back-top-arrow {
    color: white; }
  #back-top #back-top-arrow:hover {
    color: #f19334; }

a:hover {
  color: #f19334; }

::selection {
  background-color: #f19334;
  color: white; }

/*** Mozilla based browsers ***/
::-moz-selection {
  background-color: #f19334;
  color: white; }

/***For Other Browsers ***/
::-o-selection {
  background-color: #f19334;
  color: white; }

::-ms-selection {
  background-color: #f19334;
  color: white; }

#home-lette {
  display: table;
  height: 100%;
  width: 100%;
  position: relative;
  color: #fff;
  background: url("../../img/techmens.jpeg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  #home-lette #row-1 {
    padding-top: 40px; }
  #home-lette #row-2 {
    color: white;
    margin-top: 80px;
    text-align: center; }
    #home-lette #row-2 #main-title {
      font-size: 2.8rem; }
    #home-lette #row-2 #main-sub-title {
      font-size: 1.5rem;
      margin: 10px 0px 15px 0px; }
    #home-lette #row-2 #devices {
      height: 50px; }

@media screen and (max-width: 769px) {
  #home-lette #row-2 #main-title {
    font-size: 2.5rem; }
  #home-lette #row-2 #main-sub-title {
    font-size: 1.2rem; }
  #home-lette #row-2 #devices {
    height: 35px; } }
@media screen and (max-width: 424px) {
  #home-lette {
    background-attachment: scroll; }
    #home-lette #row-1 {
      text-align: center; }
    #home-lette #row-2 #main-title {
      font-size: 2.1rem; } }
#service {
  display: table;
  height: 100%;
  width: 100%;
  position: relative;
  color: #fff;
  background: url("../../img/lights.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  #service .service-text {
    max-width: 650px; }
  #service #process {
    padding-top: 4.5rem;
    margin: 0; }
    #service #process .step-container {
      background: #F1F1F1;
      border-radius: 4px;
      height: 100%;
      padding: 0px 20px 0px 20px; }
      #service #process .step-container .step-icon {
        padding-bottom: 40px;
        text-align: center; }
        #service #process .step-container .step-icon .circled {
          background: #f19334;
          border-radius: 50%;
          color: white;
          height: 60px;
          line-height: 60px;
          margin-top: -30px;
          position: absolute;
          width: 60px; }
          #service #process .step-container .step-icon .circled .v-m-align {
            vertical-align: middle; }
      #service #process .step-container .table {
        background: #F1F1F1; }
      #service #process .step-container .step-text {
        margin-bottom: 20px; }

@media screen and (max-width: 1024px) {
  #service #process {
    padding-bottom: 1rem; }
    #service #process .step-container .step-text {
      font-size: 0.9rem; } }
@media screen and (max-width: 769px) {
  .step-container {
    margin-top: 20px;
    font-size: 0.9rem; }

  #service #process {
    padding-top: 2rem; } }
@media screen and (max-width: 424px) {
  #service {
    background-attachment: scroll;
    background-position: 22%; } }
#carte {
  display: table;
  height: 100%;
  width: 100%;
  position: relative;
  color: #fff;
  background: url("../../img/food.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  #carte #menu-packages {
    padding-top: 30px;
    margin-bottom: 0; }
    #carte #menu-packages .column {
      padding-left: 1.5rem;
      padding-right: 1.5rem; }
    #carte #menu-packages .menu-container {
      background-image: url("../../img/lights-b.png");
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: cover;
      overflow: hidden;
      border-radius: 4px;
      color: #363636; }
      #carte #menu-packages .menu-container .menu-head {
        padding: 5px 20px 5px 20px;
        color: white; }
        #carte #menu-packages .menu-container .menu-head .menu-title {
          border-radius: 4px 4px 0 0;
          font-family: "Heebo-Mid", "Helvetica Neue", "Arial", sans-serif;
          color: white;
          font-size: 1.2rem; }
        #carte #menu-packages .menu-container .menu-head .menu-subtitle {
          font-size: 0.9rem; }
      #carte #menu-packages .menu-container .menu-content {
        background-color: #F1F1F1;
        height: 222px; }
        #carte #menu-packages .menu-container .menu-content .menu-text {
          font-size: 0.9rem;
          line-height: 1.5;
          padding: 15px; }
          #carte #menu-packages .menu-container .menu-content .menu-text p {
            padding-bottom: 5px; }
      #carte #menu-packages .menu-container .menu-price {
        border-radius: 0 0 4px 4px;
        font-size: 1.1rem;
        padding: 3px 25px 3px 0;
        text-align: right; }
  #carte #ingredients-sups {
    padding-top: 20px; }

@media screen and (max-width: 1024px) {
  #carte #menu-packages .menu-container .menu-head .menu-title {
    font-size: 0.9rem; }
  #carte #menu-packages .menu-container .menu-head .menu-subtitle {
    font-size: 0.8rem; }
  #carte #menu-packages .menu-container .menu-content .menu-text {
    font-size: 0.8rem;
    padding: 5px; } }
@media screen and (max-width: 769px) {
  #carte #menu-packages .menu-container .menu-head .menu-title {
    font-size: 1.2rem; }
  #carte #menu-packages .menu-container .menu-head .menu-subtitle {
    font-size: 0.9rem; }
  #carte #menu-packages .menu-container .menu-content {
    height: auto; }
    #carte #menu-packages .menu-container .menu-content .menu-text {
      font-size: 0.9rem;
      padding: 15px; }
  #carte #ingredients-sups {
    padding-top: 0; } }
@media screen and (max-width: 424px) {
  #carte {
    background-attachment: scroll;
    background-position: 32%; } }
.e-o-img {
  background-image: url("../../img/dominique.jpg");
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: cover; }

.none-img {
  background-color: #DADADA; }

#realisations {
  background-attachment: fixed;
  color: white; }
  #realisations #real-container {
    padding-top: 2rem; }
    #realisations #real-container .real-card {
      color: #363636; }
      #realisations #real-container .real-card .circle-head {
        border-radius: 50%;
        height: 110px;
        line-height: 110px;
        margin-top: -10px;
        position: absolute;
        width: 110px; }
      #realisations #real-container .real-card .real-title {
        background-color: #f19334;
        border-radius: 4px;
        color: white;
        font-size: 1.2rem;
        margin-left: 3rem;
        width: 17rem; }
        #realisations #real-container .real-card .real-title .title-text {
          padding-left: 4.5rem; }
      #realisations #real-container .real-card .real-comment {
        background-color: #F1F1F1;
        border-radius: 4px 0 4px 4px;
        font-size: 0.9rem;
        margin-left: 3rem;
        width: 16rem; }
        #realisations #real-container .real-card .real-comment .comment-text {
          color: #2A3A54;
          padding: 5px 5px 5px 4.5rem; }
        #realisations #real-container .real-card .real-comment .comment-link {
          text-align: center;
          padding-bottom: 5px; }

.p-top {
  padding-top: 5px; }

#contacts {
  display: table;
  height: 100%;
  width: 100%;
  position: relative;
  color: #fff;
  background: url("../../img/contact.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  #contacts #contacts-container {
    padding-top: 2rem;
    margin-bottom: 0; }
    #contacts #contacts-container .p-lg-left {
      padding-right: 5rem; }
    #contacts #contacts-container #contacts-infos {
      padding-left: 3rem;
      word-wrap: break-word; }
      #contacts #contacts-container #contacts-infos #facebook {
        padding-top: 1rem; }
        #contacts #contacts-container #contacts-infos #facebook .fa-facebook-square {
          margin-right: 1rem; }
        #contacts #contacts-container #contacts-infos #facebook .fa-instagram {
          color: #fedf43;
          margin-right: 1rem; }
        #contacts #contacts-container #contacts-infos #facebook .fa-instagram:hover {
          color: #f19334; }
        #contacts #contacts-container #contacts-infos #facebook .fa-linkedin {
          color: #fedf43; }
        #contacts #contacts-container #contacts-infos #facebook .fa-linkedin:hover {
          color: #f19334; }
    #contacts #contacts-container .d-info-name {
      display: none; }
    #contacts #contacts-container .d-info-email {
      display: none; }
    #contacts #contacts-container .d-danger-email {
      display: none; }
    #contacts #contacts-container .d-info-message {
      display: none; }
    #contacts #contacts-container #contacts-send {
      background-color: #fedf43;
      border: 1px solid #fedf43; }
    #contacts #contacts-container #contacts-send:hover {
      background-color: #f19334;
      border: 1px solid #f19334; }

@media screen and (max-width: 769px) {
  #contacts #contacts-container #contacts-infos {
    padding-left: 0; } }
@media screen and (max-width: 424px) {
  #contacts {
    background-attachment: scroll;
    background-position: 32%; }
    #contacts #contacts-container .p-lg-left {
      padding-right: 0; }
    #contacts #contacts-container #contacts-infos {
      text-align: center; } }
#chouetteomelette {
  display: table;
  height: 100%;
  width: 100%;
  position: relative;
  color: #fff;
  background: url("../../img/lights-footer.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: white;
  font-size: 0.9rem; }

@media screen and (max-width: 424px) {
  #chouetteomelette {
    background-attachment: scroll; } }
#legales-modal #legales-body {
  overflow: scroll; }
  #legales-modal #legales-body p {
    font-size: 0.8rem; }

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