@charset "UTF-8";
/* ===================================================================
 * DEFAULT
 * =================================================================*/
/**
 * SETTINGS : Global variables, config switches, band colors, etc.
 */
/* ===================================================================
 * FONTS
 * =================================================================*/
/*
 *   => $family: font name
 *   => $police: font file.
 *   => $font-weight: (normal, 600...)
 *   => $font-style: (normal, italic...)
 *   Example :
 *       $font-face { .font-face('ExampleFont', 'ExampleFont-webfont'); }
 */
/*
 * We use mixins rather than classes because @extend .fas does not work in media queries
 */
/* Fontawesome */
@font-face {
  font-family: "Font Awesome 5 Solid";
  src: url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Font Awesome 5 Regular";
  src: url("fonts/fa-regular-400.woff2") format("woff2"), url("fonts/fa-regular-400.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Font Awesome 5 Brands";
  src: url("fonts/fa-brands-400.woff2") format("woff2"), url("fonts/fa-brands-400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* Titillium */
@font-face {
  font-family: "Titillium Web";
  src: url("fonts/titillium-web-v9-latin-300.woff2") format("woff2"), url("fonts/titillium-web-v9-latin-300.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Titillium Web";
  src: url("fonts/titillium-web-v9-latin-regular.woff2") format("woff2"), url("fonts/titillium-web-v9-latin-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Titillium Web";
  src: url("fonts/titillium-web-v9-latin-600.woff2") format("woff2"), url("fonts/titillium-web-v9-latin-600.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Titillium Web";
  src: url("fonts/titillium-web-v9-latin-600italic.woff2") format("woff2"), url("fonts/titillium-web-v9-latin-600italic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Titillium Web";
  src: url("fonts/titillium-web-v9-latin-700.woff2") format("woff2"), url("fonts/titillium-web-v9-latin-700.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Titillium Web";
  src: url("fonts/titillium-web-v9-latin-700italic.woff2") format("woff2"), url("fonts/titillium-web-v9-latin-700italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Titillium Web";
  src: url("fonts/titillium-web-v9-latin-900.woff2") format("woff2"), url("fonts/titillium-web-v9-latin-900.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
/* ===================================================================
 * VARIABLES
 * =================================================================*/
/* BREAKPOINTS */
/* COLORS */
/* FONTS */
/* Pseudo */
/**
 * TOOLS : Globally-available tools, public mixins, helper functions
 */
/* ===================================================================
 * ALIGNMENT
 * =================================================================*/
/*
 *   Allows to align in percentage an element via absolute and tranform
 *   !! Warning !! The container block must be in relative or absolute position.
 *   => $x:  alignment on the x axis
 *   => $y:  alignment on the y axis
 */
/* ===================================================================
 * BREAKPOINTS
 * =================================================================*/
/**
 * MIN-WIDTH
 */
/**
 * MAX-WIDTH
 */
/**
 * MIN-WIDTH and MAX-WIDTH
 */
/* ===================================================================
 * FORMS
 * =================================================================*/
/*
 *   Checkbox :
 *   => $checkboxSize:              largeur et hauteur de la case
 *   => $checkboxBgColor:           couleur de fond de la case
 *   => $checkboxBgColorHover:      couleur de fond de la case au survol
 *   => $checkboxBgCheckedColor:    couleur de fond de la case cochée
 *   => $checkboxLeft:              position absolue left de la case
 *   => $checkboxTop:               position absolue top de la case
 *   => $coche:                     motif à afficher pour la coche, code hexa ou image, ex: .checkbox(url('${gabaritDir}images/barreHaut_puce.gif'))
 *   => $cocheFontsize:             taille de la coche
 *   => $cocheLeft:                 position absolue left de la coche
 *   => $cocheTop:                  position absolue top de la coche
 *   => $cocheColor:                couleur de la coche
 *   => $contourSize:               largeur du contour
 *   => $contourColor:              couleur du contour
 *   => $contourRadius:             arrondi du contour
 *   => $contourHoverColor:         couleur du contour au survol
 */
/*
 *   Radio bouton :
 *   => $radioSize:             largeur et hauteur du bouton radio
 *   => $radioBgColor:          couleur de fond du bouton radio
 *   => $radioBgColorHover:     couleur de fond du bouton radio au survol
 *   => $radioBgCheckedColor:   couleur de fond du bouton radio coché
 *   => $radioLeft:             position absolue left de la case
 *   => $radioTop:              position absolue top de la case
 *   => $cocheLeft:             position absolue left de la coche
 *   => $cocheTop:              position absolue top de la coche
 *   => $cocheSize:             largeur et hauteur de la coche
 *   => $cocheColor:            couleur de la coche
 *   => $contourColor:          couleur du contour
 *   => $contourSize:           largeur du contour
 *   => $contourHoverColor:     couleur du contour au survol
 */
/*
 *   Custom select :
 *   => $arrow:   nom du fichier image
 *   => $taille:  width du background en pixels permettant de calculer le padding-right
 *   => $right:   espacement de l'image par rapport au bord droit
 */
/* ===================================================================
 * FUNCTIONS
 * =================================================================*/
/*
 * Preserve unicode escape in default.css
 * Example with Fontawesome :
 * content: unicode('f060');
 */
/* ===================================================================
 * GRID
 * =================================================================*/
/**
 * grid styles for container wich has a .grid(n,g) class
 * n = number of columns
 * g = gutter value
 * $marginBottom = margin-bottom for items
 * $responsiveBreakPoints = map for number of colum by breakpoints
 * Example of map:
 * $responsiveBreakPoints: (
 *   0: (sm, 3),
 *   1: (xs, 2),
 *   2: (xs, 1)
 * );
 * example : .grid-container { .gridFlex(12, 10px, $myMap);
 */
/*
 * Modify item width
 * Example width .grid(4), .flexItemWidth(2) give double width item
 */
/* ===================================================================
 * HELPERS
 * =================================================================*/
/*
 *   IMAGE DECLARATION
 *   => @a : image file name
 *   => @b : background color, repeat...
 *   Example :
 *       .backgroundImage('bullet.png', no-repeat 0 0 #fff);
 */
/**
 * GRADIENT
 */
/**
 * CLEARFIX
 */
/**
 * SVG
 */
/* ===================================================================
 * LAYOUT
 * =================================================================*/
/**
 *   LAYOUT GRID
 *   => @nbCol:    number of grid column
 *   => @nbMargin: size of grid gutter
 */
/**
 * GENERIC : Ground-zero styles (Normalize.css, resets, box-sizing)
 */
/* normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 0 0 2rem;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* ===================================================================
 * INIT
 * =================================================================*/
html {
  font-size: 62.5%;
  /*10px*/
  box-sizing: border-box;
  min-height: 100%;
}

* {
  box-sizing: inherit;
}

/**
 * BASE : Unclassed HTML elements (type selectors), H1–H6, basic links, lists, etc
 */
/* ===================================================================
 * HTML
 * =================================================================*/
body {
  background-color: #ffffff;
  color: #1e232d;
  margin: 0;
  padding: 0;
  font-family: "Titillium Web", sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
}
body.pseudo {
  padding-top: 4.8rem;
}
@media (max-width: 767px) {
  body {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}

a {
  text-decoration: none;
  color: #1e232d;
}
a:hover, a:focus, a:active {
  text-decoration: underline;
}

h1,
.titreH1 {
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  margin: 0 0 2rem;
  padding: 2rem 0 0;
  color: #124294;
  position: relative;
  text-transform: uppercase;
}
@media (min-width: 1025px) {
  h1,
.titreH1 {
    font-size: 6.5rem;
    line-height: 7rem;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  h1,
.titreH1 {
    font-size: 4.5rem;
    line-height: 5rem;
  }
}
@media (max-width: 767px) {
  h1,
.titreH1 {
    font-size: 3.5rem;
    line-height: 4rem;
  }
}
h1:before,
.titreH1:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: #124294;
}
@media (min-width: 1025px) {
  h1:before,
.titreH1:before {
    width: 8.9rem;
    height: 1rem;
  }
}
@media (max-width: 1024px) {
  h1:before,
.titreH1:before {
    width: 4rem;
    height: 0.5rem;
  }
}

h2,
.titreH2 {
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 3.6rem;
  margin: 0 0 1rem;
  color: #124294;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  h2,
.titreH2 {
    font-size: 2.5rem;
    line-height: 2.9rem;
  }
}

h3,
.titreH3,
.TPL_FORMULAIRE h2 {
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  color: #009999;
  font-size: 2.4rem;
  line-height: 2.8rem;
  margin: 0 0 1rem;
}
@media (max-width: 767px) {
  h3,
.titreH3,
.TPL_FORMULAIRE h2 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
}

h4,
.titreH4,
.TPL_FORMULAIRE .groupeQuestion legend {
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  color: #009999;
  font-size: 2.2rem;
  line-height: 2.6rem;
  margin: 0 0 1rem;
}
@media (max-width: 767px) {
  h4,
.titreH4,
.TPL_FORMULAIRE .groupeQuestion legend {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}

h5,
.titreH5,
.txt table caption,
.partage table caption {
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  color: #009999;
  font-size: 2rem;
  line-height: 2.4rem;
  margin: 0 0 2rem;
}
@media (max-width: 767px) {
  h5,
.titreH5,
.txt table caption,
.partage table caption {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}

hr {
  height: 0.2rem;
  margin-top: 4rem;
  margin-bottom: 4rem;
  background-color: #1e232d;
  border: none;
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

p {
  margin: 0 0 2.5rem;
}

strong {
  font-weight: 700;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

acronym {
  border-bottom: 1px dotted;
  cursor: help;
}

/* ===================================================================
 * HELPERS
 * =================================================================*/
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.clear {
  clear: both;
}

.invisible {
  display: none;
}

.alignleft {
  text-align: left;
}

object.alignleft,
img.alignleft,
table.alignleft,
span.alignleft,
iframe.alignleft,
embed.alignleft,
.videocontainer.alignleft,
figure.alignleft {
  float: left;
  margin: 0 2rem 2rem 0;
}

.alignright {
  text-align: right;
}

object.alignright,
img.alignright,
table.alignright,
span.alignright,
iframe.alignright,
embed.alignright,
.videocontainer.alignright,
figure.alignright {
  float: right;
  margin: 0 0 2rem 2rem;
  text-align: left;
}

.alignmiddle {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
}

.aligncenter {
  text-align: center;
}

.alignjustify {
  text-align: justify;
}

.inlineBlock {
  display: inline-block;
  zoom: 1;
}

table.aligncenter {
  margin: auto;
  text-align: left;
}

/**
 * RESPONSIVES VIDEOS
 */
.iframe-ratio {
  position: relative;
  margin-bottom: 2rem;
}
.iframe-ratio::before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.iframe-ratio.width_left {
  width: 48%;
  float: left;
  margin-right: 2%;
}
.iframe-ratio.width_right {
  width: 48%;
  float: right;
  margin-left: 2%;
}
.iframe-ratio.width_middle {
  width: 50%;
  margin: auto;
}
.iframe-ratio iframe,
.iframe-ratio embed,
.iframe-ratio object,
.iframe-ratio video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.iframe-ratio > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
@media (max-width: 767px) {
  .iframe-ratio.width_left, .iframe-ratio.width_right, .iframe-ratio.width_middle {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-left: 0;
  }
}

/**
 * GOOGLE MAP
 */
.gmaps {
  width: 100%;
  height: 40rem;
}

/**
 * CLEARFIX
 */
.clearfix {
  display: flow-root;
}

/**
 * CENTRAGE DU CONTENU DANS LA PAGE
 */
.innerCenter {
  max-width: 1316px;
  margin: 0 auto;
  position: relative;
  padding: 0 2rem;
}

/**
 * DESKTOP ET MOBILE DISPLAY
 */
@media (max-width: 1209px) {
  .desktop_hidden {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .tablet_hidden {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .mobile_hidden {
    display: none !important;
  }

  .txt_mobile_hidden {
    border: 1px solid #000000;
    padding: 0.5rem;
    margin: 0.5rem;
    border-radius: 2px;
  }
}
/**
 * WEBOTHEQUE PICTURES FORMATS
 */
.IMF_30 {
  max-width: 30%;
}
@media (max-width: 767px) {
  .IMF_30 {
    max-width: 100%;
  }
}

.IMF_50 {
  max-width: 49%;
}
@media (max-width: 767px) {
  .IMF_50 {
    max-width: 100%;
  }
}

.IMF_100 {
  display: block;
  max-width: 970px;
  margin: 0 auto;
}

/**
 * THEMATIQUE
 */
.categorieContainer {
  margin: 0 -0.5rem 2rem !important;
}
.categorieContainer .categorie {
  margin: 0.5rem;
}

.categorie {
  text-transform: uppercase;
  background-color: #ebebeb;
  border-radius: 1.5rem;
  color: #124294;
  padding: 0.3rem 2rem;
  display: inline-block;
}

/**
 * TITRE AVEC BG
 */
.bg-green {
  color: #ffffff;
  background-color: #009999;
  padding: 0.3rem 1rem 0.5rem;
  font-size: 2rem;
  line-height: 1;
  text-align: center;
  text-transform: none;
  margin-bottom: 1.5rem;
}

/* ===================================================================
 * EDITORIAL
 * =================================================================*/
/**
 * PARAGRAPHS
 */
.txt a,
.partage a {
  color: #124294;
  text-decoration: underline;
  outline-offset: 0.2em;
}
.txt a:hover, .txt a:focus, .txt a:active,
.partage a:hover,
.partage a:focus,
.partage a:active {
  text-decoration: none;
}
.txt a:focus,
.partage a:focus {
  outline: 1px dashed #124294;
}
.txt a:not(.btn):not(.form_retour).external::before,
.partage a:not(.btn):not(.form_retour).external::before {
  font-family: "Font Awesome 5 Solid", sans-serif;
  content: "\f360";
  display: inline-block;
  vertical-align: middle;
  font-size: 1.6rem;
  font-weight: 400;
  color: #1e232d;
  margin-right: 1rem;
  margin-left: 0.5rem;
  line-height: 0;
}
.txt a:not(.btn):not(.form_retour).external::before.noPicto,
.partage a:not(.btn):not(.form_retour).external::before.noPicto {
  content: none;
}
.txt a.document::before,
.partage a.document::before {
  font-family: "Font Awesome 5 Solid", sans-serif;
  content: "\f15b";
  display: inline-block;
  vertical-align: middle;
  font-size: 1.6rem;
  font-weight: 400;
  color: #1e232d;
  margin-right: 1rem;
  margin-left: 0.5rem;
  line-height: 0;
}
.txt a.document::before.noPicto,
.partage a.document::before.noPicto {
  content: none;
}
.txt ul,
.partage ul {
  padding: 0;
}
@media (min-width: 768px) {
  .txt ul,
.partage ul {
    margin: 0 0 3rem;
  }
}
@media (max-width: 767px) {
  .txt ul,
.partage ul {
    margin: 0 0 2rem;
  }
}
.txt ul li,
.partage ul li {
  position: relative;
  padding: 0 0 0 1.2rem;
  margin-bottom: 0.5rem;
  color: #1e232d;
}
.txt ul li::before,
.partage ul li::before {
  font-family: "Font Awesome 5 Solid", sans-serif;
  content: "\f111";
  display: inline-block;
  color: #1e232d;
  font-size: 0.5rem;
  position: absolute;
  left: 0;
}
.txt ul ul,
.partage ul ul {
  margin: 1rem 0;
}
.txt ol,
.partage ol {
  padding: 0;
  counter-reset: li-counter;
}
@media (min-width: 768px) {
  .txt ol,
.partage ol {
    margin: 0 0 3rem;
  }
}
@media (max-width: 767px) {
  .txt ol,
.partage ol {
    margin: 0 0 2rem;
  }
}
.txt ol > li,
.partage ol > li {
  color: #1e232d;
  position: relative;
  margin-bottom: 0.8rem;
}
.txt ol > li::before,
.partage ol > li::before {
  content: counter(li-counter, decimal) ". ";
  counter-increment: li-counter;
  color: #1e232d;
}
.txt ol > li li,
.partage ol > li li {
  color: #1e232d;
  position: relative;
  margin-bottom: 0.8rem;
}
.txt ol > li li::before,
.partage ol > li li::before {
  content: counter(li-counter, lower-alpha) ". ";
}
.txt ol ol,
.partage ol ol {
  margin: 1rem 0 1rem 2rem;
}
.txt table,
.partage table {
  background-color: #ffffff;
  border: 1px solid #124294;
  border-collapse: collapse;
  width: 100%;
  font-family: "Titillium Web", sans-serif;
}
@media (min-width: 768px) {
  .txt table,
.partage table {
    margin: 0 0 3rem;
  }
}
@media (max-width: 767px) {
  .txt table,
.partage table {
    margin: 0 0 2rem;
  }
}
.txt table caption,
.partage table caption {
  text-align: left;
}
.txt table thead td,
.txt table th,
.partage table thead td,
.partage table th {
  padding: 1.5rem;
  color: #ffffff;
  border-bottom: 1px solid #124294;
  background-color: #124294;
  text-align: left;
}
.txt table td,
.partage table td {
  color: #1e232d;
  border: 0;
  border-bottom: 1px solid #124294;
  padding: 1.5rem;
}
.txt .yellow-border,
.partage .yellow-border {
  position: relative;
  display: flex;
  margin: 3.5rem 0 0 2rem;
}
.txt .yellow-border:after,
.partage .yellow-border:after {
  content: "";
  position: absolute;
  transition: box-shadow, background-color 0.2s ease;
  box-shadow: 0 0 0 4px #ffed0d inset;
}
@media (min-width: 768px) {
  .txt .yellow-border::after,
.partage .yellow-border::after {
    left: -2rem;
    top: -2rem;
    bottom: 3.5rem;
    right: 2rem;
  }
}
@media (max-width: 767px) {
  .txt .yellow-border::after,
.partage .yellow-border::after {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
  }
}
.txt .yellow-border:hover::after, .txt .yellow-border:focus::after,
.partage .yellow-border:hover::after,
.partage .yellow-border:focus::after {
  box-shadow: none;
  background-color: rgba(255, 237, 13, 0.6);
}

/**
 * PICTURES LEGEND/CREDIT
 */
.spanImgContainer {
  display: inline-block;
  text-align: center !important;
  line-height: 0;
}

.spanImgOuter {
  display: block;
  position: relative;
}
.spanImgOuter img {
  display: block;
}

.spanCredit {
  background: rgba(255, 255, 255, 0.75) repeat 0 0;
  left: 0;
  bottom: 0;
  font-style: italic;
  font-size: 90%;
  max-width: 75%;
  padding: 0.5rem;
  position: absolute;
  line-height: 1em;
  text-align: left;
}

.imgLoupe {
  position: absolute;
  bottom: 0;
  right: 0;
}

.spanLegende {
  display: block;
  border: 1px solid #dedede;
  padding: 0.5rem;
  line-height: 1em;
}

@media (min-width: 768px) {
  .w-50 {
    width: calc(49% + 1.7rem);
  }
  .w-50 .IMF_50 {
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .w-30 {
    width: calc(30% + 1.7rem);
  }
  .w-30 .IMF_30 {
    max-width: 100%;
  }
}

/**
 * RESPONSIVE TABLE
 */
@media (max-width: 767px) {
  .tableauContainer {
    overflow-x: scroll;
    position: relative;
    width: 100%;
    margin-bottom: 2rem;
  }
  .tableauContainer > table {
    min-width: 767px;
    margin-bottom: 1rem !important;
  }
}

/* ===================================================================
 * PAGE
 * =================================================================*/
#document {
  overflow: hidden;
}
#document.fixed {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

#corps {
  position: relative;
}

#contenu {
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  #contenu {
    padding-bottom: 6rem;
  }
}
@media (max-width: 767px) {
  #contenu {
    padding-bottom: 2rem;
  }
}
#contenu h1 {
  max-width: 50rem;
  margin-top: 7rem;
  text-transform: uppercase;
}
#contenu h1.withAccroche {
  background-color: #009999;
  color: #ffffff;
  padding: 2rem;
  margin: -4rem 0 3rem -2rem;
  font-size: 4rem;
  line-height: 5rem;
}
@media (min-width: 1025px) {
  #contenu h1.withAccroche {
    max-width: 74rem;
    padding: 6rem 3.5rem 2.3rem;
    margin: -11.5rem 0 7rem;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #contenu h1.withAccroche {
    margin-bottom: 5rem;
    max-width: 70%;
  }
}
@media (max-width: 767px) {
  #contenu h1.withAccroche {
    margin-bottom: 3rem;
    max-width: 100%;
  }
}
#contenu h1.withAccroche:before {
  left: 2rem;
  top: 1.3rem;
  background-color: #ffffff;
}
@media (min-width: 1025px) {
  #contenu h1.withAccroche:before {
    left: 3.5rem;
    top: 3.3rem;
  }
}

.credit {
  position: absolute;
  margin: 0 !important;
  background: rgba(255, 255, 255, 0.5);
  padding: 0.5rem 1rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #000000;
}

.accrochePageImage {
  position: relative;
  overflow: hidden;
}
.accrochePageImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 1025px) {
  .accrochePageImage {
    height: 63.5rem;
  }
}
@media (max-width: 1024px) {
  .accrochePageImage {
    height: 50vw;
  }
}
@media (max-width: 767px) {
  .accrochePageImage {
    height: 60vw;
  }
}
@media (min-width: 1025px) {
  .accrochePageImage .credit {
    max-width: 23%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .accrochePageImage .credit {
    max-width: 28%;
  }
}
@media (min-width: 768px) {
  .accrochePageImage .credit {
    bottom: 0;
    right: 1rem;
  }
}
@media (max-width: 767px) {
  .accrochePageImage .credit {
    bottom: 4rem;
    left: 0;
    max-width: calc(100% - 4rem);
  }
}

.accrochePage {
  font-weight: 600;
  text-align: center;
}
@media (min-width: 768px) {
  .accrochePage {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
}
@media (max-width: 767px) {
  .accrochePage {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}
.accrochePage::after {
  content: "";
  height: 0.5rem;
  width: 18rem;
  background-color: #009999;
  display: block;
  margin: 0 auto;
  border-radius: 5px;
}

.paragraphe {
  clear: both;
  display: block;
  width: 100%;
}
@media (min-width: 768px) {
  .paragraphe {
    margin: 0 0 5rem;
  }
}
@media (max-width: 767px) {
  .paragraphe {
    margin: 0 0 3rem;
  }
}
.paragraphe p {
  /*&:last-child {
      margin-bottom: 0;
  }*/
}
@media (min-width: 768px) {
  .paragraphe p {
    margin: 0 0 3rem;
  }
}
@media (max-width: 767px) {
  .paragraphe p {
    margin: 0 0 2rem;
  }
}

.wrapperContenu {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}
@media (min-width: 1025px) {
  .wrapperContenu {
    flex-flow: row wrap;
    justify-content: space-between;
  }
}

.inner-interne {
  width: 100%;
}
.inner-interne .TPL_ACTUALITEMEA {
  display: none;
}
@media (min-width: 1025px) {
  .avecColonneGauche .inner-interne {
    width: 75.3799392097%;
  }
}

#tarteaucitronRoot * {
  font-family: "Titillium Web", sans-serif !important;
}

#tarteaucitronRoot #tarteaucitronAlertBig {
  background-color: #124294 !important;
  border-radius: 0 !important;
}

#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
  font-family: "Titillium Web", sans-serif !important;
  font-size: 1.8rem !important;
  line-height: 2.4rem !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie,
#tarteaucitron #tarteaucitronClosePanel,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
  background-color: #124294 !important;
}

div#tarteaucitronInfo,
#tarteaucitron .tarteaucitronBorder,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden,
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
  border-color: #124294 !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
.tac_activate .tarteaucitronAllow,
#tarteaucitronAlertBig #tarteaucitronPersonalize2, .tarteaucitronCTAButton,
#tarteaucitronAlertBig #tarteaucitronCloseAlert {
  border-radius: 25px !important;
  padding: 5px 15px !important;
}

div#tarteaucitronServices {
  height: auto !important;
}

/* ===================================================================
 * TOOLTIPS WITHIN FORMS
 * =================================================================*/
.ui-tooltip {
  font-size: 12px !important;
  line-height: normal !important;
}

.helper {
  cursor: help;
}

.paragraphe .helper img {
  border: none;
  padding: 0;
  margin: 0;
}

/* it will work better with this box-sizing, you may adapt it to your needs */
/*html { box-sizing: border-box; }
*, *:before, *:after {
  box-sizing: inherit;
}*/
/* Tooltip hidden by default */
.simpletooltip[aria-hidden=true] {
  display: none;
}

/* position relative for containers */
.simpletooltip_container {
  position: relative;
}

/* tooltip styles */
.simpletooltip {
  position: absolute;
  z-index: 666;
  right: auto;
  left: 100%;
  width: 10em;
  margin-left: 0.5em;
  border-radius: 0.5em;
  background: rgba(0, 0, 0, 0.9);
  color: #eee;
  padding: 0.5em;
  text-align: left;
  line-height: 1.3;
}

/* ===================================================================
 * FORMS : labels and fields on differents lines
 * =================================================================*/
.TPL_FORMULAIRE form label:not(.enLigne) {
  display: block;
  margin-bottom: 0.5rem;
}
.TPL_FORMULAIRE input[type=tel],
.TPL_FORMULAIRE input[type=url],
.TPL_FORMULAIRE input[type=date],
.TPL_FORMULAIRE input[type=file],
.TPL_FORMULAIRE input[type=text],
.TPL_FORMULAIRE input[type=email],
.TPL_FORMULAIRE input[type=number],
.TPL_FORMULAIRE input[type=search],
.TPL_FORMULAIRE input[type=password],
.TPL_FORMULAIRE textarea,
.TPL_FORMULAIRE select {
  width: 100%;
}

/* ===================================================================
 * FORMS
 * =================================================================*/
.TPL_FORMULAIRE {
  position: relative;
}
@media (min-width: 768px) {
  .TPL_FORMULAIRE h2 {
    padding-right: 19rem;
  }
}
@media (max-width: 767px) {
  .TPL_FORMULAIRE h2 {
    margin-bottom: 5rem;
  }
}
.TPL_FORMULAIRE fieldset.groupeQuestion,
.TPL_FORMULAIRE div.groupeQuestion {
  border: 0;
  margin: 0 0 2rem;
  padding: 0;
}
.TPL_FORMULAIRE .groupeQuestion legend {
  padding: 1rem 0 0;
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 3rem;
  color: #124294;
  font-weight: 600;
}
.TPL_FORMULAIRE .groupeQuestion p {
  position: relative;
}
.TPL_FORMULAIRE form {
  border: 0;
  /* Cachons le bouton radio */
  /* on prépare le label */
  /* Aspect des boutons radios */
  /* :before sert à créer le bouton radio */
  /* Aspect général de la coche */
  /* Aspect si pas cochée */
  /* Aspect si cochée */
  /* aspect désactivée */
  /* styles de la coche (si cochée/désactivée) */
  /* on style aussi le label quand désactivé */
  /* aspect au hover de l'élément */
  /* Cachons la case à cocher */
  /* on prépare le label */
  /* Aspect des checkboxes */
  /* :before sert à créer la case à cocher */
  /* Aspect général de la coche */
  /* Aspect si pas cochée */
  /* Aspect si cochée */
  /* aspect désactivée */
  /* styles de la coche (si cochée/désactivée) */
  /* on style aussi le label quand désactivé */
  /* aspect au hover de l'élément */
  /* calcul l'espace nécessaire entre l'image et le texte dans le select  */
}
.TPL_FORMULAIRE form [type=radio]:not(:checked),
.TPL_FORMULAIRE form [type=radio]:checked {
  position: absolute;
  opacity: 0;
}
.TPL_FORMULAIRE form [type=radio]:not(:checked) + label,
.TPL_FORMULAIRE form [type=radio]:checked + label {
  position: relative;
  /* permet de positionner les pseudo-éléments */
  padding: 0 1.5rem 0 3rem;
  /* fait un peu d'espace pour notre bouton à venir */
  cursor: pointer;
  /* affiche un curseur adapté */
  vertical-align: middle;
}
.TPL_FORMULAIRE form [type=radio]:not(:checked) + label:before,
.TPL_FORMULAIRE form [type=radio]:checked + label:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 20px;
  height: 20px;
  /* dim. du bouton */
  border: 2px solid #ebebeb;
  background-color: #ebebeb;
  border-radius: 100%;
  /* angles arrondis */
}
.TPL_FORMULAIRE form [type=radio]:not(:checked) + label:after,
.TPL_FORMULAIRE form [type=radio]:checked + label:after {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 100%;
  top: 7px;
  left: 6px;
  background-color: #124294;
  transition: all 0.2s;
  /* on prévoit une animation */
}
.TPL_FORMULAIRE form [type=radio]:not(:checked) + label:after {
  transform: scale(0);
  /* mise à l'échelle à 0 */
  opacity: 0;
  /* coche invisible */
}
.TPL_FORMULAIRE form [type=radio]:checked + label:before {
  background-color: #ebebeb;
}
.TPL_FORMULAIRE form [type=radio]:checked + label:after {
  transform: scale(1);
  /* mise à l'échelle 1:1 */
  opacity: 1;
  /* coche opaque */
}
.TPL_FORMULAIRE form [type=radio]:disabled:not(:checked) + label:before,
.TPL_FORMULAIRE form [type=radio]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.TPL_FORMULAIRE form [type=radio]:disabled:not(:checked) + label:after,
.TPL_FORMULAIRE form [type=radio]:disabled:checked + label:after {
  background-color: #999;
}
.TPL_FORMULAIRE form [type=radio]:disabled:checked + label:after {
  color: #999;
}
.TPL_FORMULAIRE form [type=radio]:disabled + label {
  color: #aaa;
}
.TPL_FORMULAIRE form [type=radio]:checked:not(:disabled):hover + label:before {
  border-color: #ebebeb;
  background-color: #ebebeb;
}
.TPL_FORMULAIRE form [type=radio]:not(:checked):not(:disabled):hover + label:before {
  border-color: #124294;
  background-color: white;
}
.TPL_FORMULAIRE form [type=radio]:not(:disabled):focus + label:before {
  outline: 1px dotted black;
}
.TPL_FORMULAIRE form [type=radio]:checked + label:before {
  border-color: #124294;
}
.TPL_FORMULAIRE form [type=checkbox]:not(:checked),
.TPL_FORMULAIRE form [type=checkbox]:checked {
  position: absolute;
  opacity: 0;
}
.TPL_FORMULAIRE form [type=checkbox]:not(:checked) + label,
.TPL_FORMULAIRE form [type=checkbox]:checked + label {
  position: relative;
  /* permet de positionner les pseudo-éléments */
  padding: 0 1.5rem 0 3rem;
  /* fait un peu d'espace pour notre case à venir */
  cursor: pointer;
  /* affiche un curseur adapté */
}
.TPL_FORMULAIRE form [type=checkbox]:not(:checked) + label:before,
.TPL_FORMULAIRE form [type=checkbox]:checked + label:before {
  content: "";
  left: 0;
  top: 1px;
  position: absolute;
  width: 20px;
  height: 20px;
  /* dim. de la case */
  border: 2px solid #ebebeb;
  background-color: #ebebeb;
  border-radius: 5px;
  /* angles arrondis */
}
.TPL_FORMULAIRE form [type=checkbox]:not(:checked) + label:after,
.TPL_FORMULAIRE form [type=checkbox]:checked + label:after {
  position: absolute;
  content: "✔";
  left: 5px;
  top: 0;
  font-size: 18px;
  color: #124294;
  transition: all 0.2s;
  /* on prévoit une animation */
}
.TPL_FORMULAIRE form [type=checkbox]:not(:checked) + label:after {
  transform: scale(0);
  /* mise à l'échelle à 0 */
  opacity: 0;
  /* coche invisible */
}
.TPL_FORMULAIRE form [type=checkbox]:checked + label:before {
  background-color: #ebebeb;
}
.TPL_FORMULAIRE form [type=checkbox]:checked + label:after {
  transform: scale(1);
  /* mise à l'échelle 1:1 */
  opacity: 1;
  /* coche opaque */
}
.TPL_FORMULAIRE form [type=checkbox]:disabled:not(:checked) + label:before,
.TPL_FORMULAIRE form [type=checkbox]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.TPL_FORMULAIRE form [type=checkbox]:disabled:checked + label:after {
  color: #999;
}
.TPL_FORMULAIRE form [type=checkbox]:disabled + label {
  color: #aaa;
}
.TPL_FORMULAIRE form [type=checkbox]:checked:not(:disabled):hover + label:before {
  border-color: #ebebeb;
  background-color: #ebebeb;
}
.TPL_FORMULAIRE form [type=checkbox]:not(:checked):not(:disabled):hover + label:before {
  border-color: #124294;
  background-color: #fcfcfc;
}
.TPL_FORMULAIRE form [type=checkbox]:not(:disabled):focus + label:before {
  outline: 1px dotted black;
}
.TPL_FORMULAIRE form [type=checkbox]:checked + label:before {
  border-color: #124294;
}
.TPL_FORMULAIRE form select {
  background-image: url("images/select_arrow.png");
  text-overflow: ellipsis;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  background-repeat: no-repeat;
  background-position: calc(100% - 0px) center;
  padding-right: 55px;
}
.TPL_FORMULAIRE form select[size] {
  background-image: none;
  padding-right: 0;
  height: auto;
  vertical-align: top;
}
.TPL_FORMULAIRE form select::-ms-expand {
  display: none;
}
.TPL_FORMULAIRE form p {
  clear: both;
}
.TPL_FORMULAIRE form label {
  color: #124294;
}
.TPL_FORMULAIRE form label.enLigne {
  margin-right: 1.5rem;
  color: #1e232d;
}
.TPL_FORMULAIRE form p.action {
  text-align: center;
}
.TPL_FORMULAIRE form span.info {
  display: block;
  background-color: #124294;
  color: #ffffff;
  border-radius: 0.5rem;
  padding: 2rem;
  font-weight: 700;
}
.TPL_FORMULAIRE input[type=tel],
.TPL_FORMULAIRE input[type=url],
.TPL_FORMULAIRE input[type=date],
.TPL_FORMULAIRE input[type=file],
.TPL_FORMULAIRE input[type=text],
.TPL_FORMULAIRE input[type=email],
.TPL_FORMULAIRE input[type=number],
.TPL_FORMULAIRE input[type=search],
.TPL_FORMULAIRE input[type=password],
.TPL_FORMULAIRE textarea,
.TPL_FORMULAIRE select {
  padding: 1rem 1.5rem;
  background-color: #ffffff;
  appearance: none;
  border: 1px solid #124294;
  border-radius: 3rem;
  min-height: 5rem;
}
.TPL_FORMULAIRE textarea {
  height: auto;
  line-height: normal;
}
.TPL_FORMULAIRE input.captchaInput {
  width: auto;
  display: inline-block;
}
.TPL_FORMULAIRE input.case {
  border: 0;
  margin-right: 0.5rem;
}
@media (max-width: 767px) {
  .TPL_FORMULAIRE span.case {
    display: block;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
}
.TPL_FORMULAIRE a.submit,
.TPL_FORMULAIRE input.submit {
  word-wrap: break-word;
  white-space: pre-wrap;
  margin: 0.5rem;
}
@media (max-width: 767px) {
  .TPL_FORMULAIRE a.submit,
.TPL_FORMULAIRE input.submit {
    max-width: 100%;
  }
}
.TPL_FORMULAIRE span.counter {
  display: block;
  font-size: 1.2rem;
}

input[type=password] {
  font-family: "Arial", sans-serif;
  /* Spécifique Google Chrome */
}

p.mention_cnil {
  font-style: italic;
  font-size: 1rem;
  line-height: normal;
}

span.obligatoire {
  color: #000000;
}

p.notice {
  color: #124294;
  text-align: right;
}

.captchaImg {
  vertical-align: bottom;
  border: 1px solid #000000;
}

.captchaOperation {
  font-weight: bold;
}

/**
 * ERROR MESSAGES
 */
.form_error {
  background-color: red;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 2rem;
  font-size: 1.4rem;
  border-radius: 0.5rem;
}
@media (min-width: 768px) {
  .form_error {
    padding: 1rem 2rem;
  }
}
@media (max-width: 767px) {
  .form_error {
    padding: 1rem;
  }
}
.form_error li {
  list-style: inside;
}

/**
 * "BACK TO" BUTTON (forms with steps)
 */
.form_retour {
  margin: 0.5rem;
}

/**
 * FORM SUBMISSSION CONFIRMATION
 */
.form_success {
  padding: 2rem;
  font-weight: 700;
  text-align: center;
  border: 2px solid #124294;
  border-radius: 0.5rem;
  color: #124294;
}
.form_success a {
  margin: 0.5rem;
}

/* ===================================================================
 * BUTTONS
 * =================================================================*/
.btn, .footerLiensInternes a, .TPL_FORMULAIRE a.submit,
.TPL_FORMULAIRE input.submit, .form_retour, .form_success a {
  border: 1px solid #1e232d;
  padding: 1.3rem 3rem;
  transition: all 0.2s ease;
  display: inline-block;
  font-weight: 700;
  color: #1e232d;
  text-decoration: none !important;
  border-radius: 2.5rem;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .btn, .footerLiensInternes a, .TPL_FORMULAIRE a.submit,
.TPL_FORMULAIRE input.submit, .form_retour, .form_success a {
    font-size: 2rem;
    line-height: 2.2rem;
  }
}
@media (max-width: 575px) {
  .btn, .footerLiensInternes a, .TPL_FORMULAIRE a.submit,
.TPL_FORMULAIRE input.submit, .form_retour, .form_success a {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
.btn:hover, .footerLiensInternes a:hover, .TPL_FORMULAIRE a.submit:hover,
.TPL_FORMULAIRE input.submit:hover, .form_retour:hover, .form_success a:hover, .btn:focus, .footerLiensInternes a:focus, .TPL_FORMULAIRE a.submit:focus,
.TPL_FORMULAIRE input.submit:focus, .form_retour:focus, .form_success a:focus {
  text-decoration: none;
}
.btn.--primary, .footerLiensInternes a.--primary, .TPL_FORMULAIRE a.--primary.submit,
.TPL_FORMULAIRE input.--primary.submit, .TPL_FORMULAIRE a.submit.form_retour,
.TPL_FORMULAIRE input.submit.form_retour, .form_retour, .TPL_FORMULAIRE .form_success a.submit, .form_success .TPL_FORMULAIRE a.submit, .form_success a {
  color: #124294;
  border-color: #124294;
  background-color: #ffffff;
}
.btn.--primary:hover, .footerLiensInternes a.--primary:hover, .TPL_FORMULAIRE a.--primary.submit:hover,
.TPL_FORMULAIRE input.--primary.submit:hover, .TPL_FORMULAIRE a.submit.form_retour:hover,
.TPL_FORMULAIRE input.submit.form_retour:hover, .form_retour:hover, .form_success a:hover, .btn.--primary:focus, .footerLiensInternes a.--primary:focus, .TPL_FORMULAIRE a.--primary.submit:focus,
.TPL_FORMULAIRE input.--primary.submit:focus, .TPL_FORMULAIRE a.submit.form_retour:focus,
.TPL_FORMULAIRE input.submit.form_retour:focus, .form_retour:focus, .form_success a:focus {
  color: #ffffff;
  border-color: #124294;
  background-color: #124294;
}
.btn.--secondary, .footerLiensInternes a.--secondary, .--secondary.form_retour, .form_success a.--secondary, .TPL_FORMULAIRE a.submit,
.TPL_FORMULAIRE input.submit {
  color: #ffffff;
  border-color: #124294;
  background-color: #124294;
}
.btn.--secondary:hover, .footerLiensInternes a.--secondary:hover, .--secondary.form_retour:hover, .form_success a.--secondary:hover, .TPL_FORMULAIRE a.submit:hover,
.TPL_FORMULAIRE input.submit:hover, .btn.--secondary:focus, .footerLiensInternes a.--secondary:focus, .--secondary.form_retour:focus, .form_success a.--secondary:focus, .TPL_FORMULAIRE a.submit:focus,
.TPL_FORMULAIRE input.submit:focus {
  color: #ffffff;
  border-color: #009999;
  background-color: #009999;
}
.btn.--border-white, .footerLiensInternes a.--border-white, .TPL_FORMULAIRE a.--border-white.submit,
.TPL_FORMULAIRE input.--border-white.submit, .--border-white.form_retour, .form_success a.--border-white {
  color: #ffffff;
  border-color: #ffffff;
  background-color: transparent;
}
.btn.--border-white:hover, .footerLiensInternes a.--border-white:hover, .TPL_FORMULAIRE a.--border-white.submit:hover,
.TPL_FORMULAIRE input.--border-white.submit:hover, .--border-white.form_retour:hover, .form_success a.--border-white:hover, .btn.--border-white:focus, .footerLiensInternes a.--border-white:focus, .TPL_FORMULAIRE a.--border-white.submit:focus,
.TPL_FORMULAIRE input.--border-white.submit:focus, .--border-white.form_retour:focus, .form_success a.--border-white:focus {
  color: #009999;
  border-color: #ffffff;
  background-color: #ffffff;
}
.btn.--white, .footerLiensInternes a.--white, .TPL_FORMULAIRE a.--white.submit,
.TPL_FORMULAIRE input.--white.submit, .--white.form_retour, .form_success a.--white {
  color: #009999;
  border-color: #009999;
  background-color: #ffffff;
}
.btn.--white:hover, .footerLiensInternes a.--white:hover, .TPL_FORMULAIRE a.--white.submit:hover,
.TPL_FORMULAIRE input.--white.submit:hover, .--white.form_retour:hover, .form_success a.--white:hover, .btn.--white:focus, .footerLiensInternes a.--white:focus, .TPL_FORMULAIRE a.--white.submit:focus,
.TPL_FORMULAIRE input.--white.submit:focus, .--white.form_retour:focus, .form_success a.--white:focus {
  color: #ffffff;
  border-color: #124294;
  background-color: #124294;
}
.btn.--icon, .footerLiensInternes a.--icon, .TPL_FORMULAIRE a.--icon.submit,
.TPL_FORMULAIRE input.--icon.submit, .--icon.form_retour, .form_success a.--icon {
  padding-left: 6.2rem;
}

/**
 * LAYOUT : layout objects
 */
/* ===================================================================
 * FOOTER
 * =================================================================*/
@media (max-width: 767px) {
  #bandeauBas {
    background-color: #009999;
  }
}

.footerRejoignez {
  display: flex;
  align-items: center;
}
@media (min-width: 1025px) {
  .footerRejoignez {
    width: 72.3404255319%;
    margin-bottom: -24rem;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .footerRejoignez {
    margin-bottom: -17rem;
  }
}
@media (max-width: 767px) {
  .footerRejoignez {
    flex-direction: column;
  }
}

.footerRejoignezTexte {
  background-color: #124294;
  color: #ffffff;
  flex-grow: 1;
}
@media (min-width: 768px) {
  .footerRejoignezTexte {
    padding: 6rem 18% 6rem 5rem;
  }
}
@media (max-width: 767px) {
  .footerRejoignezTexte {
    padding: 5rem 2rem 11rem;
    margin: 0 -2rem;
  }
}
.footerRejoignezTexte h3 {
  color: #ffffff;
  margin-bottom: 3rem;
}
.footerRejoignezTexte h3::before {
  background-color: #ffffff;
}
.footerRejoignezTexte .accroche {
  margin: 0;
}
@media (min-width: 768px) {
  .footerRejoignezTexte .accroche {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}
@media (max-width: 767px) {
  .footerRejoignezTexte .accroche {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}

.footerRejoignezPicto {
  background-color: #ffffff;
  display: flex;
  padding: 2.5rem 1.8rem 1.8rem;
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .footerRejoignezPicto {
    margin-left: -11%;
  }
}
@media (max-width: 767px) {
  .footerRejoignezPicto {
    margin-top: -8rem;
  }
}

.itemRejoignezPicto {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 50%;
  padding: 0 1rem;
}
.itemRejoignezPicto:not(:last-child) {
  border-right: 2px solid #ffed0d;
}
.itemRejoignezPicto:hover img, .itemRejoignezPicto:focus img {
  transform: scale(0.9);
}
.itemRejoignezPicto a {
  text-decoration: none;
  color: #009999;
}
.itemRejoignezPicto a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.itemRejoignezPicto h4 {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
}
@media (min-width: 1025px) {
  .itemRejoignezPicto h4 {
    font-size: 2.6rem;
    line-height: 2.8rem;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .itemRejoignezPicto h4 {
    font-size: 2rem;
    line-height: 2.2rem;
  }
}
@media (max-width: 767px) {
  .itemRejoignezPicto h4 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}
.itemRejoignezPicto .picto {
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .itemRejoignezPicto .picto {
    max-width: 6rem;
  }
}
.itemRejoignezPicto img {
  transition: transform 0.2s ease;
}

.footerBottom {
  background-color: #009999;
  padding-top: 5rem;
}
@media (min-width: 1025px) {
  .footerBottom {
    padding-top: 7rem;
  }
  .accueil .footerBottom {
    /*padding-top: 30rem;*/
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .accueil .footerBottom {
    padding-top: 22rem;
  }
}

.footerBottomContainer {
  color: #ffffff;
}
.footerBottomContainer a,
.footerBottomContainer h3,
.footerBottomContainer label {
  color: #ffffff;
}

@media (min-width: 1025px) {
  .footerSocialFlexContainer {
    padding-left: 8.2066869301%;
    padding-right: 8.2066869301%;
  }
}
@media (min-width: 768px) {
  .footerSocialFlexContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5rem;
  }
}
@media (max-width: 767px) {
  .footerSocialFlexContainer {
    margin-bottom: 2rem;
  }
}

@media (min-width: 768px) {
  .footerNewsletter.TPL_FORMULAIRE {
    min-width: 49%;
    margin-right: 1rem;
  }
}
@media (max-width: 767px) {
  .footerNewsletter.TPL_FORMULAIRE {
    margin-bottom: 2rem;
  }
}
.footerNewsletter.TPL_FORMULAIRE h3 {
  font-weight: 600;
  font-size: 2.2rem;
  text-transform: uppercase;
}
.footerNewsletter.TPL_FORMULAIRE input[type=text] {
  background-color: #009999;
  border-color: #ffffff;
  color: #ffffff;
  min-height: 0;
  height: 4rem;
  padding: 0.5rem 1.5rem;
  transition: all 0.2s ease;
  border-right: 0;
  border-radius: 30px 0 0 30px;
}
.footerNewsletter.TPL_FORMULAIRE .submit {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #009999;
  height: 4rem;
  padding: 0.5rem 3rem;
  margin: 0;
  border-radius: 0 30px 30px 0;
  width: 15rem;
}
@media (min-width: 768px) {
  .footerNewsletter.TPL_FORMULAIRE .submit {
    padding: 0.5rem 3rem;
  }
}
@media (max-width: 767px) {
  .footerNewsletter.TPL_FORMULAIRE .submit {
    padding: 0.5rem 1.5rem;
  }
}
.footerNewsletter.TPL_FORMULAIRE .submit:hover, .footerNewsletter.TPL_FORMULAIRE .submit:focus {
  background-color: #124294;
  border-color: #124294;
  color: #ffffff;
}

.footerNewsletterFlexContainer {
  display: flex;
  align-items: center;
}
.footerNewsletterFlexContainer:hover input[type=text], .footerNewsletterFlexContainer:focus input[type=text] {
  border-color: #124294;
}
.footerNewsletterFlexContainer:hover .submit, .footerNewsletterFlexContainer:focus .submit {
  background-color: #124294;
  border-color: #124294;
  color: #ffffff;
}

.footerReseauxSociaux {
  text-align: center;
}
@media (min-width: 768px) {
  .footerReseauxSociaux {
    min-width: 39%;
    margin-left: 1rem;
  }
}
.footerReseauxSociaux ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 -0.7rem;
}
.footerReseauxSociaux li {
  margin: 0.7rem;
}
.footerReseauxSociaux a {
  border: 1px solid #ffffff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1025px) {
  .footerReseauxSociaux a {
    width: 5.6rem;
    height: 5.6rem;
  }
}
@media (max-width: 1024px) {
  .footerReseauxSociaux a {
    width: 3.4rem;
    height: 3.4rem;
  }
}
.footerReseauxSociaux a:hover img, .footerReseauxSociaux a:focus img {
  transform: rotateY(360deg);
}
.footerReseauxSociaux img {
  display: block;
  margin: 0 auto;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
@media (min-width: 1025px) {
  .footerReseauxSociaux img {
    max-width: 4rem;
    max-height: 4rem;
  }
}
@media (max-width: 1024px) {
  .footerReseauxSociaux img {
    max-width: 2rem;
    max-height: 2rem;
  }
}
.footerReseauxSociaux .baseline {
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  text-align: center;
  display: inline-block;
  margin: 0;
}
@media (min-width: 1025px) {
  .footerReseauxSociaux .baseline {
    font-size: 2.4rem;
  }
}
@media (max-width: 1024px) {
  .footerReseauxSociaux .baseline {
    font-size: 2rem;
  }
}
@media (min-width: 576px) {
  .footerReseauxSociaux .baseline {
    padding: 0 5rem;
  }
}
@media (max-width: 575px) {
  .footerReseauxSociaux .baseline {
    padding: 0 2rem;
  }
}
.footerReseauxSociaux .baseline::after {
  content: "";
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  background-color: #ffffff;
  height: 1px;
  right: 0;
  left: 0;
}
.footerReseauxSociaux .baseline span {
  background-color: #009999;
  line-height: normal;
  position: relative;
  padding: 0 0.7rem;
  z-index: 1;
}

.footerLiensInternes {
  margin-bottom: 5rem;
}
@media (max-width: 767px) {
  .footerLiensInternes {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .footerLiensInternes ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -2%;
  }
}
@media (max-width: 767px) {
  .footerLiensInternes ul {
    display: inline-block;
  }
}
.footerLiensInternes li {
  margin: 1rem 2%;
}
.footerLiensInternes a {
  border-color: #ffffff;
}
@media (min-width: 768px) {
  .footerLiensInternes a {
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  .footerLiensInternes a {
    font-size: 1.6rem;
    padding: 1rem 2rem;
  }
}
.footerLiensInternes a.withPicto {
  padding-left: 7rem;
  position: relative;
  display: flex;
  align-items: center;
}
.footerLiensInternes a.withPicto img {
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  left: 2rem;
}
.footerLiensInternes a.withPicto span {
  position: relative;
  left: 0;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.footerLiensInternes a.withPicto:hover img, .footerLiensInternes a.withPicto:focus img {
  display: none;
}
.footerLiensInternes a.withPicto:hover span, .footerLiensInternes a.withPicto:focus span {
  left: -2rem;
}
.footerLiensInternes a:hover, .footerLiensInternes a:focus {
  background-color: #ffffff;
  color: #009999 !important;
}

.footerLogoFlexContainer {
  display: grid;
}
@media (min-width: 768px) {
  .footerLogoFlexContainer {
    margin-bottom: 3rem;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 30px 20px;
    grid-template-areas: "initiepar soutenupar coorganisepar coorganisepar partenaires footerlogo";
  }
}
@media (max-width: 767px) {
  .footerLogoFlexContainer {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 30px 20px;
    grid-template-areas: "footerlogo initiepar" "footerlogo soutenupar" "coorganisepar coorganisepar" "partenaires partenaires";
  }
}

.footerActeur {
  border: 2px solid #ffffff;
  position: relative;
}
.footerActeur.INITIEPAR {
  grid-area: initiepar;
}
.footerActeur.SOUTENUPAR {
  grid-area: soutenupar;
}
.footerActeur.COORGANISEPAR {
  grid-area: coorganisepar;
}
.footerActeur.partenaires {
  width: 100%;
  grid-area: partenaires;
}
.footerActeur.partenaires ul {
  flex-wrap: wrap;
}
.footerActeur h3 {
  font-weight: 700;
  text-transform: uppercase;
  background-color: #009999;
  position: absolute;
  left: 1rem;
  padding: 0 0.8rem;
  margin-bottom: 0;
}
@media (min-width: 1270px) {
  .footerActeur h3 {
    font-size: 2.4rem;
    top: -1.4rem;
  }
}
@media (max-width: 1269px) {
  .footerActeur h3 {
    line-height: 1.6rem;
    top: -1rem;
  }
}
@media (min-width: 576px) and (max-width: 1269px) {
  .footerActeur h3 {
    font-size: 1.6rem;
  }
}
@media (max-width: 575px) {
  .footerActeur h3 {
    font-size: 1.2rem;
  }
}
.footerActeur ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 100%;
}
@media (min-width: 768px) {
  .footerActeur li {
    margin: 3rem 2rem;
  }
}
@media (max-width: 767px) {
  .footerActeur li {
    margin: 1.5rem 1rem;
  }
}
@media (max-width: 575px) {
  .footerActeur img {
    max-width: 6rem;
  }
}

.footerLogo {
  grid-area: footerlogo;
}
@media (min-width: 1025px) {
  .footerLogo {
    margin-left: 2rem;
  }
}
@media (max-width: 767px) {
  .footerLogo {
    text-align: center;
  }
}
@media (min-width: 1025px) {
  .footerLogo img {
    min-width: 17.4rem;
  }
}

.footerMenuBas {
  text-align: right;
  padding: 2rem 0;
}
.footerMenuBas ul {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 0 -1rem;
}
.footerMenuBas li {
  margin: 0.2rem 1rem;
  flex-shrink: 0;
  position: relative;
}
.footerMenuBas li:not(:last-child)::after {
  content: "|";
  position: absolute;
  right: -1.2rem;
}
.footerMenuBas a {
  font-size: 1.6rem;
  text-transform: uppercase;
}

/* ===================================================================
 * HEADER
 * =================================================================*/
#bandeauHaut {
  transition: all 0.2s ease;
}
#bandeauHaut h1 {
  padding-top: 0;
  margin: 0;
  line-height: 0;
}
#bandeauHaut h1:before {
  display: none;
}
#bandeauHaut .innerCenter {
  display: flex;
  align-items: center;
}
@media (min-width: 1210px) {
  #bandeauHaut .innerCenter {
    justify-content: space-between;
  }
}
#bandeauHaut .top {
  background-color: #124294;
  transition: all 0.2s ease;
}
#bandeauHaut.sticky .top {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 10;
}
.pseudo #bandeauHaut.sticky .top {
  top: 4.8rem;
}
#bandeauHaut.sticky #menu {
  height: 100%;
}
#bandeauHaut.sticky .stickyLogo {
  display: block;
}
#bandeauHaut.sticky .stickyHome {
  display: none;
}
@media (min-width: 1210px) {
  #bandeauHaut.sticky .headerFlexContainer,
#bandeauHaut.sticky .headerInnerContainer {
    height: 5rem;
  }
}

.headerFlexContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.headerFlexContainer .langues {
  order: 4;
  display: flex;
  justify-content: flex-end;
  position: relative;
}
@media (min-width: 1210px) {
  .headerFlexContainer {
    transition: height 0.2s ease;
    height: 5rem;
  }
  .accueil .headerFlexContainer {
    height: 12rem;
  }
  .accueil .headerFlexContainer .langues {
    margin-top: 3rem;
  }
  .sticky .headerFlexContainer .langues {
    margin-top: 0;
  }
}

.langSelection {
  border: 0;
  border-left: 1px solid #009999;
  padding: 0.5rem 1rem;
  color: #ffffff;
  background-color: transparent;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 600;
  width: 6rem;
  height: 3.4rem;
  text-transform: uppercase;
}
.langSelection a {
  color: #ffffff;
}
.langSelection:after {
  font-family: "Font Awesome 5 Solid", sans-serif;
  content: "\f078";
  color: #ffffff;
  position: absolute;
  right: 1rem;
  font-weight: normal;
}
@media (min-width: 1210px) {
  .langSelection {
    border-radius: 1.7rem;
    border: 1px solid #ffffff;
  }
}

#langDropdown {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background: white;
  z-index: 10;
}
#langDropdown li {
  padding: 0.5rem 1rem;
}
#langDropdown a {
  color: #124294;
}
#langDropdown a:hover, #langDropdown a:focus, #langDropdown a:active {
  font-weight: 700;
  text-decoration: none;
}

.headerInnerContainer {
  display: flex;
  align-items: center;
}
@media (min-width: 1210px) {
  .headerInnerContainer {
    transition: height 0.2s ease;
    flex-flow: row wrap;
    max-width: 91.25rem;
    justify-content: flex-end;
    width: 100%;
    margin-left: 5rem;
  }
  .accueil .headerInnerContainer {
    height: 12rem;
  }
}
@media (min-width: 1210px) and (max-width: 1269px) {
  .headerInnerContainer {
    margin-left: 0;
  }
}

@media (max-width: 1209px) {
  #menuMobile {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #124294;
    padding: 2.5rem 2rem 3rem;
    flex-direction: column;
    z-index: 10;
  }
}

#logo .stickyLogo {
  display: none;
}
#logo img {
  max-width: 23.3rem;
}
@media (max-width: 1209px) {
  #logo {
    margin: 0 auto;
  }
  #logo img {
    max-width: 14.5rem;
  }
  #logo .stickyLogo {
    display: block;
  }
  #logo .stickyHome {
    display: none;
  }
}
@media (min-width: 1210px) and (max-width: 1269px) {
  #logo img {
    max-width: 18rem;
  }
}

.contentHome {
  flex-direction: column;
  position: relative;
  margin: 0;
  z-index: 3;
}
@media (min-width: 1025px) {
  .contentHome {
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
    margin: -30rem auto 0;
    width: 100%;
  }
}
#bandeauHaut .contentHome {
  align-items: flex-start;
}
.contentHome .baseline {
  color: #ffffff;
  width: 100%;
  margin: 0;
}
@media (min-width: 1025px) {
  .contentHome .baseline {
    max-width: 63rem;
  }
  .contentHome .baseline .btn, .contentHome .baseline .TPL_FORMULAIRE a.submit, .TPL_FORMULAIRE .contentHome .baseline a.submit,
.contentHome .baseline .TPL_FORMULAIRE input.submit,
.TPL_FORMULAIRE .contentHome .baseline input.submit, .contentHome .baseline .form_retour, .contentHome .baseline .form_success a, .form_success .contentHome .baseline a, .contentHome .baseline .footerLiensInternes a, .footerLiensInternes .contentHome .baseline a {
    min-width: 32rem;
    text-align: center;
  }
}
.contentHome h2 {
  background-color: #ffffff;
  margin: 0;
  color: #1e232d;
  font-size: 2rem;
  line-height: 2.6rem;
  padding: 1.1rem 2rem;
}
@media (min-width: 1025px) {
  .contentHome h2 {
    font-size: 4.5rem;
    line-height: 5.5rem;
    padding: 3rem 5.5rem;
  }
}
.contentHome .bottom {
  padding: 2rem 5.5rem;
  background-color: #124294;
}
@media (max-width: 1024px) {
  .contentHome .bottom {
    padding: 0.5rem 2rem;
    text-align: center;
  }
}
.contentHome .introduction {
  align-self: flex-end;
  color: #ffffff;
  padding: 3rem 2rem;
  background-color: #009999;
}
@media (min-width: 1025px) {
  .contentHome .introduction {
    width: 64.1337386018%;
    margin-top: -9rem;
    padding: 5.5rem 7rem 4.5rem 8.8rem;
  }
}
.contentHome .top-intro {
  display: flex;
  align-items: flex-start;
  margin-bottom: 3rem;
}
.contentHome .top-intro img {
  margin-right: 6rem;
}
@media (max-width: 767px) {
  .contentHome .top-intro img {
    max-width: 8rem;
    margin-right: 2rem;
  }
}
.contentHome .acteurs {
  border-top: 1px solid #ffffff;
  padding: 3rem 3rem 0;
}
.contentHome .acteurs ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1025px) {
  .contentHome .acteurs {
    padding: 2.2rem 0 0;
  }
}
@media (max-width: 767px) {
  .contentHome .acteurs ul {
    max-width: 28rem;
    margin: 0 auto;
  }
  .contentHome .acteurs ul li {
    margin-bottom: 2rem;
    width: 50%;
  }
}

/* DELETE THIS FILE IF NO LEFT BAR AND DELETE IMPORT IN DEFAULT.SCSS */
/* ===================================================================
 * LEFT BAR
 * =================================================================*/
#colonneGauche {
  position: relative;
}
@media (min-width: 1025px) {
  #colonneGauche {
    width: 23.1003039514%;
  }
}

/* ===================================================================
 * NAVIGATION
 * =================================================================*/
/**
 * AVOIDANCE LINKS (ACCESSIBILITY)
 */
#lienEvitement {
  position: fixed;
  z-index: -1;
  top: -2rem;
  width: 100%;
  transition: all 0.3s;
  background-color: #ffffff;
  border-bottom: 0.3rem solid #124294;
  opacity: 0;
}
#lienEvitement.focus {
  top: 0;
  z-index: 100;
  opacity: 1;
}
#lienEvitement ul {
  display: flex;
}
#lienEvitement a {
  display: block;
  padding: 1rem;
  color: #124294;
  background-color: #ffffff;
  text-decoration: none;
}
#lienEvitement a:hover, #lienEvitement a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #124294;
}

/**
 * MOBILE MENU BUTTON
 */
@media (min-width: 1210px) {
  #btnMenuMobile {
    display: none;
  }
}
@media (max-width: 1209px) {
  #btnMenuMobile {
    width: 3rem;
    line-height: 1.6rem;
    background: none;
    border: 0;
    padding: 0;
  }
  #btnMenuMobile::before {
    font-family: "Font Awesome 5 Solid", sans-serif;
    content: "\f0c9";
    font-size: 2.8rem;
    color: #ffffff;
    line-height: 3rem;
  }
  #btnMenuMobile[aria-expanded=true]::before {
    content: "\f00d";
  }
}

/**
 * MAIN MENU
 */
@media (min-width: 1210px) {
  #menu {
    flex-grow: 1;
    order: 2;
  }
  .accueil #menu {
    height: calc(100% - 3rem);
  }
}
@media (max-width: 1209px) {
  #menu {
    margin-bottom: 2rem;
  }
}
#menu .inner {
  height: 100%;
}

/* Level 1 */
.menuListNiv1 {
  display: flex;
  height: 100%;
}
@media (max-width: 1209px) {
  .menuListNiv1 {
    flex-direction: column;
  }
}

@media (min-width: 1210px) {
  .menuItemNiv1 {
    border-left: 2px solid #009999;
  }
  .menuItemNiv1:last-child {
    border-right: 2px solid #009999;
  }
}
@media (max-width: 1209px) {
  .menuItemNiv1::after, .menuItemNiv1:first-child:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #009999;
    display: block;
    margin: 0 auto;
  }
}
.menuLinkNiv1 {
  display: block;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #ffffff;
  text-transform: uppercase;
}
@media (min-width: 1210px) {
  .menuLinkNiv1 {
    padding: 1.5rem 3.5rem;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .selected .menuLinkNiv1, .menuLinkNiv1:hover, .menuLinkNiv1:focus {
    color: #009999;
  }
}
@media (max-width: 1209px) {
  .menuLinkNiv1 {
    padding: 1.25rem 3rem 1.25rem 0;
    position: relative;
  }
  .menuLinkNiv1:after {
    font-family: "Font Awesome 5 Solid", sans-serif;
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    font-size: 2rem;
    color: #009999;
    right: 1rem;
  }
  .menuLinkNiv1[aria-expanded=false]::after {
    content: "\f107";
  }
  .menuLinkNiv1[aria-expanded=true]::after {
    content: "\f106";
  }
}
.menuLinkNiv1:hover, .menuLinkNiv1:focus {
  text-decoration: none;
}
.selected .menuLinkNiv1 {
  font-weight: 700;
  color: #009999;
}

/* Level 2 */
.menuItemNiv2.selected .menuLinkNiv2 {
  font-weight: 700;
  color: #009999;
  text-decoration: underline;
}

.menuLinkNiv2 {
  display: block;
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: #ffffff;
  text-decoration: none;
}
@media (min-width: 1210px) {
  .menuLinkNiv2 {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 1209px) {
  .menuLinkNiv2 {
    margin-bottom: 1rem;
  }
}
.menuLinkNiv2:hover, .menuLinkNiv2:focus {
  text-decoration: none;
  color: #009999;
}

.sousMenu {
  z-index: 10;
  display: none;
}
@media (min-width: 1210px) {
  .sousMenu {
    position: absolute;
    overflow: hidden;
    width: 30rem;
    background-color: #124294;
    padding: 1.6rem 2rem 0.1rem;
  }
  .sousMenu::before {
    position: absolute;
    left: 0;
    top: 0;
  }
}

/**
 * BREADCRUMB
 */
#ariane {
  background-color: #001c4f;
}
@media (max-width: 767px) {
  #ariane {
    display: none;
  }
}
#ariane ol {
  display: flex;
  min-height: 2.5rem;
  align-items: center;
}
#ariane li {
  display: inline-block;
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-weight: 300;
  text-transform: uppercase;
}
#ariane li a {
  color: #ffffff;
  text-decoration: none;
}
#ariane li:not(:last-child)::after {
  content: "|";
  margin: 0 0.8rem;
  color: #009999;
}

/**
 * ACCES RAPIDES
 */
.pagesAccesRapide {
  display: flex;
  flex-direction: column;
  transition: all 0.2s ease;
}
@media (min-width: 1210px) {
  .pagesAccesRapide {
    order: 1;
    align-self: flex-end;
    position: relative;
    flex-grow: 1;
    flex-flow: row wrap;
    justify-content: flex-end;
    height: 3rem;
    align-items: center;
  }
  .pagesAccesRapide:before {
    content: "";
    width: 300%;
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #009999;
    z-index: 0;
  }
  .pagesAccesRapide a {
    font-size: 1.6rem;
    line-height: 1;
    color: #ffffff;
    padding: 0 5.5rem;
    z-index: 2;
    text-transform: uppercase;
    font-weight: 300;
    position: relative;
  }
  .pagesAccesRapide a:not(:first-child) {
    border-left: 1px solid #124294;
  }
  .pagesAccesRapide a:last-child {
    padding-right: 0;
  }
  .sticky .pagesAccesRapide {
    display: none;
  }
}
@media (max-width: 1209px) {
  .pagesAccesRapide {
    margin-bottom: 1rem;
  }
  .pagesAccesRapide a {
    color: #009999;
    margin-bottom: 1.2rem;
    text-transform: uppercase;
  }
}

/* DELETE THIS FILE IF NO RIGHT BAR AND DELETE IMPORT IN DEFAULT.SCSS */
/* ===================================================================
 * RIGHT BAR
 * =================================================================*/
@media (min-width: 1025px) {
  #colonneDroite {
    width: 23.1003039514%;
  }
}
@media (max-width: 1024px) {
  #colonneDroite {
    order: 2;
  }
}

/**
 * MODULES : CMS modules (core, news....)
 */
/* ===================================================================
 * PARAGRAPH STYLES
 * =================================================================*/
/* colonnages 30% */
@media (min-width: 768px) {
  .PRS_WIDTH_30G {
    width: 28.5%;
    float: left;
    clear: both;
  }
}

@media (min-width: 768px) {
  .PRS_WIDTH_30D {
    width: 28.5%;
    float: right;
    clear: right;
  }
}

/* colonnages 33% */
@media (min-width: 768px) {
  .PRS_WIDTH_33G,
.PRS_WIDTH_33C {
    width: 31.5%;
    float: left;
    clear: none;
  }
}

@media (min-width: 768px) {
  .PRS_WIDTH_33G {
    clear: both;
    margin-right: 2.75%;
  }
}

@media (min-width: 768px) {
  .PRS_WIDTH_33D {
    width: 31.5%;
    float: right;
    clear: right;
  }
}

/* colonnages 50% */
@media (min-width: 768px) {
  .PRS_WIDTH_50G {
    width: 48.5%;
    float: left;
    clear: both;
  }
}

@media (min-width: 768px) {
  .PRS_WIDTH_50D {
    width: 48.5%;
    float: right;
    clear: right;
  }
}

/* colonnages 70% */
@media (min-width: 768px) {
  .PRS_WIDTH_70G {
    width: 68.5%;
    float: left;
    clear: both;
  }
}

@media (min-width: 768px) {
  .PRS_WIDTH_70D {
    width: 68.5%;
    float: right;
    clear: right;
  }
}

/* Mise en avant */
.PRS_MISEENAVANT {
  padding: 3rem 2.5rem;
  background-color: #124294;
  color: #ffffff;
  clear: both;
}
.PRS_MISEENAVANT h2,
.PRS_MISEENAVANT h3,
.PRS_MISEENAVANT h4,
.PRS_MISEENAVANT h5 {
  color: #ffed0d;
}
.PRS_MISEENAVANT a {
  color: #ffffff;
}
.PRS_MISEENAVANT a:hover, .PRS_MISEENAVANT a:focus, .PRS_MISEENAVANT a:active {
  color: #ffffff;
}
.PRS_MISEENAVANT ul li,
.PRS_MISEENAVANT ol li {
  color: #ffffff;
}
.PRS_MISEENAVANT ul li:before,
.PRS_MISEENAVANT ol li:before {
  color: #ffffff;
}
.PRS_MISEENAVANT p:last-child {
  margin-bottom: 0;
}

.enSavoirPlusParagraphe ul {
  margin-bottom: 3rem;
}
.enSavoirPlusParagraphe li {
  padding: 1.5rem 0 !important;
  position: relative;
  margin-bottom: 0 !important;
}
.enSavoirPlusParagraphe li:not(:last-of-type) {
  border-bottom: 1px solid #ebebeb;
}
.enSavoirPlusParagraphe li::before {
  content: none !important;
}
.enSavoirPlusParagraphe a.link {
  padding-left: 5rem;
  text-decoration: none;
  display: inline-block;
}
.enSavoirPlusParagraphe a.link::before {
  font-family: "Font Awesome 5 Solid", sans-serif;
  content: "\f0c1" !important;
  background-color: #124294;
  margin-right: 1rem !important;
  position: absolute;
  left: 0;
  height: 3.6rem;
  width: 3.6rem;
  border-radius: 50%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  color: #ffffff !important;
  margin-left: 0 !important;
}
@media (min-width: 768px) {
  .enSavoirPlusParagraphe a.link::before {
    top: 1rem;
  }
}
@media (max-width: 767px) {
  .enSavoirPlusParagraphe a.link::before {
    top: 0.6rem;
  }
}
.enSavoirPlusParagraphe a.link:hover, .enSavoirPlusParagraphe a.link:focus {
  text-decoration: underline;
}
.enSavoirPlusParagraphe a.document::before {
  content: "\f15b" !important;
}
.enSavoirPlusParagraphe a.external::before {
  content: "\f360" !important;
}
.enSavoirPlusParagraphe .invisible {
  margin-top: 1rem;
}

/* PARAGRAPHE PLIE */
.PRS_REPLIABLE .innerParagraphe > h2:first-child, .PRS_REPLIABLEP .innerParagraphe > h2:first-child {
  position: relative;
}
.PRS_REPLIABLE .innerParagraphe > h2:first-child:after, .PRS_REPLIABLEP .innerParagraphe > h2:first-child:after {
  font-family: "Font Awesome 5 Solid", sans-serif;
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  content: "\f077";
  color: #124294;
  right: 0;
  font-weight: normal;
}
.PRS_REPLIABLE .innerParagraphe > h2:first-child[aria-expanded=false]::after, .PRS_REPLIABLEP .innerParagraphe > h2:first-child[aria-expanded=false]::after {
  content: "\f078";
}

/* ===================================================================
 * SEARCH
 * =================================================================*/
#btnRecherche {
  border: 1px solid #ffffff;
  padding: 0.5rem 1rem;
  color: #ffffff;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  font-weight: 600;
  min-width: 12rem;
  height: 3.4rem;
  border-radius: 1.7rem;
}
#btnRecherche::before {
  font-family: "Font Awesome 5 Solid", sans-serif;
  content: "\f002";
  line-height: 0;
  width: 1.6rem;
  margin-right: 0.5rem;
}
#btnRecherche[aria-expanded=true]::before {
  content: "\f00d";
}
@media (min-width: 1025px) {
  #btnRecherche {
    order: 3;
  }
}

#blocRecherche {
  display: none;
  background-color: #009999;
  z-index: 10;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: left;
  padding: 0 200%;
  margin: 0 -200%;
}
#blocRecherche form {
  padding: 7rem 0 3rem;
  position: relative;
}
@media (max-width: 1024px) {
  #blocRecherche form {
    padding: 5rem 2rem 3rem;
  }
}
#blocRecherche label {
  margin-bottom: 1rem;
  color: #ffffff;
  font-size: 2rem;
  display: block;
}
#blocRecherche #searchString {
  width: 100%;
  font-size: 1.6rem;
  padding: 1rem 1.5rem;
  background-color: #ffffff;
  appearance: none;
  border-radius: 3rem;
  min-height: 5rem;
  border: 0;
}
#blocRecherche #searchSubmit {
  border: none;
  padding: 0;
  background-color: transparent;
  width: 5rem;
  height: 5.2rem;
  position: absolute;
  right: 0;
  bottom: 3rem;
}
#blocRecherche #searchSubmit::before {
  font-family: "Font Awesome 5 Solid", sans-serif;
  content: "\f002";
  line-height: 0;
  width: 1.6rem;
  margin-right: 0.5rem;
  color: #124294;
}
@media (max-width: 1024px) {
  #blocRecherche #searchSubmit {
    right: 2rem;
  }
}

#btnRechercheClose {
  position: absolute;
  top: 1rem;
  right: 0;
  padding: 0;
  background-color: transparent;
  width: 5rem;
  height: 5rem;
  color: #009999;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #ffffff;
  transition: all 0.2s ease;
}
#btnRechercheClose::before {
  font-family: "Font Awesome 5 Solid", sans-serif;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  position: absolute;
  content: "\f00d";
  font-size: 2.3rem;
  line-height: 0;
  color: #ffffff;
}
#btnRechercheClose:hover {
  background-color: #ffffff;
}
#btnRechercheClose:hover:before {
  color: #009999;
}
@media (max-width: 1024px) {
  #btnRechercheClose {
    width: 3rem;
    height: 3rem;
    right: 2rem;
  }
  #btnRechercheClose::before {
    font-size: 1.8rem;
  }
}

/* PAGE RECHERCHE */
.TPL_RECHERCHE #searchString {
  background-color: #ffffff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border: 0;
  font-size: 1.6rem;
  min-height: 3.4rem;
  padding: 0 1.5rem;
  width: 100%;
}
@media (min-width: 1025px) {
  .TPL_RECHERCHE #searchString {
    width: 30.4rem;
  }
}
.TPL_RECHERCHE #searchSubmit {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #ebebeb;
  border: 0;
  border-radius: 1.7rem;
  width: 4.4rem;
  min-height: 3.4rem;
  color: #009999;
  font-size: 1.6rem;
}
.TPL_RECHERCHE #searchSubmit::before {
  font-family: "Font Awesome 5 Solid", sans-serif;
  content: "\f002";
  line-height: 0;
}
.TPL_RECHERCHE .TPL_FORMULAIRE {
  position: relative;
}
@media (max-width: 1024px) {
  .TPL_RECHERCHE .TPL_FORMULAIRE {
    width: 100%;
  }
}
.TPL_RECHERCHE .top {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 3rem;
}
@media (min-width: 1025px) {
  .TPL_RECHERCHE .top {
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 3rem 0 6.5rem;
  }
  .TPL_RECHERCHE .top.end {
    justify-content: flex-end;
  }
}
@media (min-width: 1025px) {
  .TPL_RECHERCHE .results {
    width: 80.547112462%;
    margin: 0 auto;
  }
}
@media (min-width: 1025px) {
  .TPL_RECHERCHE .categorieContainer {
    max-width: 55%;
    margin-bottom: 0;
  }
}
.TPL_RECHERCHE .categorie {
  text-transform: uppercase;
  background-color: #ebebeb;
  border-radius: 1.5rem;
  color: #124294;
  padding: 0.3rem 2rem;
}
.TPL_RECHERCHE .categorie a {
  color: #124294;
  text-decoration: none;
}
.TPL_RECHERCHE .categorie.selected {
  background-color: #009999;
  color: #ffffff;
}
.TPL_RECHERCHE .categorie.selected a {
  color: #ffffff;
}

/* pagination */
.resultatNavigation {
  font-size: 2.2rem;
  line-height: 1;
  color: #124294;
  padding: 1.7rem 0;
  border-top: 2px solid #ffed0d;
  border-bottom: 2px solid #ffed0d;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  width: 19.7rem;
}
.resultatNavigation span {
  display: block;
  font-size: 5rem;
}
@media (min-width: 1025px) {
  .resultatNavigation span {
    font-size: 7.2rem;
  }
}
@media (max-width: 1024px) {
  .resultatNavigation {
    margin-bottom: 2rem;
  }
}

/* ===================================================================
 * TEMPLATES
 * =================================================================*/
/**
 * PAGE SUMMARY
 */
@media (min-width: 1025px) {
  .TPL_SOMMAIREPAGE {
    padding: 5rem 0;
    transition: all 0.2s ease;
    margin-bottom: 0;
  }
  .TPL_SOMMAIREPAGE ul {
    width: 100%;
    max-width: 26rem;
  }
  .TPL_SOMMAIREPAGE .innerParagraphe {
    height: 100%;
    position: relative;
  }
  .TPL_SOMMAIREPAGE.fixed {
    position: fixed;
    max-width: 26rem;
  }
  .TPL_SOMMAIREPAGE.unfixed {
    position: absolute;
    bottom: 0;
  }
}
.TPL_SOMMAIREPAGE li {
  border-bottom: 1px solid #ffed0d;
}
.TPL_SOMMAIREPAGE li:last-child {
  border: 0;
}
.TPL_SOMMAIREPAGE a {
  font-size: 2rem;
  display: block;
  line-height: 4.2rem;
}
.TPL_SOMMAIREPAGE a.active, .TPL_SOMMAIREPAGE a:hover, .TPL_SOMMAIREPAGE a:focus {
  text-decoration: none;
  font-weight: 700;
}
@media (max-width: 767px) {
  .TPL_SOMMAIREPAGE a {
    font-size: 1.6rem;
    line-height: 3.2rem;
  }
}

/**
 * SITEMAP
 */
.TPL_PLANSITE li {
  background: none;
  padding: 0;
  margin-bottom: 2rem;
  text-transform: uppercase;
  font-weight: bold;
}
.TPL_PLANSITE li a {
  display: block;
}
.TPL_PLANSITE li > a {
  margin-bottom: 1rem;
}
.TPL_PLANSITE li li {
  padding: 0 0 0 3rem;
  font-size: 1.6rem;
  text-transform: none;
  margin-bottom: 1rem;
}
.TPL_PLANSITE li li a {
  color: #124294;
}
.TPL_PLANSITE li li li {
  background: none;
  padding: 0;
  font-size: 1.5rem;
  text-transform: none;
  font-weight: normal;
}
.TPL_PLANSITE li li li a {
  color: #009999;
}
.TPL_PLANSITE li li ul {
  border-left: 1px solid #124294;
  padding-left: 3rem;
}

/* HANGING PAGES */
[class*=TPL_LISTEPAGE] li {
  position: relative;
}
[class*=TPL_LISTEPAGE] .visuel {
  margin-bottom: 1rem;
}
[class*=TPL_LISTEPAGE] a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* "BACK TO TOP" BUTTON */
#hautDePage {
  font-size: 1.6rem;
  width: 4rem;
  height: 4rem;
  color: #ffffff;
  background-color: #124294;
  border: 1px solid #124294;
  border-radius: 100%;
  right: 2rem;
  bottom: 2rem;
  position: fixed;
  z-index: 1000;
  text-align: center;
  box-shadow: 1px 1px 16px 0 rgba(0, 0, 0, 0.3);
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-property: box-shadow, background-color, color, border-color;
}
@media (max-width: 767px) {
  #hautDePage {
    width: 4rem/1.5;
    height: 4rem/1.5;
    right: 2rem/2;
    bottom: 2rem/2;
  }
}
#hautDePage:hover, #hautDePage:focus {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}
#hautDePage::before {
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  position: absolute;
  font-family: "Font Awesome 5 Solid", sans-serif;
  content: "\f062";
}

/* ===================================================================
 * MODULE LISTS
 * =================================================================*/
.liste h3 a {
  color: #124294;
}
.liste .thematique {
  color: #009999;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .liste .thematique {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
.liste .resume {
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .liste .resume {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
.liste .item {
  position: relative;
}
.liste .item .itemInfo a::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}
.liste .action {
  margin-bottom: 0;
}
.liste.listFlex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -2rem;
}
.liste.listFlex > * {
  flex: 0 0 auto;
  display: block;
  /* IE fix */
  margin-left: 2rem;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .liste.listFlex > * {
    width: calc(100% * 1 / 3 - 2rem);
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .liste.listFlex > * {
    width: calc(100% * 1 / 2 - 2rem);
  }
}
@media (max-width: 575px) {
  .liste.listFlex > * {
    width: calc(100% * 1 / 1 - 2rem);
  }
}
@media (min-width: 768px) {
  .liste.listFlex.--tiretBottom .item {
    border-bottom: 10px solid #ffed0d;
  }
}
@media (max-width: 767px) {
  .liste.listFlex.--tiretBottom .item {
    border-bottom: 5px solid #ffed0d;
  }
}
@media (min-width: 768px) {
  .liste.listFlex.--tiretBottom .itemInfo {
    padding: 2rem;
  }
}
@media (max-width: 767px) {
  .liste.listFlex.--tiretBottom .itemInfo {
    padding: 1rem 0 2rem;
  }
}
.liste.listCarre {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -2rem;
  margin-bottom: 2rem;
}
.liste.listCarre > * {
  flex: 0 0 auto;
  display: block;
  /* IE fix */
  margin-left: 2rem;
  margin-bottom: 2rem;
}
@media (min-width: 576px) {
  .liste.listCarre > * {
    width: calc(100% * 1 / 2 - 2rem);
  }
}
@media (max-width: 575px) {
  .liste.listCarre > * {
    width: calc(100% * 1 / 1 - 2rem);
  }
}
.liste.listCarre .item {
  position: relative;
}
@media (min-width: 1025px) {
  .liste.listCarre .item:hover .itemInfo, .liste.listCarre .item:focus .itemInfo {
    background-color: rgba(18, 66, 148, 0.9);
    box-shadow: 0 0 0 16px #ffed0d inset;
    justify-content: space-between;
  }
  .liste.listCarre .item:hover .resume,
.liste.listCarre .item:hover .btnContainer, .liste.listCarre .item:focus .resume,
.liste.listCarre .item:focus .btnContainer {
    display: block;
  }
  .liste.listCarre .item:hover .sousTitre, .liste.listCarre .item:focus .sousTitre {
    margin-bottom: 2rem;
    color: #ffed0d;
  }
}
@media (min-width: 1025px) {
  .liste.listCarre .visuel::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -moz-linear-gradient(90deg, #1e232d 0%, rgba(30, 35, 45, 0.52) 48%, rgba(30, 35, 45, 0) 100%);
    background-image: -webkit-linear-gradient(90deg, #1e232d 0%, rgba(30, 35, 45, 0.52) 48%, rgba(30, 35, 45, 0) 100%);
    background-image: -ms-linear-gradient(90deg, #1e232d 0%, rgba(30, 35, 45, 0.52) 48%, rgba(30, 35, 45, 0) 100%);
    opacity: 0.7;
  }
}
.liste.listCarre .itemInfo {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (min-width: 1025px) {
  .liste.listCarre .itemInfo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all 0.4s ease;
    padding: 4rem;
  }
}
@media (max-width: 1024px) {
  .liste.listCarre .itemInfo {
    padding: 2rem;
    background-color: #124294;
  }
}
.liste.listCarre h3 {
  color: #ffed0d;
  text-transform: uppercase;
}
@media (min-width: 1025px) {
  .liste.listCarre h3 {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
}
.liste.listCarre .sousTitre {
  color: #ffffff;
  margin-bottom: 0;
}
@media (min-width: 1025px) {
  .liste.listCarre .sousTitre {
    font-size: 2.6rem;
    line-height: 3rem;
  }
}
.liste.listCarre .resume {
  color: #ffffff;
}
@media (min-width: 1025px) {
  .liste.listCarre .resume,
.liste.listCarre .btnContainer {
    display: none;
  }
}
.liste.listCarre .btnContainer {
  margin-bottom: 0;
}
.liste.listStandard .item {
  margin-bottom: 2rem;
}
@media (min-width: 576px) {
  .liste.listStandard .item {
    display: flex;
  }
}
@media (min-width: 576px) {
  .liste.listStandard .visuel {
    max-width: 30rem;
  }
}
@media (max-width: 575px) {
  .liste.listStandard .visuel {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .liste.listStandard .visuel img {
    border-left: 10px solid #ffed0d;
  }
}
@media (max-width: 767px) {
  .liste.listStandard .visuel img {
    border-left: 5px solid #ffed0d;
  }
}
@media (min-width: 576px) {
  .liste.listStandard .visuel + .itemInfo {
    padding-left: 2rem;
    width: calc(100% - 30rem);
  }
}

.searchModule.TPL_FORMULAIRE {
  background-color: #009999;
  margin: 0 -200%;
  /* calcul l'espace nécessaire entre l'image et le texte dans le select  */
}
@media (min-width: 768px) {
  .searchModule.TPL_FORMULAIRE {
    padding: 0.5rem 200%;
    margin-bottom: 6rem;
  }
}
@media (max-width: 767px) {
  .searchModule.TPL_FORMULAIRE {
    padding: 1rem 200% 0;
    margin-bottom: 4rem;
  }
}
.searchModule.TPL_FORMULAIRE fieldset.groupeQuestion {
  margin: 0;
}
.searchModule.TPL_FORMULAIRE legend {
  margin: 0;
  padding: 0;
}
.searchModule.TPL_FORMULAIRE select {
  background-image: url("images/select_arrow_searchModule.png");
  text-overflow: ellipsis;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  background-repeat: no-repeat;
  background-position: calc(100% - 5px) center;
  padding-right: 35px;
}
.searchModule.TPL_FORMULAIRE select[size] {
  background-image: none;
  padding-right: 0;
  height: auto;
  vertical-align: top;
}
.searchModule.TPL_FORMULAIRE select::-ms-expand {
  display: none;
}
.searchModule.TPL_FORMULAIRE .inputContainer {
  display: flex;
  margin: 0 -0.8rem;
}
@media (max-width: 767px) {
  .searchModule.TPL_FORMULAIRE .inputContainer {
    flex-direction: column;
  }
}
.searchModule.TPL_FORMULAIRE .question {
  flex-grow: 1;
}
@media (min-width: 768px) {
  .searchModule.TPL_FORMULAIRE .question {
    margin: 0 0.8rem;
  }
}
@media (max-width: 767px) {
  .searchModule.TPL_FORMULAIRE .question {
    margin: 0 0 1rem;
  }
}
.searchModule.TPL_FORMULAIRE .question.actions {
  position: relative;
}
.searchModule.TPL_FORMULAIRE input[type=tel],
.searchModule.TPL_FORMULAIRE input[type=url],
.searchModule.TPL_FORMULAIRE input[type=date],
.searchModule.TPL_FORMULAIRE input[type=file],
.searchModule.TPL_FORMULAIRE input[type=text],
.searchModule.TPL_FORMULAIRE input[type=email],
.searchModule.TPL_FORMULAIRE input[type=number],
.searchModule.TPL_FORMULAIRE input[type=search],
.searchModule.TPL_FORMULAIRE input[type=password],
.searchModule.TPL_FORMULAIRE textarea,
.searchModule.TPL_FORMULAIRE select {
  border: 0;
  min-height: 34px;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  line-height: normal;
}
.searchModule.TPL_FORMULAIRE .submit {
  width: 4.2rem;
  background-color: #ebebeb;
  color: #009999;
  border: 0;
  padding: 0;
  height: 100%;
  border-radius: 3rem;
  position: absolute;
  right: 0;
  top: 0;
}
.searchModule.TPL_FORMULAIRE .submit:before {
  font-family: "Font Awesome 5 Solid", sans-serif;
  content: "\f002";
  line-height: 0;
}
.searchModule.TPL_FORMULAIRE #KEYWORD {
  padding-right: 5rem;
}

/* ===================================================================
 * MODULE FICHE
 * =================================================================*/
.ficheModule .accrochePageImage {
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
}
.ficheModule .userTools {
  position: fixed;
  right: 0;
  top: 6rem;
  z-index: 1;
  background-color: #ffed0d;
  text-align: center;
}
.pseudo .ficheModule .userTools {
  top: 10rem;
}
@media (min-width: 1025px) {
  .ficheModule .userTools {
    top: 12rem;
  }
  .pseudo .ficheModule .userTools {
    top: 15rem;
  }
}
.ficheModule .userTools button {
  padding: 0.8rem 0.5rem 0;
  background-color: transparent;
  border: 0;
}
@media (min-width: 1025px) {
  .ficheModule .userTools button {
    padding: 1rem 1rem 0;
  }
}
.ficheModule .userTools .item {
  position: relative;
}
.ficheModule .userTools .item button img {
  padding-bottom: 1rem;
}
@media (max-width: 1024px) {
  .ficheModule .userTools .item button img {
    padding-bottom: 0.5rem;
    max-width: 75%;
  }
}
.ficheModule .userTools .item:not(:last-child) button img {
  border-bottom: 1px solid #ffffff;
}
.ficheModule .userTools .inner {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
.ficheModule .userTools .inner li {
  margin: 0 0.5rem;
}
.ficheModule .userTools .title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #124294;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .ficheModule .userTools .title {
    font-size: 1.4rem;
  }
}
.ficheModule .userTools .title a {
  color: #124294;
}
.ficheModule .userTools .title a:hover, .ficheModule .userTools .title a:focus {
  color: #009999;
  text-decoration: none;
}
.ficheModule .userTools #blocSocialShare,
.ficheModule .userTools #blocEmailShare {
  display: none;
  position: absolute;
  right: 100%;
  top: 0;
  bottom: 0;
  background-color: #ffed0d;
  min-width: 18rem;
}
.ficheModule .userTools #blocSocialShare ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ficheModule .userTools .social {
  text-decoration: none;
}
.ficheModule .userTools .social::before {
  font-family: "Font Awesome 5 Brands", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #124294;
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  border: 1px solid #124294;
  transition: all 0.2s ease;
}
@media (max-width: 1024px) {
  .ficheModule .userTools .social::before {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.ficheModule .userTools .social:hover::before, .ficheModule .userTools .social:focus::before {
  color: #009999;
  border-color: #009999;
}
.ficheModule .userTools .facebook::before {
  content: "\f39e";
}
.ficheModule .userTools .twitter::before {
  content: "\f099";
}
.ficheModule .userTools .linkedin::before {
  content: "\f08c";
}
@media (min-width: 768px) {
  .ficheModule .ficheLayoutContainer {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .ficheModule .leftCol {
    width: 58%;
  }
}
.ficheModule .rightCol {
  position: relative;
}
@media (min-width: 768px) {
  .ficheModule .rightCol {
    width: 32%;
  }
  .ficheModule .rightCol::before {
    content: "";
    border-left: 1px solid #ffed0d;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -16%;
  }
}
.ficheModule .date {
  text-align: center;
}
.ficheModule .resume {
  font-weight: 600;
  text-align: center;
}
@media (min-width: 768px) {
  .ficheModule .resume {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
}
@media (max-width: 767px) {
  .ficheModule .resume {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}
.ficheModule .resume::after {
  content: "";
  height: 0.5rem;
  width: 18rem;
  background-color: #009999;
  display: block;
  margin: 2rem auto 0;
  border-radius: 5px;
}

/* ===================================================================
 * NEWS HOME
 * =================================================================*/
.actualiteHome {
  position: relative;
}
.actualiteHome h3 {
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .actualiteHome h3 {
    font-size: 2.2rem;
    line-height: 2.4rem;
  }
}
@media (max-width: 767px) {
  .actualiteHome h3 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}
.actualiteHome h3 a {
  color: #124294;
  text-decoration: none;
}
.actualiteHome h3 a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
@media (min-width: 768px) {
  .actualiteHome .actuHomeList {
    padding-left: 2rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -4rem;
  }
  .actualiteHome .actuHomeList > * {
    flex: 0 0 auto;
    display: block;
    /* IE fix */
    margin-left: 4rem;
    margin-bottom: 4rem;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .actualiteHome .actuHomeList > * {
    width: calc(100% * 1 / 3 - 4rem);
  }
}
@media (min-width: 768px) and (min-width: 576px) and (max-width: 767px) {
  .actualiteHome .actuHomeList > * {
    width: calc(100% * 1 / 2 - 4rem);
  }
}
@media (min-width: 768px) and (max-width: 575px) {
  .actualiteHome .actuHomeList > * {
    width: calc(100% * 1 / 1 - 4rem);
  }
}
.actualiteHome .item {
  position: relative;
}
@media (max-width: 767px) {
  .actualiteHome .item {
    padding: 0 1rem;
  }
}
.actualiteHome .item:hover .visuel::before, .actualiteHome .item:focus .visuel::before {
  box-shadow: none;
  background-color: rgba(255, 237, 13, 0.6);
}
@media (min-width: 768px) {
  .actualiteHome .item:nth-child(2) {
    margin-top: 7rem;
  }
}
.actualiteHome .visuel {
  position: relative;
}
.actualiteHome .visuel::before {
  content: "";
  position: absolute;
  transition: box-shadow, background-color 0.2s ease;
  box-shadow: 0 0 0 4px #ffed0d inset;
}
@media (min-width: 768px) {
  .actualiteHome .visuel {
    margin-bottom: 2.5rem;
  }
  .actualiteHome .visuel::before {
    left: -2rem;
    top: -2rem;
    bottom: 2rem;
    right: 2rem;
  }
}
@media (max-width: 767px) {
  .actualiteHome .visuel {
    margin-bottom: 1rem;
  }
  .actualiteHome .visuel::before {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
  }
}
.actualiteHome .resume {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .actualiteHome .resume {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
@media (max-width: 767px) {
  .actualiteHome .slick-list {
    overflow: visible;
    margin: 0 -1rem 3rem;
    max-width: 75%;
  }
}

@media (min-width: 1025px) {
  .accueil .actualiteHome {
    padding-top: 38rem;
  }
}
@media (max-width: 1024px) {
  .accueil .actualiteHome {
    padding-top: 4.2rem;
  }
}
.accueil .actualiteHome::before {
  content: "";
  background-color: #124294;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
}
@media (min-width: 1210px) {
  .accueil .actualiteHome::before {
    height: 77rem;
  }
}
@media (min-width: 1025px) and (max-width: 1209px) {
  .accueil .actualiteHome::before {
    height: 71rem;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .accueil .actualiteHome::before {
    height: 64rem;
  }
}
@media (max-width: 767px) {
  .accueil .actualiteHome::before {
    height: 18rem;
  }
}
.accueil .actualiteHome h2 {
  color: #ffffff;
}
@media (min-width: 768px) {
  .accueil .actualiteHome h2 {
    margin-bottom: 6rem;
  }
}
.accueil .actualiteHome h2::before {
  background-color: #ffffff;
}
.accueil .actualiteHome h3 {
  color: #124294;
}

/* ===================================================================
 * TPL nos gestes climat
 * =================================================================*/
.formNosGestesClimat .TPL_FORMULAIRE form .floatLeft {
  float: left;
}
.formNosGestesClimat .TPL_FORMULAIRE form .submit {
  text-align: end;
}

.iframeNosGestesClimat #retourEnregistrement .success {
  background-color: #28a745;
  color: #fff;
  font-weight: 700;
  padding: 2rem;
  margin-bottom: 2rem;
  font-size: 1.4rem;
  border-radius: 0.5rem;
}
.iframeNosGestesClimat #retourEnregistrement .error {
  background-color: red;
  color: #fff;
  font-weight: 700;
  padding: 2rem;
  margin-bottom: 2rem;
  font-size: 1.4rem;
  border-radius: 0.5rem;
}

/* ===================================================================
 * SOUTIEN COMMON
 * =================================================================*/
.soutien {
  position: relative;
  background-color: #ffffff;
}
.soutien .message {
  color: #124294;
  font-weight: 700;
  font-style: italic;
}
@media (min-width: 768px) {
  .soutien .message {
    font-size: 2.2rem;
    line-height: 2.8rem;
  }
}
.soutien::before {
  content: url("images/soutien_guillemet.png");
  width: 5.5rem;
  height: 5.5rem;
}

/* ===================================================================
 * SOUTIEN LISTS
 * =================================================================*/
@media (min-width: 768px) {
  .TPL_SOUTIENLISTE {
    margin-bottom: -6rem;
  }
}
@media (max-width: 767px) {
  .TPL_SOUTIENLISTE {
    margin-bottom: -2rem;
  }
}

#soutienListContainer {
  position: relative;
}
#soutienListContainer::before {
  content: "";
  background-color: #124294;
  position: absolute;
  bottom: 0;
  width: 100vw;
  margin-left: -50vw;
  left: 50%;
  top: 50%;
  z-index: -1;
}
#soutienListContainer .aligncenter {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  #soutienListContainer .aligncenter {
    padding-bottom: 5rem;
  }
}
@media (max-width: 767px) {
  #soutienListContainer .aligncenter {
    padding-bottom: 3rem;
  }
}
#soutienListContainer .--secondary, #soutienListContainer .TPL_FORMULAIRE a.submit, .TPL_FORMULAIRE #soutienListContainer a.submit,
#soutienListContainer .TPL_FORMULAIRE input.submit,
.TPL_FORMULAIRE #soutienListContainer input.submit {
  color: #ffffff;
  border-color: #ffffff;
}
#soutienListContainer .--secondary:hover, #soutienListContainer .TPL_FORMULAIRE a.submit:hover, .TPL_FORMULAIRE #soutienListContainer a.submit:hover,
#soutienListContainer .TPL_FORMULAIRE input.submit:hover,
.TPL_FORMULAIRE #soutienListContainer input.submit:hover, #soutienListContainer .--secondary:focus, #soutienListContainer .TPL_FORMULAIRE a.submit:focus, .TPL_FORMULAIRE #soutienListContainer a.submit:focus,
#soutienListContainer .TPL_FORMULAIRE input.submit:focus,
.TPL_FORMULAIRE #soutienListContainer input.submit:focus {
  background-color: #ffffff;
  color: #124294;
}

.soutienList {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -2rem;
  align-items: flex-start;
}
.soutienList > * {
  flex: 0 0 auto;
  display: block;
  /* IE fix */
  margin-left: 2rem;
  margin-bottom: 0;
}
@media (min-width: 1025px) {
  .soutienList > * {
    width: calc(100% * 1 / 3 - 2rem);
  }
}
@media (min-width: 576px) and (max-width: 1024px) {
  .soutienList > * {
    width: calc(100% * 1 / 2 - 2rem);
  }
}
@media (max-width: 575px) {
  .soutienList > * {
    width: calc(100% * 1 / 1 - 2rem);
  }
}
.soutienList .soutien {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  margin-top: 2.3rem;
  display: inline-block;
}
@media (min-width: 768px) {
  .soutienList .soutien {
    padding: 6rem 2.5rem 1rem;
    border-top: 10px solid #ffed0d;
    margin-bottom: 5.5rem;
  }
}
@media (max-width: 767px) {
  .soutienList .soutien {
    padding: 4rem 1.5rem 1rem;
    border-top: 5px solid #ffed0d;
    margin-bottom: 3.5rem;
  }
}
.soutienList .soutien::before {
  transform: translateX(-50%);
  left: 50%;
  position: absolute;
  top: -3.3rem;
}

/* ===================================================================
 * SOUTIEN HOME
 * =================================================================*/
.soutienHome h2 {
  color: #1e232d;
}
@media (min-width: 768px) {
  .soutienHome h2 {
    margin: 0 25% 5rem calc(15% + 10rem);
  }
}
.soutienHome h2::before {
  background-color: #1e232d;
}
@media (min-width: 768px) {
  .soutienHome .soutien {
    padding-left: 10rem;
  }
}
@media (max-width: 767px) {
  .soutienHome .soutien {
    padding-left: 7rem;
  }
}
.soutienHome .soutien::before {
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  left: 0;
  z-index: 1;
}
.soutienHome .soutien::after {
  content: "";
  position: absolute;
  top: 0;
  left: 2.5rem;
  background-color: #ffed0d;
  height: 100%;
  width: 0.3rem;
}
.soutienHome .soutien .signature {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .soutienHome .slick-list {
    margin: 0 15%;
  }
}
.soutienHome .slick-arrow {
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  padding: 0;
  border: 0;
  background-color: transparent;
  border-radius: 100%;
  transition: box-shadow 0.2s ease;
}
.soutienHome .slick-arrow:hover, .soutienHome .slick-arrow:focus {
  box-shadow: 0 0 8px 3px rgba(18, 66, 148, 0.15);
}
.soutienHome .slick-arrow.slick-prev {
  left: 0;
}
.soutienHome .slick-arrow.slick-next {
  right: 0;
}
@media (max-width: 767px) {
  .soutienHome .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
  }
  .soutienHome .slick-dots li {
    position: relative;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    margin: 0 0.5rem;
    padding: 0;
    cursor: pointer;
  }
  .soutienHome .slick-dots li button {
    text-indent: -9999px;
    display: block;
    padding: 0.5rem;
    border: 0;
    background-color: transparent;
    width: 2rem;
    height: 2rem;
  }
  .soutienHome .slick-dots li button::before {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: absolute;
    content: "";
    width: 1rem;
    height: 1rem;
    border: 1px solid #009999;
    border-radius: 100%;
    line-height: 1rem;
    text-align: center;
  }
  .soutienHome .slick-dots li.slick-active button::before {
    background-color: #009999;
  }
}

/* ===================================================================
 * OVERRIDE DATERANGEPICKER
 * =================================================================*/
.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #009999 !important;
  color: #ffffff !important;
}
.daterangepicker .ranges li.active {
  background-color: #009999 !important;
}

/* ===================================================================
 * PORTRAIT FICHE
 * =================================================================*/
.portrait .sousTitre {
  text-transform: none;
  font-weight: 400;
}
@media (min-width: 768px) {
  .portrait .sousTitre {
    font-size: 2.6rem;
    line-height: 3rem;
  }
}
@media (max-width: 767px) {
  .portrait .sousTitre {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}

/* ===================================================================
 * portrait LISTE
 * =================================================================*/
.TPL_PORTRAITLISTE .liMorePortrait {
  width: 100%;
}

/* ===================================================================
 * PORTRAIT HOME
 * =================================================================*/
@media (min-width: 768px) {
  .portraitHome {
    position: relative;
    z-index: 1;
  }
}
@media (max-width: 767px) {
  .portraitHome {
    margin-bottom: 0;
  }
}
@media (min-width: 1025px) {
  .portraitHome .portraitHomeFlexContainer {
    padding: 8rem 10rem 8rem 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .portraitHome .portraitHomeFlexContainer {
    padding: 8rem 6rem 8rem 0;
  }
}
@media (min-width: 768px) {
  .portraitHome .portraitHomeFlexContainer {
    width: 83%;
    display: flex;
    justify-content: space-between;
    position: relative;
  }
}
@media (max-width: 767px) {
  .portraitHome .portraitHomeFlexContainer {
    padding-bottom: 4rem;
  }
}
.portraitHome .portraitHomeFlexContainer::before {
  content: "";
  position: absolute;
  background-color: #009999;
  bottom: 0;
  right: 0;
  z-index: -1;
}
@media (min-width: 768px) {
  .portraitHome .portraitHomeFlexContainer::before {
    left: -200%;
    top: 0;
  }
}
@media (max-width: 767px) {
  .portraitHome .portraitHomeFlexContainer::before {
    left: 0;
    top: 7.5rem;
  }
}
@media (min-width: 1025px) {
  .portraitHome .visuel {
    width: 49%;
  }
}
@media (min-width: 768px) {
  .portraitHome .visuel {
    flex: 0 0 auto;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .portraitHome .visuel {
    width: 42%;
  }
}
@media (max-width: 767px) {
  .portraitHome .visuel {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1025px) {
  .portraitHome .itemInfo {
    width: 46%;
  }
}
@media (min-width: 768px) {
  .portraitHome .itemInfo {
    flex: 0 0 auto;
  }
}
@media (min-width: 768px) {
  .portraitHome .itemInfo {
    flex: 0 0 auto;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .portraitHome .itemInfo {
    width: 55%;
  }
}
@media (min-width: 768px) {
  .portraitHome h2 {
    color: #1e232d;
  }
}
@media (max-width: 767px) {
  .portraitHome h2 {
    color: #ffffff;
  }
}
@media (min-width: 768px) {
  .portraitHome h2::before {
    background-color: #1e232d;
  }
}
@media (max-width: 767px) {
  .portraitHome h2::before {
    background-color: #ffffff;
  }
}
.portraitHome .sousTitre {
  color: #ffed0d;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .portraitHome .sousTitre {
    font-size: 2.2rem;
    line-height: 2.4rem;
  }
}
.portraitHome .resume {
  color: #ffffff;
}
@media (max-width: 767px) {
  .portraitHome .resume {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
.portraitHome .btnContainer {
  text-align: center;
}
@media (min-width: 768px) {
  .portraitHome .btnContainer {
    margin: 0 -1rem;
  }
}
@media (max-width: 767px) {
  .portraitHome .btnContainer {
    margin: 0 -0.5rem;
  }
}
.portraitHome .btn, .portraitHome .TPL_FORMULAIRE a.submit, .TPL_FORMULAIRE .portraitHome a.submit,
.portraitHome .TPL_FORMULAIRE input.submit,
.TPL_FORMULAIRE .portraitHome input.submit, .portraitHome .form_retour, .portraitHome .form_success a, .form_success .portraitHome a, .portraitHome .footerLiensInternes a, .footerLiensInternes .portraitHome a {
  font-size: 1.6rem;
}
@media (min-width: 1025px) {
  .portraitHome .btn, .portraitHome .TPL_FORMULAIRE a.submit, .TPL_FORMULAIRE .portraitHome a.submit,
.portraitHome .TPL_FORMULAIRE input.submit,
.TPL_FORMULAIRE .portraitHome input.submit, .portraitHome .form_retour, .portraitHome .form_success a, .form_success .portraitHome a, .portraitHome .footerLiensInternes a, .footerLiensInternes .portraitHome a {
    margin: 0 1rem;
    padding: 1rem 2rem;
    min-width: 19.5rem;
  }
}
@media (max-width: 1024px) {
  .portraitHome .btn, .portraitHome .TPL_FORMULAIRE a.submit, .TPL_FORMULAIRE .portraitHome a.submit,
.portraitHome .TPL_FORMULAIRE input.submit,
.TPL_FORMULAIRE .portraitHome input.submit, .portraitHome .form_retour, .portraitHome .form_success a, .form_success .portraitHome a, .portraitHome .footerLiensInternes a, .footerLiensInternes .portraitHome a {
    margin: 0 0.5rem;
    padding: 1rem 1.5rem;
  }
}
.portraitHome .savoirPlus {
  border-color: #ffffff;
  color: #ffffff;
}
.portraitHome .savoirPlus:hover, .portraitHome .savoirPlus:focus {
  background-color: #ffffff;
  color: #009999;
}
.portraitHome .voirTous {
  border-color: #ffffff;
  background-color: #ffffff;
  color: #009999;
}
.portraitHome .voirTous:hover, .portraitHome .voirTous:focus {
  background-color: #009999;
  color: #ffffff;
}

/* ===================================================================
 * DEFI FICHE
 * =================================================================*/
.defi .liste {
  display: flex;
  flex-flow: row wrap;
}
.defi .liste .left {
  width: 25%;
}
@media (min-width: 1025px) {
  .defi .liste .left {
    width: 25%;
    padding-right: 6rem;
  }
}
.defi .liste .right {
  width: 75%;
  margin-bottom: 4rem;
}
@media (min-width: 1025px) {
  .defi .liste .right {
    width: 75%;
    padding-right: 10.9rem;
  }
}
.defi .liste .TPL_FORMULAIRE label {
  color: black;
}
.defi .liste .TPL_FORMULAIRE .defiActeur-toggle {
  font-size: 2rem;
  line-height: 4.2rem;
  font-weight: 700;
  border-bottom: 1px solid #ffed0d;
  position: relative;
}
.defi .liste .TPL_FORMULAIRE .defiActeur-toggle:after {
  font-family: "Font Awesome 5 Solid", sans-serif;
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  content: "\f077";
  color: #124294;
  right: 0;
  font-weight: normal;
}
.defi .liste .TPL_FORMULAIRE .defiActeur-toggle[aria-expanded=false]::after {
  content: "\f078";
}
.defi .liste #defiListContainer .defiItem {
  padding-left: 1em;
  border-bottom: 10px solid #ffed0d;
  margin-bottom: 3rem;
}
.defi .liste #defiListContainer .defiItem ul {
  margin: 1rem 0 3rem 3rem;
  list-style: disc;
}
.defi .liste #defiListContainer .defiItem .voirDefi {
  margin-bottom: 2em;
  text-align: end;
  font-style: italic;
  position: relative;
  width: 100%;
  padding-right: 2em;
}
.defi .liste #defiListContainer .defiItem .voirDefi:after {
  font-family: "Font Awesome 5 Solid", sans-serif;
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  right: 0;
  content: "\f061";
}

.defiActionList {
  display: flex;
  flex-flow: row wrap;
}
.defiActionList .left {
  width: 25%;
}
@media (min-width: 1025px) {
  .defiActionList .left {
    width: 25%;
    padding-right: 6rem;
  }
}
.defiActionList .right {
  width: 75%;
  margin-bottom: 4rem;
  padding-right: 0;
}
@media (min-width: 1025px) {
  .defiActionList .right {
    width: 75%;
  }
}
.defiActionList .TPL_FORMULAIRE label {
  color: black;
}
.defiActionList .TPL_FORMULAIRE .defiTheme-toggle {
  font-size: 2rem;
  line-height: 4.2rem;
  font-weight: 700;
  border-bottom: 1px solid #ffed0d;
  position: relative;
}
.defiActionList .TPL_FORMULAIRE .defiTheme-toggle:after {
  font-family: "Font Awesome 5 Solid", sans-serif;
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  content: "\f077";
  color: #124294;
  right: 0;
  font-weight: normal;
}
.defiActionList .TPL_FORMULAIRE .defiTheme-toggle[aria-expanded=false]::after {
  content: "\f078";
}
@media (min-width: 768px) {
  .defiActionList .noResult {
    margin-left: 13rem;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .defiActionList .noResult {
    margin-left: 4rem;
  }
}
.defiActionList .liste {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .defiActionList .liste {
    margin-left: -13rem;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .defiActionList .liste {
    margin-left: -4rem;
  }
}
.defiActionList .liste .liMoreAction {
  margin: 0 auto;
}
.defiActionList .listeItem {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .defiActionList .listeItem {
    margin-left: 13rem;
    margin-bottom: 8rem;
    width: calc(50% - 13rem);
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .defiActionList .listeItem {
    margin-left: 4rem;
    margin-bottom: 6rem;
    width: calc(50% - 4rem);
  }
}
@media (min-width: 576px) {
  .defiActionList .listeItem {
    flex: 0 0 auto;
  }
}
@media (max-width: 575px) {
  .defiActionList .listeItem {
    margin-bottom: 3rem;
  }
}
.defiActionList .listeItem .visuel {
  position: relative;
}
.defiActionList .listeItem .credit {
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
}
@media (min-width: 1025px) {
  .defiActionList .listeItem .credit {
    max-width: calc(100% - 5rem) !important;
  }
}
@media (max-width: 1024px) {
  .defiActionList .listeItem .credit {
    max-width: calc(100% - 3.4rem) !important;
  }
}
.defiActionList .itemInfo {
  position: relative;
  padding-top: 2rem;
  flex-grow: 1;
}
@media (min-width: 1025px) {
  .defiActionList .itemInfo {
    padding-left: 11rem;
  }
}
@media (max-width: 1024px) {
  .defiActionList .itemInfo {
    padding-left: 8rem;
  }
}
.defiActionList .itemInfo .logoActeur {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
}
@media (min-width: 1025px) {
  .defiActionList .itemInfo .logoActeur {
    width: 11rem;
  }
}
@media (max-width: 1024px) {
  .defiActionList .itemInfo .logoActeur {
    width: 6rem;
  }
}
.defiActionList .itemInfo .logoActeur:before {
  content: "";
  width: 1rem;
  background-color: #ffed0d;
  position: absolute;
  bottom: 0;
}
@media (min-width: 1025px) {
  .defiActionList .itemInfo .logoActeur:before {
    left: 4rem;
    top: -7.8rem;
  }
}
@media (max-width: 1024px) {
  .defiActionList .itemInfo .logoActeur:before {
    left: 2.4rem;
    top: -6.8rem;
  }
}
.defiActionList .itemInfo .logoActeur ul {
  display: flex;
  flex-direction: column;
}
.defiActionList .itemInfo .logoActeur ul li {
  border-top: 10px solid #ffffff;
  border-bottom: 10px solid #ffffff;
  background-color: #ffffff;
  z-index: 10;
}
.defiActionList .itemInfo .logoActeur ul li .social {
  text-decoration: none;
  width: 9rem;
  display: flex;
  justify-content: center;
}
.defiActionList .itemInfo .logoActeur ul li .social::before {
  font-family: "Font Awesome 5 Brands", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #124294;
  width: 3rem;
  height: 3rem;
  font-size: 2rem;
  border-radius: 100%;
  border: 1px solid #124294;
  transition: all 0.2s ease;
}
.defiActionList .itemInfo .logoActeur ul li .social:hover::before, .defiActionList .itemInfo .logoActeur ul li .social:focus::before {
  color: #009999;
  border-color: #009999;
}
.defiActionList .itemInfo .logoActeur ul li .facebook::before {
  content: "\f39e";
}
.defiActionList .itemInfo .logoActeur ul li .twitter::before {
  content: "\f099";
}
.defiActionList .itemInfo .logoActeur ul li .linkedin::before {
  content: "\f08c";
}
.defiActionList .itemInfo .logoActeur ul li .email::before {
  font-family: "Font Awesome 5 Solid", sans-serif;
  content: "\f0e0";
}
.defiActionList .itemInfo .logoActeur ul li:first-child, .defiActionList .itemInfo .logoActeur ul li:last-child {
  margin-top: 2rem;
}
.defiActionList .withCredit {
  display: inline-block;
  position: relative;
}
.defiActionList .withCredit .credit {
  transition: opacity 0.2s ease-out;
  opacity: 0;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
}
@media (min-width: 1025px) {
  .defiActionList .withCredit .credit {
    max-width: calc(100% - 5rem) !important;
  }
}
@media (max-width: 1024px) {
  .defiActionList .withCredit .credit {
    max-width: calc(100% - 3.4rem) !important;
  }
}
.defiActionList .withCredit:hover .credit {
  opacity: 1;
}

.defiList .liste {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .defiList .liste {
    margin-left: -13rem;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .defiList .liste {
    margin-left: -4rem;
  }
}
.defiList .listeItem {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .defiList .listeItem {
    margin-left: 13rem;
    margin-bottom: 8rem;
    width: calc(50% - 13rem);
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .defiList .listeItem {
    margin-left: 4rem;
    margin-bottom: 6rem;
    width: calc(50% - 4rem);
  }
}
@media (min-width: 576px) {
  .defiList .listeItem {
    flex: 0 0 auto;
  }
}
@media (max-width: 575px) {
  .defiList .listeItem {
    margin-bottom: 3rem;
  }
}
.defiList .listeItem .withCredit {
  display: inline-block;
  position: relative;
}
.defiList .listeItem .withCredit .credit {
  transition: opacity 0.2s ease-out;
  opacity: 0;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
}
@media (min-width: 1025px) {
  .defiList .listeItem .withCredit .credit {
    max-width: calc(100% - 5rem) !important;
  }
}
@media (max-width: 1024px) {
  .defiList .listeItem .withCredit .credit {
    max-width: calc(100% - 3.4rem) !important;
  }
}
.defiList .listeItem .withCredit:hover .credit {
  opacity: 1;
}
.defiList .itemInfo {
  position: relative;
  padding-top: 2rem;
  flex-grow: 1;
}
@media (min-width: 1025px) {
  .defiList .itemInfo {
    padding-left: 11rem;
  }
}
@media (max-width: 1024px) {
  .defiList .itemInfo {
    padding-left: 8rem;
  }
}
.defiList .itemInfo .logoActeur {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
}
@media (min-width: 1025px) {
  .defiList .itemInfo .logoActeur {
    width: 11rem;
  }
}
@media (max-width: 1024px) {
  .defiList .itemInfo .logoActeur {
    width: 6rem;
  }
}
.defiList .itemInfo .logoActeur:before {
  content: "";
  width: 1rem;
  background-color: #ffed0d;
  position: absolute;
  bottom: 0;
}
@media (min-width: 1025px) {
  .defiList .itemInfo .logoActeur:before {
    left: 4rem;
    top: -7.8rem;
  }
}
@media (max-width: 1024px) {
  .defiList .itemInfo .logoActeur:before {
    left: 2.4rem;
    top: -6.8rem;
  }
}
.defiList .itemInfo img {
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  border-top: 10px solid #ffffff;
  border-bottom: 10px solid #ffffff;
  left: 0;
  background-color: #ffffff;
}

.defiHome {
  position: relative;
}
.defiHome h3 {
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .defiHome h3 {
    font-size: 2.2rem;
    line-height: 2.4rem;
  }
}
@media (max-width: 767px) {
  .defiHome h3 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}
.defiHome h3 a {
  color: #124294;
  text-decoration: none;
}
.defiHome h3 a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
@media (min-width: 768px) {
  .defiHome .defiHomeList {
    padding-left: 2rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -4rem;
  }
  .defiHome .defiHomeList > * {
    flex: 0 0 auto;
    display: block;
    /* IE fix */
    margin-left: 4rem;
    margin-bottom: 4rem;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .defiHome .defiHomeList > * {
    width: calc(100% * 1 / 3 - 4rem);
  }
}
@media (min-width: 768px) and (min-width: 576px) and (max-width: 767px) {
  .defiHome .defiHomeList > * {
    width: calc(100% * 1 / 2 - 4rem);
  }
}
@media (min-width: 768px) and (max-width: 575px) {
  .defiHome .defiHomeList > * {
    width: calc(100% * 1 / 1 - 4rem);
  }
}
.defiHome .item {
  position: relative;
}
@media (max-width: 767px) {
  .defiHome .item {
    padding: 0 1rem;
  }
}
.defiHome .item:hover .visuel::before, .defiHome .item:focus .visuel::before {
  box-shadow: none;
  background-color: rgba(255, 237, 13, 0.6);
}
.defiHome .item:hover .visuel .withCredit .credit, .defiHome .item:focus .visuel .withCredit .credit {
  opacity: 1;
}
@media (min-width: 768px) {
  .defiHome .item:nth-child(2) {
    margin-top: 7rem;
  }
}
.defiHome .visuel {
  position: relative;
}
.defiHome .visuel::before {
  z-index: 1;
  content: "";
  position: absolute;
  transition: box-shadow, background-color 0.2s ease;
  box-shadow: 0 0 0 4px #ffed0d inset;
}
@media (min-width: 768px) {
  .defiHome .visuel {
    margin-bottom: 2.5rem;
  }
  .defiHome .visuel::before {
    left: -2rem;
    top: -2rem;
    bottom: 2rem;
    right: 2rem;
  }
}
@media (max-width: 767px) {
  .defiHome .visuel {
    margin-bottom: 1rem;
  }
  .defiHome .visuel::before {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
  }
}
.defiHome .visuel .withCredit {
  display: inline-block;
  z-index: 0;
  position: relative;
}
.defiHome .visuel .withCredit .credit {
  transition: opacity 0.2s ease-out;
  opacity: 0;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
}
@media (min-width: 1025px) {
  .defiHome .visuel .withCredit .credit {
    max-width: calc(100% - 5rem) !important;
  }
}
@media (max-width: 1024px) {
  .defiHome .visuel .withCredit .credit {
    max-width: calc(100% - 3.4rem) !important;
  }
}
@media (max-width: 767px) {
  .defiHome .resume {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
@media (max-width: 767px) {
  .defiHome .slick-list {
    overflow: visible;
    margin: 0 -1rem 3rem;
    max-width: 75%;
  }
}

#defiListContainer .item .withCredit {
  display: inline-block;
  position: relative;
}
#defiListContainer .item .withCredit .credit {
  transition: opacity 0.2s ease-out;
  opacity: 0;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
}
@media (min-width: 1025px) {
  #defiListContainer .item .withCredit .credit {
    max-width: calc(100% - 5rem) !important;
  }
}
@media (max-width: 1024px) {
  #defiListContainer .item .withCredit .credit {
    max-width: calc(100% - 3.4rem) !important;
  }
}
#defiListContainer .item:hover .withCredit .credit {
  opacity: 1;
}

.TPL_DEFI .resume {
  text-align: left;
  line-height: 2.2rem;
  font-size: 1.8rem;
  font-weight: 400;
}
.TPL_DEFI .titreH2 {
  margin-bottom: 2rem;
  font-size: 2.2rem;
  line-height: 3rem;
}

.TPL_DEFIACTIONLISTERESTRICTION .itemInfo .titreH2 {
  font-size: 2.2rem;
  line-height: 3rem;
}
.TPL_DEFIACTIONLISTERESTRICTION .itemInfo a:hover {
  text-decoration: none;
}
.TPL_DEFIACTIONLISTERESTRICTION .itemInfo a h3 {
  font-size: 1.8rem;
  line-height: 2.2rem;
  text-transform: uppercase;
}
.TPL_DEFIACTIONLISTERESTRICTION .itemInfo a h3:hover {
  color: #005252;
}

.TPL_DEFITHEMELISTE h2 {
  font-size: 4rem;
  margin-bottom: 3rem;
}
.TPL_DEFITHEMELISTE .titreH2 {
  font-size: 2.2rem;
  line-height: 3rem;
}

.TPL_ACTIONDEPOT .TPL_FORMULAIRE #CASES_TYPEACTEUR .cases {
  display: flex;
}
.TPL_ACTIONDEPOT .TPL_FORMULAIRE .widthAuto {
  width: auto;
}
.TPL_ACTIONDEPOT .TPL_FORMULAIRE .createAction {
  display: block;
  float: right;
  margin-top: 10px;
}
.TPL_ACTIONDEPOT #tabs {
  border: none;
}
.TPL_ACTIONDEPOT #tabs ul {
  background-color: transparent;
  border: none;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
}
.TPL_ACTIONDEPOT #tabs ul .ui-tabs-active a, .TPL_ACTIONDEPOT #tabs ul .ui-state-active a {
  background-color: #124294;
  color: #ffffff;
}
.TPL_ACTIONDEPOT #tabs ul li {
  border: none;
  background-color: #ffffff;
}
.TPL_ACTIONDEPOT #tabs ul li:not(.ui-tabs-active, .ui-state-active):hover a {
  background-color: #124294;
  color: #ffffff;
}
.TPL_ACTIONDEPOT #tabs ul li a {
  color: #124294;
  font-size: 2rem;
  line-height: 2.2rem;
  padding: 1.3rem 3rem;
  transition: all 0.2s ease;
  border-radius: 2.5rem;
  text-transform: uppercase;
  font-weight: 700;
  background-color: #ffffff;
  border: 2px solid #124294;
}
.TPL_ACTIONDEPOT #tabs .ui-tabs-panel {
  border: 2px solid #124294;
  border-radius: 2.5rem;
  margin-top: 2.5rem;
}
.TPL_ACTIONDEPOT #tabs .note {
  display: block;
  font-size: 1.2rem;
}
.TPL_ACTIONDEPOT #tabs #btnCreerAction {
  color: #124294;
  float: right;
}
.TPL_ACTIONDEPOT .miseEnAvantBleu {
  padding: 3rem 2.5rem;
  background-color: #124294;
  color: #ffffff;
  clear: both;
  font-weight: bold;
}
.TPL_ACTIONDEPOT .miseEnAvantBleu a {
  color: #ffffff;
  text-decoration: underline;
}

.TPL_ACTION {
  display: flex;
  flex-direction: column;
}
.TPL_ACTION .visuel {
  position: relative;
}
.TPL_ACTION .credit {
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
}
@media (min-width: 1025px) {
  .TPL_ACTION .credit {
    max-width: calc(100% - 5rem) !important;
  }
}
@media (max-width: 1024px) {
  .TPL_ACTION .credit {
    max-width: calc(100% - 3.4rem) !important;
  }
}
.TPL_ACTION .itemInfo {
  position: relative;
  padding-top: 2rem;
  flex-grow: 1;
}
@media (min-width: 1025px) {
  .TPL_ACTION .itemInfo {
    padding-left: 11rem;
  }
}
@media (max-width: 1024px) {
  .TPL_ACTION .itemInfo {
    padding-left: 8rem;
  }
}
.TPL_ACTION .itemInfo .logoActeur {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
}
@media (min-width: 1025px) {
  .TPL_ACTION .itemInfo .logoActeur {
    width: 11rem;
  }
}
@media (max-width: 1024px) {
  .TPL_ACTION .itemInfo .logoActeur {
    width: 6rem;
  }
}
.TPL_ACTION .itemInfo .logoActeur:before {
  content: "";
  width: 1rem;
  background-color: #ffed0d;
  position: absolute;
  bottom: 0;
}
@media (min-width: 1025px) {
  .TPL_ACTION .itemInfo .logoActeur:before {
    left: 4rem;
    top: -7.8rem;
  }
}
@media (max-width: 1024px) {
  .TPL_ACTION .itemInfo .logoActeur:before {
    left: 2.4rem;
    top: -6.8rem;
  }
}
.TPL_ACTION .itemInfo .logoActeur ul {
  display: flex;
  flex-direction: column;
}
.TPL_ACTION .itemInfo .logoActeur ul li {
  border-top: 10px solid #ffffff;
  border-bottom: 10px solid #ffffff;
  background-color: #ffffff;
  z-index: 10;
}
.TPL_ACTION .itemInfo .logoActeur ul li .social {
  text-decoration: none;
  width: 9rem;
  display: flex;
  justify-content: center;
}
.TPL_ACTION .itemInfo .logoActeur ul li .social::before {
  font-family: "Font Awesome 5 Brands", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #124294;
  width: 3rem;
  height: 3rem;
  font-size: 2rem;
  border-radius: 100%;
  border: 1px solid #124294;
  transition: all 0.2s ease;
}
.TPL_ACTION .itemInfo .logoActeur ul li .social:hover::before, .TPL_ACTION .itemInfo .logoActeur ul li .social:focus::before {
  color: #009999;
  border-color: #009999;
}
.TPL_ACTION .itemInfo .logoActeur ul li .facebook::before {
  content: "\f39e";
}
.TPL_ACTION .itemInfo .logoActeur ul li .twitter::before {
  content: "\f099";
}
.TPL_ACTION .itemInfo .logoActeur ul li .linkedin::before {
  content: "\f08c";
}
.TPL_ACTION .itemInfo .logoActeur ul li .email::before {
  font-family: "Font Awesome 5 Solid", sans-serif;
  content: "\f0e0";
}
.TPL_ACTION .itemInfo .logoActeur ul li:first-child, .TPL_ACTION .itemInfo .logoActeur ul li:last-child {
  margin-top: 2rem;
}
.TPL_ACTION .withCredit {
  display: inline-block;
  position: relative;
}
.TPL_ACTION .withCredit .credit {
  transition: opacity 0.2s ease-out;
  opacity: 0;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
}
@media (min-width: 1025px) {
  .TPL_ACTION .withCredit .credit {
    max-width: calc(100% - 5rem) !important;
  }
}
@media (max-width: 1024px) {
  .TPL_ACTION .withCredit .credit {
    max-width: calc(100% - 3.4rem) !important;
  }
}
.TPL_ACTION .withCredit:hover .credit {
  opacity: 1;
}

/* ===================================================================
 * DIAPORAMA HOME
 * =================================================================*/
.TPL_DIAPORAMA {
  position: relative;
}
.TPL_DIAPORAMA .slick-slider {
  max-height: 46.5rem;
  overflow: hidden;
}
.TPL_DIAPORAMA .slick-slider img {
  object-fit: cover;
  width: 100%;
  height: 46.5rem;
}
@media (max-width: 1024px) {
  .TPL_DIAPORAMA .slick-slider {
    margin: 0 -2rem;
  }
  .TPL_DIAPORAMA .slick-slider img {
    height: 62.5vw;
  }
}
.accueil .TPL_DIAPORAMA .slick-slider {
  margin: 0;
}
@media (min-width: 1025px) {
  .accueil .TPL_DIAPORAMA .slick-slider {
    max-height: 63.5rem;
  }
  .accueil .TPL_DIAPORAMA .slick-slider img {
    height: 63.5rem;
  }
}
.TPL_DIAPORAMA .actions {
  transform: translateX(-50%);
  left: 50%;
  position: absolute;
  max-width: 1316px;
  margin: 0 auto;
  bottom: 1.7rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  z-index: 4;
}
@media (min-width: 1025px) {
  .accueil .TPL_DIAPORAMA .actions {
    justify-content: flex-start;
    padding-left: 11rem;
  }
}
@media (max-width: 1209px) {
  .TPL_DIAPORAMA .actions {
    padding: 0;
  }
}
.TPL_DIAPORAMA .slick-dots {
  display: flex;
}
.TPL_DIAPORAMA .slick-dots button {
  width: 1.5rem;
  height: 1.5rem;
  background-color: transparent;
  border-radius: 50%;
  border: 2px solid #ffffff;
  margin-right: 5px;
  font-size: 0;
  padding: 0;
}
@media (max-width: 767px) {
  .TPL_DIAPORAMA .slick-dots button {
    width: 1rem;
    height: 1rem;
  }
}
.TPL_DIAPORAMA .slick-dots ul {
  display: flex;
  line-height: 0;
}
.TPL_DIAPORAMA .slick-dots .slick-active button {
  background-color: #ffffff;
}
.TPL_DIAPORAMA .slick-controls button {
  border: 0;
  background-color: transparent;
}
.TPL_DIAPORAMA .slick-controls button::before {
  font-family: "Font Awesome 5 Solid", sans-serif;
  content: "\f04c";
  display: inline-block;
  color: #ffffff;
  font-size: 1.2rem;
}
.TPL_DIAPORAMA .slick-controls .slide-play:before {
  content: "\f04b";
}

/* ===================================================================
 * HOME
 * =================================================================*/
.pilierHome {
  position: relative;
}
@media (min-width: 768px) {
  .pilierHome {
    margin-top: -34rem;
    padding-top: 24rem;
    margin-bottom: 26rem;
  }
}
@media (max-width: 767px) {
  .pilierHome {
    padding-top: 4rem;
  }
}
.pilierHome::before {
  content: "";
  background-color: #124294;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
}
@media (min-width: 1210px) {
  .pilierHome::before {
    height: 71rem;
  }
}
@media (min-width: 1025px) and (max-width: 1209px) {
  .pilierHome::before {
    height: 79rem;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .pilierHome::before {
    height: 68rem;
  }
}
@media (max-width: 767px) {
  .pilierHome::before {
    height: 36rem;
  }
}
@media (min-width: 1100px) {
  .pilierHome .pilierHomeContainer {
    width: 64.1337386018%;
    margin-left: auto;
  }
}
@media (min-width: 1025px) and (max-width: 1099px) {
  .pilierHome .pilierHomeContainer {
    width: 72.3404255319%;
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  .pilierHome .pilierHomeContainer {
    position: relative;
    top: 15rem;
  }
}
@media (min-width: 768px) {
  .pilierHome .pilierHomeList {
    background-color: #ffffff;
    padding: 1.8rem;
    box-shadow: 0 5px 10px 0 rgba(30, 35, 45, 0.1);
  }
}
@media (min-width: 768px) {
  .pilierHome .pilierHomeListInner {
    display: flex;
    margin: 0 -1.8rem;
  }
}
.pilierHome h2 {
  color: #ffffff;
}
.pilierHome h2::before {
  background-color: #ffffff;
}
@media (min-width: 768px) {
  .pilierHome h2 {
    text-align: right;
  }
  .pilierHome h2::before {
    left: auto;
    right: 0;
  }
}
@media (min-width: 768px) {
  .pilierHome h2 {
    margin-bottom: 4rem;
  }
}
.pilierHome h3 {
  text-transform: uppercase;
  text-align: center;
}
@media (min-width: 1025px) {
  .pilierHome h3 {
    font-size: 2.7rem;
    line-height: 3rem;
  }
}
@media (max-width: 1024px) {
  .pilierHome h3 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}
.pilierHome .visuel {
  text-align: center;
  margin-bottom: 1.5rem;
  transition: all 0.2s ease;
}
@media (max-width: 767px) {
  .pilierHome .visuel img {
    margin: 0 auto;
    max-width: 55%;
  }
}
@media (min-width: 768px) {
  .pilierHome .resume,
.pilierHome .btnContainer {
    display: none;
  }
}
.pilierHome .resume {
  margin-bottom: 1rem;
  font-size: 1.6rem;
  line-height: 2rem;
}
.pilierHome .btn, .pilierHome .TPL_FORMULAIRE a.submit, .TPL_FORMULAIRE .pilierHome a.submit,
.pilierHome .TPL_FORMULAIRE input.submit,
.TPL_FORMULAIRE .pilierHome input.submit, .pilierHome .form_retour, .pilierHome .form_success a, .form_success .pilierHome a, .pilierHome .footerLiensInternes a, .footerLiensInternes .pilierHome a {
  padding: 1rem;
  text-align: center;
}
@media (min-width: 768px) {
  .pilierHome .btn, .pilierHome .TPL_FORMULAIRE a.submit, .TPL_FORMULAIRE .pilierHome a.submit,
.pilierHome .TPL_FORMULAIRE input.submit,
.TPL_FORMULAIRE .pilierHome input.submit, .pilierHome .form_retour, .pilierHome .form_success a, .form_success .pilierHome a, .pilierHome .footerLiensInternes a, .footerLiensInternes .pilierHome a {
    background-color: #ffed0d;
    border-color: #009999;
    color: #009999;
    font-size: 1.8rem;
  }
  .pilierHome .btn:hover, .pilierHome .TPL_FORMULAIRE a.submit:hover, .TPL_FORMULAIRE .pilierHome a.submit:hover,
.pilierHome .TPL_FORMULAIRE input.submit:hover,
.TPL_FORMULAIRE .pilierHome input.submit:hover, .pilierHome .form_retour:hover, .pilierHome .form_success a:hover, .form_success .pilierHome a:hover, .pilierHome .footerLiensInternes a:hover, .footerLiensInternes .pilierHome a:hover, .pilierHome .btn:focus, .pilierHome .TPL_FORMULAIRE a.submit:focus, .TPL_FORMULAIRE .pilierHome a.submit:focus,
.pilierHome .TPL_FORMULAIRE input.submit:focus,
.TPL_FORMULAIRE .pilierHome input.submit:focus, .pilierHome .form_retour:focus, .pilierHome .form_success a:focus, .form_success .pilierHome a:focus, .pilierHome .footerLiensInternes a:focus, .footerLiensInternes .pilierHome a:focus {
    background-color: #009999;
    border-color: #009999;
    color: #ffffff;
  }
}
@media (max-width: 767px) {
  .pilierHome .btn, .pilierHome .TPL_FORMULAIRE a.submit, .TPL_FORMULAIRE .pilierHome a.submit,
.pilierHome .TPL_FORMULAIRE input.submit,
.TPL_FORMULAIRE .pilierHome input.submit, .pilierHome .form_retour, .pilierHome .form_success a, .form_success .pilierHome a, .pilierHome .footerLiensInternes a, .footerLiensInternes .pilierHome a {
    font-size: 1.6rem;
  }
}
@media (min-width: 768px) {
  .pilierHome .item {
    padding-top: 3rem;
    position: relative;
    margin: 0 1.8rem;
    flex: 0 0 auto;
    width: calc(33.3333333333% - 3.6rem);
    min-height: 24.5rem;
    max-height: 24.5rem;
  }
  .pilierHome .item:not(:first-child)::before {
    content: "";
    width: 0.2rem;
    background-color: #ffed0d;
    position: absolute;
    left: -1.9rem;
    top: 0;
    bottom: 0;
  }
  .pilierHome .item:hover, .pilierHome .item:focus {
    background-color: #ffed0d;
    padding: 1.8rem 1rem;
  }
  .pilierHome .item:hover h3, .pilierHome .item:focus h3 {
    font-size: 2rem;
    line-height: 2.4rem;
    text-align: left;
  }
  .pilierHome .item:hover .visuel, .pilierHome .item:focus .visuel {
    float: right;
    max-width: 3.5rem;
  }
  .pilierHome .item:hover .resume,
.pilierHome .item:hover .btnContainer, .pilierHome .item:focus .resume,
.pilierHome .item:focus .btnContainer {
    display: block;
  }
}
@media (max-width: 767px) {
  .pilierHome .item {
    padding: 0 1rem;
    height: 100%;
  }
}
.pilierHome .itemInner {
  transition: background-color 0.2s ease;
  height: 100%;
}
@media (min-width: 768px) {
  .pilierHome .itemInner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .pilierHome .itemInner {
    background-color: #ffffff;
    text-align: center;
    padding: 2rem 1rem;
    box-shadow: 0 5px 10px 0 rgba(30, 35, 45, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }
}
.pilierHome .itemInner .top {
  flex-grow: 1;
}
@media (max-width: 767px) {
  .pilierHome .slick-list {
    overflow: visible;
    margin: 0 -1rem 3rem;
    max-width: 75%;
  }
  .pilierHome .slick-track {
    display: flex;
  }
  .pilierHome .slick-slide {
    float: none;
    height: auto;
  }
  .pilierHome .slick-slide > div {
    height: 100%;
  }
}

/* ===================================================================
 * AGENDA COMMON
 * =================================================================*/
.ficheModule.agenda .rightCol h3,
.bastilleContent .rightCol h3 {
  text-transform: uppercase;
  margin-bottom: 2rem;
}
.ficheModule.agenda .bloc,
.bastilleContent .bloc {
  margin-bottom: 2rem;
  text-transform: uppercase;
  padding-left: 9rem;
  background-repeat: no-repeat;
  background-position: 0 center;
  min-height: 7rem;
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .ficheModule.agenda .bloc,
.bastilleContent .bloc {
    padding-left: 7rem;
    background-size: auto 50px;
    min-height: 5.5rem;
  }
}
.ficheModule.agenda .periode,
.bastilleContent .periode {
  background-image: url("images//agenda/ico-calendrier.png");
}
.ficheModule.agenda .heure,
.bastilleContent .heure {
  background-image: url("images//agenda/ico-horloge.png");
}
.ficheModule.agenda .lieu,
.bastilleContent .lieu {
  background-image: url("images//agenda/ico-pointeur.png");
}
.ficheModule.agenda .accesPMR,
.bastilleContent .accesPMR {
  background-image: url("images//agenda/ico-pmr.png");
}
.ficheModule.agenda .capacite,
.bastilleContent .capacite {
  background-image: url("images//agenda/ico-jauge.png");
}
@media (max-width: 1024px) {
  .ficheModule.agenda .capacite,
.bastilleContent .capacite {
    background-size: auto 30px;
  }
}
.ficheModule.agenda .action,
.bastilleContent .action {
  margin: 2rem 0 4rem;
}
.ficheModule.agenda .action .btn, .ficheModule.agenda .action .TPL_FORMULAIRE a.submit, .TPL_FORMULAIRE .ficheModule.agenda .action a.submit,
.ficheModule.agenda .action .TPL_FORMULAIRE input.submit,
.TPL_FORMULAIRE .ficheModule.agenda .action input.submit, .ficheModule.agenda .action .form_retour, .ficheModule.agenda .action .form_success a, .form_success .ficheModule.agenda .action a, .ficheModule.agenda .action .footerLiensInternes a, .footerLiensInternes .ficheModule.agenda .action a,
.bastilleContent .action .btn,
.bastilleContent .action .TPL_FORMULAIRE a.submit,
.TPL_FORMULAIRE .bastilleContent .action a.submit,
.bastilleContent .action .TPL_FORMULAIRE input.submit,
.TPL_FORMULAIRE .bastilleContent .action input.submit,
.bastilleContent .action .form_retour,
.bastilleContent .action .form_success a,
.form_success .bastilleContent .action a,
.bastilleContent .action .footerLiensInternes a,
.footerLiensInternes .bastilleContent .action a {
  min-width: 20rem;
  text-align: center;
}
.ficheModule.agenda .acteurs ul,
.bastilleContent .acteurs ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 18rem;
}
@media (min-width: 1025px) {
  .ficheModule.agenda .acteurs ul,
.bastilleContent .acteurs ul {
    width: 31rem;
  }
}
.ficheModule.agenda .acteurs li,
.bastilleContent .acteurs li {
  margin-bottom: 1.5rem;
  width: 8rem;
}
@media (min-width: 1025px) {
  .ficheModule.agenda .acteurs li,
.bastilleContent .acteurs li {
    width: 14.5rem;
  }
}

/* ===================================================================
 * AGENDA LISTE
 * =================================================================*/
.listeAgenda {
  display: flex;
  flex-flow: row wrap;
}
.listeAgenda .left {
  width: 100%;
}
@media (min-width: 1025px) {
  .listeAgenda .left {
    width: 25%;
    padding-right: 6rem;
  }
}
.listeAgenda .right {
  width: 100%;
  margin-bottom: 4rem;
}
@media (min-width: 1025px) {
  .listeAgenda .right {
    width: 75%;
    padding-right: 10.9rem;
  }
}
.listeAgenda .question {
  margin-bottom: 3rem;
}
.listeAgenda .agenda-toggle {
  font-size: 2rem;
  line-height: 4.2rem;
  font-weight: 700;
  border-bottom: 1px solid #ffed0d;
  position: relative;
}
.listeAgenda .agenda-toggle:after {
  font-family: "Font Awesome 5 Solid", sans-serif;
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  content: "\f077";
  color: #124294;
  right: 0;
  font-weight: normal;
}
.listeAgenda .agenda-toggle[aria-expanded=false]::after {
  content: "\f078";
}
.listeAgenda form label {
  color: #1e232d;
}
.listeAgenda form label.agenda-toggle {
  margin-bottom: 0.8rem;
}
.listeAgenda form label.date {
  margin-bottom: 2rem;
}
.listeAgenda .case {
  font-size: 2rem;
  line-height: 2.4rem;
  margin-bottom: 1rem;
  display: block;
}
.listeAgenda .bold {
  font-weight: 700;
}
.listeAgenda .listFlex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -2rem;
}
.listeAgenda .listFlex > * {
  flex: 0 0 auto;
  display: block;
  /* IE fix */
  margin-left: 2rem;
  margin-bottom: 2rem;
}
@media (min-width: 576px) {
  .listeAgenda .listFlex > * {
    width: calc(100% * 1 / 2 - 2rem);
  }
}
@media (max-width: 575px) {
  .listeAgenda .listFlex > * {
    width: calc(100% * 1 / 1 - 2rem);
  }
}
.listeAgenda .liMoreAgenda {
  width: 100%;
}

#agdALaUneListContainer {
  margin-bottom: 3rem;
  position: relative;
}
#agdALaUneListContainer::before {
  content: "";
  background-color: #124294;
  position: absolute;
  width: 100vw;
  margin-left: -50vw;
  left: 50%;
  bottom: 0;
  z-index: -1;
  height: 75%;
}
#agdALaUneListContainer > h2 {
  margin-bottom: 3rem;
}
@media (min-width: 1025px) {
  #agdALaUneListContainer {
    margin-bottom: 6.5rem;
  }
}

.agendaCarouselListe {
  color: #ffffff;
  padding-bottom: 5rem;
}
@media (min-width: 1025px) {
  .agendaCarouselListe {
    padding-bottom: 10rem;
  }
}
.agendaCarouselListe .thematique {
  color: #ffffff;
}
.agendaCarouselListe li {
  padding-right: 2rem;
  overflow: hidden;
}
.agendaCarouselListe .titreH2 {
  color: #ffed0d;
}
.agendaCarouselListe .itemInfo {
  position: relative;
  padding: 2rem 0 0 5.5rem;
  flex-grow: 1;
}
.agendaCarouselListe .itemInfo:before {
  content: "";
  width: 1rem;
  background-color: #ffed0d;
  position: absolute;
  bottom: 0;
  left: 2.5rem;
  top: -4.7rem;
}
.agendaCarouselListe .resume {
  min-height: 10rem;
}
.agendaCarouselListe .btn, .agendaCarouselListe .TPL_FORMULAIRE a.submit, .TPL_FORMULAIRE .agendaCarouselListe a.submit,
.agendaCarouselListe .TPL_FORMULAIRE input.submit,
.TPL_FORMULAIRE .agendaCarouselListe input.submit, .agendaCarouselListe .form_retour, .agendaCarouselListe .form_success a, .form_success .agendaCarouselListe a, .agendaCarouselListe .footerLiensInternes a, .footerLiensInternes .agendaCarouselListe a {
  color: #ffffff;
  border-color: #ffffff;
  background-color: transparent;
}
.agendaCarouselListe .btn:hover, .agendaCarouselListe .TPL_FORMULAIRE a.submit:hover, .TPL_FORMULAIRE .agendaCarouselListe a.submit:hover,
.agendaCarouselListe .TPL_FORMULAIRE input.submit:hover,
.TPL_FORMULAIRE .agendaCarouselListe input.submit:hover, .agendaCarouselListe .form_retour:hover, .agendaCarouselListe .form_success a:hover, .form_success .agendaCarouselListe a:hover, .agendaCarouselListe .footerLiensInternes a:hover, .footerLiensInternes .agendaCarouselListe a:hover, .agendaCarouselListe .btn:focus, .agendaCarouselListe .TPL_FORMULAIRE a.submit:focus, .TPL_FORMULAIRE .agendaCarouselListe a.submit:focus,
.agendaCarouselListe .TPL_FORMULAIRE input.submit:focus,
.TPL_FORMULAIRE .agendaCarouselListe input.submit:focus, .agendaCarouselListe .form_retour:focus, .agendaCarouselListe .form_success a:focus, .form_success .agendaCarouselListe a:focus, .agendaCarouselListe .footerLiensInternes a:focus, .footerLiensInternes .agendaCarouselListe a:focus {
  color: #009999;
  border-color: #ffffff;
  background-color: #ffffff;
}
.agendaCarouselListe .visuel {
  max-height: 24.5rem;
  overflow: hidden;
}
.agendaCarouselListe .slick-arrow {
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  padding: 0;
  border: 0;
  background-color: transparent;
  border-radius: 100%;
  transition: box-shadow 0.2s ease;
}
.agendaCarouselListe .slick-arrow:hover, .agendaCarouselListe .slick-arrow:focus {
  box-shadow: 0 0 8px 3px rgba(255, 255, 255, 0.15);
}
.agendaCarouselListe .slick-arrow.slick-prev {
  left: -6rem;
}
.agendaCarouselListe .slick-arrow.slick-next {
  right: -6rem;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background-color: #124294 !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  font-size: 1.6rem !important;
  line-height: 2rem !important;
  text-transform: uppercase !important;
}
.leaflet-popup-content-wrapper .leaflet-popup-content a,
.leaflet-popup-tip .leaflet-popup-content a {
  color: #fff;
}

.leaflet-popup-tip-container {
  display: none !important;
}

.TPL_AGENDADEPOT .agenda-toggle {
  font-size: 2rem;
  line-height: 4.2rem;
  font-weight: 700;
  border-bottom: 1px solid #ffed0d;
  position: relative;
}
.TPL_AGENDADEPOT .agenda-toggle:after {
  font-family: "Font Awesome 5 Solid", sans-serif;
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  content: "\f077";
  color: #124294;
  right: 0;
  font-weight: normal;
}
.TPL_AGENDADEPOT .agenda-toggle[aria-expanded=false]::after {
  content: "\f078";
}

/* ===================================================================
 * AGENDA BASTILLE
 * =================================================================*/
.tpl-bastille .accrochePage {
  width: 100%;
}
@media (min-width: 1025px) {
  .tpl-bastille .accrochePage {
    max-width: 95.5rem;
  }
}

#agdBastilleMapContainer {
  width: 100%;
  position: relative;
  padding-bottom: 5rem;
}
#agdBastilleMapContainer::before {
  content: "";
  background-color: #124294;
  position: absolute;
  width: 200vw;
  margin-left: -50vw;
  left: 50%;
  bottom: 0;
  z-index: -1;
  height: 75%;
}
@media (min-width: 1025px) {
  #agdBastilleMapContainer {
    max-width: 117rem;
  }
  #agdBastilleMapContainer .inner {
    height: 75rem !important;
  }
}

.bastilleContent .top {
  position: relative;
  color: #ffffff;
  margin-bottom: 3rem;
}
.bastilleContent .top::before {
  content: "";
  background-color: #124294;
  position: absolute;
  width: 200vw;
  margin-left: -50vw;
  left: 50%;
  bottom: 0;
  z-index: -1;
  height: 100%;
}
.bastilleContent .top h2 {
  color: #ffed0d;
}
.bastilleContent .resume {
  margin-bottom: 0;
  padding-bottom: 3rem;
}
.bastilleContent .TPL_DIAPORAMA {
  margin: 0 0 3rem;
}
@media (min-width: 1025px) {
  .bastilleContent .top {
    width: calc(50% - 2rem);
    margin-bottom: 5rem;
  }
  .bastilleContent .resume {
    padding-bottom: 5rem;
  }
  .bastilleContent .TPL_DIAPORAMA {
    margin: -15rem 0 5rem;
  }
  .bastilleContent .bottom {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -2rem;
  }
  .bastilleContent .bottom > * {
    flex: 0 0 auto;
    display: block;
    /* IE fix */
    margin-left: 2rem;
    margin-bottom: 2rem;
  }
}
@media (min-width: 1025px) and (min-width: 576px) {
  .bastilleContent .bottom > * {
    width: calc(100% * 1 / 2 - 2rem);
  }
}
@media (min-width: 1025px) and (max-width: 575px) {
  .bastilleContent .bottom > * {
    width: calc(100% * 1 / 1 - 2rem);
  }
}
@media (min-width: 1025px) {
  .bastilleContent .info {
    max-width: 30.5rem;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    float: right;
  }
}
@media (min-width: 1025px) {
  .bastilleContent .right .action,
.bastilleContent .right .acteurs {
    text-align: right;
  }
}
@media (min-width: 1025px) {
  .bastilleContent .bloc {
    padding: 0 8rem 0 0;
    background-position: 100% center;
    justify-content: flex-end;
    text-align: right;
  }
}

/* ===================================================================
 * AGENDA DEPOT
 * =================================================================*/
.TPL_AGENDADEPOT .TPL_FORMULAIRE .widthAuto {
  width: auto;
}
.TPL_AGENDADEPOT .TPL_FORMULAIRE .checkbox .cases {
  display: flex;
  flex-wrap: wrap;
  margin-left: 1rem;
}
.TPL_AGENDADEPOT .TPL_FORMULAIRE .checkbox .cases .case {
  width: 33%;
  margin-bottom: 1rem;
}
.TPL_AGENDADEPOT .TPL_FORMULAIRE .engagements li {
  margin-bottom: 3rem;
}
.TPL_AGENDADEPOT .TPL_FORMULAIRE .engagements li > label {
  margin-bottom: 1.5rem;
  font-weight: bold;
}
.TPL_AGENDADEPOT .TPL_FORMULAIRE .engagements li .case {
  display: block;
  margin: 0 0 1rem 1rem;
}
.TPL_AGENDADEPOT .miseEnAvantBleu {
  padding: 3rem 2.5rem;
  background-color: #124294;
  color: #ffffff;
  clear: both;
  font-weight: bold;
  margin-bottom: 3rem;
}

/* ===================================================================
 * ACTEUR LISTE
 * =================================================================*/
.TPL_ACTEURLISTE .liste .item {
  background-color: #124294;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 1025px) {
  .TPL_ACTEURLISTE .liste .item {
    min-height: 62rem;
  }
}
@media (max-width: 1024px) {
  .TPL_ACTEURLISTE .liste .item .visuel {
    min-height: 20rem;
    display: flex;
    align-items: center;
  }
}

/* ===================================================================
 * ACTEUR FICHE
 * =================================================================*/
.TPL_ACTEUR .accrochePageImage {
  background-color: #124294;
  display: flex;
  align-items: center;
  justify-content: center;
}
.TPL_ACTEUR .accrochePageImage img {
  max-width: 100%;
  width: auto;
}

/* ===================================================================
 * ACTUALITE MISE EN AVANT
 * =================================================================*/
@media (min-width: 1025px) {
  .TPL_ACTUALITEMEA {
    padding-top: 5rem;
  }
}
@media (min-width: 768px) {
  .TPL_ACTUALITEMEA {
    margin: 0 0 -5rem;
  }
}
@media (max-width: 1024px) {
  .TPL_ACTUALITEMEA .actualiteHome {
    margin-bottom: 0;
  }
}
.TPL_ACTUALITEMEA h2 {
  padding-bottom: 3rem;
}
.TPL_ACTUALITEMEA h3 {
  color: #ffed0d;
}
.TPL_ACTUALITEMEA h3 a {
  color: #ffed0d;
}
.TPL_ACTUALITEMEA .resume {
  color: #ffffff;
}
.TPL_ACTUALITEMEA .innerCenter {
  padding: 0;
}
.TPL_ACTUALITEMEA::before {
  content: "";
  background-color: #124294;
  position: absolute;
  left: -100%;
  bottom: 0;
  right: 0;
  width: 300%;
}
@media (min-width: 1210px) {
  .TPL_ACTUALITEMEA::before {
    height: 53rem;
  }
}
@media (min-width: 1025px) and (max-width: 1209px) {
  .TPL_ACTUALITEMEA::before {
    height: 53rem;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .TPL_ACTUALITEMEA::before {
    height: 48rem;
  }
}
@media (max-width: 767px) {
  .TPL_ACTUALITEMEA::before {
    height: 40rem;
  }
}

/* ===================================================================
 * CHALLENGE LISTE
 * =================================================================*/
.challenge-bottom {
  position: relative;
  margin-top: 3rem;
}
@media (min-width: 1025px) {
  .challenge-bottom {
    margin-top: 9rem;
  }
}
.challenge-bottom::before {
  content: "";
  background-color: #124294;
  position: absolute;
  left: -100%;
  bottom: 0;
  right: 0;
  width: 300%;
  z-index: -1;
}
@media (min-width: 1025px) {
  .challenge-bottom::before {
    height: 28rem;
    bottom: -11rem;
  }
}
@media (max-width: 1024px) {
  .challenge-bottom::before {
    height: 18rem;
    bottom: -5rem;
  }
}
.challenge-bottom .parameter {
  background-color: #009999;
  color: #ffffff;
  padding: 3rem;
}
.challenge-bottom .parameter p {
  font-weight: 600;
}
@media (min-width: 1025px) {
  .challenge-bottom .parameter {
    width: 55.9270516717%;
    padding: 4.5rem 6.5rem 3.5rem;
  }
}
.challenge-bottom h2 {
  color: #ffed0d;
}

.TPL_RESSOURCELISTE .TPL_FORMULAIRE select[disabled] {
  background-color: #dddddd;
  background-image: none;
}

.TPL_ROULETTE .containerRoulette {
  display: flex;
  justify-content: center;
}
.TPL_ROULETTE .containerRoulette div .btn:hover, .TPL_ROULETTE .containerRoulette div .TPL_FORMULAIRE a.submit:hover, .TPL_FORMULAIRE .TPL_ROULETTE .containerRoulette div a.submit:hover,
.TPL_ROULETTE .containerRoulette div .TPL_FORMULAIRE input.submit:hover,
.TPL_FORMULAIRE .TPL_ROULETTE .containerRoulette div input.submit:hover, .TPL_ROULETTE .containerRoulette div .form_retour:hover, .TPL_ROULETTE .containerRoulette div .form_success a:hover, .form_success .TPL_ROULETTE .containerRoulette div a:hover, .TPL_ROULETTE .containerRoulette div .footerLiensInternes a:hover, .footerLiensInternes .TPL_ROULETTE .containerRoulette div a:hover {
  background-color: #ffffff;
  color: #124294;
}
.TPL_ROULETTE .roulette {
  position: relative;
  display: inline-block;
}
.TPL_ROULETTE .roulette .onCanvas {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  width: 404px;
  height: 404px;
}
.TPL_ROULETTE .roulette #startSpinNiv1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  width: 90px;
  height: 90px;
}
.TPL_ROULETTE .roulette #startSpinNiv1 #startSpin {
  position: absolute;
  top: 42%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  width: 90px;
  height: 90px;
  border: 3px solid #124294;
  background-color: #124294;
  color: white;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  box-shadow: 0 5px 0 black;
}
.TPL_ROULETTE .roulette #startSpinNiv1 #startSpin:hover {
  top: 45%;
  box-shadow: 0 2px 0 black;
}
.TPL_ROULETTE .roulette #startSpinNiv1 #startSpin.active {
  top: 45%;
  box-shadow: 0 2px 0 black;
}
.TPL_ROULETTE .roulette #startSpinNiv1 #startSpin::after {
  font-family: "Font Awesome 5 Solid", sans-serif;
  content: "\f04b";
}
.TPL_ROULETTE .roulette #wheelPointer {
  position: absolute;
  transform: rotate(45deg);
  top: 50px;
  left: 50px;
  font-size: 2rem;
  color: #000000;
}
.TPL_ROULETTE .roulette #wheelPointer::after {
  font-family: "Font Awesome 5 Solid", sans-serif;
  content: "\f04b";
}
@media screen and (max-width: 760px) {
  .TPL_ROULETTE .containerRoulette {
    display: flex;
    flex-direction: column;
  }
  .TPL_ROULETTE .containerRoulette div {
    margin-bottom: 2rem;
  }
  .TPL_ROULETTE .roulette {
    text-align: center;
  }
  .TPL_ROULETTE .roulette .onCanvas {
    width: 304px;
    height: 304px;
  }
  .TPL_ROULETTE .roulette #wheelPointer {
    top: 35px;
    left: 35px;
  }
  .TPL_ROULETTE .roulette #startSpinNiv1 {
    width: 60px;
    height: 60px;
  }
}

.popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 50px 100px;
  border-radius: 50px;
  width: 75%;
}
.popup .description {
  padding-left: 25px;
  margin-bottom: 25px;
}
.popup .description ul {
  list-style: disc;
}
@media screen and (max-width: 760px) {
  .popup {
    padding: 20px 30px;
    border-radius: 25px;
    width: 95%;
  }
  .popup .lien a {
    margin-bottom: 2rem;
  }
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
}

.closebtn {
  margin-left: 15px;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.noScroll {
  overflow: hidden;
  height: 100%;
}

#containerWin #partageDefi ul {
  display: flex;
  justify-content: end;
}
#containerWin #partageDefi ul li {
  margin: 0 5px;
  color: #124294;
}
#containerWin #partageDefi ul li .social {
  text-decoration: none;
}
#containerWin #partageDefi ul li .social::before {
  font-family: "Font Awesome 5 Brands", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #124294;
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  border: 1px solid #124294;
  transition: all 0.2s ease;
}
@media (max-width: 1024px) {
  #containerWin #partageDefi ul li .social::before {
    width: 2.4rem;
    height: 2.4rem;
  }
}
#containerWin #partageDefi ul li .social:hover::before, #containerWin #partageDefi ul li .social:focus::before {
  color: #009999;
  border-color: #009999;
}
#containerWin #partageDefi ul li .facebook::before {
  content: "\f39e";
}
#containerWin #partageDefi ul li .twitter::before {
  content: "\f099";
}
#containerWin #partageDefi ul li .linkedin::before {
  content: "\f08c";
}
#containerWin #partageDefi ul li .email::before {
  font-family: "Font Awesome 5 Solid", sans-serif;
  content: "\f0e0";
}
#containerWin #errorContainer .error {
  color: red;
}
#containerWin #errorContainer .success {
  color: green;
}
#containerWin #formSendMail p {
  clear: both;
}
#containerWin #formSendMail label {
  color: #124294;
  display: inline-block;
  text-align: right;
}
#containerWin #formSendMail p.action {
  text-align: center;
  padding: 0 2rem;
}
#containerWin #formSendMail p.action a,
#containerWin #formSendMail p.action input.submit {
  margin-bottom: 1rem;
}