@charset "UTF-8";
/*
// HighCo Responsive - With KNACSS
// Author: Brice CARBONNIERES
*/
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
/*
 * www.KNACSS.com V2.5b @author: Raphael Goetter, Alsacreations
 * Licence CC-BY http://creativecommons.org/licenses/by/3.0/fr/
 * Modified Version : Brice CARBONNIERES, HighCo Shopper
 */
/* ----------------------------- */
/* summary */
/* ----------------------------- */
/*
1- reset
2- layout and modules
3- header
4- sidebar
5- footer
6- forms
7- main
8- iefix
9- print
10- desktop medias
11- mobile
*/
/* ----------------------------- */
/* ==reset */
/* ----------------------------- */
/* base font-size corresponds to 10px and is adapted to rem unit */
html {
  font-size: 62.5%;
}
body {
  background-color: #fff;
  color: #000;
  font-family: 'Open Sans', helvetica, arial, sans-serif;
  font-size: 1.4em;
  /* equiv 14px */
  line-height: 1.5;
  /* adapt to your design */
}
/* font-sizing for content */
/* preserve vertical-rythm, thanks to http://soqr.fr/vertical-rhythm/ */
p,
ul,
ol,
dl,
blockquote,
pre,
td,
th,
label,
textarea,
caption,
details,
figure,
hgroup {
  font-size: 1em;
  /* equiv 14px */
  line-height: 1.5;
  margin: 1.5em 0 0;
}
h1,
.h1-like {
  font-size: 1.8571em;
  /* equiv 26px */
  font-weight: normal;
  line-height: 1.6154em;
  margin: 0.8077em 0 0 0;
}
h2,
.h2-like {
  font-size: 1.7143em;
  /* equiv 24px */
  font-weight: normal;
  line-height: 1.75em;
  margin: 0.875em 0 0 0;
}
h3,
.h3-like {
  font-size: 1.5714em;
  /* equiv 22px */
  font-weight: normal;
  line-height: 1.909em;
  margin: 0.9545em 0 0 0;
}
h4,
.h4-like {
  font-size: 1.4286em;
  /* equiv 20px */
  font-weight: normal;
  line-height: 1.05em;
  margin: 1.05em 0 0 0;
}
h5,
.h5-like {
  font-size: 1.2857em;
  /* equiv 18px */
  font-weight: normal;
  line-height: 1.1667em;
  margin: 1.1667em 0 0 0;
}
h6,
.h6-like {
  font-size: 1.1429em;
  /* equiv 16px */
  font-weight: normal;
  line-height: 1.3125em;
  margin: 1.3125em 0 0 0;
}
/* alternate font-sizing */
.smaller {
  font-size: 0.7143em;
  /* equiv 10px */
  line-height: 2.1em;
}
.small {
  font-size: 0.8571em;
  /* equiv 12px */
  line-height: 1.75em;
}
.big {
  font-size: 1.1429em;
  /* equiv 16px */
  line-height: 1.3125em;
}
.bigger {
  font-size: 1.2857em;
  /* equiv 18px */
  line-height: 1.1667em;
}
.biggest {
  font-size: 1.4286em;
  /* equiv 20px */
  line-height: 1.05em;
}
/* soft reset */
html,
body,
textarea,
figure,
label {
  margin: 0;
  padding: 0;
}
ul,
ol {
  padding-left: 2em;
}
code,
pre,
samp {
  white-space: pre-wrap;
  font-family: consolas, 'DejaVu Sans Mono', courier, monospace;
}
code {
  line-height: 1em;
}
table {
  margin-bottom: 1.5em;
}
/* avoid top margins on first content element */
p:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
blockquote:first-child,
pre:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0;
}
/* avoid margins on nested elements */
li p,
li ul,
li ol {
  margin-top: 0;
  margin-bottom: 0;
}
/* HTML5 tags */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
/* max values */
img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
video {
  max-width: 100%;
}
/* you shall not pass */
div,
textarea,
table,
td,
th,
code,
pre,
samp {
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}
/* pictures */
img {
  width: auto;
  height: auto;
  vertical-align: middle;
}
a img {
  border: 0;
}
/* scripts */
body > script {
  display: none !important;
}
/* skip-links */
.skip-links {
  position: absolute;
}
.skip-links a {
  position: absolute;
  left: -9999px;
  padding: 0.5em;
  background: #000;
  color: #fff;
  text-decoration: none;
}
.skip-links a:focus {
  position: static;
}
/* ----------------------------- */
/* ==layout and modules */
/* ----------------------------- */
/* switching box model for all elements */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* float layout */
/* ----------- */
/* tutorial : http://knacss.com/demos/tutoriel.html */
/* module, contains floats (.item is the same) */
.mod,
.item {
  overflow: hidden;
}
/* table layout */
/* ------------------ */
.row {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.row > *,
.col {
  display: table-cell;
  vertical-align: top;
}
/* blocks that needs to be placed under floats */
.clear,
.line,
.row {
  clear: both;
}
/* blocks that must contain floats */
.clearfix:after,
.line:after,
.mod:after {
  content: "";
  display: table;
  clear: both;
}
/* alignments (blocks and inline) */
/* ------------------------------ */
/* left elements */
.left {
  float: left;
}
img.left {
  margin-right: 1em;
}
/* right elements */
.right {
  float: right;
}
img.right {
  margin-left: 1em;
}
img.left,
img.right {
  margin-bottom: 5px;
}
.center {
  margin: auto;
}
.txtleft {
  text-align: left;
}
.txtright {
  text-align: right;
}
.txtcenter {
  text-align: center;
}
/* just inline-block */
.inbl {
  display: inline-block;
  vertical-align: top;
  margin-right: -0.25em;
}
/* grids    */
/* ------------------------------ */
/* equal grids with 2% gutter */
[class*=grid] > * {
  float: left;
}
/* direct childrens are floating */
[class*=grid] > * + * {
  margin-left: 2%;
}
/* here's the gutter */
.grid2 > * {
  width: 49%;
}
.grid3 > * {
  width: 32%;
}
.grid4 > * {
  width: 23.5%;
}
.grid5 > * {
  width: 18.4%;
}
.grid6 > * {
  width: 15%;
}
/* unequal grids (1-2, 2-1, 1-3 and 3-1) */
.grid2-1 > *:first-child,
.grid1-2 > * + * {
  width: 66%;
}
.grid1-2 > *:first-child,
.grid2-1 > * + * {
  width: 32%;
}
.grid1-3 > *:first-child,
.grid3-1 > * + * {
  width: 23.5%;
}
.grid3-1 > *:first-child,
.grid1-3 > * + * {
  width: 74.5%;
}
/* blocks widths (percentage and pixels) */
.w10 {
  width: 10%;
}
.w20 {
  width: 20%;
}
.w25 {
  width: 25%;
}
.w30 {
  width: 30%;
}
.w33 {
  width: 33.333%;
}
.w40 {
  width: 40%;
}
.w50 {
  width: 50%;
}
.w60 {
  width: 60%;
}
.w66 {
  width: 66.666%;
}
.w70 {
  width: 70%;
}
.w75 {
  width: 75%;
}
.w80 {
  width: 80%;
}
.w90 {
  width: 90%;
}
.w100 {
  width: 100%;
}
.w50p {
  width: 50px;
}
.w100p {
  width: 100px;
}
.w150p {
  width: 150px;
}
.w200p {
  width: 200px;
}
.w240p {
  width: 240px;
}
.w300p {
  width: 300px;
}
.w400p {
  width: 400px;
}
.w480p {
  width: 480px;
}
.w500p {
  width: 500px;
}
.w600p {
  width: 600px;
}
.w700p {
  width: 700px;
}
.w720p {
  width: 720px;
}
.w800p {
  width: 800px;
}
.w960p {
  width: 960px;
}
.mw960p {
  max-width: 960px;
}
/* spacing helpers
p,m = padding,margin
a,t,r,b,l = all,top,right,bottom,left
s,m,l,n = small(10px),medium(20px),large(30px),none(0)
source https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css
*/
.m-reset,
.ma0 {
  margin: 0;
}
.p-reset,
.pa0 {
  padding: 0;
}
.ma1,
.mas {
  margin: 10px;
}
.ma2,
.mam {
  margin: 20px;
}
.ma3,
.mal {
  margin: 30px;
}
.pa1,
.pas {
  padding: 10px;
}
.pa2,
.pam {
  padding: 20px;
}
.pa3,
.pal {
  padding: 30px;
}
.mt0,
.mtn {
  margin-top: 0;
}
.mt1,
.mts {
  margin-top: 10px;
}
.mt2,
.mtm {
  margin-top: 20px;
}
.mt3,
.mtl {
  margin-top: 30px;
}
.mr0,
.mrn {
  margin-right: 0;
}
.mr1,
.mrs {
  margin-right: 10px;
}
.mr2,
.mrm {
  margin-right: 20px;
}
.mr3,
.mrl {
  margin-right: 30px;
}
.mb0,
.mbn {
  margin-bottom: 0;
}
.mb1,
.mbs {
  margin-bottom: 10px;
}
.mb2,
.mbm {
  margin-bottom: 20px;
}
.mb3,
.mbl {
  margin-bottom: 30px;
}
.ml0,
.mln {
  margin-left: 0;
}
.ml1,
.mls {
  margin-left: 10px;
}
.ml2,
.mlm {
  margin-left: 20px;
}
.ml3,
.mll {
  margin-left: 30px;
}
.pt0,
.ptn {
  padding-top: 0;
}
.pt1,
.pts {
  padding-top: 10px;
}
.pt2,
.ptm {
  padding-top: 20px;
}
.pt3,
.ptl {
  padding-top: 30px;
}
.pr0,
.prn {
  padding-right: 0;
}
.pr1,
.prs {
  padding-right: 10px;
}
.pr2,
.prm {
  padding-right: 20px;
}
.pr3,
.prl {
  padding-right: 30px;
}
.pb0,
.pbn {
  padding-bottom: 0;
}
.pb1,
.pbs {
  padding-bottom: 10px;
}
.pb2,
.pbm {
  padding-bottom: 20px;
}
.pb3,
.pbl {
  padding-bottom: 30px;
}
.pl0,
.pln {
  padding-left: 0;
}
.pl1,
.pls {
  padding-left: 10px;
}
.pl2,
.plm {
  padding-left: 20px;
}
.pl3,
.pll {
  padding-left: 30px;
}
/* hiding content */
.visually-hidden {
  position: absolute;
  left: -7000px;
  overflow: hidden;
}
[dir=rtl] .visually-hidden {
  left: auto;
  right: -7000px;
}
.desktop-hidden {
  display: none;
}
/* hidden on desktop */
/* hidden on mobile */
/* hidden on tablets */
/* hidden on smartphones */
/* ----------------------------- */
/* ==header */
/* ----------------------------- */
/* ----------------------------- */
/* ==sidebar */
/* ----------------------------- */
/* ----------------------------- */
/* ==footer */
/* ----------------------------- */
/* ----------------------------- */
/* ==forms */
/* ----------------------------- */
form,
fieldset {
  border: none;
}
input,
button,
select,
label {
  vertical-align: middle;
  /* @bugfix alignment */
}
textarea {
  resize: vertical;
  font-family: inherit;
}
/* ----------------------------- */
/* ==main */
/* ----------------------------- */
/* ----------------------------- */
/* ==iefix */
/* ----------------------------- */
/* haslayout for IE6/IE7 */
.ie67 .clearfix,
.ie67 .line,
.ie67 .mod,
.ie67 .row,
.ie67 .col {
  zoom: 1;
}
/* inline-block and table-cell for IE6/IE7 */
/* warning: .col needs width on IE6/IE7 */
.ie67 .btn,
.ie67 .col,
.ie67 .inbl {
  display: inline;
  zoom: 1;
}
.ie8 img {
  width: auto;
  /* @bugfix for IE8 */
}
/* Active box-sizing for IE6/IE7 */
/* @source https://github.com/Schepp/box-sizing-polyfill */
.ie67 * {
  behavior: url(../js/vendor/boxsizing.htc);
}
/*
*/
/* ----------------------------- */
/* ==print */
/* ----------------------------- */
/* quick print reset */
@media print {
  p,
  blockquote {
    orphans: 2;
    widows: 2;
  }
  blockquote,
  ul,
  ol {
    page-break-inside: avoid;
  }
  h1,
  h2,
  h3,
  caption {
    page-break-after: avoid;
  }
}
/* ----------------------------- */
/* ==desktop medias */
/* ----------------------------- */
/*
@media (min-width: 1200px) {
	/* here go rules for big resources and big screens like: background-images, font-faces, etc. **
    
    
}
*/
/* ----------------------------- */
/* ==mobile */
/* ----------------------------- */
/* quick tablet reset */
@media (max-width: 1219px) {
  .tablet-hidden {
    display: none;
  }
  /*
	.w60,
	.w66,
	.w70,
	.w75,
	.w80,
	.w90,
	.w100,
	.w600p,
	.w700p,
	.w800p,
	.w960p,
	.mw960p {
		width: auto;
	}
    */
  /* responsive widths for medium (m) screens, like tablets */
  .m240p {
    width: 240px;
  }
  .mauto {
    width: auto;
  }
  .m25 {
    width: 25%;
  }
  .m33 {
    width: 33.3333%;
  }
  .m50 {
    width: 50%;
  }
  .m66 {
    width: 66.6666%;
  }
  .m75 {
    width: 75%;
  }
  .m100 {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0;
  }
}
/* quick smartphone reset */
/*
@media (max-width: 640px) {
	.phone-hidden { display: none; }
	.mod,
	.item,
	.col,
	label,
	fieldset {
		display: block !important;
		float: none !important;
		clear: none !important;
		width: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		border: 0;
	}
	.w30,
	.w33, 
	.w40,
	.w50,
	.w300p,
	.w400p,
	.w500p {
		width: auto;
	}
	.row { 
		display: block !important;
		width: 100% !important;
	}
	/* responsive widths for tiny (t) screens, like smartphones **
	.t25 { width: 25%; }
	.t33 { width: 33.3333%; }
	.t50 { width: 50%; }
	.t66 { width: 66.6666%; }
	.t75 { width: 75%; }
	.t100 { 
		display: block !important;
		float: none !important;
		clear: none !important;
		width: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		border: 0;
	}
	th,
	td {
		display: block !important;
		width: auto !important;
		text-align: left !important;
	}
	thead { display: none; }
}
*/
/*
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
/* Style adjustments for retina devices **
}
*/
/* orientation iOS font-size fix */
@media (orientation: landscape) and (max-device-width: 768px) {
  html,
  body {
    -webkit-text-size-adjust: 100%;
  }
}
/*
 * KNACSS Garni : add-on for knacss @author: Raphael Goetter, Alsacreations
 * Licence CC-BY http://creativecommons.org/licenses/by/3.0/fr/
 * Modified Version : Brice CARBONNIERES, HighCo Shopper
 */
/* ----------------------------- */
/* summary */
/* ----------------------------- */
/*
1- tables
2- forms
3- print
*/
/* ----------------------------- */
/* ==tables */
/* ----------------------------- */
table,
.table {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  vertical-align: top;
}
table {
  width: 100%;
  caption-side: bottom;
}
caption {
  padding: 10px;
  color: #555;
  font-style: italic;
}
tbody {
  border: 1px solid #ccc;
}
tbody tr:nth-child(odd) {
  background: #eee;
}
tbody tr > * + * {
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}
tr > :last-child {
  text-align: right;
}
table th,
table td {
  padding: 10px 20px;
  text-align: left;
  border-bottom: 1px solid #ccc;
}
table td {
  color: #555;
}
/* ----------------------------- */
/* ==forms */
/* ----------------------------- */
/* thanks to HTML5boilerplate, github.com/nathansmith/formalize and www.sitepen.com */
form,
fieldset {
  border: none;
}
input,
button,
select,
label {
  vertical-align: middle;
  /* @bugfix alignment */
}
/* forms items */
label {
  cursor: pointer;
}
legend {
  border: 0;
  white-space: normal;
}
button,
input,
select {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
  /* Improves appearance in IE6/7 */
}
textarea {
  overflow: auto;
  /* Removes default vertical scrollbar on empty textarea in IE6/7/8/9 */
  min-height: 5em;
  vertical-align: top;
  resize: vertical;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  /* clickable input types in iOS */
  *overflow: visible;
  /* Corrects inner spacing displayed oddly in IE7 */
}
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  /* Corrects excess space around these inputs in IE8/9 */
  *width: 13px;
  *height: 13px;
  /* Corrects excess space around these inputs in IE7 */
}
input[type="search"] {
  -webkit-appearance: textfield;
}
/* if select styling bugs on WebKit */
/* select { -webkit-appearance: none; } */
/* 'x' appears on right of search input when text is entered. This removes it */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
/* Removes inner padding and border in FF3+ */
button::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* ----------------------------- */
/* ==print */
/* ----------------------------- */
/* quick print reset */
@media print {
  body {
    width: auto !important;
    margin: auto !important;
    font-family: serif;
    font-size: 12pt;
    background-color: #fff !important;
    color: #333 !important;
  }
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  blockquote,
  ul,
  ol {
    color: #000 !important;
    margin: auto !important;
  }
  .print {
    display: block;
    /* displaying .print elements */
  }
  p,
  blockquote {
    orphans: 3;
    /* no orphans */
    widows: 3;
    /* no widows */
  }
  blockquote,
  ul,
  ol {
    page-break-inside: avoid;
    /* no breaks inside these elements */
  }
  h1 {
    page-break-before: always;
    /* page break before main headers */
  }
  h1,
  h2,
  h3,
  caption {
    page-break-after: avoid;
    /* no breaks after these elements */
  }
  a {
    color: #000 !important;
    text-decoration: underline !important;
  }
  a[href]:after {
    content: " (" attr(href) ")";
    /* displaying URLs */
  }
}
/*
// HighCo Responsive - With KNACSS
// Author: Erika PEREIRA
*/
/*
GENERAL
*/
.colorBackGroundWhite {
  background: #FFFFFF;
}
.colorBackGroundGrey {
  background: #efefef;
}
.titreTabActif {
  font-size: 0.8571em;
  /* equiv 12px */
  font-weight: 700;
  color: #c22d16;
  text-transform: uppercase;
}
.titreTabActif a:hover,
.titreTabActif a {
  color: #c22d16;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
.navFooter a:hover {
  color: #9b9b9b;
}
.blocAncre,
.ligneDocumentJoint {
  clear: both;
}
.w800p .blocAncre {
  margin: 0 30px;
}
.menuAncre ul li a {
  background: #c22d16;
}
.menuAncre ul {
  word-wrap: break-word;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
}
.ombreTitre {
  width: 800px;
  height: 85px;
  background-image: url(../img/ombre-titre.jpg);
  background-repeat: no-repeat;
  background-size: 100% 99%;
  /*
    padding-top: 85px;
    margin-top: -85px;
    */
}
/*
HOME
*/
.blocHomeSimple,
.blocHomeDouble {
  color: #3b3837;
}
.containZoomEffect {
  position: relative;
  text-align: center;
  font-size: 1.7857em;
  /* equiv 25px */
  font-weight: 300;
  line-height: 235px;
}
.containZoomEffect span {
  font-weight: 700;
  color: #c22d16;
}
.containZoomEffect img {
  /*
        width: 100%;
        max-width: none;
        */
  -webkit-transition: -webkit-transform 0.8s ease 0s;
  -moz-transition: -moz-transform 0.8s ease 0s;
  -o-transition: -o-transform 0.8s ease 0s;
  transition: transform 0.8s ease 0s;
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  -moz-transform-origin: center center;
  -webkit-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}
.containZoomEffect:hover img {
  /*
            width: 103%;
            margin: -1% 0 0 -2%;
            */
  -moz-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
}
.zoneTextHome {
  position: relative;
  text-align: center;
  font-size: 1.7857em;
  /* equiv 25px */
  font-weight: 300;
  line-height: 235px;
}
.zoneTextHome span {
  font-weight: 700;
  color: #c22d16;
}
.zoneTextHome .smartTalk {
  background: url('../img/home-smarttalk.jpg');
  position: relative;
  width: 495px;
  height: 240px;
}
.zoneTextHome .smartTalk img {
  width: 495px;
  height: 240px;
  min-height: 0;
  min-width: 0;
  position: absolute;
  top: 0px;
  left: 28px;
}
#actuBlogHome {
  font-size: 1.4286em;
  /* equiv 20px */
}
#actuBlogHome .smartTalk img {
  left: 0px;
}
/*
.filtreNB {
    filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
*/
.filtreNB {
  filter: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxmaWx0ZXIgaWQ9J2dyYXlzY2FsZSc+PGZlQ29sb3JNYXRyaXggdHlwZT0nbWF0cml4JyB2YWx1ZXM9JzAuMzMzMyAwLjMzMzMgMC4zMzMzIDAgMCAwLjMzMzMgMC4zMzMzIDAuMzMzMyAwIDAgMC4zMzMzIDAuMzMzMyAwLjMzMzMgMCAwIDAgMCAwIDEgMCcvPjwvZmlsdGVyPjwvc3ZnPg==#grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
  -webkit-transition: all 0.6s ease;
  /* Fade to color for Chrome and Safari */
  -webkit-backface-visibility: hidden;
  /* Fix for transition flickering */
}
.filtreNB:hover {
  filter: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxmaWx0ZXIgaWQ9J2dyYXlzY2FsZSc+PGZlQ29sb3JNYXRyaXggdHlwZT0nbWF0cml4JyB2YWx1ZXM9JzEgMCAwIDAgMCwgMCAxIDAgMCAwLCAwIDAgMSAwIDAsIDAgMCAwIDEgMCcvPjwvZmlsdGVyPjwvc3ZnPg==#grayscale');
  -webkit-filter: grayscale(0%);
}
.contentMouseImg {
  width: 336px;
  height: 60px;
}
/*
.colonneGauche p::selection,
.colonneDroite p::selection,
.textSTyleGlobal h1::selection,
.blocGrisContent::selection
*/
.contentBlocHome::selection,
.biBlocGaucheHome::selection,
.documentJointSlide::selection,
.infosDateAffichage::selection,
.textStyleGlobal *::selection {
  background-color: #c22d16;
  color: #FFFFFF;
}
.textStyleGlobal *::-moz-selection {
  background-color: #c22d16;
  color: #FFFFFF;
}
.contentBlocHome {
  vertical-align: middle;
  display: inline-block;
  line-height: 1.2em;
  /* on rétablit le line-height */
  padding: 0 20px;
  word-wrap: break-word;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
}
.masqueImgHome {
  position: absolute;
  z-index: 2;
  text-align: center;
  background-color: #FFFFFF;
  font-size: 14px;
  text-transform: uppercase;
  height: 80px;
  line-height: 76px;
}
.masqueImgHomeBig {
  top: 202px;
  width: 400px;
  left: 160px;
}
.masqueImgHomeSmall {
  top: 82px;
  width: 345px;
  left: 65px;
  overflow: hidden;
}
.masqueImgHomeText {
  /*
    float: left;
    */
  /*
    height: 80px;
    */
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  padding: 0px 10px;
  overflow: hidden;
  font-weight: 400;
  cursor: pointer;
}
.masqueImgHomeTextBig {
  width: 336px;
}
.masqueImgHomeTextSmall {
  width: 281px;
}
.masqueImgHomeIcon {
  width: 64px;
  float: right;
  height: 80px;
  background-color: #c22d16;
  position: relative;
  cursor: pointer;
}
.pictoHome {
  background-image: url(../img/sprite-pictos2.svg);
  background-repeat: no-repeat;
  -webkit-transition-property: margin-top;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease-out;
  -moz-transition-property: margin-top;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  -o-transition-property: margin-top;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  transition-property: margin-top;
}
.pictoPlayHome {
  width: 30px;
  height: 30px;
  top: 25px;
  left: 18px;
  background-size: 150px;
  position: absolute;
  background-position: 0px 0;
}
.pictoLoupeHome {
  width: 45px;
  height: 45px;
  top: 17px;
  left: 10px;
  background-size: 200px;
  position: absolute;
  background-position: -143px 0;
}
.pictoOeilHome {
  width: 45px;
  height: 30px;
  top: 25px;
  left: 10px;
  background-size: 220px;
  position: absolute;
  background-position: 3px -45px;
}
.biBlocGaucheHome {
  width: 225px;
  vertical-align: middle;
  display: inline-block;
  line-height: 1.2em;
  padding-left: 20px;
}
.biBlocGaucheHome span {
  color: #9b9b9b;
  font-size: 10px;
}
.biBlocDroiteHome {
  height: 240px;
  width: 255px;
  float: left;
  text-align: center;
}
.biBlocDroiteHome img {
  min-width: 255px;
  min-height: 240px;
}
.biBlocDroiteHomeLarge {
  width: 495px;
}
.biBlocDroiteHomeLarge img {
  min-width: 495px;
  min-height: 240px;
}
.masqueFlecheHome {
  background: url(../img/masqueFlecheHome.png);
  width: 15px;
  height: 240px;
  position: absolute;
  z-index: 2;
}
.margeHome {
  position: absolute;
  width: 210px;
  height: auto;
  font-size: 55px;
  color: #c22d16;
  font-weight: 700;
  margin-left: 30px;
  z-index: 2;
}
.margeHome span {
  font-size: 18px;
  font-weight: 300;
}
.blocReseauxSociaux {
  height: 120px;
  width: 100%;
  cursor: pointer;
}
.blocReseauxSociaux span {
  display: block;
  margin: 35px auto;
}
.blocReseauxSociauxOmbre {
  width: 59px;
  height: 11px;
  background: url(../img/ombre-picto.png);
  content: "";
  position: absolute;
  left: 90px;
  margin-top: 80px;
}
.contentMouseReseauxSociaux {
  width: 100%;
  height: 120px;
  position: absolute;
  left: 0;
}
.contentMouseReseauxSociaux:hover .pictoHome {
  margin-top: 25px;
}
.contentMouseReseauxSociaux:hover .blocReseauxSociauxOmbre {
  opacity: 0.4;
}
.blocFacebook {
  background-color: #9b2412;
}
.blocFacebookIcon {
  background-position: -88px 0;
  height: 42px;
  width: 23px;
  background-size: 200px;
}
.blocTwitter {
  background-color: #c22d16;
}
.blocTwitterIcon {
  background-position: -35px 0;
  height: 37px;
  width: 43px;
  background-size: 180px;
}
/*
GROUPE
*/
.styleWYSIWYG {
  width: 720px;
  padding: 20px;
  background: #fff;
  font-family: 'Open Sans', helvetica, arial, sans-serif;
}
.textStyleGlobal .bouton.boutonRetourBack {
  float: none;
  top: 35px;
}
.textStyleGlobal {
  color: #3b3837;
  font-size: 13px;
}
.textStyleGlobal div,
.textStyleGlobal textarea,
.textStyleGlobal table,
.textStyleGlobal td,
.textStyleGlobal th,
.textStyleGlobal code,
.textStyleGlobal pre,
.textStyleGlobal samp {
  word-wrap: break-word;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
}
.textStyleGlobal h1 {
  font-size: 3.2857em;
  /* equiv 46px */
  text-align: center;
  font-weight: 300;
  margin: 0;
  padding: 25px 0;
}
.textStyleGlobal h2 {
  font-size: 1.8571em;
  /* equiv 26px */
  line-height: 40px;
  color: #c22d16;
  font-weight: 300;
  text-align: center;
  border-bottom: 1px solid #C9C9C9;
  margin: -20px 0 40px 0;
  clear: both;
}
.textStyleGlobal h2:first-child {
  margin-top: 0;
}
.textStyleGlobal h2 span {
  background-color: #FFFFFF;
  padding: 0 10px;
  width: auto;
  position: relative;
  top: 20px;
}
.textStyleGlobal h3 {
  color: #9b9b9b;
  font-size: 1.2857em;
  /* equiv 18px */
  font-weight: 300;
  line-height: 1.4em;
  margin-bottom: 5px;
}
.textStyleGlobal li {
  list-style-type: none;
}
.textStyleGlobal form {
  display: block;
  clear: both;
  margin-bottom: 20px;
  overflow: hidden;
  padding-left: 20px;
  padding-right: 20px;
}
.textStyleGlobal input[type=text],
.textStyleGlobal input[type=password],
.textStyleGlobal select,
.textStyleGlobal textarea {
  width: 340px;
  height: 40px;
  border: 1px solid #e2e2e2;
  margin: 5px 0 12px;
  color: #9b9b9b;
  padding: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.textStyleGlobal textarea {
  width: 100%;
  height: 120px;
}
.textStyleGlobal input[type=checkbox] {
  width: 20px;
  height: 20px;
  border: 1px solid #e2e2e2;
  background: url(../img/flecheSelect.png) no-repeat;
}
.textStyleGlobal label {
  display: block;
  font-size: 13px;
  position: relative;
}
.textStyleGlobal label.selectLabel:after {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  background: url(../img/flecheSelect.png) no-repeat #E2E2E2 11px 14px;
  position: absolute;
  top: 24px;
  left: 300px;
  pointer-events: none;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.textStyleGlobal label.selectLabel select {
  -webkit-appearance: none;
}
.textStyleGlobal input[type="checkbox"] {
  display: none;
}
.textStyleGlobal input[type="checkbox"] + label span {
  display: inline-block;
  width: 20px;
  height: 22px;
  margin: 10px 8px 10px 0;
  vertical-align: middle;
  background: url(../img/checkbox.png) left top no-repeat;
  cursor: pointer;
}
.textStyleGlobal input[type="checkbox"]:checked + label span {
  background: url(../img/checkbox.png) -22px top no-repeat;
}
.textStyleGlobal input[type="reset"] {
  background-color: #e2e2e2;
  margin: 0 10px 0 10px;
  padding: 7px 15px 7px 15px;
  vertical-align: middle;
  text-align: left;
  border: 0;
  -webkit-appearance: none;
  color: #9b9b9b;
  -webkit-border-radius: 3px;
  font-weight: bold;
}
.textStyleGlobal .citation {
  font-style: italic;
  font-size: 26px;
  color: #c22d16;
  font-weight: 300;
  line-height: 35px;
  display: block;
  padding-bottom: 15px;
}
.textStyleGlobal .bouton {
  background: #9b9b9b;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 40px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: auto;
  text-align: left;
  height: 40px;
  float: right;
  color: #FFFFFF;
  position: relative;
  padding: 0 15px;
  font-weight: 700;
  cursor: pointer;
  margin-bottom: 20px;
  border: 0;
  text-decoration: none;
}
.textStyleGlobal .bouton:hover {
  background-color: #c22d16;
}
.textStyleGlobal .boutonTelecharger {
  width: 125px;
  padding: 0 0 0 15px;
}
.textStyleGlobal .preambule > h3:first-child,
.textStyleGlobal .preambule > .blocParagraphe:first-child p:first-child,
.textStyleGlobal .preambule > p:first-child {
  padding-top: 20px;
}
.textStyleGlobal .preambule {
  margin: 0 40px;
}
.textStyleGlobal .blocParagraphe {
  overflow-y: auto;
  overflow-x: hidden;
}
.textStyleGlobal .blocParagraphe img {
  max-width: 340px;
  margin-bottom: 15px;
}
.textStyleGlobal .blocParagraphe p {
  text-align: left;
  margin: 0 0 15px 0;
}
.textStyleGlobal .blocParagraphe p a {
  text-decoration: none;
  color: #c22d16;
}
.textStyleGlobal .blocParagraphe span {
  text-align: left;
}
.textStyleGlobal .blocParagraphe .h3BlocParagraphe {
  color: #9b9b9b;
  font-size: 18px;
  font-weight: 300;
  display: block;
}
.textStyleGlobal .blocParagraphe ul {
  text-align: left;
  list-style: none;
  padding: 0 10px;
  line-height: 18px;
  margin: 0;
  margin-bottom: 10px;
}
.textStyleGlobal .blocParagraphe ul li ul li:before {
  color: #5a5a5a;
  content: "-";
  position: relative;
  left: -4px;
  font-size: 13px;
  margin-left: -7px;
  top: 1px;
  font-weight: 200;
}
.textStyleGlobal .blocParagraphe ul li:before {
  color: #c22d16;
  content: ".";
  position: relative;
  left: -4px;
  font-size: 18px;
  margin-left: -7px;
  top: -2px;
}
.textStyleGlobal .blocParagraphe .colonneGauche,
.textStyleGlobal .blocParagraphe .colonneDroite {
  width: 340px;
  height: auto;
  float: left;
  text-align: center;
}
.textStyleGlobal .blocParagraphe .colonneGauche {
  margin-right: 2%;
}
.textStyleGlobal .blocParagraphe .colonneDroite {
  margin-right: 0%;
}
.textStyleGlobal .titreNormalStyle {
  font-size: 22px;
  font-weight: 300;
}
.imgEntete {
  width: 720px;
  height: 360px;
  margin-bottom: 20px;
}
.contentOnglets {
  padding: 0;
}
.tabContent {
  padding: 20px 0 0 0;
  display: block;
  height: auto;
  min-height: 40px;
  overflow: hidden;
  width: 100%;
}
.tabContent li.active a {
  color: #c22d16;
  border-bottom: 2px solid #c22d16;
}
.tabContent li a {
  float: left;
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11px;
  color: #9b9b9b;
  margin: 0 15px 5px 0;
  cursor: pointer;
  text-decoration: none;
  height: 22px;
  border-bottom: 2px solid transparent;
}
.tabContent li a:hover {
  text-decoration: none;
}
/*
.blocContentOnglets {
    clear: both;
}
*/
.blocContentOnglet {
  position: relative;
  margin-top: 15px;
}
.blocContentOnglet .blocMasqueTab {
  width: 350px;
  height: 290px;
  overflow: hidden;
  position: relative;
  float: left;
}
.blocContentOnglet .blocMasqueTab img {
  width: 350px;
  height: 290px;
  float: left;
  /*
            opacity: 0.7;
            */
  margin: 0;
  /*
            &:hover {
                opacity: 1;
            }
            */
}
.blocContentOnglet .masqueFlecheHome {
  height: 100%;
  background: url(../img/masqueFlecheHomeBig.png) no-repeat;
}
.sousTitreParagraphe {
  font-size: 13px;
  font-weight: 700;
  display: block;
  margin-bottom: 15px;
}
.pictoPage {
  background-image: url(../img/sprite-pictos2.svg);
  background-repeat: no-repeat;
}
.pictoFichierAudio,
.pictoAdobeReader {
  background-position: -28px -31px;
  background-size: 150px;
  width: 17px;
  height: 22px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.pictoFichierAudio {
  background-position: -62px -31px;
}
.trombis,
.blocOnglet,
.blocsGrisContent {
  margin-bottom: 20px;
}
.trombi {
  width: 238px;
  height: 345px;
  border: 1px solid #e2e2e2;
  float: left;
  text-align: center;
  position: relative;
  cursor: pointer;
  margin: 2px 2px 0 0;
}
.trombi img {
  max-width: 236px;
  min-width: 236px;
  min-height: 252px;
  /*opacity: 0.7;
        &:hover {
            opacity: 1;
        } */
}
.trombi .blocMasqueTrombi {
  position: absolute;
  z-index: 2;
  width: 236px;
  bottom: 0;
}
.trombi .masqueTrombi {
  background: url(../img/masqueFlecheTrombi.png);
  width: 100%;
  height: 15px;
}
.trombi .textTrombi {
  background-color: #FFFFFF;
  height: 89px;
  padding-top: 17px;
}
.trombi .blocMailTrombi {
  height: 40px;
  background-color: #c22d16;
  width: 100%;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  line-height: 40px;
  display: none;
}
.blocDateAffichage {
  border-bottom: 2px solid #FFFFFF;
  line-height: 0;
}
.blocDateAffichage .dateAffichage {
  background: url(../img/flecheDate.png) no-repeat #c22d16 100% 50%;
  background-size: 11px;
  border-left: 5px solid #9b2412;
  width: 160px;
  font-size: 26px;
  color: #FFFFFF;
  text-align: center;
  padding: 20px 0;
  font-weight: 300;
  vertical-align: middle;
}
.blocDateAffichage:nth-child(even) .dateAffichage {
  background-color: #9b2412;
  border-color: #741b0d;
}
.blocDateAffichage .infosDateAffichage {
  font-size: 13px;
  font-weight: 400;
  width: 560px;
  padding: 15px;
  vertical-align: middle;
  background-color: #fafafa;
}
.allDocumentJoint {
  margin-bottom: 20px;
}
.documentJoint {
  /*
    width: 340px;
    float: left;
    */
  margin: 0 0 20px 0;
  width: 338px;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: top;
}
.documentJoint .documentJointContent {
  background-color: #c22d16;
  height: 80px;
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  padding: 0 25px;
  vertical-align: middle;
  display: table-cell;
  cursor: pointer;
  width: 340px;
}
.documentJoint .documentJointContent:hover {
  background-color: #9b2412;
}
.documentJoint .onDocumentJointContent {
  background-color: #9b2412;
}
.documentJoint .documentsJointSlide {
  display: none;
}
.documentJoint .documentsJointSlide .documentJointSlide {
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  color: #434343;
  line-height: 16px;
  font-size: 13px;
  padding: 10px 85px 10px 10px;
  position: relative;
  cursor: pointer;
}
.documentJoint .pictoDocumentJointSlide {
  position: absolute;
  right: 0;
  width: 65px;
  height: 100%;
  background-color: #f5f5f5;
  top: 0;
}
.dateDocument {
  font-size: 11px;
  color: #9b9b9b;
  font-weight: 700;
  right: 20px;
}
.dateDocument + .titreGrisBloc {
  padding-right: 80px;
  padding-bottom: 10px;
}
.pictoFichierAudioGris,
.pictoAdobeReaderGris {
  background-position: -63px -44px;
  background-size: 208px;
  width: 21px;
  height: 25px;
  position: absolute;
  top: 35%;
  right: 20px;
}
.pictoFichierAudioGris {
  background-position: -110px -44px;
}
.blocGrisContent {
  background-color: #fafafa;
  padding: 20px;
  margin-bottom: 10px;
  width: 100%;
  position: relative;
  font-size: 13px;
  border-bottom: 1px solid #e2e2e2;
  overflow: hidden;
}
.blocGrisContent span {
  position: absolute;
}
.blocGrisContent .colonneGauche,
.blocGrisContent .colonneDroite {
  width: 330px;
  height: auto;
  float: left;
  text-align: center;
}
.blocGrisContent .colonneGauche {
  margin-right: 2%;
}
.blocGrisContent .colonneDroite {
  margin-right: 0%;
}
.blocGrisContent p {
  text-align: left;
  margin: 0 0 15px 0;
}
.blocGrisContent p a {
  text-decoration: none;
  color: #c22d16;
}
.blocGrisContent .boutonTelecharger {
  margin: 30px 0 0 0;
}
.blocGrisContentBouton {
  width: 540px;
  height: auto;
  float: left;
}
.blocGrisContentMedia {
  width: 450px;
  height: auto;
  float: left;
}
.titreGrisBloc {
  color: #9b9b9b;
  font-size: 18px;
  line-height: 22px;
  text-align: left;
  font-weight: 300;
}
.telechargerDocumentBlocGris {
  clear: both;
  padding-top: 15px;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.blocHistory {
  margin-bottom: 20px;
}
.btPlay {
  background: url(../img/videoThumb.png) no-repeat;
  width: 500px;
  height: 480px;
  position: absolute;
  top: inherit;
  margin-left: 14px;
  z-index: 2;
}
.sliderPortfolio .photo .videoBox {
  background: url(../img/videoThumb.png) no-repeat;
  width: 500px;
  height: 480px;
}
.sliderPortfolio .photo .videoBox img {
  width: 390px !important;
  height: 294px !important;
  min-height: inherit;
  min-width: inherit;
  display: block;
  top: 94px;
  left: 68px;
  position: absolute;
}
.selectFiltre {
  color: #9b9b9b;
  font-size: 13px;
  font-weight: 400;
  border-bottom: 1px solid #e2e2e2;
  padding: 10px 0;
  clear: both;
  margin: 20px 0;
  overflow: hidden;
}
.selectFiltre select {
  font-weight: 700;
  height: 30px;
  line-height: 1.3em;
  width: auto;
  min-width: 100px;
  background-color: #e2e2e2;
  padding: 6px 20px 6px 10px;
  vertical-align: middle;
  text-align: left;
  border: 0;
  -webkit-appearance: none;
  margin: 0px 0px 0 10px;
}
.selectFiltre label.selectLabelFiltre {
  /*
        display: inline-block;
        */
  display: block;
  float: left;
  line-height: 1em;
  margin: 0 30px 0 0;
}
.selectFiltre label.selectLabelFiltre:after {
  content: '';
  display: block;
  width: 22px;
  height: 30px;
  background: url(../img/flecheSelect.png) no-repeat #e2e2e2 5px 11px;
  background-size: 13px;
  position: absolute;
  top: 0px;
  right: 0px;
  pointer-events: none;
  -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px;
}
.ie678 .pictoHome,
.ie678 .pictoPage {
  background-image: url(../img/sprite-pictos2.png);
}
.ie7 .filtreNB:hover,
.ie7 .filtreNB {
  filter: none !important;
}
.cke_panel_container .citation {
  font-style: italic;
  font-size: 26px;
  color: #c22d16;
  font-weight: 300;
  line-height: 35px;
  display: block;
}
.cke_panel_container .h3BlocParagraphe {
  color: #9b9b9b;
  font-size: 18px;
  font-weight: 300;
  display: block;
}
.cke_panel_container .sousTitreParagraphe {
  font-size: 13px;
  font-weight: 700;
  display: block;
  color: #3b3837;
}
/* firefox only */
/*
@-moz-document url-prefix() {
    .selectFiltre select {
        margin: 0px 5px 0 10px;
        padding: 5px 0px 3px 10px;
    }
}
*/
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .slides {
  display: block;
}
* html .slides {
  height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}
/* FlexSlider Default Theme
*********************************/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  zoom: 1;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.flexslider .slides {
  zoom: 1;
}
.carousel li {
  margin-right: 5px;
}
/* Direction Nav */
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  width: 30px;
  height: 30px;
  margin: -20px 0 0;
  display: block;
  background: url(../img/bg_direction_nav.png) no-repeat 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
}
.flex-direction-nav .flex-next {
  background-position: 100% 0;
  right: -36px;
}
.flex-direction-nav .flex-prev {
  left: -36px;
}
.flexslider:hover .flex-next {
  opacity: 0.8;
  right: 5px;
}
.flexslider:hover .flex-prev {
  opacity: 0.8;
  left: 5px;
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0.3 !important;
  filter: alpha(opacity=30);
  cursor: default;
}
/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: 0.7;
  cursor: pointer;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 0;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 0;
  }
}
/* Variables Custom */
/*
@colorRed: #c22d16;
@colorWhite: #FFFFFF;
@colorText: #3b3837;
*/
/* Classes de Bases */
/*
* Placeholders consistency
*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #bababa;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #bababa;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #bababa;
}
/* Pictos sprite */
.picto {
  display: inline-block;
  background: url(../img/sprite-pictos.png) no-repeat;
  /* .svg */
}
.picto-site {
  width: 16px;
  height: 14px;
  background-position: -4px -4px;
}
.picto-retour {
  width: 6px;
  height: 11px;
  background-position: -2px -26px;
}
.picto-facebook-ombre {
  width: 43px;
  height: 51px;
  background-position: -29px -7px;
}
.picto-twitter-ombre {
  width: 42px;
  height: 51px;
  background-position: -83px -7px;
}
.picto-pointer-ombre {
  width: 44px;
  height: 51px;
  background-position: -144px -7px;
}
.picto-partager {
  width: 44px;
  height: 47px;
  background-position: -140px -68px;
}
.picto-facebook {
  width: 32px;
  height: 36px;
  background-position: 0px -135px;
}
.picto-twitter {
  width: 32px;
  height: 26px;
  background-position: 0px -200px;
}
.picto-gplus {
  width: 32px;
  height: 32px;
  background-position: 0px -259px;
}
.picto-linked {
  width: 32px;
  height: 26px;
  background-position: 0px -319px;
}
.picto-pinterest {
  width: 32px;
  height: 28px;
  background-position: 0px -381px;
}
.picto-spotify {
  width: 32px;
  height: 26px;
  background-position: 0px -440px;
}
.picto-youtube {
  width: 32px;
  height: 32px;
  background-position: 0px -496px;
}
.picto-scoopit {
  width: 32px;
  height: 26px;
  background-position: 0px -561px;
}
.picto-viadeo {
  width: 32px;
  height: 30px;
  background-position: 0px -618px;
}
.picto-blogger {
  width: 32px;
  height: 28px;
  background-position: 0px -679px;
}
.picto-blog {
  width: 32px;
  height: 30px;
  background-position: 0px -743px;
}
.picto-site-big {
  width: 32px;
  height: 28px;
  background-position: 0px -813px;
}
.picto-moins {
  width: 15px;
  height: 15px;
  background-position: -83px -146px;
}
.picto-plus {
  width: 15px;
  height: 15px;
  background-position: -106px -146px;
}
.picto-bt-fb {
  width: 30px;
  height: 30px;
  background-position: 0px -970px;
}
.picto-bt-tw {
  width: 30px;
  height: 30px;
  background-position: -30px -970px;
}
.picto-bt-in {
  width: 30px;
  height: 30px;
  background-position: -60px -970px;
}
.picto-bt-yt {
  width: 30px;
  height: 30px;
  background-position: -90px -970px;
}
.btPicto {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  background: #d5d1cc;
  text-align: center;
  margin: 0 2px;
}
.btPicto:hover {
  background: #c22d16;
}
.btPicto .picto {
  vertical-align: middle;
}
/* Classes utiles */
.largeMax {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.paddingContent {
  padding: 0 15px;
}
.paddingContentBottom {
  padding-bottom: 30px;
}
.paddingContentTop {
  padding-top: 30px;
}
.noMargin {
  margin: 0;
}
.col50 {
  float: left;
  width: 50%;
}
.clear {
  clear: both;
}
.ombreCourbeBottom {
  position: relative;
}
.ombreCourbeBottom:after {
  content: '';
  position: absolute;
  z-index: -10;
  bottom: 6px;
  left: 5%;
  width: 90%;
  height: 50px;
  border-radius: 25%;
  -webkit-box-shadow: 0px 10px 8px #666;
  -moz-box-shadow: 0px 10px 8px #666;
  box-shadow: 0px 10px 8px #666;
}
.btnSimple {
  display: inline-block;
  padding: 0px 15px;
  font-weight: bold;
  text-transform: uppercase;
  background: #d5d1cc;
  color: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
.btnSimple:hover {
  color: #ffffff;
  background: #555;
  text-decoration: none;
}
.btnSimple .picto {
  vertical-align: middle;
  margin-right: 6px;
}
.btnSimpleBlock {
  display: block;
  margin: 0 0 10px 0;
}
.ombreRecourbe {
  position: relative;
  background: #ffffff;
}
.ombreRecourbe::after,
.ombreRecourbe::before {
  content: "";
  position: absolute;
  width: 50%;
  height: 50px;
  bottom: 8px;
  z-index: -1;
}
.ombreRecourbe::before {
  left: -8px;
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
}
.ombreRecourbe::after {
  right: -8px;
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
  -webkit-box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.25);
  box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.25);
}
.ombreRecourbeLarge::after,
.ombreRecourbeLarge::before {
  bottom: 15px;
}
.ombre {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.lienPlus {
  text-align: right;
}
.lienPlus a {
  color: #cd360a;
}
.lienPlus .picto {
  margin-right: 5px;
}
.fondPerdu {
  background-color: #ffffff;
  width: 800px;
  margin: auto;
}
body,
.backgroundFull:nth-child(even) .textStyleGlobal h2 span,
.fondMotifBruit {
  background-image: url(data:image/png;base64,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);
}
/**** Transitions ****/
.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -ms-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}
.masonry {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
  -moz-transition-property: left, right, top;
  -ms-transition-property: left, right, top;
  -o-transition-property: left, right, top;
  transition-property: left, right, top;
}
/* Structure Globale */
/*
body,
*/
html {
  height: 100%;
}
body {
  background-color: #f4f5f6;
  min-height: 100%;
}
a {
  text-decoration: none;
  color: #cd360a;
}
a:hover {
  text-decoration: underline;
  color: #cd360a;
}
.wrapper2,
.wrapper {
  width: 1200px;
}
/* pour pousser le contenu de la hauteur du header */
#push-header {
  height: 160px;
}
.textStyleGlobal.wrapper2 {
  min-height: 600px;
}
.navbar {
  background: #ffffff;
  border-bottom: 1px solid #eeeeee;
  position: fixed;
  z-index: 30;
  top: 0px;
  left: 0px;
  width: 100%;
}
.navbar .wrapper2,
.navbar .wrapper {
  /*width: auto;
        height: 159px;
        margin: 0 10%;
        position: relative;*/
  width: 1200px;
  height: 159px;
  margin: 0 auto;
  position: relative;
}
.navbar .logo {
  padding: 15px 0;
  margin: 0;
}
.navbar .logo img {
  box-sizing: content-box;
}
.navbar .langue {
  position: absolute;
  right: 0px;
  top: 0px;
}
.navbar .langue a {
  color: #434343;
  border-left: 1px solid #d1d1d1;
  padding: 8px 20px 9px 12px;
  display: block;
  float: left;
}
.navbar .langue a:hover {
  color: #cd360a;
  text-decoration: none;
}
.navbar .langue a.current {
  background: #f6f6f6;
}
.navbar .followUs {
  padding: 5px;
  float: left;
}
.navbar .followUs .picto {
  line-height: 999em;
  overflow: hidden;
  margin: 0 4px;
}
.navbar .followUs a {
  border: 0;
  padding: 0;
  display: inline-block;
  transition: transform 0.4s;
}
.navbar .followUs a:nth-child(even):hover {
  transform: rotate(15deg);
}
.navbar .followUs a:nth-child(odd):hover {
  transform: rotate(-15deg);
}
.navbar .menu {
  text-align: right;
  text-transform: uppercase;
  padding: 70px 0 20px 0;
}
.navbar .menu a {
  margin: 0 10px;
  color: #3b3837;
}
.navbar .menu a.current,
.navbar .menu a:hover {
  color: #cd360a;
  text-decoration: none;
}
.navbar .btn-navbar {
  display: none;
}
.navbar .btn-groupe {
  height: 38px;
}
.navbar .btn-groupe a {
  display: inline-block;
  background: #f6f6f6;
  color: #434343;
  padding: 0;
  position: fixed;
  width: 220px;
  height: 38px;
  line-height: 38px;
}
.navbar .btn-groupe a:before {
  content: '';
  display: block;
  background: #d1d1d1;
  width: 38px;
  height: 38px;
  float: left;
  margin-right: 10px;
}
.navbar .btn-groupe a .picto {
  position: absolute;
  top: 12px;
  left: 15px;
}
.navbar .btn-groupe a:hover {
  color: #cd360a;
  text-decoration: none;
}
#menuMobile {
  display: none;
}
.navFooter {
  text-align: center;
  padding: 30px 0;
}
.navFooter a {
  margin: 0 20px;
  text-transform: uppercase;
  color: #434343;
}
.containMenuAncre {
  position: relative;
}
.menuAncre {
  width: 220px;
  position: fixed;
  /*
    z-index: 5;
    */
  z-index: 2;
  margin: 20px 0 0 -200px;
  font-weight: 300;
}
.menuAncre ul {
  list-style: none outside;
  padding: 0;
}
.menuAncre ul li {
  margin-bottom: 1px;
}
.menuAncre ul li a {
  display: block;
  color: #ffffff;
  text-transform: uppercase;
  background: #c22d16;
  text-align: center;
  padding: 20px 20px;
  line-height: 1.3em;
}
.menuAncre ul li a:hover {
  text-decoration: none;
}
.menuAncre ul li ul li {
  font-size: 0.9286em;
  margin-bottom: 0;
}
.menuAncre ul li ul li a {
  background: url(../img/fond-menu-ancre-select.png) no-repeat -1000px 0px #3b3837;
  text-transform: none;
  border-bottom: 1px solid #242221;
}
.menuAncre ul li ul li.active {
  position: relative;
  /*
                    &:after {
                        content: '';
                        display: block;
                        border: 14px solid transparent;
                        position: absolute;
                        top: 50%;
                        right: 0px;
                        margin-top: -14px;
                        border-right-color: #ffffff;
                    }
                    */
}
.menuAncre ul li ul li.active a {
  background-color: transparent;
  background-position: right center;
  /*
                        background: #242221;
                        */
}
.menuAncre ul li ul li:last-child a {
  border-bottom: 0;
}
.menuCarte {
  width: 240px;
  position: absolute;
  z-index: 2;
  margin: 20px 0 0 -200px;
}
.menuCarte .nav {
  background: #ffffff;
  padding: 20px 10px;
  margin: 0 0 20px 0;
}
.menuCarte ul {
  list-style: none outside;
  padding: 0;
}
.menuCarte ul li {
  padding: 0 0 0 30px;
  position: relative;
}
.menuCarte ul li > a {
  font-weight: 300;
  color: #c22d16;
  font-size: 1.2857em;
  /* equiv 18px */
  display: inline-block;
  margin: 0 0 5px 0;
}
.menuCarte ul li > a:hover {
  text-decoration: none;
}
.menuCarte ul li > a:before {
  content: '';
  display: block;
  width: 12px;
  height: 7px;
  background: url("../img/sprite-pictos.png") no-repeat scroll -40px -135px transparent;
  position: absolute;
  top: 10px;
  left: 10px;
}
.menuCarte ul .close > a {
  color: #3b3837;
}
.menuCarte ul .close > a:hover {
  color: #c22d16;
}
.menuCarte ul .close > a:before {
  width: 7px;
  height: 12px;
  top: 8px;
  left: 13px;
  background-position: -40px -146px;
}
.menuCarte ul .close > a:hover:before {
  background-position: -51px -146px;
}
.menuCarte ul ul li {
  padding: 4px 0 0px 0px;
}
.menuCarte ul ul li p,
.menuCarte ul ul li h3 {
  font-size: 0.9286em;
  /* equiv 13px */
}
.menuCarte ul ul li h3 {
  font-weight: bold;
  line-height: 1.4em;
  margin: 0 0 5px 0;
}
.menuCarte ul ul li h3:before {
  content: '';
  display: block;
  width: 15px;
  height: 22px;
  position: absolute;
  top: 4px;
  left: 0px;
  /*
                    background: url(../img/maps/icon_map.png) no-repeat;
                    background-size: contain;
                    */
}
.menuCarte ul ul li p {
  line-height: 1.3em;
  margin: 0 0 5px 0;
}
.menuCarte ul ul li a:hover {
  color: #741b0d;
  text-decoration: none;
}
.menuCarte ul ul li .filiale {
  padding: 0 0 15px 0;
}
.carteContainer {
  position: relative;
}
.carteContainer .btMenuCarte {
  display: none;
}
.carteContainer .carte {
  top: 0px;
  position: fixed;
  z-index: 1;
  text-align: right;
  width: 100%;
  height: 100%;
  min-height: 600px;
  padding: 160px 0 0 0;
  background: #f5f5f5;
}
.carteContainer .carte #svgObject {
  width: 80%;
  height: 100%;
  float: right;
  overflow: hidden;
  background: #f5f5f5;
  /*
            position: relative;
            */
}
.carteContainer .carte #svgObject svg {
  display: block;
}
.carteContainer #popupFiliale {
  /*
        position: fixed;
        margin-top: -160px;
        */
  text-align: left;
  position: absolute;
  width: 190px;
  padding: 30px 0px 0px 0px;
  background: #ffffff;
  min-height: 182px;
  /*
        */
  display: none;
  z-index: 2;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}
.carteContainer #popupFiliale:before {
  content: '';
  border: 8px solid transparent;
  /*
            position: fixed;
            */
  position: absolute;
  border-right-color: #ffffff;
  margin: 12px 0 0 -16px;
}
.carteContainer #popupFiliale .overflow {
  max-height: 460px;
  overflow-y: auto;
  padding: 0 10px 5px 10px;
}
.carteContainer #popupFiliale h2 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 190px;
  background: #c22d16;
  color: #ffffff;
  font-weight: 300;
  font-size: 1.2857em;
  /* equiv 18px */
  text-align: center;
}
.carteContainer #popupFiliale p,
.carteContainer #popupFiliale h3 {
  /*
            font-size: 0.9286em; /* equiv 13px *
            */
  font-size: 0.8571em;
  /* equiv 12px */
}
.carteContainer #popupFiliale h3 {
  font-weight: bold;
  line-height: 1.4em;
  margin: 8px 0 2px 0;
}
.carteContainer #popupFiliale p {
  line-height: 1.3em;
  margin: 0 0 5px 0;
}
.carteContainer #popupFiliale a:hover {
  color: #741b0d;
  text-decoration: none;
}
.carteContainer #popupFiliale.popEau {
  top: auto !important;
  left: auto !important;
  bottom: 62px;
  right: 110px;
}
.carteContainer #popupFiliale.noArrow:before {
  display: none;
}
.carteContainer #popupFiliale.arrowRight:before {
  border-color: transparent;
  border-left-color: #FFFFFF;
  margin: 98px 0 0 190px;
}
.carteContainer #popupFiliale.arrowTopRouge:before {
  border-color: transparent;
  border-bottom-color: #c22d16;
  margin: -46px 0 0 100px;
}
.carteContainer #popupFiliale.arrowLeftBas:before {
  margin-top: 96px;
}
.carteContainer .eau {
  background: url(../img/maps/eau-on.png) no-repeat #f5f5f5;
  width: 212px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  border: 6px solid #ffffff;
  color: #3b3837;
  /*
        font-size: 1.1429em;
        */
  font-size: 1.2857em;
  padding: 0;
  text-align: left;
  cursor: pointer;
}
.carteContainer .eau img {
  margin: 0;
}
.carteContainer .eau:hover img {
  visibility: hidden;
}
.carteContainer .eau span {
  position: absolute;
  top: 5px;
  left: 5px;
}
.carteContainer .legende {
  position: absolute;
  bottom: 10px;
  left: 30%;
  margin-left: 0px;
  font-size: 0.8571em;
}
.carteContainer .legende span {
  display: inline-block;
  vertical-align: middle;
  background: #828283;
  border: 3px solid #ffffff;
  height: 20px;
  width: 20px;
  margin: 0 0 0 20px;
}
.carteContainer .legende span:first-child {
  margin-left: 0;
}
.carteContainer .legende .rouge {
  background: #c22d16;
}
.blocHomeDouble {
  height: 480px;
  position: relative;
}
.blocHomeDouble:hover .previewImg,
.blocHomeDouble .previewImg {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 480px;
  z-index: 1;
  /*
        -moz-transform: none;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        */
}
.blocHomeSimple {
  height: 240px;
}
.blocHomeSimple img {
  vertical-align: baseline;
}
.blocHomeSimple div {
  word-wrap: break-word;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
}
.mapsContain {
  position: relative;
}
.mapsContain:before,
.mapsContain:after {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  position: absolute;
  left: 0px;
  z-index: 1;
}
.mapsContain:before {
  top: 0px;
  -webkit-box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 0.3);
}
.mapsContain:after {
  bottom: 0px;
  -webkit-box-shadow: inset 0px -10px 10px -10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px -10px 10px -10px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px -10px 10px -10px rgba(0, 0, 0, 0.3);
}
.mapsContain img {
  max-width: none;
}
.mapsContain .encartMaps {
  position: absolute;
  top: 50%;
  right: 10%;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 5px #666;
  -moz-box-shadow: 0px 0px 5px #666;
  box-shadow: 0px 0px 5px #666;
  margin-top: -200px;
  min-width: 215px;
  max-width: 360px;
}
.mapsContain .encartMaps div {
  max-height: 310px;
  overflow: auto;
}
.mapsContain .encartMaps h2 {
  background: #c22d16;
  color: #ffffff;
  font-weight: 300;
  padding: 10px 50px;
  margin: 0 0 15px 0;
  position: relative;
  text-align: center;
}
.mapsContain .encartMaps h2:after {
  content: '';
  display: block;
  border: 8px solid transparent;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -8px;
  border-bottom-color: #ffffff;
}
.mapsContain .encartMaps h3 {
  font-weight: bold;
  font-size: 0.8571em;
  padding: 0 0 0 30px;
  margin: 0 20px;
}
.mapsContain .encartMaps p {
  font-size: 0.8571em;
  line-height: 1.3em;
  padding: 0 0 10px 30px;
  margin: 0 20px 10px 20px;
  border-bottom: 1px dotted #d1d1d1;
  position: relative;
}
.mapsContain .encartMaps p:after {
  content: '';
  display: block;
  width: 25px;
  height: 39px;
  background: url(../img/maps/icon_map_grey.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: -17px;
  left: 0px;
}
.mapsContain .encartMaps .marker:last-child p {
  border: 0;
}
.mapsContain .encartMaps .markerCurrent p:after {
  background-image: url(../img/maps/icon_map.png);
}
.logoClients {
  overflow: hidden;
  margin: 0 0 0 -20px;
  /*
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    width: 720px;
    */
}
.logoClients a {
  color: #e0e0e0;
}
.logoClients .item {
  width: 165px;
  height: 100px;
  float: left;
  margin: 0 0 20px 20px;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  text-align: center;
  padding: 5px;
}
.logoClients .item a {
  display: block;
  height: 88px;
  line-height: 85px;
  overflow: hidden;
}
.logoClients .item img {
  max-height: 100%;
  max-width: 100%;
  /*
            max-width: none;
            height: auto;
            vertical-align: middle;
            margin: -2px 0 0 0;
            line-height: 90px;
            display: inline-block;
            */
}
.flexslider {
  background: none;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.flexslider .flex-direction-nav a {
  width: 20px;
  height: 40px;
  margin: 0px 0 0 0;
  background: url(../img/sprite-pictos.png) no-repeat -2px -71px;
  top: 5px;
  opacity: 0.5;
  z-index: 5;
}
.flexslider .flex-direction-nav .flex-next {
  background-position: -32px -71px;
  right: 30px;
}
.flexslider .flex-direction-nav .flex-prev {
  left: 30px;
}
.flexslider:hover .flex-next {
  opacity: 0.8;
  right: 30px;
}
.flexslider:hover .flex-prev {
  opacity: 0.8;
  left: 30px;
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
  opacity: 1;
}
.sliderPortfolio h3 {
  font-size: 1.8571em;
  /* equiv 26px */
  font-weight: 300;
  text-align: center;
  margin: 0 0 20px 0;
}
.sliderPortfolio .overPhoto {
  margin-right: -14px;
  position: relative;
  z-index: 10;
}
.sliderPortfolio .overPhoto .after {
  width: 14px;
  height: 240px;
  background: url(../img/masque-encoche-blanc.png) no-repeat;
  float: right;
  /*
            border-left: 2px solid #fff;
            */
  margin-left: -2px;
}
.sliderPortfolio .overPhoto .masqueLogo {
  width: 226px;
  overflow: hidden;
  background: #fff;
}
.sliderPortfolio .overPhoto .logo {
  background: #ffffff;
  height: 240px;
  line-height: 240px;
  text-align: center;
}
.sliderPortfolio .overPhoto .logo img {
  width: auto;
  display: inline;
  vertical-align: middle;
  max-width: 180px;
}
.sliderPortfolio .overPhoto .desc {
  background: #3b3837;
  color: #ffffff;
  height: 180px;
  margin-top: 60px;
  padding: 10px;
  position: relative;
}
.sliderPortfolio .overPhoto .desc:before {
  content: '';
  background: #ffffff;
  display: block;
  height: 60px;
  width: 100%;
  position: absolute;
  top: -60px;
  left: 0px;
}
.sliderPortfolio .overPhoto .desc h4 {
  font-size: 1.2857em;
  margin: 0 0 15px 0;
}
.sliderPortfolio .overPhoto .desc .overflow {
  height: 127px;
  overflow: hidden;
}
.sliderPortfolio .overPhoto .desc p {
  font-size: 0.9286em;
  /* equiv 13px */
  line-height: 1.4em;
}
.sliderPortfolio .overPhoto .desc .voirPlus {
  display: block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: #9b9b9b;
  position: absolute;
  z-index: 5;
  right: 0px;
  bottom: 0px;
}
.sliderPortfolio .overPhoto .desc .voirPlus .picto {
  vertical-align: middle;
}
.sliderPortfolio .overPhoto .desc .voirPlus:hover {
  background: #777;
}
.sliderPortfolio .overPhoto .desc .modVoirPlus:hover,
.sliderPortfolio .overPhoto .desc .modVoirPlus,
.sliderPortfolio .overPhoto .modVoirPlus {
  background-color: #242221;
}
.sliderPortfolio .photo {
  background: #ffffff;
  height: 480px;
  width: 494px;
  float: right;
  position: relative;
}
.sliderPortfolio .photo img {
  /*width: 640px;*/
  /*width: 500px;*/
  /*max-width: none;*/
  /*margin-left: -66px;*/
  /*margin-left: -6px;*/
  /*height: 480px;*/
  min-height: 100%;
  min-width: 100%;
  max-width: none;
  max-height: none;
  width: auto;
  height: auto;
}
.sliderPortfolio .photo .miniatures {
  -webkit-transition: all 0.4s ease-in;
  -moz-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  background: #4d4b4a;
  padding: 10px 5px 10px 10px;
  position: absolute;
  bottom: -70px;
  right: 0px;
  z-index: 3;
}
.sliderPortfolio .photo .miniatures a {
  display: inline-block;
  margin: 0 5px 0 0;
  width: 42px;
  height: 40px;
  overflow: hidden;
}
.sliderPortfolio .photo .miniatures img {
  width: auto;
  height: 40px;
  margin: 0;
}
.sliderPortfolio .photo .miniatures .galleryVideo img {
  margin: 0 0 0 -5px;
}
.sliderPortfolio .photo:hover .miniatures {
  bottom: 0px;
}
.sliderPortfolio .btLien {
  min-height: 40px;
  text-align: right;
  /*
        margin: 10px 0 0 0;
        */
}
.sliderPortfolio .btLien a {
  display: inline-block;
  background: #c22d16;
  color: #ffffff;
  padding: 0 0 0 20px;
  font-size: 1.0714em;
  line-height: 44px;
  position: relative;
  font-weight: 200;
}
.sliderPortfolio .btLien a:hover {
  text-decoration: none;
  background: #9b2412;
}
.sliderPortfolio .btLien a:after {
  content: '';
  display: block;
  width: 44px;
  height: 44px;
  float: right;
  margin: 0 0 0 20px;
  background: #9b2412;
}
.sliderPortfolio .btLien a .picto {
  position: absolute;
  right: 12px;
  top: 17px;
}
.sliderPortfolio .description {
  display: none;
  margin-top: -480px;
  position: relative;
  background: #242221;
  color: #ffffff;
  padding: 20px 25px 20px 34px;
  overflow: auto;
  z-index: 2;
  margin-left: -14px;
  width: 494px;
  height: 480px;
}
.sliderPortfolio .description h4 {
  font-size: 1.2857em;
  /* equiv 18px */
  margin: 0 0 10px 0;
  color: #ffffff;
}
.sliderPortfolio .description p {
  font-size: 0.9286em;
  /* equiv 13px */
  margin: 0 0 15px 0;
}
.sliderActuFiliale {
  text-align: center;
  overflow: hidden;
  display: table;
}
.sliderActuFiliale .photo {
  width: 220px;
  height: 140px;
  float: left;
  background: url(../img/photo-defaut-actu.jpg) no-repeat;
  position: relative;
}
.sliderActuFiliale .photo:after {
  content: '';
  border: 14px solid transparent;
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -7px;
  border-right-color: #ffffff;
}
.sliderActuFiliale .photo img {
  max-width: none;
}
.sliderActuFiliale .infos {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  word-wrap: break-word;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
  width: 100%;
}
.sliderActuFiliale .infos h2 {
  color: #c22d16;
  font-size: 0.7857em;
  font-weight: bold;
  text-transform: uppercase;
}
.sliderActuFiliale .infos h3 {
  font-size: 1.8571em;
  /* equiv 26px */
  line-height: 1.54em;
  font-weight: 300;
  margin: 0;
}
.reseauxSociaux {
  position: absolute;
  right: 0px;
  bottom: -120px;
  z-index: 2;
  /*
    a:nth-child(1) {
        background: @colorRedNiveau2;
    }

    a:nth-child(2) {
        background: @colorRedNiveau1;
    }
    */
}
.reseauxSociaux a {
  display: block;
  width: 120px;
  height: 120px;
  background: #741b0d;
  text-align: center;
  line-height: 120px;
}
.reseauxSociaux a .picto {
  vertical-align: middle;
  /*
            position: relative;
            top: 0px;
            .transition(all .3s ease);
            */
}
.reseauxSociaux a.close {
  background: #9b2412;
}
.reseauxSociaux a:hover {
  text-decoration: none;
  background: #741b0d;
  /*
            .picto {
                top: -5px;
            }
            */
}
.reseauxSociaux .menu {
  position: absolute;
  top: 120px;
  left: 0px;
}
.reseauxSociaux .menu a {
  height: 60px;
  line-height: 60px;
  background: #c22d16;
  border-bottom: 1px solid #9b2412;
}
.reseauxSociaux .menu a:hover {
  background: #9b2412;
}
.bandeauMsg {
  background-color: #3b3837;
  min-height: 40px;
  font-size: 0.8571em;
  /* equiv 12px */
  text-align: center;
  color: #FFFFFF;
  line-height: 2.4em;
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 10px;
  z-index: 20;
}
.bandeauMsg .savoir_plus {
  color: #ffffff;
  text-decoration: underline;
}
.bandeauMsg .btnSimple {
  padding: 0 10px;
  margin: 0 10px;
  min-width: 0;
  min-height: 0;
  line-height: 2.4em;
  font-size: 1em;
  border: 0;
  font-weight: normal;
  background: #c22d16;
}
.encartFinance {
  padding: 30px 0;
}
.encartFinance .sample {
  text-align: center;
  line-height: 1.5em;
}
.encartFinance .sample1 {
  text-align: left;
  min-height: 130px;
  display: inline-block;
  background-color: #9b2412;
  width: 350px;
  padding: 10px;
  margin-right: 20px;
  /*
        border-radius: 15px;
        */
  height: 254px;
  vertical-align: middle;
}
.encartFinance .sample1 span {
  color: white;
}
.encartFinance .sample2 span {
  color: #3b3837;
}
.encartFinance .sample2 {
  text-align: left;
  margin-right: auto;
  min-height: 130px;
  display: inline-block;
  background-color: #fff;
  color: #9b2412;
  /*
        width: 350px;
        */
  padding: 10px;
  border: 1px solid #ddd;
  /*
        border-radius: 15px;
        */
  height: 254px;
  vertical-align: middle;
}
.encartFinance .sample1 .lbl {
  min-width: 100px;
  display: inline-block;
}
.encartFinance .sample2 .lbl {
  min-width: 150px;
  display: inline-block;
}
.encartFinance .sample1 .lblasvalue {
  color: white;
}
.encartFinance .sample .lblasvalue {
  font-size: 1.5em;
}
.encartFinance .sample .sample1 .lblt,
.encartFinance .sample .sample1 #formatted_trd {
  color: white;
}
.encartFinance .sample .sample1 .lbl {
  color: lightgray;
}
.encartFinance .sample .sample1 .formatteddateTime {
  color: lightgray;
  float: right;
}
.encartFinance .sample .red {
  color: red;
}
.encartFinance .sample .formattedlastPx {
  font-size: 3em;
  color: #fff;
  line-height: 1.5em;
  font-weight: bold;
}
.encartFinance .sample .formattedd_var {
  vertical-align: top;
  font-size: 1.5em;
}
.encartFinance .sample .formatteddateTime {
  color: #3b3837;
  font-size: 1em;
}
.encartFinance .sample .lblt {
  color: #3b3837;
  font-size: 1em;
  font-weight: 600;
}
.encartFinance .sample .lbl {
  color: #3b3837;
  font-size: 1em;
  margin-right: 20px;
}
.encartFinance .sample span {
  margin-right: 4px;
  font-size: 1.5em;
  cursor: help;
}
.encartFinance .sample .green {
  color: lightgreen;
}
.encartFinance .grpfield {
  font-weight: 600;
  margin-top: 10px;
  width: 100%;
  clear: both;
}
.encartFinance .labelfield {
  min-width: 300px;
  float: left;
}
.encartFinance .reffield {
  float: left;
  min-width: 300px;
}
.encartFinance .subgrpfield {
  color: #3b3837;
  font-weight: 600;
  margin-top: 10px;
  width: 100%;
  clear: both;
}
.encartFinance span#jasonshow {
  word-break: break-all;
}
/* Pages spécifiques */
.home .navbar {
  padding-bottom: 480px;
  margin-bottom: -480px;
  position: static;
}
.home #push-header {
  display: none;
}
.home .encartFinance {
  padding: 0;
  /*
        .encartFinance .sample2 {
            display: none;
        }
        */
}
.home .encartFinance .sample {
  background: #9b2412;
  /*
            border-top: 1px solid @colorGrisNiveau2;
            padding-top: 30px;
            */
}
.home .encartFinance .sample .formattedlastPx {
  line-height: 1.25em;
}
.home .encartFinance .sample1 {
  margin: 0;
  height: 240px;
  padding: 5px 0;
  width: 440px;
  /*
            margin-right: auto;
            margin-left: auto;
            */
}
.flexslider.homeslider {
  margin: 0;
}
.flexslider.homeslider .flex-control-nav {
  bottom: 20px;
}
.flexslider.homeslider .flex-control-nav li a {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);
}
.flexslider.homeslider .flex-control-nav li a.flex-active {
  background: rgba(255, 255, 255, 0.9);
}
.flexslider.homeslider .flex-direction-nav a {
  background: none;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  height: auto;
  margin: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  overflow: visible;
  opacity: 1;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.8);
  text-indent: 0;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flexslider.homeslider .flex-direction-nav a::after {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-size: 90px;
  font-style: normal;
  font-variant: normal;
  font-weight: 600;
  line-height: 1;
  text-rendering: auto;
}
.flexslider.homeslider .flex-direction-nav a.flex-prev {
  left: 0;
}
.flexslider.homeslider .flex-direction-nav a.flex-next {
  right: 0;
}
.flexslider.homeslider .flex-direction-nav a.flex-prev::after {
  content: "\f104";
}
.flexslider.homeslider .flex-direction-nav a.flex-next::after {
  content: "\f105";
}
.filiale {
  /* pour enlever le fixed */
  /*
	.menuAncre,
    */
}
.filiale .navbar {
  position: relative;
}
.filiale #push-header {
  display: none;
}
.filiale .navbar .logo {
  text-align: center;
  padding: 0;
}
.filiale .fondPerdu {
  background: 0;
}
.filiale .backgroundFull {
  border-bottom: 1px solid #eeeeee;
}
.filiale .backgroundFull:nth-child(odd) {
  background-color: #ffffff;
}
.filiale .filialeHeader {
  background: no-repeat center top;
  background-image: url(../img/filiale-highco-shopper-2.jpg);
}
.filiale .filialeHeader .wrapper2 {
  position: relative;
  line-height: 340px;
  height: 340px;
}
.filiale .filialeHeader h1 {
  height: 480px;
  padding-top: 120px;
  text-align: center;
}
.filiale .filialeHeader h1 img {
  width: 720px;
  height: 240px;
}
.filiale .filialeHeader .mod {
  overflow: visible;
}
.filiale .filialeHeader .flexslider {
  background: #ffffff;
  margin: 0;
  padding: 0 24px;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  -webkit-box-shadow: 0px 0px 5px #ccc;
  -moz-box-shadow: 0px 0px 5px #ccc;
  box-shadow: 0px 0px 5px #ccc;
}
.filiale .filialeHeader .flexslider .flex-direction-nav a {
  background: #e2e2e2;
  width: 24px;
  height: 100%;
  top: 0px;
  opacity: 1;
}
.filiale .filialeHeader .flexslider .flex-direction-nav .flex-next {
  right: 0px;
}
.filiale .filialeHeader .flexslider .flex-direction-nav .flex-prev {
  left: 0px;
}
.filiale .filialeHeader .flexslider .flex-direction-nav a:after {
  content: '';
  display: block;
  width: 8px;
  height: 13px;
  background: url(../img/sprite-pictos.png) no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -7px;
}
.filiale .filialeHeader .flexslider .flex-direction-nav .flex-next:after {
  background-position: -11px -43px;
  right: 7px;
}
.filiale .filialeHeader .flexslider .flex-direction-nav .flex-prev:after {
  background-position: -1px -43px;
  left: 7px;
}
.filiale .selectFiltre .sousTitre {
  font-size: 16px;
  margin: 0 10px 20px 0;
  float: left;
}
.filiale .selectFiltre .selectLabelFiltre:last-child {
  margin-right: 0;
}
/* IE Fixe Bugs */
.ie67 .navbar .btn-navbar {
  padding: 0;
}
.ie67 .navbar .btn-navbar span:first-child {
  margin-top: 22px;
}
.ie67 .containMenuAncre {
  z-index: 5;
}
.ie67 .sliderPortfolio .btLien a {
  padding-right: 64px;
  display: block;
  float: right;
}
.ie67 .sliderPortfolio .overPhoto .desc {
  height: 200px;
  margin-top: 0;
  box-sizing: content-box;
}
.ie67 .filiale .filialeHeader .wrapper2 {
  z-index: 2;
}
.ie67 .filiale .filialeHeader .wrapper2 .flexslider {
  margin-top: 110px;
  box-sizing: content-box;
  width: auto;
}
.ie67 .reseauxSociaux {
  /* fix bug avec bordure -1px au roll */
  /* fix bug align vertical */
}
.ie67 .reseauxSociaux .menu a {
  box-sizing: content-box;
}
.ie67 .reseauxSociaux a span {
  zoom: 1;
}
.ie67 .navbar .btn-groupe a {
  text-align: center;
}
.ie67 .sliderActuFiliale .infos {
  width: auto;
}
.ie678 {
  /*
    .picto {
        background-image: url(../img/sprite-pictos.png);
    }
    */
  /*
    .carteContainer {
        .carte {
            background: url(../img/maps/carte-europe.png) no-repeat right 160px;
        }
    }
    */
}
.ie678 .mapsContain .encartMaps p {
  background: url(../img/maps/icon_map_grey.png) no-repeat;
}
.ie678 .mapsContain .encartMaps p:after {
  display: none;
}
.ie678 .mapsContain .encartMaps .markerCurrent p {
  background-image: url(../img/maps/icon_map.png);
}
.jssora051 {
  cursor: pointer;
  display: block;
  position: absolute;
}
.jssora051:hover {
  opacity: 0.8;
}
.jssora051 .a {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 360;
}
.jssora051.jssora051dn {
  opacity: 0.5;
}
.jssora051.jssora051ds {
  opacity: 0.3;
  pointer-events: none;
}
.jssora051 .i {
  cursor: pointer;
  position: absolute;
}
.jssora051 .i .b {
  fill: #fff;
  fill-opacity: 0.5;
  stroke: #000;
  stroke-width: 400;
  stroke-miterlimit: 10;
  stroke-opacity: 0.5;
}
.jssora051 .i:hover .b {
  fill-opacity: 0.7;
}
.jssora051 .i.idn {
  opacity: 0.3;
}
.jssora051 .iav .b {
  fill-opacity: 1;
}
#slider1_container {
  height: 450px;
  left: 0;
  max-width: 100%;
  position: relative;
  top: 0;
  width: 1200px;
}
#slider1_container > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 1200px;
  max-width: 100%;
  height: 450px;
  overflow: hidden;
}
#slider1_container img {
  max-width: 100%;
  height: auto;
}
/* Media Queries // Responsive design */
/* Rules for big resources and big screens like: background-images, font-faces, etc. */
/* Tablet design paysage */
@media (max-width: 1219px) {
  .flexslider.homeslider .flex-direction-nav a::after {
    font-size: 50px;
  }
  /*
    .contentBlocHome {
        font-size: 1.2857em;
    }
    */
  .color1 {
    background: green;
  }
  .wrapper {
    width: 720px;
  }
  .wrapper2 {
    width: 980px;
  }
  .wrapper2 .fondPerdu {
    margin: 0;
    float: right;
    width: 780px;
  }
  .ombreTitre {
    width: 780px;
  }
  .w800p {
    width: 780px;
  }
  .navbar {
    /* on resize car ajout de padding-top (+20px) sur menu et logo */
    /*.menu {
            margin: 0;
            line-height: 1.75em;
        }*/
  }
  .navbar .wrapper2,
  .navbar .wrapper {
    height: 179px;
  }
  .navbar .wrapper {
    width: 720px;
    margin: 0 auto;
  }
  .navbar .wrapper2 {
    width: 980px;
    margin: 0 auto;
  }
  .navbar .logo {
    padding: 45px 0 5px 0;
  }
  .navbar .menu {
    padding-top: 55px;
    text-align: left;
    line-height: 2em;
  }
  .navbar .menu .colMenu {
    float: left;
    width: 30%;
    margin-left: 5%;
  }
  .navbar .menu a {
    display: block;
    margin: 0;
  }
  /* Pour adapter les blocs home non prévu avec le responsive */
  .m720p,
  .w480p {
    width: 720px;
  }
  .m720p .blocHomeSimple,
  .w480p .blocHomeSimple {
    height: 360px;
    line-height: 360px;
  }
  .m720p .blocHomeSimple .masqueImgHomeSmall,
  .w480p .blocHomeSimple .masqueImgHomeSmall {
    top: 138px;
    left: 188px;
  }
  .m720p .blocHomeSimple .contentBlocHome,
  .w480p .blocHomeSimple .contentBlocHome {
    font-size: 24px;
  }
  .m465 {
    width: 465px;
  }
  .m465 .biBlocGaucheHome {
    width: auto;
  }
  /* Inutile à priori */
  /*
    .w225p {
        .blocHomeSimple {
            height: 240px;
        }
    }
    */
}
/* Pour rafficher le menu si il a été caché par le JS */
@media (min-width: 1000px) {
  .menuAncre {
    display: block !important;
  }
}
/* Tablet design portrait */
@media (max-width: 999px) {
  .color1 {
    background: blue;
  }
  body {
    min-width: 740px;
  }
  .wrapper2 {
    width: 100%;
  }
  .wrapper2 .fondPerdu {
    float: none;
    margin: 0 auto;
    width: 740px;
  }
  .wrapper2 .containMenuAncre {
    width: 100%;
    margin: 0;
  }
  .ombreTitre {
    width: 740px;
  }
  .w800p {
    width: 740px;
  }
  .w800p .blocAncre {
    margin: 0 10px;
  }
  .menuAncre {
    z-index: 5;
    display: none;
    width: 100%;
    margin: 0;
    border-top: 1px solid #000000;
    /*
        Pour éviter bug en version ipad portrait avec une hauteur < 650px
        */
    position: relative !important;
  }
  .menuAncre ul li a {
    text-align: left;
    padding: 2% 4%;
    font-weight: 300;
    font-size: 1.5714em;
  }
  .menuAncre ul li ul li a {
    font-size: 1.2857em;
  }
  .menuAncre ul li ul li.active {
    background: #242221;
  }
  .menuAncre > ul > li {
    margin-bottom: 0;
    border-bottom: 1px solid #ffffff;
  }
  .menuCarte .nav,
  .menuCarte {
    margin: 0;
  }
  .carteContainer .carte {
    padding-left: 240px;
  }
  .carteContainer .carte #svgObject {
    width: 100%;
    float: none;
  }
  .carteContainer .carte .legende {
    left: 260px;
  }
  .navbar .wrapper2 {
    width: 720px;
    height: 179px;
  }
  .navbar .btn-navbar {
    display: block;
    background: #e2e2e2;
    height: 63px;
    width: 63px;
    padding: 22px 0 0 0;
    position: absolute;
    right: 0px;
    bottom: -1px;
  }
  .navbar .btn-navbar span {
    display: block;
    background: #ffffff;
    margin: 0 14px 6px 14px;
    height: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
  }
  .navbar .btn-navbar.on,
  .navbar .btn-navbar:focus,
  .navbar .btn-navbar:hover {
    background: #9b9b9b;
  }
  #push-header {
    height: 180px;
  }
  .carte #push-header {
    height: 160px;
  }
  .filiale .navbar .wrapper2 {
    height: 159px;
  }
  .filiale #push-header {
    height: 160px;
  }
}
/* Adaptation de la carte europe en responsive */
/* Pour rendre accessible les menus si hauteur < 600px ou largeur < 760px */
@media (max-height: 850px), (max-width: 760px) {
  .navbar {
    position: relative;
  }
  .navbar .btn-groupe a {
    position: relative;
  }
  #push-header {
    display: none;
  }
  .menuAncre {
    position: absolute;
    z-index: 10;
  }
  .carteContainer .carte {
    position: absolute;
    padding-top: 0;
  }
  .carteContainer #popupFiliale {
    margin-top: -160px;
  }
  .carteContainer #popupFiliale .overflow {
    overflow: visible;
    max-height: none;
  }
  /* Pour éviter que le bouton partager soit sur le contenu */
  .filiale .filialeHeader {
    margin-bottom: 150px;
  }
}
/* optim mobile */
@media (min-width: 761px) {
  .home .navbar .btn-navbar,
  .carte .navbar .btn-navbar {
    display: none;
  }
}
@media (max-width: 760px) {
  .textStyleGlobal .bouton {
    min-width: 160px;
    float: none;
    margin: 20px auto;
    text-align: center;
    display: block;
  }
  .textStyleGlobal .boutonTelecharger {
    padding: 5px;
    height: auto;
    margin: 40px auto;
  }
  .textStyleGlobal .boutonTelecharger .pictoPage {
    display: none;
  }
  .textStyleGlobal .tabContent,
  .textStyleGlobal h3,
  .textStyleGlobal .blocParagraphe {
    padding: 0 20px;
  }
  .textStyleGlobal .preambule {
    margin: 0 10px;
  }
  .textStyleGlobal .blocParagraphe .colonneGauche,
  .textStyleGlobal .blocParagraphe .colonneDroite {
    float: none;
    width: auto;
  }
  .textStyleGlobal form {
    overflow: hidden;
  }
  .textStyleGlobal input[type=text],
  .textStyleGlobal input[type=password],
  .textStyleGlobal select,
  .textStyleGlobal textarea {
    margin: 10px 0 20px 0;
    font-size: 1.0714em;
    /* equiv 15px */
  }
  .textStyleGlobal label.selectLabel:after {
    top: 29px;
  }
  .selectFiltre select {
    margin: 0;
    -webkit-appearance: inherit;
  }
  .blocContentOnglet .blocMasqueTab {
    margin: 0 auto;
    float: none;
  }
  .documentJoint {
    margin: 0 10px 20px 10px;
  }
  /* Style for menu mobile */
  .navbar .btn-navbar {
    width: 84px;
    height: 84px;
    border: 1px solid #ccc;
    margin: 0 0 -42px 0;
    bottom: 50%;
    right: 30px;
    padding: 32px 10px 0 10px;
    background: #ffffff;
  }
  .navbar .btn-navbar span {
    background: #c22d16;
  }
  .navbar .btn-navbar.on,
  .navbar .btn-navbar:focus,
  .navbar .btn-navbar:hover {
    background: #3c3837;
  }
  .navbar .btn-navbar.on span,
  .navbar .btn-navbar:focus span,
  .navbar .btn-navbar:hover span {
    background: #ffffff;
  }
  .navbar .langue,
  .navbar .menu {
    display: none;
  }
  /*
    body {
        min-width: 0;
    }
    */
  .wrapperMobile {
    overflow: hidden;
    position: relative;
    width: 740px;
    /*
        */
  }
  .menuAncre {
    display: none !important;
  }
  .pushContent {
    /*
        */
    transition: left 0.3s ease-in;
    position: relative;
    left: 0px;
    -webkit-box-shadow: 30px 0 30px -30px #000000;
    -moz-box-shadow: 30px 0 30px -30px #000000;
    box-shadow: 30px 0 30px -30px #000000;
    z-index: 10;
  }
  #menuMobile {
    /*
        */
    -webkit-transition: right 0.3s ease-in;
    -moz-transition: right 0.3s ease-in;
    -o-transition: right 0.3s ease-in;
    transition: right 0.3s ease-in;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    /*
        position: fixed;
        */
    position: absolute;
    top: 0px;
    right: -370px;
    width: 370px;
    /*
        display: none;
        */
    display: block;
    height: 100%;
    background: #3c3837;
    color: #ffffff;
    z-index: 1;
    overflow: auto;
  }
  #menuMobile .langue {
    position: absolute;
    right: 0px;
    top: 0px;
  }
  #menuMobile .langue a {
    color: #ffffff;
    padding: 15px 20px;
    display: block;
    float: left;
    font-size: 1.4286em;
    /* equiv 20px */
  }
  #menuMobile .langue a.current,
  #menuMobile .langue a:hover {
    background-color: #cd360a;
    text-decoration: none;
  }
  #menuMobile .followUs {
    padding: 15px 10px;
    float: left;
  }
  #menuMobile .followUs .picto {
    line-height: 999em;
    overflow: hidden;
    margin: 0 4px;
  }
  #menuMobile .followUs a {
    border: 0;
    padding: 0;
    display: inline-block;
  }
  #menuMobile .followUs a:hover,
  #menuMobile .followUs a:focus {
    background-color: transparent;
  }
  #menuMobile nav {
    margin: 160px 0 0 0;
  }
  #menuMobile nav ul {
    list-style: outside none;
    padding: 0;
    margin: 0;
  }
  #menuMobile nav ul li {
    padding: 0;
    margin: 0;
  }
  #menuMobile nav ul ul {
    background: #444;
    overflow: hidden;
    max-height: 0px;
    transition: max-height 0.3s ease-in;
    /*
                    */
  }
  #menuMobile nav ul ul a {
    padding-left: 60px;
  }
  #menuMobile nav ul a.open ~ ul {
    max-height: 600px;
  }
  #menuMobile nav ul a.open:before {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: -15px;
  }
  #menuMobile nav a:not(:last-child) {
    position: relative;
  }
  #menuMobile nav a:not(:last-child):before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -10px;
  }
  #menuMobile nav a {
    color: #ffffff;
    text-transform: uppercase;
    display: block;
    padding: 20px 40px;
    font-size: 1.1429em;
    /* equiv 16px */
    border-bottom: 1px solid #363231;
  }
  #menuMobile nav a.current,
  #menuMobile nav a:hover,
  #menuMobile nav a:focus {
    background: #c32b02;
    text-decoration: none;
  }
  .openMenuMobile {
    background: #3c3837;
  }
  .openMenuMobile .wrapperMobile {
    /*
            position: fixed;
            width: 740px;
            top: 0px;
            left: 0px;
            right: 0px;
            overflow: hidden;
            */
  }
  .openMenuMobile #menuMobile {
    right: 0px;
    display: block;
    /*
            position: fixed;
            */
  }
  .openMenuMobile .pushContent {
    background: #ffffff;
    left: -370px;
    /*
            position: fixed;
            width: 100%;
            min-height: 100%;
            top: 0px;
            position: absolute;
            */
  }
  /* Styles for carte europe mobile */
  .carteContainer {
    /*
        width: 740px;
        min-height: 800px;
        */
    position: relative;
    overflow: hidden;
    height: 100%;
    top: -160px;
    /*
        margin-top: -160px;
        */
    /*
        display: none;
        */
  }
  .carteContainer .carte {
    position: relative;
    min-height: 0;
  }
  .carteContainer .carte svg {
    padding-top: 160px;
  }
  /*
    body.carte,
    */
  .carte .pushContent {
    height: 1110px;
  }
  .js .carteContainer {
    /*
            position: fixed;
            top: 0px;
            bottom: 0px;
            width: 100%;
            height: 100%;
            left: 0px;
            right: 0px;
            */
  }
  .js .carteContainer .carte {
    padding-left: 0px;
    transition: all 0.3s ease-in;
  }
  .js .carteContainer .btMenuCarte {
    display: block;
    /*
                width: 74px;
                height: 74px;
                */
    width: 97px;
    height: 97px;
    position: fixed;
    z-index: 10;
    bottom: 5%;
    left: 5%;
    /*
                right: 20px;
                */
    z-index: 20;
    /*
                border: 2px solid #ffffff;
                background: #828283;
                padding: 4px 6px;
                */
    background-image: url(../img/maps/bt-map-big.png);
    /*
                span {
                    display: block;
                    height: 3px;
                    background: #ffffff;
                    margin: 6px 0 0 0;
                }
                */
  }
  .js .carte .containMenuAncre {
    bottom: 0px;
    top: 160px;
    /*
            */
    overflow: hidden;
    position: absolute;
    /*
            display: none;
            */
    background: 0;
  }
  .js .menuCarte {
    display: block;
    margin-left: -100%;
    transition: all 0.3s ease-in;
    width: 100%;
    padding: 60px;
    font-size: 1.6em;
    text-align: center;
    /*
            position: relative;
            */
  }
  .js .menuCarte .nav {
    background: 0;
    display: inline-block;
    text-align: left;
  }
  .js .menuCarte ul li > a:before {
    top: 19px;
  }
  .js .menuCarte ul .close > a:before {
    top: 17px;
  }
  .js .carteMenuOpen .pushContent {
    height: auto !important;
  }
  .js .carteMenuOpen .carteContainer {
    height: 160px;
  }
  .js .carteMenuOpen .carteContainer .carte {
    margin-left: 100%;
  }
  .js .carteMenuOpen .carteContainer .btMenuCarte {
    /*
                    bottom: 80%;
                    left: 85%;
                    */
    /*
                    background: #ffffff;
                    padding: 0;
                    background: 0;
                    */
    text-decoration: none;
    text-align: center;
    line-height: 40px;
    font-size: 40px;
  }
  .js .carteMenuOpen .carteContainer .btMenuCarte span {
    /*
                        background: #828283;
                    */
    display: none;
  }
  .js .carteMenuOpen .carteContainer .btMenuCarte:after {
    content: '\2715';
    color: #828283;
    position: fixed;
    top: 190px;
    right: 30px;
  }
  .js .carteMenuOpen .containMenuAncre {
    bottom: auto;
    top: auto;
    /*
                overflow: auto;
                position: static;
                */
    position: relative;
    overflow: visible;
  }
  .js .carteMenuOpen .menuCarte {
    /*
                display: block;
                */
    margin-left: 0%;
    position: relative;
  }
  .blocGrisContent {
    font-size: 1em;
  }
  .tabContent li a {
    font-size: 1.1429em;
    /* equiv 16px */
    font-size: 1.2857em;
    /* equiv 18px */
    height: auto;
    padding: 4px 2px;
    margin: 5px 15px 5px 5px;
  }
  .blocContentOnglet .masqueFlecheHome {
    background: #fff;
  }
  .textStyleGlobal {
    font-size: 1em;
  }
  .textStyleGlobal h3 {
    font-size: 1.5714em;
  }
  .textStyleGlobal .bouton {
    font-size: 1em;
  }
  .textStyleGlobal .dateDocument {
    font-size: 1em;
  }
  .documentJoint .documentJointContent {
    font-size: 1em;
  }
  .titreGrisBloc {
    font-size: 1.2857em;
    /* equiv 18px */
    padding-bottom: 10px;
    line-height: 1.2em;
  }
  .blocGrisContent .colonneGauche,
  .blocGrisContent .colonneDroite {
    width: auto;
    float: none;
    margin: 0;
  }
}
/*# sourceMappingURL=main.css.map */