article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  background: #fff;
}
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
body {
  margin: 0;
}
a:focus {
  outline: thin dotted;
}
a:focus h2,
a:focus h3,
a:focus h4,
a:focus h5,
a:focus h6,
a:focus .h2,
a:focus .h3,
a:focus .h4,
a:focus .h5,
a:focus .h6,
a:focus p {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}
div:focus,
section:focus {
  outline: none;
}
h1,
h2,
h3,
.h1,
.h2,
.h3,
h4,
h5,
h6,
.h4,
.h5,
.h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  margin: 0;
}
h4,
.h4 {
  font-size: 0.96em;
  margin: 0;
}
h5,
.h5 {
  font-size: 0.83em;
  margin: 0;
}
h6,
.h6 {
  font-size: 0.75em;
  margin: 0;
}
abbr[title] {
  border-bottom: 0;
}
b,
strong {
  font-weight: bold;
}
button {
  border: 0;
  background: 0;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
p,
pre {
  margin: 0;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: '';
  content: none;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
dl,
menu,
ol,
ul {
  margin: 0;
  list-style: none;
}
dd {
  margin: 0;
}
menu,
ol,
ul {
  padding: 0;
}
nav ul,
nav ol,
footer ul {
  list-style: none;
  list-style-image: none;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
  white-space: normal;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}
button,
input {
  line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  /**overflow: visible;*/
}
button[disabled],
input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  /**height: 13px;
    *width: 13px;*/
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
}
html,
button,
input,
select,
textarea {
  color: #222;
}
body {
  font-size: 1em;
  line-height: 1.5;
}
a {
  text-decoration: none;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
img {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.no-margin {
  margin: 0!important;
}
.no-padding {
  padding: 0!important;
}
.padding-bottom {
  padding-bottom: 15px!important;
}
.border-top {
  border-top: 1px solid #e9e8e8;
}
.border-bottom {
  border-bottom: 1px solid #e9e8e8;
}
.nowrap {
  white-space: nowrap;
}
.width-auto {
  width: auto!important;
}
.hidden {
  display: none;
}
.invisible {
  visibility: hidden;
}
.align-center {
  text-align: center !important;
}
a[href^="tel:"] {
  white-space: nowrap;
}
input::-webkit-input-placeholder {
  color: #48433f;
}
input:-moz-placeholder {
  color: #48433f;
}
/* Grille */
/* GRIS FONCÉ */
/* Recherche */
/* MENU PRINCIPAL */
/* BREAKPOINT */
/* HEADING */
/*Collapse */
/* TABLEAU */
/* FOOTER */
/* CARROUSEL NAV */
/* Bandeau bleu se connecter */
.hq-anchor {
  height: 0;
  transition: bottom 0.5s;
}
.hq-anchor.sticky {
  bottom: 40px;
  height: auto;
  position: fixed;
  width: 100%;
  z-index: 1000;
}
@media screen and (min-width: 767px) {
  .hq-anchor.sticky {
    width: auto;
    right: 7%;
  }
}
.hq-anchor.bottom {
  display: none;
}
.hq-anchor .retour-ancre a {
  margin-left: auto;
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .hq-anchor .retour-ancre a {
    margin-right: auto;
  }
}
.hq-anchor.mobile-visible {
  bottom: 40px;
}
/*ul sans puce */
ol.no-bullet,
ul.no-bullet {
  list-style-image: none;
  padding-left: 0;
}
/* Divers */
.nobr {
  white-space: nowrap!important;
}
.lien-aucun {
  text-decoration: none!important;
}
.lien-aucun:hover {
  text-decoration: underline!important;
}
.lien-aucun a {
  text-decoration: none!important;
}
.lien-aucun a:hover {
  text-decoration: underline!important;
}
.liste-deux-cols {
  -moz-column-count: 2;
  -moz-column-gap: 50px;
  -webkit-column-count: 2;
  -webkit-column-gap: 50px;
  column-count: 2;
  column-gap: 50px;
  padding: 0 0 0 12px;
}
.hq-lien-icn-ext {
  display: inline;
  margin-left: 5px;
}
.lien-icn-ext {
  display: inline;
}
.bordure-defaut {
  border: 1px solid #e9e8e8;
}
.full-width {
  width: 100%!important;
}
/* Espacement */
.margintop-0 {
  margin-top: 0px!important;
}
.marginbottom-0 {
  margin-bottom: 0px!important;
}
.paddingtop-0 {
  padding-top: 0px!important;
}
.paddingbottom-0 {
  padding-bottom: 0px!important;
}
.margintop-10 {
  margin-top: 10px!important;
}
.marginbottom-10 {
  margin-bottom: 10px!important;
}
.paddingtop-10 {
  padding-top: 10px!important;
}
.paddingbottom-10 {
  padding-bottom: 10px!important;
}
.margintop-20 {
  margin-top: 20px!important;
}
.marginbottom-20 {
  margin-bottom: 20px!important;
}
.paddingtop-20 {
  padding-top: 20px!important;
}
.paddingbottom-20 {
  padding-bottom: 20px!important;
}
.margintop-30 {
  margin-top: 30px!important;
}
.marginbottom-30 {
  margin-bottom: 30px!important;
}
.paddingtop-30 {
  padding-top: 30px!important;
}
.paddingbottom-30 {
  padding-bottom: 30px!important;
}
.margintop-40 {
  margin-top: 40px!important;
}
.marginbottom-40 {
  margin-bottom: 40px!important;
}
.paddingtop-50 {
  padding-top: 50px!important;
}
.paddingtop-40 {
  padding-top: 40px!important;
}
.paddingbottom-40 {
  padding-bottom: 40px!important;
}
.margintop-60 {
  margin-top: 60px!important;
}
@media screen and (max-width: 767px) {
  .margintop-60 {
    margin-top: 30px!important;
  }
}
.marginbottom-60 {
  margin-bottom: 60px!important;
}
@media screen and (max-width: 767px) {
  .marginbottom-60 {
    margin-bottom: 30px!important;
  }
}
.paddingtop-60 {
  padding-top: 60px!important;
}
@media screen and (max-width: 767px) {
  .paddingtop-60 {
    padding-top: 30px!important;
  }
}
.paddingbottom-60 {
  padding-bottom: 60px!important;
}
@media screen and (max-width: 767px) {
  .paddingbottom-60 {
    padding-bottom: 30px!important;
  }
}
.marginbottom-100 {
  margin-bottom: 100px!important;
}
@media screen and (max-width: 767px) {
  .marginbottom-100 {
    margin-bottom: 50px!important;
  }
}
.paddingbottom-100 {
  padding-bottom: 100px!important;
}
@media screen and (max-width: 767px) {
  .paddingbottom-100 {
    padding-bottom: 50px!important;
  }
}
.paddingbottom-200 {
  padding-bottom: 200px!important;
}
@media screen and (max-width: 767px) {
  .paddingbottom-200 {
    padding-bottom: 100px!important;
  }
}
.paddingbottom-250 {
  padding-bottom: 250px!important;
}
@media screen and (max-width: 767px) {
  .paddingbottom-250 {
    padding-bottom: 125px!important;
  }
}
.paddingbottom-300 {
  padding-bottom: 300px!important;
}
@media screen and (max-width: 767px) {
  .paddingbottom-300 {
    padding-bottom: 150px!important;
  }
}
.margintop-h2 {
  margin-top: 45px!important;
}
.paddingtop-h2 {
  padding-top: 45px!important;
}
/* Alignement */
.centrer {
  text-align: center!important;
}
.aligner-gauche {
  text-align: left!important;
}
.aligner-droite {
  text-align: right!important;
}
/* Alignement verticale */
.valigner-centrer {
  vertical-align: middle !important;
}
.aligner-top {
  vertical-align: top !important;
}
.aligner-bottom {
  vertical-align: bottom !important;
}
/* Visibilité */
.visuallyhidden,
.caption,
.lecteur-ecran-seul {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus,
.lecteur-ecran-seul.focusable:active,
.lecteur-ecran-seul.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.visible-el {
  position: absolute;
}
.visible-el a:focus {
  position: inherit;
  left: auto;
  clip: auto!important;
  height: auto!important;
  overflow: visible!important;
  width: auto!important;
  margin: auto;
}
.hq-nav-section-bloc .hq-mm-avis {
  margin: auto 16px!important;
  bottom: 20px;
  font-size: 0.8em;
  position: absolute;
  width: 880px;
}
.ancre-accessibilite {
  position: absolute;
  list-style: none;
  font-size: 1.3rem;
}
.ancre-accessibilite a:focus {
  position: inherit;
  left: auto;
  clip: auto!important;
  height: auto!important;
  overflow: visible!important;
  width: auto!important;
  margin: auto;
}
/* Table */
.tbl,
.tbl-fixed {
  display: table;
  width: 100%;
}
.tbl-fixed {
  table-layout: fixed;
}
.tcell {
  display: table-cell;
  vertical-align: middle;
  float: none !important;
}
.cell-padding .tcell {
  padding: 0 30px;
}
.loading {
  width: 100%;
  height: 100%;
  padding: 40px 0;
  background-color: white;
  background: white url('/images2016/loading.gif') center center no-repeat;
  background-size: 40px;
  text-indent: -99999px;
  color: transparent;
}
.hq-section {
  margin: 75px auto;
}
.hq-section.bg-grey {
  background-color: #f1f1f0;
}
.hq-section.bg-blue {
  background-color: #1076bc;
}
.hq-section.bg-dark-blue {
  background-color: #0b2f4b;
}
.hq-section.bg-blue *,
.hq-section.bg-dark-blue * {
  color: white;
  font-weight: normal;
}
.hq-section[class*="bg-image"] {
  padding: 75px 0;
  background-color: #1076bc;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.hq-section[class*="bg-image"] * {
  color: white;
}
.hq-section[class*="bg-"] {
  margin: 0;
  padding: 45px 0;
}
.hq-section[class*="bg-"] + [class*="hq-footer"],
.hq-section[class*="bg-"] + #hq-main-footer {
  margin-top: 0;
}
.hq-section h2:first-child,
.hq-section .h2:first-child,
.hq-section h3:first-child,
.hq-section .h3:first-child,
.hq-section h4:first-child,
.hq-section .h4:first-child,
.hq-section h5:first-child,
.hq-section .h5:first-child,
.hq-section h6:first-child,
.hq-section .h6:first-child {
  margin-top: 0;
}
.bg-image-overlay {
  background-color: rgba(0, 0, 0, 0.7);
  padding: 20px 20px 30px;
}
.bg-image-overlay *:last-child {
  margin-bottom: 0;
}
.row + .hq-section {
  margin-top: 0;
}
.row + .hq-section[class*="bg-"] {
  margin-top: 60px;
}
p.big {
  font-size: 1.6rem !important;
}
p span.stats {
  color: #17649F;
  font-size: 3.6rem;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 768px) {
  .row.v-centered {
    display: table;
    width: 100%;
  }
  .row.v-centered {
    table-layout: fixed;
  }
  .row.v-centered > .columns {
    display: table-cell;
    vertical-align: middle;
    float: none !important;
  }
  .v-centered p:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  figure.small-2x {
    width: 100%;
    overflow: hidden;
  }
  figure.small-2x.small-align-right img {
    margin-left: -60%;
  }
  figure.small-2x img {
    width: 160%;
    max-width: 160% !important;
    margin-left: -30%;
  }
}
@media screen and (max-width: 500px) {
  figure.small-2x.small-align-right img {
    margin-left: -100%;
  }
  figure.small-2x img {
    width: 200%;
    max-width: 200% !important;
    margin-left: -50%;
  }
}
.banner {
  position: relative;
  z-index: 0;
}
.banner__figure {
  display: flex;
  background: -webkit-gradient(linear, left bottom, left top, from(#0e1444), color-stop(40%, #1b236c), color-stop(60%, #1b236c), to(#0e1444));
  background: -o-linear-gradient(bottom, #0e1444 0%, #1b236c 40%, #1b236c 60%, #0e1444 100%);
  background: linear-gradient(0deg, #0e1444 0%, #1b236c 40%, #1b236c 60%, #0e1444 100%) !important;
}
@media (max-width: 767px) {
  .banner__figure {
    min-height: 200px !important;
  }
  .banner__figure img {
    display: none;
  }
  .banner__figure--img-only {
    background: none !important;
  }
  .banner__figure--img-only img {
    display: block !important;
  }
}
.banner__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  z-index: 100;
  top: 50%;
  transform: translate(-50%, -50%);
}
.banner__title .h2,
.banner__title h2,
.banner__title p {
  margin: 0px !important;
  color: white !important;
  text-align: center;
}
.banner__title--center {
  left: 50%;
}
.banner__title--right {
  left: 75%;
}
.banner__title--left {
  left: 25%;
}
.banner__title--bg-dark {
  margin-right: 40px;
  padding: 40px;
  background-color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 767px) {
  .banner__title {
    left: 50% !important;
  }
}
/**
	STYLES DE BASE
**/
body {
  font-size: 1.6rem;
  font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
html,
button,
input,
select,
textarea {
  font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
ol {
  list-style: decimal;
}
/**
	IMAGES bitmap et SVG
***/
figure {
  margin: 0;
}
figure + p {
  padding-top: 20px;
}
figure img {
  border: none;
  display: inline-block;
  max-width: 100%;
  /*!important */
}
figure img.image-adaptative {
  max-width: 100%;
  /*!important */
}
figure img + figcaption {
  padding-top: 10px;
}
figure img + figcaption.fig-legende {
  padding: 5px 8px !important;
  background: #f2f2f3;
  font-size: 0.9em;
}
figure img + figcaption.fig-legende.fig-fond-blanc {
  background: #fff !important;
  color: #48433f !important;
}
figure.hq-border-none img {
  border: none;
}
figure.hq-noresponsive {
  width: auto !important;
  max-width: none !important;
}
.image-adaptative {
  max-width: 100%;
  /*!important */
}
/* Image et caption cote-a-cote 50/50 */
figure.cote-a-cote {
  *zoom: 1;
}
figure.cote-a-cote img {
  float: left;
  width: 50%;
}
figure.cote-a-cote figcaption {
  float: left;
  padding-left: 16px;
  margin-top: 0;
  width: 50%;
}
figure.cote-a-cote:before,
figure.cote-a-cote:after {
  content: " ";
  display: table;
}
figure.cote-a-cote:after {
  clear: both;
}
h4 + figure {
  margin-top: 5px;
}
figure.degagement {
  margin: 20px 0;
}
/**
	BREADCRUMB
**/
.hq-breadcrumb-bloc,
.breadcrumb-bloc {
  margin-top: 25px;
}
.hq-breadcrumb,
.breadcrumb {
  display: inline-block;
  line-height: 20px;
  margin-bottom: 5px;
  font-size: 1.4rem;
}
.hq-breadcrumb span,
.breadcrumb span {
  background: url(/images2016/breadcrumb_separator.png) no-repeat center right;
  display: inline-block;
  margin-right: 0px;
  padding-right: 20px;
  position: relative;
}
.hq-breadcrumb span:hover,
.breadcrumb span:hover,
.hq-breadcrumb span:focus,
.breadcrumb span:focus {
  text-decoration: underline;
}
.hq-breadcrumb span span,
.breadcrumb span span {
  background: none;
  margin: 0;
  padding: 0;
}
.hq-breadcrumb a,
.breadcrumb a {
  color: #48433f;
  display: inline-block;
  text-decoration: underline;
}
.hq-breadcrumb a:hover,
.breadcrumb a:hover,
.hq-breadcrumb a:link,
.breadcrumb a:link {
  color: #48433f;
}
.hq-breadcrumb br,
.breadcrumb br {
  display: none;
}
/**
	COLLAPSE
Les styles des collapses ne seront appliqué que sur la version écran
**/
@media screen {
  div[class*="hq-collapse"]:not(.etape) {
    margin: 20px 0 30px;
  }
  div[class*="hq-collapse"]:not(.etape) > section {
    border: none;
    margin: -1px 0 0 0 !important;
    padding: 0 !important;
  }
  div[class*="hq-collapse"]:not(.etape) > h2,
  div[class*="hq-collapse"]:not(.etape) > section > h2,
  div[class*="hq-collapse"]:not(.etape) > h3,
  div[class*="hq-collapse"]:not(.etape) > h4,
  div[class*="hq-collapse"]:not(.etape) > h5,
  div[class*="hq-collapse"]:not(.etape) > h6,
  div[class*="hq-collapse"]:not(.etape) > .item {
    background: none !important;
    border-bottom: 1px solid #e9e8e8;
    border-top: 1px solid #e9e8e8;
    font-family: "Open Sans", sans-serif;
    font-size: 1.6rem;
    font-weight: normal;
    font-weight: 600;
    margin: -1px 0 0 0 !important;
    padding: 0 !important;
  }
  div[class*="hq-collapse"]:not(.etape) > h2 a,
  div[class*="hq-collapse"]:not(.etape) > section > h2 a,
  div[class*="hq-collapse"]:not(.etape) > h3 a,
  div[class*="hq-collapse"]:not(.etape) > h4 a,
  div[class*="hq-collapse"]:not(.etape) > h5 a,
  div[class*="hq-collapse"]:not(.etape) > h6 a,
  div[class*="hq-collapse"]:not(.etape) > .item a {
    color: #17649F;
    display: block;
    padding: 15px 70px 15px 0;
    position: relative;
  }
  div[class*="hq-collapse"]:not(.etape) > h2 a:after,
  div[class*="hq-collapse"]:not(.etape) > section > h2 a:after,
  div[class*="hq-collapse"]:not(.etape) > h3 a:after,
  div[class*="hq-collapse"]:not(.etape) > h4 a:after,
  div[class*="hq-collapse"]:not(.etape) > h5 a:after,
  div[class*="hq-collapse"]:not(.etape) > h6 a:after,
  div[class*="hq-collapse"]:not(.etape) > .item a:after {
    background-image: url(/images2016/icn-collapse.png);
    content: " ";
    display: block;
    height: 14px;
    position: absolute;
    right: 10px;
    top: 18px;
    width: 14px;
  }
  div[class*="hq-collapse"]:not(.etape) > h2.open,
  div[class*="hq-collapse"]:not(.etape) > section > h2.open,
  div[class*="hq-collapse"]:not(.etape) > h3.open,
  div[class*="hq-collapse"]:not(.etape) > h4.open,
  div[class*="hq-collapse"]:not(.etape) > h5.open,
  div[class*="hq-collapse"]:not(.etape) > h6.open,
  div[class*="hq-collapse"]:not(.etape) > .item.open {
    border-bottom: none;
  }
  div[class*="hq-collapse"]:not(.etape) > h2.open a:after,
  div[class*="hq-collapse"]:not(.etape) > section > h2.open a:after,
  div[class*="hq-collapse"]:not(.etape) > h3.open a:after,
  div[class*="hq-collapse"]:not(.etape) > h4.open a:after,
  div[class*="hq-collapse"]:not(.etape) > h5.open a:after,
  div[class*="hq-collapse"]:not(.etape) > h6.open a:after,
  div[class*="hq-collapse"]:not(.etape) > .item.open a:after {
    background-position: 0 -42px;
  }
  div[class*="hq-collapse"]:not(.etape) > div,
  div[class*="hq-collapse"]:not(.etape) > section > div {
    border-bottom: 1px solid #e9e8e8;
    margin: 0;
    padding: 10px 0 5px 0;
  }
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h2,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > section > h2,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h3,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h4,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h5,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h6,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > .item,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > div,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > section > div {
    border-top: 0px solid transparent;
    border-color: rgba(25, 25, 26, 0.1);
  }
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h2:first-child,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > section > h2:first-child,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h3:first-child,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h4:first-child,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h5:first-child,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h6:first-child,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > .item:first-child,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > div:first-child,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > section > div:first-child {
    border-top: 1px solid rgba(25, 25, 26, 0.1);
  }
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h2 a,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > section > h2 a,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h3 a,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h4 a,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h5 a,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h6 a,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > .item a {
    padding-left: 15px;
  }
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > div,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > section > div {
    padding-left: 15px;
    padding-right: 15px;
  }
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h2 a:after,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > section > h2 a:after,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h3 a:after,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h4 a:after,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h5 a:after,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h6 a:after,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > .item a:after {
    background-image: url(/images2016/icn-collapse-alt.png);
  }
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h2.open,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > section > h2.open,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h3.open,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h4.open,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h5.open,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h6.open,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > .item.open {
    background-color: rgba(25, 25, 26, 0.1) !important;
  }
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h2.open + div,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > section > h2.open + div,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h3.open + div,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h4.open + div,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h5.open + div,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h6.open + div,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > .item.open + div,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h2.open + section > div,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > section > h2.open + section > div,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h3.open + section > div,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h4.open + section > div,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h5.open + section > div,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > h6.open + section > div,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--alt > .item.open + section > div {
    background-color: rgba(25, 25, 26, 0.1) !important;
  }
  div[class*="hq-collapse"]:not(.etape).hq-collapse--dark-fill > h2,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--dark-fill > section > h2,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--dark-fill > h3,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--dark-fill > h4,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--dark-fill > h5,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--dark-fill > h6,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--dark-fill > .item,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--dark-fill > div,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--dark-fill > section > div {
    background-color: rgba(25, 25, 26, 0.05) !important;
    border: 0px solid transparent;
  }
  div[class*="hq-collapse"]:not(.etape).hq-collapse--dark-fill > div,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--dark-fill > section > div {
    padding-left: 15px;
    padding-right: 15px;
  }
  div[class*="hq-collapse"]:not(.etape).hq-collapse--dark-fill > h2 a,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--dark-fill > section > h2 a,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--dark-fill > h3 a,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--dark-fill > h4 a,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--dark-fill > h5 a,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--dark-fill > h6 a,
  div[class*="hq-collapse"]:not(.etape).hq-collapse--dark-fill > .item a {
    padding-left: 15px;
  }
}
/**
	END: COLLPASE
**/
/**
	COLLAPSE TABS
**/
.tabs.hq-collapse {
  display: flex;
  flex-wrap: wrap;
}
.tabs.hq-collapse .tab__label {
  border: none;
  flex: 1 0 100%;
}
@media screen and (min-width: 912px) {
  .tabs.hq-collapse .tab__label {
    flex-basis: 50%;
  }
}
.tabs.hq-collapse .tab__label a {
  padding: 25px;
}
@media screen and (max-width: 767px) {
  .tabs.hq-collapse .tab__label a {
    padding: 15px;
  }
}
@media screen and (max-width: 911px) {
  .tabs.hq-collapse .tab__label a {
    margin-top: 10px;
    background-color: white;
  }
}
@media screen and (min-width: 912px) {
  .tabs.hq-collapse .tab__label a::after {
    display: none;
  }
}
.tabs.hq-collapse .tab__label.open .tab__content {
  display: block;
}
.tabs.hq-collapse .tab__label.open a {
  background-color: white;
}
.tabs.hq-collapse .tab__content {
  padding: 30px;
  background-color: white;
  order: 0;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .tabs.hq-collapse .tab__content {
    padding: 15px;
  }
}
@media screen and (min-width: 912px) {
  .tabs.hq-collapse .tab__content {
    order: 1;
  }
}
.tabs--3col.hq-collapse .tab__label {
  flex-basis: 100%;
}
@media screen and (min-width: 912px) {
  .tabs--3col.hq-collapse .tab__label {
    flex-basis: 33.33333%;
  }
}
/**
	END: COLLAPSE TABS
**/
table.tableau-donnees,
table.tableau-generique,
table.hq-tableau-donnees,
table.hq-tableau {
  border: 0 none;
  border-collapse: collapse;
  margin: 20px 0;
  width: 100%;
}
table.tableau-donnees th,
table.tableau-generique th,
table.hq-tableau-donnees th,
table.hq-tableau th,
table.tableau-donnees td,
table.tableau-generique td,
table.hq-tableau-donnees td,
table.hq-tableau td {
  border-bottom: 1px solid #e9e8e8;
  font-size: 1.6rem;
  line-height: 1.6em;
  text-align: left;
  vertical-align: top;
}
table.tableau-donnees th,
table.tableau-generique th,
table.hq-tableau-donnees th,
table.hq-tableau th {
  font-weight: bold;
  padding: 10px 8px;
}
table.tableau-donnees td,
table.tableau-generique td,
table.hq-tableau-donnees td,
table.hq-tableau td {
  padding: 10px 8px;
}
table.tableau-donnees .td-align-right td,
table.tableau-generique .td-align-right td,
table.hq-tableau-donnees .td-align-right td,
table.hq-tableau .td-align-right td,
table.tableau-donnees .th-align-right th,
table.tableau-generique .th-align-right th,
table.hq-tableau-donnees .th-align-right th,
table.hq-tableau .th-align-right th {
  text-align: right;
}
table.tableau-donnees thead th,
table.tableau-generique thead th,
table.hq-tableau-donnees thead th,
table.hq-tableau thead th {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.6em;
  padding: 15px 5px;
}
table.tableau-donnees tbody th,
table.tableau-generique tbody th,
table.hq-tableau-donnees tbody th,
table.hq-tableau tbody th {
  font-weight: normal;
}
table.tableau-donnees tbody tr.row-strong th,
table.tableau-generique tbody tr.row-strong th,
table.hq-tableau-donnees tbody tr.row-strong th,
table.hq-tableau tbody tr.row-strong th,
table.tableau-donnees tbody tr.row-strong td,
table.tableau-generique tbody tr.row-strong td,
table.hq-tableau-donnees tbody tr.row-strong td,
table.hq-tableau tbody tr.row-strong td {
  font-weight: bold;
}
table.tableau-donnees tfoot th,
table.tableau-generique tfoot th,
table.hq-tableau-donnees tfoot th,
table.hq-tableau tfoot th,
table.tableau-donnees tfoot td,
table.tableau-generique tfoot td,
table.hq-tableau-donnees tfoot td,
table.hq-tableau tfoot td {
  font-weight: bold;
}
table.tableau-donnees.condense td,
table.tableau-generique.condense td,
table.hq-tableau-donnees.condense td,
table.hq-tableau.condense td {
  font-size: 1.1em;
}
table.tableau-donnees caption,
table.tableau-generique caption,
table.hq-tableau-donnees caption,
table.hq-tableau caption {
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0;
  text-align: left;
}
table.tableau-donnees tbody td,
table.hq-tableau-donnees tbody td {
  text-align: right;
}
table.tableau-donnees.align-left tbody td,
table.hq-tableau-donnees.align-left tbody td {
  text-align: left;
}
table.tableau-donnees + .note-liste-alpha-parenthese,
table.tableau-generique + .note-liste-alpha-parenthese {
  margin-top: -20px !important;
}
/**
	END TABLEAU DE DONNÉES GENERIQUE
**/
/**************
	BLOC
***************/
/* Intro  */
.bloc-intro,
.hq-bloc-intro {
  margin-bottom: 15px;
  margin-top: 20px;
}
.bloc-intro p,
.hq-bloc-intro p {
  margin-bottom: 10px;
}
.bloc-intro p:first-child,
.hq-bloc-intro p:first-child,
.bloc-intro p.principal,
.hq-bloc-intro p.principal {
  font-size: 2rem;
  color: #50575d;
  font-weight: normal;
  font-family: "Open Sans", sans-serif;
}
/* Fond gris avec ligne orange en haut */
.hq-bloc-gris-top,
.hq-bloc-fond {
  background: #f2f2f3;
  border: none;
  border-top: 1px solid #ff9a00;
  padding: 20px;
  margin: 15px 0 15px;
}
.hq-bloc-gris-top > *:first-child,
.hq-bloc-fond > *:first-child {
  margin-top: 0px !important;
  padding-top: 0 !important;
}
.hq-bloc-gris-top.bg-white,
.hq-bloc-fond.bg-white {
  background: #fff;
}
/* Fond gris avec ligne rouge en haut et en bas */
.hq-avertissement {
  border-top: 5px solid #c00000 !important;
  border-bottom: 1px solid #c00000 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}
/* Fond blanc avec contour gris */
.hq-bloc-contour {
  background: #fff;
  border: 1px solid #e9e8e8;
  padding: 20px;
  margin: 15px 0 15px;
}
.hq-bloc-contour > *:first-child {
  margin-top: 0px !important;
  padding-top: 0 !important;
}
/* Fond gris */
.hq-bloc-gris {
  background: #f2f2f3;
  border: 1px solid #e9e8e8;
  padding: 20px;
  margin: 15px 0 15px;
}
.hq-bloc-gris > *:first-child {
  margin-top: 0px !important;
  padding-top: 0 !important;
}
/* Bloc comparaison - 2 colonnes */
.hq-bloc-comparaison {
  background: #fff;
  border: 1px solid #e9e8e8;
  padding: 20px;
  margin: 15px 0 15px;
}
.hq-bloc-comparaison .comparaison__row {
  margin-left: -20px;
  margin-right: -20px;
  padding: 10px 20px;
}
.hq-bloc-comparaison .comparaison__row:nth-child(odd) {
  background-color: #f2f2f3;
}
.hq-bloc-comparaison .comparaison__row .comparaison__row__title {
  margin-bottom: 5px;
  font-size: 1.3rem;
  text-transform: uppercase;
}
.hq-bloc-comparaison .comparaison__row .comparaison__row__content {
  margin-left: 16px;
}
.hq-bloc-comparaison > *:first-child {
  margin-top: 0px !important;
  padding-top: 0 !important;
}
.voyant {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 6px;
  border: 2px solid #979797;
  border-radius: 6px;
}
.voyant--allume {
  background-color: #EF4E37;
  border-color: #EF4E37;
}
/* Peut wrapper la classe liste-liens */
.hq-bloc-liens {
  border-top: 2px solid #cccccc;
  padding-top: 10px;
  margin: 30px 16px;
}
.hq-bloc-liens > * {
  margin-top: 0;
  padding-top: 0;
}
.hq-bloc-liens ul {
  list-style: none;
  list-style-image: none !important;
  padding-left: 12px !important;
}
.hq-bloc-liens ul li {
  margin-bottom: 5px;
  position: relative;
}
.hq-bloc-liens ul li::before {
  content: url(/images2016/bg_arrow_link.png);
  left: -12px;
  position: absolute;
  top: 1px;
}
.hq-bloc-deux-contours {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin: 40px 0 !important;
  padding: 20px 0;
}
/* POUR LES ANCIENS SITES AVEC LES NOUVELLES ENTETE */
.bloc-fond {
  background: #f2f2f3;
  border: 1px solid #e9e8e8;
  margin: 15px 0 15px;
  padding: 20px;
}
.bloc-fond > *:first-child,
.bloc-fond > h2,
.bloc-fond > h3,
.bloc-fond h2:first-child,
.bloc-fond h3:first-child,
.bloc-contour > h2,
.bloc-contour > h3,
.bloc-contour h2:first-child,
.bloc-contour h3:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.bloc-fond p:last-child,
.bloc-fond ul:last-child,
.bloc-fond .bloc-grille li,
.bloc-contour p:last-child,
.bloc-contour ul:last-child,
.bloc-contour .bloc-grille li {
  margin-bottom: 0 !important;
}
.bloc-contour {
  background: #fff;
  border: 1px solid #e9e8e8;
  margin: 15px 0 15px;
  padding: 20px;
}
.bloc-en-evidence {
  background: #f2f2f3;
  padding: 10px 24px;
  width: 100%;
}
/* Liste de liens */
.liste-documents {
  list-style: none;
  list-style-image: none !important;
  padding-left: 12px;
}
.liste-documents li {
  margin-bottom: 5px;
  position: relative;
}
.liste-documents li:before {
  content: url(/images2016/bg_arrow_link.png);
  left: -12px;
  position: absolute;
  top: 1px;
}
/* Type fichier */
.fichier-type {
  color: #666;
  font-size: 1.5rem;
  white-space: nowrap;
}
/* End Type fichier */
/* [end] POUR LES ANCIENS SITES AVEC LES NOUVELLES NORMES */
/* Liste de numéro */
ol.hq-liste-numero {
  margin: 15px 0 !important;
  padding-left: 20px;
  list-style: none;
}
ol.hq-liste-numero li {
  margin-bottom: 10px;
}
ol.hq-liste-numero li span {
  background-color: #003366;
  border-radius: 26px;
  clear: both;
  color: #ffffff;
  float: left;
  font-size: 1.5rem;
  font-weight: bold;
  margin: -2px 10px 0 0;
  padding: 3px 9px 2px;
}
/* End Liste de numéro */
/* Liste */
.liste-liens,
.hq-liste-liens {
  list-style: none;
  list-style-image: none !important;
  padding-left: 12px !important;
}
.liste-liens li,
.hq-liste-liens li {
  margin-bottom: 5px;
  position: relative;
}
.liste-liens li:before,
.hq-liste-liens li:before {
  content: url(/images2016/bg_arrow_link.png);
  left: -12px;
  position: absolute;
  top: 1px;
}
.liste-liens.ancres,
.hq-liste-liens.ancres {
  list-style: none;
  list-style-image: none !important;
  padding-left: 0px !important;
}
.liste-liens.ancres a:after,
.hq-liste-liens.ancres a:after {
  content: url(/images2016/bg-arrow-anchor.png);
  display: inline-block;
  left: 10px;
  position: relative;
  top: 1px;
  width: 0;
}
.liste-liens.ancres li,
.hq-liste-liens.ancres li {
  padding-left: 0;
}
.liste-liens.ancres li:before,
.hq-liste-liens.ancres li:before {
  content: none!important;
}
@media screen and (min-width: 768px) {
  .liste-liens.ancres.ancres-deux-colonnes {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
/* End Liste de liens */
/* Liste de documents */
.hq-liste-documents {
  list-style: none;
  list-style-image: none !important;
  padding-left: 12px;
}
.hq-liste-documents li {
  margin-bottom: 5px;
  position: relative;
}
.hq-liste-documents li::before {
  content: url(/images2016/bg_arrow_link.png);
  left: -12px;
  position: absolute;
  top: 1px;
  padding: 0;
}
/* End Liste de liens */
/* Liste horaire */
.liste-horaire {
  list-style: none;
  margin: 0;
  padding: 0;
}
.liste-horaire span {
  display: inline-block;
  font-weight: 700;
  width: 100px;
}
/* END LISTE HORAIRE */
/* Type fichier */
.hq-fichier-type {
  color: #666 !important;
  font-size: 1.2rem;
  white-space: nowrap;
}
/* End Type fichier */
/* Lien invsible */
.lien-invisible {
  color: #50575d;
}
/**
	POUR DÉVELOPPEMENT
**/
.manque-traduction,
.manque-lien {
  background: #ffea02 !important;
  border: 1px dotted #ff0004 !important;
  position: relative;
}
.manque-traduction:after,
.manque-lien:after {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  content: "Traduction de ce texte manquante";
  font-size: 1rem;
  left: 0;
  padding: 3px;
  position: absolute;
  top: -20px;
}
.manque-lien:after {
  content: "URL vide ou mauvais";
}
/**
	Pour transition
**/
/* Temporaire 2014 */
body .site-transition .hq-wrapper {
  margin-top: 50px;
}
/* Simulation du vieux menu sur desktop seulement */
@media screen and (min-width: 768px) {
  .hq-menu-site-2014 {
    background-color: #48433f;
    display: block !important;
    height: 41px !important;
    left: 0;
    padding-top: 4px !important;
    position: relative;
    width: 100%;
  }
  .hq-menu-site-2014 li {
    display: table-cell !important;
    height: 3.2em !important;
    vertical-align: top !important;
  }
  .hq-menu-site-2014 li a {
    animation: none !important;
    background: none;
    color: #fff !important;
    display: table-cell !important;
    font-size: 1.2rem;
    font-weight: 600;
    height: 3.1em !important;
    line-height: 1.2em !important;
    padding: 3px 24px 3px 24px !important;
    text-decoration: none !important;
    vertical-align: middle !important;
  }
  .hq-menu-site-2014 li a:hover,
  .hq-menu-site-2014 li a:focus,
  .hq-menu-site-2014 li a.active {
    background: #fff !important;
    -webkit-box-shadow: 0 0 1px 0 #888 !important;
    -moz-box-shadow: 0 0 1px 0 #888 !important;
    box-shadow: 0 0 1px 0 #888 !important;
    color: #48433f !important;
  }
  .hq-menu-site-2014 li.hq-current-page a {
    background-color: #fff !important;
    color: #48433f !important;
  }
  .hq-menu-site-2014 li:last-child a {
    background-image: none !important;
  }
  .hq-menu-site-2014.condense li a {
    letter-spacing: -0.03em;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
.level3,
.level4,
.level5 {
  background-image: none;
}
body .site-transition #hq-main-header {
  /* Enlève le border-bottom du menu principal (via un js) */
  border-bottom: none;
}
body .site-transition #hq-main-header .hq-nav-section-bloc {
  border-top: 1px solid #fff;
}
body .site-transition .hq-wrapper {
  background: #fff;
  color: #50575d;
  margin: 0 auto;
  max-width: 100%;
  padding: 4em 0 4.077em 0;
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
  width: 960px;
}
body .site-transition .hq-wrapper:after,
body .site-transition .hq-wrapper:before {
  content: " ";
  display: table;
}
body .site-transition .hq-wrapper:after {
  clear: both;
}
@media only screen and (max-width: 991px) {
  body .site-transition .hq-menu-site-2014 {
    height: 3.6em !important;
  }
}
/* Bloc : HQ Données */
.hq-donnees-row .hq-donnees {
  padding-top: 20px;
  padding-bottom: 20px;
}
.hq-donnees-row .hq-donnees p,
.hq-donnees-row .hq-donnees h2,
.hq-donnees-row .hq-donnees h3,
.hq-donnees-row .hq-donnees h4,
.hq-donnees-row .hq-donnees h5,
.hq-donnees-row .hq-donnees h6 {
  font-family: 'Open Sans', sans-serif;
  font-size: 2.6rem;
  font-weight: 300;
  line-height: 1.3em;
}
.hq-donnees-row .hq-donnees p:last-child,
.hq-donnees-row .hq-donnees h2:last-child,
.hq-donnees-row .hq-donnees h3:last-child,
.hq-donnees-row .hq-donnees h4:last-child,
.hq-donnees-row .hq-donnees h5:last-child,
.hq-donnees-row .hq-donnees h6:last-child {
  margin-bottom: 0;
}
.hq-donnees-row .hq-donnees p [class*="small"],
.hq-donnees-row .hq-donnees h2 [class*="small"],
.hq-donnees-row .hq-donnees h3 [class*="small"],
.hq-donnees-row .hq-donnees h4 [class*="small"],
.hq-donnees-row .hq-donnees h5 [class*="small"],
.hq-donnees-row .hq-donnees h6 [class*="small"],
.hq-donnees-row .hq-donnees p[class*="small"],
.hq-donnees-row .hq-donnees h2[class*="small"],
.hq-donnees-row .hq-donnees h3[class*="small"],
.hq-donnees-row .hq-donnees h4[class*="small"],
.hq-donnees-row .hq-donnees h5[class*="small"],
.hq-donnees-row .hq-donnees h6[class*="small"] {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.2em;
  margin-bottom: 15px;
}
.hq-donnees-row .hq-donnees p [class*="big"],
.hq-donnees-row .hq-donnees h2 [class*="big"],
.hq-donnees-row .hq-donnees h3 [class*="big"],
.hq-donnees-row .hq-donnees h4 [class*="big"],
.hq-donnees-row .hq-donnees h5 [class*="big"],
.hq-donnees-row .hq-donnees h6 [class*="big"],
.hq-donnees-row .hq-donnees p[class*="big"],
.hq-donnees-row .hq-donnees h2[class*="big"],
.hq-donnees-row .hq-donnees h3[class*="big"],
.hq-donnees-row .hq-donnees h4[class*="big"],
.hq-donnees-row .hq-donnees h5[class*="big"],
.hq-donnees-row .hq-donnees h6[class*="big"] {
  display: inline-block;
  font-size: 5.2rem;
  font-weight: 300;
  line-height: 1em;
  margin-bottom: 15px;
}
.hq-donnees-row .hq-donnees p [class*="caps"],
.hq-donnees-row .hq-donnees h2 [class*="caps"],
.hq-donnees-row .hq-donnees h3 [class*="caps"],
.hq-donnees-row .hq-donnees h4 [class*="caps"],
.hq-donnees-row .hq-donnees h5 [class*="caps"],
.hq-donnees-row .hq-donnees h6 [class*="caps"],
.hq-donnees-row .hq-donnees p[class*="caps"],
.hq-donnees-row .hq-donnees h2[class*="caps"],
.hq-donnees-row .hq-donnees h3[class*="caps"],
.hq-donnees-row .hq-donnees h4[class*="caps"],
.hq-donnees-row .hq-donnees h5[class*="caps"],
.hq-donnees-row .hq-donnees h6[class*="caps"] {
  display: inline-block;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2em;
  text-transform: uppercase;
}
.hq-donnees-row .hq-donnees p [class*="block"],
.hq-donnees-row .hq-donnees h2 [class*="block"],
.hq-donnees-row .hq-donnees h3 [class*="block"],
.hq-donnees-row .hq-donnees h4 [class*="block"],
.hq-donnees-row .hq-donnees h5 [class*="block"],
.hq-donnees-row .hq-donnees h6 [class*="block"],
.hq-donnees-row .hq-donnees p[class*="block"],
.hq-donnees-row .hq-donnees h2[class*="block"],
.hq-donnees-row .hq-donnees h3[class*="block"],
.hq-donnees-row .hq-donnees h4[class*="block"],
.hq-donnees-row .hq-donnees h5[class*="block"],
.hq-donnees-row .hq-donnees h6[class*="block"] {
  display: block;
}
.hq-donnees-row .hq-donnees p .bold,
.hq-donnees-row .hq-donnees h2 .bold,
.hq-donnees-row .hq-donnees h3 .bold,
.hq-donnees-row .hq-donnees h4 .bold,
.hq-donnees-row .hq-donnees h5 .bold,
.hq-donnees-row .hq-donnees h6 .bold,
.hq-donnees-row .hq-donnees p.bold,
.hq-donnees-row .hq-donnees h2.bold,
.hq-donnees-row .hq-donnees h3.bold,
.hq-donnees-row .hq-donnees h4.bold,
.hq-donnees-row .hq-donnees h5.bold,
.hq-donnees-row .hq-donnees h6.bold {
  font-weight: 400;
}
.hq-donnees-row .hq-donnees p span:last-child,
.hq-donnees-row .hq-donnees h2 span:last-child,
.hq-donnees-row .hq-donnees h3 span:last-child,
.hq-donnees-row .hq-donnees h4 span:last-child,
.hq-donnees-row .hq-donnees h5 span:last-child,
.hq-donnees-row .hq-donnees h6 span:last-child {
  margin-bottom: 0;
}
.hq-donnees-row .hq-donnees ul {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.8rem;
  font-weight: 300;
}
.hq-donnees-row .hq-donnees a {
  display: inline-block;
  color: #001f3d;
  font-weight: 600;
}
.hq-donnees-row .hq-donnees a:not(.img-link):not(.inline-link) {
  font-size: 2.1rem;
  line-height: 3rem;
  text-transform: uppercase;
}
.hq-donnees-row .hq-donnees #hq-tooltip p {
  font-size: 1.4rem !important;
}
.hq-donnees-row .hq-donnees:last-child {
  border-right: none;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .hq-donnees-row .hq-donnees p [class*="big"] {
    font-size: 4.4rem;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) {
  .hq-donnees-row + .hq-donnees-row {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #64605d;
  }
  .hq-donnees-row .hq-donnees {
    border-right: 1px solid #64605d;
    font-size: 2.6rem;
    font-weight: 300;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  /* Listes */
  .liste-documents li,
  .liste-liens li,
  .hq-liste-liens li {
    margin-bottom: 10px;
  }
  .hq-donnees-row {
    display: block !important;
    margin-top: 0 !important;
  }
  .hq-donnees-row:last-child .hq-donnees:last-child {
    border-bottom: none;
  }
  .hq-donnees-row .hq-donnees {
    float: none !important;
    display: block !important;
    width: auto;
    margin: 0 16px;
    border-bottom: 1px solid #64605d;
    text-align: center;
  }
  .hq-donnees-row .hq-donnees p [class*="big"] {
    font-size: 3rem;
    font-weight: 400;
    margin-bottom: 0;
  }
  .hq-donnees-row .hq-donnees p [class*="big"] sup {
    font-size: 1.5rem;
  }
  .hq-donnees-row .hq-donnees .hq-donnees {
    margin: 0;
  }
}
/* Grille mobile first */
/* Dérivé de Zurb Foundation 6 */
body {
  background: none;
  background-color: #fff;
  color: #48433f;
}
.row {
  max-width: 912px;
  margin-left: auto;
  margin-right: auto;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.row.row-large {
  max-width: 1640px!important;
}
@media screen and (min-width: 912px) {
  .row.row-large:not(:last-child) {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 911px) {
  .row.row-large:not(:last-child) {
    margin-bottom: 80px;
  }
}
.row .row {
  max-width: none;
  /*min-width: 0;*/
  margin-left: -16px;
  margin-right: -16px;
  /*width: auto; */
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.row.collapse > .column,
.row.collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}
.row.expanded {
  max-width: none;
}
.row.expanded .row {
  margin-left: auto;
  margin-right: auto;
}
/* ADD 2016-09-08 */
@media screen and (min-width: 768px) {
  .row .row {
    margin-left: -16px;
    margin-right: -16px;
  }
  .column,
  .columns {
    padding-left: 16px;
    padding-right: 16px;
  }
}
/* /ADD 2016-09-08 */
.container-fluid {
  width: 100%;
}
.break-before:before,
.break-before:after {
  content: " ";
  display: table;
}
.break-before:before {
  clear: both;
}
.break-after:before,
.break-after:after {
  content: " ";
  display: table;
}
.break-after:after {
  clear: both;
}
/* ADD 2016-09-08 */
.column:last-child:not(:first-child),
.columns:last-child:not(:first-child) {
  float: right;
}
.column.end:last-child:last-child,
.end.columns:last-child:last-child {
  float: left;
}
.column.row.row,
.row.row.columns {
  float: none;
}
.row .column.row.row,
.row .row.row.columns {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}
/* /ADD 2016-09-08 */
.columns {
  width: 100% /*Par defaut*/;
  float: left;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
}
.columns-full {
  float: left;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
/* 0 à 767px */
.small-1 {
  width: 8.33333%;
}
.small-push-1 {
  position: relative;
  left: 8.33333%;
}
.small-pull-1 {
  position: relative;
  left: -8.33333%;
}
.small-offset-0 {
  margin-left: 0%;
}
.small-2 {
  width: 16.66667%;
}
.small-push-2 {
  position: relative;
  left: 16.66667%;
}
.small-pull-2 {
  position: relative;
  left: -16.66667%;
}
.small-offset-1 {
  margin-left: 8.33333%;
}
.small-3 {
  width: 25%;
}
.small-push-3 {
  position: relative;
  left: 25%;
}
.small-pull-3 {
  position: relative;
  left: -25%;
}
.small-offset-2 {
  margin-left: 16.66667%;
}
.small-4 {
  width: 33.33333%;
}
.small-push-4 {
  position: relative;
  left: 33.33333%;
}
.small-pull-4 {
  position: relative;
  left: -33.33333%;
}
.small-offset-3 {
  margin-left: 25%;
}
.small-5 {
  width: 41.66667%;
}
.small-push-5 {
  position: relative;
  left: 41.66667%;
}
.small-pull-5 {
  position: relative;
  left: -41.66667%;
}
.small-offset-4 {
  margin-left: 33.33333%;
}
.small-6 {
  width: 50%;
}
.small-push-6 {
  position: relative;
  left: 50%;
}
.small-pull-6 {
  position: relative;
  left: -50%;
}
.small-offset-5 {
  margin-left: 41.66667%;
}
.small-7 {
  width: 58.33333%;
}
.small-push-7 {
  position: relative;
  left: 58.33333%;
}
.small-pull-7 {
  position: relative;
  left: -58.33333%;
}
.small-offset-6 {
  margin-left: 50%;
}
.small-8 {
  width: 66.66667%;
}
.small-push-8 {
  position: relative;
  left: 66.66667%;
}
.small-pull-8 {
  position: relative;
  left: -66.66667%;
}
.small-offset-7 {
  margin-left: 58.33333%;
}
.small-9 {
  width: 75%;
}
.small-push-9 {
  position: relative;
  left: 75%;
}
.small-pull-9 {
  position: relative;
  left: -75%;
}
.small-offset-8 {
  margin-left: 66.66667%;
}
.small-10 {
  width: 83.33333%;
}
.small-push-10 {
  position: relative;
  left: 83.33333%;
}
.small-pull-10 {
  position: relative;
  left: -83.33333%;
}
.small-offset-9 {
  margin-left: 75%;
}
.small-11 {
  width: 91.66667%;
}
.small-push-11 {
  position: relative;
  left: 91.66667%;
}
.small-pull-11 {
  position: relative;
  left: -91.66667%;
}
.small-offset-10 {
  margin-left: 83.33333%;
}
.small-12 {
  width: 100%;
}
.small-offset-11 {
  margin-left: 91.66667%;
}
.small-collapse > .column,
.small-collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}
.small-collapse .row,
.expanded.row .small-collapse.row,
.row.small-collapse {
  margin-left: 0;
  margin-right: 0;
}
.small-collapse .row .row.row-normal,
.expanded.row .small-collapse.row .row.row-normal,
.row.small-collapse .row.row-normal,
.small-collapse .row .row-normal .row,
.expanded.row .small-collapse.row .row-normal .row,
.row.small-collapse .row-normal .row {
  margin-left: -16px;
  margin-right: -16px;
}
.small-centered {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  margin-left: 0;
  margin-right: 0;
}
.small-uncollapse > .column,
.small-uncollapse > .columns {
  padding-left: 32px / 2;
  padding-right: 32px / 2;
}
.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  margin-left: 0;
  margin-right: 0;
  float: left;
}
@media screen and (min-width: 768px) {
  .medium-push-0 {
    left: auto;
  }
  .medium-1 {
    width: 8.33333%;
  }
  .medium-push-1 {
    position: relative;
    left: 8.33333%;
  }
  .medium-pull-1 {
    position: relative;
    left: -8.33333%;
  }
  .medium-offset-0 {
    margin-left: 0%;
  }
  .medium-2 {
    width: 16.66667%;
  }
  .medium-push-2 {
    position: relative;
    left: 16.66667%;
  }
  .medium-pull-2 {
    position: relative;
    left: -16.66667%;
  }
  .medium-offset-1 {
    margin-left: 8.33333%;
  }
  .medium-3 {
    width: 25%;
  }
  .medium-push-3 {
    position: relative;
    left: 25%;
  }
  .medium-pull-3 {
    position: relative;
    left: -25%;
  }
  .medium-offset-2 {
    margin-left: 16.66667%;
  }
  .medium-4 {
    width: 33.33333%;
  }
  .medium-push-4 {
    position: relative;
    left: 33.33333%;
  }
  .medium-pull-4 {
    position: relative;
    left: -33.33333%;
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .medium-5 {
    width: 41.66667%;
  }
  .medium-push-5 {
    position: relative;
    left: 41.66667%;
  }
  .medium-pull-5 {
    position: relative;
    left: -41.66667%;
  }
  .medium-offset-4 {
    margin-left: 33.33333%;
  }
  .medium-6 {
    width: 50%;
  }
  .medium-push-6 {
    position: relative;
    left: 50%;
  }
  .medium-pull-6 {
    position: relative;
    left: -50%;
  }
  .medium-offset-5 {
    margin-left: 41.66667%;
  }
  .medium-7 {
    width: 58.33333%;
  }
  .medium-push-7 {
    position: relative;
    left: 58.33333%;
  }
  .medium-pull-7 {
    position: relative;
    left: -58.33333%;
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .medium-8 {
    width: 66.66667%;
  }
  .medium-push-8 {
    position: relative;
    left: 66.66667%;
  }
  .medium-pull-8 {
    position: relative;
    left: -66.66667%;
  }
  .medium-offset-7 {
    margin-left: 58.33333%;
  }
  .medium-9 {
    width: 75%;
  }
  .medium-push-9 {
    position: relative;
    left: 75%;
  }
  .medium-pull-9 {
    position: relative;
    left: -75%;
  }
  .medium-offset-8 {
    margin-left: 66.66667%;
  }
  .medium-10 {
    width: 83.33333%;
  }
  .medium-push-10 {
    position: relative;
    left: 83.33333%;
  }
  .medium-pull-10 {
    position: relative;
    left: -83.33333%;
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .medium-11 {
    width: 91.66667%;
  }
  .medium-push-11 {
    position: relative;
    left: 91.66667%;
  }
  .medium-pull-11 {
    position: relative;
    left: -91.66667%;
  }
  .medium-offset-10 {
    margin-left: 83.33333%;
  }
  .medium-12 {
    width: 100%;
  }
  .medium-offset-11 {
    margin-left: 91.66667%;
  }
  .medium-collapse > .column,
  .medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .medium-collapse .row,
  .expanded.row .medium-collapse,
  .row.medium-collapse {
    margin-left: 0px;
    margin-right: 0px;
  }
  .medium-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .medium-uncentered,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
  }
  .medium-uncollapse > .column,
  .medium-uncollapse > .columns {
    padding-left: 32px/2;
    padding-right: 32px/2;
  }
}
@media screen and (min-width: 912px) {
  .large-1 {
    width: 8.33333%;
  }
  .large-push-1 {
    position: relative;
    left: 8.33333%;
  }
  .large-pull-1 {
    position: relative;
    left: -8.33333%;
  }
  .large-offset-0 {
    margin-left: 0%;
  }
  .large-2 {
    width: 16.66667%;
  }
  .large-push-2 {
    position: relative;
    left: 16.66667%;
  }
  .large-pull-2 {
    position: relative;
    left: -16.66667%;
  }
  .large-offset-1 {
    margin-left: 8.33333%;
  }
  .large-3 {
    width: 25%;
  }
  .large-push-3 {
    position: relative;
    left: 25%;
  }
  .large-pull-3 {
    position: relative;
    left: -25%;
  }
  .large-offset-2 {
    margin-left: 16.66667%;
  }
  .large-4 {
    width: 33.33333%;
  }
  .large-push-4 {
    position: relative;
    left: 33.33333%;
  }
  .large-pull-4 {
    position: relative;
    left: -33.33333%;
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .large-5 {
    width: 41.66667%;
  }
  .large-push-5 {
    position: relative;
    left: 41.66667%;
  }
  .large-pull-5 {
    position: relative;
    left: -41.66667%;
  }
  .large-offset-4 {
    margin-left: 33.33333%;
  }
  .large-6 {
    width: 50%;
  }
  .large-push-6 {
    position: relative;
    left: 50%;
  }
  .large-pull-6 {
    position: relative;
    left: -50%;
  }
  .large-offset-5 {
    margin-left: 41.66667%;
  }
  .large-7 {
    width: 58.33333%;
  }
  .large-push-7 {
    position: relative;
    left: 58.33333%;
  }
  .large-pull-7 {
    position: relative;
    left: -58.33333%;
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .large-8 {
    width: 66.66667%;
  }
  .large-push-8 {
    position: relative;
    left: 66.66667%;
  }
  .large-pull-8 {
    position: relative;
    left: -66.66667%;
  }
  .large-offset-7 {
    margin-left: 58.33333%;
  }
  .large-9 {
    width: 75%;
  }
  .large-push-9 {
    position: relative;
    left: 75%;
  }
  .large-pull-9 {
    position: relative;
    left: -75%;
  }
  .large-offset-8 {
    margin-left: 66.66667%;
  }
  .large-10 {
    width: 83.33333%;
  }
  .large-push-10 {
    position: relative;
    left: 83.33333%;
  }
  .large-pull-10 {
    position: relative;
    left: -83.33333%;
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .large-11 {
    width: 91.66667%;
  }
  .large-push-11 {
    position: relative;
    left: 91.66667%;
  }
  .large-pull-11 {
    position: relative;
    left: -91.66667%;
  }
  .large-offset-10 {
    margin-left: 83.33333%;
  }
  .large-12 {
    width: 100%;
  }
  .large-offset-11 {
    margin-left: 91.66667%;
  }
  .large-collapse > .column,
  .large-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .large-collapse .row,
  .expanded.row .large-collapse,
  .row.large-collapse {
    margin-left: 0px;
    margin-right: 0px;
  }
  .large-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .large-uncentered,
  .large-push-0,
  .large-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
  }
  .large-uncollapse > .column,
  .large-uncollapse > .columns {
    padding-left: 32px / 2;
    padding-right: 32px / 2;
  }
}
.hide {
  display: none !important;
}
.invisible {
  visibility: hidden;
}
/* 0 à 767 {*/
@media screen and (max-width: 767px) {
  .hide-for-small-only {
    display: none !important;
  }
}
/* 0 à 767 */
@media screen and (max-width: 0em), screen and (min-width: 767px) {
  .show-for-small-only {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .hide-for-medium {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .show-for-medium {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 911px) {
  .hide-for-medium-only {
    display: none !important;
  }
}
@media screen and (max-width: 767px), screen and (min-width: 912px) {
  .show-for-medium-only {
    display: none !important;
  }
}
@media screen and (min-width: 912px) {
  .hide-for-large {
    display: none !important;
  }
}
@media screen and (max-width: 911px) {
  .show-for-large {
    display: none !important;
  }
}
/*@media screen and (min-width:@breakpoint-large) and (max-width:(@breakpoint-large - 1) ) {*/
@media screen and (min-width: 912px) {
  .hide-for-large-only {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .show-for-large-only {
    display: none !important;
  }
}
.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.show-on-focus:active,
.show-on-focus:focus {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
}
.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}
@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
}
@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}
.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}
@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* Flexbox */
/* Général*/
.flex-container {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.d-flex {
  display: flex;
}
.d-flex-column {
  flex-direction: column;
}
.d-flex-start {
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .d-flex-md {
    display: flex;
  }
}
/* Variable locale */
/* Prépare le contenu pour recevoir le masque*/
#hq-outer-mask {
  position: relative;
  overflow: hidden!important;
}
/* Changement dans le menu du haut avec les liens essentiels*/
[data-theme="simple"] #hq-mtop-i12n,
[data-theme="simple"] #hq-mtop-jndr,
[data-theme="simple"] #hq-mtop-pannes,
[data-theme="simple"] #hq-mtop-cnx,
[data-theme="simple"] #hq-mmob-i12n,
[data-theme="simple"] #hq-mmob-jndr,
[data-theme="simple"] #hq-mmob-pannes,
[data-theme="simple"] .hq-connexion {
  display: none;
}
/* Changement dans le menu du haut avec les liens essentiels avec lien international*/
[data-theme="simple-international"] #hq-mtop-jndr,
[data-theme="simple-international"] #hq-mtop-pannes,
[data-theme="simple-international"] #hq-mtop-cnx,
[data-theme="simple-international"] #hq-mmob-jndr,
[data-theme="simple-international"] #hq-mmob-pannes,
[data-theme="simple-international"] .hq-connexion {
  display: none;
}
/* Changement dans le menu du haut avec les liens sans la traduction*/
[data-theme="simple-fr-seulement"] #hq-mtop-i12n,
[data-theme="simple-fr-seulement"] #hq-mtop-jndr,
[data-theme="simple-fr-seulement"] #hq-mtop-pannes,
[data-theme="simple-fr-seulement"] #hq-mtop-cnx,
[data-theme="simple-fr-seulement"] #hq-mmob-i12n,
[data-theme="simple-fr-seulement"] #hq-mmob-jndr,
[data-theme="simple-fr-seulement"] #hq-mmob-pannes,
[data-theme="simple-fr-seulement"] .hq-connexion,
[data-theme="simple-fr-seulement"] .hq-langue {
  display: none;
}
/* Changement dans le menu du haut avec les liens sans la traduction avec lien international*/
[data-theme="international-fr-seulement"] #hq-mtop-jndr,
[data-theme="international-fr-seulement"] #hq-mtop-pannes,
[data-theme="international-fr-seulement"] #hq-mtop-cnx,
[data-theme="international-fr-seulement"] #hq-mmob-jndr,
[data-theme="international-fr-seulement"] #hq-mmob-pannes,
[data-theme="international-fr-seulement"] .hq-connexion,
[data-theme="international-fr-seulement"] .hq-langue {
  display: none;
}
@media screen and (min-width: 768px) {
  #hq-main-header {
    font-family: 'Open Sans', sans-serif;
    border-bottom: 1px solid #cccccc;
    position: relative;
    margin-top: 10px;
    /*hq-nav-vedette*/
    /*hq-header-bloc*/
    /*************************************************************/
    /* Section d'un grand thème  Résidentiel/Affaires/A propos   */
    /*************************************************************/
    /*.hq-nav-section-bloc*/
  }
  #hq-main-header a {
    color: #48433f;
    text-decoration: none;
  }
  #hq-main-header a:hover,
  #hq-main-header a:focus,
  #hq-main-header a:active {
    text-decoration: underline;
  }
  #hq-main-header ul {
    margin: 0;
    padding: 0;
  }
  #hq-main-header ul li {
    list-style: none!important;
    margin: 0;
    padding: 0;
  }
  #hq-main-header .hq-nav-utils ul {
    align-items: center;
    display: flex;
    margin-bottom: 20px;
    /* Espacement entre le menu vedette et la rangeé du logo/nav principal/champ de recherches*/
    justify-content: flex-end;
    height: 32px;
  }
  #hq-main-header .hq-nav-utils ul li {
    margin: 0;
    margin-left: 15px;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1;
  }
  #hq-main-header .hq-nav-utils .hq-connexion a {
    background: url(/images2016/hq-icones.svg#hq-icn-android) no-repeat;
    background-color: #f4f3f3;
    border: 1px solid #cccccc;
    border-radius: 5px;
    display: block;
    padding: 8px 10px 8px 10px;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
  }
  #hq-main-header .hq-nav-utils .hq-connexion a svg {
    font-size: 14px;
    display: inline-block;
    margin-right: 8px;
    fill: #918e8b !important;
  }
  #hq-main-header .hq-header-trio-bloc {
    padding-bottom: 30px;
  }
  #hq-main-header .hq-header-duo-bloc {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
  }
  #hq-main-header .hq-header-duo-bloc .hq-logo {
    display: block;
    margin-right: 45px;
    width: 168px;
    /*Svg*/
  }
  #hq-main-header .hq-header-duo-bloc .hq-logo img {
    width: 100%;
  }
  #hq-main-header .hq-nav-grande-section {
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 8px;
  }
  #hq-main-header .hq-nav-grande-section ul {
    display: flex;
  }
  #hq-main-header .hq-nav-grande-section ul li {
    margin-right: 25px;
  }
  #hq-main-header .hq-nav-grande-section ul li:last-child {
    margin-right: 0;
  }
  #hq-main-header .hq-nav-grande-section ul li a.active {
    font-weight: 700;
  }
  #hq-main-header.hq-site-specialise .hq-nav-grande-section a,
  #hq-main-header.hq-formulaire .hq-nav-grande-section a,
  #hq-main-header.hq-site-specialise .hq-nav-grande-section .href,
  #hq-main-header.hq-formulaire .hq-nav-grande-section .href {
    font-weight: 600;
  }
  #hq-main-header .hq-recherche-bloc {
    align-self: flex-end;
  }
  #hq-main-header .hq-recherche-bloc .recherche {
    position: relative;
    padding: 8px 4px 8px 20px;
    border: 1px solid #cecdcc;
    border-radius: 20px;
    line-height: normal;
    color: #222;
    margin: 0;
    font-weight: normal;
    display: inline-block;
    width: 245px;
  }
  #hq-main-header .hq-recherche-bloc .recherche svg {
    background-color: #003666;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    margin: 0;
    color: #fff;
    font-weight: 400;
    overflow: visible;
    padding: 7px;
    vertical-align: middle;
    position: absolute;
    right: 4px;
    top: 3px;
  }
  #hq-main-header .hq-recherche-bloc .recherche:hover,
  #hq-main-header .hq-recherche-bloc .recherche:focus,
  #hq-main-header .hq-recherche-bloc .recherche:active {
    background-color: #fff;
  }
  #hq-main-header .hq-recherche-bloc form {
    position: relative;
  }
  #hq-main-header .hq-recherche-bloc form ::placeholder {
    color: #48433f;
    opacity: 1;
  }
  #hq-main-header .hq-recherche-bloc form input {
    background: #fff;
    border: 1px solid #cccccc;
    border-radius: 20px;
    height: 40px;
    flex: 1;
    padding-left: 20px;
    width: 23vw;
    max-width: 245px;
  }
  #hq-main-header .hq-recherche-bloc form button {
    transition: all 0.25s;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #003366;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    margin: 0;
    color: #666666;
    font: inherit;
    font-weight: normal;
    overflow: visible;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 100;
    /* Enlève le padding par defaut dans webkit / ios */
    padding: 0;
  }
  #hq-main-header .hq-recherche-bloc form button:focus {
    outline: thin dotted;
  }
  #hq-main-header .hq-recherche-bloc form button:hover,
  #hq-main-header .hq-recherche-bloc form button:focus,
  #hq-main-header .hq-recherche-bloc form button:active {
    background-color: #17649f;
  }
  #hq-main-header .hq-recherche-bloc form button svg {
    display: inline;
    fill: #fff;
    font-size: 16px;
    /*Déplace le svg pour le centrer,le Flex ne semble par avoir d'effet*/
    margin-left: 7px;
    /* 1/2 du border-radius */
  }
  #hq-main-header .hq-nav-section-bloc {
    border-top: 1px solid #cccccc;
    /* .hqnav-section */
    /* Bannière */
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section {
    font-size: 1.4rem;
    font-weight: 600;
    /* Bouton accesibilité - base*/
    /******************************
				/* Menu horizontal de section
				/******************************/
    /*Fin menu*/
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section .btn-sm {
    position: absolute;
    width: 16px;
    height: 16px;
    display: block;
    overflow: hidden;
    right: 0;
    line-height: 1em;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section .btn-sm::after {
    outline: none;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    content: ' ';
    display: none;
    position: relative;
    width: 5px;
    height: 5px;
    transform: rotate(-45deg);
    /*Pointe vers la droite */
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) {
    display: table;
    position: relative;
    z-index: 10000;
    /* Fait passer le menu au premier rang par-dessus le masque*/
    /* /li */
    /****************************/
    /* Panneau 1
					/****************************/
    /* FIN UL Panneau 1*/
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li {
    display: table-cell;
    vertical-align: middle;
    background: transparent !important;
    /* Lorsque la section est active (menu haut horizontal - blanc) */
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li .btn-sm {
    top: auto;
    bottom: 0em;
    left: 49%;
    right: 50%;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li .btn-sm::after {
    /*Pointeur*/
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    top: 0px;
    right: 0px;
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
    /* pointe vers le bas */
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li > a {
    background: #fff;
    color: #48433f;
    display: table-cell;
    vertical-align: middle;
    padding: 12px 14px;
    line-height: 1.3em;
    position: relative;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li > a:first-child {
    padding-top: 0;
    padding-bottom: 0px;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li > a:first-child > span:first-child:not(.visuallyhidden) {
    display: table-cell;
    height: auto;
    position: relative;
    padding: 12px 0;
    vertical-align: middle;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li > a:hover,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li > a:focus,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li > a.active,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li > a.hq-active {
    animation: fade 0.5s / 1;
    background: #48433f;
    color: #fff;
    text-decoration: none;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li > a:hover .btn-sm::after,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li > a:focus .btn-sm::after,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li > a.active .btn-sm::after,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li > a.hq-active .btn-sm::after {
    display: block;
    border-color: #fff;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li > a.has-submenu span {
    white-space: nowrap;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li > a:hover + div > ul,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li > a.btn-click + div > ul {
    animation: fade 0.5s;
    display: block;
    left: auto;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li.hq-current-section > a > span:first-child:not(.visuallyhidden)::after {
    animation: fade 1s;
    content: " ";
    display: inline-block;
    border-bottom: 2px solid #48433f;
    width: 100%;
    left: 0;
    bottom: -1px;
    height: 1px;
    position: absolute;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li.hq-current-section > a:hover span::after,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li.hq-current-section > a:focus span::after,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li.hq-current-section > a.active span::after {
    display: none;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li.hq-current-section .btn-focus.btn-sm::after {
    border-color: #48433f;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li:hover > div > ul {
    animation: fade 0.5s;
    display: block;
    left: auto;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li.btn-focus > a {
    background: #48433f;
    color: #fff;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li.btn-focus > a span::before {
    display: none;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li.btn-focus > a .btn-sm {
    background: #fff;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li.btn-focus > a .btn-sm::after {
    display: block;
    border-color: #48433f;
    left: 0;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li.btn-focus > a:not(.active-section) .btn-sm::after {
    top: 0px;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li.btn-focus > a.active-section .btn-sm::after {
    top: -22px;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap {
    display: none;
    position: absolute;
    width: 242px;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul {
    display: block;
    border-top: 1px solid #9d9b99;
    background: #fff;
    height: 100%;
    width: 242px;
    /* /LI */
    /********************/
    /* Panneau double
							/* -Me connecter
							/********************/
    /********************/
    /* Panneau #2 		*/
    /********************/
    /* Fin panneau 2 */
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li {
    display: block;
    height: auto;
    /* Si l'item du menu est actif */
    /* LI */
    /*Filet séparateur*/
    /* /Filet séparateur */
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li a {
    display: block;
    font-weight: 700;
    position: relative;
    width: 242px;
    padding: 12px 16px;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li a:hover,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li a:focus,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li a.active {
    background: #48433f;
    color: #fff;
    text-decoration: underline;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li a:hover .btn-sm::after,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li a:focus .btn-sm::after,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li a.active .btn-sm::after {
    border-color: #fff;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li a .btn-sm {
    top: 1em;
    bottom: auto;
    left: auto;
    right: 10px;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li a .btn-sm::after {
    display: block;
    border-color: #48433f;
    transform: rotate(-45deg);
    /* Pointe vers le bas */
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-current-page > a,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-current-section > a {
    background: #48433f !important;
    color: #fff !important;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-current-page > a:hover,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-current-section > a:hover,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-current-page > a:focus,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-current-section > a:focus {
    background: #48433f;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-current-page > a .btn-sm::after,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-current-section > a .btn-sm::after {
    border-color: #fff;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-current-page::after,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-current-section::after {
    display: none;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-menu-meconnecter > a:hover,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-menu-meconnecter > a:focus,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-menu-meconnecter > a.active {
    background: #17649F;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-menu-meconnecter > a:hover .btn-sm::after,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-menu-meconnecter > a:focus .btn-sm::after,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-menu-meconnecter > a.active .btn-sm::after {
    border-color: #fff;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-menu-meconnecter > #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.btn-focus a {
    background: #17649F !important;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-menu-meconnecter > #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.btn-focus a .btn-sm {
    background: #fff;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-menu-meconnecter > #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.btn-focus a .btn-sm::after {
    border-color: #17649F;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li:hover a,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.btn-click a,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.btn-focus a {
    color: #fff;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li:hover a .btn-sm::after,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.btn-click a .btn-sm::after,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.btn-focus a .btn-sm::after {
    border-color: #fff;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.btn-focus a .btn-sm {
    background: #fff;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.btn-focus a .btn-sm::after {
    border-color: #48433f;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li::after {
    content: " ";
    border-bottom: 1px solid #cccccc;
    display: block;
    left: 6.75%;
    right: 6.75%;
    width: 86.5%;
    position: absolute;
    cursor: pointer;
    z-index: 150;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li:hover::after,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.btn-click::after {
    border-bottom: 1px solid #fff;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li:last-child::after {
    border-bottom: none;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap {
    width: 670px !important;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double {
    background: #17649F;
    padding: 0px 36px 0 72px;
    left: -670px;
    position: absolute;
    top: 0;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double .hq-panneau-titre {
    color: #fff;
    font-size: 3rem;
    line-height: 1.4em;
    font-weight: 300;
    margin: 0px 0 50px 0;
    padding: 40px 0 0 0;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double ul {
    background: transparent;
    border: none;
    position: relative!important;
    margin: 0;
    padding: 0;
    left: auto;
    width: auto;
    height: auto;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double ul li {
    width: auto;
    display: inline-block;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double ul li a {
    padding: 8px 38px;
    width: auto;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double ul li::after {
    /*Filet sépareteur*/
    display: none!important;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double.slidein-panneau {
    left: 0!important;
    transition: 0.5s left;
    height: 100%;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double.slideout-panneau {
    transition: 0.5s left;
    left: -670px !important;
    height: 100%;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double p {
    color: #fff;
    display: block;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double ul.hq-panneau-liste {
    margin: 0;
    padding: 0;
    display: block;
    z-index: 0;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double ul.hq-panneau-liste li {
    display: block!important;
    padding: 0 0 0 10px!important;
    position: relative;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double ul.hq-panneau-liste li::before {
    content: '';
    position: absolute;
    top: 0.5em;
    left: 0;
    background: #fff;
    width: 6px;
    height: 6px;
    border-radius: 6px / 2;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double ul.hq-panneau-liste li {
    color: #fff;
    margin: 0 0 12px 0;
    padding: 0;
    width: auto;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double ul.hq-panneau-liste li::after {
    /*Filet sépareteur*/
    display: none!important;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .width-panneau2-3 {
    width: 670px !important;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap {
    display: none;
    position: absolute;
    overflow: hidden;
    left: 242px !important;
    top: 0;
    width: 270px;
    height: 100%;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap.openleft-panneau {
    left: auto !important;
    right: 242px !important;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap.openleft-panneau ul.slidein-panneau {
    left: auto !important;
    right: 0 !important;
    transition: 0.5s right;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap.openleft-panneau ul.slideout-panneau {
    left: auto !important;
    right: -270px !important;
    transition: 0.5s right;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul {
    display: block;
    background: #fff;
    border-top: none;
    border-left: 1px solid #cecdcc;
    top: 0px;
    position: absolute;
    left: -270px;
    height: 100%;
    animation: none!important;
    width: 271px;
    /*****************************************/
    /* Panneau 3 (pub/info)
								/*****************************************/
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul.slidein-panneau {
    left: 0!important;
    transition: 0.5s left;
    height: 100%;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul.slideout-panneau {
    transition: 0.5s left;
    left: -270px !important;
    height: 100%;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul li a {
    color: #48433f;
    display: block;
    font-weight: 400;
    width: 270px;
    padding: 12px 16px;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul li a > .btn-sm::after {
    display: none;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul li a:hover,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul li a:focus,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul li a.active,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul li a.btn-focus {
    background: #48433f;
    color: #fff;
    text-decoration: underline;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul li.btn-focus a {
    background: #48433f;
    color: #fff;
    text-decoration: underline;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul li.btn-focus a > .btn-sm::after {
    border-color: #48433f;
    display: block;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap {
    display: none;
    position: absolute;
    overflow: hidden;
    left: 270px !important;
    top: 0;
    width: 400px;
    height: 100%;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc {
    position: absolute;
    background: #f3f3f3;
    border-left: 1px solid #cccccc;
    top: 0;
    width: 400px;
    left: -400px !important;
    height: 400px!important;
    /* RESET UL/LI */
    /*.hq-menu-banniere-img {
											background-repeat:none;
											background-size:@width-panneau3;
											 border-bottom:1px solid @gris-pale;
											 display:flex;
											 flex-wrap:wrap;
											 justify-content: center;
											 align-items:center;
											 align-content:center;

											 height:215px;
											 padding:0 220px 0 40px;
										}*/
    /*.hq-menu-button {
											background:@button-bg;
											border:1px solid @button-border;
											border-radius:5px;
											display:block;

											margin-top:20px;
											padding:10px 16px;
											text-align:center;
											width:auto;

											&::after {
												display:none;
											}
										}*/
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc.slidein-panneau {
    left: 0!important;
    transition: 0.5s left;
    width: 400px;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc.slideout-panneau {
    left: -400px !important;
    transition: 0.5s left;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc a {
    animation: none!important;
    background: #f3f3f3;
    display: block;
    width: 100%;
    text-align: center;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc a figure {
    display: block;
    margin-top: 30px;
    text-align: center;
    height: 250px;
    width: 100%;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc a figure img {
    display: inline-block;
    height: 250px;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc.image-only a figure {
    width: 100%;
    height: auto;
    text-align: center;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc.image-only a figure img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc ul {
    left: auto;
    position: relative;
    border: none;
    width: auto;
    margin: 0;
    padding: 16px;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc ul li {
    margin: 0;
    padding: 0;
    height: auto;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc ul li:hover {
    background: transparent;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc ul li:hover > a {
    color: #000;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc ul li::after {
    display: none;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc ul li > span {
    text-transform: uppercase;
    font-weight: 700;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc ul li a {
    padding: 0;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc ul li a::after {
    display: none;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc ul li a:hover {
    color: #000 !important;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc ul li ul {
    margin: 0;
    padding: 0;
    left: auto;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc ul li ul li {
    margin: 0;
    padding: 3px 0;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc .hq-menu-banniere-titre {
    display: block;
    font-weight: 400;
    font-size: 2rem;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc h3,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc .h3,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc .hq-h3-30 {
    font-size: 1.9rem;
    font-weight: 400;
    line-height: 1.3em;
    text-align: left;
    margin: 30px 0 0 20px;
    padding: 0;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc h3 .hq-h3-date,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc .h3 .hq-h3-date,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc .hq-h3-30 .hq-h3-date {
    display: block;
    font-size: 1.2rem;
    line-height: 1.2em;
    font-weight: 600!important;
  }
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc h3 b,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc .h3 b,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc .hq-h3-30 b,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc h3 strong,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc .h3 strong,
  #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc .hq-h3-30 strong {
    font-weight: 700;
  }
  /* Général*/
  .hq-header-trio-bloc .flex-container {
    display: flex!important;
    align-items: flex-end !important;
    justify-content: space-between !important;
  }
}
/* end Media  query */
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@media (min-width: 768px) {
  /* Prépare le contenu pour recevoir le masque*/
  /*#hq-outer-mask{
		position:relative;
	}*/
  /* En ce moment le masque est associé au contenu display:block */
  /* Si on veut le relié à la page, mettre display:fixed / top:195px; / Cette option évite de faire des changement dans les pages déjè existante si utilisé */
  #site-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
  }
  #site-overlay.hq-mask-in {
    background-color: #000;
    opacity: 0.7;
    transition: opacity 500ms;
  }
  #site-overlay.hq-mask-out {
    background-color: #000;
    opacity: 0;
    transition: opacity 500ms;
  }
}
/* MENU CHOIX D'AFFICHAGE */
/* Mobile */
@media (max-width: 767px) {
  #hq-header-nav-section,
  .hq-nav-desktop,
  #hq-nav-grande-section,
  #hq-nav-site-specialise,
  #hq-nav-pannes,
  #hq-nav-site-international {
    display: none;
  }
  #hq-main-header {
    background: #fff;
  }
  .hq-header-duo-bloc {
    background: #fff;
    display: block!important;
    padding: 15px 0;
    width: 100%!important;
  }
  .hq-header-duo-bloc .hq-logo {
    display: block;
    margin: 0px;
    width: 130px;
    margin: 0 auto;
    text-align: center;
    /*Svg*/
  }
  .hq-header-duo-bloc .hq-logo img {
    width: 100%;
  }
}
.hq-titre-mobile {
  display: table;
  margin: auto;
}
.hq-titre-mobile ul {
  list-style-image: none;
  padding: 0;
}
.hq-titre-mobile ul li {
  display: inline;
  margin-right: 10px;
}
#hq-menu-visible-mobile {
  display: block;
}
#hq-menu-visible-mobile ul {
  display: flex;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  align-items: center;
  margin-bottom: 0!important;
}
#hq-menu-visible-mobile ul li {
  list-style-image: none;
  margin: 0;
  flex: 2 1 auto;
  border-right: 1px solid #cccccc;
}
#hq-menu-visible-mobile ul li:last-child {
  border-right: none;
}
#hq-menu-visible-mobile ul li a {
  color: #48433f;
  display: block;
  line-height: 1em;
  font-size: 1.3rem;
  font-weight: 400;
  padding: 15px;
  text-decoration: none;
  text-align: center;
}
#hq-menu-visible-mobile ul li a span.hq-menu-vl {
  display: inline-block;
  vertical-align: middle;
}
#hq-menu-visible-mobile ul li.hq-connexion svg {
  opacity: 0.85;
}
/* Desktop */
@media (min-width: 768px) {
  #mm-hq-header-nav-section,
  #hq-menu-visible-mobile,
  #mm-hq-nav-grande-section {
    display: none;
  }
}
/* Mobile first */
footer#hq-main-footer {
  background: #0b2f4b;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.3rem;
  margin-top: 40px;
  padding: 25px 0 25px 0;
  /* hq-footer-main-menu  */
}
footer#hq-main-footer a {
  color: #fff;
  text-decoration: none;
}
footer#hq-main-footer a:hover,
footer#hq-main-footer a:focus,
footer#hq-main-footer a:active {
  text-decoration: underline;
}
footer#hq-main-footer ul {
  list-style: none!important;
  padding: 0;
  margin: 0;
}
footer#hq-main-footer ul li {
  list-style: none!important;
  padding: 0;
  margin: 0;
}
footer#hq-main-footer .hq-logo-coupe {
  height: auto;
  transform: translate(0, -45px);
  width: 140px;
}
footer#hq-main-footer .hq-break-col:not('.hq-footer-suivez-nous') ul:not('.hq-section-princ') {
  display: none;
}
footer#hq-main-footer .hq-footer-main-menu {
  /*ul*/
  text-align: center;
  overflow: hidden;
}
footer#hq-main-footer .hq-footer-main-menu li {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 14px;
}
footer#hq-main-footer .hq-footer-main-menu li:last-child {
  margin-bottom: 0;
}
footer#hq-main-footer .hq-footer-suivez-nous,
footer#hq-main-footer .hq-footer-apps {
  border-top: 1px solid #ced5db;
  color: #fff;
  line-height: 1em;
  padding: 20px 0;
  align-items: center;
  display: flex;
  margin: 0!important;
}
footer#hq-main-footer .hq-footer-suivez-nous span,
footer#hq-main-footer .hq-footer-apps span,
footer#hq-main-footer .hq-footer-suivez-nous ul,
footer#hq-main-footer .hq-footer-apps ul {
  display: inline-block;
}
footer#hq-main-footer .hq-footer-suivez-nous ul li,
footer#hq-main-footer .hq-footer-apps ul li {
  display: inline-block;
  margin-bottom: 0px !important;
}
footer#hq-main-footer .hq-footer-suivez-nous span,
footer#hq-main-footer .hq-footer-apps span {
  padding-right: 45px;
}
footer#hq-main-footer .hq-footer-suivez-nous a.sn-icone,
footer#hq-main-footer .hq-footer-apps a.sn-icone {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 3px;
  margin-bottom: 8px;
  background: #ced5db;
  border-radius: 15px;
  text-align: center;
  line-height: 36px;
  transition: all 0.25s;
}
footer#hq-main-footer .hq-footer-suivez-nous a.sn-icone svg,
footer#hq-main-footer .hq-footer-apps a.sn-icone svg {
  display: inline-block;
  fill: #0b2f4b;
  font-size: 16px;
}
footer#hq-main-footer .hq-footer-suivez-nous a.sn-icone:hover,
footer#hq-main-footer .hq-footer-apps a.sn-icone:hover {
  transition: all 0.5s;
  background: white;
}
@media (min-width: 768px) {
  footer#hq-main-footer .hq-footer-suivez-nous .sn-reseaux.sn-reseaux-grid,
  footer#hq-main-footer .hq-footer-apps .sn-reseaux.sn-reseaux-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: min-content;
    column-gap: 3px;
  }
}
footer#hq-main-footer .hq-footer-suivez-nous .sn-reseaux li,
footer#hq-main-footer .hq-footer-apps .sn-reseaux li {
  display: inline-block;
  padding: 0;
}
footer#hq-main-footer .hq-footer-suivez-nous .sn-reseaux li.sn-twitter,
footer#hq-main-footer .hq-footer-apps .sn-reseaux li.sn-twitter {
  display: block;
  margin-top: 8px;
  text-align: center;
}
footer#hq-main-footer .hq-footer-suivez-nous .sn-reseaux li .sn-twitter-comptes,
footer#hq-main-footer .hq-footer-apps .sn-reseaux li .sn-twitter-comptes {
  display: block;
  margin: 0;
}
footer#hq-main-footer .hq-footer-suivez-nous .sn-reseaux li .sn-twitter-comptes li,
footer#hq-main-footer .hq-footer-apps .sn-reseaux li .sn-twitter-comptes li {
  display: block;
  margin-bottom: 16px !important;
  color: #fff;
  font-size: 1.2rem;
}
footer#hq-main-footer .hq-footer-suivez-nous .sn-reseaux li .sn-twitter-comptes li a,
footer#hq-main-footer .hq-footer-apps .sn-reseaux li .sn-twitter-comptes li a {
  display: inline-block;
  width: 100%;
  height: 20px;
  background: none;
  justify-content: unset;
}
footer#hq-main-footer .hq-footer-suivez-nous .hq-lien-icn-ext,
footer#hq-main-footer .hq-footer-apps .hq-lien-icn-ext {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
footer#hq-main-footer .hq-footer-apps {
  border-bottom: 1px solid #ced5db;
}
footer#hq-main-footer .hq-footer-util-menu {
  margin-top: 20px;
  text-align: center;
}
footer#hq-main-footer .hq-footer-util-menu li {
  margin-bottom: 10px;
  font-size: 1.25rem;
}
footer#hq-main-footer .hq-footer-util-menu li:last-child {
  margin-bottom: 0;
}
footer#hq-main-footer .hq-footer-logo {
  display: none;
}
footer#hq-main-footer .hq-footer-hide-mobile {
  display: none;
}
footer#hq-main-footer .hq-footer-copyright {
  color: #fff;
  font-size: 1.2rem;
  margin-top: 25px;
}
footer#hq-main-footer .hq-footer-copyright p {
  text-align: left;
}
footer#hq-main-footer .hq-footer-menu-residual {
  float: right;
  text-align: left;
  width: calc(100% - 160px);
}
footer#hq-main-footer.hq-footer-empty:before {
  clear: both;
}
footer#hq-main-footer.hq-footer-empty .hq-logo-coupe {
  margin-bottom: -40px;
}
/* Desktop */
@media (max-width: 767px) {
  footer#hq-main-footer .hq-footer-suivez-nous,
  footer#hq-main-footer .hq-footer-apps {
    display: block;
  }
  footer#hq-main-footer .hq-footer-suivez-nous span,
  footer#hq-main-footer .hq-footer-apps span {
    display: block;
    margin: 0 auto 15px;
    padding-right: 0;
    text-align: center;
  }
  footer#hq-main-footer .hq-footer-suivez-nous .sn-sans-icone {
    clear: both;
  }
}
/* Desktop */
@media (min-width: 768px) {
  footer#hq-main-footer {
    margin-top: 140px;
    padding: 60px 0 40px 0;
    /* hq-footer-main-menu  */
  }
  footer#hq-main-footer .hq-logo-coupe {
    width: 100%;
    transform: translate(-10px, -90px);
  }
  footer#hq-main-footer .hq-footer-main-menu {
    -webkit-column-count: 4;
    -webkit-column-gap: 32px;
    -moz-column-count: 4;
    -moz-column-gap: 32px;
    column-count: 4;
    column-gap: 32px;
    text-align: left;
  }
  footer#hq-main-footer .hq-footer-main-menu.hq-footer-main-menu-3-col {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
  footer#hq-main-footer .hq-footer-main-menu li {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 16px;
  }
  footer#hq-main-footer .hq-footer-main-menu li ul {
    margin-top: 16px;
  }
  footer#hq-main-footer .hq-footer-main-menu li ul li {
    font-size: 1.3rem;
    font-weight: 400;
    margin-bottom: 8px;
  }
  footer#hq-main-footer .hq-footer-main-menu li .hq-section-princ {
    padding: 0;
    margin-top: 0.02em;
    /*HACK pour Firefox sinon ne formate plus comme il faut les colonnes (column-count)*/
  }
  footer#hq-main-footer .hq-footer-main-menu li .hq-section-princ li {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 16px;
    padding: 0;
  }
  footer#hq-main-footer .hq-footer-main-menu li .hq-autres-sites {
    padding: 0;
    margin-top: 0.02em;
    /*HACK pour Firefox sinon ne formate plus comme il faut les colonnes (column-count)*/
  }
  footer#hq-main-footer .hq-footer-main-menu li .hq-autres-sites li {
    font-size: 1.6rem;
    margin-bottom: 16px;
    padding: 0;
  }
  footer#hq-main-footer .hq-footer-main-menu li.hq-break-col {
    moz-column-break-before: always;
    break-before: always;
    break-inside: avoid;
    word-wrap: break-word;
  }
  footer#hq-main-footer .hq-footer-main-menu li.hq-break-col ul:not(.hq-section-princ) {
    display: block!important;
  }
  footer#hq-main-footer .hq-footer-suivez-nous,
  footer#hq-main-footer .hq-footer-apps {
    border-top: none;
    color: #fff;
    line-height: 1em;
    padding: 0;
    align-items: left;
    display: block;
    margin: 0!important;
  }
  footer#hq-main-footer .hq-footer-suivez-nous span,
  footer#hq-main-footer .hq-footer-apps span,
  footer#hq-main-footer .hq-footer-suivez-nous ul,
  footer#hq-main-footer .hq-footer-apps ul {
    display: block;
  }
  footer#hq-main-footer .hq-footer-suivez-nous span,
  footer#hq-main-footer .hq-footer-apps span {
    padding-right: 0!important;
  }
  footer#hq-main-footer .hq-footer-suivez-nous ul li,
  footer#hq-main-footer .hq-footer-apps ul li {
    padding: 0;
    margin-bottom: 0;
    vertical-align: top;
  }
  footer#hq-main-footer .hq-footer-suivez-nous .sn-reseaux li.sn-twitter,
  footer#hq-main-footer .hq-footer-apps .sn-reseaux li.sn-twitter {
    text-align: left;
  }
  footer#hq-main-footer .hq-footer-suivez-nous .sn-reseaux li.sn-twitter .sn-icone,
  footer#hq-main-footer .hq-footer-apps .sn-reseaux li.sn-twitter .sn-icone {
    float: left;
  }
  footer#hq-main-footer .hq-footer-suivez-nous .sn-reseaux li .sn-twitter-comptes,
  footer#hq-main-footer .hq-footer-apps .sn-reseaux li .sn-twitter-comptes {
    display: block;
    padding-left: 40px;
  }
  footer#hq-main-footer .hq-footer-suivez-nous .sn-reseaux li .sn-twitter-comptes li a,
  footer#hq-main-footer .hq-footer-apps .sn-reseaux li .sn-twitter-comptes li a {
    text-align: left;
  }
  footer#hq-main-footer .hq-footer-apps {
    border-bottom: none;
  }
  footer#hq-main-footer .hq-footer-apps {
    margin-top: 30px !important;
  }
  footer#hq-main-footer .hq-footer-util-menu {
    display: flex;
    border-top: 1px solid #ced5db;
    border-bottom: 1px solid #ced5db;
    justify-content: center;
    padding: 10px 0;
    margin-top: 50px;
  }
  footer#hq-main-footer .hq-footer-util-menu li {
    margin: 0px;
    padding: 0;
  }
  footer#hq-main-footer .hq-footer-util-menu li::after {
    content: "|";
    display: inline-block;
    color: #fff;
    position: relative;
    margin-left: 16px;
    padding-right: 16px;
  }
  footer#hq-main-footer .hq-footer-util-menu li:last-child::after {
    display: none;
  }
  footer#hq-main-footer .hq-footer-copyright {
    align-items: center;
    color: #fff;
    display: flex;
    margin-top: 40px;
    flex-direction: row;
  }
  footer#hq-main-footer .hq-footer-copyright p {
    display: block;
    flex: 1;
    text-align: center;
  }
  footer#hq-main-footer .hq-footer-copyright .hq-footer-logo {
    display: block;
    align-self: flex-end;
    width: 133px;
  }
  footer#hq-main-footer .hq-footer-copyright .hq-footer-logo img {
    width: 100%;
  }
  footer#hq-main-footer.hq-footer-empty .hq-logo-coupe {
    position: absolute;
    top: -85px;
    width: 160px;
    height: auto;
    transform: translate(0, 0);
  }
  footer#hq-main-footer.hq-footer-empty .hq-footer-copyright {
    margin-top: 0;
  }
  footer#hq-main-footer .hq-footer-logo,
  footer#hq-main-footer .hq-footer-hide-mobile {
    display: block;
  }
}
/*PATCH 2021-10-01 Ajout infolettres */
footer#hq-main-footer .hq-footer-suivez-nous,
footer#hq-main-footer .hq-footer-apps {
  border-top: 0;
  padding: 0;
  border-bottom: 0;
}
footer#hq-main-footer .hq-footer__infolettres {
  border-top: 1px solid #ced5db;
  padding-top: 10px;
  align-items: center;
}
footer#hq-main-footer .hq-footer-assistant {
  border-bottom: 1px solid #ced5db;
  padding-bottom: 10px;
  padding-top: 10px;
}
@media (min-width: 768px) {
  footer#hq-main-footer .hq-footer__infolettres {
    border-top: 0;
    padding-top: 0px;
  }
  footer#hq-main-footer .hq-footer-assistant {
    border-bottom: 0;
    padding-bottom: 0px;
  }
}
@media screen and (min-width: 768px) {
  footer#hq-main-footer .hq-footer-util-menu li::after {
    content: "|";
    display: inline-block;
    color: #fff;
    position: relative;
    margin-left: 4px;
    padding-right: 4px;
  }
  footer#hq-main-footer .hq-footer-util-menu li a {
    letter-spacing: -0.01em;
  }
}
@media screen and (min-width: 851px) {
  footer#hq-main-footer .hq-footer-util-menu li::after {
    margin-left: 8px;
    padding-right: 8px;
  }
  footer#hq-main-footer .hq-footer-util-menu li a {
    letter-spacing: normal;
  }
}
@media screen and (min-width: 1024px) {
  footer#hq-main-footer .hq-footer-util-menu li::after {
    margin-left: 16px;
    padding-right: 16px;
  }
}
/* CSS Document */
/*  Accueil site spécialisé  */
#hq-accueil-image {
  background-position: 30% 35% !important;
  background-size: 100% auto !important;
  display: block;
  height: 385px !important;
}
#hq-accueil-image.hq-accueil-banniere {
  background-image: none;
  position: absolute;
  top: 0;
  width: 100%;
  border-bottom: 1px solid #f1f1f0;
}
.hq-banniere-fixe {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 385px!important;
  background-color: #464646;
}
#hq-accueil-n1 .res-panneau > div,
#hq-accueil-n2 .res-panneau > div,
#hq-accueil-n3 .res-panneau > div,
#hq-accueil-n1 .hq-panneau > div,
#hq-accueil-n2 .hq-panneau > div,
#hq-accueil-n3 .hq-panneau > div,
#hq-accueil-n1 .res-panneau > a,
#hq-accueil-n2 .res-panneau > a,
#hq-accueil-n3 .res-panneau > a,
#hq-accueil-n1 .hq-panneau > a,
#hq-accueil-n2 .hq-panneau > a,
#hq-accueil-n3 .hq-panneau > a {
  background: #ffffff;
  color: #48433f;
  cursor: pointer;
  display: block;
  padding: 20px;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.5);
  text-decoration: none;
  margin: 5px 0;
  /*S-M*/
}
#hq-accueil-n1 .res-panneau > div .hq-infos h2,
#hq-accueil-n2 .res-panneau > div .hq-infos h2,
#hq-accueil-n3 .res-panneau > div .hq-infos h2,
#hq-accueil-n1 .hq-panneau > div .hq-infos h2,
#hq-accueil-n2 .hq-panneau > div .hq-infos h2,
#hq-accueil-n3 .hq-panneau > div .hq-infos h2,
#hq-accueil-n1 .res-panneau > a .hq-infos h2,
#hq-accueil-n2 .res-panneau > a .hq-infos h2,
#hq-accueil-n3 .res-panneau > a .hq-infos h2,
#hq-accueil-n1 .hq-panneau > a .hq-infos h2,
#hq-accueil-n2 .hq-panneau > a .hq-infos h2,
#hq-accueil-n3 .hq-panneau > a .hq-infos h2,
#hq-accueil-n1 .res-panneau > div .hq-infos h3,
#hq-accueil-n2 .res-panneau > div .hq-infos h3,
#hq-accueil-n3 .res-panneau > div .hq-infos h3,
#hq-accueil-n1 .hq-panneau > div .hq-infos h3,
#hq-accueil-n2 .hq-panneau > div .hq-infos h3,
#hq-accueil-n3 .hq-panneau > div .hq-infos h3,
#hq-accueil-n1 .res-panneau > a .hq-infos h3,
#hq-accueil-n2 .res-panneau > a .hq-infos h3,
#hq-accueil-n3 .res-panneau > a .hq-infos h3,
#hq-accueil-n1 .hq-panneau > a .hq-infos h3,
#hq-accueil-n2 .hq-panneau > a .hq-infos h3,
#hq-accueil-n3 .hq-panneau > a .hq-infos h3,
#hq-accueil-n1 .res-panneau > div .hq-infos h4,
#hq-accueil-n2 .res-panneau > div .hq-infos h4,
#hq-accueil-n3 .res-panneau > div .hq-infos h4,
#hq-accueil-n1 .hq-panneau > div .hq-infos h4,
#hq-accueil-n2 .hq-panneau > div .hq-infos h4,
#hq-accueil-n3 .hq-panneau > div .hq-infos h4,
#hq-accueil-n1 .res-panneau > a .hq-infos h4,
#hq-accueil-n2 .res-panneau > a .hq-infos h4,
#hq-accueil-n3 .res-panneau > a .hq-infos h4,
#hq-accueil-n1 .hq-panneau > a .hq-infos h4,
#hq-accueil-n2 .hq-panneau > a .hq-infos h4,
#hq-accueil-n3 .hq-panneau > a .hq-infos h4 {
  text-decoration: underline;
  text-align: center;
}
#hq-accueil-n1 .res-panneau > div:hover h2,
#hq-accueil-n2 .res-panneau > div:hover h2,
#hq-accueil-n3 .res-panneau > div:hover h2,
#hq-accueil-n1 .hq-panneau > div:hover h2,
#hq-accueil-n2 .hq-panneau > div:hover h2,
#hq-accueil-n3 .hq-panneau > div:hover h2,
#hq-accueil-n1 .res-panneau > a:hover h2,
#hq-accueil-n2 .res-panneau > a:hover h2,
#hq-accueil-n3 .res-panneau > a:hover h2,
#hq-accueil-n1 .hq-panneau > a:hover h2,
#hq-accueil-n2 .hq-panneau > a:hover h2,
#hq-accueil-n3 .hq-panneau > a:hover h2,
#hq-accueil-n1 .res-panneau > div:focus h2,
#hq-accueil-n2 .res-panneau > div:focus h2,
#hq-accueil-n3 .res-panneau > div:focus h2,
#hq-accueil-n1 .hq-panneau > div:focus h2,
#hq-accueil-n2 .hq-panneau > div:focus h2,
#hq-accueil-n3 .hq-panneau > div:focus h2,
#hq-accueil-n1 .res-panneau > a:focus h2,
#hq-accueil-n2 .res-panneau > a:focus h2,
#hq-accueil-n3 .res-panneau > a:focus h2,
#hq-accueil-n1 .hq-panneau > a:focus h2,
#hq-accueil-n2 .hq-panneau > a:focus h2,
#hq-accueil-n3 .hq-panneau > a:focus h2,
#hq-accueil-n1 .res-panneau > div:hover h3,
#hq-accueil-n2 .res-panneau > div:hover h3,
#hq-accueil-n3 .res-panneau > div:hover h3,
#hq-accueil-n1 .hq-panneau > div:hover h3,
#hq-accueil-n2 .hq-panneau > div:hover h3,
#hq-accueil-n3 .hq-panneau > div:hover h3,
#hq-accueil-n1 .res-panneau > a:hover h3,
#hq-accueil-n2 .res-panneau > a:hover h3,
#hq-accueil-n3 .res-panneau > a:hover h3,
#hq-accueil-n1 .hq-panneau > a:hover h3,
#hq-accueil-n2 .hq-panneau > a:hover h3,
#hq-accueil-n3 .hq-panneau > a:hover h3,
#hq-accueil-n1 .res-panneau > div:focus h3,
#hq-accueil-n2 .res-panneau > div:focus h3,
#hq-accueil-n3 .res-panneau > div:focus h3,
#hq-accueil-n1 .hq-panneau > div:focus h3,
#hq-accueil-n2 .hq-panneau > div:focus h3,
#hq-accueil-n3 .hq-panneau > div:focus h3,
#hq-accueil-n1 .res-panneau > a:focus h3,
#hq-accueil-n2 .res-panneau > a:focus h3,
#hq-accueil-n3 .res-panneau > a:focus h3,
#hq-accueil-n1 .hq-panneau > a:focus h3,
#hq-accueil-n2 .hq-panneau > a:focus h3,
#hq-accueil-n3 .hq-panneau > a:focus h3,
#hq-accueil-n1 .res-panneau > div:hover h4,
#hq-accueil-n2 .res-panneau > div:hover h4,
#hq-accueil-n3 .res-panneau > div:hover h4,
#hq-accueil-n1 .hq-panneau > div:hover h4,
#hq-accueil-n2 .hq-panneau > div:hover h4,
#hq-accueil-n3 .hq-panneau > div:hover h4,
#hq-accueil-n1 .res-panneau > a:hover h4,
#hq-accueil-n2 .res-panneau > a:hover h4,
#hq-accueil-n3 .res-panneau > a:hover h4,
#hq-accueil-n1 .hq-panneau > a:hover h4,
#hq-accueil-n2 .hq-panneau > a:hover h4,
#hq-accueil-n3 .hq-panneau > a:hover h4,
#hq-accueil-n1 .res-panneau > div:focus h4,
#hq-accueil-n2 .res-panneau > div:focus h4,
#hq-accueil-n3 .res-panneau > div:focus h4,
#hq-accueil-n1 .hq-panneau > div:focus h4,
#hq-accueil-n2 .hq-panneau > div:focus h4,
#hq-accueil-n3 .hq-panneau > div:focus h4,
#hq-accueil-n1 .res-panneau > a:focus h4,
#hq-accueil-n2 .res-panneau > a:focus h4,
#hq-accueil-n3 .res-panneau > a:focus h4,
#hq-accueil-n1 .hq-panneau > a:focus h4,
#hq-accueil-n2 .hq-panneau > a:focus h4,
#hq-accueil-n3 .hq-panneau > a:focus h4 {
  color: #17649F;
}
#hq-accueil-n1 .res-panneau > div h2,
#hq-accueil-n2 .res-panneau > div h2,
#hq-accueil-n3 .res-panneau > div h2,
#hq-accueil-n1 .hq-panneau > div h2,
#hq-accueil-n2 .hq-panneau > div h2,
#hq-accueil-n3 .hq-panneau > div h2,
#hq-accueil-n1 .res-panneau > a h2,
#hq-accueil-n2 .res-panneau > a h2,
#hq-accueil-n3 .res-panneau > a h2,
#hq-accueil-n1 .hq-panneau > a h2,
#hq-accueil-n2 .hq-panneau > a h2,
#hq-accueil-n3 .hq-panneau > a h2,
#hq-accueil-n1 .res-panneau > div h3,
#hq-accueil-n2 .res-panneau > div h3,
#hq-accueil-n3 .res-panneau > div h3,
#hq-accueil-n1 .hq-panneau > div h3,
#hq-accueil-n2 .hq-panneau > div h3,
#hq-accueil-n3 .hq-panneau > div h3,
#hq-accueil-n1 .res-panneau > a h3,
#hq-accueil-n2 .res-panneau > a h3,
#hq-accueil-n3 .res-panneau > a h3,
#hq-accueil-n1 .hq-panneau > a h3,
#hq-accueil-n2 .hq-panneau > a h3,
#hq-accueil-n3 .hq-panneau > a h3 {
  text-align: center;
  /*S-M*/
}
#hq-accueil-n1 .res-panneau > div h2 br,
#hq-accueil-n2 .res-panneau > div h2 br,
#hq-accueil-n3 .res-panneau > div h2 br,
#hq-accueil-n1 .hq-panneau > div h2 br,
#hq-accueil-n2 .hq-panneau > div h2 br,
#hq-accueil-n3 .hq-panneau > div h2 br,
#hq-accueil-n1 .res-panneau > a h2 br,
#hq-accueil-n2 .res-panneau > a h2 br,
#hq-accueil-n3 .res-panneau > a h2 br,
#hq-accueil-n1 .hq-panneau > a h2 br,
#hq-accueil-n2 .hq-panneau > a h2 br,
#hq-accueil-n3 .hq-panneau > a h2 br,
#hq-accueil-n1 .res-panneau > div h3 br,
#hq-accueil-n2 .res-panneau > div h3 br,
#hq-accueil-n3 .res-panneau > div h3 br,
#hq-accueil-n1 .hq-panneau > div h3 br,
#hq-accueil-n2 .hq-panneau > div h3 br,
#hq-accueil-n3 .hq-panneau > div h3 br,
#hq-accueil-n1 .res-panneau > a h3 br,
#hq-accueil-n2 .res-panneau > a h3 br,
#hq-accueil-n3 .res-panneau > a h3 br,
#hq-accueil-n1 .hq-panneau > a h3 br,
#hq-accueil-n2 .hq-panneau > a h3 br,
#hq-accueil-n3 .hq-panneau > a h3 br {
  display: none;
}
#hq-accueil-n1 .res-panneau figure,
#hq-accueil-n2 .res-panneau figure,
#hq-accueil-n3 .res-panneau figure,
#hq-accueil-n1 .hq-panneau figure,
#hq-accueil-n2 .hq-panneau figure,
#hq-accueil-n3 .hq-panneau figure {
  margin: 0 0 10px;
  overflow: hidden;
  text-align: center;
}
#hq-accueil-n1 .res-panneau .res-icn-accueil,
#hq-accueil-n2 .res-panneau .res-icn-accueil,
#hq-accueil-n3 .res-panneau .res-icn-accueil,
#hq-accueil-n1 .hq-panneau .res-icn-accueil,
#hq-accueil-n2 .hq-panneau .res-icn-accueil,
#hq-accueil-n3 .hq-panneau .res-icn-accueil,
#hq-accueil-n1 .res-panneau .hq-icn-accueil,
#hq-accueil-n2 .res-panneau .hq-icn-accueil,
#hq-accueil-n3 .res-panneau .hq-icn-accueil,
#hq-accueil-n1 .hq-panneau .hq-icn-accueil,
#hq-accueil-n2 .hq-panneau .hq-icn-accueil,
#hq-accueil-n3 .hq-panneau .hq-icn-accueil {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor;
  font-size: 70px;
  /*S-M*/
}
#hq-accueil-n1 .res-panneau p,
#hq-accueil-n2 .res-panneau p,
#hq-accueil-n3 .res-panneau p,
#hq-accueil-n1 .hq-panneau p,
#hq-accueil-n2 .hq-panneau p,
#hq-accueil-n3 .hq-panneau p {
  color: #48433f;
  text-align: center;
}
#hq-accueil-n1 .hq-panneau-full > a,
#hq-accueil-n2 .hq-panneau-full > a,
#hq-accueil-n3 .hq-panneau-full > a {
  padding: 0;
}
#hq-accueil-n1 .hq-panneau-full > a figure,
#hq-accueil-n2 .hq-panneau-full > a figure,
#hq-accueil-n3 .hq-panneau-full > a figure {
  height: 100px;
}
#hq-accueil-n1 .hq-panneau-full > a figure img,
#hq-accueil-n2 .hq-panneau-full > a figure img,
#hq-accueil-n3 .hq-panneau-full > a figure img {
  display: block;
  height: 100px;
}
#hq-accueil-n1 h1 {
  font-size: 3.6rem;
  text-align: center;
}
#hq-accueil-n1 .boite-intro {
  padding: 50px 0 0 0;
}
#hq-accueil-n1 .intro-banniere {
  margin: 0 auto;
  width: 960px;
  height: 385px;
}
#hq-accueil-n2 #hq-outer-mask,
#hq-accueil-n3 #hq-outer-mask {
  background: #f4f3f3;
}
#hq-accueil-n2 h1,
#hq-accueil-n3 h1 {
  /*font-size:36px;*/
  margin: 30px 0 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #hq-panneaux-fond .row .row {
    margin-left: 0;
    margin-right: 0;
  }
}
/*----- Trois pastilles en liste -----*/
.thumb-list {
  list-style: outside none none;
  margin: 50px 0 0;
  padding: 0;
}
.thumb-list .hq-panneau-rond {
  text-align: center;
}
.thumb-list .hq-panneau-rond figure {
  margin-top: 20px!important;
  margin-bottom: 10px!important;
}
.thumb-list .hq-panneau-rond img {
  border-radius: 100px;
  height: 200px;
  padding: 0;
  width: 200px;
}
.thumb-list .hq-panneau-rond .thumb-caption {
  font-size: 1.2em;
}
.thumb-list .thumb-caption {
  font-family: "Open Sans", sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  margin: 10px 0 25px;
  text-align: center;
}
.thumb-list .medium-4 figure {
  width: 200px;
  margin: auto;
}
.thumb-list figure {
  text-align: center;
}
/*----- Cinq pastilles en liste -----*/
ul.hq-flex-container {
  padding-left: 0;
}
.hq-flex-container {
  display: inline-flex;
  flex-flow: row wrap;
  list-style: none;
  justify-content: center;
  /*center*/
}
.hq-flex-container .flex-item {
  align-self: center;
}
.hq-flex-container .flex-item.medium-4 {
  padding: 16px;
}
/* Bannieres des pages hub et sous-page */
#banniere-promo {
  background-color: #fff;
  border: 1px solid #ccc;
  margin: 30px 0;
  padding: 15px 80px;
  font-family: "Lucida Sans", "Lucida Grande", sans-serif;
}
#banniere-promo figure {
  display: table;
  width: 100%;
  margin-bottom: 0;
  text-align: right;
}
#banniere-promo .banniere-image {
  display: table-cell;
  vertical-align: middle;
}
#banniere-promo .banniere-image img {
  display: inline-block;
  height: auto;
  max-width: 100%;
  margin-bottom: 0;
}
#banniere-promo .banniere-image.banniere-image-bottom {
  vertical-align: bottom;
}
#banniere-promo .banniere-image.banniere-image-bottom img {
  position: relative;
  bottom: -15px;
}
#banniere-promo figcaption {
  display: table-cell;
  width: 70%;
  font-size: 1.8rem;
  line-height: 1.4em;
  text-align: left;
  vertical-align: middle;
}
#banniere-promo figcaption a {
  color: #17649F;
  text-decoration: underline;
}
#banniere-promo figcaption a span.small {
  display: block;
  font-size: 0.8em;
  line-height: 1.4em !important;
}
#banniere-promo figcaption a:hover,
#banniere-promo figcaption a:focus,
#banniere-promo figcaption a:active {
  text-decoration: none;
}
.hq-banniere-image + [class*="hq-footer"],
.hq-banniere-accueil + [class*="hq-footer"],
.hq-banniere-image + #hq-main-footer,
.hq-banniere-accueil + #hq-main-footer {
  margin-top: 0 !important;
}
@media only screen and (min-width: 1900px) {
  .hq-banniere-image,
  .hq-banniere-accueil {
    margin: 0 auto;
    width: 1920px;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #hq-accueil-image {
    background-position: -120px 0px !important;
    background-size: 140% !important;
    background-color: #F1F1F0 !important;
    height: 385px !important;
  }
}
@media only screen and (max-width: 767px) {
  #hq-accueil-image,
  .hq-banniere-image,
  .hq-banniere-fixe {
    background-image: none !important;
    display: none !important;
    height: 0 !important;
  }
  div.avec-image {
    border: medium none !important;
  }
  #hq-accueil-n1 .intro-banniere {
    width: 100%!important;
    height: 100%;
  }
  div.intro-banniere {
    height: 100%;
  }
  div.boite-intro {
    padding: 0;
    margin-top: 25px !important;
  }
  .thumb-list .hq-panneau-rond img {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  #hq-accueil-n1 .hq-accueil-section h2 {
    padding-bottom: 10px!important;
  }
  #hq-accueil-n1 .hq-accueil-section h3 {
    margin-top: 10px!important;
  }
  #banniere-promo {
    margin: 10px 0;
    padding: 15px 25px!important;
  }
  #banniere-promo figure img,
  #banniere-promo .banniere-image {
    display: none !important;
  }
  #banniere-promo figcaption {
    width: 100%;
  }
  .thumb-list {
    margin: 15px 0 0!important;
  }
}
@media screen and (min-width: 768px) {
  #hq-accueil-n1 .res-panneau > div,
  #hq-accueil-n2 .res-panneau > div,
  #hq-accueil-n3 .res-panneau > div,
  #hq-accueil-n1 .hq-panneau > div,
  #hq-accueil-n2 .hq-panneau > div,
  #hq-accueil-n3 .hq-panneau > div,
  #hq-accueil-n1 .res-panneau > a,
  #hq-accueil-n2 .res-panneau > a,
  #hq-accueil-n3 .res-panneau > a,
  #hq-accueil-n1 .hq-panneau > a,
  #hq-accueil-n2 .hq-panneau > a,
  #hq-accueil-n3 .hq-panneau > a {
    margin: 0;
  }
  #hq-accueil-n1 .res-panneau .res-icn-accueil,
  #hq-accueil-n2 .res-panneau .res-icn-accueil,
  #hq-accueil-n3 .res-panneau .res-icn-accueil,
  #hq-accueil-n1 .hq-panneau .res-icn-accueil,
  #hq-accueil-n2 .hq-panneau .res-icn-accueil,
  #hq-accueil-n3 .hq-panneau .res-icn-accueil,
  #hq-accueil-n1 .res-panneau .hq-icn-accueil,
  #hq-accueil-n2 .res-panneau .hq-icn-accueil,
  #hq-accueil-n3 .res-panneau .hq-icn-accueil,
  #hq-accueil-n1 .hq-panneau .hq-icn-accueil,
  #hq-accueil-n2 .hq-panneau .hq-icn-accueil,
  #hq-accueil-n3 .hq-panneau .hq-icn-accueil {
    font-size: 88px;
  }
  #hq-accueil-n1 .hq-panneau-full > a,
  #hq-accueil-n2 .hq-panneau-full > a,
  #hq-accueil-n3 .hq-panneau-full > a {
    padding: 0;
  }
  #hq-accueil-n1 .hq-panneau-full > a figure,
  #hq-accueil-n2 .hq-panneau-full > a figure,
  #hq-accueil-n3 .hq-panneau-full > a figure {
    height: 155px;
  }
  #hq-accueil-n1 .hq-panneau-full > a figure img,
  #hq-accueil-n2 .hq-panneau-full > a figure img,
  #hq-accueil-n3 .hq-panneau-full > a figure img {
    height: 155px;
  }
}
/*************************************************
	Accueil de Niveau 1
*************************************************/
#hq-accueil-n1 .hq-bloc-liens-carousel {
  background: #fff;
  border: none;
}
#hq-accueil-n1 .hq-bloc-liens-carousel h2 {
  font-size: 1.4rem;
  margin: 0;
  padding: 5px 0;
  text-transform: uppercase;
}
#hq-accueil-n1 .hq-bloc-liens-carousel ul {
  margin: 0;
  padding: 0;
}
#hq-accueil-n1 .hq-bloc-liens-carousel ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1.4rem;
}
#hq-accueil-n1 .hq-bloc-liens-carousel ul li a {
  border-top: 1px solid #cccccc;
  color: #48433f;
  display: block;
  padding: 10px 0px;
  text-decoration: none;
  width: 100%;
}
#hq-accueil-n1 .hq-bloc-liens-carousel ul li a:hover {
  text-decoration: underline;
}
#hq-accueil-n1 figure {
  display: block;
}
#hq-accueil-n1 .hq-accueil-section {
  margin: 25px 0;
  /* TUILE : Style par défaut */
  /* TUILE RONDE */
}
#hq-accueil-n1 .hq-accueil-section h2 {
  font-size: 2.4rem;
  font-weight: 400;
  margin: 0;
  padding-bottom: 25px;
  text-align: center;
}
#hq-accueil-n1 .hq-accueil-section h2 strong,
#hq-accueil-n1 .hq-accueil-section h2 .strong {
  font-weight: 600;
}
#hq-accueil-n1 .hq-accueil-section .hq-panneau {
  margin: 5px 0;
}
#hq-accueil-n1 .hq-accueil-section .hq-panneau a {
  padding: 0!important;
}
#hq-accueil-n1 .hq-accueil-section .hq-panneau a figure {
  background: #e9e8e8;
  padding: 15px 0;
  /* Centre les icones par defaut */
  display: flex;
  align-items: center;
  justify-content: center;
}
#hq-accueil-n1 .hq-accueil-section .hq-panneau h3 {
  font-size: 1.6rem;
}
#hq-accueil-n1 .hq-accueil-section .hq-panneau p {
  font-size: 1.6rem;
}
#hq-accueil-n1 .hq-accueil-section .hq-panneau-rond a figure {
  padding: 0;
  margin: 0 auto;
  background: #e9e8e8;
  border-radius: 55px;
  height: 110px;
  width: 110px;
  overflow: hidden;
}
#hq-accueil-n1 .hq-accueil-section .hq-panneau-rond a figure img {
  height: 100%;
}
#hq-accueil-n1 .hq-accueil-donnees {
  font-weight: 300;
  font-size: 1.8rem;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 20px;
}
#hq-accueil-n1 .hq-accueil-donnees span {
  display: block;
  font-size: 6rem;
  line-height: 1em;
  margin-bottom: 15px;
}
#hq-accueil-n1 .hq-accueil-donnees:last-child {
  border-right: none;
}
#hq-accueil-n1 .hq-accueil-media {
  border-top: 1px solid #cccccc;
  padding-top: 40px;
  margin-top: 40px;
}
#hq-accueil-n1 .hq-accueil-media > div {
  margin-bottom: 30px;
}
#hq-accueil-n1 .hq-accueil-media figure {
  text-align: center;
  padding: 0;
  margin: 0;
}
#hq-accueil-n1 .hq-accueil-media figure img {
  display: inline-block;
}
#hq-accueil-n1 .hq-accueil-media div {
  text-align: center;
}
#hq-accueil-n1 .hq-accueil-media div h2 {
  font-size: 1.6rem;
  font-weight: 600;
  margin: 10px 0;
  padding: 0;
}
#hq-accueil-n1 .hq-accueil-media div h3 {
  color: #48433f;
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0px 0;
}
#hq-accueil-n1 .hq-accueil-voir-services {
  font-size: 1.4rem;
  font-weight: 600;
  margin: 20px 0;
  text-transform: uppercase;
  text-align: center;
}
#hq-accueil-n1 .hq-accueil-voir-services a {
  color: #48433f;
  text-decoration: none;
}
#hq-accueil-n1 .hq-accueil-voir-services a:hover {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  #hq-accueil-n1 {
    /*
		.res-icn-accueil,
		.hq-icn-accueil {
			font-size: 95px!important;
		}*/
  }
  #hq-accueil-n1 .hq-bloc-liens-carousel {
    border: 1px solid #cccccc;
    overflow: visible;
  }
  #hq-accueil-n1 .hq-bloc-liens-carousel h2 {
    padding: 20px 16px 15px;
  }
  #hq-accueil-n1 .hq-bloc-liens-carousel ul {
    margin: 0;
    padding: 0;
  }
  #hq-accueil-n1 .hq-bloc-liens-carousel ul li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #hq-accueil-n1 .hq-bloc-liens-carousel ul li a {
    padding: 8px 16px;
    font-family: 'Open Sans', sans-serif;
  }
  #hq-accueil-n1 .hq-accueil-section {
    margin: 75px auto;
  }
  #hq-accueil-n1 .hq-accueil-section h2 {
    font-size: 3.6rem;
  }
  #hq-accueil-n1 .hq-accueil-section .hq-panneau a figure {
    padding: 35px 0 25px;
  }
  #hq-accueil-n1 .hq-accueil-section .hq-panneau h3 {
    font-size: 2rem;
  }
  #hq-accueil-n1 .hq-accueil-section .hq-panneau p {
    font-size: 1.6rem;
  }
  #hq-accueil-n1 .hq-accueil-section .hq-panneau-rond a figure {
    border-radius: 100px;
    /*font-size:50px;  Size apr defaut */
    height: 200px;
    padding: 0;
    width: 200px;
  }
  #hq-accueil-n1 .hq-infos {
    margin-top: 40px;
    padding-left: 0px;
  }
  #hq-accueil-n1 .hq-accueil-donnees {
    border-right: 1px solid #cccccc;
    font-size: 1.8rem;
    margin-bottom: 0;
  }
  #hq-accueil-n1 .hq-accueil-donnees span {
    display: block;
    font-size: 6rem;
    line-height: 1em;
    margin-bottom: 15px;
  }
  #hq-accueil-n1 .hq-accueil-donnees:last-child {
    border-right: none;
  }
  #hq-accueil-n1 .hq-accueil-media {
    border-top: 1px solid #cccccc;
    padding-top: 40px;
    margin-top: 40px;
  }
  #hq-accueil-n1 .hq-accueil-media div {
    text-align: center;
  }
  #hq-accueil-n1 .hq-accueil-media div h2 {
    font-size: 2rem;
    font-weight: 600;
    margin: 10px 0;
    padding: 0;
  }
  #hq-accueil-n1 .hq-accueil-media div h3 {
    color: #48433f;
    font-size: 1.6rem;
    font-weight: 600;
    margin: 0px 0;
  }
  #hq-accueil-n1 figure {
    text-align: left;
  }
  #hq-accueil-n1 figure img {
    display: inline-block;
  }
}
/*****************************************
	ACCUEIL NIVEAU 2
******************************************/
#hq-accueil-n2 a {
  color: #48433f;
  text-decoration: none;
}
#hq-accueil-n2 a:hover h2,
#hq-accueil-n2 a:hover h3 {
  color: #17649F;
  text-decoration: underline;
}
.hq-tabs-list {
  list-style: none;
  padding: 0;
  margin: 40px 0 0 0;
  width: 100%;
}
.hq-tabs-list li {
  list-style-image: none;
  padding: 0px;
  margin: 0 0 32px 0;
  float: left;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  overflow: hidden;
}
.hq-tabs-list li .hq-panel-title {
  display: table;
  width: 100%;
  height: 90px;
  margin: 0 !important;
  background: #fff !important;
  text-align: center;
}
.hq-tabs-list li .hq-panel-title h2,
.hq-tabs-list li .hq-panel-title h3,
.hq-tabs-list li .hq-panel-title h4,
.hq-tabs-list li .hq-panel-title h5,
.hq-tabs-list li .hq-panel-title h6 {
  display: table-cell;
  padding: 0;
  margin: 0;
  font-size: 1.8rem;
  font-weight: 600;
  vertical-align: middle;
}
.hq-tabs-list li figure {
  background: #e9e8e8;
  padding: 30px 0;
  display: block;
  text-align: center;
}
.hq-tabs-list li figure svg {
  font-size: 90px;
}
.hq-tabs-list li figure.res-icn-140prc svg {
  font-size: 126px;
}
.hq-tabs-list li figure.res-icn-160prc svg {
  font-size: 144px;
}
.hq-panel {
  display: none;
}
.hq-panel li {
  display: block!important;
  position: relative;
  float: none;
}
.hq-panel li:before {
  content: '';
  position: absolute;
  top: 0.5em;
  left: 0;
  background: #a2a2a2;
  width: 6px;
  height: 6px;
  border-radius: 3px;
}
.hq-panel-list > div {
  display: none;
}
@media screen and (max-width: 767px) {
  .hq-tabs-list li {
    margin: 0 0 32px 16px;
  }
}
@media screen and (min-width: 768px) {
  .hq-tabs-list li {
    position: relative;
    transition: width 0.5s ease-in-out;
  }
  .hq-tabs-list li figure {
    background: #e9e8e8;
    padding: 40px 0;
    display: block;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    transition: top 0.5s ease-in-out;
  }
  .hq-tabs-list li figure svg {
    font-size: 90px;
  }
  .hq-tabs-list li figure.res-icn-140prc {
    padding: 22px 0;
  }
  .hq-tabs-list li figure.res-icn-160prc {
    padding: 13px 0;
  }
  .hq-panel-infos {
    background: #fff;
    overflow: hidden;
    height: 175px;
    position: relative;
  }
  .hq-panel {
    display: block!important;
  }
  .hq-panel li {
    margin: 0 5px 0;
    padding-left: 15px;
    position: relative;
    font-size: 1.5rem;
  }
  .hq-panel-list > div {
    display: none;
  }
  .hq-tuile-hover {
    width: 50%!important;
  }
  .hq-tuile-adj {
    width: 25%!important;
  }
  .hq-remove {
    top: 175px!important;
  }
}
/***********************************************
	ACCUEIL NIVEAU 3
************************************************/
#hq-accueil-n3 h1 {
  margin: 40px 0 50px;
}
#hq-accueil-n3 h2 {
  margin: 0 0 15px;
}
#hq-accueil-n3 .res-panneau,
#hq-accueil-n3 .hq-panneau {
  /*column-break-inside:avoid;
		break-inside: avoid-column;*/
  padding-bottom: 32px;
}
#hq-accueil-n3 .res-panneau h2,
#hq-accueil-n3 .hq-panneau h2 {
  text-align: center !important;
}
@media screen and (min-width: 768px) {
  #hq-accueil-n3 .res-panneau > div,
  #hq-accueil-n3 .res-panneau > a {
    transition: box-shadow 0.5s ease-in-out;
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  #hq-accueil-n3 .res-panneau > div:hover,
  #hq-accueil-n3 .res-panneau > a:hover {
    box-shadow: 0px 0 8px rgba(0, 0, 0, 0.35);
    transform: scale(1.1, 1.1);
  }
  #hq-accueil-n3 .res-panneau > div:hover h2,
  #hq-accueil-n3 .res-panneau > a:hover h2 {
    text-decoration: underline;
  }
  #hq-accueil-n3 .res-panneau > div h2 br,
  #hq-accueil-n3 .res-panneau > a h2 br {
    display: block;
  }
}
/*********************************
	ACCEUIL DE NIVEAU 4 ET 5
**********************************/
#hq-accueil-n4 #hq-outer-mask,
#hq-accueil-n5 #hq-outer-mask {
  background: #fff;
}
#hq-accueil-n4 h1,
#hq-accueil-n5 h1 {
  /*font-size:36px;*/
  margin: 30px 0 50px;
  text-align: center;
}
#hq-accueil-n4 .hq-home-bloc-intro,
#hq-accueil-n5 .hq-home-bloc-intro {
  font-size: 1.8rem;
  margin: -40px 0 50px !important;
  text-align: center;
}
#hq-accueil-n4 .hq-home-bloc-intro strong,
#hq-accueil-n5 .hq-home-bloc-intro strong {
  font-weight: 600;
}
#hq-accueil-n4 .hq-tuile-vedettes > a,
#hq-accueil-n5 .hq-tuile-vedettes > a {
  display: block;
  border-top: 1px solid #cccccc;
  width: 100%;
  padding: 20px 0 10px;
  text-decoration: none;
}
#hq-accueil-n4 .hq-tuile-vedettes > a:last-child,
#hq-accueil-n5 .hq-tuile-vedettes > a:last-child {
  border-bottom: 1px solid #cccccc;
}
#hq-accueil-n4 .hq-tuile-vedettes > a:hover h2,
#hq-accueil-n5 .hq-tuile-vedettes > a:hover h2 {
  text-decoration: underline;
}
#hq-accueil-n4 .hq-tuile-vedettes > a p,
#hq-accueil-n5 .hq-tuile-vedettes > a p {
  color: #48433f;
}
#hq-accueil-n4 .hq-tuile-vedettes h2,
#hq-accueil-n5 .hq-tuile-vedettes h2 {
  margin: 0 0 10px;
}
#hq-accueil-n4 .hq-bloc-liens-ext,
#hq-accueil-n5 .hq-bloc-liens-ext {
  background: #f2f2f3;
  border-top: 1px solid #ff9a00;
  list-style: none;
  margin: 0;
  padding: 20px;
}
#hq-accueil-n4 .hq-bloc-liens-ext li,
#hq-accueil-n5 .hq-bloc-liens-ext li {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#hq-accueil-n4 .hq-bloc-liens-ext li:last-child,
#hq-accueil-n5 .hq-bloc-liens-ext li:last-child {
  border-bottom: none;
}
#hq-accueil-n4 .hq-bloc-liens-ext a,
#hq-accueil-n5 .hq-bloc-liens-ext a {
  color: #48433f;
  text-decoration: none;
}
#hq-accueil-n4 .hq-bloc-liens-ext a:hover,
#hq-accueil-n5 .hq-bloc-liens-ext a:hover {
  text-decoration: underline;
}
/* HEADING */
header.breadcrumb-bloc {
  margin-bottom: 25px;
}
a,
a:hover,
a:link,
button {
  color: #17649F;
}
a {
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
h1,
.h1 {
  font-size: 3rem;
  text-transform: none;
  color: #48433f;
  text-indent: -2px;
}
h1:last-child,
.h1:last-child {
  margin-bottom: 0;
}
h1 .sous-titre {
  display: block;
  font-size: 2.2rem;
  font-weight: 400;
  margin-top: -5px;
}
h2,
.h2 {
  color: #48433f;
  font-size: 2.4rem;
  margin-top: 40px;
  margin-bottom: 15px;
  text-transform: inherit;
  text-indent: -1px;
}
h2:last-child,
.h2:last-child {
  margin-bottom: 0;
}
h2 .sous-titre {
  font-size: 1.8rem;
  font-weight: 400;
}
h3,
.h3 {
  font-size: 2.2rem;
  font-weight: 600;
  text-transform: inherit;
  margin-top: 20px;
  margin-bottom: 10px;
  text-indent: -1px;
}
h3:last-child,
.h3:last-child {
  margin-bottom: 0;
}
h2 + h3 {
  /* added 2015-09-18*/
  margin-top: 0px;
}
h4,
.h4,
dt {
  font-weight: 600;
  font-size: 2rem;
  margin-top: 15px;
  margin-bottom: 5px;
  text-indent: -1px;
}
h4:last-child,
.h4:last-child,
dt:last-child {
  margin-bottom: 0;
}
.row > .columns:not(.no-reset) > h4:first-child {
  margin-top: 0px;
}
h5,
.h5 {
  font-weight: 600;
  font-size: 1.8rem;
  text-indent: -1px;
}
h5:last-child,
.h5:last-child {
  margin-bottom: 0;
}
h6,
.h6 {
  font-weight: normal;
  font-size: 1.8rem;
  margin-top: 0px;
  margin-bottom: 0px;
  text-indent: -1px;
}
h6:last-child,
.h6:last-child {
  margin-bottom: 0;
}
p {
  margin-bottom: 10px;
}
p:last-child {
  margin-bottom: 0;
}
ul {
  list-style-image: url(/images2016/puce-hqr.svg);
  padding-left: 20px;
  margin-bottom: 10px;
}
ul ul {
  margin-top: 10px;
}
ol {
  padding-left: 20px;
  margin-bottom: 10px;
}
li {
  margin-bottom: 5px;
}
li:last-child {
  margin-bottom: 0;
}
address {
  font-style: normal;
}
a,
a:hover,
a:link,
button {
  color: #17649F;
}
a.lien-pointeur {
  background: url('/images2016/bg_arrow_link.png') no-repeat 0 0.4em;
  padding-left: 12px;
  /*display: block;*/
  border: 0;
}
a.lien-pointeur.large {
  padding-left: 16px;
  background: url('/images2016/bg_arrow_link@2x.png') 0 0.3em no-repeat;
  font-size: 2.2rem;
  text-decoration: none;
}
a.lien-pointeur--white {
  background: url('/images2016/bg_arrow_link-white.png') no-repeat 0 0.4em;
}
a.lien-pointeur-large {
  display: inline-block;
  padding-left: 16px;
  background: url('/images2016/bg_arrow_link@2x.png') 0 0.3em no-repeat;
  border: 0;
  font-size: 2.2rem;
  text-decoration: none;
}
a.lien-pointeur-large:active,
a.lien-pointeur-large:focus,
a.lien-pointeur-large:hover {
  text-decoration: underline;
}
a.lien-pointeur.important {
  font-size: 1.6rem;
}
a.lien-retour {
  background: url(/images2016/bg-pointeur-retour.png) no-repeat 0 0.4em;
  padding-left: 12px;
  display: block;
  border: 0;
}
.italic {
  font-style: italic;
}
.note,
.note *,
.hq-note,
.hq-note * {
  font-size: 1.2rem !important;
}
.note sub,
.note * sub,
.hq-note sub,
.hq-note * sub,
.note sup,
.note * sup,
.hq-note sup,
.hq-note * sup {
  font-size: 75% !important;
}
figcaption .note {
  color: #50575d;
}
.credit-photo {
  text-align: right;
  font-size: 1.4rem;
}
.credit-photo-full {
  margin-right: 20px;
}
.credit-photo + img {
  padding-top: 6px;
}
.texte-courant {
  font-size: 1.3rem !important;
}
.intro-hub {
  text-align: center;
}
/*  Blockquote  */
blockquote {
  text-align: center;
}
blockquote .quote {
  font-size: 2.4rem;
  line-height: 3.6rem;
}
blockquote .quote:before,
blockquote .quote:after {
  position: relative;
  top: 7px;
  font-size: 6rem;
  line-height: 1rem;
}
blockquote .quote:before {
  content: '\00AB';
  padding-right: 10px;
}
blockquote .quote:after {
  content: '\00BB';
  padding-left: 10px;
}
blockquote footer {
  padding: 20px 0;
  font-size: 1.4rem;
  font-weight: 700;
}
html[lang="en"] blockquote .quote:before,
html[lang="en"] blockquote .quote:after {
  content: '\0022';
}
/* Etiquette / Label / Nouveau */
.hq-etiquette {
  display: inline-block;
  padding: 3px 12px;
  background-color: #ff9a00;
  border-radius: 20px;
  color: black;
  font-size: 1.6rem;
  vertical-align: top;
}
.hq-etiquette.hq-etiquette--small {
  padding: 2px 8px;
  font-size: 1.3rem;
}
/*********************************/
/*	Liste avec des chiffres
/*********************************/
ul.hq-liste-donnees {
  list-style-image: none;
  padding: 0;
}
ul.hq-liste-donnees ul {
  list-style-image: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}
ul.hq-liste-donnees ul li {
  padding-left: 0;
  padding-right: 0;
}
ul.hq-liste-donnees li {
  border-bottom: 1px solid #e9e8e8;
  padding: 6px;
}
ul.hq-liste-donnees li > span.txt {
  width: 80%;
  display: inline-block;
}
ul.hq-liste-donnees li > span.nbr {
  width: 15%;
  display: inline-block;
  text-align: right;
}
ul.hq-liste-donnees li li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  .hq-liste-donnees li > span.txt {
    width: auto !important;
  }
  .hq-liste-donnees li > span.nbr {
    width: auto !important;
    display: block !important;
    text-align: left !important;
  }
}
@media screen and (min-width: 768px) {
  .hq-liste-donnees li > span.nbr {
    float: right;
  }
}
/* Pour les modèles SEFCO on utilise les listes avec des chiffres, on supprime les largeurs de colonnes pour éviter les bugs d'affichage */
#formulaire .hq-liste-donnees li > span.txt,
#formulaire .hq-liste-donnees li > span.nbr {
  width: auto;
}
/*********************************/
/*	TABLEAU
/*********************************/
/* Doit être associé à hq-tableau qui se trouve dans hq-commun-2014-2016.less */
table.hq-tableau thead th {
  background: #e9e8e8;
  font-weight: 700;
  padding: 10px 8px;
}
table.hq-tableau caption {
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0 0 5px;
  text-align: left;
}
table.hq-tableau-donnees thead th {
  padding: 10px 8px;
  text-align: right;
}
table.hq-tableau-donnees thead th:first-child {
  text-align: left;
}
table.hq-tableau-donnees tbody th,
table.hq-tableau-donnees tbody td {
  text-align: right;
}
table.hq-tableau-donnees tbody th:first-child,
table.hq-tableau-donnees tbody td:first-child {
  text-align: left;
}
table.hq-tableau-donnees tbody td.nowrap {
  white-space: nowrap;
}
.hq-table-row-offset {
  padding-left: 30px !important;
}
.hq-table-scroll {
  display: block;
  width: 100%;
  overflow-x: auto;
  margin-bottom: 20px;
}
.hq-table-scroll table.hq-tableau-donnees tr:last-child th,
.hq-table-scroll table.hq-tableau tr:last-child th,
.hq-table-scroll table.hq-tableau-donnees tr:last-child td,
.hq-table-scroll table.hq-tableau tr:last-child td {
  border-bottom: 0;
}
.hq-table-scroll .hq-tableau {
  margin-bottom: 0;
}
/*******************************/
/* 	SVG
/*******************************/
svg {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor;
}
@media only screen and (max-width: 767px) {
  blockquote {
    margin: 0;
  }
  blockquote .quote {
    font-size: 2rem;
    line-height: 2.8rem;
  }
}
/*****************
	CONTENU
******************/
.hq-panneau-meconnecter .res-liste-btn {
  z-index: 1 !important;
}
#res-bandeau-connexion,
.hq-panneau-meconnecter {
  background: #1b75bb;
  margin: 20px 0;
}
#res-bandeau-connexion div[class*="columns"],
.hq-panneau-meconnecter div[class*="columns"] {
  padding: 30px 32px 20px;
  text-align: center;
}
#res-bandeau-connexion h2,
.hq-panneau-meconnecter h2,
#res-bandeau-connexion .h2,
.hq-panneau-meconnecter .h2,
#res-bandeau-connexion p,
.hq-panneau-meconnecter p,
#res-bandeau-connexion a,
.hq-panneau-meconnecter a {
  color: #fff;
}
#res-bandeau-connexion h2,
.hq-panneau-meconnecter h2 {
  font-size: 3.6rem;
  font-weight: 300;
  line-height: 1.4em;
  margin-top: 0;
}
#res-bandeau-connexion h2.h6,
.hq-panneau-meconnecter h2.h6 {
  font-size: 1.8rem !important;
}
#res-bandeau-connexion .res-liste-btn,
.hq-panneau-meconnecter .res-liste-btn {
  display: block;
  list-style: none;
  margin-top: 20px;
  padding: 0;
}
#res-bandeau-connexion .res-liste-btn li,
.hq-panneau-meconnecter .res-liste-btn li {
  margin: 15px 0 0;
}
#res-bandeau-connexion .res-liste-btn li a,
.hq-panneau-meconnecter .res-liste-btn li a {
  transition: all 0.25s;
  border-radius: 10px;
  display: block;
  font-weight: 600;
  line-height: 1em;
  margin: 0 10px;
  padding: 15px 45px;
  vertical-align: middle;
  text-decoration: none;
}
#res-bandeau-connexion .res-liste-btn li:first-child a,
.hq-panneau-meconnecter .res-liste-btn li:first-child a {
  background: #ffffff;
  border: 1px solid #165e96 !important;
  color: #1b75bb;
}
#res-bandeau-connexion .res-liste-btn li:first-child a:focus,
.hq-panneau-meconnecter .res-liste-btn li:first-child a:focus,
#res-bandeau-connexion .res-liste-btn li:first-child a:hover,
.hq-panneau-meconnecter .res-liste-btn li:first-child a:hover {
  transition: all 0.5s;
  border: 1px solid #ffffff !important;
  background: rgba(255, 255, 255, 0.95);
  color: #17649F;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
}
#res-bandeau-connexion .res-liste-btn li:last-child a:not(.hq-tooltip-icn),
.hq-panneau-meconnecter .res-liste-btn li:last-child a:not(.hq-tooltip-icn) {
  border: 1px solid #ffffff;
}
#res-bandeau-connexion .res-liste-btn li:last-child a:not(.hq-tooltip-icn):focus,
.hq-panneau-meconnecter .res-liste-btn li:last-child a:not(.hq-tooltip-icn):focus,
#res-bandeau-connexion .res-liste-btn li:last-child a:not(.hq-tooltip-icn):hover,
.hq-panneau-meconnecter .res-liste-btn li:last-child a:not(.hq-tooltip-icn):hover {
  transition: all 0.5s;
  background: #165f97;
}
#res-bandeau-connexion .res-liste-btn li .hq-tooltip-icn,
.hq-panneau-meconnecter .res-liste-btn li .hq-tooltip-icn {
  border: none!important;
  margin: 10px 0 0 0;
  padding: 0!important;
}
#res-bandeau-connexion .res-liste-btn li .res-icn-interrogation,
.hq-panneau-meconnecter .res-liste-btn li .res-icn-interrogation {
  transition: all 0.25s;
  background: #17649F;
  border-radius: 15px;
  width: 30px;
  height: 30px;
  padding: 6px;
  line-height: 1em;
}
#res-bandeau-connexion .res-liste-btn li .res-icn-interrogation:focus,
.hq-panneau-meconnecter .res-liste-btn li .res-icn-interrogation:focus,
#res-bandeau-connexion .res-liste-btn li .res-icn-interrogation:hover,
.hq-panneau-meconnecter .res-liste-btn li .res-icn-interrogation:hover {
  transition: all 0.5s;
  background: #114872;
}
@media screen and (min-width: 768px) {
  #res-bandeau-connexion .res-liste-btn,
  .hq-panneau-meconnecter .res-liste-btn {
    display: flex;
    justify-content: center;
    list-style: none;
    margin-top: 20px;
    z-index: 1;
  }
  #res-bandeau-connexion .res-liste-btn li,
  .hq-panneau-meconnecter .res-liste-btn li {
    margin: 0;
  }
  #res-bandeau-connexion .res-liste-btn li a,
  .hq-panneau-meconnecter .res-liste-btn li a {
    border-radius: 5px;
    display: inline-block;
    font-weight: 600;
    line-height: 1em;
    margin: 0 14px;
    padding: 8px 45px;
    vertical-align: middle;
    text-decoration: none;
  }
  #res-bandeau-connexion .res-liste-btn li:first-child a,
  .hq-panneau-meconnecter .res-liste-btn li:first-child a {
    background: #ffffff;
    border: 1px solid #165e96;
    color: #1b75bb;
  }
  #res-bandeau-connexion .res-liste-btn li:last-child,
  .hq-panneau-meconnecter .res-liste-btn li:last-child {
    margin: 0;
  }
  #res-bandeau-connexion .res-liste-btn li:last-child a,
  .hq-panneau-meconnecter .res-liste-btn li:last-child a {
    border: 1px solid #ffffff;
  }
  #res-bandeau-connexion .res-liste-btn li .hq-tooltip-icn,
  .hq-panneau-meconnecter .res-liste-btn li .hq-tooltip-icn {
    border: none!important;
    margin: 0;
    padding: 0!important;
  }
  .hq-panneau-meconnecter .res-liste-btn {
    height: auto;
    justify-content: center!important;
    padding: 20px 0 40px 0!important;
  }
  .hq-panneau-meconnecter .res-liste-btn li a {
    animation: none!important;
    font-size: 1.4rem;
    vertical-align: middle;
  }
  .hq-panneau-meconnecter .res-liste-btn li:first-child a {
    color: #1b75bb !important;
    margin-left: 0;
  }
  .hq-panneau-meconnecter .res-liste-btn li:first-child a:focus,
  .hq-panneau-meconnecter .res-liste-btn li:first-child a:hover {
    background: #ffffff !important;
  }
  .hq-panneau-meconnecter .res-liste-btn li:last-child a {
    display: inline-block !important;
  }
  .hq-panneau-meconnecter .res-liste-btn li:last-child a:first-child {
    background: transparent!important;
    border: 1px solid #ffffff;
    color: #fff !important;
  }
  .hq-panneau-meconnecter .res-liste-btn li .hq-tooltip-icn {
    border: none!important;
    padding: 0!important;
  }
  .hq-panneau-meconnecter .res-liste-btn li .res-icn-interrogation {
    background: #17649F;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    padding: 6px;
    line-height: 1em;
  }
}
/************************************
	MEGA-COLLAPSE - NOUVEAU
*************************************/
.hq-new-mega-collapse .collapse-wrapper {
  margin: 0;
}
.hq-new-mega-collapse .collapse-wrapper.open .collapse-toggle:after {
  background-position: center right;
}
.hq-new-mega-collapse .collapse-wrapper:hover .collapse-title {
  color: #418cc6;
  text-decoration: underline;
}
.hq-new-mega-collapse .collapse-wrapper .collapse-banner {
  display: flex;
  min-height: 105px;
  align-items: stretch;
}
.hq-new-mega-collapse .collapse-wrapper .collapse-banner:focus .collapse-title {
  outline: thin dotted;
}
.hq-new-mega-collapse .collapse-wrapper .collapse-banner .collapse-icn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 14%;
}
.hq-new-mega-collapse .collapse-wrapper .collapse-banner .collapse-icn .icon {
  width: 100%;
}
.hq-new-mega-collapse .collapse-wrapper .collapse-banner .collapse-title {
  align-content: center;
  flex-grow: 1;
  flex-basis: 75%;
  font-family: "Open Sans", sans-serif;
}
.hq-new-mega-collapse .collapse-wrapper .collapse-banner .collapse-date {
  flex-basis: 29%;
}
.hq-new-mega-collapse .collapse-wrapper .collapse-banner .collapse-toggle {
  flex-basis: 11%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .hq-new-mega-collapse .collapse-wrapper.open .collapse-closex {
    display: block;
  }
  .hq-new-mega-collapse .collapse-wrapper.open:after {
    display: none;
  }
  .hq-new-mega-collapse .collapse-wrapper .collapse-banner {
    flex-direction: column;
    align-items: center;
  }
  .hq-new-mega-collapse .collapse-wrapper .collapse-banner .collapse-icn {
    flex-basis: 100%;
  }
  .hq-new-mega-collapse .collapse-wrapper .collapse-banner .collapse-title {
    flex-basis: 100%;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
  }
  .hq-new-mega-collapse .collapse-wrapper .collapse-banner .collapse-toggle {
    display: none;
  }
}
@media screen and (max-width: 320px) {
  .hq-new-mega-collapse .collapse-wrapper.open .collapse-closex {
    right: 20px;
  }
}
/**
	END: MEGA-COLLAPSE - NOUVEAU
**/
/************************************
	MEGA-COLLAPSE - CODE COMMUN
*************************************/
.hq-mega-collapse,
.hq-new-mega-collapse {
  margin: 45px 0;
  border-bottom: 1px solid #cccccc;
}
.hq-mega-collapse .collapse-banner,
.hq-new-mega-collapse .collapse-banner {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 1px solid #cccccc;
  border-bottom: 0;
  color: #48433f;
  text-align: left;
}
.hq-mega-collapse .collapse-banner .collapse-icn,
.hq-new-mega-collapse .collapse-banner .collapse-icn,
.hq-mega-collapse .collapse-banner .collapse-title,
.hq-new-mega-collapse .collapse-banner .collapse-title {
  padding: 15px 25px;
  border-right: 1px solid #cccccc;
  vertical-align: middle;
}
.hq-mega-collapse .collapse-banner .collapse-icn:last-child,
.hq-new-mega-collapse .collapse-banner .collapse-icn:last-child,
.hq-mega-collapse .collapse-banner .collapse-title:last-child,
.hq-new-mega-collapse .collapse-banner .collapse-title:last-child {
  border-right: 0;
}
.hq-mega-collapse .collapse-banner .collapse-icn,
.hq-new-mega-collapse .collapse-banner .collapse-icn {
  background-color: #fff;
  font-size: 55px;
  text-align: center;
}
.hq-mega-collapse .collapse-banner .collapse-title,
.hq-new-mega-collapse .collapse-banner .collapse-title {
  font-weight: bold;
}
.hq-mega-collapse .collapse-banner .collapse-toggle,
.hq-new-mega-collapse .collapse-banner .collapse-toggle {
  background-color: #fff;
  padding: 15px 25px;
}
.hq-mega-collapse .collapse-banner .collapse-toggle:after,
.hq-new-mega-collapse .collapse-banner .collapse-toggle:after {
  display: block;
  content: '';
  width: 30px;
  height: 30px;
  margin: 0 auto;
  background: transparent url('/images2016/icn-mega-accordeon.png') no-repeat center left;
}
.hq-mega-collapse .collapse-banner .collapse-date,
.hq-new-mega-collapse .collapse-banner .collapse-date {
  background-color: #fff;
  font-size: 1.4rem;
}
.hq-mega-collapse .collapse-banner .collapse-date span,
.hq-new-mega-collapse .collapse-banner .collapse-date span {
  display: block;
  margin-bottom: 5px;
  font-size: 2.2rem;
  font-weight: bold;
}
.hq-mega-collapse .collapse-banner .collapse-closex,
.hq-new-mega-collapse .collapse-banner .collapse-closex {
  display: none;
  height: 10px;
}
.hq-mega-collapse .collapse-content,
.hq-new-mega-collapse .collapse-content {
  display: none;
}
.hq-mega-collapse .collapse-content:before,
.hq-new-mega-collapse .collapse-content:before {
  content: '';
  display: block;
  height: 24px;
  margin-bottom: 30px;
  background-color: #d5d4d2;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.hq-mega-collapse .collapse-content:after,
.hq-new-mega-collapse .collapse-content:after {
  content: '';
  display: none;
  height: 10px;
}
.hq-mega-collapse .collapse-content:last-child,
.hq-new-mega-collapse .collapse-content:last-child {
  padding-bottom: 50px;
  border-bottom: 2px solid #cccccc;
}
@media screen and (max-width: 767px) {
  .hq-mega-collapse .collapse-banner,
  .hq-new-mega-collapse .collapse-banner {
    display: block;
    min-height: unset;
    height: auto;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 1em;
  }
  .hq-mega-collapse .collapse-banner .collapse-icn,
  .hq-new-mega-collapse .collapse-banner .collapse-icn,
  .hq-mega-collapse .collapse-banner .collapse-title,
  .hq-new-mega-collapse .collapse-banner .collapse-title,
  .hq-mega-collapse .collapse-banner .collapse-toggle,
  .hq-new-mega-collapse .collapse-banner .collapse-toggle {
    display: block;
    border-right: 0;
  }
  .hq-mega-collapse .collapse-banner .collapse-icn,
  .hq-new-mega-collapse .collapse-banner .collapse-icn {
    width: 100%;
    background-color: #f4f3f3;
  }
  .hq-mega-collapse .collapse-banner .collapse-title,
  .hq-new-mega-collapse .collapse-banner .collapse-title {
    margin-top: 0;
    font-size: 1.6rem;
    text-align: center;
    text-decoration: underline;
  }
  .hq-mega-collapse .collapse-banner .collapse-date,
  .hq-new-mega-collapse .collapse-banner .collapse-date {
    width: 100%;
    text-align: center;
    border-bottom: 2px solid #cccccc;
  }
  .hq-mega-collapse .collapse-banner .collapse-closex,
  .hq-new-mega-collapse .collapse-banner .collapse-closex {
    position: absolute;
    top: 20px;
    right: 10px;
    width: 11%;
  }
  .hq-mega-collapse .collapse-banner .collapse-closex:after,
  .hq-new-mega-collapse .collapse-banner .collapse-closex:after {
    display: block;
    content: '';
    width: 30px;
    height: 30px;
    margin: 0 auto;
    background: transparent url('/images2016/icn-mega-accordeon.png') no-repeat center right;
  }
  .hq-mega-collapse .collapse-content:before,
  .hq-new-mega-collapse .collapse-content:before {
    display: none;
  }
  .hq-mega-collapse .collapse-content:after,
  .hq-new-mega-collapse .collapse-content:after {
    display: block;
  }
  .hq-mega-collapse .collapse-content:last-child,
  .hq-new-mega-collapse .collapse-content:last-child {
    padding-bottom: 0;
    border: 0;
  }
  .hq-mega-collapse .collapse-content .hq-bloc-fond:last-child,
  .hq-new-mega-collapse .collapse-content .hq-bloc-fond:last-child {
    margin-bottom: 0;
  }
  .hq-mega-collapse .collapse-content p:last-child,
  .hq-new-mega-collapse .collapse-content p:last-child {
    margin-bottom: 25px;
  }
}
/**
	END: MEGA-COLLAPSE - CODE COMMUN
**/
/************************************
	MEGA-COLLAPSE - ANCIEN
*************************************/
.hq-mega-collapse .collapse-banner {
  display: table;
  table-layout: fixed;
}
.hq-mega-collapse .collapse-banner > a {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 105px;
  min-height: 105px;
  color: #48433f;
  font-family: "Open Sans", sans-serif;
  font-size: 2.2rem;
  font-weight: 600;
  text-align: left;
  text-decoration: none;
}
.hq-mega-collapse .collapse-banner .collapse-icn,
.hq-mega-collapse .collapse-banner .collapse-title {
  display: table-cell;
  float: none;
}
.hq-mega-collapse .collapse-banner .collapse-icn {
  width: 14%;
  padding-bottom: 0;
}
.hq-mega-collapse .collapse-banner .collapse-title {
  width: 75%;
}
.hq-mega-collapse .collapse-banner .collapse-toggle {
  display: table-cell;
  float: none;
  width: 11%;
  vertical-align: middle;
}
.hq-mega-collapse .collapse-banner .collapse-date {
  width: 29%;
}
.hq-mega-collapse .collapse-banner.open .collapse-toggle:after {
  background-position: center right;
}
.hq-mega-collapse .collapse-banner:hover .collapse-title {
  color: #418cc6;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .hq-mega-collapse .collapse-banner .collapse-icn {
    padding-top: 35px;
    padding-bottom: 0;
  }
  .hq-mega-collapse .collapse-banner .collapse-title {
    width: 100%;
    padding-bottom: 20px;
  }
  .hq-mega-collapse .collapse-banner .collapse-toggle {
    width: 100%;
    padding: 0;
  }
  .hq-mega-collapse .collapse-banner .collapse-toggle:after {
    display: none;
  }
  .hq-mega-collapse .collapse-banner:after {
    right: 50%;
    margin-right: -23px;
  }
  .hq-mega-collapse .collapse-banner.open .collapse-closex {
    display: block;
  }
  .hq-mega-collapse .collapse-banner.open:after {
    display: none;
  }
}
@media screen and (max-width: 320px) {
  .hq-mega-collapse .collapse-banner.open .collapse-closex {
    right: 20px;
  }
}
/**
	END: MEGA-COLLAPSE - ANCIEN
**/
/************************************
	NOUVEAU MEGA-COLLAPSE - CUSTOM
*************************************/
#accumulateur .hq-new-mega-collapse .collapse-banner {
  background-color: #fff;
}
#accumulateur .hq-new-mega-collapse .collapse-banner .collapse-title {
  padding: 2rem 4rem;
  outline: 0;
}
#accumulateur .hq-new-mega-collapse .collapse-wrapper.open .collapse-closex {
  right: 6px;
}
#calfeutrer .hq-new-mega-collapse .collapse-banner .collapse-icn {
  font-size: initial;
  padding-bottom: 20px;
  padding-top: 20px;
}
#calfeutrer .hq-new-mega-collapse .collapse-banner .collapse-icn img {
  width: 80px;
}
@media screen and (min-width: 768px) {
  #calfeutrer .hq-new-mega-collapse .collapse-banner .collapse-icn {
    padding-bottom: 15px;
    padding-top: 15px;
  }
}
.hq-new-mega-collapse .collapse-banner.meter-banner .collapse-icn {
  background-color: transparent;
}
@media screen and (min-width: 768px) {
  .hq-new-mega-collapse .collapse-banner.meter-banner .collapse-icn {
    flex-basis: 26%;
  }
}
.tarifs .hq-new-mega-collapse .collapse-icn {
  padding-top: 25px;
  padding-bottom: 25px;
}
.tarifs .hq-new-mega-collapse .icon {
  background-repeat: no-repeat;
  background-size: contain;
  height: 80px;
  background-position: center center;
}
@media screen and (min-width: 768px) {
  .tarifs .hq-new-mega-collapse .icon {
    height: 105px;
  }
  .tarifs .hq-new-mega-collapse .collapse-banner .collapse-icn {
    padding-top: 0;
    padding-bottom: 0;
  }
}
/**
	END: NOUVEAU MEGA-COLLAPSE - CUSTOM
**/
/**
	COLLAPSE
Les styles des collapses ne seront appliqué que sur la version écran
**/
@media screen {
  div[class*="hq-new-collapse"]:not(.etape) {
    margin: 20px 0 30px;
  }
  div[class*="hq-new-collapse"]:not(.etape) > section {
    border: none;
    margin: -1px 0 0 0 !important;
    padding: 0 !important;
  }
  div[class*="hq-new-collapse"]:not(.etape) > div,
  div[class*="hq-new-collapse"]:not(.etape) > section > div {
    border-bottom: 1px solid #e9e8e8;
    margin: 0;
    padding: 10px 0 5px 0;
  }
  div[class*="hq-new-collapse"]:not(.etape) h2,
  div[class*="hq-new-collapse"]:not(.etape) h3,
  div[class*="hq-new-collapse"]:not(.etape) section h2,
  div[class*="hq-new-collapse"]:not(.etape) h4,
  div[class*="hq-new-collapse"]:not(.etape) h5,
  div[class*="hq-new-collapse"]:not(.etape) h6,
  div[class*="hq-new-collapse"]:not(.etape) .item {
    background: none !important;
    border-bottom: 1px solid #e9e8e8;
    border-top: 1px solid #e9e8e8;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    margin: -1px 0 0 0 !important;
    padding: 0 !important;
  }
  div[class*="hq-new-collapse"]:not(.etape) h2 button,
  div[class*="hq-new-collapse"]:not(.etape) h3 button,
  div[class*="hq-new-collapse"]:not(.etape) section h2 button,
  div[class*="hq-new-collapse"]:not(.etape) h4 button,
  div[class*="hq-new-collapse"]:not(.etape) h5 button,
  div[class*="hq-new-collapse"]:not(.etape) h6 button,
  div[class*="hq-new-collapse"]:not(.etape) .item button {
    display: block;
    text-align: left;
    width: 100%;
  }
  div[class*="hq-new-collapse"]:not(.etape) h2 button span,
  div[class*="hq-new-collapse"]:not(.etape) h3 button span,
  div[class*="hq-new-collapse"]:not(.etape) section h2 button span,
  div[class*="hq-new-collapse"]:not(.etape) h4 button span,
  div[class*="hq-new-collapse"]:not(.etape) h5 button span,
  div[class*="hq-new-collapse"]:not(.etape) h6 button span,
  div[class*="hq-new-collapse"]:not(.etape) .item button span {
    color: #17649F;
    text-decoration: underline;
    display: block;
    padding: 15px 70px 15px 0;
    position: relative;
    text-align: left;
    font-size: 1.6rem;
    line-height: 2.4rem;
    width: 100%;
  }
  div[class*="hq-new-collapse"]:not(.etape) h2 button span::after,
  div[class*="hq-new-collapse"]:not(.etape) h3 button span::after,
  div[class*="hq-new-collapse"]:not(.etape) section h2 button span::after,
  div[class*="hq-new-collapse"]:not(.etape) h4 button span::after,
  div[class*="hq-new-collapse"]:not(.etape) h5 button span::after,
  div[class*="hq-new-collapse"]:not(.etape) h6 button span::after,
  div[class*="hq-new-collapse"]:not(.etape) .item button span::after {
    background-image: url(/images2016/icn-collapse.png);
    content: " ";
    display: block;
    height: 14px;
    position: absolute;
    right: 10px;
    top: 20px;
    width: 14px;
  }
  div[class*="hq-new-collapse"]:not(.etape) h2 button.open span::after,
  div[class*="hq-new-collapse"]:not(.etape) h3 button.open span::after,
  div[class*="hq-new-collapse"]:not(.etape) section h2 button.open span::after,
  div[class*="hq-new-collapse"]:not(.etape) h4 button.open span::after,
  div[class*="hq-new-collapse"]:not(.etape) h5 button.open span::after,
  div[class*="hq-new-collapse"]:not(.etape) h6 button.open span::after,
  div[class*="hq-new-collapse"]:not(.etape) .item button.open span::after {
    background-position: 0 -42px;
  }
  div[class*="hq-new-collapse"]:not(.etape) h2:has(button.open),
  div[class*="hq-new-collapse"]:not(.etape) h3:has(button.open),
  div[class*="hq-new-collapse"]:not(.etape) section h2:has(button.open),
  div[class*="hq-new-collapse"]:not(.etape) h4:has(button.open),
  div[class*="hq-new-collapse"]:not(.etape) h5:has(button.open),
  div[class*="hq-new-collapse"]:not(.etape) h6:has(button.open),
  div[class*="hq-new-collapse"]:not(.etape) .item:has(button.open) {
    border-bottom: none;
  }
}
/* CSS Document */
/* HACK */
#mm-hq-header-nav-section,
#mm-hq-nav-grande-section,
#mm-hq-nav-site-specialise,
#mm-hq-nav-pannes,
#mm-hq-nav-site-international,
#mm-hq-formulaire {
  background: #fff;
  /*.mm-navbar .mm-breadcrumbs {
		text-overflow:clip;
		white-space:normal;
		overflow:visible;
		-webkit-overflow-scrolling: touch;
		overflow-x:auto;
		text-align: left;
		line-height:1.2em;
	}*/
}
#mm-hq-header-nav-section a,
#mm-hq-nav-grande-section a,
#mm-hq-nav-site-specialise a,
#mm-hq-nav-pannes a,
#mm-hq-nav-site-international a,
#mm-hq-formulaire a {
  color: #48433f;
}
#mm-hq-header-nav-section .mm-panels > .mm-panel > .mm-listview:first-child,
#mm-hq-nav-grande-section .mm-panels > .mm-panel > .mm-listview:first-child,
#mm-hq-nav-site-specialise .mm-panels > .mm-panel > .mm-listview:first-child,
#mm-hq-nav-pannes .mm-panels > .mm-panel > .mm-listview:first-child,
#mm-hq-nav-site-international .mm-panels > .mm-panel > .mm-listview:first-child,
#mm-hq-formulaire .mm-panels > .mm-panel > .mm-listview:first-child,
#mm-hq-header-nav-section .mm-panels > .mm-panel > .mm-navbar + .mm-listview,
#mm-hq-nav-grande-section .mm-panels > .mm-panel > .mm-navbar + .mm-listview,
#mm-hq-nav-site-specialise .mm-panels > .mm-panel > .mm-navbar + .mm-listview,
#mm-hq-nav-pannes .mm-panels > .mm-panel > .mm-navbar + .mm-listview,
#mm-hq-nav-site-international .mm-panels > .mm-panel > .mm-navbar + .mm-listview,
#mm-hq-formulaire .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: -10px;
}
#mm-hq-header-nav-section .hq-mm-meconnecter,
#mm-hq-nav-grande-section .hq-mm-meconnecter,
#mm-hq-nav-site-specialise .hq-mm-meconnecter,
#mm-hq-nav-pannes .hq-mm-meconnecter,
#mm-hq-nav-site-international .hq-mm-meconnecter,
#mm-hq-formulaire .hq-mm-meconnecter {
  background: #17649F;
  display: table;
  /*flex;
		align-content:center;
		align-items:center;*/
  text-align: center;
  vertical-align: middle;
  padding: 10px;
  height: 50px;
  width: 100%;
}
#mm-hq-header-nav-section .hq-mm-meconnecter a,
#mm-hq-nav-grande-section .hq-mm-meconnecter a,
#mm-hq-nav-site-specialise .hq-mm-meconnecter a,
#mm-hq-nav-pannes .hq-mm-meconnecter a,
#mm-hq-nav-site-international .hq-mm-meconnecter a,
#mm-hq-formulaire .hq-mm-meconnecter a {
  color: #17649F !important;
  display: inline-block;
  background-color: #fff !important;
  line-height: 1em;
  padding: 8px 40px;
  border-radius: 5px;
}
#mm-hq-header-nav-section .hq-mm-meconnecter a:hover,
#mm-hq-nav-grande-section .hq-mm-meconnecter a:hover,
#mm-hq-nav-site-specialise .hq-mm-meconnecter a:hover,
#mm-hq-nav-pannes .hq-mm-meconnecter a:hover,
#mm-hq-nav-site-international .hq-mm-meconnecter a:hover,
#mm-hq-formulaire .hq-mm-meconnecter a:hover,
#mm-hq-header-nav-section .hq-mm-meconnecter a:focus,
#mm-hq-nav-grande-section .hq-mm-meconnecter a:focus,
#mm-hq-nav-site-specialise .hq-mm-meconnecter a:focus,
#mm-hq-nav-pannes .hq-mm-meconnecter a:focus,
#mm-hq-nav-site-international .hq-mm-meconnecter a:focus,
#mm-hq-formulaire .hq-mm-meconnecter a:focus {
  text-decoration: underline;
}
#mm-hq-header-nav-section .mm-navbar,
#mm-hq-nav-grande-section .mm-navbar,
#mm-hq-nav-site-specialise .mm-navbar,
#mm-hq-nav-pannes .mm-navbar,
#mm-hq-nav-site-international .mm-navbar,
#mm-hq-formulaire .mm-navbar {
  padding: 0px!important;
}
#mm-hq-header-nav-section .mm-title,
#mm-hq-nav-grande-section .mm-title,
#mm-hq-nav-site-specialise .mm-title,
#mm-hq-nav-pannes .mm-title,
#mm-hq-nav-site-international .mm-title,
#mm-hq-formulaire .mm-title {
  padding: 10px 0 0 20px;
  font-size: 1.3rem;
  font-weight: 700;
  margin: 0;
}
#mm-hq-header-nav-section .mm-navbar-top,
#mm-hq-nav-grande-section .mm-navbar-top,
#mm-hq-nav-site-specialise .mm-navbar-top,
#mm-hq-nav-pannes .mm-navbar-top,
#mm-hq-nav-site-international .mm-navbar-top,
#mm-hq-formulaire .mm-navbar-top {
  padding: 0px!important;
  line-height: 1em;
}
#mm-hq-header-nav-section .mm-listview,
#mm-hq-nav-grande-section .mm-listview,
#mm-hq-nav-site-specialise .mm-listview,
#mm-hq-nav-pannes .mm-listview,
#mm-hq-nav-site-international .mm-listview,
#mm-hq-formulaire .mm-listview {
  font-size: 1.3rem;
}
#mm-hq-header-nav-section .mm-section,
#mm-hq-nav-grande-section .mm-section,
#mm-hq-nav-site-specialise .mm-section,
#mm-hq-nav-pannes .mm-section,
#mm-hq-nav-site-international .mm-section,
#mm-hq-formulaire .mm-section {
  font-weight: 700;
}
#mm-hq-header-nav-section .mm-panels .mm-navbar,
#mm-hq-nav-grande-section .mm-panels .mm-navbar,
#mm-hq-nav-site-specialise .mm-panels .mm-navbar,
#mm-hq-nav-pannes .mm-panels .mm-navbar,
#mm-hq-nav-site-international .mm-panels .mm-navbar,
#mm-hq-formulaire .mm-panels .mm-navbar {
  top: 10px;
  text-align: left;
}
#mm-hq-header-nav-section .mm-prev,
#mm-hq-nav-grande-section .mm-prev,
#mm-hq-nav-site-specialise .mm-prev,
#mm-hq-nav-pannes .mm-prev,
#mm-hq-nav-site-international .mm-prev,
#mm-hq-formulaire .mm-prev {
  padding: 0;
  left: -15px;
}
#mm-hq-header-nav-section .mm-navbar-bottom,
#mm-hq-nav-grande-section .mm-navbar-bottom,
#mm-hq-nav-site-specialise .mm-navbar-bottom,
#mm-hq-nav-pannes .mm-navbar-bottom,
#mm-hq-nav-site-international .mm-navbar-bottom,
#mm-hq-formulaire .mm-navbar-bottom {
  height: 60px!important;
  text-align: center;
}
#mm-hq-header-nav-section .hq-mm-recherche,
#mm-hq-nav-grande-section .hq-mm-recherche,
#mm-hq-nav-site-specialise .hq-mm-recherche,
#mm-hq-nav-pannes .hq-mm-recherche,
#mm-hq-nav-site-international .hq-mm-recherche,
#mm-hq-formulaire .hq-mm-recherche {
  padding: 10px;
  margin-bottom: 10px;
}
#mm-hq-header-nav-section .hq-mm-recherche .recherche,
#mm-hq-nav-grande-section .hq-mm-recherche .recherche,
#mm-hq-nav-site-specialise .hq-mm-recherche .recherche,
#mm-hq-nav-pannes .hq-mm-recherche .recherche,
#mm-hq-nav-site-international .hq-mm-recherche .recherche,
#mm-hq-formulaire .hq-mm-recherche .recherche {
  padding: 8px 4px 8px 20px;
  border: 1px solid #cecdcc;
  border-radius: 20px;
  line-height: normal;
  color: #222;
  margin: 0;
  font-weight: normal;
  display: inline-block;
  width: 100%;
  text-align: left;
}
#mm-hq-header-nav-section .hq-mm-recherche .recherche svg,
#mm-hq-nav-grande-section .hq-mm-recherche .recherche svg,
#mm-hq-nav-site-specialise .hq-mm-recherche .recherche svg,
#mm-hq-nav-pannes .hq-mm-recherche .recherche svg,
#mm-hq-nav-site-international .hq-mm-recherche .recherche svg,
#mm-hq-formulaire .hq-mm-recherche .recherche svg {
  background-color: #003666;
  border-radius: 15px;
  width: 30px;
  height: 30px;
  margin: 0;
  color: #fff;
  font-weight: 400;
  padding: 7px;
  vertical-align: middle;
  position: absolute;
  right: 20px;
  top: 14px;
  overflow: visible;
}
#mm-hq-header-nav-section .hq-mm-recherche .recherche:hover,
#mm-hq-nav-grande-section .hq-mm-recherche .recherche:hover,
#mm-hq-nav-site-specialise .hq-mm-recherche .recherche:hover,
#mm-hq-nav-pannes .hq-mm-recherche .recherche:hover,
#mm-hq-nav-site-international .hq-mm-recherche .recherche:hover,
#mm-hq-formulaire .hq-mm-recherche .recherche:hover,
#mm-hq-header-nav-section .hq-mm-recherche .recherche:focus,
#mm-hq-nav-grande-section .hq-mm-recherche .recherche:focus,
#mm-hq-nav-site-specialise .hq-mm-recherche .recherche:focus,
#mm-hq-nav-pannes .hq-mm-recherche .recherche:focus,
#mm-hq-nav-site-international .hq-mm-recherche .recherche:focus,
#mm-hq-formulaire .hq-mm-recherche .recherche:focus,
#mm-hq-header-nav-section .hq-mm-recherche .recherche:active,
#mm-hq-nav-grande-section .hq-mm-recherche .recherche:active,
#mm-hq-nav-site-specialise .hq-mm-recherche .recherche:active,
#mm-hq-nav-pannes .hq-mm-recherche .recherche:active,
#mm-hq-nav-site-international .hq-mm-recherche .recherche:active,
#mm-hq-formulaire .hq-mm-recherche .recherche:active {
  background-color: #fff;
}
#mm-hq-header-nav-section .hq-mm-recherche > span,
#mm-hq-nav-grande-section .hq-mm-recherche > span,
#mm-hq-nav-site-specialise .hq-mm-recherche > span,
#mm-hq-nav-pannes .hq-mm-recherche > span,
#mm-hq-nav-site-international .hq-mm-recherche > span,
#mm-hq-formulaire .hq-mm-recherche > span {
  display: inline-block;
  position: relative;
  width: 75%;
}
#mm-hq-header-nav-section .hq-mm-recherche > span input,
#mm-hq-nav-grande-section .hq-mm-recherche > span input,
#mm-hq-nav-site-specialise .hq-mm-recherche > span input,
#mm-hq-nav-pannes .hq-mm-recherche > span input,
#mm-hq-nav-site-international .hq-mm-recherche > span input,
#mm-hq-formulaire .hq-mm-recherche > span input {
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 20px;
  height: 40px;
  flex: 1;
  padding-left: 20px;
  width: 100%;
}
#mm-hq-header-nav-section .hq-mm-recherche > span ::placeholder,
#mm-hq-nav-grande-section .hq-mm-recherche > span ::placeholder,
#mm-hq-nav-site-specialise .hq-mm-recherche > span ::placeholder,
#mm-hq-nav-pannes .hq-mm-recherche > span ::placeholder,
#mm-hq-nav-site-international .hq-mm-recherche > span ::placeholder,
#mm-hq-formulaire .hq-mm-recherche > span ::placeholder {
  color: #48433f;
  opacity: 1;
}
#mm-hq-header-nav-section .hq-mm-recherche > span button,
#mm-hq-nav-grande-section .hq-mm-recherche > span button,
#mm-hq-nav-site-specialise .hq-mm-recherche > span button,
#mm-hq-nav-pannes .hq-mm-recherche > span button,
#mm-hq-nav-site-international .hq-mm-recherche > span button,
#mm-hq-formulaire .hq-mm-recherche > span button {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  background-color: #003366;
  border-radius: 15px;
  width: 30px;
  height: 30px;
  color: #fff;
  font: inherit;
  font-weight: normal;
  overflow: visible;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 100;
  /* Enlève le padding par defaut dans webkit / ios */
  padding: 0;
}
#mm-hq-header-nav-section .hq-mm-recherche > span button svg,
#mm-hq-nav-grande-section .hq-mm-recherche > span button svg,
#mm-hq-nav-site-specialise .hq-mm-recherche > span button svg,
#mm-hq-nav-pannes .hq-mm-recherche > span button svg,
#mm-hq-nav-site-international .hq-mm-recherche > span button svg,
#mm-hq-formulaire .hq-mm-recherche > span button svg {
  display: inline-block;
  font-size: 16px;
  /*Déplace le svg pour le centrer,le Flex ne semble par avoir d'effet*/
  margin-left: 7px;
  margin-top: 7px;
}
#mm-hq-header-nav-section .hq-mm-utils,
#mm-hq-nav-grande-section .hq-mm-utils,
#mm-hq-nav-site-specialise .hq-mm-utils,
#mm-hq-nav-pannes .hq-mm-utils,
#mm-hq-nav-site-international .hq-mm-utils,
#mm-hq-formulaire .hq-mm-utils {
  margin-top: 30px;
  padding-left: 0;
  font-size: 1.3rem;
  line-height: 20px;
}
#mm-hq-header-nav-section .hq-mm-utils li,
#mm-hq-nav-grande-section .hq-mm-utils li,
#mm-hq-nav-site-specialise .hq-mm-utils li,
#mm-hq-nav-pannes .hq-mm-utils li,
#mm-hq-nav-site-international .hq-mm-utils li,
#mm-hq-formulaire .hq-mm-utils li {
  margin-bottom: 10px;
}
#mm-hq-header-nav-section .hq-mm-utils li a,
#mm-hq-nav-grande-section .hq-mm-utils li a,
#mm-hq-nav-site-specialise .hq-mm-utils li a,
#mm-hq-nav-pannes .hq-mm-utils li a,
#mm-hq-nav-site-international .hq-mm-utils li a,
#mm-hq-formulaire .hq-mm-utils li a {
  text-decoration: none;
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 0.7;
}
.hamburger-box {
  width: 25px;
  height: 15px!important;
  display: inline-block;
  position: relative;
  margin-right: 6px;
  vertical-align: middle;
}
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 25px;
  height: 3px;
  background-color: #918e8b;
  border-radius: 0px;
  position: absolute;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -6px;
}
.hamburger-inner::after {
  bottom: -6px;
}
/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.15s;
  transition-delay: 0.15s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
  top: -12px;
  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
html.mm-opened .hamburger {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
}
html.mm-opened .hamburger--collapse .hamburger-inner {
  -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg);
  transform: translate3d(0, -6px, 0) rotate(-45deg);
  transition-delay: 0.32s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
html.mm-opened .hamburger--collapse .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
}
html.mm-opened .hamburger--collapse .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (min-width: 767px) {
  #mm-hq-formulaire {
    display: none;
  }
  html.mm-opening .mm-slideout {
    transform: translate3d(0px, 0, 0);
  }
}
/* ============================
 * SELECT STYLISE
 * ========================== */
.groupe-stylise label {
  display: block;
  margin-bottom: 16px;
  content: '' !important;
}
.select-stylise select {
  font-size: 1.6rem;
  width: 100%;
  height: 54px;
  line-height: 1.25;
  padding: 14px 17px;
  color: #48433f;
  border: 1px solid #3679b7;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-appearance: none;
}
.select-stylise select option {
  padding: 2px 2px 2px 17px;
}
.select-stylise select:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 5px 2px #0061ab;
  -moz-box-shadow: 0 0 5px 2px #0061ab;
  box-shadow: 0 0 5px 2px #0061ab;
}
.select-stylise {
  position: relative;
  width: 100%;
  height: 54px;
  /* fix for IE9/IE10 */
}
.select-stylise:before,
.select-stylise:after {
  content: "";
  position: absolute;
  pointer-events: none;
  -ms-pointer-events: none;
  display: none\9;
}
.select-stylise:before {
  width: 16px;
  height: 16px;
  top: 20px;
  right: 14px;
  background-image: url("/themes/racine/images/arrow-down.svg");
  background-size: 16px;
  z-index: 1;
}
.select-stylise:after {
  right: 1px;
  top: 1px;
  width: 44px;
  height: 52px;
  background: #fff;
  z-index: 0;
}
/* ============================
 * INPUT STYLISE
 * radio aspect 
 * checked mark aspect *
 * checked mark aspect changes *
 * disabled checkbox *
 * ========================== */
.input-stylise [type="radio"]:not(:checked),
.input-stylise [type="radio"]:checked,
.input-stylise [type="checkbox"]:not(:checked),
.input-stylise [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.input-stylise [type="checkbox"]:focus + label:before,
.input-stylise [type="radio"]:focus + label:before {
  -webkit-box-shadow: 0 0 5px 1px #2763ac;
  -moz-box-shadow: 0 0 5px 1px #2763ac;
  box-shadow: 0 0 5px 1px #2763ac;
}
.input-stylise [type="radio"]:checked:focus,
.input-stylise [type="checkbox"]:checked:focus {
  content: ' ' !important;
}
.input-stylise [type="radio"]:not(:checked) + label,
.input-stylise [type="radio"]:checked + label,
.input-stylise [type="checkbox"]:not(:checked) + label,
.input-stylise [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
}
.input-stylise [type="radio"]:not(:checked) + label::before,
.input-stylise [type="radio"]:checked + label::before,
.input-stylise [type="checkbox"]:not(:checked) + label::before,
.input-stylise [type="checkbox"]:checked + label::before {
  content: '' !important;
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  border: 1px solid #2763ac;
  background: #fff;
}
.input-stylise [type="radio"]:not(:checked) + label::before,
.input-stylise [type="radio"]:checked + label::before,
.input-stylise [type="radio"]:not(:checked) + label::after,
.input-stylise [type="radio"]:checked + label::after {
  border-radius: 50%;
}
.input-stylise [type="radio"]:not(:checked) + label::after,
.input-stylise [type="radio"]:checked + label::after {
  background: #2763ac;
  content: '';
  display: block;
  border: 2px solid #fff;
  position: absolute;
  top: 2px;
  left: 2px;
  transition: all 0.2s;
  width: 16px;
  height: 16px;
}
.input-stylise [type="checkbox"]:not(:checked) + label::after,
.input-stylise [type="checkbox"]:checked + label::after {
  content: '';
  width: 10px;
  height: 5px;
  position: absolute;
  top: 6px;
  left: 6px;
  border: 3px solid #2763ac;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  transform: rotate(-45deg);
}
.input-stylise [type="radio"]:not(:checked) + label::after,
.input-stylise [type="checkbox"]:not(:checked) + label::after {
  opacity: 0;
  transform: scale(0);
}
.input-stylise [type="radio"]:checked + label::after,
.input-stylise [type="checkbox"]:checked + label::after {
  opacity: 1;
}
.input-stylise [type="radio"]:disabled:not(:checked) + label:before,
.input-stylise [type="radio"]:disabled:checked + label:before,
.input-stylise [type="checkbox"]:disabled:not(:checked) + label:before,
.input-stylise [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  opacity: 0.5;
}
.input-stylise [type="radio"]:disabled:checked + label:after,
.input-stylise [type="checkbox"]:disabled:checked + label:after {
  opacity: 0.5;
}
.input-stylise [type="radio"]:disabled + label,
.input-stylise [type="checkbox"]:disabled + label {
  opacity: 0.5;
}
.graph-lines {
  display: block;
  list-style: none;
  margin: 20px 0;
  padding: 0;
  width: auto;
}
.horizontal li {
  clear: both;
  display: block;
  line-height: 1em;
}
.horizontal .ville,
.horizontal .graph-titre {
  display: inline-block;
  padding-right: 2%;
  text-align: right;
  line-height: 1em;
  width: 18%;
}
.horizontal .valeur {
  background: #edf1f6;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: right;
  padding-right: 2%;
  width: auto;
}
.horizontal .valeur.winner {
  background-color: #003365;
  color: #fff;
}
.prix-evolution.detailed {
  margin-top: 0px;
  background-image: none;
  height: auto;
  width: auto;
}
.prix-evolution .legend li {
  padding-top: 18px;
  float: left;
  width: 17%;
  position: relative;
  list-style-image: none;
}
.prix-evolution .legend li .linear-graph {
  width: 25%;
  border-bottom: 4px solid #000;
  position: absolute;
  top: 10px;
}
.prix-evolution .legend li.num1 .linear-graph {
  width: 25%;
  border-bottom: 4px solid #FF0000;
  position: absolute;
  top: 10px;
}
.prix-evolution .legend li.num2 .linear-graph {
  border-color: #3333CC;
}
.prix-evolution .legend li.num3 .linear-graph {
  top: 8px;
  border-bottom: 6px solid #339933;
}
.prix-evolution .legend li.num4 .linear-graph {
  width: 17%;
  border-bottom: none;
  height: 4px;
  top: 12px;
  background: url(/themes/affaires/images/inflation-dashed.png) repeat-x 0 0;
}
.legend .caption {
  position: absolute;
  top: 0;
  left: -777777px;
}
@media screen and (max-width: 767px) {
  .horizontal .graph-titre,
  .horizontal .ville {
    text-align: left;
    width: 100%;
  }
  .prix-evolution .legend li {
    float: none;
    width: 100%;
  }
}
#ligne-chronologie {
  text-align: center;
}
#ligne-chronologie .wrapper {
  position: relative;
}
#ligne-chronologie .wrapper:before {
  content: '';
  position: absolute;
  top: 7px;
  left: 0%;
  bottom: 0px;
  height: 100%;
  width: 2px;
  background-color: #7d98b1;
  z-index: 100;
}
#ligne-chronologie .wrapper:after {
  content: "";
  clear: both;
  display: table;
  width: 100%;
}
#ligne-chronologie h2,
#ligne-chronologie h3,
#ligne-chronologie h4,
#ligne-chronologie h5,
#ligne-chronologie h6 {
  font-weight: 600;
  font-size: 1.8rem !important;
  margin: 0 0 10px 0;
}
#ligne-chronologie div.dates {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
#ligne-chronologie div.dates div.marqueur {
  position: relative;
  padding: 0 0 40px 20px;
  text-align: left;
  width: 100%;
  clear: both;
  display: block;
  line-height: 1.5em;
}
#ligne-chronologie div.dates div.marqueur::before {
  background-color: #253a4e;
  content: '';
  position: absolute;
  border: 1px solid #7d98b1;
  width: 10px;
  height: 10px;
  display: block;
  top: 6px;
  z-index: 500;
  left: -5px;
}
#ligne-chronologie div.dates div.marqueur ul {
  list-style-image: none;
  position: relative;
  margin: 0;
  padding: 0;
}
#ligne-chronologie div.dates div.marqueur ul li {
  position: relative;
  width: 100%;
  padding: 0 0 0 25px;
  margin-bottom: 10px;
}
#ligne-chronologie div.dates div.marqueur ul li::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 15px;
  background-color: #48433f;
  top: 12px;
  left: 0;
}
@media screen and (min-width: 768px) {
  #ligne-chronologie .wrapper:before {
    left: 50%;
    transform: translateX(-50%);
  }
  #ligne-chronologie div.dates div.marqueur {
    width: 50%;
    padding: 0 0 40px 0;
  }
  #ligne-chronologie div.dates div.marqueur ul li {
    padding: 0 25px 0 25px;
  }
  #ligne-chronologie div.dates div.marqueur:nth-child(even) {
    padding-left: 20px;
    float: right;
  }
  #ligne-chronologie div.dates div.marqueur:nth-child(even)::before {
    left: -6px;
  }
  #ligne-chronologie div.dates div.marqueur:nth-child(even) li::before {
    left: 0px;
  }
  #ligne-chronologie div.dates div.marqueur:nth-child(odd) {
    padding-right: 20px;
    float: left;
  }
  #ligne-chronologie div.dates div.marqueur:nth-child(odd)::before {
    left: auto;
    right: -6px;
  }
  #ligne-chronologie div.dates div.marqueur:nth-child(odd) li {
    text-align: right;
  }
  #ligne-chronologie div.dates div.marqueur:nth-child(odd) li::before {
    left: auto;
    right: 0px;
  }
  #ligne-chronologie div.dates div.marqueur:nth-child(odd) p,
  #ligne-chronologie div.dates div.marqueur:nth-child(odd) h2,
  #ligne-chronologie div.dates div.marqueur:nth-child(odd) h3,
  #ligne-chronologie div.dates div.marqueur:nth-child(odd) h4,
  #ligne-chronologie div.dates div.marqueur:nth-child(odd) h5,
  #ligne-chronologie div.dates div.marqueur:nth-child(odd) h6 {
    text-align: right;
  }
}
/***************************/
/*	TOOLTIPS
/***************************/
/* Lien dans la page */
.hq-tooltip {
  display: inline;
  padding: 0;
  text-decoration: none;
  border-bottom: 1px dotted;
}
.hq-tooltip.hq-tooltip-icn {
  border: none!important;
}
.hq-tooltip:hover {
  border-bottom: 1px dotted #fff;
}
.hq-tip {
  display: none;
}
.hq-tooltip-container {
  position: relative;
}
.hq-tooltip-icn-info {
  border-bottom: none;
  font-size: 100%;
  line-height: 1;
}
.hq-tooltip-icn-info svg {
  display: inline-block;
  height: 1em;
  width: 1em;
  fill: currentColor;
}
.hq-tooltip-lien-noir {
  color: #48433f !important;
}
/* Tooltip base */
#hq-tooltip {
  display: block;
  z-index: 99999;
  /* Chrome Fix */
  background: transparent;
  border: none;
  /* Faire réagir comme un overlay / Pour mobile seulement */
  position: fixed;
  left: 1%;
  right: auto;
  width: 98%;
  font-size: 1.4rem !important;
  line-height: 1.4em !important;
}
#hq-tooltip .hq-tooltip-content {
  position: relative;
  border: 3px solid #e9e8e8;
  border-radius: 0.3em;
  background-color: #f2f2f3;
  padding: 1.25em 2.5em 1em 1em;
  text-align: left;
  /*Ajout 2017-03-18*/
  color: #48433f !important;
  /*@color-text*/
  font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
  font-size: 1.4rem !important;
  font-weight: 400!important;
  letter-spacing: normal!important;
}
#hq-tooltip .hq-tooltip-content h2,
#hq-tooltip .hq-tooltip-content h3,
#hq-tooltip .hq-tooltip-content h4,
#hq-tooltip .hq-tooltip-content h5,
#hq-tooltip .hq-tooltip-content h6 {
  margin-bottom: 20px;
  line-height: 1.2;
}
#hq-tooltip .hq-tooltip-content p {
  color: #48433f !important;
  font-size: 1.4rem !important;
}
#hq-tooltip .hq-tooltip-content .h5 {
  font-size: 1.8rem !important;
}
#hq-tooltip .hq-tooltip-content * {
  color: #48433f !important;
}
#hq-tooltip #hq-tooltip-close {
  position: absolute;
  right: -0.1em;
  top: 0.1em;
  margin: 0;
  padding: 0;
  cursor: pointer;
  width: 32px;
  height: 32px;
}
#hq-tooltip #hq-tooltip-close::before,
#hq-tooltip #hq-tooltip-close::after {
  position: absolute;
  top: 0px;
  left: 15px;
  content: ' ';
  height: 26px;
  width: 2px;
  background-color: #a2a2a2;
}
#hq-tooltip #hq-tooltip-close::before {
  transform: rotate(45deg);
}
#hq-tooltip #hq-tooltip-close::after {
  transform: rotate(-45deg);
}
#hq-tooltip #hq-tooltip-close:hover::after,
#hq-tooltip #hq-tooltip-close:hover::before,
#hq-tooltip #hq-tooltip-close:focus::after,
#hq-tooltip #hq-tooltip-close:focus::before,
#hq-tooltip #hq-tooltip-close:active::after,
#hq-tooltip #hq-tooltip-close:active::before {
  background-color: #000;
}
#hq-tooltip .hq-tooltip-rail-up,
#hq-tooltip .hq-tooltip-rail-down {
  position: relative;
  width: 100%;
  height: 20px;
}
#hq-tooltip .hq-tooltip-rail-up .hq-tooltip-arrow,
#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow {
  display: block;
  position: absolute;
  z-index: 1000;
  left: 18px;
  /*'Minimum*/
  top: -3px;
}
#hq-tooltip .hq-tooltip-rail-up .hq-tooltip-arrow::before,
#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow::before,
#hq-tooltip .hq-tooltip-rail-up .hq-tooltip-arrow::after,
#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow::after {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#hq-tooltip .hq-tooltip-rail-up .hq-tooltip-arrow::after,
#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow::after {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #f2f2f3;
  border-width: 15px;
  margin-left: -15px;
}
#hq-tooltip .hq-tooltip-rail-up .hq-tooltip-arrow::before,
#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow::before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #e9e8e8;
  border-width: 19px;
  margin-left: -19px;
}
#hq-tooltip .hq-tooltip-rail-up .hq-tooltip-arrow-up,
#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow-up {
  display: block;
  position: absolute;
  z-index: 1000;
  left: 18px;
  bottom: -3px;
}
#hq-tooltip .hq-tooltip-rail-up .hq-tooltip-arrow-up::before,
#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow-up::before,
#hq-tooltip .hq-tooltip-rail-up .hq-tooltip-arrow-up::after,
#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow-up::after {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#hq-tooltip .hq-tooltip-rail-up .hq-tooltip-arrow-up::after,
#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow-up::after {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f2f2f3;
  border-width: 15px;
  margin-left: -15px;
}
#hq-tooltip .hq-tooltip-rail-up .hq-tooltip-arrow-up::before,
#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow-up::before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #e9e8e8;
  border-width: 19px;
  margin-left: -19px;
}
.video-mode.hq-video-transcript {
  margin: 0;
}
.video-mode.hq-video-transcript a.hq-tooltip {
  padding: 0;
}
.hq-video-transcript {
  margin: 8px 0;
}
.hq-video-transcript a.hq-tooltip {
  padding: 10px 15px;
}
.hq-video-transcript .hq-tooltip-content {
  height: 300px;
  overflow: scroll;
  overflow-x: hidden;
}
.hq-video-transcript .hq-tooltip-content h2 {
  line-height: 2.6rem;
  margin-top: 0;
  font-size: 2rem;
  text-align: center;
}
.hq-video-transcript .hq-tooltip-content h2 span {
  font-size: 1.6rem;
  display: block;
}
.hq-video-transcript .hq-tooltip-content ul.hq-liste-donnees li > span.nbr {
  float: left;
  text-align: left;
}
.hq-bloc-plus-gris.hq-bloc-gris-top {
  margin-bottom: 0;
  padding: 40px 50px 0 50px;
}
.hq-bloc-plus-blanc.hq-bloc-contour {
  margin: 0;
  padding: 40px 50px 0 50px;
}
.hq-bloc-plus-blanc.hq-bloc-contour .hq-bloc-ouvrir[aria-expanded="true"] {
  margin-bottom: 20px;
}
.hq-bloc-plus-blanc .hq-bloc-fleche {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  padding: 8px 0 0 0;
}
.hq-bloc-ouvrir {
  padding: 0 1px;
}
.hq-bloc-ouvrir ul.liste-sans-puce {
  list-style-image: none;
  padding-left: 0;
}
.hq-bloc-ouvrir li {
  padding: 6px 0;
}
.hq-bloc-ouvrir .hq-liste-documents li {
  padding: 0;
}
.hq-bloc-fleche {
  padding: 20px 0 0 0;
}
.hq-bloc-fleche div {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 20px 0 14px;
}
.hq-bloc-fleche .fleche-bas {
  background-image: url("/images2016/bloc-ouvrir.png");
  background-repeat: no-repeat;
  background-position: top center;
}
.hq-bloc-fleche .fleche-bas:focus,
.hq-bloc-fleche .fleche-bas:hover,
.hq-bloc-fleche .fleche-bas:active {
  background-image: url("/images2016/bloc-ouvrir-orange.png");
}
.hq-bloc-fleche .fleche-haut {
  background-image: url("/images2016/bloc-fermer.png");
  background-repeat: no-repeat;
  background-position: top center;
}
.hq-bloc-fleche .fleche-haut:focus,
.hq-bloc-fleche .fleche-haut:hover,
.hq-bloc-fleche .fleche-haut:active {
  background-image: url("/images2016/bloc-fermer-orange.png");
}
.hq-bloc-ouvrir h2,
.hq-bloc-ouvrir .h2,
#hq-accueil-n1 .hq-accueil-section .hq-bloc-ouvrir h2 {
  font-size: 2.4rem !important;
  text-align: center;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .hq-bloc-plus-gris.hq-bloc-gris-top,
  .hq-bloc-plus-blanc.hq-bloc-contour {
    padding: 30px 30px 0 30px!important;
  }
}
@media screen and (min-width: 768px) {
  #hq-tooltip {
    display: block;
    position: fixed;
    left: auto;
    /* Grandeur par défaut */
    width: 20em;
    /* autres formats */
  }
  #hq-tooltip.hq-tooltip-xsmall {
    width: 10em;
  }
  #hq-tooltip.hq-tooltip-small {
    width: 20em;
  }
  #hq-tooltip.hq-tooltip-medium {
    width: 30em;
  }
  #hq-tooltip.hq-tooltip-large {
    width: 40em;
  }
  #hq-tooltip.hq-tooltip-xlarge {
    width: 50em;
  }
}
/******************************/
/* 	MODAL
/*******************************/
.no-scroll {
  overflow: hidden;
}
.dialog-overlay {
  z-index: 20000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.dialog {
  z-index: 30000;
  background-color: #fff;
  padding: 20px;
  text-align: left;
  width: 80%;
  max-width: 500px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 90%;
}
.dialog .close-dialog {
  position: absolute;
  right: -0.1em;
  top: 0.1em;
  margin: 0;
  padding: 0;
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: block;
  z-index: 99999;
  /* Chrome Fix */
  background: transparent;
  border: none;
}
.dialog .close-dialog:before,
.dialog .close-dialog:after {
  position: absolute;
  top: 0;
  left: 15px;
  content: ' ';
  height: 26px;
  width: 2px;
  background-color: #a2a2a2;
}
.dialog .close-dialog::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.dialog .close-dialog::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.dialog .close-dialog:hover::before,
.dialog .close-dialog:hover::after,
.dialog .close-dialog:focus::before,
.dialog .close-dialog:focus::after {
  background-color: #000;
}
.dialog .close-dialog.cancel-dialog {
  position: relative;
  background-color: transparent;
  text-align: center;
  margin: 0 auto;
  display: initial;
}
.dialog .cancel-dialog:before,
.dialog .cancel-dialog:after {
  background-color: transparent;
}
.dialog .cancel-dialog:hover::before,
.dialog .cancel-dialog:hover::after,
.dialog .cancel-dialog:focus::before,
.dialog .cancel-dialog:focus::after {
  background-color: transparent;
}
.dialog .dialog-links {
  padding-top: 20px;
  text-align: center;
}
.dialog .dialog-content:focus {
  outline: 0;
}
.dialog-overlay[aria-hidden="true"],
.dialog[aria-hidden="true"] {
  display: none;
}
.dialog-overlay:not([aria-hidden="true"]),
.dialog:not([aria-hidden="true"]) {
  display: block;
}
.sr-only {
  opacity: 0;
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
/***************************************
	VIDEO- FLOWPLAYER
****************************************/
.hq-video {
  /* 17617 */
  height: auto !important;
  width: 100% !important;
  margin-bottom: 50px;
}
/***************************************
	VIDEO- YouTube
****************************************/
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
}
.video-metas {
  margin-bottom: 10px;
}
/*===== Texte des blocs video =====*/
.video-wrapper .video-metas {
  margin-top: 8px;
}
.video-wrapper .video-length {
  display: inline-block;
  width: calc(100% - 40px);
}
.video-wrapper .video-mode {
  float: right;
  text-align: right;
}
[data-tooltip-content-id*="tip-video"] + #hq-tooltip .hq-tooltip-content {
  overflow-y: scroll;
  height: 300px;
  overflow-x: hidden;
  padding: 20px 10px 20px 20px;
}
/*============== EXPAND STYLE ================*/
[data-module~="extend-content-section"] {
  box-sizing: border-box;
  position: relative;
}
[data-module~="extend-content-section"] h2:first-child,
[data-module~="extend-content-section"] h3:first-child,
[data-module~="extend-content-section"] h4:first-child,
[data-module~="extend-content-section"] h5:first-child,
[data-module~="extend-content-section"] h6:first-child {
  margin-top: 0;
}
[data-module~="extend-content-section"] p:last-child {
  margin-bottom: 0;
}
[data-module~="extend-content-section"] .extend-wrapper {
  background-color: transparent;
  border: 1px solid transparent;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  box-sizing: border-box;
  left: 0;
  overflow: hidden;
  padding: 0 1px;
  position: absolute;
  top: 0;
  transition: all 0.5s;
  z-index: 10;
}
[data-module~="extend-content-section"] .extend-wrapper.disabled {
  position: inherit;
}
[data-module~="extend-content-section"] .extend-wrapper:after {
  background-image: linear-gradient(to top, #ffffff 5%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0) 100%);
  bottom: 0;
  content: "";
  display: block;
  height: 45px;
  position: absolute;
  transition: all 0.5s;
  width: 100%;
  z-index: 10;
}
[data-module~="extend-content-section"] .extend-wrapper.open {
  background-color: white;
  border: 1px solid #e0e0e0;
  box-shadow: 2px 5px 12px -2px rgba(102, 102, 102, 0.5);
  left: -20px;
  padding: 0 21px 10px;
  top: 0;
  z-index: 1000;
}
[data-module~="extend-content-section"].extend-grey-bg .extend-wrapper:after {
  background-image: -webkit-linear-gradient(bottom, #f2f2f3 5%, rgba(242, 242, 243, 0.9) 50%, rgba(242, 242, 243, 0) 100%);
  background-image: -o-linear-gradient(bottom, #f2f2f3 5%, rgba(242, 242, 243, 0.9) 50%, rgba(242, 242, 243, 0) 100%);
  background-image: linear-gradient(to top, #f2f2f3 5%, rgba(242, 242, 243, 0.9) 50%, rgba(242, 242, 243, 0) 100%);
}
[data-module~="extend-content-section"].extend-grey-bg .extend-wrapper.open {
  background-color: #f2f2f3;
}
/* remove the gradient at the bottom of the expand box */
[data-module~="extend-content-section"] .extend-wrapper.open:after,
[data-module~="extend-content-section"] .extend-wrapper.disabled:after,
[data-module~="extend-content-section"] .extend-wrapper.expand-maxed-out:after {
  height: 0;
}
/************************************
	NAVIGATION PAR BOUTON
*************************************/
.hq-nav-bouton {
  margin: 30px 0;
}
/************************************
	ONGLETS de LIENS
*************************************/
.hq-onglets {
  display: block;
  width: 100%;
  margin: 30px 0;
  padding: 0;
}
.hq-onglets > ul {
  display: table;
  max-width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  list-style: none;
}
.hq-onglets > ul > li {
  position: relative;
  display: table-cell;
  height: 100%;
  margin: 0;
  border: 1px solid #1a3664;
  border-radius: 0;
  line-height: 100%;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
  vertical-align: middle;
}
.hq-onglets > ul > li + li {
  border-left: none;
}
.hq-onglets > ul > li a {
  display: table-cell;
  min-width: 130px;
  max-width: 220px;
  padding: 10px 25px;
  color: #48433f !important;
  font-size: 1.5rem;
  text-decoration: none;
  vertical-align: middle;
  line-height: 1.4em;
}
.hq-onglets > ul > li a:hover,
.hq-onglets > ul > li a:focus,
.hq-onglets > ul > li a:active {
  text-decoration: underline;
}
.hq-onglets > ul > li.active {
  color: #fff !important;
  border: none;
}
.hq-onglets > ul > li.active a {
  color: #fff !important;
  border: none;
  text-decoration: none;
}
.hq-onglets > ul > li.active,
.hq-onglets > ul > li a[aria-selected="true"] {
  background: #1a3664;
  color: #fff !important;
}
.hq-onglets.hq-onglets-narrow a {
  min-width: 100px;
  padding: 10px 15px;
}
@media screen and (max-width: 767px) {
  .hq-onglets > ul {
    display: block;
  }
  .hq-onglets > ul > li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #e9e8e8;
    border-top: none;
    border-right: none;
    border-left: none;
  }
  .hq-onglets > ul > li:first-child {
    border-top: 1px solid #e9e8e8;
  }
  .hq-onglets > ul > li a {
    display: block;
    min-width: auto;
    max-width: 100%;
    width: 100%;
    height: auto;
    padding: 20px 25px;
  }
  .hq-onglets > ul > li a[aria-selected="true"],
  .hq-onglets > ul > li .active {
    bottom: 0;
    margin: 0;
    padding: 0;
    border-width: 0;
  }
}
/**
	END: ONGLETS de LIENS
**/
/************************************
	ONGLET de BUTTONS
*************************************/
.basculer-btn {
  background-color: white !important;
  background-image: none !important;
  border: 1px solid #1a3664;
  color: #48433f;
  display: block;
  float: left;
  padding: 10px 30px;
}
.basculer-btn.active {
  background-color: #1a3664 !important;
  border: 1px solid #1a3664 !important;
  color: white !important;
}
.basculer-btn:hover,
.basculer-btn:focus,
.basculer-btn:active {
  text-decoration: underline;
}
/**
	END: ONGLET de BUTTONS
**/
/************************************
	BUTTONS
*************************************/
.button,
.hq-button {
  display: inline-block;
  padding: 15px 30px;
  background-color: white;
  border: 1px solid #17649F;
  border-radius: 5px;
  color: #17649F;
  font-size: 1.5rem;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.2s, border 0.2s, color 0.2s;
}
.button.alt,
.hq-button.alt {
  background-color: #17649F;
  color: white;
}
.button.alt:hover,
.hq-button.alt:hover,
.button.alt:active,
.hq-button.alt:active,
.button.alt:focus,
.hq-button.alt:focus {
  background-color: white;
  border: 1px solid #17649F;
  color: #17649F;
}
.button.ghost,
.hq-button.ghost {
  background-color: transparent;
  border: 1px solid white;
  color: white;
}
.button.ghost:hover,
.hq-button.ghost:hover,
.button.ghost:active,
.hq-button.ghost:active,
.button.ghost:focus,
.hq-button.ghost:focus {
  background-color: white;
  border: 1px solid white;
  color: #48433f;
}
.button.button__small,
.hq-button.button__small {
  padding: 11px 15px;
}
.button:hover,
.hq-button:hover,
.button:active,
.hq-button:active,
.button:focus,
.hq-button:focus {
  background-color: #17649F;
  border: 1px solid white;
  color: white;
}
.button.desactive,
.hq-button.desactive {
  background-color: #F2F2F3;
  color: #b2b2b2;
  border: 1px solid #b2b2b2;
  cursor: default;
  pointer-events: none;
}
/**
	END: BUTTONS
**/
img[data-href]:active,
img[data-href]:hover {
  cursor: pointer;
}
/************************************
   Ancre de retour en haut de page
*************************************/
.retour {
  width: 100%;
  height: 100%;
}
.retour-ancre a {
  display: block;
  background-color: transparent;
  background-image: url('/images2016/retour-haut.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 40px;
  width: 40px;
  margin: 0 auto;
}
.retour-ancre a:hover,
.retour-ancre a:focus,
.retour-ancre a:active {
  background-image: url('/images2016/retour-haut-hover.svg');
  cursor: pointer;
  outline: 0;
}
/**
   Ancre de retour en haut de page
**/
/************************************
	ASIDE BARRE DÉFILEMENT
*************************************/
.hq-a-signaler {
  max-height: 600px;
  overflow-x: hidden;
  overflow-y: auto;
}
/**
	END: ASIDE BARRE DÉFILEMENT
**/
#hq-accueil-warning {
  border: 1px solid #cccccc;
  padding: 16px 0;
}
#hq-accueil-warning h2 {
  font-size: 1.6rem;
  margin: 62px 20px 13px 85px;
  text-indent: 0;
  text-align: left;
  width: 50%;
}
#hq-accueil-warning h2:before {
  background-image: url(/themes/residentiel/images/avertissement-panne.gif);
  width: 32px;
  content: " ";
  position: absolute;
  left: 30px;
  top: 71px;
  height: 27px;
}
#hq-accueil-warning a.warning-button {
  border-radius: 5px;
  display: inline-block;
  font-weight: 600;
  line-height: 1em;
  margin: 10px;
  padding: 10px;
  text-decoration: none;
  vertical-align: middle;
  border: 1px solid #cccccc;
  color: #48433f;
}
#hq-accueil-warning a.warning-button:hover,
#hq-accueil-warning a.warning-button:focus {
  text-decoration: underline;
}
#hq-accueil-warning .columns {
  padding: 0;
}
@media screen and (max-width: 767px) {
  #hq-accueil-warning .columns .columns {
    text-align: center;
  }
  #hq-accueil-warning h2::before {
    left: 2em!important;
    top: 20px!important;
  }
  #hq-accueil-warning .columns .columns h2 {
    margin: 20px auto;
    text-align: center;
  }
}
/************************************
	SLIDER-RANGE
*************************************/
.hq-slidebar-module .slidebar {
  display: block;
  height: 43px;
  margin: 0 auto;
  position: relative;
  width: 200px;
  /*
        input[type=range]:hover::-webkit-slider-thumb {
            background-color: #ff9a00;
            background-image: linear-gradient(to bottom, #ff9a00 9px, transparent 9px, transparent 17px,#ff9a00 17px),
                              linear-gradient(to left, transparent 6px, #fff 6px, #fff 8px, #ff9a00 8px, #ff9a00 12px, #fff 12px, #fff 14px, #ff9a00 14px, #ff9a00 18px, #fff 18px, #fff 20px, transparent 20px);
        }
        */
  /*
        input[type=range]:hover::-moz-range-thumb {
            background-color: #ff9a00;
            background-image: linear-gradient(to bottom, #ff9a00 8.9px, transparent 9px, transparent 17px,#ff9a00 17px),
                              linear-gradient(to left, transparent 6px, #fff 6px, #fff 8px, #ff9a00 8px, #ff9a00 12px, #fff 12px, #fff 14px, #ff9a00 14px, #ff9a00 18px, #fff 18px, #fff 20px, transparent 20px);
        }
        */
}
.hq-slidebar-module .slidebar .range {
  left: -2%;
  width: 104%;
  position: relative;
  cursor: pointer;
  display: block;
}
.hq-slidebar-module .slidebar input[type=range] {
  height: 34px;
  padding: 0px 0px 0px 0px;
  -webkit-appearance: none;
  background: none;
  width: 104%;
}
.hq-slidebar-module .slidebar input[type=range]:focus {
  outline: none;
}
.hq-slidebar-module .slidebar input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  animate: 0.2s;
  background: lightgray;
  border-radius: 1px;
}
.hq-slidebar-module .slidebar input[type=range]::-webkit-slider-thumb {
  background-color: white;
  background-image: linear-gradient(to bottom, #fff 9px, transparent 9px, transparent 17px, #fff 17px), linear-gradient(to left, transparent 6px, #b5b5b5 6px, #b5b5b5 8px, #fff 8px, #fff 12px, #b5b5b5 12px, #b5b5b5 14px, #fff 14px, #fff 18px, #b5b5b5 18px, #b5b5b5 20px, transparent 20px);
  border: 1px solid lightgray;
  border-radius: 50%;
  height: 27px;
  margin-top: -11px;
  -webkit-appearance: none;
  width: 27px;
}
.no-touch .hq-slidebar-module .slidebar input[type=range]:focus::-webkit-slider-thumb,
.no-touch .hq-slidebar-module .slidebar input[type=range]:hover::-webkit-slider-thumb {
  background-color: #ff9a00;
  background-image: linear-gradient(to bottom, #ff9a00 9px, transparent 9px, transparent 17px, #ff9a00 17px), linear-gradient(to left, transparent 6px, #fff 6px, #fff 8px, #ff9a00 8px, #ff9a00 12px, #fff 12px, #fff 14px, #ff9a00 14px, #ff9a00 18px, #fff 18px, #fff 20px, transparent 20px);
}
.hq-slidebar-module .slidebar input[type=range]::-moz-range-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  animate: 0.2s;
  background: lightgray;
  border-radius: 1px;
}
.hq-slidebar-module .slidebar input[type=range]::-moz-range-thumb {
  background-color: white;
  background-image: linear-gradient(to bottom, #fff 8.9px, transparent 9px, transparent 17px, #fff 17px), linear-gradient(to left, transparent 6px, #b5b5b5 6px, #b5b5b5 8px, #fff 8px, #fff 12px, #b5b5b5 12px, #b5b5b5 14px, #fff 14px, #fff 18px, #b5b5b5 18px, #b5b5b5 20px, transparent 20px);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  height: 26px;
  margin-top: -11px;
  -webkit-appearance: none;
  width: 26px;
}
.no-touch .hq-slidebar-module .slidebar input[type=range]:focus::-moz-range-thumb,
.no-touch .hq-slidebar-module .slidebar input[type=range]:hover::-moz-range-thumb {
  background-color: #ff9a00;
  background-image: linear-gradient(to bottom, #ff9a00 8.9px, transparent 9px, transparent 17px, #ff9a00 17px), linear-gradient(to left, transparent 6px, #fff 6px, #fff 8px, #ff9a00 8px, #ff9a00 12px, #fff 12px, #fff 14px, #ff9a00 14px, #ff9a00 18px, #fff 18px, #fff 20px, transparent 20px);
}
.hq-slidebar-module .slidebar input[type=range]::-moz-focus-outer {
  border: 0;
}
.hq-slidebar-module .slidebar input[type=range]::-ms-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.hq-slidebar-module .slidebar input[type=range]::-ms-fill-lower {
  background: #d3d3d3 !important;
  border: 0px solid #010101;
  border-radius: 2px;
}
.hq-slidebar-module .slidebar input[type=range]::-ms-fill-upper {
  background: #d3d3d3 !important;
  border: 0px solid #010101;
  border-radius: 2px;
}
.hq-slidebar-module .slidebar input[type=range]::-ms-thumb {
  background-color: white;
  background-image: linear-gradient(to bottom, #fff 9px, transparent 9px, transparent 17px, #fff 17px), linear-gradient(to left, transparent 6px, #b5b5b5 6px, #b5b5b5 8px, #fff 8px, #fff 12px, #b5b5b5 12px, #b5b5b5 14px, #fff 14px, #fff 18px, #b5b5b5 18px, #b5b5b5 20px, transparent 20px);
  border: 1px solid lightgray;
  border-radius: 50%;
  cursor: pointer;
  height: 26px;
  margin-top: 1px;
  -webkit-appearance: none;
  width: 26px;
}
.hq-slidebar-module .slidebar input[type=range]:focus::-ms-thumb,
.hq-slidebar-module .slidebar input[type=range]:hover::-ms-thumb {
  background-color: #ff9a00;
  background-image: linear-gradient(to bottom, #ff9a00 9px, transparent 9px, transparent 17px, #ff9a00 17px), linear-gradient(to left, transparent 6px, #fff 6px, #fff 8px, #ff9a00 8px, #ff9a00 12px, #fff 12px, #fff 14px, #ff9a00 14px, #ff9a00 18px, #fff 18px, #fff 20px, transparent 20px);
}
.hq-slidebar-module .slidebar input[type=range]:focus::-ms-fill-lower {
  background: #fff;
}
.hq-slidebar-module .slidebar input[type=range]:focus::-ms-fill-upper {
  background: #fff;
}
.hq-slidebar-module .slidebar .deco-wrp {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0px 8px;
}
.hq-slidebar-module .slidebar .deco-wrp .position {
  backface-visibility: hidden;
  display: block;
  width: 1px;
  height: 4px;
  background-color: lightgray;
}
.hq-slidebar-module .slidebar .deco-wrp.bottom-line {
  margin-top: 1px;
}
.hq-bloc-bleu .hq-slidebar-module .slidebar input[type=range]::-webkit-slider-runnable-track,
.hq-bloc-bleu .hq-slidebar-module .slidebar input[type=range]:focus::-webkit-slider-runnable-track,
.hq-bloc-bleu .hq-slidebar-module .slidebar input[type=range]::-moz-range-track {
  background: #d3d3d3 !important;
}
.hq-bloc-bleu .hq-slidebar-module .slidebar input[type=range]::-webkit-slider-thumb {
  border: 0;
  height: 26px;
  width: 26px;
}
.hq-bloc-bleu .hq-slidebar-module .slidebar input[type=range]::-ms-thumb,
.hq-bloc-bleu .hq-slidebar-module .slidebar input[type=range]::-moz-range-thumb {
  border: 0;
}
.hq-bloc-bleu .hq-slidebar-module .slidebar input[type=range]:focus::-webkit-slider-runnable-track {
  background: #fff;
}
/************************************
	HQ-BLOC-BLEU
*************************************/
.hq-bloc-bleu {
  background-color: #003366;
  padding: 20px;
}
.hq-bloc-bleu h2,
.hq-bloc-bleu h3,
.hq-bloc-bleu h4,
.hq-bloc-bleu a,
.hq-bloc-bleu p,
.hq-bloc-bleu p span.stats,
.hq-bloc-bleu ul,
.hq-bloc-bleu li {
  color: #fff;
}
.hq-bloc-bleu ul {
  list-style-image: url(/images2016/puce-blanche.svg);
}
.hq-bloc-bleu-pale {
  background-color: #17649F;
  padding: 30px;
}
.hq-bloc-bleu-pale h2,
.hq-bloc-bleu-pale h3,
.hq-bloc-bleu-pale h4,
.hq-bloc-bleu-pale h5,
.hq-bloc-bleu-pale h6,
.hq-bloc-bleu-pale a:not(.button),
.hq-bloc-bleu-pale p,
.hq-bloc-bleu-pale div[class*=hq-collapse]:not(.etape) > .item a,
.hq-bloc-bleu-pale div[class*=hq-collapse]:not(.etape) > h2 a,
.hq-bloc-bleu-pale div[class*=hq-collapse]:not(.etape) > h3 a,
.hq-bloc-bleu-pale div[class*=hq-collapse]:not(.etape) > h4 a,
.hq-bloc-bleu-pale div[class*=hq-collapse]:not(.etape) > h5 a,
.hq-bloc-bleu-pale div[class*=hq-collapse]:not(.etape) > h6 a,
.hq-bloc-bleu-pale div[class*=hq-collapse]:not(.etape) > section > h2 a,
.hq-bloc-bleu-pale .fichier-type {
  color: #fff;
}
/************************************
	HQ-SONDAGE
*************************************/
div[class*=groupe-] > div {
  margin: 0 0 10px 0;
}
.hq-sondage {
  margin: 0 25px;
  background-color: #f1f1f0;
}
@media screen and (min-width: 768px) {
  .hq-sondage {
    margin: auto;
  }
  .hq-sondage p.h1 {
    margin-top: 15px;
  }
}
.hq-sondage .hq-sondage-envoyer {
  width: 50%;
  margin: 0 auto;
}
.hq-sondage .button {
  width: 100%;
  margin: 5px auto;
  text-align: center;
}
.hq-sondage .button.selectedAnswer.desactive {
  background-color: #1b75bb;
  color: #fff;
}
/************************************
	HQ-BLOC COUCHE SUPERPOSEE
*************************************/
.hq-bloc-overlap {
  padding: 60px 0!important;
  margin-top: 150px!important;
}
.hq-second-overlap {
  margin-top: -250px !important;
}
@media screen and (max-width: 767px) {
  .hq-second-overlap {
    margin-top: -150px !important;
  }
}
.hq-first-overlap {
  margin: -125px -150px 0 -150px;
}
.hq-second-overlap .hq-bloc-contour {
  padding: 50px;
}
/************************************
	HQ-BLOC TEXTE SUPERPOSE IMAGE
*************************************/
.hq-under-image {
  background-image: url(https://via.placeholder.com/1920x500);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 500px;
}
.hq-overlap-content {
  margin-left: auto;
  margin-right: auto;
  margin-top: -100px;
}
.hq-overlap-content .hq-bloc-bleu {
  padding: 30px;
}
@media screen and (max-width: 767px) {
  .hq-under-image {
    background-image: url(https://via.placeholder.com/767x500);
  }
}
.hq-partage {
  float: right;
  margin-top: 10px;
}
.hq-partage.hq-partage-gauche {
  float: left;
}
.hq-partage.hq-partage-large svg {
  width: 1.5em;
  height: 1.5em;
}
.hq-partage ul {
  vertical-align: text-top;
  display: inline-block;
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.hq-partage ul.active {
  display: block;
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
.hq-partage ul li {
  padding: 2px 10px;
  display: inline;
}
.hq-partage svg {
  color: #48433f;
}
.hq-partage a {
  text-decoration: none;
  color: #48433f;
}
.hq-partage a:hover > img.hq-lien-icn-ext,
.hq-partage a:focus > img.hq-lien-icn-ext {
  visibility: visible;
}
.hq-partage a .hq-lien-icn-ext {
  visibility: hidden;
}
.hq-partage h2 {
  display: inline-block;
  font-size: 0.9em;
  margin: 0;
  padding-right: 10px;
}
.hq-partage .hq-lien-partage-fb .hq-lien-icn-ext {
  margin-left: 0;
}
@media print {
  .hide-print {
    display: none!important;
  }
  .show-print-block {
    display: block!important;
  }
  /* Settings page */
  @page {
    size: 8.5in 11in;
    margin: 2cm;
  }
  h2,
  h3,
  h4,
  h5 {
    break-after: avoid;
    page-break-after: avoid;
    -webkit-column-break-before: always;
  }
  /* Ajoute le logo centré */
  .hq-header-duo-bloc {
    background: #fff;
    display: block!important;
    padding: 15px 0;
    width: 100%!important;
  }
  .hq-header-duo-bloc .hq-logo {
    display: block;
    margin: 0px;
    width: 200px;
    margin: 0 auto;
    text-align: center;
    /*Svg*/
  }
  .hq-header-duo-bloc .hq-logo img {
    width: 100%;
  }
  #hq-main-header .hq-nav-dektop,
  #hq-main-header .hq-nav-section-bloc,
  #hq-main-header .hq-recherche-bloc,
  #hq-main-header .hq-nav-utils,
  #hq-main-header #hq-nav-grande-section-ul,
  #hq-main-header .ancre-accessibilite {
    display: none;
  }
  #mm-hq-header-nav-section {
    display: none;
  }
  /* Efface les carousels à l’impression */
  #hq-carousel {
    display: none!important;
  }
  footer#hq-main-footer {
    display: none;
  }
  /* Hyperlink */
  /* Lien externe*/
  a[href^=http]::after {
    content: " (" attr(href) ") ";
  }
  /*Lien interne */
  a:not([href^=http])::after {
    content: " (http://www.hydroquebec.com" attr(href) ") ";
  }
  /* Lien vide */
  a[href^="#"]::after {
    content: "";
  }
  /* Ne met rien après le logo et le breadcrumb */
  .hq-logo a:after,
  .breadcrumb a:after {
    display: none;
  }
  /* noir sur blanc*/
  body * {
    color: #000 !important;
    background-color: #fff;
  }
  figure {
    background-color: #fff !important;
    page-break-inside: avoid;
  }
  /*initialiser*/
  h1.visuallyhidden {
    height: initial;
    padding: initial;
    position: initial;
    width: initial;
    margin: 25px;
  }
  #hq-accueil-n1 .hq-accueil-media div {
    text-align: initial;
  }
  h1,
  h2,
  h3,
  h4,
  p,
  a,
  a::after {
    text-align: left!important;
  }
  .res-icn {
    background: #fff;
  }
  /* Nettoyer le warning */
  #hq-accueil-warning svg {
    display: none;
  }
  /*.hq-panel-infos:first-child {
	    }*/
  li:before {
    content: '';
    position: absolute;
    top: 0.5em;
    left: 0;
    background: #a2a2a2;
    width: 6px;
    height: 6px;
    border-radius: 3px;
  }
  ul {
    display: block;
  }
  /*faire disparaître le fil d'ariane*/
  span[itemprop],
  span[itemtype] {
    display: none;
  }
  /* Enlève les coupures de ligne */
  /*br {
		  display: none;
	    }*/
  /*faire disparaître les images associées*/
  /*div.medium-12:first-child{
		    display: none;
	    }*/
  .small-6 + .small-6 {
    float: left;
    width: 100%;
    /* width: 80%; */
  }
  /*amener texte sur 1 colonne*/
  /*.hq-accueil-warning {
          width: 100%;
          margin: auto;
      }*/
  /*ramener le texte à gauche*/
  .hide-for-small-only {
    text-align: left!important;
  }
  /*aligner les hyperliens avec le texte*/
  a[href]::after {
    margin-left: 14px;
    width: 100%;
  }
  /* Éviter les image d'être trop grosses*/
  .table-cell img {
    max-width: 50%;
  }
  /*img:not([src*=".svg"]){
		max-width: 50%;
	  }*/
  /*  #hq-main-header #hq-nav-grande-section-ul,
		#hq-main-header .ancre-accessibilite,
		#hq-main-header .hq-nav-dektop,
		#hq-main-header .hq-nav-section-bloc,
		#hq-main-header .hq-nav-utils,
		#hq-main-header .hq-recherche-bloc {
			display: block;
		}*/
}
/*
Ajustement des espacements et des indentations dans les listes à puces et des listes à numéros.
Page de référence :
http://localhost:8090/normes/exemple-contenus-listes.html
*/
h2 {
  margin: 24px 0 10px 0;
  padding: 0;
}
h3 {
  margin: 20px 0 10px 0;
  padding: 0;
}
h4 {
  margin: 14px 0 10px 0;
  padding: 0;
}
h5 {
  margin: 14px 0 10px 0;
  padding: 0;
}
p {
  margin: 0 0 10px 0;
  padding: 0;
}
ul {
  margin: 0 0 10px 0;
  padding: 0 0 0 28px;
}
ul li {
  margin: 6px 0;
  padding: 0 0 0 5px;
}
ol {
  margin: 0 0 10px 0;
  padding: 0 0 0 32px;
}
ol li {
  margin: 6px 0;
  padding: 0 0 0 5px;
}
li:first-child {
  margin-top: 0;
}
li ul li:first-child,
li ol li:first-child {
  margin-top: 6px;
}
#bug-fix-gmap.bg-image {
  background-image: url('/themes/bugfix-gmap/images/bg-carte.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 500px;
  position: relative;
  margin: 20px 0;
}
#bug-fix-gmap .hq-bloc-gris-top {
  background: #f2f2f3;
  border: none;
  border-top: 1px solid #ff9a00;
  padding: 20px;
  margin: 20px;
  position: absolute;
  top: 20%;
}
#bug-fix-gmap .hq-bloc-gris-top p {
  font-size: 16px;
  color: #000;
  font-weight: 400;
}