/* David Mathieu 27-10-2015 */
/*
	Mobile First, avec media queries par section
	Border-box
*/

/*--------------------------------------------------------------------------------------- */
/* Polices locales via font-face */
/*--------------------------------------------------------------------------------------- */

@font-face {
  font-family: "brandon_grotesque_regularRg";
  src: url("../font/brandon_reg-webfont.woff2") format("woff2"),
    url("../font/brandon_reg-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "merriweatherregular";
  src: url("../font/merriweather-regular-webfont.woff2") format("woff2"),
    url("../font/merriweather-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "guifx";
  src: url("../font/guifx_v2_transports-webfont.eot");
  src: url("../font/guifx_v2_transports-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../font/guifx_v2_transports-webfont.woff2") format("woff2"),
    url("../font/guifx_v2_transports-webfont.woff") format("woff"),
    url("../font/guifx_v2_transports-webfont.ttf") format("truetype"),
    url("../font/guifx_v2_transports-webfont.svg#guifx_v2_transportsregular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "droid_serifbold";
  src: url("../font/droidserif-bold-webfont.woff2") format("woff2"),
    url("../font/droidserif-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "tex_gyre_scholabold";
  src: url("../font/texgyreschola-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "decosurface-marchand";
  src: url("../font/icomoon/decosurface-marchand.eot?6px1rr");
  src: url("../font/icomoon/decosurface-marchand.eot?6px1rr#iefix")
      format("embedded-opentype"),
    url("../font/icomoon/decosurface-marchand.ttf?6px1rr") format("truetype"),
    url("../font/icomoon/decosurface-marchand.woff?6px1rr") format("woff"),
    url("../font/icomoon/decosurface-marchand.svg?6px1rr#decosurface-marchand")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "decosurface-marchand" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*.icon-wall-clock:before {content: "\e900";}
	.icon-arrownext:before {content: "\e901";}
	.icon-arrowprevious:before {content: "\e902";}
	.icon-burger:before {content: "\e903";}
	.icon-burgerclose:before {content: "\e904";}
	.icon-call-answer:before {content: "\e905";}
	.icon-facebook:before {content: "\e906";float:right; width: auto;}
	.icon-fax:before {content: "\e907"; font-size: 18px;}
	.icon-houzz:before {content: "\e908"; color: #fff;}
	.icon-instagram:before {content: "\e909";}
	.icon-linkedin:before {content: "\e919";}
	.icon-mail:before {content: "\e91a";}
	.icon-map-marker:before {content: "\e91b";}
	.icon-pin:before {content: "\e951";}
	.icon-pinterest:before {content: "\e952";}
	.icon-twitter:before {content: "\e953";}
	.icon-youtube:before {content: "\e90a"; font-size: 22px; vertical-align: -3px;}*/

.icon-wall-clock:before {
  content: "\e906";
}
.icon-arrownext:before {
  content: "\e907";
}
.icon-arrowprevious:before {
  content: "\e908";
}
.icon-burger:before {
  content: "\e909";
}
.icon-burgerclose:before {
  content: "\e90a";
}
.icon-call-answer:before {
  content: "\e90b";
}
.icon-facebook:before {
  content: "\e90c";
}
.icon-fax:before {
  content: "\e90d";
  font-size: 18px;
}
.icon-houzz:before {
  content: "\e90e";
  color: #fff;
}
.icon-instagram:before {
  content: "\e90f";
}
.icon-linkedin:before {
  content: "\e919";
}
.icon-mail:before {
  content: "\e91a";
}
.icon-map-marker:before {
  content: "\e91b";
}
.icon-pin:before {
  content: "\e951";
}
.icon-pinterest:before {
  content: "\e952";
}
.icon-twitter:before {
  content: "\e953";
}
.icon-youtube:before {
  content: "\e910";
  font-size: 22px;
  vertical-align: -3px;
}

.icon-bien-etre:before {
  content: "\e900";
}
.icon-calendar:before {
  content: "\e901";
}
.icon-confort:before {
  content: "\e902";
}
.icon-location:before {
  content: "\e903";
}
.icon-passion:before {
  content: "\e904";
}
.icon-security:before {
  content: "\e905";
}

/*--------------------------------------------------------------------------------------- */
/* Style Reset - Normalize */
/*--------------------------------------------------------------------------------------- */
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
picture,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
picture,
main,
nav,
section,
summary,
iframe {
  display: block;
}
address,
caption,
cite,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: 400;
}
caption,
th {
  text-align: left;
}
a:active,
embed,
object {
  outline: 0;
}
audio,
canvas,
video {
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
button,
html,
input,
select,
textarea {
  font-family: sans-serif;
}
body {
  margin: 0;
}
a:focus,
button:focus {
  outline: thin dotted;
}
abbr[title] {
  border: 0;
  text-decoration: none;
}
b,
strong {
  font-family: "Open Sans";
  color: #1b1b1c;
  font-weight: 700;
}
dfn {
  font-style: italic;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display: block;
  height: 0;
  padding: 0;
  border: 0;
}
mark {
  background: #ff0;
  color: #000;
}
p,
pre {
  margin: 0 0 1em;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:after,
q:before {
  content: "";
  content: none;
}
small {
  font-size: 100%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
nav ol,
nav ul {
  list-style: none;
  list-style-image: none;
  margin: 0;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
figure,
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  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 {
  padding: 0;
  border: 0 none;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
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;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  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 {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*--------------------------------------------------------------------------------------- */
/* Styles generaux */
/*--------------------------------------------------------------------------------------- */

/* - - - - - Box-model - - - - - */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

td,
th {
  vertical-align: top;
}
hr {
  margin: 1em 0;
  border-top: 1px solid #ccc;
}
img {
  display: block;
  vertical-align: middle;
}
blockquote {
  margin: 2em 0;
  font-style: italic;
  border-left: 2px solid #ccc;
  padding-left: 1em;
}
blockquote p {
  margin-bottom: 0.5em;
}
cite {
  font-weight: bold;
}
q {
  font-style: italic;
}

/* Methode de clear float */
.clear {
  clear: both;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.ie8 .clearfix {
  zoom: 1;
}

/* Cacher pour les lecteurs d'ecrans et navigateurs */
.hidden,
.champCache {
  display: none !important;
  visibility: hidden;
}

/* Passe la navigation, pour screen reader */
.passeNav {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Correction pour AddThis */
#_atssh {
  top: 0;
}
.atm-f {
  height: auto !important;
}

span.skype_pnh_container {
  display: none !important;
}
span.skype_pnh_print_container {
  display: inline !important;
}

/* Body et HTML
--------------------------------------------------------------------------------------- */
body {
  background: #fff;
  font: 400 15px/26px "Open Sans", Arial, Helvetica, sans-serif;
  color: #575757;
}

/* Conteneurs
--------------------------------------------------------------------------------------- */
.wrapContenu {
  min-width: 320px;
}

.conteneur {
  position: relative;
  max-width: 1320px;
  margin: 0 auto;
}

main {
  position: relative;
  min-height: 500px;
  padding: 0; /*z-index:5;*/
}

@media only screen and (min-width: 1200px) {
  .conteneurEntete {
    height: 136px;
  }
}
@media only screen and (min-width: 1320px) {
  .conteneurEntete {
    height: 152px;
  }
}

/* Titres
--------------------------------------------------------------------------------------- */
h1,
.h1 {
  margin-bottom: 0;
  font: 2.4em/100% "droid_serifbold", serif;
  color: #090909;
  text-transform: uppercase;
} /* 36 */
h2,
.h2 {
  margin: 0 0 30px 0;
  font: 1.6em "droid_serifbold", serif;
  color: #090909;
  text-transform: uppercase;
} /* 24 */
h3 {
  margin: 1em 0 0.5em 0;
  font: 1.667em/1.28em "droid_serifbold", serif;
  color: #090909;
  text-transform: uppercase;
} /* 25 */
h4 {
  margin: 1em 0 0.5em 0;
  font: 1.333em/1.3em "droid_serifbold", serif;
  color: #090909;
  text-transform: uppercase;
} /* 20 */

@media only screen and (min-width: 768px) {
  h1,
  .h1 {
    font: 2.8em/100% "droid_serifbold", serif;
  } /* 42 */
  h2,
  .h2 {
    font: 2.333em/40px "droid_serifbold", serif;
  } /* 35 */
}

@media only screen and (min-width: 1200px) {
  h1,
  .h1 {
    font: 3.333em/100% "droid_serifbold", serif;
  } /* 50 */
  h2,
  .h2 {
    font: 2.333em/40px "droid_serifbold", serif;
  } /* 35 */
  h4 {
    font: 1.733em/1.154em "droid_serifbold", serif;
  } /* 26 */
}

/* Hyperliens
--------------------------------------------------------------------------------------- */
a {
  color: #1b1b1c;
  text-decoration: none;
  transition: color 0.15s linear 0s;
  -webkit-transition: color 0.15s linear 0s;
}
a:hover,
a:focus,
a:active {
  text-decoration: underline;
}

/* Textes et CMS
--------------------------------------------------------------------------------------- */
.incTinyMce a {
  text-decoration: underline;
  font-weight: 700;
}
.incTinyMce a:hover {
  color: #b5b5b5;
}
.incTinyMce abbr[title] {
  border-bottom: 1px dotted;
}
.incTinyMce img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}
.incTinyMce .button {
  font-weight: normal;
}

.incTinyMce p:last-child {
  margin-bottom: 0;
}

.incTinyMce p.proDesign {
  margin: 0;
  text-decoration: underline;
}
.proDesignImg {
  position: relative;
  left: -15px;
}

.incTinyMce p.intro {
  font-weight: 700;
}

/* - - - Listes - - - */
.incTinyMce ul,
.incTinyMce ol {
  /*margin-bottom:1em; */
  overflow: hidden;
  font: 400 15px/22px "Open Sans", Arial, sans-serif;
  color: #707070;
}
.incTinyMce ul li a,
.incTinyMce ol li a {
  display: inline-block;
}
.incTinyMce ul li {
  position: relative;
  list-style: none;
  margin-left: 30px;
  color: #707070;
}
.incTinyMce ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  top: 9px;
  left: -11px;
  background: #2a282a;
}

.incTinyMce ul ul,
.incTinyMce ol ol {
  font-size: 1em;
}

/* Liste incrementale stylable */
.incTinyMce ol {
  counter-reset: bullet;
  list-style-type: none;
}
.incTinyMce ol li {
  position: relative;
  margin-left: 34px;
  color: #707070;
}
.incTinyMce ol li:before {
  counter-increment: bullet;
  content: counters(bullet, ".") ".";
  position: absolute;
  top: 0;
  left: -21px;
  color: #2a282a;
  font-weight: 700;
}
.incTinyMce ol ol > li {
  list-style: lower-alpha;
}

/* - - - Image en float - - - */
.mortaise {
  float: left;
  margin: 0.25em 1.25em 1.25em 0;
  text-align: center;
  font-size: 12px;
}
.mortaise img {
  border: 3px solid #999;
}

p.vide {
  padding: 50px 0;
  text-align: center;
  font: 700 18px/25px "Open Sans", sans-serif;
  color: #000;
  margin: 0;
}

/* Points de suspension a la fin de la fonction couperTexte */
.hellip {
  white-space: nowrap;
  color: #149fd9;
  font-size: 0.9em;
}

/* - - - Responsive video - - - */
.videoConteneur {
  max-width: 520px;
  margin: 0 auto;
}
.video {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%; /* Ratio 16/9 */
  padding-top: 30px; /* Hauteur des controles */
}

.video iframe,
.video object,
.video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* - - - Style par défaut d'un tableau - - - */
.incTinyMce table {
  margin-bottom: 1em;
  border: 1px solid #666;
}
.incTinyMce table caption {
  font: normal 14px/16px Arial, Helvetica, sans-serif;
}
.incTinyMce table th {
  border: 1px solid #666;
  background: #333;
  font-weight: bold;
  color: #fff;
}
.incTinyMce table td,
.incTinyMce table th {
  min-width: 50px;
  padding: 0.25em 0.5em;
}
.incTinyMce table tr:nth-child(even) {
  background: #eee;
}

/* Icones
--------------------------------------------------------------------------------------- */
/* Creer une icone sur les liens PDF et RSS */
.lienPDF {
  display: inline-block;
  margin: 1em 0;
  font: 400 1.077em/30px "Open Sans", Arial, sans-serif; /* 14 */
}
.lienPDF:before {
  content: "";
  display: inline-block;
  width: 29px;
  height: 31px;
  margin-right: 6px;
  background: url(../gx/m/icone-pdf.png) 0 0 no-repeat;
  vertical-align: -10px;
}

.lienRSS {
  display: inline-block;
  margin: 1em 0;
}
.lienRSS:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  background: url(../gx/m/icone-rss.png) 0 0 no-repeat;
  vertical-align: -3px;
}

/*--------------------------------------------------------------------------------------- */
/* Formulaires */
/*--------------------------------------------------------------------------------------- */
input,
select {
  vertical-align: middle;
}
input[type="radio"],
input[type="checkbox"] {
  vertical-align: -1px;
  margin-right: 5px;
}
input[readonly] {
  background-color: #eee;
}
textarea {
  resize: vertical;
}
label {
  display: block;
  margin-top: 0.75em;
}

/* Couleur de l'etoile pour champs obligatoires */
label abbr,
.note abbr {
  padding: 0 2px;
  border: 0 none !important;
  cursor: help;
}

.form .note {
  font-size: 0.867em; /* 13 */
  font-style: italic;
  margin: 30px 0;
}
.form .note.noMargin {
  line-height: 1;
  margin: 4px 0 0 0;
}

.form label {
  font-size: 1em;
  margin: 0;
}

/* - - - Input default - - - */
.form input[type="text"],
.form input[type="email"],
.form input[type="password"],
.form input[type="tel"],
.form input[type="search"],
.form input[type="url"],
.form select,
.form textarea,
.form input[type="file"] {
  width: 100%;
  height: 32px;
  padding: 5px 15px 15px 0;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #dcddde;
  -webkit-appearance: none;
  color: #575757;
  font: 400 1em "Open Sans", Arial, sans-serif; /* 15 */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: box-shadow ease-in-out 0.3s;
  transition: box-shadow ease-in-out 0.3s;
}

.form input.champ-petit {
  width: 100%;
}
.form input.champ-moyen {
  width: 100%;
}

.form textarea {
  height: 124px;
}

.form input[type="checkbox"] {
  float: left;
  margin: 1px 1em 0 0;
}

.form select {
  line-height: 1em;
}
.listeDeroulante {
  width: 100%;
  overflow: hidden;
  background: #fff url("../gx/m/listeDeroulante.png") no-repeat 95% 50%;
}
.listeDeroulante select {
  width: 100%;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 9%;
}
.listeDeroulante select::-ms-expand {
  display: none;
}

.form input[type="file"] {
  padding: 0;
  border: none;
  height: 23px;
  margin-top: 2px;
  width: auto;
}
.form input[type="file"]::-webkit-file-upload-button {
  width: 125px;
  visibility: hidden;
}
.en .form input[type="file"]::-webkit-file-upload-button {
}
.form input[type="file"]::before {
  content: "Choisissez un fichier";
  display: inline-block;
  background: #fff;
  border: 1px solid #dcddde;
  border-radius: 3px;
  padding: 0 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-size: 11px;
  color: #575757;
  -webkit-transition: color ease-in-out 0.3s;
  transition: color ease-in-out 0.3s;
}
.form input[type="file"]:hover::before {
  color: #575757;
}
.form input[type="file"]:active::before {
}

/* - - - Shadow focus - - - */
.form input[type="text"]:focus,
.form input[type="email"]:focus,
.form input[type="password"]:focus,
.form input[type="tel"]:focus,
.form input[type="search"]:focus,
.form input[type="url"]:focus,
.form select:focus,
.form textarea:focus {
  outline: 0;
  color: #000;
  font-weight: 600;
  border-bottom: 2px solid #000;
}

.form__radio-group {
  display: inline-block;
  margin-right: 20px;
}

.form__radio-input,
.form__checkbox-input {
  /*display: none;*/
  position: absolute;
  opacity: 0;
  margin: 0;
}

.form__radio-label,
.form__checkbox-label {
  position: relative;
  padding-left: 24px;
  cursor: pointer;
}

.form__radio-button {
  width: 20px;
  height: 20px;
  border: 2px solid #575757;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 1px;
}

.form__radio-button::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #575757;
  opacity: 0;
  transition: opacity 0.2s;
}

.form__radio-input:checked ~ .form__radio-label .form__radio-button::after {
  opacity: 1;
}

.form__radio-input:focus ~ .form__radio-label .form__radio-button,
.form__radio-input:hover ~ .form__radio-label .form__radio-button {
  border-color: #1d1d1d;
}

.form__checkbox-button {
  width: 20px;
  height: 20px;
  border: 2px solid #575757;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 3px;
}

.form__checkbox-button::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7px;
  height: 12px;
  border-bottom: 3px solid #575757;
  border-right: 3px solid #575757;
  opacity: 0;
  transform: translate(-50%, -60%) rotate(45deg);
  transition: opacity 0.2s;
}

.form__checkbox-input:checked
  ~ .form__checkbox-label
  .form__checkbox-button::after {
  opacity: 1;
}

/* - - - Placeholders - - - */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #575757;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: #575757;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #575757 !important;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder:focus {
  font-weight: 400;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder:focus {
  font-weight: 400;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder:focus {
  font-weight: 400;
}

.erreur input::-webkit-input-placeholder,
textarea.erreur::-webkit-input-placeholder {
  color: #cc4b4b;
}
.erreur input::-moz-placeholder,
textarea.erreur::-moz-placeholder {
  opacity: 1;
  color: #cc4b4b;
}
.erreur input:-ms-input-placeholder,
textarea.erreur:-ms-input-placeholder {
  color: #cc4b4b !important;
}

/* - - - Buttons - - - */
.button {
  display: inline-block;
  text-decoration: none !important;
  -webkit-transition: background 0.3s linear 0s, color 0.3s linear 0s;
  transition: background 0.3s linear 0s, color 0.3s linear 0s;
}
.button {
  border: 2px solid #090909;
  margin-top: 1em;
  padding: 13px 25px;
  background-color: #fff;
  font: 700 0.933em "Open Sans", sans-serif; /* 14 */
  color: #090909;
}
.button:after {
  content: "\e907";
  font: 10px "decosurface-marchand";
  color: #000;
  margin-left: 10px;
}

.button.retour {
  font-weight: 700;
  text-transform: uppercase;
}
.button.retour:after {
  display: none;
}
.button.retour:hover:before {
  color: #fff !important;
}

.button:hover,
.button:focus,
.button:active {
  background-color: #090909;
  color: #fff !important;
  outline: none;
}
.button:hover:after {
  color: #fff;
}

.button.noir {
  display: table;
  font: 700 0.933em "Open Sans"; /* 14 */
  color: #fff;
  text-transform: uppercase;
  margin: 20px 0 0 0;
  border-color: #090909;
  background: #000;
}
.button.noir:after {
  color: #fff;
}
.button.noir:hover,
.button.noir:focus,
.button.noir:active {
  background-color: #fff;
  color: #000 !important;
  outline: none;
  border: 2px solid #090909;
}
.button.noir:hover:after,
.button.noir:active:after,
.button.noir:focus:after {
  color: #000;
}

.button.noIc:after {
  display: none;
}

/* - - - Avertissements et erreurs - - - */
.messageInfo, .messageSucces, .messageAvertissement, .messageErreur/*, .messageFermeture*/ {
  margin-bottom: 10px;
  padding: 30px 0 5px 0;
  border-bottom: 2px solid;
  font-size: 15px;
}

.messageInfo {
  color: #224a68 !important;
  border-color: #224a68;
}
.messageSucces {
  color: #8bb146 !important;
  border-color: #8bb146;
}
.messageAvertissement {
  color: #d6b44b !important;
  border-color: #d6b44b;
}
.messageErreur {
  color: #cc4b4b !important;
  border-color: #cc4b4b;
}
.messageErreur b {
  color: #cc4b4b !important;
}
.messageFermeture {
  color: #b10202 !important;
  border-color: #2f6196;
}

.erreur,
.erreur label,
.erreur abbr {
  color: #cc4b4b !important;
}
.erreur input,
.erreur textarea,
.erreur select,
input.erreur,
textarea.erreur,
select.erreur {
  color: #cc4b4b !important;
  border-bottom: 2px solid #cc4b4b !important;
}

.form .erreur input:focus,
.form .erreur textarea:focus,
.form .erreur select:focus,
.form input.erreur:focus,
.form textarea.erreur:focus,
.form select.erreur:focus {
}

/* - - - Layout - - - */
.form .col1,
.form .col2 {
  float: left;
  width: 100%;
  margin-bottom: 50px;
}
.form .colFull {
  clear: left;
  margin-bottom: 50px;
}

@media only screen and (min-width: 768px) {
  .form .col1,
  .form .col2 {
    float: left;
    width: 48.5%;
    margin-bottom: 50px;
  }
  .form .col1 {
    clear: left;
  }
  .form .col2 {
    margin-left: 3%;
  }

  .form input.champ-petit {
    width: 33%;
  }
  .form input.champ-moyen {
    width: 50%;
  }
}

/*--------------------------------------------------------------------------------------- */
/* En-tete */
/*--------------------------------------------------------------------------------------- */
#entete {
  position: fixed;
  border-bottom: 1px solid #d8d9da;
  background: #fff;
}

/* Empêche l'entête de ne pas suivre le menu */
/*.vMenu-open.enteteFixe #entete {position: absolute;}*/

/* Si l'entête est fixe */
.enteteFixe #entete {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
}
.enteteFixe main {
  padding-top: 125px;
}

@media only screen and (max-height: 603px) {
  .vMenu-open #entete {
    height: 100% !important;
  }
}

.vMenu-open #menu.mobile {
  height: calc(100vh - 130px);
}


/*
		La classe "enteteFixe" est ajouté au HTML en JS pour le Démo
		Vous devrez créer votre propre entête fixe
	*/

/* Si Position: fixed; n'est pas supporté */
.no-fixed.enteteFixe #entete {
  position: relative;
}
.no-fixed.enteteFixe main {
  padding-top: 0;
}

@media only screen and (min-width: 1200px) {
  .enteteFixe main {
    padding-top: 0;
  }
}

#logo {
  position: absolute;
  display: block;
  right: 20px;
  top: 20px;
  z-index: 5;
}
#logo img {
  display: inline-block;
  width: 230px;
  height: auto;
  margin: 0 0 0 60px;
}

#hautF .wrap {
  z-index: 0;
}
#hautMarchand {
  width: 100%;
  position: relative;
  background: #000;
  z-index: 5;
}
#hautMarchand > a {
  display: none;
}
#nomMarchand {
  padding: 12px 20px;
  text-align: center;
  width: 100%;
  position: relative;
  z-index: 30;
}
#nomMarchand p {
  font: 1em/1em "droid_serifbold"; /* 15 */
  color: #fff;
  text-transform: uppercase;
  margin: 0;
}
#nomMarchand p a.lienNom {
  position: relative;
  display: inline-block;
  color: #fff;
}
#nomMarchand p a.lienNom:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 18px;
  margin: 0 6px;
  background: #fff;
  vertical-align: -3px;
}
#nomMarchand p a.lienNom:hover {
  color: #b5b5b5;
  text-decoration: none;
}
#nomMarchand p a.lienRS i {
  font-size: 13px;
  color: #fff;
  vertical-align: 0;
}
#nomMarchand p a.lienRS i.icon-facebook:before {
  float: right;
  width: auto;
}

#logoMenu {
  width: 100%;
  position: relative;
  height: 82px;
  background: #fff;
  z-index: 30;
}
.btnDemandeInfo {
  display: none;
}

#iconeMenu {
  top: 15px !important;
}

@media only screen and (min-width: 768px) {
  #hautMarchand {
    display: flex;
  }
  #hautMarchand > a {
    display: block;
    flex: 0 0 auto;
    font-size: 14px;
    line-height: 100%;
    color: #fff;
    font-weight: 600;
    padding: 15px 20px;
  }
  #hautMarchand > a:hover {
    color: #b5b5b5;
    text-decoration: none;
  }
  #nomMarchand {
    flex: 1 1 auto;
    width: auto;
    text-align: left;
    padding: 15px 20px;
  }
  #nomMarchand p {
    font-size: 1.2em; /* 18 */
  }
  #nomMarchand p a.lienNom:after {
    margin: 0 15px 0 10px;
  }
  #nomMarchand p a.lienRS i {
    font-size: 20px;
    vertical-align: -1px;
  }
  #nomMarchand p a.lienRS i:hover {
    color: #b5b5b5;
  }
  .btnDemandeInfo {
    display: block;
    float: right;
    margin-right: 20px;
  }

  #logo {
    position: relative;
    float: right;
    right: inherit;
    top: inherit;
    padding: 15px 20px;
  }
  #logo img {
    display: inline-block;
    width: 260px;
    height: auto;
    margin: 0;
  }
}

@media only screen and (min-width: 1200px) {
  #hautF {
    background: #000;
  }
  #hautF .wrap {
    background: #fff;
  }
  #hautF .wrap .conteneur {
    display: flex;
    flex-direction: row-reverse;
  }
  #logoMenu {
    flex: 0 0 auto;
    width: auto;
    height: 100%;
    padding: 0;
  }
  #logo {
    padding: 25px 20px;
  }
  .btnDemandeInfo {
    margin-top: 25px;
  }
}

@media only screen and (min-width: 1320px) {
  #logo {
    padding-right: 0;
    padding-left: 40px;
  }
  #nomMarchand {
    padding-left: 0;
  }
  #hautMarchand > a {
    padding-right: 0;
  }
}

/* Menu version bureau
--------------------------------------------------------------------------------------- */
/* Évite que le menu apparaisse lors du chargement de la page */
#menu {
  display: none;
}

#menu.mobile li.complet_only {
  display: none;
}
#menu.mobile li.lang {
  display: block;
}
#menu.mobile li.mobileOnly {
  display: block;
}

#menu.mobile .rsBas {
  display: flex;
  justify-content: flex-start;
  background: #090909;
}
#menu.mobile .rsBas a {
  padding: 20px 25px 20px 0;
}
#menu.mobile .rsBas a:first-child {
  padding-left: 20px;
}
#menu.mobile .rsBas a:last-child {
  padding-right: 20px;
}
#menu.mobile .rsBas a:hover {
  background: none;
}
#menu.mobile .rsBas a:hover i:before {
  color: #767676;
}
#menu.mobile .rsBas i {
  margin: 0;
}

@media only screen and (min-width: 768px) {
  #menu.mobile li.lang {
    display: none;
  }
}

@media only screen and (min-width: 960px) {
  #menu.bureau ul li.mobileOnly {
    display: none;
  }
}

@media only screen and (min-width: 1200px) {
  #menu.bureau {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    width: auto;
  }
  #menu.bureau > ul {
    display: flex;
    justify-content: flex-start;
    float: right;
    width: 100%;
    padding: 0 20px;
  }
  #menu.bureau.spaceBetween > ul {
    justify-content: space-between;
  }
  #menu.bureau > ul > li {
    display: inline-block;
    float: none;
  }
  #menu.bureau > ul > li > a {
    position: relative;
    font: 700 0.933em "Open Sans", sans-serif;
    margin-right: 20px;
    padding: 10px 0;
  }
  #menu.bureau.spaceBetween > ul > li > a {
    margin-right: 0;
  }

  #menu.bureau > ul > li > a:hover {
    text-decoration: none;
  }
  #menu.bureau > ul > li > a:hover:before,
  #menu.bureau > ul > li > a.actif:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -6px;
    width: 100%;
    height: 2px;
    background: #090909;
  }

  .btnDemandeInfo {
    margin-right: 0;
    padding: 10px;
  }
  #logoMenu {
    float: right;
    width: auto;
  }
  #logo img {
    width: 180px;
  }
}

@media only screen and (min-width: 1320px) {
  #menu.bureau > ul {
    padding-left: 0;
  }
  #menu.bureau > ul > li > a:hover:before,
  #menu.bureau > ul > li > a.actif:before {
    bottom: -4px;
  }

  .btnDemandeInfo {
    margin-right: 0;
    padding: 13px 25px;
  }
  #logo img {
    width: 260px;
  }
}

/*--------------------------------------------------------------------------------------- */
/* Contenu principal */
/*--------------------------------------------------------------------------------------- */
#colPrincipale {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
#colPrincipale .conteneur {
  padding: 0 20px 0 20px;
}

#contenuTexte {
  /*padding:20px 0;*/
  background: #fff;
  width: 100%;
  /*margin-bottom:15px;*/
}
#contenuTexte.w100 {
  padding-right: 0;
}

#imgPage {
  width: 100%;
  margin-bottom: 30px;
}
#imgPage.int {
  margin-bottom: 30px;
}
#imgPage img {
  max-width: 660px;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  #imgPage {
    float: left;
    width: 50%;
    margin-right: 45px;
  }
}

@media only screen and (min-width: 960px) {
  #colPrincipale .conteneur {
    padding: 0 20px 0 20px;
  }
  #contenuTexte {
    padding-right: 60px;
  }
}

@media only screen and (min-width: 1200px) {
  #imgPage {
    margin-right: 70px;
  }
  /*.colTxt h2 {padding-top:100px;}*/
}

@media only screen and (min-width: 1320px) {
  #colPrincipale .conteneur {
    padding: 0 0 0 0;
  }
}

/* BANNIERE
--------------------------------------------------------------------------------------- */
.conteneurBanniereGen {
  position: relative;
  height: 300px;
  padding: 0;
}
.conteneurBanniereGen .conteneur {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0 20px;
}
.conteneurBanniereGen .conteneur h1,
.conteneurBanniereGen .conteneur h2.h1 {
  color: #fff;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.conteneurBanniereGen[data-type="ban00"] {
  background: url(../gx/template1/00_tn.jpg) 50% 50% no-repeat;
}
.conteneurBanniereGen[data-type="ban02"] {
  background: url(../gx/template1/02_tn.jpg) 50% 50% no-repeat;
}
.conteneurBanniereGen[data-type="ban03"] {
  background: url(../gx/template1/03_tn.jpg) 50% 50% no-repeat;
}
.conteneurBanniereGen[data-type="ban04"] {
  background: url(../gx/template1/04_tn.jpg) 50% 50% no-repeat;
}
.conteneurBanniereGen[data-type="ban05"] {
  background: url(../gx/template1/05_tn.jpg) 50% 50% no-repeat;
}
.conteneurBanniereGen[data-type="ban06"] {
  background: url(../gx/template1/06_tn.jpg) 0% 50% no-repeat;
}
.conteneurBanniereGen[data-type="ban16"] {
  background: url(../gx/template1/16_tn.jpg) 50% 50% no-repeat;
}

@media only screen and (min-width: 960px) {
  .conteneurBanniereGen {
    height: 380px;
  }
  .conteneurBanniereGen[data-type="ban00"] {
    background: url(../gx/template1/00.jpg) 50% 50% no-repeat;
  }
  .conteneurBanniereGen[data-type="ban02"] {
    background: url(../gx/template1/02.jpg) 50% 50% no-repeat;
  }
  .conteneurBanniereGen[data-type="ban03"] {
    background: url(../gx/template1/03.jpg) 50% 50% no-repeat;
  }
  .conteneurBanniereGen[data-type="ban04"] {
    background: url(../gx/template1/04.jpg) 50% 50% no-repeat;
  }
  .conteneurBanniereGen[data-type="ban05"] {
    background: url(../gx/template1/05.jpg) 50% 50% no-repeat;
  }
  .conteneurBanniereGen[data-type="ban06"] {
    background: url(../gx/template1/06.jpg) 100% 50% no-repeat;
  }
  .conteneurBanniereGen[data-type="ban16"] {
    background: url(../gx/template1/16.jpg) 50% 50% no-repeat;
  }
}

@media only screen and (min-width: 1320px) {
  .conteneurBanniereGen[data-type="ban06"] {
    background: url(../gx/template1/06.jpg) 50% 50% no-repeat;
  }
}

.lienPromo {
  width: 100%;
}

/*    Bannière PROMO    */

.banniere-promo_txt2 {
  font-family: merriweatherregular;
  font-weight: 400;
  color: #000;
  text-shadow: -1px 2px 5px rgba(255, 255, 255, 0.5);
}

.banniere-promo_txt1 {
  font-family: "Open Sans";
  font-weight: 400;
  color: #000;
  text-shadow: -1px 2px 5px rgba(255, 255, 255, 0.5);
}

.banniere-promo_txt3,
.banniere-promo_txt4 {
  font-family: brandon_grotesque_regularRg;
  font-weight: 400;
  /*text-shadow: 0px 1px 2px #737574;*/
  text-shadow: 1px 1px 5px #000;
  color: #fff;
}

.banniere-promo_txt1.fr,
.banniere-promo_txt2.en {
  display: block;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.banniere-promo_txt2.fr,
.banniere-promo_txt1.en {
  display: block;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-size: 38px;
}

.banniere-promo_txt3 {
  display: block;
  text-transform: uppercase;
  font-size: 26px;
}

.banniere-promo_txt4 {
  display: block;
  text-transform: uppercase;
  font-size: 20px;
}

.banniere-promo_txt1 a:hover,
.banniere-promo_txt2 a:hover,
.banniere-promo_txt3 a:hover,
.banniere-promo_txt4 {
  text-decoration: none !important;
}

.banniere-promo_txt1.fr {
  font-size: 46px;
}
.banniere-promo_txt2.fr {
  font-size: 46px;
  padding-top: 32px;
}
.banniere-promo_txt3.fr {
  font-size: 15px;
  margin-top: 10px;
  line-height: 15px;
}
.banniere-promo_txt4.fr {
  font-size: 15px;
}

.banniere-promo_txt1.en {
  font-size: 52px;
  font-weight: bold;
}
.banniere-promo_txt2.en {
  font-size: 52px;
  margin-top: 50px;
  font-weight: bold;
}
.banniere-promo_txt3.en {
  font-size: 19px;
  margin-top: 20px;
}
.banniere-promo_txt4.en {
  font-size: 15px;
}

@media only screen and (min-width: 768px) {
  .slick-slide:nth-child(2) .banniere-promo_txt1,
  .slick-slide:nth-child(2) .banniere-promo_txt2 {
    color: #FFF;
  }
}

@media only screen and (min-width: 1024px) {
  .banniere-promo_txt2 {
    font-family: merriweatherregular;
    font-weight: 400;
    text-shadow: -2px 2px 5px rgba(0, 0, 0, 0.5);
    color: #fff;
  }

  .banniere-promo_txt1 {
    font-family: "merriweatherregular";
    font-weight: 400;
    text-shadow: -2px 2px 5px rgba(0, 0, 0, 0.5);
    color: #fff;
  }
  .banniere-promo_txt1.fr {
    font-size: 70px;
    margin-top: 1px;
  }
  .banniere-promo_txt2.fr {
    font-size: 64px;
    padding-top: 15px;
    margin-top: 17px;
  }
  .banniere-promo_txt3.fr {
    font-size: 28px;
    margin-top: 28px;
    letter-spacing: 3px;
  }
  .banniere-promo_txt4.fr {
    font-size: 17px;
    margin-top: 11px;
    letter-spacing: 3px;
  }

  .banniere-promo_txt1.en {
    font-size: 75px;
    margin-top: 5px;
  }
  .banniere-promo_txt2.en {
    font-size: 52px;
    margin-top: 16px;
    line-height: 0.8em;
  }
  .banniere-promo_txt3.en {
    font-size: 23px;
    letter-spacing: 3px;
    margin-top: 23px;
  }
  .banniere-promo_txt4.en {
    font-size: 18px;
    margin-top: 11px;
    letter-spacing: 3px;
  }
}

@media only screen and (min-width: 1280px) {
  .banniere-promo_txt2.fr {
    margin-top: 50px;
  }
  .banniere-promo_txt2.en {
    margin-top: 38px;
  }
}

/*LB - 10 janvier 2024 : mis en commentaire pour remettre le texte de la banniere promo en blanc, à voir pour la prochaine promo */
/*.slick-slide:nth-child(2) .banniere-promo_txt1,
.slick-slide:nth-child(2) .banniere-promo_txt2,
.slick-slide:nth-child(2) .banniere-promo_txt3,
.slick-slide:nth-child(2) .banniere-promo_txt4 {
  color: #000 !important;
  font-weight: bold;
	text-shadow: -1px 2px 5px rgba(255,255,255,0.8);
}*/

/* FinBannière */

.banniere-promo {
  height: 600px;
  text-align: center;
  width: 100%;
  position: relative;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (min-width: 768px) {
  .banniere-promo {
    width: 69%;
    float: right;
  }
}

@media only screen and (min-width: 1024px) {
  .banniere-promo {
    width: calc(100% - 360px);
  }
}

@media only screen and (min-width: 1200px) {
  .banniere-promo {
    width: 100%;
    padding-left: 313px;
  }
}

@media only screen and (min-width: 768px) {
  .banniere-promo {
    height: 450px;
    margin-right: 0;
  }
  .banniere-promo .fanion {
    height: 150px;
    width: 150px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
  }
}

@media only screen and (min-width: 1200px) {
  #infoMarchandAccueil .slick-dots {
    left: 0;
    padding-left: 313px;
  }
}

/* Cta
--------------------------------------------------------------------------------------- */
#ctaHaut {
  width: 100%;
  position: relative;
  z-index: 2;
  padding: 20px 0;
}
#ctaHaut p {
  color: #fff;
  font: 400 14px "Open Sans", Arial, sans-serif; /* 14/20 */
  margin: 0;
  text-align: center;
  -webkit-transition: color 0.3s linear 0s;
  transition: color 0.3s linear 0s;
}

#ctaHaut a:hover {
  text-decoration: none;
}

.ctaHautConteneur {
  width: 100%;
  padding: 15px;
  position: relative;
}

.ctaHautConteneur .bandeauImg {
  max-width: 70px;
  height: 70px;
  max-height: 70px;
  margin: 0 auto;
}
.ctaHautConteneur h4 {
  font-family: "Open Sans";
  color: #fff;
  font-weight: 700;
  text-align: center;
}
.ctaHautConteneur .button {
  margin: 20px auto 0 auto;
}

.ctaHautConteneur.pubGen {
  margin: 20px 0;
  padding: 18px 15px;
  border: 2px solid #090909;
  background: #fff;
  cursor: pointer;
}
.ctaHautConteneur.pubGen img {
  margin: 0 auto 12px auto;
}
.ctaHautConteneur.pubGen p {
  max-width: 655px;
  font: 600 0.933em/1.286em "Open Sans", sans-serif; /* 14 */
  color: #090909;
  text-align: center;
  text-transform: uppercase;
  margin: 0 auto;
}
.ctaHautConteneur.pubGen .tabOnly {
  display: none;
}

#pubSlider {
  margin: 0;
  background: #b1d234;
}
#pubSlider .iconePromo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  font-size: 12px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 70px;
  margin: 0 auto;
  background: #000;
}

@media only screen and (min-width: 768px) {
  #ctaHaut {
    margin: 20px 0;
  }
  .ctaHautConteneur {
    display: flex !important;
    align-items: center;
    padding: 15px 20px;
    min-height: 50px;
  }
  .ctaHautConteneur .bandeauImg {
    flex: 0 0 auto;
    height: auto;
  }
  .ctaHautConteneur .txtPub {
    flex: 1 1 auto;
    padding: 0 40px;
  }
  .ctaHautConteneur .txtPub h4,
  .ctaHautConteneur .txtPub p {
    text-align: left !important;
    margin: 0;
  }
  .ctaHautConteneur .button.noir {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    margin: 0;
  }

  .ctaHautConteneur.pubGen {
    display: flex !important;
    align-items: center;
    margin: 40px 0;
    padding: 15px;
  }
  #ctaHaut .ctaHautConteneur.pubGen p {
    font-size: 1em;
  }
  .ctaHautConteneur.pubGen img {
    flex: 0 0 auto;
    margin: 0 50px 0 30px;
  }

  #pubSlider .iconePromo {
    flex: 0 0 70px;
    margin: 0;
  }
}

@media only screen and (min-width: 960px) {
  .ctaHautConteneur.pubGen {
    margin: 40px 0 60px 0;
    padding: 8px 15px;
  }
  .ctaHautConteneur.pubGen .tabOnly {
    display: block;
  }
  .ctaHautConteneur.pubGen img {
    margin-right: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .ctaHautConteneur {
    padding: 15px 60px;
  }
  .ctaHautConteneur .txtPub {
    padding: 0 80px;
  }
  .ctaHautConteneur .txtPub h4 {
    font-size: 38px;
  }
  .ctaHautConteneur .txtPub p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1320px) {
  #ctaHaut {
    padding: 20px 0;
  }
}

#ctaInfolettre {
  background: #f0f0f0;
  display: flex;
  width: 100%;
  margin-top: 80px;
  padding: 20px;
  border-top: 1px solid #d8d9da;
  z-index: 2;
}
#ctaInfolettre .conteneur {
  width: 100%;
  padding: 0;
}

#ctaInfolettre i {
  display: none;
}
#ctaInfolettre p {
  width: 100%;
  font: 700 1.2em "Open Sans", sans-serif;
  color: #090909;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 15px;
}
#ctaInfolettre p span {
  display: none;
}

#ctaInfolettre .button.noir {
  margin: 0 auto;
}
/*#ctaInfolettre .button.noir {font-size: 10px; margin:0 auto; padding:10px 25px;}
	#ctaInfolettre .button.noir:after {font-size: 8px; margin-left: 5px;}*/

@media only screen and (min-width: 768px) {
  #ctaInfolettre {
    margin-top: 120px;
    padding: 26px 20px;
  }
  #ctaInfolettre .conteneur {
    display: flex;
    align-items: center;
  }
  #ctaInfolettre i {
    display: block;
    flex: 0 0 auto;
    font-size: 30px;
    color: #a7a7a7;
    margin-right: 40px;
  }
  #ctaInfolettre p {
    flex: 1 1 auto;
    font-size: 1.333em; /* 20 */
    line-height: 1.3em; /* 26 */
    text-align: left;
    margin-bottom: 0;
    padding-right: 100px;
  }
  #ctaInfolettre .button.noir {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex: 0 0 auto;
    font-size: 0.933em;
    padding: 13px 25px;
  }
  #ctaInfolettre .button.noir:after {
    font-size: 10px;
    margin-left: 10px;
  }
}

@media only screen and (min-width: 960px) {
  #ctaInfolettre {
  }
  #ctaInfolettre p {
    font-size: 1.385em;
    margin: 0;
  }
  #ctaInfolettre p span {
    display: block;
    font: 400 0.8em "Open Sans", sans-serif; /* 16 */
    color: #575757;
    text-transform: none;
  }
}

@media only screen and (min-width: 1200px) {
  #ctaInfolettre {
    padding: 38px 20px;
  }
  #ctaInfolettre p {
    font-size: 1.733em; /* 26 */
  }
  #ctaInfolettre p span {
    font-size: 0.615em; /* 16 */
  }
}

#ctaContact {
  background: #fff;
  width: 100%;
  padding: 20px;
  position: relative;
  border: 1px solid #dcddde;
  z-index: 2;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}

#ctaContact p {
  width: 100%;
  font: 700 1.231em/1.2em "Open Sans", sans-serif;
  color: #2a282a;
  text-transform: uppercase;
  margin-bottom: 15px;
}
#ctaContact p span {
  color: #2a282a;
  font-weight: 700;
}

#ctaContact .button {
  margin: 0;
}

@media only screen and (min-width: 768px) {
  #ctaContact {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 960px) {
  #ctaContact {
    flex-direction: row;
    margin-bottom: 0px;
  }
  #ctaContact p {
    flex: 1 1 auto;
    font-size: 1.385em;
    margin: 0;
    text-align: left;
  }
  #ctaContact .button {
    flex: 0 0 auto;
  }
}

/* Pagination
--------------------------------------------------------------------------------------- */
.pagination {
  clear: both;
  margin: 20px 0;
}

.pagination a,
.module_pagination_pagecourante {
  display: inline-block;
  width: 32px;
  text-align: center;
  font: 400 15px/32px "Open Sans", sans-serif;
  background-color: #fff;
  color: #2a282a;
  text-decoration: none;
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.pagination .module_pagination_pagecourante {
  background-color: #707070;
  color: #fff;
}

.pagination .module_pagination_pagesuivante a,
.pagination .module_pagination_pageprecedente a,
.pagination .module_pagination_pagepremiere a,
.pagination .module_pagination_pagederniere a {
  vertical-align: top;
  background: transparent;
  font: 13px/32px "guifx", monospace;
}

.pagination .module_pagination_pagesuivante a:hover,
.pagination .module_pagination_pagesuivante a:focus,
.pagination .module_pagination_pagesuivante a:active,
.pagination .module_pagination_pageprecedente a:hover,
.pagination .module_pagination_pageprecedente a:focus,
.pagination .module_pagination_pageprecedente a:focus,
.pagination .module_pagination_pagepremiere a:hover,
.pagination .module_pagination_pagepremiere a:focus,
.pagination .module_pagination_pagepremiere a:focus,
.pagination .module_pagination_pagederniere a:hover,
.pagination .module_pagination_pagederniere a:focus,
.pagination .module_pagination_pagederniere a:focus,
.pagination a:hover,
.pagination a:focus,
.pagination a:active {
  background-color: #707070;
  color: #fff;
}

/* 00_100 : Nouvelles
--------------------------------------------------------------------------------------- */
#listeNouvelle {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  width: 100%;
}

.listeItem {
  width: 100%;
  margin: 30px 0 0 0;
}
.listeItem img {
  width: 100%;
}

.listeItem .date,
.listeItem .info {
  font-size: 13px;
  font-style: italic;
  line-height: 50px;
  padding: 0 20px;
  background: #f0f0f0;
}
.listeItem .listeTexte {
  padding: 30px 20px 0 20px;
  border-top: 3px solid #090909;
  background: #fff;
}
.listeItem h4 {
  margin: 0 0 15px 0;
}
.listeItem h4 a {
  font: 700 16px/25px "Open Sans";
  color: #1b1b1c;
  text-transform: none;
}

.listeItem .listreIntro {
  font: 400 14px/26px "Open Sans";
}
.listeItem .lien {
  display: block;
  font: 700 14px "Open Sans";
  text-decoration: underline;
  color: #090909;
  margin-top: 20px;
}
.listeItem .lien:hover {
  color: #b5b5b5;
}

@media only screen and (min-width: 640px) {
  #listeNouvelle {
    justify-content: space-between;
  }
  .listeItem {
    flex: 0 0 48%;
  }
}

@media only screen and (min-width: 960px) {
  #listeNouvelle {
    justify-content: flex-start;
  }
  .listeItem {
    flex: 0 0 32%;
    margin-right: 2%;
  }
  .listeItem:nth-child(3n) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .listeItem {
    flex: 0 0 23.5%;
    margin-right: 2%;
  }
  .listeItem:nth-child(3n) {
    margin-right: 2%;
  }
  .listeItem:nth-child(4n) {
    margin-right: 0;
  }
}

/* 00_110 / 00_200 : Nouvelle details / Promotion details
--------------------------------------------------------------------------------------- */
#detailNouvelle h1 {
  margin-bottom: 0.5em;
}
#detailNouvelle figure img,
#detailPromotion figure img {
  margin: 2em auto;
}

#detailPromotion h1 {
  margin: 0.5em 0;
}

.dateDetail {
  font-size: 13px;
  font-style: italic;
}
#articleImage {
  float: right;
  margin: 0 0 30px 0;
  width: 100%;
  max-width: 100%;
}

/* - - - Boutons de partage - - -  */
#partage {
  margin: 30px 0 20px 0;
}
#partage h3 {
  margin-bottom: 0.5em;
}

@media only screen and (min-width: 768px) {
  #articleImage {
    margin: 0 0 30px 30px;
    width: 330px;
  }
}

/* 00_888 : Plan du site
--------------------------------------------------------------------------------------- */
#plan ul {
  list-style: none;
}
#plan > ul > li {
  margin-bottom: 1em;
}
#plan ul ul {
  margin-left: 1em;
}

/* 01_100 : Accueil
--------------------------------------------------------------------------------------- */
/* - - - INFORMATION CONTACT - - - */
#infoMarchandAccueil {
  background: #141414;
  /*margin-top:90px;*/
  margin-top: 0;
  width: 100%;
  min-height: 600px;
  position: relative;
  z-index: 0;
}

#infoMarchandAccueil a:hover {
  text-decoration: none;
}
#infoMarchandAccueil .conteneur {
  position: relative;
  top: 0;
  margin-top: -650px;
  z-index: 20;
  pointer-events: none;
}
#banniereMod1-mobile,
#banniereMod1-tablette {
  margin-bottom: 0;
}
#banniereMod1-mobile a,
#banniereMod1-tablette a {
  color: #fff;
}
#banniereMod1-mobile a:hover,
#banniereMod1-tablette a:hover {
  text-decoration: none;
}
#banniereMod1-mobile .ban {
  display: flex;
  width: 100%;
  min-height: 600px !important;
  height: 100%;
}
#banniereMod1-tablette {
  display: none;
}
/*.ban1[data-type='bgAcc'], .ban2[data-type='bgAcc'], .ban3[data-type='bgAcc'] {display: flex; width: 100%; min-height: 540px; height: 100%; }
	.ban1[data-type='bgAcc'] {background:url(../gx/template1/01_1_tn.jpg) 50% 50% no-repeat;}
	.ban2[data-type='bgAcc'] {background:url(../gx/template1/01_2_tn.jpg) 50% 50% no-repeat;}
	.ban3[data-type='bgAcc'] {background:url(../gx/template1/01_3_tn.jpg) 50% 50% no-repeat;}*/

#infoMarchandAccueil .slick-dots {
  position: absolute;
  bottom: 20px;
  text-align: center;
  z-index: 30;
}

.colAdresse {
  border-right: none;
  width: 100%;
  /*margin-top:-75px;*/
  margin-top: 275px;
  padding: 15px 20px 20px 20px;
  background: rgba(20, 20, 20, 0.92);
  pointer-events: all;
}
.colAdresse h1 {
  margin: 0 0 20px 0;
  color: #fff;
  font: 1.667em/1.28em "droid_serifbold"; /* 25 */
  text-align: left;
}

.colAdresse div.addSection {
  position: relative;
  padding: 0 6px;
}
.colAdresse i {
  position: absolute;
  display: block;
  color: #fff;
  font-size: 15px;
  text-align: center;
}
.colAdresse .addSection a {
  color: #b9b9b9 !important;
}

.colAdresse .addSection div {
  padding: 0 0 0 20px;
  margin: 0 0 20px 0;
  min-height: 32px;
  position: relative;
  top: -4px;
}
.colAdresse .addSection.solo div {
  margin-bottom: 0;
}
.colAdresse .addSection div p {
  color: #b9b9b9;
  font: 400 1em/18px "Open Sans", Arial, sans-serif; /* 14/20 */
  margin: 0;
}
.colAdresse .addSection div p.avecSuccursale {
  font-size: 1em;
}

.colAdresse .button {
  font: 700 0.933em/1.143em "Open Sans"; /* 14 */
  text-transform: uppercase;
  margin-top: 10px;
  padding: 17px;
  width: 100%;
  border-color: transparent;
}
.colAdresse .button:after {
  margin-left: 5px;
}
.colAdresse .button:hover {
  border-color: #fff;
}

.banniereAccTitre {
  position: absolute;
  left: 0;
  right: 0;
  color: #fff;
  text-align: center;
  padding: 0 20px;
}
.banniereAccTitre h2.h1 {
  color: #fff;
  margin: 0.444em 0 0.5em 0; /* 18 */
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}
.banniereAccTitre p {
  font-size: 1.2em; /* 18 */
  margin-bottom: 0;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}

@media only screen and (min-width: 360px) {
  #infoMarchandAccueil .conteneur {
    margin-top: -670px;
  }
  .colAdresse {
    padding: 15px 20px 20px 20px;
    margin-top: 280px;
  }
}

@media only screen and (min-width: 640px) {
  .colAdresse .wrapAddSection {
    display: flex;
  }
  .colAdresse .addSection {
    flex: 1 1 50%;
  }
  .colAdresse .button {
    display: block;
    max-width: 320px;
    margin: 10px auto 0 auto;
  }
}

@media only screen and (min-width: 768px) {
  #infoMarchandAccueil {
    min-height: 450px;
    height: 450px;
    padding: 0;
  }
  #infoMarchandAccueil .conteneur {
    display: flex;
    width: 100%;
    height: 100%;
    margin-top: -450px;
    padding: 0;
  }

  #banniereMod1-mobile {
    display: none;
  }
  #banniereMod1-tablette {
    display: block;
    width: 100%;
    height: 100%;
  }
  #banniereMod1-tablette .ban {
    display: flex;
    width: 100%;
    min-height: 450px;
    height: 100%;
  }
  #infoMarchandAccueil .slick-dots {
    width: 69%;
    right: 0;
    text-align: center;
  }

  #infoMarchandAccueil,
  .colAdresse {
    margin-top: 0;
  }
  .colAdresse {
    flex: 0 0 39%;
    max-width: 360px;
    height: 100%;
    padding: 35px 40px 20px 40px;
  }
  .colAdresse .wrapAddSection {
    display: inherit;
  }
  .colAdresse .button {
    margin-top: 10px;
  }
  .colAdresse h1 {
    margin-bottom: 10px;
  }

  .banniereAccTitre {
    position: relative;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex: 1 1 auto;
    max-width: 1320px;
    padding-left: 39%;
    padding-top: 50px;
  }
  .banniereAccTitre h2.h1 {
    font-size: 42px;
    margin: 0 auto 30px auto;
    padding: 0 50px;
  }
  .banniereAccTitre p {
    font-size: 1.467em; /* 22 */
    margin: 0 auto;
  }
}

@media only screen and (min-width: 960px) {
  .colAdresse {
    padding-right: 40px;
  }
  #infoMarchandAccueil .slick-dots {
    width: calc(100% - 360px);
  }
  .banniereAccTitre {
    margin: 0 auto;
    padding-left: 360px;
  }
}

@media only screen and (min-width: 1200px) {
  .colAdresse {
    padding: 35px 40px 20px 40px;
  }
  .banniereAccTitre h2.h1 {
    font-size: 39px;
    line-height: 100%;
    padding: 0 100px;
  }
  #infoMarchandAccueil .slick-dots {
    width: 100%;
  }
}

@media only screen and (min-width: 1320px) {
  .banniereAccTitre h2.h1 {
    font-size: 46px;
  }
}

/* - - - NOTRE EXPERTISE - - - */
#notreExpertise {
  float: left; /*margin-bottom: 20px;*/
}
#notreExpertise picture {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
#notreExpertise picture img {
  max-width: 760px;
  width: 100%;
  margin: 0 auto;
}

.colExpertise {
  float: left;
  width: 100%;
  background: #fff;
  position: relative;
  display: inline-block;
  max-width: 100%;
}
.colExpertise h2 {
  margin-top: 0;
  margin-bottom: 15px;
}
.introExpertise {
  margin: 0;
}

/*.colExpertise .button { margin-bottom:60px;}*/

@media only screen and (min-width: 768px) {
  #notreExpertise picture img {
    max-width: 960px;
  }
}

@media only screen and (min-width: 960px) {
  .colExpertise {
    width: 50%;
    margin-left: 0;
    padding-left: 5%;
  }
  .colExpertise .button {
    margin-bottom: 0;
  }
  #notreExpertise picture {
    width: 50%;
    margin: 0;
  }
  /*#notreExpertise {margin-bottom: 80px;}*/
}

@media only screen and (min-width: 1320px) {
  /*#notreExpertise {margin: 0 0 80px 0;}*/
}

/* 02_100 : À propos
--------------------------------------------------------------------------------------- */
#equipe {
  float: left;
  width: 100%;
}
#equipe h2.h1 {
  margin: 0 0 0.75em 0;
}
#equipe ol.listeEmploye {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  width: 100%;
}
#equipe ol.listeEmploye .info {
  min-height: 112px;
  line-height: 100%;
  padding: 20px;
}
#equipe ol.listeEmploye .info h3 {
  font: 700 16px "Open Sans";
  text-transform: none;
  margin: 0;
}
#equipe ol.listeEmploye .info p {
  color: #090909;
  line-height: 16px;
  margin: 15px 0 0 0;
}
#equipe ol.listeEmploye .intro {
  font: 700 14px/22px "Open Sans";
  color: #090909;
}
#equipe ol.listeEmploye .descr {
  font: 400 14px/26px "Open Sans";
}

@media only screen and (min-width: 640px) {
  .listeEmploye {
    justify-content: space-between;
  }
}

@media only screen and (min-width: 960px) {
  #equipe {
    margin-top: 30px;
  }
  .listeEmploye {
    justify-content: flex-start;
  }
}

/* 03_100 : Produits
--------------------------------------------------------------------------------------- */
#sectionProduit {
  position: relative;
}

.ctaProd {
  position: relative;
  z-index: 1;
  list-style: none;
  padding: 0;
  margin: 0 0 0 -15px;
  overflow: hidden;
  text-align: center;
  list-style: none;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ctaProd li {
  position: relative;
  margin-top: 15px;

  max-width: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}
.ctaProd .listingWrapPad {
  height: 100%;
  padding-left: 15px;
}
.listingWrap {
  position: relative;
  height: 100%;
}

.ctaProd h2 {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0 10px 20px 10px;
  width: 100%;
  z-index: 20;
  font-family: "tex_gyre_scholabold", sans-serif;
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
  transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -webkit-perspective: 1000;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-backface-visibility: hidden;
}
.ctaProd h2:before {
  content: "";
  background: #fff;
  position: absolute;
  height: 2px;
  width: 60px;
  bottom: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  -webkit-perspective: 1000;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-backface-visibility: hidden;
}
.ctaProd a {
  color: #fff;
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
}
.ctaProd .photoCta {
  position: absolute;
  min-height: 100%;
  width: 100%;
  z-index: 10;
  overflow: hidden;
}
.ctaProd .photoCta:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 12;
  background: rgba(0, 0, 0, 0.3);
}
.ctaProd .photoCta img {
  max-width: none;
  min-width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 11;
  transform: translate3d(-50%, 0, 0) scale(1);
  -webkit-transform: translate3d(-50%, 0, 0) scale(1);
  -ms-transform: translate3d(-50%, 0, 0) scale(1);
  -webkit-perspective: 1000;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-backface-visibility: hidden;
  -webkit-transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1);
}
.ctaProd li:hover .photoCta img {
  transform: translate3d(-50%, 0, 0) scale(1.1);
  -webkit-transform: translate3d(-50%, 0, 0) scale(1.1);
  -ms-transform: translate3d(-50%, 0, 0) scale(1.1);
}
.ctaProd .placeholder {
  position: relative;
  z-index: 1;
  max-width: 100%;
  min-height: 200px;
}

@media only screen and (min-width: 768px) {
  .ctaProd {
    margin-left: -30px;
  }
  .ctaProd .listingWrapPad {
    padding-left: 30px;
  }
  .ctaProd li {
    margin-top: 30px;
    max-width: 33.3333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 33.3333%;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
  }
  .ctaProd .placeholder {
    min-height: 290px;
  }
  .ctaProd h2 {
    font-size: 24px;
    line-height: 24px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (min-width: 960px) {
  .ctaProd li {
    max-width: 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
  .ctaProd li:first-child,
  .ctaProd li:last-child {
    max-width: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

/* 05_100 : Réalisations
--------------------------------------------------------------------------------------- */
#realisation {
  width: 100%;
}
#realisation img {
  max-width: 100%;
}
#realisation .images img{
  display: inline-block;
  margin: 10px 20px 10px 0px;
  float: left;
}
#realisation .realisationItem{margin-top:60px}
#realisationSlider {
  visibility: hidden;
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
  padding-bottom: 10px;
  z-index: 0;
}
#realisationSlider a {
  display: block;
  width: 100%;
  height: 100%;
}
#realisationSlider img {
  max-width: 100%; /*width: 100%;*/
  margin: 0 auto;
}

#realisationSlider.slick-initialized {
  visibility: visible;
}
#realisationSlider .slick-prev:hover,
#realisationSlider .slick-next:hover {
  border: 2px solid #090909;
}

.wrapCarrousel.mt-40 {
  margin-top: 20px;
}

.wrapPaging {
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrapBouton {
  display: flex;
  margin-left: 20px;
}
.slick-next,
.slick-prev {
  position: inherit !important;
  right: inherit !important;
  left: inherit !important;
}
.slick-next:hover,
.slick-prev:hover,
.slick-next:focus,
.slick-prev:focus {
  border: 2px solid #2a282a;
}
.slick-next {
  margin-left: 1px;
}
.slick-prev {
  margin-right: 1px;
}
#paging {
  font: 600 15px "Open Sans";
  color: #090909;
}

@media only screen and (min-width: 768px) {
  .wrapCarrousel.mt-40 {
    margin-top: 40px;
  }
}

/* 06_100 : Nous joindre
--------------------------------------------------------------------------------------- */
#contactInfos {
  width: 100%;
  position: relative;
}
.colInfoContact {
  background: #fff;
  width: 100%;
  margin-bottom: 15px;
}

.colInfoAdresse,
.colHeureOuverture {
  width: 100%;
}

.colInfoAdresse address h3 {
  margin: 0;
  line-height: 1.571em;
}
.colInfoAdresse address p {
  margin-bottom: 30px;
}
.colInfoAdresse address p a {
  font-family: "Open Sans";
  color: #090909;
  font-weight: 700;
  text-decoration: underline;
  word-break: break-word;
}
.colInfoAdresse address p a:hover {
  color: #b5b5b5;
}

.colHeureOuverture {
  height: 100%;
  margin-bottom: 30px;
  padding: 20px;
  background: #f0f0f0;
}
.colHeureOuverture h3 {
  font-size: 22px;
  line-height: 100%;
  margin-top: 0;
}
.colHeureOuverture #listeHeures {
  width: 100%;
}
.colHeureOuverture #listeHeures .jour {
  display: flex;
  min-width: 50px;
  padding: 7px 0;
}
.colHeureOuverture #listeHeures > div.messageFermeture > div {
  display: block;
  font-size: 14px;
  padding-top: 20px;
  padding-bottom: 0;
}
#listeHeures a[href^="mailto:"] {
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;

  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.colJour,
.colHeure {
  flex: 0 0 auto;
}
.colHeure {
  text-align: right;
}
.colSpace {
  flex: 1 1 auto;
  height: 19px;
  border-bottom: 2px dotted #575757;
  margin: 0 5px;
}

.contact3 {
  margin: 30px 0;
}
.contact3 h3 {
  margin-bottom: 0.5em;
}
.contact3 .listeMode {
  margin-bottom: 10px;
}
.contact3 .listeMode li {
  display: inline-block;
}

#carteGoogle {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  background: url(ajax-loader.gif) no-repeat center center;
}
#carteGoogle iframe {
  max-width: 100%;
  width: 100%;
}

#carteContact {
  height: 200px;
  max-width: 100%;
  width: 100%;
  min-height: 200px;
}

.listeReseaux {
  list-style: none;
  margin-bottom: 15px;
}
.listeReseaux li {
  display: inline-block;
}
.listeReseaux li a {
  display: inline-block;
  border-radius: 32px;
  color: #fff;
  padding: 0;
  margin-right: 20px;
  -webkit-transition: background 0.3s linear 0s, color 0.3s linear 0s;
  transition: background 0.3s linear 0s, color 0.3s linear 0s;
  font-size: 18px;
}
.listeReseaux a i:before {
  color: #090909;
  margin: 0 auto;
  position: relative;
}
.listeReseaux a.tw i:before {
  left: 1px;
  top: 1px;
}
.listeReseaux a.yt i:before {
}
.listeReseaux a i:hover:before {
  color: #b5b5b5;
}

@media only screen and (min-width: 768px) {
  .colInfoContact {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  .colInfoContact.succMultiple {
    display: block;
  }
  .colInfoAdresse,
  .colInfoContact .wrap {
    flex: 0 1 47.5%;
  }
  .colHeureOuverture {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 960px) {
  #contactInfos {
    display: flex;
    margin-bottom: 60px;
  }
  .colInfoContact {
    flex: 1 1 68%;
    margin-bottom: 0;
  }
  .colInfoAdresse {
    flex: 1 1 58%;
    padding-right: 5%;
    padding-top: 20px;
  }
  .colInfoAdresse h2 {
    margin-bottom: 20px;
  }
  .colInfoContact .wrap {
    flex: 1 1 42%;
  }
  #carteGoogle {
    flex: 1 1 31%;
    float: none;
    border-left: 30px solid transparent;
    display: block;
    vertical-align: top;
    width: calc(100% - 652px);
    width: -webkit-calc(100% - 652px);
    position: relative;
    margin-bottom: 0;
  }
  #carteGoogle iframe {
    height: 100%;
  }
  #carteContact {
    height: 100% !important;
    position: absolute;
  }

  #formContact,
  #formCovid {
    max-width: 940px;
  }
}

@media only screen and (min-width: 1200px) {
  .colInfoAdresse {
    padding-top: 40px;
  }
  .colInfoAdresse h2 {
    margin-bottom: 40px;
  }
  .colHeureOuverture {
    padding: 50px 40px 40px 40px;
  }
  .colInfoContact .wrap {
    max-width: 340px;
  }
}

@media only screen and (min-width: 1320px) {
  #contactInfos {
    display: flex;
    margin-bottom: 90px;
  }
}

.form h3 {
  margin: 0 0 5px 0;
}
.form h4 {
  margin: 0 0 20px 0;
}

#contactForm .buttonWrap,
#covidForm .buttonWrap {
  text-align: right;
}
#contactForm button,
#covidForm button {
  display: inline-block;
}

.colInfoAdresse.fullW {
  width: 100%;
}
.succursaleListe {
  list-style: none;
  margin-top: 20px;
}
.succursaleListe li {
  margin-bottom: 40px;
}
.succursaleListeImg {
  margin-bottom: 40px;
}
.succursaleListeImg img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.succursaleListeInfo h3 {
  color: #707070;
  margin: 0 0 10px 0;
  line-height: 1.571em;
}
.succursaleListeInfo p {
  color: #707070;
  font: 400 1.077em/1.571em "Open Sans", sans-serif;
  margin: 0;
}
.succursaleListe li a {
}

@media only screen and (min-width: 640px) {
  .succursaleListeImg {
    margin: 0;
    float: left;
    width: 30%;
  }
  .succursaleListeInfo {
    padding-left: 40px;
    float: left;
    width: 70%;
  }
}

/*--------------------------------------------------------------------------------------- */
/* Pied de page */
/*--------------------------------------------------------------------------------------- */
#piedPage {
  background: #000;
  font: 400 0.933em/1.429em "Open Sans", sans-serif; /* 14 */
  color: #fff;
}

#piedPage ul {
  flex: 1 1 50%;
  column-count: 2;
}
#piedPage ul li {
  list-style: none;
}
#piedPage ul li a {
  font-size: 14px;
  color: #b9b9b9;
  line-height: 24px;
}
#piedPage ul li a:hover {
  color: #fff;
  text-decoration: none;
}

.bas1 .conteneur,
.bas2 .conteneur {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 20px;
}
.bas2 .conteneur .wrap {
  width: 100%;
}
.bas2 .conteneur .wrap a {
  color: #b9b9b9;
  margin-right: 1.5rem;
}
.bas2 {
  display: flex;
  border-top: 1px solid #363636;
}
.bas2 .rsBas {
  display: none;
}

.copyrights {
  width: 100%;
  display: block;
  font-size: 0.8em; /* 12 */
  color: #b9b9b9;
  margin-top: 15px;
}
.copyrights a {
  color: #b9b9b9;
  margin: 0 !important;
}
.copyrights a:hover {
  color: #fff;
  text-decoration: none;
}
.copyrights strong {
  display: block;
}
.signatureVortex {
  white-space: nowrap; /*display: block;*/
}

@media only screen and (min-width: 768px) {
  .bas1 .conteneur {
    flex-direction: row;
  }
  #piedPage ul {
    display: flex;
    justify-content: space-between;
    column-count: inherit;
  }
  #piedPage ul:first-child {
    margin: 0;
  }
  #piedPage ul li {
    margin: 0;
  }

  .bas2 .conteneur .wrap {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }
  .copyrights {
    font-size: 14px; /* 14 */
    text-align: center;
    margin: 0;
  }
}

@media only screen and (min-width: 960px) {
  .bas1 .conteneur ul {
    display: flex;
    flex: 1 1 50% !important;
    justify-content: space-between !important;
    column-count: inherit;
  }
  .bas2 .conteneur {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .bas2 .conteneur .wrap {
    display: flex;
    justify-content: flex-end;
    flex: 1 1 auto;
  }

  .bas2 .rsBas {
    display: block;
    flex: 0 0 auto;
  }
  .bas2 .rsBas i {
    font-size: 20px;
    color: #fff;
    margin-left: 15px;
  }
  .bas2 .rsBas i:hover,
  .icon-houzz:hover:before {
    color: #b5b5b5;
  }

  #piedPage ul {
    flex: 0 0 auto;
    margin-bottom: 0 !important;
  }
  #piedPage ul li {
    margin: 0;
  }
  .copyrights {
    width: auto;
    margin-right: 25px;
  }
}

@media only screen and (min-width: 1200px) {
  .bas2 .conteneur .wrap {
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse;
  }
  .bas2 .rsBas i {
    margin-left: 25px;
  }
}

@media only screen and (min-width: 1320px) {
  .bas1 .conteneur,
  .bas2 .conteneur {
    padding: 20px 0;
  }
}

/*--------------------------------------------------------------------------------------- */
/* FORM COVID 17_100 */
/*--------------------------------------------------------------------------------------- */
.conteneur-question {
  display: inline-block;
  margin-top: 40px;
}

ol.liste-question li::before {
  left: -2em;
}

ol.liste-question .erreur * {
  color: #cc4b4b !important;
}

abbr[title] {
  border-bottom: 1px dotted;
}

/* Couleur de l'etoile pour champs obligatoires */
label abbr,
p abbr,
.obligatoire {
  padding: 0 2px;
  border: 0 none !important;
  color: #000;
  cursor: help;
}

/* ==================================================================================== */
/*  Media Queries for Responsive Design  */
/* ==================================================================================== */

/* Styles pour appareils haute resolution */
@media (-o-min-device-pixel-ratio: 5/4),
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 120dpi) {
}