@charset "UTF-8";
.valign {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.halign {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}


/* ----------------------------- */


/* ==Table Of Content            */


/* ----------------------------- */


/*
1- Reboot (basic reset)
2- Libraries  :
  - Base
  - Print
  - Layout (alignment, modules, positionning)
  - Utilities (width and spacers helpers)
  - Responsive helpers
  - WordPress reset (disabled by default)
  - Grillade (Grid System)
3- Components :
  - Media object
  - Skip Links for accessibility
  - Tables
  - Forms
  - Buttons
  - Checkbox
  - Tabs
  - Tags
  - Badges
  - Alerts
*/

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    -ms-overflow-style: scrollbar;
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

@-ms-viewport {
    width: device-width;
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}

[tabindex="-1"]:focus {
    outline: none !important;
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration: underline dotted;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

dfn {
    font-style: italic;
}

b,
strong {
    font-weight: bold;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:hover {
    color: #0056b3;
    text-decoration: underline;
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
    outline: 0;
}

pre,
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

a,
area,
button,
[role="button"],
input:not([type="range"]),
label,
select,
summary,
textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #868e96;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

button {
    border-radius: 0;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    -webkit-appearance: listbox;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: none;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}


/* ----------------------------- */


/* ==Base (basic styles)         */


/* ----------------------------- */


/* switching to border-box model for all elements */

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*,
*::before,
*::after {
    /* avoid min-width: auto on flex and grid children */
    min-width: 0;
    min-height: 0;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

html {
    /* set base font-size to equiv "10px", which is adapted to rem unit */
    font-size: 62.5%;
    /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
    font-size: calc(1em * 0.625);
}

body {
    margin: 0;
    font-family: "Lato", sans-serif;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
}

@media (min-width: 576px) {
    body {
        font-size: 1.3rem;
    }
}


/* Links */

a {
    color: #ae1439;
    text-decoration: none;
}

a:focus,
a:hover,
a:active {
    color: #690c23;
    text-decoration: underline;
}


/* Headings */

h1,
.h1-like {
    font-size: 2.8rem;
    font-weight: 500;
}

@media (min-width: 576px) {
    h1,
    .h1-like {
        font-size: 5rem;
    }
}

h2,
.h2-like {
    font-size: 2.4rem;
    font-weight: 500;
}

@media (min-width: 576px) {
    h2,
    .h2-like {
        font-size: 2.8rem;
    }
}

h3,
.h3-like {
    font-size: 2rem;
    font-weight: 500;
}

@media (min-width: 576px) {
    h3,
    .h3-like {
        font-size: 2.2rem;
    }
}

h4,
.h4-like {
    font-size: 1.8rem;
    font-weight: 500;
}

@media (min-width: 576px) {
    h4,
    .h4-like {
        font-size: 2rem;
    }
}

h5,
.h5-like {
    font-size: 1.6rem;
    font-weight: 500;
}

@media (min-width: 576px) {
    h5,
    .h5-like {
        font-size: 1.8rem;
    }
}

h6,
.h6-like {
    font-size: 1.4rem;
    font-weight: 500;
}

@media (min-width: 576px) {
    h6,
    .h6-like {
        font-size: 1.6rem;
    }
}


/* Vertical rythm */

h1,
h2,
h3,
h4,
h5,
h6,
dd {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

p,
address,
ol,
ul,
dl,
blockquote,
pre {
    margin-top: 0;
    margin-bottom: 1rem;
}


/* Avoid margins on nested elements */

li p,
li .p-like,
li ul,
li ol,
ol ol,
ul ul {
    margin-top: 0;
    margin-bottom: 0;
}


/* Max values */

img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
video,
svg {
    max-width: 100%;
}

img {
    height: auto;
}


/* Styling elements */

ul,
ol {
    padding-left: 2em;
}

img {
    vertical-align: middle;
}

em,
.italic,
address,
cite,
i,
var {
    font-style: italic;
}

code,
kbd,
mark {
    border-radius: 2px;
}

kbd {
    padding: 0 2px;
    border: 1px solid #999;
}

pre {
    -moz-tab-size: 2;
    -o-tab-size: 2;
    tab-size: 2;
}

code {
    padding: 2px 4px;
    color: #b11;
    background: rgba(0, 0, 0, 0.04);
}

pre code {
    padding: 0;
    color: inherit;
    background: none;
    border-radius: 0;
}

mark {
    padding: 2px 4px;
}

sup,
sub {
    vertical-align: 0;
}

sup {
    bottom: 1ex;
}

sub {
    top: 0.5ex;
}

blockquote {
    position: relative;
    min-height: 2em;
    padding-left: 3em;
}

blockquote::before {
    position: absolute;
    top: 0;
    left: 0;
    height: 0.4em;
    font-family: georgia, serif;
    font-size: 5em;
    line-height: 0.9;
    color: #e7e9ed;
    content: "\201C";
}

blockquote>footer {
    margin-top: 0.75em;
    font-size: 0.9em;
    color: rgba(0, 0, 0, 0.7);
}

blockquote>footer::before {
    content: "\2014 \0020";
}

q {
    font-style: normal;
}

q,
.q {
    quotes: "“" "”" "‘" "’";
}

q:lang(fr),
.q:lang(fr) {
    quotes: "«\00a0" "\00a0»" "“" "”";
}

hr {
    display: block;
    height: 1px;
    padding: 0;
    margin: 1em 0 2em;
    clear: both;
    color: #ccc;
    background-color: #ccc;
    border: 0;
}

blockquote,
figure {
    margin-right: 0;
    margin-left: 0;
}

code,
pre,
samp,
kbd {
    font-family: consolas, courier, monospace;
    line-height: normal;
    white-space: pre-wrap;
}


/* ----------------------------- */


/* ==Print (quick print reset)   */


/* ----------------------------- */

@media print {
    * {
        text-shadow: none !important;
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    body {
        width: auto;
        margin: auto;
        font-family: serif;
        font-size: 12pt;
    }
    p,
    .p-like,
    h1,
    .h1-like,
    h2,
    .h2-like,
    h3,
    .h3-like,
    h4,
    .h4-like,
    h5,
    .h5-like,
    h6,
    .h6-like,
    blockquote,
    label,
    ul,
    ol {
        margin: auto;
        color: #000;
    }
    .print {
        display: block;
    }
    .no-print {
        display: none;
    }
    /* no orphans, no widows */
    p,
    .p-like,
    blockquote {
        orphans: 3;
        widows: 3;
    }
    /* no breaks inside these elements */
    blockquote,
    ul,
    ol {
        page-break-inside: avoid;
    }
    /* page break before main headers
  h1,
  .h1-like {
    page-break-before: always;
  }
  */
    /* no breaks after these elements */
    h1,
    .h1-like,
    h2,
    .h2-like,
    h3,
    .h3-like,
    caption {
        page-break-after: avoid;
    }
    a {
        color: #000;
    }
    /* displaying URLs
  a[href]::after {
    content: " (" attr(href) ")";
  }
  */
    a[href^="javascript:"]::after,
    a[href^="#"]::after {
        content: "";
    }
}


/* ----------------------------- */


/* ==Global Micro Layout         */


/* ----------------------------- */


/* Flexbox layout is KNACSS choice
http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
*/

.flex-container,
.flex-container--row,
.flex-row,
.flex-container--column,
.flex-column,
.flex-container--row-reverse,
.flex-row-reverse,
.flex-container--column-reverse,
.flex-column-reverse,
.d-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-container--row,
.flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex-container--column,
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-container--row-reverse,
.flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.flex-container--column-reverse,
.flex-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.flex-item-fluid,
.item-fluid {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
}

.flex-item-first,
.item-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
}

.flex-item-medium,
.item-medium {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
}

.flex-item-last,
.item-last {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.flex-item-center,
.item-center,
.mr-auto {
    margin: auto;
}


/* ---------------------------------- */


/* ==Helpers                          */


/* ---------------------------------- */


/* Typo Helpers  */


/* ------------- */

.u-bold {
    font-weight: 700;
}

.u-italic {
    font-style: italic;
}

.u-normal {
    font-style: normal;
    font-weight: normal;
}

.u-uppercase {
    text-transform: uppercase;
}

.u-lowercase {
    text-transform: lowercase;
}

.u-smaller {
    font-size: 0.6em;
}

.u-small {
    font-size: 0.8em;
}

.u-big {
    font-size: 1.2em;
}

.u-bigger {
    font-size: 1.5em;
}

.u-biggest {
    font-size: 2em;
}

.u-txt-wrap {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.u-txt-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* text and contents alignment */

.txtleft,
.u-txt-left {
    text-align: left;
}

.txtright,
.u-txt-right {
    text-align: right;
}

.txtcenter,
.u-txt-center {
    text-align: center;
}


/* blocks that need to be placed under floats */

.clear,
.u-clear {
    clear: both;
}


/* blocks that must contain floats */

.clearfix::after,
.u-clearfix::after {
    display: table;
    clear: both;
    border-collapse: collapse;
    content: "";
}


/* simple blocks alignment */

.left .u-left {
    margin-right: auto;
}

.right,
.u-right {
    margin-left: auto;
}

.center,
.u-center {
    margin-right: auto;
    margin-left: auto;
}


/* Global Micro Layout */


/* ------------------- */


/* module, gains superpower "BFC" Block Formating Context */

.mod,
.u-mod,
.bfc,
.u-bfc {
    overflow: hidden;
}


/* floating elements */

.fl,
.u-fl {
    float: left;
}

img.fl,
img.u-fl {
    margin-right: 1rem;
}

.fr,
.u-fr {
    float: right;
}

img.fr,
img.u-fr {
    margin-left: 1rem;
}

img.fl,
img.fr,
img.u-fl,
img.u-fr {
    margin-bottom: 0.5rem;
}


/* inline-block */

.inbl,
.u-inbl {
    display: inline-block;
    vertical-align: top;
}


/* State Helpers */


/* ------------- */


/* invisible for all */

.is-hidden,
.js-hidden,
[hidden] {
    display: none;
}


/* hidden but not for an assistive technology like a screen reader, Yahoo! method */

.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
}

.is-disabled,
.js-disabled,
[disabled],
.is-disabled~label,
[disabled]~label {
    cursor: not-allowed !important;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.5;
}

ul.is-unstyled,
ul.unstyled {
    padding-left: 0;
    list-style: none;
}

.color--inverse {
    color: #fff;
}


/* Width Helpers */


/* ------------- */


/* blocks widths (percentage and pixels) */

.w100 {
    width: 100%;
}

.w95 {
    width: 95%;
}

.w90 {
    width: 90%;
}

.w85 {
    width: 85%;
}

.w80 {
    width: 80%;
}

.w75 {
    width: 75%;
}

.w70 {
    width: 70%;
}

.w65 {
    width: 65%;
}

.w60 {
    width: 60%;
}

.w55 {
    width: 55%;
}

.w50 {
    width: 50%;
}

.w45 {
    width: 45%;
}

.w40 {
    width: 40%;
}

.w35 {
    width: 35%;
}

.w30 {
    width: 30%;
}

.w25 {
    width: 25%;
}

.w20 {
    width: 20%;
}

.w15 {
    width: 15%;
}

.w10 {
    width: 10%;
}

.w5 {
    width: 5%;
}

.w66 {
    width: calc(100% / 3 * 2);
}

.w33 {
    width: calc(100% / 3);
}

.wauto {
    width: auto;
}

.w960p {
    width: 960px;
}

.mw960p {
    max-width: 960px;
}

.w1140p {
    width: 1140px;
}

.mw1140p {
    max-width: 1140px;
}

.w1000p {
    width: 1000px;
}

.w950p {
    width: 950px;
}

.w900p {
    width: 900px;
}

.w850p {
    width: 850px;
}

.w800p {
    width: 800px;
}

.w750p {
    width: 750px;
}

.w700p {
    width: 700px;
}

.w650p {
    width: 650px;
}

.w600p {
    width: 600px;
}

.w550p {
    width: 550px;
}

.w500p {
    width: 500px;
}

.w450p {
    width: 450px;
}

.w400p {
    width: 400px;
}

.w350p {
    width: 350px;
}

.w300p {
    width: 300px;
}

.w250p {
    width: 250px;
}

.w200p {
    width: 200px;
}

.w150p {
    width: 150px;
}

.w100p {
    width: 100px;
}

.w50p {
    width: 50px;
}


/* Spacing Helpers */


/* --------------- */

.man,
.ma0 {
    margin: 0;
}

.pan,
.pa0 {
    padding: 0;
}

.mas {
    margin: 1rem;
}

.mam {
    margin: 2rem;
}

.mal {
    margin: 4rem;
}

.pas {
    padding: 1rem;
}

.pam {
    padding: 2rem;
}

.pal {
    padding: 4rem;
}

.mtn,
.mt0 {
    margin-top: 0;
}

.mts {
    margin-top: 1rem;
}

.mtm {
    margin-top: 2rem;
}

.mtl {
    margin-top: 4rem;
}

.mrn,
.mr0 {
    margin-right: 0;
}

.mrs {
    margin-right: 1rem;
}

.mrm {
    margin-right: 2rem;
}

.mrl {
    margin-right: 4rem;
}

.mbn,
.mb0 {
    margin-bottom: 0;
}

.mbs {
    margin-bottom: 1rem;
}

.mbm {
    margin-bottom: 2rem;
}

.mbl {
    margin-bottom: 4rem;
}

.mln,
.ml0 {
    margin-left: 0;
}

.mls {
    margin-left: 1rem;
}

.mlm {
    margin-left: 2rem;
}

.mll {
    margin-left: 4rem;
}

.mauto {
    margin: auto;
}

.mtauto {
    margin-top: auto;
}

.mrauto {
    margin-right: auto;
}

.mbauto {
    margin-bottom: auto;
}

.mlauto {
    margin-left: auto;
}

.ptn,
.pt0 {
    padding-top: 0;
}

.pts {
    padding-top: 1rem;
}

.ptm {
    padding-top: 2rem;
}

.ptl {
    padding-top: 4rem;
}

.prn,
.pr0 {
    padding-right: 0;
}

.prs {
    padding-right: 1rem;
}

.prm {
    padding-right: 2rem;
}

.prl {
    padding-right: 4rem;
}

.pbn,
.pb0 {
    padding-bottom: 0;
}

.pbs {
    padding-bottom: 1rem;
}

.pbm {
    padding-bottom: 2rem;
}

.pbl {
    padding-bottom: 4rem;
}

.pln,
.pl0 {
    padding-left: 0;
}

.pls {
    padding-left: 1rem;
}

.plm {
    padding-left: 2rem;
}

.pll {
    padding-left: 4rem;
}


/* -------------------------- */


/* ==Responsive helpers       */


/* -------------------------- */


/* large screens */


/* ------------- */

@media (min-width: 1200px) {
    /* layouts for large screens */
    .large-hidden {
        display: none !important;
    }
    .large-visible {
        display: block !important;
    }
    .large-no-float {
        float: none;
    }
    .large-inbl {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    /* widths for large screens */
    .large-w25 {
        width: 25% !important;
    }
    .large-w33 {
        width: 33.333333% !important;
    }
    .large-w50 {
        width: 50% !important;
    }
    .large-w66 {
        width: 66.666666% !important;
    }
    .large-w75 {
        width: 75% !important;
    }
    .large-w100,
    .large-wauto {
        display: block !important;
        float: none !important;
        width: auto !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        clear: none !important;
        border: 0;
    }
    /* margins for large screens */
    .large-man,
    .large-ma0 {
        margin: 0 !important;
    }
}


/* medium screens */


/* -------------- */

@media (min-width: 768px) and (max-width: 1199px) {
    /* layouts for medium screens */
    .medium-hidden {
        display: none !important;
    }
    .medium-visible {
        display: block !important;
    }
    .medium-no-float {
        float: none;
    }
    .medium-inbl {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    /* widths for medium screens */
    .medium-w25 {
        width: 25% !important;
    }
    .medium-w33 {
        width: 33.333333% !important;
    }
    .medium-w50 {
        width: 50% !important;
    }
    .medium-w66 {
        width: 66.666666% !important;
    }
    .medium-w75 {
        width: 75% !important;
    }
    .medium-w100,
    .medium-wauto {
        display: block !important;
        float: none !important;
        width: auto !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        clear: none !important;
        border: 0;
    }
    /* margins for medium screens */
    .medium-man,
    .medium-ma0 {
        margin: 0 !important;
    }
}


/* small screens */


/* ------------- */

@media (min-width: 576px) and (max-width: 767px) {
    /* layouts for small screens */
    .small-hidden {
        display: none !important;
    }
    .small-visible {
        display: block !important;
    }
    .small-no-float {
        float: none;
    }
    .small-inbl {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    /* widths for small screens */
    .small-w25 {
        width: 25% !important;
    }
    .small-w33 {
        width: 33.333333% !important;
    }
    .small-w50 {
        width: 50% !important;
    }
    .small-w66 {
        width: 66.666666% !important;
    }
    .small-w75 {
        width: 75% !important;
    }
    .small-w100,
    .small-wauto {
        display: block !important;
        float: none !important;
        width: auto !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        clear: none !important;
        border: 0;
    }
    /* margins for small screens */
    .small-man,
    .small-ma0 {
        margin: 0 !important;
    }
    .small-pan,
    .small-pa0 {
        padding: 0 !important;
    }
}


/* tiny screens */


/* ------------ */

@media (max-width: 575px) {
    /* quick small resolution reset */
    .mod,
    .col,
    fieldset {
        display: block !important;
        float: none !important;
        width: auto !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        clear: none !important;
        border: 0;
    }
    .flex-container,
    .flex-container--row,
    .flex-row,
    .flex-container--column,
    .flex-column,
    .flex-container--row-reverse,
    .flex-row-reverse,
    .flex-container--column-reverse,
    .flex-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    /* layouts for tiny screens */
    .tiny-hidden {
        display: none !important;
    }
    .tiny-visible {
        display: block !important;
    }
    .tiny-no-float {
        float: none;
    }
    .tiny-inbl {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    /* widths for tiny screens */
    .tiny-w25 {
        width: 25% !important;
    }
    .tiny-w33 {
        width: 33.333333% !important;
    }
    .tiny-w50 {
        width: 50% !important;
    }
    .tiny-w66 {
        width: 66.666666% !important;
    }
    .tiny-w75 {
        width: 75% !important;
    }
    .tiny-w100,
    .tiny-wauto {
        display: block !important;
        float: none !important;
        width: auto !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        clear: none !important;
        border: 0;
    }
    /* margins for tiny screens */
    .tiny-man,
    .tiny-ma0 {
        margin: 0 !important;
    }
    .tiny-pan,
    .tiny-pa0 {
        padding: 0 !important;
    }
}


/* ----------------------------- */


/* ==Media object                */


/* ----------------------------- */


/* recommended HTML : <div class="media"><img class="media-figure"><div class="media-content"></div></div> */


/* see http://codepen.io/raphaelgoetter/pen/KMWWwj */

@media (min-width: 480px) {
    .media {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .media-content {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
    }
    .media-figure--center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .media--reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}

html,
body {
    min-height: 100%;
}

body {
    margin: 0;
}

.container,
.container_footer {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.container {
    padding-top: 7.5rem;
    margin-bottom: 7.5rem;
}

h1,
.page-header {
    padding: 0;
    margin-bottom: 3rem;
    font-weight: 900;
    line-height: 5rem;
    border: 0;
}

h2,
h3 {
    font-weight: 700;
    color: #ae1439;
}

.block-title {
    margin-bottom: 3rem;
    font-size: 5rem;
    font-weight: 900;
    color: #000;
}

.tabs {
    margin-bottom: 2rem;
}

.field ul {
    padding: 0;
    margin: 0;
}

.field ul li {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 0.5rem;
    list-style: none;
    list-style: none;
}

.field ul li:before {
    position: absolute;
    top: -0.7rem;
    left: 0;
    margin-right: 1rem;
    font-size: 1.6em;
    color: #ae1439;
    content: '•';
}

.row {
    margin-right: -20px;
    margin-left: -20px;
}

.row:before,
.row:after {
    content: none;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    padding-right: 20px;
    padding-left: 20px;
}


/* ----------------------------- */


/* ==Buttons                     */


/* ----------------------------- */


/* preferably use <button> for buttons !*/


/* use .btn-- or .button-- classes for variants */

.btn,
.haut-de-page,
.menu--__s-abonner-a-la-newsletter li a,
.view-page-publications .view-footer a,
.pager li>a,
.button,
[type="button"],
button,
.btn--primary,
.button--primary,
.btn--success,
.button--success,
.btn--info,
.button--info,
.btn--danger,
.button--danger,
.btn--inverse,
.button--inverse,
.btn--ghost,
.button--ghost {
    position: relative;
    display: inline-block;
    padding: 1.1rem 2.5rem;
    overflow: hidden;
    font-size: inherit;
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #212529;
    border: none;
    border-radius: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transition-property: background-color, color, border, -webkit-box-shadow;
    transition-property: background-color, color, border, -webkit-box-shadow;
    transition-property: box-shadow, background-color, color, border;
    transition-property: box-shadow, background-color, color, border, -webkit-box-shadow;
}

.btn:hover,
.haut-de-page:hover,
.menu--__s-abonner-a-la-newsletter li a:hover,
.view-page-publications .view-footer a:hover,
.pager li>a:hover,
.button:hover,
 :hover[type="button"],
button:hover,
.btn--primary:hover,
.button--primary:hover,
.btn--success:hover,
.button--success:hover,
.btn--info:hover,
.button--info:hover,
.btn--danger:hover,
.button--danger:hover,
.btn--inverse:hover,
.button--inverse:hover,
.btn--ghost:hover,
.button--ghost:hover {
    color: #fff;
}

.btn:focus,
.haut-de-page:focus,
.menu--__s-abonner-a-la-newsletter li a:focus,
.view-page-publications .view-footer a:focus,
.pager li>a:focus,
.button:focus,
[type="button"]:focus,
button:focus {
    -webkit-tap-highlight-color: transparent;
}

.btn--primary,
.haut-de-page,
.pager li>a,
.button--primary {
    color: #fff;
    background-color: #ae1439;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn--primary:active,
.haut-de-page:active,
.pager li>a:active,
.btn--primary:focus,
.haut-de-page:focus,
.pager li>a:focus,
.btn--primary:hover,
.haut-de-page:hover,
.pager li>a:hover,
.button--primary:active,
.button--primary:focus,
.button--primary:hover {
    color: #fff;
    text-decoration: none;
    background-color: #800f2a;
}

.btn--primary a,
.haut-de-page a,
.pager li>a a,
.button--primary a {
    color: #fff;
}

.btn--primary a:active,
.haut-de-page a:active,
.pager li>a a:active,
.btn--primary a:focus,
.haut-de-page a:focus,
.pager li>a a:focus,
.btn--primary a:hover,
.haut-de-page a:hover,
.pager li>a a:hover,
.button--primary a:active,
.button--primary a:focus,
.button--primary a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #800f2a;
}

.btn--success,
.button--success {
    color: #fff;
    background-color: #0c8a0c;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn--success:active,
.btn--success:focus,
.btn--success:hover,
.button--success:active,
.button--success:focus,
.button--success:hover {
    color: #fff;
    text-decoration: none;
    background-color: #085b08;
}

.btn--success a,
.button--success a {
    color: #fff;
}

.btn--success a:active,
.btn--success a:focus,
.btn--success a:hover,
.button--success a:active,
.button--success a:focus,
.button--success a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #085b08;
}

.btn--info,
.button--info {
    color: #000;
    background-color: #5bc0de;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn--info:active,
.btn--info:focus,
.btn--info:hover,
.button--info:active,
.button--info:focus,
.button--info:hover {
    color: #000;
    text-decoration: none;
    background-color: #31b0d5;
}

.btn--info a,
.button--info a {
    color: #000;
}

.btn--info a:active,
.btn--info a:focus,
.btn--info a:hover,
.button--info a:active,
.button--info a:focus,
.button--info a:hover {
    color: #000;
    text-decoration: none;
    background-color: #31b0d5;
}

.btn--danger,
.button--danger {
    color: #fff;
    background-color: #cd4a47;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn--danger:active,
.btn--danger:focus,
.btn--danger:hover,
.button--danger:active,
.button--danger:focus,
.button--danger:hover {
    color: #fff;
    text-decoration: none;
    background-color: #b13330;
}

.btn--danger a,
.button--danger a {
    color: #fff;
}

.btn--danger a:active,
.btn--danger a:focus,
.btn--danger a:hover,
.button--danger a:active,
.button--danger a:focus,
.button--danger a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #b13330;
}

.btn--inverse,
.button--inverse {
    color: #fff;
    background-color: #333;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn--inverse:active,
.btn--inverse:focus,
.btn--inverse:hover,
.button--inverse:active,
.button--inverse:focus,
.button--inverse:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1a1a1a;
}

.btn--inverse a,
.button--inverse a {
    color: #fff;
}

.btn--inverse a:active,
.btn--inverse a:focus,
.btn--inverse a:hover,
.button--inverse a:active,
.button--inverse a:focus,
.button--inverse a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1a1a1a;
}

.btn--ghost,
.button--ghost {
    color: #fff;
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 1px #fff inset;
    box-shadow: 0 0 0 1px #fff inset;
}

.btn--ghost:active,
.btn--ghost:focus,
.btn--ghost:hover,
.button--ghost:active,
.button--ghost:focus,
.button--ghost:hover {
    color: #fff;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
}

.btn--ghost a,
.button--ghost a {
    color: #fff;
}

.btn--ghost a:active,
.btn--ghost a:focus,
.btn--ghost a:hover,
.button--ghost a:active,
.button--ghost a:focus,
.button--ghost a:hover {
    color: #fff;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
}

.btn--small,
.button--small {
    padding: 1rem 1.5rem;
    font-size: 1.6rem;
}

.btn--medium,
.button--medium {
    padding: 1.5rem 8rem;
    font-size: 2rem;
}

.btn--big,
.pager li>a,
.button--big {
    padding: 1.1rem 4.5rem;
    font-size: 1.4em;
}

.btn--block,
.button--block {
    display: block;
    width: 100% !important;
}

.btn--unstyled,
.button--unstyled {
    -webkit-appearance: none;
    padding: 0;
    text-align: left;
    background: none;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-appearance: none;
    appearance: none;
}

.btn--unstyled:focus,
.button--unstyled:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.haut-de-page {
    padding-right: 2.5rem;
    padding-left: 4.5rem;
}

.haut-de-page:before {
    position: absolute;
    top: 50%;
    left: 1.8rem;
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    content: '';
    background-image: url(../img/icon-arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.2rem;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}
@media (max-width: 1025px) {
    .haut-de-page {
        margin-bottom: 20px;
    }
    .colonne-espace-adherent .btn-open-sidebar {
        display: none;
    }
}

.menu--__s-abonner-a-la-newsletter {
    text-align: center;
}

.menu--__s-abonner-a-la-newsletter li a {
    display: inline-block !important;
    padding: 1rem 4rem;
    color: #fff;
    background-color: #ae1439;
}

.menu--__s-abonner-a-la-newsletter li a:hover {
    background-color: #800f2a;
}

.view-page-publications .view-footer {
    margin-top: 4rem;
    text-align: center;
}

.view-page-publications .view-footer a {
    display: inline-block !important;
    padding: 1rem 4rem;
    color: #fff;
    background-color: #ae1439;
}

.view-page-publications .view-footer a:hover {
    background-color: #800f2a;
}

.nav-icon {
    position: absolute;
    top: 3rem;
    right: 1.5rem;
    z-index: 2;
    width: 3rem;
    height: 1.6rem;
    margin: 1rem 0;
    margin-left: 2.5rem;
    cursor: pointer;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.nav-icon span {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 0.2rem;
    background-color: #000;
    opacity: 1;
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.nav-icon span:nth-child(1) {
    top: 0;
}

.nav-icon span:nth-child(2),
.nav-icon span:nth-child(3) {
    top: 7px;
}

.nav-icon span:nth-child(4) {
    top: 14px;
}

.page-node-type-accueil-public .nav-icon span {
    background-color: #fff;
}

.nav-icon:hover span:nth-child(1) {
    width: 100%;
}

.nav-icon.open span:nth-child(1) {
    top: 8px;
    left: 50%;
    width: 0;
}

.nav-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.nav-icon.open span:nth-child(4) {
    top: 8px;
    left: 50%;
    width: 0;
}

.btn-close {
    position: absolute;
    top: 3.5rem;
    right: 1rem;
    z-index: 2;
    width: 30px;
    height: 20px;
    cursor: pointer;
}

.btn-close span {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    border-radius: 3px;
    opacity: 1;
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.btn-close span:nth-child(1) {
    top: 4px;
    left: 50%;
    width: 0;
}

.btn-close span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn-close span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.btn-close span:nth-child(4) {
    top: 4px;
    left: 50%;
    width: 0;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active a:hover,
.dropdown-menu>.active a:focus {
    color: inherit;
    background: none;
}

.dropdown-menu>.active>a:hover {
    text-decoration: underline;
}

.content-navigation {
    top: 0;
    z-index: 100;
    display: none;
    width: 100%;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.page-node-type-accueil-public .content-navigation {
    margin-top: -7.6rem;
}

.content-navigation nav {
    width: 100%;
}

.content-navigation nav>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.content-navigation nav>ul>li {
    position: relative;
    width: 100%;
    text-align: center;
    list-style: none;
}

.content-navigation nav>ul>li>a {
    position: relative;
    display: block;
    height: 100%;
    padding: 3rem;
    font-size: 1.6rem;
    font-weight: 900;
    line-height: 1.6rem;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #000;
    background-color: #ededed;
    -webkit-transition: background-color ease-in-out 0.3s;
    transition: background-color ease-in-out 0.3s;
}

.content-navigation nav>ul>li>a:hover:after,
.content-navigation nav>ul>li>a.active:after {
    content: '';
}

.content-navigation nav>ul>li>a:hover+.dropdown-menu {
    display: block;
}

.content-navigation nav>ul>li:hover:after {
    content: '';
}

.content-navigation nav>ul>li.menu-federation>a,
.content-navigation nav>ul>li:nth-child(1)>a {
    color: #ae1439;
}

.content-navigation nav>ul>li.menu-federation>a:hover,
.content-navigation nav>ul>li:nth-child(1)>a:hover {
    background-color: #d4d4d4 !important;
}

.content-navigation nav>ul>li.menu-federation.open>a,
.content-navigation nav>ul>li:nth-child(1).open>a {
    background-color: #d4d4d4;
}

.content-navigation nav>ul>li.menu-positions>a,
.content-navigation nav>ul>li:nth-child(2)>a {
    background-color: #a7aeb4;
}

.content-navigation nav>ul>li.menu-positions>a:hover,
.content-navigation nav>ul>li:nth-child(2)>a:hover {
    background-color: #8b959d !important;
}

.page-node-type-accueil-public .content-navigation nav>ul>li.menu-positions>a,
.page-node-type-accueil-public .content-navigation nav>ul>li:nth-child(2)>a {
    background-color: rgba(167, 174, 180, 0.9);
}

.content-navigation nav>ul>li.menu-positions.open>a,
.content-navigation nav>ul>li:nth-child(2).open>a {
    background-color: #8b959d !important;
}

.content-navigation nav>ul>li.menu-savoir>a,
.content-navigation nav>ul>li:nth-child(3)>a {
    background-color: #6e767f;
}

.content-navigation nav>ul>li.menu-savoir>a:hover,
.content-navigation nav>ul>li:nth-child(3)>a:hover {
    background-color: #565d64 !important;
}

.page-node-type-accueil-public .content-navigation nav>ul>li.menu-savoir>a,
.page-node-type-accueil-public .content-navigation nav>ul>li:nth-child(3)>a {
    background-color: rgba(110, 118, 127, 0.9);
}

.content-navigation nav>ul>li.menu-savoir.open>a,
.content-navigation nav>ul>li:nth-child(3).open>a {
    background-color: #565d64 !important;
}

.content-navigation nav>ul>li.menu-espace-presse>a,
.content-navigation nav>ul>li:nth-child(4)>a {
    background-color: #333;
}

.content-navigation nav>ul>li.menu-espace-presse>a:hover,
.content-navigation nav>ul>li:nth-child(4)>a:hover {
    background-color: #1a1a1a !important;
}

.page-node-type-accueil-public .content-navigation nav>ul>li.menu-espace-presse>a,
.page-node-type-accueil-public .content-navigation nav>ul>li:nth-child(4)>a {
    background-color: rgba(51, 51, 51, 0.9);
}

.content-navigation nav>ul>li.menu-espace-presse.open>a,
.content-navigation nav>ul>li:nth-child(4).open>a {
    background-color: #1a1a1a;
}

.content-navigation nav>ul>li.menu-adhesion>a,
.content-navigation nav>ul>li:nth-child(5)>a {
    background-color: #ae1439;
}

.content-navigation nav>ul>li.menu-adhesion>a:hover,
.content-navigation nav>ul>li:nth-child(5)>a:hover {
    background-color: #800f2a;
}

.content-navigation nav>ul>li.menu-adhesion>a:before,
.content-navigation nav>ul>li:nth-child(5)>a:before {
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 3.7rem;
    height: 3.7rem;
    margin-top: -1.85rem;
    margin-left: -5rem;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 3.5rem;
    color: #ae1439;
    content: '+';
    background-color: #fff;
    border-radius: 100%;
}

.content-navigation nav>ul>li .dropdown-menu {
    min-width: 100%;
    max-width: 100%;
    padding: 3rem 0;
    margin: 0;
    margin-top: 0;
    background-color: #202d3a;
    border: 0;
    border-radius: 0;
}

.content-navigation nav>ul>li .dropdown-menu li .dropdown-menu {
    top: 0;
    left: auto;
    right: -100%;
}

.content-navigation nav>ul>li .dropdown-menu li>a {
    padding: 1rem 2.7rem;
    margin: 0;
    font-size: 500px;
    font-size: 1.4rem;
    color: #fff;
    text-transform: uppercase;
    white-space: normal;
    background-color: transparent;
    -webkit-transition: background-color ease-in-out 0.3s;
    transition: background-color ease-in-out 0.3s;
}

.content-navigation nav>ul>li .dropdown-menu li>a:hover {
    color: #fff;
    text-decoration: underline;
    background-color: #293a4a;
}

.content-navigation nav>ul>li .dropdown-menu li>a:hover+.dropdown-menu {
    display: block;
}

.content-navigation nav>ul>li .dropdown-menu:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    height: 0.5rem;
    content: '';
    background-color: #ae1439;
}

.content-navigation nav>ul>li .dropdown-menu:hover {
    display: block;
}

.page-node-type-accueil-public .content-navigation nav>ul>li .dropdown-menu {
    top: auto;
    bottom: 100%;
}

.page-node-type-accueil-public .content-navigation nav>ul>li .dropdown-menu li {
    position: static;
}

.page-node-type-accueil-public .content-navigation nav>ul>li .dropdown-menu li .dropdown-menu {
    top: auto !important;
    bottom: 0 !important;
}

.content-navigation nav>ul>li.open>a:after {
    content: '';
}

.content-navigation.sticky {
    position: fixed;
    background-color: #fff;
}

.content-navigation.sticky nav>ul li .dropdown-menu {
    top: 100% !important;
    bottom: auto !important;
}

.content-navigation.sticky nav>ul li .dropdown-menu li {
    position: relative !important;
}

.content-navigation.sticky nav>ul li .dropdown-menu li .dropdown-menu {
    top: 0 !important;
    bottom: auto !important;
}

.super-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    width: 100%;
    height: 100vh;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.super-menu .wrapper-menu {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    max-width: 33rem;
    height: 100vh;
    padding: 6rem 2rem 2rem;
    text-align: left;
    background-color: #243444;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.super-menu .wrapper-menu>nav {
    width: 100%;
    padding: 0;
    margin: 0;
    vertical-align: top;
}

.super-menu .wrapper-menu>nav>.menu {
    overflow-y: scroll;
    scrollbar-width: none;
    float: none;
    width: 100%;
    padding: 0;
    margin: 0;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.super-menu .wrapper-menu>nav>.menu::-webkit-scrollbar {
    display: none;
}

.super-menu .wrapper-menu>nav>.menu>li {
    position: relative;
    width: 100%;
    padding: 1rem 0rem;
}

.super-menu .wrapper-menu>nav>.menu>li a {
    display: block;
    padding: 1rem 0;
    font-size: 1.6rem;
    font-weight: 900;
    text-transform: uppercase;
    white-space: normal;
    width: calc(100% - 5rem);
}

.super-menu .wrapper-menu>nav>.menu>li .dropdown-menu>li {
    display: inline-block;
    height: 4.2rem;
    width: 100%;
}

.super-menu .wrapper-menu>nav>.menu>li .dropdown-menu>li .toggle-link {
    height: 4.2rem;
}

.super-menu .wrapper-menu>nav>.menu>li a:hover {
    text-decoration: underline;
    background-color: transparent;
}

.super-menu .wrapper-menu>nav>.menu>li a.is-active {
    text-decoration: none;
}

.super-menu .wrapper-menu>nav>.menu>li a .caret {
    display: none;
}

.super-menu .wrapper-menu>nav>.menu>li .toggle-link {
    position: absolute;
    top: 0rem;
    right: 0;
    width: 5rem;
    height: 6.4rem;
    cursor: pointer;
    background-image: url(../img/icon-arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2rem;
    border: 0;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.super-menu .wrapper-menu>nav>.menu>li .toggle-link.actif {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.super-menu .wrapper-menu>nav>.menu>li .dropdown-menu {
    position: static;
    display: none;
    float: none;
    width: 100%;
    margin: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.super-menu .wrapper-menu>nav>.menu>li .dropdown-menu>li a {
    display: block;
    padding: 1rem 0;
    font-size: 1.6rem;
    font-weight: 500;
    text-transform: uppercase;
}

.super-menu .wrapper-menu>nav>.menu>li .dropdown-menu>li>.dropdown-menu {
    display: none;
    margin: 0;
}

.super-menu .wrapper-menu>nav>.menu>li .dropdown-menu>li>.dropdown-menu>li a {
    padding-left: 1.5rem;
    font-size: 1.4rem;
    text-transform: none;
}

.super-menu .wrapper-menu>nav>.menu>li .dropdown-menu>li .toggle-link {
    top: 1rem;
}

.super-menu .wrapper-menu>nav>.menu>li a {
    color: #fff;
    text-decoration: none;
}

.super-menu .wrapper-menu aside {
    width: 100%;
    vertical-align: top;
}

.super-menu .wrapper-menu aside .logo {
    display: none;
    width: 11rem;
    margin: 0 0 0 4rem;
}

.super-menu .wrapper-menu aside .reseaux-sociaux {
    display: block;
    margin: 2rem 0;
}

.super-menu .wrapper-menu aside .reseaux-sociaux ul {
    text-align: center;
}

.super-menu .wrapper-menu aside .reseaux-sociaux ul li {
    margin: 0 1.2rem 0 0;
    -webkit-filter: brightness(0) invert(0.7);
    filter: brightness(0) invert(0.7);
}

.super-menu .wrapper-menu aside .reseaux-sociaux ul li a[href*="twitter."] {
    background-image: url(../img/icon-twitter.svg) !important;
}

.super-menu .wrapper-menu aside .reseaux-sociaux ul li a[href*="facebook."] {
    width: 1.2rem;
    background-image: url(../img/icon-facebook.svg) !important;
}

.super-menu .wrapper-menu aside .reseaux-sociaux ul li a[href*="linkedin."] {
    background-image: url(../img/icon-linkedin.svg) !important;
}

.super-menu .wrapper-menu aside .reseaux-sociaux ul li a[href*="youtube."] {
    width: 3rem;
    background-image: url(../img/icon-youtube.svg) !important;
}

.super-menu .wrapper-menu aside .reseaux-sociaux ul li a[href*="instagram."] {
    width: 3rem;
    background-image: url(../img/icon-instagram-rouge.svg) !important;
    background-image: url(../img/icon-instagram-rouge.jpg) !important;
    height: 2rem;
}

.super-menu .wrapper-menu aside .slogan {
    display: none;
    margin-top: 49%;
    margin-bottom: 2rem;
}

.super-menu .wrapper-menu aside .slogan p {
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 2rem;
    color: #acacad;
    text-transform: uppercase;
}

.super-menu .wrapper-menu aside .block-swiftype-integration {
    display: none;
}

.super-menu .wrapper-menu aside .menu--account {
    display: block;
    height: auto;
    margin: 0;
    text-align: center;
    background-color: transparent;
}

.super-menu .wrapper-menu aside .menu--account li {
    display: inline-block;
    width: auto;
    padding: 0 !important;
}

.super-menu.actif {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.super-menu.actif .wrapper-menu {
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


/* ----------------------------- */


/* ==Forms                       */


/* ----------------------------- */


/* thanks to HTML5boilerplate and https://shoelace.style/ */


/* forms items */

form {
    padding: 2rem;
    background-color: #ededed;
    border: none;
}

label {
    display: inline-block;
    cursor: pointer;
}

.form-control,
[type="color"],
[type="date"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="submit"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
select,
textarea {
    width: 100%;
    height: 5rem;
    padding: 0.5rem 1rem;
    padding: 0 1.5rem;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    font-size: 1.7rem;
    line-height: 5rem;
    color: #212529;
    vertical-align: middle;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    -webkit-transition-property: background-color, color, border, -webkit-box-shadow;
    transition-property: background-color, color, border, -webkit-box-shadow;
    transition-property: box-shadow, background-color, color, border;
    transition-property: box-shadow, background-color, color, border, -webkit-box-shadow;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

[type="submit"] {
    width: auto;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    background-color: #ae1439;
}

[type="submit"]:hover {
    background-color: #800f2a;
}

input[readonly] {
    background-color: #e7e9ed;
}

select {
    padding-right: 2rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.6rem center;
    background-size: 1.2rem;
}


/* hiding IE11 arrow */

select::-ms-expand {
    display: none;
}

textarea {
    min-height: 5em;
    white-space: pre-wrap;
    vertical-align: top;
    resize: vertical;
}


/* 'x' appears on right of search input when text is entered. This removes it */

[type="search"] {
    -webkit-box-shadow: none;
    box-shadow: none;
}

[type="search"]::-webkit-search-decoration,
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-results-button,
[type="search"]::-webkit-search-results-decoration {
    display: none;
}

::-webkit-input-placeholder {
    color: #777;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #777;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #777;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #777;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #777;
}

input::placeholder,
textarea::placeholder {
    color: #777;
}

progress {
    width: 100%;
    vertical-align: middle;
}

.select-wrapper:after {
    right: 2.5rem;
    width: 1.3rem;
    height: 1.3rem;
    color: #ae1439;
    content: '' !important;
    background-image: url(../img/icon-arrow-right-primary.svg);
    background-repeat: no-repeat;
    background-size: 1.3rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.user-pass,
.user-login-form,
.user-register-form {
    background-color: transparent;
}

.user-pass input[type='text'],
.user-pass input[type='email'],
.user-pass input[type='password'],
.user-login-form input[type='text'],
.user-login-form input[type='email'],
.user-login-form input[type='password'],
.user-register-form input[type='text'],
.user-register-form input[type='email'],
.user-register-form input[type='password'] {
    background-color: #ededed;
}

.form-inline .form-control {
    width: 100%;
}

.intl-tel-input {
    display: block;
}

.webform-submission-form-filtre-actualite-form {
    padding: 0;
    background-color: transparent;
}

.webform-submission-form-filtre-actualite-form fieldset {
    display: inline-block;
    width: 20%;
    vertical-align: top;
    background-color: transparent;
}

.webform-submission-form-filtre-actualite-form .fieldset-legend {
    font-size: 1.7rem;
    font-weight: 700;
}

.form-type-checkbox,
.form-type-radio {
    position: relative;
    cursor: pointer;
}

.form-type-checkbox input[type="checkbox"],
.form-type-checkbox input[type="radio"],
.form-type-radio input[type="checkbox"],
.form-type-radio input[type="radio"] {
    width: 1rem;
    height: 1rem;
    margin: 0 0.5rem;
}

.form-type-checkbox input[type="checkbox"]:before,
.form-type-checkbox input[type="radio"]:before,
.form-type-radio input[type="checkbox"]:before,
.form-type-radio input[type="radio"]:before {
    position: absolute;
    top: -0.3rem;
    left: -0.3rem;
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    content: '';
    background-color: #ededed;
    -webkit-transition: background-color ease-in-out 0.3s;
    transition: background-color ease-in-out 0.3s;
    -moz-appearance: none;
}

.form-type-radio input[type="radio"] {
    -moz-appearance: none;
}

.form-type-checkbox input[type="checkbox"]:checked:before,
.form-type-checkbox input[type="radio"]:checked:before,
.form-type-radio input[type="checkbox"]:checked:before,
.form-type-radio input[type="radio"]:checked:before {
    background-color: #ae1439 !important;
}

.form-type-checkbox:hover input[type="checkbox"]:before,
.form-type-checkbox:hover input[type="radio"]:before,
.form-type-checkbox:focus input[type="checkbox"]:before,
.form-type-checkbox:focus input[type="radio"]:before,
.form-type-radio:hover input[type="checkbox"]:before,
.form-type-radio:hover input[type="radio"]:before,
.form-type-radio:focus input[type="checkbox"]:before,
.form-type-radio:focus input[type="radio"]:before {
    background: #dbdbdb;
}

#views-exposed-form-bloc-mediatheque-page-1 {
    background-color: transparent;
}

#views-exposed-form-bloc-mediatheque-page-1 input[type="text"],
#views-exposed-form-bloc-mediatheque-page-1 select {
    background-color: #ededed;
}

.webform-submission-contact-form .captcha {
    display: inline-block;
    vertical-align: middle;
}

.webform-submission-contact-form .webform-actions {
    display: inline-block;
    float: right;
    margin-top: 2rem;
    vertical-align: middle;
}

#views-exposed-form-page-publications-page-1,
#views-exposed-form-page-publications-block-2,
#views-exposed-form-bloc-mediatheque-page-1,
#views-exposed-form-page-publications-page-2 {
    padding: 2rem;
    margin-bottom: 3rem;
}

#views-exposed-form-page-publications-page-1>div,
#views-exposed-form-page-publications-block-2>div,
#views-exposed-form-bloc-mediatheque-page-1>div,
#views-exposed-form-page-publications-page-2>div {
    display: block;
}

#views-exposed-form-page-publications-page-1 .select-wrapper,
#views-exposed-form-page-publications-block-2 .select-wrapper,
#views-exposed-form-bloc-mediatheque-page-1 .select-wrapper,
#views-exposed-form-page-publications-page-2 .select-wrapper {
    width: 100%;
}

#views-exposed-form-page-publications-page-1 label,
#views-exposed-form-page-publications-block-2 label,
#views-exposed-form-bloc-mediatheque-page-1 label,
#views-exposed-form-page-publications-page-2 label {
    margin-right: 2rem;
    font-size: 1.7rem;
    font-weight: 700;
}

#views-exposed-form-page-publications-page-1 button,
#views-exposed-form-page-publications-block-2 button,
#views-exposed-form-bloc-mediatheque-page-1 button,
#views-exposed-form-page-publications-page-2 button {
    margin-right: 0;
}

#views-exposed-form-page-publications-page-1 .form-item-type,
#views-exposed-form-page-publications-page-1 .form-item-created,
#views-exposed-form-page-publications-block-2 .form-item-type,
#views-exposed-form-page-publications-block-2 .form-item-created,
#views-exposed-form-bloc-mediatheque-page-1 .form-item-type,
#views-exposed-form-bloc-mediatheque-page-1 .form-item-created,
#views-exposed-form-page-publications-page-2 .form-item-type,
#views-exposed-form-page-publications-page-2 .form-item-created {
    display: block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#views-exposed-form-page-publications-page-1 .form-item-type,
#views-exposed-form-page-publications-block-2 .form-item-type,
#views-exposed-form-bloc-mediatheque-page-1 .form-item-type,
#views-exposed-form-page-publications-page-2 .form-item-type {
    width: 100%;
    margin-right: 0;
}

#views-exposed-form-page-publications-page-1 .form-item-created,
#views-exposed-form-page-publications-block-2 .form-item-created,
#views-exposed-form-bloc-mediatheque-page-1 .form-item-created,
#views-exposed-form-page-publications-page-2 .form-item-created {
    margin-right: 0;
}

#views-exposed-form-actus-filtrees-block-1,
#views-exposed-form-actus-filtrees-block-2 {
    padding: 0;
    text-align: left;
    background-color: transparent;
}

#views-exposed-form-actus-filtrees-block-1 .form-item,
#views-exposed-form-actus-filtrees-block-2 .form-item {
    float: none;
    margin-bottom: 1rem;
}

#views-exposed-form-actus-filtrees-block-1 .form-item.fieldgroup,
#views-exposed-form-actus-filtrees-block-2 .form-item.fieldgroup {
    display: inline-block;
    width: 49%;
    clear: both;
}

#views-exposed-form-actus-filtrees-block-1 .form-item.fieldgroup .form-item,
#views-exposed-form-actus-filtrees-block-2 .form-item.fieldgroup .form-item {
    margin-right: 1.5rem;
}

#views-exposed-form-actus-filtrees-block-1 .form-item.js-form-type-select,
#views-exposed-form-actus-filtrees-block-2 .form-item.js-form-type-select {
    display: inline-block;
    width: 49%;
}

#views-exposed-form-actus-filtrees-block-1 .form-item.js-form-type-select select,
#views-exposed-form-actus-filtrees-block-2 .form-item.js-form-type-select select {
    background-color: #ededed;
}

#views-exposed-form-actus-filtrees-block-1 .form-item.js-form-type-textfield,
#views-exposed-form-actus-filtrees-block-2 .form-item.js-form-type-textfield {
    width: 85%;
    margin-bottom: 0;
}

#views-exposed-form-actus-filtrees-block-1 .form-item.js-form-type-textfield input,
#views-exposed-form-actus-filtrees-block-2 .form-item.js-form-type-textfield input {
    background-color: #ededed;
}

.pagination>li>a {
    padding: 6px 12px;
    margin: 0 0.1rem;
    color: #000;
    background-color: #ededed;
    border: 0;
    -webkit-transition: background-color ease-in-out 0.3s;
    transition: background-color ease-in-out 0.3s;
}

.pagination>li>a:hover {
    background-color: #d4d4d4;
}

.pagination>li.active>a {
    background-color: #ae1439;
}

.pagination>li.active>a:hover {
    background-color: #800f2a;
}

.pagination>li.pager__item--first,
.pagination>li.pager__item--last {
    display: none;
}

.breadcrumb {
    padding: 0;
    margin: 1rem 0 2.5rem;
    background-color: transparent;
}

.breadcrumb li {
    display: inline;
    color: #636363;
    vertical-align: middle;
    list-style: none;
}

.breadcrumb li.active {
    color: #ae1439;
}

.breadcrumb li a {
    color: #636363;
    text-decoration: underline;
}

.breadcrumb>li+li::before {
    content: "\003e\00a0" !important;
}

.reseaux-sociaux {
    display: none;
    margin-right: 2rem;
}

.reseaux-sociaux ul {
    padding: 0;
    margin: 0;
}

.reseaux-sociaux ul li {
    display: inline-block;
    margin: 0 0.5rem;
    font-size: 0;
    color: #fefefe;
    vertical-align: middle;
    list-style: none;
}

.reseaux-sociaux ul li a {
    display: block;
    width: 100%;
    width: 2.5rem;
    height: 100%;
    height: 2rem;
    font-size: 0 !important;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
}

.reseaux-sociaux ul li a[href*="twitter."] {
    background-image: url(../img/icon-twitter.svg);
}

.reseaux-sociaux ul li a[href*="facebook."] {
    width: 1.2rem;
    background-image: url(../img/icon-facebook.svg);
}

.reseaux-sociaux ul li a[href*="linkedin."] {
    background-image: url(../img/icon-linkedin.svg);
}

.reseaux-sociaux ul li a[href*="youtube."] {
    width: 3rem;
    background-image: url(../img/icon-youtube.svg);
}

.reseaux-sociaux ul li a[href*="instagram."] {
    width: 3rem;
    background-image: url(../img/icon-instagram-rouge.svg);
    background-image: url(../img/icon-instagram-rouge.jpg);
    height: 2rem;
}

.page-node-type-accueil-public .reseaux-sociaux ul li a[href*="twitter."] {
    background-image: url(../img/icon-twitter-blanc.svg);
}

.page-node-type-accueil-public .reseaux-sociaux ul li a[href*="facebook."] {
    width: 1.2rem;
    background-image: url(../img/icon-facebook-blanc.svg);
}

.page-node-type-accueil-public .reseaux-sociaux ul li a[href*="linkedin."] {
    background-image: url(../img/icon-linkedin-blanc.svg);
}

.page-node-type-accueil-public .reseaux-sociaux ul li a[href*="youtube."] {
    width: 3rem;
    background-image: url(../img/icon-youtube-blanc.svg);
}

.page-node-type-accueil-public .reseaux-sociaux ul li a[href*="instagram."] {
    width: 3rem;
    background-image: url(../img/icon-instagram-blanc.svg);
    height: 2rem;
}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */


/*
 *  Owl Carousel - Core
 */

.owl-carousel {
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
    display: block;
    height: 0;
    clear: both;
    line-height: 0;
    visibility: hidden;
    content: ".";
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.owl-carousel .owl-item {
    position: relative;
    float: left;
    min-height: 1px;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -khtml-user-select: none;
}

.owl-carousel button.owl-dot {
    padding: 0 !important;
    font: inherit;
    color: inherit;
    background: none;
    border: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    display: block;
    opacity: 0;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}


/* No Js */

.no-js .owl-carousel {
    display: block;
}


/*
 *  Owl Carousel - Animate Plugin
 */

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.owl-nav .disabled {
    cursor: default;
    opacity: 0.5;
}

.owl-nav.disabled+.owl-dots {
    margin-top: 2rem;
}

.owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-dots .owl-dot {
    display: inline-block;
    margin: 0 5px;
    zoom: 1;
    outline: none;
}

.owl-dots .owl-dot span {
    display: block;
    width: 13px;
    height: 13px;
    border: 1px solid #ae1439;
    border-radius: 13px;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    -webkit-backface-visibility: visible;
}

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
    background: #ae1439;
}

.article {
    margin-bottom: 2rem;
}

.article .content-article {
    text-align: left;
}

.article figure {
    margin: 0 0 1.5rem;
}

.article figure img {
    width: 100%;
}

.article .date-article {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 1.3rem;
    font-weight: 700;
    color: #ae1439;
}

.article .title-article {
    margin-bottom: 1.3rem;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.9rem;
    color: #000;
}

.article .title-article a {
    color: #000;
    text-decoration: none;
}

.article .time {
    display: block;
    margin-bottom: 2rem;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.4rem;
    color: #acacad;
}

.article .time:before {
    display: inline-block;
    width: 1.3rem;
    height: 1.3rem;
    margin-right: 0.8rem;
    vertical-align: -0.2rem;
    content: '';
    background-image: url(../img/icon-time.svg);
    background-size: 100%;
}

.article .time span {
    color: #636363;
}

.article .type-fichier {
    display: block;
    margin-bottom: 0.5rem;
    color: #ae1439;
}

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

.article.publication .title-article {
    font-size: 3rem;
    line-height: 3.2rem;
}

.article.edito .title-article {
    color: #ae1439;
    text-transform: uppercase;
}

.article.edito .title-article a {
    color: #ae1439;
}

.articles-home .article {
    margin-bottom: 2rem;
}

.articles-home .article .title-article {
    margin-bottom: 0.5rem;
    font-size: 1.3rem;
    line-height: 1.5rem;
}

.articles-home .article.article-une .title-article {
    margin-bottom: 1.5rem;
    font-size: 2rem;
    line-height: 2.2rem;
}

.article-single .article .tags {
    margin-bottom: 3rem;
}

.article-single .article .title-article {
    margin-bottom: 1rem;
    font-size: 5rem;
    font-weight: 900;
    line-height: 5.5rem;
    text-transform: none;
}

.article-single .article .time,
.article-single .article .date-article {
    display: inline-block;
    margin: 0 0 2rem;
    font-size: 1.4rem;
    line-height: 1.4rem;
    color: #000;
    vertical-align: middle;
}

.article-single .article .date-article:before {
    display: inline-block;
    margin: 0 0.3rem 0 0;
    vertical-align: middle;
    content: '—';
}

.article-single .article .content-article {
    /*ul {
                margin: 0;
                padding: 0;
                li {
                    list-style: none;
                    position: relative;
                    padding-left: 1.5rem;
                    margin-bottom: 1rem;
                    &:before {
                        content: '•';
                        display: block;
                        position: absolute;
                        left: 0;
                        top: 0;
                        color: $color-primary;
                    }
                }
            }*/
}

.article-single .article .content-article .encadre {
    padding: 3rem;
    margin: 4rem 0;
    border: 1px solid #ae1439;
}

.article-single .article .content-article .encadre h2 {
    color: #ae1439;
}

.article-single .article .content-article .encadre p {
    color: #000;
}

.article-single .article .content-article h2 {
    font-weight: 900;
    font-weight: 2.1rem;
}

.article-single .article .content-article h3 {
    margin-bottom: 2.5rem;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.7rem;
    color: #ae1439;
    text-transform: uppercase;
}

.article-single .article .content-article blockquote {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    margin: 4.5rem 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.article-single .article .content-article blockquote>* {
    width: 13.5rem;
}

.article-single .article .content-article blockquote:before {
    content: none;
}

.article-single .article .content-article blockquote .visuel-quote {
    display: inline-block;
    width: 13.5rem;
    height: 13.5rem;
    padding-left: 0;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 13.5rem;
}

.article-single .article .content-article blockquote .visuel-quote img {
    width: 100%;
}

.article-single .article .content-article blockquote p {
    position: relative;
    display: inline-block;
    padding-left: 7rem;
    font-size: 2.2rem;
    font-weight: 900;
    line-height: 2.6rem;
    color: #000;
    vertical-align: middle;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.article-single .article .content-article blockquote p:before {
    position: absolute;
    top: -1rem;
    left: 1.8rem;
    display: block;
    font-size: 10rem;
    font-weight: 500;
    line-height: 10rem;
    color: #ae1439;
    vertical-align: top;
    content: '“';
}

.article-single .article .content-article blockquote p:after {
    display: inline-block;
    color: #ae1439;
    vertical-align: top;
    content: '”';
}

.article-single .article .content-article .chiffres-cles {
    margin: 5rem 0;
}

.article-single .article .content-article .chiffres-cles>div {
    display: inline-block;
    width: 13rem;
    margin-right: 7rem;
    text-align: center;
    vertical-align: top;
}

.article-single .article .content-article .chiffres-cles>div:last-child {
    margin-right: 0;
}

.article-single .article .content-article .chiffres-cles img {
    display: inline-block;
    margin-bottom: 1.5rem;
}

.article-single .article .content-article .chiffres-cles p {
    display: block;
    width: 100%;
    font-size: 2.1rem;
    font-weight: 900;
    line-height: 2.3rem;
    color: #000;
}

.article-single .article .content-article .essentiel ul li {
    padding-left: 1.5rem;
    font-size: 1.5rem;
}

.article-single .article .content-article .essentiel ul li:before {
    font-size: 1.7rem;
}

.article h2,
.article h3 {
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
    font-weight: 700;
    color: #ae1439;
}

.article h3 {
    margin-bottom: 2.5rem;
}

.article .chapo {
    margin-bottom: 3.5rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #636363;
}

.article .visuel-actu {
    margin-bottom: 5rem;
}

.tags {
    margin-bottom: 1.2rem;
    font-size: 0;
}

.tags a,
.tags li {
    display: inline-block;
    padding: 0.3rem 0.5rem !important;
    margin-right: 0.3rem !important;
    margin-bottom: 0.2rem !important;
    font-size: 1.3rem;
    color: #ae1439;
    text-decoration: none;
    border: 1px solid #ae1439;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.tags a:hover,
.tags li:hover {
    color: #ededed;
    background-color: #ae1439;
}

.tags a:before,
.tags li:before {
    content: none !important;
}

.titre-a-la-une {
    font-size: 1.8rem;
    font-weight: 900;
    color: #ae1439;
    text-transform: uppercase;
}

.actions-articles {
    position: relative;
    padding: 0;
    margin: 0;
    text-align: right;
}

.actions-articles li {
    position: relative;
    display: inline-block;
    margin: 0 0 0 1.4rem;
    font-size: 0;
    vertical-align: middle;
    list-style: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.actions-articles li:hover {
    cursor: pointer;
}

.actions-articles li>div {
    width: 100%;
    height: 100%;
}

.actions-articles li a {
    display: block;
    width: 2.5rem;
    height: 2.7rem;
}

.actions-articles li:before {
    position: absolute;
    top: 2px;
    left: -0.8rem;
    display: block;
    width: 1px;
    height: 2rem;
    content: '';
    background-color: #999;
}

.actions-articles li:first-child:before,
.actions-articles li:last-child:before {
    content: none;
}

.actions-articles li.print-page {
    background-image: url(../img/icon-print.svg);
}

.actions-articles li.bookmark-page {
    margin-left: 0;
}

.actions-articles li.bookmark-page>div {
    position: relative;
    margin: 0 0 0 1.4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.actions-articles li.bookmark-page>div:before {
    position: absolute;
    top: 2px;
    left: -0.4rem;
    display: block;
    width: 1px;
    height: 2rem;
    content: '';
    background-color: #999;
}

.actions-articles li.bookmark-page .action-unflag {
    background-image: url(../img/icon-unbookmark.svg);
}

.actions-articles li.bookmark-page .action-flag {
    background-image: url(../img/icon-bookmark.svg);
}

.actions-articles li.bookmark-page .js-flag-message {
    position: absolute;
    width: 15rem;
    max-width: none;
    margin-top: 1rem;
    text-align: left;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.actions-articles li.send-page {
    width: 2.5rem;
    height: 2.7rem;
    background-image: url(../img/icon-mail.svg);
}

.block-social-sharing-block {
    margin-top: 0rem;
    margin-bottom: 2rem;
    text-align: right;
}

.block-social-sharing-block .social-media-sharing ul li {
    width: 2.8rem;
    margin: 0 0 0 1rem;
}

.block-social-sharing-block .social-media-sharing ul li:before {
    content: none;
}

.block-social-sharing-block .social-media-sharing ul li a {
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.7rem;
    border-radius: 3.2rem;
    -webkit-transition: background-color ease-in-out 0.3s;
    transition: background-color ease-in-out 0.3s;
}

.block-social-sharing-block .social-media-sharing ul li a:hover {
    background-color: #ae1439;
}

.block-social-sharing-block .social-media-sharing ul li a img {
    display: none;
}

.block-social-sharing-block .social-media-sharing ul li a.twitter {
    background-image: url(../img/icon-twitter-blanc.svg);
}

.block-social-sharing-block .social-media-sharing ul li a.facebook-share {
    background-image: url(../img/icon-facebook-blanc.svg);
}

.block-social-sharing-block .social-media-sharing ul li a.linkedin {
    background-image: url(../img/icon-linkedin-blanc.svg);
}

.file {
    display: inline-block;
    width: auto;
    padding: 1rem 1rem 1rem 4rem;
    font-size: 1.4rem;
    background-color: #ededed;
    background-image: url(../img/icon-download.svg);
    background-repeat: no-repeat;
    background-position: 2rem center;
    background-size: 1rem auto;
    border-radius: 2.5rem;
}

.file a {
    color: #ae1439;
}

.file a:hover {
    color: #800f2a;
}

.file>span {
    background-color: transparent;
    border: 0;
}

.file>span:last-child {
    border-right: 0;
}

.file .file-icon {
    display: none;
}

.file .file-size {
    font-weight: 100;
    color: #000;
    border-left: 1px solid #ccc;
}

.file .file-link {
    width: auto;
    padding-right: 1em;
}

.view-display-id-block_5 {
    margin-bottom: 4rem;
}

.view-display-id-block_5 h2 {
    margin-bottom: 3rem;
    text-transform: uppercase;
}


/*.view-id-liste_comm,*/

.view-id-actus_filtrees {
    text-align: center;
}


/*.view-id-liste_comm .js-pager__items,
.view-id-liste_comm .view-footer,*/

.view-id-actus_filtrees .js-pager__items,
.view-id-actus_filtrees .view-footer {
    display: inline-block;
    margin: 1rem 0.75rem;
}

.header {
    left: 0;
    right: 0;
    z-index: 2;
    padding: 1rem 0;
    background-color: rgba(36, 52, 68, 0.7);
    background-color: #fff;
    -webkit-transition: background-color ease-in-out 0.3s;
    transition: background-color ease-in-out 0.3s;
}

.menu_open .header {
    background-color: transparent !important;
}

.page-node-type-accueil-public .header {
    position: absolute;
    padding: 0;
    background-color: rgba(36, 52, 68, 0.4);
}

.page-node-type-accueil-public .header .logo {
    display: none;
}

.page-node-type-accueil-public .header .nav-icon {
    position: static;
    float: right;
}

.header .sup-header .flex {
    padding: 0 2.5rem;
}

.header .sup-header .logo {
    margin: 1.5rem 0 1.5em;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.header .sup-header .logo img {
    width: 9.5rem;
}

.menu--menu-adherent-logue,
.menu--account {
    display: none;
    float: none !important;
    height: 100%;
    margin-top: 3rem;
    text-align: center;
    background-color: #ae1439;
}

.menu--menu-adherent-logue li,
.menu--account li {
    float: none;
    height: 100%;
}

.menu--menu-adherent-logue li a,
.menu--account li a {
    position: relative;
    display: block;
    height: 100%;
    padding: 2rem 1.5rem 2rem 2rem;
    font-size: 1.68rem;
    font-weight: 900;
    line-height: 1.68rem;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: #ae1439;
}

.menu--menu-adherent-logue li a:before,
.menu--account li a:before {
    display: inline-block;
    width: 1.8rem;
    height: 1.1rem;
    margin-right: 1rem;
    content: '';
    background-image: url(../img/icon-arrow-btn.png);
    background-size: 100%;
}

.menu--menu-adherent-logue li a:hover,
.menu--account li a:hover {
    background-color: #800f2a;
    -webkit-transition: background-color ease-in-out 0.3s;
    transition: background-color ease-in-out 0.3s;
}

.footer {
    padding: 4.5rem 0 3rem;
    margin-top: 0;
    color: #fff;
    background-color: #414c57;
}

.footer a {
    color: #fff;
}

.footer ul {
    padding: 0;
    margin: 0;
}

.footer ul:before,
.footer ul:after {
    content: none;
}

.footer ul li {
    display: block;
    padding: 0 0.5rem;
}

.footer ul li a {
    padding: 0;
    margin-bottom: 1rem;
    font-size: 1.8rem;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
    white-space: normal;
}

.footer ul li a:hover {
    background-color: transparent;
}

.footer ul li a .caret {
    display: none;
}

.footer ul li ul {
    position: static;
    display: block;
    float: none;
    min-width: auto;
    margin: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.footer ul li ul li {
    width: 100%;
    padding: 0;
}

.footer ul li ul li a {
    margin-bottom: 0.5rem;
    font-size: 1.3rem;
    font-weight: 500;
    color: #fff;
    text-transform: none;
    cursor: pointer;
}

.footer ul li ul li a:hover {
    color: #fff;
    text-decoration: underline;
}

.footer ul li ul li ul {
    display: none;
}

.footer ul.dropdown a {
    cursor: initial;
}

.footer .menu-footer {
    display: none;
}

.footer .menu-footer .menu {
    font-size: 0;
}

.footer .menu-footer .menu>li {
    display: inline-block;
    width: 25%;
    vertical-align: top;
}

.footer .menu--footer-details {
    font-size: 0;
}

.footer .menu--footer-details li {
    display: inline-block;
    width: 50%;
    text-align: center;
}

.footer .menu--footer-details li:first-child {
    border-right: 1px solid #fff;
}

.footer .menu--footer-details li a {
    margin-bottom: 0.5rem;
    font-size: 1.3rem;
    font-weight: 500;
    text-transform: none;
    cursor: pointer;
}

.footer .reseaux-sociaux {
    margin: 0.5rem 0 2rem;
}

.footer .reseaux-sociaux ul {
    font-size: 0;
}

.footer .reseaux-sociaux ul li {
    display: inline-block;
    width: auto;
    margin: 0;
}

.footer .reseaux-sociaux ul li a {
    display: block;
    cursor: pointer;
}

.footer .reseaux-sociaux ul li a[href*="twitter."] {
    background-image: url(../img/icon-twitter-blanc.svg);
}

.footer .reseaux-sociaux ul li a[href*="facebook."] {
    width: 1.2rem;
    background-image: url(../img/icon-facebook-blanc.svg);
}

.footer .reseaux-sociaux ul li a[href*="linkedin."] {
    background-image: url(../img/icon-linkedin-blanc.svg);
}

.footer .reseaux-sociaux ul li a[href*="youtube."] {
    width: 3rem;
    background-image: url(../img/icon-youtube-blanc.svg);
}

.footer .reseaux-sociaux ul li a[href*="instagram."] {
    width: 3rem;
    background-image: url(../img/icon-instagram-blanc.svg);
    height: 2rem;
}

.footer #block-descriptionfntrfooter {
    display: none;
}

.page {
    position: relative;
    padding: 0 0 5rem;
    overflow: hidden;
}

.content-slide-home {
    position: relative;
    width: 100%;
}

.content-slide-home .slide-home {
    position: relative;
    height: 48rem;
    overflow: hidden;
    background-position: top;
    background-size: cover;
}

.content-slide-home .slide-home .content-slider-home {
    max-width: none;
    padding: 0;
    margin: 0;
    overflow: visible;
}

.content-slide-home .slide-home .content-slider-home h1 {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 2rem;
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.6rem;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    background-color: rgba(32, 45, 58, 0.6);
}

.content-slide-home .slide-home .content-slider-home .arrow-down {
    display: block;
    width: 7rem;
    height: 7rem;
    margin: 3rem auto 0;
    cursor: pointer;
    background-color: rgba(32, 45, 58, 0.6);
    background-image: url(../img/icon-arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 3rem auto;
    border-radius: 7rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.content-slide-home .slide-home .content-slider-home .logo {
    display: block;
    width: 17rem;
    margin: 5rem auto;
}

.content-slide-home .content-navigation {
    position: absolute;
    top: auto;
    bottom: 0;
    z-index: 98;
}

.download-top {
    margin-bottom: 3rem;
}

.download-top ul {
    display: block;
    padding: 0;
    margin: 0;
    overflow: hidden;
    font-size: 0;
    text-align: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.download-top ul li {
    display: block;
    width: 29rem;
    padding: 0 !important;
    margin: 0 auto;
    list-style: none;
}

.download-top ul li a {
    display: block;
    height: 100%;
    padding: 1.5rem;
    font-size: 1.4rem;
    line-height: 1.4rem;
    color: #000;
    text-align: center;
    background-color: #ededed;
    border-radius: 4rem;
}

.download-top ul li:first-child {
    margin-bottom: 2rem;
}

.download-top ul li:first-child a {
    font-size: 1.6rem;
    font-style: italic;
    font-weight: 700;
    line-height: 1.6rem;
    color: #fff;
    background-color: #ae1439;
}

.download-top ul li:before {
    content: none !important;
}

.page-node-type-accueil-public .download-top {
    margin-bottom: 5rem;
}

.gestion-abonemments {
    padding: 2rem 1.5rem;
    margin-bottom: 2rem;
    background-color: #ededed;
    border-radius: 1rem;
}

.gestion-abonemments h5 {
    font-size: 1.7rem;
    font-weight: 700;
    color: #ae1439;
    text-transform: uppercase;
}

.gestion-abonemments h5:before {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    margin-right: 0.5rem;
    vertical-align: -0.4rem;
    content: '';
    background-image: url(../img/icon-abonnement.png);
    background-size: 100% 100%;
}

.gestion-abonemments a {
    display: block;
    font-size: 1.7rem;
    font-weight: 700;
    color: #243444;
}

.reseaux-agenda {
    padding-top: 4rem;
    border-top: 1px solid #000;
}

.page-node-type-contact-par-departement .reseaux-agenda {
    border-top: 0;
}


/*.page-node-type-contact-par-departement .contact-par-departement{
  min-height: max-content;
}*/

.contact-par-departement {
    min-height: unset !important;
}

.page-node-type-accueil-public .reseaux-agenda {
    padding-top: 2rem;
    margin-top: 0;
    border: 0;
}

.reseaux-agenda .widget-twitter h2 {
    padding-left: 4rem;
    margin-bottom: 2rem;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 3rem;
    text-transform: uppercase;
    background-image: url(../img/icon-twitter-gris.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 3rem;
}

.agenda-une {
    height: 100%;
    padding: 2.5rem 1.7rem;
    margin-bottom: 2rem;
    color: #fff;
    background-color: #ae1439;
}

.agenda-une .views-row {
    display: table;
}

.agenda-une .views-row>div {
    display: table-cell;
    vertical-align: middle;
}

.agenda-une .views-row>div:first-child {
    padding-right: 1.7rem;
    border-right: 1px solid #fff;
}

.agenda-une .views-row>div:last-child {
    padding-left: 0rem;
}

.agenda-une span {
    display: block;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.agenda-une span.jour {
    font-size: 6.5rem;
    line-height: 6.5rem;
}

.agenda-une span.mois {
    font-size: 1.3rem;
    font-weight: 500;
}

.agenda-une p {
    font-size: 1.3rem;
}

.agenda-une a {
    display: block;
    font-size: 1.7rem;
    font-weight: 700;
    color: #fff;
}
.agenda-une .date-a-fin {
    font-size: 0;
    padding-left: 0 !important;
}
.agenda-une .date-a-fin .date-du {
    display: inline-block;
    width: 50%;
}
.agenda-une .date-a-fin .date-a {
    display: inline-block;
    width: 50%;
}
.agenda-une .date-a-fin .date-prefixes {
    font-size: initial;
}
.suivez-nous {
    padding: 2rem;
    margin-bottom: 2rem;
    background-color: #d2d2d3;
}
.agenda-une .date-a-fin span.jour {
    font-size: 5.5rem;
    line-height: 5.5rem;   
}

.suivez-nous {
    padding: 2rem;
    margin-bottom: 2rem;
    background-color: #d2d2d3;
}

.suivez-nous h5,
.suivez-nous h6 {
    margin: 0;
    font-size: 1.7rem;
    font-weight: 700;
}

.suivez-nous h5 {
    text-transform: uppercase;
}

.suivez-nous h6 {
    margin-bottom: 0;
}

.suivez-nous ul {
    padding: 0;
    margin: 0;
    font-size: 0;
    position: relative;
}

.suivez-nous ul li {
    display: inline-block;
    margin: 1.5rem 1.5rem 0 0;
    list-style: none;
}

.suivez-nous ul li a {
    display: block;
    width: 4rem;
    height: 4rem;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px auto;
    border-radius: 100%;
}

.suivez-nous ul li a[href*="twitter."] {
    background-image: url(../img/icon-twitter.svg);
}

.suivez-nous ul li a[href*="facebook."] {
    background-image: url(../img/icon-facebook.svg);
}

.suivez-nous ul li a[href*="linkedin."] {
    background-image: url(../img/icon-linkedin.svg);
}

.suivez-nous ul li a[href*="youtube."] {
    background-image: url(../img/icon-youtube.svg);
}

.suivez-nous ul li a[href*="instagram."] {
    background-image: url(../img/icon-instagram-rouge.svg);
    background-image: url(../img/icon-instagram-rouge.jpg);
}

.path-frontpage .suivez-nous ul li:nth-child(3) {
    position: absolute;
    top: 25%;
    left: 25%;
}

.suivez-nous.suivez-nous-article {
    margin-bottom: 1.5rem;
}

.suivez-nous.suivez-nous-article ul li {
    width: 4.5rem;
}

.suivez-nous.suivez-nous-article ul li .paragraph {
    margin-bottom: 0;
}

.suivez-nous.suivez-nous-article ul li a {
    width: 4rem;
    height: 4rem;
    background-size: 20px auto;
}

.federation-proche {
    padding: 2rem;
    margin: 2rem 0;
    background-color: #ededed;
}

.federation-proche .paragraph {
    margin-bottom: 0;
}

.federation-proche .paragraph h2 {
    margin-bottom: 3.5rem;
    font-size: 2.8rem;
    font-weight: 900;
    text-transform: uppercase;
}

.federation-proche .paragraph p {
    font-size: 1.3rem;
    color: #636363;
}

.federation-proche .paragraph p strong {
    font-size: 1.7rem;
    font-weight: 900;
    color: #000;
}

.federation-proche .ajax-submit-demo {
    display: block;
}

.federation-proche form {
    display: table;
    padding: 0;
    margin-top: 2.5rem;
    background-color: transparent;
}

.federation-proche form>* {
    display: table-cell;
    margin: 0;
    vertical-align: top;
}

.federation-proche form input,
.federation-proche form button {
    height: 4rem;
    font-size: 1.3rem;
    line-height: 4rem;
}

.federation-proche form button {
    margin: 0 0 0 1rem !important;
}

.federation-proche form .input-group-addon,
.federation-proche form label {
    display: none;
}

.chiffres-cles-home {
    padding: 2rem;
    background-color: #d2d2d3;
    background-image: -webkit-gradient(linear, right top, left top, from(#cececf), color-stop(40%, #e6e6e6), color-stop(60%, #e6e6e6), to(#cececf));
    background-image: linear-gradient(to left, #cececf 0%, #e6e6e6 40%, #e6e6e6 60%, #cececf 100%);
}

.chiffres-cles-home .content-chiffres-cles {
    display: table;
    margin-bottom: 3.5rem;
}

.chiffres-cles-home .content-chiffres-cles>div {
    display: table-cell;
    vertical-align: top;
}

.chiffres-cles-home h2 {
    margin-bottom: 4rem;
    font-size: 2.8rem;
    font-weight: 900;
    line-height: 2.8rem;
    color: #ae1439;
    text-transform: uppercase;
}

.chiffres-cles-home h3 {
    margin: 0 0 0.5rem;
    font-size: 1.7rem;
    font-weight: 900;
    color: #000;
}

.chiffres-cles-home p {
    font-size: 1.3rem;
    color: #636363;
}

.chiffres-cles-home .nombre-chiffres-cles {
    padding-right: 1.5rem;
}

.chiffres-cles-home .nombre-chiffres-cles span {
    display: block;
    width: 9rem;
    height: 9rem;
    font-size: 3rem;
    font-weight: 900;
    line-height: 9rem;
    color: #ae1439;
    text-align: center;
    background-color: #fff;
    border-radius: 9rem;
}

.slider-temoignages {
    width: 100%;
    margin: 4rem 0;
}

.slider-temoignages h2 {
    margin-bottom: 3rem;
    font-size: 2.5rem;
    text-transform: uppercase;
}

.slider-temoignages h5 {
    margin-bottom: 1.5rem;
    font-size: 1.7rem;
    font-weight: 700;
    color: #000;
}

.slider-temoignages .owl-item {
    background-color: #ededed;
}

.slider-temoignages .content-temoignage {
    padding: 2rem 2rem 3rem;
}

.slider-temoignages .content-temoignage p:before {
    display: inline-block;
    margin-right: 0.4rem;
    font-size: 5rem;
    font-weight: 500;
    line-height: 0;
    color: #ae1439;
    vertical-align: bottom;
    content: '“';
}

.slider-temoignages .content-temoignage p:after {
    display: inline-block;
    margin-left: 0.4rem;
    font-size: 5rem;
    font-weight: 500;
    line-height: 0;
    color: #ae1439;
    vertical-align: bottom;
    content: '”';
}

.bloc-agenda {
    padding: 3.5rem 3rem;
    margin-bottom: 6rem;
    background-color: #ededed;
}

.bloc-agenda h3 {
    font-weight: 900;
}

.bloc-agenda .col:not(:last-child) {
    margin-bottom: 1rem;
}

.menu-qui-sommes-nous ul {
    display: none;
    padding: 0 4rem 4rem;
    margin: 0;
    text-align: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.menu-qui-sommes-nous ul li {
    display: inline-block;
    font-size: 2rem;
    font-weight: 900;
    color: #636363;
}

.page-edito .edito-bloc-fixe {
    margin-top: 6rem;
    margin-bottom: 6rem;
    background-color: #ae1439;
}

.page-edito .edito-bloc-fixe .edito-bloc-fixe-image {
    background-position: center;
    background-size: cover;
}

.page-edito .edito-bloc-fixe .edito-bloc-fixe-text {
    padding: 5rem 3.5rem;
    color: #fff;
}

.page-edito .edito-bloc-fixe .edito-bloc-fixe-text h2 {
    margin-bottom: 3rem;
    font-size: 2.5rem;
    color: #fff;
    text-transform: uppercase;
}

.page-edito .edito-bloc-fixe .edito-bloc-fixe-text ul {
    padding: 0;
    margin: 0;
}

.page-edito .edito-bloc-fixe .edito-bloc-fixe-text ul li {
    padding-left: 2rem;
    margin-bottom: 3rem;
    font-size: 1.4rem;
    color: #fff;
}

.page-edito .edito-bloc-fixe .edito-bloc-fixe-text ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    content: '';
    background-image: url(../img/icon-arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.page-edito .edito-bloc-fixe .edito-bloc-fixe-text ul li:last-child {
    margin-bottom: 0;
}

.page-edito .owl-nav {
    top: -6.8rem;
    left: 0;
    right: 0;
    margin: 0;
}

.page-edito .owl-nav .owl-prev,
.page-edito .owl-nav .owl-next {
    width: 3rem;
    height: 3rem;
    padding: 0;
    margin: 0;
    font-size: 0;
    font-weight: 900;
    background-color: #fff;
    background-image: url(../img/icon-arrow-right-primary.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}

.page-edito .owl-nav .owl-prev {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.page-edito .owl-nav .owl-next {
    float: right;
}

.paragraph {
    margin-bottom: 4rem;
}

.paragraph h2 {
    margin: 0 0 1rem;
    font-weight: 900;
    color: #000;
}

.paragraph--type--citation {
    margin-bottom: 6rem;
}

.paragraph--type--citation .row {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.paragraph--type--citation .citation-image {
    margin: 0 0 2rem;
}

.paragraph--type--citation .citation-image img {
    max-width: 15rem;
}

.paragraph--type--citation .citation-texte p {
    position: relative;
    padding-left: 3rem;
    font-size: 1.6rem;
    font-weight: 900;
    color: #000;
}

.paragraph--type--citation .citation-texte p:before,
.paragraph--type--citation .citation-texte p:after {
    position: absolute;
    display: block;
    font-weight: 500;
    color: #ae1439;
}

.paragraph--type--citation .citation-texte p:before {
    top: -0.5rem;
    left: 0;
    font-size: 5rem;
    line-height: 5rem;
    content: "“";
}

.paragraph--type--citation .citation-texte p:after {
    display: inline-block;
    margin-left: 1rem;
    font-size: 5rem;
    line-height: 5rem;
    content: '”';
}

.paragraph--type--citation .citation-texte h6 {
    padding-left: 5rem;
    font-size: 1.4rem;
    font-style: italic;
}

.paragraph--type--basique.encart,
.paragraph--type--minimal.encart {
    padding: 3rem;
    border: 1px solid #ae1439;
}

.paragraph--type--basique.encart h2,
.paragraph--type--minimal.encart h2 {
    color: #ae1439;
}

.paragraph--type--icones ul {
    padding: 0;
    margin: 0;
}

.paragraph--type--icones ul li {
    display: block;
    margin-bottom: 2rem;
    text-align: center;
    list-style: none;
}

.paragraph--type--icones ul li:before {
    content: none;
}

.paragraph--type--icones ul li span {
    display: block;
    width: 100%;
    margin-top: 1.5rem;
    font-size: 1.6rem;
    font-weight: 900;
    line-height: 1.8rem;
    text-align: center;
}

.paragraph--type--icones ul li img {
    width: 10rem;
    margin: 0 auto;
}


/* manual hook */

.paragraph--type--image img {
    width: 100%;
    margin: auto;
}


/**/

.paragraph--type--accordeon h2 {
    position: relative;
    padding-right: 3rem;
    padding-bottom: 0.8rem;
    color: #ae1439;
    cursor: pointer;
    border-bottom: 1px solid #ae1439;
}

.paragraph--type--accordeon h2:after {
    position: absolute;
    top: 0.8rem;
    right: 0;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    content: '';
    background-image: url(../img/icon-arrow-right-primary.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    -webkit-transition: -webkit-transform ease-in-out 0.3s;
    transition: -webkit-transform ease-in-out 0.3s;
    transition: transform ease-in-out 0.3s;
    transition: transform ease-in-out 0.3s, -webkit-transform ease-in-out 0.3s;
}

.paragraph--type--accordeon h2.open:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.paragraph--type--accordeon .paragraph--type--sp-accordeon {
    margin-bottom: 2rem;
}

.paragraph--type--accordeon .paragraph--type--sp-accordeon .field {
    display: none;
}

.contact-departement h1 {
    margin-bottom: 5rem;
}

.contact-departement h2 {
    margin-bottom: 1.5rem;
    font-size: 2.2rem;
    font-weight: 700;
    color: #ae1439;
    text-transform: uppercase;
}

.contact-departement .infos-pratiques a,
.contact-departement .votre-contact a {
    color: #4d5761;
    text-decoration: underline;
}

.contact-departement .infos-pratiques p,
.contact-departement .votre-contact p {
    font-size: 1.7rem;
}

.contact-departement .infos-pratiques a {
    font-weight: 800;
    color: #ae1439;
}

.contact-departement .president-region p {
    font-size: 1.7rem;
    font-weight: 700;
}

.contact-departement .president-region figure {
    width: 14rem;
    height: 14rem;
    overflow: hidden;
    text-align: center;
    border-radius: 14rem;
}

.contact-departement .president-region figure img {
    max-width: none;
    height: 100%;
}

.contact-departement .map-region {
    padding-bottom: 5rem;
    margin-top: 5rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #000;
}

.mediatheque h2 {
    margin-bottom: 5rem;
    font-size: 1.7rem;
    text-transform: uppercase;
}

.mediatheque .diaporama {
    margin-bottom: 30px;
}

.mediatheque .documents-recents {
    padding-bottom: 3rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid #000;
}

.mediatheque .mediatheque-content .download-top {
    display: none;
} 

.page-node-type-page-menu h2 {
    font-size: 5rem;
    color: #000;
    padding: 0;
    margin-bottom: 3rem;
    font-weight: 900;
    line-height: 5rem;
    border: 0;
}

.bloc-menu .item-bloc-menu {
    position: relative;
}

.bloc-menu .item-bloc-menu>div {
    padding: 2.5rem 2rem;
    margin-bottom: 0;
    text-align: center;
    background-size: cover;
    border-radius: 1rem;
    -webkit-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}

.bloc-menu .item-bloc-menu a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
}

.bloc-menu .item-bloc-menu h3 {
    margin-bottom: 2rem;
    font-size: 1.4rem;
    font-weight: 900;
    color: #000;
    text-transform: uppercase;
    -webkit-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}

.bloc-menu .item-bloc-menu p {
    font-size: 1.3rem;
    color: #636363;
}

.bloc-menu .item-bloc-menu img {
    display: inline-block;
    width: auto;
    height: 6rem;
    margin: 0 0 2rem;
    -webkit-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}

.bloc-menu .item-bloc-menu:hover>div {
    color: #fff;
    background-image: url(../img/pattern-bloc-menu.jpg);
}

.bloc-menu .item-bloc-menu:hover h3 {
    color: #fff;
}

.bloc-menu .item-bloc-menu:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.page-node-type-page .time {
    display: block;
    margin-bottom: 2rem;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.4rem;
    color: #acacad;
}

.page-node-type-page .time:before {
    display: inline-block;
    width: 1.3rem;
    height: 1.3rem;
    margin-right: 0.8rem;
    vertical-align: -0.2rem;
    content: '';
    background-image: url(../img/icon-time.svg);
    background-size: 100%;
}

.page-node-type-page .time div {
    display: inline;
}
.page-node-type-page .time span {
    color: #acacad;
}

.page-node-type-webform .ajax-submit-demo {
    display: none;
}

.page-node-type-webform .federation-proche .ajax-submit-demo {
    display: block;
}

.colonne-espace-adherent {
    position: relative;
    top: 0;
    right: 0;
    height: 100%;
    margin-bottom: 3rem;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.colonne-espace-adherent.close-sidebar {
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.colonne-espace-adherent.close-sidebar .btn-open-sidebar .open--sidebar {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.colonne-espace-adherent .btn-open-sidebar {
    position: absolute;
    top: 0;
    right: 2rem;
    z-index: 2;
}

.colonne-espace-adherent .btn-open-sidebar .open--sidebar {
    display: none;
    width: 4rem;
    height: 4rem;
    cursor: pointer;
    background-color: #ae1439;
    background-image: url(../img/icon-arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2rem;
    -webkit-transition: background-color ease-in-out 0.3s;
    transition: background-color ease-in-out 0.3s;
}

.colonne-espace-adherent .btn-open-sidebar .open--sidebar:hover {
    background-color: #800f2a;
}

.colonne-espace-adherent .btn-open-sidebar .open--recherche {
    width: 4rem;
    height: 4rem;
    cursor: pointer;
    background-color: #243444;
    background-image: url(../img/icon-search.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2rem;
    -webkit-transition: background-color ease-in-out 0.3s;
    transition: background-color ease-in-out 0.3s;
}

.colonne-espace-adherent .btn-open-sidebar .open--recherche:hover {
    background-color: #121b23;
}

.colonne-espace-adherent .sidebar {
    z-index: 1;
    width: 100%;
    padding: 3rem 2.5rem;
    background-color: #ededed;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.colonne-espace-adherent .sidebar.close {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.colonne-espace-adherent .sidebar .sidebar-news-adherents {
    margin-bottom: 2.5rem;
}

.colonne-espace-adherent .sidebar .sidebar-news-adherents h5 {
    margin-bottom: 0;
    font-size: 1.7rem;
    font-weight: 700;
    color: #ae1439;
    text-transform: uppercase;
}

.colonne-espace-adherent .sidebar .sidebar-news-adherents a {
    position: relative;
    display: block;
    padding: 2rem 0 2rem 4rem;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.9rem;
    color: #000;
    border-bottom: 1px solid rgba(111, 111, 111, 0.35);
}

.colonne-espace-adherent .sidebar .sidebar-news-adherents a:before {
    position: absolute;
    top: 2rem;
    left: 0;
    display: block;
    width: 2.2rem;
    height: 2.2rem;
    content: '';
    background-color: #ae1439;
    background-image: url(../img/icon-private.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem auto;
}

.colonne-espace-adherent .sidebar .sidebar-dernier-event {
    margin-bottom: 2.5rem;
}

.colonne-espace-adherent .sidebar .sidebar-dernier-event>div {
    padding-bottom: 2.5rem;
    border-bottom: 1px solid rgba(111, 111, 111, 0.35);
}

.colonne-espace-adherent .sidebar .sidebar-dernier-event>div:last-child {
    padding: 0;
    border-bottom: 0;
}

.colonne-espace-adherent .sidebar .sidebar-dernier-event h5 {
    position: relative;
    padding-left: 4rem;
    margin-bottom: 0;
    margin-bottom: 1rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #ae1439;
    text-transform: uppercase;
}

.colonne-espace-adherent .sidebar .sidebar-dernier-event h5:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 2.2rem;
    height: 2.2rem;
    content: '';
    background-color: #ae1439;
    background-image: url(../img/icon-private.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem auto;
}

.colonne-espace-adherent .sidebar .sidebar-dernier-event .views-field-field-date {
    padding-left: 0rem;
    margin-bottom: 0.5rem;
    font-size: 1.7rem;
    font-weight: 700;
    color: #000;
}

.colonne-espace-adherent .sidebar .sidebar-dernier-event p {
    padding-left: 0;
    font-size: 1.7rem;
    line-height: 1.9rem;
}

.colonne-espace-adherent .sidebar .menu--slidebar-login-signin {
    padding: 3.5rem 0 0;
    margin: 0;
    text-align: center;
    border-top: 1px solid rgba(111, 111, 111, 0.35);
}

.colonne-espace-adherent .sidebar .menu--slidebar-login-signin li {
    display: block;
    width: 100%;
    margin: 1rem 0;
    font-weight: 700;
}

.colonne-espace-adherent .sidebar .menu--slidebar-login-signin li.first,
.colonne-espace-adherent .sidebar .menu--slidebar-login-signin li.last {
    display: inline-block;
    width: 14.5rem;
    margin: 0;
}

.colonne-espace-adherent .sidebar .menu--slidebar-login-signin li a {
    display: block;
    padding: 0.7rem;
    font-size: 1.6rem;
    color: #fff;
    background-color: #ae1439;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.colonne-espace-adherent .sidebar .menu--slidebar-login-signin li span {
    display: block;
    float: none;
}

.colonne-espace-adherent .sidebar .menu--slidebar-login-signin li a:hover {
    background-color: #800f2a;
}

.colonne-espace-adherent .recherche {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    min-height: 100%;
    background-color: #ededed;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

@media screen and (max-width:767px) {
    .colonne-espace-adherent .recherche {
        width: calc(100% - 40px);
    }
}

.colonne-espace-adherent .recherche.open-recherche {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.colonne-espace-adherent .recherche .recherche-sidebar,
.colonne-espace-adherent .recherche .swiftype-integration-search-form {
    padding: 5rem 2.5rem;
    margin: 0 0 4rem;
    background-color: #ae1439;
}

.colonne-espace-adherent .recherche .recherche-sidebar form,
.colonne-espace-adherent .recherche .swiftype-integration-search-form form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    font-size: 0;
    background-color: transparent;
}

.colonne-espace-adherent .recherche .recherche-sidebar form .form-group,
.colonne-espace-adherent .recherche .swiftype-integration-search-form form .form-group {
    margin: 0;
}

.colonne-espace-adherent .recherche .recherche-sidebar form .st-default-search-input,
.colonne-espace-adherent .recherche .swiftype-integration-search-form form .st-default-search-input {
    display: inline-block;
    width: 24rem !important;
    height: 4.5rem !important;
    padding: 0 2rem;
    font-size: 1.7rem;
    line-height: 4.5rem;
    background-image: none !important;
    border: 0;
    border-radius: 0 !important;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.colonne-espace-adherent .recherche .recherche-sidebar form .st-default-search-inputinput-placeholder,
.colonne-espace-adherent .recherche .swiftype-integration-search-form form .st-default-search-inputinput-placeholder {
    color: #000;
    text-transform: uppercase;
}

.colonne-espace-adherent .recherche .recherche-sidebar form input[type="submit"],
.colonne-espace-adherent .recherche .swiftype-integration-search-form form input[type="submit"] {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    background-color: 243444;
    background-image: url(../img/icon-search.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2rem;
}

.colonne-espace-adherent .recherche .recherche-sidebar form input[type="submit"]:hover,
.colonne-espace-adherent .recherche .swiftype-integration-search-form form input[type="submit"]:hover {
    background-color: #121b23;
}

#block-fntrenregion {
    padding: 9rem 1rem 5.5rem;
    margin-bottom: 2rem;
    text-align: center;
    background-image: url(../img/france.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 95% auto;
    border: 1px solid #a7aeb4;
}

#block-fntrenregion h2 {
    margin-bottom: 5.5rem;
    font-size: 2.77rem;
    font-weight: 900;
    color: #000;
    text-transform: uppercase;
}

#block-fntrenregion ul {
    padding: 0;
    margin: 0;
}

#block-fntrenregion ul li {
    display: inline-block;
}

#block-fntrenregion ul li a {
    padding: 0.7rem 4rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    background-color: #ae1439;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

#block-fntrenregion ul li a:hover {
    background-color: #800f2a;
}

.block-block-maregion h2 {
    margin-bottom: 2rem;
    font-size: 2.5rem;
    text-transform: uppercase;
}

.block-block-maregion p {
    font-size: 1.7rem;
}

label[for="edit-persistent-login"] span.title-layout {
    padding-left: 25px;
}

#block-swiftypesearchblockdocumentationpratique {
    display: none;
}

@media (min-width: 768px) {
    .row {
        margin-right: -10px;
        margin-left: -10px;
    }
    .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .header .sup-header .flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .content-navigation.sticky {
        position: fixed;
    }
    .toolbar-tray-open.toolbar-vertical .content-navigation.sticky {
        top: 3.9rem;
    }
    .toolbar-tray-open.toolbar-horizontal .content-navigation.sticky {
        top: 7.8rem;
    }
    .menu--menu-adherent-logue,
    .menu--account {
        margin-top: 0;
        margin-right: 2rem;
    }
    .menu--menu-adherent-logue a,
    .menu--account a {
        display: block;
    }
    .nav-icon {
        position: relative;
        top: auto;
    }
    .colonne-espace-adherent .btn-open-sidebar {
        right: 1rem;
    }
    .content-slide-home .slide-home {
        height: 75vh;
        min-height: 55rem;
    }
    .content-slide-home .slide-home .content-slider-home {
        max-width: 960px;
        padding: 2rem;
        margin: 5rem auto 0;
    }
    .content-slide-home .slide-home .content-slider-home h1 {
        position: static;
        width: auto;
        padding: 0;
        font-size: 5rem;
        font-weight: 900;
        line-height: 6rem;
        text-align: left;
        background-color: transparent;
    }
    .content-slide-home .slide-home .content-slider-home .logo {
        position: static;
        width: 15.5rem;
        height: 15.5rem;
        margin: 0 0 4rem;
    }
    .content-slide-home .slide-home .content-slider-home .arrow-down {
        position: absolute;
        bottom: 4rem;
        left: 50%;
        margin-left: -3.5rem;
    }
    .content-slide-home .content-navigation {
        position: absolute;
        top: auto;
        bottom: 0;
        -webkit-transition: all ease-in-out 0.3s;
        transition: all ease-in-out 0.3s;
    }
    .content-slide-home .content-navigation.sticky {
        position: fixed;
        top: 0;
        bottom: auto;
        margin-top: 0;
    }
    .toolbar-tray-open.toolbar-vertical .content-slide-home .content-navigation.sticky {
        top: 3.9rem;
    }
    .toolbar-tray-open.toolbar-horizontal .content-slide-home .content-navigation.sticky {
        top: 7.8rem;
    }
    .download-top {
        margin-bottom: 3rem;
    }
    .download-top ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: calc(100% - 120px);
    }
    .download-top ul li {
        display: inline-block;
        width: auto;
        margin: 0;
        flex-basis: 50%;
    }
    .download-top ul li a {
        padding: 1.5rem 5.5rem;
        font-size: 1.6rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.6rem;
    }
    .download-top ul li:first-child {
        margin: 0;
    }
    .download-top ul li:first-child a {
        border-radius: 4rem 0 0 4rem;
    }
    .download-top ul li:last-child a {
        border-radius: 0 4rem 4rem 0;
        max-width: 40rem;
        width: 100%;
        line-height: 1.9rem;
    }
    .gestion-abonemments {
        padding: 2.5rem 2rem;
    }
    .gestion-abonemments h5:before {
        margin-right: 1rem;
    }
    .suivez-nous {
        padding-right: 0;
        margin-bottom: 0;
    }
    .paragraph--type--icones ul {
        display: table;
    }
    .paragraph--type--icones ul li {
        display: table-cell;
        width: 21rem;
        padding: 0 8.5rem 0 0;
        margin-bottom: 0;
    }
    .paragraph--type--icones ul li img {
        width: 15rem;
        margin: 0;
    }
    .paragraph--type--citation {
        margin-bottom: 6rem;
    }
    .paragraph--type--citation .citation-image {
        margin-bottom: 0;
    }
    .paragraph--type--citation .citation-image img {
        width: 13.5rem;
    }
    .paragraph--type--citation .citation-texte p {
        padding-left: 5rem;
        font-size: 2rem;
    }
    .paragraph--type--citation .citation-texte p:before,
    .paragraph--type--citation .citation-texte p:after {
        font-size: 10rem;
        line-height: 10rem;
    }
    .paragraph--type--citation .citation-texte p:after {
        margin-top: -0.5rem;
    }
    .paragraph--type--citation .citation-texte p span {
        font-size: 2rem;
        line-height: 2.2rem;
    }
    #views-exposed-form-page-publications-block-2,
    #views-exposed-form-page-publications-page-1,
    #views-exposed-form-page-publications-page-2 {
        padding: 3.5rem 3rem;
        margin-bottom: 5rem;
    }
    #views-exposed-form-page-publications-block-2>div,
    #views-exposed-form-page-publications-page-1>div,
    #views-exposed-form-page-publications-page-2>div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    #views-exposed-form-page-publications-block-2 .form-item-type,
    #views-exposed-form-page-publications-block-2 .form-item-created,
    #views-exposed-form-page-publications-page-1 .form-item-type,
    #views-exposed-form-page-publications-page-1 .form-item-created,
    #views-exposed-form-page-publications-page-2 .form-item-type,
    #views-exposed-form-page-publications-page-2 .form-item-created {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    #views-exposed-form-page-publications-block-2 .form-item-type,
    #views-exposed-form-page-publications-page-1 .form-item-type,
    #views-exposed-form-page-publications-page-2 .form-item-type {
        width: 60%;
        margin-right: 6rem;
        -webkit-box-flex: 60%;
        -webkit-flex: 60% 1 1;
        -ms-flex: 60% 1 1;
        flex: 60% 1 1;
    }
    #views-exposed-form-page-publications-block-2 .form-item-created,
    #views-exposed-form-page-publications-page-1 .form-item-created,
    #views-exposed-form-page-publications-page-2 .form-item-created {
        margin-right: 2rem;
    }
    .bloc-agenda .col:not(:last-child) {
        margin-bottom: 0;
        border-right: 1px solid rgba(111, 111, 111, 0.5);
    }
}

@media (min-width: 992px) {
    .page {
        padding: 0rem 0 5rem;
    }
    .row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .header {
        padding: 0;
    }
    .header .sup-header .navbar-nav {
        display: block;
    }
    .header .sup-header .flex {
        padding: 0 2.5rem 0 6rem;
    }
    .page-node-type-accueil-public .header .sup-header .nav-icon {
        display: block;
        margin-left: 0;
    }
    .colonne-espace-adherent {
        position: absolute;
        right: -1rem;
        max-width: 34rem;
        margin-bottom: 0;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    .colonne-espace-adherent .sidebar {
        min-height: 100%;
    }
    .colonne-espace-adherent .btn-open-sidebar {
        left: -3rem;
        right: auto;
    }
    .colonne-espace-adherent .btn-open-sidebar .open--sidebar {
        display: block;
    }
    .colonne-espace-adherent.close-sidebar .btn-open-sidebar {
        left: -4rem;
    }
    .content-slide-home .slide-home {
        height: 100vh;
        min-height: 75rem;
    }
    .content-slide-home .slide-home .content-slider-home h1 {
        font-size: 7rem;
        line-height: 8rem;
    }
    .content-slide-home .slide-home .content-slider-home .logo {
        width: 22.5rem;
        height: 21.5rem;
        margin: 0 0 6rem;
    }
    .content-slide-home .slide-home .content-slider-home .arrow-down {
        bottom: 11rem;
    }
    .view-display-id-block_5 {
        margin: 8rem 0;
    }
    .reseaux-agenda {
        padding-top: 8rem;
        margin: 2rem 0;
    }
    .page-node-type-accueil-public .reseaux-agenda {
        margin-bottom: 4rem;
    }
    .reseaux-agenda .row .col-md-6 {
        margin-left: 25px;
    }
    .reseaux-agenda .agenda-une {
        height: auto;
        padding: 2.3rem 2rem;
    }
    .reseaux-agenda .agenda-une:not(.agenda-une-left) .views-row {
        display: block;
    }
    .reseaux-agenda .agenda-une:not(.agenda-une-left) .views-row>div {
        display: block;
        width: 100%;
    }
    .reseaux-agenda .agenda-une:not(.agenda-une-left) .views-row>div:first-child {
        padding-right: 0;
        border-right: 0;
    }
    .reseaux-agenda .agenda-une:not(.agenda-une-left) span.mois:after {
        display: block;
        width: 100%;
        height: 1px;
        margin: 1rem 0;
        content: '';
        background-color: #fff;
    }
    .reseaux-sociaux {
        display: block;
    }
    .article {
        margin-bottom: 3.5rem;
    }
    .article.mini figure {
        margin-bottom: 0;
    }
    .articles-home .article {
        margin-bottom: 1rem;
    }
    .articles-home .article.article-une .title-article {
        font-size: 3rem;
        line-height: 3.2rem;
    }
    .agenda-une {
        margin-bottom: 0;
    }
    .suivez-nous ul li {
        width: 50%;
        margin-right: 0;
    }
    .suivez-nous ul li a {
        width: 6.3rem;
        height: 6.3rem;
        background-size: 30px auto;
    }
    .federation-proche {
        padding: 4.5rem 3.5rem 3.5rem 3.5rem;
        margin: 4rem 0;
        background-image: url(../img/france.jpg);
        background-repeat: no-repeat;
        background-position: right bottom;
    }
    .federation-proche p {
        width: 46%;
    }
    .federation-proche form {
        display: table;
        width: 50%;
    }
    .chiffres-cles-home {
        padding: 4.5rem 3.5rem 3.5rem 3.5rem;
    }
    .chiffres-cles-home .nombre-chiffres-cles {
        padding-right: 3rem;
    }
    .footer .menu-footer {
        display: block;
    }
    .footer #block-descriptionfntrfooter {
        display: block;
    }
    .footer .menu--footer-details li {
        display: block;
        width: 100%;
        text-align: left;
    }
    .footer .menu--footer-details li:first-child {
        border: none;
    }
    .menu-qui-sommes-nous ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .page-edito .owl-nav {
        position: absolute;
    }
    #views-exposed-form-page-publications-block-2>div,
    #views-exposed-form-page-publications-page-1>div,
    #views-exposed-form-page-publications-page-2>div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    #views-exposed-form-page-publications-block-2>div>div,
    #views-exposed-form-page-publications-page-1>div>div,
    #views-exposed-form-page-publications-page-2>div>div {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    #views-exposed-form-page-publications-block-2>div>div.form-type-select,
    #views-exposed-form-page-publications-page-1>div>div.form-type-select,
    #views-exposed-form-page-publications-page-2>div>div.form-type-select {
        width: 35%;
        margin-right: 4rem;
    }
    #views-exposed-form-page-publications-block-2>div>div:first-child,
    #views-exposed-form-page-publications-page-1>div>div:first-child,
    #views-exposed-form-page-publications-page-2>div>div:first-child i {
        width: 72%;
        margin-right: 4rem;
    }
    #views-exposed-form-page-publications-block-2>div>div:first-child label,
    #views-exposed-form-page-publications-page-1>div>div:first-child label,
    #views-exposed-form-page-publications-page-2>div>div:first-child label {
        width: 26rem;
        text-align: right;
        margin-top: 0.5em;
    }
    #views-exposed-form-page-publications-block-2>div>div label,
    #views-exposed-form-page-publications-page-1>div>div label,
    #views-exposed-form-page-publications-page-2>div>div label {
        text-align: right;
        margin-top: 0.5em;
    }
    #views-exposed-form-page-publications-block-2>div>div.form-type-textfield,
    #views-exposed-form-page-publications-page-1>div>div.form-type-textfield,
    #views-exposed-form-page-publications-page-2>div>div.form-type-textfield {
        width: 30%;
    }
    #views-exposed-form-bloc-mediatheque-page-1>div {
        display: table;
    }
    #views-exposed-form-bloc-mediatheque-page-1>div>.form-item {
        display: table-cell !important;
        width: 33%;
        padding-right: 2rem;
        vertical-align: bottom;
    }
    #views-exposed-form-bloc-mediatheque-page-1>div>.form-actions {
        display: table-cell;
        vertical-align: bottom;
    }
}

@media (min-width: 1025px) {
    .content-navigation {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .content-navigation nav>ul>li>a {
        padding: 3rem 0.5rem;
        font-size: 1.4rem;
    }
    .header .nav-icon {
        display: none;
    }
    .menu--menu-adherent-logue,
    .menu--account {
        display: block;
    }
    .btn-close span {
        background-color: #acacad;
    }
    .super-menu .wrapper-menu {
        max-width: none;
        padding: 0;
        font-size: 0;
        background-color: transparent;
    }
    .super-menu .wrapper-menu>nav {
        display: inline-block;
        width: 80%;
        height: 100vh;
    }
    .super-menu .wrapper-menu>nav>.menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100vh;
    }
    .super-menu .wrapper-menu>nav>.menu>li {
        padding: 5rem 2rem;
        background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.5)));
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 100%);
    }
    .super-menu .wrapper-menu>nav>.menu>li a {
        font-size: 1.8rem;
        line-height: 2rem;
        /* font-size: 2.2rem;
    line-height: 2.8rem; */
    }
    .super-menu .wrapper-menu>nav>.menu>li a .caret {
        display: none;
    }
    .super-menu .wrapper-menu>nav>.menu>li .toggle-link {
        display: none;
    }
    .super-menu .wrapper-menu>nav>.menu>li .dropdown-menu {
        display: block;
    }
    .super-menu .wrapper-menu>nav>.menu>li .dropdown-menu>li>a {
        white-space: pre-wrap;
    }
    .super-menu .wrapper-menu>nav>.menu>li .dropdown-menu>li:hover>.dropdown-menu {
        display: block;
    }
    .super-menu .wrapper-menu aside {
        display: inline-block;
        width: 20%;
        height: 100vh;
        padding: 2.7rem;
        background-color: #fff;
    }
    .super-menu .wrapper-menu aside .logo,
    .super-menu .wrapper-menu aside .slogan,
    .super-menu .wrapper-menu aside .block-swiftype-integration {
        display: block;
    }
    .super-menu .wrapper-menu aside .menu--account {
        display: none;
    }
    .page-node-type-accueil-public .gestion-abonemments .views-field-field-url-to-button {
        padding-right: 10rem;
    }
}

@media (min-width: 1200px) {
    .container,
    .container_footer {
        max-width: 1200px;
    }
    .content-navigation {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .content-navigation nav>ul>li>a {
        font-size: 1.6rem;
    }
    .super-menu .wrapper-menu nav .menu>li {
        padding: 5rem 2rem 5rem;
    }
    .super-menu .wrapper-menu>nav>.menu>li a {
        font-size: 1.8rem;
        line-height: 2rem;
    }
    .content-slide-home .slide-home .content-slider-home {
        max-width: 1200px;
        padding-right: 10rem;
    }
    .block-social-sharing-block {
        float: right;
        margin-top: -6.5rem;
    }
    .actions-articles {
        top: 0;
    }
    .article .breadcrumb,
    .page-node-type-page .breadcrumb {
        position: relative;
        z-index: 2;
        margin-top: -2.4rem;
        margin-right: 13rem;
    }
    .page-actu .breadcrumb {
        margin: 0 0 4rem;
    }
    .colonne-espace-adherent .sidebar .sidebar-dernier-event .views-field-field-date,
    .colonne-espace-adherent .sidebar .sidebar-dernier-event p {
        padding-left: 4rem;
    }
}

@media (min-width:1281px) {
    .super-menu .wrapper-menu nav .menu>li {
        padding: 11rem 2rem 5rem;
    }
    .super-menu .wrapper-menu>nav>.menu>li a {
        font-size: 2.2rem;
        line-height: 2.8rem;
    }
}

@media (min-width: 1400px) {
    .colonne-espace-adherent .btn-open-sidebar {
        left: -4rem;
    }
    .colonne-espace-adherent .btn-open-sidebar .open--sidebar {
        width: 5rem;
        height: 5rem;
    }
    .colonne-espace-adherent .btn-open-sidebar .open--recherche {
        width: 5rem;
        height: 5rem;
    }
    .colonne-espace-adherent.close-sidebar .btn-open-sidebar {
        left: -5rem;
    }
}


/*# sourceMappingURL=maps/styles.css.map */

.article figure img {
    /*height: 156px;*/
    object-fit: cover;
}

.col-md-9>div:nth-child(5)>div:nth-child(2)>div>div:nth-child(1) {
    display: block !important;
}

.mediatheque .view-header {
    margin-left: 20px;
    font-size: 20px;
}

.webform-submission-mails-form .form-titles-layout {
    display: flex !important;
    margin: 0 50px 20px 50px;
}

.form-mails-main-title {
    height: 60px;
    display: inline-block;
}

.webform-submission-mails-form .select-wrapper {
    display: inline-block;
    width: 59%;
}

.webform-submission-mails-form .select-wrapper select {
    width: 100% !important;
}

.webform-submission-mails-form .form-mails-layout {
    margin: 0 50px 20px 50px;
}

.webform-element--title-inline>label {
    font-weight: normal;
    font-size: 18px;
    width: 40%;
    display: inline-block;
}

.webform-submission-mails-form .form-type-email {
    display: flex;
}

.webform-submission-mails-form .form-item-renseignez-votre-adresse-mail label {
    width: 60% !important;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 5rem;
    height: 5rem;
    font-weight: 600;
}

.webform-submission-mails-form .form-item-renseignez-votre-adresse-mail input {
    background-color: #ededed;
}

.webform-submission-mails-form .webform-actions {
    float: right;
}

.webform-submission-mails-form .webform-actions button {
    margin-right: 0;
}

.webform-submission-mails-form .form-global-layout {
    background-color: #ededed;
    padding-top: 50px;
    padding-bottom: 50px;
}

.webform-submission-mails-form {
    background-color: #FFFFFF;
    padding: 0;
}

.webform-submission-mails-form select.decorated option:hover {
    box-shadow: 0 0 10px 100px #1882A8 inset;
}

.widget-twitter {
    height: 400px;
    overflow-y: scroll;
}


/*#views-exposed-form-actus-filtrees-block-1 .form-item.fieldgroup, #views-exposed-form-actus-filtrees-block-2 .form-item.fieldgroup {
    display:contents !important;
}*/

.content-navigation nav>ul .dropdown-menu .dropdown-menu {
    max-height: 500px;
    overflow-y: scroll;
}

.super-menu nav>ul .dropdown-menu .dropdown-menu {
    max-height: 200px;
    overflow-y: scroll;
}

@media screen and (max-width:991px) {
    .chiffres-cles-home .row .form-group {
        display: flex;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        align-items: stretch;
    }
    /*.super-menu .wrapper-menu {
  height: auto;
}*/
    .super-menu .wrapper-menu>nav>.menu>li .toggle-link {
        width: 7rem;
    }
    .menu--main {
        height: 100%;
        overflow-y: scroll;
        max-height: 400px;
    }
}


/*#block-mainfntrpublic-3 ul.menu--main li, #block-mainfntrpublicloggue ul.menu--main li{
        overflow: scroll;
}*/

.paragraph h2 {
    font-weight: 700 !important;
    color: #ae1439 !important;
}

.paragraph--type--image img {
    margin: 20px 0
}

#block-mainadherent .menu--main .dropdown-menu {
    border-radius: 0;
}

.tags div div {
    display: inline-block
}

.agenda-une {
    height: 100% !important;
}

.article .content-article img {
    height: auto !important;
}

.view-display-id-block_1 img {
    height: auto !important;
}

#edit-submit-page-publications {
    width: 4em;
}


/*.suivez-nous-article {
	height:100%;
}*/

.edit-field-d-actus-value-1 {
    width: 150px;
}

.col-main {
    min-height: unset !important;
}

[id^="edit-field-thematiques-target-id-1--"] .form-item .title-layout {
    color: #ae1439;
    border: 1px solid #ae1439;
    padding: 3px 6px;
    background-color: white;
}

[id^="edit-field-thematiques-target-id-1--"] input[type="checkbox"]:checked+span.title-layout {
    color: white;
    border: none;
    padding: 3px 6px;
    background-color: #ae1439;
}

[id^="edit-field-thematiques-target-id-1--"] input {
    display: none;
}

[id^="edit-field-d-actus-value-1--"] {
    vertical-align: top;
}

[id^="edit-field-d-actus-value-1--"] .form-item {
    display: block;
}

[id^="edit-field-thematiques-target-id-1--"] .form-item {
    margin: 0 0 0.8em 0 !important;
}

[id^="edit-field-d-actus-value-1--"] legend,
[id^="edit-field-thematiques-target-id-1--"] legend,
.form-item-field-thematiques-target-id label {
    font-size: 1.4em;
    margin-bottom: 10px;
}

.form-item-field-thematiques-target-id label {
    display: block;
}

#views-exposed-form-actus-filtrees-block-1 .form-item.js-form-type-select.form-item-field-thematiques-target-id {
    width: 20%;
}

#views-exposed-form-actus-filtrees-block-1 .form-item.js-form-type-select.form-item-field-thematiques-target-id .select-wrapper::after {
    right: 1.5rem;
}

[id^="edit-field-d-actus-value-1--"] {
    width: 15% !important;
}

[id^="edit-field-thematiques-target-id-1--"] {
    width: 60% !important;
    vertical-align: top;
}

fieldset[id^="edit-field-thematiques-target-id-1--"] {
    margin-left: 20px;
}

[id^="edit-field-d-actus-value-1--"] [id^="edit-field-d-actus-value-1--"] {
    width: auto !important;
}

[id^="edit-field-thematiques-target-id-1--"] [id^="edit-field-thematiques-target-id-1--"] {
    width: auto !important;
}

#views-exposed-form-actus-filtrees-block-1 .form-actions {
    float: right;
}

#edit-submit-actus-filtrees {
    margin-right: 0;
}

#block-swiftypeintegration form {
    background: white !important;
    padding: 0;
}

#block-swiftypeintegration form input {
    border: 1px solid #acacad;
}

#block-swiftypeintegration form input::before {
    content: "\f002";
}

aside #block-views-block-social-network-block-1 {
    position: absolute;
    bottom: 0;
}

.view-bloc-mediatheque select:first-child {
    font-style: italic;
}

.view-mediatheques-document-recents article {
    padding: 0 10px;
}

.view-mediatheques-document-recents article img {
    height: 156px !important;
}

.view-page-publications select:first-child {
    font-style: italic;
}

.view-bloc-mediatheque .tags {
    font-size: inherit;
}

.content-article h2,
.paragraph--type--minimal h2 {
    margin-top: 30px;
}

.content-article h3,
.content-article h4,
.content-article h5,
.content-article h6 {
    margin-top: 20px;
}

.page-body {
    margin-bottom: 3.5rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #636363;
}

.mediatheque.article {
    /*	padding: 0 5px;*/
}

.view-id-bloc_mediatheque.view-display-id-page_1 .views-col {
    width: 33%;
}

.view-id-bloc_mediatheque.view-display-id-page_1 .views-infinite-scroll-content-wrapper {
    left: 8.33333333%;
    width: 91.66666667%;
    padding-right: 10px;
    padding-left: 10px;
    float: left;
    position: relative;
}

.view-id-bloc_mediatheque.view-display-id-page_1 .views-infinite-scroll-content-wrapper .col-md-3 {
    width: 33.333333333333%;
    padding: 0;
}

.view-id-bloc_mediatheque.view-display-id-page_1 .views-infinite-scroll-content-wrapper .col-md-push-1 {
    left: 0;
}

.view-id-menu_edito a {
    color: #6e767f;
}

.view-id-menu_edito a.active {
    color: #ae1439 !important;
}

.view-id-menu_edito ul {
    display: inline;
    width: auto;
    white-space: nowrap;
}

.view-id-menu_edito ul li {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 900;
    color: #636363;
    margin: 40px 10px;
}

.view-id-menu_edito .view-content>div {
    -webkit-mask: linear-gradient(-90deg, transparent, 2%, white);
    margin: 0 26px;
    overflow-x: scroll;
}

.view-id-menu_edito .view-content>div:after {
    background: linear-gradient(transparent, 90%, white);
}

.page-edito .owl-nav {
    height: 0;
}

@media (max-width: 991px) {
    .view-mediatheques-document-recents .views-col {
        width: 100% !important;
    }
    .view-id-bloc_mediatheque.view-display-id-page_1 .views-infinite-scroll-content-wrapper {
        width: 100% !important;
        left: 0 !important;
    }
    .path-frontpage .suivez-nous ul li:nth-child(3) {
        position: inherit;
        top: inherit;
        left: inherit;
    }
}

.indicator {
    position: absolute;
    left: 5%;
    width: 35px;
    height: 145px;
    background-repeat: no-repeat;
    background-position: center;
}

.indicator.indicator-1 {
    top: 7.5rem;
    background-image: url(../img/indicator-1.png);
}

.indicator.indicator-2 {
    top: 33%;
    background-image: url(../img/indicator-2.png);
}

.indicator.indicator-3 {
    top: 60%;
    background-image: url(../img/indicator-3.png);
}

.indicator.indicator-4 {
    top: 88%;
    background-image: url(../img/indicator-4.png);
}

@media (max-width: 1378px) {
    .indicator {
        left: 1%;
    }
}

@media (max-width: 1264px) {
    .indicator {
        display: none;
    }
}

.view-id-menu_edito .view-content>div {
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
}

.view-id-menu_edito .view-content>div::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
}

#edit-subscriptions--wrapper input {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px;
}

.content-navigation nav>ul .dropdown-menu .dropdown-menu::-webkit-scrollbar {
    width: 0;
    background: transparent;
}

.content-navigation nav>ul .dropdown-menu .dropdown-menu {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#ok-button {
    text-align: center;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    background-color: #ae1439;
    width: 100%;
    height: 5rem;
    /* padding: 0 1.5rem; */
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    font-size: 1.7rem;
    line-height: 5rem;
    vertical-align: middle;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    -webkit-transition-property: background-color, color, border, -webkit-box-shadow;
    transition-property: background-color, color, border, -webkit-box-shadow;
    transition-property: box-shadow, background-color, color, border;
    transition-property: box-shadow, background-color, color, border, -webkit-box-shadow;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#edit-ok-button {
    width: 50px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    background-color: #ae1439;
}

#block-abonnementsimplenews-2 {
    display: none;
}

.view-communiques-presse .article.publication .title-article {
    margin-top: 0;
}

.view-communiques-presse .tags {
    margin-bottom: 0;
}

.view-communiques-presse .tags a {
    margin-bottom: 1.2em !important;
}

.eu-cookie-compliance-message h2 {
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
    margin: 0 0 5px 0 !important;
}

.path-user .page {
    height: auto !important;
}

.padding {
    padding-top: 6.7rem;
}

.webform-confirmation {
    background: #dff0d8;
    padding: 1rem;
}

.fntrsr input+span.title-layout {
    padding-left: 25px;
    display: block;
    line-height: 8px;
}

.fntrsr ul.dropbutton {
    list-style: none;
}

.fntrsr [type="button"] {
    background: none;
}

.fntrsr [type="button"]:hover {
    background: none;
    color: #000;
}

.fntrsr .view-content .form-inline .form-control {
    width: auto;
    margin: 10px 10px 10px 0;
}

.fntrsr .form-inline .control-label {
    width: 75px;
}

.fntrsr .form-control {
    height: 35px;
}

.fntrsr [type="submit"] {
    line-height: 10px;
    height: 35px;
}

.fntrsr .local-actions .btn.btn-success {
    background-color: #5cb85c;
}

.fntrsr .form-actions .btn {
    margin-top: 0px;
}

.fntrsr .node-form .form-control {
    height: auto;
    width: auto;
}

.fntrsr .node-form .form-inline .control-label {
    width: auto;
}

.fntrsr .node-form div#edit-field-d-actus-wrapper {
    display: inline-block;
}

.fntrsr .node-form #edit-field-domain-source option {
    display: block;
}

.fntrsr .btn-group>.btn+.dropdown-toggle {
    position: absolute;
}

.fntrsr .table>tbody>tr>td {
    padding: 8px 20px;
}

.content-article .tags h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: normal;
    height: auto;
    font-size: initial;
}

.content-article .tags h2>a>* {
    margin-bottom: 0 !important;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .content-navigation nav>ul>li.menu-adhesion>a::before,
    .content-navigation nav>ul>li:nth-child(5)>a::before {
        left: 35% !important;
    }
}


/** maj swiftype search block home header **/

.swiftype_search_block .swiftype-filtres {
    display: none;
}

.swiftype_search_block .swiftype-searchbar {
    background: transparent;
    padding: 0;
    border: solid 1px #ededed;
}

.swiftype_search_block form {
    background: transparent;
}

.swiftype_search_block input#st-search-input {
    width: calc(100% - 6rem);
}


/*Custom form notifs*/

form.custom-form {
    background: #fff !important;
    padding: 0;
}

.custom-form .custom-form-title {
    padding: 0;
    font-weight: 900;
    line-height: 5rem;
    font-size: 50px;
    border: 0;
    margin: 20px 0;
}

form.custom-form .form-type-email {
    display: inline-block;
    max-width: 90%;
}

form.custom-form .form-type-email label {
    width: 39% !important;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 5rem;
    height: 5rem;
    font-weight: 600;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    line-height: 5rem;
}

form.custom-form .form-type-email input {
    background-color: #ededed;
    display: inline-block;
    width: 60%;
}

form.custom-form #edit-fieldset-abo {
    background: #ededed;
    border: none;
}

form.custom-form #edit-fieldset-abo>.panel-body {
    display: flex;
    padding: 35px 25px;
}

form.custom-form #edit-col1,
form.custom-form #edit-col2 {
    background-color: unset;
    border: none;
    box-sizing: border-box;
    width: 50%;
    -webkit-box-shadow: none;
    box-shadow: none;
}

form.custom-form #edit-col1 .panel-heading,
form.custom-form #edit-col2 .panel-heading {
    border: none;
    background-color: unset;
    height: 60px;
    display: inline-block;
}

form.custom-form .panel-heading .panel-title {
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
}

form.custom-form #edit-fieldset-abo .form-item>label {
    font-weight: normal;
    font-size: 18px;
    width: 39%;
    display: inline-block;
}

form.custom-form #edit-fieldset-abo .form-item .select-wrapper {
    display: inline-block;
    width: 59%;
}

form.custom-form #edit-fieldset-immediat {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

form.custom-form #edit-fieldset-immediat #edit-champs {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #ededed;
}

.custom-form div p {
    margin-bottom: 20px;
    font-weight: normal;
    font-size: 18px;
}

.page-node-type-abonews .page .field>p {
    font-weight: normal;
    font-size: 18px;
}

.custom-form .form-type-checkbox input[type="checkbox"],
.custom-form .form-type-checkbox input[type="radio"],
.custom-form .form-type-radio input[type="checkbox"],
.custom-form .form-type-radio input[type="radio"] {
    top: 5px;
}

.custom-form .radio label span,
.custom-form .checkbox label span {
    padding-left: 25px;
    font-weight: normal;
    font-size: 18px;
}

.custom-form .form-type-checkbox input[type="checkbox"]:before,
.custom-form .form-type-checkbox input[type="radio"]:before,
.custom-form .form-type-radio input[type="checkbox"]:before,
.custom-form .form-type-radio input[type="radio"]:before {
    background: #fff;
}

form.custom-form #edit-fieldset-immediat .panel-body {
    padding: 15px 0 0;
}

.page-node-type-contact-par-departement .contact-par-departement .contact-departement > .suivez-nous,
.page-node-type-contact-par-departement .contact-par-departement .contact-departement > .agenda-une {
    display: none !important;
}