@charset "UTF-8";
/* -------------------------------------------- */
/* -------------------------------------------- */
/* :::::::::::::::::::::::::::::::::::::::::::: */
/* :::                                      ::: */
/* ::: NE JAMAIS CHANGER CE FICHIER CSS !!! ::: */
/* :::                                      ::: */
/* :::       CE FICHIER À ÉTÉ COMPILÉ       ::: */
/* :::                                      ::: */
/* :::      UTILISER MODIFICATION.CSS       ::: */
/* :::                                      ::: */
/* :::::::::::::::::::::::::::::::::::::::::::: */
/* -------------------------------------------- */
/* -------------------------------------------- */
/* ------------------------------ */
/* ::: G R A N D   F R A I S  ::: */
/* ------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* --------------------- */
/* ::: H E L P E R S ::: */
/* --------------------- */
.cf {
  display: inline-block;
}
.cf:after {
  content: "\00A0";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .cf {
  display: block;
}

* html .cf {
  height: 1%;
}

.cf {
  display: block;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

* {
  -webkit-tap-highlight-color: transparent;
}

/* IE Fix: Bicubic Scaling for Images
 => http://css-tricks.com/ie-fix-bicubic-scaling-for-images/ */
img {
  -ms-interpolation-mode: bicubic;
}

/* Fonts looks better in chrome:
 => http://maxvoltar.com/archive/-webkit-font-smoothing */
.antialiased {
  -webkit-font-smoothing: antialiased;
}

::-moz-selection {
  background: #e31b26;
  color: white;
  text-shadow: none;
}

::selection {
  background: #e31b26;
  color: white;
  text-shadow: none;
}

audio, canvas, img, video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

textarea[contenteditable] {
  -webkit-appearance: none;
}

.flex-iframe {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.flex-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* --------------------------- */
/* ::: T Y P O G R A P H Y ::: */
/* --------------------------- */
@font-face {
  font-family: 'OswaldRegular';
  src: url("../../charte/base/font/oswald-regular-webfont.eot");
  src: url("../../charte/base/font/oswald-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../../charte/base/font/oswald-regular-webfont.woff") format("woff"), url("../../charte/base/font/oswald-regular-webfont.ttf") format("truetype"), url("../../charte/base/font/oswald-regular-webfont.svg#OswaldRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OswaldLight';
  src: url("../../charte/base/font/oswald-light-webfont.eot");
  src: url("../../charte/base/font/oswald-light-webfont.eot?#iefix") format("embedded-opentype"), url("../../charte/base/font/oswald-light-webfont.woff") format("woff"), url("../../charte/base/font/oswald-light-webfont.ttf") format("truetype"), url("../../charte/base/font/oswald-light-webfont.svg#OswaldLight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'nal_handregular';
  src: url("../../charte/base/font/nal_hand-webfont.eot");
  src: url("../../charte/base/font/nal_hand-webfont.eot?#iefix") format("embedded-opentype"), url("../../charte/base/font/nal_hand-webfont.woff2") format("woff2"), url("../../charte/base/font/nal_hand-webfont.woff") format("woff"), url("../../charte/base/font/nal_hand-webfont.ttf") format("truetype"), url("../../charte/base/font/nal_hand-webfont.svg#nal_handregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
html {
  font: 62.5% / 1em arial, 'helvetica', sans-serif;
}

body {
  font-family: arial, 'helvetica', sans-serif;
  font-style: normal;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 15px;
  line-height: 1.5rem;
  color: black;
}

a, .link {
  font-family: arial, 'helvetica', sans-serif;
  font-style: italic;
  font-size: 13px;
  font-size: 1.3rem;
  color: black;
}
a:hover, .link:hover {
  color: #e31b26;
  text-decoration: none;
}
a.red, .link.red {
  color: #e31b26;
}
a.red:hover, .link.red:hover {
  color: #433d3f;
}
a[href="#"]:hover, a[href="#"]:active, .link[href="#"]:hover, .link[href="#"]:active {
  color: #433d3f;
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

.red {
  color: #e31b26;
}

li.bullet {
  margin-left: 15px;
  list-style: url(/charte/base/img/visual/bullet.png) disc outside;
}

li.bullet-small, .content-detail .legal li, .content-detail .right-content .block:not(.list-article) li {
  margin-left: 15px;
  list-style: url(/charte/base/img/visual/bullet-small.png) disc outside;
}

.uppercase {
  text-transform: uppercase;
}

.suptitle {
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  color: #433d3f;
  text-align: left;
  text-transform: uppercase;
}

.norm-title {
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 20px;
  line-height: 2rem;
  color: #433d3f;
  text-align: center;
  font-family: "OswaldLight",sans-serif;
  margin-top: -5px;
}

.title, .content-detail .right-content h2 {
  position: relative;
  max-width: 85%;
  margin: 13px auto 20px;
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 20px;
  font-size: 2rem;
  line-height: 24px;
  line-height: 2.4rem;
  letter-spacing: 0.02em;
  color: #e31b26;
  text-align: center;
  text-transform: uppercase;
}
.title a, .content-detail .right-content h2 a {
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 20px;
  font-size: 2rem;
  line-height: 24px;
  line-height: 2.4rem;
  letter-spacing: 0.02em;
  color: #e31b26;
  text-decoration: none;
}
.title.underline:after, .content-detail .right-content h2.underline:after {
  content: '';
  display: block;
  width: 100px;
  height: 2px;
  margin: 10px auto 0;
  background-color: #e31b26;
}
.title sup, .content-detail .right-content h2 sup {
  font-size: 16px;
  font-size: 1.6rem;
}
.title.green, .content-detail .right-content h2.green {
  color: #c8d324;
}
.title.green.underline:after, .content-detail .right-content h2.green.underline:after {
  background-color: #c8d324;
}

.big-title {
  overflow: hidden;
  width: 100%;
  margin: 55px 0 18px;
  text-align: center;
}
.big-title span, .big-title h1 {
  position: relative;
  display: inline-block;
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 35px;
  line-height: 3.5rem;
  letter-spacing: 0.02em;
  color: #e31b26;
  text-align: center;
}
.big-title.smaller span, .big-title.smaller h1 {
  font-size: 39px;
  font-size: 3.9rem;
  line-height: 58px;
  line-height: 5.8rem;
}
.big-title.with-logo img {
  margin: 0 auto;
}

.medium-sup-title {
  margin-top: 15px;
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  line-height: 2.4rem;
  color: #433d3f;
  text-align: center;
}

.subtitle {
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  line-height: 2rem;
  color: #c8d324;
  text-transform: uppercase;
}

.suptitle + .title {
  margin-top: 5px;
  vertical-align: top;
}
.suptitle + .title a {
  line-height: 20px;
  line-height: 2rem;
}

.intro {
  margin-bottom: 10px;
  font-style: italic;
  color: #433d3f;
}

.date {
  margin: 8px 0 12px;
  font-family: arial, 'helvetica', sans-serif;
  font-style: italic;
  font-size: 13px;
  font-size: 1.3rem;
  color: #433d3f;
}

.date + .btn {
  margin-top: 0 !important;
}

.result {
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  line-height: 2rem;
  text-transform: uppercase;
}

.product-name a {
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 12px;
  font-size: 1.2rem;
  color: #433d3f;
  text-transform: uppercase;
}
.product-name a:hover {
  color: #e31b26;
}

.account-text {
  margin-bottom: 15px;
  font-family: 'OswaldLight', sans-serif;
  font-style: normal;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  line-height: 2.4rem;
}
.account-text > *, .account-text.green {
  color: #c8d324;
}
.account-text.big {
  margin-bottom: 0;
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 17px;
  font-size: 1.7rem;
  text-transform: uppercase;
}

.title-dash {
  text-align: center !important;
}
.title-dash span {
  position: relative;
  max-width: none;
  font-family: 'OswaldLight', sans-serif;
  font-style: normal;
  font-size: 18px;
  font-size: 1.8rem;
  color: white;
}
.title-dash span:before, .title-dash span:after {
  content: '';
  position: absolute;
  top: 50%;
  display: block;
  width: 40px;
  height: 2px;
  vertical-align: middle;
  background-color: #c8d324;
}
.title-dash span:before {
  left: -58px;
}
.title-dash span:after {
  right: -58px;
}

.foot-title {
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 28px;
  line-height: 2.8rem;
  color: white;
  text-align: center;
  text-transform: uppercase;
}

.foot-subtitle {
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 16px;
  font-size: 1.6rem;
  color: #c8d324;
  text-transform: uppercase;
}

.number-list {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 27px;
  height: 26px;
}
.number-list img {
  position: absolute;
  left: 0px;
  top: 0px;
}
.number-list.two img {
  left: -27px;
}
.number-list.three img {
  left: -54px;
}
.number-list.four img {
  left: -81px;
}
.number-list.five img {
  left: -109px;
}
.number-list.six img {
  left: -135px;
}
.number-list.seven img {
  left: -163px;
}
.number-list.eight img {
  left: -190px;
}
.number-list.nine img {
  left: -217px;
}

.force-wrap {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
}

@media only screen and (min-width: 720px) {
  .title.underline {
    max-width: 92%;
  }

  .big-title span {
    max-width: none;
    font-size: 40px;
    font-size: 4rem;
    line-height: 42px;
    line-height: 4.2rem;
  }
  .big-title span:before, .big-title span:after {
    content: '';
    position: absolute;
    top: 50%;
    display: block;
    width: 48px;
    height: 2px;
    vertical-align: middle;
    background-color: #e31b26;
  }
  .big-title span:before {
    left: -58px;
  }
  .big-title span:after {
    right: -58px;
  }
  .big-title.with-logo span:before, .big-title.with-logo span:after {
    display: none;
  }
  .big-title.with-logo img {
    margin: -13px 0 0 25px;
  }

  .medium-sup-title {
    font-family: 'OswaldRegular', sans-serif;
    font-style: normal;
    font-size: 27px;
    font-size: 2.7rem;
    line-height: 29px;
    line-height: 2.9rem;
  }

  .medium-sup-title + .big-title {
    margin-top: 4px !important;
  }

  .big-title + .medium-sup-title {
    margin: -10px 0 15px !important;
  }
}
@media only screen and (min-width: 720px) and (max-width: 974px) {
  .big-title.with-logo img {
    display: block;
    margin: 8px auto 0;
  }
}
@media only screen and (min-width: 974px) {
  .title {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 25px;
    line-height: 2.5rem;
  }

  .big-title {
    margin-top: 70px;
  }
  .big-title span {
    font-size: 50px;
    font-size: 5rem;
    line-height: 52px;
    line-height: 5.2rem;
  }
  .big-title.medium span {
    font-size: 39px;
    font-size: 3.9rem;
  }

  .subtitle {
    margin-bottom: 10px;
  }

  .product-name a {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
/* --------------------- */
/* ::: S P R I T E S ::: */
/* --------------------- */
.icon:before, .facebook > p:first-child:before, .add-recette-menu:before, .recette-favorite:before, .recette-favorite.in-favorite:before, .remove-recette-menu:before, .draggable.ui-draggable-dragging .inner .title:before, .draggable-touch.ui-draggable-dragging .inner .title:before, .sidebar .draggable:before, #open-menu:before, #opened-menu:before, .link-add-menu:before, .link-send:before, #link-favorite:before, .find-map.nearly li:before, .find-map.nearly li .choise:before, .unsubscribe span:before, .confirmation span:before, .link-recette a .link:before, .info-menu p:before, .savoir:before {
  content: '';
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url('../../charte/base/img/icon-s6fd1106a84.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .icon:before, .facebook > p:first-child:before, .add-recette-menu:before, .recette-favorite:before, .recette-favorite.in-favorite:before, .remove-recette-menu:before, .draggable.ui-draggable-dragging .inner .title:before, .draggable-touch.ui-draggable-dragging .inner .title:before, .sidebar .draggable:before, #open-menu:before, #opened-menu:before, .link-add-menu:before, .link-send:before, #link-favorite:before, .find-map.nearly li:before, .find-map.nearly li .choise:before, .unsubscribe span:before, .confirmation span:before, .link-recette a .link:before, .info-menu p:before, .savoir:before {
    background-image: url('../../charte/base/img/icon-2x-s28635909e6.png');
    background-size: 84px auto;
  }
}

/* -------------------- */
/* ::: L A Y O U T  ::: */
/* -------------------- */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  background: url(/charte/base/img/visual/texture.jpg) repeat center center;
}

.wrapper {
  max-width: 320px;
  margin: 0 auto;
}

.menu {
  background-color: #c8d324;
}

.main {
  position: relative;
}

.footer-newsletter {
  margin-bottom: 15px;
  padding: 16px 18px;
}

.footer-video {
  position: relative;
  margin-top: 15px;
}

footer {
  margin-top: -40px;
  padding-top: 82px;
}

footer + .menu {
  text-align: center;
}
footer + .menu > ul {
  display: inline-block;
}

ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}

audio {
  max-width: 100%;
}

.no-audio audio {
  left: 45px !important;
  width: 200px;
}

.lazy-scroll, .lazy-slide {
  display: block !important;
}

@media only screen and (max-width: 720px) {
  .wrapper {
    padding: 0 15px;
  }

  #back-img {
    display: none;
  }
}
@media only screen and (min-width: 720px) {
  #back-img {
    height: 638px;
  }
  #back-img img {
    position: absolute;
  }

  .menu .wrapper {
    position: relative;
    padding: 0;
  }

  .main.main-home {
    margin-top: -200px;
  }

  .col-one-third {
    float: left;
    width: 33.33333%;
  }

  .col-one-half {
    float: left;
    height: 186px;
  }

  footer {
    margin-top: -42px;
    padding-top: 82px;
  }
  footer > .wrapper {
    padding-bottom: 50px;
  }
  footer .menu {
    overflow: hidden;
    height: 42px;
  }
  footer .menu .wrapper {
    text-align: center;
  }
  footer .menu ul {
    display: inline-block;
  }
}
@media only screen and (min-width: 720px) and (max-width: 974px) {
  .wrapper {
    max-width: 720px;
  }

  #back-img {
    width: 750px;
    height: 312px;
  }

  .main {
    margin-top: -66px;
    padding-bottom: 100px;
  }

  .col-one-half {
    width: 345px !important;
  }

  .footer-newsletter {
    float: left;
    width: 452px;
    margin: 0 7px;
    padding: 22px 18px;
  }
  .footer-newsletter .input-button {
    width: 215px;
  }

  .footer-video {
    float: right;
    width: 240px;
    margin: 0 7px;
  }
}
@media only screen and (min-width: 974px) {
  .wrapper {
    max-width: 974px;
    margin: 0 auto;
  }
  .wrapper.ouverture {
    margin-top: 100px;
  }

  #back-img {
    height: 638px;
  }

  .main {
    margin-top: -290px;
    padding-bottom: 100px;
  }

  #print-itinery.main {
    margin-top: 70px;
    padding-bottom: 100px;
  }

  .col-one-half {
    width: 472px !important;
  }

  .footer-newsletter {
    float: left;
    width: 628px;
    margin: 0 7px;
    padding: 20px 25px 22px;
  }
  .footer-newsletter .input-button {
    width: 290px;
  }

  .footer-video {
    float: right;
    width: 300px;
    margin: 0 7px;
  }
}
.touch .no-on-touch,
.no-touch .yes-on-touch {
  display: none;
}

.left-all {
  float: left;
}

.right-all {
  float: right;
}

@media only screen and (max-width: 720px) {
  #m {
    display: block !important;
  }

  #h, #t, #d, .hide-m {
    display: none !important;
  }

  .left-m {
    float: left;
  }

  .right-m {
    float: right;
  }

  .left-h, .right-h {
    float: none;
  }
}
@media only screen and (min-width: 720px) {
  #h {
    display: block !important;
  }

  #m, #t, #d, .hide-h {
    display: none !important;
  }

  .left-h {
    float: left;
  }

  .right-h {
    float: right;
  }

  .left-m, .right-m {
    float: none;
  }
}
@media only screen and (min-width: 720px) and (max-width: 974px) {
  #t {
    display: block !important;
  }

  #m, #d, .hide-t {
    display: none !important;
  }

  .left-t {
    float: left;
  }

  .right-t {
    float: right;
  }

  .left-m, .right-m, .left-d, .right-d {
    float: none;
  }
}
@media only screen and (min-width: 974px) {
  #d {
    display: block !important;
  }

  #m, #t, .hide-d {
    display: none !important;
  }

  .left-d {
    float: left;
  }

  .right-d {
    float: right;
  }

  .left-m, .right-m, .left-t, .right-t {
    float: none;
  }
}
/* ---------------- */
/* ::: F O R M  ::: */
/* ---------------- */
input[type=text], input[type=password] {
  width: 100%;
  height: 34px;
  line-height: 34px;
  padding: 0 14px;
  background-color: #f1f1f1;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF1F1F1', endColorstr='#FFFEFEFE');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f1f1f1), color-stop(100%, #fefefe));
  background-image: -moz-linear-gradient(#f1f1f1, #fefefe);
  background-image: -webkit-linear-gradient(#f1f1f1, #fefefe);
  background-image: linear-gradient(#f1f1f1, #fefefe);
  border: 1px solid #c1c1c1;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #433d3f;
}
input[type=text]:-moz-placeholder, input[type=password]:-moz-placeholder {
  font-style: italic;
  line-height: 34px;
  color: #8c8b8b;
}
input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder {
  font-style: italic;
  line-height: 34px;
  color: #8c8b8b;
}
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder {
  font-style: italic;
  line-height: 34px;
  color: #8c8b8b;
}
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder {
  font-style: italic;
  line-height: 34px;
  color: #8c8b8b;
}
input[type=text].placeholder, input[type=password].placeholder {
  font-style: italic;
  line-height: 34px;
  color: #8c8b8b;
}

.label {
  width: 166px;
  margin: 10px 0 5px;
  line-height: 12px;
  line-height: 1.2rem;
  text-align: left;
}

.input input {
  width: 210px;
  padding-right: 20px;
}
.input select {
  width: 210px;
  margin: 6px 0;
}
.input .parsley-error-list {
  max-width: 210px;
}

select {
  width: 100%;
}

textarea {
  height: auto;
  min-height: 50px;
}

.checkbox {
  position: relative;
  z-index: 10;
  margin-bottom: 15px;
}
.checkbox:before {
  background-position: 0 -496px;
  height: 18px;
  width: 18px;
  float: left;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .checkbox:before {
    background-position: 0 -496px;
  }
}
.checkbox label {
  float: left;
  width: 90%;
  padding-left: 8px;
}
.checkbox input[type=checkbox] {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.checkbox.checked:before {
  background-position: 0 -514px;
  height: 18px;
  width: 18px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .checkbox.checked:before {
    background-position: 0 -514px;
  }
}

.radio-list {
  display: inline-block;
}
.radio-list li {
  position: relative;
  z-index: 10;
  display: inline-block;
  height: 20px;
}
.radio-list li:before {
  background-position: 0 -1160px;
  height: 20px;
  width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .radio-list li:before {
    background-position: 0 -1160px;
  }
}
.radio-list li label {
  padding: 3px 18px 0 5px;
  vertical-align: super;
}
.radio-list li input[type=radio] {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.radio-list li.checked:before {
  background-position: 0 -1180px;
  height: 20px;
  width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .radio-list li.checked:before {
    background-position: 0 -1180px;
  }
}

.input-date input {
  width: 26%;
}
.input-date input:last-child {
  width: 37%;
}

.input-button {
  position: relative;
}
.input-button input[type=text] {
  width: 100%;
  height: 100%;
  padding-right: 60px;
}
.input-button .submit {
  position: absolute;
  right: 3px;
  top: 3px;
        /* &:hover {
            @include linearGadient(#e63841, #c61821); 

            &:after { @include linearGadient(#e63842, #da3d46); }
        } */
}
.input-button .submit input[type=submit] {
  height: 20px;
  line-height: 20px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  font-size: 1.4rem;
}

#home-newsletter-modal form .label {
  width: 100px;
}

@media only screen and (max-width: 720px) {
  .select-to-list {
    position: relative;
    z-index: 15;
    width: 100%;
  }
  .select-to-list .submenu {
    width: 100%;
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
    -moz-transition-property: max-height, visibility;
    -o-transition-property: max-height, visibility;
    -webkit-transition-property: max-height, visibility;
    transition-property: max-height, visibility;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
  }
  .select-to-list .submenu a {
    display: block;
    width: 100%;
    height: 34px;
    background-color: white;
    border: 1px solid #b6b2b3;
    border-top: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  .select-to-list .submenu a:after {
    display: none;
  }
  .select-to-list .submenu a:hover {
    background-color: #433d3f;
  }
  .select-to-list.open .submenu {
    max-height: 70px;
    visibility: visible;
  }
  .select-to-list .selected a {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 34px;
    line-height: 34px;
    padding-left: 11px;
    background-color: #dad9da;
    background: #cacaca;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZDJkMiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjY2FjYWNhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDJkMmQyIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d2d2d2), color-stop(50%, #cacaca), color-stop(100%, #d2d2d2));
    background-image: -moz-linear-gradient(#d2d2d2, #cacaca 50%, #d2d2d2);
    background-image: -webkit-linear-gradient(#d2d2d2, #cacaca 50%, #d2d2d2);
    background-image: linear-gradient(#d2d2d2, #cacaca 50%, #d2d2d2);
    border: 1px solid #b6b2b3;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: arial, 'helvetica', sans-serif;
    font-style: normal;
    font-size: 15px;
    font-size: 1.5rem;
    color: #433d3f;
    text-align: left;
    text-decoration: none;
  }
  .select-to-list .selected a:before {
    position: absolute;
    top: 12px;
    right: 10px;
    background-position: 0 -195px;
    height: 11px;
    width: 18px;
  }
}
@media only screen and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 720px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (max-width: 720px) and (min-device-pixel-ratio: 1.5) {
  .select-to-list .selected a:before {
    background-position: 0 -195px;
  }
}
@media only screen and (max-width: 720px) {
  .select-to-list .selected a:after {
    position: absolute;
    top: 0px;
    right: 0px;
    content: '';
    width: 40px;
    height: 32px;
    border-left: 1px solid #e1e1e1;
  }
  .select-to-list .selected a:hover {
    color: black;
  }
  .select-to-list .selected a.open {
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px;
    border-radius: 6px 6px 0 0;
  }

  .input-date input {
    width: 26%;
    padding: 0 8px;
  }
  .input-date input:last-child {
    width: 31%;
  }
}
@media only screen and (min-width: 720px) {
  .label {
    margin-right: 22px;
  }
}
@media only screen and (min-width: 974px) {
  .content-form form .btn.submit {
    margin-left: 188px;
  }
}
/* ------------------- */
/* ::: M O D A L S ::: */
/* ------------------- */
.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: black;
  background: rgba(0, 0, 0, 0.45);
  z-index: 98;
  display: none;
  top: 0;
  left: 0;
}

.reveal-modal {
  visibility: hidden;
  display: none;
  position: absolute;
  left: 50%;
  z-index: 99;
  height: auto;
  margin-left: -40%;
  width: 80%;
  background-color: white;
  padding: 1.25em;
  border: solid 1px #666666;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  top: 50px;
}

.reveal-modal .column,
.reveal-modal .columns {
  min-width: 0;
}

.reveal-modal > :first-child {
  margin-top: 0;
}

.reveal-modal > :last-child {
  margin-bottom: 0;
}

.reveal-modal .close-reveal-modal {
  font-size: 1.375em;
  line-height: 1;
  position: absolute;
  top: 0.5em;
  right: 0.6875em;
  color: #aaaaaa;
  font-weight: bold;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .reveal-modal {
    padding: 1.875em;
    top: 6.25em;
  }

  .reveal-modal.tiny {
    margin-left: -15%;
    width: 30%;
  }

  .reveal-modal.small {
    margin-left: -20%;
    width: 40%;
  }

  .reveal-modal.recette {
    margin-left: -30%;
    width: 60%;
  }

  .reveal-modal.large {
    margin-left: -35%;
    width: 70%;
  }

  .reveal-modal.xlarge {
    margin-left: -47.5%;
    width: 95%;
  }
}
.reveal-modal-bg {
  background-color: black;
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50) !important;
}

.cross-modal {
  font-size: 1.375em;
  line-height: 1;
  position: absolute;
  top: 0.5em;
  right: 0.6875em;
  color: #aaaaaa;
  font-weight: bold;
  cursor: pointer;
}

.custom-video {
  position: fixed;
  top: -500px !important;
  width: 694px;
  margin-left: -347px;
  padding: 27px;
  -moz-transition: top 400ms linear 0ms;
  -o-transition: top 400ms linear 0ms;
  -webkit-transition: top 400ms linear;
  -webkit-transition-delay: 0ms;
  transition: top 400ms linear 0ms;
}
.custom-video.open {
  top: 200px !important;
}

@media only screen and (max-height: 600px) {
  .custom-video.open {
    top: 100px !important;
  }
}
.custom-box {
  overflow: hidden;
  width: 290px;
  z-index: 99;
  height: auto;
  background-color: white;
  padding: 2px;
  border: solid 1px #ccc;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  bottom: 100px;
  right: 100px;
  position: fixed;
  text-align: center;
}
.custom-box .inner-content {
  border: solid 1px #999;
  padding: 20px;
}
.custom-box h2 {
  margin: 0;
  width: 100%;
  display: inline-block;
}
.custom-box .text {
  margin: 10px 0;
}
.custom-box .close {
  position: absolute;
  top: -2px;
  right: 5px;
  z-index: 200;
  font: 32px courrier;
  color: white;
  text-decoration: none;
  cursor: pointer;
}
.custom-box .bottom {
  text-align: center;
}
.custom-box .bottom .btn {
  display: inline-block;
}
.custom-box:after {
  content: '';
  width: 70px;
  height: 70px;
  position: absolute;
  top: -35px;
  right: -35px;
  z-index: 150;
  background-color: #433d3f;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-0.7071067811865477, M12=-0.7071067811865475, M21=0.7071067811865475, M22=-0.7071067811865477, SizingMethod='auto expand')";
}

.custom-modal {
  overflow: hidden;
}
.custom-modal .close-reveal-modal, .custom-modal .cross-modal {
  position: absolute;
  top: -2px;
  right: 5px;
  z-index: 200;
  font: 32px courrier;
  color: white;
  text-decoration: none;
  cursor: pointer;
}
.custom-modal .bottom {
  text-align: center;
}
.custom-modal .bottom .btn {
  display: inline-block;
}
.custom-modal .bottom .cancel {
  position: relative;
  display: inline-block !important;
  margin-left: 15px;
  font-family: 'OswaldLight', sans-serif;
  font-style: normal;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 33px;
  line-height: 3.3rem;
  color: #433d3f;
}
.custom-modal .bottom .cancel:hover {
  text-decoration: underline;
}

.modal-login .account {
  padding: 20px 0;
}
.modal-login .account .account-login {
  padding: 0 !important;
}
.modal-login .account .col {
  float: none;
  width: 100%;
  height: auto;
  padding: 0;
  border: none;
}
.modal-login .account .col li {
  display: block;
}
.modal-login .account .account-text {
  line-height: 22px;
  line-height: 2.2rem;
}
.modal-login .account .account-connect-btn.change {
  width: 100%;
}
.modal-login .account input {
  width: 100% !important;
}
.modal-login .account .title-create-account {
  margin: 30px 0 20px;
}
.modal-login .account-shop {
  padding: 0 !important;
}
.modal-login .account-shop > * {
  text-align: center;
}
.modal-login .account-shop .btn {
  text-align: center !important;
}

.modal-send .title {
  text-align: center;
}
.modal-send .text {
  margin-bottom: 10px;
  font-family: arial, 'helvetica', sans-serif;
  font-style: normal;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 16px;
  line-height: 1.6rem;
}
.modal-send .label {
  color: white;
}
.modal-send .input {
  padding: 0 !important;
}
.modal-send .input-submit {
  text-align: center;
}
.modal-send .input-submit .submit {
  display: inline-block;
}
.modal-send .input-submit input {
  width: auto;
  text-align: center;
}
.modal-send .parsley-error:before {
  top: 13px;
  right: 10px;
}
.modal-send .msg-required {
  left: 0;
  top: auto;
  right: auto;
  bottom: -25px;
}

.modal-menu div {
  margin-top: 15px;
  text-align: center;
}
.modal-menu .cancel {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  line-height: 25px !important;
}
.modal-menu .cancel span {
  font-family: 'OswaldLight', sans-serif;
  font-style: normal;
  font-size: 17px !important;
  font-size: 1.7rem !important;
  line-height: 18px !important;
  line-height: 1.8rem !important;
}

.modal-email form#newsletter-add-email {
  padding-top: 0 !important;
}
.modal-email p {
  margin-bottom: 15px;
}
.modal-email .input input {
  width: 250px;
}
.modal-email .input.parsley-error:before {
  right: 10px;
}
.modal-email .parsley-error-list {
  max-width: 100%;
}
.modal-email .bottom .submit {
  margin: 0 0 0 5px;
}

@media only screen and (max-width: 720px) {
  .custom-box {
    width: 90%;
    bottom: inherit;
    top: 240px;
    right: 5%;
  }

  .custom-modal.block-to-modal {
    position: relative;
    left: auto;
    top: auto;
    display: block;
    overflow: hidden;
    width: 100%;
    max-height: 0;
    margin: 0;
    padding: 0 20px;
    background-color: #433d3f;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    -moz-transition-property: max-height, margin, padding;
    -o-transition-property: max-height, margin, padding;
    -webkit-transition-property: max-height, margin, padding;
    transition-property: max-height, margin, padding;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
  }
  .custom-modal.block-to-modal.open {
    visibility: visible;
    overflow: visible;
    padding-top: 28px;
    padding-bottom: 26px;
  }
  .custom-modal.block-to-modal:before {
    content: '';
    position: absolute;
    left: 48%;
    top: -9px;
    display: block;
    width: 0;
    height: 0;
    border-left: 8.5px solid transparent;
    border-right: 8.5px solid transparent;
    border-bottom: 9px solid #433d3f;
  }
  .custom-modal.block-to-modal p {
    font-family: 'OswaldLight', sans-serif;
    font-style: normal;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 19px;
    line-height: 1.9rem;
    color: white;
  }
  .custom-modal.block-to-modal select {
    display: block;
    width: 210px;
    margin: 15px auto;
  }
  .custom-modal.block-to-modal .cancel {
    color: white;
  }

  .custom-modal.modal-google:after {
    content: '';
    width: 70px;
    height: 70px;
    position: absolute;
    top: -35px;
    right: -35px;
    z-index: 150;
    background-color: #433d3f;
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-0.7071067811865477, M12=-0.7071067811865475, M21=0.7071067811865475, M22=-0.7071067811865477, SizingMethod='auto expand')";
  }

  .modal-pro.open {
    max-height: 300px;
  }

  .modal-login.open {
    max-height: 600px;
    margin-top: 45px;
  }

  .modal-send.open {
    max-height: 540px;
    margin-top: 30px;
  }

  .modal-recette.open {
    max-height: 200px;
    margin-bottom: 14px;
  }

  .modal-email.open {
    max-height: 300px;
  }

  .modal-email.open {
    max-height: 300px;
  }

  .modal-op-natio.open {
    max-height: 400px;
  }

  #home-newsletter-modal {
    max-height: 300px;
    -moz-transition: max-height 0ms cubic-bezier(1, 0, 0, 1);
    -o-transition: max-height 0ms cubic-bezier(1, 0, 0, 1);
    -webkit-transition: max-height 0ms cubic-bezier(1, 0, 0, 1);
    transition: max-height 0ms cubic-bezier(1, 0, 0, 1);
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
    background-color: #303030;
  }
  #home-newsletter-modal.close {
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
  }
  #home-newsletter-modal .wrapper {
    position: relative;
    padding: 40px 35px 30px;
  }
  #home-newsletter-modal p {
    font-family: 'OswaldLight', sans-serif;
    font-style: normal;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2rem;
    color: white;
  }
  #home-newsletter-modal .btn {
    display: block;
    width: 210px;
    margin: 26px auto 0;
  }
  #home-newsletter-modal .close-reveal-modal, #home-newsletter-modal .cross-modal {
    position: absolute;
    top: 15px;
    right: 20px;
  }

  .modal-login .account {
    background-color: #433d3f;
  }
  .modal-login .account .account-text {
    text-align: center !important;
  }
  .modal-login .account .account-connect-btn {
    width: 100px;
  }
  .modal-login .account .account-connect-btn input {
    padding-right: 8px;
    padding-left: 8px;
  }
  .modal-login .account .account-connect-btn.change input {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .modal-login .account .forgot-pass {
    margin-left: 0;
  }
  .modal-login .account .title-create-account span {
    color: white;
  }
  .modal-login .account .btn-create-account {
    margin-left: 27px;
  }
  .modal-login .account-shop {
    padding: 0 !important;
  }

  .modal-send ul, .modal-send li, .modal-send input {
    width: 100% !important;
  }

  .modal-google {
    position: relative;
    padding: 22px;
  }
  .modal-google .title {
    max-width: 100%;
    margin: 0 0 10px;
    text-align: left;
    font-family: 'OswaldRegular', sans-serif;
    font-style: normal;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    line-height: 1.8rem;
  }
  .modal-google .text {
    font-family: arial, 'helvetica', sans-serif;
    font-style: normal;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .modal-google .btn {
    margin-top: 10px;
  }

  .gm-style .infoBox {
    width: 200px !important;
  }
}
@media only screen and (min-width: 720px) {
  .custom-modal {
    overflow: hidden;
  }
  .custom-modal .close-reveal-modal, .custom-modal .cross-modal {
    position: absolute;
    top: -2px;
    right: 5px;
    z-index: 200;
    font: 32px courrier;
    color: white;
  }
  .custom-modal:after {
    content: '';
    width: 70px;
    height: 70px;
    position: absolute;
    top: -35px;
    right: -35px;
    z-index: 150;
    background-color: #433d3f;
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-0.7071067811865477, M12=-0.7071067811865475, M21=0.7071067811865475, M22=-0.7071067811865477, SizingMethod='auto expand')";
  }
  .custom-modal.modal-pro {
    width: 405px;
    margin-top: -400px;
    margin-left: -202.5px;
    padding: 35px;
  }
  .custom-modal.modal-pro p {
    font-family: 'OswaldLight', sans-serif;
    font-style: normal;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 19px;
    line-height: 1.9rem;
    color: black;
  }
  .custom-modal.modal-pro select {
    display: block;
    width: 210px;
    margin: 15px auto;
  }
  .custom-modal.modal-pro#cremier-plus, .custom-modal.modal-pro#boucherie-plus {
    margin-top: -700px;
  }
  .custom-modal.modal-pro.modal-rayon {
    margin-top: 200px;
  }
  .custom-modal.modal-login {
    width: 380px;
    margin-top: -700px;
    margin-left: -190px;
    padding: 20px;
  }
  .custom-modal.modal-send {
    width: 500px;
    margin-top: -700px;
    margin-left: -250px;
    padding: 30px 60px;
  }
  .custom-modal.modal-op-natio {
    width: 520px;
    margin-left: -260px;
    padding: 30px 30px;
  }
  .custom-modal.modal-menu {
    width: 360px;
    margin-top: -350px;
    margin-left: -180px;
    padding: 30px 30px;
  }
  .custom-modal.modal-google {
    position: relative;
    padding: 22px;
  }
  .custom-modal.modal-google .title {
    max-width: 100%;
    margin: 0 0 10px;
    text-align: left;
  }
  .custom-modal.modal-google .text {
    font-family: arial, 'helvetica', sans-serif;
    font-style: normal;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .custom-modal.modal-google .btn {
    margin-top: 10px;
  }

  .modal-email {
    width: 405px;
    margin-top: -400px;
    margin-left: -202.5px;
    padding: 35px;
  }
  .modal-email .input input {
    width: 320px;
  }
  .modal-email .input.parsley-error:before {
    right: 25px;
  }
  .modal-email .btn.submit {
    margin-left: 25px !important;
  }

  #home-newsletter-modal {
    position: fixed;
    top: 100px !important;
    width: 634px;
    margin-left: -317px;
    padding: 0;
  }
  #home-newsletter-modal .sidebar .block {
    position: absolute;
    width: 242px;
    height: 1000px;
    margin: 0;
  }
  #home-newsletter-modal .sidebar .block li:last-child {
    border-bottom: 1px solid white;
  }
  #home-newsletter-modal .right-content {
    width: auto;
  }
  #home-newsletter-modal .right-content .title {
    margin-top: 35px;
  }
  #home-newsletter-modal .right-content .msg-required {
    left: 0;
    top: auto;
    right: auto;
    bottom: 107px;
  }
  #home-newsletter-modal .right-content form {
    width: 365px;
    padding-top: 0 !important;
  }
  #home-newsletter-modal .right-content form > ul {
    margin-bottom: 5px;
  }
  #home-newsletter-modal .right-content form > ul > li {
    margin: 3px 0;
  }
  #home-newsletter-modal .right-content form .label {
    margin-top: 6px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left;
  }
  #home-newsletter-modal .right-content form input[type=text] {
    height: 25px;
    line-height: 25px;
  }
  #home-newsletter-modal .right-content form input[type=text]:-moz-placeholder {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 25px;
    line-height: 2.5rem;
  }
  #home-newsletter-modal .right-content form input[type=text]::-moz-placeholder {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 25px;
    line-height: 2.5rem;
  }
  #home-newsletter-modal .right-content form input[type=text]:-ms-input-placeholder {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 25px;
    line-height: 2.5rem;
  }
  #home-newsletter-modal .right-content form input[type=text]::-webkit-input-placeholder {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 25px;
    line-height: 2.5rem;
  }
  #home-newsletter-modal .right-content form input[type=text].placeholder {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 25px;
    line-height: 2.5rem;
  }
  #home-newsletter-modal .right-content form .checkbox label {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 18px;
    line-height: 1.8rem;
  }
  #home-newsletter-modal .right-content form .btn.submit {
    margin-left: 125px;
  }
  #home-newsletter-modal .right-content form .conditions {
    padding: 0 15px 10px 0;
    font-size: 9px;
    font-size: 0.9rem;
    line-height: 11px;
    line-height: 1.1rem;
  }

  .modal-login .account {
    background-color: white;
  }
  .modal-login .account .account-text {
    color: #433d3f;
    text-align: center !important;
  }
  .modal-login .account .account-connect-btn {
    width: 155px;
  }
  .modal-login .account .account-connect-btn input {
    padding-right: 20px;
    padding-left: 20px;
  }
  .modal-login .account .forgot-pass, .modal-login .account .forgot-pass a {
    color: #433d3f;
  }
  .modal-login .account .title-create-account span {
    color: #433d3f;
  }
  .modal-login .account .btn-create-account {
    text-align: center;
  }

  .modal-send .label {
    margin-right: 0;
    margin-bottom: 15px;
    color: #433d3f;
  }
  .modal-send .input {
    margin-bottom: 15px;
  }
  .modal-send .msg-required {
    bottom: 32px;
  }
}
.gm-style .infoBox {
  width: 300px;
  margin-bottom: 30px;
}
.gm-style .infoBox:after {
  content: '';
  position: absolute;
  left: 15px;
  right: -35px;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 20px solid white;
}
.gm-style .infoBox > img {
  position: absolute !important;
  right: 5px;
  top: 7px;
  z-index: 250;
}

.touch .custom-video {
  display: block !important;
  visibility: hidden;
  opacity: 0;
}

/* --------------------- */
/* ::: B U T T O N S ::: */
/* --------------------- */
.btn {
  position: relative;
  display: inline-block;
  background-color: #b6c021;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.btn:after {
  content: '';
  position: absolute;
  left: 1px;
  top: 1px;
  width: 99%;
  width: calc(100% - 2px);
  height: 16px;
  background-color: #d1d864;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFD1D864', endColorstr='#FFD3DC50');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxZDg2NCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QzZGM1MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d1d864), color-stop(100%, #d3dc50));
  background-image: -moz-linear-gradient(#d1d864, #d3dc50);
  background-image: -webkit-linear-gradient(#d1d864, #d3dc50);
  background-image: linear-gradient(#d1d864, #d3dc50);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.btn > span, .btn input[type=submit] {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 9px 15px 10px;
  font-family: 'OswaldLight', sans-serif;
  font-style: normal;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 18px;
  line-height: 1.8rem;
  color: #131313;
  letter-spacing: 0.05em;
  /* .plus { 
      @include absolute(auto, auto, 24, 12);
      @include fontSize(35, 20); 
  } */
}
.btn > span .plus, .btn input[type=submit] .plus {
  font-family: arial, 'helvetica', sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}
.btn.bigger > span {
  padding-top: 13px;
  padding-bottom: 13px;
  font-size: 18px;
  font-size: 1.8rem;
}
.btn.bigger:after {
  height: 20px;
}
.btn.less-text > span, .btn.less-text input[type=submit] {
  padding-right: 41px;
  padding-left: 41px;
}
.btn.highlight, .btn.current {
  background-color: #e63841;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE63841', endColorstr='#FFC61821');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2Mzg0MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M2MTgyMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e63841), color-stop(100%, #c61821));
  background-image: -moz-linear-gradient(#e63841, #c61821);
  background-image: -webkit-linear-gradient(#e63841, #c61821);
  background-image: linear-gradient(#e63841, #c61821);
        /*&:hover {
            @include removeLinearGadient; background-color: #3c3739;

            &:after { @include linearGadient(#3e393b, #4e4a4c) }
        } */
}
.btn.highlight:after, .btn.current:after {
  background-color: #e63842;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE63842', endColorstr='#FFDA3D46');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2Mzg0MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RhM2Q0NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e63842), color-stop(100%, #da3d46));
  background-image: -moz-linear-gradient(#e63842, #da3d46);
  background-image: -webkit-linear-gradient(#e63842, #da3d46);
  background-image: linear-gradient(#e63842, #da3d46);
}
.btn.highlight > span, .btn.current > span {
  color: white;
}
.btn.cat > span {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 19px;
  line-height: 1.9rem;
  color: #433d3f;
  text-transform: uppercase;
}
.btn.cat:after {
  height: 18px;
}
.btn.submit input[type=submit] {
  background-color: transparent;
  border: 0;
}
.btn.submit:hover input[type=submit], .btn.submit:active input[type=submit] {
  color: white;
}
.btn.prev, .btn.next, .btn.deconexion {
  border: 1px solid white;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.btn.prev > span {
  padding-left: 10px;
  padding-top: 12px;
  padding-bottom: 11px;
}
.btn.prev:before {
  background-position: 0 -239px;
  height: 13px;
  width: 9px;
  margin-left: 15px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .btn.prev:before {
    background-position: 0 -239px;
  }
}
.btn.prev:hover:before {
  background-position: 0 -262px;
  height: 13px;
  width: 9px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .btn.prev:hover:before {
    background-position: 0 -262px;
  }
}
.btn.prev.btn-red:before {
  background-position: 0 -262px;
  height: 13px;
  width: 9px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .btn.prev.btn-red:before {
    background-position: 0 -262px;
  }
}
.btn.next > span {
  width: 80%;
  padding-top: 12px;
  padding-right: 10px;
  padding-bottom: 11px;
}
.btn.next:before {
  float: right;
  background-position: 0 -298px;
  height: 13px;
  width: 9px;
  margin: 16px 15px 0 0;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .btn.next:before {
    background-position: 0 -298px;
  }
}
.btn.btn-orange {
  background-color: #f6bf17;
}
.btn.btn-orange:after {
  background-color: #fbd96f;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFBD96F', endColorstr='#FFF9D567');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZDk2ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y5ZDU2NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbd96f), color-stop(100%, #f9d567));
  background-image: -moz-linear-gradient(#fbd96f, #f9d567);
  background-image: -webkit-linear-gradient(#fbd96f, #f9d567);
  background-image: linear-gradient(#fbd96f, #f9d567);
}
.btn.btn-lilac {
  background-color: #cd144b;
}
.btn.btn-lilac:after {
  background-color: #dd587f;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFDD587F', endColorstr='#FFD63E6B');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkNTg3ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q2M2U2YiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dd587f), color-stop(100%, #d63e6b));
  background-image: -moz-linear-gradient(#dd587f, #d63e6b);
  background-image: -webkit-linear-gradient(#dd587f, #d63e6b);
  background-image: linear-gradient(#dd587f, #d63e6b);
}
.btn.btn-lilac span {
  color: white;
}
.btn.btn-sky-blue {
  background-color: #7ebee2;
}
.btn.btn-sky-blue:after {
  background-color: #9ed1ee;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF9ED1EE', endColorstr='#FF93C9E9');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzllZDFlZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzkzYzllOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9ed1ee), color-stop(100%, #93c9e9));
  background-image: -moz-linear-gradient(#9ed1ee, #93c9e9);
  background-image: -webkit-linear-gradient(#9ed1ee, #93c9e9);
  background-image: linear-gradient(#9ed1ee, #93c9e9);
}
.btn.btn-sky-blue span {
  color: white;
}
.btn.btn-navy-blue {
  background-color: #2e60a0;
}
.btn.btn-navy-blue:after {
  background-color: #658abc;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF658ABC', endColorstr='#FF5A82B6');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1OGFiYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVhODJiNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #658abc), color-stop(100%, #5a82b6));
  background-image: -moz-linear-gradient(#658abc, #5a82b6);
  background-image: -webkit-linear-gradient(#658abc, #5a82b6);
  background-image: linear-gradient(#658abc, #5a82b6);
}
.btn.btn-navy-blue span {
  color: white;
}
.btn.btn-yellow {
  background-color: #F7DA06;
}
.btn.btn-yellow:after {
  background-color: #F7DA06;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF7DA06', endColorstr='#FFFFE700');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZGEwNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZTcwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7da06), color-stop(100%, #ffe700));
  background-image: -moz-linear-gradient(#f7da06, #ffe700);
  background-image: -webkit-linear-gradient(#f7da06, #ffe700);
  background-image: linear-gradient(#f7da06, #ffe700);
}
.btn.btn-red {
  background-color: #e31b26;
}
.btn.btn-red:after {
  background-color: #e94952;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE94952', endColorstr='#FFEB5F67');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5NDk1MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViNWY2NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e94952), color-stop(100%, #eb5f67));
  background-image: -moz-linear-gradient(#e94952, #eb5f67);
  background-image: -webkit-linear-gradient(#e94952, #eb5f67);
  background-image: linear-gradient(#e94952, #eb5f67);
}
.btn.btn-red span, .btn.btn-red input[type=submit] {
  color: white;
}
.btn.btn-gray {
  background-color: #544e50;
}
.btn.btn-gray:after {
  background-color: #7f797c;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF7F797C', endColorstr='#FF757072');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdmNzk3YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc1NzA3MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7f797c), color-stop(100%, #757072));
  background-image: -moz-linear-gradient(#7f797c, #757072);
  background-image: -webkit-linear-gradient(#7f797c, #757072);
  background-image: linear-gradient(#7f797c, #757072);
}
.btn.btn-gray span, .btn.btn-gray input[type=submit] {
  color: white;
}
.btn.btn-off {
  background-color: #d3d1ca;
  cursor: default;
}
.btn.btn-off:after {
  background-color: #dcdad5;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFDCDAD5', endColorstr='#FFE0DFDA');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjZGFkNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZGZkYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dcdad5), color-stop(100%, #e0dfda));
  background-image: -moz-linear-gradient(#dcdad5, #e0dfda);
  background-image: -webkit-linear-gradient(#dcdad5, #e0dfda);
  background-image: linear-gradient(#dcdad5, #e0dfda);
}
.btn.btn-off span, .btn.btn-off input[type=submit] {
  color: #8c8b8b;
}
.btn:hover, .btn:active {
  background-color: transparent;
  filter: none;
  background-image: none;
  background-color: #564e52;
}
.btn:hover:after, .btn:active:after {
  background-color: #63595e;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF63595E', endColorstr='#FF605B5D');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzNTk1ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzYwNWI1ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #63595e), color-stop(100%, #605b5d));
  background-image: -moz-linear-gradient(#63595e, #605b5d);
  background-image: -webkit-linear-gradient(#63595e, #605b5d);
  background-image: linear-gradient(#63595e, #605b5d);
}
.btn:hover span, .btn:active span {
  color: white;
}

.lte9 .btn:hover {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF5B5758', endColorstr='#FF393537');
}
.lte9 .btn:hover:after {
  display: none !important;
}

.btn:hover.cat, .btn:active.cat {
  background-color: #c7d223;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFC7D223', endColorstr='#FFCCD347');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3ZDIyMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjZDM0NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c7d223), color-stop(100%, #ccd347));
  background-image: -moz-linear-gradient(#c7d223, #ccd347);
  background-image: -webkit-linear-gradient(#c7d223, #ccd347);
  background-image: linear-gradient(#c7d223, #ccd347);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.3);
}
.btn:hover.cat:after, .btn:active.cat:after {
  display: none;
}
.btn:hover.cat span, .btn:active.cat span {
  color: #433d3f;
}
.btn:hover.btn-orange, .btn:active.btn-orange {
  background-color: #f9c421;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF9C421', endColorstr='#FFF2C746');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5YzQyMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyYzc0NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9c421), color-stop(100%, #f2c746));
  background-image: -moz-linear-gradient(#f9c421, #f2c746);
  background-image: -webkit-linear-gradient(#f9c421, #f2c746);
  background-image: linear-gradient(#f9c421, #f2c746);
}
.btn:hover.btn-lilac, .btn:active.btn-lilac {
  background-color: #bf1849;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFBF1849', endColorstr='#FFCA446C');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmMTg0OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NhNDQ2YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bf1849), color-stop(100%, #ca446c));
  background-image: -moz-linear-gradient(#bf1849, #ca446c);
  background-image: -webkit-linear-gradient(#bf1849, #ca446c);
  background-image: linear-gradient(#bf1849, #ca446c);
}
.btn:hover.btn-lilac span, .btn:active.btn-lilac span {
  color: white;
}
.btn:hover.btn-sky-blue, .btn:active.btn-sky-blue {
  background-color: #779fc6;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF779FC6', endColorstr='#FF8AB9D7');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3OWZjNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhhYjlkNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #779fc6), color-stop(100%, #8ab9d7));
  background-image: -moz-linear-gradient(#779fc6, #8ab9d7);
  background-image: -webkit-linear-gradient(#779fc6, #8ab9d7);
  background-image: linear-gradient(#779fc6, #8ab9d7);
}
.btn:hover.btn-sky-blue span, .btn:active.btn-sky-blue span {
  color: white;
}
.btn:hover.btn-navy-blue, .btn:active.btn-navy-blue {
  background-color: #3c5082;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3C5082', endColorstr='#FF4D6A93');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjNTA4MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNmE5MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3c5082), color-stop(100%, #4d6a93));
  background-image: -moz-linear-gradient(#3c5082, #4d6a93);
  background-image: -webkit-linear-gradient(#3c5082, #4d6a93);
  background-image: linear-gradient(#3c5082, #4d6a93);
}
.btn:hover.btn-navy-blue span, .btn:active.btn-navy-blue span {
  color: white;
}
.btn:hover.btn-yellow, .btn:active.btn-yellow {
  background-color: #e5ca19;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE5CA19', endColorstr='#FFFFE700');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1Y2ExOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZTcwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e5ca19), color-stop(100%, #ffe700));
  background-image: -moz-linear-gradient(#e5ca19, #ffe700);
  background-image: -webkit-linear-gradient(#e5ca19, #ffe700);
  background-image: linear-gradient(#e5ca19, #ffe700);
}
.btn:hover.btn-off, .btn:active.btn-off {
  background-color: #d3d1ca;
}
.btn:hover.btn-off:after, .btn:active.btn-off:after {
  background-color: #dcdad5;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFDCDAD5', endColorstr='#FFE0DFDA');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjZGFkNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZGZkYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dcdad5), color-stop(100%, #e0dfda));
  background-image: -moz-linear-gradient(#dcdad5, #e0dfda);
  background-image: -webkit-linear-gradient(#dcdad5, #e0dfda);
  background-image: linear-gradient(#dcdad5, #e0dfda);
}
.btn:hover.btn-off span, .btn:hover.btn-off input[type=submit], .btn:active.btn-off span, .btn:active.btn-off input[type=submit] {
  color: #8c8b8b;
}
.btn:hover.red-hover, .btn:active.red-hover {
  background-color: #e63841;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE63841', endColorstr='#FFC61821');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2Mzg0MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M2MTgyMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e63841), color-stop(100%, #c61821));
  background-image: -moz-linear-gradient(#e63841, #c61821);
  background-image: -webkit-linear-gradient(#e63841, #c61821);
  background-image: linear-gradient(#e63841, #c61821);
}
.btn:hover.red-hover:after, .btn:active.red-hover:after {
  background-color: #e63842;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE63842', endColorstr='#FFDA3D46');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2Mzg0MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RhM2Q0NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e63842), color-stop(100%, #da3d46));
  background-image: -moz-linear-gradient(#e63842, #da3d46);
  background-image: -webkit-linear-gradient(#e63842, #da3d46);
  background-image: linear-gradient(#e63842, #da3d46);
}
.btn:hover.red-hover span, .btn:active.red-hover span {
  color: white;
}

/* -------------------- */
/* ::: B L O C K S  ::: */
/* -------------------- */
.container-block {
  text-align: center;
}
.container-block.container-rayon {
  padding: 0 3px;
}

.block {
  padding: 7px;
  text-align: center;
}
.block .img {
  display: block;
}
.block img {
  max-width: 100%;
  /*height: auto; */
}
.block p > strong {
  font-family: arial, 'helvetica', sans-serif;
  font-weight: bold;
}
.block .inner p + a {
  display: inline-block;
  margin: 10px 0;
}
.block .inner p.title + a {
  margin: 0;
}
.block .btn {
  margin: 15px auto 10px;
}

.shadow {
  margin-bottom: 14px;
  background-color: white;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}

.extra .title {
  max-width: 100%;
  text-align: left;
}
.extra .title + p, .extra .intro + p {
  clear: left;
  text-align: left;
}

.has-child {
  padding: 0;
  background-color: transparent;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.last-row {
  float: left;
  display: block;
  margin-right: 11px;
}

.btn-list {
  padding: 15px;
}
.btn-list .title {
  max-width: 100%;
  width: 100%;
  margin: 0 auto 18px !important;
}
.btn-list .btn {
  float: left;
  width: 47.76119%;
  margin-top: 0;
  margin-bottom: 5px;
}
.btn-list .btn:nth-child(2n + 1) {
  margin-left: 2.23881%;
}
.btn-list .btn span {
  padding-right: 0;
  padding-left: 0;
}

.nouveau-magasin {
  margin-top: 35px;
  background-color: #c8d324;
}
.nouveau-magasin .img-title {
  position: relative;
  z-index: 15;
  margin-top: -40px;
}
.nouveau-magasin .img-content {
  position: relative;
  z-index: 10;
  margin: -15px 0 10px;
}
.nouveau-magasin .inner {
  margin-top: 10px;
}

.map .inner p {
  margin: 10px 0 5px;
  line-height: 18px;
  line-height: 1.8rem;
}
.map .inner p + a {
  margin: 0;
}
.map .hours {
  margin-top: 5px;
  width: 100%;
}

.mini-actu {
  text-align: left;
}
.mini-actu .title {
  margin-bottom: 12px !important;
  margin-left: 0;
  text-align: left;
}
.mini-actu .inner {
  padding: 0 9px;
}
.mini-actu .inner.left-content {
  display: inline-block;
  width: 50%;
}
.mini-actu .inner.right-content {
  display: inline-block;
  float: right;
  position: relative;
  width: 48%;
  padding: 0;
}
.mini-actu .inner.top-content {
  display: inline-block;
  width: 100%;
  padding: 0;
}
.mini-actu .inner.top-content img {
  width: 100%;
}
.mini-actu .inner.bottom-content {
  display: inline-block;
  width: 100%;
}
.mini-actu .inner.bottom-content .title {
  margin-bottom: 8px !important;
}
.mini-actu .inner.bottom-content .subtitle {
  margin-bottom: 5px;
}

.rayon {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.rayon > img {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.rayon .btn {
  width: 190px;
  margin: 0;
}

.radio p {
  text-align: left;
}
.radio .inner a {
  display: inline-block;
  margin-top: 5px;
}
.radio .bottom audio {
  display: block;
  margin: 7px 0;
}
.radio .bottom p {
  text-align: center;
}

.product .product-name a {
  display: table;
  width: 100%;
  text-decoration: none;
}
.product .product-name a span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.bottom-category {
  width: 100%;
  height: 44px;
  line-height: 44px;
  text-align: center;
  margin-bottom: 15px;
}
.bottom-category a {
  width: 290px;
}
.bottom-category a span {
  padding-right: 0;
  padding-left: 0;
}

.more {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}

.magasin.block .title {
  margin-bottom: 10px;
  margin-top: 10px;
}
.magasin.block .suptitle {
  text-align: center;
  margin: 0;
}
.magasin.block .bottom {
  background-color: #c8d324;
  margin: 0 -7px;
  padding: 13px;
  width: 100%;
  text-align: center;
}
.magasin.block .bottom .btn {
  margin: 0;
}
.magasin.block .remand {
  margin: 10px 0;
}
.magasin.block .remand strong {
  display: inline-block;
  width: 100%;
}

@media only screen and (max-width: 720px) {
  .extra {
    padding: 15px;
  }
  .extra .img {
    float: left;
    max-width: 87px;
    margin-bottom: 5px;
    margin-right: 15px;
  }
  .extra .title {
    margin-top: 0;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .extra .title a {
    font-size: 16px;
    font-size: 1.6rem;
  }

  .container-rayon .block .btn {
    margin: 3px 0;
  }

  .rayon {
    margin: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .product {
    float: left;
    width: 48.44828%;
    height: 126px;
    margin-right: 3.10345%;
    margin-bottom: 12px;
  }
  .product:nth-child(2n + 0) {
    margin-right: 0;
  }
  .product .product-name a {
    display: table;
    width: 100%;
    height: 42px;
  }
  .product .product-name a span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }

  .magasin.block {
    padding-bottom: 0;
  }
  .magasin.block .title {
    margin-top: 10px;
  }
  .magasin.block .suptitle {
    margin: 0;
  }
  .magasin.block .bottom {
    padding: 10px;
    width: inherit;
  }
}
@media only screen and (min-width: 720px) {
  .container-block {
    padding: 0;
  }
  .container-block.lt-three .block {
    float: none;
    display: inline-table;
    vertical-align: top;
  }

  .block {
    position: relative;
    display: inline-block;
    float: left;
    margin: 12px 7px 0;
  }
  .block .inner {
    padding: 0 9px;
  }
  .block .img + * {
    margin-top: 20px;
  }
  .block .title {
    margin-bottom: 20px;
  }
  .block .suptitle + .title {
    margin-bottom: 10px;
  }
  .block .bottom {
    position: absolute;
    bottom: 0;
    width: 212px;
    text-align: center;
  }
  .block .bottom > * {
    display: inline-block;
  }
  .block .bottom > .btn {
    margin-bottom: 13px;
  }
  .block .bottom > p {
    width: 100%;
    margin-bottom: 10px;
  }

  .has-child {
    display: inline-table;
    padding: 0;
  }
  .has-child .block {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
  .has-child .block:first-child {
    margin: 0;
  }

  .btn-list {
    height: 153px;
  }
  .btn-list .inner {
    padding: 0;
  }

  .col-block {
    margin: 0 7px;
  }
  .col-block .block {
    margin-right: 0;
    margin-left: 0;
  }

  .nouveau-magasin .img-content {
    margin-top: -50px;
  }
  .nouveau-magasin.with-date .img-content {
    margin-top: -12px;
  }
  .nouveau-magasin .btn {
    margin-top: 60px !important;
  }

  .rayon {
    width: 175px !important;
    height: 225px;
    margin-bottom: 7px;
    padding: 0;
  }
  .rayon .btn {
    width: 90%;
    margin: 16px 0 8px;
  }
  .rayon .btn span {
    padding-right: 2px;
    padding-left: 2px;
  }

  .professionnels .rayon {
    height: 222px;
  }
  .professionnels .rayon .btn {
    height: 54px;
  }
  .professionnels .rayon .btn span {
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .professionnels .rayon .btn:after {
    height: 26px;
  }

  .recrutement .btn {
    margin-top: 35px !important;
  }

  .radio audio {
    position: absolute;
    left: 0px;
    bottom: 32px;
  }

  .bottom-category {
    margin: 45px 0 -40px;
  }
  .bottom-category a {
    width: 315px;
  }

  .find-map {
    height: 328px;
  }
}
@media only screen and (min-width: 720px) and (max-width: 974px) {
  .col-block {
    float: left;
    width: 226px;
  }

  .block {
    width: 226px;
  }
  .block .bottom {
    width: 212px;
  }
  .block.double {
    width: 630px;
  }

  .height-default {
    height: 395px;
  }
  .height-default.small {
    height: 153px !important;
  }

  .height-1 {
    height: 446px;
  }

  .height-2 {
    height: 394px;
  }

  .height-3 {
    height: 290px;
  }

  .height-4 {
    height: 221px;
  }

  .height-5 {
    height: 238px;
  }

  .height-6 {
    height: 213px;
  }

  .promotion-link .btn {
    margin-bottom: 38px !important;
  }

  .magasin .bottom .btn {
    width: 100%;
    margin-bottom: 10px;
  }
  .magasin .bottom .btn span {
    padding-right: 0;
    padding-left: 0;
  }

  .container-block .container-rayon {
    width: 600px;
    margin: 0 auto 0;
  }

  .valeurs.height-0 {
    height: 335px;
  }
  .valeurs.height-1 {
    height: 470px;
  }
  .valeurs.height-2 {
    height: 515px;
  }
  .valeurs.height-3 {
    height: 610px;
  }
  .valeurs.height-4 {
    height: 730px;
  }
  .valeurs.height-5 {
    height: 630px;
  }

  .product {
    height: 190px;
  }
  .product .product-name {
    margin: 0;
  }
  .product .product-name a {
    height: 50px;
    margin: 0;
  }

  .magasin.block .suptitle {
    margin: 0;
  }
  .magasin.block .bottom {
    padding: 10px;
  }
}
@media only screen and (min-width: 974px) {
  .col-block {
    float: left;
    width: 310px;
  }

  .block {
    width: 310px;
  }
  .block .bottom {
    width: 296px;
  }
  .block.double {
    width: 630px;
  }

  .height-default {
    height: 424px;
  }

  .has-child .title {
    max-width: 100%;
  }
  .has-child .btn-list {
    height: 160px;
  }

  .extra .title {
    line-height: 26px;
    line-height: 2.6rem;
  }

  .height-1 {
    height: 516px;
  }

  .height-2 {
    height: 426px;
  }

  .height-3 {
    height: 318px;
  }

  .height-4 {
    height: 273px;
  }

  .height-5 {
    height: 228px;
  }

  .height-6 {
    height: 231px;
  }

  .promotion-link .title {
    min-width: 80%;
  }

  .valeurs.height-0 {
    height: 360px;
  }
  .valeurs.height-1, .valeurs.height-2 {
    height: 470px;
  }
  .valeurs.height-3 {
    height: 580px;
  }
  .valeurs.height-4 {
    height: 610px;
  }
  .valeurs.height-5 {
    height: 590px;
  }

  .product {
    height: 254px;
  }
  .product .product-name {
    margin: 0;
  }
  .product .product-name a {
    height: 66px;
  }
}
/* ------------------------------------------------------------ */
/* :::B L O C K   F U L L (bloc prenant toute la largeur) ::: */
/* ------------------------------------------------------------ */
.block-full {
  position: relative;
  margin: 0 auto 18px;
  padding: 7px;
}
.block-full .big-title {
  margin: 11px 0;
}
.block-full .inner {
  padding: 15px;
}
.block-full .find {
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 21px;
  line-height: 2.1rem;
  color: #433d3f;
  text-transform: uppercase;
}
.block-full .inner .find {
  margin-bottom: 10px;
  text-align: center;
}
.block-full .input-button input[type=text] {
  height: 37px;
}
.block-full .input-button input[type=submit] {
  height: 31px;
}
.block-full .link-send {
  text-align: center;
}
.block-full .link-send:before {
  vertical-align: bottom;
}
.block-full.shelf-teaser img {
  width: 100%;
}

.top-rayon {
  padding-top: 15px;
  text-align: center;
}
.top-rayon .big-title {
  margin: 0 0 5px;
}
.top-rayon .inner {
  display: inline-block;
}

@media only screen and (max-width: 720px) {
  .block-full .find {
    padding-bottom: 5px;
  }

  .with-search {
    padding-bottom: 0 !important;
  }

  .btn.deconexion {
    margin: 5px 0 40px;
  }

  .btn.prev {
    margin: 40px;
  }
}
@media only screen and (min-width: 720px) {
  .block-full {
    margin: 12px 7px 0;
  }
  .block-full .big-title {
    margin: 15px 0 5px;
  }
  .block-full .big-title span {
    max-width: 80%;
  }
  .block-full .find {
    line-height: 37px;
    line-height: 3.7rem;
  }
  .block-full .inner .find {
    width: 290px;
    margin-right: 15px;
    text-align: right;
  }
  .block-full.search .input-button {
    width: 300px;
  }
  .block-full.search + .big-title {
    margin: 20px;
  }
  .block-full .actions-menu-recette {
    position: absolute;
    top: 65px;
    right: 17px;
  }
  .block-full .actions-menu-recette li {
    text-align: right !important;
  }

  .top-rayon {
    padding-top: 5px;
    padding-bottom: 20px;
    background-color: white;
  }
  .top-rayon .big-title {
    margin: 25px 0 10px;
  }
  .top-rayon .big-title span {
    font-size: 32px;
    font-size: 3.2rem;
  }
  .top-rayon .inner {
    padding: 0;
  }
  .top-rayon .rayon {
    height: 185px;
  }
  .top-rayon .rayon > img {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px;
    border-radius: 3px 3px 0 0;
  }
  .top-rayon .rayon .btn {
    position: absolute;
    left: 9px;
    bottom: 4px;
  }
  .top-rayon .rayon .btn span {
    font-size: 16px;
    font-size: 1.6rem;
  }

  .with-search .container-filter {
    margin-right: 15px;
  }

  .btn.prev {
    position: absolute;
    left: 0px;
    top: -47px;
  }

  .btn.deconexion {
    position: absolute;
    top: -47px;
    right: 0px;
  }
}
@media only screen and (min-width: 720px) and (max-width: 974px) {
  .top-rayon .inner {
    width: 600px;
  }
}
@media only screen and (min-width: 974px) {
  .search .big-title {
    margin: 11px 0 0 0;
  }
  .search .inner {
    padding-bottom: 7px;
  }
  .search .inner .find {
    width: 400px;
  }

  .with-search .container-filter {
    margin: 0 35px 0 20px;
  }
  .with-search .input-button {
    width: 300px;
  }
}
/* ------------------------------- */
/* ::: A C C O U N T   F O R M ::: */
/* ------------------------------- */
.account {
  background-color: #303030;
  color: white;
}
.account .btn:hover {
  background-color: #e63841;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE63841', endColorstr='#FFC61821');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2Mzg0MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M2MTgyMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e63841), color-stop(100%, #c61821));
  background-image: -moz-linear-gradient(#e63841, #c61821);
  background-image: -webkit-linear-gradient(#e63841, #c61821);
  background-image: linear-gradient(#e63841, #c61821);
}
.account .btn:hover:after {
  background-color: #e63842;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE63842', endColorstr='#FFDA3D46');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2Mzg0MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RhM2Q0NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e63842), color-stop(100%, #da3d46));
  background-image: -moz-linear-gradient(#e63842, #da3d46);
  background-image: -webkit-linear-gradient(#e63842, #da3d46);
  background-image: linear-gradient(#e63842, #da3d46);
}
.account .col {
  padding: 8px 13px;
  border-top: 1px solid #444445;
  border-bottom: 1px solid #181818;
}
.account .col:first-child {
  border-top: none;
}
.account .col:last-child {
  border-bottom: none;
}
.account .col li {
  margin: 0 0 10px;
}
.account .first {
  padding-top: 30px;
}
.account .second {
  padding-top: 30px;
  text-align: center;
}
.account input[type=text], .account input[type=password] {
  width: 290px;
}
.account .input-validate.parsley-error {
  margin-bottom: 2px !important;
}
.account .input-validate.parsley-error input {
  margin-bottom: 0;
}
.account .input-validate.parsley-error:before {
  top: 11px;
  right: 10px;
}
.account .input-validate.parsley-error .required {
  margin-bottom: 2px;
}
.account .account-connect-btn {
  width: 150px;
  -moz-transition: width 500ms cubic-bezier(1, 0, 0, 1) 0ms;
  -o-transition: width 500ms cubic-bezier(1, 0, 0, 1) 0ms;
  -webkit-transition: width 500ms cubic-bezier(1, 0, 0, 1);
  -webkit-transition-delay: 0ms;
  transition: width 500ms cubic-bezier(1, 0, 0, 1) 0ms;
}
.account .account-connect-btn.change {
  width: 98%;
}
.account .account-connect-btn.change input {
  text-align: center;
}
.account .forgot-pass {
  color: white;
}
.account .forgot-pass a {
  color: white;
}
.account .account-login, .account .account-shop {
  max-height: 0;
  overflow: hidden;
  padding: 0;
  -moz-transition-property: max-height, padding;
  -o-transition-property: max-height, padding;
  -webkit-transition-property: max-height, padding;
  transition-property: max-height, padding;
  -moz-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.account .account-login.open, .account .account-shop.open {
  max-height: 370px;
  padding: 30px 0 40px;
}

.account-shop {
  text-align: center;
}
.account-shop > * {
  display: inline-block;
  width: 100%;
}
.account-shop .btn {
  width: 160px;
  margin: 10px 7px;
}

@media only screen and (max-width: 720px) {
  .account .second {
    padding-top: 10px;
    border-top: none;
  }
  .account .third {
    text-align: center;
  }
  .account .third li a {
    display: inline-block;
    max-width: 170px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 720px) {
  .account input[type=text], .account input[type=password] {
    width: 300px;
  }
  .account .col {
    height: 185px;
    border-top: none;
    border-bottom: none;
    border-right: 1px solid #181818;
    border-left: 1px solid #444445;
  }
  .account .col:first-child {
    border-left: none;
  }
  .account .col:last-child {
    border-right: none;
  }
  .account .forgot-pass {
    margin-left: 15px;
  }
  .account .account-connect-btn {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 720px) and (max-width: 974px) {
  .account .second {
    width: 42%;
    border-left: none;
  }
  .account .third {
    width: 58%;
  }
  .account input[type=text], .account input[type=password] {
    max-width: 300px;
  }
}
/* ------------------------------------- */
/* ::: M E N U  (preheader et footer)::: */
/* ------------------------------------- */
.newsletter a, #my-shop a {
  font-size: 14px;
  font-size: 1.4rem;
}
.newsletter a:hover span, #my-shop a:hover span {
  color: #303030;
  text-decoration: none;
}
.newsletter a span:last-child, #my-shop a span:last-child {
  padding: 0;
  font-family: arial, 'helvetica', sans-serif;
  font-style: italic;
  font-size: 12px;
  font-size: 1.2rem;
  color: #e31b26;
  text-decoration: underline;
}
.newsletter a:hover span:last-child, #my-shop a:hover span:last-child {
  color: #e31b26;
}

.menu-mobile > .icon:before {
  background-position: 0 -922px;
  height: 20px;
  width: 22px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .menu-mobile > .icon:before {
    background-position: 0 -922px;
  }
}

.search-form > .icon:before {
  background-position: 0 -1233px;
  height: 28px;
  width: 26px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .search-form > .icon:before {
    background-position: 0 -1233px;
  }
}

.my-account > .icon:before {
  background-position: 0 -1344px;
  height: 27px;
  width: 29px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .my-account > .icon:before {
    background-position: 0 -1344px;
  }
}

.search-shop > .icon:before {
  background-position: 0 -1261px;
  height: 28px;
  width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .search-shop > .icon:before {
    background-position: 0 -1261px;
  }
}

@media only screen and (max-width: 720px) {
  @-webkit-keyframes flipX {
    0% {
      -moz-transform: perspective(300px) rotateX(-90deg);
      -webkit-transform: perspective(300px) rotateX(-90deg);
      transform: perspective(300px) rotateX(-90deg);
    }
    100% {
      -moz-transform: perspective(300px) rotateX(0deg);
      -webkit-transform: perspective(300px) rotateX(0deg);
      transform: perspective(300px) rotateX(0deg);
    }
  }
  @-moz-keyframes flipX {
    0% {
      -moz-transform: perspective(300px) rotateX(-90deg);
      -webkit-transform: perspective(300px) rotateX(-90deg);
      transform: perspective(300px) rotateX(-90deg);
    }
    100% {
      -moz-transform: perspective(300px) rotateX(0deg);
      -webkit-transform: perspective(300px) rotateX(0deg);
      transform: perspective(300px) rotateX(0deg);
    }
  }
  @-o-keyframes flipX {
    0% {
      -moz-transform: perspective(300px) rotateX(-90deg);
      -webkit-transform: perspective(300px) rotateX(-90deg);
      transform: perspective(300px) rotateX(-90deg);
    }
    100% {
      -moz-transform: perspective(300px) rotateX(0deg);
      -webkit-transform: perspective(300px) rotateX(0deg);
      transform: perspective(300px) rotateX(0deg);
    }
  }
  @keyframes flipX {
    0% {
      -moz-transform: perspective(300px) rotateX(-90deg);
      -webkit-transform: perspective(300px) rotateX(-90deg);
      transform: perspective(300px) rotateX(-90deg);
    }
    100% {
      -moz-transform: perspective(300px) rotateX(0deg);
      -webkit-transform: perspective(300px) rotateX(0deg);
      transform: perspective(300px) rotateX(0deg);
    }
  }
  @-webkit-keyframes flipXBack {
    0% {
      -moz-transform: perspective(300px) rotateX(0deg);
      -webkit-transform: perspective(300px) rotateX(0deg);
      transform: perspective(300px) rotateX(0deg);
    }
    100% {
      -moz-transform: perspective(300px) rotateX(-90deg);
      -webkit-transform: perspective(300px) rotateX(-90deg);
      transform: perspective(300px) rotateX(-90deg);
    }
  }
  @-moz-keyframes flipXBack {
    0% {
      -moz-transform: perspective(300px) rotateX(0deg);
      -webkit-transform: perspective(300px) rotateX(0deg);
      transform: perspective(300px) rotateX(0deg);
    }
    100% {
      -moz-transform: perspective(300px) rotateX(-90deg);
      -webkit-transform: perspective(300px) rotateX(-90deg);
      transform: perspective(300px) rotateX(-90deg);
    }
  }
  @-o-keyframes flipXBack {
    0% {
      -moz-transform: perspective(300px) rotateX(0deg);
      -webkit-transform: perspective(300px) rotateX(0deg);
      transform: perspective(300px) rotateX(0deg);
    }
    100% {
      -moz-transform: perspective(300px) rotateX(-90deg);
      -webkit-transform: perspective(300px) rotateX(-90deg);
      transform: perspective(300px) rotateX(-90deg);
    }
  }
  @keyframes flipXBack {
    0% {
      -moz-transform: perspective(300px) rotateX(0deg);
      -webkit-transform: perspective(300px) rotateX(0deg);
      transform: perspective(300px) rotateX(0deg);
    }
    100% {
      -moz-transform: perspective(300px) rotateX(-90deg);
      -webkit-transform: perspective(300px) rotateX(-90deg);
      transform: perspective(300px) rotateX(-90deg);
    }
  }
  .flipX {
    -webkit-animation-fill-mode: both;
    -webkit-animation-duration: 300ms;
    animation-fill-mode: both;
    animation-duration: 300ms;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -moz-backface-visibility: visible;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -moz-transform-origin: 50% 0 0 50%;
    -ms-transform-origin: 50% 0 0 50%;
    -webkit-transform-origin: 50% 0 0 50%;
    transform-origin: 50% 0 0 50%;
  }
  .flipX.open {
    -webkit-animation-name: flipX;
    -moz-animation-name: flipX;
    -o-animation-name: flipX;
    animation-name: flipX;
    visibility: visible !important;
  }
  .flipX.close {
    -webkit-animation-name: flipXBack;
    -moz-animation-name: flipXBack;
    -o-animation-name: flipXBack;
    animation-name: flipXBack;
    visibility: visible !important;
  }

  .menu-preheader .wrapper {
    padding: 0;
  }
  .menu-preheader .level1 {
    float: left;
    width: 50px;
    height: 50px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-right: 1px solid #c8d324;
    border-left: 1px solid #a8b024;
  }
  .menu-preheader .level1:first-child {
    border-left: none;
  }
  .menu-preheader .level1:last-child {
    border-right: none;
  }
  .menu-preheader .level1 > a {
    width: 50px;
    height: 50px;
  }
  .menu-preheader .level1 > a span {
    white-space: nowrap;
  }
  .menu-preheader .level1 .icon {
    text-align: center;
  }
  .menu-preheader .level1 .icon:before {
    margin-top: 9px;
  }
  .menu-preheader .level1 .icon span {
    visibility: hidden;
    height: 50px;
  }
  .menu-preheader .level1:first-child .icon:before {
    margin-top: 12px;
  }
  .menu-preheader .level1 > .btn {
    display: block;
    background-color: #cdd73f;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFCDD73F', endColorstr='#FFAFB820');
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkZDczZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FmYjgyMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cdd73f), color-stop(100%, #afb820));
    background-image: -moz-linear-gradient(#cdd73f, #afb820);
    background-image: -webkit-linear-gradient(#cdd73f, #afb820);
    background-image: linear-gradient(#cdd73f, #afb820);
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  .menu-preheader .level1 > .btn:after {
    height: 24px;
    background-color: #cfd840;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFCFD840', endColorstr='#FFC6CF45');
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmZDg0MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M2Y2Y0NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cfd840), color-stop(100%, #c6cf45));
    background-image: -moz-linear-gradient(#cfd840, #c6cf45);
    background-image: -webkit-linear-gradient(#cfd840, #c6cf45);
    background-image: linear-gradient(#cfd840, #c6cf45);
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0;
    border-radius: 0 0 5px 5px;
  }
  .menu-preheader .level1 > .btn:active, .menu-preheader .level1 > .btn.open {
    background-color: #afb820;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFAFB820', endColorstr='#FFCFD840');
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FmYjgyMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NmZDg0MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #afb820), color-stop(100%, #cfd840));
    background-image: -moz-linear-gradient(#afb820, #cfd840);
    background-image: -webkit-linear-gradient(#afb820, #cfd840);
    background-image: linear-gradient(#afb820, #cfd840);
  }
  .menu-preheader .level1 > .btn:active:after, .menu-preheader .level1 > .btn.open:after {
    background-color: #c2cb41;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFC2CB41', endColorstr='#FFC3CC42');
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MyY2I0MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MzY2M0MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c2cb41), color-stop(100%, #c3cc42));
    background-image: -moz-linear-gradient(#c2cb41, #c3cc42);
    background-image: -webkit-linear-gradient(#c2cb41, #c3cc42);
    background-image: linear-gradient(#c2cb41, #c3cc42);
  }
  .menu-preheader .search-form .input-button {
    position: relative;
    z-index: 10;
    width: 320px;
    height: 48px;
    margin: 0 -50px -52px;
    padding: 6px;
    background-color: #433d3f;
    visibility: hidden;
  }
  .menu-preheader .search-form .input-button .submit {
    right: 9px;
    top: 9px;
  }
  .menu-preheader .search-form .input-button input[type=submit] {
    height: 30px;
    line-height: 30px;
  }
  .menu-preheader #my-shop a {
    width: 112px;
  }
  .menu-preheader #my-shop a span {
    padding: 0 0 0 15px;
  }
  .menu-preheader #my-shop a span:first-child {
    padding: 9px 15px 0;
  }
  .menu-preheader #my-shop a .red {
    display: none;
  }
  .menu-preheader #my-shop .link {
    display: none;
  }
  .menu-preheader .menu-mobile {
    position: relative;
  }
  .menu-preheader .menu-mobile > ul {
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 20;
    width: 320px;
  }
  .menu-preheader .menu-mobile a {
    display: block;
  }
  .menu-preheader .menu-mobile a span {
    padding-top: 19px;
    padding-bottom: 10px;
  }
  .menu-preheader .menu-mobile .open .level2 {
    max-height: 100px;
    border-top: 1px solid #cac9ca;
    border-bottom: 1px solid #dcdcdc;
  }
  .menu-preheader .menu-mobile .open .level2:last-child {
    border-bottom: 2px solid #cac9ca;
  }
  .menu-preheader .level2 {
    max-height: 0;
    overflow: hidden;
    width: 100%;
    border-right: 0;
    border-left: 0;
    -moz-transition-property: max-height, border;
    -o-transition-property: max-height, border;
    -webkit-transition-property: max-height, border;
    transition-property: max-height, border;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
  }
  .menu-preheader .level2:first-child {
    border-top: none;
  }
  .menu-preheader .level2:last-child {
    border-bottom: 0;
  }
  .menu-preheader .level2 a {
    background-color: transparent;
    filter: none;
    background-image: none;
    background-color: white;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  .menu-preheader .level2 a span {
    color: #131313;
  }
  .menu-preheader .level2 a:after {
    display: none;
  }
  .menu-preheader .level2 a:hover span {
    color: #e31b26;
  }

  footer .menu li {
    float: left;
  }
}
@media only screen and (min-width: 720px) {
  .menu .btn:after {
    height: 20px;
  }
  .menu .btn span {
    padding-top: 13px;
    padding-bottom: 14px;
  }
  .menu .level1 {
    float: left;
    border-right: 1px solid #c8d324;
    border-left: 1px solid #99a022;
  }
  .menu .level1:first-child {
    border-left: none;
  }
  .menu .level1:last-child {
    border-right: none;
  }
  .menu .level1 .icon:before {
    display: none;
  }
  .menu .level1 > .btn span {
    white-space: nowrap;
  }
  .menu .level1 > .btn:hover, .menu .level1 > .btn.open {
    background-color: transparent;
    filter: none;
    background-image: none;
    background-color: #3c3739;
  }
  .menu .level1 > .btn:hover:after, .menu .level1 > .btn.open:after {
    background-color: #3e393b;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3E393B', endColorstr='#FF4E4A4C');
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNlMzkzYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRlNGE0YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3e393b), color-stop(100%, #4e4a4c));
    background-image: -moz-linear-gradient(#3e393b, #4e4a4c);
    background-image: -webkit-linear-gradient(#3e393b, #4e4a4c);
    background-image: linear-gradient(#3e393b, #4e4a4c);
  }
  .menu .level1 > .btn:hover span, .menu .level1 > .btn.open span {
    color: white;
  }
  .menu .menu-mobile > ul {
    float: left;
  }
  .menu .level2 {
    float: left;
    border-right: 1px solid #c8d324;
    /* border-left: 1px solid #a8b024; */
  }
  .menu .level2:last-child {
    border-right: none;
  }
  .menu .search-form {
    height: 46px;
    padding-top: 3px;
  }
  .menu .search-form .input-button {
    float: left;
  }
  .menu .search-form input[type=text] {
    height: 25px;
    line-height: 25px;
    padding-right: 42px;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .menu .search-form input[type=text]:-moz-placeholder {
    line-height: 25px;
  }
  .menu .search-form input[type=text]::-moz-placeholder {
    line-height: 25px;
  }
  .menu .search-form input[type=text]:-ms-input-placeholder {
    line-height: 25px;
  }
  .menu .search-form input[type=text]::-webkit-input-placeholder {
    line-height: 25px;
  }
  .menu .search-form input[type=text].placeholder {
    line-height: 25px;
  }
  .menu .search-form .submit:after {
    height: 10px;
  }
  .menu .search-form input[type=submit] {
    display: block;
    height: 20px;
    line-height: 20px;
    padding: 0 8px;
  }
  .menu #my-shop {
    border: 0;
  }
  .menu #my-shop a {
    background-color: transparent;
  }
  .menu #my-shop a:after {
    display: none;
  }
  .menu #my-shop a span {
    padding: 0 !important;
  }
  .menu #my-shop .other {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .menu .newsletter {
    right: 48px;
    border: 0;
  }
  .menu .newsletter a {
    text-decoration: none;
  }
  .menu .newsletter span:first-child {
    font-family: 'OswaldLight', sans-serif;
    font-style: normal;
    font-size: 16px;
    font-size: 1.6rem;
    font-style: normal;
  }
  .menu .newsletter, .menu #my-shop {
    position: absolute;
    top: 55px;
    z-index: 15;
  }
  .menu .newsletter a, .menu #my-shop a {
    /* span:last-child {
        @include arial(italic, 12);
    } */
  }
  .menu .newsletter a span:first-child, .menu #my-shop a span:first-child {
    color: #433d3f !important;
    text-decoration: none;
  }
  .menu .newsletter a:hover span:last-child, .menu #my-shop a:hover span:last-child {
    color: #433d3f;
    text-decoration: none;
  }
}
@media only screen and (min-width: 720px) and (max-width: 974px) {
  .menu .level1 > .btn span, .menu .level2 > .btn span {
    padding-right: 9px;
    padding-left: 9px;
    letter-spacing: 0;
  }
  .menu .search-form .input-button {
    margin: 7px;
  }
  .menu .search-form input[type=text] {
    width: 152px;
  }
}
@media only screen and (min-width: 974px) {
  .menu .level1 > .btn span, .menu .level2 > .btn span {
    padding-right: 19px;
    padding-left: 19px;
  }
  .menu .search-form .input-button {
    margin: 10px 20px 9px;
  }
  .menu .search-form input[type=text] {
    width: 208px;
  }
}
/* ------------------- */
/* ::: H E A D E R ::: */
/* ------------------- */
header .wrapper {
  position: relative;
}

.logo {
  display: block;
  width: 140px;
  height: 194px;
  margin: 0 auto;
  text-align: center;
}
.logo img {
  max-width: 100%;
  margin: 3px auto 14px;
}
.logo img:first-child {
  width: 85px;
  height: 87px;
  margin: 8px auto 3px;
}

.home {
  float: left;
  width: 29px;
  height: 33px;
  padding-top: 7px;
}
.home a:before {
  background-position: 0 -790px;
  height: 18px;
  width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .home a:before {
    background-position: 0 -790px;
  }
}
.home a:hover:before {
  background-position: 0 -772px;
  height: 18px;
  width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .home a:hover:before {
    background-position: 0 -772px;
  }
}

.breadcrumb {
  margin: 20px 0 -5px 14px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #433d3f;
}

.primary-menu .menu-rayon a:before {
  background-position: 0 -195px;
  height: 11px;
  width: 18px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .primary-menu .menu-rayon a:before {
    background-position: 0 -195px;
  }
}

@media only screen and (max-width: 720px) {
  .primary-menu {
    position: absolute;
    left: 15px;
    top: 134px;
    z-index: 15;
    width: 290px;
  }
  .primary-menu .home {
    display: none;
  }
  .primary-menu .menu-rayon a {
    width: 100%;
  }
  .primary-menu .menu-rayon a:before {
    position: absolute;
    right: 12px;
    top: 15px;
  }
  .primary-menu .menu-rayon a:after {
    height: 22px;
  }
  .primary-menu .menu-rayon a.open {
    background-color: #c7d223;
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.3);
  }
  .primary-menu .menu-rayon a.open:after {
    display: none;
  }
  .primary-menu .submenu {
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
    -moz-transition-property: max-height, visibility;
    -o-transition-property: max-height, visibility;
    -webkit-transition-property: max-height, visibility;
    transition-property: max-height, visibility;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
  }
  .primary-menu .submenu a {
    width: 100%;
    background: white;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid #d4d3d4;
    border-bottom: 1px solid #ededed;
  }
  .primary-menu .submenu a:after {
    display: none;
  }
  .primary-menu .submenu.first a {
    border-top: none;
  }
  .primary-menu .submenu:last-child a {
    border-color: #d4d3d4;
  }
  .primary-menu .menu-rayon a span, .primary-menu .submenu a span {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 44px;
    color: #433d3f;
  }
  .primary-menu .open .menu-rayon {
    margin-bottom: 0;
  }
  .primary-menu .open .menu-rayon a {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .primary-menu .open .submenu {
    max-height: 50px;
    visibility: visible;
  }
}
@media only screen and (min-width: 720px) {
  .primary-menu .submenu {
    float: left;
    margin-left: 6px;
  }
  .primary-menu .submenu:first-child, .primary-menu .submenu.first {
    margin: 0;
  }
  .primary-menu .btn span {
    letter-spacing: 0.01em;
  }
}
@media only screen and (min-width: 720px) and (max-width: 974px) {
  header {
    background: url(/charte/base/img/visual/arche-tablet.png) no-repeat center 25px;
  }

  .logo {
    width: 160px;
    height: 182px;
    padding-top: 36px;
  }
  .logo img {
    margin: 3px auto 14px;
  }
  .logo img:first-child {
    width: 95px;
    height: auto;
  }

  .primary-menu .submenu {
    margin-left: 5px;
  }
}
@media only screen and (min-width: 974px) {
  header .wrapper {
    background: url(/charte/base/img/visual/arche-desktop.png) no-repeat 17px 25px;
  }

  .logo {
    width: 215px;
    /*195px*/
    height: auto;
    padding-top: 25px;
    padding-left: 15px;
    /*0*/
  }
  .logo img {
    margin: 3px auto;
  }
  .logo img:first-child {
    width: auto;
    height: auto;
  }

  .primary-menu {
    margin-top: -40px;
  }
  .primary-menu .gap {
    margin-right: 206px;
  }
  .primary-menu .btn-lilac span, .primary-menu .btn-yellow span, .primary-menu .btn-navy-blue span {
    padding-right: 17px;
    padding-left: 17px;
  }
  .primary-menu .submenu {
    margin-left: 6px;
  }
}
/* ------------------- */
/* ::: S L I D E R ::: */
/* ------------------- */
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
  font-family: 'flexslider-icon';
  src: url("fonts/flexslider-icon.eot");
  src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  display: block;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
  margin: 0 0 60px;
  /*background: #fff; border: 4px solid #fff;*/
  position: relative;
  /*-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2);*/
  zoom: 1;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

.carousel li {
  margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}

.flex-direction-nav .flex-prev {
  left: -50px;
}

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}

.flexslider:hover .flex-prev {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  left: 10px;
}

.flexslider:hover .flex-next {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  right: 10px;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  cursor: default;
}

.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
}

.flex-direction-nav a.flex-next:before {
  content: '\f002';
}

/* Pause/Play */
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}

.flex-pauseplay a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.flex-pauseplay a.flex-play:before {
  content: '\f003';
}

/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  cursor: pointer;
}

.flex-control-thumbs img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  cursor: default;
}

.background .inner {
  position: relative;
  overflow: hidden;
  max-width: 290px;
  height: 424px;
  margin: 15px auto;
}

#loading {
  position: absolute;
  left: 50%;
  top: 200px;
}

#children-flexslider {
  height: 424px;
}
#children-flexslider .slides li {
  position: relative;
  display: block;
}

.loading .flex-viewport {
  max-height: 410px;
}

.flex-control-nav {
  visibility: hidden;
}

.flex-direction-nav a {
  width: 50px;
  height: 50px;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  background-repeat: no-repeat;
  background-position: center center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.flex-direction-nav a:before {
  display: none;
}
.flex-direction-nav a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}
.flex-direction-nav a.flex-prev {
  left: 20px;
  background-image: url(/charte/base/img/visual/doubleArrowLeft.png);
}
.flex-direction-nav a.flex-next {
  right: 20px;
  background-image: url(/charte/base/img/visual/doubleArrowRight.png);
}

@media only screen and (max-width: 720px) {
  .background .inner {
    overflow: visible;
  }

  #children-flexslider {
    padding: 7px;
    background-color: white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
  }
  #children-flexslider .slides li img {
    max-width: 100%;
  }

  .flex-direction-nav a {
    width: 30px;
  }
  .flex-direction-nav a.flex-prev {
    left: -10px;
  }
  .flex-direction-nav a.flex-next {
    right: -10px;
  }
}
@media only screen and (min-width: 720px) {
  .background .inner {
    max-width: 1024px;
    height: 638px;
  }

  #parent-flexslider {
    position: absolute;
    left: 50%;
    margin-left: -512px;
  }

  #children-flexslider {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 438px;
  }
  #children-flexslider .slides li {
    position: relative;
    height: 438px;
    margin-top: 15px;
  }
  #children-flexslider .slides li a {
    position: absolute;
    right: 360px;
    bottom: 30px;
  }

  .loading .flex-viewport {
    max-height: 638px;
  }

  .flex-direction-nav a.flex-prev {
    left: 160px;
    top: 36%;
  }
  .flex-direction-nav a.flex-next {
    right: 160px;
    top: 36%;
  }

  #parent-flexslider,
  #parent-flexslider .slides li,
  #children-flexslider {
    width: 1024px !important;
  }
}
@media only screen and (min-width: 1490px) {
  #children-flexslider #slider-center-btn {
    width: 100%;
    right: auto;
  }
  #children-flexslider #slider-center-btn img {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 974px) {
  .background .inner {
    max-width: 1490px;
  }

  #parent-flexslider {
    margin-left: -745px;
  }

  #children-flexslider .slides li a {
    right: 430px;
    bottom: 45px;
  }

  .flex-direction-nav a.flex-prev {
    left: 260px;
  }
  .flex-direction-nav a.flex-next {
    right: 260px;
  }

  #parent-flexslider,
  #parent-flexslider .slides li,
  #children-flexslider {
    width: 1490px !important;
  }
}
@media only screen and (min-width: 974px) and (max-width: 1250px) {
  #children-flexslider .slides li a {
    right: 600px;
  }
}
/* ------------------- */
/* ::: F I L T E R ::: */
/* ------------------- */
.filter .change-shop {
  text-align: center;
}

@media only screen and (max-width: 720px) {
  .filter {
    position: relative;
    text-align: center;
    padding-bottom: 75px;
  }
  .filter .big-title {
    margin-top: 18px;
  }
  .filter .container-filter {
    position: absolute;
    left: 41px;
    bottom: 20px;
    z-index: 10;
    width: 210px;
  }
  .filter .select-to-list {
    position: absolute;
    top: -35px;
  }
  .filter.compte {
    padding-bottom: 12px;
  }
  .filter.compte .big-title {
    margin-top: 7px;
  }

    /* .filter-menu a {
        position: relative;
        display: inline-block;
        width: 100%; @include alignVertically($hFilter);
        padding-left: 11px;
        background-color: #dad9da; @include gradient(#cacaca, bombe-in); 
        border: 1px solid #b6b2b3; @include border-radius($borderRadiusExtra);
        @include box-shadow(param);
        @include arial(regular, 15); text-align: left; text-decoration: none;

        &:before {
            @include absolute(auto, 12, 10);
            @include sprite(arrowDown);
        }

        &:after {
            @include absolute(auto, 0, 0);
            content: '';
            width: 40px; height: 32px;
            border-left: 1px solid #e1e1e1;
        }

        &:hover { color: $black }

        &.open { @include border-radius($borderRadiusExtra $borderRadiusExtra 0 0) }
    } */
}
@media only screen and (min-width: 720px) {
  .filter {
    padding-bottom: 18px;
    text-align: center;
  }
  .filter .big-title {
    margin-top: 0;
    padding-top: 28px;
  }
  .filter .big-title.smaller {
    padding-top: 0;
  }
  .filter .change-shop {
    margin-bottom: 22px;
  }
  .filter .container-filter {
    display: inline-block;
  }
  .filter .container-filter li {
    float: left;
    margin-left: 1px;
  }
  .filter .container-filter li:last-child a {
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0;
    border-radius: 0 3px 3px 0;
  }
  .filter .container-filter a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-align: center;
  }
  .filter .container-filter a span {
    padding-right: 0;
    padding-left: 0;
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.04em;
  }
  .filter .container-filter .first a {
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px 0 0 3px;
  }
  .filter.compte .inner {
    padding: 0;
  }
  .filter.compte .container-filter {
    margin-left: -80px;
  }

  .container-filter a {
    padding: 0 15px;
  }

  .selected a {
    font-family: 'OswaldRegular', sans-serif;
    font-style: normal;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 33px;
    line-height: 3.3rem;
    color: #433d3f;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
  }

  .with-search .container-filter a {
    width: 62px;
  }
}
@media only screen and (min-width: 720px) and (max-width: 974px) {
  .with-search .recette-filter a {
    width: 77px;
  }

  .with-search .recette-filter + form.input-button input[type=text] {
    padding-right: 35px;
  }

  .selected a {
    padding-right: 5px;
  }
}
@media only screen and (min-width: 974px) {
  .with-search .recette-filter a {
    width: 108px;
  }

  .selected a {
    padding: 0 12px;
  }
}
/* ------------------------------------------------------------------------ */
/* ::: C O N T E N T   P R O F E S S I O N N E L (page rayon et valeur) ::: */
/* ------------------------------------------------------------------------ */
.content-pro {
  padding: 15px;
  text-align: center;
}
.content-pro > div div {
  text-align: left;
}
.content-pro p + p {
  margin-top: 15px;
}
.content-pro .btn {
  margin-top: 18px;
}
.content-pro .content-title, .content-pro h3 {
  margin: 15px 0 10px;
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 22px;
  line-height: 2.2rem;
  color: #c8d324;
}
.content-pro .video-link {
  display: inline-block;
}
.content-pro .numbered li {
  margin-bottom: 10px;
  font-family: 'OswaldLight', sans-serif;
  font-style: normal;
  font-size: 20px;
  font-size: 2rem;
  line-height: 24px;
  line-height: 2.4rem;
}
.content-pro .numbered li .number-list {
  width: 20px;
  height: 20px;
}
.content-pro .numbered li .number-list img {
  left: -1px;
  height: 20px;
}
.content-pro .numbered li .number-list.two img {
  left: -22px;
}
.content-pro .numbered li .number-list.three img {
  left: -42px;
}
.content-pro .numbered li .number-list.four img {
  left: -63px;
}
.content-pro .numbered li .number-list.five img {
  left: -84px;
}
.content-pro .numbered li .number-list.six img {
  left: -105px;
}
.content-pro .numbered li .number-list.seven img {
  left: -125px;
}
.content-pro .numbered li .number-list.eight img {
  left: -146px;
}
.content-pro .numbered li .number-list.nine img {
  left: -167px;
}

@media only screen and (max-width: 720px) {
  .content-pro .modal-pro {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 720px) {
  .container-block + .content-pro {
    margin-top: 24px;
  }

  .content-pro + .container-block {
    margin-top: 12px;
  }

  .content-pro .image {
    width: 215px;
    margin-right: 25px;
  }
  .content-pro .image img {
    max-width: 100%;
  }
  .content-pro .inner {
    width: 435px;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 974px) {
  .content-pro {
    position: relative;
  }
  .content-pro .image {
    width: auto;
  }
  .content-pro .inner {
    width: 610px;
  }
  .content-pro .inner .left-d {
    margin-right: 3.27869%;
  }
  .content-pro .inner .left-d, .content-pro .inner .right-d {
    width: 48.36066%;
  }
}
/* -------------------------------- */
/* ::: D E T A I L (d'une actu) ::: */
/* -------------------------------- */
.content-detail {
  position: relative;
  padding-bottom: 115px;
}
.content-detail * {
  text-align: left;
}
.content-detail .right-content {
  position: relative;
}
.content-detail .right-content .block {
  width: 100%;
  padding: 20px 15px;
}
.content-detail .right-content .bottom {
  position: absolute;
  left: 0px;
  bottom: -74px;
  width: 100%;
  text-align: left;
}
.content-detail .right-content .bottom .btn {
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 15px;
  font-size: 1.5rem;
}
.content-detail .right-content .bottom .btn span {
  width: 90%;
}
.content-detail .right-content .bottom .print {
  width: auto;
}
.content-detail + .big-title {
  margin-top: -60px;
}
.content-detail .title {
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.content-detail .block strong {
  color: #433d3f;
}
.content-detail .block a {
  font-family: arial, 'helvetica', sans-serif;
  font-style: normal;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
  line-height: 1.8rem;
  color: #e31b26;
}
.content-detail .block a:hover {
  color: #433d3f;
  text-decoration: none;
}
.content-detail .block p, .content-detail .block ul {
  margin-top: 20px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
  line-height: 1.8rem;
}
.content-detail .block .content-title, .content-detail .block h3 {
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  line-height: 2rem;
  color: #c8d324;
}
.content-detail .block p + h3 {
  margin-top: 40px;
}
.content-detail .video-link:before {
  top: 50px;
  left: 90px;
}

.print {
  line-height: 33px;
  padding-left: 15px;
}
.print:before {
  background-position: 0 -1144px;
  height: 16px;
  width: 17px;
  padding-top: 3px;
  vertical-align: middle;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .print:before {
    background-position: 0 -1144px;
  }
}
.print a {
  margin-left: 5px;
}

@media only screen and (min-width: 720px) {
  .content-detail {
    padding-bottom: 100px;
  }
  .content-detail .right-content .block {
    width: 100%;
    padding: 20px 30px 30px;
  }
  .content-detail .right-content .content-title, .content-detail .right-content h3 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22px;
    line-height: 2.2rem;
  }
  .content-detail .right-content .bottom {
    bottom: -80px;
  }
  .content-detail .right-content .bottom .btn {
    width: 315px;
  }
  .content-detail .video-link:before {
    top: 60px;
    left: 110px;
  }
}
@media only screen and (min-width: 720px) and (max-width: 974px) {
  .content-detail .right-content {
    width: 480px;
  }
  .content-detail .right-content .block {
    width: 466px;
  }
}
@media only screen and (min-width: 974px) {
  .content-detail + .big-title {
    margin-top: -10px;
  }
  .content-detail .right-content {
    width: 650px;
  }
  .content-detail .right-content .block {
    width: 636px;
  }
  .content-detail .title {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 30px;
    line-height: 3rem;
  }
}
/* ------------------------------------------------------------------ */
/* ::: C O N T E N T   F O R M (tous le contenu des formulaires)  ::: */
/* ------------------------------------------------------------------ */
form {
  position: relative;
}
form .msg-required {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 11px;
  font-size: 1.1rem;
}
form > ul {
  margin-bottom: 20px;
}
form > ul > li {
  display: inline-block;
}
form .code-postal input {
  width: 150px;
}

.conditions {
  margin-top: 20px;
  font-size: 11px;
  font-size: 1.1rem;
  color: #8c8b8b;
  text-align: left;
}
.conditions a {
  font-size: 11px;
  font-size: 1.1rem;
  font-style: normal;
  color: #8c8b8b;
}

.content-form form.block {
  padding-right: 14px;
  padding-left: 14px;
  text-align: left;
}
.content-form .share-game {
  padding-right: 14px;
  padding-left: 14px;
  text-align: left;
}
.content-form .share-game form {
  padding-top: 22px !important;
}
.content-form .share-game .user {
  margin-bottom: 8px;
}

.block .link-game-rules,
.block .inner .link-game-rules {
  display: block;
  margin: 18px 0 30px;
  text-align: left;
}

#open-shop {
  padding-top: 35px !important;
}
#open-shop .intro {
  margin: 0 0 40px 10px;
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 25px;
  line-height: 2.5rem;
  color: #433d3f;
  text-align: left;
}
#open-shop .msg-required {
  top: 125px;
}

.facebook {
  position: relative;
  border-top: 1px solid #c2c3c4;
}
.facebook > p:first-child {
  position: relative;
  max-width: 220px;
  margin: 30px 0 55px;
}
.facebook > p:first-child:before {
  background-position: 0 -215px;
  height: 24px;
  width: 12px;
  position: absolute;
  left: 90px;
  top: 34px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .facebook > p:first-child:before {
    background-position: 0 -215px;
  }
}
.facebook .fb-share-button {
  position: absolute;
  left: 0px;
  top: 80px;
}

.profile form.block {
  padding-top: 14px !important;
}
.profile fieldset {
  margin-bottom: 20px;
}
.profile .big-title {
  margin-top: 0;
}
.profile .big-title span {
  font-size: 20px;
  font-size: 2rem;
}
.profile .suptitle {
  margin-bottom: 20px;
  font-family: 'OswaldLight', sans-serif;
  font-style: normal;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  text-transform: initial;
}
.profile .info {
  margin: 18px 0;
  font-family: arial, 'helvetica', sans-serif;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  color: #433d3f;
}
.profile .children {
  margin-top: 20px;
}
.profile .children:first-of-type {
  margin-top: 0;
}
.profile .checkbox {
  margin: 10px 0;
}
.profile .checkbox label {
  display: inline-block;
  margin-top: 3px;
}
.profile .checkbox input[type=text] {
  width: 205px;
  margin: -3px 0 0 7px;
  height: 22px;
  line-height: 22px;
}
.profile .checkbox input[type=text]:-moz-placeholder {
  line-height: 22px;
}
.profile .checkbox input[type=text]::-moz-placeholder {
  line-height: 22px;
}
.profile .checkbox input[type=text]:-ms-input-placeholder {
  line-height: 22px;
}
.profile .checkbox input[type=text]::-webkit-input-placeholder {
  line-height: 22px;
}
.profile .checkbox input[type=text].placeholder {
  line-height: 22px;
}
.profile .submit {
  margin-left: 18px;
}

span.required {
  color: #e31b26;
}

/* form .input {
    padding-right: 20px;
} */
.parsley-error {
  position: relative;
}
.parsley-error:before {
  background-position: 0 -1200px;
  height: 11px;
  width: 10px;
  position: absolute;
  top: 12px;
  right: -20px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .parsley-error:before {
    background-position: 0 -1200px;
  }
}
.parsley-error.radio-list:before {
  top: 6px;
  right: 0;
}
.parsley-error.code-postal:before {
  right: 42px;
}
.parsley-error .parsley-error-list {
  margin: 5px 0 0;
}
.parsley-error .parsley-error-list li {
  margin-left: 5px;
  color: #e31b26;
}

@media only screen and (max-width: 720px) {
  .content-form form {
    padding-top: 50px !important;
  }
  .content-form form .btn {
    margin-left: 25px;
  }

  .share-game form {
    padding-bottom: 86px !important;
  }
  .share-game form .submit {
    margin-left: 0;
  }

  .profile [data-elem-open] {
    max-height: 0;
    visibility: hidden;
    margin: 0;
    -moz-transition-property: max-height, visibility, margin;
    -o-transition-property: max-height, visibility, margin;
    -webkit-transition-property: max-height, visibility, margin;
    transition-property: max-height, visibility, margin;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -moz-transition-delay: 0, 300ms;
    -o-transition-delay: 0, 300ms;
    -webkit-transition-delay: 0, 300ms;
    transition-delay: 0, 300ms;
  }
  .profile [data-elem-open].open {
    max-height: 1800px;
    visibility: visible;
    margin-bottom: 20px;
  }
  .profile .btn.submit {
    margin-left: 0;
  }
  .profile .btn[data-elem-link] {
    display: block;
    width: 85px;
    margin: 0 auto;
    -moz-transition-property: max-height, visibility;
    -o-transition-property: max-height, visibility;
    -webkit-transition-property: max-height, visibility;
    transition-property: max-height, visibility;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
  }
  .profile fieldset.open + .btn[data-elem-link] {
    max-height: 0;
    visibility: visible;
    overflow: hidden;
  }
  .profile .msg-required {
    position: relative;
    top: auto;
    right: auto;
    text-align: center;
  }
}
@media only screen and (min-width: 720px) {
  .content-form form {
    padding-top: 22px !important;
  }
  .content-form form > ul > li, .content-form form fieldset > ul > li {
    margin: 6px 0;
  }
  .content-form form .label {
    text-align: right;
  }
  .content-form form .radio-list {
    margin-top: 7px;
  }
  .content-form .block .inner {
    padding: 0 28px;
  }

  #open-shop .msg-required {
    top: 65px;
  }

  .facebook > p:first-child {
    max-width: 100%;
  }
  .facebook > p:first-child:before {
    top: 15px;
  }
  .facebook .fb-share-button {
    left: 0;
    top: 57px;
  }

  .profile .content-form {
    width: 48%;
    margin: 12px 7px;
  }
  .profile form.block {
    width: 100%;
    margin: 0 0 14px 0;
  }
  .profile .suptitle {
    margin-top: 30px;
    font-size: 22px;
    font-size: 2.2rem;
  }
  .profile .input-date input {
    width: 50px !important;
    padding: 0 8px;
    text-align: center;
  }
  .profile .input-date input:last-child {
    width: 70px !important;
  }
}
@media only screen and (min-width: 720px) and (max-width: 974px) {
  .content-form .right-content {
    width: 478px;
  }
  .content-form .right-content .block {
    width: 466px;
  }
  .content-form form .btn.submit {
    margin-left: 130px;
  }
  .content-form .share-game form {
    width: 430px;
    padding-bottom: 33px !important;
  }
  .content-form .share-game form .submit {
    margin-left: 188px;
  }

  .profile .label {
    width: 90px;
    margin-right: 15px;
  }
  .profile .input input, .profile .input select,
  .profile .parsley-error-list {
    width: 190px;
  }
  .profile .code-postal input {
    width: 150px;
  }
  .profile .checkbox input[type=text] {
    width: 250px;
  }
  .profile .submit {
    margin-left: 48px !important;
  }
  .profile .msg-required {
    position: relative;
    top: auto;
    right: auto;
    text-align: center;
  }
  .profile .parsley-error.code-postal:before {
    right: 20px;
  }
}
@media only screen and (min-width: 974px) {
  .content-form .right-content {
    width: 650px;
  }
  .content-form .right-content .block {
    width: 636px;
  }
  .content-form form {
    padding-top: 50px !important;
  }
  .content-form .share-game form {
    width: 420px;
    border-right: 1px solid #c2c3c4;
  }

  .facebook {
    width: 142px;
    border-top: 0;
    text-align: center;
  }
  .facebook > p:first-child:before {
    left: 86px;
    top: 46px;
  }
  .facebook .fb-share-button {
    left: 36px;
    top: 108px;
  }

  .profile .suptitle {
    font-size: 26px;
    font-size: 2.6rem;
  }
  .profile .input-date input {
    width: 54px !important;
  }
  .profile .input-date input:last-child {
    width: 78px !important;
  }
  .profile .submit {
    margin-left: 95px !important;
  }
  .profile .msg-required {
    top: auto;
    bottom: 25px;
  }
}
/* ------------------------------------- */
/* ::: S I D E B A R (actu et forms) ::: */
/* ------------------------------------- */
.list-article .label-select {
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 17px;
  line-height: 1.7rem;
  text-transform: uppercase;
}
.list-article .select-to-list {
  margin-bottom: 15px;
}
.list-article .select-to-list .submenu a {
  height: auto;
}
.list-article .select-to-list .submenu a span {
  line-height: 18px;
  line-height: 1.8rem;
}

.content-form .sidebar .block {
  padding: 14px 15px;
  float: left;
  clear: both;
}
.content-form .sidebar .block .title {
  width: 100%;
  font-family: 'nal_handregular', sans-serif;
  margin-right: 0;
  margin-left: 7px;
  font-size: 35px !important;
  font-size: 3.5rem !important;
  line-height: 35px !important;
  line-height: 3.5rem !important;
  text-align: left;
  color: #fff;
}
.content-form .sidebar .title {
  width: 100%;
  margin-right: 0;
  margin-left: 7px;
  font-size: 20px !important;
  font-size: 2rem !important;
  line-height: 21px !important;
  line-height: 2.1rem !important;
  text-align: left;
}
.content-form .sidebar .list-info li {
  display: table;
  width: 100%;
  padding: 25px 0 25px 7px;
  border-top: 1px solid white;
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 20px;
  font-size: 2rem;
  line-height: 22px;
  line-height: 2.2rem;
  color: #433d3f;
  text-transform: uppercase;
  text-align: left;
}
.content-form .sidebar .list-info li span {
  display: table-cell;
  vertical-align: middle;
  padding-left: 12px;
}
.content-form .sidebar .list-info.open-shop li {
  padding-left: 40px;
  background: url(/charte/base/img/visual/one.png) no-repeat 2px center;
  font-family: 'nal_handregular', sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 24px;
  line-height: 2.4rem;
  color: #fff;
}
.content-form .sidebar .list-info.open-shop li:before {
  display: none;
}
.content-form .sidebar .list-info.open-shop li.active {
  background-image: url(/charte/base/img/visual/one-active.png);
}
.content-form .sidebar .list-info.open-shop li.active span {
  color: #c8d324;
}
.content-form .sidebar .list-info.open-shop li.two {
  background-image: url(/charte/base/img/visual/two.png);
}
.content-form .sidebar .list-info.open-shop li.two.active {
  background-image: url(/charte/base/img/visual/two-active.png);
}
.content-form .sidebar .list-info.open-shop li.three {
  background-image: url(/charte/base/img/visual/three.png);
}
.content-form .sidebar .list-info.open-shop li.three.active {
  background-image: url(/charte/base/img/visual/three-active.png);
}
.content-form .sidebar .icon-conseil:before {
  background-position: 0 -153px;
  height: 42px;
  width: 42px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .content-form .sidebar .icon-conseil:before {
    background-position: 0 -153px;
  }
}
.content-form .sidebar .icon-promotions:before {
  background-position: 0 -653px;
  height: 42px;
  width: 42px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .content-form .sidebar .icon-promotions:before {
    background-position: 0 -655px;
  }
}
.content-form .sidebar .icon-actualite:before {
  background-position: 0 -958px;
  height: 42px;
  width: 42px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .content-form .sidebar .icon-actualite:before {
    background-position: 0 -958px;
  }
}

.sidebar .select-to-list .submenu a.current:before {
  background-position: 0 -288px;
  height: 10px;
  width: 6px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .sidebar .select-to-list .submenu a.current:before {
    background-position: 0 -288px;
  }
}

.sidebar .image {
  position: relative;
}
.sidebar .image .recette-favorite {
  position: absolute;
  left: 19px;
  top: 17px;
}
.sidebar .info-detail {
  padding: 15px 12px;
}
.sidebar .info-detail ul {
  display: table;
  width: 100%;
  margin: 0;
}
.sidebar .info-detail li {
  display: table-cell;
  font-size: 14px;
  font-size: 1.4rem;
  color: #433d3f;
  text-align: center;
}
.sidebar .info-detail li:first-child {
  padding-left: 0;
}
.sidebar .info-detail li:before {
  display: block;
  margin: 0 auto;
}

@media only screen and (max-width: 720px) {
  .content-detail .sidebar {
    position: relative;
  }
  .content-detail .sidebar.has-list {
    padding-bottom: 88px;
  }
  .content-detail .sidebar .select-to-list {
    position: absolute;
    top: 30px;
  }
  .content-detail .sidebar .select-to-list .submenu a {
    margin: 0;
  }
  .content-detail .sidebar .select-to-list .submenu a:before {
    display: none;
  }

  .list-article {
    position: absolute;
    left: 0px;
    bottom: 63px;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .list-article .select-to-list .selected a {
    line-height: 34px;
    line-height: 3.4rem;
  }
}
@media only screen and (min-width: 720px) {
  .sidebar .block {
    width: auto;
  }

  .content-detail .sidebar {
    position: relative;
    padding-bottom: 88px;
  }
  .content-detail .sidebar .select-to-list .submenu a {
    margin-top: 0;
    background-color: transparent;
    filter: none;
    background-image: none;
  }
  .content-detail .sidebar .select-to-list .submenu a:after {
    display: none;
  }
  .content-detail .sidebar .select-to-list .submenu a span {
    padding: 0;
    font-family: arial, 'helvetica', sans-serif;
    font-style: italic;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    color: #433d3f;
    text-decoration: underline;
  }
  .content-detail .sidebar .select-to-list .submenu a.current:before {
    position: absolute;
    left: -14px;
    top: 5px;
  }
  .content-detail .sidebar .select-to-list .submenu a.current span {
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
  }
  .content-detail .sidebar .select-to-list .submenu a:hover span {
    text-decoration: none;
  }
  .content-detail .sidebar .select-to-list .submenu a:hover.current span {
    text-decoration: underline;
  }

  .list-article {
    padding: 20px 25px 25px;
  }
  .list-article .title {
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
  }
  .list-article .label-select {
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
  }
}
@media only screen and (min-width: 720px) and (max-width: 974px) {
  .content-detail .sidebar {
    width: 240px;
  }

  .content-form .sidebar .block {
    width: 228px;
  }

  .sidebar .info-detail {
    width: 227px;
  }

  .content-form .sidebar .block.steps {
    background: url(/charte/base/img/visual/ardoise-tablette.jpg) 0 0 no-repeat;
  }
}
@media only screen and (min-width: 974px) {
  .content-detail .sidebar {
    width: 324px;
  }

  .content-form .sidebar .block {
    width: 310px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .content-form .sidebar .title {
    font-size: 23px !important;
    font-size: 2.3rem !important;
    line-height: 24px !important;
    line-height: 2.4rem !important;
  }
  .content-form .sidebar .list-info li {
    padding-right: 11px;
    padding-left: 11px;
  }
  .content-form .sidebar .list-info li span {
    width: 100%;
    padding-left: 20px;
  }

  .sidebar .info-detail {
    width: 310px;
    padding: 15px;
  }
  .sidebar .info-detail li {
    padding-left: 17px;
  }
  .sidebar .info-detail li:before {
    display: inline-block;
    margin: 0 5px 0 0;
  }

  .content-form .sidebar .block.steps {
    background: url(/charte/base/img/visual/ardoise-desktop.jpg) 0 0 no-repeat;
  }
}
/* ---------------------------------------------------------------- */
/* ::: R E C E T T E (toutes les pages contenant des recettes)  ::: */
/* ---------------------------------------------------------------- */
.personne:before {
  background-position: 0 -554px;
  height: 19px;
  width: 17px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .personne:before {
    background-position: 0 -554px;
  }
}

.preparation:before {
  background-position: 0 -727px;
  height: 19px;
  width: 18px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .preparation:before {
    background-position: 0 -729px;
  }
}

.temps:before {
  background-position: 0 -586px;
  height: 19px;
  width: 18px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .temps:before {
    background-position: 0 -586px;
  }
}

.add-recette-menu:before {
  background-position: 0 -808px;
  height: 28px;
  width: 28px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .add-recette-menu:before {
    background-position: 0 -808px;
  }
}

.recette-favorite:before {
  background-position: 0 0;
  height: 28px;
  width: 28px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .recette-favorite:before {
    background-position: 0 0;
  }
}

.recette-favorite.white:before {
  background-position: 0 -28px;
  height: 28px;
  width: 28px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .recette-favorite.white:before {
    background-position: 0 -28px;
  }
}

.recette-favorite.in-favorite:before {
  background-position: 0 -56px;
  height: 28px;
  width: 28px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .recette-favorite.in-favorite:before {
    background-position: 0 -56px;
  }
}

.remove-recette-menu:before {
  background-position: 0 -836px;
  height: 28px;
  width: 28px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .remove-recette-menu:before {
    background-position: 0 -836px;
  }
}

.recette {
  max-width: 400px;
  max-height: 300px;
  visibility: visible;
  -moz-transition-property: max-width, max-height, margin, padding, visibility;
  -o-transition-property: max-width, max-height, margin, padding, visibility;
  -webkit-transition-property: max-width, max-height, margin, padding, visibility;
  transition-property: max-width, max-height, margin, padding, visibility;
  -moz-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transition-delay: 500ms, 0, 200ms, 500ms, 200ms;
  -o-transition-delay: 500ms, 0, 200ms, 500ms, 200ms;
  -webkit-transition-delay: 500ms, 0, 200ms, 500ms, 200ms;
  transition-delay: 500ms, 0, 200ms, 500ms, 200ms;
}
.recette.delete {
  max-width: 0;
  max-height: 0;
  margin: 0;
  padding: 0;
  visibility: hidden;
}
.recette .inner > p {
  text-align: left;
}
.recette .personne, .recette .temps {
  width: 90px;
  margin-top: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #433d3f;
  text-align: left;
}
.recette .personne:before, .recette .temps:before {
  margin-right: 5px;
}

/*! jQuery UI - v1.10.3 - 2013-10-31
* http://jqueryui.com
* Includes: jquery.ui.core.css
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.draggable.ui-draggable-dragging, .draggable-touch.ui-draggable-dragging {
  z-index: 10000 !important;
  overflow: visible;
  width: 80px !important;
  height: auto !important;
  background-color: transparent !important;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.draggable.ui-draggable-dragging:before, .draggable-touch.ui-draggable-dragging:before {
  display: none !important;
}
.draggable.ui-draggable-dragging > a, .draggable.ui-draggable-dragging .inner > *, .draggable.ui-draggable-dragging .img, .draggable-touch.ui-draggable-dragging > a, .draggable-touch.ui-draggable-dragging .inner > *, .draggable-touch.ui-draggable-dragging .img {
  display: none !important;
}
.draggable.ui-draggable-dragging .inner, .draggable-touch.ui-draggable-dragging .inner {
  position: absolute;
  left: 0px;
  top: 0px;
}
.draggable.ui-draggable-dragging .inner .title, .draggable-touch.ui-draggable-dragging .inner .title {
  display: block !important;
  visibility: visible;
  width: 240px;
  margin-top: 0;
  padding: 8px 10px 8px 20px;
  background-color: #c8d324;
  -moz-box-shadow: 0 0 5px #433d3f;
  -webkit-box-shadow: 0 0 5px #433d3f;
  box-shadow: 0 0 5px #433d3f;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  font-family: 'OswaldLight', sans-serif;
  font-style: normal;
  font-size: 18px;
  font-size: 1.8rem;
  color: #433d3f;
  text-transform: initial;
}
.draggable.ui-draggable-dragging .inner .title a, .draggable-touch.ui-draggable-dragging .inner .title a {
  font-family: 'OswaldLight', sans-serif;
  font-style: normal;
  font-size: 18px;
  font-size: 1.8rem;
  color: #433d3f;
  text-transform: initial;
}
.draggable.ui-draggable-dragging .inner .title:before, .draggable-touch.ui-draggable-dragging .inner .title:before {
  background-position: 0 -124px;
  height: 29px;
  width: 28px;
  position: absolute;
  left: -10px;
  top: -8px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .draggable.ui-draggable-dragging .inner .title:before, .draggable-touch.ui-draggable-dragging .inner .title:before {
    background-position: 0 -124px;
  }
}

.sidebar .draggable {
  display: table;
  height: 80px;
  background-color: #c8d324;
  color: #433d3f;
  text-decoration: none;
}
.sidebar .draggable:before {
  background-position: 0 -84px;
  height: 40px;
  width: 47px;
  margin: 15px 13px 0 7px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .sidebar .draggable:before {
    background-position: 0 -84px;
  }
}
.sidebar .draggable .inner {
  display: table-cell;
  vertical-align: middle;
}
.sidebar .draggable .inner span {
  font-family: 'OswaldLight', sans-serif;
  font-style: normal;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 18px;
  line-height: 1.8rem;
}
.sidebar .draggable .inner span span {
  text-decoration: underline;
}
.sidebar .draggable .inner small {
  font-family: arial, 'helvetica', sans-serif;
  font-style: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 12px;
  line-height: 1.2rem;
}

.modal-recette p.no-more-recette {
  max-height: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  margin: 0;
  font-family: 'OswaldLight', sans-serif;
  font-style: normal;
  color: #e31b26;
  -moz-transition-property: max-height, opacity, margin;
  -o-transition-property: max-height, opacity, margin;
  -webkit-transition-property: max-height, opacity, margin;
  transition-property: max-height, opacity, margin;
  -moz-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.modal-recette p.no-more-recette.open {
  max-height: 60px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  margin: 5px 0;
}
.modal-recette .remove-recette-account {
  margin-top: 15px;
}

#open-menu, #opened-menu, #drop-week {
  position: fixed;
  bottom: 0;
  z-index: 20;
  width: 100%;
  background-color: #c8d324;
}
#open-menu .wrapper, #opened-menu .wrapper, #drop-week .wrapper {
  text-align: center;
}
#open-menu.open, #opened-menu.open, #drop-week.open {
  bottom: 80px;
  z-index: 20;
  max-height: 80px;
}

#open-menu, #opened-menu {
  overflow: hidden;
}
#open-menu a, #open-menu p, #opened-menu a, #opened-menu p {
  display: inline-block;
  height: 45px;
  line-height: 45px;
  font-family: 'OswaldLight', sans-serif;
  font-style: normal;
  font-size: 18px;
  font-size: 1.8rem;
  color: #433d3f;
  text-decoration: none;
}
#open-menu a span, #open-menu p span, #opened-menu a span, #opened-menu p span {
  text-decoration: underline;
}
#open-menu:before, #opened-menu:before {
  background-position: 0 -322px;
  height: 9px;
  width: 13px;
  position: absolute;
  top: 10px;
  right: 9px;
  z-index: 200;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #open-menu:before, #opened-menu:before {
    background-position: 0 -322px;
  }
}
#open-menu:after, #opened-menu:after {
  content: '';
  width: 68px;
  height: 68px;
  position: absolute;
  top: -34px;
  right: -34px;
  z-index: 150;
  background-color: #433d3f;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-0.7071067811865477, M12=-0.7071067811865475, M21=0.7071067811865475, M22=-0.7071067811865477, SizingMethod='auto expand')";
}

#opened-menu.close, #opened-menu, #drop-week {
  -moz-transition-property: bottom, max-height;
  -o-transition-property: bottom, max-height;
  -webkit-transition-property: bottom, max-height;
  transition-property: bottom, max-height;
  -moz-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

#opened-menu {
  bottom: -45px;
  max-height: 0;
  -moz-transition-delay: 0, 500ms;
  -o-transition-delay: 0, 500ms;
  -webkit-transition-delay: 0, 500ms;
  transition-delay: 0, 500ms;
}
#opened-menu:before {
  background-position: 0 -206px;
  height: 9px;
  width: 13px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #opened-menu:before {
    background-position: 0 -206px;
  }
}
#opened-menu .no-more-recette {
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  color: #e31b26;
}

#drop-week {
  bottom: -100px;
  background-color: #c8d324;
  border-bottom: 1px solid #969f21;
  -moz-box-shadow: inset 0 5px 15px rgba(150, 159, 33, 0.7);
  -webkit-box-shadow: inset 0 5px 15px rgba(150, 159, 33, 0.7);
  box-shadow: inset 0 5px 15px rgba(150, 159, 33, 0.7);
}
#drop-week.open {
  bottom: 0;
  z-index: 20;
}
#drop-week .week {
  display: inline-block;
  width: 100%;
}
#drop-week .day {
  position: relative;
  width: 14.28%;
  padding: 15px 7px;
}
#drop-week .day.block-hover a {
  background-color: #e31b26;
  color: white;
}
#drop-week .day > a {
  display: inline-block;
  width: 100%;
  height: 54px;
  line-height: 54px;
  background-color: white;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
#drop-week .day .day-name {
  font-family: 'OswaldLight', sans-serif;
  font-style: normal;
  font-size: 16px;
  font-size: 1.6rem;
  color: #433d3f;
  text-align: center;
  text-decoration: none;
}
#drop-week .day .custom-modal {
  display: block;
  visibility: hidden;
  left: -24px;
  top: auto;
  right: auto;
  bottom: -500px;
  width: 180px;
  margin: 0;
  padding-bottom: 0;
  -moz-transition-property: bottom, visibility;
  -o-transition-property: bottom, visibility;
  -webkit-transition-property: bottom, visibility;
  transition-property: bottom, visibility;
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
#drop-week .day .custom-modal.open {
  bottom: 14px;
  visibility: visible;
}
#drop-week .day .custom-modal > ul {
  display: block;
}
#drop-week .day .custom-modal .day-name {
  width: 80px;
  margin: 0 auto 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e31b26;
  line-height: 18px;
  line-height: 1.8rem;
}
#drop-week .day .custom-modal li {
  position: relative;
  min-width: 80%;
  margin-bottom: 12px;
  font-family: arial, 'helvetica', sans-serif;
  font-style: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 12px;
  line-height: 1.2rem;
  text-align: left;
  -moz-transition-property: max-height, opacity, visibility, margin;
  -o-transition-property: max-height, opacity, visibility, margin;
  -webkit-transition-property: max-height, opacity, visibility, margin;
  transition-property: max-height, opacity, visibility, margin;
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#drop-week .day .custom-modal li:first-child {
  margin-top: 0;
}
#drop-week .day .custom-modal li.delete {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  margin: 0;
}
#drop-week .day .custom-modal .trash {
  position: absolute;
  top: 0px;
  right: -20px;
  width: 20%;
  height: 20px;
}
#drop-week .day .custom-modal .trash:before {
  background-position: 0 -1331px;
  height: 13px;
  width: 11px;
  margin-left: 5px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #drop-week .day .custom-modal .trash:before {
    background-position: 0 -1331px;
  }
}
#drop-week .day .counter {
  position: absolute;
  top: 20px;
  right: 12px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  width: 20px;
  height: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  height: 20px;
  line-height: 20px;
  background-color: #c2c3c4;
  font-family: arial, 'helvetica', sans-serif;
  font-style: normal;
  font-size: 14px;
  font-size: 1.4rem;
  color: #433d3f;
  -moz-transition: opacity 500ms cubic-bezier(1, 0, 0, 1) 0ms;
  -o-transition: opacity 500ms cubic-bezier(1, 0, 0, 1) 0ms;
  -webkit-transition: opacity 500ms cubic-bezier(1, 0, 0, 1);
  -webkit-transition-delay: 0ms;
  transition: opacity 500ms cubic-bezier(1, 0, 0, 1) 0ms;
}
#drop-week .day .counter.empty {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
#drop-week .day:last-child .custom-modal {
  left: -70px;
}

.content-detail .right-content .bottom-recette {
  bottom: -105px;
  padding-bottom: 65px;
}
.content-detail .right-content .bottom-recette li {
  padding: 0 9px;
}
.content-detail .right-content .bottom-recette li a {
  display: inline-block;
  height: 30px;
  margin: 0;
}
.content-detail .right-content .bottom-recette li a:before {
  vertical-align: middle;
  margin-right: 5px;
}
.content-detail .right-content .bottom-recette .next {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 42px;
}

.link-add-menu {
  margin-top: 1px !important;
}
.link-add-menu:before {
  background-position: 0 -942px;
  height: 16px;
  width: 14px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .link-add-menu:before {
    background-position: 0 -942px;
  }
}

.link-send {
  margin-top: 1px !important;
}
.link-send:before {
  background-position: 0 -637px;
  height: 16px;
  width: 16px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .link-send:before {
    background-position: 0 -639px;
  }
}

@-webkit-keyframes dissolve {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  10% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
@-moz-keyframes dissolve {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  10% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
@-o-keyframes dissolve {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  10% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
@keyframes dissolve {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  10% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
#link-favorite:active {
  -webkit-animation-fill-mode: both;
  -webkit-animation-duration: 1000ms;
  animation-fill-mode: both;
  animation-duration: 1000ms;
  -webkit-animation-name: dissolve;
  -moz-animation-name: dissolve;
  -o-animation-name: dissolve;
  animation-name: dissolve;
}

#link-favorite {
  max-width: 180px;
}
#link-favorite:before {
  background-position: 0 -711px;
  height: 16px;
  width: 14px;
  float: left;
  margin: 7px 5px 0 0;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #link-favorite:before {
    background-position: 0 -713px;
  }
}
#link-favorite .text-remove-favorite {
  display: none;
}
#link-favorite.in-favorite:before {
  background-position: 0 -1000px;
  height: 16px;
  width: 14px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #link-favorite.in-favorite:before {
    background-position: 0 -1000px;
  }
}
#link-favorite.in-favorite .text-remove-favorite {
  display: inline;
}
#link-favorite.in-favorite .text-add-favorite {
  display: none;
}

.tooltip {
  visibility: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  position: absolute;
  right: 29px;
  bottom: 29px;
  width: 180px;
  height: 40px;
  line-height: 40px;
  background-color: #433d3f;
  background-color: rgba(67, 61, 63, 0.9);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  font-family: 'OswaldLight', sans-serif;
  font-style: normal;
  font-size: 18px;
  font-size: 1.8rem;
  color: white;
  text-align: center;
  -moz-transition-property: visibility, opacity;
  -o-transition-property: visibility, opacity;
  -webkit-transition-property: visibility, opacity;
  transition-property: visibility, opacity;
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.tooltip:before {
  content: '';
  position: absolute;
  right: -7px;
  bottom: -6px;
  display: block;
  width: 0;
  height: 0;
  border-top: 4.5px solid transparent;
  border-bottom: 4.5px solid transparent;
  border-left: 12px solid rgba(67, 61, 63, 0.9);
  -moz-transform: rotate(52deg);
  -ms-transform: rotate(52deg);
  -webkit-transform: rotate(52deg);
  transform: rotate(52deg);
}

.recette-favorite:hover + .tooltip {
  visibility: visible;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

#liste-recette .tooltip {
  left: 43px;
  top: 40px;
}

@media only screen and (max-width: 720px) {
  .recette {
    overflow: hidden;
  }
  .recette.delete .draggable-touch {
    display: none;
  }

  .add-recette-menu, .remove-recette-menu {
    display: inline-block;
    margin: 10px 0 0 15px;
  }

  .recette-favorite {
    display: inline-block;
    margin-top: 10px;
  }

  .link-add-menu {
    max-width: 160px;
  }

  .bottom.compte {
    margin: 4px 0 40px;
    text-align: center;
  }
  .bottom.compte a {
    position: relative;
    left: auto;
    top: auto;
    display: inline-block;
  }
}
@media only screen and (min-width: 720px) {
  .draggable {
    cursor: move;
    cursor: -moz-grab;
    cursor: -webkit-grab;
  }
  .draggable:active {
    cursor: move;
    cursor: -moz-grabing;
    cursor: -webkit-grabing;
  }

  .container-block.lt-three .recette {
    display: inline-block;
  }

  .recette {
    height: 228px;
    -moz-transition-delay: 0, 500ms, 200ms, 200ms, 0;
    -o-transition-delay: 0, 500ms, 200ms, 200ms, 0;
    -webkit-transition-delay: 0, 500ms, 200ms, 200ms, 0;
    transition-delay: 0, 500ms, 200ms, 200ms, 0;
  }
  .recette .inner {
    margin-top: 15px;
  }
  .recette .title {
    margin: 0 0 10px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    text-align: left;
  }
  .recette .title a {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    text-align: left;
  }
  .recette .title:after {
    display: none;
  }
  .recette .white-cross {
    display: none;
  }
  .recette.cross {
    overflow: hidden;
  }
  .recette.cross:after {
    content: '×';
    width: 70px;
    height: 70px;
    position: absolute;
    top: -35px;
    right: -35px;
    z-index: 50;
    background-color: #433d3f;
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    color: white;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-0.7071067811865477, M12=-0.7071067811865475, M21=0.7071067811865475, M22=-0.7071067811865477, SizingMethod='auto expand')";
  }
  .recette.cross .white-cross {
    display: block;
    position: absolute;
    top: -2px;
    right: 5px;
    z-index: 80;
    font: 32px courrier;
    color: white;
    cursor: pointer;
    text-decoration: none;
  }

  .content-detail .right-content .bottom-recette li a {
    line-height: 30px;
  }
  .content-detail .right-content .bottom-recette #link-favorite {
    max-width: 100%;
  }
  .content-detail .right-content .bottom-recette .next {
    width: 255px;
  }
  .content-detail + .container-block {
    margin-top: 50px;
  }

  .recette-favorite + .tooltip {
    left: 50px;
    top: 42px;
    right: auto;
    bottom: auto;
    background-color: rgba(67, 61, 63, 0.8);
  }
  .recette-favorite + .tooltip:before {
    left: -7px;
    top: -6px;
    right: auto;
    bottom: auto;
    width: 0;
    height: 0;
    border-top: 4.5px solid transparent;
    border-bottom: 4.5px solid transparent;
    border-left: 12px solid rgba(67, 61, 63, 0.8);
    -moz-transform: rotate(230deg);
    -ms-transform: rotate(230deg);
    -webkit-transform: rotate(230deg);
    transform: rotate(230deg);
  }
  .recette-favorite + .tooltip.open {
    visibility: visible;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
@media only screen and (min-width: 720px) and (max-width: 974px) {
  .recette.height-default {
    height: 227px !important;
  }
  .recette .img img {
    height: auto !important;
  }
  .recette .recette-favorite {
    position: absolute;
    left: 10px;
    top: 10px;
  }

  .sidebar .draggable {
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .sidebar .draggable:before {
    display: block;
    margin: 0 auto 12px;
  }
  .sidebar .draggable .inner {
    display: block;
  }
  .sidebar .draggable.ui-draggable-dragging {
    height: 100px;
  }
}
@media only screen and (min-width: 974px) {
  .recette {
    height: 252px;
  }
  .recette .recette-favorite {
    position: absolute;
    left: 19px;
    top: 17px;
  }

  .sidebar .draggable {
    height: 95px;
  }
}
/* ------------------- */
/* ::: F O O T E R ::: */
/* ------------------- */
.footer-newsletter {
  position: relative;
  background-color: #c8d324;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.footer-newsletter p {
  font-family: 'OswaldLight', sans-serif;
  font-style: normal;
  font-size: 15px;
  font-size: 1.5rem;
  color: #303030;
  text-align: left;
}
.footer-newsletter .title {
  margin: 0;
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 16px;
  font-size: 1.6rem;
  color: #e31b26;
}
.footer-newsletter p + p {
  margin: 5px 0 0;
}
.footer-newsletter .input-button {
  height: 50px;
  margin-top: 15px;
}
.footer-newsletter .input-button input[type=text] {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.footer-newsletter .input-button input[type=text]:-moz-placeholder {
  color: #433d3f;
}
.footer-newsletter .input-button input[type=text]::-moz-placeholder {
  color: #433d3f;
}
.footer-newsletter .input-button input[type=text]:-ms-input-placeholder {
  color: #433d3f;
}
.footer-newsletter .input-button input[type=text]::-webkit-input-placeholder {
  color: #433d3f;
}
.footer-newsletter .input-button input[type=text].placeholder {
  color: #433d3f;
}
.footer-newsletter .input-button .submit {
  right: 8px;
  top: 8px;
  height: 34px;
  line-height: 34px;
}
.footer-newsletter .input-button input[type=submit] {
  height: 38px;
  line-height: 38px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.footer-newsletter .input-button.parsley-error {
  height: 40px;
}
.footer-newsletter .input-button.parsley-error:before {
  right: 66px;
}
.footer-newsletter .input-button.parsley-error .submit, .footer-newsletter .input-button.parsley-error input[type=submit] {
  height: 26px;
  line-height: 26px;
}

.footer-video {
  position: relative;
  background-color: white;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.footer-video img {
  position: absolute;
  left: 20px;
  top: 6px;
}
.footer-video .btn {
  height: 34px;
  line-height: 34px;
  margin: 7px 4px 18px;
}
.footer-video .action-btn {
  display: inline-block;
  width: 100%;
  text-align: center;
}

footer {
  background: url(/charte/base/img/visual/bkg-footer.jpg) repeat center center;
}
footer .foot-title {
  padding-bottom: 30px;
}
footer strong {
  color: #c8d324;
}
footer .col {
  padding: 8px 13px;
  border-right: 1px solid #444445;
  border-left: 1px solid #181818;
}
footer .col:first-child {
  border-left: none;
}
footer .col:last-child {
  border-right: none;
}
footer .col .foot-subtitle {
  margin-bottom: 12px;
}
footer p {
  margin-bottom: 17px;
  font-size: 11px;
  font-size: 1.1rem;
  color: #c2c3c4;
}
footer a {
  display: inline-block;
  margin-bottom: 4px;
  font-style: italic;
  color: #c2c3c4;
}
footer a:hover {
  color: #c2c3c4;
}

@media only screen and (max-width: 720px) {
  .footer-newsletter {
    min-height: 145px;
  }

  footer .menu .wrapper {
    padding: 10px 0;
  }
  footer .menu .level1 {
    width: 48%;
    margin: 0 1%;
  }
  footer .menu .level1 a {
    width: 100%;
    text-align: center;
    text-decoration: none;
  }
}
@media only screen and (min-width: 720px) {
  .footer-newsletter .input-button {
    position: absolute;
    right: 20px;
    top: 20px;
    margin: 0;
  }
}
@media only screen and (min-width: 720px) and (max-width: 974px) {
  .footer-video img {
    position: absolute;
    left: 10px;
    top: 15px;
    width: 46px;
    height: 46px;
  }
  .footer-video .btn {
    margin-right: 10px;
  }

  footer .foot-title {
    padding: 0;
  }

  .action-btn {
    padding: 12px 10px;
  }
  .action-btn .btn {
    margin: 0 !important;
  }
}
@media only screen and (min-width: 974px) {
  .footer-newsletter p {
    font-family: 'OswaldLight', sans-serif;
    font-style: normal;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
/* --------------------- */
/* ::: M A G A S I N ::: */
/* --------------------- */
.video-link {
  position: relative;
  z-index: 10;
  display: block;
}
.video-link:before {
  background-position: 0 -1016px;
  height: 84px;
  width: 84px;
  position: absolute;
  left: 98px;
  top: 30px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .video-link:before {
    background-position: 0 -1016px;
  }
}
.video-link img {
  position: relative;
  z-index: -1;
}

.hours {
  font-family: arial, 'helvetica', sans-serif;
  font-style: normal;
  font-size: 12px;
  font-size: 1.2rem;
}
.hours th {
  width: 33.70787%;
  height: 35px;
  padding: 0 8px;
  line-height: 12px;
  line-height: 1.2rem;
  color: #433d3f;
  background-color: #c8d324;
  -moz-border-radius: 6px 0 0 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px 0 0 6px;
  border: 1px solid white;
  border-right: 0;
}
.hours td {
  width: 66.29213%;
  padding: 0 8px;
  background-color: #efefef;
  border: 1px solid white;
  -moz-border-radius: 0 6px 6px 0;
  -webkit-border-radius: 0;
  border-radius: 0 6px 6px 0;
}

.boulangerie {
  height: 20px;
  margin: 20px 0 45px;
}
.boulangerie > p {
  float: left;
  width: 90px;
  font-style: italic;
  color: #433d3f;
  text-align: center;
}
.boulangerie div {
  float: left;
}
.boulangerie div p {
  float: right;
  width: 138px;
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 16px;
  font-size: 1.6rem;
  color: #7a2000;
  text-transform: uppercase;
}

#form-itinery {
  position: relative;
  padding-bottom: 15px;
    /* .error {
        @include absolute(20, 227); z-index: 10; @include opacity(0);
        @include regular(16, 19); color: $red; text-transform: uppercase; letter-spacing: 0.04em;
        @include trans(opacity);

        &.open { @include opacity(1); }
    } */
}
#form-itinery form {
  position: relative;
  z-index: 10;
  padding: 18px;
  background-color: #c8d324;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
#form-itinery #transport {
  display: inline-block;
  margin: 10px 0;
}
#form-itinery #transport li {
  position: relative;
  float: left;
  width: 47px;
  height: 47px;
  line-height: 47;
  margin-left: 15px;
  background-color: #e31b26;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
}
#form-itinery #transport li:first-child {
  margin: 0;
}
#form-itinery #transport li:before {
  display: block;
}
#form-itinery #transport li.active, #form-itinery #transport li:hover {
  background-color: white;
}
#form-itinery #transport li input[type=radio] {
  position: absolute;
  left: 20px;
  top: 20px;
  visibility: hidden;
}
#form-itinery .car:before {
  background-position: 0 -472px;
  height: 24px;
  width: 34px;
  margin: 12px 0 0 6px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #form-itinery .car:before {
    background-position: 0 -472px;
  }
}
#form-itinery .car.active:before, #form-itinery .car:hover:before {
  background-position: 0 -429px;
  height: 24px;
  width: 34px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #form-itinery .car.active:before, #form-itinery .car:hover:before {
    background-position: 0 -429px;
  }
}
#form-itinery .bike:before {
  background-position: 0 -401px;
  height: 28px;
  width: 33px;
  margin: 9px 0 0 6px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #form-itinery .bike:before {
    background-position: 0 -401px;
  }
}
#form-itinery .bike.active:before, #form-itinery .bike:hover:before {
  background-position: 0 -373px;
  height: 28px;
  width: 33px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #form-itinery .bike.active:before, #form-itinery .bike:hover:before {
    background-position: 0 -373px;
  }
}
#form-itinery .walker:before {
  background-position: 0 -1418px;
  height: 33px;
  width: 19px;
  margin: 7px 0 0 15px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #form-itinery .walker:before {
    background-position: 0 -1418px;
  }
}
#form-itinery .walker.active:before, #form-itinery .walker:hover:before {
  background-position: 0 -1385px;
  height: 33px;
  width: 19px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  #form-itinery .walker.active:before, #form-itinery .walker:hover:before {
    background-position: 0 -1385px;
  }
}
#form-itinery #container-origin {
  position: relative;
  height: 34px;
  margin: 0 0 41px;
  padding-top: 15px;
  text-align: left;
}
#form-itinery #container-origin:before {
  position: absolute;
}
#form-itinery #container-origin input[type=text] {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-transition: width;
  -o-transition: width;
  -webkit-transition: width;
  transition: width;
}
#form-itinery #container-origin.parsley-error:before {
  right: 0;
  top: 28px;
}
#form-itinery #container-origin.parsley-error input[type=text] {
  width: 93%;
}
#form-itinery #container-origin #empty-itinery, #form-itinery #container-origin #error-itinery {
  display: none;
  position: absolute;
  left: 0px;
  top: 51px;
  color: #e31b26;
  text-align: left;
}
#form-itinery .btn-red {
        /* &:hover {
            @include removeLinearGadient; background-color: $white;

            &:after { display: none }

            input[type=submit] { color: $colorDefault }
        } */
}
#form-itinery .btn-red input[type=submit] {
  padding: 7px 50px;
  color: white;
}
#form-itinery .gps {
  margin: 20px 0 8px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #e31b26;
}
#form-itinery .coord-gps {
  font-size: 12px;
  font-size: 1.2rem;
}

#block-panel-itinary {
  display: none;
}
#block-panel-itinary.open {
  display: block;
}
#block-panel-itinary .print {
  position: absolute;
  top: 12px;
  right: 28px;
}
#block-panel-itinary + .bottom {
  display: none;
  position: relative;
  height: 60px;
}
#block-panel-itinary + .bottom .print {
  position: absolute;
  top: 12px;
  right: 8px;
}
#block-panel-itinary + .bottom.open {
  display: block;
}
#block-panel-itinary .adp-list {
  border: 0;
  padding: 18px;
}
#block-panel-itinary .adp-list td {
  padding: 0 0 4px 16px;
  font-family: arial, 'helvetica', sans-serif;
  font-style: italic;
  font-size: 14px;
  font-size: 1.4rem;
  color: #433d3f;
  text-decoration: underline;
}
#block-panel-itinary .adp-list td:hover {
  text-decoration: none;
}
#block-panel-itinary .adp-list td.adp-listheader {
  padding: 0 0 8px 0;
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 18px;
  font-size: 1.8rem;
  color: #e31b26;
  text-decoration: none;
}
#block-panel-itinary .adp-list td.adp-listsel {
  padding-left: 0;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
}
#block-panel-itinary .adp-list td.adp-listsel:before {
  content: '>';
  padding-right: 7px;
  font-family: arial, 'helvetica', sans-serif;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  color: #e31b26;
}
#block-panel-itinary .adp-placemark {
  background-color: transparent;
  border-top-color: #d9d8d9;
  border-right: transparent;
  border-top-color: #d9d8d9;
  border-left: transparent;
}
#block-panel-itinary .adp-placemark .adp-text {
  width: 96%;
  padding: 19px 0 19px 50px;
  font-family: arial, 'helvetica', sans-serif;
  font-style: normal;
  font-size: 14px;
  font-size: 1.4rem;
}
#block-panel-itinary .adp-placemark img {
  margin-left: 10px;
}
#block-panel-itinary .adp-summary {
  margin: 22px 0 17px;
  padding-left: 60px;
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 18px;
  line-height: 1.8rem;
  text-transform: uppercase;
  text-align: left;
}
#block-panel-itinary .adp-directions {
  width: 95.10638%;
  margin: 0 2.44681%;
}
#block-panel-itinary .adp-directions * {
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  color: #433d3f;
}
#block-panel-itinary .adp-directions .adp-substep {
  border: 0;
}
#block-panel-itinary .adp-legal {
  padding: 0 10px;
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  color: #433d3f;
  text-align: left;
}

.services {
  padding: 22px 21px;
  text-align: left;
}
.services p {
  margin-top: 15px;
}
.services .title {
  margin: 0;
  text-align: left;
}
.services .icon {
  position: relative;
  height: 45px;
  padding-left: 44px;
}
.services .icon:before {
  position: absolute;
  left: 0px;
  top: 2px;
}

.parking:before {
  background-position: 0 -453px;
  height: 19px;
  width: 27px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .parking:before {
    background-position: 0 -453px;
  }
}

.paiements:before {
  background-position: 0 -1121px;
  height: 23px;
  width: 23px;
  left: 5px !important;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .paiements:before {
    background-position: 0 -1121px;
  }
}

.proximite {
  padding: 7px 14.82759% 20px;
}
.proximite li {
  display: inline;
}

@media only screen and (max-width: 720px) {
  #map-itinary {
    /* display: none !important*/
    width: 100%;
    height: 250px;
    margin: 20px 0 0;
  }

  #block-panel-itinary .adp-placemark .adp-text {
    width: 88%;
  }
  #block-panel-itinary .adp-summary {
    padding-left: 0;
  }
  #block-panel-itinary .adp-directions td.adp-substep:first-child,
  #block-panel-itinary .adp-directions td.adp-substep:nth-child(2) {
    display: none;
  }
}
@media only screen and (min-width: 720px) {
  .boulangerie {
    height: 105px;
  }
  .boulangerie > p {
    float: left;
    width: 90px;
    height: 105px;
    line-height: 105px;
    font-style: italic;
    color: #433d3f;
  }
  .boulangerie div {
    float: left;
  }
  .boulangerie div img {
    float: left;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px 0 0 3px;
  }
  .boulangerie div p {
    float: right;
    width: 138px;
    height: 105px;
    line-height: 105px;
    background-color: #7a2000;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0;
    border-radius: 0 3px 3px 0;
    font-family: 'OswaldRegular', sans-serif;
    font-style: normal;
    font-size: 16px;
    font-size: 1.6rem;
    color: white;
    text-transform: uppercase;
    text-align: center;
  }

  .proximite {
    padding: 20px 15px;
  }
  .proximite .title {
    margin-bottom: 21px;
  }

  #form-itinery {
    padding: 0 7px;
  }
  #form-itinery form {
    z-index: 15;
  }
  #form-itinery .error {
    position: absolute;
    left: 12px;
    top: 170px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 200px;
    padding: 30px;
    background-color: #e31b26;
    -moz-box-shadow: 0 0 5px #433d3f;
    -webkit-box-shadow: 0 0 5px #433d3f;
    box-shadow: 0 0 5px #433d3f;
    color: white;
    -moz-transition: left 500ms cubic-bezier(1, 0, 0, 1) 0ms;
    -o-transition: left 500ms cubic-bezier(1, 0, 0, 1) 0ms;
    -webkit-transition: left 500ms cubic-bezier(1, 0, 0, 1);
    -webkit-transition-delay: 0ms;
    transition: left 500ms cubic-bezier(1, 0, 0, 1) 0ms;
  }
  #form-itinery .error.open {
    left: 350px;
  }
}
@media only screen and (min-width: 720px) and (max-width: 974px) {
  .video-link:before {
    left: 70px;
  }

  .boulangerie {
    margin-left: 15px;
  }

  .proximite img {
    width: 110px;
    height: 115px;
  }
  .proximite .right-h {
    width: 200px;
  }

  #form-itinery form {
    width: 228px;
    height: 380px;
    margin-right: 15px;
  }
  #form-itinery #container-origin {
    margin-bottom: 56px;
  }
  #form-itinery .gps {
    margin-top: 11px;
  }

  #map-itinary {
    width: 463px;
    height: 380px;
  }
}
@media only screen and (min-width: 974px) {
  .video-link:before {
    left: 110px;
  }

  .services {
    height: 210px;
  }
  .services .title {
    margin-bottom: 38px;
  }

  .proximite {
    height: 210px;
  }
  .proximite .right-h {
    width: 270px;
    padding: 0 15px;
  }
  .proximite .title {
    width: 100% !important;
  }

  #form-itinery form {
    width: 308px;
    height: 380px;
    margin-right: 15px;
  }
  #form-itinery .error {
    left: 20px;
    width: auto;
  }
  #form-itinery .error.open {
    left: 450px;
  }

  #map-itinary {
    width: 636px;
    height: 380px;
  }

  #block-panel-itinary .adp-placemark .adp-text {
    width: 96%;
  }
}
/* ------------------- */
/* ::: V A L E U R ::: */
/* ------------------- */
.valeurs .title {
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.valeurs .inner p {
  margin-top: 15px;
  line-height: 18px;
  line-height: 1.8rem;
  text-align: left;
}
.valeurs .inner p:first-child {
  margin-top: 0;
}
.valeurs a {
  font-family: arial, 'helvetica', sans-serif;
  font-style: normal;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 15px;
  line-height: 1.5rem;
  color: #e31b26;
}
.valeurs a:hover {
  color: #433d3f;
  text-decoration: none;
}
.valeurs.valeurs-search {
  display: block;
  text-decoration: none;
}
.valeurs.valeurs-search * {
  display: block;
  font-style: normal;
}
.valeurs.valeurs-search .inner {
  text-align: left;
}
.valeurs.valeurs-search .inner span {
  display: inline;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
  line-height: 1.8rem;
  text-align: left;
}
.valeurs.valeurs-search:hover .inner span {
  color: #433d3f;
}
.valeurs.valeurs-search:hover .inner span.red {
  color: #e31b26;
}
.valeurs .action-btn {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.valeurs .action-btn .btn {
  margin: 7px 4px 13px;
}

.professionnels .rayon > .btn span {
  padding-right: 0;
  padding-left: 0;
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 17px;
  line-height: 1.7rem;
  text-transform: uppercase;
}

.content-valeur .title {
  font-size: 27px;
  font-size: 2.7rem;
  color: #c8d324;
}
.content-valeur .content-title, .content-valeur h2 {
  margin-top: 0;
  color: #e31b26;
}
.content-valeur .number-list {
  position: absolute;
  margin-left: 8px;
}

.special-boucherie-1 {
  position: relative;
}
.special-boucherie-1 span {
  position: absolute;
  top: 7px;
  right: 7px;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  background: #303030;
  background: rgba(48, 48, 48, 0.8);
  color: white;
  text-align: center;
  text-transform: uppercase;
}
.special-boucherie-1 img {
  width: 100%;
}

@media only screen and (max-width: 720px) {
  .professionnels {
    margin-bottom: 10px;
  }
  .professionnels .rayon .btn {
    width: 260px;
  }

  .content-valeur .inner {
    padding-right: 0;
    padding-left: 0;
  }
  .content-valeur .image img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 720px) {
  .content-valeur .inner {
    padding-top: 0;
    padding-bottom: 0;
  }

  .special-boucherie-1 span {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-family: 'OswaldRegular', sans-serif;
    font-style: normal;
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 720px) and (max-width: 974px) {
  .professionnels {
    width: 600px;
    margin: 0 auto;
  }

  .content-valeur .image {
    margin-top: 59px;
  }
  .content-valeur .title {
    width: 100%;
    display: inline-block;
    margin: 0 0 15px;
    text-align: center;
  }
  .content-valeur .title + * {
    clear: left;
  }

  .valeurs .inner p {
    line-height: 15px;
    line-height: 1.5rem;
  }
  .valeurs .action-btn .btn {
    margin: 0 0 5px !important;
  }
  .valeurs.height-5 {
    height: 550px;
  }
}
@media only screen and (min-width: 974px) {
  .special-boucherie-1 span {
    height: 66px;
    line-height: 66px;
    padding: 0 30px;
    font-family: 'OswaldRegular', sans-serif;
    font-style: normal;
    font-size: 27px;
    font-size: 2.7rem;
  }
}
/* ------------------------- */
/* ::: P R O M O T I O N ::: */
/* ------------------------- */
.height-promo {
  height: 485px;
}

.promo {
  position: relative;
  display: block;
  padding: 22px 20px;
  background-color: #ce194f;
  font-size: 12px;
  font-size: 1.2rem;
  color: white;
  text-align: left;
  text-decoration: none;
  letter-spacing: 0.05em;
}
.promo * {
  display: block;
}
.promo > .price {
  position: absolute;
  left: 22px;
  top: 95px;
  width: 111px;
  height: 112px;
  line-height: 112px;
  background: url(/charte/base/img/visual/round.png) no-repeat center center;
}
.promo .info {
  position: absolute;
  left: 132px;
  top: 172px;
  max-width: 140px;
}
.promo > a {
  position: absolute;
  left: 0px;
  bottom: 20px;
  width: 100%;
  /* color: $white; */
  text-align: center;
}
.promo.boucherie {
  background-color: #ce194f;
}
.promo.cremerie {
  background-color: #FFE700;
}
.promo.cremerie .promo-name, .promo.cremerie .info, .promo.cremerie .country, .promo.cremerie .promo-text, .promo.cremerie .promo-suptitle {
  color: #433D3F !important;
}
.promo.cremerie > a {
  color: #433D3F !important;
}
.promo.fruit {
  background-color: #b7c726;
}
.promo.epicerie {
  background-color: #f6bf17;
}
.promo.poissonnerie {
  background-color: #275cab;
}
.promo.fruit, .promo.epicerie {
  color: #433d3f;
}
.promo.fruit > a:hover, .promo.fruit .promo-name, .promo.epicerie > a:hover, .promo.epicerie .promo-name {
  color: #433d3f;
}
.promo.boucherie, .promo.cremerie, .promo.poissonnerie {
  color: white;
}
.promo.boucherie > a, .promo.cremerie > a, .promo.poissonnerie > a {
  color: white;
}

.promo-name {
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 25px;
  line-height: 2.5rem;
  color: white;
  text-transform: uppercase;
}

.price {
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 35px;
  font-size: 3.5rem;
  font-weight: bold;
  color: #e31b26;
  text-align: center;
}
.price sup {
  display: inline-block;
  margin-top: -3px;
  font-size: 25px;
  font-size: 2.5rem;
  vertical-align: top;
}
.price.old-price {
  background: url(/charte/base/img/visual/discount.png) no-repeat center center;
}
.price.old-price sup {
  vertical-align: middle;
  font-size: 20px;
  font-size: 2rem;
}

.promo-highlight {
  position: absolute;
  left: 120px;
  top: 85px;
  display: table;
  width: 168px;
  height: 77px;
  background: url(/charte/base/img/visual/promotion-mobile.png) no-repeat center center;
  color: #e31b26;
  text-align: center;
}
.promo-highlight .inner {
  display: table-cell;
  vertical-align: middle;
}
.promo-highlight .inner > p * {
  display: inline-block;
}
.promo-highlight .big {
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 24px;
  line-height: 2.4rem;
  color: #e31b26;
}
.promo-highlight .big.price {
  font-weight: normal;
}
.promo-highlight .medium {
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 20px;
  font-size: 2rem;
  line-height: 20px;
  line-height: 2rem;
  color: #e31b26;
}
.promo-highlight p + p + p + p + .medium {
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 18px;
  line-height: 1.8rem;
}
.promo-highlight .mini {
  font-family: arial, 'helvetica', sans-serif;
  font-style: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 12px;
  line-height: 1.2rem;
  color: #433d3f;
}
.promo-highlight .red {
  color: #e31b26;
}
.promo-highlight .black {
  color: #433d3f;
}
.promo-highlight .old-price .black {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 25px;
  line-height: 2.5rem;
}
.promo-highlight .old-price .black sup {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 27px;
  line-height: 2.7rem;
}
.promo-highlight .space .big {
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 26px;
  line-height: 2.6rem;
}
.promo-highlight .space .medium {
  line-height: 22px;
  line-height: 2.2rem;
}
.promo-highlight .space .mini {
  line-height: 14px;
  line-height: 1.4rem;
}
.promo-highlight .space.tiny .big {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 20px;
  line-height: 2rem;
}
.promo-highlight .space.tiny .medium {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 20px;
  line-height: 2rem;
}
.promo-highlight .smaller .big {
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 20px;
  font-size: 2rem;
  line-height: 20px;
  line-height: 2rem;
}
.promo-highlight .tiny .big {
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 18px;
  line-height: 1.8rem;
}
.promo-highlight .center-plus {
  line-height: 14px !important;
  line-height: 1.4rem !important;
}

.promo-content {
  position: absolute;
  left: 22px;
  top: 218px;
  max-width: 88%;
}
.promo-content .country {
  display: inline-block;
  margin: 4px 0 10px;
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 34px;
  line-height: 3.4rem;
  text-transform: uppercase;
}
.promo-content .france {
  display: inline-block;
}
.promo-content .france:before {
  background-position: 0 -746px;
  height: 26px;
  width: 41px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .promo-content .france:before {
    background-position: 0 -746px;
  }
}
.promo-content .promo-date {
  display: inline-block;
  margin-top: 12px;
}

@media only screen and (max-width: 720px) {
  .height-promo.promotion-link {
    height: auto;
  }
}
@media only screen and (min-width: 720px) and (max-width: 974px) {
  .promo-highlight .space.tiny .big {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 16px;
    line-height: 1.6rem;
  }
  .promo-highlight .space.tiny .medium {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 16px;
    line-height: 1.6rem;
  }
  .promo-highlight .tiny .big {
    font-family: 'OswaldRegular', sans-serif;
    font-style: normal;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 16px;
    line-height: 1.6rem;
  }

  .height-promo {
    height: 525px;
  }

  .promo {
    padding: 17px 13px;
  }
  .promo > .price {
    left: 13px;
    top: 120px;
    width: 83px;
    height: 84px;
    line-height: 84px;
    background-size: 83px 84px;
    font-size: 24px;
    font-size: 2.4rem;
  }
  .promo > .price sup {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .promo .info {
    position: absolute;
    left: 98px;
    top: 182px;
    max-width: 140px;
  }
  .promo > a {
    left: 13px;
    width: 88%;
  }

  .promo-name {
    left: 13px;
  }

  .promo-highlight {
    left: auto;
    top: 105px;
    right: 13px;
    width: 133px;
    height: 75px;
    background-image: url(/charte/base/img/visual/promotion-tablet.png);
  }
  .promo-highlight .big {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
    line-height: 1.8rem;
  }
  .promo-highlight .medium {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
    line-height: 1.6rem;
  }
  .promo-highlight .mini {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 11px;
    line-height: 1.1rem;
  }
  .promo-highlight .space .big {
    line-height: 20px;
    line-height: 2rem;
  }
  .promo-highlight .space .medium {
    line-height: 18px;
    line-height: 1.8rem;
  }
  .promo-highlight .space .mini {
    line-height: 12px;
    line-height: 1.2rem;
  }
  .promo-highlight .center-plus {
    line-height: 11px !important;
    line-height: 1.1rem !important;
  }

  .promo-content {
    position: absolute;
    left: 13px;
    top: 223px;
    max-width: 90%;
  }
  .promo-content .country {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 24px;
    line-height: 2.4rem;
  }
}
@media only screen and (min-width: 974px) {
  .height-promo {
    height: 460px;
  }

  .promo-name {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 28px;
    line-height: 2.8rem;
  }

  .promo-highlight {
    width: 177px;
    height: 82px;
    background-image: url(/charte/base/img/visual/promotion-desktop.png);
  }
}
/* ---------------------------------------------------------------- */
/* ::: R E C E T T E (toutes les pages contenant des recettes)  ::: */
/* ---------------------------------------------------------------- */
.find-map .title-shop {
  margin-top: -65px;
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 21px;
  line-height: 2.1rem;
  color: #433d3f;
  text-transform: uppercase;
}
.find-map .inner p {
  margin-bottom: 15px;
  color: #433d3f;
  text-align: left;
}
.find-map .inner .current p {
  color: #e31b26;
}
.find-map.quickly input[type=text], .find-map.map-list input[type=text] {
  padding: 0 10px;
}
.find-map.quickly input[type=text]:-moz-placeholder, .find-map.map-list input[type=text]:-moz-placeholder {
  font-size: 13px;
  font-size: 1.3rem;
}
.find-map.quickly input[type=text]::-moz-placeholder, .find-map.map-list input[type=text]::-moz-placeholder {
  font-size: 13px;
  font-size: 1.3rem;
}
.find-map.quickly input[type=text]:-ms-input-placeholder, .find-map.map-list input[type=text]:-ms-input-placeholder {
  font-size: 13px;
  font-size: 1.3rem;
}
.find-map.quickly input[type=text]::-webkit-input-placeholder, .find-map.map-list input[type=text]::-webkit-input-placeholder {
  font-size: 13px;
  font-size: 1.3rem;
}
.find-map.quickly input[type=text].placeholder, .find-map.map-list input[type=text].placeholder {
  font-size: 13px;
  font-size: 1.3rem;
}
.find-map.quickly .submit, .find-map.map-list .submit {
  width: 150px;
  text-align: center;
}
.find-map.nearly .title.underline:after {
  margin-top: 60px;
}
.find-map.nearly .inner {
  margin-top: 35px;
}
.find-map.nearly li {
  position: relative;
  height: 40px;
}
.find-map.nearly li form {
  display: table;
  margin-bottom: 6px;
}
.find-map.nearly li:before {
  background-position: 0 -288px;
  height: 10px;
  width: 6px;
  position: absolute;
  left: 0px;
  top: 11px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .find-map.nearly li:before {
    background-position: 0 -288px;
  }
}
.find-map.nearly li p {
  display: table-cell;
  vertical-align: middle;
  width: 200px;
  height: 34px;
  margin: 0;
  padding-top: 0;
  padding-left: 15px;
  font-family: arial, 'helvetica', sans-serif;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 15px;
  line-height: 1.5rem;
}
.find-map.nearly li .choise {
  display: table-cell;
  width: 79px;
}
.find-map.nearly li .choise:before {
  background-position: 0 -1371px;
  height: 14px;
  width: 18px;
  margin-top: 8px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .find-map.nearly li .choise:before {
    background-position: 0 -1371px;
  }
}
.find-map.nearly li .submit {
  display: block;
  max-height: 34px;
  margin: 0;
}
.find-map.nearly li .submit input[type=submit] {
  padding-top: 6px;
  padding-bottom: 6px;
}

@media only screen and (max-width: 720px) {
  #map-shops {
    width: 100%;
    height: 250px;
  }
}
@media only screen and (min-width: 720px) {
  .quickly .inner, .map-list .inner {
    height: 250px;
  }
  .quickly .submit, .map-list .submit {
    position: absolute;
    left: 75px;
    bottom: 0px;
  }

  #map-shops {
    width: 98%;
    height: 635px;
    margin: 25px 7px 80px;
  }
}
@media only screen and (min-width: 720px) and (max-width: 974px) {
  .quickly .submit {
    left: 35px;
  }

  .map-list .inner {
    height: 225px;
  }
  .map-list .submit {
    left: 32px;
  }

  .find-map {
    height: 360px;
  }

  .find-map.nearly .inner {
    margin-top: 22px;
    padding: 0;
  }
  .find-map.nearly .inner li p {
    display: table-cell;
    vertical-align: middle;
    width: 150px;
  }
  .find-map.nearly .inner li .submit input[type=submit] {
    padding-right: 5px;
    padding-left: 5px;
  }
}
@media only screen and (min-width: 974px) {
  .find-map.quickly .inner, .find-map.map-list .inner {
    padding: 0 25px;
  }
  .find-map.nearly li {
    margin-left: 8px;
  }
}
/* --------------------- */
/* ::: A C C O U N T ::: */
/* --------------------- */
.subscribe .btn {
  margin-bottom: 0;
}

.unsubscribe, .confirmation {
  margin-top: 30px;
}
.unsubscribe span, .confirmation span {
  display: block;
  margin-right: 10px;
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 15px;
  line-height: 1.5rem;
  color: #e31b26;
  text-transform: uppercase;
}
.unsubscribe span:before, .confirmation span:before {
  background-position: 0 -1371px;
  height: 14px;
  width: 18px;
  margin-right: 5px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .unsubscribe span:before, .confirmation span:before {
    background-position: 0 -1371px;
  }
}
.unsubscribe.open, .confirmation.open {
  margin-bottom: 10px;
}

.subscribe, .unsubscribe, .confirmation {
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  margin-bottom: 0;
  -moz-transition-property: max-height, visibility, margin;
  -o-transition-property: max-height, visibility, margin;
  -webkit-transition-property: max-height, visibility, margin;
  transition-property: max-height, visibility, margin;
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.subscribe.open, .unsubscribe.open, .confirmation.open {
  max-height: 60px;
  visibility: visible;
}

.link-recette {
  background-color: #c8d324;
}
.link-recette .inner {
  display: table;
  width: 100%;
  height: 100%;
  margin: 0;
}
.link-recette a {
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
}
.link-recette a * {
  text-align: center;
}
.link-recette a span:first-child {
  font-family: 'OswaldLight', sans-serif;
  font-style: normal;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  line-height: 2.4rem;
}
.link-recette a .link {
  position: relative;
  display: block;
  margin-top: 15px;
  padding-top: 40px;
  color: #433d3f;
  text-decoration: underline;
}
.link-recette a .link:before {
  background-position: 0 -28px;
  height: 28px;
  width: 28px;
  position: absolute;
  left: 122px;
  top: 0px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .link-recette a .link:before {
    background-position: 0 -28px;
  }
}
.link-recette a:hover span:first-child {
  color: #433d3f !important;
}
.link-recette a:hover .link {
  color: #e31b26;
  text-decoration: none;
}

.info-menu {
  background-color: #c8d324;
  font-family: 'OswaldLight', sans-serif;
  font-style: normal;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  line-height: 2.4rem;
  text-align: center;
}
.info-menu p:before {
  background-position: 0 -808px;
  height: 28px;
  width: 28px;
  display: block;
  margin: 15px auto;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .info-menu p:before {
    background-position: 0 -808px;
  }
}
.info-menu p:first-child:before {
  display: none;
}
.info-menu .btn {
  margin-top: 15px;
}

.no-recette {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  height: 0;
  -moz-transition: opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms;
  -o-transition: opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms;
  -webkit-transition: opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition-delay: 500ms;
  transition: opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms;
}
.no-recette.open {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  height: auto;
}

.newsletter-remove {
  padding-bottom: 0;
}
.newsletter-remove .radio-list {
  max-width: 550px;
  margin: 20px 0;
}
.newsletter-remove .radio-list > li {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 8px;
  color: #433d3f;
}
.newsletter-remove .radio-list .checkbox:before {
  background-position: 0 -496px;
  height: 18px;
  width: 18px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .newsletter-remove .radio-list .checkbox:before {
    background-position: 0 -496px;
  }
}
.newsletter-remove .radio-list .checkbox.checked:before {
  background-position: 0 -514px;
  height: 18px;
  width: 18px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .newsletter-remove .radio-list .checkbox.checked:before {
    background-position: 0 -514px;
  }
}
.newsletter-remove .hidden-field {
  margin: 0;
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  -moz-transition-property: max-height, visibility, margin;
  -o-transition-property: max-height, visibility, margin;
  -webkit-transition-property: max-height, visibility, margin;
  transition-property: max-height, visibility, margin;
  -moz-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.newsletter-remove .hidden-field p {
  margin-bottom: 5px;
}
.newsletter-remove .hidden-field span.label {
  width: auto;
  line-height: 17px;
}
.newsletter-remove .hidden-field input[type=text] {
  width: 210px;
  margin-bottom: 20px;
}
.newsletter-remove .hidden-field textarea {
  width: 100%;
  max-width: 475px;
}
.newsletter-remove .hidden-field .parsley-error .parsley-error-list {
  float: left;
  margin-top: -12px;
}
.newsletter-remove .hidden-field.open {
  max-height: 500px;
  visibility: visible;
  margin: 15px 0 25px;
}
.newsletter-remove .submit {
  margin-right: 200px;
}

.savoir {
  position: relative;
  margin-top: 20px;
  padding-left: 35px;
  color: #8c8b8b;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 16px;
  line-height: 1.6rem;
}
.savoir:before {
  background-position: 0 -1211px;
  height: 22px;
  width: 26px;
  position: absolute;
  left: 0px;
  top: 0px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .savoir:before {
    background-position: 0 -1211px;
  }
}
.savoir a {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 16px;
  line-height: 1.6rem;
}

@media only screen and (max-width: 720px) {
  .recette.link-recette {
    width: 100%;
    height: 214px;
  }

  .title-day span {
    max-width: none;
    font-size: 40px;
    font-size: 4rem;
    line-height: 42px;
    line-height: 4.2rem;
  }
  .title-day span:before, .title-day span:after {
    content: '';
    position: absolute;
    top: 50%;
    display: block;
    width: 48px;
    height: 2px;
    vertical-align: middle;
    background-color: #e31b26;
  }
  .title-day span:before {
    left: -58px;
  }
  .title-day span:after {
    right: -58px;
  }

  .nl-subscription ul + ul {
    display: inline-block;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 720px) {
  .subscribe, .unsubscribe {
    display: block !important;
    height: 52px;
    margin: 0 0 3px 0 !important;
  }

  .subscribe .btn {
    margin-bottom: 0;
  }

  .unsubscribe.open, .confirmation.open {
    margin-bottom: 10px;
    padding-top: 22px;
  }

  .info-menu {
    padding-right: 250px;
    background-image: url(/charte/base/img/visual/menu-semaine.jpg);
    background-repeat: no-repeat;
    background-position: right top;
  }
  .info-menu p {
    max-width: 600px;
  }
  .info-menu p:before {
    display: none;
  }
  .info-menu .btn {
    margin-left: 10px;
  }

  .newsletter-remove {
    padding: 30px 40px;
  }
  .newsletter-remove .title {
    font-size: 20px;
    font-size: 2rem;
  }
  .newsletter-remove .hidden-field {
    margin-left: 30px;
  }
  .newsletter-remove .hidden-field .parsley-error .parsley-error-list {
    margin-left: 142px;
  }
  .newsletter-remove .hidden-field.open {
    margin-left: 30px;
  }

  .nl-subscription {
    padding: 10px 10px 40px;
  }
  .nl-subscription .bottom {
    width: 100%;
    position: relative;
  }
  .nl-subscription .title {
    text-align: left;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 20px;
    line-height: 2rem;
    white-space: nowrap;
  }
  .nl-subscription ul {
    display: inline-block;
    width: 100%;
    padding: 20px;
  }
  .nl-subscription li {
    display: inline-block;
    text-align: left;
    float: left;
    width: 65%;
  }
  .nl-subscription li:first-child {
    width: 35%;
  }
  .nl-subscription .inner {
    padding: 0 0 0 30px;
  }
  .nl-subscription .inner a {
    display: inline-block;
    padding: 5px 28px;
  }
}
@media only screen and (min-width: 720px) and (max-width: 974px) {
  .link-recette .inner .link:before {
    left: 85px;
  }
}
@media only screen and (min-width: 974px) {
  .info-menu p {
    margin-right: 70px;
    margin-left: 58px;
  }
}
/* -------------------------------- */
/* ::: D E T A I L (d'une actu) ::: */
/* -------------------------------- */
.content-detail .satisfaction .block {
  padding: 15px 20px;
}
.content-detail .satisfaction .title {
  color: #c8d324;
}
.content-detail .satisfaction ul {
  margin-left: 20px;
}
.content-detail .satisfaction li {
  margin-bottom: 20px;
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 16px;
  font-size: 1.6rem;
}
.content-detail .satisfaction li .red {
  color: #e31b26;
}
.content-detail .satisfaction li strong.red {
  font-size: 26px;
  font-size: 2.6rem;
}
.content-detail .satisfaction .conditions {
  font-family: arial, 'helvetica', sans-serif;
  font-style: normal;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 14px;
  line-height: 1.4rem;
  color: #8c8b8b;
}
.content-detail .satisfaction .bottom {
  bottom: -50px;
}
.content-detail .satisfaction .bottom .btn {
  width: 100%;
}
.content-detail .satisfaction .bottom .btn span {
  width: 100%;
  text-align: center;
}
.content-detail .legal p {
  margin-bottom: 15px;
  line-height: 18px;
  line-height: 1.8rem;
  color: #433d3f;
}
.content-detail .legal ul {
  margin-bottom: 15px;
}
.content-detail .legal li {
  margin-bottom: 8px;
  color: #433d3f;
}
.content-detail .legal h2 {
  margin-bottom: 0;
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 17px;
  font-size: 1.7rem;
  color: #c8d324;
}

@media only screen and (min-width: 720px) {
  .content-detail .satisfaction .bottom {
    left: 5px;
    bottom: -50px;
  }
  .content-detail .satisfaction .bottom .btn {
    width: auto;
  }

  .legal {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media only screen and (min-width: 720px) and (max-width: 974px) {
  .satisfaction .bottom {
    left: 6px;
    bottom: -50px;
  }
  .satisfaction .bottom .btn {
    width: auto;
  }
}
/* ---------------------------------------- */
/* ::: W Y S I W Y G (contenu ├®ditable) ::: */
/* ---------------------------------------- */
.content-detail .right-content h2 {
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
  text-align: left;
}
.content-detail .right-content .block:not(.list-article) ul {
  margin-top: 0;
}

.content-pro h2 {
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 22px;
  line-height: 2.2rem;
  margin: 15px 0 10px;
  display: inline-block;
}

@media only screen and (min-width: 720px) {
  .content-detail .right-content .block:not(.list-article) h3 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22px;
    line-height: 2.2rem;
  }
}
@media only screen and (min-width: 974px) {
  .content-detail .block .title, .content-detail .block h2 {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 32px;
    line-height: 3.2rem;
  }
}
.title.lowcase {
  text-transform: none;
  max-width: 100%;
}

.title-op {
  position: relative;
  margin: 13px auto 20px;
  font-family: 'OswaldRegular', sans-serif;
  font-style: normal;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 0.02em;
  color: #131313;
  text-align: center;
  text-transform: uppercase;
}
.title-op span {
  font-family: arial, 'helvetica', sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  line-height: 1.4rem;
  text-transform: none;
  font-weight: normal;
}
.title-op.underline:after {
  content: '';
  display: block;
  width: 100px;
  height: 2px;
  margin: 10px auto 0;
  background-color: #e31b26;
}
.title-op sup {
  font-size: 16px;
  font-size: 1.6rem;
}
.title-op.green {
  color: #c8d324;
}
.title-op.green.underline:after {
  background-color: #c8d324;
}

.modal-op-natio.custom-modal.block-to-modal {
  text-align: center;
  color: #131313;
}
.modal-op-natio.custom-modal.block-to-modal .code-postal, .modal-op-natio.custom-modal.block-to-modal .select-magasin {
  width: 100%;
  display: inline-block;
}
.modal-op-natio.custom-modal.block-to-modal form {
  width: 80%;
  display: inline-block;
  padding-top: 0 !important;
  float: none;
}
.modal-op-natio.custom-modal.block-to-modal form > p {
  text-align: center;
}
.modal-op-natio.custom-modal.block-to-modal form ul {
  margin: 0;
}
.modal-op-natio.custom-modal.block-to-modal form ul li {
  width: 100%;
}
.modal-op-natio.custom-modal.block-to-modal.open {
  max-height: inherit;
}
.modal-op-natio.custom-modal.block-to-modal .content-form form .btn.submit {
  margin-left: 10px;
}
.modal-op-natio.custom-modal.block-to-modal .content-form form .btn.submit input {
  font-weight: bold;
}
.modal-op-natio.custom-modal.block-to-modal .remand {
  font-family: arial, 'helvetica', sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 12px;
  line-height: 1.2rem;
  text-align: left;
}
.modal-op-natio.custom-modal.block-to-modal .remand a {
  font-style: normal;
  color: white;
}
.modal-op-natio.custom-modal.block-to-modal .close-reveal-modal.hide-h {
  font-family: arial, 'helvetica', sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 12px;
  line-height: 1.2rem;
  display: inline-block;
  position: relative;
  text-decoration: underline;
  width: 100%;
  text-align: center;
}

@media only screen and (min-width: 720px) {
  .modal-op-natio.custom-modal.block-to-modal .content-form form .btn.submit {
    margin-left: 90px;
  }
  .modal-op-natio.custom-modal.block-to-modal.open {
    max-height: 500px;
  }
  .modal-op-natio.custom-modal.block-to-modal .content-form form .btn.submit {
    margin-left: 27px;
  }
  .modal-op-natio.custom-modal.block-to-modal .remand a {
    color: #131313;
  }
}
/* ----------------------------- */
/* ::: C O N D I T I O N A L ::: */
/* ----------------------------- */
.ie .radio audio {
  bottom: 24px;
  margin-bottom: 2px;
  padding: 0;
}
.ie .draggable.ui-draggable-dragging .inner .title a {
  text-transform: capitalize;
}

.lte9 .checkbox:before {
  content: " ";
}
.lte9 .checkbox.checked:before {
  content: ".";
  color: white;
}
.lte9 .radio-list li:before {
  content: " ";
}
.lte9 .radio-list li.checked:before {
  content: ".";
  color: #e5e5e5;
}
.lte9 .menu .search-form .btn:after {
  width: 95% !important;
}
.lte9 .input-button .btn:after {
  width: 95% !important;
}
.lte9 .input-button input[type=text] {
  padding-top: 5px;
}
.lte9 .content-detail .bottom {
  width: 100%;
}
.lte9 .content-detail .right-content .bottom-recette {
  bottom: -105px;
}
.lte9 .content-detail .right-content .bottom-recette li a {
  display: block;
}
.lte9 .content-detail .right-content .bottom-recette #link-favorite {
  width: 400px;
}
.lte9 .content-detail .right-content .bottom-recette .print a {
  display: inline-block;
}
.lte9 .content-detail .right-content .bottom-recette .next {
  width: 270px;
}
.lte9 .recette-favorite.in-favorite {
  text-decoration: none;
}
.lte9 .recette-favorite.in-favorite:before {
  content: ".";
  color: #e31b26;
}
.lte9 .tooltip {
  display: none;
  visibility: visible;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.lte9 .recette-favorite:hover + .tooltip {
  display: block;
}
.lte9 #open-menu, .lte9 #opened-menu, .lte9 #drop-week {
  border-top: 1px solid #969f21;
}
.lte9 .reveal-modal.custom-video {
  position: fixed !important;
  top: 30%;
  margin-top: 0 !important;
  width: 694px;
  height: 419px;
}
.lte9 .reveal-modal.custom-modal.modal-pro, .lte9 .reveal-modal.custom-modal.modal-pro#cremier-plus, .lte9 .reveal-modal.custom-modal.modal-pro#boucherie-plus, .lte9 .reveal-modal.custom-modal.modal-login, .lte9 .reveal-modal.custom-modal.modal-send, .lte9 .reveal-modal.custom-modal.modal-menu, .lte9 .reveal-modal.custom-modal.modal-email {
  position: fixed !important;
  top: 40% !important;
  margin-top: 0 !important;
}
.lte9 .reveal-modal.custom-modal.modal-login, .lte9 .reveal-modal.custom-modal.modal-send {
  top: 30% !important;
}
.lte9 #drop-week .day .custom-modal .trash {
  background: url(/charte/base/img//icon/trash.png) no-repeat 5px 1px;
}
.lte9 #drop-week .day .custom-modal .trash:before {
  display: none;
}
.lte9 .custom-modal, .lte9 #open-menu, .lte9 #opened-menu {
  background-image: url(/charte/base/img/visual/corner.png);
  background-repeat: no-repeat;
  background-position: right top;
}
.lte9 .custom-modal:after, .lte9 #open-menu:after, .lte9 #opened-menu:after {
  display: none;
}

@-moz-document url-prefix() {
  .menu .search-form input[type="submit"] {
    height: 24px;
    line-height: 24px;
    margin-top: -4px;
  }

  .footer-newsletter .input-button input[type="submit"] {
    height: 34px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 720px) {
  .lte10 #parent-flexslider,
  .lte10 #parent-flexslider .slides li,
  .lte10 #children-flexslider {
    width: 1024px !important;
  }

  .lte9 {
    /* .custom-modal.modal-pro#cremier-plus, 
    .custom-modal.modal-pro#boucherie-plus {
        // margin-top: 0 !important;
    } */
  }
  .lte9 #home-newsletter-modal {
    bottom: auto !important;
  }
  .lte9 .content-detail .right-content .bottom-recette .btn.next {
    width: 325px !important;
  }
  .lte9 .content-detail .bottom .btn {
    width: 320px;
  }
  .lte9 .rayon {
    width: 172px !important;
  }

  @-moz-document url-prefix() {
    .content-detail .bottom .btn {
      width: 320px;
    }
  }
}
@media only screen and (min-width: 974px) {
  .lte10 #parent-flexslider,
  .lte10 #parent-flexslider .slides li,
  .lte10 #children-flexslider {
    width: 1490px !important;
  }

  .ie9 .menu .search-form input[type=text] {
    width: 210px;
  }

  .lte9 .menu .search-form input[type=text] {
    width: 200px;
  }
  .lte9 .logo {
    padding-left: 17px;
  }
  .lte9 .primary-menu .gap {
    margin-left: 20px;
  }
  .lte9 .content .image, .lte9 .content-pro .image {
    width: 294px;
  }

  @-moz-document url-prefix() {
    .primary-menu .gap {
      margin-right: 199px;
    }
  }
}
@media only screen and (min-width: 974px) and (-webkit-min-device-pixel-ratio: 0) {
  .primary-menu .gap {
    margin-right: 199px;
  }
}
@media only screen and (min-width: 974px) {
  .touch .menu .search-form input[type=text] {
    width: 200px;
  }
}
.alert-browser, noscript.alert {
  position: fixed !important;
  left: 50%;
  top: 200px;
  z-index: 500;
  width: 54% !important;
  margin-left: -27% !important;
  padding-top: 25px;
  text-align: center;
}
.alert-browser .title, noscript.alert .title {
  max-width: 100%;
  color: #433d3f;
}
.alert-browser p, noscript.alert p {
  margin: 0 15px;
}
.alert-browser ul, noscript.alert ul {
  width: 475px;
}
.alert-browser li, noscript.alert li {
  display: block;
  margin: 25px 20px 20px;
}
.alert-browser a, noscript.alert a {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 15px;
  line-height: 1.5rem;
  font-style: normal;
  text-decoration: none;
}

noscript.alert .title {
  font-size: 40px;
  font-size: 4rem;
  line-height: 50px;
  line-height: 5rem;
}

.lte8 .account, .lte8 .menu, .lte8 header .primary-menu, .lte8 #parent-flexslider, .lte8 #children-flexslider, .lte8 header .breadcrumb, .lte8 .main, .lte8 .footer-newsletter, .lte8 .footer-video, .lte8 footer {
  display: none;
}
.lte8 header .background .inner {
  width: 100%;
}
.lte8 header .background .inner img {
  left: 0;
}

#debug {
  position: fixed;
  right: 500px;
  top: 100px;
  z-index: 10000;
  overflow: hidden;
  height: 400px;
  background-color: red;
  color: white;
}
#debug ol {
  position: absolute;
  bottom: 0;
}

@media print {
  /* ------------------ */
  /* ::: P R I N T  ::: */
  /* ------------------ */
  body {
    background: none;
  }

  #account, .menu, .primary-menu, .breadcrumb,
  .background, .btn.prev, .btn.next,
  .inner .bottom, .col-block, .container-rayon, .boulangerie, #form-itinery, .col-one-half, .block-panel-itinary + .bottom, #decouvrez, #decouvrez + .container-block.cf, .block-panel-itinary + .bottom + .cf, .boulangerie + .big-title.uppercase, #form-itinery, .block-panel-itinary + .bottom + .cf + p, .block-panel-itinary + .bottom + .cf + p + .cf, .footer-newsletter, .recette + .more, .big-title + .container-block .promo, .footer-video, footer, .print, .sidebar .list-article, .bottom-recette, .content-detail + .container-block > .block.product, #drop-week, .info-detail + .draggable, .info-detail + .draggable + .draggable, .hide-h, #open-menu, #opened-menu, .hide-m, .hide-t, .special-boucherie-1, .professionnels, .promotion-link, .top-rayon .inner, audio, .input-button {
    display: none;
  }

  .btn, img.hide-h, img.hide-m.hide-t {
    display: none !important;
  }

  .block, .block-full {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .wrapper {
    max-width: 18cm;
    width: 18cm;
  }

  header {
    width: 100%;
    margin-top: 20px;
  }
  header .logo {
    height: 100px;
    margin: 0 0 0 2cm;
  }
  header .logo img:first-child {
    width: 1.5cm;
    height: 1.5cm;
  }
  header .logo img:last-child {
    display: none;
  }

  .main {
    margin: 0;
  }
  .main > .wrapper {
    position: relative;
  }

  .block-full:not(.content-pro):not(.content-valeur):not(.content-detail) {
    position: absolute;
    left: 5cm;
    top: -176px;
    width: 15cm;
    max-width: 12cm;
    margin: 0;
    padding: 0;
    background-color: transparent;
  }
  .block-full:not(.content-pro):not(.content-valeur):not(.content-detail) * {
    margin-top: 0 !important;
    text-align: left !important;
  }
  .block-full:not(.content-pro):not(.content-valeur):not(.content-detail) .big-title span {
    font-size: 39px;
    font-size: 3.9rem;
    line-height: 47px;
    line-height: 4.7rem;
  }

  .sidebar {
    float: left;
    width: 6cm;
    margin-top: 25px;
  }

  .right-content {
    float: right;
    width: 12cm;
  }
  .right-content .title {
    margin-bottom: 0;
  }
  .right-content .content-title {
    margin-top: 5px !important;
  }
  .right-content .block a {
    font-style: italic;
  }

  .height-default, .block.recette {
    float: left;
    width: 32%;
    margin-left: 2%;
  }
  .height-default:nth-child(3n+1), .block.recette:nth-child(3n+1) {
    margin-left: 0;
  }
  .height-default .suptitle, .block.recette .suptitle {
    margin-top: 10px;
  }

  .container-block, .content-detail, .top-rayon + .content-pro {
    margin-top: 80px;
  }

  .valeurs {
    float: left;
    width: 32%;
    margin-left: 2%;
  }
  .valeurs:first-child {
    margin-left: 0;
  }
  .valeurs .img img {
    margin: 0 auto 30px;
  }

  .content-valeur:first-of-type, .content-pro:first-of-type {
    margin-top: 50px;
  }
  .content-valeur > *, .content-pro > * {
    float: left;
    width: 48%;
    margin-left: 4%;
  }
  .content-valeur > *:first-child, .content-pro > *:first-child {
    margin-left: 0;
  }
  .content-valeur .inner, .content-pro .inner {
    padding-top: 0;
  }
  .content-valeur .inner .title, .content-pro .inner .title {
    margin-top: 0;
  }
}