@charset "UTF-8";
/**
* Partie 1 du CSS (découpé pour IE < 10)
*/
/* ---------------------------------------------------------- */
/* Variables du projet - 1 file */
/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */
/* Polices */
/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */
/* Chemins */
/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */
/* Media query variables */
/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */
/* Bootstrap - 1 file */
/* ---------------------------------------------------------- */
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 480px) {
  .container {
    max-width: 730px;
  }
}
@media (min-width: 768px) {
  .container {
    width: 750px;
    max-width: none;
  }
}
@media (min-width: 960px) {
  .container {
    width: 960px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 5px;
  padding-right: 5px;
}
.row {
  margin-left: -5px;
  margin-right: -5px;
}
.row.no-pad {
  margin-right: 0;
  margin-left: 0;
}
.row.no-pad > * {
  padding-right: 0;
  padding-left: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 480px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 768px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 960px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 479px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 479px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 479px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 479px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 960px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 960px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 960px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 960px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 479px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 960px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/* 7 files + 9 mixins */
/* ---------------------------------------------------------- */
/* Transverse - 12 files */
/* ---------------------------------------------------------- */
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
body {
  margin: 0;
}
a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}
h1 {
  margin: 0.67em 0;
  font-size: 2em;
}
h2 {
  margin: 0.83em 0;
  font-size: 1.5em;
}
h3 {
  margin: 1em 0;
  font-size: 1.17em;
}
h4 {
  margin: 1.33em 0;
  font-size: 1em;
}
h5 {
  margin: 1.67em 0;
  font-size: 0.83em;
}
h6 {
  margin: 2.33em 0;
  font-size: 0.67em;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
hr {
  box-sizing: content-box;
  height: 0;
}
mark {
  color: #000;
  background: #ff0;
}
p,
pre {
  margin: 1em 0;
}
code,
kbd,
pre,
samp {
  font-family: monospace,serif;
  font-size: 1em;
  font-family: 'courier new', monospace;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: '';
  content: none;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
  white-space: normal;
  *margin-left: -7px;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* ---------------------------------------------------------- */
/* Import des polices */
/* ---------------------------------------------------------- */
@font-face {
  font-family: 'proxima';
  font-style: normal;
  font-weight: normal;
  src: url("../font/ProximaNW01Reg.eot");
  src: url("../font/ProximaNW01Reg.eot?#iefix") format("embedded-opentype"), url("../font/ProximaNW01Reg.woff") format("woff"), url("../font/ProximaNW01Reg.ttf") format("truetype");
}
@font-face {
  font-family: 'proxima';
  font-style: normal;
  font-weight: bold;
  src: url("../font/ProximaNW01Smbd.eot");
  src: url("../font/ProximaNW01Smbd.eot?#iefix") format("embedded-opentype"), url("../font/ProximaNW01Smbd.woff") format("woff"), url("../font/ProximaNW01Smbd.ttf") format("truetype");
}
@font-face {
  font-family: 'proxima';
  font-style: normal;
  font-weight: 900;
  src: url("../font/ProximaNW01Bold.eot");
  src: url("../font/ProximaNW01Bold.eot?#iefix") format("embedded-opentype"), url("../font/ProximaNW01Bold.woff") format("woff"), url("../font/ProximaNW01Bold.ttf") format("truetype");
}
/* ---------------------------------------------------------- */
/* Normalisation des balises pour la charte */
/* ---------------------------------------------------------- */
html {
  overflow-y: scroll;
  color: #838383;
  background-color: #efefef;
}
@media screen and (max-width: 959px) {
  html {
    overflow-x: hidden;
  }
  html.html-eframeGenerique {
    overflow: scroll;
  }
}
body {
  font-size: 75%;
  line-height: 1.66667em;
  color: #555;
  background-attachment: fixed;
  background-color: #f7f5f2;
  background-image: url("../img/bg/body.jpg");
  background-position: 50% 0;
  background-repeat: repeat-x;
}
@media screen and (max-width: 959px) {
  body {
    overflow: hidden;
  }
  body.body-eframeGenerique {
    overflow: visible;
  }
}
.container {
  position: relative;
}
.modal-open {
  position: fixed;
}
h1 {
  margin: 0;
  margin-bottom: 0.64516em;
  padding-top: 1.29032em;
  font-size: 2.58333em;
  line-height: 1.29032em;
}
h2 {
  margin: 0;
  margin-bottom: 0.8em;
  padding-top: 1.6em;
  font-size: 2.08333em;
  line-height: 1.6em;
}
h3 {
  margin: 0;
  margin-bottom: 1em;
  padding-top: 2em;
  font-size: 1.66667em;
  line-height: 2em;
}
h4 {
  margin: 0;
  margin-bottom: 1.25em;
  padding-top: 2.5em;
  font-size: 1.33333em;
  line-height: 1.25em;
}
h5 {
  margin: 0;
  margin-bottom: 1.53846em;
  padding-top: 3.07692em;
  font-size: 1.08333em;
  line-height: 1.53846em;
}
h6 {
  margin: 0;
  margin-bottom: 2em;
  padding-top: 4em;
  font-size: 0.83333em;
  line-height: 2em;
}
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 0 80px;
  margin-bottom: 1.66667em;
}
p,
pre,
address,
dl,
menu,
ol,
ul {
  margin: 0;
  margin-bottom: 1.66667em;
}
dd {
  margin: 0 0 0 80px;
}
menu,
ol,
ul {
  padding: 0 0 0 80px;
}
fieldset {
  margin: 0;
  margin-bottom: 1.66667em;
  padding: 0.83333em 10px;
  padding: 0;
  border: none;
}
table {
  margin-bottom: 1.66667em;
}
td,
th,
caption {
  padding: 0.83333em 10px;
}
img,
audio,
video,
canvas,
svg,
object,
table {
  display: block;
}
table {
  display: table;
}
small {
  line-height: 0;
}
ul ol,
ul ul,
ol ol,
ol ul {
  margin-bottom: 0;
}
.not-ie code,
.not-ie kbd,
.not-ie samp {
  line-height: 0;
}
iframe {
  border: 0;
}
/* ---------------------------------------------------------- */
/* Liens */
/* ---------------------------------------------------------- */
a {
  color: #555;
}
.roll {
  text-decoration: none;
}
.roll:hover,
.roll:focus {
  text-decoration: underline;
}
.no-text-deco {
  text-decoration: none;
}
/* ---------------------------------------------------------- */
/* Listes */
/* ---------------------------------------------------------- */
.list {
  margin: 0;
  padding: 0;
  border: 0;
  *zoom: 1;
}
.list:after {
  content: "";
  display: table;
  clear: both;
}
.list li,
.list dt,
.list dd {
  float: left;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
  white-space: normal;
  list-style-image: none;
  list-style-type: none;
}
.list li:first-child,
.list dt:first-child,
.list dd:first-child {
  padding-left: 0;
}
.list li:last-child,
.list dt:last-child,
.list dd:last-child,
.list li.last,
.list dt.last,
.list dd.last {
  padding-right: 0;
}
.list-padding ul {
  margin-left: -20px;
}
.list-padding li {
  margin-bottom: 1.66667em;
  margin-left: 20px;
}
.discret {
  padding-left: 0;
  list-style-type: none;
}
.tirets {
  padding-left: 0;
  list-style-type: none;
}
.tirets li:before {
  content: ' – ';
}
.greaters {
  padding-left: 5px;
  list-style-type: none;
}
.greaters li {
  padding-right: 15px;
}
.greaters li:before {
  content: "";
  display: inline-block;
  background-position: 0 -282px;
  width: 6px;
  height: 10px;
  margin-right: 5px;
}
#content .pdts-list ul {
  margin-bottom: 0;
  margin-left: -4px;
  padding: 0;
  letter-spacing: -0.25em;
}
#content .pdts-list li {
  display: inline-block;
  margin-bottom: 3px;
  margin-left: 3px;
  border: 1px solid #e0e0e0;
  letter-spacing: 0;
  vertical-align: middle;
}
#content .pdts-list li img {
  display: inline;
}
.unstyled-list,
.unstyled-list.row {
  padding: 0;
  margin-bottom: 0;
  list-style-type: none;
}
/* Liste de définitions */
dl {
  *zoom: 1;
}
dl:after {
  content: "";
  display: table;
  clear: both;
}
dd {
  float: right;
  width: 300px;
  margin-left: 0;
  font-weight: bold;
}
dt {
  float: left;
  width: 140px;
  margin-right: 20px;
}
/* ---------------------------------------------------------- */
/* Positionnement */
/* ---------------------------------------------------------- */
.bloc-relative-inside {
  position: relative;
}
.mt0 {
  margin-top: 0 !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.no-padding-left {
  padding-left: 0;
}
.no-padding-right {
  padding-right: 0;
}
.vertical-center {
  top: 50%;
  /* poussé de la moitié de hauteur du référent */
  -webkit-transform: translateY(-50%);
  /* tiré de la moitié de sa propre hauteur */
  -ms-transform: translateY(-50%);
  /* tiré de la moitié de sa propre hauteur */
  transform: translateY(-50%);
  /* tiré de la moitié de sa propre hauteur */
}
/* ---------------------------------------------------------- */
/* Tables */
/* ---------------------------------------------------------- */
.table {
  display: table;
  width: 100%;
}
.table-padding .table {
  margin-left: -10px;
}
.table-padding .table.table-border {
  margin-right: -5px;
  margin-left: -5px;
}
.table-padding .table.table-border .td {
  padding-right: 5px;
  padding-left: 5px;
}
.table-padding .td {
  padding-left: 10px;
}
.table-border .td {
  border-left: 1px solid #C9C9C9;
}
.table-border .td:first-child {
  border-left: none;
}
.tr {
  display: table-row;
}
.td {
  display: table-cell;
  vertical-align: top;
}
/* ---------------------------------------------------------- */
/* Helper classes */
/* classes génériques à réutiliser à volonté */
/* ---------------------------------------------------------- */
.mask {
  display: block;
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.clear {
  clear: both;
}
.bold {
  font-weight: bold;
}
.caps {
  text-transform: uppercase;
}
.hr {
  margin-top: -1px;
  margin-bottom: 1.66667em;
  border-top: 1px solid #000;
  border-color: #d8e2e6;
}
.hr hr {
  display: block;
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.hr p {
  position: relative;
  bottom: 0.625em;
  margin-bottom: -1.25em;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.33333em;
  line-height: 1.25em;
}
.hr p span {
  padding: 0 10px;
  background-color: #fff;
}
.border {
  margin-bottom: 1.66667em;
  margin-left: -1px;
  border-left: 1px solid #e0e0e0;
}
.border-bottom {
  border-bottom: 1px solid #d8e2e6;
  margin-bottom: 1.66667em;
  margin-top: -1px;
}
.border0,
.noborder {
  border: 0 none !important;
}
.stroke {
  text-decoration: line-through;
}
.outline-none {
  outline: none !important;
}
.br {
  display: block;
}
/* Positionnement */
.right {
  float: right;
  margin-top: 1.66667em;
  margin-bottom: 1.66667em;
  margin-left: 20px;
}
.left {
  float: left;
  margin-top: 1.66667em;
  margin-right: 20px;
  margin-bottom: 1.66667em;
}
.top {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.bottom {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.txt-center {
  text-align: center !important;
}
.pl0 {
  padding-left: 0 !important;
}
.pr0 {
  padding-right: 0 !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.overflow-hidden,
.overflow-hidden body {
  position: relative;
  -webkit-overflow-scrolling: touch !important;
  overflow: auto !important;
  height: 100% !important;
}
/*---nettoyage pour les marges du bas des bloc------*/
.clean-form {
  margin-bottom: 0!important;
  padding-bottom: 0!important;
}
.clean-form-haut-bas {
  margin-top: 0!important;
  padding-top: 0!important;
  margin-bottom: 0!important;
  padding-bottom: 0!important;
}
/* */
.js div.toggle {
  visibility: hidden;
}
div.toggle.active {
  visibility: visible;
}
.legals {
  margin-top: 0;
  padding-top: 0;
  text-align: left;
  font-size: 0.91667em;
  color: #8d8d8d;
}
.mention {
  color: #000;
  margin-bottom: 0;
}
.message.important {
  color: #E71B34;
}
.message p {
  margin-bottom: 0.83333em;
}
/* Couleurs */
.rougeGras {
  color: #e71b34;
}
.vertGras {
  color: #1cb184;
}
.rougeMaigre {
  color: #e71b34;
  font-size: 1.4em;
  line-height: 1.1;
  margin-top: 15px;
  text-transform: uppercase;
}
/* Bouton flèche "Top" */
.toppage {
  float: right;
  padding: 0;
  list-style-type: none;
}
.toppage a {
  display: block;
  margin-top: -0.41667em;
}
.toppage a:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-position: -201px -285px;
}
.toppage a:hover:before,
.toppage a:focus:before {
  background-position: -286px -285px;
}
/* Vidéo */
.video {
  display: block;
  position: relative;
}
.video:after,
.video:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
}
.video:after {
  z-index: 1;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  margin-left: -30px;
  border-radius: 50%;
  background-color: rgba(227, 6, 19, 0.75);
}
.video:before {
  z-index: 2;
  width: 0;
  height: 0;
  margin-top: -10px;
  margin-left: -4px;
  border: 10px solid transparent;
  border-left-color: #fff;
}
/* Vidéo responsive */
.vision-video-large .bloc iframe,
.video-container iframe {
  position: absolute;
  top: 3.5em;
  left: 5em;
  width: 80%;
  height: 80%;
}
@media screen and (max-width: 767px) {
  .vision-video-large .bloc iframe,
  .video-container iframe {
    width: 100% !important;
    height: 200px !important;
  }
}
.video-container {
  padding-bottom: 50%;
  text-align: center;
  height: 0;
}
.article-video-pl .video-container {
  padding-bottom: 40%;
}
.engagement-ressource-video .video-container {
  height: 380px !important;
}
@media screen and (max-width: 767px) {
  .engagement-ressource-video .video-container {
    width: 100% !important;
    height: 200px !important;
  }
}
.engagement-ressource-video iframe {
  position: inherit !important;
  height: 380px !important;
}
.video-container-center {
  text-align: center;
  margin-left: -10px;
}
/* Rond rouge avec "+" blanc */
#more {
  clear: both;
  padding: 0;
  padding-top: 1.66667em;
  list-style-type: none;
  text-align: center;
}
#more a {
  background-position: -100px -285px;
  background-repeat: no-repeat;
  width: 56px;
  height: 56px;
  display: inline-block;
}
/* Affichage petite flèche verte avant texte */
.arrow {
  padding-left: 0;
  text-transform: uppercase;
  font-family: "proxima", sans-serif;
  font-weight: bold;
  list-style-type: none;
}
.arrow a {
  text-decoration: none;
}
.arrow a:hover,
.arrow a:focus {
  text-decoration: underline;
}
.arrow li:before {
  content: "";
  background-position: -55px -285px;
  width: 6px;
  height: 9px;
  display: inline-block;
  margin-right: 5px;
}
.arrow li.col {
  position: relative;
  left: 10px;
  margin-left: -10px;
}
/* Equalize for blocks */
@media screen and (max-width: 767px) {
  .equalize {
    height: auto !important;
  }
}
/* Margin et padding génériques */
.pr0 {
  padding-right: 0;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
/* Liens */
.absolute-link {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.absolute-link,
.absolute-link a {
  width: 100%;
  height: 100%;
  display: block;
}
.lien-savoir-plus {
  color: #2480b0;
  font-weight: bold;
}
.lien-savoir-plus:hover,
.lien-savoir-plus:focus {
  text-decoration: none;
}
/* ---------------------------------------------------------- */
/* Initialisation balises */
/* ---------------------------------------------------------- */
/* Changement couleur des placeholder pour contraste suffisant
Veillez à bien laisser les propriétés séparées pour que ça fonctionne */
[placeholder]::-webkit-input-placeholder {
  color: #767676;
  opacity: 1;
}
[placeholder]::-moz-placeholder {
  color: #767676;
  opacity: 1;
}
[placeholder]:-ms-input-placeholder {
  color: #767676;
  opacity: 1;
}
fieldset legend {
  width: 100%;
  /* A laisser pour IE11 et EDGE */
}
fieldset legend span {
  display: block;
  padding-bottom: 1.25em;
}
span.error,
.errors {
  color: #F00;
}
.generic-error {
  color: #c41b29;
}
span.label,
span.help,
span.error {
  display: inline-block;
  float: none;
}
span.label img,
span.help img,
span.error img {
  display: inline-block !important;
}
span.label .error-msg,
span.help .error-msg,
span.error .error-msg {
  vertical-align: middle;
}
input,
select,
textarea,
span.label,
span.help,
span.error {
  vertical-align: top;
}
.radio .label,
.checkbox .label {
  width: auto;
  margin-right: 0;
}
.radio input,
.checkbox input {
  position: relative;
  top: 2px;
}
.line {
  margin-bottom: 0;
  min-height: 3.33333em;
  *height: 3.33333em;
}
input.text,
input.email,
input.search,
input.tel,
input.url,
input.password,
input.file,
input.color,
input.number,
input.range,
input.date,
input.month,
input.week,
input.datetime,
input.datetime-local {
  width: 225px;
  padding: 2px;
  border: 1px solid #a6a6a6;
  border-radius: 0;
}
input[type=text],
input[type=email],
input[type=search],
input[type=tel],
input[type=url],
input[type=password],
input[type=file],
input[type=color],
input[type=number],
input[type=float],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=datetime],
input[type=datetime-local] {
  width: 225px;
  padding: 2px;
  border: 1px solid #a6a6a6;
  border-radius: 0;
}
select {
  width: 231px;
  padding: 1px;
  border: 1px solid #a6a6a6;
  border-radius: 0;
}
input.file,
input[type=file] {
  width: 231px;
  background-color: #FFF;
}
textarea {
  width: 225px;
  height: 10em;
  padding: 2px;
  max-height: 20em;
  min-height: 10em;
  border: 1px solid #a6a6a6;
  border-radius: 0;
  font-size: 1em;
  line-height: 1.66667em;
  resize: vertical;
  *height: 10em;
}
.textarea {
  min-height: 11.66667em;
  *height: 11.66667em;
}
input[type=reset],
input[type=button],
input[type=submit] {
  width: 231px;
  padding: 2px;
  border: 1px solid #a6a6a6;
  border-radius: 0;
}
input[type=reset]:focus,
input[type=button]:focus,
input[type=submit]:focus {
  outline: thin dotted;
}
input.reset,
input.button,
input.submit {
  width: 231px;
  padding: 2px;
  border: 1px solid #a6a6a6;
  border-radius: 0;
}
input.reset:focus,
input.button:focus,
input.submit:focus {
  outline: thin dotted;
}
button {
  width: 231px;
  padding: 2px;
  border: 1px solid #a6a6a6;
  border-radius: 0;
}
button:focus {
  outline: thin dotted;
}
.ch select,
.sa select {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 30px !important;
  border-radius: 0;
  background-image: url("../img/bg/select.png");
  background-position: 100% 50%;
  background-repeat: no-repeat;
}
/* ---------------------------------------------------------- */
/* Initialisation .form */
/* ---------------------------------------------------------- */
.form {
  position: relative;
  margin-bottom: 1.66667em;
  padding-bottom: 1.66667em;
}
.form span.label {
  width: auto;
  margin-right: 10px;
}
.form span.label-inscription {
  width: 135px;
  padding-right: 15px;
  margin-right: 10px;
  position: relative;
  top: 5px;
  display: inline-block;
  float: none;
  vertical-align: top;
}
.form .align-label {
  display: block;
  margin-left: 40px !important;
}
.form label em {
  position: relative;
  bottom: 5px;
  font-size: 0.83333em;
  line-height: 2em;
  color: #555;
}
.form input.text::-webkit-input-placeholder {
  font-style: italic;
}
.form input.text:-moz-placeholder {
  font-style: italic;
}
.form input.text::-moz-placeholder {
  font-style: italic;
}
.form input.text:-ms-input-placeholder {
  font-style: italic;
}
.form input.text.placeholder {
  font-style: italic;
  color: #989898;
}
.form .line05 {
  margin-bottom: 0;
  min-height: 1.66667em;
  *height: 1.66667em;
}
.form .line15 {
  margin-bottom: 0;
  min-height: 5em;
  *height: 5em;
}
.form .line2 {
  margin-bottom: 0;
  min-height: 6.66667em;
  *height: 6.66667em;
}
.form .line4 {
  margin-bottom: 0;
  min-height: 13.33333em;
  *height: 13.33333em;
}
.form .submit,
.form .cancel {
  margin-bottom: 0;
  border: 1px solid #e3001b;
  background-color: #e3001b;
}
.form .submit:focus {
  outline: 1px dotted #e3001b;
}
.form .submit.alt {
  border-color: #e0e0e0;
  color: #e3001b;
  background-color: #f9f9f9;
}
.form .submit.alt:after {
  content: "";
  background-position: 0 -244px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  /* poussé de la moitié de hauteur du référent */
  -webkit-transform: translateY(-50%);
  /* tiré de la moitié de sa propre hauteur */
  -ms-transform: translateY(-50%);
  /* tiré de la moitié de sa propre hauteur */
  transform: translateY(-50%);
  /* tiré de la moitié de sa propre hauteur */
  right: 0;
}
.form .submit.alt.load:after {
  background-image: url("../img/bg/load-alt.gif");
  background-position: center center;
}
.form p.mandatory {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 0;
  color: #e3001b;
}
.form input.text,
.form input.email,
.form input.search,
.form input.tel,
.form input.url,
.form input.password,
.form input.file,
.form input.color,
.form input.number,
.form input.range,
.form input.date,
.form input.month,
.form input.week,
.form input.datetime,
.form input.datetime-local {
  width: 225px;
  padding: 9px 8px;
  border: 1px solid #dedede;
}
.form input.text.small,
.form input.email.small,
.form input.search.small,
.form input.tel.small,
.form input.url.small,
.form input.password.small,
.form input.file.small,
.form input.color.small,
.form input.number.small,
.form input.range.small,
.form input.date.small,
.form input.month.small,
.form input.week.small,
.form input.datetime.small,
.form input.datetime-local.small {
  width: 112.5px;
}
.form input[type=text],
.form input[type=email],
.form input[type=search],
.form input[type=tel],
.form input[type=url],
.form input[type=password],
.form input[type=file],
.form input[type=color],
.form input[type=number],
.form input[type=float],
.form input[type=range],
.form input[type=date],
.form input[type=month],
.form input[type=week],
.form input[type=datetime],
.form input[type=datetime-local] {
  width: 225px;
  padding: 9px 8px;
  border: 1px solid #dedede;
}
.form input[type=text].small,
.form input[type=email].small,
.form input[type=search].small,
.form input[type=tel].small,
.form input[type=url].small,
.form input[type=password].small,
.form input[type=file].small,
.form input[type=color].small,
.form input[type=number].small,
.form input[type=float].small,
.form input[type=range].small,
.form input[type=date].small,
.form input[type=month].small,
.form input[type=week].small,
.form input[type=datetime].small,
.form input[type=datetime-local].small {
  width: 112.5px;
}
.form select {
  width: 226px;
  padding: 8px 5px;
  border: 1px solid #dedede;
}
.form select.small {
  width: 112.5px;
}
.form select .small {
  width: 234px;
}
.ch .form select,
.sa .form select {
  padding-right: 20px;
}
.form input.file {
  width: 243px;
}
.form input.file .small {
  width: 234px;
}
.form input[type=file] {
  width: 243px;
}
.form input[type=file] .small {
  width: 234px;
}
.form textarea {
  width: 225px;
  padding: 9px 8px;
  border: 1px solid #dedede;
}
.form textarea.small {
  width: 112.5px;
}
.form input[type=reset],
.form input[type=button],
.form input[type=submit] {
  width: 225px;
  width: 243px;
  padding: 9px 8px;
  border: 1px solid #dedede;
}
.form input[type=reset].small,
.form input[type=button].small,
.form input[type=submit].small {
  width: 112.5px;
}
.form input[type=reset] .small,
.form input[type=button] .small,
.form input[type=submit] .small {
  width: 234px;
}
.form input.reset,
.form input.button,
.form input.submit {
  width: 225px;
  width: 243px;
  padding: 9px 8px;
  border: 1px solid #dedede;
}
.form input.reset.small,
.form input.button.small,
.form input.submit.small {
  width: 112.5px;
}
.form input.reset .small,
.form input.button .small,
.form input.submit .small {
  width: 234px;
}
.form button {
  width: 225px;
  width: 243px;
  padding: 9px 8px;
  border: 1px solid #dedede;
}
.form button.small {
  width: 112.5px;
}
.form button .small {
  width: 234px;
}
.form .label {
  position: relative;
  top: 5px;
}
.form .radio .label,
.form .checkbox .label {
  display: block;
  top: 0;
  width: auto;
  margin: 0;
}
.form .radio .label .label,
.form .checkbox .label .label {
  display: inline-block;
  float: none;
  width: 135px;
  margin-right: 10px;
  padding-top: 5px;
}
.form .radio .label .input .label,
.form .checkbox .label .input .label {
  width: auto;
  margin-right: 20px;
}
.form .radio .label .input input,
.form .checkbox .label .input input {
  top: 7px;
}
/* -------------------------------------------------------- */
/* Formulaire désinscription (desoptin, email, désabonnement carte U) */
/* -------------------------------------------------------- */
.form.desinscription .checkbox .label {
  width: 600px;
}
.form.desinscription .checkbox .label .label {
  width: 210px;
}
.form.desinscription .checkbox .label .input {
  padding-left: 20px;
}
.form.desinscription .checkbox .label .input .label {
  width: auto;
}
.form.desinscription .checkbox label {
  display: table;
}
.form.desinscription .checkbox label .input {
  display: table-cell;
  width: 20px;
  padding-top: 1px;
  padding-right: 5px;
  vertical-align: top;
}
.form.desinscription .checkbox label .label {
  display: table-cell;
  padding-bottom: 3px;
  vertical-align: top;
}
.form.desinscription .checkbox .labelcheck {
  float: left;
  position: relative;
  top: 5px;
}
.form.desinscription span.label {
  width: 210px;
}
.form.desinscription .cols {
  display: inline-block;
  position: relative;
  top: -60px;
  margin: 0 0 0 185px;
}
.form.desinscription .col {
  float: left;
  width: 500px;
}
.form.desinscription #emailDesinscription {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  #formDesinscriptionEmail .line,
  #formDesabonnementCarteU .line {
    margin-bottom: 20px;
  }
  #formDesinscriptionEmail .cols,
  #formDesabonnementCarteU .cols {
    top: 0;
    display: block;
    margin-left: 0;
    float: none;
  }
  #formDesinscriptionEmail .col,
  #formDesabonnementCarteU .col {
    width: auto;
    float: none;
  }
  #formDesinscriptionEmail .checkbox .labelcheck,
  #formDesabonnementCarteU .checkbox .labelcheck {
    float: none;
    top: 0;
    margin-bottom: 10px;
    display: block;
  }
  #formDesinscriptionEmail .checkbox .labelcheck .br,
  #formDesabonnementCarteU .checkbox .labelcheck .br {
    display: none;
  }
  #formDesinscriptionEmail .checkbox .label,
  #formDesabonnementCarteU .checkbox .label {
    width: auto;
  }
  #formDesinscriptionEmail .checkbox .label .input,
  #formDesabonnementCarteU .checkbox .label .input {
    padding-left: 0;
  }
}
/* -------------------------------------------------------- */
/*  /*Formulaire modification mot de passe*/
/* -------------------------------------------------------- */
.form-modification .clean-margin-top-modification-password {
  margin-top: 0;
}
.form-modification .label-mail-modification {
  width: 173px!important;
}
.form-modification .positionnement-bouton-modification-form {
  margin-top: 5px;
}
@media screen and (min-width: 768px) and (max-width: 959px) {
  .form-modification .espacement-mobile-texte-champ {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .form-modification .espacement-mobile-texte-champ {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .form-modification .espacement-mobile-champ {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
  .form-modification .espacement-mobile-champ {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  .form-modification .clean-padding-bottom-mobile {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
  .form-modification .clean-padding-bottom-mobile {
    padding-bottom: 0;
  }
}
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
.form .checkbox .input {
  width: auto;
  margin-right: 0;
}
@media screen and (min-width: 768px) {
  .form .checkbox .input {
    padding-left: 20px;
  }
}
.messageboard_bloc .form .checkbox .input {
  padding-left: 0;
}
.form .thematiques {
  display: inline-block;
  width: 280px;
  margin-left: -1px;
  padding-left: 10px;
  min-height: 13.33333em;
  border-left: 1px solid #dedede;
  *height: 13.33333em;
}
.form .thematiques label {
  display: block;
}
.form .mask {
  display: block;
  position: absolute;
}
.form fieldset {
  margin-bottom: 0;
}
.disabled {
  color: #000;
  background-color: #dedede;
}
legend span,
.legend span {
  display: block;
  padding-bottom: 1.25em;
  text-transform: uppercase;
  font-family: "proxima", sans-serif;
  font-size: 1.33333em;
  line-height: 1.25em;
  color: #6b3f95;
}
#content .legend {
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.66667em;
}
input.text.error,
select.error,
textarea.error {
  border-color: #c41b29;
  color: #c41b29;
}
div.valid {
  padding-left: 30px;
  position: relative;
}
div.valid:before {
  content: "";
  background-position: -309px -235px;
  width: 11px;
  height: 8px;
  position: absolute;
  left: 5px;
  top: 5px;
}
span.error {
  position: relative;
  top: 5px;
  color: #c41b29;
}
div.error {
  padding-left: 30px;
  color: #c41b29;
  background-image: url("../img/bg/error.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
div.error a {
  color: #c41b29;
}
div.error + div.errors,
div.error + div.errorNbEssais {
  background-image: none;
}
/*div.errors p:first-child{
    margin-top: 0;
}*/
/*-- message d'erreur specifique dons ACF alignement bloc conteneur--*/
div.errorNbEssais {
  text-align: center;
}
div.errors {
  padding-left: 30px;
  background-position: 0 0;
  color: #c41b29 !important;
  background-image: url("../img/bg/error.png");
  background-repeat: no-repeat;
  *zoom: 1;
}
div.errorNbEssais {
  color: #c41b29 !important;
  margin-bottom: 10px;
  margin-top: 10px;
}
div.errorNbEssais:before {
  background-image: url("../img/bg/error.png");
  background-repeat: no-repeat;
  background-position: 0 4px;
  *zoom: 1;
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
}
div.errors:after,
div.errorNbEssais:after {
  content: "";
  display: table;
  clear: both;
}
div.errors a {
  color: #c41b29;
}
div.errors p {
  margin-top: -1.66667em;
}
@media screen and (max-width: 959px) {
  div.errors p:first-child {
    margin-top: 0.5em;
  }
}
div.errors p:first-child {
  margin-top: 0;
}
div.errors span.error {
  top: auto;
}
label.error input.text,
label.error select,
label.error textarea {
  border-color: #c41b29;
  color: #c41b29;
}
span.input {
  display: inline-block;
  width: 226px;
  margin-right: 10px;
}
span.input span.input {
  display: inline;
  width: auto;
  margin-right: 0;
}
.tip {
  position: relative;
  margin-top: 1.66667em;
  margin-bottom: 0.83333em;
  padding: 0.41667em 20px 0.41667em 20px;
  background-color: #f1f1f1;
}
.tip:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 40px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #f1f1f1;
}
.ie8 .tip:after {
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.naissance span.input {
  width: auto;
  margin: 0;
}
.naissance select.small {
  width: 75px;
}
.conditions span.error {
  top: 0;
}
.conditions span.input {
  width: auto;
  margin: 0;
}
/* ---------------------------------------------------------- */
/* #signin */
/* ---------------------------------------------------------- */
#signin ul,
form.signin ul {
  padding-left: 0;
  list-style-type: none;
  height: 1.6em;
}
/* ---------------------------------------------------------- */
/* Arguments / avantages Carte U (mire connexion / inscription) */
/* ---------------------------------------------------------- */
#content ul.args {
  margin: 0;
  margin-bottom: 1.42857em;
  padding: 0;
  border: 0;
  font-family: "proxima", sans-serif;
  font-size: 1.16667em;
  line-height: 1.42857em;
  *zoom: 1;
}
#content ul.args:after {
  content: "";
  display: table;
  clear: both;
}
#content ul.args li,
#content ul.args dt,
#content ul.args dd {
  float: left;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
  white-space: normal;
  list-style-image: none;
  list-style-type: none;
}
#content ul.args li:first-child,
#content ul.args dt:first-child,
#content ul.args dd:first-child {
  padding-left: 0;
}
#content ul.args li:last-child,
#content ul.args dt:last-child,
#content ul.args dd:last-child,
#content ul.args li.last,
#content ul.args dt.last,
#content ul.args dd.last {
  padding-right: 0;
}
#content ul.args li {
  position: relative;
  padding-left: 25px !important;
  background-position: 0 0;
  background-repeat: no-repeat;
}
/* ---------------------------------------------------------- */
/* Formulaire contact (popin magasin + FormulaireContactClient.jsp) */
/* ---------------------------------------------------------- */
.contact-form .announce {
  text-transform: uppercase;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .contact-form .no-label {
    margin-left: 213px;
  }
}
.contact-form .line.checkbox {
  margin-top: 1em;
}
.contact-form .line.checkbox .input {
  padding-left: 0;
}
.contact-form .main-inside p:last-child {
  margin-bottom: 0;
}
.contact-form .form {
  margin-bottom: 0;
  padding-bottom: 0;
}
.contact-form .form .mandatory {
  bottom: 10px;
  left: 40px;
}
.contact-form .form span.label {
  width: 200px;
}
.contact-form .phone img {
  margin-bottom: 1em;
}
.contact-form a.submit {
  border-color: #e3001b;
  background-color: #e3001b;
}
@media screen and (max-width: 479px) {
  #pop-contact .contact-form .main-inside {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  #pop-contact .contact-form .input,
  #pop-contact .contact-form input[type="text"],
  #pop-contact .contact-form input[type="email"],
  #pop-contact .contact-form textarea {
    width: 100%;
  }
  #pop-contact .contact-form .checkbox .input {
    width: inherit;
  }
}
#warnMessageContact {
  color: #c41b29;
  margin-left: 215px;
  margin-top: 5px;
}
@media screen and (max-width: 767px) {
  #warnMessageContact {
    margin-left: 10px;
  }
}
/* ---------------------------------------------------------- */
/* Formulaire inscription */
/* ---------------------------------------------------------- */
@media screen and (max-width: 767px) {
  #vosInformations .line .label .br {
    display: none;
  }
}
/* ---------------------------------------------------------- */
/* Formulaire réclamation */
/* ---------------------------------------------------------- */
.form-reclamation {
  margin-bottom: 0;
  padding-bottom: 0;
}
/* ---------------------------------------------------------- */
/* Formulaires mobile */
/* ---------------------------------------------------------- */
@media screen and (max-width: 767px) {
  #modifier_mon_profil .line > label > .label,
  #modification_mes_identifiants .line > label > .label,
  #macarteu .line > label > .label,
  #vosInformations .line > label > .label,
  #demandeCarteU .line > label > .label,
  #adhererCarterU .line > label > .label,
  #formContact .line > label > .label,
  .form.desinscription .line > label > .label,
  .form-liste-produits-1euro .line > label > .label,
  .form-reclamation .line > label > .label,
  #modifier_mon_profil .line > label > .label-inscription,
  #modification_mes_identifiants .line > label > .label-inscription,
  #macarteu .line > label > .label-inscription,
  #vosInformations .line > label > .label-inscription,
  #demandeCarteU .line > label > .label-inscription,
  #adhererCarterU .line > label > .label-inscription,
  #formContact .line > label > .label-inscription,
  .form.desinscription .line > label > .label-inscription,
  .form-liste-produits-1euro .line > label > .label-inscription,
  .form-reclamation .line > label > .label-inscription,
  #modifier_mon_profil .radio > .label > .label,
  #modification_mes_identifiants .radio > .label > .label,
  #macarteu .radio > .label > .label,
  #vosInformations .radio > .label > .label,
  #demandeCarteU .radio > .label > .label,
  #adhererCarterU .radio > .label > .label,
  #formContact .radio > .label > .label,
  .form.desinscription .radio > .label > .label,
  .form-liste-produits-1euro .radio > .label > .label,
  .form-reclamation .radio > .label > .label,
  #modifier_mon_profil .radio > .label > .label-inscription,
  #modification_mes_identifiants .radio > .label > .label-inscription,
  #macarteu .radio > .label > .label-inscription,
  #vosInformations .radio > .label > .label-inscription,
  #demandeCarteU .radio > .label > .label-inscription,
  #adhererCarterU .radio > .label > .label-inscription,
  #formContact .radio > .label > .label-inscription,
  .form.desinscription .radio > .label > .label-inscription,
  .form-liste-produits-1euro .radio > .label > .label-inscription,
  .form-reclamation .radio > .label > .label-inscription,
  #modifier_mon_profil .checkbox > .label > .label,
  #modification_mes_identifiants .checkbox > .label > .label,
  #macarteu .checkbox > .label > .label,
  #vosInformations .checkbox > .label > .label,
  #demandeCarteU .checkbox > .label > .label,
  #adhererCarterU .checkbox > .label > .label,
  #formContact .checkbox > .label > .label,
  .form.desinscription .checkbox > .label > .label,
  .form-liste-produits-1euro .checkbox > .label > .label,
  .form-reclamation .checkbox > .label > .label,
  #modifier_mon_profil .checkbox > .label > .label-inscription,
  #modification_mes_identifiants .checkbox > .label > .label-inscription,
  #macarteu .checkbox > .label > .label-inscription,
  #vosInformations .checkbox > .label > .label-inscription,
  #demandeCarteU .checkbox > .label > .label-inscription,
  #adhererCarterU .checkbox > .label > .label-inscription,
  #formContact .checkbox > .label > .label-inscription,
  .form.desinscription .checkbox > .label > .label-inscription,
  .form-liste-produits-1euro .checkbox > .label > .label-inscription,
  .form-reclamation .checkbox > .label > .label-inscription,
  #modifier_mon_profil .label-naissance,
  #modification_mes_identifiants .label-naissance,
  #macarteu .label-naissance,
  #vosInformations .label-naissance,
  #demandeCarteU .label-naissance,
  #adhererCarterU .label-naissance,
  #formContact .label-naissance,
  .form.desinscription .label-naissance,
  .form-liste-produits-1euro .label-naissance,
  .form-reclamation .label-naissance,
  #modifier_mon_profil .naissance .label,
  #modification_mes_identifiants .naissance .label,
  #macarteu .naissance .label,
  #vosInformations .naissance .label,
  #demandeCarteU .naissance .label,
  #adhererCarterU .naissance .label,
  #formContact .naissance .label,
  .form.desinscription .naissance .label,
  .form-liste-produits-1euro .naissance .label,
  .form-reclamation .naissance .label,
  #modifier_mon_profil .naissance .label-inscription,
  #modification_mes_identifiants .naissance .label-inscription,
  #macarteu .naissance .label-inscription,
  #vosInformations .naissance .label-inscription,
  #demandeCarteU .naissance .label-inscription,
  #adhererCarterU .naissance .label-inscription,
  #formContact .naissance .label-inscription,
  .form.desinscription .naissance .label-inscription,
  .form-liste-produits-1euro .naissance .label-inscription,
  .form-reclamation .naissance .label-inscription {
    width: 100%;
    display: block;
    top: 0;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  #demandeCarteU .submit,
  #adhererCarterU .submit {
    margin-top: 20px !important;
  }
}
#adhererCarterU .img-carte-u {
  float: right;
  margin-bottom: 1.66667em;
  margin-left: 20px;
  width: 105px;
  height: 79px;
  background-position: -105px 0;
}
@media screen and (max-width: 479px) {
  #adhererCarterU .img-carte-u {
    float: none;
    margin: 0 auto 10px;
  }
}
@media screen and (max-width: 767px) {
  .choix-mag-inscription .input.cta {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .choix-mag-inscription .cta .bt-choix-mag-inscription {
    display: block;
    margin-top: 10px;
  }
}
.choix-mag-inscription #donnees-magasin-prefere,
.choix-mag-inscription #infoMag {
  display: block;
}
/* ---------------------------------------------------------- */
/* Afficher/Masquer mot de passe */
/* ---------------------------------------------------------- */
.password-connexion {
  padding-right: 35px;
}
.mobile-container-full .toggle-password {
  height: 45px !important;
}
.toggle-password {
  font: 1.7em "Garamond", sans-serif;
  position: absolute;
  margin-left: -28px;
  background-color: transparent;
  width: 28px !important;
  height: 34px !important;
  border: none !important;
  padding: 0 !important;
  outline: none !important;
}
/* Sprite Commun */
.sprite-common,
#nav .close-panel,
.monespaceu-container .close-panel,
#toggle-main-nav-search:before,
#toggle-monespaceu:before,
.bt-slide-recette-aside:before,
.link-mobile-monmagasinu:before,
#pre-footer .facebook:before,
#pre-footer .twitter:before,
#pre-footer .instagram:before,
#pre-footer .youtube:before,
#nav form button:before,
#map form button:before,
#recherche .form-search-page button:before,
.image-fleche-identification:before,
#monespaceu a.inside .col.points .img-carteu-monespaceu,
#monespaceu .div-inside .link-inside::before,
#monmagasinu .div-inside .link-inside::before,
#monespaceu .h1:before,
#monespaceu .menu ul:first-child a:before,
#monmagasinu .menu ul:first-child a:before,
#monespaceu .menu ul #link-deconnect::before,
.close:before,
#nav .active .nav::before,
#content #filtres ul button:before,
.cta a span:after,
.cta .a span:after,
.pagination-catalogue .bt-next::after,
.pagination-catalogue .bt-prev::before,
.form .submit.alt:after,
button.submit::after,
button.cancel::after,
a.submit::after,
input.submit::after,
button.reset::after,
a.reset::after,
input.reset::after,
#ariane li:after,
.fiche:before,
.greaters li:before,
.arrow li:before,
#more a,
.toppage a:before,
#content #map .list a:before,
#page.index .maison:before,
#content#pop-porteurs ul.args li:before,
#content#pop-carte ul.args li:before,
#content .pop#pop-porteurs ul.args li:before,
#content .pop#pop-carte ul.args li:before,
#content #filtres .p button:before,
#content.fiche-magasin .bloc-fiche-bienvenue .bt-fiche-infos a span:after,
#content .header-blocs-animation-home-v2 .label-filtre:before,
.store-locator-r4 #content .filtres-recherche-maps.affichage-mobile .affichage-plusfiltres-js:before,
.store-locator-r4 #content .filtres-recherche-maps.affichage-filtre-mobile .affichage-moinsfiltres-js:before,
.store-locator-r4 #content .bloc-nbre-magasins .version-mobile-js.affichage-map-js:before,
.store-locator-r4 #content .bloc-nbre-magasins .version-mobile-js.affichage-liste-js:before,
.store-locator-r4 #content .horaire-magasin.version-mobile-js.affichage-horaires-mobile .horaire-chevron-js.afficher-horaire-js:after,
.store-locator-r4 #content .bloc-ensemble-maps-liste-info .horaire-chevron-js.masquer-horaire-js:after,
.store-locator-r4 #content .bloc-ensemble-maps-liste-info .horaire-chevron-js.afficher-horaire-js:after,
.store-locator-r4 #content #popin-infowindow-mobile .fermeture-popin:before,
.store-locator-r4 #content #popin-infowindow-mobile .retour-popin-light.popin-full-js .retour-fleche-popin:before,
#page.magasin .encart-dans-magasin .fake-tabs .accordeon-link > span:first-child:after,
#content .bloc-releve-avantages-carte-u .fake-tabs .accordeon-link > span:first-child:after,
#content .bloc-etickets .fake-tabs .accordeon-link > span:first-child:after,
#content .accordeon-liste-courses .fake-tabs .accordeon-link > span:first-child:after,
#content .gm-style img.infowindow-magasin-close,
#content .faq-list .faq-item h3[data-accordion]:after,
.store-locator-r4 #content .sl-search #buttonRechercher:after,
#content .bloc-produit-cat-promo .texte-promo-carte:before,
#content .bt-tableau-liste-courses:before,
#content #barre-recherche-details-produits button:before,
.picto-titre:before,
.liens-supprimer-liste:before,
#content .mecanique-promo-arche .promo-achat:before,
#content .page-detail-liste-courses .accordeon-liste-details-produits .fake-tabs.accordeon-onglet .accordeon-link.open:before,
#content .page-detail-liste-courses .accordeon-liste-details-produits .fake-tabs.accordeon-onglet .accordeon-link.active:before,
#content .group-accordeon .group-accordeon-tab .fake-tabs .accordeon-link > span:first-child:after,
#monespaceu .bt-back,
#monmagasinu .bt-back {
  background-image: url("../img/bg/sprite-common.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
@media screen and (min-width: 768px) {
  #bloc-engagements .color-1 .bloc-inside:after,
  #bloc-engagements .color-2 .bloc-inside:after,
  #bloc-engagements .color-3 .bloc-inside:after,
  #bloc-engagements .color-4 .bloc-inside:after {
    background-image: url("../img/bg/sprite-common.png");
    background-repeat: no-repeat;
    background-color: transparent;
  }
}
/* Sprite produits VSA */
.sprite-produits,
#content.fiche-detaillee .bloc-fiche-produit .bloc-prix-produit .prix-cercle:after,
.bloc-nb-products .bt-nb-cart:before {
  background-image: url("../img/bg/sprite-produits.png");
  background-repeat: no-repeat;
}
/* Sprite fiche magasin */
.sprite-fiche-magasin,
#content.fiche-magasin .bloc-fiche-bienvenue .bloc-cta-fiche-mobile .bt-fiche-tel:before,
#content.fiche-magasin .bloc-fiche-bienvenue .bloc-cta-fiche-mobile .bt-fiche-contact:before,
#content.fiche-magasin .bloc-fiche-bienvenue .bloc-cta-fiche-mobile .bt-fiche-maps:before,
.pin:before {
  background-image: url("../img/bg/sprite-fiche-magasin.png");
  background-repeat: no-repeat;
}
/* Sprite "Mon espace U" */
.sprite-monespaceu,
.img-deco-carte-u,
#content #modifiercarte:before,
#adhererCarterU .img-carte-u,
#content .sidebar .avantages div.achats:before,
#content .pop .sidebar .avantages div.achats:before,
#content .sidebar .avantages div.promos:before,
#content .pop .sidebar .avantages div.promos:before,
#content .sidebar .avantages div.euros:before,
#content .pop .sidebar .avantages div.euros:before,
#content .sidebar .avantages div.photos:before,
#content .pop .sidebar .avantages div.photos:before,
#content .sidebar .avantages div.jeux:before,
#content .pop .sidebar .avantages div.jeux:before,
#content .sidebar .avantages div.carte:before,
#content .pop .sidebar .avantages div.carte:before,
#content.carte .sidebar .avantages div.achats:before,
#content .pop.carte .sidebar .avantages div.achats:before,
#content.carte .sidebar .avantages div.promos:before,
#content .pop.carte .sidebar .avantages div.promos:before,
#content.carte .sidebar .avantages div.jeux:before,
#content .pop.carte .sidebar .avantages div.jeux:before,
#content.carte .sidebar .avantages div.carte:before,
#content .pop.carte .sidebar .avantages div.carte:before,
#content .bloc-fiche-produit .texte-promo-carte:before,
.avantages div.euros:before,
.avantages div.listes:before,
.avantages div.jeux:before,
.avantages div.carte:before,
#content #carte-u-non .avantages div.double:before,
#content #carte-u-non .avantages div.cadeau:before,
#content #carte-u-non .avantages div.carte:before,
#content #saviezvous .avantages.double:before,
#content #saviezvous .avantages.cadeau:before,
#content #saviezvous .avantages.carte:before,
#content #saviezvous .avantages.promos:before,
#content.carte .carte:before,
#content .pop.carte .carte:before,
#content.profil .carte:before,
#content .pop.profil .carte:before,
.bloc-saisie-don-acf .form-don-acf .bloc-solde-carte-u:after,
div.valid:before {
  background-image: url("../img/bg/sprite-monespaceu.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
#content #map-storelocator #data-infowindow .content-magasin .distance-magasin-km-js:before,
#content .bloc-ensemble-maps-liste-info .distance-magasin-km-js:before {
  background-image: url("../img/bg/sprite-maps.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
#content span.garantie:after {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgd2lkdGg9IjI0IgogICBoZWlnaHQ9IjI0IgogICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzM4IgogICBzb2RpcG9kaTpkb2NuYW1lPSJpY0dhcmFudGllLnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4wLjEgKDNiYzJlODEzZjUsIDIwMjAtMDktMDcpIj4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE0NCI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczQyIiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGdyaWR0b2xlcmFuY2U9IjEwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IgogICAgIGlkPSJuYW1lZHZpZXc0MCIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMzUuNDU4MzMzIgogICAgIGlua3NjYXBlOmN4PSIxMiIKICAgICBpbmtzY2FwZTpjeT0iMTIiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzM4IiAvPgogIDxnCiAgICAgZmlsbD0ibm9uZSIKICAgICBmaWxsLXJ1bGU9ImV2ZW5vZGQiCiAgICAgaWQ9ImczNiI+CiAgICA8ZwogICAgICAgaWQ9ImczNCI+CiAgICAgIDxnCiAgICAgICAgIGlkPSJnMzIiPgogICAgICAgIDxwYXRoCiAgICAgICAgICAgZmlsbD0iIzIwOUI4RiIKICAgICAgICAgICBkPSJNMTIgMTguNTU0TDEwLjQzOSAxOS44NDYgOS40OTIgMTguMDU1IDcuNTU1IDE4LjY1MiA3LjM2NiAxNi42MzQgNS4zNDggMTYuNDQ1IDUuOTQ1IDE0LjUwOCA0LjE1NCAxMy41NjEgNS40NDYgMTIgNC4xNTQgMTAuNDM5IDUuOTQ1IDkuNDkyIDUuMzQ4IDcuNTU1IDcuMzY2IDcuMzY2IDcuNTU1IDUuMzQ4IDkuNDkyIDUuOTQ1IDEwLjQzOSA0LjE1NCAxMiA1LjQ0NiAxMy41NjEgNC4xNTQgMTQuNTA4IDUuOTQ1IDE2LjQ0NSA1LjM0OCAxNi42MzQgNy4zNjYgMTguNjUyIDcuNTU1IDE4LjA1NSA5LjQ5MiAxOS44NDYgMTAuNDM5IDE4LjU1NCAxMiAxOS44NDYgMTMuNTYxIDE4LjA1NSAxNC41MDggMTguNjUyIDE2LjQ0NSAxNi42MzQgMTYuNjM0IDE2LjQ0NSAxOC42NTIgMTQuNTA4IDE4LjA1NSAxMy41NjEgMTkuODQ2eiIKICAgICAgICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOCAtMzkyKSB0cmFuc2xhdGUoOCAzOTIpIgogICAgICAgICAgIGlkPSJwYXRoMjgiIC8+CiAgICAgICAgPHBhdGgKICAgICAgICAgICBmaWxsPSIjRkZGIgogICAgICAgICAgIGZpbGwtcnVsZT0ibm9uemVybyIKICAgICAgICAgICBkPSJNMTIuNDg5IDE1LjVjLjI4NyAwIC41OTItLjAyMy45MTUtLjA2OC4zMjMtLjA0NS42MDktLjEwNi44NTgtLjE4NC4yMDQtLjA1OC4zNTgtLjEyOS40Ni0uMjEzLjEwMi0uMDg0LjE3NC0uMTk3LjIxNi0uMzM5LjA0MS0uMTQyLjA2Mi0uMzQyLjA2Mi0uNnYtMS44ODhjMC0uMTc0LS4wNTMtLjMxMS0uMTU4LS40MTEtLjEwNi0uMS0uMjQ4LS4xNS0uNDI3LS4xNWgtMS42MzljLS4xODUgMC0uMzI5LjA0NS0uNDMxLjEzNS0uMTAyLjA5LS4xNTMuMjItLjE1My4zODcgMCAuMTY4LjA1LjI5Ny4xNTMuMzg4LjEwMi4wOS4yNDYuMTM1LjQzMS4xMzVoLjg4MnYxLjVjLS4zNjQuMDk4LS43MzEuMTQ2LTEuMTAyLjE0Ni0uNjg0IDAtMS4xOTUtLjE5My0xLjUzNC0uNTgtLjMzOC0uMzg4LS41MDgtLjk3NS0uNTA4LTEuNzYzIDAtMS41My42NTItMi4yOTQgMS45NTYtMi4yOTQuMjY4IDAgLjUxNC4wMzUuNzM4LjEwNi4yMjMuMDcxLjQ3LjE5LjczOC4zNTguMDk2LjA1OC4xNzcuMS4yNDQuMTI2LjA2Ny4wMjYuMTQyLjAzOS4yMjUuMDM5LjEyOCAwIC4yMzgtLjA2LjMzMS0uMTguMDkzLS4xMTkuMTM5LS4yNjIuMTM5LS40MyAwLS4xMTYtLjAyLS4yMTMtLjA1OC0uMjktLjAzOC0uMDc4LS4xMDUtLjE1NS0uMi0uMjMzLS41ODItLjQ2NS0xLjMxNy0uNjk3LTIuMjA1LS42OTctLjY5IDAtMS4yOTQuMTQyLTEuODEyLjQyNi0uNTE3LjI4NC0uOTE1LjY4OS0xLjE5MyAxLjIxNS0uMjc4LjUyNi0uNDE3IDEuMTQ0LS40MTcgMS44NTQgMCAuNzIzLjE0IDEuMzQ4LjQyMiAxLjg3NC4yOC41MjYuNjgzLjkzIDEuMjA3IDEuMjEuNTI0LjI4IDEuMTQ0LjQyMSAxLjg2LjQyMXoiCiAgICAgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTggLTM5MikgdHJhbnNsYXRlKDggMzkyKSIKICAgICAgICAgICBpZD0icGF0aDMwIiAvPgogICAgICA8L2c+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-color: transparent;
  transform: scale(1.5, 1.5);
}
/* */
#content h1,
#content .h1,
#content .pop h1,
#content .pop .h1,
#content h2,
#content .h2,
#content .pop h2,
#content .pop .h2,
#content h3,
#content .h3,
#content .pop h3,
#content .pop .h3 {
  color: #00828c;
}
#content .main,
#content .pop .main {
  border-color: #00828c;
}
#content .email,
#content .pop .email {
  color: #459bd5;
}
#content .email.text,
#content .pop .email.text {
  color: #000;
}
#content .sidebar,
#content .pop .sidebar {
  margin-top: -5px;
  border-top: 5px solid #000;
  border-color: #64c8f0;
  color: #000;
  background-color: #64c8f0;
}
#content .sidebar h2,
#content .pop .sidebar h2 {
  background-image: url("../img/bg/bulle-profil.png");
}
#content .sidebar h2 span,
#content .pop .sidebar h2 span {
  color: #fff;
  background-color: #399CD6;
}
#content .sidebar .avantages div.achats,
#content .pop .sidebar .avantages div.achats,
#content.carte .sidebar .avantages div.achats,
#content .pop.carte .sidebar .avantages div.achats,
#content .sidebar .avantages div.promos,
#content .pop .sidebar .avantages div.promos,
#content.carte .sidebar .avantages div.promos,
#content .pop.carte .sidebar .avantages div.promos,
#content .sidebar .avantages div.euros,
#content .pop .sidebar .avantages div.euros,
#content.carte .sidebar .avantages div.euros,
#content .pop.carte .sidebar .avantages div.euros,
#content .sidebar .avantages div.photos,
#content .pop .sidebar .avantages div.photos,
#content.carte .sidebar .avantages div.photos,
#content .pop.carte .sidebar .avantages div.photos,
#content .sidebar .avantages div.jeux,
#content .pop .sidebar .avantages div.jeux,
#content.carte .sidebar .avantages div.jeux,
#content .pop.carte .sidebar .avantages div.jeux,
#content .sidebar .avantages div.carte,
#content .pop .sidebar .avantages div.carte,
#content.carte .sidebar .avantages div.carte,
#content .pop.carte .sidebar .avantages div.carte {
  background-image: none;
  position: relative;
}
#content .sidebar .avantages div.achats:before,
#content .pop .sidebar .avantages div.achats:before,
#content.carte .sidebar .avantages div.achats:before,
#content .pop.carte .sidebar .avantages div.achats:before,
#content .sidebar .avantages div.promos:before,
#content .pop .sidebar .avantages div.promos:before,
#content.carte .sidebar .avantages div.promos:before,
#content .pop.carte .sidebar .avantages div.promos:before,
#content .sidebar .avantages div.euros:before,
#content .pop .sidebar .avantages div.euros:before,
#content.carte .sidebar .avantages div.euros:before,
#content .pop.carte .sidebar .avantages div.euros:before,
#content .sidebar .avantages div.photos:before,
#content .pop .sidebar .avantages div.photos:before,
#content.carte .sidebar .avantages div.photos:before,
#content .pop.carte .sidebar .avantages div.photos:before,
#content .sidebar .avantages div.jeux:before,
#content .pop .sidebar .avantages div.jeux:before,
#content.carte .sidebar .avantages div.jeux:before,
#content .pop.carte .sidebar .avantages div.jeux:before,
#content .sidebar .avantages div.carte:before,
#content .pop .sidebar .avantages div.carte:before,
#content.carte .sidebar .avantages div.carte:before,
#content .pop.carte .sidebar .avantages div.carte:before {
  content: "";
  display: block;
  width: 48px;
  height: 48px;
  position: absolute;
  left: 0;
  top: 10px;
}
@media screen and (max-width: 767px) {
  #content .sidebar .avantages div.achats:before,
  #content .pop .sidebar .avantages div.achats:before,
  #content.carte .sidebar .avantages div.achats:before,
  #content .pop.carte .sidebar .avantages div.achats:before,
  #content .sidebar .avantages div.promos:before,
  #content .pop .sidebar .avantages div.promos:before,
  #content.carte .sidebar .avantages div.promos:before,
  #content .pop.carte .sidebar .avantages div.promos:before,
  #content .sidebar .avantages div.euros:before,
  #content .pop .sidebar .avantages div.euros:before,
  #content.carte .sidebar .avantages div.euros:before,
  #content .pop.carte .sidebar .avantages div.euros:before,
  #content .sidebar .avantages div.photos:before,
  #content .pop .sidebar .avantages div.photos:before,
  #content.carte .sidebar .avantages div.photos:before,
  #content .pop.carte .sidebar .avantages div.photos:before,
  #content .sidebar .avantages div.jeux:before,
  #content .pop .sidebar .avantages div.jeux:before,
  #content.carte .sidebar .avantages div.jeux:before,
  #content .pop.carte .sidebar .avantages div.jeux:before,
  #content .sidebar .avantages div.carte:before,
  #content .pop .sidebar .avantages div.carte:before,
  #content.carte .sidebar .avantages div.carte:before,
  #content .pop.carte .sidebar .avantages div.carte:before {
    top: 0;
  }
}
#content .sidebar .avantages div.achats:before,
#content .pop .sidebar .avantages div.achats:before,
#content.carte .sidebar .avantages div.achats:before,
#content .pop.carte .sidebar .avantages div.achats:before {
  background-position: -241px -99px;
}
#content .sidebar .avantages div.promos:before,
#content .pop .sidebar .avantages div.promos:before,
#content.carte .sidebar .avantages div.promos:before,
#content .pop.carte .sidebar .avantages div.promos:before {
  background-position: -309px -99px;
}
#content .sidebar .avantages div.euros:before,
#content .pop .sidebar .avantages div.euros:before,
#content.carte .sidebar .avantages div.euros:before,
#content .pop.carte .sidebar .avantages div.euros:before {
  background-position: -105px -99px;
}
#content .sidebar .avantages div.photos:before,
#content .pop .sidebar .avantages div.photos:before,
#content.carte .sidebar .avantages div.photos:before,
#content .pop.carte .sidebar .avantages div.photos:before {
  background-position: -377px -99px;
}
#content .sidebar .avantages div.jeux:before,
#content .pop .sidebar .avantages div.jeux:before,
#content.carte .sidebar .avantages div.jeux:before,
#content .pop.carte .sidebar .avantages div.jeux:before {
  background-position: -173px -99px;
}
#content .sidebar .avantages div.carte:before,
#content .pop .sidebar .avantages div.carte:before,
#content.carte .sidebar .avantages div.carte:before,
#content .pop.carte .sidebar .avantages div.carte:before {
  background-position: 0 -99px;
  width: 57px;
  height: 39px;
}
#content.cooperative .main,
#content .pop.cooperative .main {
  border-color: #007ba4;
}
#content.cooperative h1,
#content.cooperative h2,
#content.cooperative h3,
#content.cooperative .h2,
#content.cooperative .h3,
#content .pop.cooperative h1,
#content .pop.cooperative h2,
#content .pop.cooperative h3,
#content .pop.cooperative .h2,
#content .pop.cooperative .h3,
#content.cooperative .items,
#content .pop.cooperative .items,
#content.cooperative #bloc-engagements p strong,
#content .pop.cooperative #bloc-engagements p strong {
  color: #007ba4;
}
#content.profil h1,
#content .pop.profil h1,
#content.profil h2,
#content.profil .h2,
#content .pop.profil h2,
#content .pop.profil .h2,
#content.profil h3,
#content .pop.profil h3,
#content h4.color-blue,
#content .color-blue {
  color: #459bd5;
}
#content.profil.msg h2,
#content.profil .h2,
#content .pop.profil.msg h2,
#content .pop.profil .h2 {
  color: #fff;
}
#content.carte .carte:before,
#content .pop.carte .carte:before,
#content.profil .carte:before,
#content .pop.profil .carte:before {
  background-position: 0 -303px;
  width: 60px;
  height: 50px;
}
#content.profil .flexslider h3,
#content .pop.profil .flexslider h3 {
  color: #e93349;
}
#content.profil .main,
#content .pop.profil .main {
  border-color: #459bd5;
}
#content.profil .txt h3,
#content.profil .txt .h3,
#content .pop.profil .txt h3,
#content .pop.profil .txt .h3,
#content.profil .txt h3 a,
#content.profil .txt .h3 a,
#content .pop.profil .txt h3 a,
#content .pop.profil .txt .h3 a,
#content.profil legend span,
#content.profil .legend span,
#content .pop.profil legend span,
#content .pop.profil .legend span {
  color: #459bd5;
}
#content.profil form p.mandatory,
#content .pop.profil form p.mandatory {
  color: #000;
}
/* Pages marque et fiche détaillée (vert clair) */
#content.marque h1,
#content.marque .h1,
#content .pop.marque h1,
#content .pop.marque .h1,
#content.marque h2,
#content.marque .h2,
#content .pop.marque h2,
#content .pop.marque .h2,
#content.fiche-detaillee h1,
#content.fiche-detaillee h2 {
  color: #1cb184;
}
#content.marque .main,
#content .pop.marque .main,
#content.fiche-detaillee .main {
  border-color: #1cb184;
}
#content.marque .tabs,
#content.marque .fake-tabs,
#content .pop.marque .tabs,
#content .pop.marque .fake-tabs {
  margin-bottom: 1.66667em;
}
#content.marque .marque .txt h3,
#content.marque .marque .txt .h3,
#content .pop.marque .marque .txt h3,
#content .pop.marque .marque .txt .h3,
#content.marque .blog .h3,
#content .pop.marque .blog .h3,
#content.fiche-detaillee h3,
#content.fiche-detaillee .h3 {
  color: #1cb184;
}
/* Page fiche recette (rouge) */
#content.fiche-recette h1,
#content.fiche-recette h2 {
  color: #e31006;
}
#content.fiche-recette .main {
  border-color: #e31006;
}
#content.fiche-recette h3,
#content.fiche-recette .h3 {
  color: #e31006;
}
/* ---------------------------------------------------------- */
/* Classe de la page (choix WCS)
* acheter
* carte
* groupe
* magasins
* produits
* promotions
* recrutement
* vins
*/
/* ---------------------------------------------------------- */
/* Classe de la page (choix WCS) : promotions */
#content.promotions h1,
#content.promotions .h1,
#content .pop.promotions h1,
#content .pop.promotions .h1,
#content.promotions h2,
#content.promotions .h2,
#content .pop.promotions h2,
#content .pop.promotions .h2,
#content.promotions h3,
#content.promotions .h3,
#content .pop.promotions h3,
#content .pop.promotions .h3 {
  color: #e31006;
}
#content.promotions .main,
#content .pop.promotions .main {
  border-color: #e31006;
}
#content.promotions .txt h3,
#content.promotions .txt .h3,
#content .pop.promotions .txt h3,
#content .pop.promotions .txt .h3 {
  color: #e31006;
}
#content.promotions .txt h3 a,
#content.promotions .txt .h3 a,
#content .pop.promotions .txt h3 a,
#content .pop.promotions .txt .h3 a {
  text-decoration: none;
  color: #e31006;
}
#content.promotions .txt h3 a:hover,
#content.promotions .txt .h3 a:hover,
#content .pop.promotions .txt h3 a:hover,
#content .pop.promotions .txt .h3 a:hover,
#content.promotions .txt h3 a:focus,
#content.promotions .txt .h3 a:focus,
#content .pop.promotions .txt h3 a:focus,
#content .pop.promotions .txt .h3 a:focus {
  text-decoration: underline;
}
/* Classe de la page (choix WCS) : produits */
#content.produits h1,
#content.produits .h1,
#content .pop.produits h1,
#content .pop.produits .h1,
#content.produits h2,
#content.produits .h2,
#content .pop.produits h2,
#content .pop.produits .h2,
#content.produits h3,
#content.produits .h3,
#content .pop.produits h3,
#content .pop.produits .h3 {
  color: #1cb184;
}
#content.produits .main,
#content .pop.produits .main {
  border-color: #1cb184;
}
#content.produits .txt h3,
#content.produits .txt .h3,
#content .pop.produits .txt h3,
#content .pop.produits .txt .h3 {
  color: #1cb184;
}
#content.produits .txt h3 a,
#content.produits .txt .h3 a,
#content .pop.produits .txt h3 a,
#content .pop.produits .txt .h3 a {
  text-decoration: none;
  color: #1cb184;
}
#content.produits .txt h3 a:hover,
#content.produits .txt .h3 a:hover,
#content .pop.produits .txt h3 a:hover,
#content .pop.produits .txt .h3 a:hover,
#content.produits .txt h3 a:focus,
#content.produits .txt .h3 a:focus,
#content .pop.produits .txt h3 a:focus,
#content .pop.produits .txt .h3 a:focus {
  text-decoration: underline;
}
/* Classe de la page (choix WCS) : acheter */
#content.acheter h1,
#content.acheter .h1,
#content .pop.acheter h1,
#content .pop.acheter .h1,
#content.acheter h2,
#content.acheter .h2,
#content .pop.acheter h2,
#content .pop.acheter .h2,
#content.acheter h3,
#content.acheter .h3,
#content .pop.acheter h3,
#content .pop.acheter .h3 {
  color: #00828c;
}
#content.acheter .main,
#content .pop.acheter .main {
  border-color: #00828c;
}
#content.acheter .txt h3,
#content.acheter .txt .h3,
#content .pop.acheter .txt h3,
#content .pop.acheter .txt .h3 {
  color: #007ba4;
}
#content.acheter .txt h3 a,
#content.acheter .txt .h3 a,
#content .pop.acheter .txt h3 a,
#content .pop.acheter .txt .h3 a {
  text-decoration: none;
  color: #00828c;
}
#content.acheter .txt h3 a:hover,
#content.acheter .txt .h3 a:hover,
#content .pop.acheter .txt h3 a:hover,
#content .pop.acheter .txt .h3 a:hover,
#content.acheter .txt h3 a:focus,
#content.acheter .txt .h3 a:focus,
#content .pop.acheter .txt h3 a:focus,
#content .pop.acheter .txt .h3 a:focus {
  text-decoration: underline;
}
/* Classe de la page (choix WCS) : groupe, magasins */
#content.groupe h1,
#content.groupe .h1,
#content.magasins h1,
#content.magasins .h1,
#content .pop.groupe h1,
#content .pop.groupe .h1,
#content .pop.magasins h1,
#content .pop.magasins .h1,
#content.groupe h2,
#content.groupe .h2,
#content.magasins h2,
#content.magasins .h2,
#content .pop.groupe h2,
#content .pop.groupe .h2,
#content .pop.magasins h2,
#content .pop.magasins .h2,
#content.groupe h3,
#content.groupe .h3,
#content.magasins h3,
#content.magasins .h3,
#content .pop.groupe h3,
#content .pop.groupe .h3,
#content .pop.magasins h3,
#content .pop.magasins .h3,
#content.groupe .dates,
#content.magasins .dates,
#content .pop.groupe .dates,
#content .pop.magasins .dates,
#content.groupe .dlc,
#content.magasins .dlc,
#content .pop.groupe .dlc,
#content .pop.magasins .dlc {
  color: #007ba4;
}
#content.groupe .main,
#content.magasins .main,
#content .pop.groupe .main,
#content .pop.magasins .main {
  border-color: #007ba4;
}
#content.groupe .txt h3,
#content.groupe .txt .h3,
#content.magasins .txt h3,
#content.magasins .txt .h3,
#content .pop.groupe .txt h3,
#content .pop.groupe .txt .h3,
#content .pop.magasins .txt h3,
#content .pop.magasins .txt .h3 {
  color: #007ba4;
}
#content.groupe .txt h3 a,
#content.groupe .txt .h3 a,
#content.magasins .txt h3 a,
#content.magasins .txt .h3 a,
#content .pop.groupe .txt h3 a,
#content .pop.groupe .txt .h3 a,
#content .pop.magasins .txt h3 a,
#content .pop.magasins .txt .h3 a {
  text-decoration: none;
  color: #007ba4;
}
#content.groupe .txt h3 a:hover,
#content.groupe .txt .h3 a:hover,
#content.magasins .txt h3 a:hover,
#content.magasins .txt .h3 a:hover,
#content .pop.groupe .txt h3 a:hover,
#content .pop.groupe .txt .h3 a:hover,
#content .pop.magasins .txt h3 a:hover,
#content .pop.magasins .txt .h3 a:hover,
#content.groupe .txt h3 a:focus,
#content.groupe .txt .h3 a:focus,
#content.magasins .txt h3 a:focus,
#content.magasins .txt .h3 a:focus,
#content .pop.groupe .txt h3 a:focus,
#content .pop.groupe .txt .h3 a:focus,
#content .pop.magasins .txt h3 a:focus,
#content .pop.magasins .txt .h3 a:focus {
  text-decoration: underline;
}
/* Classe de la page (choix WCS) : carte */
#content.carte #filtres-tri .label .label,
#content .pop.carte #filtres-tri .label .label,
#content.carte #filtres-tri + p strong,
#content .pop.carte #filtres-tri + p strong,
#content.carte .dlc,
#content .pop.carte .dlc,
#content.carte .dates,
#content .pop.carte .dates,
#content.carte .points-note,
#content .pop.carte .points-note,
#content.carte h1,
#content.carte .h1,
#content .pop.carte h1,
#content .pop.carte .h1,
#content.carte h2,
#content.carte .h2,
#content .pop.carte h2,
#content .pop.carte .h2,
#content.carte h3,
#content.carte .h3,
#content .pop.carte h3,
#content .pop.carte .h3 {
  color: #e9456f;
}
#content.carte .main,
#content .pop.carte .main {
  border-color: #e9456f;
}
#content.carte .product h3,
#content.carte .product .h3,
#content .pop.carte .product h3,
#content .pop.carte .product .h3,
#content.carte ul.args,
#content .pop.carte ul.args {
  color: #e9456f;
}
#content.carte .sidebar,
#content .pop.carte .sidebar {
  border-color: #b5a2cc;
  color: #000;
  background-color: #b5a2cc;
}
#content.carte .sidebar h2,
#content .pop.carte .sidebar h2 {
  background-image: url("../img/bg/bulle-carte.png");
}
#content.carte .sidebar h2 span,
#content .pop.carte .sidebar h2 span {
  color: #fff;
  background-color: #6B3F95;
}
#content.carte .txt h3,
#content.carte .txt .h3,
#content .pop.carte .txt h3,
#content .pop.carte .txt .h3 {
  color: #e9456f;
}
#content.carte .txt h3 a,
#content.carte .txt .h3 a,
#content .pop.carte .txt h3 a,
#content .pop.carte .txt .h3 a {
  text-decoration: none;
  color: #e9456f;
}
#content.carte .txt h3 a:hover,
#content.carte .txt .h3 a:hover,
#content .pop.carte .txt h3 a:hover,
#content .pop.carte .txt .h3 a:hover,
#content.carte .txt h3 a:focus,
#content.carte .txt .h3 a:focus,
#content .pop.carte .txt h3 a:focus,
#content .pop.carte .txt .h3 a:focus {
  text-decoration: underline;
}
/* Classe de la page (choix WCS) : recrutement */
#content.recrutement h1,
#content.recrutement .h1,
#content .pop.recrutement h1,
#content .pop.recrutement .h1,
#content.recrutement h2,
#content.recrutement .h2,
#content .pop.recrutement h2,
#content .pop.recrutement .h2,
#content.recrutement h3,
#content.recrutement .h3,
#content .pop.recrutement h3,
#content .pop.recrutement .h3,
#content.recrutement .dates,
#content .pop.recrutement .dates,
#content.recrutement .dlc,
#content .pop.recrutement .dlc {
  color: #F95015;
}
#content.recrutement .main,
#content .pop.recrutement .main {
  border-color: #F95015;
}
#content.recrutement .txt h3,
#content.recrutement .txt .h3,
#content .pop.recrutement .txt h3,
#content .pop.recrutement .txt .h3 {
  color: #F95015;
}
#content.recrutement .txt h3 a,
#content.recrutement .txt .h3 a,
#content .pop.recrutement .txt h3 a,
#content .pop.recrutement .txt .h3 a {
  text-decoration: none;
  color: #F95015;
}
#content.recrutement .txt h3 a:hover,
#content.recrutement .txt .h3 a:hover,
#content .pop.recrutement .txt h3 a:hover,
#content .pop.recrutement .txt .h3 a:hover,
#content.recrutement .txt h3 a:focus,
#content.recrutement .txt .h3 a:focus,
#content .pop.recrutement .txt h3 a:focus,
#content .pop.recrutement .txt .h3 a:focus {
  text-decoration: underline;
}
/* Classe de la page (choix WCS) : vins */
#content.vins h1,
#content.vins .h1,
#content .pop.vins h1,
#content .pop.vins .h1,
#content.vins h2,
#content.vins .h2,
#content .pop.vins h2,
#content .pop.vins .h2,
#content.vins h3,
#content.vins .h3,
#content .pop.vins h3,
#content .pop.vins .h3,
#content.vins .dates,
#content .pop.vins .dates,
#content.vins .dlc,
#content .pop.vins .dlc {
  color: #5C0C49;
}
#content.vins .main,
#content .pop.vins .main {
  border-color: #5C0C49;
}
#content.vins .txt h3,
#content.vins .txt .h3,
#content .pop.vins .txt h3,
#content .pop.vins .txt .h3 {
  color: #5C0C49;
}
#content.vins .txt h3 a,
#content.vins .txt .h3 a,
#content .pop.vins .txt h3 a,
#content .pop.vins .txt .h3 a {
  text-decoration: none;
  color: #5C0C49;
}
#content.vins .txt h3 a:hover,
#content.vins .txt .h3 a:hover,
#content .pop.vins .txt h3 a:hover,
#content .pop.vins .txt .h3 a:hover,
#content.vins .txt h3 a:focus,
#content.vins .txt .h3 a:focus,
#content .pop.vins .txt h3 a:focus,
#content .pop.vins .txt .h3 a:focus {
  text-decoration: underline;
}
/* ---------------------------------------------------------- */
/* */
/* ---------------------------------------------------------- */
#content#pop-porteurs h2,
#content#pop-porteurs .h2,
#content#pop-carte h2,
#content#pop-carte .h2,
#content .pop#pop-porteurs h2,
#content .pop#pop-porteurs .h2,
#content .pop#pop-carte h2,
#content .pop#pop-carte .h2,
#content#pop-porteurs ul.args,
#content#pop-carte ul.args,
#content .pop#pop-porteurs ul.args,
#content .pop#pop-carte ul.args {
  color: #459bd5;
}
#content#pop-porteurs ul.args li,
#content#pop-carte ul.args li,
#content .pop#pop-porteurs ul.args li,
#content .pop#pop-carte ul.args li {
  position: relative;
}
#content#pop-porteurs ul.args li:before,
#content#pop-carte ul.args li:before,
#content .pop#pop-porteurs ul.args li:before,
#content .pop#pop-carte ul.args li:before {
  content: "";
  position: absolute;
  top: -7px;
  left: -5px;
  width: 30px;
  height: 30px;
  background-position: -212px -346px;
}
/* */
#content.promo .h1,
#content .pop.promo .h1,
#content.promo .h2,
#content .pop.promo .h2,
#content.promo .h3,
#content .pop.promo .h3 {
  color: #e31006;
}
#content.promo .main,
#content .pop.promo .main {
  border-color: #e31006;
}
#content.promo .hr,
#content .pop.promo .hr,
#content .promo.annuaire h1,
#content .promo.annuaire .h1,
#content .pop .promo.annuaire h1,
#content .pop .promo.annuaire .h1,
#content .promo.annuaire h2,
#content .promo.annuaire .h2,
#content .pop .promo.annuaire h2,
#content .pop .promo.annuaire .h2 {
  color: #e31006;
}
#content.page404 h1,
#content .pop.page404 h1,
#content .flexslider .promo .h3,
#content .pop .flexslider .promo .h3 {
  color: #e71b34;
}
#content.eframejeux .h1,
#content .pop.eframejeux .h1,
#content.eframejeux .main,
#content .pop.eframejeux .main {
  border-color: #E31006;
}
#content.eframebri .h1,
#content .pop.eframebri .h1,
#content.eframebri .main,
#content .pop.eframebri .main {
  border-color: #00828C;
}
#saviezvous .bloc-inside {
  background: #fff;
}
#content.visau h1 {
  color: #6B3F95;
}
#content.visau .main {
  border-color: #6B3F95;
}
#content.visau.promo .main {
  border-color: #e31006;
}
/* Couleurs pour les articles "accroche 2/3" */
#content.acheter .accroche-2-3 h2.prix {
  color: #00828c;
}
#content.carte .accroche-2-3 h2.prix {
  color: #e9456f;
}
#content.groupe .accroche-2-3 h2.prix {
  color: #007ba4;
}
#content.magasins .accroche-2-3 h2.prix {
  color: #007ba4;
}
#content.produits .accroche-2-3 h2.prix {
  color: #1cb184;
}
#content.promotions .accroche-2-3 h2.prix {
  color: #e31006;
}
#content.recrutement .accroche-2-3 h2.prix {
  color: #F95015;
}
/* ---------------------------------------------------------- */
/* Pages */
/* ---------------------------------------------------------- */
#page {
  background-attachment: fixed;
  background-image: url("../img/bg/page.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
}
@media screen and (max-width: 959px) {
  #page {
    background: transparent !important;
  }
}
#page.cover {
  background-size: 100% auto;
}
#page.mer {
  background-color: #BFBFBF;
  background-image: url("../img/bg/page/mer.jpg");
  background-size: 100% auto;
}
#page.plaine {
  background-image: url("../img/bg/page/plaine.jpg");
  background-size: 100% auto;
}
#page.riviere {
  background-image: url("../img/bg/page/riviere.jpg");
  background-size: 100% auto;
}
/* ---------------------------------------------------------- */
/* Lien image de fond */
/* ---------------------------------------------------------- */
#left,
#right {
  position: fixed;
  top: 0;
  bottom: 0;
  width: auto;
  height: auto;
  text-indent: -9999em;
}
#left {
  right: 50%;
  left: 0;
  margin-right: 310px;
}
#right {
  right: 0;
  left: 50%;
  margin-left: 470px;
}
/* ---------------------------------------------------------- */
/* Main */
/* ---------------------------------------------------------- */
.main {
  margin-top: -5px;
  border-top: 5px solid #000;
}
.main-inside {
  margin-bottom: 1.66667em;
  padding: 3.33333em 40px;
  color: #000;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .main-inside {
    padding: 30px 20px;
  }
}
#content.carte-u .main {
  border-color: #e9456f;
}
#content.carte-u .main.accueil {
  border-color: #00828c;
}
/* ---------------------------------------------------------- */
/* Content */
/* ---------------------------------------------------------- */
#content {
  margin-bottom: 3.33333em;
  min-height: 40em;
  *height: 40em;
}
@media screen and (max-width: 959px) {
  #content {
    padding-top: 75px;
  }
}
.js #content .no-js {
  display: none;
}
@media screen and (min-width: 960px) {
  .content-inside {
    padding-left: 20px;
  }
}
#content #enseignes {
  position: relative;
  color: #fff;
  background-color: #64c8f0;
}
#content #enseignes .cta {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 20px;
}
#content #macarte-visa {
  clear: left;
  background: #fff;
}
#content #macarte-visa h2 {
  margin-bottom: 1.11111em;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 1.11111em;
  color: #459BD5;
}
#content #macarte-visa p {
  margin-top: 20px;
  margin-bottom: 0;
  text-transform: uppercase;
  font-family: "proxima", sans-serif;
  font-weight: bold;
  color: #459BD5;
}
#content #macarte-visa .cols {
  display: table;
}
#content #macarte-visa .col {
  display: table-cell;
  padding-left: 20px;
  vertical-align: middle;
}
#content #macarte-visa .highlight {
  text-transform: uppercase;
  font-size: 1.16667em;
  line-height: 1.42857em;
}
#content #macarte-visa .highlight strong {
  font-size: 1.71429em;
  line-height: 0.83333em;
}
/* ---------------------------------------------------------- */
/* Header */
/* ---------------------------------------------------------- */
.logo-site {
  display: block;
}
.logo-site img {
  margin-left: auto;
  margin-right: auto;
}
#header {
  position: relative;
}
@media screen and (min-width: 960px) {
  #header {
    z-index: 5;
    margin-bottom: 20px;
  }
}
/* ---------------------------------------------------------- */
/* Navigation */
/* ---------------------------------------------------------- */
#nav-inside {
  background-color: #fff;
}
@media screen and (min-width: 960px) {
  #nav-inside {
    margin: 0 10%;
  }
}
@media screen and (min-width: 960px) {
  #nav {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 45%;
    width: 200px;
    margin-left: -450px;
    background-image: url("../img/bg/nav.png");
    background-position: 50% 0;
    background-repeat: no-repeat;
    display: block !important;
  }
  #nav.fixed {
    position: fixed;
    top: 0;
  }
}
@media screen and (min-width: 960px) {
  #nav.active {
    z-index: 20;
  }
}
#nav .h1 {
  margin: 0;
  padding: 0.833em 0;
}
#nav .h1 img {
  margin-left: auto;
  margin-right: auto;
}
#nav ul {
  position: static;
  top: 1px;
  margin-top: -1px;
  margin-bottom: 0;
  padding-left: 0;
  border-bottom: 1px solid #fff;
  list-style-type: none;
}
#nav ul .nav {
  display: block;
  margin-top: -1px;
  padding: 0.76923em 15px 0.76923em 15px;
  border-top: 1px solid #e5e5e5;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "proxima", sans-serif;
  font-size: 1.08333em;
  font-weight: bold;
  line-height: 1.53846em;
  color: #383838;
  transition: background-color 200ms;
}
#nav ul .nav ul .nav:hover,
#nav ul .nav ul .nav:focus,
#nav ul .nav ul .nav.active {
  background-color: #f7f5f2;
}
@media screen and (max-width: 959px) {
  #nav ul .nav {
    padding-top: 1em;
    padding-bottom: 1em;
  }
}
#nav ul .acheter .h1 {
  color: #00828c;
}
#nav ul .acheter.active .nav,
#nav ul .acheter.on .nav {
  color: #fff;
  background-color: #00828c;
}
#nav ul .acheter.active .nav:before,
#nav ul .acheter.on .nav:before {
  border-top-color: #00828c;
}
#nav ul .acheter .sous-nav a:after {
  width: 140px;
  height: 60px;
  margin-top: -30px;
}
#nav ul .acheter .coursesu:after {
  background-position: 0 0;
}
#nav ul .acheter .ubilletterie:after {
  background-position: -740px 0;
}
#nav ul .acheter .uculture:after {
  background-position: -1480px 0;
}
#nav ul .acheter .ulocation:after {
  background-position: -2220px 0;
}
#nav ul .acheter .uphoto:after {
  background-position: -2960px 0;
}
#nav ul .magasins .h1 {
  color: #007ba4;
}
#nav ul .magasins.active .nav,
#nav ul .magasins.on .nav {
  color: #fff;
  background-color: #007ba4;
}
#nav ul .magasins.active .nav:before,
#nav ul .magasins.on .nav:before {
  border-top-color: #007ba4;
}
#nav ul .magasins .magasin:after {
  background-position: -650px 0;
}
#nav ul .magasins .rechercher:after {
  background-position: -1300px 0;
}
#nav ul .magasins .gps:after {
  background-position: 0 0;
}
#nav ul .promotions .h1 {
  color: #e31006;
}
#nav ul .promotions.active .nav,
#nav ul .promotions.on .nav {
  color: #fff;
  background-color: #e31006;
}
#nav ul .promotions.active .nav:before,
#nav ul .promotions.on .nav:before {
  border-top-color: #e31006;
}
#nav ul .promotions .magasin:after {
  background-position: -1300px 0;
}
#nav ul .promotions .tracts:after {
  background-position: -3250px 0;
}
#nav ul .promotions .promo:after {
  background-position: -2600px 0;
}
#nav ul .promotions .bons:after {
  background-position: 0 0;
}
#nav ul .promotions .jeux:after {
  background-position: -650px 0;
}
#nav ul .produits .h1 {
  color: #1cb184;
}
#nav ul .produits.active .nav,
#nav ul .produits.on .nav {
  color: #fff;
  background-color: #1cb184;
}
#nav ul .produits.active .nav:before,
#nav ul .produits.on .nav:before {
  border-top-color: #1cb184;
}
#nav ul .carte .h1 {
  color: #E9456F;
}
#nav ul .carte.active .nav,
#nav ul .carte.on .nav {
  color: #fff;
  background-color: #E9456F;
}
#nav ul .carte.active .nav:before,
#nav ul .carte.on .nav:before {
  border-top-color: #E9456F;
}
#nav ul .groupe .h1 {
  color: #007ba4;
}
#nav ul .groupe.active .nav,
#nav ul .groupe.on .nav {
  color: #fff;
  background-color: #007ba4;
}
#nav ul .groupe.active .nav:before,
#nav ul .groupe.on .nav:before {
  border-top-color: #007ba4;
}
#nav ul .recrutement .h1 {
  color: #F95015;
}
#nav ul .recrutement.active .nav,
#nav ul .recrutement.on .nav {
  color: #fff;
  background-color: #F95015;
}
#nav ul .recrutement.active .nav:before,
#nav ul .recrutement.on .nav:before {
  border-top-color: #F95015;
}
#nav .active .nav {
  position: relative;
}
#nav .active .nav:before {
  content: '';
  z-index: 30;
  position: absolute;
}
@media screen and (min-width: 960px) {
  #nav .active .nav:before {
    top: 50%;
    right: 0;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    background-position: -150px -194px;
  }
}
#nav .sous-nav {
  display: none;
  z-index: 12;
  background-color: #fff;
}
@media screen and (min-width: 960px) {
  #nav .sous-nav {
    position: absolute;
    top: 90px;
    left: 180px;
    width: 570px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
    padding: 3.33333em 40px 1.66667em 40px;
  }
}
#nav .sous-nav .close {
  position: absolute;
  top: 0;
  right: 0;
}
#nav .sous-nav .cols2 .col {
  width: 235px;
  margin-left: 20px;
}
#nav .sous-nav .cols2 .col:first-child {
  margin-left: 0;
}
#nav .sous-nav .h1 {
  margin-bottom: 0;
  padding-top: 0;
  text-transform: uppercase;
  font-family: "proxima", sans-serif;
  font-size: 1.75em;
  font-weight: normal;
  line-height: 1.90476em;
}
#nav .sous-nav .h1 + .txt {
  top: 0;
  margin-top: 0;
  border-top: 0;
}
#nav .sous-nav p {
  margin-bottom: 0;
  font-size: 0.91667em;
  line-height: 1.36364em;
}
#nav .sous-nav .img {
  padding-right: 180px;
  min-height: 2.5em;
  *height: 2.5em;
}
#nav .sous-nav .img img {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -25px;
}
#nav .sous-nav .h2 {
  margin-bottom: 0;
  padding-top: 0;
  text-transform: uppercase;
  font-size: 0.91667em;
  line-height: 1.81818em;
}
#nav .sous-nav ul {
  margin: 0;
  padding: 0;
  padding-bottom: 0.83333em;
  border: 0;
  *zoom: 1;
}
#nav .sous-nav ul:after {
  content: "";
  display: table;
  clear: both;
}
#nav .sous-nav ul li,
#nav .sous-nav ul dt,
#nav .sous-nav ul dd {
  float: left;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
  white-space: normal;
  list-style-image: none;
  list-style-type: none;
}
#nav .sous-nav ul li:first-child,
#nav .sous-nav ul dt:first-child,
#nav .sous-nav ul dd:first-child {
  padding-left: 0;
}
#nav .sous-nav ul li:last-child,
#nav .sous-nav ul dt:last-child,
#nav .sous-nav ul dd:last-child,
#nav .sous-nav ul li .last,
#nav .sous-nav ul dt .last,
#nav .sous-nav ul dd .last {
  padding-right: 0;
}
#nav .sous-nav li {
  position: relative;
  top: 1px;
  left: 1px;
  margin: 0.83333em 10px -2px -2px;
  border: 1px solid #efefef;
}
#nav .sous-nav li:nth-child(6n) {
  margin-right: 0;
}
#nav .sous-nav .txt {
  display: block;
  position: relative;
  margin-top: -1px;
  padding-top: 0.83333em;
  padding-bottom: 0.83333em;
  border-top: 1px solid #e0e0e0;
  text-decoration: none;
}
#nav .sous-nav .txt:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 50px;
  height: 50px;
  margin-top: -25px;
}
#nav .sous-nav a.txt:hover h3,
#nav .sous-nav a.txt:focus h3 {
  text-decoration: underline;
}
.cookies #nav {
  top: 40px;
}
/* ---------------------------------------------------------- */
/* Menu mobile + tablette */
/* ---------------------------------------------------------- */
@media screen and (max-width: 959px) {
  #header-mobile {
    border-bottom: 1px solid #e5e5e5;
    position: fixed;
    width: 100%;
    z-index: 10100;
    background-color: #fff;
  }
  #header-mobile .table-header-mobile .td {
    vertical-align: middle;
  }
  #header-mobile .table-header-mobile .td-toggle-nav {
    vertical-align: top;
  }
  #header-mobile .table-header-mobile .td-toggle-nav,
  #header-mobile .table-header-mobile .td-logo {
    width: 44px;
  }
  #header-mobile .table-header-mobile .td-nom-magasin:after {
    content: " ";
  }
  #header-mobile .logo-site {
    padding: 3px 0;
    margin-left: 5px;
    text-decoration: none;
  }
  #header-mobile .logo-site img {
    display: inline-block;
  }
  #header-mobile .nom-magasin-header {
    color: #0072AF;
    font-size: 1.1em;
    line-height: 1.2;
    padding: 4px 0 4px 5px;
    display: block;
    font-weight: bold;
    text-decoration: none;
  }
  #nav,
  .monespaceu-container {
    position: fixed;
    top: 0;
    z-index: 10001;
    background-color: #fff;
    width: 100%;
    /*max-width: 320px;*/
    height: 100%;
    padding: 10px;
  }
  #nav .close-panel,
  .monespaceu-container .close-panel {
    background-position: -55px 0;
    width: 25px;
    height: 25px;
    border: 0 none;
    float: right;
    margin-top: 5px;
    position: relative;
    z-index: 2;
  }
  #nav .close-panel {
    margin-right: 5px;
  }
  .monespaceu-container {
    right: 0;
  }
  .monespaceu-container .close-panel {
    float: left;
    margin-left: 5px;
  }
  #nav {
    bottom: 0 !important;
    top: 0 !important;
    left: 0;
  }
  #nav .active .nav:before {
    display: block;
    width: 0;
    height: 0;
    bottom: -8px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 8px solid #FFFFFF;
  }
  #nav .sous-nav {
    padding: 0 9px;
  }
  #nav .sous-nav a {
    padding: 10px;
    text-decoration: none;
    color: #767676;
  }
  #nav .sous-nav a.img {
    padding-right: 10px;
  }
  #nav .sous-nav .txt:first-child {
    margin-top: 0;
  }
  #nav .sous-nav .row > div[class*="col-"]:first-child a:first-child {
    border-top: 0 none;
  }
  #nav .h1 {
    padding: 5px 0;
  }
  #nav-inside {
    margin-top: 15px;
  }
  #nav-inside .recrutement {
    display: none;
  }
  #main-nav-ul {
    border: 1px solid #E7E7E7;
    text-align: center;
  }
  /* Toggle Nav et Mon espace U */
  #toggle-main-nav-search,
  #toggle-monespaceu,
  .link-mobile-monmagasinu {
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    border: 0 none;
    width: 44px;
    height: 43px;
  }
  #toggle-main-nav-search:before,
  #toggle-monespaceu:before,
  .link-mobile-monmagasinu:before {
    content: "";
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  #toggle-main-nav-search {
    float: left;
    background-color: #0072af;
  }
  #toggle-main-nav-search:before {
    background-position: -201px -64px;
    width: 20px;
    height: 19px;
  }
  .bloc-bt-magasin-espace {
    float: right;
  }
  #toggle-monespaceu,
  .link-mobile-monmagasinu {
    float: left;
    border-left: 1px solid #bcc7cd;
  }
  #toggle-monespaceu:before {
    /*background-position: -154px -64px;*/
    background-position: -242px 0px;
    width: 22px;
    height: 23px;
  }
  .link-mobile-monmagasinu:before {
    background-position: -100px -64px;
    width: 18px;
    height: 27px;
    margin-top: 8px;
  }
  #nav,
  .monespaceu-container {
    display: none;
    overflow: auto;
  }
}
/* ---------------------------------------------------------- */
/* Bloc recherche navigation */
/* ---------------------------------------------------------- */
#bloc-search #searchLabel {
  vertical-align: super;
  float: left;
}
@media screen and (max-width: 959px) {
  #bloc-search #searchLabel {
    width: 85%;
  }
}
#bloc-search .submit {
  float: right;
}
/* ---------------------------------------------------------- */
/* #nav #map #recherche */
/* ---------------------------------------------------------- */
#nav form,
#map form,
#recherche .form-search-page,
#barre-recherche-details-produits form {
  padding: 1em 15px;
  background-color: #00828c;
}
#nav form input,
#map form input,
#recherche .form-search-page input,
#barre-recherche-details-produits form input {
  width: 75px;
  padding: 5px;
  border: 0;
  vertical-align: middle;
  color: #383838;
}
#nav form input.placeholder,
#map form input.placeholder,
#recherche .form-search-page input.placeholder,
#barre-recherche-details-produits form input.placeholder {
  font-style: italic;
  color: #989898;
}
#nav form button,
#map form button,
#recherche .form-search-page button,
#barre-recherche-details-produits form button {
  width: auto;
  padding: 5px;
  border: 0;
  vertical-align: middle;
  background-color: transparent;
}
#nav form button:before,
#map form button:before,
#recherche .form-search-page button:before,
#barre-recherche-details-produits form button:before {
  content: "";
  display: block;
  width: 30px;
  height: 20px;
  background-position: 0 -148px;
}
#nav form button:after,
#map form button:after,
#recherche .form-search-page button:after,
#barre-recherche-details-produits form button:after {
  display: none;
}
@media screen and (max-width: 767px) {
  #nav form button,
  #map form button,
  #recherche .form-search-page button,
  #barre-recherche-details-produits form button {
    padding: 5px !important;
    width: auto!important;
    border: 0;
    vertical-align: middle;
    background-color: transparent;
  }
}
#nav form p,
#map form p,
#recherche .form-search-page p,
#barre-recherche-details-produits form p {
  height: 2.5em;
  margin-bottom: 0;
  overflow: hidden;
  background-color: #fff;
}
#nav form span.input,
#map form span.input,
#recherche .form-search-page span.input,
#barre-recherche-details-produits form span.input {
  width: auto;
  margin: 0;
}
.sa #nav form input,
.ch #nav form input,
.sa #map form input,
.ch #map form input,
.sa #recherche .form-search-page input,
.ch #recherche .form-search-page input,
.sa #barre-recherche-details-produits form input,
.ch #barre-recherche-details-produits form input {
  outline: none;
}
#nav form input::-webkit-input-placeholder,
#map form input::-webkit-input-placeholder,
#recherche .form-search-page input::-webkit-input-placeholder,
#barre-recherche-details-produits input::-webkit-input-placeholder {
  font-style: italic;
}
#nav form input:-moz-placeholder,
#map form input:-moz-placeholder,
#recherche .form-search-page input:-moz-placeholder,
#barre-recherche-details-produits input:-moz-placeholder {
  font-style: italic;
}
#nav form input::-moz-placeholder,
#map form input::-moz-placeholder,
#recherche .form-search-page input::-moz-placeholder,
#barre-recherche-details-produits input::-moz-placeholder {
  font-style: italic;
}
#nav form input:-ms-input-placeholder,
#map form input:-ms-input-placeholder,
#recherche .form-search-page input:-ms-input-placeholder,
#barre-recherche-details-produits input:-ms-input-placeholder {
  font-style: italic;
}
/* ---------------------------------------------------------- */
/* Titres */
/* ---------------------------------------------------------- */
/* Titre h1 en haut de page */
.h1-top-page h1 {
  text-align: center;
  color: #4e4e4e;
  font-size: 0.7em;
  padding: 10px 0 10px 20px;
  margin-bottom: 0;
  position: absolute;
  top: -100px;
}
#content h1,
#content .h1 {
  margin-bottom: 0.625em;
  padding-top: 0;
  text-transform: uppercase;
  font-family: "proxima", sans-serif;
  font-size: 2.66667em;
  font-weight: bold;
  line-height: 1.25em;
}
@media screen and (max-width: 959px) {
  #content h1,
  #content .h1 {
    font-size: 1.6em;
    font-weight: 900;
    margin-top: 10px;
    margin-bottom: 0.625em !important;
    display: block;
  }
}
#content h1.titre-seo,
#content .h1.titre-seo {
  margin-bottom: 1.25em;
  text-transform: none;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.25em;
}
@media screen and (max-width: 959px) {
  #content h1.titre-seo,
  #content .h1.titre-seo {
    margin-bottom: 20px !important;
  }
}
#content h2,
#content .h2 {
  margin-bottom: 0.90909em;
  padding-top: 0;
  text-transform: uppercase;
  font-family: "proxima", sans-serif;
  font-size: 1.83333em;
  font-weight: normal;
  line-height: 0.90909em;
}
#content h2.souligne,
#content .h2.souligne {
  position: relative;
  top: 1px;
  margin-top: -1px;
  padding-bottom: 0.90909em;
  border-bottom: 1px solid #e9e9e9;
}
#content h2.titre-seo,
#content .h2.titre-seo,
#content .commentaire_geolocalisation {
  margin-bottom: 1.25em;
  text-transform: none;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.25em;
}
#content h2.prix,
#content .h2.prix {
  color: #e31006;
}
@media screen and (min-width: 768px) {
  #content h2.prix,
  #content .h2.prix {
    margin-top: 3.63636em;
  }
}
#content .no-js h2 {
  padding-top: 1.81818em !important;
}
#content .no-js h2 img {
  display: inline-block;
  margin-left: 20px;
}
#content .fake-tabs {
  clear: both;
  margin-bottom: 1.66667em;
  font-size: 1em;
  line-height: 1.66667em;
}
#content h3,
#content .h3 {
  margin-bottom: 1.2em;
  padding-top: 0;
  text-transform: uppercase;
  font-family: "proxima", sans-serif;
  font-size: 1.33333em;
  font-weight: normal;
  line-height: 1.25em;
  display: inline-block;
}
#content h3 a,
#content .h3 a {
  display: block;
  text-decoration: none;
}
#content h3 a:hover,
#content h3 a:focus,
#content .h3 a:hover,
#content .h3 a:focus {
  text-decoration: underline;
}
#content h4,
#content .h4 {
  margin-bottom: 1.66667em;
  margin-bottom: 0;
  padding-top: 0;
  text-transform: none;
  font-family: sans-serif;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.66667em;
  color: #333;
}
/* ---------------------------------------------------------- */
/* Picto titres */
/* ---------------------------------------------------------- */
#content .picto {
  position: relative;
  padding-left: 80px !important;
  background-position: 55px 50%;
  background-repeat: no-repeat;
}
#content .picto:before {
  content: '';
  position: absolute;
  top: -5px;
  right: auto !important;
  left: 0 !important;
  width: 60px;
  height: 50px;
}
/* ---------------------------------------------------------- */
/* Sous-titre sous la dates */
/* ---------------------------------------------------------- */
#content .subdate {
  text-transform: uppercase;
  font-family: "proxima", sans-serif;
  font-weight: bold;
}
#content .h2-like {
  width: auto;
  color: #007ba4;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.2;
}
#content .h3-like {
  width: auto;
  margin-bottom: 1rem;
  color: #4e4e4e;
  font-size: 0.94rem;
  font-weight: 400;
  line-height: 1.6;
}
#content .p-like {
  color: #707070;
  font-size: 0.825rem;
  font-weight: 400;
  text-transform: none;
  line-height: 1.2;
}
/* ---------------------------------------------------------- */
/* Call to action .cta */
/* ---------------------------------------------------------- */
.cta {
  position: relative;
  top: 1px;
  margin-top: 2px;
  margin-bottom: 0.83333em;
  padding-left: 0;
  list-style-type: none;
}
.cta button {
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
}
.cta li {
  position: relative;
  top: 1px;
  margin-top: -2px;
  padding-bottom: 0.83333em;
}
.cta sup {
  font-size: 50%;
}
.cta.alt .a,
.cta.alt a {
  color: #fff;
}
.cta.alt .a > span,
.cta.alt a > span {
  border-color: #e71b34;
  background-color: #e71b34;
}
.cta.alt .a > span:after,
.cta.alt a > span:after {
  background-position: -55px -244px;
}
.cta.alt .a:hover > span,
.cta.alt a:hover > span,
.cta.alt .a:focus > span,
.cta.alt a:focus > span {
  border-color: #b00015;
  background-color: #b00015;
}
.cta.geo a > span,
.cta.geo .a > span {
  padding-right: 10px;
  padding-left: 30px;
  font-size: 0.91667em;
  line-height: 2em;
}
.cta.geo a > span:after,
.cta.geo .a > span:after {
  left: 10px;
  background-position: -154px -244px;
  width: 12px;
  height: 18px;
}
.cta.secondaire a > span,
.cta.secondaire .a > span {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
.cta.autre a > span,
.cta.autre .a > span {
  background-color: #0078a7;
  border-color: #0078a7;
}
.cta.autre a:hover > span,
.cta.autre .a:hover > span,
.cta.autre a:focus > span,
.cta.autre .a:focus > span {
  background-color: #00597A;
  border-color: #00597A;
}
.cta.small span,
.cta a.small span,
.cta .a.small span {
  width: 140px;
}
.cta.big,
.cta a.big,
.cta .a.big {
  margin-bottom: 0;
}
.cta.big span,
.cta a.big span,
.cta .a.big span {
  width: 240px;
}
.cta.full span,
.cta a.full span,
.cta .a.full span {
  display: block;
}
.cta.full-block a {
  display: block;
}
.cta.tall a,
.cta.tall .a {
  font-size: 0.91667em;
  line-height: 2.72727em;
}
.cta a,
.cta .a {
  display: inline-block;
  text-decoration: none;
  font-size: 0.91667em;
  line-height: 1.09091em;
  color: #e71b34;
}
.cta a > span,
.cta .a > span {
  display: inline-block;
  padding: 0.36364em 25px 0.36364em 5px;
  border: 1px solid #e0e0e0;
  text-transform: uppercase;
  font-weight: bold;
  background-color: #f9f9f9;
  transition: background-color 200ms, border-color 200ms;
  position: relative;
}
.cta a > span:after,
.cta .a > span:after {
  content: "";
  background-position: 0 -244px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  /* poussé de la moitié de hauteur du référent */
  -webkit-transform: translateY(-50%);
  /* tiré de la moitié de sa propre hauteur */
  -ms-transform: translateY(-50%);
  /* tiré de la moitié de sa propre hauteur */
  transform: translateY(-50%);
  /* tiré de la moitié de sa propre hauteur */
  right: 0;
}
.cta a:hover > span,
.cta .a:hover > span,
.cta a:focus > span,
.cta .a:focus > span {
  border-color: #e3e3e3;
  background-color: #e3e3e3;
}
.cta a .br,
.cta .a .br {
  display: block;
  padding: 0;
  border: 0;
}
.cta a.alt,
.cta .a.alt {
  color: #fff;
}
.cta a.alt > span,
.cta .a.alt > span {
  border-color: #e71b34;
  background-color: #e71b34;
}
.cta a.alt > span:after,
.cta .a.alt > span:after {
  background-position: -55px -249px;
}
.cta a.alt:hover > span,
.cta .a.alt:hover > span,
.cta a.alt:focus > span,
.cta .a.alt:focus > span {
  border-color: #b00015;
  background-color: #b00015;
}
@media screen and (min-width: 768px) {
  .bloc-bottom .cta {
    position: absolute;
    top: auto;
    bottom: 1.66667em;
    margin-bottom: 0;
  }
  .bloc-bottom .cta.positionRelative {
    position: relative;
    float: left;
    margin-right: 5px;
  }
  .bloc-bottom .cta li {
    top: 10px;
  }
}
/* CTA formulaire + adhesion */
#formulaireinscription .color-cta-button,
#adhesionCarteU-page .color-cta-button {
  background-color: #459bd5;
  border-color: #459bd5;
  color: #ffffff;
}
#formulaireinscription .color-cta-button:hover,
#adhesionCarteU-page .color-cta-button:hover,
#formulaireinscription .color-cta-button:focus,
#adhesionCarteU-page .color-cta-button:focus {
  border-color: #3f8ec3;
  background-color: #3f8ec3;
}
#formulaireinscription .color-cta-button:disabled,
#adhesionCarteU-page .color-cta-button:disabled {
  border-color: #d8d8d8;
  background-color: #d8d8d8;
}
/* Bouton calé à droite et en bas */
@media screen and (min-width: 768px) {
  .bt-right-bottom .cta {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 5px;
    margin-bottom: 0;
  }
  .bt-right-bottom .cta li {
    top: 10px;
  }
}
/* .cta pour mobile */
@media screen and (max-width: 767px) {
  #map .cta a,
  #magasin .cta a,
  #content .flexslider .desc .cta a,
  .pop .cta a,
  #pop-porteurs .cta a,
  #pop-carte .cta a,
  #content.annuaire .cta a,
  .pageEvent .bloc .cta a,
  #content.fiche-magasin .cta.bt-contact-mag a,
  .emploi .cta a,
  #bloc-monespaceu .cta a,
  .cta .bt-choix-mag-inscription a,
  .marque .fiche-produit .cta a,
  .marque .fiche-marque .cta a,
  #chiffres .cta a,
  .coop-presse .cta a,
  .coop-developpement .cta a,
  .coop-vision .cta a,
  .page404 .cta a,
  .visa-u .cta a,
  .bloc-mag-filtres .cta a,
  #content.fiche-detaillee .cta-acheter-en-ligne a,
  .fiche-recette .cta a,
  .bloc-anim .cta a,
  .bt-fiche-infos a,
  .bt-bloc-moment a,
  .bt-bloc-promo-slide a,
  .encart-actualites .cta a,
  .encart-emploi .cta a,
  .bt-feuilletez a,
  #map .cta span,
  #magasin .cta span,
  #content .flexslider .desc .cta span,
  .pop .cta span,
  #pop-porteurs .cta span,
  #pop-carte .cta span,
  #content.annuaire .cta span,
  .pageEvent .bloc .cta span,
  #content.fiche-magasin .cta.bt-contact-mag span,
  .emploi .cta span,
  #bloc-monespaceu .cta span,
  .cta .bt-choix-mag-inscription span,
  .marque .fiche-produit .cta span,
  .marque .fiche-marque .cta span,
  #chiffres .cta span,
  .coop-presse .cta span,
  .coop-developpement .cta span,
  .coop-vision .cta span,
  .page404 .cta span,
  .visa-u .cta span,
  .bloc-mag-filtres .cta span,
  #content.fiche-detaillee .cta-acheter-en-ligne span,
  .fiche-recette .cta span,
  .bloc-anim .cta span,
  .bt-fiche-infos span,
  .bt-bloc-moment span,
  .bt-bloc-promo-slide span,
  .encart-actualites .cta span,
  .encart-emploi .cta span,
  .bt-feuilletez span {
    display: block;
    width: 100%;
  }
  #map .cta span.a,
  #magasin .cta span.a,
  #content .flexslider .desc .cta span.a,
  .pop .cta span.a,
  #pop-porteurs .cta span.a,
  #pop-carte .cta span.a,
  #content.annuaire .cta span.a,
  .pageEvent .bloc .cta span.a,
  #content.fiche-magasin .cta.bt-contact-mag span.a,
  .emploi .cta span.a,
  #bloc-monespaceu .cta span.a,
  .cta .bt-choix-mag-inscription span.a,
  .marque .fiche-produit .cta span.a,
  .marque .fiche-marque .cta span.a,
  #chiffres .cta span.a,
  .coop-presse .cta span.a,
  .coop-developpement .cta span.a,
  .coop-vision .cta span.a,
  .page404 .cta span.a,
  .visa-u .cta span.a,
  .bloc-mag-filtres .cta span.a,
  #content.fiche-detaillee .cta-acheter-en-ligne span.a,
  .fiche-recette .cta span.a,
  .bloc-anim .cta span.a,
  .bt-fiche-infos span.a,
  .bt-bloc-moment span.a,
  .bt-bloc-promo-slide span.a,
  .encart-actualites .cta span.a,
  .encart-emploi .cta span.a,
  .bt-feuilletez span.a {
    padding: 0;
  }
  #map .cta span,
  #magasin .cta span,
  #content .flexslider .desc .cta span,
  .pop .cta span,
  #pop-porteurs .cta span,
  #pop-carte .cta span,
  #content.annuaire .cta span,
  .pageEvent .bloc .cta span,
  #content.fiche-magasin .cta.bt-contact-mag span,
  .emploi .cta span,
  #bloc-monespaceu .cta span,
  .cta .bt-choix-mag-inscription span,
  .marque .fiche-produit .cta span,
  .marque .fiche-marque .cta span,
  #chiffres .cta span,
  .coop-presse .cta span,
  .coop-developpement .cta span,
  .coop-vision .cta span,
  .page404 .cta span,
  .visa-u .cta span,
  .bloc-mag-filtres .cta span,
  #content.fiche-detaillee .cta-acheter-en-ligne span,
  .fiche-recette .cta span,
  .bloc-anim .cta span,
  .bt-fiche-infos span,
  .bt-bloc-moment span,
  .bt-bloc-promo-slide span,
  .encart-actualites .cta span,
  .encart-emploi .cta span,
  .bt-feuilletez span,
  #map .cta a,
  #magasin .cta a,
  #content .flexslider .desc .cta a,
  .pop .cta a,
  #pop-porteurs .cta a,
  #pop-carte .cta a,
  #content.annuaire .cta a,
  .pageEvent .bloc .cta a,
  #content.fiche-magasin .cta.bt-contact-mag a,
  .emploi .cta a,
  #bloc-monespaceu .cta a,
  .cta .bt-choix-mag-inscription a,
  .marque .fiche-produit .cta a,
  .marque .fiche-marque .cta a,
  #chiffres .cta a,
  .coop-presse .cta a,
  .coop-developpement .cta a,
  .coop-vision .cta a,
  .page404 .cta a,
  .visa-u .cta a,
  .bloc-mag-filtres .cta a,
  #content.fiche-detaillee .cta-acheter-en-ligne a,
  .fiche-recette .cta a,
  .bloc-anim .cta a,
  .bt-fiche-infos a,
  .bt-bloc-moment a,
  .bt-bloc-promo-slide a,
  .encart-actualites .cta a,
  .encart-emploi .cta a,
  .bt-feuilletez a {
    font-size: 1.1em;
    line-height: 1.5;
    padding: 12px 16px;
  }
  #map .cta a,
  .pageEvent .bloc .cta a,
  .emploi .cta a,
  #pop-carte .cta a,
  .marque .fiche-produit .cta a,
  .marque .fiche-marque .cta a,
  #chiffres .cta a,
  #ListeProduits #infosMag .cta a,
  .page404 .cta a,
  .visa-u .cta a,
  .coop-vision .cta a,
  .bloc-mag-filtres .cta a,
  #content.fiche-detaillee .cta-acheter-en-ligne .cta a,
  .fiche-recette .cta a,
  .bloc-anim .cta .cta a,
  .bt-fiche-infos .cta a,
  .bt-bloc-moment .cta a,
  .bt-bloc-promo-slide .cta a,
  .encart-actualites .cta a,
  .encart-emploi .cta a,
  .bt-feuilletez .cta a,
  #map.cta a,
  .pageEvent .bloc.cta a,
  .emploi.cta a,
  #pop-carte.cta a,
  .marque .fiche-produit.cta a,
  .marque .fiche-marque.cta a,
  #chiffres.cta a,
  #ListeProduits #infosMag.cta a,
  .page404.cta a,
  .visa-u.cta a,
  .coop-vision.cta a,
  .bloc-mag-filtres.cta a,
  #content.fiche-detaillee .cta-acheter-en-ligne.cta a,
  .fiche-recette.cta a,
  .bloc-anim .cta.cta a,
  .bt-fiche-infos.cta a,
  .bt-bloc-moment.cta a,
  .bt-bloc-promo-slide.cta a,
  .encart-actualites.cta a,
  .encart-emploi.cta a,
  .bt-feuilletez.cta a {
    padding: 0;
  }
  /* Passage des boutons gris en rouge */
  #content.fiche-magasin .cta.bt-contact-mag a,
  .bloc-etract .cta a,
  .bloc-disponible-magasin .cta a,
  .bloc-coordonnees .cta a,
  #bloc-monespaceu .cta a,
  .cta .bt-choix-mag-inscription a,
  .coop-presse .cta a,
  .coop-developpement .cta a,
  .visa-u .cta a {
    padding: 0 !important;
  }
  #content.fiche-magasin .cta.bt-contact-mag a:hover span,
  .bloc-etract .cta a:hover span,
  .bloc-disponible-magasin .cta a:hover span,
  .bloc-coordonnees .cta a:hover span,
  #bloc-monespaceu .cta a:hover span,
  .cta .bt-choix-mag-inscription a:hover span,
  .coop-presse .cta a:hover span,
  .coop-developpement .cta a:hover span,
  .visa-u .cta a:hover span,
  #content.fiche-magasin .cta.bt-contact-mag a:focus span,
  .bloc-etract .cta a:focus span,
  .bloc-disponible-magasin .cta a:focus span,
  .bloc-coordonnees .cta a:focus span,
  #bloc-monespaceu .cta a:focus span,
  .cta .bt-choix-mag-inscription a:focus span,
  .coop-presse .cta a:focus span,
  .coop-developpement .cta a:focus span,
  .visa-u .cta a:focus span {
    background-color: #BE0017;
    border-color: #BE0017;
  }
  #content.fiche-magasin .cta.bt-contact-mag span,
  .bloc-etract .cta .a span,
  .bloc-disponible-magasin .cta span,
  .bloc-coordonnees .cta span,
  #pop-profil .form .submit.alt,
  #bloc-monespaceu .cta a span,
  .cta .bt-choix-mag-inscription span,
  .coop-presse .cta a span,
  .coop-developpement .cta a > span,
  .visa-u .cta a span {
    background-color: #e71b34;
    border: 1px solid #e71b34;
    color: #FFFFFF;
    padding-right: 30px;
  }
  #content.fiche-magasin .cta.bt-contact-mag span:after,
  .bloc-etract .cta .a span:after,
  .bloc-disponible-magasin .cta span:after,
  .bloc-coordonnees .cta span:after,
  #pop-profil .form .submit.alt:after,
  #bloc-monespaceu .cta a span:after,
  .cta .bt-choix-mag-inscription span:after,
  .coop-presse .cta a span:after,
  .coop-developpement .cta a > span:after,
  .visa-u .cta a span:after {
    background-image: url("../img/bg/sprite-common.png");
    background-repeat: no-repeat;
    background-color: transparent;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    /* poussé de la moitié de hauteur du référent */
    -webkit-transform: translateY(-50%);
    /* tiré de la moitié de sa propre hauteur */
    -ms-transform: translateY(-50%);
    /* tiré de la moitié de sa propre hauteur */
    transform: translateY(-50%);
    /* tiré de la moitié de sa propre hauteur */
    right: 0;
    background-position: -55px -244px;
  }
  #content.fiche-magasin .cta.bt-contact-mag span:hover,
  .bloc-etract .cta .a span:hover,
  .bloc-disponible-magasin .cta span:hover,
  .bloc-coordonnees .cta span:hover,
  #pop-profil .form .submit.alt:hover,
  #bloc-monespaceu .cta a span:hover,
  .cta .bt-choix-mag-inscription span:hover,
  .coop-presse .cta a span:hover,
  .coop-developpement .cta a > span:hover,
  .visa-u .cta a span:hover,
  #content.fiche-magasin .cta.bt-contact-mag span:focus,
  .bloc-etract .cta .a span:focus,
  .bloc-disponible-magasin .cta span:focus,
  .bloc-coordonnees .cta span:focus,
  #pop-profil .form .submit.alt:focus,
  #bloc-monespaceu .cta a span:focus,
  .cta .bt-choix-mag-inscription span:focus,
  .coop-presse .cta a span:focus,
  .coop-developpement .cta a > span:focus,
  .visa-u .cta a span:focus {
    background-color: #BE0017;
  }
  #bloc-monespaceu .cta span.popin {
    padding: 0;
  }
  #pop-profil .form .submit.alt,
  #pop-profil .form .submit {
    display: block;
    font-size: 1.1em;
    text-align: left;
    width: 100%;
  }
  .coop-developpement .cta a .br,
  .fiche-recette .cta a .br {
    padding: 0;
  }
  .page404 .cta {
    margin: 20px 0;
  }
  #content .home-v2-slider .cta a span {
    font-size: 1.05em;
    padding: 15px 25px 15px 15px;
    display: block;
  }
  #content .cta-tous-catalogues .cta a span,
  #content .bloc-carte-u-v2 .cta a span {
    font-size: 1.05em;
    padding: 15px 25px 15px 15px;
  }
  #content .encart-actualites .cta a span,
  #content .encart-emploi .cta a span {
    font-size: 1.05em;
    padding: 5px 25px 5px 15px;
  }
}
@media screen and (max-width: 767px) and screen and (max-width: 767px) {
  #content .home-v2-slider .cta a span {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #content .encart-actualites .bloc-contenu-actu .cta,
  #content .encart-fiche-moment .bt-bloc-moment,
  #content .encart-temps-fort .bt-bloc-moment {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  #content .encart-actualites .bloc-contenu-actu .cta,
  #content .encart-fiche-moment .bt-bloc-moment,
  #content .encart-temps-fort .bt-bloc-moment {
    position: absolute;
    bottom: 0;
    top: auto;
  }
}
@media screen and (max-width: 479px) {
  .bloc-etract .cta a,
  #content.promo .cta a,
  .bloc-etract .cta span,
  #content.promo .cta span {
    display: block;
  }
  .bloc-etract .cta span.a,
  #content.promo .cta span.a {
    padding: 0;
  }
  .bloc-etract .cta span,
  #content.promo .cta span,
  .bloc-etract .cta a,
  #content.promo .cta a {
    font-size: 1.1em;
    line-height: 1.5;
    padding: 12px 25px 12px 16px;
  }
}
/* ---------------------------------------------------------- */
/* Buttons submit / reset / load */
/* ---------------------------------------------------------- */
button.submit,
a.submit,
input.submit,
button.cancel,
a.cancel,
input.cancel,
button.reset,
a.reset,
input.reset {
  display: inline-block;
  position: relative;
  top: 1px;
  width: auto;
  margin-top: -1px;
  margin-bottom: 0.83333em;
  padding: 1px 30px 0 10px;
  border: 1px solid #565656;
  text-decoration: none;
  text-transform: uppercase;
  text-align: left;
  font-family: "proxima", sans-serif;
  font-size: 1em;
  font-weight: bold;
  line-height: 2.5em;
  vertical-align: top;
  color: #fff;
  background-color: #565656;
  transition: background-color 200ms, border-color 200ms;
}
button.submit:after,
a.submit:after,
input.submit:after,
button.cancel:after,
a.cancel:after,
input.cancel:after,
button.reset:after,
a.reset:after,
input.reset:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  /* poussé de la moitié de hauteur du référent */
  -webkit-transform: translateY(-50%);
  /* tiré de la moitié de sa propre hauteur */
  -ms-transform: translateY(-50%);
  /* tiré de la moitié de sa propre hauteur */
  transform: translateY(-50%);
  /* tiré de la moitié de sa propre hauteur */
  right: 0;
  background-position: -55px -244px;
}
@media screen and (max-width: 767px) {
  button.submit,
  a.submit,
  input.submit,
  button.cancel,
  a.cancel,
  input.cancel,
  button.reset,
  a.reset,
  input.reset {
    padding-right: 40px !important;
  }
}
button.submit.load:after,
a.submit.load:after,
input.submit.load:after,
button.cancel.load:after,
a.cancel.load:after,
input.cancel.load:after,
button.reset.load:after,
a.reset.load:after,
input.reset.load:after {
  background-image: url("../img/bg/load.gif");
  background-position: center center;
}
button.submit:hover,
a.submit:hover,
input.submit:hover,
button.cancel:hover,
a.cancel:hover,
input.cancel:hover,
button.reset:hover,
a.reset:hover,
input.reset:hover,
button.submit:focus,
a.submit:focus,
input.submit:focus,
button.cancel:focus,
a.cancel:focus,
input.cancel:focus,
button.reset:focus,
a.reset:focus,
input.reset:focus {
  border-color: #b00015;
  background-color: #b00015;
}
button.submit.submit-2lignes,
a.submit.submit-2lignes,
input.submit.submit-2lignes,
button.cancel.submit-2lignes,
a.cancel.submit-2lignes,
input.cancel.submit-2lignes,
button.reset.submit-2lignes,
a.reset.submit-2lignes,
input.reset.submit-2lignes {
  text-align: left;
  font-size: 1em;
  line-height: 1.66667em;
}
@media screen and (max-width: 767px) {
  button.submit,
  a.submit,
  input.submit,
  button.cancel,
  a.cancel,
  input.cancel,
  button.reset,
  a.reset,
  input.reset,
  button.submit.submit-2lignes,
  a.submit.submit-2lignes,
  input.submit.submit-2lignes,
  button.cancel.submit-2lignes,
  a.cancel.submit-2lignes,
  input.cancel.submit-2lignes,
  button.reset.submit-2lignes,
  a.reset.submit-2lignes,
  input.reset.submit-2lignes {
    display: block;
    width: 100%!important;
    font-size: 1.3em;
    line-height: 1.5;
    padding: 12px 16px!important;
    margin: 0 0 20px !important;
  }
}
button.submit.small,
a.submit.small,
input.submit.small,
button.cancel.small,
a.cancel.small,
input.cancel.small,
button.reset.small,
a.reset.small,
input.reset.small {
  line-height: inherit;
  padding: 2px 35px 2px 5px;
  background-color: #e71b34;
  border: 0 none;
}
button.submit.small:hover,
a.submit.small:hover,
input.submit.small:hover,
button.cancel.small:hover,
a.cancel.small:hover,
input.cancel.small:hover,
button.reset.small:hover,
a.reset.small:hover,
input.reset.small:hover,
button.submit.small:focus,
a.submit.small:focus,
input.submit.small:focus,
button.cancel.small:focus,
a.cancel.small:focus,
input.cancel.small:focus,
button.reset.small:focus,
a.reset.small:focus,
input.reset.small:focus {
  background-color: #B00015;
}
@media screen and (max-width: 767px) {
  button.submit.small,
  a.submit.small,
  input.submit.small,
  button.cancel.small,
  a.cancel.small,
  input.cancel.small,
  button.reset.small,
  a.reset.small,
  input.reset.small {
    padding: 12px 30px 12px 16px;
  }
}
button.reset.load:after,
a.reset.load:after,
input.reset.load:after {
  background-image: url("../img/bg/load-reset.gif");
  background-position: center center;
}
button.reset:hover,
a.reset:hover,
input.reset:hover,
button.reset:focus,
a.reset:focus,
input.reset:focus {
  border-color: #242424;
  background-color: #242424;
}
.submit + .submit,
.submit + .reset,
.reset + .submit,
.reset + .reset {
  margin-left: 20px;
}
.cta-loader.load .bt-bloc-promo-slide .a span:after,
.cta-loader.load .span-cta:after {
  background-image: url("../img/bg/load-alt.gif");
  background-position: center center;
}
a.localize,
button.localize {
  padding-right: 10px;
  padding-left: 30px;
  border-color: #e3001b;
  background-color: #e3001b;
}
a.localize:after,
button.localize:after {
  left: 10px;
  background-position: -154px -244px;
  width: 12px;
  height: 18px;
}
.carte-u.consultation-points .submit:hover,
.carte-u.consultation-points .submit:focus {
  border-color: #b00015;
  background-color: #b00015;
}
.loader,
.loader-reverse {
  background-image: url("../img/bg/loader.gif");
}
.loader-bleu {
  background-image: url("../img/bg/loader-bleu.gif");
}
.loader,
.loader-bleu,
.loader-reverse {
  height: 80px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.image-fleche-identification {
  float: left;
  margin-left: 10px;
  width: 20px;
  height: 20px;
}
.image-fleche-identification:before {
  content: "";
  display: block;
  background-position: -55px -148px;
  width: 20px;
  height: 20px;
}
/* ---------------------------------------------------------- */
/* Buttons cancel reprend le même style que submit pour toutes les pop-in avec taille précise
/* ---------------------------------------------------------- */
.cancel {
  width: 175px!important;
  padding: 1px 10px 0 10px!important;
  text-align: center!important;
  text-align: left!important;
}
/* ---------------------------------------------------------- */
/* Buttons ajouter à la liste de courses (catalogue produits + fiche produit) */
/* ---------------------------------------------------------- */
.bt-add-cart {
  background-color: #e31006;
  border: 0 none;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "proxima", sans-serif;
  border-radius: 12px;
  padding: 5px 8px;
  width: auto;
  float: right;
  /*&:after{
        content: "";
        float: right;
        &:extend(.sprite-produits);
        background-position: 0 0;
        width:14px;
        height: 13px;
        margin-left: 3px;
    }*/
}
.bt-add-cart:hover,
.bt-add-cart:focus {
  background-color: #B00015;
}
.bloc-nb-products {
  float: right;
}
.bloc-nb-products .bt-nb-cart,
.bloc-nb-products .input-nb-products {
  display: inline-block;
  vertical-align: middle;
}
.bloc-nb-products .bt-nb-cart {
  border: 0 none;
  width: auto;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
.bloc-nb-products .bt-nb-cart:before {
  content: "";
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.bloc-nb-products .bt-nb-cart.active {
  background-color: #007586;
  width: 29px;
  height: 29px;
}
.bloc-nb-products .bt-nb-cart.active:before {
  width: 15px;
  height: 15px;
}
.bloc-nb-products .bt-nb-cart.active:hover,
.bloc-nb-products .bt-nb-cart.active:focus {
  background-color: #00424c;
}
.bloc-nb-products .bt-nb-cart.deactive {
  background-color: #bebebe;
  width: 22px;
  height: 22px;
  pointer-events: none;
}
.bloc-nb-products .bt-nb-cart.deactive:before {
  width: 10px;
  height: 10px;
}
.bloc-nb-products .bt-less-cart.active:before {
  background-position: -34px -30px;
}
.bloc-nb-products .bt-less-cart.deactive:before {
  background-position: -69px -32px;
}
.bloc-nb-products .bt-more-cart.active:before {
  background-position: -34px 0;
}
.bloc-nb-products .bt-more-cart.deactive:before {
  background-position: -69px 0;
}
.bloc-nb-products .input-nb-products {
  width: 50px;
  background-color: #e9e9e9;
  color: #007586;
  font-family: "proxima", sans-serif;
  font-weight: bold;
  font-size: 1.2em;
  border: 0 none;
  text-align: center;
  margin: 0 -11px;
  padding-left: 11px;
  padding-right: 11px;
}
/* ---------------------------------------------------------- */
/* CTA form */
/* ---------------------------------------------------------- */
.cta-form-blanc {
  padding-bottom: 0;
}
.cta-form-blanc span {
  line-height: 2.5em;
  padding: 2px 30px 1px 10px !important;
}
/* ---------------------------------------------------------- */
/* CTA submit rouge */
/* ---------------------------------------------------------- */
#content .submit.alternative {
  border: 0 none;
  background-color: #e3001b;
}
#content .submit.alternative:hover,
#content .submit.alternative:focus {
  background-color: #b00015;
}
/* ---------------------------------------------------------- */
/* Button spécifique à ACF suite à erreur de validation code pin 
/* ---------------------------------------------------------- */
#buttonValiderTransac[disabled]:active,
#buttonValiderTransac[disabled],
#buttonValiderTransac[disabled]:hover,
#buttonValiderTransac[disabled]:focus {
  background-color: #c3c3c3 !important;
  border-color: #c3c3c3 !important;
}
/* ---------------------------------------------------------- */
/* Footer */
/* ---------------------------------------------------------- */
#footer {
  z-index: 1;
  position: relative;
  color: #838383;
  background-color: #efefef;
}
@media screen and (max-width: 767px) {
  #footer {
    font-size: 1.2em;
  }
}
#footer .col {
  float: left;
  width: 60px;
  margin-right: 20px;
}
#footer .col.last-child {
  margin-right: 0;
}
#footer .col15 {
  width: 100px;
}
#footer .col2 {
  width: 140px;
}
#footer .col25 {
  width: 180px;
}
#footer .col30 {
  width: 240px;
}
#footer .col45 {
  width: 340px;
}
#footer div.h2 {
  margin-top: -2.5em;
  margin-bottom: 2.5em;
  padding-top: 0;
  text-transform: uppercase;
  font-family: "proxima", sans-serif;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.66667em;
  color: #000;
}
#footer div.h3 {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.66667em;
  color: #555;
}
#footer ul {
  padding-left: 0;
  list-style-type: none;
}
#footer a {
  display: block;
  text-decoration: none;
}
#footer a:hover,
#footer a:focus {
  text-decoration: underline;
}
#footer-inside {
  margin-top: 3.33333em;
  border-top: 1px solid #cacaca;
  box-shadow: 0 1px #fff inset;
}
/* ---------------------------------------------------------- */
/* Texte SEO footer */
/* ---------------------------------------------------------- */
#footer-seo {
  padding: 40px 0 20px 0;
  text-align: center;
  color: #000;
}
/* ---------------------------------------------------------- */
/* Pré-footer : barre verte Copyright */
/* ---------------------------------------------------------- */
#pre-footer {
  top: -4.16667em;
  font-size: 1em;
  line-height: 2.5em;
  color: #fff;
  background-image: url("../img/bg/footer.png");
}
#pre-footer ul {
  float: left;
  margin: 0;
  padding: 0;
  border: 0;
  *zoom: 1;
}
#pre-footer ul:after {
  content: "";
  display: table;
  clear: both;
}
#pre-footer ul li,
#pre-footer ul dt,
#pre-footer ul dd {
  float: left;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
  white-space: normal;
  list-style-image: none;
  list-style-type: none;
}
#pre-footer ul li:first-child,
#pre-footer ul dt:first-child,
#pre-footer ul dd:first-child {
  padding-left: 0;
}
#pre-footer ul li:last-child,
#pre-footer ul dt:last-child,
#pre-footer ul dd:last-child,
#pre-footer ul li .last,
#pre-footer ul dt .last,
#pre-footer ul dd .last {
  padding-right: 0;
}
#pre-footer li {
  margin-right: 35px;
  margin-left: 0;
}
#pre-footer li:last-child {
  margin-right: 0;
}
#pre-footer a {
  display: block;
  color: #fff;
  transition: background-color 200ms;
}
#pre-footer a img {
  background-color: #fff;
}
#pre-footer .facebook:before,
#pre-footer .twitter:before,
#pre-footer .instagram:before,
#pre-footer .youtube:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
}
#pre-footer .facebook:before {
  background-position: 11px -105px;
}
#pre-footer .facebook:hover,
#pre-footer .facebook:focus {
  background-color: #125c9b;
}
#pre-footer .twitter:before {
  background-position: -50px -105px;
}
#pre-footer .twitter:hover,
#pre-footer .twitter:focus {
  background-color: #24cbff;
}
#pre-footer .instagram:before {
  background-position: -95px -105px;
}
#pre-footer .instagram:hover,
#pre-footer .instagram:focus {
  background-color: #E1306C;
}
#pre-footer .youtube:before {
  background-position: -149px -105px;
}
#pre-footer .youtube:hover,
#pre-footer .youtube:focus {
  background-color: #c4302b;
}
@media screen and (min-width: 768px) {
  #pre-footer .pre-footer-container {
    display: table;
  }
  #pre-footer .pre-footer-col {
    display: table-cell;
    vertical-align: middle;
  }
  #pre-footer .footer-menu ul {
    border-right: 1px solid #9cd7cc;
    border-left: 1px solid #9cd7cc;
    padding-left: 15px;
    padding-right: 0;
    margin-left: 15px;
    margin-right: 15px;
  }
  #pre-footer .footer-menu ul li {
    margin-right: 20px;
  }
  #pre-footer .col-copyright {
    width: 200px;
  }
  #pre-footer .col-follow {
    width: 165px;
  }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
  #pre-footer .footer-menu ul {
    padding-left: 0;
    margin-left: 0;
    border-left: 0 none;
  }
}
@media screen and (max-width: 767px) {
  #pre-footer .footer-menu ul {
    float: none;
  }
  #pre-footer .footer-menu ul li {
    display: block;
    float: none;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #E7E7E7;
    margin: 0;
  }
  #pre-footer .footer-menu ul li a {
    padding: 10px 0;
  }
}
/* Suivez-nous */
@media screen and (max-width: 767px) {
  #follow {
    text-align: center;
    padding: 10px 0;
  }
}
#follow p,
#follow ul {
  display: inline-block;
  float: none;
  vertical-align: middle;
}
#follow p {
  margin: 0 10px 0 0;
  text-transform: uppercase;
  font-weight: bold;
}
#follow li {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  #follow li {
    margin: 0 20px;
  }
}
/* ---------------------------------------------------------- */
/* Popin Chargement */
/* ---------------------------------------------------------- */
#popin-chargement {
  width: 150px;
  height: 150px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  border-radius: 5px;
  margin-left: 0px;
  overflow-y: hidden!important;
}
#popin-chargement img {
  position: relative;
  top: 52px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
}
#popin-chargement p {
  text-align: center;
  position: relative;
  top: 70px;
  padding-left: 10px;
  font-size: 14px;
}
#popin-chargement .spinner-wave-1,
#popin-chargement .spinner-wave-2,
#popin-chargement .spinner-wave-3 {
  top: 15px;
  left: 40px;
  position: absolute;
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
#popin-chargement .spinner-wave-1 {
  box-shadow: -1.2px -1.2px 0 1.2px #64c8f0;
  animation: spinner1 1s linear infinite;
}
#popin-chargement .spinner-wave-2 {
  box-shadow: -1.2px -1.2px 0 1.2px #00828c;
  animation: spinner2 1.2s linear infinite;
}
#popin-chargement .spinner-wave-3 {
  box-shadow: -1.2px -1.2px 0 1.2px #39ae99;
  animation: spinner3 1.4s linear infinite;
}
@keyframes spinner1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinner2 {
  0% {
    transform: rotate(100deg);
  }
  100% {
    transform: rotate(460deg);
  }
}
@keyframes spinner3 {
  0% {
    transform: rotate(200deg);
  }
  100% {
    transform: rotate(560deg);
  }
}
/* ---------------------------------------------------------- */
/* Popin Choix magasin */
/* ---------------------------------------------------------- */
#pop-choix-magasin #bloc-filtre-departement {
  padding-bottom: 5px;
}
@media screen and (max-width: 767px) {
  #pop-choix-magasin #bloc-filtre-departement {
    position: fixed!important;
    width: 100%;
    z-index: 10100;
  }
}
#pop-choix-magasin #bloc-filtre-departement #filtre-departement {
  background-color: white;
}
/* ---------------------------------------------------------- */
/* Plugins - 5 files */
/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */
/* Flexslider */
/* ---------------------------------------------------------- */
.flexslider {
  position: relative;
  zoom: 1;
}
.flexslider .slides,
.flexslider .flex-control-nav,
.flexslider .flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.flexslider .flex-control-nav a,
.flexslider .flex-direction-nav a,
.flexslider .flex-pauseplay a {
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: underline;
  color: #00F;
  background-color: transparent;
  cursor: pointer;
}
.flexslider .flex-control-nav a .flex-active,
.flexslider .flex-direction-nav a .flex-active,
.flexslider .flex-pauseplay a .flex-active {
  text-decoration: none;
  color: #000;
  cursor: default;
}
.flexslider .slides {
  zoom: 1;
}
#content .flexslider {
  margin-bottom: 0.83333em;
  /* Dots affichés sur mobile */
}
@media screen and (max-width: 767px) {
  #content .flexslider {
    background-color: #FFFFFF;
  }
}
#content .flexslider .flex-disabled {
  display: none;
}
#content .flexslider ul.cta {
  position: absolute;
  top: auto;
  bottom: 10px;
  left: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  *zoom: 1;
}
#content .flexslider ul.cta:after {
  content: "";
  display: table;
  clear: both;
}
#content .flexslider ul.cta li,
#content .flexslider ul.cta dt,
#content .flexslider ul.cta dd {
  float: left;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
  white-space: normal;
  list-style-image: none;
  list-style-type: none;
}
#content .flexslider ul.cta li:first-child,
#content .flexslider ul.cta dt:first-child,
#content .flexslider ul.cta dd:first-child {
  padding-left: 0;
}
#content .flexslider ul.cta li:last-child,
#content .flexslider ul.cta dt:last-child,
#content .flexslider ul.cta dd:last-child,
#content .flexslider ul.cta li.last,
#content .flexslider ul.cta dt.last,
#content .flexslider ul.cta dd.last {
  padding-right: 0;
}
#content .flexslider ul.cta li {
  margin-right: 10px;
}
#content .flexslider ul.alt {
  position: relative;
  bottom: auto;
  left: 0;
  padding-top: 1.66667em;
}
#content .flexslider h3 {
  margin-bottom: 0;
}
#content .flexslider .slide {
  position: relative;
  margin-bottom: 0.83333em;
  background-color: #fff;
}
#content .flexslider .slide a {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  #content .flexslider .slide p {
    margin-bottom: 0;
  }
}
#content .flexslider .flex-direction-nav .flex-prev,
#content .flexslider .flex-direction-nav .flex-next {
  position: absolute;
  top: 50%;
  margin-top: -40px;
  padding: 10px;
  color: #000;
}
#content .flexslider .flex-direction-nav .flex-prev {
  left: 0;
}
#content .flexslider .flex-direction-nav .flex-next {
  right: 0;
}
#content .flexslider .flex-control-nav {
  position: absolute;
  top: 15px;
  right: 0;
  left: 0;
  text-align: center;
}
@media (min-width: 960px) {
  #content .flexslider .flex-control-nav {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  #content .flexslider .flex-control-nav {
    display: none !important;
  }
}
#content .flexslider .flex-control-nav li {
  display: inline-block;
  float: none;
}
#content .flexslider .flex-control-nav a {
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: #eaeaea;
  margin: 0 7px;
  display: block;
}
#content .flexslider .flex-control-nav .flex-active {
  background-color: #9a9a9a;
}
#content .flexslider .flex-control-nav span {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
@media screen and (max-width: 767px) {
  #content .flexslider .desc {
    position: relative !important;
  }
}
@media screen and (max-width: 767px) {
  #content .pager-flexslider .tabs .col {
    margin-top: -2px;
  }
  #content .pager-flexslider .tabs .col a:not(.active),
  #content .pager-flexslider .tabs .col a:not(.active) + .pager-container {
    display: none;
    transition: ease all;
  }
}
.index .flexslider .desc,
.catalogue .flexslider .desc {
  left: 460px;
  bottom: 20px;
  top: auto;
  width: 260px;
}
@media screen and (max-width: 767px) {
  .index .flexslider .desc,
  .catalogue .flexslider .desc {
    width: 100%;
    left: auto;
    bottom: auto;
  }
}
/* JS activé */
.js .flexslider .slides,
.js .flexslider .flex-control-nav,
.js .flexslider .flex-direction-nav {
  margin: 0;
  padding: 0;
  border: 0;
  *zoom: 1;
}
.js .flexslider .slides:after,
.js .flexslider .flex-control-nav:after,
.js .flexslider .flex-direction-nav:after {
  content: "";
  display: table;
  clear: both;
}
.js .flexslider .slides li,
.js .flexslider .flex-control-nav li,
.js .flexslider .flex-direction-nav li,
.js .flexslider .slides dt,
.js .flexslider .flex-control-nav dt,
.js .flexslider .flex-direction-nav dt,
.js .flexslider .slides dd,
.js .flexslider .flex-control-nav dd,
.js .flexslider .flex-direction-nav dd {
  float: left;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
  white-space: normal;
  list-style-image: none;
  list-style-type: none;
}
.js .flexslider .slides li:first-child,
.js .flexslider .flex-control-nav li:first-child,
.js .flexslider .flex-direction-nav li:first-child,
.js .flexslider .slides dt:first-child,
.js .flexslider .flex-control-nav dt:first-child,
.js .flexslider .flex-direction-nav dt:first-child,
.js .flexslider .slides dd:first-child,
.js .flexslider .flex-control-nav dd:first-child,
.js .flexslider .flex-direction-nav dd:first-child {
  padding-left: 0;
}
.js .flexslider .slides li:last-child,
.js .flexslider .flex-control-nav li:last-child,
.js .flexslider .flex-direction-nav li:last-child,
.js .flexslider .slides dt:last-child,
.js .flexslider .flex-control-nav dt:last-child,
.js .flexslider .flex-direction-nav dt:last-child,
.js .flexslider .slides dd:last-child,
.js .flexslider .flex-control-nav dd:last-child,
.js .flexslider .flex-direction-nav dd:last-child,
.js .flexslider .slides li:last,
.js .flexslider .flex-control-nav li:last,
.js .flexslider .flex-direction-nav li:last,
.js .flexslider .slides dt:last,
.js .flexslider .flex-control-nav dt:last,
.js .flexslider .flex-direction-nav dt:last,
.js .flexslider .slides dd:last,
.js .flexslider .flex-control-nav dd:last,
.js .flexslider .flex-direction-nav dd:last {
  padding-right: 0;
}
.js .flexslider .slide {
  display: none;
}
.js #content .flexslider .slide {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .js #content .flexslider .slide {
    height: 340px;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .js #content .flexslider .slide img {
    display: block;
    max-width: 100%;
    height: auto;
    max-width: 710px;
    width: 100%;
  }
}
@media screen and (max-width: 479px) {
  .js #content .flexslider .slide img {
    display: block;
    max-width: 100%;
    height: auto;
    max-width: 400px;
    width: 100%;
  }
  .js #content .flexslider .slide .bloc-logo img {
    min-width: 0;
  }
}
.js #content .shop .flexslider .slide {
  height: auto;
}
.js #content .shop .flexslider .slide p {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .js .index #content .flexslider .slide,
  .js .catalogue #content .flexslider .slide {
    height: 300px;
  }
}
@media screen and (min-width: 768px) {
  .js .magasin #content .flexslider .slide {
    height: 450px;
  }
}
/* ---------------------------------------------------------- */
/* MODIFS 27/10/2014 - 28/10/2014 */
/* Déclinaisons slides homepage */
/* ---------------------------------------------------------- */
#content .flexslider .bloc .dates {
  line-height: 1.3;
  margin-bottom: 3px;
}
#content .flexslider .bloc .cta.full span {
  width: 100%;
}
#content .flexslider .bloc .cta.full li {
  float: none;
  margin-right: 0;
}
#content .decli-slide.push-corporate-service .h3 {
  color: #1cb184;
}
#content .decli-slide .bloc-header {
  background-color: #FFFFFF;
  padding: 15px 90px 15px 20px;
  margin-bottom: 1px;
  color: #e94670;
  text-transform: uppercase;
  font-size: 1.1em;
  position: relative;
}
#content .decli-slide .bloc-header.bloc-logo {
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 47px;
}
#content .decli-slide .bloc-header .carte-u {
  width: 71px;
  height: 53px;
  position: absolute;
  right: 15px;
  top: -8px;
}
#content .decli-slide .bloc-inside {
  padding-top: 15px;
}
#content .decli-slide .bloc .h3 {
  font-size: 1.65em;
  line-height: 1;
  font-weight: 900;
}
#content .decli-slide .bloc .subtitle {
  text-transform: uppercase;
  color: #e71b34;
  font-size: 1.4em;
  line-height: 1.1;
  margin-top: 15px;
}
#page .decli-slide .bloc .price {
  font-size: 3.5em !important;
  margin-bottom: -3px !important;
  margin-top: 5px !important;
  font-weight: 900;
}
/* ---------------------------------------------------------- */
/* Flexslider spécifiques */
/* ---------------------------------------------------------- */
@media screen and (max-width: 767px) {
  #bloc-monespaceu .flexslider .desc,
  .fiche-magasin .flexslider .desc {
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
  }
  #bloc-monespaceu .flexslider .desc + .cta,
  .fiche-magasin .flexslider .desc + .cta {
    /* Bouton "Toutes les promotions" */
    display: none;
  }
}
/* ---------------------------------------------------------- */
/* Slides évenementiels (sans onglet) */
/* ---------------------------------------------------------- */
.slider-without-tabs .slide img {
  display: block;
  max-width: 100%;
  height: auto;
}
/* ---------------------------------------------------------- */
/* Slides accueil v2 */
/* ---------------------------------------------------------- */
/* Slides de fond */
.flexslider-bg-home {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
}
.flexslider-bg-home .bg-img-slide {
  background-position: center center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  height: 453px;
  display: block;
  width: 100%;
  /*--MF--retravail sur la mise en forme du slide---*/
}
@media screen and (max-width: 959px) {
  .flexslider-bg-home .bg-img-slide {
    background-size: cover;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .flexslider-bg-home .bg-img-slide {
    display: none;
  }
}
@media screen and (max-width: 479px) {
  .flexslider-bg-home .bg-img-slide {
    display: none;
  }
}
#content .home-v2-slider {
  position: relative;
  margin-bottom: 140px;
  min-height: 390px;
  /*--MF-conformité maquette mettre position slide en dessous des blocs "mon magasin u" et "mon espace u"----*/
}
@media screen and (min-width: 960px) {
  #content .home-v2-slider {
    margin-top: -21px;
  }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
  #content .home-v2-slider {
    margin-top: -31px;
  }
}
@media screen and (max-width: 767px) {
  #content .home-v2-slider {
    min-height: 445px;
  }
}
#content .home-v2-slider .flexslider {
  background-color: transparent;
  margin-bottom: 0;
  top: -35px;
  position: relative;
}
#content .home-v2-slider .position-dessus-image-slide {
  position: absolute;
  margin-left: 30px;
  margin-top: 35px;
  padding-right: 40px;
  word-break: break-word;
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  #content .home-v2-slider .position-dessus-image-slide {
    margin-left: 0;
    margin-top: 0;
  }
}
@media screen and (max-width: 479px) {
  #content .home-v2-slider .position-dessus-image-slide {
    margin-left: 0;
    margin-top: 0;
  }
}
@media screen and (min-width: 960px) {
  #content .home-v2-slider .position-dessus-image-slide {
    margin-left: 380px;
    max-width: 435px;
  }
}
#content .home-v2-slider .flex-direction-nav {
  display: none;
}
#content .home-v2-slider .flex-control-nav {
  bottom: -140px;
  top: auto;
}
#content .home-v2-slider .flex-control-nav a {
  background-color: #4f4f4f;
  pointer-events: none;
}
#content .home-v2-slider .flex-control-nav a.flex-active {
  background-color: #e80a3a;
}
@media screen and (min-width: 960px) {
  #content .home-v2-slider .count1-pager-flexslider {
    left: 235px;
    right: 235px;
    bottom: -50px;
  }
}
@media screen and (min-width: 960px) {
  #content .home-v2-slider .count2-pager-flexslider {
    left: 100px;
    right: 100px;
    bottom: -50px;
  }
}
@media screen and (min-width: 960px) {
  #content .home-v2-slider .count3-pager-flexslider {
    left: 30px;
    right: 30px;
    bottom: -50px;
  }
}
#content .home-v2-slider .count1-li-flexslider {
  width: 100%;
}
#content .home-v2-slider .count2-li-flexslider {
  width: 275px;
}
#content .home-v2-slider .count3-li-flexslider {
  width: 236px;
}
#content .home-v2-slider .pager-flexslider {
  position: absolute;
  bottom: -65px;
  z-index: 1;
  /*left: 0;*/
  /*right: 0;*/
  box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) {
  #content .home-v2-slider .pager-flexslider {
    bottom: -70px;
  }
}
@media screen and (max-width: 767px) {
  #content .home-v2-slider .pager-flexslider .tabs .col {
    margin-top: 0;
  }
}
#content .home-v2-slider .pager-flexslider .tabs .link-tab-slide {
  display: block;
  background: transparent;
  padding: 10px;
  border-color: #e0e0e0;
  cursor: pointer;
  box-shadow: none;
}
#content .home-v2-slider .pager-flexslider .tabs .link-tab-slide.active:after {
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #FFFFFF;
  border-top: 0 none;
  top: -15px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
#content .home-v2-slider .pager-flexslider .tabs .text-slide,
#content .home-v2-slider .pager-flexslider .tabs .dates-actu-slide {
  background-color: transparent;
  border: 0 none;
  padding: 0;
}
#content .home-v2-slider .pager-flexslider .tabs .titre-actu-slide {
  color: #2480b0;
  font-family: Arial, sans-serif;
  font-weight: bold;
  text-transform: none;
  font-size: 1.2em;
  margin-bottom: 5px;
  display: block;
}
#content .home-v2-slider .pager-flexslider .tabs .dates-actu-slide {
  color: #000000;
  text-transform: none;
  font-family: Arial, sans-serif;
  font-weight: normal;
}
#content .home-v2-slider .pager-flexslider .tabs .pager-container {
  display: none;
}
#content .home-v2-slider .slide {
  background: transparent;
  font-weight: bold;
  /*text-transform: uppercase;*/
  line-height: 1;
  height: 387px !important;
}
@media screen and (max-width: 767px) {
  #content .home-v2-slider .slide {
    height: 527px!important;
  }
}
#content .home-v2-slider .slide.texte-rouge {
  color: #e6001d;
}
#content .home-v2-slider .slide.texte-rouge .link-texte-slide {
  color: #e6001d;
}
#content .home-v2-slider .slide.texte-blanc {
  color: #FFFFFF;
}
#content .home-v2-slider .slide.texte-blanc .link-texte-slide {
  color: #FFFFFF;
}
#content .home-v2-slider .slide.texte-noir {
  color: #000000;
}
#content .home-v2-slider .slide.texte-noir .link-texte-slide {
  color: #000000;
}
#content .home-v2-slider .slide .text-wysiwyg-slide {
  text-transform: initial;
}
#content .home-v2-slider .slide .col-texte-slide {
  padding-top: 20px;
}
@media screen and (min-width: 768px) {
  #content .home-v2-slider .slide .col-texte-slide {
    min-height: 330px;
  }
}
@media screen and (max-width: 767px) {
  #content .home-v2-slider .slide .col-texte-slide {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#content .home-v2-slider .slide .ligne-1-2,
#content .home-v2-slider .slide .ligne-prix,
#content .home-v2-slider .slide .ligne-sous-texte {
  display: block;
}
#content .home-v2-slider .slide .ligne-1-2 {
  font-size: 2.4em;
}
@media screen and (max-width: 479px) {
  #content .home-v2-slider .slide .ligne-1-2 {
    font-size: 2em;
  }
}
#content .home-v2-slider .slide .ligne-prix {
  font-size: 12em;
}
@media screen and (max-width: 479px) {
  #content .home-v2-slider .slide .ligne-prix {
    font-size: 8em;
    text-align: center;
  }
}
#content .home-v2-slider .slide .ligne-sous-texte {
  font-size: 1.6em;
}
@media screen and (max-width: 479px) {
  #content .home-v2-slider .slide .ligne-sous-texte {
    font-size: 1.3em;
  }
}
#content .home-v2-slider .slide .bloc-boutons-slide-home-v2 {
  padding-top: 30px;
}
@media screen and (max-width: 767px) {
  #content .home-v2-slider .slide .bloc-boutons-slide-home-v2 {
    left: auto;
    padding-top: 0;
    top: 405px;
    position: absolute;
    width: 95%;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  #content .home-v2-slider .slide .bloc-boutons-slide-home-v2 {
    padding-right: 5px;
  }
}
@media screen and (max-width: 479px) {
  #content .home-v2-slider .slide .bloc-boutons-slide-home-v2 {
    padding-right: 10px;
  }
}
@media screen and (min-width: 768px) {
  #content .home-v2-slider .slide .bloc-boutons-slide-home-v2.bloc-bottom {
    position: absolute;
    /*bottom: 0;*/
    left: 87px;
  }
}
#content .home-v2-slider .slide .bloc-boutons-slide-home-v2 .cta {
  float: left;
  position: static;
  padding-top: 0;
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  #content .home-v2-slider .slide .bloc-boutons-slide-home-v2 .cta {
    float: none;
  }
}
@media screen and (max-width: 479px) {
  #content .home-v2-slider .slide .bloc-boutons-slide-home-v2 .cta {
    float: none;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  #content .home-v2-slider .slide .bloc-boutons-slide-home-v2 .cta li {
    width: 100%;
  }
}
@media screen and (max-width: 479px) {
  #content .home-v2-slider .slide .bloc-boutons-slide-home-v2 .cta li {
    width: 100%;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  #content .home-v2-slider .slide .bloc-boutons-slide-home-v2 .cta li a {
    width: 100%;
  }
}
@media screen and (max-width: 479px) {
  #content .home-v2-slider .slide .bloc-boutons-slide-home-v2 .cta li a {
    width: 100%;
  }
}
#colorbox {
  outline: 0;
}
#colorbox #cboxContent {
  position: relative;
}
#colorbox #cboxLoadedContent {
  overflow: auto;
}
#colorbox #cboxLoadingOverlay,
#colorbox #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#colorbox #cboxPrevious,
#colorbox #cboxNext,
#colorbox #cboxClose,
#colorbox #cboxSlideshow {
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: underline;
  color: #00F;
  background-color: transparent;
  cursor: pointer;
}
#colorbox .cboxPhoto {
  height: auto;
  margin: auto;
  max-width: 100%;
}
#colorbox .cboxIframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #fff;
}
#colorbox #cboxLoadedContent,
#colorbox #cboxLoadingOverlay {
  padding: 1.66667em 1.66667em 1.66667em 1.66667em;
  padding-bottom: 0;
  border: 1px solid #000;
  background: #fff;
}
#colorbox #cboxLoadingOverlay:before {
  content: 'Chargement…';
}
#colorbox,
#cboxOverlay,
#cboxWrapper {
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 0;
}
#cboxOverlay {
  position: fixed;
  right: 0;
  bottom: 0;
  background: #808080;
}
#flying-focus {
  visibility: hidden;
  position: absolute;
  margin: 0;
  border-radius: 2px;
  background-color: transparent;
  box-shadow: 0 0 2px 3px #78aeda,0 0 2px #78aeda inset;
  pointer-events: none;
  transition-property: left,top,width,height,opacity;
  transition-timing-function: cubic-bezier(0, 0.2, 0, 1);
}
#flying-focus.flying-focus_visible {
  visibility: visible;
  z-index: 9999;
}
.flying-focus_target {
  outline: none !important;
}
.flying-focus_target::-moz-focus-inner {
  border: 0 !important;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #flying-focus {
    outline: 5px auto -webkit-focus-ring-color;
    box-shadow: none;
    outline-offset: -3px;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* Slider */
.slick-loading .slick-list {
  background: #fff url("../img/bg/loader.gif") center center no-repeat;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  cursor: pointer;
  background: transparent;
  top: 40%;
  padding: 0;
  border: 0 none;
  width: 40px;
  height: 60px;
  text-indent: -100%;
  overflow: hidden;
  z-index: 10;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  content: "";
  display: block;
  width: 40px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center center;
}
.slick-prev {
  left: 0;
}
.slick-prev:before {
  background-image: url("../img/flex-prev.png");
}
.slick-next {
  right: 0;
}
.slick-next:before {
  background-image: url("../img/flex-next.png");
}
/* Dots */
.slick-dotted .slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0 none;
  background: transparent;
  display: block;
  height: 10px;
  width: 10px;
  text-indent: -100%;
  overflow: hidden;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  text-align: center;
  background-color: #b8b7b5;
  border-radius: 50%;
}
.slick-dots li.slick-active button:before {
  background-color: #0073ae;
}
/* Slider page listes du catalogue promo (dots rouge) */
#content .bloc-couverture-slider .slick-slide-inside {
  position: relative;
}
#content .bloc-couverture-slider .slick-prev,
#content .bloc-couverture-slider .slick-next {
  top: 30%;
}
#content .bloc-couverture-slider .slick-dots {
  position: static;
  margin: 10px 0;
}
#content .bloc-couverture-slider .slick-dots li button,
#content .bloc-couverture-slider .slick-dots li button:before {
  width: 13px;
  height: 13px;
}
#content .bloc-couverture-slider .slick-dots li.slick-active button:before {
  background-color: #ee032b;
}
/* ---------------------------------------------------------- */
/* Modules - 17 files */
/* ---------------------------------------------------------- */
#content .fuel {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 1.1rem 0;
  border-top: solid 0.05rem #e5e5e5;
}
#content .fuel:last-of-type {
  border-bottom: solid 0.05rem #e5e5e5;
}
#content .fuel__name {
  margin-bottom: 0 !important;
  text-transform: uppercase;
  color: #4e4e4e;
  font-size: 0.9rem;
}
#content .fuel__price {
  flex-grow: 1;
  display: flex;
  font-size: 1.1rem;
  color: #007e92;
}
#content .fuel__price::before {
  content: '';
  display: inline-block;
  margin: 0 0.4rem 0.4rem 0.4rem;
  flex-grow: 1;
  border-bottom: dashed 0.05rem #e5e5e5;
}
#content .fuel__currency {
  font-size: 0.6rem;
  line-height: 1.4;
  vertical-align: top;
  color: #007e92;
}
.last-update-time {
  display: block;
  margin: 0.5rem 0;
  text-align: right;
  font-size: 0.65rem;
  font-weight: 700;
  color: #686868;
}
#content .gas-station-heading {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1.5rem;
}
#content .gas-station-heading h2.gas-station-heading__main,
#content .gas-station-heading p.gas-station-heading__main,
#content .gas-station-heading address.gas-station-heading__main {
  margin-bottom: 0;
  color: #4e4e4e;
  font-size: 0.9rem;
  text-transform: none;
  line-height: 1;
}
#content .gas-station-heading h2.gas-station-heading__main b,
#content .gas-station-heading p.gas-station-heading__main b,
#content .gas-station-heading address.gas-station-heading__main b {
  font-weight: bolder;
}
#content .gas-station-heading__title {
  position: relative;
  padding-top: 0.3rem;
  padding-left: 2.5rem;
}
#content .gas-station-heading__sub {
  color: #007e92;
  font-weight: bold;
  font-size: 0.7rem;
}
#content .gas-station-heading__sub-link {
  color: inherit;
}
#content .gas-station-heading__link {
  position: relative;
  font-weight: bold;
  font-size: 0.7rem;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  #content .gas-station-heading__link {
    width: 100%;
    margin-top: 1rem;
    margin-left: 2.5rem;
    font-size: 0.8rem;
    color: #2480b0;
    text-decoration: underline;
  }
}
#content .gas-station-heading__link::before {
  content: '';
  position: absolute;
  display: inline-block;
  left: -1rem;
  top: 0;
  bottom: 0;
  width: 0.7rem;
  height: 0.7rem;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="%232480b0" d="M184.655 1024c0 0 495.213-512 495.213-512s-495.213-512-495.213-512c0 0 158.543 0 158.543 0s496.146 512 496.146 512c0 0-496.146 512-496.146 512s-158.543 0-158.543 0z"></path></svg>');
}
#content .gas-station-heading__pro-fuel-card {
  position: relative;
  font-weight: bold;
  font-size: 0.7rem;
  text-decoration: none;
}
#content .gas-station-heading__pro-fuel-card::before {
  content: '';
  position: absolute;
  display: inline-block;
  left: -1rem;
  top: 0;
  bottom: 0;
  width: 0.7rem;
  height: 0.7rem;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="%232480b0" d="M184.655 1024c0 0 495.213-512 495.213-512s-495.213-512-495.213-512c0 0 158.543 0 158.543 0s496.146 512 496.146 512c0 0-496.146 512-496.146 512s-158.543 0-158.543 0z"></path></svg>');
}
@media screen and (max-width: 767px) {
  #content .gas-station-heading__pro-fuel-card::before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #content .gas-station-heading__pro-fuel-card-text {
    display: none;
  }
}
#content .gas-station-heading__icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.3rem;
  height: 1.3rem;
  display: block;
  color: #e5e5e5;
}
#content .gas-station-heading__address {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  #content .gas-station-heading--fuel {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 767px) {
  #content .gas-station-heading--fuel .gas-station-heading__icon {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #content .gas-station-heading--fuel .gas-station-heading__main {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #content .gas-station-heading--fuel .gas-station-heading__title {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  #content .gas-station-heading--fuel .gas-station-heading__sub {
    color: #4e4e4e;
  }
}
@media screen and (max-width: 767px) {
  #content .gas-station-heading--address {
    flex-direction: column;
    align-items: flex-start;
  }
}
#content .gas-station-heading--address-link {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #content .gas-station-heading--address-link {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
}
#content .gas-station-heading--address-link .gas-station-heading__link {
  margin-top: 0;
}
#content .gas-station-heading--store {
  margin-bottom: 0rem;
}
.gas-station-bloc {
  padding: 1.5rem 1rem 2rem 1rem;
  border-top: solid 0.05rem #e5e5e5;
}
@media screen and (max-width: 767px) {
  .gas-station-bloc {
    padding-left: 0;
    padding-right: 0;
  }
}
.gas-station-bloc__content {
  padding-left: 2.5rem;
}
@media screen and (max-width: 767px) {
  .gas-station-bloc__content {
    padding-left: 0;
  }
}
.gas-station-bloc__map {
  width: 100%;
  height: 12rem;
  transition: height 0.2s;
}
.gas-station-bloc__map--hidden {
  height: 0;
}
.gas-station-bloc--no-line {
  border: none;
}
.gas-station-bloc--store {
  padding-top: 0;
  padding-bottom: 0;
}
.button-toggle-locator {
  width: 2rem;
  height: 2rem;
  padding: 0.5rem;
  margin-left: 1rem;
  vertical-align: sub;
  background: none;
  border: none;
  transition: transform 0.2s;
}
.button-toggle-locator--hidden {
  transform: rotate(180deg);
}
.button-toggle-locator__icon {
  width: 100%;
  height: 100%;
  margin: 0;
}
.gas-station-bloc-first {
  margin-bottom: 1rem;
}
#content h1.gas-station-title {
  margin-bottom: 0.7rem;
}
#content h1.gas-station-title-h1,
.gas-station-title-h1 {
  line-height: 1;
  display: block;
  font-size: 2rem;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0.4rem;
  color: #2480b0;
}
@media screen and (max-width: 767px) {
  #content h1.gas-station-title-h1,
  .gas-station-title-h1 {
    margin: 0 !important;
    font-weight: 600;
  }
}
#content .gas-station-title-h2 {
  line-height: 1;
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0.4rem;
  color: #2480b0;
}
@media screen and (max-width: 767px) {
  #content .gas-station-title-h2 {
    margin: 0 !important;
  }
}
#content .gas-station-title-sub {
  margin-bottom: 1rem;
  color: #8c8c8c;
  font-weight: bold;
  font-size: 0.95rem;
  text-transform: none;
}
.service-list {
  max-height: 16rem;
  flex-direction: row;
  flex-wrap: wrap;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .service-list {
    padding-left: 2.5rem;
    max-height: 36rem;
  }
}
.service-list__item {
  width: 50%;
  margin-bottom: 0.6rem;
  padding: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .service-list__item {
    width: 100%;
  }
}
.service-list__item::before {
  content: '•';
}
.service-list__title {
  display: inline;
  margin: 0 0 0 0.2rem;
  font-size: 0.9rem !important;
}
.service-list__text {
  display: inline;
  margin-bottom: 0.4rem;
  color: #4e4e4e;
}
.list-department {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.list-department__item {
  width: 33%;
  margin-bottom: 1.4rem;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: bold;
}
.list-department__link {
  text-decoration: none;
  color: #2480b0;
}
.list-department__link:hover {
  text-decoration: underline;
}
.bloc-inside-big {
  padding: 1.6rem 2rem;
}
@media screen and (max-width: 767px) {
  .bloc-inside-big {
    padding: 1.6rem 1rem;
  }
}
.hidden-desktop {
  display: none;
}
@media screen and (max-width: 767px) {
  .hidden-desktop {
    display: block;
  }
}
.content-center {
  text-align: center;
}
.detail-related-button {
  display: flex;
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .detail-related-button {
    justify-content: center;
    margin-bottom: 1rem;
  }
}
.detail-related-button__left {
  width: 33.333%;
  margin-right: 0.5rem;
}
@media screen and (max-width: 767px) {
  .detail-related-button__left {
    width: auto;
  }
}
.detail-related-button__center {
  width: 33.333%;
}
@media screen and (max-width: 767px) {
  .detail-related-button__center {
    display: none;
  }
}
/* ---------------------------------------------------------- */
/* #filtres-tri */
/* ---------------------------------------------------------- */
#filtres-tri {
  position: relative;
  top: 1px;
  margin-top: 20px;
  padding: 0 20px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  background-color: #f2f2f2;
  *zoom: 1;
}
@media screen and (max-width: 767px) {
  #filtres-tri {
    padding-left: 10px;
    padding-right: 10px;
  }
}
#filtres-tri:after {
  content: "";
  display: table;
  clear: both;
}
#filtres-tri .label {
  width: auto;
}
#filtres-tri .label .label {
  width: auto;
  text-transform: uppercase;
  font-family: "proxima", sans-serif;
  color: #6b3f95;
}
#filtres-tri .label .input {
  width: auto;
  margin-right: 0;
}
#filtres-tri .label .input .label {
  text-transform: none;
  font-family: sans-serif;
  color: #555;
}
#filtres-tri select {
  position: relative;
  bottom: 1px;
}
#filtres-tri .line {
  float: left;
  margin-top: 0.83333em;
  margin-bottom: 6px !important;
  min-height: 0;
}
#filtres-tri .line.first-child {
  width: 360px;
  margin-right: 19px;
  border-right: 1px solid #c9c9c9;
}
#filtres-tri .line.first-child.grand {
  width: auto;
  margin-right: 0;
  border-right: 0;
}
#filtres-tri .line.last-child {
  position: relative;
  width: 360px;
}
#filtres-tri .line .submit {
  position: absolute;
  top: 5px;
  right: 10px;
}
#filtres-tri + p {
  padding: 0 20px;
  background-color: #fff;
}
#filtres-tri + p strong {
  font-family: "proxima", sans-serif;
  font-size: 1.33333em;
  font-weight: normal;
  line-height: 2.5em;
  color: #6b3f95;
}
#filtres-tri + p strong strong {
  font-size: 1em;
  font-weight: bold;
  line-height: 2.5em;
}
#filtres-tri.filtres-tri-fidelite .line {
  border-right: 1px solid #c9c9c9;
  margin-right: 10px;
  padding-right: 10px;
}
#filtres-tri.filtres-tri-fidelite .line.first-child,
#filtres-tri.filtres-tri-fidelite .line.last-child {
  width: auto;
}
#filtres-tri.filtres-tri-fidelite .line.last-child {
  top: 0;
  margin-right: 0;
  border-right: 0 none;
}
#filtres-tri.filtres-tri-fidelite .line select {
  width: 174px;
}
#filtres-tri.filtres-tri-fidelite .line,
#filtres-tri.filtres-tri-fidelite .line-submit {
  border-right: 0 none;
  margin: 0;
  padding: 0;
}
.win #filtres-tri select {
  bottom: 2px;
}
.js #filtres-tri .line .submit {
  display: none;
}
/* ---------------------------------------------------------- */
/* .filter */
/* ---------------------------------------------------------- */
form.filter {
  display: none;
}
.js form.filter {
  display: block;
}
.filter-item.inactive {
  display: none !important;
}
/* ---------------------------------------------------------- */
/* Popin */
/* ---------------------------------------------------------- */
.js #pop,
.js .pop,
.js #pop-panel {
  display: none;
  position: fixed;
}
#pop.active,
.pop.active,
#pop-panel.active {
  display: block;
}
#pop,
#pop-panel {
  z-index: 15;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
#pop-panel {
  z-index: 950;
}
@media screen and (min-width: 960px) {
  #pop-panel,
  #pop-panel.active {
    display: none !important;
  }
}
.ie8 #pop {
  background-image: url("../img/bg/pop.png");
}
.close {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  margin: 0;
  padding: 0 40px 0 10px;
  border: 0;
  text-transform: uppercase;
  font-family: "proxima", sans-serif;
  font-size: 0.91667em;
  line-height: 2.72727em;
  color: #e6001e;
  background-color: #FFFFFF;
}
.close:before {
  content: "";
  display: inline-block;
  background-position: 0 -194px;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
}
.close:hover,
.close:focus {
  text-decoration: underline;
}
.close:hover:before,
.close:focus:before {
  background-position: -55px -194px;
}
.pop {
  z-index: 1000;
  width: 780px;
  margin: auto;
  margin-bottom: 1.66667em;
  padding-left: 160px;
  *zoom: 1;
}
.pop:after {
  content: "";
  display: table;
  clear: both;
}
#content .pop > .bloc {
  margin-bottom: 0;
  overflow: auto;
}
@media screen and (max-width: 959px) {
  #content .pop > .bloc {
    max-height: none !important;
  }
}
#content .pop > .bloc::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
#content .pop > .bloc::-webkit-scrollbar-track {
  background: #f2f2f2;
}
#content .pop > .bloc::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #e31006;
}
#content .pop > .close {
  right: 0;
}
#content .pop > .bloc-inside {
  padding-top: 40px;
}
@media screen and (max-width: 767px) {
  #content .pop .cta.right {
    float: none;
    margin-left: 0;
  }
}
@media screen and (min-width: 960px) {
  .js .pop {
    top: 25%;
    left: 50%;
    width: 740px;
    margin-bottom: 0;
    margin-left: -290px;
    padding-left: 0;
  }
}
@media screen and (max-width: 959px) {
  .js .pop {
    position: fixed;
    left: 0;
    right: 0;
    top: 44px;
    padding-left: 0;
    margin-top: 0 !important;
    width: 100%;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
  }
}
.pop.profil span.input,
.pop.carte span.input {
  width: 250px;
  margin-right: 0;
}
.pop.profil input.text,
.pop.carte input.text {
  width: 280px;
}
.pop.profil .naissance span.input,
.pop.carte .naissance span.input {
  width: auto;
}
.pop.profil .h2,
.pop.carte .h2 {
  color: #459BD5;
}
#pop-inside {
  background-color: #fff;
}
#content .pop.annuaire .bloc-form {
  margin: 0 40px 0 40px;
  padding: 10px;
  background: #F2F2F2;
}
#content .pop.annuaire .bloc-form h2 {
  text-transform: none;
  font-size: 1.33333em;
  line-height: 0.9375em;
  color: #e31006;
}
#content .pop.annuaire .bloc-form h2 strong {
  font-size: 1.25em;
  line-height: 0.75em;
}
#content .pop.annuaire .h3 {
  color: #00828c;
}
#content .pop.annuaire .form {
  margin-bottom: 0;
  padding-bottom: 0;
}
#content .pop.annuaire .form span.label {
  width: auto;
}
#content .popin {
  margin-bottom: 0;
}
/* ---------------------------------------------------------- */
/* Popin accueil */
/* ---------------------------------------------------------- */
#pop-accueil h1 {
  font-size: 1.75em;
  font-weight: normal;
  line-height: 1.90476em;
}
#pop-accueil h2 {
  text-transform: none;
  font-size: 1.33333em;
  line-height: 1.25em;
}
#pop-accueil h3 {
  text-transform: none;
  font-size: 1.16667em;
  line-height: 1.42857em;
}
@media screen and (max-width: 767px) {
  #pop-accueil .img-responsive {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 960px) {
  #pop-accueil {
    margin-top: -177px;
  }
}
#pop-accueil .bloc-inside {
  max-height: 705px;
}
/* ---------------------------------------------------------- */
/* Popin jeux "contenu est reservé aux membres" */
/* ---------------------------------------------------------- */
#conteneur-popin .positionnement-big-cta {
  position: relative;
  top: 170px;
}
@media screen and (min-width: 768px) and (max-width: 959px) {
  #conteneur-popin .positionnement-big-cta {
    top: 190px;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  #conteneur-popin .positionnement-big-cta {
    position: relative;
    top: 5px;
    width: 100%;
  }
}
@media screen and (max-width: 479px) {
  #conteneur-popin .positionnement-big-cta {
    position: relative;
    top: 5px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #conteneur-popin .positionnement-big-cta a {
    padding: 0;
  }
}
/* ---------------------------------------------------------- */
/* Popin avertissement données + popin navigateur obselete*/
/* ---------------------------------------------------------- */
#pop-avertissement-donnee h1.h2 {
  color: #E3001B;
}
@media screen and (min-width: 768px) {
  #pop-avertissement-donnee .bloc-cta .cta {
    float: left;
    margin-right: 20px;
  }
}
#pop-avertissement-donnee .warning,
#pop-avertissement-donnee .error {
  color: #E3001B;
}
#pop-avertissement-donnee .warningicon {
  display: inline-block;
  width: 20px;
  height: 20px;
  overflow: hidden;
  text-align: left;
  text-indent: -119988px;
  text-transform: capitalize;
  background: url("../img/bg/error.png") no-repeat;
}
#pop-avertissement-donnee .ensemble-warning .warningicon {
  float: left;
  margin-right: 10px;
}
#pop-avertissement-donnee .ensemble-warning .liens-souligne a {
  text-decoration: none;
  color: #459bd5;
}
#pop-avertissement-donnee .ensemble-warning .liens-souligne a:hover {
  text-decoration: underline;
}
#pop-avertissement-donnee .cta-pop {
  border-color: #e71b34;
  background-color: #e71b34;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  font-size: .91667em;
  line-height: 1.09091em;
}
#pop-avertissement-donnee .cta-pop:hover,
#pop-avertissement-donnee .cta-pop.active {
  border-color: #b00015;
  background-color: #b00015;
}
#pop-avertissement-donnee .lien-cta {
  display: inline-block;
  padding: .36364em 25px .36364em 5px;
  text-transform: uppercase;
  font-weight: 700;
  transition: background-color 200ms, border-color 200ms;
  position: relative;
}
dl.donnee-perso {
  width: 570px;
}
@media screen and (max-width: 767px) {
  dl.donnee-perso {
    width: 100%;
  }
}
dl.donnee-perso dt {
  clear: both;
  width: 200px;
  text-align: right;
  text-transform: uppercase;
  font-family: "proxima", sans-serif;
  font-weight: bold;
  color: #00828C;
}
@media screen and (max-width: 767px) {
  dl.donnee-perso dt {
    width: 45%;
  }
}
dl.donnee-perso dt.txt-email {
  padding: 3px 0;
}
dl.donnee-perso dd {
  width: 350px;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  dl.donnee-perso dd {
    width: 45%;
  }
}
dl.donnee-perso dd .txt-email {
  display: inline-block;
  padding: 3px 10px;
  color: #ffffff;
  background-color: #00828C;
}
#alert_old_version-browser .warningicon {
  display: inline-block;
  width: 20px;
  height: 20px;
  overflow: hidden;
  text-align: left;
  text-indent: -119988px;
  text-transform: capitalize;
  background: url("../img/bg/error.png") no-repeat;
}
/* ---------------------------------------------------------- */
/*  */
/* ---------------------------------------------------------- */
html #pop-custom-reservation-points h1.h2 {
  color: #459BD5;
}
/* ---------------------------------------------------------- */
/* Surcharge Affichage de la popin choix du magasin */
/* ---------------------------------------------------------- */
#pop-choix-magasin ul.discret li {
  white-space: nowrap;
}
/* ---------------------------------------------------------- */
/* Popin connexion / inscription (mire VisiteursToInscrits) */
/* ---------------------------------------------------------- */
#content #pop-profil h1.h2 {
  color: #459BD5;
}
#content #pop-profil .question-carteu-label {
  color: #459bd5;
  font-family: "proxima", sans-serif;
}
#content #pop-profil .question-carteu-input {
  width: auto;
  display: block;
}
#content #pop-profil .form .submit {
  margin: 10px 0;
}
#pop-profil .label-mire,
#pop-carte .label-mire {
  display: block;
}
@media screen and (max-width: 767px) {
  #pop-profil .label-mire,
  #pop-carte .label-mire {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
}
#pop-porteurs .cta span,
#pop-carte .cta span {
  width: 100%;
}
#pop-porteurs .cta .br,
#pop-carte .cta .br {
  padding: 0;
}
@media screen and (max-width: 767px) {
  #pop-profil .border,
  #pop-porteurs .border,
  #pop-carte .border {
    border-left: 0 none;
    border-top: 1px solid #e0e0e0;
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  #pop-profil .bloc-inside .bloc-inside,
  #pop-porteurs .bloc-inside .bloc-inside,
  #pop-carte .bloc-inside .bloc-inside {
    padding-left: 0;
    padding-right: 0;
  }
}
/* ---------------------------------------------------------- */
/* Popin produit */
/* ---------------------------------------------------------- */
.pop-product .product {
  margin-bottom: 0;
  padding: 20px 20px 5em;
  *zoom: 1;
}
.pop-product .desc {
  position: static !important;
  margin-top: 2.5em;
}
.pop-product .desc img {
  margin-left: 0 !important;
}
.pop-product .bloc-product-image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto !important;
  margin-right: auto;
  top: 0 !important;
}
/* ---------------------------------------------------------- */
/* Popin validation par code PIN (don ACF) */
/* ---------------------------------------------------------- */
#content .popin-valid-pin .form-valid-pin {
  margin-bottom: 0;
}
#content .popin-valid-pin .form-valid-pin legend {
  margin-bottom: 10px;
}
/* ---------------------------------------------------------- */
/* Popin validation informations (don ACF) */
/* ---------------------------------------------------------- */
#popin-acf-valid-infos .label {
  font-weight: bold;
}
#popin-acf-valid-infos .legals {
  margin-top: 20px;
}
#popin-acf-valid-infos .right {
  margin-top: 0;
}
@media screen and (max-width: 479px) {
  #popin-acf-valid-infos #validationInfos .label,
  #popin-acf-valid-infos #validationInfos span.input {
    display: block;
  }
  #popin-acf-valid-infos #validationInfos .label {
    top: auto;
    margin-top: 10px;
  }
  #popin-acf-valid-infos #validationInfos span.input {
    width: auto;
  }
  #popin-acf-valid-infos #validationInfos input {
    width: 100%;
  }
}
/* ---------------------------------------------------------- */
/* Popin remerciement (don ACF) */
/* ---------------------------------------------------------- */
#popin-acf-merci #message-erreur {
  color: #c41b29;
}
/* ---------------------------------------------------------- */
/* Popin renommer liste page liste courses */
/* ---------------------------------------------------------- */
#popin-renommer-liste #renommer-liste {
  margin-bottom: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 479px) {
  #popin-renommer-liste #renommer-liste .left {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 479px) {
  #popin-renommer-liste #renommer-liste .right {
    float: left;
    margin-top: 0;
    margin-left: 0;
  }
}
#popin-renommer-liste #renommer-liste .label {
  padding-bottom: 10px;
}
/* ---------------------------------------------------------- */
/* Popin supprimer liste page liste courses */
/* ---------------------------------------------------------- */
#popin-supprimer-liste #supprimer-liste {
  margin-bottom: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 479px) {
  #popin-supprimer-liste #supprimer-liste .left {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 479px) {
  #popin-supprimer-liste #supprimer-liste .right {
    float: left;
    margin-top: 0;
    margin-left: 0;
  }
}
/* ---------------------------------------------------------- */
/* Popin supprimer details page liste courses */
/* ---------------------------------------------------------- */
#popin-produit-supprimer-liste #suppressionProduitListeForm {
  margin-bottom: 0;
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  #popin-produit-supprimer-liste #suppressionProduitListeForm .clean-form {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  #popin-produit-supprimer-liste #suppressionProduitListeForm .clean-form {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 479px) {
  #popin-produit-supprimer-liste #suppressionProduitListeForm .clean-form .left {
    margin-bottom: 0;
    margin-top: 0;
  }
}
@media screen and (max-width: 479px) {
  #popin-produit-supprimer-liste #suppressionProduitListeForm .clean-form .right {
    float: left;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
  }
}
/* ---------------------------------------------------------- */
/* Popin accueil */
/* ---------------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 959px) {
  #content.popin-generique-ciblee {
    padding-top: 0;
  }
}
@media screen and (max-width: 767px) {
  #content.popin-generique-ciblee {
    padding-top: 0;
  }
}
@media screen and (max-width: 767px) {
  #content.popin-generique-ciblee iframe {
    left: 3em;
    height: 65%;
  }
}
@media screen and (max-width: 767px) {
  #content.popin-generique-ciblee .right .cta {
    top: 50px !important;
  }
}
@media screen and (max-width: 767px) {
  #content.popin-generique-ciblee .left .cta {
    top: 30px !important;
  }
}
#content {
  /*Nettoyage espacement en dessous du cta pour popin image seule ou video seule*/
}
#content .img-titre-texte-generique-ciblee {
  width: 300px;
  margin-top: 10px;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  #content .img-titre-texte-generique-ciblee {
    width: 280px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    margin-bottom: 0;
  }
}
#content .bloc-img-promo-popin {
  width: 280px;
  padding-bottom: 10px;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  #content .bloc-img-promo-popin {
    margin-left: auto;
    margin-right: auto;
  }
}
#content .popin-accueil-img-seule {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  #content .popin-accueil-img-seule {
    width: 280px;
  }
}
@media screen and (max-width: 767px) {
  #content .inversion-mobile {
    float: left;
    margin-left: 0;
    width: 100%;
    margin-top: 15px;
  }
}
#content .format-titre-texte-popin-code-pin {
  margin-top: 55px;
}
@media screen and (max-width: 767px) {
  #content .format-titre-texte-popin-code-pin {
    padding-top: 10px;
    margin-top: 5px;
  }
}
@media screen and (max-width: 767px) {
  #content .format-titre-texte-popin-code-pin-init {
    padding-top: 10px;
    margin-top: 5px;
  }
}
#content .format-titre-texte-popin-accueil {
  margin-top: 85px;
}
@media screen and (max-width: 767px) {
  #content .format-titre-texte-popin-accueil {
    padding-top: 10px;
    margin-top: 5px;
  }
}
#content .disposition-image-promo-droite {
  margin-top: 115px;
}
@media screen and (max-width: 767px) {
  #content .disposition-image-promo-droite {
    margin-top: 0;
  }
}
#content .padding-popin-accueil {
  padding: 30px 30px 15px 30px;
}
@media screen and (max-width: 767px) {
  #content .padding-popin-accueil {
    padding: 30px 20px 15px 20px;
  }
}
#content .clean-bottom-cta-popin {
  margin-bottom: 0;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  #content .clean-bottom-cta-popin {
    margin-top: 1.66667em;
  }
}
@media screen and (max-width: 767px) {
  #content .clean-top-cta-popin {
    margin-top: 0;
  }
}
#content .url-popin-accueil {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  #content .url-popin-accueil {
    margin-bottom: 5px;
    margin-top: 0;
  }
}
#content .url-popin-accueil li {
  margin-right: 15px;
}
@media screen and (max-width: 767px) {
  #content .url-popin-accueil li {
    padding-bottom: 0px;
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  #content .url-popin-accueil li a {
    padding-top: 12px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 12px;
  }
}
#content .accueil-titre-pop {
  color: #e71b34;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 1.83333em;
}
#content .accueil-sous-titre-pop {
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 1.33333em;
}
#content .couleur-texte-popin-accueil {
  color: #000;
  font-weight: 600;
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  #content .couleur-texte-popin-accueil {
    padding-top: 10px;
    margin-bottom: 5px;
    margin-top: 0;
  }
}
#content .couleur-texte-popin-init {
  color: #000;
  font-weight: 600;
  margin-bottom: 0px;
}
@media screen and (max-width: 767px) {
  #content .couleur-texte-popin-init {
    padding-top: 10px;
    margin-bottom: 5px;
    margin-top: 0;
  }
}
#content .font-mentions-popin-accueil {
  font-size: 0.8em;
  /*padding-top: 15px;*/
  display: block;
  line-height: 1.4em;
}
@media screen and (max-width: 767px) {
  #content .font-mentions-popin-accueil {
    padding-top: 5px;
  }
}
/* ---------------------------------------------------------- */
/* Popin Ajouter à une liste page produit */
/* ---------------------------------------------------------- */
#popin-produit-ajout-liste input {
  vertical-align: middle;
}
#popin-produit-ajout-liste .suppression-marge-bas-ajouter-liste {
  padding-bottom: 0;
  margin-bottom: 0;
}
#popin-produit-ajout-liste .bloc-selection-ajouter-liste {
  padding-bottom: 15px;
}
#popin-produit-ajout-liste .ligne-selection-ajouter-liste {
  position: absolute;
  top: 50%;
  transform: translateY(25%);
  -ms-transform: translateY(30%);
  -webkit-transform: translateY(25%);
  -moz-transform: translateY(25%);
}
@media screen and (max-width: 767px) {
  #popin-produit-ajout-liste .ligne-selection-ajouter-liste {
    position: relative;
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 767px) {
  #popin-produit-ajout-liste .bloc-ajouter-liste-existante {
    padding-bottom: 20px;
  }
}
#popin-produit-ajout-liste .message-renseignement {
  display: block;
}
@media screen and (max-width: 479px) {
  #popin-produit-ajout-liste .bouton-ajout-liste {
    float: left;
    margin: 0;
  }
}
@media screen and (max-width: 479px) {
  #popin-produit-ajout-liste .bouton-annuler-liste {
    margin-top: 15px;
    margin-bottom: 10px;
  }
}
#popin-produit-ajout-liste .bloc.error {
  margin-bottom: 0;
}
/* ---------------------------------------------------------- */
/* Bloc Mon espace U */
/* ---------------------------------------------------------- */
@media screen and (min-width: 960px) {
  .monespaceu-container {
    position: relative;
  }
}
@media screen and (min-width: 960px) {
  .monespaceu-container {
    display: block !important;
  }
}
@media screen and (max-width: 959px) {
  .monespaceu-container > .container {
    width: auto;
  }
}
@media screen and (max-width: 959px) {
  .monespaceu-container.mdp-oublie .bt-back,
  .monespaceu-container.reset-active .bt-back,
  .monespaceu-container.register-active .bt-back,
  .monespaceu-container.connect-active .bt-back,
  .monespaceu-container.reset-confirmation-active .bt-back {
    display: block !important;
  }
}
@media screen and (max-width: 959px) {
  .monespaceu-container.mdp-oublie #list-messagebord-link-monespaceu,
  .monespaceu-container.reset-active #list-messagebord-link-monespaceu,
  .monespaceu-container.reset-confirmation-active #list-messagebord-link-monespaceu {
    display: none !important;
  }
}
@media screen and (max-width: 959px) {
  .monespaceu-container.register-active .header-connect-link {
    display: none !important;
  }
  .monespaceu-container.register-active .header-register-link {
    display: block !important;
  }
}
@media screen and (max-width: 959px) {
  .monespaceu-container.connect-active .header-connect-link {
    display: block !important;
  }
  .monespaceu-container.connect-active .header-register-link {
    display: none !important;
  }
}
@media screen and (min-width: 960px) {
  .monespaceu-container #list-messagebord-link-monespaceu,
  .monespaceu-container .header-register-link,
  .monespaceu-container .header-connect-link {
    display: block !important;
  }
}
@media screen and (min-width: 960px) {
  .js #monespaceu a.inside,
  .js #monmagasinu a.inside {
    width: 260px;
  }
}
@media screen and (min-width: 960px) {
  .js #monespaceu a.inside .col,
  .js #monmagasinu a.inside .col {
    width: 180px;
  }
}
@media screen and (min-width: 960px) {
  .js #monespaceu .menu,
  .js #monmagasinu .menu {
    z-index: 10;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    max-height: 0;
    overflow: hidden;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    transition: max-height 300ms ease;
  }
}
@media screen and (min-width: 960px) {
  .js #monmagasinu a.inside {
    width: auto;
  }
}
@media screen and (min-width: 960px) {
  .js #monmagasinu a.inside .col {
    width: auto;
  }
}
/* Cartouches "Mon espace U" et "Mon magasin U" */
#monespaceu,
#monmagasinu {
  position: relative;
  min-height: 68px;
}
@media screen and (min-width: 960px) {
  #monespaceu,
  #monmagasinu {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    background-color: #fff;
  }
}
@media screen and (max-width: 959px) {
  #monespaceu,
  #monmagasinu {
    margin-top: -25px;
    font-family: "proxima", sans-serif;
  }
}
#monespaceu .button,
#monmagasinu .button {
  display: table-cell;
  width: 40px;
  min-width: 40px;
  margin: 0;
  margin-left: -1px;
  border-right: 1px solid #e0e0e0;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 959px) {
  #monespaceu .button,
  #monmagasinu .button {
    display: none;
  }
}
#monespaceu .button button,
#monmagasinu .button button {
  border: 0 none;
  background-color: transparent;
}
#monespaceu .bt-back,
#monmagasinu .bt-back {
  border: 0 none;
  background-position: -154px 0;
  width: 27px;
  height: 44px;
  display: block;
  margin: 9px 0px 2px 7px;
  float: left;
  position: relative;
  z-index: 2;
  display: none;
}
#monespaceu .bt-back.bt-back-onwhite,
#monmagasinu .bt-back.bt-back-onwhite {
  background-position: -201px 0;
  width: 18px;
  height: 30px;
  margin-bottom: 15px;
}
#monespaceu .inside .login-name,
#monmagasinu .inside .login-name {
  margin: 0 5px 0.83333em 10px;
}
@media screen and (min-width: 960px) {
  #monespaceu .inside .login-name,
  #monmagasinu .inside .login-name {
    width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
  }
}
@media screen and (max-width: 959px) {
  #monespaceu .inside .login-name,
  #monmagasinu .inside .login-name {
    color: #0078a5;
    font-weight: bold;
    font-size: 1.25em;
  }
}
#monespaceu .inside ul,
#monmagasinu .inside ul {
  margin: 0 5px 0.83333em 10px;
  padding: 0;
  border: 0;
  *zoom: 1;
}
@media screen and (max-width: 959px) {
  #monespaceu .inside ul,
  #monmagasinu .inside ul {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
}
#monespaceu .inside ul:after,
#monmagasinu .inside ul:after {
  content: "";
  display: table;
  clear: both;
}
#monespaceu .inside ul li,
#monmagasinu .inside ul li,
#monespaceu .inside ul dt,
#monmagasinu .inside ul dt,
#monespaceu .inside ul dd,
#monmagasinu .inside ul dd {
  float: left;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
  white-space: normal;
  list-style-image: none;
  list-style-type: none;
}
#monespaceu .inside ul li:first-child,
#monmagasinu .inside ul li:first-child,
#monespaceu .inside ul dt:first-child,
#monmagasinu .inside ul dt:first-child,
#monespaceu .inside ul dd:first-child,
#monmagasinu .inside ul dd:first-child {
  padding-left: 0;
}
#monespaceu .inside ul li:last-child,
#monmagasinu .inside ul li:last-child,
#monespaceu .inside ul dt:last-child,
#monmagasinu .inside ul dt:last-child,
#monespaceu .inside ul dd:last-child,
#monmagasinu .inside ul dd:last-child,
#monespaceu .inside ul li.last,
#monmagasinu .inside ul li.last,
#monespaceu .inside ul dt.last,
#monmagasinu .inside ul dt.last,
#monespaceu .inside ul dd.last,
#monmagasinu .inside ul dd.last {
  padding-right: 0;
}
@media screen and (min-width: 960px) {
  #monespaceu .inside ul li,
  #monmagasinu .inside ul li {
    margin-right: 20px;
  }
}
@media screen and (max-width: 959px) {
  #monespaceu .inside ul li,
  #monmagasinu .inside ul li {
    display: block;
    float: none;
    text-align: center;
  }
}
@media screen and (max-width: 959px) {
  #monespaceu .inside ul .messageboard-link,
  #monmagasinu .inside ul .messageboard-link {
    padding: 20px 15px;
    border: 1px solid #E7E7E7;
    color: #383838;
    font-size: 1.2em;
    text-transform: uppercase;
  }
  #monespaceu .inside ul .messageboard-link.active,
  #monmagasinu .inside ul .messageboard-link.active,
  #monespaceu .inside ul .messageboard-link:hover,
  #monmagasinu .inside ul .messageboard-link:hover,
  #monespaceu .inside ul .messageboard-link:focus,
  #monmagasinu .inside ul .messageboard-link:focus {
    background-color: #007BA4;
    color: #FFFFFF;
    text-decoration: none;
  }
  #monespaceu .inside ul .messageboard-link.active,
  #monmagasinu .inside ul .messageboard-link.active {
    pointer-events: none;
  }
}
#monespaceu .inside ul li:nth-child(2) .messageboard-link,
#monmagasinu .inside ul li:nth-child(2) .messageboard-link {
  border-top: 0;
}
#monespaceu a.inside,
#monmagasinu a.inside {
  text-decoration: none;
}
@media screen and (min-width: 960px) {
  #monespaceu a.inside,
  #monmagasinu a.inside {
    display: table-cell;
  }
}
@media screen and (max-width: 959px) {
  #monespaceu a.inside,
  #monmagasinu a.inside {
    display: block;
  }
}
#monespaceu a.inside:hover li,
#monmagasinu a.inside:hover li,
#monespaceu a.inside:focus li,
#monmagasinu a.inside:focus li {
  text-decoration: underline;
}
#monespaceu a.inside .col,
#monmagasinu a.inside .col {
  float: none;
}
@media screen and (min-width: 960px) {
  #monespaceu a.inside .col,
  #monmagasinu a.inside .col {
    display: table-cell;
    width: 220px;
    vertical-align: top;
  }
}
@media screen and (min-width: 960px) {
  #monespaceu .div-inside .col,
  #monmagasinu .div-inside .col {
    margin-left: 41px;
  }
}
#monespaceu .div-inside .link-inside,
#monmagasinu .div-inside .link-inside {
  display: block;
  position: relative;
  text-decoration: none;
  font-weight: bold;
}
#monespaceu .div-inside .link-inside:hover,
#monmagasinu .div-inside .link-inside:hover,
#monespaceu .div-inside .link-inside:focus,
#monmagasinu .div-inside .link-inside:focus {
  text-decoration: underline;
}
@media screen and (min-width: 960px) {
  #monespaceu .div-inside .link-inside:before,
  #monmagasinu .div-inside .link-inside:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 9px;
    margin-right: 6px;
    background-position: -201px -148px;
  }
}
#monespaceu .h1,
#monmagasinu .h1 {
  margin: 0 10px;
  padding-top: 0;
  text-transform: uppercase;
  font-family: "proxima", sans-serif;
  font-size: 1.16667em;
  font-weight: normal;
  line-height: 2.14286em;
  color: #0078a5;
}
@media screen and (max-width: 959px) {
  #monespaceu .h1,
  #monmagasinu .h1 {
    font-size: 1.25em;
    font-weight: bold;
    padding-left: 23px;
    text-align: center;
    margin-bottom: 10px;
  }
}
#monespaceu .h1:before,
#monmagasinu .h1:before {
  content: "";
  display: inline-block;
}
#monespaceu .h1 span,
#monmagasinu .h1 span {
  text-transform: uppercase;
}
@media screen and (min-width: 960px) {
  #monespaceu .menu,
  #monmagasinu .menu {
    background-color: #fff;
    background-image: url("../img/bg/barre-menu.png");
    background-position: 0 0;
    background-repeat: no-repeat;
  }
}
#monespaceu .menu ul,
#monmagasinu .menu ul {
  margin: 0 30px 0.83333em;
  padding-left: 0;
  list-style-type: none;
}
@media screen and (max-width: 959px) {
  #monespaceu .menu ul,
  #monmagasinu .menu ul {
    margin: 0;
    color: #383838;
    text-align: center;
    font-size: 1.25em;
    text-transform: uppercase;
  }
}
@media screen and (max-width: 959px) {
  #monespaceu .menu ul a,
  #monmagasinu .menu ul a,
  #monespaceu .menu ul #link-deconnect,
  #monmagasinu .menu ul #link-deconnect {
    background: transparent;
    padding: 20px 10px;
    border: 1px solid #e8e8e8;
    display: block;
    margin-top: -1px;
    font-weight: bold;
    text-decoration: none;
  }
  #monespaceu .menu ul a:before,
  #monmagasinu .menu ul a:before,
  #monespaceu .menu ul #link-deconnect:before,
  #monmagasinu .menu ul #link-deconnect:before {
    display: none;
  }
}
@media screen and (min-width: 960px) {
  #monespaceu .menu ul a:before,
  #monmagasinu .menu ul a:before,
  #monespaceu .menu ul #link-deconnect:before,
  #monmagasinu .menu ul #link-deconnect:before {
    content: "";
    display: inline-block;
    height: 7px;
  }
}
#monespaceu .menu ul:first-child,
#monmagasinu .menu ul:first-child {
  position: relative;
  top: 1px;
  margin-top: -1px;
  font-weight: bold;
}
@media screen and (min-width: 960px) {
  #monespaceu .menu ul:first-child,
  #monmagasinu .menu ul:first-child {
    padding-top: 1.66667em;
    padding-bottom: 0.83333em;
    border-bottom: 1px solid #e5e5e5;
  }
}
@media screen and (min-width: 960px) {
  #monespaceu .menu ul:first-child a:before,
  #monmagasinu .menu ul:first-child a:before {
    background-position: -286px -148px;
    width: 4px;
    margin-right: 15px;
  }
}
@media screen and (min-width: 960px) {
  #monespaceu .menu ul #link-deconnect:before,
  #monmagasinu .menu ul #link-deconnect:before {
    background-position: -327px -148px;
    width: 7px;
    margin-right: 12px;
  }
}
@media screen and (min-width: 960px) {
  #monespaceu .menu a,
  #monmagasinu .menu a {
    text-decoration: none;
    color: #459bd5;
  }
  #monespaceu .menu a:hover,
  #monmagasinu .menu a:hover,
  #monespaceu .menu a:focus,
  #monmagasinu .menu a:focus {
    text-decoration: underline;
  }
}
#monespaceu.active,
#monmagasinu.active {
  z-index: 20;
}
#monespaceu.active .menu,
#monmagasinu.active .menu {
  max-height: 16em;
}
/* Cartouche "Mon espace U" */
@media screen and (min-width: 960px) {
  #monespaceu {
    margin-top: -68px;
    position: relative;
    z-index: 1;
  }
}
@media screen and (max-width: 959px) {
  #monespaceu .h1:before {
    background-position: -240px 0;
    width: 26px;
    height: 26px;
    vertical-align: -16%;
  }
}
@media screen and (min-width: 960px) {
  #monespaceu .h1:before {
    background-position: -240px -148px;
    width: 20px;
    height: 15px;
  }
}
#monespaceu a.inside .col.points {
  font-weight: bold;
}
@media screen and (min-width: 960px) {
  #monespaceu a.inside .col.points {
    width: 79px;
    padding-bottom: 5px;
    border-left: 1px solid #e0e0e0;
    text-align: center;
    color: #e6001d;
    line-height: 1.3;
  }
}
@media screen and (max-width: 959px) {
  #monespaceu a.inside .col.points {
    color: #0078a5;
    border: 1px solid #e8e8e8;
    padding: 10px;
    font-size: 1.25em;
  }
  #monespaceu a.inside .col.points .br {
    display: none;
  }
}
#monespaceu a.inside .col.points .img-carteu-monespaceu {
  width: 40px;
  height: 30px;
  background-position: -100px -148px;
  margin: 0 auto;
  display: block;
}
@media screen and (max-width: 959px) {
  #monespaceu a.inside .col.points .img-carteu-monespaceu {
    float: right;
  }
}
.ie8 #monespaceu div.inside a.active:after {
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
/* Cartouche "Mon magasin U" */
#monmagasinu .h1,
#monmagasinu .link-magasin {
  padding-left: 25px !important;
}
#monmagasinu .h1 {
  position: relative;
  line-height: 1.1;
  min-height: 36px;
  padding-top: 7px;
}
#monmagasinu .h1 span.link-inside {
  text-transform: none;
}
#monmagasinu .h1:before {
  background-image: url("../img/bg/sprite-common.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: -100px -64px;
  width: 18px;
  height: 27px;
  position: absolute;
  top: 9px;
  left: 0;
}
#monmagasinu .menu ul:first-child {
  border: 0 none;
}
#monmagasinu .link-trouver-magasin {
  display: block !important;
}
#monmagasinu .link-trouver-magasin .col {
  display: block !important;
}
/* ---------------------------------------------------------- */
/* Accordéon connexion / inscription header */
/* ---------------------------------------------------------- */
/* Connexion */
.login-form-grid {
  position: relative;
}
@media screen and (max-width: 959px) {
  .login-form-grid {
    padding: 20px 10px 0;
  }
}
@media screen and (max-width: 767px) {
  .login-form-grid button.submit,
  .login-form-grid a.submit,
  .login-form-grid input.submit,
  .login-form-grid button.reset,
  .login-form-grid a.reset,
  .login-form-grid input.reset,
  .login-form-grid button.submit.submit-2lignes,
  .login-form-grid a.submit.submit-2lignes,
  .login-form-grid input.submit.submit-2lignes,
  .login-form-grid button.reset.submit-2lignes,
  .login-form-grid a.reset.submit-2lignes,
  .login-form-grid input.reset.submit-2lignes {
    display: inline-block;
    width: auto;
    font-size: 1em;
    line-height: 2.5em;
    padding: 1px 30px 0 10px;
    margin: -1px 0 0.83333em !important;
  }
}
/* ---------------------------------------------------------- */
/* Bloc oublie de mot de passe 
/* ---------------------------------------------------------- */
#bloc-pwdrecovery .titre-mots-de-passe {
  position: relative;
  top: -63px;
  display: block;
}
@media screen and (min-width: 960px) {
  #bloc-pwdrecovery .positionnement-bloc-hauteur {
    top: -55px;
  }
}
@media screen and (max-width: 959px) {
  #bloc-pwdrecovery .positionnement-bloc-hauteur {
    top: -41px;
  }
}
@media screen and (max-width: 767px) {
  #bloc-pwdrecovery .submit {
    margin-left: 0!important;
  }
}
#bloc-pwdrecovery p.line {
  margin-bottom: 5px;
}
@media screen and (max-width: 959px) {
  #bloc-connection .intro,
  #bloc-inscription .intro {
    display: none;
  }
}
@media screen and (max-width: 959px) {
  #bloc-connection .message-inside > form,
  #bloc-inscription .message-inside > form {
    border: 1px solid #e5e5e5;
    border-top: 0 none;
  }
}
@media screen and (max-width: 959px) {
  #bloc-connection .submit,
  #bloc-inscription .submit,
  #bloc-pwdrecovery .submit {
    margin-left: 5px;
    float: none;
    margin-top: 10px;
    padding: 7px 35px 7px 20px;
  }
}
@media screen and (min-width: 960px) {
  #bloc-connection .submit {
    position: absolute;
    right: 0;
    top: 0;
  }
}
#bloc-connection .list-login-links {
  margin-top: 10px;
  margin-bottom: 0;
}
#bloc-inscription {
  /* Taille des champs & label */
}
#bloc-inscription .label:not(.mask) {
  width: 155px;
}
#bloc-inscription #numcarte-inscription {
  width: 240px;
}
#bloc-inscription #date-naissance-jour-inscription,
#bloc-inscription #date-naissance-mois-inscription {
  width: 70px;
}
#bloc-inscription #date-naissance-annee-inscription {
  width: 75px;
}
#bloc-inscription .birthdate-field {
  margin-bottom: 1em;
}
#bloc-inscription .birthdate-field label {
  display: inline-block;
}
@media screen and (max-width: 959px) {
  #bloc-inscription .birthdate-field .label:not(.mask) {
    display: block;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 959px) {
  #bloc-inscription .birthdate-field .label-date-naissance-jour {
    display: block;
  }
}
@media screen and (max-width: 959px) {
  #bloc-inscription .numcarte-field .label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
}
#bloc-inscription .question-carteu-field {
  display: inline-block;
}
@media screen and (max-width: 959px) {
  #bloc-inscription .question-carteu-field {
    display: block;
    margin-bottom: 15px;
  }
  #bloc-inscription .question-carteu-field label {
    margin-right: 25px;
  }
}
#bloc-inscription .question-carteu-field * {
  vertical-align: middle;
}
/*Mise en forme authentification header popin js suite amelioration----*/
.js .messageboard_bloc {
  min-height: 364px;
}
.js .messageboard_bloc .disposition-encadrement-bleu-inscrip-authent {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  width: 35%;
}
@media screen and (min-width: 959px) and (max-width: 1148px) {
  .js .messageboard_bloc .disposition-encadrement-bleu-inscrip-authent {
    width: 32%;
  }
}
.js .messageboard_bloc .message-inside,
.js .messageboard_bloc .message-inside-2 {
  position: relative;
}
@media screen and (min-width: 1788px) and (max-width: 2000px) {
  .js .messageboard_bloc .marges-offset-header {
    margin-left: 33.5%;
    width: 26%;
  }
}
@media screen and (min-width: 1631px) and (max-width: 1789px) {
  .js .messageboard_bloc .marges-offset-header {
    margin-left: 32.2222%;
    width: 26%;
  }
}
@media screen and (min-width: 1540px) and (max-width: 1631px) {
  .js .messageboard_bloc .marges-offset-header {
    margin-left: 31%;
    width: 28%;
  }
}
@media screen and (min-width: 1440px) and (max-width: 1540px) {
  .js .messageboard_bloc .marges-offset-header {
    margin-left: 31%;
    width: 31%;
  }
}
@media screen and (min-width: 1266px) and (max-width: 1440px) {
  .js .messageboard_bloc .marges-offset-header {
    margin-left: 28%;
    width: 33.333%;
  }
}
@media screen and (min-width: 1148px) and (max-width: 1267px) {
  .js .messageboard_bloc .marges-offset-header {
    margin-left: 25%;
    width: 37%;
  }
}
@media screen and (min-width: 959px) and (max-width: 1148px) {
  .js .messageboard_bloc .marges-offset-header {
    margin-left: 22.555%;
    width: 45%;
  }
}
.js .messageboard_bloc .border-right-expand {
  /*z-index: 10;
        position: absolute;
        top: 0;
        left: 55%;
        margin-left: -533px;
        display: block !important;*/
}
.js .messageboard_bloc .ensemble-conteneur-connectez {
  /*margin-left:19.55%;*/
  position: absolute;
  z-index: 50;
  top: 0px;
}
.js .messageboard_bloc .text mise-en-forme-input {
  width: 300px;
}
.js .messageboard_bloc .marge-bottom-input {
  padding-bottom: 10px;
}
.js .messageboard_bloc .message-inside {
  /*left: 530px;*/
  display: inline-block;
}
.js .messageboard_bloc .message-inside-2 {
  left: 5px;
}
.js .messageboard_bloc .message-inside-2 div.error {
  display: block;
  position: relative;
  top: -35px;
}
.js .messageboard_bloc .marge-description-p {
  display: block;
  padding: 0 10px 10px 10px;
  text-align: center;
}
@media screen and (min-width: 1440px) and (max-width: 1540px) {
  .js .messageboard_bloc .marge-description-p {
    font-size: 0.9em;
  }
}
@media screen and (min-width: 1266px) and (max-width: 1440px) {
  .js .messageboard_bloc .marge-description-p {
    font-size: 0.9em;
  }
}
@media screen and (min-width: 959px) and (max-width: 1148px) {
  .js .messageboard_bloc .marge-description-p {
    font-size: 0.9em;
  }
}
.js .messageboard_bloc .disposition-left-bouton {
  padding: 10px;
}
.js .messageboard_bloc .style-img-inscription {
  display: inline-block;
  padding: 8px;
}
@media screen and (min-width: 959px) and (max-width: 1148px) {
  .js .messageboard_bloc .style-img-inscription {
    width: auto;
    display: inline-block;
  }
}
@media screen and (min-width: 1631px) and (max-width: 1789px) {
  .js .messageboard_bloc .style-img-inscription {
    width: auto;
    display: inline-block;
  }
}
.js .messageboard_bloc .border-intro {
  border-right: 1px solid white;
  height: 65px;
}
.js .messageboard_bloc .marge-top-input {
  margin-top: 15px;
}
.js .messageboard_bloc .margin-bottom-intro {
  margin-bottom: 0!important;
}
.js .messageboard_bloc .position-titre-header {
  max-width: 415x;
  margin-bottom: 0;
}
.js .messageboard_bloc .placement-hauteur-cellule {
  padding-top: 12px;
}
.js .messageboard_bloc .placement-hauteur-cellule-droite {
  padding-top: 3px;
}
.js .messageboard_bloc .barre-decoration-header-blue {
  height: 65px;
  background-color: #6aafdd;
}
.js .messageboard_bloc .ensemble-border-bloc-gauche {
  border-right: 1px solid #e2e2e2;
  padding-top: 20px;
  display: inline-block;
  min-height: 285px;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .js .messageboard_bloc .ensemble-border-bloc-gauche {
    /*margin-left:548px;*/
  }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
  .js .messageboard_bloc .ensemble-border-bloc-gauche {
    /*margin-left:340px;*/
  }
}
.js .messageboard_bloc .position-header-partenaire .positionnement-image-description {
  width: 50%;
  display: inline-block;
  float: left;
  text-align: center;
}
.js .messageboard_bloc .bouton-connectez {
  position: absolute;
  top: 248px;
}
.js .messageboard_bloc .position-specifique-bouton-inscrivez {
  display: inline-block;
  top: 307px;
  left: 0;
  z-index: 50;
  height: 50px;
  position: absolute;
}
.js .messageboard_bloc .authentification-error {
  display: block;
  top: 155px;
  line-height: 1.6em;
}
@media screen and (min-width: 960px) {
  .js .messageboard_bloc .authentification-error {
    width: 240px;
    margin-top: 5px;
  }
  .js .messageboard_bloc .authentification-error p {
    margin-bottom: 5px;
    display: inline-block;
  }
}
.js .messageboard_bloc .largeur-bouton-connexion {
  padding: 1px 70px 0 10px;
  border: 1px solid #e3001b;
  background-color: #e3001b;
}
.js .messageboard_bloc .largeur-bouton-connexion:hover {
  border-color: #b00015;
  background-color: #b00015;
}
/* disposition header-mobile-sm-md */
#bloc-expand-mobile.disposition-responsive-header {
  text-align: center;
}
#bloc-expand-mobile.disposition-responsive-header .mobile-forme-bouton {
  font-size: 1.3em;
  line-height: 2em;
  width: 100%;
  padding: 15px 20px;
}
#bloc-expand-mobile.disposition-responsive-header .mobile-forme-bouton:after {
  width: 45px;
}
#bloc-expand-mobile.disposition-responsive-header .mobile-container-full {
  width: 100%;
}
#bloc-expand-mobile.disposition-responsive-header .mobile-container-full .mise-en-forme-input {
  padding-left: 10px;
}
#bloc-expand-mobile.disposition-responsive-header .disposition-authentification {
  margin-top: 35px;
  margin-bottom: 25px;
}
#bloc-expand-mobile.disposition-responsive-header .connect-inscription-bouton-mobile {
  display: inline-block;
  width: 100%;
  padding: 20px 16px!important;
  background-color: #007ba4;
  color: #ffffff;
  line-height: 2.5em;
}
#bloc-expand-mobile.disposition-responsive-header .connect-inscription-bouton-mobile p {
  font-size: 1.2em;
  margin-bottom: 0;
  font-weight: bold;
  line-height: 1.3em;
  text-transform: uppercase;
}
#bloc-expand-mobile.disposition-responsive-header .fleche-inscription:after,
#bloc-expand-mobile.disposition-responsive-header .fleche-connection:after {
  content: "";
  display: block;
  position: absolute;
  border: 1px solid #007ba4;
  border-color: #007ba4 transparent transparent transparent;
  border-width: 25px 50px;
  margin-top: 20px;
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  #bloc-expand-mobile.disposition-responsive-header .fleche-inscription:after,
  #bloc-expand-mobile.disposition-responsive-header .fleche-connection:after {
    left: 40%;
  }
}
@media screen and (max-width: 479px) {
  #bloc-expand-mobile.disposition-responsive-header .fleche-inscription:after,
  #bloc-expand-mobile.disposition-responsive-header .fleche-connection:after {
    left: 35%;
  }
}
#bloc-expand-mobile.disposition-responsive-header a.deco-suppr {
  text-decoration: none;
}
#bloc-expand-mobile.disposition-responsive-header .liens-mots-passe {
  position: relative;
  top: -10px;
}
/* Global */
.js .messageboard_bloc {
  display: none;
}
.js .messageboard_bloc .intro {
  margin-bottom: 1.66667em;
}
@media screen and (max-width: 959px) {
  .js .messageboard_bloc .intro {
    margin-bottom: 5px;
  }
}
.no-js .messageboard_bloc + .messageboard_bloc {
  margin-top: -1.66667em;
}
.no-js .messageboard_bloc + .messageboard_bloc .message-inside:before {
  content: none;
}
.messageboard_bloc {
  clear: both;
  background-color: #fff;
}
@media screen and (min-width: 960px) {
  .messageboard_bloc {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
  }
}
@media screen and (min-width: 960px) {
  .messageboard_bloc {
    margin-bottom: 1.66667em;
  }
}
@media screen and (max-width: 959px) {
  .messageboard_bloc .container {
    width: auto;
  }
}
.messageboard_bloc.active {
  display: block;
}
.messageboard_bloc .intro {
  color: #fff;
  /*background-color: #6aafdd;*/
}
@media screen and (max-width: 959px) {
  .messageboard_bloc .login-label {
    display: block;
    margin-bottom: 10px !important;
  }
  .messageboard_bloc .login-label .label:first-child {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  .messageboard_bloc .login-label input.text {
    width: 100%;
  }
}
@media screen and (max-width: 959px) {
  .messageboard_bloc .login-form-grid input.text {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 12px;
  }
}
@media screen and (min-width: 960px) {
  .messageboard_bloc .login-form-grid {
    top: 35%;
    transform: translateY(-50%);
  }
}
.message-inside {
  padding-right: 0;
}
@media screen and (min-width: 960px) {
  .message-inside {
    /*padding-left: 240px;*/
  }
}
.message-inside h2 {
  margin-bottom: 1.25em;
  padding-top: 1.25em;
  font-family: "proxima", sans-serif;
  font-size: 1.33333em;
  line-height: 1.25em;
}
.message-inside .form {
  position: relative;
  *zoom: 1;
}
@media screen and (min-width: 960px) {
  .message-inside .form {
    top: 5px;
    height: 300px;
  }
}
.message-inside .form:after {
  content: "";
  display: table;
  clear: both;
}
.message-inside .form span.label {
  width: 95px;
}
.message-inside .form span.input {
  width: auto;
  margin-right: 10px;
}
@media screen and (max-width: 959px) {
  .message-inside .form span.input {
    margin-right: 5px;
  }
}
@media screen and (max-width: 959px) {
  .message-inside .form span.input.input-field {
    display: block;
  }
}
.message-inside .form .radio .label,
.message-inside .form .checkbox .label {
  width: auto;
}
.message-inside .form .radio .label .label,
.message-inside .form .checkbox .label .label {
  width: 95px;
}
.message-inside .form .radio .label span.input,
.message-inside .form .checkbox .label span.input {
  margin-right: 0;
}
.message-inside .form .radio .label span.input .label,
.message-inside .form .checkbox .label span.input .label {
  width: auto;
}
.message-inside .form .col1 {
  float: left;
  margin-right: 13px;
}
.message-inside .form p.mandatory {
  position: static;
}
/* ---------------------------------------------------------- */
/* #new-password */
/* ---------------------------------------------------------- */
#new-password .line {
  position: relative;
  bottom: 10px;
}
#new-password span.label,
#new-password input,
#new-password button {
  top: 15px!important;
}
@media screen and (min-width: 480px) {
  #new-password span.input {
    margin-top: 5px;
  }
}
@media screen and (max-width: 479px) {
  #new-password span.input {
    margin-top: 20px;
  }
}
/* ---------------------------------------------------------- */
/* Mot de passe oublié */
/* ---------------------------------------------------------- */
#forgot .label {
  width: auto;
}
#forgot .submit {
  margin-top: 10px;
}
/* ---------------------------------------------------------- */
/* Avantages inscription header */
/* ---------------------------------------------------------- */
.avantages {
  position: relative;
  top: 1px;
  margin-top: -1px;
  margin-bottom: 1.66667em;
  border-bottom: 1px solid #e9e9e9;
}
.avantages li {
  white-space: normal;
}
.avantages div {
  margin-bottom: 1.25em;
  padding: 0.83333em 20px 0.83333em 60px;
  font-size: 1em;
  line-height: 1.25em;
  position: relative;
}
.avantages div:before {
  content: "";
  width: 48px;
  height: 48px;
  position: absolute;
  left: 0;
  top: 8px;
}
.avantages div.euros:before {
  background-position: -105px -235px;
}
.avantages div.listes:before {
  background-position: -241px -235px;
}
.avantages div.jeux:before {
  background-position: -173px -235px;
}
.avantages div.carte:before {
  background-position: 0 -235px;
  width: 58px;
  height: 40px;
}
/* POPIN CUSTO CONFIRMATION ENVOI DE MAIL
Page MonEspaceU / Onglet : Mon Magasin */
.dashboard-compte-mag #popinconfirmation h1.h2 {
  color: #00828c ;
}
/* ---------------------------------------------------------- */
/* Bloc "J'ai déjà ma carte U" (onglet Ma carte U dans Mon espace U) */
/* Bloc pour renseigner sa carte U lorsqu'on a fait une inscription sans la renseigner */
/* ---------------------------------------------------------- */
#content .dejacarteu div.bloc-inside {
  padding-bottom: 0 !important;
}
#content .dejacarteu div.bloc-inside h3 {
  font-size: 1.33333em;
  font-weight: bold;
  line-height: 1.25em;
}
#content .dejacarteu .form {
  position: static;
  margin-top: 40px;
}
#content .dejacarteu .form .label {
  display: block;
  top: auto;
  width: auto;
  text-transform: uppercase;
  font-family: "proxima", sans-serif;
  font-weight: bold;
  color: #00828c;
}
#content .dejacarteu .form input[type=text] {
  width: 130px;
  display: inline-block;
}
#content .dejacarteu .form .largeur-input-deja {
  width: 130px;
}
#content .dejacarteu .form span.error {
  display: none!important;
}
#content .dejacarteu .form .naissance label {
  display: block;
}
#content .dejacarteu .form .naissance select.small {
  width: 60px;
}
#content .dejacarteu .form .naissance select.small#date-naissance-annee {
  width: 75px;
}
#content .dejacarteu .form #verifierNumero {
  padding: 1px 40px 0 10px;
}
#content .dejacarteu .form button {
  margin-top: 1.66em;
  float: right;
  margin-top: 0px!important;
}
@media screen and (max-width: 767px) {
  #content .dejacarteu .form button {
    margin-top: 20px!important;
  }
}
#content .dejacarteu .form .submit-2lignes {
  margin-top: 20px!important;
  float: none;
}
/* ---------------------------------------------------------- */
/* Titre sous les onglets "Mon compte" (barre bleu ciel) */
/* ---------------------------------------------------------- */
.msg {
  margin-bottom: 1.66667em;
  padding: 1.25em 20px 1.25em 20px;
  text-transform: uppercase;
  font-family: "proxima", sans-serif;
  color: #fff;
  background-color: #64c8f0;
}
.msg p {
  margin-bottom: 0;
  font-size: 1.33333em;
  line-height: 1.25em;
}
.msg .alt {
  margin-right: -40px;
  margin-left: -40px;
}
#content .msg h2 {
  margin-bottom: 0;
  font-size: 1.33333em;
  font-weight: bold;
  line-height: 1.25em;
  color: #fff;
}
/* ---------------------------------------------------------- */
/* Onglet mes identifiants de mon espace u */
/* ---------------------------------------------------------- */
#content .identifiants span.label {
  width: 170px;
}
/* ---------------------------------------------------------- */
/* Bloc renouvellement mot de passe */
/* ---------------------------------------------------------- */
#bloc-reset-password {
  /*pour le bloc reinitialisation attribution d'une position pour un alignement juste avec le bouton j'annule*/
  /*espacement entre les blocs du nouveau mdpasse et confirmation du mot de passe*/
}
#bloc-reset-password input {
  width: 175px;
}
#bloc-reset-password .bt-position-valide-reinitial {
  vertical-align: top;
}
#bloc-reset-password .espacement-bt-reinit {
  margin-bottom: 10px;
}
@media screen and (max-width: 959px) {
  #bloc-reset-password .label {
    top: 0;
  }
}
#tools {
  margin-bottom: 0 !important;
}
#tools a {
  padding-left: 30px;
  background-position: 0 50%;
}
#tools .points {
  padding-left: 35px;
  background-position: -260px 50px;
  background-position: -260px 50%;
}
#tools .listes {
  background-position: -130px 50px;
  background-position: -130px 50%;
}
#tools .favoris {
  background-position: 0 50px;
  background-position: 0 50%;
}
/* ---------------------------------------------------------- */
/* .dlc .pts */
/* ---------------------------------------------------------- */
.dlc,
.pts {
  text-align: center;
}
.dlc {
  margin-bottom: 1.11111em !important;
  font-family: "proxima", sans-serif;
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1.66667em;
  color: #00828C;
}
.pts {
  margin-bottom: 0.9375em;
  text-transform: uppercase;
  font-family: "proxima", sans-serif;
  font-size: 1.33333em;
  font-weight: bold;
  line-height: 0.9375em;
  color: #E31006;
}
.pts ins {
  text-decoration: none;
}
.pts del,
.pts ins {
  display: block;
}
.pts del {
  margin-top: 0.625em;
}
.pts span {
  display: block;
  margin-bottom: 1.25em;
  margin-bottom: 0;
  font-size: 0.75em;
  line-height: 1.25em;
}
/* ---------------------------------------------------------- */
/* .product */
/* ---------------------------------------------------------- */
#content .product {
  position: relative;
  background-color: #FFF;
}
#content .product img {
  position: relative;
  top: 10px;
  margin-left: 40px;
}
#content .product .desc img {
  position: static;
  top: auto;
  margin: 0;
}
#content .product .cta {
  position: relative;
  top: 20px;
}
#content .product .points-note {
  display: block;
  margin-bottom: 0.625em;
}
#content .product h3,
#content .product .h3 {
  margin-bottom: 0;
  font-size: 1.5em;
  line-height: 1.11111em;
}
/* ---------------------------------------------------------- */
/* .desc */
/* ---------------------------------------------------------- */
.desc {
  position: absolute !important;
  top: 0;
  left: 0;
  margin: 0;
  background-color: transparent !important;
}
.desc br {
  display: block;
}
.desc .points-note {
  font-size: 1.33333em;
  line-height: 1.875em;
}
.desc .points-note .note {
  border-width: 2px !important;
}
.desc p {
  margin-bottom: 0;
  color: #000;
}
#content .desc.transparent {
  background-color: transparent !important;
}
#content .desc.transparent .dates,
#content .desc.transparent h3,
#content .desc.transparent .h3 {
  font-weight: bold;
  color: #fff;
}
#content .desc.transparent p {
  color: #fff;
}
.desc .discount {
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #c9c9c9;
  font-family: "proxima", sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  color: #e71b34;
}
.desc .discount span {
  margin-left: 9px;
}
.desc .r-points {
  margin-left: 15px;
  padding-left: 12px;
  border-left: 1px solid #c9c9c9;
  text-transform: uppercase;
}
.desc .cc {
  margin-bottom: 0;
  text-transform: uppercase;
  font-family: "proxima", sans-serif;
  color: #6b3f95;
}
#content .desc-inside {
  padding-top: 1.66667em;
  padding-right: 20px;
  padding-bottom: 1.66667em;
  padding-left: 20px;
  background-color: #fff;
}
#content .desc-inside sup {
  text-transform: none;
}
#content .desc-inside h3 {
  margin-bottom: 0.52632em;
  padding-top: 0.52632em;
  font-size: 1.58333em;
  font-weight: bold;
  line-height: 1.05263em;
}
/* ---------------------------------------------------------- */
/* Dates */
/* ---------------------------------------------------------- */
#content .dates {
  text-transform: uppercase;
  font-family: "proxima", sans-serif;
  font-weight: bold;
  color: #00828c;
}
/* ---------------------------------------------------------- */
/* Store locator */
/* ---------------------------------------------------------- */
.commentaire_geolocalisation {
  font-family: proxima, sans-serif;
  margin-top: 5px;
  margin-bottom: 10px!important;
  color: #7a7a7a;
  font-style: italic;
}
#map-storelocator {
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.recherche-magasin-annuaire .button,
.fiche-magasin .button {
  position: relative;
  display: inline-block;
  width: auto;
  margin-bottom: 0.5rem;
  padding: 0.4rem 2rem 0.4rem 1rem;
  background-color: #e71b34;
  border: none;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.7rem;
  font-weight: 700;
  text-decoration: none;
  transition: background-color 0.2s;
  cursor: pointer;
}
.recherche-magasin-annuaire .button:hover,
.fiche-magasin .button:hover {
  background-color: #d2162d;
}
.recherche-magasin-annuaire .button::after,
.fiche-magasin .button::after {
  content: '';
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0.8rem;
  bottom: 0;
  width: 0.6rem;
  height: 0.6rem;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="%23fff" d="M184.655 1024c0 0 495.213-512 495.213-512s-495.213-512-495.213-512c0 0 158.543 0 158.543 0s496.146 512 496.146 512c0 0-496.146 512-496.146 512s-158.543 0-158.543 0z"></path></svg>');
}
.recherche-magasin-annuaire .button--small,
.fiche-magasin .button--small {
  padding: 0.1rem 1.2rem 0.1rem 0.6rem;
}
.recherche-magasin-annuaire .button--small::after,
.fiche-magasin .button--small::after {
  right: 0.4rem;
}
.recherche-magasin-annuaire .button--alt,
.fiche-magasin .button--alt {
  background-color: #2480b0;
}
.recherche-magasin-annuaire .button--alt:hover,
.fiche-magasin .button--alt:hover {
  background-color: #20719b;
}
.recherche-magasin-annuaire .button--white,
.fiche-magasin .button--white {
  color: #e71b34;
  background-color: #f2f2f2;
  border: solid 0.05rem #d8d8d8;
}
.recherche-magasin-annuaire .button--white:hover,
.fiche-magasin .button--white:hover {
  background-color: #d8d8d8;
}
.recherche-magasin-annuaire .button--white::after,
.fiche-magasin .button--white::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="%23e71b34" d="M184.655 1024c0 0 495.213-512 495.213-512s-495.213-512-495.213-512c0 0 158.543 0 158.543 0s496.146 512 496.146 512c0 0-496.146 512-496.146 512s-158.543 0-158.543 0z"></path></svg>');
}
.locator-actions {
  display: none;
}
@media screen and (max-width: 767px) {
  .locator-actions {
    display: flex;
    justify-content: space-between;
  }
}
.locator-actions__button {
  width: auto;
  padding: 0;
  background: none;
  border: none;
  color: #4e4e4e;
  font-weight: 700;
  font-size: 0.725rem;
}
.locator-actions__button:hover .locator-actions__button-icon {
  color: #d2162d;
}
.locator-actions__button-icon {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 0.2rem;
  color: #e71b34;
  vertical-align: bottom;
  transition: color 0.2s;
}
.locator-actions__button-map {
  display: none;
}
.locator-actions__button--is-active .locator-actions__button-map {
  display: block;
}
.locator-actions__button--is-active .locator-actions__button-list {
  display: none;
}
.locator-filters__heading {
  display: flex;
  justify-content: space-between;
}
.locator-filters__heading-icon {
  color: #e5e5e5;
}
.locator-filters__reset {
  width: auto;
  padding: 0;
  background: none;
  border: none;
  color: #4e4e4e;
  font-size: 0.7rem;
  font-weight: 700;
}
.locator-filters__reset-icon {
  display: inline-block;
  width: 0.7rem;
  height: 0.7rem;
  vertical-align: middle;
  color: #2480b0;
}
@media screen and (max-width: 767px) {
  .locator-filters__reset {
    display: none;
  }
}
.locator-filters__reset-mobile {
  width: auto;
  border: none;
  background: none;
  text-decoration: underline;
  font-size: 0.9rem;
  font-weight: 700;
  color: #2480b0;
  transition: color 0.2s;
}
.locator-filters__reset-mobile:hover {
  color: #20719b;
}
.locator-filters__wrapper {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .locator-filters__wrapper {
    margin-bottom: 1.5rem;
  }
}
.locator-filters__input {
  display: none;
}
.locator-filters__input:checked + .locator-filters__label {
  background-color: #2480b0;
  color: #fff;
}
.locator-filters__input:checked + .locator-filters__label:hover {
  border-color: #20719b;
  background-color: #20719b;
  color: #fff;
}
.locator-filters__input:checked + .locator-filters__checkbox::before {
  opacity: 1;
}
.locator-filters__input:checked + .locator-filters__checkbox::after {
  background-color: #379aff;
}
.locator-filters__label {
  margin-right: 0.75rem;
  margin-bottom: 0;
  padding: 0.35rem 1rem;
  border: solid 0.05rem #2480b0;
  border-radius: 1rem;
  color: #2480b0;
  font-size: 0.7rem;
  font-weight: 700;
  cursor: pointer;
  transition: color 0.2s, background-color 0.2s;
}
@media screen and (max-width: 767px) {
  .locator-filters__label {
    margin-bottom: 0.75rem;
  }
}
.locator-filters__label:last-of-type {
  margin-right: 0;
}
.locator-filters__label:hover {
  border-color: #20719b;
  color: #20719b;
}
.locator-filters__checkbox {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: auto;
  font-weight: 700;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .locator-filters__checkbox {
    width: 100%;
    margin: 0.5rem 0 0;
  }
}
.locator-filters__checkbox::after {
  content: '';
  width: 1rem;
  height: 1rem;
  margin-left: 0.4rem;
  background-color: transparent;
  border-radius: 0.2rem;
  border: solid 0.05rem #379aff;
  transition: background-color 0.2s;
}
.locator-filters__checkbox::before {
  content: '';
  opacity: 0;
  position: absolute;
  width: 1rem;
  height: 1rem;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 65%;
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="1024" height="1024" viewBox="0 0 1024 1024"><path xmlns="http://www.w3.org/2000/svg" fill="%23fff" d="M1005.113 237.911l-639.614 639.614c-25.288 25.288-66.145 25.288-91.329 0-3.344-3.344-5.121-7.524-7.524-11.39l-248.698-248.594c-23.93-23.93-23.93-62.697 0-86.731 23.93-23.93 62.697-23.93 86.627 0l212.438 212.438 596.771-596.771c25.288-25.288 66.145-25.288 91.329 0s25.183 66.145 0 91.433z"/></svg>');
  transition: opacity 0.2s;
}
@media screen and (max-width: 767px) {
  .locator-filters__title {
    display: none;
  }
}
.locator-filters__title-mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .locator-filters__title-mobile {
    display: block;
  }
}
.locator-filters__filter-icon {
  color: #e5e5e5;
}
.locator-filters__close-mobile {
  display: none;
  width: 2rem;
  height: 2rem;
  padding: 0.5rem;
  border: none;
  background: none;
  color: #4e4e4e;
  transition: color 0.2s;
}
@media screen and (max-width: 767px) {
  .locator-filters__close-mobile {
    display: block;
  }
}
.locator-filters__close-mobile:hover {
  color: #d8d8d8;
}
.locator-filters__close-mobile-icon {
  width: 100%;
  height: 100%;
}
.locator-filters__actions {
  display: none;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .locator-filters__actions {
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .locator-filters {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10666;
    transition: visibility 0.2s;
  }
  .locator-filters__block {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1rem;
    box-sizing: border-box;
    background-color: #fff;
    transform: translateY(0);
    transition: transform 0.2s;
  }
  .locator-filters::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #000;
    opacity: 0.7;
    transition: opacity 0.2s;
  }
}
@media screen and (max-width: 767px) {
  .locator-filters--is-hidden {
    visibility: hidden;
  }
  .locator-filters--is-hidden::before {
    opacity: 0;
  }
  .locator-filters--is-hidden .locator-filters__block {
    transform: translateY(100%);
  }
}
#content .locator-info-window__title,
.locator-info-window__title {
  margin-bottom: 0.2rem;
  color: #2480b0;
  font-size: 1rem;
  font-weight: 700;
}
#content .locator-info-window__content,
.locator-info-window__content {
  margin-bottom: 0.2rem;
  color: #2480b0;
  font-size: 0.8rem;
}
#content .locator-info-window__distance-km,
.locator-info-window__distance-km {
  font-weight: 700;
}
#content .locator-info-window__route,
.locator-info-window__route {
  margin-left: 0.2rem;
  color: #2480b0;
  font-weight: 700;
}
#content .locator-info-window__opening-time,
.locator-info-window__opening-time,
#content .locator-info-window__address,
.locator-info-window__address,
#content .locator-info-window__distance,
.locator-info-window__distance {
  margin-bottom: 0.4rem;
}
#content .locator-info-window__opening-time,
.locator-info-window__opening-time {
  display: flex;
  flex-direction: column;
}
#content .locator-info-window__opening-time-hours,
.locator-info-window__opening-time-hours {
  font-weight: 700;
}
#content .locator-info-window__actions,
.locator-info-window__actions {
  display: flex;
  flex-wrap: wrap;
}
#content .locator-info-window__action,
.locator-info-window__action {
  top: 0;
  margin: 0 0.5rem 0.5rem 0;
}
#content .locator-info-window__action:last-of-type,
.locator-info-window__action:last-of-type {
  margin-bottom: 0;
}
#content .locator-info-window__close,
.locator-info-window__close {
  position: absolute;
  right: -0.6rem;
  top: -0.5rem;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  background: none;
  border: none;
}
#content .locator-info-window__close:hover,
.locator-info-window__close:hover {
  color: #000;
}
#content .locator-info-window__close-icon,
.locator-info-window__close-icon {
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  top: 0.6rem;
  right: 0.6rem;
}
#content .locator-info-window__direction-icon,
.locator-info-window__direction-icon {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 0.4rem;
  vertical-align: bottom;
}
#content .locator-info-window--float {
  position: absolute;
  top: 1rem;
  left: 1rem;
  right: 1rem;
  padding: 0.75rem;
  z-index: 1;
  background-color: #fff;
  border-radius: 0.1rem;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
}
#content .locator-info-window--float .locator-info-window__close {
  right: 0.3rem;
  top: 0;
}
.gm-style-iw + button {
  display: none !important;
}
.locator-layout {
  margin-bottom: 1.6rem;
  overflow: hidden;
  background-color: #fff;
}
.locator-layout__form {
  padding: 3rem 2rem 2rem;
}
@media screen and (max-width: 767px) {
  .locator-layout__form {
    padding: 1rem;
  }
}
.locator-layout__wrapper {
  display: flex;
  flex-wrap: wrap;
  height: 40rem;
  transition: transform 0.2s;
}
@media screen and (max-width: 767px) {
  .locator-layout__wrapper {
    width: 200%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 767px) {
  .locator-layout__wrapper--show-list-mobile {
    transform: translateX(0);
  }
}
.locator-layout__map {
  position: relative;
  width: 50%;
  height: 100%;
}
.locator-layout__list {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 50%;
  height: 100%;
}
.locator-layout__nb-item {
  padding: .6rem 2.2rem;
  background-color: #e5e5e5;
}
#content .locator-list-item {
  position: relative;
  display: block;
  padding: 1.6rem 2.2rem;
  text-decoration: none;
  transition: background-color 0.2s;
}
@media screen and (max-width: 767px) {
  #content .locator-list-item {
    padding: 1.2rem 3rem 1.2rem 1rem;
  }
}
#content .locator-list-item--is-active,
#content .locator-list-item:hover {
  background-color: #e5e5e5;
}
#content .locator-list-item__title {
  margin-bottom: 0.6rem;
  font-family: Arial;
  font-size: 1.25rem;
  color: #007e92;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #content .locator-list-item__title {
    margin-bottom: 0.1rem;
    font-size: 1rem;
  }
}
#content .locator-list-item__wrapper-bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
#content .locator-list-item__address {
  margin-bottom: 0.4rem;
  color: #4e4e4e;
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  #content .locator-list-item__address {
    display: none;
  }
}
#content .locator-list-item__distance {
  margin-right: 0.3rem;
  color: #2480b0;
  font-size: 1rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  #content .locator-list-item__distance {
    padding: 0.2rem 0.3rem;
    background-color: #007e92;
    border-radius: 0.3rem;
    color: #fff;
    line-height: 1;
    font-size: 0.7rem;
  }
}
#content .locator-list-item__opening-time {
  color: #4e4e4e;
  font-size: 1rem;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  #content .locator-list-item__opening-time {
    color: #007e92;
    font-size: 0.9rem;
  }
  #content .locator-list-item__opening-time::before {
    content: none;
  }
}
#content .locator-list-item__link-icon {
  position: absolute;
  display: none;
  width: 0.75rem;
  height: 0.75rem;
  right: 1rem;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #000;
}
@media screen and (max-width: 767px) {
  #content .locator-list-item__link-icon {
    display: block;
  }
}
#content .locator-list-item__service-title {
  margin-top: 0.2rem;
  font-size: 0.9rem;
  color: #007e92;
  font-weight: 800;
}
#content .locator-list-item__service-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
#content .locator-list-item__service-item {
  display: inline-block;
  margin-right: 0.6rem;
  font-weight: 600;
}
#content .locator-list-item__direction-icon {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 0.4rem;
  vertical-align: baseline;
}
.locator-list {
  flex-grow: 1;
  position: relative;
  height: 100%;
  overflow-y: scroll;
}
.locator-list__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.locator-list__item {
  padding: 0;
  border-top: solid 0.05rem #e5e5e5;
}
.locator-list__more {
  margin: 0;
  padding: 0.2rem 1rem 1.6rem;
  text-align: center;
}
.locator-list__more-button--hidden {
  display: none;
}
/**
    The locator search component
*/
.locator-search {
  position: relative;
  display: flex;
  width: 100%;
}
.locator-search__wrapper {
  position: relative;
  display: flex;
  width: 100%;
}
.locator-search__input[type=search] {
  width: 100%;
  padding: 0.75rem 2.5rem 0.75rem 1.5rem;
  border-color: #e5e5e5;
  color: #4e4e4e;
  font-size: 0.75rem;
  font-style: italic;
}
@media screen and (max-width: 767px) {
  .locator-search__input[type=search] {
    padding: 0.75rem 2.5rem;
  }
}
.locator-search__geolocation {
  position: absolute;
  right: 0;
  top: 0;
  width: 2.5rem;
  height: 100%;
  padding: 0.55rem;
  background: none;
  border: none;
  font-size: 0;
  color: #e71b34;
  transition: color 0.2s;
}
.locator-search__geolocation:hover {
  color: #d2162d;
}
.locator-search__icon {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.locator-search__icon--search {
  display: none;
}
@media screen and (max-width: 767px) {
  .locator-search__icon--search {
    display: inline-block;
  }
}
.locator-search__icon--arrow {
  position: absolute;
  right: 0.8rem;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0.7rem;
  height: 0.7rem;
}
@media screen and (max-width: 767px) {
  .locator-search__icon--arrow {
    display: none;
  }
}
.locator-search__submit {
  width: auto;
  padding: 0 2rem 0 1rem;
  background-color: #e71b34;
  border: none;
  color: #fff;
  font-size: 0.75rem;
  text-transform: uppercase;
  transition: color 0.2s, background-color 0.2s;
}
.locator-search__submit:hover {
  background-color: #d2162d;
}
@media screen and (max-width: 767px) {
  .locator-search__submit {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.5rem;
    height: 100%;
    padding: 0.7rem;
    background: none;
    border: none;
    font-size: 0;
    color: #e5e5e5;
  }
  .locator-search__submit:hover {
    background-color: transparent;
    color: #d8d8d8;
  }
}
/**
    The locator type switch (station/store) component
*/
.locator-type {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.locator-type__label {
  margin-right: 1.2rem;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .locator-type__label {
    width: 100%;
    margin-top: 0.2rem;
    margin-bottom: 1rem;
  }
}
.locator-type__switch {
  display: flex;
  width: 22rem;
}
@media screen and (max-width: 767px) {
  .locator-type__switch {
    width: 100%;
  }
}
.locator-type__input {
  display: none;
}
.locator-type__input:checked + .locator-type__button {
  background-color: #2480b0;
  color: #fff;
}
.locator-type__input:checked + .locator-type__button:hover {
  background-color: #20719b;
  color: #fff;
}
.locator-type__button {
  width: 50%;
  padding: 1rem 0;
  border: solid 0.05rem #2480b0;
  color: #2480b0;
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  transition: color 0.2s, background-color 0.2s;
}
.locator-type__button:first-of-type {
  border-bottom-left-radius: 0.3rem;
  border-top-left-radius: 0.3rem;
}
.locator-type__button:last-of-type {
  border-bottom-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.locator-type__button:hover {
  color: #20719b;
  background-color: #fff;
}
.locator-type__icon {
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  vertical-align: sub;
}
/* Utilities used to help quick style */
.u-icon {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.75rem;
  vertical-align: sub;
}
.u-icon--margin {
  margin-left: 2rem;
}
.u-img {
  display: inline !important;
  margin-left: 1rem;
}
.u-margin-bottom--none {
  margin-bottom: 0 !important;
}
/* ---------------------------------------------------------- */
/* Fil d'ariane */
/* ---------------------------------------------------------- */
#ariane {
  clear: both;
  margin: 0 0 1.66667em 0;
  padding: 0;
  border: 0;
  *zoom: 1;
}
#ariane:after {
  content: "";
  display: table;
  clear: both;
}
#ariane li {
  float: left;
  margin-left: 5px;
  padding-left: 0;
  padding-right: 0;
  white-space: normal;
  list-style-image: none;
  list-style-type: none;
}
#ariane li:after {
  content: "";
  display: inline-block;
  background-position: 0 -282px;
  width: 6px;
  height: 10px;
  margin-left: 5px;
}
#ariane li:first-child {
  margin-left: 0;
  padding-left: 0;
  background-image: none;
}
#ariane li:first-child:before {
  content: '';
}
#ariane li:last-child,
#ariane li.last {
  padding-right: 0;
}
#ariane li:last-child:after,
#ariane li.last:after {
  display: none;
}
/* ---------------------------------------------------------- */
/* Onglets - gestion des colonnes des onglets (md / lg) */
/* ---------------------------------------------------------- */
#content .tabs > .col {
  float: left;
  position: relative;
}
#content .tabs.cols1,
#content .tabs.cols2,
#content .tabs.cols3,
#content .tabs.cols4,
#content .tabs.cols5,
#content .tabs.cols6,
#content .tabs.cols7 {
  *zoom: 1;
}
#content .tabs.cols1:after,
#content .tabs.cols2:after,
#content .tabs.cols3:after,
#content .tabs.cols4:after,
#content .tabs.cols5:after,
#content .tabs.cols6:after,
#content .tabs.cols7:after {
  content: "";
  display: table;
  clear: both;
}
#content .tabs.cols1 > .col {
  width: 100%;
}
#content .tabs.cols2 > .col {
  width: 50%;
  float: left;
}
#content .tabs.cols3 > .col {
  width: 33.333333%;
}
#content .tabs.cols4 > .col {
  width: 25%;
}
#content .tabs.cols5 > .col {
  width: 20%;
}
#content .tabs.cols6 > .col {
  width: 16.66666%;
}
#content .tabs.cols7 > .col {
  width: 14.28571429%;
}
/* ---------------------------------------------------------- */
/* Onglets - couleurs par page */
/* ---------------------------------------------------------- */
#content .tabs a.active:after,
#content .fake-tabs a.active:after,
#content .tabs .a.active:after,
#content .fake-tabs .a.active:after {
  border: 12.5px solid transparent;
  border-top-color: #000;
}
#content .tabs a.active:after,
#content .pop .tabs a.active:after,
#content .fake-tabs a.active:after,
#content .pop .fake-tabs a.active:after,
#content .tabs .a.active:after,
#content .pop .tabs .a.active:after,
#content .fake-tabs .a.active:after,
#content .pop .fake-tabs .a.active:after {
  border-top-color: #00828c;
}
#content .tabs a.active span,
#content .pop .tabs a.active span,
#content .fake-tabs a.active span,
#content .pop .fake-tabs a.active span,
#content .tabs .a.active span,
#content .pop .tabs .a.active span,
#content .fake-tabs .a.active span,
#content .pop .fake-tabs .a.active span {
  border-color: #00828c;
  color: #fff;
  background-color: #00828c;
}
#content.cooperative .tabs a.active:after,
#content .pop.cooperative .tabs a.active:after,
#content.cooperative .fake-tabs a.active:after,
#content .pop.cooperative .fake-tabs a.active:after,
#content.cooperative .tabs .a.active:after,
#content .pop.cooperative .tabs .a.active:after,
#content.cooperative .fake-tabs .a.active:after,
#content .pop.cooperative .fake-tabs .a.active:after {
  border-top-color: #007BA4;
}
#content.cooperative .tabs a.active span,
#content .pop.cooperative .tabs a.active span,
#content.cooperative .fake-tabs a.active span,
#content .pop.cooperative .fake-tabs a.active span,
#content.cooperative .tabs .a.active span,
#content .pop.cooperative .tabs .a.active span,
#content.cooperative .fake-tabs .a.active span,
#content .pop.cooperative .fake-tabs .a.active span {
  background-color: #007BA4;
}
#content.cooperative .tab h3,
#content .pop.cooperative .tab h3,
#content.cooperative .tab .h3,
#content .pop.cooperative .tab .h3 {
  color: #007BA4;
}
#content.profil .tabs a.active:after,
#content .pop.profil .tabs a.active:after,
#content.profil .fake-tabs a.active:after,
#content .pop.profil .fake-tabs a.active:after,
#content.profil .tabs .a.active:after,
#content .pop.profil .tabs .a.active:after,
#content.profil .fake-tabs .a.active:after,
#content .pop.profil .fake-tabs .a.active:after {
  border-top-color: #459bd5;
}
#content.profil .tabs a.active span,
#content .pop.profil .tabs a.active span,
#content.profil .fake-tabs a.active span,
#content .pop.profil .fake-tabs a.active span,
#content.profil .tabs .a.active span,
#content .pop.profil .tabs .a.active span,
#content.profil .fake-tabs .a.active span,
#content .pop.profil .fake-tabs .a.active span {
  border-color: #459bd5;
  color: #fff;
  background-color: #459bd5;
}
#content.marque .tabs a.active:after,
#content .pop.marque .tabs a.active:after,
#content.fiche-detaillee .tabs a.active:after,
#content.marque .fake-tabs a.active:after,
#content .pop.marque .fake-tabs a.active:after,
#content.fiche-detaillee .fake-tabs a.active:after,
#content.marque .tabs .a.active:after,
#content .pop.marque .tabs .a.active:after,
#content.fiche-detaillee .tabs .a.active:after,
#content.marque .fake-tabs .a.active:after,
#content .pop.marque .fake-tabs .a.active:after,
#content.fiche-detaillee .fake-tabs .a.active:after {
  border-top-color: #1cb184;
}
#content.marque .tabs a.active span,
#content .pop.marque .tabs a.active span,
#content.fiche-detaillee .tabs a.active span,
#content.marque .fake-tabs a.active span,
#content .pop.marque .fake-tabs a.active span,
#content.fiche-detaillee .fake-tabs a.active span,
#content.marque .tabs .a.active span,
#content .pop.marque .tabs .a.active span,
#content.fiche-detaillee .tabs .a.active span,
#content.marque .fake-tabs .a.active span,
#content .pop.marque .fake-tabs .a.active span,
#content.fiche-detaillee .fake-tabs .a.active span {
  background-color: #1cb184;
}
#content.marque .tabs a:after,
#content .pop.marque .tabs a:after,
#content.fiche-detaillee .tabs a:after,
#content.marque .fake-tabs a:after,
#content .pop.marque .fake-tabs a:after,
#content.fiche-detaillee .fake-tabs a:after,
#content.marque .tabs .a:after,
#content .pop.marque .tabs .a:after,
#content.fiche-detaillee .tabs .a:after,
#content.marque .fake-tabs .a:after,
#content .pop.marque .fake-tabs .a:after,
#content.fiche-detaillee .fake-tabs .a:after {
  left: 20px;
  margin-left: 0;
}
#content.promo .tabs,
#content .pop.promo .tabs,
#content.fiche-recette .tabs,
#content.promo .fake-tabs,
#content .pop.promo .fake-tabs,
#content.fiche-recette .fake-tabs {
  margin-bottom: 1.66667em;
}
#content.promo .tabs a.active span,
#content .pop.promo .tabs a.active span,
#content.fiche-recette .tabs a.active span,
#content.promo .fake-tabs a.active span,
#content .pop.promo .fake-tabs a.active span,
#content.fiche-recette .fake-tabs a.active span,
#content.promo .tabs .a.active span,
#content .pop.promo .tabs .a.active span,
#content.fiche-recette .tabs .a.active span,
#content.promo .fake-tabs .a.active span,
#content .pop.promo .fake-tabs .a.active span,
#content.fiche-recette .fake-tabs .a.active span {
  background: #e31006;
  background-color: #e31006;
}
#content.promo .tabs a.active:after,
#content .pop.promo .tabs a.active:after,
#content.fiche-recette .tabs a.active:after,
#content.promo .fake-tabs a.active:after,
#content .pop.promo .fake-tabs a.active:after,
#content.fiche-recette .fake-tabs a.active:after,
#content.promo .tabs .a.active:after,
#content .pop.promo .tabs .a.active:after,
#content.fiche-recette .tabs .a.active:after,
#content.promo .fake-tabs .a.active:after,
#content .pop.promo .fake-tabs .a.active:after,
#content.fiche-recette .fake-tabs .a.active:after {
  left: 20px;
  margin-left: 0;
  border-top-color: #e31006;
}
#content.promo .tabs.jus a.active span,
#content .pop.promo .tabs.jus a.active span,
#content.fiche-recette .tabs.jus a.active span,
#content.promo .fake-tabs.jus a.active span,
#content .pop.promo .fake-tabs.jus a.active span,
#content.fiche-recette .fake-tabs.jus a.active span,
#content.promo .tabs.jus .a.active span,
#content .pop.promo .tabs.jus .a.active span,
#content.fiche-recette .tabs.jus .a.active span,
#content.promo .fake-tabs.jus .a.active span,
#content .pop.promo .fake-tabs.jus .a.active span,
#content.fiche-recette .fake-tabs.jus .a.active span {
  background: #eb564f;
}
#content.promo .tabs.jus a.active:after,
#content .pop.promo .tabs.jus a.active:after,
#content.fiche-recette .tabs.jus a.active:after,
#content.promo .fake-tabs.jus a.active:after,
#content .pop.promo .fake-tabs.jus a.active:after,
#content.fiche-recette .fake-tabs.jus a.active:after,
#content.promo .tabs.jus .a.active:after,
#content .pop.promo .tabs.jus .a.active:after,
#content.fiche-recette .tabs.jus .a.active:after,
#content.promo .fake-tabs.jus .a.active:after,
#content .pop.promo .fake-tabs.jus .a.active:after,
#content.fiche-recette .fake-tabs.jus .a.active:after {
  border-top-color: #eb564f;
}
#content.fidelite .tabs a.active:after,
#content.fidelite .fake-tabs a.active:after,
#content.fidelite .tabs .a.active:after,
#content.fidelite .fake-tabs .a.active:after {
  border-top-color: #1573aa;
}
#content.fidelite .tabs a.active span,
#content.fidelite .fake-tabs a.active span,
#content.fidelite .tabs .a.active span,
#content.fidelite .fake-tabs .a.active span {
  background-color: #1573aa;
}
/* En fonction de la classe de la page choisie dans WCS */
#content .acheter .tabs a.active:after,
#content .magasins .tabs a.active:after,
#content .promotions .tabs a.active:after,
#content .produits .tabs a.active:after,
#content .carte .tabs a.active:after,
#content .groupe .tabs a.active:after,
#content .recrutement .tabs a.active:after,
#content .vins .tabs a.active:after,
#content .acheter .fake-tabs a.active:after,
#content .magasins .fake-tabs a.active:after,
#content .promotions .fake-tabs a.active:after,
#content .produits .fake-tabs a.active:after,
#content .carte .fake-tabs a.active:after,
#content .groupe .fake-tabs a.active:after,
#content .recrutement .fake-tabs a.active:after,
#content .vins .fake-tabs a.active:after,
#content .acheter .tabs .a.active:after,
#content .magasins .tabs .a.active:after,
#content .promotions .tabs .a.active:after,
#content .produits .tabs .a.active:after,
#content .carte .tabs .a.active:after,
#content .groupe .tabs .a.active:after,
#content .recrutement .tabs .a.active:after,
#content .vins .tabs .a.active:after,
#content .acheter .fake-tabs .a.active:after,
#content .magasins .fake-tabs .a.active:after,
#content .promotions .fake-tabs .a.active:after,
#content .produits .fake-tabs .a.active:after,
#content .carte .fake-tabs .a.active:after,
#content .groupe .fake-tabs .a.active:after,
#content .recrutement .fake-tabs .a.active:after,
#content .vins .fake-tabs .a.active:after {
  left: 50%;
  margin-left: -10px;
}
#content.acheter .tabs a.active:after,
#content .acheter .tabs a.active:after,
#content .pop.acheter .tabs a.active:after,
#content.acheter .fake-tabs a.active:after,
#content .acheter .fake-tabs a.active:after,
#content .pop.acheter .fake-tabs a.active:after,
#content.acheter .tabs .a.active:after,
#content .acheter .tabs .a.active:after,
#content .pop.acheter .tabs .a.active:after,
#content.acheter .fake-tabs .a.active:after,
#content .acheter .fake-tabs .a.active:after,
#content .pop.acheter .fake-tabs .a.active:after {
  border-top-color: #00828C;
}
#content.acheter .tabs a.active span,
#content .acheter .tabs a.active span,
#content .pop.acheter .tabs a.active span,
#content.acheter .fake-tabs a.active span,
#content .acheter .fake-tabs a.active span,
#content .pop.acheter .fake-tabs a.active span,
#content.acheter .tabs .a.active span,
#content .acheter .tabs .a.active span,
#content .pop.acheter .tabs .a.active span,
#content.acheter .fake-tabs .a.active span,
#content .acheter .fake-tabs .a.active span,
#content .pop.acheter .fake-tabs .a.active span {
  border-color: #00828c;
  color: #fff;
  background-color: #00828c;
}
#content.acheter .tab h3,
#content .acheter .tab h3,
#content .pop.acheter .tab h3,
#content.acheter .tab .h3,
#content .acheter .tab .h3,
#content .pop.acheter .tab .h3 {
  color: #00828C;
}
#content.groupe .tabs a,
#content .pop.groupe .tabs a,
#content .magasins .tabs a,
#content.magasins .tabs a,
#content .pop.magasins .tabs a,
#content .bloc-releve-avantages-carte-u .tabs a,
#content .bloc-etickets .tabs a,
#content.groupe .fake-tabs a,
#content .pop.groupe .fake-tabs a,
#content .magasins .fake-tabs a,
#content.magasins .fake-tabs a,
#content .pop.magasins .fake-tabs a,
#content .bloc-releve-avantages-carte-u .fake-tabs a,
#content .bloc-etickets .fake-tabs a,
#content.groupe .tabs .a,
#content .pop.groupe .tabs .a,
#content .magasins .tabs .a,
#content.magasins .tabs .a,
#content .pop.magasins .tabs .a,
#content .bloc-releve-avantages-carte-u .tabs .a,
#content .bloc-etickets .tabs .a,
#content.groupe .fake-tabs .a,
#content .pop.groupe .fake-tabs .a,
#content .magasins .fake-tabs .a,
#content.magasins .fake-tabs .a,
#content .pop.magasins .fake-tabs .a,
#content .bloc-releve-avantages-carte-u .fake-tabs .a,
#content .bloc-etickets .fake-tabs .a {
  border-left: none !important;
}
#content.groupe .tabs a.active:after,
#content .pop.groupe .tabs a.active:after,
#content .magasins .tabs a.active:after,
#content.magasins .tabs a.active:after,
#content .pop.magasins .tabs a.active:after,
#content .bloc-releve-avantages-carte-u .tabs a.active:after,
#content .bloc-etickets .tabs a.active:after,
#content.groupe .fake-tabs a.active:after,
#content .pop.groupe .fake-tabs a.active:after,
#content .magasins .fake-tabs a.active:after,
#content.magasins .fake-tabs a.active:after,
#content .pop.magasins .fake-tabs a.active:after,
#content .bloc-releve-avantages-carte-u .fake-tabs a.active:after,
#content .bloc-etickets .fake-tabs a.active:after,
#content.groupe .tabs .a.active:after,
#content .pop.groupe .tabs .a.active:after,
#content .magasins .tabs .a.active:after,
#content.magasins .tabs .a.active:after,
#content .pop.magasins .tabs .a.active:after,
#content .bloc-releve-avantages-carte-u .tabs .a.active:after,
#content .bloc-etickets .tabs .a.active:after,
#content.groupe .fake-tabs .a.active:after,
#content .pop.groupe .fake-tabs .a.active:after,
#content .magasins .fake-tabs .a.active:after,
#content.magasins .fake-tabs .a.active:after,
#content .pop.magasins .fake-tabs .a.active:after,
#content .bloc-releve-avantages-carte-u .fake-tabs .a.active:after,
#content .bloc-etickets .fake-tabs .a.active:after {
  border-top-color: #007BA4;
}
#content.groupe .tabs a.active span,
#content .pop.groupe .tabs a.active span,
#content .magasins .tabs a.active span,
#content.magasins .tabs a.active span,
#content .pop.magasins .tabs a.active span,
#content .bloc-releve-avantages-carte-u .tabs a.active span,
#content .bloc-etickets .tabs a.active span,
#content.groupe .fake-tabs a.active span,
#content .pop.groupe .fake-tabs a.active span,
#content .magasins .fake-tabs a.active span,
#content.magasins .fake-tabs a.active span,
#content .pop.magasins .fake-tabs a.active span,
#content .bloc-releve-avantages-carte-u .fake-tabs a.active span,
#content .bloc-etickets .fake-tabs a.active span,
#content.groupe .tabs .a.active span,
#content .pop.groupe .tabs .a.active span,
#content .magasins .tabs .a.active span,
#content.magasins .tabs .a.active span,
#content .pop.magasins .tabs .a.active span,
#content .bloc-releve-avantages-carte-u .tabs .a.active span,
#content .bloc-etickets .tabs .a.active span,
#content.groupe .fake-tabs .a.active span,
#content .pop.groupe .fake-tabs .a.active span,
#content .magasins .fake-tabs .a.active span,
#content.magasins .fake-tabs .a.active span,
#content .pop.magasins .fake-tabs .a.active span,
#content .bloc-releve-avantages-carte-u .fake-tabs .a.active span,
#content .bloc-etickets .fake-tabs .a.active span {
  border-color: #007ba4;
  color: #fff;
  background-color: #007ba4;
}
#content.groupe .tab h3,
#content .pop.groupe .tab h3,
#content .magasins .tab h3,
#content.magasins .tab h3,
#content .pop.magasins .tab h3,
#content .bloc-releve-avantages-carte-u .tab h3,
#content .bloc-etickets .tab h3,
#content.groupe .tab .h3,
#content .pop.groupe .tab .h3,
#content .magasins .tab .h3,
#content.magasins .tab .h3,
#content .pop.magasins .tab .h3,
#content .bloc-releve-avantages-carte-u .tab .h3,
#content .bloc-etickets .tab .h3 {
  color: #007BA4;
}
#content .bloc-releve-avantages-carte-u .tabs a,
#content .bloc-etickets .tabs a,
#content .bloc-releve-avantages-carte-u .fake-tabs a,
#content .bloc-etickets .fake-tabs a,
#content .bloc-releve-avantages-carte-u .tabs .a,
#content .bloc-etickets .tabs .a,
#content .bloc-releve-avantages-carte-u .fake-tabs .a,
#content .bloc-etickets .fake-tabs .a {
  content: none;
}
#content .bloc-releve-avantages-carte-u .tabs a.active:after,
#content .bloc-etickets .tabs a.active:after,
#content .bloc-releve-avantages-carte-u .fake-tabs a.active:after,
#content .bloc-etickets .fake-tabs a.active:after,
#content .bloc-releve-avantages-carte-u .tabs .a.active:after,
#content .bloc-etickets .tabs .a.active:after,
#content .bloc-releve-avantages-carte-u .fake-tabs .a.active:after,
#content .bloc-etickets .fake-tabs .a.active:after {
  border-top-color: #007BA4 !important;
}
#content .promotions .tabs a.active:after,
#content.promotions .tabs a.active:after,
#content .pop.promotions .tabs a.active:after,
#content .promotions .fake-tabs a.active:after,
#content.promotions .fake-tabs a.active:after,
#content .pop.promotions .fake-tabs a.active:after,
#content .promotions .tabs .a.active:after,
#content.promotions .tabs .a.active:after,
#content .pop.promotions .tabs .a.active:after,
#content .promotions .fake-tabs .a.active:after,
#content.promotions .fake-tabs .a.active:after,
#content .pop.promotions .fake-tabs .a.active:after {
  border-top-color: #e31006;
}
#content .promotions .tabs a.active span,
#content.promotions .tabs a.active span,
#content .pop.promotions .tabs a.active span,
#content .promotions .fake-tabs a.active span,
#content.promotions .fake-tabs a.active span,
#content .pop.promotions .fake-tabs a.active span,
#content .promotions .tabs .a.active span,
#content.promotions .tabs .a.active span,
#content .pop.promotions .tabs .a.active span,
#content .promotions .fake-tabs .a.active span,
#content.promotions .fake-tabs .a.active span,
#content .pop.promotions .fake-tabs .a.active span {
  border-color: #e31006;
  color: #fff;
  background-color: #e31006;
}
#content .promotions .tab h3,
#content.promotions .tab h3,
#content .pop.promotions .tab h3,
#content .promotions .tab .h3,
#content.promotions .tab .h3,
#content .pop.promotions .tab .h3 {
  color: #E31006;
}
#content.produits #content .produits .tabs a.active span,
#content .pop.produits .tabs a.active span,
#content.produits #content .produits .fake-tabs a.active span,
#content .pop.produits .fake-tabs a.active span,
#content.produits #content .produits .tabs .a.active span,
#content .pop.produits .tabs .a.active span,
#content.produits #content .produits .fake-tabs .a.active span,
#content .pop.produits .fake-tabs .a.active span {
  border-color: #1cb184;
  color: #fff;
  background-color: #1cb184;
}
#content.produits #content .produits .tabs a.active:after,
#content .pop.produits .tabs a.active:after,
#content.produits #content .produits .fake-tabs a.active:after,
#content .pop.produits .fake-tabs a.active:after,
#content.produits #content .produits .tabs .a.active:after,
#content .pop.produits .tabs .a.active:after,
#content.produits #content .produits .fake-tabs .a.active:after,
#content .pop.produits .fake-tabs .a.active:after {
  border-top-color: #1CB184;
}
#content.produits #content .produits .tab h3,
#content .pop.produits .tab h3,
#content.produits #content .produits .tab .h3,
#content .pop.produits .tab .h3 {
  color: #1CB184;
}
#content .carte .tabs a.active:after,
#content.carte .tabs a.active:after,
#content .pop.carte .tabs a.active:after,
#content .carte .fake-tabs a.active:after,
#content.carte .fake-tabs a.active:after,
#content .pop.carte .fake-tabs a.active:after,
#content .carte .tabs .a.active:after,
#content.carte .tabs .a.active:after,
#content .pop.carte .tabs .a.active:after,
#content .carte .fake-tabs .a.active:after,
#content.carte .fake-tabs .a.active:after,
#content .pop.carte .fake-tabs .a.active:after {
  border-top-color: #E9456F;
}
#content .carte .tabs a.active span,
#content.carte .tabs a.active span,
#content .pop.carte .tabs a.active span,
#content .carte .fake-tabs a.active span,
#content.carte .fake-tabs a.active span,
#content .pop.carte .fake-tabs a.active span,
#content .carte .tabs .a.active span,
#content.carte .tabs .a.active span,
#content .pop.carte .tabs .a.active span,
#content .carte .fake-tabs .a.active span,
#content.carte .fake-tabs .a.active span,
#content .pop.carte .fake-tabs .a.active span {
  border-color: #e9456f;
  color: #fff;
  background-color: #e9456f;
}
#content .carte .tab h3,
#content.carte .tab h3,
#content .pop.carte .tab h3,
#content .carte .tab .h3,
#content.carte .tab .h3,
#content .pop.carte .tab .h3 {
  color: #E9456F;
}
#content .groupe .tabs a.active:after,
#content .groupe .fake-tabs a.active:after,
#content .groupe .tabs .a.active:after,
#content .groupe .fake-tabs .a.active:after {
  border-top-color: #007BA4;
}
#content .groupe .tabs a.active span,
#content .groupe .fake-tabs a.active span,
#content .groupe .tabs .a.active span,
#content .groupe .fake-tabs .a.active span {
  background-color: #007BA4;
}
#content .groupe .tab h3,
#content .groupe .tab .h3 {
  color: #007BA4;
}
#content.recrutement .tabs a.active:after,
#content .recrutement .tabs a.active:after,
#content .pop.recrutement .tabs a.active:after,
#content.recrutement .fake-tabs a.active:after,
#content .recrutement .fake-tabs a.active:after,
#content .pop.recrutement .fake-tabs a.active:after,
#content.recrutement .tabs .a.active:after,
#content .recrutement .tabs .a.active:after,
#content .pop.recrutement .tabs .a.active:after,
#content.recrutement .fake-tabs .a.active:after,
#content .recrutement .fake-tabs .a.active:after,
#content .pop.recrutement .fake-tabs .a.active:after {
  border-top-color: #F95015;
}
#content.recrutement .tabs a.active span,
#content .recrutement .tabs a.active span,
#content .pop.recrutement .tabs a.active span,
#content.recrutement .fake-tabs a.active span,
#content .recrutement .fake-tabs a.active span,
#content .pop.recrutement .fake-tabs a.active span,
#content.recrutement .tabs .a.active span,
#content .recrutement .tabs .a.active span,
#content .pop.recrutement .tabs .a.active span,
#content.recrutement .fake-tabs .a.active span,
#content .recrutement .fake-tabs .a.active span,
#content .pop.recrutement .fake-tabs .a.active span {
  border-color: #F95015;
  color: #fff;
  background-color: #F95015;
}
#content.recrutement .tab h3,
#content .recrutement .tab h3,
#content .pop.recrutement .tab h3,
#content.recrutement .tab .h3,
#content .recrutement .tab .h3,
#content .pop.recrutement .tab .h3 {
  color: #F95015;
}
#content.vins .tabs a.active:after,
#content .vins .tabs a.active:after,
#content .pop.vins .tabs a.active:after,
#content.vins .fake-tabs a.active:after,
#content .vins .fake-tabs a.active:after,
#content .pop.vins .fake-tabs a.active:after,
#content.vins .tabs .a.active:after,
#content .vins .tabs .a.active:after,
#content .pop.vins .tabs .a.active:after,
#content.vins .fake-tabs .a.active:after,
#content .vins .fake-tabs .a.active:after,
#content .pop.vins .fake-tabs .a.active:after {
  border-top-color: #5C0C49;
}
#content.vins .tabs a.active span,
#content .vins .tabs a.active span,
#content .pop.vins .tabs a.active span,
#content.vins .fake-tabs a.active span,
#content .vins .fake-tabs a.active span,
#content .pop.vins .fake-tabs a.active span,
#content.vins .tabs .a.active span,
#content .vins .tabs .a.active span,
#content .pop.vins .tabs .a.active span,
#content.vins .fake-tabs .a.active span,
#content .vins .fake-tabs .a.active span,
#content .pop.vins .fake-tabs .a.active span {
  border-color: #5C0C49;
  color: #fff;
  background-color: #5C0C49;
}
#content.vins .tab h3,
#content .vins .tab h3,
#content .pop.vins .tab h3,
#content.vins .tab .h3,
#content .vins .tab .h3,
#content .pop.vins .tab .h3 {
  color: #5C0C49;
}
/* ---------------------------------------------------------- */
/* Onglets - générique */
/* ---------------------------------------------------------- */
.index #content .tabs,
.cookies #content .tabs,
.index #content .fake-tabs,
.cookies #content .fake-tabs {
  margin-bottom: 1.66667em;
}
#content .tabs,
#content .fake-tabs {
  background-color: #fff;
}
#content .tabs .double span,
#content .fake-tabs .double span {
  padding-top: 1.45833em;
  padding-bottom: 1.45833em;
}
#content .tabs .double span span,
#content .fake-tabs .double span span {
  padding: 0;
}
#content .tabs a,
#content .fake-tabs a,
#content .tabs .a,
#content .fake-tabs .a {
  display: block;
  position: relative;
  border-left: 1px solid #ccc;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "proxima", sans-serif;
  font-weight: bold;
  background-color: #fff;
  transition: background-color 200ms;
  box-shadow: 0px -2px 2px 0 rgba(0, 0, 0, 0.1) inset;
  z-index: 1;
}
#content .tabs a.active,
#content .fake-tabs a.active,
#content .tabs .a.active,
#content .fake-tabs .a.active {
  cursor: default;
}
#content .tabs a.active:after,
#content .fake-tabs a.active:after,
#content .tabs .a.active:after,
#content .fake-tabs .a.active:after {
  content: '';
  z-index: 1;
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -12.5px;
}
#content .tabs a:hover,
#content .fake-tabs a:hover,
#content .tabs .a:hover,
#content .fake-tabs .a:hover,
#content .tabs a:focus,
#content .fake-tabs a:focus,
#content .tabs .a:focus,
#content .fake-tabs .a:focus {
  background-color: #e5e5e5;
}
#content .tabs a span,
#content .fake-tabs a span,
#content .tabs .a span,
#content .fake-tabs .a span {
  display: block;
  padding: 0.83333em 20px;
  font-size: 1em;
  line-height: 1.25em;
}
#content .tabs a .br,
#content .fake-tabs a .br,
#content .tabs .a .br,
#content .fake-tabs .a .br {
  padding: 0;
}
#content .tabs .a,
#content .fake-tabs .a {
  border: 0 none;
}
#content .tabs.alt,
#content .fake-tabs.alt {
  text-align: center;
}
#content .tabs.alt li,
#content .fake-tabs.alt li {
  display: inline-block;
  float: none;
}
#content .tabs.alt a,
#content .fake-tabs.alt a {
  border-color: #b2e4f8;
  text-decoration: none;
  color: #157cc2;
  background-color: transparent;
  background-image: none;
}
#content .tabs.alt a:hover,
#content .fake-tabs.alt a:hover,
#content .tabs.alt a:focus,
#content .fake-tabs.alt a:focus {
  text-decoration: underline;
}
#content .tabs.alt a span,
#content .fake-tabs.alt a span {
  padding: 0 20px;
  font-size: 1em;
  line-height: 1.66667em;
}
#content .tabs.alt a.active,
#content .fake-tabs.alt a.active {
  color: #FFF;
}
#content .tabs.alt a.active span,
#content .fake-tabs.alt a.active span {
  background-color: transparent !important;
}
#content .tabs.alt a.active:after,
#content .fake-tabs.alt a.active:after {
  content: none;
}
#content .tabs .tabs--dashboard a,
#content .fake-tabs .tabs--dashboard a {
  font-weight: bold;
  color: #459BD5;
}
#content .tabs li,
#content .fake-tabs li {
  white-space: normal;
}
#content .tabs li:first-child a,
#content .fake-tabs li:first-child a,
#content .tabs li:first-child .a,
#content .fake-tabs li:first-child .a {
  border-left: 0;
}
#content .tabs.small span,
#content .fake-tabs.small span {
  padding-top: 0.90909em;
  padding-right: 10px;
  padding-bottom: 0.90909em;
  padding-left: 10px;
  font-size: 0.91667em;
  line-height: 1.36364em;
}
#content .tabs.small .br,
#content .fake-tabs.small .br {
  padding: 0;
}
#content .tabs.check span,
#content .fake-tabs.check span {
  padding-right: 80px;
  background-position: 100% 50%;
  background-repeat: no-repeat;
}
#content .tabs.check img,
#content .fake-tabs.check img {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -10px;
}
.ie8 #content .tabs a.active:after,
.ie8 #content .tabs .a.active:after {
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.index .tabs a.active:after,
.cookies .tabs a.active:after,
.align-left .tabs a.active:after,
.index .fake-tabs a.active:after,
.cookies .fake-tabs a.active:after,
.align-left .fake-tabs a.active:after,
.index .tabs .a.active:after,
.cookies .tabs .a.active:after,
.align-left .tabs .a.active:after,
.index .fake-tabs .a.active:after,
.cookies .fake-tabs .a.active:after,
.align-left .fake-tabs .a.active:after {
  left: 20px;
  margin-left: 0;
}
.page404 #content .tabs,
#content.fiche-detaillee .tabs,
#content.fiche-recette .tabs,
.page404 #content .fake-tabs,
#content.fiche-detaillee .fake-tabs,
#content.fiche-recette .fake-tabs {
  margin-bottom: 1.66667em;
}
.page404 #content .tabs a.active:after,
#content.fiche-detaillee .tabs a.active:after,
#content.fiche-recette .tabs a.active:after,
.page404 #content .fake-tabs a.active:after,
#content.fiche-detaillee .fake-tabs a.active:after,
#content.fiche-recette .fake-tabs a.active:after,
.page404 #content .tabs .a.active:after,
#content.fiche-detaillee .tabs .a.active:after,
#content.fiche-recette .tabs .a.active:after,
.page404 #content .fake-tabs .a.active:after,
#content.fiche-detaillee .fake-tabs .a.active:after,
#content.fiche-recette .fake-tabs .a.active:after {
  left: 20px;
  margin-left: 0;
}
#content.carte-u .fake-tabs {
  position: relative;
  padding: 24px 20px;
  background-color: #1573aa;
}
#content.carte-u .fake-tabs div:after {
  content: '';
  z-index: 1;
  position: absolute;
  top: 100%;
  left: 22px;
  width: 0;
  height: 0;
  border: 12.5px solid transparent;
  border-top-color: #1573aa;
}
#content.carte-u .fake-tabs h2 {
  display: inline;
  font-size: 1em;
  font-weight: bold;
  color: #fff;
}
#content.carte-u .fake-tabs a {
  border: 0 none;
  text-decoration: underline;
  text-transform: none;
}
#content.carte-u .fake-tabs a:hover {
  text-decoration: none;
}
#content.carte-u .fake-tabs a,
#content.carte-u .fake-tabs .lmore {
  float: right;
  padding-right: 18px;
  font-family: Arial, sans-serif;
  color: #fff;
}
.ie8 #content.carte-u .fake-tabs div:after {
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.js #content .tab {
  display: none;
}
#content .tab {
  *zoom: 1;
}
#content .tab:after {
  content: "";
  display: table;
  clear: both;
}
#content .tab.active {
  display: block;
}
#content .tab.active .flexslider.products .flex-control-nav button.flex-active {
  background-color: rgba(0, 0, 0, 0.2);
}
#content .tab .main-inside {
  padding-top: 2.5em;
}
@media screen and (max-width: 479px) {
  #content .tab > .bloc > .bloc-inside {
    padding-left: 0;
    padding-right: 0;
  }
}
/* ---------------------------------------------------------- */
/* Onglets en accordéon pour mobile XS SM
* et fiche magasin
* et relevé avantages "Mon espace U" */
/* ---------------------------------------------------------- */
#content .fake-tabs.accordeon-onglet {
  margin-bottom: 1px !important;
}
#content .fake-tabs.accordeon-onglet .accordeon-link {
  cursor: pointer !important;
}
#content .fake-tabs.accordeon-onglet .accordeon-link.open:after {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
#content .fake-tabs.accordeon-onglet .accordeon-link:not(.open):after {
  display: none;
}
#content .fake-tabs.accordeon-onglet .accordeon-link > span {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
}
@media screen and (max-width: 767px) {
  #content .group-accordeon-tab:last-child {
    margin-bottom: 0.83333em;
  }
  #content .group-accordeon-tab:last-child .bloc {
    margin-bottom: 0;
  }
}
/* Accordéons fiche magasin et mon espace U */
#page.magasin .encart-dans-magasin .fake-tabs,
#content .bloc-releve-avantages-carte-u .fake-tabs,
#content .bloc-etickets .fake-tabs,
#content .accordeon-liste-courses .fake-tabs,
#content .group-accordeon .fake-tabs {
  margin-bottom: 0 !important;
}
#page.magasin .encart-dans-magasin .fake-tabs .accordeon-link > span:first-child,
#content .bloc-releve-avantages-carte-u .fake-tabs .accordeon-link > span:first-child,
#content .bloc-etickets .fake-tabs .accordeon-link > span:first-child,
#content .accordeon-liste-courses .fake-tabs .accordeon-link > span:first-child,
#content .group-accordeon .fake-tabs .accordeon-link > span:first-child {
  background-color: #71a9c6;
  text-align: left;
  padding-left: 40px;
  padding-right: 50px;
  font-size: 1.1em;
  position: relative;
}
#page.magasin .encart-dans-magasin .fake-tabs .accordeon-link > span:first-child:after,
#content .bloc-releve-avantages-carte-u .fake-tabs .accordeon-link > span:first-child:after,
#content .bloc-etickets .fake-tabs .accordeon-link > span:first-child:after,
#content .accordeon-liste-courses .fake-tabs .accordeon-link > span:first-child:after,
#content .group-accordeon .fake-tabs .accordeon-link > span:first-child:after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  right: 40px;
  top: 18px;
  background-position: -154px -430px;
}
#page.magasin .encart-dans-magasin .fake-tabs .accordeon-link.open > span:first-child,
#content .bloc-releve-avantages-carte-u .fake-tabs .accordeon-link.open > span:first-child,
#content .bloc-etickets .fake-tabs .accordeon-link.open > span:first-child,
#content .accordeon-liste-courses .fake-tabs .accordeon-link.open > span:first-child,
#content .group-accordeon .fake-tabs .accordeon-link.open > span:first-child {
  background-color: #007BA4;
}
#page.magasin .encart-dans-magasin .fake-tabs .accordeon-link.open > span:first-child:after,
#content .bloc-releve-avantages-carte-u .fake-tabs .accordeon-link.open > span:first-child:after,
#content .bloc-etickets .fake-tabs .accordeon-link.open > span:first-child:after,
#content .accordeon-liste-courses .fake-tabs .accordeon-link.open > span:first-child:after,
#content .group-accordeon .fake-tabs .accordeon-link.open > span:first-child:after {
  background-position: -201px -430px;
}
#page.magasin .encart-dans-magasin .fake-tabs .accordeon-link.active:after,
#content .bloc-releve-avantages-carte-u .fake-tabs .accordeon-link.active:after,
#content .bloc-etickets .fake-tabs .accordeon-link.active:after,
#content .accordeon-liste-courses .fake-tabs .accordeon-link.active:after,
#content .group-accordeon .fake-tabs .accordeon-link.active:after {
  left: 43px;
  margin-left: inherit;
  margin-right: inherit;
}
#page.magasin .encart-dans-magasin .tab .bloc,
#content .bloc-releve-avantages-carte-u .tab .bloc,
#content .bloc-etickets .tab .bloc,
#content .accordeon-liste-courses .tab .bloc,
#content .group-accordeon .tab .bloc {
  margin-bottom: 0;
}
.pager .tabs a {
  background-color: #fff;
}
.pager .tabs a.active + ul .flex-active-slide button {
  background-color: rgba(0, 0, 0, 0.2);
}
.pager .col ul {
  z-index: 2;
  position: absolute;
  top: 50%;
  right: 10px;
  margin: 0;
  margin-top: -10px;
  padding: 0;
}
.pager .col ul li {
  margin-left: 5px;
  opacity: 1 !important;
}
.pager .col ul li button {
  display: block;
  width: 14px;
  height: 1.66667em;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 7px;
  text-align: center;
  text-decoration: none;
  font-family: "proxima", sans-serif;
  line-height: 1.66667em;
  color: #c6c6c6;
  background-color: transparent;
}
.pager .col ul li button:hover,
.pager .col ul li button:focus {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
/* ---------------------------------------------------------- */
/* FAQ */
/* ---------------------------------------------------------- */
#content.faq .h1 {
  color: #007ba4;
}
#content.faq .main {
  border-top: 0;
}
#content.faq .fake-tabs h2 {
  font-size: 1.333em;
}
#content.faq .faq-list .faq-item.faq-2cols h3 + div {
  padding: 0 !important;
}
#content.faq .faq-list .img-container,
#content.faq .faq-list .video-container {
  margin: 20px 0;
}
#content.faq .bloc-image {
  margin-bottom: 0.83333em;
}
.titreFaqAccordeon {
  color: #1573aa;
}
.titreFaqGroupAccordeon {
  font-size: 1.333em;
  font-weight: bold;
  color: #FFFFFF;
}
.faqGroupAccordeon {
  border-color: #1573aa transparent transparent;
  color: #fff;
  background-color: #1573aa;
  padding: 24px 20px;
  position: relative;
  clear: both;
  font-size: 1em;
  line-height: 1.66667em;
  margin-bottom: 1.66667em;
}
.faqGroupAccordeon div:after {
  content: '';
  z-index: 1;
  position: absolute;
  top: 100%;
  left: 22px;
  width: 0;
  height: 0;
  border: 12.5px solid transparent;
  border-top-color: #1573aa;
}
#content .faq-list .carte .faqGroupAccordeon {
  background-color: #e9456f;
  border-color: #e9456f transparent transparent;
}
#content .faq-list .carte .faqGroupAccordeon div:after {
  border-color: #e9456f transparent transparent;
}
#content .faq-list .carte .faq-item h3,
#content .faq-list .carte .faq-item .h3 {
  color: #e9456f;
}
#content .faq-list .acheter .faqGroupAccordeon {
  background-color: #00828c;
  border-color: #00828c transparent transparent;
}
#content .faq-list .acheter .faqGroupAccordeon div:after {
  border-color: #00828c transparent transparent;
}
#content .faq-list .acheter .faq-item h3,
#content .faq-list .acheter .faq-item .h3 {
  color: #00828c;
}
#content .faq-list .groupe .faqGroupAccordeon {
  background-color: #007ba4;
  border-color: #007ba4 transparent transparent;
}
#content .faq-list .groupe .faqGroupAccordeon div:after {
  border-color: #007ba4 transparent transparent;
}
#content .faq-list .groupe .faq-item h3,
#content .faq-list .groupe .faq-item .h3 {
  color: #007ba4;
}
#content .faq-list .magasins .faqGroupAccordeon {
  background-color: #007ba4;
  border-color: #007ba4 transparent transparent;
}
#content .faq-list .magasins .faqGroupAccordeon div:after {
  border-color: #007ba4 transparent transparent;
}
#content .faq-list .magasins .faq-item h3,
#content .faq-list .magasins .faq-item .h3 {
  color: #007ba4;
}
#content .faq-list .produits .faqGroupAccordeon {
  background-color: #1cb184;
  border-color: #1cb184 transparent transparent;
}
#content .faq-list .produits .faqGroupAccordeon div:after {
  border-color: #1cb184 transparent transparent;
}
#content .faq-list .produits .faq-item h3,
#content .faq-list .produits .faq-item .h3 {
  color: #1cb184;
}
#content .faq-list .promotions .faqGroupAccordeon {
  background-color: #e31006;
  border-color: #e31006 transparent transparent;
}
#content .faq-list .promotions .faqGroupAccordeon div:after {
  border-color: #e31006 transparent transparent;
}
#content .faq-list .promotions .faq-item h3,
#content .faq-list .promotions .faq-item .h3 {
  color: #e31006;
}
#content .faq-list .recrutement .faqGroupAccordeon {
  background-color: #f95015;
  border-color: #f95015 transparent transparent;
}
#content .faq-list .recrutement .faqGroupAccordeon div:after {
  border-color: #f95015 transparent transparent;
}
#content .faq-list .recrutement .faq-item h3,
#content .faq-list .recrutement .faq-item .h3 {
  color: #f95015;
}
#content .faq-list .faq-item {
  *zoom: 1;
}
@media screen and (min-width: 768px) {
  #content .faq-list .faq-item {
    padding: 0px 24px;
  }
}
#content .faq-list .faq-item:after {
  content: "";
  display: table;
  clear: both;
}
#content .faq-list .faq-item h3[data-accordion] {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 0;
  padding-bottom: 24px;
  cursor: pointer;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 35px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #content .faq-list .faq-item h3[data-accordion] {
    padding-left: 10px;
  }
}
#content .faq-list .faq-item h3[data-accordion]:after {
  content: "";
  position: absolute;
  right: 0;
  top: 12px;
  width: 26px;
  height: 26px;
  background-position: -240px -430px;
  transition: background-position 0.3s ease-out;
}
@media screen and (max-width: 767px) {
  #content .faq-list .faq-item h3[data-accordion]:after {
    right: 10px;
  }
}
#content .faq-list .faq-item.collapsed h3[data-accordion]:after {
  background-position: -240px -459px;
}
#content .faq-list .faq-item.collapsed + .faq-item {
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  #content .faq-list .faq-item .content-faq-accordeon {
    margin-top: 18px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  #content .faq-list .faq-item .content-faq-accordeon {
    border-bottom: 1px solid #e0e0e0;
  }
}
#content .faq-list .faq-item .intro {
  margin-bottom: 8px;
  text-transform: uppercase;
  font-family: "proxima", sans-serif;
  font-weight: bold;
  line-height: 1.3;
}
#content .faq-list .faq-item .intro strong {
  display: block;
  text-transform: uppercase;
  font-size: 2em;
}
#content .faq-list .faq-item p {
  margin: 0;
}
#content .faq-list .faq-item p em {
  font-size: 1.08333em;
  font-style: normal;
  font-weight: bold;
}
#content .faq-list .faq-item p + .intro {
  margin-top: 2.83333em;
}
#content .faq-list .faq-item p.cta {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
#content .faq-list .faq-item ul {
  padding: 0;
}
#content .faq-list .faq-item ul li {
  display: list-item;
  list-style: none none disc;
}
#content .faq-list .faq-item ul p {
  display: inline;
  color: #555;
}
#content .faq-list .faq-item ol {
  margin: 0;
  padding: 0;
}
#content .faq-list .faq-item ol li {
  display: block;
  margin-top: 2.83333em;
}
#content .faq-list .faq-item ol ul li {
  margin-top: 0.5em;
}
/* ---------------------------------------------------------- */
/* Cookies */
/* ---------------------------------------------------------- */
#cookies {
  z-index: 1150;
  position: relative;
  color: #007ba4;
  background-color: #e3f0ff;
  margin-top: -1px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #cookies {
    padding: 0 10px 10px;
  }
}
@media screen and (max-width: 959px) {
  #cookies {
    position: fixed;
    bottom: 0;
    margin: 0;
  }
}
#cookies p {
  margin-bottom: 0.83333em;
  padding-top: 0.83333em;
  padding-right: 120px;
}
@media screen and (max-width: 767px) {
  #cookies p {
    padding-right: 0;
  }
}
#cookies a {
  color: #007ba4;
}
#cookies .close {
  top: 5px;
  right: 20px;
}
@media screen and (max-width: 767px) {
  #cookies .close {
    display: block;
    margin: 0 auto;
    position: relative;
    right: auto;
    top: auto;
  }
}
/* ---------------------------------------------------------- */
/* Partage Facebook / Twitter / mail */
/* ---------------------------------------------------------- */
.sharing {
  margin: 0;
  margin-bottom: 1.66667em;
  padding: 0;
  border: 0;
  float: right;
  *zoom: 1;
}
@media screen and (max-width: 767px) {
  .sharing {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    float: none;
  }
}
.sharing:after {
  content: "";
  display: table;
  clear: both;
}
.sharing li {
  float: left;
  margin-left: 10px;
  padding-right: 0;
  padding-left: 0;
  white-space: normal;
  list-style-image: none;
  list-style-type: none;
}
.sharing li:first-child {
  padding-left: 0;
}
.sharing li:last-child,
.sharing li.last {
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  .sharing li {
    margin: 0 15px;
    float: none;
    display: inline-block;
  }
}
.sharing .sharing-facebook,
.sharing .sharing-twitter,
.sharing .sharing-mail {
  display: block;
  position: relative;
  width: 28px;
  height: 28px;
}
.sharing .sharing-facebook:before,
.sharing .sharing-twitter:before,
.sharing .sharing-mail:before,
.sharing .sharing-facebook:after,
.sharing .sharing-twitter:after,
.sharing .sharing-mail:after {
  content: "";
  display: block;
  position: absolute;
}
.sharing .sharing-facebook:before,
.sharing .sharing-twitter:before,
.sharing .sharing-mail:before {
  background: url("../img/bg/sprite-sharing.png") no-repeat;
  width: 28px;
  height: 28px;
  z-index: 1;
  top: 0;
  left: 0;
}
.sharing .sharing-facebook:after,
.sharing .sharing-twitter:after,
.sharing .sharing-mail:after {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  z-index: 0;
  top: 1px;
  left: 1px;
}
.sharing .sharing-facebook:before {
  background-position: 0 -122px;
}
.sharing .sharing-facebook:hover:before,
.sharing .sharing-facebook:focus:before {
  background-position: 0 -170px;
}
.sharing .sharing-twitter:before {
  background-position: -74px -122px;
}
.sharing .sharing-twitter:hover:before,
.sharing .sharing-twitter:focus:before {
  background-position: -74px -170px;
}
.sharing .sharing-mail:before {
  background-position: -148px -122px;
}
.sharing .sharing-mail:hover:before,
.sharing .sharing-mail:focus:before {
  background-position: -148px -170px;
}
/* Changement de couleur des pictos selon le thème */
.acheter .sharing a:after {
  background-color: #00828c;
}
.carte .sharing a:after {
  background-color: #e9456f;
}
.groupe .sharing a:after,
.magasins .sharing a:after {
  background-color: #007ba4;
}
.produits .sharing a:after,
.marque .sharing a:after {
  background-color: #1cb184;
}
.promotions .sharing a:after {
  background-color: #e31006;
}
.recrutement .sharing a:after {
  background-color: #F95015;
}
/* Partage pour la fiche produit détaillée */
@media screen and (min-width: 768px) {
  #content.fiche-detaillee .bloc-fiche-produit .sharing {
    position: absolute;
    top: 10px;
    right: 10px;
  }
}
@media screen and (max-width: 767px) {
  #content.fiche-detaillee .bloc-fiche-produit .sharing li {
    width: 55px;
    height: 55px;
  }
}
@media screen and (max-width: 767px) {
  #content.fiche-detaillee .bloc-fiche-produit .sharing .sharing-facebook:before,
  #content.fiche-detaillee .bloc-fiche-produit .sharing .sharing-twitter:before,
  #content.fiche-detaillee .bloc-fiche-produit .sharing .sharing-mail:before {
    width: 55px;
    height: 55px;
  }
  #content.fiche-detaillee .bloc-fiche-produit .sharing .sharing-facebook:after,
  #content.fiche-detaillee .bloc-fiche-produit .sharing .sharing-twitter:after,
  #content.fiche-detaillee .bloc-fiche-produit .sharing .sharing-mail:after {
    width: 53px;
    height: 53px;
  }
}
#content.fiche-detaillee .bloc-fiche-produit .sharing .sharing-facebook:before {
  background-position: 0 -74px;
}
@media screen and (max-width: 767px) {
  #content.fiche-detaillee .bloc-fiche-produit .sharing .sharing-facebook:before {
    background-position: 0 0;
  }
}
@media screen and (min-width: 768px) {
  #content.fiche-detaillee .bloc-fiche-produit .sharing .sharing-facebook:hover:before,
  #content.fiche-detaillee .bloc-fiche-produit .sharing .sharing-facebook:focus:before {
    background-position: 0 -122px;
  }
  #content.fiche-detaillee .bloc-fiche-produit .sharing .sharing-facebook:hover:after,
  #content.fiche-detaillee .bloc-fiche-produit .sharing .sharing-facebook:focus:after {
    background-color: #125c9b;
  }
}
#content.fiche-detaillee .bloc-fiche-produit .sharing .sharing-twitter:before {
  background-position: -74px -74px;
}
@media screen and (max-width: 767px) {
  #content.fiche-detaillee .bloc-fiche-produit .sharing .sharing-twitter:before {
    background-position: -74px 0;
  }
}
@media screen and (min-width: 768px) {
  #content.fiche-detaillee .bloc-fiche-produit .sharing .sharing-twitter:hover:before,
  #content.fiche-detaillee .bloc-fiche-produit .sharing .sharing-twitter:focus:before {
    background-position: -74px -122px;
  }
  #content.fiche-detaillee .bloc-fiche-produit .sharing .sharing-twitter:hover:after,
  #content.fiche-detaillee .bloc-fiche-produit .sharing .sharing-twitter:focus:after {
    background-color: #22ccfd;
  }
}
#content.fiche-detaillee .bloc-fiche-produit .sharing .sharing-mail:before {
  background-position: -148px -74px;
}
@media screen and (max-width: 767px) {
  #content.fiche-detaillee .bloc-fiche-produit .sharing .sharing-mail:before {
    background-position: -148px 0;
  }
}
@media screen and (min-width: 768px) {
  #content.fiche-detaillee .bloc-fiche-produit .sharing .sharing-mail:hover:before,
  #content.fiche-detaillee .bloc-fiche-produit .sharing .sharing-mail:focus:before {
    background-position: -148px -122px;
  }
  #content.fiche-detaillee .bloc-fiche-produit .sharing .sharing-mail:hover:after,
  #content.fiche-detaillee .bloc-fiche-produit .sharing .sharing-mail:focus:after {
    background-color: #6b3f95;
  }
}
/* ---------------------------------------------------------- */
/* Pagination des pages catalogues produits */
/* ---------------------------------------------------------- */
.pagination-catalogue {
  margin: 15px 0 10px;
  text-align: center;
}
.pagination-catalogue ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}
.pagination-catalogue li {
  float: left;
  margin-right: 7px;
}
@media screen and (max-width: 767px) {
  .pagination-catalogue li {
    margin: 0 12px;
  }
}
.pagination-catalogue .bt-pagination {
  background-color: #F9F9F9;
  border: 1px solid #E0E0E0;
  color: #e3001b;
  font-family: "proxima", sans-serif;
  display: block;
  padding: 5px 10px;
  font-weight: bold;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .pagination-catalogue .bt-pagination {
    font-size: 1.3em;
    padding: 10px 20px;
  }
}
.pagination-catalogue a.bt-pagination:hover,
.pagination-catalogue a.bt-pagination:focus {
  background-color: #e3e3e3;
  border-color: #e3e3e3;
}
.pagination-catalogue .active {
  background-color: #DEDEDE;
  border-color: #E0E0E0;
}
.pagination-catalogue .bt-prev,
.pagination-catalogue .bt-next {
  position: relative;
}
.pagination-catalogue .bt-prev:before,
.pagination-catalogue .bt-next:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  /* poussé de la moitié de hauteur du référent */
  -webkit-transform: translateY(-50%);
  /* tiré de la moitié de sa propre hauteur */
  -ms-transform: translateY(-50%);
  /* tiré de la moitié de sa propre hauteur */
  transform: translateY(-50%);
  /* tiré de la moitié de sa propre hauteur */
  right: 0;
}
.pagination-catalogue .bt-prev {
  padding-left: 22px;
}
.pagination-catalogue .bt-prev:before {
  background-position: -100px -244px;
  left: 0;
}
.pagination-catalogue .bt-next {
  padding-right: 22px;
}
.pagination-catalogue .bt-next:after {
  background-position: 0 -244px;
}
.pagination-catalogue .more-pages {
  line-height: 32px;
  display: block;
}
/* ---------------------------------------------------------- */
/* Sidebar dans les pages "Mon Espace U" et les pages confirmation inscription etc. (carte U) */
/* ---------------------------------------------------------- */
#content div.sidebar .img {
  margin-bottom: 0.83333em;
}
#content div.sidebar .img + .txt {
  width: auto;
}
#content div.sidebar h2 {
  display: table-cell;
  width: 70px;
  height: 11.53846em;
  margin-bottom: 0.76923em;
  padding-right: 35px;
  padding-left: 45px;
  text-align: center;
  font-size: 1.08333em;
  font-weight: normal;
  line-height: 1.53846em;
  vertical-align: middle;
  background-position: 100% 0;
  background-repeat: no-repeat;
}
#content div.sidebar h2 span {
  display: inline-block;
  background-color: transparent !important;
}
#content div.sidebar .avantages {
  position: static;
  top: auto;
  margin-top: 0;
  margin-right: 10px;
  margin-left: 10px;
  padding-left: 0;
  border-bottom: 0;
  list-style-type: none;
}
#content div.sidebar .avantages div {
  margin-bottom: 0;
  padding-left: 70px;
  min-height: 5em;
  font-size: 1em;
  line-height: 1.25em;
  background-repeat: no-repeat;
  *height: 5em;
}
/* ---------------------------------------------------------- */
/* Sidebar verte (exemple : formulaire de réclamation) */
/* ---------------------------------------------------------- */
#content .sidebar-bis {
  background-color: #00828c;
  border-top-color: #00828c;
  color: #FFFFFF;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
#content .sidebar-bis .title-bubble {
  background-image: url("../img/bg/bulle-sidebar-bis.png");
  background-position: 30px 11px;
  font-weight: bold;
  width: 175px;
}
#content .sidebar-bis .liste-infos-logo-texte {
  margin-top: 10px !important;
}
#content .sidebar-bis .liste-infos-logo-texte li {
  margin-bottom: 20px;
}
#content .sidebar-bis .liste-infos-logo-texte .infos-logo,
#content .sidebar-bis .liste-infos-logo-texte .infos-texte {
  float: left;
  padding: 0;
}
#content .sidebar-bis .liste-infos-logo-texte .infos-logo {
  width: 25%;
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  #content .sidebar-bis .liste-infos-logo-texte .infos-logo {
    width: 10%;
  }
}
@media screen and (max-width: 479px) {
  #content .sidebar-bis .liste-infos-logo-texte .infos-logo {
    width: 20%;
  }
}
#content .sidebar-bis .liste-infos-logo-texte .infos-logo img {
  float: right;
}
#content .sidebar-bis .liste-infos-logo-texte .infos-texte {
  width: 75%;
  font-weight: bold;
  padding-left: 10px;
  margin-top: 5px;
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  #content .sidebar-bis .liste-infos-logo-texte .infos-texte {
    width: 90%;
  }
}
@media screen and (max-width: 479px) {
  #content .sidebar-bis .liste-infos-logo-texte .infos-texte {
    width: 80%;
  }
}
@media screen and (min-width: 768px) {
  #content.reclamation-form .bloc-form-choix-magasin {
    min-height: 215px;
  }
}
@media screen and (min-width: 768px) {
  #content.reclamation-form .sidebar-bis {
    margin-top: 735px;
  }
}
/* ---------------------------------------------------------- */
/* Code PIN */
/* ---------------------------------------------------------- */
#content {
  /* Croix rouge dans la popin de validation par code pin (don ACF) */
}
#content #bloc-monespaceu .bloc-espace-code-pin h2,
#content #bloc-monespaceu .bloc-espace-code-pin .legend-pin {
  font-weight: bold;
  color: #459bd5;
}
#content #bloc-monespaceu .bloc-espace-code-pin h2 {
  text-transform: none;
  font-size: 1.5em;
}
#content #bloc-monespaceu .bloc-espace-code-pin .fieldset-pin {
  margin-bottom: 40px;
}
#content #bloc-monespaceu .bloc-espace-code-pin .legend-pin {
  font-size: 1.4em;
  font-family: "proxima", sans-serif;
}
#content #bloc-monespaceu .bloc-espace-code-pin .submit-pin {
  line-height: 1.5;
  padding: 8px 40px 8px 10px;
  margin-top: 20px;
  border: 0 none;
  width: auto;
}
@media screen and (max-width: 767px) {
  #content #bloc-monespaceu .bloc-espace-code-pin .submit-pin {
    width: 100%;
  }
}
#content .label-pin {
  display: inline-block;
  margin-right: 7px;
}
#content .input-pin {
  width: 32px;
  height: 45px;
  border: 1px solid #459bd5;
  color: #459bd5;
  text-align: center;
}
@media screen and (max-width: 479px) {
  #content .input-pin {
    margin-top: 20px;
    width: 45px;
    height: 60px;
    font-size: 1.5em;
  }
}
#content .error .input-pin {
  border-color: #e3001b;
}
#content .error-pin-img {
  display: inline-block;
  vertical-align: -80%;
}
@media screen and (max-width: 767px) {
  #content .error-pin-img {
    display: none;
  }
}
#content .erreur-pin-rouge {
  color: #e3031b;
  margin-top: 10px;
  margin-bottom: 10px;
}
.red-border {
  border-color: #e3001b !important;
}
/* ---------------------------------------------------------- */
/* Infobulle */
/* ---------------------------------------------------------- */
.bt-infobulle {
  background-color: transparent;
  border: 0 none;
  color: #0977cc;
  text-decoration: underline;
  width: auto;
  padding: 0;
  text-align: left;
}
.content-infobulle {
  background-color: #f1f1f1;
  padding: 10px;
  position: relative;
  color: #6d6d6d;
  margin-top: 10px;
}
.content-infobulle:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f1f1f1;
  position: absolute;
  top: -10px;
  left: 10px;
}
@media screen and (min-width: 768px) {
  .content-infobulle.infobulle-erreur {
    margin-top: -45px;
    min-height: 80px;
    display: inline-block;
    margin-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .content-infobulle.infobulle-erreur {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  .content-infobulle.infobulle-erreur:before {
    border-left: 0 solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #f1f1f1;
    left: -10px;
    top: 28px;
  }
}
@media screen and (max-width: 767px) {
  .content-infobulle.infobulle-erreur:before {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
.infobulle-clic {
  position: relative;
}
@media screen and (min-width: 768px) {
  .infobulle-clic .content-infobulle {
    z-index: 2;
  }
}
@media screen and (min-width: 768px) {
  .erreur-conteneur img {
    display: inline-block !important;
    margin-left: -20px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .erreur-conteneur img {
    display: none !important;
  }
}
/* ---------------------------------------------------------- */
/* Point vert pour magasin ouvert */
/* ---------------------------------------------------------- */
.point-magasin-ouvert:before,
.point-magasin-ferme:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  margin-right: 10px;
}
.point-magasin-ouvert:before {
  background-color: #28a45c;
}
.point-magasin-ferme:before {
  background-color: #e71b34;
}
/* Pour affichage dans bloc bienvenue sur fiche magasin */
.msg-bienvenue-fiche .point-magasin-ouvert:before,
.msg-bienvenue-fiche .point-magasin-ferme:before {
  position: absolute;
  left: 15px;
  top: 6px;
}
@media screen and (max-width: 767px) {
  .msg-bienvenue-fiche .horaires-jour-fiche .point-magasin-ouvert,
  .msg-bienvenue-fiche .horaires-jour-fiche .point-magasin-ferme {
    display: inline-block !important;
  }
  .msg-bienvenue-fiche .horaires-jour-fiche .point-magasin-ouvert:before,
  .msg-bienvenue-fiche .horaires-jour-fiche .point-magasin-ferme:before {
    position: relative;
    top: auto;
    left: auto;
    vertical-align: 10%;
    margin-right: 5px;
  }
}
/* Pour affichage dans le header */
#monmagasinu .point-magasin-ouvert:before,
#monmagasinu .point-magasin-ferme:before {
  width: 11px;
  height: 11px;
  margin-left: 5px;
}
/**
* Partie 2 du CSS dans styles2.less
*/