:root {
  --steel-blue: #3b99d9;
  --steel-blue-2: #2e80b6;
  --dark-khaki: #a8d069;
  --medium-sea-green: #30ad64;
  --light-sea-green: #25ccbf;
  --light-sea-green-2: #20ac99;
  --sandy-brown: #f8c740;
  --goldenrod: #e2a62b;
  --khaki: #face6a;
  --sandy-brown-2: #e4b962;
  --salmon: #fd7072;
  --indian-red: #cf404d;
  --tan: #d39f9a;
  --dim-gray: #735260;
  --indian-red-2: #af4173;
  --brown: #822e50;
  --tomato: #e64c40;
  --firebrick: #bf3a30;
  --salmon-2: #fc7d64;
  --white-smoke: #ecf0f1;
  --silver: #bec3c7;
  --dim-gray-2: #49647b;
  --dark-slate-gray: #2d3e4f;
  --dark-slate-gray-2: #404047;
  --white-smoke-2: #f0f0f0;
  --white-smoke-3: #edeff2;
  --cadet-blue: #668cad;
  --pale-turquoise: #bfe0ff;
  --light-sky-blue: #69b9ff;
  --dodger-blue: #2e9dff;
  --black: #192024;
  --dim-gray-3: #676770;
  --light-slate-gray: #8e8e9c;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

h1 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  color: #055a38;
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 300;
  line-height: 36px;
}

h3 {
  color: #676770;
  letter-spacing: 7px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

h4 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

h5 {
  color: #676770;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 300;
  line-height: 20px;
}

h6 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

p {
  color: #121213;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
}

.button {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #055a38;
  border-radius: 4px;
  margin-left: 250px;
  margin-right: 10px;
  padding: 12px 30px;
  font-size: 16px;
  font-weight: 300;
  line-height: 21px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-block;
}

.button:hover {
  background-color: #2e9dff;
}

.button.w--current {
  background-color: #2e80b6;
}

.button.full-width {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.button.tab {
  cursor: pointer;
  background-color: #007953;
  margin-left: 8px;
  margin-right: 8px;
}

.button.tab:hover {
  background-color: #2e80b6;
}

.button.tab.w--current {
  background-color: #037f51;
}

.button.envoi {
  cursor: pointer;
  background-color: #055a38;
  border-radius: 13px;
  margin-top: 11px;
  margin-left: 0;
  transition-property: none;
}

.navigation-link {
  color: #fff;
  margin-top: -19px;
  padding-right: 21px;
  font-family: Droid Sans, sans-serif;
  font-size: 14px;
  transition: all .3s ease-in-out;
}

.navigation-link:hover {
  color: #2e9dff;
}

.navigation-link.w--current {
  color: #fff;
  font-family: Bitter, serif;
  font-size: 14px;
}

.navigation-bar {
  z-index: 1000;
  background-color: #000000d4;
  border-top: 2px #192024;
  border-bottom: 2px #355231;
  margin-top: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  overflow: visible;
}

.navigation-menu {
  margin-top: 49px;
  margin-left: 0;
  margin-right: -14px;
}

.brand-text {
  color: #69b9ff;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 25px;
}

.brand-link {
  padding-top: 16px;
  padding-bottom: 16px;
}

.section {
  text-align: center;
  background-color: #fff;
  padding: 80px 10px 24px;
  position: relative;
}

.section.accent {
  background-color: #292929;
  background-image: none;
  background-size: auto;
}

.section.real {
  background-color: #1f1f1f;
  padding-bottom: 57px;
}

.white-box {
  text-align: center;
  background-color: #eeebeb;
  border: 1px #05593873;
  border-radius: 5px;
  padding: 15px 15px 9px;
}

.white-box.transparent {
  background-color: #0000;
  border-style: none;
}

.white-box._2222 {
  border-color: #0559389e;
  padding-bottom: 17px;
}

.white-box._2222._1-line {
  padding-bottom: 22px;
}

.white-box._1-line {
  padding-bottom: 3px;
}

.hero-section {
  padding-top: 242px;
  padding-bottom: 242px;
}

.hero-section.centered {
  text-align: center;
  background-image: url('../images/staircase-347318_960_720.jpg');
  background-position: 50% 99%;
  background-size: cover;
  border-bottom: 4px solid #69b9ff;
  height: 569px;
  padding-top: 195px;
  padding-bottom: 195px;
}

.hero-heading {
  color: #025037;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-size: 60px;
  font-weight: 600;
  line-height: 60px;
}

.hero-heading.a-propos-titre {
  margin-top: 27px;
  margin-bottom: -2px;
  font-size: 40px;
}

.hero-subheading {
  color: #007953;
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 40px;
  font-size: 24px;
  font-weight: 400;
  line-height: 25px;
}

.hollow-button {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: 1px solid #fff;
  border-radius: 4px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px 30px;
  font-weight: 300;
  line-height: 21px;
  text-decoration: none;
  transition: background-color .3s, border .3s, color .3s;
  display: inline-block;
}

.hollow-button:hover {
  color: #2e9dff;
  border-color: #2e9dff;
}

.hollow-button.all-caps {
  color: #007953;
  text-transform: uppercase;
  cursor: pointer;
  border-width: 2px;
  border-color: #007953;
  font-weight: 600;
}

.section-heading {
  margin-top: 0;
  margin-bottom: 16px;
}

.section-heading.centered {
  color: #c4c4c4;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-top: -40px;
  font-size: 30px;
  font-weight: 300;
}

.section-heading.centered.white {
  color: #fff;
  margin-top: -87px;
  margin-bottom: 44px;
}

.section-subheading.center {
  color: #c4c4c4;
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: -25px;
  font-size: 18px;
  font-weight: 300;
}

.section-subheading.center.off-white {
  color: #e8e8e8;
  padding-bottom: 0;
}

.section-title-group {
  margin-top: 14px;
  margin-bottom: 60px;
}

.form-field {
  border: 0 solid #000;
  border-radius: 3px;
  height: 45px;
  margin-bottom: 17px;
  box-shadow: 0 0 0 1px #4040474d;
}

.form-field.text-area {
  height: 110px;
}

.footer {
  background-color: #ebebeb;
  background-image: linear-gradient(#00000080, #00000080), url('../images/24022016-007.jpg');
  background-position: 0 0, 0 -114px;
  background-size: auto, cover;
  margin-top: -5px;
  margin-bottom: -81px;
  padding-top: 95px;
  padding-bottom: 27px;
  position: relative;
}

.footer.center {
  text-align: center;
  background-color: #383838;
  border-top: 1px solid #dbdbdb;
  padding-top: 8px;
  padding-bottom: 0;
}

.footer.center.bottom {
  background-color: #0000;
  background-image: linear-gradient(#000000f0, #000000f0), url('../images/grey-carpet-wallpaper-6023-6318-hd-wallpapers-1.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  border-top-style: none;
  height: 40px;
  margin-top: 0;
  margin-bottom: -41px;
  padding-bottom: 0;
}

.footer-text {
  color: #fff;
  height: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 0;
  font-size: 16px;
  font-weight: 300;
}

.grid-image {
  background-color: #69b9ff;
  border: 10px solid #fff;
  border-radius: 50%;
  width: 35%;
  margin: 20px auto;
  padding: 20px;
  display: block;
  box-shadow: 0 0 0 1px #2e9dff;
}

.info-icon {
  float: left;
}

.footer-link {
  color: #668cad;
  border-bottom: 1px solid #d5d5e0;
  margin-bottom: 6px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
  display: block;
}

.footer-link:hover {
  color: #008cffd6;
}

.footer-link.with-icon {
  margin-left: 30px;
}

.tab-menu {
  text-align: center;
  margin-top: -28px;
  margin-bottom: 40px;
}

.tabs-wrapper {
  text-align: center;
}

.fullwidth-image {
  width: 100%;
  margin-bottom: 20px;
}

.white-text {
  color: #fff;
  margin-bottom: 20px;
}

.form {
  background-color: #2d2f30;
  border-radius: 19px;
  width: auto;
  margin-top: 40px;
  margin-left: 25px;
  padding: 21px 41px 20px 46px;
}

.spc {
  background-color: #0000;
  border-radius: 0;
  height: 322px;
  padding-top: 10px;
  padding-bottom: 11px;
}

.spc._1111 {
  height: auto;
  padding-left: 0;
  padding-right: 0;
}

.spc._22222 {
  justify-content: center;
  align-items: center;
  height: 500px;
  padding-left: 0;
  display: flex;
}

.logo {
  margin-top: 19px;
  margin-bottom: 16px;
  margin-left: 0;
}

.top {
  background-color: #025037;
  height: 40px;
  margin-top: 1px;
  padding-top: 4px;
  padding-bottom: 0;
}

.top.bottom-top {
  background-color: #3b3b3b;
  height: 30px;
}

.slide-hero {
  background-image: url('../images/staircase-347318_960_720.jpg');
  background-position: 2px -104px;
  background-size: cover;
  height: 300px;
}

.hero-slideeee {
  height: 605px;
  margin-top: -106px;
}

.hero-slideeee._2 {
  width: auto;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.hero-slideeee.slide-7 {
  background-image: none;
  background-size: auto;
  height: auto;
  margin-top: -6px;
  padding-bottom: 0;
}

.slide-2 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/25022016-013.jpg');
  background-position: 0 0, 50%;
  background-size: auto, auto;
  height: 773px;
}

.slide-2.autre-1 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/24022016-009.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  height: auto;
  padding-bottom: 0;
  padding-right: 0;
}

.slide-5 {
  background-image: linear-gradient(#0000006b, #0000006b), url('../images/24022016-019.jpg');
  background-position: 0 0, 0 -117px;
  background-size: auto, cover;
}

.slide-5.autre-4 {
  background-image: linear-gradient(#0000006b, #0000006b), url('../images/24022016-004.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.slide-5.autre-4.slide-66 {
  background-image: linear-gradient(to bottom, null, null), url('../images/24022016-021.jpg');
}

.slide-5.autre-4.slide-66._777 {
  background-image: linear-gradient(#0000006b, #0000006b), url('../images/24022016-021.jpg');
  background-position: 0 0, 0 0;
}

.section-22 {
  background-color: #3b3b3b;
}

.section-33 {
  background-color: #f0f0f0;
}

.section-wood {
  background-image: url('../images/222.png');
  background-position: 0 0;
  background-size: 568px;
  padding-top: 49px;
  padding-bottom: 49px;
  position: relative;
}

.mask {
  height: 782px;
  margin-top: 112px;
}

.mask.sgsgd {
  height: 770px;
  margin-top: 0;
}

.mask.rrd {
  height: 640px;
  margin-top: 0;
}

.slide-ok {
  background-image: linear-gradient(#00000091, #00000091), url('../images/24022016-012.jpg');
  background-position: 0 0, 0 -89px;
  background-size: auto, cover;
  margin-top: 0;
}

.slide-ok.autre-2 {
  background-image: linear-gradient(#0006, #0006), url('../images/25022016-006.jpg');
  background-position: 0 0, 0 2px;
  background-size: auto, cover;
}

.facebook {
  margin-top: 245px;
  margin-left: 290px;
  margin-right: 14px;
}

.contact {
  color: #d3d3d3;
  margin-left: 767px;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
}

.message {
  background-color: #ffffff8a;
  margin-top: 130px;
  padding: 17px 11px 23px;
}

.map {
  background-image: linear-gradient(#000000eb, #000000eb);
  border: 1px solid #fff;
  border-radius: 15px;
  width: 400px;
  height: 290px;
  margin-left: 138px;
}

.tmoignage {
  height: 350px;
}

.a-propos {
  background-color: #ffffffa8;
  border-radius: 9px;
  margin-bottom: 29px;
  padding-bottom: 32px;
  padding-left: 18px;
  padding-right: 18px;
}

.quipe {
  background-color: #dce9de;
  border-radius: 11px;
  padding-left: 0;
  padding-right: 0;
}

.quipe.ee {
  height: 76px;
}

.form-contact {
  color: #000;
  text-align: center;
  margin-top: -28px;
  padding-left: 20px;
  padding-right: 20px;
}

.boddy {
  background-color: #000;
  padding: 10px 0;
}

.logo-face {
  margin-bottom: 0;
  margin-left: 1003px;
  margin-right: 9px;
}

.adresse {
  color: #fff;
  margin-top: 6px;
  margin-bottom: -25px;
  margin-left: 676px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.form-name {
  color: #d5d5d5;
  text-align: left;
  font-size: 15px;
  font-weight: 600;
}

.texttt {
  color: #000;
  margin-bottom: 21px;
}

.phone {
  opacity: 1;
  margin-top: -10px;
  transform: rotate(-33deg);
}

.team {
  background-color: #f2f2f2eb;
  background-image: none;
  background-size: auto;
  border: 20px solid #292929;
  border-radius: 26px;
  height: 354px;
  margin-top: 9px;
  padding-top: 23px;
}

.team-text {
  color: #dad7d7;
  text-align: center;
  padding: 12px;
  position: relative;
}

.descriptif {
  color: #fff;
  margin-top: 24px;
}

.adress {
  color: #fff;
  text-align: center;
  cursor: pointer;
  margin-top: 0;
  margin-left: 0;
  padding-bottom: 0;
  text-decoration: none;
}

.adress.ouvert {
  margin-top: 0;
  line-height: 22px;
}

.fleche {
  margin-top: -6px;
  margin-bottom: 10px;
  margin-left: 1004px;
}

.row-foot {
  background-color: #00000085;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -63px;
  padding-top: 49px;
  padding-bottom: 10px;
}

.field-txt {
  border: 1px #000;
  border-radius: 16px;
}

.slide-1 {
  background-image: url('../images/24022016-014.jpg');
  background-position: 0 -166px;
  background-size: cover;
}

.titre-team {
  font-size: 27px;
}

.link-adress {
  text-decoration: none;
}

.photo-team {
  margin-top: 15px;
}

.gagnant {
  color: #f0ebeb;
  margin-top: 14px;
  margin-bottom: 42px;
  font-size: 31px;
  font-style: normal;
  text-decoration: underline;
}

.row-2 {
  margin-top: 21px;
}

.text-team {
  color: #434346;
  text-align: left;
  background-color: #0000;
  border-radius: 25px;
  width: 500px;
  margin-top: 7px;
  margin-left: 6px;
  margin-right: -3px;
  padding-bottom: 7px;
  padding-left: 23px;
  padding-right: 0;
  font-size: 13px;
  font-weight: 600;
}

.row-teaam {
  margin-top: 42px;
  padding-left: 8px;
  padding-right: 8px;
}

.linkk {
  margin-top: -5px;
  margin-bottom: 19px;
}

.rowowow {
  margin-top: 32px;
  margin-bottom: -19px;
}

.ddd {
  margin-top: 35px;
}

.im-team {
  margin-left: 83px;
}

.col-e {
  border-right: 2px solid #8d8d8d;
}

.phone-number {
  color: #025037;
  text-decoration: none;
}

.phoooo {
  margin-bottom: -17px;
  text-decoration: none;
}

.txt {
  color: #0000;
  margin-left: -37px;
}

.chambre-des-commerces {
  color: #bec3c7;
  margin-top: -12px;
  margin-bottom: 29px;
}

.comptoir {
  margin-top: 15px;
  margin-bottom: 12px;
  font-weight: 700;
}

.comptoir.escalier {
  margin-top: 30px;
  font-weight: 700;
}

.moulure {
  font-weight: 700;
}

.planage {
  margin-top: 13px;
  margin-bottom: 8px;
  font-weight: 700;
}

.slide-4 {
  background-image: url('../images/marche-3-p.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slide-6 {
  background-image: linear-gradient(#0009, #0009), url('../images/24022016-010.jpg');
  background-position: 0 0, 0 -79px;
  background-size: auto, cover;
  height: auto;
  position: relative;
}

.top-banner {
  position: relative;
}

.contain-famz {
  background-color: #e2e2e2;
  border-radius: 19px;
  padding-bottom: 15px;
  padding-left: 117px;
}

.team-famille {
  color: #bec3c7;
  margin-top: -35px;
  margin-bottom: 46px;
  font-size: 33px;
}

.text-a-propos {
  color: #404047;
  text-align: justify;
  margin-bottom: 25px;
  font-size: 15px;
}

.innov {
  color: #f0ebeb;
  font-size: 27px;
  text-decoration: underline;
}

.mirabel {
  background-color: #fff;
  width: 606px;
  margin-bottom: 20px;
  padding: 10px;
}

.karmedia {
  color: #fff;
  text-decoration: none;
}

.logooo {
  margin-top: 21px;
  margin-bottom: 10px;
  margin-left: 4px;
  padding-bottom: 0;
}

.slide-44444 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/24022016-018.jpg');
  background-position: 0 0, 0 -102px;
  background-size: auto, cover;
}

.slide-44444.autre-3 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/25022016-005.jpg');
  background-position: 0 0, 0 -5px;
  background-size: auto, cover;
}

.section-1 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/25022016-011.jpg');
  background-position: 0 0, 0 0;
  background-attachment: scroll, fixed;
  flex-flow: column;
  height: auto;
  padding-top: 80px;
  padding-bottom: 100px;
  display: block;
}

.section-1.sce-2 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/25022016-008.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.ccol-11 {
  background-image: linear-gradient(#0009, #0009), url('../images/24022016-019.jpg');
  background-position: 0 0, -79px 0;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 350px;
  display: flex;
}

.ccol-11:hover {
  background-image: linear-gradient(#00000036, #00000036), url('../images/24022016-019.jpg');
  background-position: 0 0, -79px 0;
  background-size: auto, cover;
}

.coll2 {
  background-image: linear-gradient(#0000007a, #0000007a), url('../images/24022016-021.jpg');
  background-position: 0 0, -538px -350px;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 350px;
  display: flex;
}

.coll2:hover {
  background-image: linear-gradient(#00000036, #00000036), url('../images/24022016-021.jpg');
  background-position: 0 0, -538px -350px;
  background-size: auto, cover;
}

.col-333 {
  background-image: linear-gradient(#0000008a, #0000008a), url('../images/24022016-011.jpg');
  background-position: 0 0, -70px 0;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 350px;
  display: flex;
}

.col-333:hover {
  background-image: linear-gradient(#00000036, #00000036), url('../images/24022016-011.jpg');
  background-position: 0 0, -70px 0;
  background-size: auto, cover;
}

.section-tapis {
  background-image: url('../images/24022016-021.jpg');
  background-position: 50% 0;
  background-size: cover;
  background-attachment: fixed;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 550px;
  padding-top: 1px;
  padding-bottom: 0;
  display: flex;
}

.section-tapis.accueil-sec {
  background-image: linear-gradient(#222222c2, #222222c2), url('../images/f6fe5eaa2d98f1948a5ff462e1700851_large.jpeg');
  background-position: 0 0, 50%;
  background-size: auto, contain;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 0;
  display: block;
}

.section-tapis.joindre {
  background-image: linear-gradient(#383737f2, #383737f2), url('../images/grey-carpet-wallpaper-6023-6318-hd-wallpapers-1.jpg');
  background-size: auto, cover;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.collll {
  background-image: url('../images/24022016-009.jpg');
  background-position: -83px 0;
  background-size: cover;
  height: 350px;
}

.bullet {
  color: #e87508;
  background-image: none;
  background-size: auto;
  height: 350px;
  font-size: 23px;
  font-weight: 700;
}

.section-last {
  background-image: linear-gradient(#00000075, #00000075), url('../images/24022016-007.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  height: auto;
  padding-top: 50px;
  padding-bottom: 50px;
}

.titre-head {
  color: #ececec;
  text-align: center;
  margin-top: 165px;
  font-family: Cinzel, sans-serif;
  font-size: 45px;
}

.adresse-head {
  color: #dbdbdb;
  text-align: center;
  width: auto;
  margin-bottom: 26px;
  padding-right: 0;
  font-family: Cinzel, sans-serif;
  font-size: 23px;
  line-height: 35px;
}

.logo-head {
  margin-left: 159px;
}

.logo-head.boule {
  background-color: #0000;
  background-image: linear-gradient(99deg, #0000 23%, #002711 47%, #0000 71%);
  margin-bottom: 9px;
  margin-left: 197px;
}

.roworow {
  margin-top: -14px;
}

.text-accueil {
  color: #fff;
  text-align: center;
  font-family: Cinzel, sans-serif;
  font-size: 28px;
}

.titre-accueil {
  color: #e2e2e2;
  text-align: center;
  margin-top: 49px;
  margin-bottom: 17px;
  font-family: Cinzel, sans-serif;
  font-size: 33px;
  line-height: 42px;
}

.titre-accueil.ttoopp {
  margin-top: 0;
  padding-top: 0;
  font-size: 31px;
  font-weight: 700;
}

.content-accueil {
  text-align: justify;
  margin-top: 0;
  padding-left: 0;
  font-size: 16px;
}

.spciaux {
  background-color: #0000;
  border-radius: 15px;
}

.titre-speciaux {
  color: #ecf0f1;
  text-align: center;
  background-image: linear-gradient(80deg, #0000 23%, #001a0c 50%, #0000 75%);
  margin-top: 47px;
}

.promo {
  color: #e87508;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 70px;
  font-weight: 700;
}

.promo.promo2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 62px;
}

.promo.promo-3 {
  color: #e87508;
  border-right: 2px #f30000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 35px;
}

.promo.promo-3.titre-sangria-promo {
  border-right-style: none;
  margin-top: 0;
  padding-left: 26px;
  font-size: 35px;
}

.promo.sangria-do {
  margin-top: 0;
  padding-right: 60px;
  font-size: 100px;
}

.col-promo {
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 140px;
  display: flex;
}

.col-col {
  background-color: #000000e6;
  border: 5px solid #000;
  border-radius: 15px;
  margin-left: -10px;
  margin-right: 4px;
}

.col-col._1._432 {
  justify-content: center;
  align-items: center;
  padding-right: 0;
  display: flex;
}

.col-col.tarif {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: 0;
  margin-right: 4px;
  padding-right: 15px;
  display: flex;
}

.text-promo {
  color: #fff;
  border-left: 1px solid #e8750b;
  margin-top: 0;
  margin-left: 21px;
  padding-left: 13px;
  font-size: 17px;
}

.text-promo.text-promo-2 {
  border-left-color: #e8750b;
  margin-top: 0;
  margin-left: 0;
  font-size: 17px;
}

.text-promo._11 {
  border-left-style: none;
  margin-top: 0;
  font-size: 17px;
}

.text-promo.yt {
  margin-top: 0;
  font-size: 17px;
}

.row-1-promo {
  margin-top: 30px;
  margin-bottom: 26px;
}

.tt-promo {
  color: #949494;
  text-align: center;
  margin-bottom: 10px;
}

.tt-promo.ddd {
  color: #8d8d8d;
  margin-top: 0;
}

.contain-reserve {
  background-color: #000000de;
  border-radius: 9px;
  margin-top: 0;
}

.reserve-title {
  color: #e8750b;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 70px;
  font-family: Permanent Marker, sans-serif;
  font-size: 42px;
  font-weight: 400;
  text-decoration: none;
}

.col-reserve-1 {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  border-right: 1px solid #e8750b;
  height: auto;
  padding-bottom: 0;
}

.row-reserve {
  border-radius: 20px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 30px;
  display: flex;
}

.emploi-contain {
  background-color: #0000;
  margin-top: 1px;
}

.coll-emploui {
  padding-left: 0;
}

.txt-emploi {
  width: 219px;
  margin-right: 9px;
  padding-right: 15px;
}

.form-emploi {
  margin-top: 56px;
  padding-top: 16px;
  padding-bottom: 10px;
  padding-right: 3px;
}

.adresse-civique {
  width: 449px;
  padding-right: 14px;
}

.logo-bas {
  margin-top: 0;
  margin-bottom: 7px;
  margin-left: 0;
}

.col-txt-speciaux {
  border-left: 1px solid #e8750b;
}

.txt-reserve {
  color: #fff;
  margin-top: 13px;
  margin-left: 0;
  padding-left: 70px;
  padding-right: 42px;
  font-family: Cinzel, sans-serif;
  font-size: 21px;
}

.txt-reserve.droite {
  text-align: center;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: 444px;
  margin-left: 4px;
  padding-left: 0;
  padding-right: 27px;
}

.txt-reserve.droite.a-noter {
  border-top-style: none;
  border-bottom-style: none;
  margin-top: 7px;
  padding-right: 0;
  font-size: 21px;
  font-style: normal;
  line-height: 26px;
}

.contain-menu-bar {
  display: none;
}

.am {
  color: #e87508;
}

.phone-reserve {
  margin-top: 38px;
  margin-bottom: 15px;
  margin-left: 181px;
}

.a-noter {
  font-size: 16px;
  font-style: italic;
}

.tt {
  text-align: center;
  padding-right: 0;
  font-size: 23px;
  line-height: 35px;
}

.clique {
  color: #ecf0f1;
  text-align: center;
  margin-top: 70px;
  margin-bottom: -19px;
  font-size: 20px;
}

.emploi-titre {
  color: #fff;
  text-align: center;
  padding-top: 14px;
  padding-bottom: 10px;
  font-family: Oswald, sans-serif;
}

.rrow-emploi {
  background-color: #00000096;
  border-radius: 19px;
  margin-top: 0;
  margin-bottom: 34px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.ici {
  color: red;
  font-weight: 800;
}

.phonee {
  color: red;
  font-size: 24px;
}

.pic-emploi {
  padding-bottom: 28px;
}

.soumettre {
  background-color: #e87508;
  border: 1px solid #fff;
  border-radius: 9px;
  margin-top: 0;
  margin-left: 337px;
}

.titre-form-emploi {
  color: #bec3c7;
  font-weight: 400;
}

.texte-emploi {
  color: #fff;
  text-align: center;
  margin-top: -17px;
  margin-bottom: 15px;
  font-style: italic;
}

.bouleee {
  margin-top: -16px;
  margin-left: 66px;
}

.billard-snooker {
  color: #d2d6da;
  text-align: center;
  margin-top: 0;
}

.timee {
  color: red;
  font-size: 19px;
  font-weight: 700;
  line-height: 28px;
}

.pphhoonnee {
  color: #e87508;
  text-align: center;
  margin-top: 0;
  margin-left: 0;
}

.heure {
  color: red;
  font-weight: 700;
}

.ccc {
  color: red;
  font-weight: 800;
}

.col-reserve {
  justify-content: center;
  align-items: center;
  height: auto;
  padding-bottom: 0;
  display: flex;
}

.sangria {
  background-image: linear-gradient(#00000063, #00000063), url('../images/SangriaFeaturedImage.jpg');
  background-position: 0 0, 0 -106px;
  background-size: auto, cover;
  border-radius: 17px;
  height: 250px;
  margin-top: 9px;
  margin-bottom: 4px;
}

.sangria.blanc {
  color: #fff;
  background-image: none;
  background-position: 0 0;
  border-right: 1px #000;
  margin-top: 0;
}

.row-jeux {
  margin-top: 0;
}

.col-sangria-2 {
  background-color: #00000070;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 250px;
  padding-right: 0;
  display: flex;
}

.row-sangria {
  margin-left: -1px;
  padding-left: 10px;
  padding-right: 10px;
}

.slide-8 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/24022016-014_1.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.slide-9 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/24022016-008.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.foott {
  color: #949494;
  text-align: center;
  margin-top: 0;
  margin-left: 0;
  font-size: 14px;
  text-decoration: none;
}

.slide-77 {
  background-image: url('../images/24022016-016.jpg');
  background-position: 0 0;
  background-size: auto;
}

.linkkk {
  width: 300px;
}

.aadresse {
  margin-top: -3px;
  font-size: 39px;
  font-weight: 900;
}

.link-karmedia {
  text-decoration: none;
}

.karmediaa {
  color: #fff;
}

.div-block {
  background-color: #e20000;
  margin-bottom: 54px;
  padding-bottom: 20px;
  padding-left: 27px;
}

.heading {
  color: #fff;
  text-align: center;
  font-size: 33px;
}

.text-block {
  color: #fff;
  text-align: center;
}

.container {
  padding-top: 80px;
  padding-bottom: 145px;
}

.container-2 {
  padding-top: 95px;
  padding-bottom: 222px;
}

.container-3 {
  padding-top: 95px;
  padding-bottom: 186px;
}

.container-4, .container-5 {
  padding-top: 95px;
}

.container-6 {
  height: 750px;
  padding-top: 95px;
}

.container-7, .container-8 {
  padding-top: 95px;
}

.div-block-2 {
  background-color: #00a344;
  margin-top: 121px;
  padding-top: 13px;
  padding-bottom: 16px;
}

.heading-2 {
  color: #fff;
}

.text-block-2 {
  color: #fff;
  padding-left: 17px;
  padding-right: 18px;
}

.ww {
  color: #e87508;
  font-size: 17px;
}

.ww.ytt {
  font-size: 21px;
  font-weight: 700;
}

.text-span {
  color: #e87508;
}

.column {
  padding-top: 0;
}

.heading-3 {
  color: #ce080c;
  text-align: center;
  font-family: Cinzel, sans-serif;
}

.text-block-3 {
  color: #fff;
  text-align: center;
  background-color: #000;
  margin-top: 14px;
  padding-top: 16px;
  padding-bottom: 18px;
  font-size: 19px;
}

.link {
  color: #fff;
  font-size: 23px;
  text-decoration: none;
}

.column-2 {
  background-image: url('../images/25022016-014.jpg');
  background-position: 50%;
  background-size: cover;
  height: 850px;
}

.html-embed {
  margin-left: 65px;
}

.html-embed.mobile {
  display: none;
}

.html-embed.regular {
  border-radius: 19px;
}

.text-span-2 {
  color: #fff;
}

.link-2 {
  color: red;
  text-decoration: none;
}

.columns {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
}

.column-5, .columns-2, .columns-3 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.column-6 {
  padding-left: 0;
}

.bold-text {
  color: #e8750b;
}

html.w-mod-js [data-ix="fade-in-bottom-page-loads"] {
  opacity: 0;
  transform: translate(0, 50px);
}

html.w-mod-js [data-ix="fade-in-left-scroll-in"] {
  opacity: 0;
  transform: translate(-50px);
}

html.w-mod-js [data-ix="fade-in-right-scroll-in"] {
  opacity: 0;
  transform: translate(50px);
}

html.w-mod-js [data-ix="fade-in-top-scroll-in"] {
  opacity: 0;
  transform: translate(0, -50px);
}

html.w-mod-js [data-ix="fade-in-bottom-scroll-in"] {
  opacity: 0;
  transform: translate(0, 50px);
}

html.w-mod-js [data-ix="bounce-in-scroll-in"] {
  opacity: 0;
  transform: scale(.6);
}

html.w-mod-js [data-ix="scale-on-scroll"] {
  opacity: 0;
  transform: scale(.01);
}

@media screen and (max-width: 991px) {
  .button {
    margin-left: 122px;
  }

  .navigation-link {
    color: #fff;
    margin-top: 55px;
    margin-left: 0;
    font-size: 12px;
  }

  .navigation-link.w--current {
    color: #fff;
    font-size: 12px;
  }

  .navigation-bar {
    background-color: #000000b3;
  }

  .hamburger-button.w--open {
    background-color: #3b99d9;
  }

  .navigation-menu {
    color: #025037;
    background-color: #0000;
    margin-top: -133px;
  }

  .white-box._2222._1-line {
    padding-bottom: 32px;
  }

  .white-box._1-line {
    padding-bottom: 24px;
  }

  .hero-section.centered {
    padding-top: 144px;
    padding-bottom: 144px;
  }

  .grid-image {
    width: 50%;
    padding: 15px;
  }

  .form {
    width: auto;
  }

  .spc._1111 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    padding-left: 16px;
    display: block;
  }

  .spc._22222 {
    justify-content: center;
    align-items: center;
    margin-top: 11px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .hero-slideeee._2 {
    background-color: #000;
    height: 680px;
  }

  .hero-slideeee.slide-7 {
    background-color: #000;
    background-image: none;
    height: 781px;
  }

  .slide-2 {
    height: auto;
  }

  .slide-2.uj {
    background-image: linear-gradient(#00000080, #00000080), url('../images/25022016-013.jpg');
    background-position: 0 0, 50%;
    background-size: auto, auto;
  }

  .slide-5 {
    background-position: 0 -10px;
  }

  .slide-ok {
    background-position: 0 -11px;
  }

  .message {
    margin-top: 102px;
  }

  .map {
    width: 377px;
    height: 325px;
    margin-top: -18px;
    margin-left: 70px;
  }

  .logo-face {
    margin-left: 672px;
  }

  .adresse {
    margin-left: 397px;
  }

  .phone {
    margin-top: 69px;
    margin-left: 6px;
    margin-right: 11px;
  }

  .adress {
    margin-top: 17px;
    margin-left: 32px;
    font-size: 17px;
  }

  .row-foot {
    justify-content: center;
    align-items: center;
    height: auto;
    margin-top: 0;
    margin-left: 0;
    padding-top: 15px;
    padding-bottom: 0;
    display: flex;
  }

  .text-team {
    margin-left: -23px;
  }

  .im-team {
    margin-left: -46px;
  }

  .txt {
    margin-left: 15px;
  }

  .comptoir {
    color: #025037;
  }

  .comptoir.escalier {
    color: #055a38;
    margin-top: 70px;
    line-height: 18px;
  }

  .moulure, .planage {
    color: #025037;
  }

  .slide-6 {
    background-position: 0 2px;
  }

  .titre-expertise {
    font-size: 15px;
  }

  .logooo {
    margin-top: 9px;
    margin-left: -24px;
  }

  .slide-44444 {
    background-image: linear-gradient(to bottom, null, null), url('../images/24022016-018.jpg');
    background-position: 0 0, 0 3px;
  }

  .section-1 {
    margin-top: 27px;
  }

  .section-tapis {
    height: auto;
    padding-top: 85px;
    padding-bottom: 85px;
  }

  .section-tapis.accueil-sec {
    height: 680px;
    margin-bottom: -3px;
  }

  .section-tapis.joindre {
    flex-flow: column;
    height: auto;
    margin-bottom: 1px;
    padding-bottom: 0;
    display: flex;
  }

  .section-last {
    padding-top: 17px;
  }

  .titre-head {
    background-image: linear-gradient(to right, #0000, #042813 49%, #0000);
    margin-top: 146px;
  }

  .adresse-head {
    color: #dbd5d5;
    background-image: linear-gradient(to right, #0000, #012812 49%, #0000);
  }

  .logo-head.boule {
    margin-left: 95px;
  }

  .text-accueil {
    font-size: 27px;
  }

  .titre-accueil {
    font-size: 27px;
    line-height: 32px;
  }

  .titre-accueil.ttoopp {
    margin-top: 0;
  }

  .spciaux {
    flex-flow: column;
    display: flex;
  }

  .titre-speciaux {
    margin-top: -7px;
  }

  .promo.promo2 {
    font-size: 63px;
  }

  .promo.promo-3 {
    margin-top: 0;
    font-size: 29px;
  }

  .promo.promo-3.titre-sangria-promo {
    margin-top: 61px;
  }

  .col-promo {
    height: auto;
  }

  .col-col {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .col-col.col-gratuit {
    justify-content: center;
    align-items: center;
    height: auto;
    padding-bottom: 20px;
    display: flex;
  }

  .col-col._1._432 {
    padding-bottom: 20px;
    padding-left: 7px;
  }

  .col-col.tarif {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .text-promo {
    margin-top: 0;
    margin-left: 0;
    font-size: 17px;
  }

  .text-promo.text-promo-2 {
    margin-top: 0;
  }

  .text-promo._11 {
    margin-top: 0;
    margin-left: 10px;
    font-size: 17px;
  }

  .text-promo.yt {
    margin-left: 0;
  }

  .row-1-promo {
    margin-left: 9px;
    margin-right: -6px;
    padding-left: 22px;
  }

  .tt-promo.ddd {
    margin-left: 0;
  }

  .reserve-title {
    color: #e8750b;
  }

  .txt-emploi {
    width: 167px;
  }

  .adresse-civique {
    width: 344px;
  }

  .logo-bas {
    margin-top: 0;
    margin-bottom: 16px;
    margin-left: 0;
  }

  .txt-reserve.droite.a-noter {
    width: 350px;
    margin-left: 0;
    padding-right: 0;
  }

  .phone-reserve {
    margin-left: 137px;
  }

  .rrow-emploi {
    margin-left: 0;
    margin-right: 0;
  }

  .soumettre {
    margin-left: 233px;
  }

  .bouleee {
    margin-top: 10px;
    margin-left: 27px;
  }

  .billard-snooker {
    font-size: 35px;
  }

  .pphhoonnee {
    margin-top: 0;
    margin-left: 11px;
  }

  .heure {
    font-size: 21px;
  }

  .col-reserve {
    padding-right: 21px;
  }

  .sangria {
    border-radius: 3px;
  }

  .sangria.blanc {
    background-image: none;
    background-position: 0 0;
  }

  .foott {
    margin-top: 5px;
    margin-left: 0;
    text-decoration: none;
  }

  .slide-77 {
    background-image: url('../images/25022016-011.jpg');
    background-position: -75px -22px;
    background-size: cover;
  }

  .aadresse {
    color: #fff;
    font-size: 36px;
    font-weight: 900;
  }

  .link-karmedia {
    text-decoration: none;
  }

  .karmediaa {
    color: #ecf0f1;
  }

  .container {
    height: 761px;
    padding-top: 92px;
  }

  .container-2 {
    padding-top: 121px;
  }

  .container-3 {
    padding-top: 118px;
  }

  .container-4 {
    padding-top: 140px;
  }

  .container-5 {
    padding-top: 119px;
  }

  .container-6 {
    height: 800px;
    padding-top: 138px;
  }

  .column {
    padding-top: 0;
  }

  .text-block-3 {
    font-size: 18px;
  }

  .html-embed {
    margin-left: 0;
  }

  .html-embed.mobile {
    display: none;
  }

  .columns-3 {
    justify-content: center;
    align-items: center;
  }

  .column-7 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .bold-text {
    color: #e8750b;
  }

  .container-9 {
    flex-flow: column;
    height: 908px;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .button {
    margin-left: 169px;
  }

  .button.full-width {
    margin-left: auto;
    margin-right: auto;
  }

  .button.tab {
    font-size: 12px;
  }

  .navigation-link {
    color: #fff;
    margin-top: -13px;
    margin-left: 9px;
    font-size: 14px;
  }

  .navigation-bar {
    position: absolute;
  }

  .hamburger-button {
    color: #fff;
    margin-top: 12px;
    display: flex;
  }

  .hamburger-button.w--open {
    color: #f0f0f0;
    background-color: #1d1d1d;
  }

  .navigation-menu {
    color: #1e5a47;
    background-color: #1d1d1d;
    margin-top: -6px;
    margin-left: -9px;
    padding-top: 13px;
    padding-bottom: 28px;
  }

  .white-box {
    margin-bottom: 30px;
  }

  .white-box._1-line {
    padding-left: 15px;
  }

  .hero-section.centered {
    padding-top: 119px;
    padding-bottom: 119px;
  }

  .hero-heading {
    margin-bottom: 15px;
    font-size: 50px;
  }

  .hero-subheading {
    font-size: 18px;
  }

  .hollow-button.all-caps {
    margin-top: 12px;
    margin-left: 172px;
  }

  .form-field.text-area {
    display: block;
  }

  .footer {
    margin-top: -2px;
  }

  .footer.center.bottom {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
    margin-top: 55px;
    margin-bottom: 0;
  }

  .footer-text {
    margin-bottom: 19px;
  }

  .grid-image {
    width: 20%;
    padding: 20px;
  }

  .form {
    width: auto;
    margin-left: 0;
  }

  .spc {
    margin-bottom: 30px;
  }

  .spc._1111 {
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    margin-top: 0;
    padding-left: 0;
    display: flex;
  }

  .spc._22222 {
    height: auto;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .top {
    padding-bottom: 12px;
  }

  .hero-slideeee._2 {
    height: auto;
    display: block;
  }

  .slide-5 {
    background-position: -99px 25px;
  }

  .mask.rrd {
    height: 400px;
  }

  .slide-ok {
    background-position: 0 16px;
  }

  .map {
    width: 600px;
    margin-top: 49px;
    margin-left: -41px;
    display: none;
  }

  .boddy {
    overflow: visible;
  }

  .adresse {
    margin-top: 5px;
    margin-left: 278px;
    padding-bottom: 6px;
  }

  .phone {
    margin-top: -94px;
    margin-left: 417px;
  }

  .adress {
    margin-left: 10px;
  }

  .fleche {
    margin-left: 483px;
  }

  .row-foot {
    background-color: #000;
    flex-flow: column;
    height: auto;
  }

  .link-adress {
    display: block;
  }

  .text-team {
    margin-left: -73px;
  }

  .im-team {
    margin-left: -112px;
  }

  .txt {
    margin-top: 16px;
    display: none;
  }

  .comptoir {
    color: #055a38;
  }

  .image-mobile {
    margin-bottom: 24px;
  }

  .mail {
    display: none;
  }

  .menu-txt {
    color: #ee720d;
    margin-left: 0;
    font-size: 14px;
  }

  .logooo {
    opacity: 1;
    margin-top: 15px;
    margin-left: -2px;
    display: inline-block;
  }

  .section-1 {
    height: 1150px;
  }

  .ccol-11 {
    background-image: linear-gradient(to bottom, null, null), url('../images/24022016-019.jpg');
    background-position: 0 0, -2px 0;
    margin-top: -211px;
  }

  .ccol-11:hover {
    background-image: linear-gradient(to bottom, null, null), url('../images/24022016-019.jpg');
    background-position: 0 0, 50%;
  }

  .coll2 {
    background-image: linear-gradient(#0000, #0000), url('../images/24022016-021.jpg');
    background-position: 0 0, 50%;
    background-attachment: scroll, scroll;
  }

  .coll2:hover {
    background-image: linear-gradient(to bottom, null, null), url('../images/24022016-021.jpg');
    background-position: 0 0, 50%;
  }

  .col-333 {
    background-image: linear-gradient(to bottom, null, null), url('../images/24022016-013.jpg');
    background-position: 0 0, -2px 0;
  }

  .col-333:hover {
    background-image: linear-gradient(to bottom, null, null), url('../images/24022016-011.jpg');
    background-position: 0 0, 50%;
  }

  .section-tapis {
    background-image: linear-gradient(#383737e3, #383737e3), url('../images/grey-carpet-wallpaper-6023-6318-hd-wallpapers-1.jpg');
    background-position: 0 0, 0 0;
    background-size: auto, cover;
    height: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
  }

  .section-tapis.joindre {
    background-color: #000;
    background-image: none;
    background-position: 0 0;
    background-size: auto;
    background-attachment: scroll;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .section-tapis.opp {
    background-image: url('../images/bb_background.jpg');
  }

  .section-last {
    height: auto;
    margin-top: 0;
    padding-top: 50px;
  }

  .titre-head {
    margin-top: 150px;
    margin-bottom: -13px;
    padding-top: 12px;
    padding-bottom: 11px;
    display: block;
  }

  .adresse-head {
    background-color: #0000005c;
    margin-top: 0;
    padding: 10px 40px 10px 39px;
  }

  .logo-head.boule {
    margin-top: -15px;
    margin-bottom: -4px;
    margin-left: 0;
    padding-top: 9px;
    padding-bottom: 9px;
    display: block;
  }

  .titre-accueil.ttoopp {
    margin-top: -5px;
  }

  .content-accueil {
    background-color: #00000052;
    background-image: linear-gradient(#00000080, #00000080), url('../images/bb_background.jpg');
    background-position: 0 0, 0 0;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
    margin-top: 3px;
    padding-top: 26px;
  }

  .spciaux {
    margin-top: 1px;
    display: block;
  }

  .titre-speciaux {
    margin-top: 10px;
  }

  .promo.promo-3 {
    font-size: 37px;
  }

  .promo.promo-3.titre-sangria-promo {
    padding-left: 0;
  }

  .promo.sangria-do {
    margin-top: -70px;
    margin-left: 22px;
  }

  .col-promo {
    color: #fff;
    padding-left: 0;
    padding-right: 0;
  }

  .col-col {
    margin-bottom: 44px;
  }

  .col-col.col-gratuit {
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .col-col._1._432 {
    margin-top: 0;
    margin-bottom: 24px;
    margin-left: -14px;
  }

  .col-col.tarif {
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
  }

  .text-promo {
    text-align: left;
    border-left-style: none;
    margin-top: 13px;
    margin-bottom: 8px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
  }

  .text-promo.text-promo-2 {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 45px;
  }

  .text-promo._11 {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px;
  }

  .text-promo.yt {
    padding-left: 15px;
    font-size: 17px;
  }

  .row-1-promo {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 22px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .tt-promo {
    margin-top: 0;
  }

  .tt-promo.ddd {
    margin-bottom: 1px;
    margin-left: 0;
    font-size: 15px;
  }

  .reserve-title {
    text-align: center;
    margin-top: 31px;
    margin-left: 0;
    padding-left: 0;
  }

  .col-reserve-1 {
    border-right-style: none;
    height: auto;
    margin-top: 0;
    padding-bottom: 0;
  }

  .row-reserve {
    flex-flow: column;
    padding-right: 0;
  }

  .coll-emploui {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .txt-emploi {
    width: 400px;
  }

  .form-emploi {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-left: 0;
    display: flex;
  }

  .adresse-civique {
    width: 400px;
  }

  .logo-bas {
    margin-top: 0;
    margin-left: 21px;
  }

  .col-txt-speciaux {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .txt-reserve {
    text-align: center;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .txt-reserve.droite.a-noter {
    margin-top: 0;
    margin-bottom: 11px;
    margin-left: 0;
  }

  .phone-reserve {
    margin-top: -200px;
    margin-left: 0;
  }

  .a-noter {
    margin-bottom: 1px;
  }

  .clique {
    margin-top: -36px;
  }

  .rrow-emploi {
    flex-flow: column-reverse;
    margin-top: -7px;
    display: flex;
  }

  .soumettre {
    margin-left: 0;
  }

  .texte-emploi {
    margin-top: 15px;
    margin-bottom: 9px;
  }

  .bouleee {
    margin-left: 240px;
  }

  .pphhoonnee {
    margin-top: -23px;
    margin-left: 2px;
  }

  .col-reserve {
    background-color: #000000b8;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 10px;
    display: flex;
  }

  .sangria {
    margin-top: 67px;
    display: none;
  }

  .row-jeux {
    margin-top: 0;
  }

  .col-sangria-2 {
    margin-top: -6px;
  }

  .row-sangria {
    display: none;
  }

  .foott {
    text-align: center;
    background-color: #252525;
    width: 100%;
    margin-left: 0;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .aadresse {
    font-size: 40px;
    font-weight: 900;
  }

  .tariff {
    border-left: 1px solid #e8750b;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
  }

  .link-karmedia {
    text-decoration: none;
  }

  .karmediaa {
    color: #fff;
  }

  .container {
    padding-top: 75px;
  }

  .container-4 {
    padding-top: 110px;
  }

  .container-6 {
    height: 789px;
    padding-top: 92px;
  }

  .text-span {
    text-align: left;
  }

  .heading-3 {
    font-size: 33px;
  }

  .text-block-3 {
    background-color: #000;
  }

  .column-2 {
    height: 550px;
    margin-top: 22px;
  }

  .html-embed {
    margin-left: 0;
    display: block;
  }

  .html-embed.mobile {
    display: none;
  }

  .column-3, .column-4 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .columns {
    flex-flow: wrap-reverse;
  }

  .column-5 {
    border-left: 1px solid #e8750b;
  }

  .section-34 {
    padding-top: 49px;
  }

  .column-7 {
    border-left: 1px solid #e8750b;
  }

  .icon {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .bold-text-2 {
    font-size: 17px;
  }
}

@media screen and (max-width: 479px) {
  p {
    width: 262px;
    padding-right: 0;
  }

  .button {
    margin-bottom: 25px;
    margin-left: 43px;
  }

  .navigation-link {
    color: #ffffffe6;
    background-color: #181818;
    margin-left: 5px;
    font-size: 15px;
  }

  .navigation-link.w--current {
    font-size: 17px;
  }

  .hamburger-button {
    margin-top: 12px;
  }

  .hamburger-button.w--open {
    color: #e2e2e2;
    background-color: #181818;
    margin-top: -190px;
  }

  .navigation-menu {
    background-color: #181818;
    margin-top: 1px;
    margin-left: -12px;
    position: absolute;
  }

  .brand-link.w--current {
    display: block;
  }

  .hero-section.centered {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-heading.centered.white {
    margin-top: -139px;
  }

  .section-subheading.center {
    line-height: 30px;
  }

  .footer {
    margin-top: -1px;
  }

  .footer.center.bottom {
    margin-top: 28px;
    margin-bottom: -7px;
    padding-top: 0;
    padding-bottom: 0;
    position: static;
  }

  .footer-text {
    margin-top: 12px;
    margin-bottom: 20px;
  }

  .grid-image {
    width: 35%;
  }

  .form {
    width: auto;
    margin-left: 0;
    position: relative;
  }

  .spc {
    margin-bottom: 19px;
  }

  .spc._1111 {
    background-color: #000;
    align-items: center;
    margin-top: 0;
    display: flex;
  }

  .spc._22222 {
    height: auto;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-slideeee.slide-7 {
    height: auto;
  }

  .slide-2 {
    background-image: linear-gradient(#0000007d, #0000007d), url('../images/24022016-016.jpg');
    background-position: 0 0, -502px 3px;
    background-size: auto, cover;
    padding-bottom: 0;
  }

  .slide-5 {
    background-position: -81px 0;
  }

  .mask, .mask.sgsgd {
    height: auto;
  }

  .slide-ok {
    background-position: -156px 0;
  }

  .message {
    margin-top: 79px;
  }

  .map {
    width: 400px;
    height: 250px;
    margin-top: 123px;
    margin-bottom: 14px;
    margin-left: -62px;
  }

  .boddy {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .adresse {
    margin-left: 22px;
  }

  .texttt {
    padding-right: 0;
  }

  .phone {
    margin-top: -97px;
    margin-left: 219px;
  }

  .team {
    padding-bottom: 3px;
  }

  .adress {
    margin-left: 0;
    font-size: 14px;
  }

  .adress.ouvert {
    margin-bottom: 72px;
  }

  .fleche {
    margin-top: -122px;
    margin-left: 259px;
  }

  .row-foot {
    height: auto;
  }

  .slide-1 {
    background-position: 0 -300px;
    background-size: cover;
  }

  .link-adress {
    margin-bottom: -1px;
  }

  .gagnant {
    margin-top: 29px;
    text-decoration: underline;
  }

  .text-team {
    width: auto;
    margin-left: -128px;
  }

  .im-team {
    margin-left: -115px;
  }

  .col-e {
    position: relative;
  }

  .comptoir {
    margin-left: -18px;
  }

  .comptoir.escalier {
    margin-left: -16px;
  }

  .moulure {
    color: #055a38;
    margin-left: -11px;
  }

  .planage {
    color: #025037;
    margin-left: -16px;
  }

  .slide-6 {
    background-position: -120px -3px;
  }

  .arrow-right {
    display: none;
  }

  .div {
    width: 100%;
    height: 100%;
    display: block;
  }

  .image-mobile {
    margin-bottom: 20px;
  }

  .karmedia {
    margin-top: 3px;
  }

  .logooo {
    opacity: 1;
    margin-top: 14px;
    margin-left: 3px;
    display: block;
    overflow: visible;
  }

  .section-1 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    height: auto;
    margin-top: 0;
    padding-bottom: 80px;
    display: block;
  }

  .ccol-11 {
    margin-top: -15px;
  }

  .section-tapis.accueil-sec {
    display: none;
  }

  .section-tapis.joindre {
    height: auto;
  }

  .bullet {
    font-size: 20px;
  }

  .section-last {
    margin-top: 0;
  }

  .titre-head {
    margin-top: 113px;
    margin-bottom: -33px;
    font-size: 38px;
    display: block;
  }

  .adresse-head {
    background-color: #00000073;
    margin-top: -11px;
    font-size: 22px;
    line-height: 29px;
  }

  .logo-head.boule {
    margin-top: 26px;
    margin-left: 0;
    display: block;
  }

  .text-accueil {
    text-align: left;
    font-size: 20px;
    line-height: 29px;
  }

  .titre-accueil {
    line-height: 34px;
  }

  .content-accueil {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .spciaux {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 5px;
    display: block;
  }

  .titre-speciaux {
    margin-top: 0;
  }

  .titre-speciaux.bb {
    margin-bottom: 35px;
  }

  .promo {
    margin-top: 21px;
    margin-bottom: 31px;
    font-size: 70px;
  }

  .promo.promo2 {
    margin-bottom: 16px;
  }

  .promo.promo-3 {
    margin-top: 8px;
  }

  .promo.promo-3.titre-sangria-promo {
    margin-top: 15px;
  }

  .promo.sangria-do {
    margin-top: -81px;
    margin-left: 55px;
  }

  .col-promo {
    height: auto;
    margin-bottom: 4px;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    display: block;
    overflow: visible;
  }

  .col-col {
    flex-flow: column;
    margin-bottom: 21px;
    margin-left: -11px;
    padding: 9px 0;
    display: block;
  }

  .col-col.col-gratuit {
    height: auto;
    margin-top: 0;
  }

  .col-col._1._432 {
    flex-flow: column;
    width: auto;
    margin: 0;
    padding-top: 9px;
    padding-left: 0;
  }

  .col-col.tarif {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 9px;
    display: flex;
  }

  .text-promo {
    text-align: center;
    margin-top: 9px;
    margin-bottom: 7px;
    margin-left: 6px;
    font-size: 18px;
  }

  .text-promo.text-promo-2 {
    text-align: center;
    border-left-style: none;
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
  }

  .text-promo._11 {
    text-align: center;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
    line-height: 22px;
    overflow: visible;
  }

  .text-promo.yt {
    margin-top: 10px;
    padding-left: 0;
  }

  .row-1-promo {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .tt-promo {
    margin-top: 0;
    font-size: 19px;
  }

  .tt-promo.ddd {
    margin-top: 0;
    margin-left: 0;
    font-size: 17px;
  }

  .reserve-title {
    margin-top: 0;
    margin-left: 14px;
  }

  .col-reserve-1 {
    height: auto;
    margin-top: 0;
    margin-bottom: 23px;
    padding-bottom: 0;
    line-height: 21px;
  }

  .txt-emploi {
    width: 280px;
  }

  .form-emploi {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 24px;
    margin-left: 0;
    padding-left: 11px;
    padding-right: 0;
    display: flex;
  }

  .adresse-civique {
    width: 280px;
  }

  .logo-bas {
    margin-top: 0;
    margin-left: 0;
    display: block;
  }

  .col-txt-speciaux {
    border-left-style: none;
  }

  .txt-reserve {
    padding-left: 0;
    line-height: 20px;
  }

  .txt-reserve.droite.a-noter {
    width: auto;
    margin-top: 0;
    margin-left: 0;
    padding-bottom: 16px;
    padding-left: 8px;
    padding-right: 9px;
    font-size: 19px;
  }

  .phone-reserve {
    margin-top: 0;
    margin-left: 0;
  }

  .clique {
    margin-top: -42px;
  }

  .emploi-titre {
    font-size: 32px;
  }

  .rrow-emploi {
    margin-top: -18px;
  }

  .phonee {
    color: red;
    font-weight: 900;
  }

  .soumettre, .bouleee {
    margin-left: 0;
  }

  .pphhoonnee {
    margin-top: -17px;
    margin-left: 0;
    font-size: 24px;
  }

  .heure {
    margin-top: 0;
  }

  .bienvenue {
    color: #fff;
  }

  .col-reserve {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 10px;
    display: flex;
  }

  .sangria {
    background-image: linear-gradient(to bottom, null, null), url('../images/SangriaFeaturedImage.jpg');
    background-size: auto, auto;
    height: 243px;
    margin-top: 73px;
    margin-bottom: 11px;
    padding-left: 0;
  }

  .sangria.blanc {
    margin-top: 35px;
  }

  .col-sangria-2 {
    height: 247px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .foott {
    text-align: center;
    height: 60px;
    margin-top: -49px;
    margin-left: -4px;
    padding-bottom: 0;
    padding-left: 13px;
    padding-right: 19px;
  }

  .linkkk {
    margin-top: 0;
  }

  .aadresse {
    font-size: 33px;
    font-weight: 900;
  }

  .tariff {
    border-left-style: none;
  }

  .div-block {
    padding-left: 0;
  }

  .container {
    height: auto;
    padding-top: 96px;
  }

  .container-2 {
    padding-top: 83px;
    padding-bottom: 222px;
  }

  .container-3 {
    padding-top: 83px;
    padding-bottom: 236px;
  }

  .container-4 {
    padding-top: 81px;
    padding-bottom: 274px;
  }

  .container-5 {
    padding-top: 84px;
    padding-bottom: 298px;
  }

  .container-6 {
    height: auto;
    padding-top: 87px;
    padding-bottom: 284px;
  }

  .container-7 {
    padding-bottom: 266px;
  }

  .container-8 {
    padding-bottom: 274px;
  }

  .heading-3 {
    width: auto;
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 30px;
    font-size: 19px;
    line-height: 32px;
    display: block;
  }

  .text-block-3 {
    padding-left: 0;
    padding-right: 0;
    font-size: 13px;
    overflow: auto;
  }

  .link {
    font-size: 17px;
  }

  .column-2 {
    height: 350px;
  }

  .html-embed.mobile {
    display: block;
  }

  .html-embed.regular {
    display: none;
  }

  .column-5 {
    border-left-style: none;
  }

  .columns-2 {
    flex-flow: column;
    display: block;
  }

  .columns-3 {
    flex-flow: column;
  }

  .column-7 {
    border-left-style: none;
  }

  .column-8 {
    justify-content: center;
    align-items: center;
    display: flex;
  }
}