@charset "UTF-8";
@font-face {
  font-family: "Hydro-Quebec";
  src: url("../../../../fonte-hq/Hydro-Quebec-Maigre-300.woff2") format("woff2"), url("../../../../fonte-hq/Hydro-Quebec-Maigre-300.otf#iefix") format("opentype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "Hydro-Quebec";
  src: url("../../../../fonte-hq/Hydro-Quebec-MaigreItalique-300.woff2") format("woff2"), url("../../../../fonte-hq/Hydro-Quebec-MaigreItalique-300.otf#iefix") format("opentype");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: "Hydro-Quebec";
  src: url("../../../../fonte-hq/Hydro-Quebec-Normal-400.woff2") format("woff2"), url("../../../../fonte-hq/Hydro-Quebec-Normal-400.otf#iefix") format("opentype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Hydro-Quebec";
  src: url("../../../../fonte-hq/Hydro-Quebec-Italique-400.woff2") format("woff2"), url("../../../../fonte-hq/Hydro-Quebec-Italique-400.otf#iefix") format("opentype");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Hydro-Quebec";
  src: url("../../../../fonte-hq/Hydro-Quebec-Demi-500.woff2") format("woff2"), url("../../../../fonte-hq/Hydro-Quebec-Demi-500.otf#iefix") format("opentype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "Hydro-Quebec";
  src: url("../../../../fonte-hq/Hydro-Quebec-DemiItalique-500.woff2") format("woff2"), url("../../../../fonte-hq/Hydro-Quebec-DemiItalique-500.otf#iefix") format("opentype");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: "Hydro-Quebec";
  src: url("../../../../fonte-hq/Hydro-Quebec-Gras-700.woff2") format("woff2"), url("../../../../fonte-hq/Hydro-Quebec-Gras-700.otf#iefix") format("opentype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Hydro-Quebec";
  src: url("../../../../fonte-hq/Hydro-Quebec-GrasItalique-700.woff2") format("woff2"), url("../../../../fonte-hq/Hydro-Quebec-GrasItalique-700.otf#iefix") format("opentype");
  font-weight: 700;
  font-style: italic; }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
     ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
  margin: 0; }

/**
   * Render the `main` element consistently in IE.
   */
main {
  display: block; }

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
/* Grouping content
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
  background-color: transparent; }

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: bolder; }

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%; }

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none; }

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  /* 1 */
  overflow: visible; }

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none; }

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline; }

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto; }

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block; }

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item; }

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none; }

/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none; }

/*** The new CSS Reset - version 1.4.4 (last updated 22.12.2021) ***/
/*
    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    - The "symbol *" part is to solve Firefox SVG sprite bug
 */
*:where(:not(iframe):not(canvas):not(img):not(svg):not(video):not(svg *):not(symbol *)) {
  all: unset;
  display: revert; }

/* Preferred box-sizing value */
*,
*::before,
*::after {
  box-sizing: border-box; }

/* Remove list styles (bullets/numbers) */
ol, ul, menu {
  list-style: none; }

/* For images to not be able to exceed their container */
img {
  max-width: 100%; }

/* removes spacing between cells in tables */
table {
  border-collapse: collapse; }

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
  white-space: revert; }

/* fix the feature of 'hidden' attribute.
   display:revert; revert to element instead of attribute */
:where([hidden]) {
  display: none; }

/* revert for bug in Chromium browsers
   - fix for the content editable attribute will work properly. */
:where([contenteditable]) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space; }

/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable="true"]) {
  -webkit-user-drag: element; }

svg {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor; }

a {
  cursor: pointer; }

a:focus {
  outline: 1px dotted !important;
  outline-offset: 4px; }

.hqc--grid, .hqc--bloc-contenu-01 > div, .hqc--entete-avec-image_n1__simplifie > div, .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child, .hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) > div {
  margin-right: auto;
  margin-left: auto;
  max-width: 99rem;
  padding-right: 2rem;
  padding-left: 2rem; }
  @media (min-width: 99rem) {
    .hqc--grid, .hqc--bloc-contenu-01 > div, .hqc--entete-avec-image_n1__simplifie > div, .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child, .hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) > div {
      padding-right: 2.5rem;
      padding-left: 2.5rem; } }

@media (min-width: 99rem) {
  .hqc--grid--full-width {
    max-width: 100%; } }

.hqc--row, .hqc--bloc-contenu-01 > div > div, .hqc--entete-avec-image_n1__simplifie > div > div, .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div, .hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) > div > div, .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem; }

.hqc--row-padding [class*='hqc--col'],
.hqc--col-padding {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.hqc--grid--condensed [class*='hqc--col'] {
  padding-top: 0.03125rem;
  padding-bottom: 0.03125rem; }

.hqc--col {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col,
  .hqc--grid--condensed .hqc--col {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col,
  .hqc--grid--narrow .hqc--col {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-sm-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-sm-0,
  .hqc--grid--condensed .hqc--col-sm-0 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-sm-0,
  .hqc--grid--narrow .hqc--col-sm-0 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-sm-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-sm-1,
  .hqc--grid--condensed .hqc--col-sm-1 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-sm-1,
  .hqc--grid--narrow .hqc--col-sm-1 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-sm-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-sm-2,
  .hqc--grid--condensed .hqc--col-sm-2 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-sm-2,
  .hqc--grid--narrow .hqc--col-sm-2 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-sm-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-sm-3,
  .hqc--grid--condensed .hqc--col-sm-3 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-sm-3,
  .hqc--grid--narrow .hqc--col-sm-3 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-sm-4, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre], .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-video], .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div > div, .hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) > div > div > div, .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) > div {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-sm-4, .hqc--row--condensed .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre], .hqc--row--condensed .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-video], .hqc--row--condensed .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div > div, .hqc--row--condensed .hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) > div > div > div, .hqc--row--condensed .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) > div,
  .hqc--grid--condensed .hqc--col-sm-4,
  .hqc--grid--condensed .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre],
  .hqc--grid--condensed .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-video],
  .hqc--grid--condensed .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div > div,
  .hqc--grid--condensed .hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) > div > div > div,
  .hqc--grid--condensed .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) > div {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-sm-4, .hqc--row--narrow .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre], .hqc--row--narrow .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-video], .hqc--row--narrow .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div > div, .hqc--row--narrow .hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) > div > div > div, .hqc--row--narrow .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) > div,
  .hqc--grid--narrow .hqc--col-sm-4,
  .hqc--grid--narrow .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre],
  .hqc--grid--narrow .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-video],
  .hqc--grid--narrow .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div > div,
  .hqc--grid--narrow .hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) > div > div > div,
  .hqc--grid--narrow .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) > div {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-sm,
.hqc--col-sm--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-sm,
  .hqc--grid--condensed .hqc--col-sm, .hqc--row--condensed
  .hqc--col-sm--auto,
  .hqc--grid--condensed
  .hqc--col-sm--auto {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-sm,
  .hqc--grid--narrow .hqc--col-sm, .hqc--row--narrow
  .hqc--col-sm--auto,
  .hqc--grid--narrow
  .hqc--col-sm--auto {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col,
.hqc--col-sm {
  max-width: 100%;
  flex-basis: 0;
  flex-grow: 1; }

.hqc--col--auto,
.hqc--col-sm--auto {
  width: auto;
  max-width: 100%;
  flex: 1 0 0%; }

.hqc--col-sm-0 {
  display: none; }

.hqc--col-sm-1 {
  display: block;
  max-width: 25%;
  flex: 0 0 25%; }

.hqc--col-sm-2 {
  display: block;
  max-width: 50%;
  flex: 0 0 50%; }

.hqc--col-sm-3 {
  display: block;
  max-width: 75%;
  flex: 0 0 75%; }

.hqc--col-sm-4, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre], .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-video], .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div > div, .hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) > div > div > div, .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) > div {
  display: block;
  max-width: 100%;
  flex: 0 0 100%; }

.hqc--offset-sm-0 {
  margin-left: 0; }

.hqc--offset-sm-1 {
  margin-left: 25%; }

.hqc--offset-sm-2 {
  margin-left: 50%; }

.hqc--offset-sm-3 {
  margin-left: 75%; }

.hqc--col-md-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-md-0,
  .hqc--grid--condensed .hqc--col-md-0 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-md-0,
  .hqc--grid--narrow .hqc--col-md-0 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-md-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-md-1,
  .hqc--grid--condensed .hqc--col-md-1 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-md-1,
  .hqc--grid--narrow .hqc--col-md-1 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-md-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-md-2,
  .hqc--grid--condensed .hqc--col-md-2 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-md-2,
  .hqc--grid--narrow .hqc--col-md-2 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-md-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-md-3,
  .hqc--grid--condensed .hqc--col-md-3 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-md-3,
  .hqc--grid--narrow .hqc--col-md-3 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-md-4, .hqc--bloc-contenu-01 > div > div > div:first-child, .hqc--bloc-contenu-01 > div > div > div {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-md-4, .hqc--row--condensed .hqc--bloc-contenu-01 > div > div > div,
  .hqc--grid--condensed .hqc--col-md-4,
  .hqc--grid--condensed .hqc--bloc-contenu-01 > div > div > div {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-md-4, .hqc--row--narrow .hqc--bloc-contenu-01 > div > div > div,
  .hqc--grid--narrow .hqc--col-md-4,
  .hqc--grid--narrow .hqc--bloc-contenu-01 > div > div > div {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-md-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-md-5,
  .hqc--grid--condensed .hqc--col-md-5 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-md-5,
  .hqc--grid--narrow .hqc--col-md-5 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-md-6, .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) > div {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-md-6, .hqc--row--condensed .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) > div,
  .hqc--grid--condensed .hqc--col-md-6,
  .hqc--grid--condensed .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) > div {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-md-6, .hqc--row--narrow .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) > div,
  .hqc--grid--narrow .hqc--col-md-6,
  .hqc--grid--narrow .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) > div {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-md-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-md-7,
  .hqc--grid--condensed .hqc--col-md-7 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-md-7,
  .hqc--grid--narrow .hqc--col-md-7 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-md-8, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre], .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-video], .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div > div, .hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) > div > div > div {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-md-8, .hqc--row--condensed .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre], .hqc--row--condensed .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-video], .hqc--row--condensed .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div > div, .hqc--row--condensed .hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) > div > div > div,
  .hqc--grid--condensed .hqc--col-md-8,
  .hqc--grid--condensed .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre],
  .hqc--grid--condensed .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-video],
  .hqc--grid--condensed .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div > div,
  .hqc--grid--condensed .hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) > div > div > div {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-md-8, .hqc--row--narrow .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre], .hqc--row--narrow .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-video], .hqc--row--narrow .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div > div, .hqc--row--narrow .hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) > div > div > div,
  .hqc--grid--narrow .hqc--col-md-8,
  .hqc--grid--narrow .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre],
  .hqc--grid--narrow .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-video],
  .hqc--grid--narrow .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div > div,
  .hqc--grid--narrow .hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) > div > div > div {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-md,
.hqc--col-md--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-md,
  .hqc--grid--condensed .hqc--col-md, .hqc--row--condensed
  .hqc--col-md--auto,
  .hqc--grid--condensed
  .hqc--col-md--auto {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-md,
  .hqc--grid--narrow .hqc--col-md, .hqc--row--narrow
  .hqc--col-md--auto,
  .hqc--grid--narrow
  .hqc--col-md--auto {
    padding-right: 1rem;
    padding-left: 0; }

@media (min-width: 42rem) {
  .hqc--col,
  .hqc--col-md {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1; }
  .hqc--col--auto,
  .hqc--col-md--auto {
    width: auto;
    max-width: 100%;
    flex: 1 0 0%; }
  .hqc--col-md-0 {
    display: none; }
  .hqc--col-md-1 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%; }
  .hqc--col-md-2 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%; }
  .hqc--col-md-3 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%; }
  .hqc--col-md-4, .hqc--bloc-contenu-01 > div > div > div:first-child, .hqc--bloc-contenu-01 > div > div > div {
    display: block;
    max-width: 50%;
    flex: 0 0 50%; }
  .hqc--col-md-5 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%; }
  .hqc--col-md-6, .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) > div {
    display: block;
    max-width: 75%;
    flex: 0 0 75%; }
  .hqc--col-md-7 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%; }
  .hqc--col-md-8, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre], .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-video], .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div > div, .hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) > div > div > div {
    display: block;
    max-width: 100%;
    flex: 0 0 100%; }
  .hqc--offset-md-0 {
    margin-left: 0; }
  .hqc--offset-md-1 {
    margin-left: 12.5%; }
  .hqc--offset-md-2 {
    margin-left: 25%; }
  .hqc--offset-md-3 {
    margin-left: 37.5%; }
  .hqc--offset-md-4 {
    margin-left: 50%; }
  .hqc--offset-md-5 {
    margin-left: 62.5%; }
  .hqc--offset-md-6 {
    margin-left: 75%; }
  .hqc--offset-md-7 {
    margin-left: 87.5%; } }

.hqc--col-lg-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-lg-0,
  .hqc--grid--condensed .hqc--col-lg-0 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-lg-0,
  .hqc--grid--narrow .hqc--col-lg-0 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-lg-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-lg-1,
  .hqc--grid--condensed .hqc--col-lg-1 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-lg-1,
  .hqc--grid--narrow .hqc--col-lg-1 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-lg-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-lg-2,
  .hqc--grid--condensed .hqc--col-lg-2 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-lg-2,
  .hqc--grid--narrow .hqc--col-lg-2 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-lg-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-lg-3,
  .hqc--grid--condensed .hqc--col-lg-3 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-lg-3,
  .hqc--grid--narrow .hqc--col-lg-3 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-lg-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-lg-4,
  .hqc--grid--condensed .hqc--col-lg-4 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-lg-4,
  .hqc--grid--narrow .hqc--col-lg-4 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-lg-5, .hqc--bloc-contenu-01 > div > div > div:first-child {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-lg-5, .hqc--row--condensed .hqc--bloc-contenu-01 > div > div > div:first-child,
  .hqc--grid--condensed .hqc--col-lg-5,
  .hqc--grid--condensed .hqc--bloc-contenu-01 > div > div > div:first-child {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-lg-5, .hqc--row--narrow .hqc--bloc-contenu-01 > div > div > div:first-child,
  .hqc--grid--narrow .hqc--col-lg-5,
  .hqc--grid--narrow .hqc--bloc-contenu-01 > div > div > div:first-child {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-lg-6, .hqc--bloc-contenu-01 > div > div > div {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-lg-6, .hqc--row--condensed .hqc--bloc-contenu-01 > div > div > div,
  .hqc--grid--condensed .hqc--col-lg-6,
  .hqc--grid--condensed .hqc--bloc-contenu-01 > div > div > div {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-lg-6, .hqc--row--narrow .hqc--bloc-contenu-01 > div > div > div,
  .hqc--grid--narrow .hqc--col-lg-6,
  .hqc--grid--narrow .hqc--bloc-contenu-01 > div > div > div {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-lg-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-lg-7,
  .hqc--grid--condensed .hqc--col-lg-7 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-lg-7,
  .hqc--grid--narrow .hqc--col-lg-7 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-lg-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-lg-8,
  .hqc--grid--condensed .hqc--col-lg-8 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-lg-8,
  .hqc--grid--narrow .hqc--col-lg-8 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-lg-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-lg-9,
  .hqc--grid--condensed .hqc--col-lg-9 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-lg-9,
  .hqc--grid--narrow .hqc--col-lg-9 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-lg-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-lg-10,
  .hqc--grid--condensed .hqc--col-lg-10 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-lg-10,
  .hqc--grid--narrow .hqc--col-lg-10 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-lg-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-lg-11,
  .hqc--grid--condensed .hqc--col-lg-11 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-lg-11,
  .hqc--grid--narrow .hqc--col-lg-11 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-lg-12, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre], .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) > div {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-lg-12, .hqc--row--condensed .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre], .hqc--row--condensed .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) > div,
  .hqc--grid--condensed .hqc--col-lg-12,
  .hqc--grid--condensed .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre],
  .hqc--grid--condensed .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) > div {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-lg-12, .hqc--row--narrow .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre], .hqc--row--narrow .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) > div,
  .hqc--grid--narrow .hqc--col-lg-12,
  .hqc--grid--narrow .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre],
  .hqc--grid--narrow .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) > div {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-lg-13 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-lg-13,
  .hqc--grid--condensed .hqc--col-lg-13 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-lg-13,
  .hqc--grid--narrow .hqc--col-lg-13 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-lg-14, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro], .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-video], .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div > div, .hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) > div > div > div {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-lg-14, .hqc--row--condensed .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro], .hqc--row--condensed .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-video], .hqc--row--condensed .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div > div, .hqc--row--condensed .hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) > div > div > div,
  .hqc--grid--condensed .hqc--col-lg-14,
  .hqc--grid--condensed .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro],
  .hqc--grid--condensed .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-video],
  .hqc--grid--condensed .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div > div,
  .hqc--grid--condensed .hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) > div > div > div {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-lg-14, .hqc--row--narrow .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro], .hqc--row--narrow .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-video], .hqc--row--narrow .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div > div, .hqc--row--narrow .hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) > div > div > div,
  .hqc--grid--narrow .hqc--col-lg-14,
  .hqc--grid--narrow .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro],
  .hqc--grid--narrow .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-video],
  .hqc--grid--narrow .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div > div,
  .hqc--grid--narrow .hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) > div > div > div {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-lg-15 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-lg-15,
  .hqc--grid--condensed .hqc--col-lg-15 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-lg-15,
  .hqc--grid--narrow .hqc--col-lg-15 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-lg-16 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-lg-16,
  .hqc--grid--condensed .hqc--col-lg-16 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-lg-16,
  .hqc--grid--narrow .hqc--col-lg-16 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-lg,
.hqc--col-lg--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-lg,
  .hqc--grid--condensed .hqc--col-lg, .hqc--row--condensed
  .hqc--col-lg--auto,
  .hqc--grid--condensed
  .hqc--col-lg--auto {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-lg,
  .hqc--grid--narrow .hqc--col-lg, .hqc--row--narrow
  .hqc--col-lg--auto,
  .hqc--grid--narrow
  .hqc--col-lg--auto {
    padding-right: 1rem;
    padding-left: 0; }

@media (min-width: 66rem) {
  .hqc--col,
  .hqc--col-lg {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1; }
  .hqc--col--auto,
  .hqc--col-lg--auto {
    width: auto;
    max-width: 100%;
    flex: 1 0 0%; }
  .hqc--col-lg-0 {
    display: none; }
  .hqc--col-lg-1 {
    display: block;
    max-width: 6.25%;
    flex: 0 0 6.25%; }
  .hqc--col-lg-2 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%; }
  .hqc--col-lg-3 {
    display: block;
    max-width: 18.75%;
    flex: 0 0 18.75%; }
  .hqc--col-lg-4 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%; }
  .hqc--col-lg-5, .hqc--bloc-contenu-01 > div > div > div:first-child {
    display: block;
    max-width: 31.25%;
    flex: 0 0 31.25%; }
  .hqc--col-lg-6, .hqc--bloc-contenu-01 > div > div > div {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%; }
  .hqc--col-lg-7 {
    display: block;
    max-width: 43.75%;
    flex: 0 0 43.75%; }
  .hqc--col-lg-8 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%; }
  .hqc--col-lg-9 {
    display: block;
    max-width: 56.25%;
    flex: 0 0 56.25%; }
  .hqc--col-lg-10 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%; }
  .hqc--col-lg-11 {
    display: block;
    max-width: 68.75%;
    flex: 0 0 68.75%; }
  .hqc--col-lg-12, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre], .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) > div {
    display: block;
    max-width: 75%;
    flex: 0 0 75%; }
  .hqc--col-lg-13 {
    display: block;
    max-width: 81.25%;
    flex: 0 0 81.25%; }
  .hqc--col-lg-14, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro], .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-video], .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div > div, .hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) > div > div > div {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%; }
  .hqc--col-lg-15 {
    display: block;
    max-width: 93.75%;
    flex: 0 0 93.75%; }
  .hqc--col-lg-16 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%; }
  .hqc--offset-lg-0 {
    margin-left: 0; }
  .hqc--offset-lg-1 {
    margin-left: 6.25%; }
  .hqc--offset-lg-2 {
    margin-left: 12.5%; }
  .hqc--offset-lg-3 {
    margin-left: 18.75%; }
  .hqc--offset-lg-4 {
    margin-left: 25%; }
  .hqc--offset-lg-5 {
    margin-left: 31.25%; }
  .hqc--offset-lg-6 {
    margin-left: 37.5%; }
  .hqc--offset-lg-7 {
    margin-left: 43.75%; }
  .hqc--offset-lg-8 {
    margin-left: 50%; }
  .hqc--offset-lg-9 {
    margin-left: 56.25%; }
  .hqc--offset-lg-10 {
    margin-left: 62.5%; }
  .hqc--offset-lg-11 {
    margin-left: 68.75%; }
  .hqc--offset-lg-12 {
    margin-left: 75%; }
  .hqc--offset-lg-13 {
    margin-left: 81.25%; }
  .hqc--offset-lg-14 {
    margin-left: 87.5%; }
  .hqc--offset-lg-15 {
    margin-left: 93.75%; } }

.hqc--col-xl-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-xl-0,
  .hqc--grid--condensed .hqc--col-xl-0 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-xl-0,
  .hqc--grid--narrow .hqc--col-xl-0 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-xl-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-xl-1,
  .hqc--grid--condensed .hqc--col-xl-1 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-xl-1,
  .hqc--grid--narrow .hqc--col-xl-1 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-xl-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-xl-2,
  .hqc--grid--condensed .hqc--col-xl-2 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-xl-2,
  .hqc--grid--narrow .hqc--col-xl-2 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-xl-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-xl-3,
  .hqc--grid--condensed .hqc--col-xl-3 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-xl-3,
  .hqc--grid--narrow .hqc--col-xl-3 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-xl-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-xl-4,
  .hqc--grid--condensed .hqc--col-xl-4 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-xl-4,
  .hqc--grid--narrow .hqc--col-xl-4 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-xl-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-xl-5,
  .hqc--grid--condensed .hqc--col-xl-5 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-xl-5,
  .hqc--grid--narrow .hqc--col-xl-5 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-xl-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-xl-6,
  .hqc--grid--condensed .hqc--col-xl-6 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-xl-6,
  .hqc--grid--narrow .hqc--col-xl-6 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-xl-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-xl-7,
  .hqc--grid--condensed .hqc--col-xl-7 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-xl-7,
  .hqc--grid--narrow .hqc--col-xl-7 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-xl-8, .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) > div {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-xl-8, .hqc--row--condensed .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) > div,
  .hqc--grid--condensed .hqc--col-xl-8,
  .hqc--grid--condensed .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) > div {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-xl-8, .hqc--row--narrow .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) > div,
  .hqc--grid--narrow .hqc--col-xl-8,
  .hqc--grid--narrow .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) > div {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-xl-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-xl-9,
  .hqc--grid--condensed .hqc--col-xl-9 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-xl-9,
  .hqc--grid--narrow .hqc--col-xl-9 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-xl-10, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-xl-10, .hqc--row--condensed .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro],
  .hqc--grid--condensed .hqc--col-xl-10,
  .hqc--grid--condensed .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-xl-10, .hqc--row--narrow .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro],
  .hqc--grid--narrow .hqc--col-xl-10,
  .hqc--grid--narrow .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-xl-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-xl-11,
  .hqc--grid--condensed .hqc--col-xl-11 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-xl-11,
  .hqc--grid--narrow .hqc--col-xl-11 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-xl-12, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre] {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-xl-12, .hqc--row--condensed .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre],
  .hqc--grid--condensed .hqc--col-xl-12,
  .hqc--grid--condensed .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre] {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-xl-12, .hqc--row--narrow .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre],
  .hqc--grid--narrow .hqc--col-xl-12,
  .hqc--grid--narrow .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre] {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-xl-13 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-xl-13,
  .hqc--grid--condensed .hqc--col-xl-13 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-xl-13,
  .hqc--grid--narrow .hqc--col-xl-13 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-xl-14, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-video] {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-xl-14, .hqc--row--condensed .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-video],
  .hqc--grid--condensed .hqc--col-xl-14,
  .hqc--grid--condensed .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-video] {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-xl-14, .hqc--row--narrow .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-video],
  .hqc--grid--narrow .hqc--col-xl-14,
  .hqc--grid--narrow .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-video] {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-xl-15 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-xl-15,
  .hqc--grid--condensed .hqc--col-xl-15 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-xl-15,
  .hqc--grid--narrow .hqc--col-xl-15 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-xl-16 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-xl-16,
  .hqc--grid--condensed .hqc--col-xl-16 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-xl-16,
  .hqc--grid--narrow .hqc--col-xl-16 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-xl,
.hqc--col-xl--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-xl,
  .hqc--grid--condensed .hqc--col-xl, .hqc--row--condensed
  .hqc--col-xl--auto,
  .hqc--grid--condensed
  .hqc--col-xl--auto {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-xl,
  .hqc--grid--narrow .hqc--col-xl, .hqc--row--narrow
  .hqc--col-xl--auto,
  .hqc--grid--narrow
  .hqc--col-xl--auto {
    padding-right: 1rem;
    padding-left: 0; }

@media (min-width: 82rem) {
  .hqc--col,
  .hqc--col-xl {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1; }
  .hqc--col--auto,
  .hqc--col-xl--auto {
    width: auto;
    max-width: 100%;
    flex: 1 0 0%; }
  .hqc--col-xl-0 {
    display: none; }
  .hqc--col-xl-1 {
    display: block;
    max-width: 6.25%;
    flex: 0 0 6.25%; }
  .hqc--col-xl-2 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%; }
  .hqc--col-xl-3 {
    display: block;
    max-width: 18.75%;
    flex: 0 0 18.75%; }
  .hqc--col-xl-4 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%; }
  .hqc--col-xl-5 {
    display: block;
    max-width: 31.25%;
    flex: 0 0 31.25%; }
  .hqc--col-xl-6 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%; }
  .hqc--col-xl-7 {
    display: block;
    max-width: 43.75%;
    flex: 0 0 43.75%; }
  .hqc--col-xl-8, .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) > div {
    display: block;
    max-width: 50%;
    flex: 0 0 50%; }
  .hqc--col-xl-9 {
    display: block;
    max-width: 56.25%;
    flex: 0 0 56.25%; }
  .hqc--col-xl-10, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%; }
  .hqc--col-xl-11 {
    display: block;
    max-width: 68.75%;
    flex: 0 0 68.75%; }
  .hqc--col-xl-12, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre] {
    display: block;
    max-width: 75%;
    flex: 0 0 75%; }
  .hqc--col-xl-13 {
    display: block;
    max-width: 81.25%;
    flex: 0 0 81.25%; }
  .hqc--col-xl-14, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-video] {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%; }
  .hqc--col-xl-15 {
    display: block;
    max-width: 93.75%;
    flex: 0 0 93.75%; }
  .hqc--col-xl-16 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%; }
  .hqc--offset-xl-0 {
    margin-left: 0; }
  .hqc--offset-xl-1 {
    margin-left: 6.25%; }
  .hqc--offset-xl-2 {
    margin-left: 12.5%; }
  .hqc--offset-xl-3 {
    margin-left: 18.75%; }
  .hqc--offset-xl-4 {
    margin-left: 25%; }
  .hqc--offset-xl-5 {
    margin-left: 31.25%; }
  .hqc--offset-xl-6 {
    margin-left: 37.5%; }
  .hqc--offset-xl-7 {
    margin-left: 43.75%; }
  .hqc--offset-xl-8 {
    margin-left: 50%; }
  .hqc--offset-xl-9 {
    margin-left: 56.25%; }
  .hqc--offset-xl-10 {
    margin-left: 62.5%; }
  .hqc--offset-xl-11 {
    margin-left: 68.75%; }
  .hqc--offset-xl-12 {
    margin-left: 75%; }
  .hqc--offset-xl-13 {
    margin-left: 81.25%; }
  .hqc--offset-xl-14 {
    margin-left: 87.5%; }
  .hqc--offset-xl-15 {
    margin-left: 93.75%; } }

.hqc--col-hd-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-hd-0,
  .hqc--grid--condensed .hqc--col-hd-0 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-hd-0,
  .hqc--grid--narrow .hqc--col-hd-0 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-hd-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-hd-1,
  .hqc--grid--condensed .hqc--col-hd-1 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-hd-1,
  .hqc--grid--narrow .hqc--col-hd-1 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-hd-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-hd-2,
  .hqc--grid--condensed .hqc--col-hd-2 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-hd-2,
  .hqc--grid--narrow .hqc--col-hd-2 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-hd-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-hd-3,
  .hqc--grid--condensed .hqc--col-hd-3 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-hd-3,
  .hqc--grid--narrow .hqc--col-hd-3 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-hd-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-hd-4,
  .hqc--grid--condensed .hqc--col-hd-4 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-hd-4,
  .hqc--grid--narrow .hqc--col-hd-4 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-hd-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-hd-5,
  .hqc--grid--condensed .hqc--col-hd-5 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-hd-5,
  .hqc--grid--narrow .hqc--col-hd-5 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-hd-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-hd-6,
  .hqc--grid--condensed .hqc--col-hd-6 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-hd-6,
  .hqc--grid--narrow .hqc--col-hd-6 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-hd-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-hd-7,
  .hqc--grid--condensed .hqc--col-hd-7 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-hd-7,
  .hqc--grid--narrow .hqc--col-hd-7 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-hd-8, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-hd-8, .hqc--row--condensed .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro],
  .hqc--grid--condensed .hqc--col-hd-8,
  .hqc--grid--condensed .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-hd-8, .hqc--row--narrow .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro],
  .hqc--grid--narrow .hqc--col-hd-8,
  .hqc--grid--narrow .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-hd-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-hd-9,
  .hqc--grid--condensed .hqc--col-hd-9 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-hd-9,
  .hqc--grid--narrow .hqc--col-hd-9 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-hd-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-hd-10,
  .hqc--grid--condensed .hqc--col-hd-10 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-hd-10,
  .hqc--grid--narrow .hqc--col-hd-10 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-hd-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-hd-11,
  .hqc--grid--condensed .hqc--col-hd-11 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-hd-11,
  .hqc--grid--narrow .hqc--col-hd-11 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-hd-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-hd-12,
  .hqc--grid--condensed .hqc--col-hd-12 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-hd-12,
  .hqc--grid--narrow .hqc--col-hd-12 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-hd-13 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-hd-13,
  .hqc--grid--condensed .hqc--col-hd-13 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-hd-13,
  .hqc--grid--narrow .hqc--col-hd-13 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-hd-14, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre] {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-hd-14, .hqc--row--condensed .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre],
  .hqc--grid--condensed .hqc--col-hd-14,
  .hqc--grid--condensed .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre] {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-hd-14, .hqc--row--narrow .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre],
  .hqc--grid--narrow .hqc--col-hd-14,
  .hqc--grid--narrow .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre] {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-hd-15 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-hd-15,
  .hqc--grid--condensed .hqc--col-hd-15 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-hd-15,
  .hqc--grid--narrow .hqc--col-hd-15 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-hd-16 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-hd-16,
  .hqc--grid--condensed .hqc--col-hd-16 {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-hd-16,
  .hqc--grid--narrow .hqc--col-hd-16 {
    padding-right: 1rem;
    padding-left: 0; }

.hqc--col-hd,
.hqc--col-hd--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem; }
  .hqc--row--condensed .hqc--col-hd,
  .hqc--grid--condensed .hqc--col-hd, .hqc--row--condensed
  .hqc--col-hd--auto,
  .hqc--grid--condensed
  .hqc--col-hd--auto {
    padding-right: 0.03125rem;
    padding-left: 0.03125rem; }
  .hqc--row--narrow .hqc--col-hd,
  .hqc--grid--narrow .hqc--col-hd, .hqc--row--narrow
  .hqc--col-hd--auto,
  .hqc--grid--narrow
  .hqc--col-hd--auto {
    padding-right: 1rem;
    padding-left: 0; }

@media (min-width: 99rem) {
  .hqc--col,
  .hqc--col-hd {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1; }
  .hqc--col--auto,
  .hqc--col-hd--auto {
    width: auto;
    max-width: 100%;
    flex: 1 0 0%; }
  .hqc--col-hd-0 {
    display: none; }
  .hqc--col-hd-1 {
    display: block;
    max-width: 6.25%;
    flex: 0 0 6.25%; }
  .hqc--col-hd-2 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%; }
  .hqc--col-hd-3 {
    display: block;
    max-width: 18.75%;
    flex: 0 0 18.75%; }
  .hqc--col-hd-4 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%; }
  .hqc--col-hd-5 {
    display: block;
    max-width: 31.25%;
    flex: 0 0 31.25%; }
  .hqc--col-hd-6 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%; }
  .hqc--col-hd-7 {
    display: block;
    max-width: 43.75%;
    flex: 0 0 43.75%; }
  .hqc--col-hd-8, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] {
    display: block;
    max-width: 50%;
    flex: 0 0 50%; }
  .hqc--col-hd-9 {
    display: block;
    max-width: 56.25%;
    flex: 0 0 56.25%; }
  .hqc--col-hd-10 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%; }
  .hqc--col-hd-11 {
    display: block;
    max-width: 68.75%;
    flex: 0 0 68.75%; }
  .hqc--col-hd-12 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%; }
  .hqc--col-hd-13 {
    display: block;
    max-width: 81.25%;
    flex: 0 0 81.25%; }
  .hqc--col-hd-14, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre] {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%; }
  .hqc--col-hd-15 {
    display: block;
    max-width: 93.75%;
    flex: 0 0 93.75%; }
  .hqc--col-hd-16 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%; }
  .hqc--offset-hd-0 {
    margin-left: 0; }
  .hqc--offset-hd-1 {
    margin-left: 6.25%; }
  .hqc--offset-hd-2 {
    margin-left: 12.5%; }
  .hqc--offset-hd-3 {
    margin-left: 18.75%; }
  .hqc--offset-hd-4 {
    margin-left: 25%; }
  .hqc--offset-hd-5 {
    margin-left: 31.25%; }
  .hqc--offset-hd-6 {
    margin-left: 37.5%; }
  .hqc--offset-hd-7 {
    margin-left: 43.75%; }
  .hqc--offset-hd-8 {
    margin-left: 50%; }
  .hqc--offset-hd-9 {
    margin-left: 56.25%; }
  .hqc--offset-hd-10 {
    margin-left: 62.5%; }
  .hqc--offset-hd-11 {
    margin-left: 68.75%; }
  .hqc--offset-hd-12 {
    margin-left: 75%; }
  .hqc--offset-hd-13 {
    margin-left: 81.25%; }
  .hqc--offset-hd-14 {
    margin-left: 87.5%; }
  .hqc--offset-hd-15 {
    margin-left: 93.75%; } }

.hqc--no-gutter,
.hqc--row.hqc--no-gutter [class*='hqc--col'],
.hqc--bloc-contenu-01 > div > div.hqc--no-gutter [class*='hqc--col'],
.hqc--entete-avec-image_n1__simplifie > div > div.hqc--no-gutter [class*='hqc--col'],
.hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div.hqc--no-gutter [class*='hqc--col'],
.hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) > div > div.hqc--no-gutter [class*='hqc--col'],
.hqc--entete-avec-image_n2__simplifie > div.hqc--no-gutter:nth-child(2) [class*='hqc--col'] {
  padding-right: 0;
  padding-left: 0; }

.hqc--no-gutter--start,
.hqc--row.hqc--no-gutter--start [class*='hqc--col'],
.hqc--bloc-contenu-01 > div > div.hqc--no-gutter--start [class*='hqc--col'],
.hqc--entete-avec-image_n1__simplifie > div > div.hqc--no-gutter--start [class*='hqc--col'],
.hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div.hqc--no-gutter--start [class*='hqc--col'],
.hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) > div > div.hqc--no-gutter--start [class*='hqc--col'],
.hqc--entete-avec-image_n2__simplifie > div.hqc--no-gutter--start:nth-child(2) [class*='hqc--col'] {
  padding-left: 0; }

.hqc--no-gutter--end,
.hqc--row.hqc--no-gutter--end [class*='hqc--col'],
.hqc--bloc-contenu-01 > div > div.hqc--no-gutter--end [class*='hqc--col'],
.hqc--entete-avec-image_n1__simplifie > div > div.hqc--no-gutter--end [class*='hqc--col'],
.hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div.hqc--no-gutter--end [class*='hqc--col'],
.hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) > div > div.hqc--no-gutter--end [class*='hqc--col'],
.hqc--entete-avec-image_n2__simplifie > div.hqc--no-gutter--end:nth-child(2) [class*='hqc--col'] {
  padding-right: 0; }

.hqc--no-gutter--left,
.hqc--row.hqc--no-gutter--left [class*='hqc--col'],
.hqc--bloc-contenu-01 > div > div.hqc--no-gutter--left [class*='hqc--col'],
.hqc--entete-avec-image_n1__simplifie > div > div.hqc--no-gutter--left [class*='hqc--col'],
.hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div.hqc--no-gutter--left [class*='hqc--col'],
.hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) > div > div.hqc--no-gutter--left [class*='hqc--col'],
.hqc--entete-avec-image_n2__simplifie > div.hqc--no-gutter--left:nth-child(2) [class*='hqc--col'] {
  padding-left: 0; }

.hqc--no-gutter--right,
.hqc--row.hqc--no-gutter--right [class*='hqc--col'],
.hqc--bloc-contenu-01 > div > div.hqc--no-gutter--right [class*='hqc--col'],
.hqc--entete-avec-image_n1__simplifie > div > div.hqc--no-gutter--right [class*='hqc--col'],
.hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div.hqc--no-gutter--right [class*='hqc--col'],
.hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) > div > div.hqc--no-gutter--right [class*='hqc--col'],
.hqc--entete-avec-image_n2__simplifie > div.hqc--no-gutter--right:nth-child(2) [class*='hqc--col'] {
  padding-right: 0; }

.hqc--hang--start {
  padding-left: 1rem; }

.hqc--hang--end {
  padding-right: 1rem; }

.hqc--hang--left {
  padding-left: 1rem; }

.hqc--hang--right {
  padding-right: 1rem; }

.hqc--aspect-ratio {
  position: relative; }

.hqc--aspect-ratio::before {
  width: 1px;
  height: 0;
  margin-left: -1px;
  content: '';
  float: left; }

.hqc--aspect-ratio::after {
  display: table;
  clear: both;
  content: ''; }

.hqc--aspect-ratio--16x9::before {
  padding-top: 56.25%; }

.hqc--aspect-ratio--9x16::before {
  padding-top: 177.77778%; }

.hqc--aspect-ratio--2x1::before {
  padding-top: 50%; }

.hqc--aspect-ratio--1x2::before {
  padding-top: 200%; }

.hqc--aspect-ratio--4x3::before {
  padding-top: 75%; }

.hqc--aspect-ratio--3x4::before {
  padding-top: 133.33333%; }

.hqc--aspect-ratio--3x2::before {
  padding-top: 66.66667%; }

.hqc--aspect-ratio--2x3::before {
  padding-top: 150%; }

.hqc--aspect-ratio--1x1::before {
  padding-top: 100%; }

.hqc--aspect-ratio--object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

@font-face {
  font-family: "Hydro-Quebec";
  src: url("../../../../fonte-hq/Hydro-Quebec-Maigre-300.woff2") format("woff2"), url("../../../../fonte-hq/Hydro-Quebec-Maigre-300.otf#iefix") format("opentype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "Hydro-Quebec";
  src: url("../../../../fonte-hq/Hydro-Quebec-MaigreItalique-300.woff2") format("woff2"), url("../../../../fonte-hq/Hydro-Quebec-MaigreItalique-300.otf#iefix") format("opentype");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: "Hydro-Quebec";
  src: url("../../../../fonte-hq/Hydro-Quebec-Normal-400.woff2") format("woff2"), url("../../../../fonte-hq/Hydro-Quebec-Normal-400.otf#iefix") format("opentype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Hydro-Quebec";
  src: url("../../../../fonte-hq/Hydro-Quebec-Italique-400.woff2") format("woff2"), url("../../../../fonte-hq/Hydro-Quebec-Italique-400.otf#iefix") format("opentype");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Hydro-Quebec";
  src: url("../../../../fonte-hq/Hydro-Quebec-Demi-500.woff2") format("woff2"), url("../../../../fonte-hq/Hydro-Quebec-Demi-500.otf#iefix") format("opentype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "Hydro-Quebec";
  src: url("../../../../fonte-hq/Hydro-Quebec-DemiItalique-500.woff2") format("woff2"), url("../../../../fonte-hq/Hydro-Quebec-DemiItalique-500.otf#iefix") format("opentype");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: "Hydro-Quebec";
  src: url("../../../../fonte-hq/Hydro-Quebec-Gras-700.woff2") format("woff2"), url("../../../../fonte-hq/Hydro-Quebec-Gras-700.otf#iefix") format("opentype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Hydro-Quebec";
  src: url("../../../../fonte-hq/Hydro-Quebec-GrasItalique-700.woff2") format("woff2"), url("../../../../fonte-hq/Hydro-Quebec-GrasItalique-700.otf#iefix") format("opentype");
  font-weight: 700;
  font-style: italic; }

/* Grille */
/* GRIS FONCÉ */
/* h1, h2, h3..*/
/* Recherche */
/* MENU PRINCIPAL */
/* BREAKPOINT */
/* HEADING */
/*Collapse */
/* TABLEAU */
/* FOOTER */
/* CARROUSEL NAV */
/* Bandeau bleu se connecter */
/* NOUVELLE COULEUR en-tete TEMP */
input.hq-date, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
  font-size: 1rem; }

c .legend, label:not([for=file]),
.legend.required, label.required, legend.required {
  font-size: 1rem !important; }

.button {
  font-family: "Hydro-Quebec", sans-serif;
  font-size: 1rem !important; }
  .button:hover {
    background-color: #0f096c !important;
    cursor: pointer; }

/* Grille mobile first */
/* Dérivé de Zurb Foundation 6 */
.row {
  max-width: 1584px;
  margin-left: auto;
  margin-right: auto;
  /*&.row-large {
			max-width: 1640px!important;

			&:not(:last-child) {
				@media screen and (min-width: $breakpoint-large) {
						margin-bottom: 100px;
				}

				@media screen and (max-width: $breakpoint-medium-max) {
						margin-bottom: 80px;
				}
			}
	}**/ }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .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%;
  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,
  .small-collapse .row .row-normal .row,
  .expanded.row .small-collapse.row .row.row-normal,
  .expanded.row .small-collapse.row .row-normal .row,
  .row.small-collapse .row.row-normal,
  .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: 16px;
  padding-right: 16px; }

.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: 16px;
    padding-right: 16px; } }

@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: 16px;
    padding-right: 16px; } }

.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; }

@media (min-width: 768px) {
  #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: .7;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s; }
  #site-overlay.hq-mask-out {
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s; } }

/* 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: 672px) {
  #hq-main-header {
    background-color: #fff;
    font-family: "Hydro-Quebec", sans-serif;
    letter-spacing: 0;
    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 ul {
      margin: 0;
      padding: 0; }
      #hq-main-header ul li {
        list-style: none !important;
        margin: 0;
        padding: 0; }
    #hq-main-header .hq-nav-utils {
      padding-left: 22px;
      padding-right: 22px; }
      #hq-main-header .hq-nav-utils ul {
        align-items: center;
        display: flex;
        margin-bottom: 20px;
        justify-content: flex-end;
        height: 32px; }
        #hq-main-header .hq-nav-utils ul li {
          margin: 0;
          margin-left: 15px;
          font-size: 13px;
          font-weight: 500;
          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;
        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;
          height: 1em;
          width: 1em; }
    #hq-main-header .hq-header-trio-bloc {
      padding-left: 22px;
      padding-right: 22px;
      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: 20px;
      line-height: 1;
      margin-bottom: 12px; }
      #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-site-specialise .hq-nav-grande-section .href, #hq-main-header.hq-formulaire .hq-nav-grande-section a,
    #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;
          border: none;
          /* 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-block;
            fill: #fff;
            font-size: 12px;
            width: 60%;
            /*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: 1rem;
        font-weight: 500;
        padding-left: 26px;
        padding-right: 22px;
        /* 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: trasparent !important;
            font-size: 14px;
            /* 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: 2px;
              left: 50%;
              right: 50%;
              margin-left: -8px; }
              #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 #fff;
                border-bottom: 1px solid #fff;
                top: 0px;
                right: -5px;
                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 .btn-sm::after {
                display: block;
                border-color: white; }
              #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;
                background: #0F096C;
                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: #0F096C;
              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: #0F096C;
                    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: 1.0em;
                    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-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: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: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;
                    font-size: 30px;
                    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 {
                    display: block;
                    z-index: 0;
                    list-style-type: disc !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 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;
                        text-align: left;
                        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 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 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 .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 .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; } }

#mm-hq-formulaire .hq-mm-utils li, #mm-hq-header-nav-section .hq-mm-utils li, #mm-hq-nav-grande-section .hq-mm-utils li, #mm-hq-nav-pannes .hq-mm-utils li, #mm-hq-nav-site-international .hq-mm-utils li, #mm-hq-nav-site-specialise .hq-mm-utils li {
  margin-bottom: 10px; }

#mm-hq-formulaire .hq-mm-utils, #mm-hq-header-nav-section .hq-mm-utils, #mm-hq-nav-grande-section .hq-mm-utils, #mm-hq-nav-pannes .hq-mm-utils, #mm-hq-nav-site-international .hq-mm-utils, #mm-hq-nav-site-specialise .hq-mm-utils {
  margin-top: 30px;
  padding-left: 0;
  font-size: 0.8125rem;
  line-height: 20px; }

/* 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; }
}
*/
/* MENU CHOIX D'AFFICHAGE */
/* Mobile */
@media (max-width: 672px) {
  #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: 0.75rem;
        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: 673px) {
  #mm-hq-header-nav-section,
  #hq-menu-visible-mobile,
  #mm-hq-nav-grande-section {
    display: none; } }

.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-size: 36px;
  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;
    font-size: 14px;
    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; } }

.breadcrumb-bloc, .hq-breadcrumb-bloc {
  margin-top: 25px; }

.breadcrumb, .hq-breadcrumb {
  display: inline-block;
  line-height: 20px;
  margin-bottom: 5px;
  font-size: 1.4rem; }

.breadcrumb span, .hq-breadcrumb span {
  background: url(/images2016/breadcrumb_separator.png) no-repeat center right;
  display: inline-block;
  margin-right: 0;
  padding-right: 20px;
  position: relative; }

.breadcrumb span:focus, .breadcrumb span:hover, .hq-breadcrumb span:focus, .hq-breadcrumb span:hover {
  text-decoration: underline; }

.breadcrumb span span, .hq-breadcrumb span span {
  background: 0 0;
  margin: 0;
  padding: 0; }

.breadcrumb a, .hq-breadcrumb a {
  color: #48433f;
  display: inline-block;
  text-decoration: underline; }

.breadcrumb a:hover, .breadcrumb a:link, .hq-breadcrumb a:hover, .hq-breadcrumb a:link {
  color: #48433f; }

.breadcrumb br, .hq-breadcrumb br {
  display: none; }

/* Styles menu old */
.hamburger {
  padding: 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity,-webkit-filter;
  -webkit-transition-property: opacity,-webkit-filter;
  -o-transition-property: opacity,filter;
  transition-property: opacity,filter;
  transition-property: opacity,filter,-webkit-filter;
  -webkit-transition-duration: .15s;
  -o-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }

.hamburger:hover {
  opacity: .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::after, .hamburger-inner::before {
  width: 25px;
  height: 3px;
  background-color: #918e8b;
  border-radius: 0;
  position: absolute;
  transition-property: -webkit-transform;
  -webkit-transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
  -webkit-transition-duration: .15s;
  -o-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease; }

.hamburger-inner::after, .hamburger-inner::before {
  content: "";
  display: block; }

.hamburger-inner::before {
  top: -6px; }

.hamburger-inner::after {
  bottom: -6px; }

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: .15s;
  -o-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-delay: .15s;
  -o-transition-delay: .15s;
  transition-delay: .15s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse .hamburger-inner::after {
  top: -12px;
  -webkit-transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
  -o-transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
  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);
  -webkit-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);
  -o-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);
  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: 0;
  left: 0; }

html.mm-opened .hamburger--collapse .hamburger-inner {
  -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg);
  transform: translate3d(0, -6px, 0) rotate(-45deg);
  -webkit-transition-delay: .32s;
  -o-transition-delay: .32s;
  transition-delay: .32s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

html.mm-opened .hamburger--collapse .hamburger-inner::after {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
  -o-transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
  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);
  -ms-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);
  -webkit-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);
  -o-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);
  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 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
  color: #474747 !important; }

/*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; } }

/* Mobile first */
footer#hq-main-footer {
  background: #0f096c;
  font-family: "Hydro-Quebec", sans-serif;
  font-size: 16px;
  padding: 25px 0 25px 0;
  /*
	.hq-break-col:not('.hq-footer-suivez-nous') {
		ul:not('.hq-section-princ') {
			display:none;
		}
	}
*/
  /* hq-footer-main-menu  */ }
  footer#hq-main-footer a {
    color: #fff;
    cursor: pointer; }
  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-footer-main-menu {
    /*ul*/
    text-align: center;
    overflow: hidden; }
    footer#hq-main-footer .hq-footer-main-menu li {
      font-size: 13px;
      font-weight: 400;
      margin-bottom: 14px; }
  @media (min-width: 768px) {
    footer#hq-main-footer .hq-footer-main-menu li {
      font-size: 16px; }
    footer#hq-main-footer .hq-footer-main-menu: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; }
    footer#hq-main-footer .hq-footer-suivez-nous span,
    footer#hq-main-footer .hq-footer-suivez-nous ul,
    footer#hq-main-footer .hq-footer-apps span,
    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; }
    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: #0f096c;
        font-size: 16px;
        width: 1em;
        height: 1em; }
      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; }
    footer#hq-main-footer .hq-footer-suivez-nous .sn-reseaux,
    footer#hq-main-footer .hq-footer-apps .sn-reseaux {
      margin-top: 16px; }
      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: 12px;
            height: auto; }
            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 .sn-apps,
    footer#hq-main-footer .hq-footer-apps .sn-apps {
      margin-top: 16px; }
    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-apps ul {
      display: block; }
  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: 0.75rem; }
      footer#hq-main-footer .hq-footer-util-menu li:last-child {
        margin-bottom: 0; }
    footer#hq-main-footer .hq-footer-util-menu a {
      font-weight: normal;
      font-size: 13px; }
  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: 0.75rem;
    margin-top: 25px; }
    footer#hq-main-footer .hq-footer-copyright p {
      text-align: left;
      font-size: 12px; }
  footer#hq-main-footer .hq-footer-menu-residual {
    float: right;
    text-align: left; }

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: 672px) {
  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: 672px) {
  footer#hq-main-footer {
    margin-top: px;
    padding: 60px 0 40px 0;
    /* hq-footer-main-menu  */ }
    footer#hq-main-footer .hq-logo-coupe {
      width: 131px;
      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: 16px;
        font-weight: 400;
        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: 1rem;
            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: 1rem;
            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: 1rem;
            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;
      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 {
        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: 20px;
          padding-right: 20px; }
        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;
      max-width: 160px;
      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;
  margin-bottom: 16px; }

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; } }

/* FERA partie du sous package du package hqc-base */
.hqc--img {
  height: auto;
  max-width: 100%; }

.hqc--img__cercle {
  border-radius: 50%; }

@use '_hq-variables' as *;
/***************************/
/*	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: 14px !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 1.0em 1.0em;
    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: 14px !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;
      font-size: 14px !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-up .hq-tooltip-arrow::after,
      #hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow::before,
      #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-up .hq-tooltip-arrow-up::after,
      #hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow-up::before,
      #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%, white 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 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: -.1em;
    top: .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, white 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, .button.alt:active, .button.alt:focus,
    .hq-button.alt:hover,
    .hq-button.alt:active,
    .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, .button.ghost:active, .button.ghost:focus,
    .hq-button.ghost:hover,
    .hq-button.ghost:active,
    .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, .button:active, .button:focus,
  .hq-button:hover,
  .hq-button:active,
  .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
**/
/************************************
	MEGA-COLLAPSE
*************************************/
.hq-mega-collapse {
  margin: 45px 0;
  border-bottom: 1px solid #cccccc; }
  .hq-mega-collapse .collapse-banner {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid #cccccc;
    border-bottom: 0;
    color: #48433f;
    font-size: 2.2rem;
    text-align: left; }
    .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;
      padding: 15px 25px;
      border-right: 1px solid #cccccc;
      vertical-align: middle; }
      .hq-mega-collapse .collapse-banner .collapse-icn:last-child,
      .hq-mega-collapse .collapse-banner .collapse-title:last-child {
        border-right: 0; }
    .hq-mega-collapse .collapse-banner .collapse-toggle {
      display: table-cell;
      float: none;
      padding: 15px 25px;
      border-right: 0;
      vertical-align: middle; }
    .hq-mega-collapse .collapse-banner .collapse-icn {
      width: 14%;
      background-color: #fff;
      font-size: 55px;
      text-align: center;
      padding-bottom: 0; }
    .hq-mega-collapse .collapse-banner .collapse-title {
      width: 75%;
      font-weight: bold; }
    .hq-mega-collapse .collapse-banner .collapse-toggle {
      width: 11%;
      background-color: #fff; }
      .hq-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 {
      width: 29%;
      background-color: #ffffff;
      font-size: 1.4rem; }
      .hq-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 {
      display: none; }
    .hq-mega-collapse .collapse-banner + .collapse-content:before {
      margin-bottom: 30px;
      background-color: #d5d4d2; }
    .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; }
  .hq-mega-collapse .collapse-content {
    display: none; }
    .hq-mega-collapse .collapse-content:before {
      content: '';
      display: block;
      height: 24px;
      border-left: 1px solid #cccccc;
      border-right: 1px solid #cccccc; }
    .hq-mega-collapse .collapse-content:after {
      content: '';
      display: none;
      height: 10px; }
    .hq-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 {
    display: block;
    min-height: unset;
    height: auto;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 1em; }
    .hq-mega-collapse .collapse-banner .collapse-icn,
    .hq-mega-collapse .collapse-banner .collapse-title,
    .hq-mega-collapse .collapse-banner .collapse-toggle {
      display: block;
      border-right: 0; }
    .hq-mega-collapse .collapse-banner .collapse-icn {
      width: 100%;
      padding-top: 35px;
      padding-bottom: 0;
      background-color: #f4f3f3; }
    .hq-mega-collapse .collapse-banner .collapse-title {
      width: 100%;
      padding-bottom: 20px;
      margin-top: 0;
      font-size: 1.6rem;
      text-align: center;
      text-decoration: underline; }
    .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 .collapse-date {
      width: 100%;
      text-align: center;
      border-bottom: 2px solid #cccccc; }
    .hq-mega-collapse .collapse-banner:after {
      right: 50%;
      margin-right: -23px; }
    .hq-mega-collapse .collapse-banner.open .collapse-closex {
      display: block;
      position: absolute;
      top: 20px;
      right: 10px;
      width: 11%; }
      .hq-mega-collapse .collapse-banner.open .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-banner.open:after {
      display: none; }
  .hq-mega-collapse .collapse-content:before {
    display: none; }
  .hq-mega-collapse .collapse-content:after {
    display: block; }
  .hq-mega-collapse .collapse-content:last-child {
    padding-bottom: 0;
    border: 0; }
  .hq-mega-collapse .collapse-content .hq-bloc-fond:last-child {
    margin-bottom: 0; }
  .hq-mega-collapse .collapse-content p:last-child {
    margin-bottom: 25px; } }

@media screen and (max-width: 320px) {
  .hq-mega-collapse .collapse-banner.open .collapse-closex {
    right: 20px; } }

/**
	END: MEGA-COLLAPSE
**/
#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: lightgray !important;
    border: 0px solid #010101;
    border-radius: 2px; }
  .hq-slidebar-module .slidebar input[type=range]::-ms-fill-upper {
    background: lightgray !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: lightgray !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); } }

@use '_variables' as *;
@use '../../../assets/src/scss/tokens' as *;
/* Extend */
@use '../../couleur/scss/styles' as *;
@use '../../composantes/layout/styles' as *;
@use '../../composantes/typographie/styles' as *;
@use '../../composantes/bouton/styles' as *;
@use '../../../../node_modules/@carbon/grid/scss/grid' as *;
.hqc--bloc-contenu, .hqc--bloc-contenu-01 > div > div {
  justify-content: center;
  font-family: "Hydro-Quebec", sans-serif;
  padding-top: 48px;
  padding-bottom: 48px; }
  @media (min-width: 1584px) {
    .hqc--bloc-contenu, .hqc--bloc-contenu-01 > div > div {
      padding-top: 64px;
      padding-bottom: 64px; } }
  .hqc--bloc-contenu .hqc--bloc-contenu_texte, .hqc--bloc-contenu-01 > div > div .hqc--bloc-contenu_texte, .hqc--bloc-contenu .hqc--bloc-contenu-01 > div > div > div:first-child, .hqc--bloc-contenu-01 > div > div > div:first-child {
    order: 2; }
    @media (min-width: 672px) {
      .hqc--bloc-contenu .hqc--bloc-contenu_texte, .hqc--bloc-contenu-01 > div > div .hqc--bloc-contenu_texte, .hqc--bloc-contenu .hqc--bloc-contenu-01 > div > div > div:first-child, .hqc--bloc-contenu-01 > div > div > div:first-child {
        order: 1; } }
  .hqc--bloc-contenu .hqc--bloc-contenu_img, .hqc--bloc-contenu-01 > div > div .hqc--bloc-contenu_img, .hqc--bloc-contenu .hqc--bloc-contenu-01 > div > div > div, .hqc--bloc-contenu-01 > div > div > div {
    order: 1;
    margin-bottom: 32px; }
    @media (min-width: 672px) {
      .hqc--bloc-contenu .hqc--bloc-contenu_img, .hqc--bloc-contenu-01 > div > div .hqc--bloc-contenu_img, .hqc--bloc-contenu .hqc--bloc-contenu-01 > div > div > div, .hqc--bloc-contenu-01 > div > div > div {
        order: 2; } }
    @media (min-width: 1056px) {
      .hqc--bloc-contenu .hqc--bloc-contenu_img, .hqc--bloc-contenu-01 > div > div .hqc--bloc-contenu_img, .hqc--bloc-contenu .hqc--bloc-contenu-01 > div > div > div, .hqc--bloc-contenu-01 > div > div > div {
        margin-left: 6.25%;
        margin-bottom: 0; } }

@media (min-width: 672px) {
  .hqc--bloc-contenu__swap .hqc--bloc-contenu_texte, .hqc--bloc-contenu__swap .hqc--bloc-contenu-01 > div > div > div:first-child {
    order: 2; } }

@media (min-width: 1056px) {
  .hqc--bloc-contenu__swap .hqc--bloc-contenu_texte, .hqc--bloc-contenu__swap .hqc--bloc-contenu-01 > div > div > div:first-child {
    margin-left: 6.25%; } }

.hqc--bloc-contenu__swap .hqc--bloc-contenu_img, .hqc--bloc-contenu__swap .hqc--bloc-contenu-01 > div > div > div {
  order: 1; }
  @media (min-width: 1056px) {
    .hqc--bloc-contenu__swap .hqc--bloc-contenu_img, .hqc--bloc-contenu__swap .hqc--bloc-contenu-01 > div > div > div {
      margin-left: 0; } }

.hqc--bloc-contenu-overlay_right {
  justify-content: end;
  position: relative; }

.hqc--bloc-contenu-bg_01 {
  background-color: #cfe3fa;
  background-image: linear-gradient(to top, #fff 0px, #FFFFFF 50%, #0f096c 50%, #0f096c 100%); }

.hqc--bloc-contenu-bg__02-1,
.hqc--bloc-contenu-bg__gris-10 {
  background-color: #eaeaea;
  background-image: linear-gradient(to bottom, #fff 0px, #FFFFFF 50%, #eaeaea 50%, #eaeaea 100%); }

.hqc--bloc-contenu-bg__02-2 {
  background-color: #eaeaea;
  background-image: linear-gradient(to top, #fff 0px, #FFFFFF 50%, #eaeaea 50%, #eaeaea 100%); }

@media (min-width: 1056px) {
  .hqc--bloc-decale {
    margin-left: 12.5%;
    width: 60%; } }

.hqc--bloc-decale_image {
  text-align: center;
  margin-top: -5%; }
  @media (min-width: 1056px) {
    .hqc--bloc-decale_image {
      margin-left: -12.5%;
      text-align: left;
      margin-top: 0; } }

@media (min-width: 1056px) {
  .hqc--conatiner-bloc-decale--swap {
    flex-flow: row-reverse; } }

@media (min-width: 1056px) {
  .hqc--conatiner-bloc-decale--swap .hqc--bloc-decale_image {
    margin-right: -12.5%; } }

@media (min-width: 1056px) {
  .hqc--conatiner-bloc-decale--swap .hqc--bloc-decale {
    margin-left: 23%; } }

/* Bloc de contenu avce Texte et image côte-à-côte */
.hqc--bloc-contenu-01:first-child {
  padding-top: 0px; }
  @media (min-width: 1584px) {
    .hqc--bloc-contenu-01:first-child {
      margin-top: 0px;
      padding-top: 0px; } }

@media (min-width: 672px) {
  .hqc--bloc-contenu-01__swap .hqc--bloc-contenu_texte, .hqc--bloc-contenu-01__swap .hqc--bloc-contenu-01 > div > div > div:first-child,
  .hqc--bloc-contenu-01__swap [data-hqc-texte] {
    order: 2 !important; } }

@media (min-width: 1056px) {
  .hqc--bloc-contenu-01__swap .hqc--bloc-contenu_texte, .hqc--bloc-contenu-01__swap .hqc--bloc-contenu-01 > div > div > div:first-child,
  .hqc--bloc-contenu-01__swap [data-hqc-texte] {
    margin-left: 6.25% !important; } }

.hqc--bloc-contenu-01__swap .hqc--bloc-contenu_img, .hqc--bloc-contenu-01__swap .hqc--bloc-contenu-01 > div > div > div,
.hqc--bloc-contenu-01__swap [data-hqc-image] {
  order: 1 !important; }
  @media (min-width: 1056px) {
    .hqc--bloc-contenu-01__swap .hqc--bloc-contenu_img, .hqc--bloc-contenu-01__swap .hqc--bloc-contenu-01 > div > div > div,
    .hqc--bloc-contenu-01__swap [data-hqc-image] {
      margin-left: 0 !important; } }

@use '_variables';
@use '../../../assets/src/scss/tokens' as *;
@use '../../couleur/scss/styles' as *;
@use '../../composantes/layout/styles' as *;
@use '../../../../node_modules/@carbon/grid/scss/grid';
.hqc--entete-avec-image h1, .hqc--entete-avec-image_n1__simplifie > div h1, .hqc--entete-avec-image_n2__simplifie h1 {
  color: #fff; }

.hqc--entete-avec-image figure, .hqc--entete-avec-image_n1__simplifie > div figure, .hqc--entete-avec-image_n2__simplifie figure {
  display: flex;
  justify-content: center; }

.hqc--entete-avec-image_n1 .hqc--entete-content, .hqc--entete-avec-image_n1__simplifie > div .hqc--entete-content, .hqc--entete-avec-image_n1 .hqc--entete-avec-image_n1__simplifie > div > div, .hqc--entete-avec-image_n1__simplifie > div > div, .hqc--entete-avec-image_n1 .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div, .hqc--entete-avec-image_n2__simplifie > div.hqc--entete-avec-image_n1__simplifie:first-child > div:first-child > div {
  background-color: #0f096c;
  padding-top: 64px;
  display: flex;
  flex-wrap: wrap; }

.hqc--entete-avec-image_n1 .hqc--entete-intro, .hqc--entete-avec-image_n1__simplifie > div .hqc--entete-intro, .hqc--entete-avec-image_n1 .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro], .hqc--entete-avec-image_n1__simplifie > div.hqc--entete-avec-image_n1__simplifie > div > div[data-hqc-intro], .hqc--entete-avec-image_n1 .hqc--entete-avec-image_n2__simplifie > div:nth-child(2), .hqc--entete-avec-image_n1__simplifie > div .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) {
  margin-top: 48px;
  display: flex;
  flex-wrap: wrap;
  margin-right: auto;
  margin-left: auto; }
  .hqc--entete-avec-image_n1 .hqc--entete-intro p, .hqc--entete-avec-image_n1__simplifie > div .hqc--entete-intro p, .hqc--entete-avec-image_n1 .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] p, .hqc--entete-avec-image_n1__simplifie > div.hqc--entete-avec-image_n1__simplifie > div > div[data-hqc-intro] p, .hqc--entete-avec-image_n1 .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) p, .hqc--entete-avec-image_n1__simplifie > div .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) p {
    color: #fff;
    font-weight: 300;
    text-align: center;
    font-size: 20px;
    line-height: 30px; }
  @media (min-width: 672px) {
    .hqc--entete-avec-image_n1 .hqc--entete-intro p, .hqc--entete-avec-image_n1__simplifie > div .hqc--entete-intro p, .hqc--entete-avec-image_n1 .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] p, .hqc--entete-avec-image_n1__simplifie > div.hqc--entete-avec-image_n1__simplifie > div > div[data-hqc-intro] p, .hqc--entete-avec-image_n1 .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) p, .hqc--entete-avec-image_n1__simplifie > div .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) p {
      font-size: 24px;
      line-height: 30px; } }
  @media (min-width: 1056px) {
    .hqc--entete-avec-image_n1 .hqc--entete-intro, .hqc--entete-avec-image_n1__simplifie > div .hqc--entete-intro, .hqc--entete-avec-image_n1 .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro], .hqc--entete-avec-image_n1__simplifie > div.hqc--entete-avec-image_n1__simplifie > div > div[data-hqc-intro], .hqc--entete-avec-image_n1 .hqc--entete-avec-image_n2__simplifie > div:nth-child(2), .hqc--entete-avec-image_n1__simplifie > div .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) {
      margin-top: 64px; }
      .hqc--entete-avec-image_n1 .hqc--entete-intro p, .hqc--entete-avec-image_n1__simplifie > div .hqc--entete-intro p, .hqc--entete-avec-image_n1 .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] p, .hqc--entete-avec-image_n1__simplifie > div.hqc--entete-avec-image_n1__simplifie > div > div[data-hqc-intro] p, .hqc--entete-avec-image_n1 .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) p, .hqc--entete-avec-image_n1__simplifie > div .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) p {
        font-size: 28px;
        line-height: 36px; } }

.hqc--entete-avec-image_n2, .hqc--entete-avec-image_n2__simplifie {
  margin-bottom: 48px; }
  @media (min-width: 1056px) {
    .hqc--entete-avec-image_n2, .hqc--entete-avec-image_n2__simplifie {
      margin-bottom: 64px; } }
  .hqc--entete-avec-image_n2 .hqc--entete-content, .hqc--entete-avec-image_n2__simplifie .hqc--entete-content, .hqc--entete-avec-image_n2 .hqc--entete-avec-image_n1__simplifie > div > div, .hqc--entete-avec-image_n2__simplifie .hqc--entete-avec-image_n1__simplifie > div > div, .hqc--entete-avec-image_n2 .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div, .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div {
    padding-top: 32px;
    padding-bottom: 48px;
    display: flex;
    flex-wrap: wrap; }
  @media (min-width: 672px) {
    .hqc--entete-avec-image_n2 .hqc--entete-content, .hqc--entete-avec-image_n2__simplifie .hqc--entete-content, .hqc--entete-avec-image_n2 .hqc--entete-avec-image_n1__simplifie > div > div, .hqc--entete-avec-image_n2__simplifie .hqc--entete-avec-image_n1__simplifie > div > div, .hqc--entete-avec-image_n2 .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div, .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div {
      padding-top: 64px;
      padding-bottom: 64px; } }
  .hqc--entete-avec-image_n2 .hqc--entete-image, .hqc--entete-avec-image_n2__simplifie .hqc--entete-image, .hqc--entete-avec-image_n2 .hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2), .hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) {
    background-image: linear-gradient(to top, #FFFFFF 0px, #FFFFFF 50%, #0f096c 50%, #0f096c 100%); }
  .hqc--entete-avec-image_n2 .hqc--entete-intro, .hqc--entete-avec-image_n2__simplifie .hqc--entete-intro, .hqc--entete-avec-image_n2 .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro], .hqc--entete-avec-image_n2__simplifie .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro], .hqc--entete-avec-image_n2 .hqc--entete-avec-image_n2__simplifie > div:nth-child(2), .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) {
    margin-top: 48px;
    display: flex;
    flex-wrap: wrap; }
    .hqc--entete-avec-image_n2 .hqc--entete-intro p, .hqc--entete-avec-image_n2__simplifie .hqc--entete-intro p, .hqc--entete-avec-image_n2 .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] p, .hqc--entete-avec-image_n2__simplifie .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] p, .hqc--entete-avec-image_n2 .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) p, .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) p {
      color: #161616;
      text-align: center;
      font-size: 20px;
      line-height: 30px; }
    @media (min-width: 672px) {
      .hqc--entete-avec-image_n2 .hqc--entete-intro p, .hqc--entete-avec-image_n2__simplifie .hqc--entete-intro p, .hqc--entete-avec-image_n2 .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] p, .hqc--entete-avec-image_n2__simplifie .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] p, .hqc--entete-avec-image_n2 .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) p, .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) p {
        font-size: 24px;
        line-height: 30px; } }
    @media (min-width: 1056px) {
      .hqc--entete-avec-image_n2 .hqc--entete-intro, .hqc--entete-avec-image_n2__simplifie .hqc--entete-intro, .hqc--entete-avec-image_n2 .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro], .hqc--entete-avec-image_n2__simplifie .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro], .hqc--entete-avec-image_n2 .hqc--entete-avec-image_n2__simplifie > div:nth-child(2), .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) {
        margin-top: 64px; }
        .hqc--entete-avec-image_n2 .hqc--entete-intro p, .hqc--entete-avec-image_n2__simplifie .hqc--entete-intro p, .hqc--entete-avec-image_n2 .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] p, .hqc--entete-avec-image_n2__simplifie .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] p, .hqc--entete-avec-image_n2 .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) p, .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) p {
          font-size: 28px;
          line-height: 36px; } }

.hqc--entete-sans-image {
  background-color: #0f096c;
  padding-top: 32px;
  padding-bottom: 32px; }
  .hqc--entete-sans-image p {
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 30px; }
  @media (min-width: 1056px) {
    .hqc--entete-sans-image {
      padding-top: 80px;
      padding-bottom: 80px; }
      .hqc--entete-sans-image p {
        font-size: 24px;
        line-height: 30px; } }
  .hqc--entete-sans-image-bordure__tuquoise {
    background-color: transparent;
    background-image: linear-gradient(to top, #2EBF9D 0px, #2EBF9D 16px, #0f096c 17px, #0f096c 100%); }

@use '../../../assets/src/scss/tokens' as *;
.hqc--tuiles {
  /* Une tuile devrait tj être cliquable ? */
  /* ---------------- */ }
  .hqc--tuiles .hqc--tuiles__item {
    margin-bottom: 16px;
    padding-right: 0px; }
    .hqc--tuiles .hqc--tuiles__item h3 {
      color: #1224b8;
      font-size: 20px;
      line-height: 26px;
      font-weight: 700;
      margin-bottom: 16px;
      margin-top: 0; }
    .hqc--tuiles .hqc--tuiles__item p {
      color: #161616;
      font-size: 16px;
      line-height: 26px; }
  .hqc--tuiles.hqc--tuiles__non-cliquable .hqc--tuiles__item {
    margin-bottom: 16px; }
    .hqc--tuiles.hqc--tuiles__non-cliquable .hqc--tuiles__item > div {
      height: 100%;
      background: #eaeaea;
      border-radius: 24px;
      padding: 32px 16px 32px 16px;
      display: flex;
      flex-direction: column;
      text-align: center;
      justify-content: stretch;
      align-items: center; }
  .hqc--tuiles.hqc--tuiles__cliquable-border a {
    border: 1px solid transparent; }
  .hqc--tuiles.hqc--tuiles__cliquable-border_clair a {
    border-color: #eaeaea; }
  .hqc--tuiles.hqc--tuiles__cliquable-border_moyen a {
    border-color: #aaaaaa; }
  .hqc--tuiles.hqc--tuiles__cliquable-border_fonce a {
    border-color: #6b6b6b; }
  .hqc--tuiles.hqc--tuiles__cliquable .hqc--tuiles__item {
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    text-align: left;
    justify-content: center;
    align-items: center; }
    .hqc--tuiles.hqc--tuiles__cliquable .hqc--tuiles__item a {
      height: 100%;
      width: 100%;
      text-decoration: none;
      background: #fff;
      border-radius: 24px;
      padding: 32px 16px 32px 16px;
      min-height: 276px;
      box-shadow: none;
      transition: all 0.50s; }
      .hqc--tuiles.hqc--tuiles__cliquable .hqc--tuiles__item a h3 {
        border-bottom: 1px solid transparent;
        color: #1224b8;
        padding-bottom: 1px;
        display: inline;
        font-size: 16px; }
      .hqc--tuiles.hqc--tuiles__cliquable .hqc--tuiles__item a:hover, .hqc--tuiles.hqc--tuiles__cliquable .hqc--tuiles__item a:focus {
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5), 0 4px 8px 3px rgba(0, 0, 0, 0.25);
        transition: all 0.50s; }
        .hqc--tuiles.hqc--tuiles__cliquable .hqc--tuiles__item a:hover h3, .hqc--tuiles.hqc--tuiles__cliquable .hqc--tuiles__item a:focus h3 {
          border-color: #104cce;
          border-width: 1px;
          color: #104cce;
          text-decoration: none; }
      .hqc--tuiles.hqc--tuiles__cliquable .hqc--tuiles__item a:active h3 {
        color: #0f096c;
        border-color: #0f096c;
        border-width: 1px; }
      @media (min-width: 672px) {
        .hqc--tuiles.hqc--tuiles__cliquable .hqc--tuiles__item a h3 {
          font-size: 16px; } }
      @media (min-width: 1056px) {
        .hqc--tuiles.hqc--tuiles__cliquable .hqc--tuiles__item a h3 {
          font-size: 16px; } }
      @media (min-width: 1312px) {
        .hqc--tuiles.hqc--tuiles__cliquable .hqc--tuiles__item a h3 {
          font-size: 20px; }
        .hqc--tuiles.hqc--tuiles__cliquable .hqc--tuiles__item a:hover h3, .hqc--tuiles.hqc--tuiles__cliquable .hqc--tuiles__item a:focus h3, .hqc--tuiles.hqc--tuiles__cliquable .hqc--tuiles__item a:active h3 {
          border-width: 2px; } }
    .hqc--tuiles.hqc--tuiles__cliquable .hqc--tuiles__item img {
      display: inline-flex;
      max-width: 75%;
      max-height: 75%; }
    .hqc--tuiles.hqc--tuiles__cliquable .hqc--tuiles__item p {
      font-size: 16px;
      line-height: 26px; }
  .hqc--tuiles.hqc--tuiles__cliquable__grand-format .hqc--tuiles__item a {
    padding: 64px 32px; }
  .hqc--tuiles.hqc--tuiles__cliquable__grand-format .hqc--tuiles__item h3 {
    /* color: $bleu-60;
                    font-size: 26px;
                    line-height:34px;
                    font-weight: 700;
                    margin-bottom: 16px;
                    margin-top:0;*/ }

.hq-bloc-ouvrir {
  position: relative; }

.hq-bloc-fleche div {
  width: 100%;
  /* margin: 0 auto;
    text-align: center;*/
  padding: 20px 0 14px; }

.hq-bloc-fleche .fleche-bas,
.hq-bloc-fleche .fleche-bas:focus,
.hq-bloc-fleche .fleche-bas:hover,
.hq-bloc-fleche .fleche-bas:active {
  background-image: url(/themes/innovation/images/icon-plus-dark.svg);
  background-repeat: no-repeat;
  background-position: top left; }

.hq-bloc-fleche .fleche-haut,
.hq-bloc-fleche .fleche-haut:focus,
.hq-bloc-fleche .fleche-haut:hover,
.hq-bloc-fleche .fleche-haut:active {
  background-image: url(/themes/innovation/images/icon-minus.svg);
  background-repeat: no-repeat;
  background-position: top left; }

/*.hq-bloc-plus-blanc .hq-bloc-fleche {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#fff));
    background: -o-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    padding: 8px 0 0 0;
}*/
.hq-bloc-plus-blanc.hq-bloc-contour {
  border-bottom: 2px solid #e9e8e8;
  padding: 0; }

.hq-bloc-contour .hq-bloc-fleche a {
  display: block;
  padding-top: 1rem; }

.hq-bloc-ouvrir:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3rem;
  width: 100%;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff); }

@use '_variables' as *;
@use '../../couleur/scss/_variables' as *;
@use '../../../assets/src/scss/tokens' as *;
button {
  font-size: 16px; }
  button:focus, button:active {
    outline: 1px dotted; }

.hqc--bouton, .hqc--bloc-contenu-01 > div > div > div:first-child p a {
  font-size: 16px;
  line-height: 18px;
  display: inline-flex; }

.hqc--bouton-principal {
  background-color: #101692;
  padding: 16px 32px;
  color: #fff;
  border-radius: 38px;
  border: 2px solid #101692;
  font-weight: 700;
  transition: 0.25s all;
  box-shadow: none;
  font-size: 12px;
  padding: 8px 16px; }
  .hqc--bouton-principal:hover, .hqc--bouton-principal:focus {
    background-color: #0f096c;
    color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5), 0 4px 8px 3px rgba(0, 0, 0, 0.25);
    transition: 0.25s all; }
  .hqc--bouton-principal:active {
    background-color: #0a0952;
    color: #fff;
    transition: 0.25s all; }
  .hqc--bouton-principal_sombre {
    color: #080238;
    background-color: #ff9b00;
    border: none; }
    .hqc--bouton-principal_sombre:hover, .hqc--bouton-principal_sombre:focus {
      background-color: #ffb440;
      color: #080238;
      transition: 0.25s all; }
    .hqc--bouton-principal_sombre:active {
      background-color: #E07600;
      color: #080238;
      transition: 0.25s all; }
  @media (min-width: 672px) {
    .hqc--bouton-principal {
      font-size: 14px;
      padding: 12px 24px; } }
  @media (min-width: 1056px) {
    .hqc--bouton-principal {
      font-size: 16px;
      padding: 16px 32px; } }
  @media (min-width: 1312px) {
    .hqc--bouton-principal {
      font-size: 20px;
      padding: 20px 40px; } }
  @media (min-width: 1584px) {
    .hqc--bouton-principal {
      padding: 24px 48px; } }

.hqc--bouton-secondaire {
  border-radius: 38px;
  font-weight: 500;
  font-size: 12px;
  padding: 8px 16px;
  border: 1px solid transparent;
  transition: 0.25s all; }
  .hqc--bouton-secondaire:hover, .hqc--bouton-secondaire:focus, .hqc--bouton-secondaire:active {
    transition: 0.25s all; }
  .hqc--bouton-secondaire_mode-clair {
    color: #1224b8;
    border-color: #1224b8; }
    .hqc--bouton-secondaire_mode-clair:hover, .hqc--bouton-secondaire_mode-clair:focus {
      background-color: #1224b8;
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5), 0 4px 8px 3px rgba(0, 0, 0, 0.25);
      color: #fff;
      border-color: #1224b8; }
    .hqc--bouton-secondaire_mode-clair:active {
      background-color: #101692;
      color: #fff;
      border-color: #101692; }
  .hqc--bouton-secondaire_mode-sombre {
    color: #fff;
    background-color: transparent;
    border-color: #fff; }
    .hqc--bouton-secondaire_mode-sombre:hover, .hqc--bouton-secondaire_mode-sombre:focus {
      background-color: #fff;
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5), 0 4px 8px 3px rgba(0, 0, 0, 0.25);
      color: #0f096c;
      border-color: #fff; }
    .hqc--bouton-secondaire_mode-sombre:active {
      background-color: #cfe3fa;
      color: #0f096c;
      border-color: #cfe3fa; }
  @media (min-width: 672px) {
    .hqc--bouton-secondaire {
      font-size: 14px;
      padding: 12px 24px;
      border-width: 2px; } }
  @media (min-width: 1056px) {
    .hqc--bouton-secondaire {
      font-size: 16px;
      padding: 16px 32px; } }
  @media (min-width: 1312px) {
    .hqc--bouton-secondaire {
      font-size: 20px;
      padding: 20px 40px;
      border-width: 3px; } }
  @media (min-width: 1584px) {
    .hqc--bouton-secondaire {
      padding: 24px 48px; } }

.hqc--bouton-tertiaire, .hqc--bloc-contenu-01 > div > div > div:first-child p a {
  font-size: 14px;
  line-height: 1.2em;
  border-bottom: 1px solid transparent;
  text-decoration: none;
  padding-bottom: 2px;
  font-weight: 500;
  position: relative;
  display: inline;
  transition: 0.25s all; }
  .hqc--bouton-tertiaire:hover, .hqc--bloc-contenu-01 > div > div > div:first-child p a:hover, .hqc--bouton-tertiaire:focus, .hqc--bloc-contenu-01 > div > div > div:first-child p a:focus {
    transition: 0.25s all; }
  .hqc--bouton-tertiaire:active, .hqc--bloc-contenu-01 > div > div > div:first-child p a:active {
    transition: 0.25s all; }
  .hqc--bouton-tertiaire_icone-apres::after, .hqc--bloc-contenu-01 > div > div > div:first-child p a::after {
    content: "";
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center left;
    display: inline-flex;
    position: relative;
    margin-left: 10px;
    height: 32px;
    width: 32px;
    transition: 0.25s all;
    top: -3px;
    align-items: center; }
    @media (min-width: 672px) {
      .hqc--bouton-tertiaire_icone-apres::after, .hqc--bloc-contenu-01 > div > div > div:first-child p a::after {
        background-size: 80%;
        top: -3px; } }
    @media (min-width: 1056px) {
      .hqc--bouton-tertiaire_icone-apres::after, .hqc--bloc-contenu-01 > div > div > div:first-child p a::after {
        background-size: 80%;
        top: -4px; } }
    @media (min-width: 1312px) {
      .hqc--bouton-tertiaire_icone-apres::after, .hqc--bloc-contenu-01 > div > div > div:first-child p a::after {
        background-size: 100%;
        top: -5px; } }
    @media (min-width: 1584px) {
      .hqc--bouton-tertiaire_icone-apres::after, .hqc--bloc-contenu-01 > div > div > div:first-child p a::after {
        background-size: 100%;
        top: -7px; } }
  .hqc--bouton-tertiaire_icone-apres:hover::after, .hqc--bloc-contenu-01 > div > div > div:first-child p a:hover::after, .hqc--bouton-tertiaire_icone-apres:focus::after, .hqc--bloc-contenu-01 > div > div > div:first-child p a:focus::after {
    transition: 0.25s all; }
  .hqc--bouton-tertiaire_icone-apres:active::after, .hqc--bloc-contenu-01 > div > div > div:first-child p a:active::after {
    transition: 0.25s all; }
  .hqc--bouton-tertiaire_mode-clair, .hqc--bloc-contenu-01_mode-clair a {
    color: #1224b8; }
    .hqc--bouton-tertiaire_mode-clair:hover, .hqc--bloc-contenu-01_mode-clair a:hover, .hqc--bouton-tertiaire_mode-clair:focus, .hqc--bloc-contenu-01_mode-clair a:focus {
      color: #104cce;
      border-color: #104cce; }
    .hqc--bouton-tertiaire_mode-clair:active, .hqc--bloc-contenu-01_mode-clair a:active {
      color: #0f096c;
      border-color: #0f096c; }
  .hqc--bouton-tertiaire_mode-sombre, .hqc--bloc-contenu-01_mode-sombre a {
    color: #fff; }
    .hqc--bouton-tertiaire_mode-sombre:hover, .hqc--bloc-contenu-01_mode-sombre a:hover, .hqc--bouton-tertiaire_mode-sombre:focus, .hqc--bloc-contenu-01_mode-sombre a:focus {
      color: #ffb440;
      border-color: #ffb440; }
    .hqc--bouton-tertiaire_mode-sombre:active, .hqc--bloc-contenu-01_mode-sombre a:active {
      color: #E07600;
      border-color: #E07600; }
  @media (min-width: 672px) {
    .hqc--bouton-tertiaire, .hqc--bloc-contenu-01 > div > div > div:first-child p a {
      font-size: 16px; } }
  @media (min-width: 1056px) {
    .hqc--bouton-tertiaire, .hqc--bloc-contenu-01 > div > div > div:first-child p a {
      font-size: 16px; } }
  @media (min-width: 1312px) {
    .hqc--bouton-tertiaire, .hqc--bloc-contenu-01 > div > div > div:first-child p a {
      border-bottom: 2px solid transparent;
      font-size: 20px; }
      .hqc--bouton-tertiaire:hover, .hqc--bloc-contenu-01 > div > div > div:first-child p a:hover, .hqc--bouton-tertiaire:focus, .hqc--bloc-contenu-01 > div > div > div:first-child p a:focus, .hqc--bouton-tertiaire:active, .hqc--bloc-contenu-01 > div > div > div:first-child p a:active {
        border-width: 2px; } }

.hqc--bouton-tertiaire-icone {
  position: relative; }
  .hqc--bouton-tertiaire-icone_size-md::after {
    height: 56px !important;
    width: 56px !important; }
  .hqc--bouton-tertiaire-icone::after {
    /* background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Calque_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 72 72'%3E%3Ccircle style='stroke:%23000000;stroke-miterlimit:10;' cx='36' cy='36' r='35.5'/%3E%3C/svg%3E%0A");*/
    background-image: url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M38.2761 28.3905C37.7554 27.8698 36.9112 27.8698 36.3905 28.3905C35.8698 28.9112 35.8698 29.7554 36.3905 30.2761L40.781 34.6667H28V37.3333H40.781L36.3905 41.7239C35.8698 42.2446 35.8698 43.0888 36.3905 43.6095C36.9112 44.1302 37.7554 44.1302 38.2761 43.6095L44.9423 36.9433C44.9426 36.943 44.943 36.9426 44.9433 36.9423L45.8856 36L44.9436 35.058C44.9431 35.0575 44.9425 35.0569 44.942 35.0564L38.2761 28.3905Z' fill='%231224B8'/%3E%3Cpath d='M36 71C16.67 71 1 55.33 1 36H-1C-1 56.4345 15.5655 73 36 73V71ZM71 36C71 55.33 55.33 71 36 71V73C56.4345 73 73 56.4345 73 36H71ZM36 1C55.33 1 71 16.67 71 36H73C73 15.5655 56.4345 -1 36 -1V1ZM36 -1C15.5655 -1 -1 15.5655 -1 36H1C1 16.67 16.67 1 36 1V-1Z' fill='%23dfdfdf' /%3E%3C/svg%3E%0A");
    content: "";
    display: block;
    position: absolute;
    right: 16px;
    bottom: 16px;
    height: 32px;
    width: 32px;
    background-size: 100%;
    transition: 0.25s all; }
    @media (min-width: 672px) {
      .hqc--bouton-tertiaire-icone::after {
        height: 40px;
        width: 40px; } }
    @media (min-width: 1056px) {
      .hqc--bouton-tertiaire-icone::after {
        height: 56px;
        width: 56px; } }
    @media (min-width: 1312px) {
      .hqc--bouton-tertiaire-icone::after {
        height: 64px;
        width: 64px; } }
    @media (min-width: 1584px) {
      .hqc--bouton-tertiaire-icone::after {
        height: 72px;
        width: 72px; } }
  .hqc--bouton-tertiaire-icone:hover::after, .hqc--bouton-tertiaire-icone:focus::after {
    background-image: url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 36C0 16.1177 16.1177 0 36 0V0C55.8823 0 72 16.1177 72 36V36C72 55.8823 55.8823 72 36 72V72C16.1177 72 0 55.8823 0 36V36Z' fill='%23104CCE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M38.2761 28.3905C37.7554 27.8698 36.9112 27.8698 36.3905 28.3905C35.8698 28.9112 35.8698 29.7554 36.3905 30.2761L40.781 34.6667H28V37.3333H40.781L36.3905 41.7239C35.8698 42.2446 35.8698 43.0888 36.3905 43.6095C36.9112 44.1302 37.7554 44.1302 38.2761 43.6095L44.9423 36.9433C44.9426 36.943 44.943 36.9426 44.9433 36.9423L45.8856 36L44.9436 35.058C44.9431 35.0575 44.9425 35.0569 44.942 35.0564L38.2761 28.3905Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
    transition: 0.25s all; }
  .hqc--bouton-tertiaire-icone:active::after {
    background-image: url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 36C0 16.1177 16.1177 0 36 0V0C55.8823 0 72 16.1177 72 36V36C72 55.8823 55.8823 72 36 72V72C16.1177 72 0 55.8823 0 36V36Z' fill='%230F096C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M38.2761 28.3905C37.7554 27.8698 36.9112 27.8698 36.3905 28.3905C35.8698 28.9112 35.8698 29.7554 36.3905 30.2761L40.781 34.6667H28V37.3333H40.781L36.3905 41.7239C35.8698 42.2446 35.8698 43.0888 36.3905 43.6095C36.9112 44.1302 37.7554 44.1302 38.2761 43.6095L44.9423 36.9433C44.9426 36.943 44.943 36.9426 44.9433 36.9423L45.8856 36L44.9436 35.058C44.9431 35.0575 44.9425 35.0569 44.942 35.0564L38.2761 28.3905Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
    transition: 0.25s all; }

.hqc--bouton-ancre::after {
  right: 50%;
  transform: rotate(90deg) translateX(-50%);
  transform-origin: bottom;
  bottom: 16px;
  height: 48px;
  width: 48px; }

.hqc--bouton-tertiaire_mode-clair::after, .hqc--bloc-contenu-01_mode-clair a::after {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.2761 8.39052C17.7554 7.86983 16.9112 7.86983 16.3905 8.39052C15.8698 8.91122 15.8698 9.75544 16.3905 10.2761L20.781 14.6667H8V17.3333H20.781L16.3905 21.7239C15.8698 22.2446 15.8698 23.0888 16.3905 23.6095C16.9112 24.1302 17.7554 24.1302 18.2761 23.6095L24.9423 16.9433C24.9426 16.943 24.943 16.9426 24.9433 16.9423L25.8856 16L24.9436 15.058C24.9431 15.0575 24.9425 15.0569 24.942 15.0564L18.2761 8.39052Z' fill='%231224b8'/%3E%3C/svg%3E"); }

.hqc--bouton-tertiaire_mode-clair:hover::after, .hqc--bloc-contenu-01_mode-clair a:hover::after, .hqc--bouton-tertiaire_mode-clair:focus::after, .hqc--bloc-contenu-01_mode-clair a:focus::after {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.2761 8.39052C17.7554 7.86983 16.9112 7.86983 16.3905 8.39052C15.8698 8.91122 15.8698 9.75544 16.3905 10.2761L20.781 14.6667H8V17.3333H20.781L16.3905 21.7239C15.8698 22.2446 15.8698 23.0888 16.3905 23.6095C16.9112 24.1302 17.7554 24.1302 18.2761 23.6095L24.9423 16.9433C24.9426 16.943 24.943 16.9426 24.9433 16.9423L25.8856 16L24.9436 15.058C24.9431 15.0575 24.9425 15.0569 24.942 15.0564L18.2761 8.39052Z' fill='%23104cce'/%3E%3C/svg%3E"); }

.hqc--bouton-tertiaire_mode-clair:active::after, .hqc--bloc-contenu-01_mode-clair a:active::after {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.2761 8.39052C17.7554 7.86983 16.9112 7.86983 16.3905 8.39052C15.8698 8.91122 15.8698 9.75544 16.3905 10.2761L20.781 14.6667H8V17.3333H20.781L16.3905 21.7239C15.8698 22.2446 15.8698 23.0888 16.3905 23.6095C16.9112 24.1302 17.7554 24.1302 18.2761 23.6095L24.9423 16.9433C24.9426 16.943 24.943 16.9426 24.9433 16.9423L25.8856 16L24.9436 15.058C24.9431 15.0575 24.9425 15.0569 24.942 15.0564L18.2761 8.39052Z' fill='%230f096c'/%3E%3C/svg%3E"); }

.hqc--bouton-tertiaire_mode-sombre::after, .hqc--bloc-contenu-01_mode-sombre a::after {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.2761 8.39052C17.7554 7.86983 16.9112 7.86983 16.3905 8.39052C15.8698 8.91122 15.8698 9.75544 16.3905 10.2761L20.781 14.6667H8V17.3333H20.781L16.3905 21.7239C15.8698 22.2446 15.8698 23.0888 16.3905 23.6095C16.9112 24.1302 17.7554 24.1302 18.2761 23.6095L24.9423 16.9433C24.9426 16.943 24.943 16.9426 24.9433 16.9423L25.8856 16L24.9436 15.058C24.9431 15.0575 24.9425 15.0569 24.942 15.0564L18.2761 8.39052Z' fill='%23ff9b00'/%3E%3C/svg%3E"); }

.hqc--bouton-tertiaire_mode-sombre:hover::after, .hqc--bloc-contenu-01_mode-sombre a:hover::after, .hqc--bouton-tertiaire_mode-sombre:focus::after, .hqc--bloc-contenu-01_mode-sombre a:focus::after {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.2761 8.39052C17.7554 7.86983 16.9112 7.86983 16.3905 8.39052C15.8698 8.91122 15.8698 9.75544 16.3905 10.2761L20.781 14.6667H8V17.3333H20.781L16.3905 21.7239C15.8698 22.2446 15.8698 23.0888 16.3905 23.6095C16.9112 24.1302 17.7554 24.1302 18.2761 23.6095L24.9423 16.9433C24.9426 16.943 24.943 16.9426 24.9433 16.9423L25.8856 16L24.9436 15.058C24.9431 15.0575 24.9425 15.0569 24.942 15.0564L18.2761 8.39052Z' fill='%23ffb440'/%3E%3C/svg%3E"); }

.hqc--bouton-tertiaire_mode-sombre:active::after, .hqc--bloc-contenu-01_mode-sombre a:active::after {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.2761 8.39052C17.7554 7.86983 16.9112 7.86983 16.3905 8.39052C15.8698 8.91122 15.8698 9.75544 16.3905 10.2761L20.781 14.6667H8V17.3333H20.781L16.3905 21.7239C15.8698 22.2446 15.8698 23.0888 16.3905 23.6095C16.9112 24.1302 17.7554 24.1302 18.2761 23.6095L24.9423 16.9433C24.9426 16.943 24.943 16.9426 24.9433 16.9423L25.8856 16L24.9436 15.058C24.9431 15.0575 24.9425 15.0569 24.942 15.0564L18.2761 8.39052Z' fill='%23E07600'/%3E%3C/svg%3E"); }

.hqc--bouton-video_temp {
  padding: 8px 16px;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 32px; }

/*.hqc--bouton-bulle-fleche_droite {
    position: relative;

    &::before {
        content: "";
        background-color: $blanc;
        border-radius: 20px;
        border:1px solid $gris_15;
        display: flex;
        position: absolute;
        right:16px;
        bottom:16px;
        height:40px;
        width:40px;
        transition: all 0.5s;
    }

    &::after {
        content: url(/_hydro-quebec/composantes/bouton/images/btn-fleche-droite.svg);
        display: flex;
        position: absolute;
        right:16px;
        bottom:16px;
        height:40px;
        width:40px;
        align-items: center;
        justify-content:center;
        padding-top:2px;
        filter: invert(9%) sepia(82%) saturate(4568%) hue-rotate(237deg) brightness(155%) contrast(110%);
        transition: all 0.5s;
    }

    &:hover,
    &:focus {
        &::before {
            background-color: $bleu_60;
        }
        &::after {
            filter: invert(100%) sepia(3%) saturate(12%) hue-rotate(69deg) brightness(105%) contrast(103%);
        }
    }

}*/
@use '_variables' as local;
@use '../../../assets/src/scss/tokens' as *;
.hqc--section {
  padding-top: 48px;
  padding-bottom: 48px; }
  .hqc--section-slim {
    padding-top: 64px;
    padding-bottom: 64px; }
  @media (min-width: 1056px) {
    .hqc--section {
      padding-top: 64px;
      padding-bottom: 64px; }
      .hqc--section-slim {
        padding-top: 80px;
        padding-bottom: 80px; }
      .hqc--section-meme-bg + .hqc--section-meme-bg {
        padding-top: 0px; } }

.hqc--center, .hqc--bloc-contenu-01 > div > div, .hqc--entete-avec-image_n1__simplifie > div > div, .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div, .hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) > div > div, .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) {
  justify-content: center; }

.hqc--grid--full-width {
  width: 100%; }
  .hqc--grid--full-width .hqc--row, .hqc--grid--full-width .hqc--bloc-contenu-01 > div > div, .hqc--grid--full-width .hqc--entete-avec-image_n1__simplifie > div > div, .hqc--grid--full-width .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div, .hqc--grid--full-width .hqc--entete-avec-image_n2__simplifie > div:first-child > div:nth-child(2) > div > div, .hqc--grid--full-width .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) {
    margin-left: 0;
    margin-right: 0; }

.hqc--vertical-lg__center, .hqc--bloc-contenu-01 > div > div {
  align-items: center; }

@media (min-width: 1056px) {
  .hqc--col-lg-3_30 {
    display: block;
    max-width: 30%;
    flex: 0 0 30%; } }

/*SPACING*/
@media (min-width: 1056px) {
  .hqc--pl-lg-48 {
    padding-left: 48px; } }

.hqc--hide {
  display: none; }

.hqc--mt-0 {
  margin-top: 0px; }

.hqc--mb-0 {
  margin-bottom: 0px; }

.hqc--pt-0 {
  padding-top: 0px; }

.hqc--pb-0 {
  padding-bottom: 0px; }

.hqc--m-0 {
  margin: 0px; }

.hqc--p-0 {
  padding: 0px; }

.hqc--mt-8 {
  margin-top: 8px; }

.hqc--mb-8 {
  margin-bottom: 8px; }

.hqc--pt-8 {
  padding-top: 8px; }

.hqc--pb-8 {
  padding-bottom: 8px; }

.hqc--m-8 {
  margin: 8px; }

.hqc--p-8 {
  padding: 8px; }

.hqc--mt-16 {
  margin-top: 16px; }

.hqc--mb-16, .hqc--bloc-contenu-01 > div > div > div:first-child h2 {
  margin-bottom: 16px; }

.hqc--pt-16 {
  padding-top: 16px; }

.hqc--pb-16 {
  padding-bottom: 16px; }

.hqc--m-16 {
  margin: 16px; }

.hqc--p-16 {
  padding: 16px; }

.hqc--mt-24 {
  margin-top: 24px; }

.hqc--mb-24 {
  margin-bottom: 24px; }

.hqc--pt-24 {
  padding-top: 24px; }

.hqc--pb-24 {
  padding-bottom: 24px; }

.hqc--m-24 {
  margin: 24px; }

.hqc--p-24 {
  padding: 24px; }

.hqc--mt-32, .hqc--bloc-contenu-01 > div > div > div:first-child p {
  margin-top: 32px; }

.hqc--mb-32, .hqc--bloc-contenu-01 > div > div > div:first-child h3 {
  margin-bottom: 32px; }

.hqc--pt-32 {
  padding-top: 32px; }

.hqc--pb-32 {
  padding-bottom: 32px; }

.hqc--m-32 {
  margin: 32px; }

.hqc--p-32 {
  padding: 32px; }

.hqc--mt-40 {
  margin-top: 40px; }

.hqc--mb-40 {
  margin-bottom: 40px; }

.hqc--pt-40 {
  padding-top: 40px; }

.hqc--pb-40 {
  padding-bottom: 40px; }

.hqc--m-40 {
  margin: 40px; }

.hqc--p-40 {
  padding: 40px; }

.hqc--mt-48 {
  margin-top: 48px; }

.hqc--mb-48 {
  margin-bottom: 48px; }

.hqc--pt-48 {
  padding-top: 48px; }

.hqc--pb-48 {
  padding-bottom: 48px; }

.hqc--m-48 {
  margin: 48px; }

.hqc--p-48 {
  padding: 48px; }

.hqc--mt-56 {
  margin-top: 56px; }

.hqc--mb-56 {
  margin-bottom: 56px; }

.hqc--pt-56 {
  padding-top: 56px; }

.hqc--pb-56 {
  padding-bottom: 56px; }

.hqc--m-56 {
  margin: 56px; }

.hqc--p-56 {
  padding: 56px; }

.hqc--mt-64 {
  margin-top: 64px; }

.hqc--mb-64, .hqc--entete-avec-image_n2__simplifie {
  margin-bottom: 64px; }

.hqc--pt-64 {
  padding-top: 64px; }

.hqc--pb-64 {
  padding-bottom: 64px; }

.hqc--m-64 {
  margin: 64px; }

.hqc--p-64 {
  padding: 64px; }

.hqc--mt-72 {
  margin-top: 72px; }

.hqc--mb-72 {
  margin-bottom: 72px; }

.hqc--pt-72 {
  padding-top: 72px; }

.hqc--pb-72 {
  padding-bottom: 72px; }

.hqc--m-72 {
  margin: 72px; }

.hqc--p-72 {
  padding: 72px; }

.hqc--mt-80 {
  margin-top: 80px; }

.hqc--mb-80 {
  margin-bottom: 80px; }

.hqc--pt-80 {
  padding-top: 80px; }

.hqc--pb-80 {
  padding-bottom: 80px; }

.hqc--m-80 {
  margin: 80px; }

.hqc--p-80 {
  padding: 80px; }

.hqc--mt-88 {
  margin-top: 88px; }

.hqc--mb-88 {
  margin-bottom: 88px; }

.hqc--pt-88 {
  padding-top: 88px; }

.hqc--pb-88 {
  padding-bottom: 88px; }

.hqc--m-88 {
  margin: 88px; }

.hqc--p-88 {
  padding: 88px; }

.hqc--mt-96 {
  margin-top: 96px; }

.hqc--mb-96 {
  margin-bottom: 96px; }

.hqc--pt-96 {
  padding-top: 96px; }

.hqc--pb-96 {
  padding-bottom: 96px; }

.hqc--m-96 {
  margin: 96px; }

.hqc--p-96 {
  padding: 96px; }

.hqc--mt-104 {
  margin-top: 104px; }

.hqc--mb-104 {
  margin-bottom: 104px; }

.hqc--pt-104 {
  padding-top: 104px; }

.hqc--pb-104 {
  padding-bottom: 104px; }

.hqc--m-104 {
  margin: 104px; }

.hqc--p-104 {
  padding: 104px; }

.hqc--mt-112 {
  margin-top: 112px; }

.hqc--mb-112 {
  margin-bottom: 112px; }

.hqc--pt-112 {
  padding-top: 112px; }

.hqc--pb-112 {
  padding-bottom: 112px; }

.hqc--m-112 {
  margin: 112px; }

.hqc--p-112 {
  padding: 112px; }

.hqc--mt-120 {
  margin-top: 120px; }

.hqc--mb-120 {
  margin-bottom: 120px; }

.hqc--pt-120 {
  padding-top: 120px; }

.hqc--pb-120 {
  padding-bottom: 120px; }

.hqc--m-120 {
  margin: 120px; }

.hqc--p-120 {
  padding: 120px; }

.hqc--mt-128 {
  margin-top: 128px; }

.hqc--mb-128 {
  margin-bottom: 128px; }

.hqc--pt-128 {
  padding-top: 128px; }

.hqc--pb-128 {
  padding-bottom: 128px; }

.hqc--m-128 {
  margin: 128px; }

.hqc--p-128 {
  padding: 128px; }

@media (min-width: 360px) {
  .hqc--hide-sm {
    display: none; }
  .hqc--show-sm {
    display: initial; }
  .hqc--mt-0-sm {
    margin-top: 0px; }
  .hqc--mb-0-sm {
    margin-bottom: 0px; }
  .hqc--pt-0-sm {
    padding-top: 0px; }
  .hqc--pb-0-sm {
    padding-bottom: 0px; }
  .hqc--mt--0-sm {
    margin-top: 0px; }
  .hqc--mb--0-sm {
    margin-bottom: 0px; }
  .hqc--m-0-sm {
    margin: 0px; }
  .hqc--p-0-sm {
    padding: 0px; }
  .hqc--m-0 {
    margin: 0px; }
  .hqc--p-0 {
    padding: 0px; }
  .hqc--mt-8-sm {
    margin-top: 8px; }
  .hqc--mb-8-sm {
    margin-bottom: 8px; }
  .hqc--pt-8-sm {
    padding-top: 8px; }
  .hqc--pb-8-sm {
    padding-bottom: 8px; }
  .hqc--mt--8-sm {
    margin-top: -8px; }
  .hqc--mb--8-sm {
    margin-bottom: -8px; }
  .hqc--m-8-sm {
    margin: 8px; }
  .hqc--p-8-sm {
    padding: 8px; }
  .hqc--m-8 {
    margin: 8px; }
  .hqc--p-8 {
    padding: 8px; }
  .hqc--mt-16-sm {
    margin-top: 16px; }
  .hqc--mb-16-sm {
    margin-bottom: 16px; }
  .hqc--pt-16-sm {
    padding-top: 16px; }
  .hqc--pb-16-sm {
    padding-bottom: 16px; }
  .hqc--mt--16-sm {
    margin-top: -16px; }
  .hqc--mb--16-sm {
    margin-bottom: -16px; }
  .hqc--m-16-sm {
    margin: 16px; }
  .hqc--p-16-sm {
    padding: 16px; }
  .hqc--m-16 {
    margin: 16px; }
  .hqc--p-16 {
    padding: 16px; }
  .hqc--mt-24-sm {
    margin-top: 24px; }
  .hqc--mb-24-sm {
    margin-bottom: 24px; }
  .hqc--pt-24-sm {
    padding-top: 24px; }
  .hqc--pb-24-sm {
    padding-bottom: 24px; }
  .hqc--mt--24-sm {
    margin-top: -24px; }
  .hqc--mb--24-sm {
    margin-bottom: -24px; }
  .hqc--m-24-sm {
    margin: 24px; }
  .hqc--p-24-sm {
    padding: 24px; }
  .hqc--m-24 {
    margin: 24px; }
  .hqc--p-24 {
    padding: 24px; }
  .hqc--mt-32-sm {
    margin-top: 32px; }
  .hqc--mb-32-sm, .hqc--bloc-contenu-01 > div > div > div {
    margin-bottom: 32px; }
  .hqc--pt-32-sm {
    padding-top: 32px; }
  .hqc--pb-32-sm {
    padding-bottom: 32px; }
  .hqc--mt--32-sm {
    margin-top: -32px; }
  .hqc--mb--32-sm {
    margin-bottom: -32px; }
  .hqc--m-32-sm {
    margin: 32px; }
  .hqc--p-32-sm {
    padding: 32px; }
  .hqc--m-32 {
    margin: 32px; }
  .hqc--p-32 {
    padding: 32px; }
  .hqc--mt-40-sm {
    margin-top: 40px; }
  .hqc--mb-40-sm {
    margin-bottom: 40px; }
  .hqc--pt-40-sm {
    padding-top: 40px; }
  .hqc--pb-40-sm {
    padding-bottom: 40px; }
  .hqc--mt--40-sm {
    margin-top: -40px; }
  .hqc--mb--40-sm {
    margin-bottom: -40px; }
  .hqc--m-40-sm {
    margin: 40px; }
  .hqc--p-40-sm {
    padding: 40px; }
  .hqc--m-40 {
    margin: 40px; }
  .hqc--p-40 {
    padding: 40px; }
  .hqc--mt-48-sm, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] h2, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] p, .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) {
    margin-top: 48px; }
  .hqc--mb-48-sm {
    margin-bottom: 48px; }
  .hqc--pt-48-sm {
    padding-top: 48px; }
  .hqc--pb-48-sm {
    padding-bottom: 48px; }
  .hqc--mt--48-sm {
    margin-top: -48px; }
  .hqc--mb--48-sm {
    margin-bottom: -48px; }
  .hqc--m-48-sm {
    margin: 48px; }
  .hqc--p-48-sm {
    padding: 48px; }
  .hqc--m-48 {
    margin: 48px; }
  .hqc--p-48 {
    padding: 48px; }
  .hqc--mt-56-sm {
    margin-top: 56px; }
  .hqc--mb-56-sm {
    margin-bottom: 56px; }
  .hqc--pt-56-sm {
    padding-top: 56px; }
  .hqc--pb-56-sm {
    padding-bottom: 56px; }
  .hqc--mt--56-sm {
    margin-top: -56px; }
  .hqc--mb--56-sm {
    margin-bottom: -56px; }
  .hqc--m-56-sm {
    margin: 56px; }
  .hqc--p-56-sm {
    padding: 56px; }
  .hqc--m-56 {
    margin: 56px; }
  .hqc--p-56 {
    padding: 56px; }
  .hqc--mt-64-sm {
    margin-top: 64px; }
  .hqc--mb-64-sm {
    margin-bottom: 64px; }
  .hqc--pt-64-sm {
    padding-top: 64px; }
  .hqc--pb-64-sm {
    padding-bottom: 64px; }
  .hqc--mt--64-sm {
    margin-top: -64px; }
  .hqc--mb--64-sm {
    margin-bottom: -64px; }
  .hqc--m-64-sm {
    margin: 64px; }
  .hqc--p-64-sm {
    padding: 64px; }
  .hqc--m-64 {
    margin: 64px; }
  .hqc--p-64 {
    padding: 64px; }
  .hqc--mt-72-sm {
    margin-top: 72px; }
  .hqc--mb-72-sm {
    margin-bottom: 72px; }
  .hqc--pt-72-sm {
    padding-top: 72px; }
  .hqc--pb-72-sm {
    padding-bottom: 72px; }
  .hqc--mt--72-sm {
    margin-top: -72px; }
  .hqc--mb--72-sm {
    margin-bottom: -72px; }
  .hqc--m-72-sm {
    margin: 72px; }
  .hqc--p-72-sm {
    padding: 72px; }
  .hqc--m-72 {
    margin: 72px; }
  .hqc--p-72 {
    padding: 72px; }
  .hqc--mt-80-sm {
    margin-top: 80px; }
  .hqc--mb-80-sm {
    margin-bottom: 80px; }
  .hqc--pt-80-sm {
    padding-top: 80px; }
  .hqc--pb-80-sm {
    padding-bottom: 80px; }
  .hqc--mt--80-sm {
    margin-top: -80px; }
  .hqc--mb--80-sm {
    margin-bottom: -80px; }
  .hqc--m-80-sm {
    margin: 80px; }
  .hqc--p-80-sm {
    padding: 80px; }
  .hqc--m-80 {
    margin: 80px; }
  .hqc--p-80 {
    padding: 80px; }
  .hqc--mt-88-sm {
    margin-top: 88px; }
  .hqc--mb-88-sm {
    margin-bottom: 88px; }
  .hqc--pt-88-sm {
    padding-top: 88px; }
  .hqc--pb-88-sm {
    padding-bottom: 88px; }
  .hqc--mt--88-sm {
    margin-top: -88px; }
  .hqc--mb--88-sm {
    margin-bottom: -88px; }
  .hqc--m-88-sm {
    margin: 88px; }
  .hqc--p-88-sm {
    padding: 88px; }
  .hqc--m-88 {
    margin: 88px; }
  .hqc--p-88 {
    padding: 88px; }
  .hqc--mt-96-sm {
    margin-top: 96px; }
  .hqc--mb-96-sm {
    margin-bottom: 96px; }
  .hqc--pt-96-sm {
    padding-top: 96px; }
  .hqc--pb-96-sm {
    padding-bottom: 96px; }
  .hqc--mt--96-sm {
    margin-top: -96px; }
  .hqc--mb--96-sm {
    margin-bottom: -96px; }
  .hqc--m-96-sm {
    margin: 96px; }
  .hqc--p-96-sm {
    padding: 96px; }
  .hqc--m-96 {
    margin: 96px; }
  .hqc--p-96 {
    padding: 96px; }
  .hqc--mt-104-sm {
    margin-top: 104px; }
  .hqc--mb-104-sm {
    margin-bottom: 104px; }
  .hqc--pt-104-sm {
    padding-top: 104px; }
  .hqc--pb-104-sm {
    padding-bottom: 104px; }
  .hqc--mt--104-sm {
    margin-top: -104px; }
  .hqc--mb--104-sm {
    margin-bottom: -104px; }
  .hqc--m-104-sm {
    margin: 104px; }
  .hqc--p-104-sm {
    padding: 104px; }
  .hqc--m-104 {
    margin: 104px; }
  .hqc--p-104 {
    padding: 104px; }
  .hqc--mt-112-sm {
    margin-top: 112px; }
  .hqc--mb-112-sm {
    margin-bottom: 112px; }
  .hqc--pt-112-sm {
    padding-top: 112px; }
  .hqc--pb-112-sm {
    padding-bottom: 112px; }
  .hqc--mt--112-sm {
    margin-top: -112px; }
  .hqc--mb--112-sm {
    margin-bottom: -112px; }
  .hqc--m-112-sm {
    margin: 112px; }
  .hqc--p-112-sm {
    padding: 112px; }
  .hqc--m-112 {
    margin: 112px; }
  .hqc--p-112 {
    padding: 112px; }
  .hqc--mt-120-sm {
    margin-top: 120px; }
  .hqc--mb-120-sm {
    margin-bottom: 120px; }
  .hqc--pt-120-sm {
    padding-top: 120px; }
  .hqc--pb-120-sm {
    padding-bottom: 120px; }
  .hqc--mt--120-sm {
    margin-top: -120px; }
  .hqc--mb--120-sm {
    margin-bottom: -120px; }
  .hqc--m-120-sm {
    margin: 120px; }
  .hqc--p-120-sm {
    padding: 120px; }
  .hqc--m-120 {
    margin: 120px; }
  .hqc--p-120 {
    padding: 120px; }
  .hqc--mt-128-sm {
    margin-top: 128px; }
  .hqc--mb-128-sm {
    margin-bottom: 128px; }
  .hqc--pt-128-sm {
    padding-top: 128px; }
  .hqc--pb-128-sm {
    padding-bottom: 128px; }
  .hqc--mt--128-sm {
    margin-top: -128px; }
  .hqc--mb--128-sm {
    margin-bottom: -128px; }
  .hqc--m-128-sm {
    margin: 128px; }
  .hqc--p-128-sm {
    padding: 128px; }
  .hqc--m-128 {
    margin: 128px; }
  .hqc--p-128 {
    padding: 128px; } }

@media (min-width: 672px) {
  .hqc--hide-md {
    display: none; }
  .hqc--show-md {
    display: initial; }
  .hqc--mt-0-md {
    margin-top: 0px; }
  .hqc--mb-0-md {
    margin-bottom: 0px; }
  .hqc--pt-0-md {
    padding-top: 0px; }
  .hqc--pb-0-md {
    padding-bottom: 0px; }
  .hqc--mt--0-md {
    margin-top: 0px; }
  .hqc--mb--0-md {
    margin-bottom: 0px; }
  .hqc--m-0-md {
    margin: 0px; }
  .hqc--p-0-md {
    padding: 0px; }
  .hqc--m-0 {
    margin: 0px; }
  .hqc--p-0 {
    padding: 0px; }
  .hqc--mt-8-md {
    margin-top: 8px; }
  .hqc--mb-8-md {
    margin-bottom: 8px; }
  .hqc--pt-8-md {
    padding-top: 8px; }
  .hqc--pb-8-md {
    padding-bottom: 8px; }
  .hqc--mt--8-md {
    margin-top: -8px; }
  .hqc--mb--8-md {
    margin-bottom: -8px; }
  .hqc--m-8-md {
    margin: 8px; }
  .hqc--p-8-md {
    padding: 8px; }
  .hqc--m-8 {
    margin: 8px; }
  .hqc--p-8 {
    padding: 8px; }
  .hqc--mt-16-md {
    margin-top: 16px; }
  .hqc--mb-16-md {
    margin-bottom: 16px; }
  .hqc--pt-16-md {
    padding-top: 16px; }
  .hqc--pb-16-md {
    padding-bottom: 16px; }
  .hqc--mt--16-md {
    margin-top: -16px; }
  .hqc--mb--16-md {
    margin-bottom: -16px; }
  .hqc--m-16-md {
    margin: 16px; }
  .hqc--p-16-md {
    padding: 16px; }
  .hqc--m-16 {
    margin: 16px; }
  .hqc--p-16 {
    padding: 16px; }
  .hqc--mt-24-md {
    margin-top: 24px; }
  .hqc--mb-24-md {
    margin-bottom: 24px; }
  .hqc--pt-24-md {
    padding-top: 24px; }
  .hqc--pb-24-md {
    padding-bottom: 24px; }
  .hqc--mt--24-md {
    margin-top: -24px; }
  .hqc--mb--24-md {
    margin-bottom: -24px; }
  .hqc--m-24-md {
    margin: 24px; }
  .hqc--p-24-md {
    padding: 24px; }
  .hqc--m-24 {
    margin: 24px; }
  .hqc--p-24 {
    padding: 24px; }
  .hqc--mt-32-md {
    margin-top: 32px; }
  .hqc--mb-32-md {
    margin-bottom: 32px; }
  .hqc--pt-32-md {
    padding-top: 32px; }
  .hqc--pb-32-md {
    padding-bottom: 32px; }
  .hqc--mt--32-md {
    margin-top: -32px; }
  .hqc--mb--32-md {
    margin-bottom: -32px; }
  .hqc--m-32-md {
    margin: 32px; }
  .hqc--p-32-md {
    padding: 32px; }
  .hqc--m-32 {
    margin: 32px; }
  .hqc--p-32 {
    padding: 32px; }
  .hqc--mt-40-md {
    margin-top: 40px; }
  .hqc--mb-40-md {
    margin-bottom: 40px; }
  .hqc--pt-40-md {
    padding-top: 40px; }
  .hqc--pb-40-md {
    padding-bottom: 40px; }
  .hqc--mt--40-md {
    margin-top: -40px; }
  .hqc--mb--40-md {
    margin-bottom: -40px; }
  .hqc--m-40-md {
    margin: 40px; }
  .hqc--p-40-md {
    padding: 40px; }
  .hqc--m-40 {
    margin: 40px; }
  .hqc--p-40 {
    padding: 40px; }
  .hqc--mt-48-md {
    margin-top: 48px; }
  .hqc--mb-48-md {
    margin-bottom: 48px; }
  .hqc--pt-48-md {
    padding-top: 48px; }
  .hqc--pb-48-md {
    padding-bottom: 48px; }
  .hqc--mt--48-md {
    margin-top: -48px; }
  .hqc--mb--48-md {
    margin-bottom: -48px; }
  .hqc--m-48-md {
    margin: 48px; }
  .hqc--p-48-md {
    padding: 48px; }
  .hqc--m-48 {
    margin: 48px; }
  .hqc--p-48 {
    padding: 48px; }
  .hqc--mt-56-md {
    margin-top: 56px; }
  .hqc--mb-56-md {
    margin-bottom: 56px; }
  .hqc--pt-56-md {
    padding-top: 56px; }
  .hqc--pb-56-md {
    padding-bottom: 56px; }
  .hqc--mt--56-md {
    margin-top: -56px; }
  .hqc--mb--56-md {
    margin-bottom: -56px; }
  .hqc--m-56-md {
    margin: 56px; }
  .hqc--p-56-md {
    padding: 56px; }
  .hqc--m-56 {
    margin: 56px; }
  .hqc--p-56 {
    padding: 56px; }
  .hqc--mt-64-md {
    margin-top: 64px; }
  .hqc--mb-64-md {
    margin-bottom: 64px; }
  .hqc--pt-64-md {
    padding-top: 64px; }
  .hqc--pb-64-md {
    padding-bottom: 64px; }
  .hqc--mt--64-md {
    margin-top: -64px; }
  .hqc--mb--64-md {
    margin-bottom: -64px; }
  .hqc--m-64-md {
    margin: 64px; }
  .hqc--p-64-md {
    padding: 64px; }
  .hqc--m-64 {
    margin: 64px; }
  .hqc--p-64 {
    padding: 64px; }
  .hqc--mt-72-md {
    margin-top: 72px; }
  .hqc--mb-72-md {
    margin-bottom: 72px; }
  .hqc--pt-72-md {
    padding-top: 72px; }
  .hqc--pb-72-md {
    padding-bottom: 72px; }
  .hqc--mt--72-md {
    margin-top: -72px; }
  .hqc--mb--72-md {
    margin-bottom: -72px; }
  .hqc--m-72-md {
    margin: 72px; }
  .hqc--p-72-md {
    padding: 72px; }
  .hqc--m-72 {
    margin: 72px; }
  .hqc--p-72 {
    padding: 72px; }
  .hqc--mt-80-md {
    margin-top: 80px; }
  .hqc--mb-80-md {
    margin-bottom: 80px; }
  .hqc--pt-80-md {
    padding-top: 80px; }
  .hqc--pb-80-md {
    padding-bottom: 80px; }
  .hqc--mt--80-md {
    margin-top: -80px; }
  .hqc--mb--80-md {
    margin-bottom: -80px; }
  .hqc--m-80-md {
    margin: 80px; }
  .hqc--p-80-md {
    padding: 80px; }
  .hqc--m-80 {
    margin: 80px; }
  .hqc--p-80 {
    padding: 80px; }
  .hqc--mt-88-md {
    margin-top: 88px; }
  .hqc--mb-88-md {
    margin-bottom: 88px; }
  .hqc--pt-88-md {
    padding-top: 88px; }
  .hqc--pb-88-md {
    padding-bottom: 88px; }
  .hqc--mt--88-md {
    margin-top: -88px; }
  .hqc--mb--88-md {
    margin-bottom: -88px; }
  .hqc--m-88-md {
    margin: 88px; }
  .hqc--p-88-md {
    padding: 88px; }
  .hqc--m-88 {
    margin: 88px; }
  .hqc--p-88 {
    padding: 88px; }
  .hqc--mt-96-md {
    margin-top: 96px; }
  .hqc--mb-96-md {
    margin-bottom: 96px; }
  .hqc--pt-96-md {
    padding-top: 96px; }
  .hqc--pb-96-md {
    padding-bottom: 96px; }
  .hqc--mt--96-md {
    margin-top: -96px; }
  .hqc--mb--96-md {
    margin-bottom: -96px; }
  .hqc--m-96-md {
    margin: 96px; }
  .hqc--p-96-md {
    padding: 96px; }
  .hqc--m-96 {
    margin: 96px; }
  .hqc--p-96 {
    padding: 96px; }
  .hqc--mt-104-md {
    margin-top: 104px; }
  .hqc--mb-104-md {
    margin-bottom: 104px; }
  .hqc--pt-104-md {
    padding-top: 104px; }
  .hqc--pb-104-md {
    padding-bottom: 104px; }
  .hqc--mt--104-md {
    margin-top: -104px; }
  .hqc--mb--104-md {
    margin-bottom: -104px; }
  .hqc--m-104-md {
    margin: 104px; }
  .hqc--p-104-md {
    padding: 104px; }
  .hqc--m-104 {
    margin: 104px; }
  .hqc--p-104 {
    padding: 104px; }
  .hqc--mt-112-md {
    margin-top: 112px; }
  .hqc--mb-112-md {
    margin-bottom: 112px; }
  .hqc--pt-112-md {
    padding-top: 112px; }
  .hqc--pb-112-md {
    padding-bottom: 112px; }
  .hqc--mt--112-md {
    margin-top: -112px; }
  .hqc--mb--112-md {
    margin-bottom: -112px; }
  .hqc--m-112-md {
    margin: 112px; }
  .hqc--p-112-md {
    padding: 112px; }
  .hqc--m-112 {
    margin: 112px; }
  .hqc--p-112 {
    padding: 112px; }
  .hqc--mt-120-md {
    margin-top: 120px; }
  .hqc--mb-120-md {
    margin-bottom: 120px; }
  .hqc--pt-120-md {
    padding-top: 120px; }
  .hqc--pb-120-md {
    padding-bottom: 120px; }
  .hqc--mt--120-md {
    margin-top: -120px; }
  .hqc--mb--120-md {
    margin-bottom: -120px; }
  .hqc--m-120-md {
    margin: 120px; }
  .hqc--p-120-md {
    padding: 120px; }
  .hqc--m-120 {
    margin: 120px; }
  .hqc--p-120 {
    padding: 120px; }
  .hqc--mt-128-md {
    margin-top: 128px; }
  .hqc--mb-128-md {
    margin-bottom: 128px; }
  .hqc--pt-128-md {
    padding-top: 128px; }
  .hqc--pb-128-md {
    padding-bottom: 128px; }
  .hqc--mt--128-md {
    margin-top: -128px; }
  .hqc--mb--128-md {
    margin-bottom: -128px; }
  .hqc--m-128-md {
    margin: 128px; }
  .hqc--p-128-md {
    padding: 128px; }
  .hqc--m-128 {
    margin: 128px; }
  .hqc--p-128 {
    padding: 128px; } }

@media (min-width: 1056px) {
  .hqc--hide-lg {
    display: none; }
  .hqc--show-lg {
    display: initial; }
  .hqc--mt-0-lg {
    margin-top: 0px; }
  .hqc--mb-0-lg {
    margin-bottom: 0px; }
  .hqc--pt-0-lg {
    padding-top: 0px; }
  .hqc--pb-0-lg {
    padding-bottom: 0px; }
  .hqc--mt--0-lg {
    margin-top: 0px; }
  .hqc--mb--0-lg {
    margin-bottom: 0px; }
  .hqc--m-0-lg {
    margin: 0px; }
  .hqc--p-0-lg {
    padding: 0px; }
  .hqc--m-0 {
    margin: 0px; }
  .hqc--p-0 {
    padding: 0px; }
  .hqc--mt-8-lg {
    margin-top: 8px; }
  .hqc--mb-8-lg {
    margin-bottom: 8px; }
  .hqc--pt-8-lg {
    padding-top: 8px; }
  .hqc--pb-8-lg {
    padding-bottom: 8px; }
  .hqc--mt--8-lg {
    margin-top: -8px; }
  .hqc--mb--8-lg {
    margin-bottom: -8px; }
  .hqc--m-8-lg {
    margin: 8px; }
  .hqc--p-8-lg {
    padding: 8px; }
  .hqc--m-8 {
    margin: 8px; }
  .hqc--p-8 {
    padding: 8px; }
  .hqc--mt-16-lg {
    margin-top: 16px; }
  .hqc--mb-16-lg {
    margin-bottom: 16px; }
  .hqc--pt-16-lg {
    padding-top: 16px; }
  .hqc--pb-16-lg {
    padding-bottom: 16px; }
  .hqc--mt--16-lg {
    margin-top: -16px; }
  .hqc--mb--16-lg {
    margin-bottom: -16px; }
  .hqc--m-16-lg {
    margin: 16px; }
  .hqc--p-16-lg {
    padding: 16px; }
  .hqc--m-16 {
    margin: 16px; }
  .hqc--p-16 {
    padding: 16px; }
  .hqc--mt-24-lg {
    margin-top: 24px; }
  .hqc--mb-24-lg {
    margin-bottom: 24px; }
  .hqc--pt-24-lg {
    padding-top: 24px; }
  .hqc--pb-24-lg {
    padding-bottom: 24px; }
  .hqc--mt--24-lg {
    margin-top: -24px; }
  .hqc--mb--24-lg {
    margin-bottom: -24px; }
  .hqc--m-24-lg {
    margin: 24px; }
  .hqc--p-24-lg {
    padding: 24px; }
  .hqc--m-24 {
    margin: 24px; }
  .hqc--p-24 {
    padding: 24px; }
  .hqc--mt-32-lg {
    margin-top: 32px; }
  .hqc--mb-32-lg {
    margin-bottom: 32px; }
  .hqc--pt-32-lg {
    padding-top: 32px; }
  .hqc--pb-32-lg {
    padding-bottom: 32px; }
  .hqc--mt--32-lg {
    margin-top: -32px; }
  .hqc--mb--32-lg {
    margin-bottom: -32px; }
  .hqc--m-32-lg {
    margin: 32px; }
  .hqc--p-32-lg {
    padding: 32px; }
  .hqc--m-32 {
    margin: 32px; }
  .hqc--p-32 {
    padding: 32px; }
  .hqc--mt-40-lg {
    margin-top: 40px; }
  .hqc--mb-40-lg {
    margin-bottom: 40px; }
  .hqc--pt-40-lg {
    padding-top: 40px; }
  .hqc--pb-40-lg {
    padding-bottom: 40px; }
  .hqc--mt--40-lg {
    margin-top: -40px; }
  .hqc--mb--40-lg {
    margin-bottom: -40px; }
  .hqc--m-40-lg {
    margin: 40px; }
  .hqc--p-40-lg {
    padding: 40px; }
  .hqc--m-40 {
    margin: 40px; }
  .hqc--p-40 {
    padding: 40px; }
  .hqc--mt-48-lg {
    margin-top: 48px; }
  .hqc--mb-48-lg {
    margin-bottom: 48px; }
  .hqc--pt-48-lg {
    padding-top: 48px; }
  .hqc--pb-48-lg {
    padding-bottom: 48px; }
  .hqc--mt--48-lg {
    margin-top: -48px; }
  .hqc--mb--48-lg {
    margin-bottom: -48px; }
  .hqc--m-48-lg {
    margin: 48px; }
  .hqc--p-48-lg {
    padding: 48px; }
  .hqc--m-48 {
    margin: 48px; }
  .hqc--p-48 {
    padding: 48px; }
  .hqc--mt-56-lg {
    margin-top: 56px; }
  .hqc--mb-56-lg {
    margin-bottom: 56px; }
  .hqc--pt-56-lg {
    padding-top: 56px; }
  .hqc--pb-56-lg {
    padding-bottom: 56px; }
  .hqc--mt--56-lg {
    margin-top: -56px; }
  .hqc--mb--56-lg {
    margin-bottom: -56px; }
  .hqc--m-56-lg {
    margin: 56px; }
  .hqc--p-56-lg {
    padding: 56px; }
  .hqc--m-56 {
    margin: 56px; }
  .hqc--p-56 {
    padding: 56px; }
  .hqc--mt-64-lg, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] h2, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] p, .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) {
    margin-top: 64px; }
  .hqc--mb-64-lg {
    margin-bottom: 64px; }
  .hqc--pt-64-lg {
    padding-top: 64px; }
  .hqc--pb-64-lg {
    padding-bottom: 64px; }
  .hqc--mt--64-lg {
    margin-top: -64px; }
  .hqc--mb--64-lg {
    margin-bottom: -64px; }
  .hqc--m-64-lg {
    margin: 64px; }
  .hqc--p-64-lg {
    padding: 64px; }
  .hqc--m-64 {
    margin: 64px; }
  .hqc--p-64 {
    padding: 64px; }
  .hqc--mt-72-lg {
    margin-top: 72px; }
  .hqc--mb-72-lg {
    margin-bottom: 72px; }
  .hqc--pt-72-lg {
    padding-top: 72px; }
  .hqc--pb-72-lg {
    padding-bottom: 72px; }
  .hqc--mt--72-lg {
    margin-top: -72px; }
  .hqc--mb--72-lg {
    margin-bottom: -72px; }
  .hqc--m-72-lg {
    margin: 72px; }
  .hqc--p-72-lg {
    padding: 72px; }
  .hqc--m-72 {
    margin: 72px; }
  .hqc--p-72 {
    padding: 72px; }
  .hqc--mt-80-lg {
    margin-top: 80px; }
  .hqc--mb-80-lg {
    margin-bottom: 80px; }
  .hqc--pt-80-lg {
    padding-top: 80px; }
  .hqc--pb-80-lg {
    padding-bottom: 80px; }
  .hqc--mt--80-lg {
    margin-top: -80px; }
  .hqc--mb--80-lg {
    margin-bottom: -80px; }
  .hqc--m-80-lg {
    margin: 80px; }
  .hqc--p-80-lg {
    padding: 80px; }
  .hqc--m-80 {
    margin: 80px; }
  .hqc--p-80 {
    padding: 80px; }
  .hqc--mt-88-lg {
    margin-top: 88px; }
  .hqc--mb-88-lg {
    margin-bottom: 88px; }
  .hqc--pt-88-lg {
    padding-top: 88px; }
  .hqc--pb-88-lg {
    padding-bottom: 88px; }
  .hqc--mt--88-lg {
    margin-top: -88px; }
  .hqc--mb--88-lg {
    margin-bottom: -88px; }
  .hqc--m-88-lg {
    margin: 88px; }
  .hqc--p-88-lg {
    padding: 88px; }
  .hqc--m-88 {
    margin: 88px; }
  .hqc--p-88 {
    padding: 88px; }
  .hqc--mt-96-lg {
    margin-top: 96px; }
  .hqc--mb-96-lg, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre] h1 {
    margin-bottom: 96px; }
  .hqc--pt-96-lg {
    padding-top: 96px; }
  .hqc--pb-96-lg {
    padding-bottom: 96px; }
  .hqc--mt--96-lg {
    margin-top: -96px; }
  .hqc--mb--96-lg {
    margin-bottom: -96px; }
  .hqc--m-96-lg {
    margin: 96px; }
  .hqc--p-96-lg {
    padding: 96px; }
  .hqc--m-96 {
    margin: 96px; }
  .hqc--p-96 {
    padding: 96px; }
  .hqc--mt-104-lg {
    margin-top: 104px; }
  .hqc--mb-104-lg {
    margin-bottom: 104px; }
  .hqc--pt-104-lg {
    padding-top: 104px; }
  .hqc--pb-104-lg {
    padding-bottom: 104px; }
  .hqc--mt--104-lg {
    margin-top: -104px; }
  .hqc--mb--104-lg {
    margin-bottom: -104px; }
  .hqc--m-104-lg {
    margin: 104px; }
  .hqc--p-104-lg {
    padding: 104px; }
  .hqc--m-104 {
    margin: 104px; }
  .hqc--p-104 {
    padding: 104px; }
  .hqc--mt-112-lg {
    margin-top: 112px; }
  .hqc--mb-112-lg {
    margin-bottom: 112px; }
  .hqc--pt-112-lg {
    padding-top: 112px; }
  .hqc--pb-112-lg {
    padding-bottom: 112px; }
  .hqc--mt--112-lg {
    margin-top: -112px; }
  .hqc--mb--112-lg {
    margin-bottom: -112px; }
  .hqc--m-112-lg {
    margin: 112px; }
  .hqc--p-112-lg {
    padding: 112px; }
  .hqc--m-112 {
    margin: 112px; }
  .hqc--p-112 {
    padding: 112px; }
  .hqc--mt-120-lg {
    margin-top: 120px; }
  .hqc--mb-120-lg {
    margin-bottom: 120px; }
  .hqc--pt-120-lg {
    padding-top: 120px; }
  .hqc--pb-120-lg {
    padding-bottom: 120px; }
  .hqc--mt--120-lg {
    margin-top: -120px; }
  .hqc--mb--120-lg {
    margin-bottom: -120px; }
  .hqc--m-120-lg {
    margin: 120px; }
  .hqc--p-120-lg {
    padding: 120px; }
  .hqc--m-120 {
    margin: 120px; }
  .hqc--p-120 {
    padding: 120px; }
  .hqc--mt-128-lg {
    margin-top: 128px; }
  .hqc--mb-128-lg {
    margin-bottom: 128px; }
  .hqc--pt-128-lg {
    padding-top: 128px; }
  .hqc--pb-128-lg {
    padding-bottom: 128px; }
  .hqc--mt--128-lg {
    margin-top: -128px; }
  .hqc--mb--128-lg {
    margin-bottom: -128px; }
  .hqc--m-128-lg {
    margin: 128px; }
  .hqc--p-128-lg {
    padding: 128px; }
  .hqc--m-128 {
    margin: 128px; }
  .hqc--p-128 {
    padding: 128px; } }

@media (min-width: 1312px) {
  .hqc--hide-xl {
    display: none; }
  .hqc--show-xl {
    display: initial; }
  .hqc--mt-0-xl {
    margin-top: 0px; }
  .hqc--mb-0-xl {
    margin-bottom: 0px; }
  .hqc--pt-0-xl {
    padding-top: 0px; }
  .hqc--pb-0-xl {
    padding-bottom: 0px; }
  .hqc--mt--0-xl {
    margin-top: 0px; }
  .hqc--mb--0-xl {
    margin-bottom: 0px; }
  .hqc--m-0-xl {
    margin: 0px; }
  .hqc--p-0-xl {
    padding: 0px; }
  .hqc--m-0 {
    margin: 0px; }
  .hqc--p-0 {
    padding: 0px; }
  .hqc--mt-8-xl {
    margin-top: 8px; }
  .hqc--mb-8-xl {
    margin-bottom: 8px; }
  .hqc--pt-8-xl {
    padding-top: 8px; }
  .hqc--pb-8-xl {
    padding-bottom: 8px; }
  .hqc--mt--8-xl {
    margin-top: -8px; }
  .hqc--mb--8-xl {
    margin-bottom: -8px; }
  .hqc--m-8-xl {
    margin: 8px; }
  .hqc--p-8-xl {
    padding: 8px; }
  .hqc--m-8 {
    margin: 8px; }
  .hqc--p-8 {
    padding: 8px; }
  .hqc--mt-16-xl {
    margin-top: 16px; }
  .hqc--mb-16-xl {
    margin-bottom: 16px; }
  .hqc--pt-16-xl {
    padding-top: 16px; }
  .hqc--pb-16-xl {
    padding-bottom: 16px; }
  .hqc--mt--16-xl {
    margin-top: -16px; }
  .hqc--mb--16-xl {
    margin-bottom: -16px; }
  .hqc--m-16-xl {
    margin: 16px; }
  .hqc--p-16-xl {
    padding: 16px; }
  .hqc--m-16 {
    margin: 16px; }
  .hqc--p-16 {
    padding: 16px; }
  .hqc--mt-24-xl {
    margin-top: 24px; }
  .hqc--mb-24-xl {
    margin-bottom: 24px; }
  .hqc--pt-24-xl {
    padding-top: 24px; }
  .hqc--pb-24-xl {
    padding-bottom: 24px; }
  .hqc--mt--24-xl {
    margin-top: -24px; }
  .hqc--mb--24-xl {
    margin-bottom: -24px; }
  .hqc--m-24-xl {
    margin: 24px; }
  .hqc--p-24-xl {
    padding: 24px; }
  .hqc--m-24 {
    margin: 24px; }
  .hqc--p-24 {
    padding: 24px; }
  .hqc--mt-32-xl {
    margin-top: 32px; }
  .hqc--mb-32-xl {
    margin-bottom: 32px; }
  .hqc--pt-32-xl {
    padding-top: 32px; }
  .hqc--pb-32-xl {
    padding-bottom: 32px; }
  .hqc--mt--32-xl {
    margin-top: -32px; }
  .hqc--mb--32-xl {
    margin-bottom: -32px; }
  .hqc--m-32-xl {
    margin: 32px; }
  .hqc--p-32-xl {
    padding: 32px; }
  .hqc--m-32 {
    margin: 32px; }
  .hqc--p-32 {
    padding: 32px; }
  .hqc--mt-40-xl {
    margin-top: 40px; }
  .hqc--mb-40-xl {
    margin-bottom: 40px; }
  .hqc--pt-40-xl {
    padding-top: 40px; }
  .hqc--pb-40-xl {
    padding-bottom: 40px; }
  .hqc--mt--40-xl {
    margin-top: -40px; }
  .hqc--mb--40-xl {
    margin-bottom: -40px; }
  .hqc--m-40-xl {
    margin: 40px; }
  .hqc--p-40-xl {
    padding: 40px; }
  .hqc--m-40 {
    margin: 40px; }
  .hqc--p-40 {
    padding: 40px; }
  .hqc--mt-48-xl {
    margin-top: 48px; }
  .hqc--mb-48-xl {
    margin-bottom: 48px; }
  .hqc--pt-48-xl {
    padding-top: 48px; }
  .hqc--pb-48-xl {
    padding-bottom: 48px; }
  .hqc--mt--48-xl {
    margin-top: -48px; }
  .hqc--mb--48-xl {
    margin-bottom: -48px; }
  .hqc--m-48-xl {
    margin: 48px; }
  .hqc--p-48-xl {
    padding: 48px; }
  .hqc--m-48 {
    margin: 48px; }
  .hqc--p-48 {
    padding: 48px; }
  .hqc--mt-56-xl {
    margin-top: 56px; }
  .hqc--mb-56-xl {
    margin-bottom: 56px; }
  .hqc--pt-56-xl {
    padding-top: 56px; }
  .hqc--pb-56-xl {
    padding-bottom: 56px; }
  .hqc--mt--56-xl {
    margin-top: -56px; }
  .hqc--mb--56-xl {
    margin-bottom: -56px; }
  .hqc--m-56-xl {
    margin: 56px; }
  .hqc--p-56-xl {
    padding: 56px; }
  .hqc--m-56 {
    margin: 56px; }
  .hqc--p-56 {
    padding: 56px; }
  .hqc--mt-64-xl {
    margin-top: 64px; }
  .hqc--mb-64-xl {
    margin-bottom: 64px; }
  .hqc--pt-64-xl {
    padding-top: 64px; }
  .hqc--pb-64-xl {
    padding-bottom: 64px; }
  .hqc--mt--64-xl {
    margin-top: -64px; }
  .hqc--mb--64-xl {
    margin-bottom: -64px; }
  .hqc--m-64-xl {
    margin: 64px; }
  .hqc--p-64-xl {
    padding: 64px; }
  .hqc--m-64 {
    margin: 64px; }
  .hqc--p-64 {
    padding: 64px; }
  .hqc--mt-72-xl {
    margin-top: 72px; }
  .hqc--mb-72-xl {
    margin-bottom: 72px; }
  .hqc--pt-72-xl {
    padding-top: 72px; }
  .hqc--pb-72-xl {
    padding-bottom: 72px; }
  .hqc--mt--72-xl {
    margin-top: -72px; }
  .hqc--mb--72-xl {
    margin-bottom: -72px; }
  .hqc--m-72-xl {
    margin: 72px; }
  .hqc--p-72-xl {
    padding: 72px; }
  .hqc--m-72 {
    margin: 72px; }
  .hqc--p-72 {
    padding: 72px; }
  .hqc--mt-80-xl {
    margin-top: 80px; }
  .hqc--mb-80-xl {
    margin-bottom: 80px; }
  .hqc--pt-80-xl {
    padding-top: 80px; }
  .hqc--pb-80-xl {
    padding-bottom: 80px; }
  .hqc--mt--80-xl {
    margin-top: -80px; }
  .hqc--mb--80-xl {
    margin-bottom: -80px; }
  .hqc--m-80-xl {
    margin: 80px; }
  .hqc--p-80-xl {
    padding: 80px; }
  .hqc--m-80 {
    margin: 80px; }
  .hqc--p-80 {
    padding: 80px; }
  .hqc--mt-88-xl {
    margin-top: 88px; }
  .hqc--mb-88-xl {
    margin-bottom: 88px; }
  .hqc--pt-88-xl {
    padding-top: 88px; }
  .hqc--pb-88-xl {
    padding-bottom: 88px; }
  .hqc--mt--88-xl {
    margin-top: -88px; }
  .hqc--mb--88-xl {
    margin-bottom: -88px; }
  .hqc--m-88-xl {
    margin: 88px; }
  .hqc--p-88-xl {
    padding: 88px; }
  .hqc--m-88 {
    margin: 88px; }
  .hqc--p-88 {
    padding: 88px; }
  .hqc--mt-96-xl {
    margin-top: 96px; }
  .hqc--mb-96-xl {
    margin-bottom: 96px; }
  .hqc--pt-96-xl {
    padding-top: 96px; }
  .hqc--pb-96-xl {
    padding-bottom: 96px; }
  .hqc--mt--96-xl {
    margin-top: -96px; }
  .hqc--mb--96-xl {
    margin-bottom: -96px; }
  .hqc--m-96-xl {
    margin: 96px; }
  .hqc--p-96-xl {
    padding: 96px; }
  .hqc--m-96 {
    margin: 96px; }
  .hqc--p-96 {
    padding: 96px; }
  .hqc--mt-104-xl {
    margin-top: 104px; }
  .hqc--mb-104-xl {
    margin-bottom: 104px; }
  .hqc--pt-104-xl {
    padding-top: 104px; }
  .hqc--pb-104-xl {
    padding-bottom: 104px; }
  .hqc--mt--104-xl {
    margin-top: -104px; }
  .hqc--mb--104-xl {
    margin-bottom: -104px; }
  .hqc--m-104-xl {
    margin: 104px; }
  .hqc--p-104-xl {
    padding: 104px; }
  .hqc--m-104 {
    margin: 104px; }
  .hqc--p-104 {
    padding: 104px; }
  .hqc--mt-112-xl {
    margin-top: 112px; }
  .hqc--mb-112-xl {
    margin-bottom: 112px; }
  .hqc--pt-112-xl {
    padding-top: 112px; }
  .hqc--pb-112-xl {
    padding-bottom: 112px; }
  .hqc--mt--112-xl {
    margin-top: -112px; }
  .hqc--mb--112-xl {
    margin-bottom: -112px; }
  .hqc--m-112-xl {
    margin: 112px; }
  .hqc--p-112-xl {
    padding: 112px; }
  .hqc--m-112 {
    margin: 112px; }
  .hqc--p-112 {
    padding: 112px; }
  .hqc--mt-120-xl {
    margin-top: 120px; }
  .hqc--mb-120-xl {
    margin-bottom: 120px; }
  .hqc--pt-120-xl {
    padding-top: 120px; }
  .hqc--pb-120-xl {
    padding-bottom: 120px; }
  .hqc--mt--120-xl {
    margin-top: -120px; }
  .hqc--mb--120-xl {
    margin-bottom: -120px; }
  .hqc--m-120-xl {
    margin: 120px; }
  .hqc--p-120-xl {
    padding: 120px; }
  .hqc--m-120 {
    margin: 120px; }
  .hqc--p-120 {
    padding: 120px; }
  .hqc--mt-128-xl {
    margin-top: 128px; }
  .hqc--mb-128-xl {
    margin-bottom: 128px; }
  .hqc--pt-128-xl {
    padding-top: 128px; }
  .hqc--pb-128-xl {
    padding-bottom: 128px; }
  .hqc--mt--128-xl {
    margin-top: -128px; }
  .hqc--mb--128-xl {
    margin-bottom: -128px; }
  .hqc--m-128-xl {
    margin: 128px; }
  .hqc--p-128-xl {
    padding: 128px; }
  .hqc--m-128 {
    margin: 128px; }
  .hqc--p-128 {
    padding: 128px; } }

@media (min-width: 1584px) {
  .hqc--hide-hd {
    display: none; }
  .hqc--show-hd {
    display: initial; }
  .hqc--mt-0-hd {
    margin-top: 0px; }
  .hqc--mb-0-hd {
    margin-bottom: 0px; }
  .hqc--pt-0-hd {
    padding-top: 0px; }
  .hqc--pb-0-hd {
    padding-bottom: 0px; }
  .hqc--mt--0-hd {
    margin-top: 0px; }
  .hqc--mb--0-hd {
    margin-bottom: 0px; }
  .hqc--m-0-hd {
    margin: 0px; }
  .hqc--p-0-hd {
    padding: 0px; }
  .hqc--m-0 {
    margin: 0px; }
  .hqc--p-0 {
    padding: 0px; }
  .hqc--mt-8-hd {
    margin-top: 8px; }
  .hqc--mb-8-hd {
    margin-bottom: 8px; }
  .hqc--pt-8-hd {
    padding-top: 8px; }
  .hqc--pb-8-hd {
    padding-bottom: 8px; }
  .hqc--mt--8-hd {
    margin-top: -8px; }
  .hqc--mb--8-hd {
    margin-bottom: -8px; }
  .hqc--m-8-hd {
    margin: 8px; }
  .hqc--p-8-hd {
    padding: 8px; }
  .hqc--m-8 {
    margin: 8px; }
  .hqc--p-8 {
    padding: 8px; }
  .hqc--mt-16-hd {
    margin-top: 16px; }
  .hqc--mb-16-hd {
    margin-bottom: 16px; }
  .hqc--pt-16-hd {
    padding-top: 16px; }
  .hqc--pb-16-hd {
    padding-bottom: 16px; }
  .hqc--mt--16-hd {
    margin-top: -16px; }
  .hqc--mb--16-hd {
    margin-bottom: -16px; }
  .hqc--m-16-hd {
    margin: 16px; }
  .hqc--p-16-hd {
    padding: 16px; }
  .hqc--m-16 {
    margin: 16px; }
  .hqc--p-16 {
    padding: 16px; }
  .hqc--mt-24-hd {
    margin-top: 24px; }
  .hqc--mb-24-hd {
    margin-bottom: 24px; }
  .hqc--pt-24-hd {
    padding-top: 24px; }
  .hqc--pb-24-hd {
    padding-bottom: 24px; }
  .hqc--mt--24-hd {
    margin-top: -24px; }
  .hqc--mb--24-hd {
    margin-bottom: -24px; }
  .hqc--m-24-hd {
    margin: 24px; }
  .hqc--p-24-hd {
    padding: 24px; }
  .hqc--m-24 {
    margin: 24px; }
  .hqc--p-24 {
    padding: 24px; }
  .hqc--mt-32-hd {
    margin-top: 32px; }
  .hqc--mb-32-hd {
    margin-bottom: 32px; }
  .hqc--pt-32-hd {
    padding-top: 32px; }
  .hqc--pb-32-hd {
    padding-bottom: 32px; }
  .hqc--mt--32-hd {
    margin-top: -32px; }
  .hqc--mb--32-hd {
    margin-bottom: -32px; }
  .hqc--m-32-hd {
    margin: 32px; }
  .hqc--p-32-hd {
    padding: 32px; }
  .hqc--m-32 {
    margin: 32px; }
  .hqc--p-32 {
    padding: 32px; }
  .hqc--mt-40-hd {
    margin-top: 40px; }
  .hqc--mb-40-hd {
    margin-bottom: 40px; }
  .hqc--pt-40-hd {
    padding-top: 40px; }
  .hqc--pb-40-hd {
    padding-bottom: 40px; }
  .hqc--mt--40-hd {
    margin-top: -40px; }
  .hqc--mb--40-hd {
    margin-bottom: -40px; }
  .hqc--m-40-hd {
    margin: 40px; }
  .hqc--p-40-hd {
    padding: 40px; }
  .hqc--m-40 {
    margin: 40px; }
  .hqc--p-40 {
    padding: 40px; }
  .hqc--mt-48-hd {
    margin-top: 48px; }
  .hqc--mb-48-hd {
    margin-bottom: 48px; }
  .hqc--pt-48-hd {
    padding-top: 48px; }
  .hqc--pb-48-hd {
    padding-bottom: 48px; }
  .hqc--mt--48-hd {
    margin-top: -48px; }
  .hqc--mb--48-hd {
    margin-bottom: -48px; }
  .hqc--m-48-hd {
    margin: 48px; }
  .hqc--p-48-hd {
    padding: 48px; }
  .hqc--m-48 {
    margin: 48px; }
  .hqc--p-48 {
    padding: 48px; }
  .hqc--mt-56-hd {
    margin-top: 56px; }
  .hqc--mb-56-hd {
    margin-bottom: 56px; }
  .hqc--pt-56-hd {
    padding-top: 56px; }
  .hqc--pb-56-hd {
    padding-bottom: 56px; }
  .hqc--mt--56-hd {
    margin-top: -56px; }
  .hqc--mb--56-hd {
    margin-bottom: -56px; }
  .hqc--m-56-hd {
    margin: 56px; }
  .hqc--p-56-hd {
    padding: 56px; }
  .hqc--m-56 {
    margin: 56px; }
  .hqc--p-56 {
    padding: 56px; }
  .hqc--mt-64-hd {
    margin-top: 64px; }
  .hqc--mb-64-hd {
    margin-bottom: 64px; }
  .hqc--pt-64-hd {
    padding-top: 64px; }
  .hqc--pb-64-hd {
    padding-bottom: 64px; }
  .hqc--mt--64-hd {
    margin-top: -64px; }
  .hqc--mb--64-hd {
    margin-bottom: -64px; }
  .hqc--m-64-hd {
    margin: 64px; }
  .hqc--p-64-hd {
    padding: 64px; }
  .hqc--m-64 {
    margin: 64px; }
  .hqc--p-64 {
    padding: 64px; }
  .hqc--mt-72-hd {
    margin-top: 72px; }
  .hqc--mb-72-hd {
    margin-bottom: 72px; }
  .hqc--pt-72-hd {
    padding-top: 72px; }
  .hqc--pb-72-hd {
    padding-bottom: 72px; }
  .hqc--mt--72-hd {
    margin-top: -72px; }
  .hqc--mb--72-hd {
    margin-bottom: -72px; }
  .hqc--m-72-hd {
    margin: 72px; }
  .hqc--p-72-hd {
    padding: 72px; }
  .hqc--m-72 {
    margin: 72px; }
  .hqc--p-72 {
    padding: 72px; }
  .hqc--mt-80-hd {
    margin-top: 80px; }
  .hqc--mb-80-hd {
    margin-bottom: 80px; }
  .hqc--pt-80-hd {
    padding-top: 80px; }
  .hqc--pb-80-hd {
    padding-bottom: 80px; }
  .hqc--mt--80-hd {
    margin-top: -80px; }
  .hqc--mb--80-hd {
    margin-bottom: -80px; }
  .hqc--m-80-hd {
    margin: 80px; }
  .hqc--p-80-hd {
    padding: 80px; }
  .hqc--m-80 {
    margin: 80px; }
  .hqc--p-80 {
    padding: 80px; }
  .hqc--mt-88-hd {
    margin-top: 88px; }
  .hqc--mb-88-hd {
    margin-bottom: 88px; }
  .hqc--pt-88-hd {
    padding-top: 88px; }
  .hqc--pb-88-hd {
    padding-bottom: 88px; }
  .hqc--mt--88-hd {
    margin-top: -88px; }
  .hqc--mb--88-hd {
    margin-bottom: -88px; }
  .hqc--m-88-hd {
    margin: 88px; }
  .hqc--p-88-hd {
    padding: 88px; }
  .hqc--m-88 {
    margin: 88px; }
  .hqc--p-88 {
    padding: 88px; }
  .hqc--mt-96-hd {
    margin-top: 96px; }
  .hqc--mb-96-hd {
    margin-bottom: 96px; }
  .hqc--pt-96-hd {
    padding-top: 96px; }
  .hqc--pb-96-hd {
    padding-bottom: 96px; }
  .hqc--mt--96-hd {
    margin-top: -96px; }
  .hqc--mb--96-hd {
    margin-bottom: -96px; }
  .hqc--m-96-hd {
    margin: 96px; }
  .hqc--p-96-hd {
    padding: 96px; }
  .hqc--m-96 {
    margin: 96px; }
  .hqc--p-96 {
    padding: 96px; }
  .hqc--mt-104-hd {
    margin-top: 104px; }
  .hqc--mb-104-hd {
    margin-bottom: 104px; }
  .hqc--pt-104-hd {
    padding-top: 104px; }
  .hqc--pb-104-hd {
    padding-bottom: 104px; }
  .hqc--mt--104-hd {
    margin-top: -104px; }
  .hqc--mb--104-hd {
    margin-bottom: -104px; }
  .hqc--m-104-hd {
    margin: 104px; }
  .hqc--p-104-hd {
    padding: 104px; }
  .hqc--m-104 {
    margin: 104px; }
  .hqc--p-104 {
    padding: 104px; }
  .hqc--mt-112-hd {
    margin-top: 112px; }
  .hqc--mb-112-hd {
    margin-bottom: 112px; }
  .hqc--pt-112-hd {
    padding-top: 112px; }
  .hqc--pb-112-hd {
    padding-bottom: 112px; }
  .hqc--mt--112-hd {
    margin-top: -112px; }
  .hqc--mb--112-hd {
    margin-bottom: -112px; }
  .hqc--m-112-hd {
    margin: 112px; }
  .hqc--p-112-hd {
    padding: 112px; }
  .hqc--m-112 {
    margin: 112px; }
  .hqc--p-112 {
    padding: 112px; }
  .hqc--mt-120-hd {
    margin-top: 120px; }
  .hqc--mb-120-hd {
    margin-bottom: 120px; }
  .hqc--pt-120-hd {
    padding-top: 120px; }
  .hqc--pb-120-hd {
    padding-bottom: 120px; }
  .hqc--mt--120-hd {
    margin-top: -120px; }
  .hqc--mb--120-hd {
    margin-bottom: -120px; }
  .hqc--m-120-hd {
    margin: 120px; }
  .hqc--p-120-hd {
    padding: 120px; }
  .hqc--m-120 {
    margin: 120px; }
  .hqc--p-120 {
    padding: 120px; }
  .hqc--mt-128-hd {
    margin-top: 128px; }
  .hqc--mb-128-hd {
    margin-bottom: 128px; }
  .hqc--pt-128-hd {
    padding-top: 128px; }
  .hqc--pb-128-hd {
    padding-bottom: 128px; }
  .hqc--mt--128-hd {
    margin-top: -128px; }
  .hqc--mb--128-hd {
    margin-bottom: -128px; }
  .hqc--m-128-hd {
    margin: 128px; }
  .hqc--p-128-hd {
    padding: 128px; }
  .hqc--m-128 {
    margin: 128px; }
  .hqc--p-128 {
    padding: 128px; } }

@use '_variables' as *;
@use '../../couleur/scss/_variables' as *;
@use '../../../assets/src/scss/tokens' as *;
body {
  font-family: "Hydro-Quebec", sans-serif;
  color: #161616; }
  body p {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 24px; }

main a:focus, main a:active {
  outline: 1px dotted; }

.hqc--typo-lien {
  text-decoration: underline; }
  .hqc--typo-lien:hover  {
    text-decoration: none; }

.hqc--typo-lien__cta {
  text-decoration: none;
  border-bottom: 2px solid #1224b8;
  color: #1224b8;
  font-weight: 500;
  padding-bottom: 2px; }
  .hqc--typo-lien__cta:hover {
    text-decoration: none;
    border-bottom: 2px solid transparent; }
  .hqc--typo-lien__cta-inverse, .hqc--typo-lien__cta-mode_sombre {
    color: #fff !important;
    border-color: #fff !important; }
    .hqc--typo-lien__cta-inverse:hover, .hqc--typo-lien__cta-mode_sombre:hover {
      border-color: transparent !important; }

.hqc--paragraphe-inverse,
.hqc--blanc {
  color: #fff; }

h1, h2, h3, h4, h5, h6 {
  color: #0f096c; }

h1,
.hqc-typo-h1 {
  font-weight: 400;
  text-align: center; }
  h1 .hqc--h1_inverse,
  .hqc-typo-h1 .hqc--h1_inverse {
    color: #fff; }

h2,
.hqc--typo-h2 {
  font-weight: 500; }
  @media (min-width: 672px) {
    h2,
    .hqc--typo-h2 {
      margin-top: 0; } }
  @media (min-width: 1056px) {
    h2,
    .hqc--typo-h2 {
      margin-top: 0; } }
  h2 .hqc--h2_center,
  .hqc--typo-h2 .hqc--h2_center {
    text-align: center; }
  h2 .hqc--h2_inverse,
  .hqc--typo-h2 .hqc--h2_inverse {
    color: #fff; }

h3,
.hqc--typo-h3 {
  font-weight: 400;
  margin-bottom: 16px; }
  @media (min-width: 1056px) {
    h3,
    .hqc--typo-h3 {
      margin-bottom: 16px; } }

h4,
.hqc--typo-h4 {
  font-weight: 400; }

.hqc--typo-intro {
  font-size: 24px;
  line-height: 30px; }

.hqc--typo-numerotation {
  position: relative;
  padding-left: 48px; }

.hqc--typo-numerotation_chiffre {
  font-size: 60px;
  font-weight: 500;
  position: absolute;
  margin-left: -48px;
  margin-top: 8px; }

.hqc--typo-center, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro], .hqc--entete-avec-image_n2__simplifie > div:nth-child(2) > div {
  text-align: center; }

.hqc--typo-blanc, .hqc--bloc-contenu-01_mode-sombre ul,
.hqc--bloc-contenu-01_mode-sombre ol,
.hqc--bloc-contenu-01_mode-sombre p,
.hqc--bloc-contenu-01_mode-sombre h2,
.hqc--bloc-contenu-01_mode-sombre h3, .hqc--bloc-contenu-01__sombre .hqc--bloc-contenu_texte h2, .hqc--bloc-contenu-01__sombre .hqc--bloc-contenu-01 > div > div > div:first-child h2,
.hqc--bloc-contenu-01__sombre .hqc--bloc-contenu_texte h3,
.hqc--bloc-contenu-01__sombre .hqc--bloc-contenu-01 > div > div > div:first-child h3, .hqc--bloc-contenu-01__sombre > div p, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] h2, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] p {
  color: #fff; }

.hqc--typo-fw_300 {
  font-weight: 300 !important; }

.hqc--typo-fw_400, .hqc--bloc-contenu-01 > div > div > div:first-child h3 {
  font-weight: 400 !important; }

.hqc--typo-fw_500 {
  font-weight: 500 !important; }

.hqc--typo-fw_700 {
  font-weight: 700 !important; }

.hqc--typo-liste-01, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] ul {
  margin-top: 16px;
  margin-bottom: 32px;
  padding-left: 32px;
  list-style: disc; }
  .hqc--typo-liste-01 li, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] ul li {
    margin-bottom: 16px;
    line-height: 24px; }

*[class*="-mode_sombre"] {
  color: #fff; }

.hqc--typo-quotation-01 {
  font-size: 20px;
  line-height: 26px; }
  @media (min-width: 1056px) {
    .hqc--typo-quotation-01 {
      font-size: 24px;
      line-height: 30px; } }

.hqc--typo-display-02, .hqc--bloc-contenu-01 > div > div > div:first-child h2, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] h2 {
  font-size: 42px;
  line-height: 50px;
  font-weight: 500; }
  @media (min-width: 1056px) {
    .hqc--typo-display-02, .hqc--bloc-contenu-01 > div > div > div:first-child h2, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] h2 {
      font-size: 54px;
      line-height: 64px; } }

.hqc--typo-body-long-02-normal {
  font-size: 16px;
  line-height: 24px; }

.hqc--typo-display-04, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre] h1, .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div > div h1 {
  font-size: 42px;
  font-weight: 500;
  line-height: 50px; }
  @media (min-width: 672px) {
    .hqc--typo-display-04, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre] h1, .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div > div h1 {
      font-size: 80px;
      line-height: 96px; } }
  @media (min-width: 1312px) {
    .hqc--typo-display-04, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre] h1, .hqc--entete-avec-image_n2__simplifie > div:first-child > div:first-child > div > div h1 {
      font-size: 92px;
      line-height: 102px;
      letter-spacing: -0.64px; } }

.hqc--typo-paragraphe-02, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] p {
  font-size: 20px;
  line-height: 30px;
  font-weight: 300; }
  .hqc--typo-paragraphe-02 strong, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] p strong {
    font-weight: 500; }
  @media (min-width: 1056px) {
    .hqc--typo-paragraphe-02, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] p {
      font-size: 28px;
      line-height: 36px;
      font-weight: 300; } }

.hqc--typo-heading-03 {
  font-size: 28px;
  line-height: 36px;
  font-weight: 400; }
  @media (min-width: 1056px) {
    .hqc--typo-heading-03 {
      font-size: 28px;
      line-height: 36px; } }

.hqc--typo-display-02, .hqc--bloc-contenu-01 > div > div > div:first-child h2, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] h2 {
  font-size: 40px;
  line-height: 50px;
  font-weight: 500; }
  @media (min-width: 1056px) {
    .hqc--typo-display-02, .hqc--bloc-contenu-01 > div > div > div:first-child h2, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] h2 {
      font-size: 48px;
      line-height: 60px; } }
  @media (min-width: 1312px) {
    .hqc--typo-display-02, .hqc--bloc-contenu-01 > div > div > div:first-child h2, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-intro] h2 {
      font-size: 54px;
      line-height: 64px; } }

.hqc--typo-display-03 {
  font-size: 32px;
  line-height: 36px;
  font-weight: 400; }
  @media (min-width: 1056px) {
    .hqc--typo-display-03 {
      font-size: 48px;
      line-height: 56px; } }

.hqc--typo-heading-05-ec, .hqc--bloc-contenu-01 > div > div > div:first-child h3 {
  font-size: 28px;
  line-height: 34px;
  font-weight: 400; }
  @media (min-width: 1056px) {
    .hqc--typo-heading-05-ec, .hqc--bloc-contenu-01 > div > div > div:first-child h3 {
      font-size: 36px;
      line-height: 44px; } }

.hqc--typo-body-lead {
  font-size: 18px;
  line-height: 24px;
  font-weight: 300; }
  @media (min-width: 1056px) {
    .hqc--typo-body-lead {
      font-size: 24px;
      line-height: 32px; } }

.hqc--typo-heading-03-ec {
  font-size: 28px;
  line-height: 34px;
  font-weight: 500;
  color: #0f096c;
  margin-bottom: 16px; }
  @media (min-width: 1056px) {
    .hqc--typo-heading-03-ec {
      font-size: 42px;
      line-height: 54px; } }

@use '_variables' as *;
.hqc--bg-blanc,
.hqc--couleur-bg-blanc {
  background-color: #fff; }

.hqc--bg-gris-10,
.hqc--couleur-bg-gris_10 {
  background-color: #eaeaea; }

.hqc--couleur-bg-bleu_5 {
  background-color: #fafbfc; }

.hqc--couleur-bg-bleu_15 {
  background-color: #cfe3fa; }

.hqc--couleur-bg-bleu_80, .hqc--entete-avec-image_n1__simplifie, .hqc--entete-avec-image_n2__simplifie > div:first-child {
  background-color: #0f096c; }

.hqc--couleur-bg-bleu_70 {
  background-color: #101692; }

.hqc--couleur-blanc, .hqc--entete-avec-image_n1__simplifie > div > div > div[data-hqc-titre] h1 {
  color: #fff; }

.hqc--couleur-gris_95 {
  color: #161616; }

.hqc--couleur-vert-jaune {
  color: #BFCC19; }

.hqc--couleur-typo-bleu_80,
.hqc--typo-bleu_80 {
  color: #0f096c; }

.hqc--couleur-typo-bleu_95,
.hqc--typo-bleu_95 {
  color: #080238; }

.video-player-wrapper {
  position: relative; }

.video-wrapper video {
  width: 100%; }

/* Composante facultative */

/*# sourceMappingURL=styles2022.css.map */

.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
}

#hq-tooltip {
    display: block;
    z-index: 99999;
    background: 0 0;
    border: none;
    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: .3em;
    background-color: #f2f2f3;
    padding: 1.25em 2.5em 1em 1em;
    text-align: left;
    color: #48433f!important;
    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: -.1em;
    top: .1em;
    margin: 0;
    padding: 0;
    cursor: pointer;
    width: 32px;
    height: 32px
}

#hq-tooltip #hq-tooltip-close::after,#hq-tooltip #hq-tooltip-close::before {
    position: absolute;
    top: 0;
    left: 15px;
    content: ' ';
    height: 26px;
    width: 2px;
    background-color: #a2a2a2
}

#hq-tooltip #hq-tooltip-close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#hq-tooltip #hq-tooltip-close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#hq-tooltip #hq-tooltip-close:active::after,#hq-tooltip #hq-tooltip-close:active::before,#hq-tooltip #hq-tooltip-close:focus::after,#hq-tooltip #hq-tooltip-close:focus::before,#hq-tooltip #hq-tooltip-close:hover::after,#hq-tooltip #hq-tooltip-close:hover::before {
    background-color: #000
}

#hq-tooltip .hq-tooltip-rail-down,#hq-tooltip .hq-tooltip-rail-up {
    position: relative;
    width: 100%;
    height: 20px
}

#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow,#hq-tooltip .hq-tooltip-rail-up .hq-tooltip-arrow {
    display: block;
    position: absolute;
    z-index: 1000;
    left: 18px;
    top: -3px
}

#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow::after,#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-up .hq-tooltip-arrow::before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow::after,#hq-tooltip .hq-tooltip-rail-up .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-down .hq-tooltip-arrow::before,#hq-tooltip .hq-tooltip-rail-up .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-down .hq-tooltip-arrow-up,#hq-tooltip .hq-tooltip-rail-up .hq-tooltip-arrow-up {
    display: block;
    position: absolute;
    z-index: 1000;
    left: 18px;
    bottom: -3px
}

#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow-up::after,#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-up .hq-tooltip-arrow-up::before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow-up::after,#hq-tooltip .hq-tooltip-rail-up .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-down .hq-tooltip-arrow-up::before,#hq-tooltip .hq-tooltip-rail-up .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-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
}

#hq-tooltip {
    display: block;
    z-index: 99999;
    background: 0 0;
    border: none;
    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: .3em;
    background-color: #f2f2f3;
    padding: 1.25em 2.5em 1em 1em;
    text-align: left;
    color: #48433f!important;
    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: -.1em;
    top: .1em;
    margin: 0;
    padding: 0;
    cursor: pointer;
    width: 32px;
    height: 32px
}

#hq-tooltip #hq-tooltip-close::after,#hq-tooltip #hq-tooltip-close::before {
    position: absolute;
    top: 0;
    left: 15px;
    content: ' ';
    height: 26px;
    width: 2px;
    background-color: #a2a2a2
}

#hq-tooltip #hq-tooltip-close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#hq-tooltip #hq-tooltip-close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#hq-tooltip #hq-tooltip-close:active::after,#hq-tooltip #hq-tooltip-close:active::before,#hq-tooltip #hq-tooltip-close:focus::after,#hq-tooltip #hq-tooltip-close:focus::before,#hq-tooltip #hq-tooltip-close:hover::after,#hq-tooltip #hq-tooltip-close:hover::before {
    background-color: #000
}

#hq-tooltip .hq-tooltip-rail-down,#hq-tooltip .hq-tooltip-rail-up {
    position: relative;
    width: 100%;
    height: 20px
}

#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow,#hq-tooltip .hq-tooltip-rail-up .hq-tooltip-arrow {
    display: block;
    position: absolute;
    z-index: 1000;
    left: 18px;
    top: -3px
}

#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow::after,#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-up .hq-tooltip-arrow::before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow::after,#hq-tooltip .hq-tooltip-rail-up .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-down .hq-tooltip-arrow::before,#hq-tooltip .hq-tooltip-rail-up .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-down .hq-tooltip-arrow-up,#hq-tooltip .hq-tooltip-rail-up .hq-tooltip-arrow-up {
    display: block;
    position: absolute;
    z-index: 1000;
    left: 18px;
    bottom: -3px
}

#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow-up::after,#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-up .hq-tooltip-arrow-up::before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow-up::after,#hq-tooltip .hq-tooltip-rail-up .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-down .hq-tooltip-arrow-up::before,#hq-tooltip .hq-tooltip-rail-up .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-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
}

#hq-tooltip {
    display: block;
    z-index: 99999;
    background: 0 0;
    border: none;
    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: .3em;
    background-color: #f2f2f3;
    padding: 1.25em 2.5em 1em 1em;
    text-align: left;
    color: #48433f!important;
    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: -.1em;
    top: .1em;
    margin: 0;
    padding: 0;
    cursor: pointer;
    width: 32px;
    height: 32px
}

#hq-tooltip #hq-tooltip-close::after,#hq-tooltip #hq-tooltip-close::before {
    position: absolute;
    top: 0;
    left: 15px;
    content: ' ';
    height: 26px;
    width: 2px;
    background-color: #a2a2a2
}

#hq-tooltip #hq-tooltip-close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#hq-tooltip #hq-tooltip-close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#hq-tooltip #hq-tooltip-close:active::after,#hq-tooltip #hq-tooltip-close:active::before,#hq-tooltip #hq-tooltip-close:focus::after,#hq-tooltip #hq-tooltip-close:focus::before,#hq-tooltip #hq-tooltip-close:hover::after,#hq-tooltip #hq-tooltip-close:hover::before {
    background-color: #000
}

#hq-tooltip .hq-tooltip-rail-down,#hq-tooltip .hq-tooltip-rail-up {
    position: relative;
    width: 100%;
    height: 20px
}

#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow,#hq-tooltip .hq-tooltip-rail-up .hq-tooltip-arrow {
    display: block;
    position: absolute;
    z-index: 1000;
    left: 18px;
    top: -3px
}

#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow::after,#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-up .hq-tooltip-arrow::before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow::after,#hq-tooltip .hq-tooltip-rail-up .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-down .hq-tooltip-arrow::before,#hq-tooltip .hq-tooltip-rail-up .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-down .hq-tooltip-arrow-up,#hq-tooltip .hq-tooltip-rail-up .hq-tooltip-arrow-up {
    display: block;
    position: absolute;
    z-index: 1000;
    left: 18px;
    bottom: -3px
}

#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow-up::after,#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-up .hq-tooltip-arrow-up::before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow-up::after,#hq-tooltip .hq-tooltip-rail-up .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-down .hq-tooltip-arrow-up::before,#hq-tooltip .hq-tooltip-rail-up .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-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
}

#hq-tooltip {
    display: block;
    z-index: 99999;
    background: 0 0;
    border: none;
    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: .3em;
    background-color: #f2f2f3;
    padding: 1.25em 2.5em 1em 1em;
    text-align: left;
    color: #48433f!important;
    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: -.1em;
    top: .1em;
    margin: 0;
    padding: 0;
    cursor: pointer;
    width: 32px;
    height: 32px
}

#hq-tooltip #hq-tooltip-close::after,#hq-tooltip #hq-tooltip-close::before {
    position: absolute;
    top: 0;
    left: 15px;
    content: ' ';
    height: 26px;
    width: 2px;
    background-color: #a2a2a2
}

#hq-tooltip #hq-tooltip-close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#hq-tooltip #hq-tooltip-close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#hq-tooltip #hq-tooltip-close:active::after,#hq-tooltip #hq-tooltip-close:active::before,#hq-tooltip #hq-tooltip-close:focus::after,#hq-tooltip #hq-tooltip-close:focus::before,#hq-tooltip #hq-tooltip-close:hover::after,#hq-tooltip #hq-tooltip-close:hover::before {
    background-color: #000
}

#hq-tooltip .hq-tooltip-rail-down,#hq-tooltip .hq-tooltip-rail-up {
    position: relative;
    width: 100%;
    height: 20px
}

#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow,#hq-tooltip .hq-tooltip-rail-up .hq-tooltip-arrow {
    display: block;
    position: absolute;
    z-index: 1000;
    left: 18px;
    top: -3px
}

#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow::after,#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-up .hq-tooltip-arrow::before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow::after,#hq-tooltip .hq-tooltip-rail-up .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-down .hq-tooltip-arrow::before,#hq-tooltip .hq-tooltip-rail-up .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-down .hq-tooltip-arrow-up,#hq-tooltip .hq-tooltip-rail-up .hq-tooltip-arrow-up {
    display: block;
    position: absolute;
    z-index: 1000;
    left: 18px;
    bottom: -3px
}

#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow-up::after,#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-up .hq-tooltip-arrow-up::before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow-up::after,#hq-tooltip .hq-tooltip-rail-up .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-down .hq-tooltip-arrow-up::before,#hq-tooltip .hq-tooltip-rail-up .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: 1.6rem;
    margin-top: 0;
    font-size: 1rem;
    text-align: center
}

.hq-video-transcript .hq-tooltip-content h2 span {
    font-size: .8rem;
    display: block;
    margin-bottom: 6px;
}

.hq-video-transcript .hq-tooltip-content ul.hq-liste-donnees li>span {
    font-size: .96rem;
}

.hq-video-transcript .hq-tooltip-content ul.hq-liste-donnees li>span.nbr {
    width: 15%;
    float: left;
    text-align: left
}
.hq-video-transcript .hq-tooltip-content ul.hq-liste-donnees li>span.txt {
    width: 80%;
    display: inline-block;
}

@media (min-width:1024px) {
    .youtube-video-container .youtube-video-col {
        margin-left: -12.5%;
    }
    .youtube-video-container .video-metas{
        margin-bottom: 0!important;
    }
    .video-metas p{
        margin: 0 !important;
    }
    .video-mode.hq-video-transcript{
        margin-top: -6px!important;
    }
    .youtube-video-container .hqc--bloc-decale {
        min-height: 400px;
    }
}