@charset "UTF-8";

/*!
Theme Name: Les PEP Grand Oise
Theme URI: http://underscores.me/
Author: Tanaguru
Author URI: https://www.tanaguru.com
Description: WordPress theme for Les PEP Grand Oise\'s website.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pep-go
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Les PEP Grand Oise is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/**
 * Colors variables
 */
/** ---------------------------------------------------------------------------
 * Identity colors
 * Name color variables: http://chir.ag/projects/name-that-color/
 */
/*
 * Identity colors
 * Darken 20% for border colors
 */
/** ---------------------------------------------------------------------------
 * Main colors
 */
/**
 * Fonts import
 */
/* Century Gothic - regular */
@font-face {
  font-family: "Century Gothic";
  font-style: normal;
  font-weight: 400;
  src: local("Century Gothic"), local("Century-Gothic"), url("/fonts/CenturyGothic.woff2") format("woff2"), url("/fonts/CenturyGothic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* Century Gothic - bold */
@font-face {
  font-family: "Century Gothic";
  font-style: normal;
  font-weight: 700;
  src: local("Century Gothic Bold"), local("Century-Gothic-Bold"), url("/fonts/CenturyGothic-Bold.woff2") format("woff2"), url("/fonts/CenturyGothic-Bold.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* Century Gothic - italic */
@font-face {
  font-family: "Century Gothic";
  font-style: italic;
  font-weight: 400;
  src: local("Century Gothic Italic"), local("Century-Gothic-Italic"), url("/fonts/CenturyGothic-Italic.woff2") format("woff2"), url("/fonts/CenturyGothic-Italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* Century Gothic - bold italic */
@font-face {
  font-family: "Century Gothic";
  font-style: italic;
  font-weight: 700;
  src: local("Century Gothic Bold Italic"), local("Century-Gothic-Bold-Italic"), url("/fonts/CenturyGothic-BoldItalic.woff2") format("woff2"), url("/fonts/CenturyGothic-BoldItalic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* Layout header mobile */
.site-header .site-branding {
  position: relative;
  height: 14rem;
  width: 13rem;
  margin: 0 auto;
}

.site-header .nav-search {
  display: block;
  width: 100%;
  margin-top: 2rem;
}

.site-header .nav-search .main-navigation,
.site-header .nav-search .banner-right {
  margin-bottom: 1rem;
}

.site-header .nav-search .menu-toggle {
  margin: 0 auto;
}

.site-header .tagline {
  width: 100%;
  height: auto;
  max-height: 3.5rem;
  padding: 1rem 7.76%;
  margin: 0;
  box-sizing: border-box;
  background-color: #004D7B;
  color: #FFFFFF;
  text-align: center;
}

.site-header .tagline p {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1;
}

/* Layout footer mobile */
.site-footer .site-bottom {
  padding: 2rem 7.76%;
  box-sizing: border-box;
  border-top: 0.2rem solid #C5C3BF;
  border-bottom: 0.2rem solid #C5C3BF;
  background-color: #F8F6F2;
}

.site-footer .site-bottom .footer-left .footer-logo {
  max-width: 11rem;
  width: 100%;
  height: auto;
  margin: 0 auto 1.5rem auto;
}

.site-footer .site-bottom .footer-left .footer-logo .logo {
  display: block;
  width: 100%;
  height: auto;
}

.site-footer .site-bottom .footer-menu .menu {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

.site-footer .site-bottom .footer-menu .menu li {
  font-size: 1.4rem;
  margin-bottom: 1.5rem;
}

.site-footer .site-bottom .footer-menu .menu li a {
  color: #4B3C31;
}

.site-footer .site-bottom .footer-links {
  margin: 2.3rem auto;
}

.site-footer .site-bottom .footer-links .cta {
  display: block;
  margin: 0 auto;
}

.site-footer .site-bottom .footer-links .social-links {
  width: 55%;
  max-width: 20rem;
  margin: 2.7rem auto 0 auto;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
}

.site-footer .site-bottom .footer-links .social-links li {
  max-width: 4rem;
  width: auto;
  height: auto;
  padding: 0;
  box-sizing: border-box;
}

.site-footer .site-bottom .footer-links .social-links li a {
  display: block;
}

.site-footer .site-bottom .footer-links .social-links li a img {
  width: 90%;
  height: auto;
}

.site-footer .site-info {
  padding: 2.4rem 0 3.4rem 0;
  text-align: center;
  font-size: 1.4rem;
}

.site-footer .site-info p {
  margin: 0;
}

@media screen and (min-width: 76.8rem) {

  /* Layout header */
  .site-header .site-branding {
    position: relative;
    float: left;
    height: 14.9rem;
    width: 14rem;
    top: 0;
    left: 7.76%;
    z-index: 2;
    margin: 0 7% 0 0;
  }

  .site-header .site-title {
    position: absolute;
    top: 1rem;
    width: 13rem;
    height: 13rem;
    margin: 0 1rem 0 0;
    padding: 1rem 0.5rem;
    border: 1px solid #D4CFC5;
    background-color: #FFFFFF;
    text-align: center;
    -webkit-box-shadow: 3px 4px 8px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 4px 8px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 4px 8px 0px rgba(0, 0, 0, 0.1);
  }

  .site-header .site-title h1 {
    padding: 0;
  }

  .site-header .site-title a {
    display: block;
  }

  .site-header .site-title a img {
    width: 90%;
    height: auto;
    margin: 0 auto;
    vertical-align: middle;
  }

  .site-header .header-right .nav-search .main-navigation {
    margin: 0;
  }

  .site-header .header-right .tagline {
    text-align: left;
    text-indent: 2rem;
  }

  /* Layout footer */
  .site-footer .site-bottom {
    display: flex;
    justify-content: space-between;
    padding: 5rem 7.76%;
    box-sizing: border-box;
  }

  .site-footer .site-bottom .footer-left {
    display: flex;
    width: 65%;
    height: auto;
  }

  .site-footer .site-bottom .footer-left .footer-logo {
    max-width: 18rem;
    width: 100%;
    height: auto;
    margin-right: 3.2rem;
  }

  .site-footer .site-bottom .footer-left .footer-logo .logo {
    display: block;
    width: 100%;
    height: auto;
  }

  .site-footer .site-bottom .footer-menu {
    display: flex;
    flex-grow: 1;
  }

  .site-footer .site-bottom .footer-menu .menu {
    width: 50%;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
  }

  .site-footer .site-bottom .footer-menu .menu:first-of-type {
    margin-right: 3rem;
  }

  .site-footer .site-bottom .footer-menu .menu li {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
  }

  .site-footer .site-bottom .footer-menu .menu li:last-of-type {
    margin-bottom: 0;
  }

  .site-footer .site-bottom .footer-menu .menu li a {
    color: #4B3C31;
  }

  .site-footer .site-bottom .footer-links {
    align-self: center;
    width: 35%;
    height: auto;
    text-align: center;
  }

  .site-footer .site-bottom .footer-links .cta {
    display: inline-block;
    margin: 0 auto;
  }

  .site-footer .site-bottom .footer-links .social-links {
    width: 50%;
    margin: 2.7rem auto 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
  }

  .site-footer .site-bottom .footer-links .social-links li {
    max-width: 4rem;
    width: auto;
    height: auto;
    padding: 0;
    box-sizing: border-box;
  }

  .site-footer .site-bottom .footer-links .social-links li a {
    display: block;
  }

  .site-footer .site-bottom .footer-links .social-links li a img {
    width: 100%;
    height: auto;
  }

  .site-footer .site-info {
    padding: 2.4rem 0 3.4rem 0;
    text-align: center;
    font-size: 1.4rem;
  }

  .site-footer .site-info p {
    margin: 0;
  }
}

@media screen and (max-width: 32rem) {
  .site-header .tagline {
    max-height: initial;
    padding: 1rem 5%;
  }
}

.arrow:before {
  content: '';
  display: inline-block;
  width: 2.3rem;
  height: 2.4rem;
  margin-right: 0.5rem;
  background-image: url(images/arrow_right.svg);
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.arrow-brown:before {
  content: "";
  display: inline-block;
  width: 2.3rem;
  height: 1.5rem;
  clear: both;
  margin: 0 0.5rem 0 -2.4rem;
  background-image: url("images/arrow_b_right.svg");
  background-repeat: no-repeat;
  background-position: top center;
  vertical-align: middle;
}

.arrow-white:before {
  background-image: url("images/arrow_c_right.svg");
}

.mail:before {
  content: "";
  display: inline-block;
  width: 2.3rem;
  height: 1.5rem;
  clear: both;
  margin: 0 0.5rem 0 -2.4rem;
  background-image: url("images/mail-b.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 80%;
  vertical-align: middle;
}

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

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

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body,
button,
input,
select,
optgroup,
textarea {
  color: #4B3C31;
  font-family: "Century Gothic", sans-serif;
  font-weight: normal;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

/* Titraille – Mobile */
h1 {
  margin: 0 0 3rem 0;
  font-size: 2.4rem;
  line-height: 1.3;
  text-align: center;
}

h1 .h2-secondary {
  padding: 1.6rem 3.5rem;
  background-color: #004D7B;
  color: #FFFFFF;
  text-align: center;
}

h2 {
  font-size: 2rem;
  line-height: 1.3;
  margin: 3.5rem 0 1.5rem 0;
}

h3 {
  font-size: 1.8rem;
  line-height: 1.2;
  margin: 2.5rem 0 0.5rem 0;
}

h4 {
  font-size: 1.8rem;
  font-weight: normal;
  color: #1D1D1D;
  text-transform: uppercase;
  margin: 2.5rem 0 0 0;
}

h5 {
  font-size: 1.6rem;
  margin: 2.5rem 0 0 2rem;
}

h5:before {
  content: '';
  display: inline-block;
  background-image: url("images/chevron.svg");
  background-position: center center;
  background-repeat: no-repeat;
  width: 1rem;
  height: 1.3rem;
  margin-right: 0.5rem;
}

.newspage h2 {
  margin-bottom: 2rem;
}

.newspage h3 {
  margin: 0;
}

@media screen and (min-width: 76.8rem) {
  h1 {
    margin: 0 0 3.5rem 0;
    font-size: 3.2rem;
  }

  h2 {
    font-size: 2.8rem;
  }

  h3 {
    font-size: 2.4rem;
  }

  .newspage h2 {
    margin-bottom: 2rem;
  }

  .newspage h3 {
    margin: 0;
  }
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  padding: 0 0 0 5rem;
  margin: 3rem auto;
  background-image: url(images/quote.svg);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 3.8rem 2.5rem;
  background-color: transparent;
}

blockquote p {
  padding: 0;
  margin: 0 0 1.8rem 0;
  box-sizing: border-box;
  font-size: 1.6rem;
  line-height: 1.4;
}

blockquote footer {
  font-size: 1.4rem;
  font-weight: bold;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #FFFFFF;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 0.9375rem;
}

abbr,
acronym {
  border-bottom: 1px dotted #4B3C31;
  cursor: help;
}

mark,
ins {
  background: #4B3C31;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  font-size: 62.5%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #FFFFFF;
  /* Fallback for when there is no custom background color defined. */
}

hr {
  background-color: #F8F6F2;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul, ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li>ul,
li>ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

.breadcrumbs {
  margin: 2.5rem auto 3.6rem;
  padding: 0 7.76%;
  box-sizing: border-box;
}

.breadcrumbs ul {
  display: inline-block;
  width: 100%;
  height: auto;
  list-style: none;
  margin: 0;
  padding: 0;
}

.breadcrumbs ul li {
  display: inline-block;
}

.breadcrumbs ul .separator:before {
  content: "";
  display: inline-block;
  background-image: url("images/chevron-b.svg");
  background-position: center center;
  background-repeat: no-repeat;
  width: 1rem;
  height: 1.3rem;
  margin: 0 1rem;
  vertical-align: middle;
}

.osm {
  text-align: center;
  margin-bottom: 11.1rem;
  padding: 4%;
  box-sizing: border-box;
}

.osm iframe {
  display: block;
  width: 100%;
  height: 80rem;
  border: none;
}

.osm .btn-disclosure {
  display: block;
  cursor: pointer;
  border: 0;
  background: none;
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: normal;
  text-align: center;
  background: transparent;
  border: none;
  margin: 0 auto;
  color: #4B3C31;
}

.osm .btn-disclosure:after {
  content: "";
  display: inline-block;
  width: 1.8rem;
  height: 2rem;
  clear: both;
  margin: 0 0 0 1rem;
  background-image: url("images/chevrons-down.svg");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: top center;
  vertical-align: middle;
}

.osm .btn-disclosure[aria-expanded="true"]:after {
  content: "";
  display: inline-block;
  width: 1.8rem;
  height: 2rem;
  clear: both;
  margin: 0 0 0 1rem;
  background-image: url("images/chevrons-up.svg");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: top center;
}

.osm .list-disclosure {
  width: 100%;
  margin: 4rem auto;
}

.osm .list-disclosure ul {
  padding: 0 0 0 15%;
  margin: 0;
}

.osm .list-disclosure ul li {
  text-align: left;
  list-style: none;
  margin: 2rem 0;
}

.osm .list-disclosure ul li a {
  color: #4B3C31;
  display: inline-block;
  width: 90%;
}

.osm .list-disclosure ul li a:hover {
  color: #BB1722;
}

.osm .list-disclosure ul li:before {
  content: "";
  display: inline-block;
  width: 1.8rem;
  height: 2rem;
  clear: both;
  margin: 0 0.5rem 0 0;
  background-image: url("images/chevron.svg");
  background-repeat: no-repeat;
  background-position: bottom center;
  vertical-align: top;
}

.sticky-post {
  display: flex;
}

.pagination {
  display: block;
  width: 100%;
  height: auto;
  margin: 10.3rem 0 7.3rem 0;
}

.pagination ul {
  display: flex;
  justify-content: center;
  align-content: center;
  width: 100%;
  height: auto;
  padding: 0;
  box-sizing: border-box;
  margin: 0;
  list-style: none;
}

.pagination ul li {
  width: 2.5rem;
  height: 2.5rem;
  border: 0.1rem solid #4B3C31;
  border-radius: 0.1rem 0.3rem 0.1rem 0.3rem;
  -moz-border-radius: 0.1rem 0.3rem 0.1rem 0.3rem;
  -webkit-border-radius: 0.1rem 0.3rem 0.1rem 0.3rem;
  margin-right: 1.3rem;
  text-align: center;
  align-self: center;
  font-size: 1.4rem;
}

.pagination ul li a {
  display: inline-block;
  text-decoration: none;
  color: #4B3C31;
  line-height: 1.6;
}

.pagination ul li a:hover {
  text-decoration: underline;
}

.pagination ul .active {
  background-color: #004D7B;
  border-color: #004D7B;
  font-weight: 700;
}

.pagination ul .active a {
  color: #FFFFFF;
}

.pagination ul .next-page {
  width: auto;
  border: none;
}

.pagination ul .next-page:after {
  content: "";
  display: inline-block;
  background-image: url("images/caret-right.svg");
  background-position: center center;
  background-repeat: no-repeat;
  width: 0.5rem;
  height: 1rem;
  margin: 0 0 0 1rem;
  vertical-align: middle;
}

.pagination ul .previous-page {
  width: auto;
  border: none;
}

.pagination ul .previous-page:before {
  content: "";
  display: inline-block;
  background-image: url("images/caret-right.svg");
  background-position: center center;
  background-repeat: no-repeat;
  width: 0.5rem;
  height: 1rem;
  margin: 0 1rem 0 0;
  vertical-align: middle;
  transform: rotate(-180deg);
}

/* Menu établissement – mobile */
.side-nav {
  width: 100%;
  height: auto;
  padding: 2.5rem 2.6rem;
  box-sizing: border-box;
  background-color: #004D7B;
  border-color: #001A48;
  border-bottom-width: 0.25rem;
  border-bottom-style: solid;
}

.side-nav h2 {
  margin: 0 0 3rem 0;
  padding: 0;
  color: #FFFFFF;
  text-align: center;
  font-size: 2rem;
}

.side-nav .side-nav-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.side-nav .side-nav-menu .side-nav-menu-item button,
.side-nav .side-nav-menu .side-nav-menu-item a {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto 2rem;
  padding: 0;
  box-sizing: border-box;
  border: none;
  background-color: transparent;
  text-align: center;
  color: #FFFFFF;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
}

.side-nav .side-nav-menu .side-nav-menu-item:last-of-type button {
  margin-bottom: 0;
}

.side-nav .side-nav-menu .side-nav-menu-item .location-button-selected {
  text-decoration: none;
}

.side-nav .side-nav-menu .side-nav-menu-item .location-button-selected:before {
  content: '';
  display: inline-block;
  width: 0.73rem;
  height: 1.29rem;
  margin: 0 1rem 0 -1.73rem;
  background-image: url("images/chevron-blanc.svg");
  background-position: center center;
  background-repeat: no-repeat;
}

/*  Complianz GDPR (bandeau cookies) – Mobile */
.cc-window {
  max-width: 100% !important;
  padding: 3.8rem 3.3rem !important;
  box-sizing: border-box;
  background: #FFFFFF !important;
  font-family: "Century Gothic", sans-serif !important;
  font-size: 1.4rem !important;
}

.cc-window .cc-compliance {
  justify-content: center !important;
  margin-top: 2rem !important;
}

.cc-window .cc-message {
  margin: 0 !important;
  color: #4B3C31;
}

.cc-window .cc-message p {
  margin: 0;
}

.cc-window .cc-link {
  display: inline !important;
}

.cc-window .cc-link,
.cc-window .cc-link:active,
.cc-window .cc-link:visited {
  color: #BB1722 !important;
  font-weight: 700;
}

.cc-window .cc-btn {
  border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  text-decoration: none;
}

.cc-window .cc-allow {
  background-color: #BB1722 !important;
  color: #FFFFFF !important;
  cursor: pointer;
  display: inline-block;
  font-size: 1.4rem;
  margin-left: 1.8rem !important;
  border-color: #880000;
  -webkit-box-shadow: 0.2rem 0.2rem 0rem #880000;
  -moz-box-shadow: 0.2rem 0.2rem 0rem 0rem #880000;
  box-shadow: 0.2rem 0.2rem 0rem 0rem #880000;
}

.cc-window .cc-dismiss {
  color: #4B3C31 !important;
  background-color: #FFFFFF !important;
  border-width: 0.1rem;
  border-style: solid;
  border-color: #4B3C31 !important;
  -webkit-box-shadow: 0.2rem 0.2rem 0rem #4B3C31 !important;
  -moz-box-shadow: 0.2rem 0.2rem 0rem 0rem #4B3C31 !important;
  box-shadow: 0.2rem 0.2rem 0rem 0rem #4B3C31 !important;
}

.cc-floating .cc-compliance>.cc-btn {
  flex: initial !important;
  -ms-flex: initial !important;
}

.cc-bottom {
  bottom: 0 !important;
}

.cc-left {
  left: 0 !important;
}

.cc-revoke {
  display: none;
  transform: none !important;
  max-width: 10rem;
  height: auto;
  color: #4B3C31 !important;
  border-bottom-width: 0.1rem;
  border-left-width: 0;
  border-top-width: 0.1rem;
  border-right-width: 0.1rem;
  border-color: #4B3C31;
  border-style: solid;
  border-top-left-radius: 0 !important;
  -moz-border-top-left-radius: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  border-top-right-radius: 0.2rem !important;
  -moz-border-top-right-radius: 0.2rem !important;
  -webkit-border-top-right-radius: 0.2rem !important;
  background-color: #FFFFFF !important;
  font-family: "Century Gothic", sans-serif !important;
  line-height: 1.4;
  font-size: 1.2rem !important;
  font-weight: normal;
  text-align: center;
}

/* Bouton-placeholder pour activer les cookies sur les iframes, etc. */
.cmplz-blocked-content-container {
  background: #FFF;
  background-repeat: repeat;
  background-image: none;
  background-size: auto;
  border: 0;
  border-radius: 3px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.cmplz-blocked-content-container .cmplz-blocked-content-notice {
  max-width: 80% !important;
  height: auto;
  font-size: 1.4rem !important;
  padding: 10px;
  background-color: #BB1722 !important;
  color: #FFFFFF !important;
  text-align: center;
  z-index: 98;
  line-height: 1.5 !important;
  border-color: #880000;
  -webkit-box-shadow: 0.2rem 0.2rem 0rem #880000;
  -moz-box-shadow: 0.2rem 0.2rem 0rem 0rem #880000;
  box-shadow: 0.2rem 0.2rem 0rem 0rem #880000;
}

/* Fixes IE 11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .cc-window {
    bottom: 0 !important;
    top: inherit !important;
  }
}

@media screen and (min-width: 76.8rem) {
  .breadcrumbs {
    margin: 8.4rem auto 3.6rem;
  }

  /* Menu établissement – Desktop */
  .side-nav {
    width: 23.5rem;
    padding: 2rem 3rem;
    box-sizing: border-box;
    border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    -webkit-box-shadow: 0.35rem 0.2rem 0rem #001A48;
    -moz-box-shadow: 0.35rem 0.2rem 0rem 0rem #001A48;
    box-shadow: 0.35rem 0.2rem 0rem 0rem #001A48;
  }

  .side-nav .side-nav-menu .side-nav-menu-item button,
  .side-nav .side-nav-menu .side-nav-menu-item a {
    margin: 0 0 1.8rem 0;
    text-align: left;
    padding: 0 0 0 1.73rem;
  }

  .side-nav .side-nav-menu .side-nav-menu-item .location-button-selected:before {
    content: '';
    display: inline-block;
    width: 0.73rem;
    height: 1.29rem;
    margin: 0 1rem 0 -1.73rem;
    background-image: url("images/chevron-blanc.svg");
    background-position: center center;
    background-repeat: no-repeat;
  }

  .osm {
    padding: 0;
  }

  .osm iframe {
    display: block;
    width: 100%;
    height: 80rem;
    border: 0;
  }

  .osm .btn-disclosure {
    display: block;
    cursor: pointer;
    border: 0;
    background: none;
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: normal;
    text-align: center;
    background: transparent;
    border: none;
    margin: 0 auto;
    color: #4B3C31;
  }

  .osm .btn-disclosure:after {
    content: "";
    display: inline-block;
    width: 1.8rem;
    height: 2rem;
    clear: both;
    margin: 0 0 0 1rem;
    background-image: url("images/chevrons-down.svg");
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: top center;
    vertical-align: middle;
  }

  .osm .btn-disclosure[aria-expanded="true"]:after {
    content: "";
    display: inline-block;
    width: 1.8rem;
    height: 2rem;
    clear: both;
    margin: 0 0 0 1rem;
    background-image: url("images/chevrons-up.svg");
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: top center;
  }

  .osm .list-disclosure[hidden] {
    display: none;
  }

  /*  Complianz GDPR (bandeau cookies) – Desktop */
  .cc-window {
    max-width: 49.5rem !important;
    padding: 2.9rem !important;
    box-sizing: border-box;
    background: #FFFFFF !important;
    font-family: "Century Gothic", sans-serif !important;
    font-size: 1.4rem !important;
  }

  .cc-window .cc-compliance {
    justify-content: flex-end !important;
    margin-top: 2rem !important;
  }

  .cc-window .cc-message {
    margin: 0 !important;
    color: #4B3C31;
  }

  .cc-window .cc-link {
    display: inline !important;
  }

  .cc-window .cc-link,
  .cc-window .cc-link:active,
  .cc-window .cc-link:visited {
    color: #BB1722 !important;
    font-weight: 700;
  }

  .cc-window .cc-btn {
    border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    text-decoration: none;
  }

  .cc-window .cc-allow {
    background-color: #BB1722 !important;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    font-size: 1.4rem;
    margin-left: 1.8rem !important;
    border-color: #880000;
    -webkit-box-shadow: 0.2rem 0.2rem 0rem #880000;
    -moz-box-shadow: 0.2rem 0.2rem 0rem 0rem #880000;
    box-shadow: 0.2rem 0.2rem 0rem 0rem #880000;
  }

  .cc-window .cc-dismiss {
    color: #4B3C31 !important;
    background-color: #FFFFFF !important;
    border-width: 0.1rem;
    border-style: solid;
    border-color: #4B3C31 !important;
    -webkit-box-shadow: 0.2rem 0.2rem 0rem #4B3C31 !important;
    -moz-box-shadow: 0.2rem 0.2rem 0rem 0rem #4B3C31 !important;
    box-shadow: 0.2rem 0.2rem 0rem 0rem #4B3C31 !important;
  }

  .cc-floating .cc-compliance>.cc-btn {
    flex: initial !important;
    -ms-flex: initial !important;
    border: none !important;
  }

  .cc-bottom {
    top: initial !important;
    bottom: 0 !important;
  }
}

.print {
  display: none;
}

@media screen and (max-width: 768px) {
  #cc-revoke {
    display: block !important;
    border-top-width: 0.1rem;
    border-left-width: 0;
    border-bottom-width: 00;
    border-right-width: 0.1rem;
    border-radius: 0 0 0.2rem 0;
    -moz-border-radius: 0 0 0.2rem 0;
    -webkit-border-radius: 0 0 0.2rem 0;
  }
}

/* Fixes IE 11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .cc-window {
    max-height: 30rem;
  }

  #cc-revoke {
    max-height: 6rem;
  }
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border-color: #880000;
  background: #BB1722;
  font-size: 0.75rem;
  line-height: 1;
  width: max-content;
  height: 3rem;
  padding: 0.5rem 0.8rem 0.6rem 0.8rem;
  box-sizing: border-box;
  color: #FFFFFF;
  border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  border-width: 0.1rem;
  border-style: solid;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.03rem;
  line-height: 1.3;
  font-size: 1.6rem;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #BB1722;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #BB1722;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #4B3C31;
  border: 0.1rem solid #4B3C31;
  border-radius: 0.3rem;
  padding: 0.3rem;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  outline: 0.1rem dotted #4B3C31;
}

select {
  border: 1px solid #4B3C31;
}

textarea {
  width: 100%;
  border: 0.1rem solid #4B3C31;
  border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  padding: 1rem;
  box-sizing: border-box;
}

/* Placeholder color */
::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #4B3C31;
  opacity: 1;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #4B3C31;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #4B3C31;
}

input[type="text"],
input[type="email"],
input[type="tel"] {
  border-width: 0 0 0.1rem 0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus {
  border: 0.1rem solid #4B3C31;
}

.searchform {
  display: inline-block;
  padding: 0.5rem 0 0.2rem 0;
  margin-right: 3rem;
  box-sizing: border-box;
  border-style: solid;
  border-width: 0 0 0.2rem 0;
  border-color: #4B3C31;
}

.searchform input[type="search"] {
  border-width: 0;
  display: inline-block;
  width: 90%;
}

.searchform .submit {
  display: inline-block;
  padding: 0;
  border: none;
  background-color: #FFFFFF;
}

.searchform .submit .icon-magnifying-glass {
  width: 1.6rem;
  height: auto;
}

#poste {
  min-width: 100%;
}

#office {
  min-width: 100%;
}

#offer_datas > div {
  width:100%;
}

.etablissement-field {
  margin-top:3rem;
}

/* @media screen and (min-width:76.8rem) {
  #poste {
    min-width: calc(100% + 50px);
  }
} */

/* Fixes IE 11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .beautiful-taxonomy-filters form .beautiful-taxonomy-filters-tax .filter:before {
    background-image: url("images/caret-down.svg");
    height: 2rem;
    width: 3rem;
    padding: 2%;
    transform: none;
  }
}

.beautiful-taxonomy-filters {
  display: flex;
  justify-content: space-between;
  margin: 0.7rem 0 6rem 0;
  width: 100%;
}

.beautiful-taxonomy-filters .beautiful-taxonomy-filters-tax {
  width: 100%;
  height: auto;
  border: none;
  margin-bottom: 2.5rem;
}

.beautiful-taxonomy-filters .beautiful-taxonomy-filters-tax label {
  display: block;
  font-weight: 700;
  margin-bottom: 1rem;
}

.beautiful-taxonomy-filters .beautiful-taxonomy-filters-tax label:before {
  content: '';
  display: inline-block;
  clear: both;
  margin-right: 1rem;
  background-repeat: no-repeat;
  background-position: center bottom;
}

.beautiful-taxonomy-filters .beautiful-taxonomy-filters-tax label span {
  text-transform: lowercase;
}

.beautiful-taxonomy-filters .filter {
  position: relative;
  border: 0.1rem solid #4B3C31;
  border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  background-color: #FFFFFF;
}

.beautiful-taxonomy-filters .filter select {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  color: #4B3C31;
  padding: 0.5rem 0.8rem;
  border: none;
  font-size: 1.4rem;
  -webkit-appearance: button;
  appearance: button;
}

.beautiful-taxonomy-filters .filter:before {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  background-image: url("images/caret-right.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  padding: 1.55rem;
  box-sizing: border-box;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  transform: rotate(90deg);
  pointer-events: none;
  border-radius: 3px;
}

.beautiful-taxonomy-filters #beautiful-taxonomy-filters-tax-locations label:before {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("images/map-pin.svg");
  background-position: center;
}

.beautiful-taxonomy-filters #beautiful-taxonomy-filters-tax-categories-actus label:before {
  width: 1.8rem;
  height: 1.5rem;
  background-image: url("images/tag.svg");
  background-position: center;
}

.beautiful-taxonomy-filters .beautiful-taxonomy-filters-clear-all {
  font-size: 1.4rem;
  display: block;
  margin-top: 1.5rem;
  text-align: left;
}

.form-submit {
  display: block;
  background-color: #BB1722;
  border-color: #880000;
  -webkit-box-shadow: 0.2rem 0.2rem 0rem #880000;
  -moz-box-shadow: 0.2rem 0.2rem 0rem 0rem #880000;
  box-shadow: 0.2rem 0.2rem 0rem 0rem #880000;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  width: 20rem;
  cursor: pointer;
}

.form-submit:hover {
  background-color: #F8F6F2;
  border-color: #D4CFC5;
  -webkit-box-shadow: 0.2rem 0.2rem 0rem #D4CFC5;
  -moz-box-shadow: 0.2rem 0.2rem 0rem 0rem #D4CFC5;
  box-shadow: 0.2rem 0.2rem 0rem 0rem #D4CFC5;
  color: #4B3C31;
  text-decoration: none;
}

.single-etablissements .survey-header {
  display: block;
}

.single-etablissements .survey-header .survey-print-btn {
  cursor: pointer;
  border: 0;
  background: none;
  font-size: 1.6rem;
  text-align: center;
  background: transparent;
  border: none;
  margin: 2.2rem auto 3rem auto;
  padding: 0;
  color: #4B3C31;
}

.single-etablissements .survey-header .survey-print-btn:before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  clear: both;
  margin: 0 auto 0.8rem auto;
  background-image: url("images/print.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  vertical-align: middle;
}

#main .wpcf7-not-valid-tip {
  color: #BB1722;
  font-weight: normal;
}

.ninja-forms-req-symbol {
  color: #BB1722;
  font-weight: normal;
}

#location-form .ninja-forms-req-symbol,
#location-form .nf-error-msg,
#location-form .nf-error-required-error {
  color: #BB1722;
  font-weight: normal;
}

#location-form .nf-error-wrap {
  position: relative;
}

#location-form .nf-error-wrap .nf-custom-error {
  background: #fff;
  position: absolute;
  top: 0;
}

#location-form .nf-error-wrap .nf-custom-error:after {
  clear: both;
  display: block;
  content: '';
}

.nf-before-form-content {
  margin-bottom: 6rem;
}

.label-above .nf-field-label {
  margin-bottom: 1.8rem;
  font-weight: 700;
}

.nf-form-content #ninja_forms_required_items,
.nf-form-content .nf-field-container {
  margin-bottom: 3.3rem;
}

.nf-form-content .html-container {
  margin-bottom: 0;
}

.nf-field-description {
  font-size: 1.4rem;
  margin: 0 0 1rem 0;
}

.nf-response-msg {
  font-weight: 700;
}

.nf-after-field {
  pointer-events: none;
}

.radiolist {
  display: flex;
  flex-wrap: wrap;
  border: none;
  padding: 0;
}

.radiolist .radiobtn {
  height: auto;
  margin-bottom: 1.8rem;
  padding-left: 2rem;
  margin-right: 3.5rem;
}

.checkboxlist {
  border: none;
  padding: 0;
}

.field-wrap button,
.field-wrap input[type="radio"],
.field-wrap input[type="submit"] {
  width: auto;
}

.field-wrap input[type="button"]:disabled {
  cursor: not-allowed;
}

input[type=radio] {
  border: 0;
  clip: rect(0 0 0 0);
  margin: -0.1rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
}

input[type=radio]+label:before {
  border: 0.2rem solid #4B3C31;
  content: '';
  appearance: none;
  margin: 0 0 0 -2.6rem;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 1.6rem;
  -moz-border-radius: 1.6rem;
  -webkit-border-radius: 1.6rem;
  cursor: pointer;
  color: #4B3C31;
  position: absolute;
  top: 0.3rem;
}

input[type=radio]:focus+label:before {
  box-shadow: 0 0 0.8rem #4B3C31;
}

input[type=radio]:checked+label:before {
  border: 0.2rem solid #4B3C31;
  background: #BB1722;
  box-shadow: inset 0 0 0 0.3rem #FFFFFF, 0 0 0 0;
  transition: 0.3s;
}

input[type=radio]:checked+label:before {
  background: #BB1722;
  box-shadow: inset 0 0 0 0.3rem #FFFFFF, 0 0 0 0;
}

input[type=radio]+label {
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding-left: 1rem;
  line-height: normal;
}

input[type=radio]:disabled+label {
  cursor: default;
  opacity: .55;
}

input[type=radio]:disabled+label:before {
  background: none;
  box-shadow: none;
  cursor: default;
}

input[type='checkbox'] {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

input[type='checkbox']+label {
  display: block;
  position: relative;
  padding: 0 1.5rem;
}

input[type='checkbox']+label:before {
  content: '';
  position: relative;
  display: inline-block;
  border: 0.2rem solid #4B3C31;
  border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  margin-right: 10px;
  width: 1.7rem;
  height: 1.7rem;
  background: #FFFFFF;
}

input[type='checkbox']:checked+label::before {
  background: #FFFFFF;
}

input[type='checkbox']:checked+label::after {
  content: '';
  position: absolute;
  top: 0.6rem;
  left: 1.8rem;
  border-left: 0.2rem solid #BB1722;
  border-bottom: 0.2rem solid #BB1722;
  height: 0.6rem;
  width: 1rem;
  transform: rotate(-45deg);
  transition: 0.3s;
}

input[type='checkbox']:focus+label::before {
  outline: #4B3C31 solid 0.1rem;
  box-shadow: 0 0px 0.4rem #4B3C31;
}

input[type='checkbox']:disabled+label {
  color: #4B3C31;
}

input[type='checkbox']:disabled+label:before {
  background: #EEEBEA;
}

.wpcf7-form .form-label .btn-1 {
  display: block;
  width: 20rem;
  height: auto;
  padding: 1.6rem 3.5rem;
  box-sizing: border-box;
  background-color: #BB1722;
  color: #FFFFFF;
  border: 0.1rem solid #BB1722;
  border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
}

.wpcf7-form .form-row,
.wpcf7-form .form-row-msg {
  margin-top: 3.5rem;
}

.wpcf7-form .wpcf7-validation-errors,
.wpcf7-form .wpcf7-mail-sent-ok {
  border: 0.1rem solid #4B3C31;
}

.wpcf7-form label,
.wpcf7-form .form-label {
  display: block;
  font-weight: 700;
}

@media screen and (min-width:(768px)) {
  .form-label {
    min-height:200px;
  }
}

.wpcf7-form .col-three div {
  display: block;
  width: 70%;
  margin: 0 0 3.3rem 0;
}

.wpcf7-form .col-three div input[type="text"],
.wpcf7-form .col-three div input[type="email"],
.wpcf7-form .col-three div input[type="tel"] {
  width: 100%;
}

.wpcf7-form .col-three div .format {
  font-size: 1.4rem;
  font-weight: normal;
}

.wpcf7-form .filter {
  width: 100%;
  margin: 0 0 3.3rem 0;
}

.wpcf7-form .filter .wpcf7-form-control-wrap {
  display: block;
  position: relative;
  border: 0.1rem solid #4B3C31;
  border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  background-color: #FFFFFF;
}

.wpcf7-form .filter .wpcf7-form-control-wrap select {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  color: #4B3C31;
  padding: 0.5rem 0.8rem;
  border: none;
  font-size: 1.4rem;
  -webkit-appearance: button;
  appearance: button;
}

.wpcf7-form .filter .wpcf7-form-control-wrap:before {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  background-image: url("images/caret-right.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  padding: 1.55rem;
  box-sizing: border-box;
  vertical-align: middle;
  transform: rotate(90deg);
  pointer-events: none;
  border-radius: 3px;
}

.wpcf7-form .your-message {
  display: block;
}

.wpcf7-form .your-message textarea {
  width: 100%;
}

.wpcf7-form .multifile {
  position: relative;
  width: 44.7rem;
  height: 6.2rem;
}

.wpcf7-form .multifile .piece-jointe {
  position: absolute;
  left: 5.5rem;
  max-width: 90%;
  padding: 1.5rem 3.5rem;
  box-sizing: border-box;
  color: #4B3C31;
  border: 0.1rem solid #4B3C31;
}

.wpcf7-form .multifile .piece-jointe input {
  max-width: 100%;
  display: block;
}

.wpcf7-form .pj {
  min-height: 12rem;
}

.wpcf7-form .wpcf7-list-item-label {
  display: block;
  position: relative;
}

.wpcf7-form .wpcf7-list-item-label:before {
  content: '';
  position: relative;
  display: inline-block;
  border: 0.2rem solid #4B3C31;
  border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  margin-right: 10px;
  width: 1.7rem;
  height: 1.7rem;
  background: #FFFFFF;
}

.wpcf7-form .wpcf7-list-item {
  margin: 0;
}

.wpcf7-form input[type='checkbox'] {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

.wpcf7-form input[type='checkbox']:checked+.wpcf7-list-item-label::before {
  background: #FFFFFF;
}

.wpcf7-form input[type='checkbox']:checked+.wpcf7-list-item-label::after {
  content: '';
  position: absolute;
  top: 0.6rem;
  left: 0.4rem;
  border-left: 0.2rem solid #BB1722;
  border-bottom: 0.2rem solid #BB1722;
  height: 0.6rem;
  width: 1rem;
  transform: rotate(-45deg);
  transition: 0.3s;
}

.wpcf7-form input[type='checkbox']:focus+.wpcf7-list-item-label::before {
  outline: #4B3C31 solid 0.1rem;
  box-shadow: 0 0px 0.4rem #4B3C31;
}

.wpcf7-form input[type='checkbox']:disabled+.wpcf7-list-item-label {
  color: #4B3C31;
}

.wpcf7-form input[type='checkbox']:disabled+.wpcf7-list-item-label:before {
  background: #EEEBEA;
}

.wpcf7-form .acceptance label {
  font-weight: normal;
}

.cf7-submit {
  text-align: center;
}


span.wpcf7-not-valid-tip[role=alert] {
  color: #BB1722;
}

/* Chrome 29+ */
.is_chrome form .multifile,
.is_gecko form .multifile {
  position: initial !important;
  display: flex;
  flex-direction: column-reverse;
  height: auto !important;
}

.is_chrome form .multifile .piece-jointe,
.is_gecko form .multifile .piece-jointe {
  position: initial !important;
  left: 0 !important;
  max-width: 90%;
}

.is_chrome form .multifile .btn-1,
.is_gecko form .multifile .btn-1 {
  position: initial !important;
  display: block;
  width: 22rem !important;
}

/* Safari 11  */
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .btn-1 {
      height: 6.1rem !important;
      width: 23.7rem !important;
    }
  }
}

@supports (-moz-appearance: none) {
  .piece-jointe {
    left: 5.5rem !important;
    padding: 1.7rem 3.5rem !important;
  }
}

/* Fixes IE 11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .btn-1 {
    width: 25rem !important;
  }
}

@media screen and (max-width: 76.8rem) {
  .wpcf7-form .multifile {
    width: auto;
  }
}

@media screen and (min-width: 76.8rem) {
  .beautiful-taxonomy-filters form {
    display: flex;
    justify-content: space-between;
    margin: 0.7rem 0 6rem 0;
  }

  .beautiful-taxonomy-filters form .beautiful-taxonomy-filters-tax {
    width: 32%;
    height: auto;
    border: none;
    align-self: flex-start;
  }

  .beautiful-taxonomy-filters form .beautiful-taxonomy-filters-tax label {
    display: block;
    font-weight: 700;
    margin-bottom: 1rem;
  }

  .beautiful-taxonomy-filters form .beautiful-taxonomy-filters-tax label:before {
    content: '';
    display: inline-block;
    clear: both;
    margin-right: 1rem;
    background-repeat: no-repeat;
    background-position: center bottom;
  }

  .beautiful-taxonomy-filters form .beautiful-taxonomy-filters-tax .filter {
    position: relative;
    border: 0.1rem solid #4B3C31;
    border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    -webkit-border-radius: 0.4rem;
    background-color: #FFFFFF;
  }

  .beautiful-taxonomy-filters form .beautiful-taxonomy-filters-tax .filter select {
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
    color: #4B3C31;
    padding: 0.5rem 0.8rem;
    border: none;
    font-size: 1.4rem;
    -webkit-appearance: button;
    appearance: button;
  }

  .beautiful-taxonomy-filters form .beautiful-taxonomy-filters-tax #beautiful-taxonomy-filters-tax-locations label:before {
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("images/map-pin.svg");
    background-size: contain;
  }

  .beautiful-taxonomy-filters form .beautiful-taxonomy-filters-tax #beautiful-taxonomy-filters-tax-categories-actus label:before {
    width: 1.4rem;
    height: 1.6rem;
    background-image: url("images/tag.svg");
    background-size: contain;
  }

  .beautiful-taxonomy-filters form .beautiful-taxonomy-filters-tax .beautiful-taxonomy-filters-clear-all {
    font-size: 1.4rem;
    display: block;
    margin-top: 1.5rem;
    text-align: center;
  }

  .beautiful-taxonomy-filters form .form-group {
    text-align: center;
    align-self: flex-end;
    min-height: 9.9rem;
    padding-top: 3.3rem;
    box-sizing: border-box;
  }

  .beautiful-taxonomy-filters form .form-group .beautiful-taxonomy-filters-button {
    display: block;
    background-color: #BB1722;
    border-color: #880000;
    -webkit-box-shadow: 0.2rem 0.2rem 0rem #880000;
    -moz-box-shadow: 0.2rem 0.2rem 0rem 0rem #880000;
    box-shadow: 0.2rem 0.2rem 0rem 0rem #880000;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    width: 20rem;
    cursor: pointer;
  }

  .beautiful-taxonomy-filters form .form-group .beautiful-taxonomy-filters-button:hover {
    background-color: #F8F6F2;
    border-color: #D4CFC5;
    -webkit-box-shadow: 0.2rem 0.2rem 0rem #D4CFC5;
    -moz-box-shadow: 0.2rem 0.2rem 0rem 0rem #D4CFC5;
    box-shadow: 0.2rem 0.2rem 0rem 0rem #D4CFC5;
    color: #4B3C31;
    text-decoration: none;
  }

  .post-type-archive-emploi .beautiful-taxonomy-filters form {
    display: flex;
    justify-content: center;
    margin: 0.7rem auto 6rem;
    width: 60%;
  }

  .post-type-archive-emploi .beautiful-taxonomy-filters form .beautiful-taxonomy-filters-tax {
    width: 50%;
    margin-right: 7.8rem;
  }

  .post-type-archive-emploi .beautiful-taxonomy-filters form #beautiful-taxonomy-filters-tax-contrat label:before {
    width: 1.4rem;
    height: 1.6rem;
    background-image: url("images/contrat-b.svg");
    background-size: contain;
  }

  .searchform input[type="text"] {
    display: inline;
    width: 100%;
  }

  .single-etablissements .survey-header {
    display: flex;
  }

  .single-etablissements .survey-header .survey-print-btn {
    margin: 0 0 0 auto;
  }

  .single-etablissements .submit-container {
    text-align: right;
  }

  .col-three div {
    width: 25%;
  }

  .cf7-submit {
    text-align: right;
  }
}

@media print {

  #site-header,
  #breadcrumbs,
  .office-header,
  .side-nav,
  .office-header-left,
  #main .office-header-right span,
  .office-header-right p,
  .survey-print-btn,
  footer,
  .single-etablissements .content-area .site-main #location-form .office-header .office-header-right .horizontal-rule,
  .submit-container {
    display: none;
  }

  body {
    width: auto !important;
    margin: auto !important;
    font-family: "Century Gothic", arial, sans-serif;
    font-size: 12pt;
    background-color: #fff !important;
    color: #000 !important;
  }

  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  blockquote,
  ul,
  ol {
    color: #000 !important;
  }

  p,
  blockquote,
  ul,
  ol {
    margin: auto !important;
  }

  .print {
    display: block;
    /* affichage des éléments de classe print */
  }

  p,
  blockquote {
    orphans: 3;
    /* pas de ligne seule en bas */
    widows: 3;
    /* pas de ligne seule en haut */
  }

  blockquote,
  ul,
  ol {
    page-break-inside: avoid;
    /* pas de coupure dans ces élements */
  }

  h1 {
    page-break-before: avoid;
    /* chaque titre commence sur une nouvelle page */
  }

  h1,
  h2,
  h3,
  caption {
    page-break-after: avoid;
    /* pas de saut après ces éléments */
  }

  a {
    color: #000 !important;
    text-decoration: underline !important;
  }

  a[href]:after {
    content: " ("attr(href) ")";
    /* affichage des URL des liens */
  }

  .site {
    padding: 12pt;
    box-sizing: border-box;
  }

  .single-etablissements .content-area .site-main .office-header .office-header-right .entry-title {
    margin-bottom: 10pt;
  }

  .single-etablissements .content-area .site-main #location-form .type-etablissements {
    padding: 0;
  }

  .single-etablissements .content-area .site-main #location-form .survey-header {
    display: block;
  }

  .single-etablissements .content-area .site-main #location-form .survey-header h2 {
    text-align: center;
  }

  .single-etablissements .content-area .site-main #location-form .dateprint,
  .single-etablissements .content-area .site-main #location-form input {
    width: 30%;
  }

  .single-etablissements .content-area .site-main #location-form .dateprint {
    display: block;
    color: #4B3C31;
    border-bottom: 0.1rem solid #4B3C31;
    padding: 0.3rem;
    height: 25pt;
    margin: 0 auto 10pt auto;
  }

  .single-etablissements .content-area .site-main #location-form h4 {
    margin: 0 0 10pt 0;
  }

  .single-etablissements .content-area .site-main #location-form .nf-before-form-content,
  .single-etablissements .content-area .site-main #location-form .contactprint {
    margin-top: 10pt;
    text-align: center;
  }

  .single-etablissements .content-area .site-main #location-form .html-container {
    margin-bottom: 15pt;
  }
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #BB1722;
}

a:visited {
  color: #BB1722;
}

a:hover, a:focus, a:active {
  color: #BB1722;
}

a:focus {
  outline: thin dotted;
}

a:hover, a:active {
  outline: 0;
}

.skiplink {
  display: inline-block;
  background: #FFFFFF;
  padding: .5em;
  position: absolute;
  left: -99999px;
  z-index: 100;
}

.skiplink:focus {
  left: 0;
}

@media screen and (min-width: 37.5em) {
  .cta {
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -o-max-content;
    /* width: -ms-max-content;*/
    border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
  }
}

/* Liens CTA */
.cta {
  display: inline-block;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: -o-max-content;
  /* width: -ms-max-content;*/
  padding: 0.5rem 0.8rem 0.6rem 0.8rem;
  box-sizing: border-box;
  color: #FFFFFF;
  border-width: 0.1rem;
  border-style: solid;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.03rem;
  line-height: 1.3;
}

.cta:hover,
.cta a:hover, .cta:focus,
.cta a:focus {
  color: #FFFFFF;
  text-decoration: underline;
}

.cta:visited,
.cta a:visited {
  color: #FFFFFF;
}

/* Liens CTA – Rouge */
.cta-donate {
  background-color: #BB1722;
  border-color: #880000;
  -webkit-box-shadow: 0.2rem 0.2rem 0rem #880000;
  -moz-box-shadow: 0.2rem 0.2rem 0rem 0rem #880000;
  box-shadow: 0.2rem 0.2rem 0rem 0rem #880000;
}

.cta-donate:visited,
.cta-donate a:visited {
  text-decoration: none;
}

/* Liens CTA – Bleu */
.cta-asso {
  background-color: #004D7B;
  border-color: #001A48;
  -webkit-box-shadow: 0.2rem 0.2rem 0rem #001A48;
  -moz-box-shadow: 0.2rem 0.2rem 0rem 0rem #001A48;
  box-shadow: 0.2rem 0.2rem 0rem 0rem #001A48;
}

/* Liens CTA – Violet */
.cta-etablissements {
  background-color: #422256;
  border-color: #29093D;
  -webkit-box-shadow: 0.2rem 0.2rem 0rem #29093D;
  -moz-box-shadow: 0.2rem 0.2rem 0rem 0rem #29093D;
  box-shadow: 0.2rem 0.2rem 0rem 0rem #29093D;
}

.cta-asso,
.cta-etablissements {
  box-sizing: border-box;
  padding: 0.5rem 1.5rem 0.6rem 1.5rem;
}

.arrow {
  color: #BB1722;
  font-weight: 700;
}

.arrow-brown {
  color: #4B3C31;
  font-weight: 700;
}

.arrow-brown:visited {
  color: #4B3C31;
}

.arrow-white {
  color: #FFFFFF;
  font-weight: 700;
}

.arrow-white:visited {
  color: #FFFFFF;
}

.mail {
  color: #4B3C31;
}

.mail:visited {
  color: #4B3C31;
}

.niveau-conformite-lien {
  color: #4B3C31;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/* Fixes IE 11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .header-right .nav-search .main-navigation .nav-menu-container .banner-right .cta {
    min-width: 13rem;
    width: auto;
  }
}

@media screen and (min-width: 76.8rem) and (max-width: 130.5rem) {
  .site-header .header-right .nav-search .main-navigation .nav-menu-container ul .menu-item {
    margin: 0 2rem 0 0;
  }
}

@media screen and (min-width: 76.8rem) {
  .menu-toggle {
    display: none;
  }

  .header-right {
    padding-top: 6rem;
  }

  .header-right .nav-search {
    display: block;
    text-align: left;
    margin: 0;
    max-height: 4.5rem;
  }

  .header-right .nav-search .main-navigation .nav-menu-container {
    display: flex;
    justify-content: space-between;
    align-content: flex-end;
    max-height: 3.5rem;
    margin: 2rem 0 1rem 0;
    padding: 0 7.76% 0 2rem;
    box-sizing: border-box;
    border: none;
  }

  .header-right .nav-search .main-navigation .nav-menu-container .banner-right {
    display: flex;
    width: 35%;
    align-items: baseline;
    justify-content: flex-end;
  }

  .header-right .nav-search .main-navigation .nav-menu-container .banner-right .searchform {
    width: max-content;
    margin: 0 3rem 0 0;
  }

  .header-right .nav-search .main-navigation .nav-menu-container .banner-right .searchform input {
    width: 10rem;
  }

  .header-right .nav-search .main-navigation .nav-menu-container .banner-right .cta {
    width: 13rem;
    height: auto;
  }

  .header-right .nav-search .main-navigation {
    height: auto;
    max-height: 4.5rem;
  }

  .header-right .nav-search .main-navigation .nav-menu-container ul {
    width: 68%;
    box-sizing: border-box;
    margin: 0;
    align-self: flex-end;
  }

  .header-right .nav-search .main-navigation .nav-menu-container ul .menu-item {
    margin: 0 3.4rem 0 0;
  }

  .header-right .nav-search .main-navigation .nav-menu-container ul .menu-item:last-of-type {
    margin-right: 0;
  }

  .header-right .nav-search .main-navigation .nav-menu-container ul .menu-item a {
    padding: 0;
  }

  .header-right .nav-search .main-navigation .nav-menu-container ul .current-menu-item a:after {
    content: "";
    display: block;
    clear: both;
    border-bottom: 0.3rem solid #BB1722;
    width: 30%;
    margin: 0.3rem auto 0;
  }

  .header-right .nav-search .main-navigation .nav-menu-container ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
  }

  .header-right .nav-search .main-navigation .nav-menu-container ul ul ul {
    left: -999em;
    top: 0;
  }

  .header-right .nav-search .main-navigation .nav-menu-container ul ul li:hover>ul,
  .header-right .nav-search .main-navigation .nav-menu-container ul ul li.focus>ul {
    left: 100%;
  }

  .header-right .nav-search .main-navigation .nav-menu-container ul ul a {
    width: 200px;
  }

  .header-right .nav-search .main-navigation .nav-menu-container ul li:hover>ul,
  .header-right .nav-search .main-navigation .nav-menu-container ul li.focus>ul {
    left: auto;
  }

  .header-right .nav-search .main-navigation .nav-menu-container li {
    display: inline-block;
    margin-right: 3rem;
  }

  .header-right .nav-search .main-navigation .nav-menu-container li:last-of-type {
    margin-right: 0;
  }

  .header-right .nav-search .main-navigation .nav-menu-container a {
    display: block;
    text-decoration: none;
    color: #4B3C31;
    font-weight: 700;
  }

  .header-right .nav-search .main-navigation .nav-menu-container .cta {
    color: #FFFFFF;
  }
}

/* Menu principal – mobile */
.nav-search {
  text-align: center;
  margin: 4rem auto 0 auto;
  position: relative;
}

.nav-search .main-navigation .menu-toggle {
  height: auto;
  cursor: pointer;
  border: 0;
  background: none;
  text-transform: uppercase;
  font-weight: normal;
  text-align: center;
  background: transparent;
  border: none;
  color: #4B3C31;
}

.nav-search .main-navigation .menu-toggle:before {
  content: "";
  display: block;
  width: 2.25rem;
  height: 2rem;
  clear: both;
  margin: 0 auto 0.5rem auto;
  background-image: url("images/menu.svg");
  background-repeat: no-repeat;
  background-position: top center;
}

.nav-search .main-navigation .menu-toggle[aria-expanded="true"]:before {
  content: "";
  display: block;
  width: 1.8rem;
  height: 2rem;
  clear: both;
  margin: 0 auto 0.5rem auto;
  background-image: url("images/close.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}

.nav-search .main-navigation .nav-menu-container {
  display: none;
  border-top: solid 0.1rem #D4CFC5;
  border-bottom: solid 0.1rem #D4CFC5;
  background-color: #FFFFFF;
}

.nav-search .main-navigation .nav-menu-container ul {
  margin: 0 0 4rem 0;
  padding: 0;
}

.nav-search .main-navigation .nav-menu-container ul li {
  list-style: none;
  padding: 0;
  margin-bottom: 3rem;
}

.nav-search .main-navigation .nav-menu-container ul li a {
  font-weight: bold;
  line-height: 1.5;
  color: #4B3C31;
  text-decoration: none;
}

.nav-search .main-navigation .nav-menu-container ul li:last-of-type {
  margin-bottom: 0;
}

.nav-search .main-navigation .nav-menu-container ul .current-menu-item a:after {
  content: "";
  display: block;
  clear: both;
  border-bottom: 0.3rem solid #BB1722;
  width: 8%;
  margin: 0.5rem auto 0;
}

.nav-search .main-navigation .banner-right {
  margin-bottom: 0;
}

.nav-search .main-navigation .banner-right .searchform,
.nav-search .main-navigation .banner-right .cta {
  display: block;
}

.nav-search .main-navigation .banner-right .searchform {
  width: 55%;
  margin: 0 auto 2.5rem auto;
  text-align: left;
}

.nav-search .main-navigation .banner-right .cta {
  width: 100%;
}

.nav-search .opened.nav-menu-container {
  display: block;
  position: absolute;
  width: 100%;
  padding: 3.5rem 0 0 0;
  z-index: 5;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
  color: #4B3C31;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}

.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.highlight {
  box-sizing: border-box;
  text-align: center;
  padding: 4.7rem 3.6rem;
  margin-bottom: 7.76%;
}

.highlight .accroche {
  max-width: none;
  width: 100%;
  font-size: 1.8rem;
  height: auto;
  margin: 0 auto;
}

.highlight .cta {
  display: inline-block;
  margin: 3.8rem auto 0 auto;
}

hr,
.horizontal-rule {
  display: block;
  width: 15rem;
  height: 0.5rem;
  background-color: #BB1722;
  margin: 0 auto;
  padding: 0;
  border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
}

.horizontal-rule {
  display: block;
}

/* Homepage – Bannière + texte – Mobile */
.intro .banner_home {
  width: 100%;
}

.intro .banner_home img {
  object-fit: cover;
  min-width: 100%;
  height: auto;
  width: auto;
  display: block;
}

.intro .encart {
  display: block;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 3rem 7.76%;
  background-color: #F8F6F2;
}

.intro .encart h2 {
  margin: 0 0 3.7rem 0;
  text-align: center;
  line-height: 1.2;
}

.intro .encart .intro-text p {
  margin: 0 0 2.5rem 0;
  line-height: 1.4;
}

.intro .encart .intro-text p a:active {
  color: #BB1722;
  font-weight: bold;
}

.intro .encart .intro-text p a:hover {
  color: #4B3C31;
  text-decoration: none;
}

.intro .encart .intro-text p a:visited {
  color: #4B3C31;
  font-weight: normal;
}

.intro .encart .intro-text ul {
  padding: 0;
  margin: 1rem 0 1rem 3.3rem;
  box-sizing: border-box;
  list-style: none;
}

.intro .encart .intro-text ul li {
  position: relative;
  margin: 1.5rem 0;
  padding-left: 2.4rem;
  box-sizing: border-box;
}

.intro .encart .intro-text ul li:first-of-type {
  margin-top: 0;
}

.intro .encart .intro-text ul li:before {
  position: absolute;
  left: 0.5rem;
  top: 0.9rem;
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  clear: both;
  margin: 0 1.6rem 0 0;
  background-image: url("images/puce.svg");
  background-repeat: no-repeat;
  background-position: top center;
  vertical-align: middle;
}

.intro .encart .encart-cta {
  display: flex;
  justify-content: space-around;
  list-style-type: none;
  margin: 2.8rem auto;
  box-sizing: border-box;
  padding: 0;
}

.intro .encart .encart-cta li {
  max-width: 45%;
}

.intro .encart .encart-cta li .cta-asso,
.intro .encart .encart-cta li .cta-etablissements {
  display: block;
  width: 100%;
  height: auto;
}

.intro .encart .verbatim {
  margin-bottom: 0;
}

.intro .encart .verbatim p {
  font-size: 1.4rem;
}

/* Homepage – Encart actualités – Mobile */
.actus {
  max-width: 100%;
  box-sizing: border-box;
  margin: 3rem 7.76%;
  padding: 0;
}

.actus header {
  display: flex;
  justify-content: space-between;
}

.actus header h2 {
  text-align: left;
}

.actus header .arrow {
  font-size: 1.6rem;
  align-self: center;
  text-align: right;
  margin-bottom: 2.5rem;
}

.actus .newslist {
  display: block;
}

.actus .newslist .news-content {
  width: 100%;
  height: auto;
  margin-bottom: 2rem;
}

.actus .newslist .news-content img {
  width: 100%;
  display: block;
}

.actus .newslist .news-content h3 {
  margin: 3.3rem 0 2rem 0;
  font-size: 1.8rem;
  line-height: 1.3;
}

.metadata {
  margin: 1.5rem 0 2rem 0;
  font-size: 1.4rem;
}

.metadata .date,
.metadata .entry-meta {
  display: inline;
}

.metadata .date {
  margin-right: 1.3rem;
}

.metadata .date:after {
  content: '';
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-left: 1.6rem;
  background: #BB1722;
  border-radius: 50%;
  vertical-align: middle;
}

.metadata p {
  margin: 0;
}

/* Homepage – Encart actions – Mobile */
.actions .highlight {
  background-color: #004D7B;
  color: #FFFFFF;
}

.actions .highlight .h2-secondary {
  margin-top: 0;
}

.actions .themes {
  display: block;
  margin: 0 auto;
  padding: 0 7.76%;
  box-sizing: border-box;
  max-width: 95%;
  height: auto;
}

.actions .themes .col {
  position: relative;
  margin: 0;
  width: 100%;
  overflow: hidden;
}

.actions .themes .col .col-text {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 5rem 4rem 13rem 4rem;
  background-color: #F8F6F2;
}

.actions .themes .col .col-text h3 {
  padding: 0 5% 2.2rem 5%;
  margin: 0 auto;
  text-align: center;
}

.actions .themes .col .col-text .details {
  height: auto;
  flex-grow: 2;
}

.actions .themes .col .col-text .col-link {
  display: block;
  margin: 4rem 0 0 0;
}

.actions .themes .col img {
  display: block;
  position: relative;
  bottom: 10rem;
  align-self: flex-end;
  width: 100%;
  margin: 0 auto;
}

.actions .prevention h3 {
  border-bottom: 0.5rem solid #BB1722;
}

.actions .school h3 {
  border-bottom: 0.5rem solid #422256;
}

.actions .leisure h3 {
  border-bottom: 0.5rem solid #F08301;
}

/* Homepage – Encart adhérer – Mobile */
.membership {
  box-sizing: border-box;
  background-color: #EEEBEA;
  color: #004D7B;
  text-align: center;
}

.membership .cta {
  font-size: 1.6rem;
}

.home .sponsors h2 {
  text-align: center;
}

/* Homepage – Encart sponsors – Mobile */
.sponsors {
  margin-bottom: 7.76%;
}

.sponsors h2 {
  padding: 0 5%;
  box-sizing: border-box;
}

.sponsors .sponsors-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  padding: 0 7.76%;
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
  list-style: none;
}

.sponsors .sponsors-logos li {
  max-width: 20%;
  width: auto;
  height: auto;
  margin: 6% 4%;
  padding: 0;
  box-sizing: border-box;
}

.sponsors .sponsors-logos li a {
  display: block;
}

.sponsors .sponsors-logos li a img {
  width: 100%;
  height: auto;
}

/* Pages 1er niveau – header – Mobile */
.page-template header h1,
.blog header h1,
.newspage header h1,
.type-actualites header h1,
.page-template-content-association header h1,
.page-template-content-soutien header h1,
.page-template-content-contact header h1 {
  text-align: center;
  margin: 0 0 2.8rem 0;
}

.page-template header .intro,
.blog header .intro,
.newspage header .intro,
.type-actualites header .intro,
.page-template-content-association header .intro,
.page-template-content-soutien header .intro,
.page-template-content-contact header .intro {
  margin: 2.3rem 0;
  padding: 0 7.76%;
  box-sizing: border-box;
}

/* Banner pages : photo + heading + extract – Mobile*/
.theme header {
  color: #FFFFFF;
}

.theme header .banner {
  display: block;
  height: auto;
  width: 100%;
}

.theme header .banner img {
  width: 100%;
  height: auto;
}

.theme header .header-content {
  display: block;
  margin: 4.5rem auto;
  padding: 0 7.5% 4% 7.5%;
  box-sizing: border-box;
}

.theme .content {
  display: block;
  margin: 4.5rem auto;
  padding: 0 7.5% 4% 7.5%;
  box-sizing: border-box;
}

.theme .content .primary {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style: none;
}

.theme .content .primary h3 {
  margin: 9rem 0 0 0;
  font-size: 1.8rem;
  padding-left: 2.4rem;
  box-sizing: border-box;
  font-weight: normal;
}

.theme .content .primary h3:first-of-type {
  margin-top: 0;
}

.theme .content .primary h3:before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  clear: both;
  margin: 0 1.6rem 0 -2.4rem;
  background-image: url("images/puce.svg");
  background-repeat: no-repeat;
  background-position: top center;
  vertical-align: middle;
}

.theme .content .primary .col {
  display: block;
}

.theme .content .primary .col .secondary {
  padding: 0;
  width: 100%;
  height: auto;
  margin-left: 0;
  padding: 0 2.4rem;
  box-sizing: border-box;
  list-style: none;
}

.theme .content .primary .col .secondary h4 {
  font-size: 1.8rem;
  margin: 2rem 0 0 0;
  padding-left: 0;
  box-sizing: border-box;
  text-transform: none;
}

.theme .content .primary .col .secondary h4:before {
  background-image: none;
  width: 0;
  height: 0;
  margin: 0;
}

.theme .content .primary .col .secondary p {
  margin: 0.5rem 0 0 0;
  padding-left: 0;
}

.theme .content .primary .col .secondary .antennes {
  margin: 1.8rem 0 0 3rem;
  padding: 0;
  list-style: none;
}

.theme .content .primary .col .secondary .antennes li {
  margin: 0 0 1rem 0;
  padding: 0;
  font-size: 1.6rem;
}

.theme .content .primary .col .secondary .antennes li:before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1.3rem;
  clear: both;
  margin-right: 0.5rem;
  background-image: url("images/chevron.svg");
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
}

.theme .content .primary .col .secondary .antennes li:last-of-type {
  margin-bottom: 0;
}

.theme .content .primary .secondary {
  margin-left: 0;
  padding: 0 4.8rem;
  box-sizing: border-box;
  list-style: none;
}

.theme .content .primary .secondary li {
  font-size: 1.8rem;
  margin: 2rem 0 0 0;
  padding-left: 0;
  box-sizing: border-box;
}

.theme .content .primary a {
  color: #4B3C31;
}

.theme .content .primary .description {
  margin: 1rem 0 0 0;
  font-size: 1.6rem;
  padding-left: 2.4rem;
  box-sizing: border-box;
}

.prevention-sante header,
.loisirs header {
  background-color: #422256;
}

.autour-ecole header,
.direction header {
  background-color: #004D7B;
}

/* Page actualités – Mobile */
.post-type-archive-actualites,
.post-type-archive-emploi,
.search-results,
.search-no-results {
  margin-bottom: 3.4rem;
}

.post-type-archive-actualites .actus,
.post-type-archive-emploi .actus,
.search-results .actus,
.search-no-results .actus {
  padding: 0;
  box-sizing: border-box;
  margin: 0;
}

.post-type-archive-actualites .actus header,
.post-type-archive-emploi .actus header,
.search-results .actus header,
.search-no-results .actus header {
  display: block;
  margin-bottom: 3.5rem;
  padding: 0 7.76%;
  box-sizing: border-box;
}

.post-type-archive-actualites .actus header h1,
.post-type-archive-emploi .actus header h1,
.search-results .actus header h1,
.search-no-results .actus header h1 {
  text-align: center;
}

.post-type-archive-actualites .actus h2:first-of-type,
.post-type-archive-emploi .actus h2:first-of-type,
.search-results .actus h2:first-of-type,
.search-no-results .actus h2:first-of-type {
  background-color: #F8F6F2;
  margin: 0;
  padding: 2rem 7.76%;
  box-sizing: border-box;
}

.post-type-archive-actualites .actus .sticky-post,
.post-type-archive-emploi .actus .sticky-post,
.search-results .actus .sticky-post,
.search-no-results .actus .sticky-post {
  display: block;
  margin-bottom: 5rem;
  padding: 0 7.76% 2.2rem 7.76%;
  box-sizing: border-box;
  background-color: #F8F6F2;
}

.post-type-archive-actualites .actus .sticky-post .sticky-left,
.post-type-archive-emploi .actus .sticky-post .sticky-left,
.search-results .actus .sticky-post .sticky-left,
.search-no-results .actus .sticky-post .sticky-left {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 1.5rem;
}

.post-type-archive-actualites .actus .sticky-post .sticky-left img,
.post-type-archive-emploi .actus .sticky-post .sticky-left img,
.search-results .actus .sticky-post .sticky-left img,
.search-no-results .actus .sticky-post .sticky-left img {
  width: 100%;
  height: auto;
  align-self: center;
}

.post-type-archive-actualites .actus .sticky-post .sticky-right,
.post-type-archive-emploi .actus .sticky-post .sticky-right,
.search-results .actus .sticky-post .sticky-right,
.search-no-results .actus .sticky-post .sticky-right {
  width: 100%;
  height: auto;
  background-color: transparent;
  overflow: hidden;
}

.post-type-archive-actualites .actus .sticky-post .sticky-right .arrow,
.post-type-archive-emploi .actus .sticky-post .sticky-right .arrow,
.search-results .actus .sticky-post .sticky-right .arrow,
.search-no-results .actus .sticky-post .sticky-right .arrow {
  display: block;
  margin-top: 1.5rem;
}

.post-type-archive-actualites .actus .archive-news,
.post-type-archive-emploi .actus .archive-news,
.search-results .actus .archive-news,
.search-no-results .actus .archive-news {
  padding: 0 7.76%;
  box-sizing: border-box;
}

.post-type-archive-actualites .actus .archive-news h2:first-of-type,
.post-type-archive-emploi .actus .archive-news h2:first-of-type,
.search-results .actus .archive-news h2:first-of-type,
.search-no-results .actus .archive-news h2:first-of-type {
  background-color: transparent;
  padding-left: 0;
}

.post-type-archive-actualites .actus .newslist,
.post-type-archive-emploi .actus .newslist,
.search-results .actus .newslist,
.search-no-results .actus .newslist {
  padding: 0 7.76%;
  box-sizing: border-box;
}

.post-type-archive-actualites .actus .newslist .news-content,
.post-type-archive-emploi .actus .newslist .news-content,
.search-results .actus .newslist .news-content,
.search-no-results .actus .newslist .news-content {
  margin-bottom: 2.2rem;
}

/* Actualité seule – Mobile */
.type-actualites .contenu-actualite {
  padding: 0 7.76%;
  box-sizing: border-box;
}

.type-actualites .contenu-actualite .entry-header .entry-header-left {
  float: none;
  display: block;
  width: 100%;
}

.type-actualites .contenu-actualite .entry-header .post-thumbnail {
  display: block;
  width: 100%;
  height: auto;
  margin: 2rem auto;
}

.type-actualites .contenu-actualite .entry-header .post-thumbnail img {
  display: block;
  width: 100%;
  height: auto;
}

.type-actualites .contenu-actualite .entry-content p {
  margin: 1.5rem 0;
}

.type-actualites .contenu-actualite .entry-content p:first-of-type {
  margin-top: 0;
}

.type-actualites .contenu-actualite .entry-content blockquote {
  padding: 9rem 4rem 4rem 5rem;
  margin: 4rem auto;
  height: auto;
  box-shadow: 0.5rem 0.5rem 0 0 #004D7B;
  border: solid 0.2rem #C5C3BF;
  background-image: url(images/quote.svg);
  background-position: 3rem 3rem;
  background-repeat: no-repeat;
  background-color: #F8F6F2;
}

.type-actualites .contenu-actualite .entry-content blockquote p {
  padding: 0;
  margin: 0 0 2rem 0;
  box-sizing: border-box;
  font-size: 1.6rem;
  line-height: 1.4;
}

.type-actualites .contenu-actualite .entry-content blockquote footer {
  font-size: 1.4rem;
  font-weight: bold;
}

.type-actualites .contenu-actualite .entry-content ul {
  padding: 0;
  margin: 0 0 4rem 0;
  box-sizing: border-box;
  list-style: none;
}

.type-actualites .contenu-actualite .entry-content ul li {
  position: relative;
  margin: 1.5rem 0;
  padding-left: 2.4rem;
  box-sizing: border-box;
}

.type-actualites .contenu-actualite .entry-content ul li:first-of-type {
  margin-top: 0;
}

.type-actualites .contenu-actualite .entry-content ul li:before {
  position: absolute;
  left: 0.5rem;
  top: 0.9rem;
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  clear: both;
  margin: 0 1.6rem 0 0;
  background-image: url("images/puce.svg");
  background-repeat: no-repeat;
  background-position: top center;
  vertical-align: middle;
}

.type-actualites .contenu-actualite .entry-content ul li ul {
  margin: 1rem 0 1rem 1rem;
}

.type-actualites .contenu-actualite .entry-content ul li ul li {
  margin: 1rem 0 1rem 2.5rem;
  padding-left: 1.5rem;
}

.type-actualites .contenu-actualite .entry-content ul li ul li:first-of-type {
  margin-top: 0;
}

.type-actualites .contenu-actualite .entry-content ul li ul li:before {
  position: absolute;
  left: 0;
  top: 0.8rem;
  background-image: url("images/chevron.svg");
  background-position: center center;
  width: 1rem;
  height: 1.3rem;
}

.type-actualites .contenu-actualite .entry-content ol {
  padding: 0;
  margin: 2rem 0 2rem 2rem;
  box-sizing: border-box;
  list-style: none;
  counter-reset: my-counter;
}

.type-actualites .contenu-actualite .entry-content ol li {
  position: relative;
  margin: 1.5rem 0 1.5rem 1rem;
  padding-left: 1rem;
  box-sizing: border-box;
  counter-increment: my-counter;
}

.type-actualites .contenu-actualite .entry-content ol li:first-of-type {
  margin-top: 0;
}

.type-actualites .contenu-actualite .entry-content ol li:before {
  position: absolute;
  left: -1rem;
  content: counter(my-counter) ". ";
  color: #004D7B;
  font-weight: 700;
}

.type-actualites .contenu-actualite .entry-content ol li ol {
  margin: 1rem 0 1rem 1rem;
  counter-reset: my-nested-counter;
}

.type-actualites .contenu-actualite .entry-content ol li ol li {
  position: relative;
  counter-increment: my-nested-counter;
  margin: 1rem 0 1rem 2.5rem;
  padding-left: 1.5rem;
}

.type-actualites .contenu-actualite .entry-content ol li ol li:first-of-type {
  margin-top: 0;
}

.type-actualites .contenu-actualite .entry-content ol li ol li:before {
  position: absolute;
  left: -2rem;
  content: counter(my-counter) "."counter(my-nested-counter) ".";
  font-weight: 700;
}

.type-actualites .encarts .encart-info,
.type-actualites .encarts .encart-download {
  display: block;
  width: 100%;
  margin-bottom: 2rem;
  padding: 2rem 7.76%;
  border-top: 0.1rem solid #C5C3BF;
  border-bottom: 0.1rem solid #C5C3BF;
  background-color: #F8F6F2;
  background-repeat: no-repeat;
  background-position: 7.76% 2rem;
  background-size: 2rem 2rem;
}

.type-actualites .encarts .encart-info p,
.type-actualites .encarts .encart-download p {
  padding-left: 4rem;
  box-sizing: border-box;
}

.type-actualites .encarts .encart-info p:first-of-type,
.type-actualites .encarts .encart-download p:first-of-type {
  margin-top: 0;
}

.type-actualites .encarts .encart-info p:last-of-type,
.type-actualites .encarts .encart-download p:last-of-type {
  margin-bottom: 0;
}

.type-actualites .encarts .encart-info {
  background-image: url("images/info.svg");
}

.type-actualites .encarts .encart-download {
  background-image: url("images/download.svg");
}

.type-actualites .galerie hr {
  width: 15rem;
  height: 0.5rem;
  background-color: #BB1722;
  margin: 0 auto;
  padding: 0;
  border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
}

.type-actualites .galerie h2 {
  margin: 2rem 0;
  text-align: center;
}

.type-actualites .galerie .accroche {
  text-align: center;
}

.type-actualites .galerie .lien {
  text-align: center;
}

.type-actualites .galerie #galerie-photos {
  line-height: 0;
  -webkit-column-count: 1;
  -webkit-column-gap: 1.5rem;
  -moz-column-count: 1;
  -moz-column-gap: 1.5rem;
  column-count: 1;
  column-gap: 1.5rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.type-actualites .galerie #galerie-photos img {
  margin: 0 0 1.5rem 0;
  width: 100% !important;
  height: auto !important;
  display: block;
}

.entry-footer {
  margin: 4rem auto;
  text-align: center;
}

.cross-content .actus header {
  display: block;
  margin: 1.8rem auto 1.5rem;
}

.cross-content .actus header h2 {
  margin: 0;
}

.cross-content .actus header .arrow {
  display: block;
  margin: 1.5rem auto 0 auto;
}

.cross-content .actus .newslist .news-content img {
  display: block;
}

.cross-content .actus .newslist .news-content h3 {
  margin: 1.5rem 0;
}

/* Fiche établissement – Mobile */
.single-etablissements .content-area .site-main .office-header .office-header-left {
  margin-right: 4.3rem;
}

.single-etablissements .content-area .site-main .content-panel:after {
  content: '';
  display: table;
  clear: both;
}

.single-etablissements,
.page-template-content-sante,
.page-template-content-leisure {
  /* Fiche établissement – Sous-pages – Mobile */
}

.single-etablissements .content-area,
.page-template-content-sante .content-area,
.page-template-content-leisure .content-area {
  padding: 0;
  box-sizing: border-box;
}

.single-etablissements .content-area .site-main,
.page-template-content-sante .content-area .site-main,
.page-template-content-leisure .content-area .site-main {
  display: block;
}

.single-etablissements .content-area .site-main .office-header,
.page-template-content-sante .content-area .site-main .office-header,
.page-template-content-leisure .content-area .site-main .office-header {
  display: block;
  width: 100%;
}

.single-etablissements .content-area .site-main .office-header .office-header-left,
.page-template-content-sante .content-area .site-main .office-header .office-header-left,
.page-template-content-leisure .content-area .site-main .office-header .office-header-left {
  width: 100%;
}

.single-etablissements .content-area .site-main .office-header .office-header-left img,
.page-template-content-sante .content-area .site-main .office-header .office-header-left img,
.page-template-content-leisure .content-area .site-main .office-header .office-header-left img {
  display: block;
  width: 100%;
}

.single-etablissements .content-area .site-main .office-header .office-header-right,
.page-template-content-sante .content-area .site-main .office-header .office-header-right,
.page-template-content-leisure .content-area .site-main .office-header .office-header-right {
  width: 100%;
  padding: 0 7.76%;
  box-sizing: border-box;
}

.single-etablissements .content-area .site-main .office-header .office-header-right .entry-title,
.page-template-content-sante .content-area .site-main .office-header .office-header-right .entry-title,
.page-template-content-leisure .content-area .site-main .office-header .office-header-right .entry-title {
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: 2rem;
}

.single-etablissements .content-area .site-main .office-header .office-header-right .horizontal-rule,
.page-template-content-sante .content-area .site-main .office-header .office-header-right .horizontal-rule,
.page-template-content-leisure .content-area .site-main .office-header .office-header-right .horizontal-rule {
  width: 15rem;
  height: 0.5rem;
  background-color: #BB1722;
  margin: 0 auto;
  padding: 0;
  border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  display: block;
}

.single-etablissements .content-area .site-main .office-header .office-header-right ul,
.page-template-content-sante .content-area .site-main .office-header .office-header-right ul,
.page-template-content-leisure .content-area .site-main .office-header .office-header-right ul {
  padding: 0;
  margin: 2rem 0 3.6rem 2rem;
  box-sizing: border-box;
  list-style: none;
}

.single-etablissements .content-area .site-main .office-header .office-header-right ul li,
.page-template-content-sante .content-area .site-main .office-header .office-header-right ul li,
.page-template-content-leisure .content-area .site-main .office-header .office-header-right ul li {
  position: relative;
  margin: 1.5rem 0;
  padding-left: 2.4rem;
  box-sizing: border-box;
}

.single-etablissements .content-area .site-main .office-header .office-header-right ul li:first-of-type,
.page-template-content-sante .content-area .site-main .office-header .office-header-right ul li:first-of-type,
.page-template-content-leisure .content-area .site-main .office-header .office-header-right ul li:first-of-type {
  margin-top: 0;
}

.single-etablissements .content-area .site-main .office-header .office-header-right ul li:before,
.page-template-content-sante .content-area .site-main .office-header .office-header-right ul li:before,
.page-template-content-leisure .content-area .site-main .office-header .office-header-right ul li:before {
  position: absolute;
  left: 0.5rem;
  top: 0.9rem;
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  clear: both;
  margin: 0 1.6rem 0 0;
  background-image: url("images/puce.svg");
  background-repeat: no-repeat;
  background-position: top center;
  vertical-align: middle;
}

.single-etablissements .content-area .site-main .office-content,
.page-template-content-sante .content-area .site-main .office-content,
.page-template-content-leisure .content-area .site-main .office-content {
  margin: 7rem 0;
}

.single-etablissements .content-area .site-main .office-content h2,
.single-etablissements .content-area .site-main .content-panel h2,
.page-template-content-sante .content-area .site-main .office-content h2,
.page-template-content-sante .content-area .site-main .content-panel h2,
.page-template-content-leisure .content-area .site-main .office-content h2,
.page-template-content-leisure .content-area .site-main .content-panel h2 {
  margin-top: 0;
}

.single-etablissements .content-area .site-main .office-content ul,
.single-etablissements .content-area .site-main .content-panel ul,
.page-template-content-sante .content-area .site-main .office-content ul,
.page-template-content-sante .content-area .site-main .content-panel ul,
.page-template-content-leisure .content-area .site-main .office-content ul,
.page-template-content-leisure .content-area .site-main .content-panel ul {
  padding: 0;
  margin: 2rem 0 3.6rem 2rem;
  box-sizing: border-box;
  list-style: none;
}

.single-etablissements .content-area .site-main .office-content ul li,
.single-etablissements .content-area .site-main .content-panel ul li,
.page-template-content-sante .content-area .site-main .office-content ul li,
.page-template-content-sante .content-area .site-main .content-panel ul li,
.page-template-content-leisure .content-area .site-main .office-content ul li,
.page-template-content-leisure .content-area .site-main .content-panel ul li {
  position: relative;
  margin: 1.5rem 0;
  padding-left: 2.4rem;
  box-sizing: border-box;
}

.single-etablissements .content-area .site-main .office-content ul li:first-of-type,
.single-etablissements .content-area .site-main .content-panel ul li:first-of-type,
.page-template-content-sante .content-area .site-main .office-content ul li:first-of-type,
.page-template-content-sante .content-area .site-main .content-panel ul li:first-of-type,
.page-template-content-leisure .content-area .site-main .office-content ul li:first-of-type,
.page-template-content-leisure .content-area .site-main .content-panel ul li:first-of-type {
  margin-top: 0;
}

.single-etablissements .content-area .site-main .office-content ul li:before,
.single-etablissements .content-area .site-main .content-panel ul li:before,
.page-template-content-sante .content-area .site-main .office-content ul li:before,
.page-template-content-sante .content-area .site-main .content-panel ul li:before,
.page-template-content-leisure .content-area .site-main .office-content ul li:before,
.page-template-content-leisure .content-area .site-main .content-panel ul li:before {
  position: absolute;
  left: 0.5rem;
  top: 0.9rem;
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  clear: both;
  margin: 0 1.6rem 0 0;
  background-image: url("images/puce.svg");
  background-repeat: no-repeat;
  background-position: top center;
  vertical-align: middle;
}

.single-etablissements .content-area .site-main .type-etablissements,
.page-template-content-sante .content-area .site-main .type-etablissements,
.page-template-content-leisure .content-area .site-main .type-etablissements {
  padding: 3.3rem 7.76% 0;
  box-sizing: border-box;
}

.single-etablissements .content-area .site-main .type-etablissements .newslist,
.page-template-content-sante .content-area .site-main .type-etablissements .newslist,
.page-template-content-leisure .content-area .site-main .type-etablissements .newslist {
  display: flex;
  flex-wrap: wrap;
}

.single-etablissements .content-area .site-main .type-etablissements .newslist header,
.page-template-content-sante .content-area .site-main .type-etablissements .newslist header,
.page-template-content-leisure .content-area .site-main .type-etablissements .newslist header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 2.3rem;
}

.single-etablissements .content-area .site-main .type-etablissements .newslist header h2,
.page-template-content-sante .content-area .site-main .type-etablissements .newslist header h2,
.page-template-content-leisure .content-area .site-main .type-etablissements .newslist header h2 {
  margin: 0;
}

.single-etablissements .content-area .site-main .type-etablissements .newslist header .arrow,
.page-template-content-sante .content-area .site-main .type-etablissements .newslist header .arrow,
.page-template-content-leisure .content-area .site-main .type-etablissements .newslist header .arrow {
  align-self: center;
}

.single-etablissements .content-area .site-main .type-etablissements .newslist .news-content,
.page-template-content-sante .content-area .site-main .type-etablissements .newslist .news-content,
.page-template-content-leisure .content-area .site-main .type-etablissements .newslist .news-content {
  width: 100%;
}

.single-etablissements .content-area .site-main .type-etablissements .newslist .news-content h3,
.page-template-content-sante .content-area .site-main .type-etablissements .newslist .news-content h3,
.page-template-content-leisure .content-area .site-main .type-etablissements .newslist .news-content h3 {
  margin: 1.5rem 0;
}

.single-etablissements .content-area .site-main .type-etablissements .newslist .news-thumbnail,
.page-template-content-sante .content-area .site-main .type-etablissements .newslist .news-thumbnail,
.page-template-content-leisure .content-area .site-main .type-etablissements .newslist .news-thumbnail {
  width: 100%;
}

.single-etablissements .content-area .site-main .type-etablissements .newslist .news-thumbnail img,
.page-template-content-sante .content-area .site-main .type-etablissements .newslist .news-thumbnail img,
.page-template-content-leisure .content-area .site-main .type-etablissements .newslist .news-thumbnail img {
  width: 100%;
  height: auto;
  display: block;
}

.single-etablissements .content-area .site-main .type-etablissements .contact-us,
.single-etablissements .content-area .site-main .type-etablissements .contactprint,
.page-template-content-sante .content-area .site-main .type-etablissements .contact-us,
.page-template-content-sante .content-area .site-main .type-etablissements .contactprint,
.page-template-content-leisure .content-area .site-main .type-etablissements .contact-us,
.page-template-content-leisure .content-area .site-main .type-etablissements .contactprint {
  margin-bottom: 11rem;
}

.single-etablissements .content-area .site-main .type-etablissements .contact-us .horizontal-rule,
.single-etablissements .content-area .site-main .type-etablissements .contactprint .horizontal-rule,
.page-template-content-sante .content-area .site-main .type-etablissements .contact-us .horizontal-rule,
.page-template-content-sante .content-area .site-main .type-etablissements .contactprint .horizontal-rule,
.page-template-content-leisure .content-area .site-main .type-etablissements .contact-us .horizontal-rule,
.page-template-content-leisure .content-area .site-main .type-etablissements .contactprint .horizontal-rule {
  margin: 0 0 2rem 0;
}

.single-etablissements .content-area .site-main .type-etablissements .contact-us .contact-office,
.single-etablissements .content-area .site-main .type-etablissements .contactprint .contact-office,
.page-template-content-sante .content-area .site-main .type-etablissements .contact-us .contact-office,
.page-template-content-sante .content-area .site-main .type-etablissements .contactprint .contact-office,
.page-template-content-leisure .content-area .site-main .type-etablissements .contact-us .contact-office,
.page-template-content-leisure .content-area .site-main .type-etablissements .contactprint .contact-office {
  margin: 1.5rem 0;
  font-weight: 700;
}

.single-etablissements .content-area .site-main .type-etablissements .contact-us .address p,
.single-etablissements .content-area .site-main .type-etablissements .contact-us .phone p,
.single-etablissements .content-area .site-main .type-etablissements .contact-us .email p,
.single-etablissements .content-area .site-main .type-etablissements .contactprint .address p,
.single-etablissements .content-area .site-main .type-etablissements .contactprint .phone p,
.single-etablissements .content-area .site-main .type-etablissements .contactprint .email p,
.page-template-content-sante .content-area .site-main .type-etablissements .contact-us .address p,
.page-template-content-sante .content-area .site-main .type-etablissements .contact-us .phone p,
.page-template-content-sante .content-area .site-main .type-etablissements .contact-us .email p,
.page-template-content-sante .content-area .site-main .type-etablissements .contactprint .address p,
.page-template-content-sante .content-area .site-main .type-etablissements .contactprint .phone p,
.page-template-content-sante .content-area .site-main .type-etablissements .contactprint .email p,
.page-template-content-leisure .content-area .site-main .type-etablissements .contact-us .address p,
.page-template-content-leisure .content-area .site-main .type-etablissements .contact-us .phone p,
.page-template-content-leisure .content-area .site-main .type-etablissements .contact-us .email p,
.page-template-content-leisure .content-area .site-main .type-etablissements .contactprint .address p,
.page-template-content-leisure .content-area .site-main .type-etablissements .contactprint .phone p,
.page-template-content-leisure .content-area .site-main .type-etablissements .contactprint .email p {
  margin: 0;
}

.single-etablissements .content-area .site-main .type-etablissements .contact-us .address,
.single-etablissements .content-area .site-main .type-etablissements .contact-us .phone,
.single-etablissements .content-area .site-main .type-etablissements .contactprint .address,
.single-etablissements .content-area .site-main .type-etablissements .contactprint .phone,
.page-template-content-sante .content-area .site-main .type-etablissements .contact-us .address,
.page-template-content-sante .content-area .site-main .type-etablissements .contact-us .phone,
.page-template-content-sante .content-area .site-main .type-etablissements .contactprint .address,
.page-template-content-sante .content-area .site-main .type-etablissements .contactprint .phone,
.page-template-content-leisure .content-area .site-main .type-etablissements .contact-us .address,
.page-template-content-leisure .content-area .site-main .type-etablissements .contact-us .phone,
.page-template-content-leisure .content-area .site-main .type-etablissements .contactprint .address,
.page-template-content-leisure .content-area .site-main .type-etablissements .contactprint .phone {
  margin-bottom: 2.5rem;
}

.single-etablissements .content-area .site-main .office-sponsors,
.page-template-content-sante .content-area .site-main .office-sponsors,
.page-template-content-leisure .content-area .site-main .office-sponsors {
  width: 100%;
  margin-bottom: 5.3rem;
  clear: both;
}

.single-etablissements .content-area .site-main .office-sponsors h2,
.page-template-content-sante .content-area .site-main .office-sponsors h2,
.page-template-content-leisure .content-area .site-main .office-sponsors h2 {
  text-align: center;
  margin: 4rem 0 2.5rem 0;
}

.single-etablissements .content-area .site-main .office-sponsors .horizontal-rule,
.page-template-content-sante .content-area .site-main .office-sponsors .horizontal-rule,
.page-template-content-leisure .content-area .site-main .office-sponsors .horizontal-rule {
  width: 15rem;
  height: 0.5rem;
  background-color: #BB1722;
  margin: 0 auto;
  padding: 0;
  border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  display: block;
}

.single-etablissements .content-area .site-main .office-sponsors .site>*,
.page-template-content-sante .content-area .site-main .office-sponsors .site>*,
.page-template-content-leisure .content-area .site-main .office-sponsors .site>* {
  padding: 30px;
  color: #fff;
  font-size: 20px;
}

.single-etablissements .content-area .site-main .office-sponsors .sponsors-logos,
.page-template-content-sante .content-area .site-main .office-sponsors .sponsors-logos,
.page-template-content-leisure .content-area .site-main .office-sponsors .sponsors-logos {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
  list-style: none;
}

.single-etablissements .content-area .site-main .office-sponsors .sponsors-logos li,
.page-template-content-sante .content-area .site-main .office-sponsors .sponsors-logos li,
.page-template-content-leisure .content-area .site-main .office-sponsors .sponsors-logos li {
  width: 25%;
  width: auto;
  height: auto;
  margin: 0 5% 5% 0;
  padding: 0;
  box-sizing: border-box;
}

.single-etablissements .content-area .site-main .office-sponsors .sponsors-logos li:before,
.page-template-content-sante .content-area .site-main .office-sponsors .sponsors-logos li:before,
.page-template-content-leisure .content-area .site-main .office-sponsors .sponsors-logos li:before {
  background: none;
  width: 0;
  height: 0;
  position: initial;
  margin: 0;
  display: none;
}

.single-etablissements .content-area .site-main .office-sponsors .sponsors-logos li a,
.page-template-content-sante .content-area .site-main .office-sponsors .sponsors-logos li a,
.page-template-content-leisure .content-area .site-main .office-sponsors .sponsors-logos li a {
  display: block;
}

.single-etablissements .content-area .site-main .office-sponsors .sponsors-logos li img,
.page-template-content-sante .content-area .site-main .office-sponsors .sponsors-logos li img,
.page-template-content-leisure .content-area .site-main .office-sponsors .sponsors-logos li img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

.single-etablissements .content-panel h2,
.page-template-content-sante .content-panel h2,
.page-template-content-leisure .content-panel h2 {
  margin: 0 0 2rem 0;
}

.single-etablissements .content-panel h3,
.page-template-content-sante .content-panel h3,
.page-template-content-leisure .content-panel h3 {
  margin: 0 0 1.2rem 0;
  font-size: 1.8rem;
}

.single-etablissements .content-panel .row-content,
.page-template-content-sante .content-panel .row-content,
.page-template-content-leisure .content-panel .row-content {
  margin-bottom: 4rem;
}

.single-etablissements .content-panel .row-content .row-description img,
.page-template-content-sante .content-panel .row-content .row-description img,
.page-template-content-leisure .content-panel .row-content .row-description img {
  display: block;
  margin: 2% 0 0;
  max-height: 60%;
  width: auto;
}

.single-etablissements .content-panel .row-content .nf-form-cont ul li:before,
.page-template-content-sante .content-panel .row-content .nf-form-cont ul li:before,
.page-template-content-leisure .content-panel .row-content .nf-form-cont ul li:before {
  background: none;
  width: 0;
  height: 0;
  position: initial;
  margin: 0;
  display: none;
}

.single-etablissements .content-panel .dl-file,
.page-template-content-sante .content-panel .dl-file,
.page-template-content-leisure .content-panel .dl-file {
  position: relative;
  margin: 2rem 0 0 2rem;
}

.single-etablissements .content-panel .dl-file:before,
.page-template-content-sante .content-panel .dl-file:before,
.page-template-content-leisure .content-panel .dl-file:before {
  content: '';
  position: absolute;
  content: '';
  width: 2rem;
  height: 2rem;
  margin: 0 1rem 0 -2rem;
  background-image: url("images/download.svg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 95%;
  vertical-align: sub;
}

.single-etablissements .content-panel .dl-file .dl-title,
.page-template-content-sante .content-panel .dl-file .dl-title,
.page-template-content-leisure .content-panel .dl-file .dl-title {
  display: inline-block;
  font-weight: 700;
  padding-left: 2%;
  box-sizing: border-box;
  text-decoration: underline;
}

.single-etablissements .content-panel .dl-meta,
.page-template-content-sante .content-panel .dl-meta,
.page-template-content-leisure .content-panel .dl-meta {
  display: inline-block;
  text-transform: uppercase;
}

.single-etablissements #location-form h2,
.page-template-content-sante #location-form h2,
.page-template-content-leisure #location-form h2 {
  margin-bottom: 0;
}

.single-etablissements #location-form h3,
.page-template-content-sante #location-form h3,
.page-template-content-leisure #location-form h3 {
  margin-top: 3.8rem;
  font-size: 1.8rem;
}

.single-etablissements #location-form h4,
.page-template-content-sante #location-form h4,
.page-template-content-leisure #location-form h4 {
  font-size: 1.6rem;
}

/* Sitemap & pages génériques – Mobile */
.page-template-default .type-page,
.page-template-default .page-content,
.error404 .type-page,
.error404 .page-content {
  padding: 0 7.76%;
}

.page-template-default .type-page .entry-header,
.page-template-default .page-content .entry-header,
.error404 .type-page .entry-header,
.error404 .page-content .entry-header {
  margin-bottom: 5rem;
}

.page-template-default .type-page ul,
.page-template-default .page-content ul,
.error404 .type-page ul,
.error404 .page-content ul {
  padding: 0;
  margin: 1.5rem 0 4rem 4rem;
  box-sizing: border-box;
  list-style: none;
}

.page-template-default .type-page ul li,
.page-template-default .page-content ul li,
.error404 .type-page ul li,
.error404 .page-content ul li {
  position: relative;
  margin: 1.5rem 0;
  padding-left: 2.4rem;
  box-sizing: border-box;
}

.page-template-default .type-page ul li:first-of-type,
.page-template-default .page-content ul li:first-of-type,
.error404 .type-page ul li:first-of-type,
.error404 .page-content ul li:first-of-type {
  margin-top: 0;
}

.page-template-default .type-page ul li:before,
.page-template-default .page-content ul li:before,
.error404 .type-page ul li:before,
.error404 .page-content ul li:before {
  position: absolute;
  left: 0.5rem;
  top: 0.9rem;
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  clear: both;
  margin: 0 1.6rem 0 0;
  background-image: url("images/puce.svg");
  background-repeat: no-repeat;
  background-position: top center;
  vertical-align: middle;
}

.page-template-default .type-page ul li a,
.page-template-default .page-content ul li a,
.error404 .type-page ul li a,
.error404 .page-content ul li a {
  word-break: break-all;
}

.page-template-default .type-page ul li ul,
.page-template-default .page-content ul li ul,
.error404 .type-page ul li ul,
.error404 .page-content ul li ul {
  margin: 1rem 0 1rem 1rem;
}

.page-template-default .type-page ul li ul li,
.page-template-default .page-content ul li ul li,
.error404 .type-page ul li ul li,
.error404 .page-content ul li ul li {
  margin: 1rem 0 1rem 2.5rem;
  padding-left: 1.5rem;
}

.page-template-default .type-page ul li ul li:first-of-type,
.page-template-default .page-content ul li ul li:first-of-type,
.error404 .type-page ul li ul li:first-of-type,
.error404 .page-content ul li ul li:first-of-type {
  margin-top: 0;
}

.page-template-default .type-page ul li ul li:before,
.page-template-default .page-content ul li ul li:before,
.error404 .type-page ul li ul li:before,
.error404 .page-content ul li ul li:before {
  position: absolute;
  left: 0;
  top: 0.8rem;
  background-image: url("images/chevron.svg");
  background-position: center center;
  width: 1rem;
  height: 1.3rem;
}

.page-template-default .type-page .wsp-container h2,
.page-template-default .page-content .wsp-container h2,
.error404 .type-page .wsp-container h2,
.error404 .page-content .wsp-container h2 {
  margin: 4.5rem 0 3.5rem 0;
  text-align: left;
}

.page-template-default .type-page .wsp-container a,
.page-template-default .page-content .wsp-container a,
.error404 .type-page .wsp-container a,
.error404 .page-content .wsp-container a {
  color: #4B3C31;
}

.page-template-default .type-page table,
.page-template-default .page-content table,
.error404 .type-page table,
.error404 .page-content table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 3rem;
  table-layout: fixed;
  word-wrap: break-word;
  font-size: 1.4rem;
}

.page-template-default .type-page table tr,
.page-template-default .page-content table tr,
.error404 .type-page table tr,
.error404 .page-content table tr {
  width: 50%;
}

.page-template-default .type-page table td,
.page-template-default .page-content table td,
.error404 .type-page table td,
.error404 .page-content table td {
  padding: 1rem;
  border-bottom: 0.1rem solid #D4CFC5;
  text-align: center;
  vertical-align: top;
}

.page-template-default .type-page table th,
.page-template-default .page-content table th,
.error404 .type-page table th,
.error404 .page-content table th {
  padding: 1rem;
  border-bottom: 0.1rem solid #D4CFC5;
  background-color: #FAF9F7;
}

.error404 p {
  text-align: center;
}

/* Page Association – Mobile */
.page-template-content-association header .horizontal-rule,
.page-template-content-soutien header .horizontal-rule {
  background-color: #004D7B;
}

.page-template-content-association header .intro,
.page-template-content-soutien header .intro {
  display: block;
  min-width: 100%;
  width: 100%;
}

.page-template-content-association header .intro .encart,
.page-template-content-soutien header .intro .encart {
  right: initial;
  left: 7.76%;
}

.page-template-content-association header .page-header-links,
.page-template-content-soutien header .page-header-links {
  display: block;
  list-style: none;
  margin: 0 auto 5.3rem auto;
  padding: 0 7.76%;
  box-sizing: border-box;
  text-align: left;
}

.page-template-content-association header .page-header-links li a,
.page-template-content-soutien header .page-header-links li a {
  display: block;
  margin: 0 auto 3.5rem;
  position: relative;
  max-width: 80%;
}

.page-template-content-association header .page-header-links li a:before,
.page-template-content-soutien header .page-header-links li a:before {
  position: absolute;
  left: 0.5rem;
  top: 0.4rem;
  margin: 0 0 0 -3.4rem;
}

.page-template-content-association header .page-header-links li a:last-of-type,
.page-template-content-soutien header .page-header-links li a:last-of-type {
  margin-bottom: 0;
}

.page-template-content-association .actions .themes .col img,
.page-template-content-soutien .actions .themes .col img {
  bottom: 6.7rem;
}

.page-template-content-association .actions .themes .school,
.page-template-content-association .actions .themes .leisure,
.page-template-content-soutien .actions .themes .school,
.page-template-content-soutien .actions .themes .leisure {
  margin-top: -4.2rem;
}

.page-template-content-association .actions .download-container,
.page-template-content-soutien .actions .download-container {
  max-width: 75%;
  list-style: none;
  text-align: left;
  margin: 0 auto;
  padding: 0;
}

.page-template-content-association .actions .download-container .dl-file a,
.page-template-content-soutien .actions .download-container .dl-file a {
  color: #FFFFFF;
  font-weight: 700;
}

.page-template-content-association .actions .download-container .dl-file a:before,
.page-template-content-soutien .actions .download-container .dl-file a:before {
  content: '';
  position: absolute;
  content: '';
  width: 2rem;
  height: 2rem;
  margin: 0 0 0 -3rem;
  background-image: url("images/download-b.svg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 95%;
  vertical-align: sub;
}

.page-template-content-association .actions .download-container .dl-file a .dl-meta,
.page-template-content-soutien .actions .download-container .dl-file a .dl-meta {
  text-transform: uppercase;
  font-weight: 700;
}

.page-template-content-association .actions .download-container .dl-file:last-of-type,
.page-template-content-soutien .actions .download-container .dl-file:last-of-type {
  margin-bottom: 0;
}

.page-template-content-association .gouvernance,
.page-template-content-soutien .gouvernance {
  padding: 0 3.6rem;
  margin: 5.3rem auto;
}

.page-template-content-association .gouvernance h2,
.page-template-content-soutien .gouvernance h2 {
  text-align: left;
  margin-bottom: 5rem;
}

.page-template-content-association .gouvernance .accroche,
.page-template-content-soutien .gouvernance .accroche {
  text-align: left;
  font-size: 1.6rem;
}

.page-template-content-association .gouvernance .encarts-container,
.page-template-content-soutien .gouvernance .encarts-container {
  margin: 2.1rem auto 0 auto;
}

.page-template-content-association .gouvernance .encarts-container .encart,
.page-template-content-soutien .gouvernance .encarts-container .encart {
  padding: 3.5rem;
  box-sizing: border-box;
  border: 0.1rem solid #C5C3BF;
  background-color: #F8F6F2;
  background-repeat: no-repeat;
  text-align: left;
  margin-bottom: 3.3rem;
}

.page-template-content-association .gouvernance .encarts-container .encart h3,
.page-template-content-soutien .gouvernance .encarts-container .encart h3 {
  font-size: 1.8rem;
  margin: 0 0 1.5rem;
}

.page-template-content-association .gouvernance .encarts-container .encart p,
.page-template-content-soutien .gouvernance .encarts-container .encart p {
  margin: 0;
}

.page-template-content-association .sponsors,
.page-template-content-soutien .sponsors {
  margin-bottom: 0;
}

.page-template-content-association .sponsors .sponsors-logos,
.page-template-content-soutien .sponsors .sponsors-logos {
  justify-content: center;
}

.page-template-content-association .sponsors .sponsors-logos li,
.page-template-content-soutien .sponsors .sponsors-logos li {
  margin-bottom: 0;
}

.page-template-content-association .reseau,
.page-template-content-soutien .reseau {
  background-color: #422256;
  color: #FFFFFF;
  padding: 5rem 3.6rem;
}

.page-template-content-association .reseau h2,
.page-template-content-soutien .reseau h2 {
  margin-top: 0;
}

.page-template-content-association .reseau .accroche,
.page-template-content-soutien .reseau .accroche {
  margin-bottom: 2.6rem;
}

.page-template-content-association .reseau .accroche p:last-of-type,
.page-template-content-soutien .reseau .accroche p:last-of-type {
  margin-bottom: 0;
}

.page-template-content-association .reseau .sponsors-logos,
.page-template-content-soutien .reseau .sponsors-logos {
  display: flex;
  justify-content: center;
  margin-top: 3.6rem;
}

.page-template-content-association .reseau .sponsors-logos li,
.page-template-content-soutien .reseau .sponsors-logos li {
  max-width: 100%;
  height: auto;
}

.page-template-content-association .reseau .sponsors-logos li a,
.page-template-content-soutien .reseau .sponsors-logos li a {
  display: inline-block;
}

.page-template-content-association .reseau .arrow,
.page-template-content-soutien .reseau .arrow {
  display: block;
  margin-left: 3.6rem;
  text-align: left;
  font-size: 1.8rem;
}

.page-template-content-association .reseau .arrow:before,
.page-template-content-soutien .reseau .arrow:before {
  margin-left: -2.8rem;
}

/* Pages Prévention et Santé + Autour de l'école + Éducation et loisirs – Mobile */
.page-template-content-sante .row-container:first-of-type {
  margin: 4.5rem 0;
}

.page-template-content-sante .row-container:last-of-type {
  margin-bottom: 3rem;
}

.page-template-content-sante .row-container .row-content {
  padding: 0 7.76%;
  margin: 0 0 3rem 0;
}

/* Page Autour de l'école – Mobile */
.page-id-115 .content-area .site-main .office-header .office-header-right .horizontal-rule {
  background-color: #422256 !important;
}

/* Page Éducation et loisirs – Mobile */
.page-template-content-leisure .content-area .site-main .office-header {
  padding: 0 7.76%;
}

.page-template-content-leisure .content-area .site-main .office-header .office-header-right .horizontal-rule {
  background-color: #F08301 !important;
}

.page-template-content-leisure .content-area .site-main .row-container {
  margin: 4.5rem 0;
  padding: 0 7.76%;
}

.page-template-content-leisure .content-area .site-main .row-container .row-content {
  margin: 0 0 3rem 0;
}

.page-template-content-leisure .content-area .site-main .catalogue {
  margin-bottom: 8.5rem;
}

.page-template-content-leisure .content-area .site-main .catalogue .highlight {
  padding: 4.7rem 7.76%;
  margin-bottom: 0;
  color: #4B3C31;
  background-color: #F8F6F2;
}

.page-template-content-leisure .content-area .site-main .catalogue .download-container .cta {
  font-size: 1.6rem;
}

.page-template-content-leisure .content-area .site-main .catalogue .download-container .mail {
  font-size: 1.4rem;
}

.page-template-content-leisure .content-area .site-main .col-container {
  display: block;
  padding: 0 7.76%;
  max-width: 80%;
  margin: 0 auto;
}

.page-template-content-leisure .content-area .site-main .col-container .h2-secondary {
  text-align: center;
}

.page-template-content-leisure .content-area .site-main .col-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-template-content-leisure .content-area .site-main .col-container ul .col-content {
  text-align: center;
  font-weight: 700;
  margin-bottom: 6.3rem;
  font-size: 1.8rem;
}

.page-template-content-leisure .content-area .site-main .col-container ul .col-content p {
  margin-bottom: 0;
}

.page-template-content-leisure .content-area .site-main .quote-container {
  margin: 10.6rem 0 4.5rem;
  padding: 0 7.76%;
}

.page-template-content-leisure .content-area .site-main .quote-container blockquote {
  width: 100%;
  padding: 7rem 4rem 4rem 4rem;
  margin: 0 auto 4.4rem auto;
  height: auto;
  box-shadow: 0.5rem 0.5rem 0 0 #004D7B;
  border: solid 0.2rem #C5C3BF;
  background-image: url(images/quote.svg);
  background-position: 3rem 3rem;
  background-repeat: no-repeat;
  background-color: #F8F6F2;
}

.page-template-content-leisure .content-area .site-main .quote-container blockquote p {
  padding: 0;
  margin: 0 0 2rem 0;
  box-sizing: border-box;
  font-size: 1.6rem;
  line-height: 1.4;
}

.page-template-content-leisure .content-area .site-main .quote-container blockquote footer {
  font-size: 1.4rem;
  font-weight: bold;
}

/* Page Nous soutenir – Mobile */
.page-template-content-soutien .intro .encart .intro-text p:first-of-type {
  margin-bottom: 0;
}

.page-template-content-soutien .row-container {
  padding: 0 7.76%;
}

.page-template-content-soutien .row-container:last-of-type {
  margin-bottom: 7.8rem;
}

.page-template-content-soutien .row-container .row-content .dl-file {
  padding-left: 3rem;
  box-sizing: border-box;
}

.page-template-content-soutien .row-container .row-content .dl-file a {
  font-weight: 700;
}

.page-template-content-soutien .row-container .row-content .dl-file a:before {
  content: '';
  position: absolute;
  content: '';
  width: 2rem;
  height: 2rem;
  margin: 0 0 0 -3rem;
  background-image: url("images/download.svg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 95%;
  vertical-align: sub;
}

.page-template-content-soutien .row-container .row-content .dl-file a .dl-meta {
  font-weight: normal;
  text-transform: uppercase;
}

/* Offre d'emploi seule – Mobile */
.single-emploi .contenu-emploi {
  padding: 0 7.76%;
  box-sizing: border-box;
}

.single-emploi .contenu-emploi .entry-header .metadata {
  display: block;
  height: auto;
  margin: 3.2rem auto 3rem;
  list-style: none;
  font-size: 2rem;
  padding: 0;
}

.single-emploi .contenu-emploi .entry-header .metadata li {
  margin-bottom: 1.3rem;
}

.single-emploi .contenu-emploi .entry-header .metadata li:last-of-type {
  margin-bottom: 0;
}

.single-emploi .contenu-emploi .entry-header .metadata li:before {
  content: '';
  display: inline-block;
  width: 2.5rem;
  height: 2.4rem;
  margin: 0 1rem 0 0;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.single-emploi .contenu-emploi .entry-header .metadata .lieu-emploi:before {
  background-image: url("images/map-pin-b.svg");
}

.single-emploi .contenu-emploi .entry-header .metadata .contrat-emploi:before {
  background-image: url("images/contrat.svg");
}

.single-emploi .contenu-emploi .entry-header .metadata .office-emploi:before {
  background-image: url("images/office.svg");
}

.single-emploi .contenu-emploi .entry-header .metadata .temps-emploi:before {
  background-image: url("images/temps.svg");
}

.single-emploi .contenu-emploi .entry .entry-emploi {
  margin-bottom: 3rem;
}

.single-emploi .contenu-emploi .entry .entry-emploi:last-of-type {
  margin-bottom: 0;
}

.single-emploi .contenu-emploi .entry .entry-emploi h2 {
  margin-top: 0;
}

.single-emploi .contenu-emploi .entry .entry-emploi p {
  margin: 1.5rem 0;
}

.single-emploi .contenu-emploi .entry .entry-emploi p:last-of-type {
  margin-bottom: 0;
}

.single-emploi .contenu-emploi .entry .entry-emploi .portuler {
  margin-top: 2.3rem;
}

.single-emploi .contenu-emploi .entry .entry-emploi ul {
  padding: 0;
  margin: 1rem 0 4rem 2rem;
  box-sizing: border-box;
  list-style: none;
}

.single-emploi .contenu-emploi .entry .entry-emploi ul:last-of-type {
  margin-bottom: 0;
}

.single-emploi .contenu-emploi .entry .entry-emploi ul li {
  position: relative;
  margin: 1.5rem 0;
  padding-left: 2.4rem;
  box-sizing: border-box;
}

.single-emploi .contenu-emploi .entry .entry-emploi ul li:first-of-type {
  margin-top: 0;
}

.single-emploi .contenu-emploi .entry .entry-emploi ul li:before {
  position: absolute;
  left: 0.5rem;
  top: 0.9rem;
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  clear: both;
  margin: 0 1.6rem 0 0;
  background-image: url("images/puce.svg");
  background-repeat: no-repeat;
  background-position: top center;
  vertical-align: middle;
}

.single-emploi .contenu-emploi .entry .entry-emploi ul li ul {
  margin: 1rem 0 1rem 1rem;
}

.single-emploi .contenu-emploi .entry .entry-emploi ul li ul li {
  margin: 1rem 0 1rem 2.5rem;
  padding-left: 1.5rem;
}

.single-emploi .contenu-emploi .entry .entry-emploi ul li ul li:first-of-type {
  margin-top: 0;
}

.single-emploi .contenu-emploi .entry .entry-emploi ul li ul li:before {
  position: absolute;
  left: 0;
  top: 0.8rem;
  background-image: url("images/chevron.svg");
  background-position: center center;
  width: 1rem;
  height: 1.3rem;
}

.single-emploi .contenu-emploi .entry .entry-emploi ol {
  padding: 0;
  margin: 2rem 0 2rem 2rem;
  box-sizing: border-box;
  list-style: none;
  counter-reset: my-counter;
}

.single-emploi .contenu-emploi .entry .entry-emploi ol li {
  position: relative;
  margin: 1.5rem 0 1.5rem 1rem;
  padding-left: 1rem;
  box-sizing: border-box;
  counter-increment: my-counter;
}

.single-emploi .contenu-emploi .entry .entry-emploi ol li:first-of-type {
  margin-top: 0;
}

.single-emploi .contenu-emploi .entry .entry-emploi ol li:before {
  position: absolute;
  left: -1rem;
  content: counter(my-counter) ". ";
  color: #004D7B;
  font-weight: 700;
}

.single-emploi .contenu-emploi .entry .entry-emploi ol li ol {
  margin: 1rem 0 1rem 1rem;
  counter-reset: my-nested-counter;
}

.single-emploi .contenu-emploi .entry .entry-emploi ol li ol li {
  position: relative;
  counter-increment: my-nested-counter;
  margin: 1rem 0 1rem 2.5rem;
  padding-left: 1.5rem;
}

.single-emploi .contenu-emploi .entry .entry-emploi ol li ol li:first-of-type {
  margin-top: 0;
}

.single-emploi .contenu-emploi .entry .entry-emploi ol li ol li:before {
  position: absolute;
  left: -2rem;
  content: counter(my-counter) "."counter(my-nested-counter) ".";
  font-weight: 700;
}

/* Offres d'emploi – Mobile */
.post-type-archive-emploi .actus .beautiful-taxonomy-filters {
  display: block;
}

.post-type-archive-emploi .actus .newslist {
  padding: 0;
}

.post-type-archive-emploi .actus .newslist .emploi-content {
  max-width: 100%;
  margin: 0 auto 4.3rem;
  padding: 6.6rem;
  box-sizing: border-box;
  border: 0.1rem solid #C5C3BF;
  background-color: #F8F6F2;
  text-align: left;
}

.post-type-archive-emploi .actus .newslist .emploi-content h2 a {
  color: #4B3C31;
}

.post-type-archive-emploi .actus .newslist .emploi-content .metadata {
  display: flex;
  flex-wrap: wrap;
  height: auto;
  margin: 0 auto;
  list-style: none;
  font-size: 1.8rem;
}

.post-type-archive-emploi .actus .newslist .emploi-content .metadata li {
  position: relative;
  margin: 0 2.4rem 1.3rem 0;
}

.post-type-archive-emploi .actus .newslist .emploi-content .metadata li:last-of-type {
  margin-bottom: 0;
  margin-right: 0;
}

.post-type-archive-emploi .actus .newslist .emploi-content .metadata li:before {
  content: '';
  position: absolute;
  top: 0;
  left: -3.3rem;
  width: 2.5rem;
  height: 2.4rem;
  margin: 0;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.post-type-archive-emploi .actus .newslist .emploi-content .metadata li .metadata-content {
  margin-right: 2.4rem;
}

.post-type-archive-emploi .actus .newslist .emploi-content .metadata .lieu-emploi:before {
  background-image: url("images/map-pin-b.svg");
}

.post-type-archive-emploi .actus .newslist .emploi-content .metadata .contrat-emploi:before {
  background-image: url("images/contrat.svg");
}

.post-type-archive-emploi .actus .newslist .emploi-content .metadata .office-emploi:before {
  background-image: url("images/office.svg");
}

.post-type-archive-emploi .actus .newslist .emploi-content .metadata .temps-emploi:before {
  background-image: url("images/temps.svg");
}

.post-type-archive-emploi .actus .newslist .candidature-spontanee {
  max-width: 100%;
  margin: 0 auto 4.3rem;
  padding: 0 6.6rem;
  box-sizing: border-box;
  text-align: left;
}

.post-type-archive-emploi .actus .newslist .candidature-spontanee h2:first-of-type {
  background: transparent;
}

.post-type-archive-emploi .actus .newslist .candidature-spontanee h2,
.post-type-archive-emploi .actus .newslist .candidature-spontanee .details {
  text-align: center;
  background: transparent;
}

.post-type-archive-emploi .actus .newslist .candidature-spontanee .postuler .arrow {
  font-size: 1.8rem;
}

.post-type-archive-actualites .news-no-results-form,
.post-type-archive-emploi .news-no-results-form {
  display: none;
}

.post-type-archive-actualites .news-no-results,
.post-type-archive-emploi .news-no-results {
  text-align: center;
}

.post-type-archive-actualites .newslist .candidature-spontanee,
.post-type-archive-emploi .newslist .candidature-spontanee {
  max-width: 56%;
  margin: 0 auto 7.9rem;
  padding: 0 6.6rem;
  text-align: center;
}

/* Résultats de recherche – Mobile */
.search-results .search-content,
.search-no-results .search-content {
  max-width: 100%;
  margin: 0 auto 4.3rem;
  padding: 6.6rem;
  box-sizing: border-box;
  border: 0.1rem solid #C5C3BF;
  background-color: #F8F6F2;
  text-align: left;
}

.search-results .search-content h2:first-of-type,
.search-no-results .search-content h2:first-of-type {
  padding: 0;
}

.search-results .search-content h2 a,
.search-no-results .search-content h2 a {
  color: #4B3C31;
}

.search-results .search-content .search-meta,
.search-no-results .search-content .search-meta {
  display: block;
  padding-left: 3rem;
  box-sizing: border-box;
}

.search-results .search-content .search-meta .metadata,
.search-no-results .search-content .search-meta .metadata {
  position: relative;
  font-size: 1.6rem;
  margin: 2rem 0;
}

.search-results .search-content .search-meta .metadata:first-of-type,
.search-no-results .search-content .search-meta .metadata:first-of-type {
  margin-right: 8.2rem;
}

.search-results .search-content .search-meta .metadata p,
.search-no-results .search-content .search-meta .metadata p {
  margin: 0;
}

.search-results .search-content .search-meta .metadata p:before,
.search-no-results .search-content .search-meta .metadata p:before {
  content: '';
  position: absolute;
  top: 0;
  left: -3rem;
  width: 2rem;
  height: 2rem;
  margin: 0;
  background-image: url("images/tag-b.svg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 90%;
}

.search-results .search-content .search-meta .date,
.search-no-results .search-content .search-meta .date {
  position: relative;
  margin: 2rem 0;
}

.search-results .search-content .search-meta .date p,
.search-no-results .search-content .search-meta .date p {
  margin: 0;
}

.search-results .search-content .search-meta .date p:before,
.search-no-results .search-content .search-meta .date p:before {
  content: '';
  position: absolute;
  top: 0;
  left: -3rem;
  width: 2rem;
  height: 2rem;
  margin: 0;
  background-image: url("images/clock.svg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 90%;
}

.page-template-content-contact .row-container {
  max-width: 90%;
  margin: 8.6rem auto;
  padding: 0 7.76%;
}

.page-template-content-contact .row-container:last-of-type {
  margin-bottom: 13.4rem;
}

.page-template-content-contact .row-container .cf7 .form-row {
  display: block;
}

@media screen and (min-width: 76.8rem) {

  .page-template-home,
  .single-actualites,
  .page-template-content-association,
  .page-template-content-soutien,
  .page-template-content-contact {
    /* Homepage – Bannière + texte */
    /* Homepage – Encart actus */
    /* Homepage – Nos actions */
    /* Homepage – Adhérer */
    /* Homepage – Encart sponsors */
  }

  .page-template-home .intro,
  .single-actualites .intro,
  .page-template-content-association .intro,
  .page-template-content-soutien .intro,
  .page-template-content-contact .intro {
    position: relative;
  }

  .page-template-home .intro .banner_home,
  .single-actualites .intro .banner_home,
  .page-template-content-association .intro .banner_home,
  .page-template-content-soutien .intro .banner_home,
  .page-template-content-contact .intro .banner_home {
    display: block;
    min-width: 100%;
    min-height: 90vh;
    width: auto;
    overflow: hidden;
  }

  .page-template-home .intro .banner_home img,
  .single-actualites .intro .banner_home img,
  .page-template-content-association .intro .banner_home img,
  .page-template-content-soutien .intro .banner_home img,
  .page-template-content-contact .intro .banner_home img {
    object-fit: cover;
    min-width: 100%;
    min-height: 90vh;
    width: auto;
    display: block;
  }

  .page-template-home .intro .encart,
  .single-actualites .intro .encart,
  .page-template-content-association .intro .encart,
  .page-template-content-soutien .intro .encart,
  .page-template-content-contact .intro .encart {
    position: absolute;
    top: 17.2rem;
    right: 6%;
    width: 50rem;
    height: auto;
    box-sizing: border-box;
    padding: 3.5rem;
  }

  .page-template-home .intro .encart h2,
  .single-actualites .intro .encart h2,
  .page-template-content-association .intro .encart h2,
  .page-template-content-soutien .intro .encart h2,
  .page-template-content-contact .intro .encart h2 {
    margin: 0 0 3.7rem 0;
    text-align: center;
    line-height: 1.2;
  }

  .page-template-home .intro .encart .intro-text p,
  .single-actualites .intro .encart .intro-text p,
  .page-template-content-association .intro .encart .intro-text p,
  .page-template-content-soutien .intro .encart .intro-text p,
  .page-template-content-contact .intro .encart .intro-text p {
    margin: 0 0 2.5rem 0;
    line-height: 1.4;
  }

  .page-template-home .intro .encart .cta-asso,
  .page-template-home .intro .encart .cta-etablissements,
  .single-actualites .intro .encart .cta-asso,
  .single-actualites .intro .encart .cta-etablissements,
  .page-template-content-association .intro .encart .cta-asso,
  .page-template-content-association .intro .encart .cta-etablissements,
  .page-template-content-soutien .intro .encart .cta-asso,
  .page-template-content-soutien .intro .encart .cta-etablissements,
  .page-template-content-contact .intro .encart .cta-asso,
  .page-template-content-contact .intro .encart .cta-etablissements {
    display: block;
    width: 100%;
    height: auto;
  }

  .page-template-home .intro .encart .verbatim,
  .single-actualites .intro .encart .verbatim,
  .page-template-content-association .intro .encart .verbatim,
  .page-template-content-soutien .intro .encart .verbatim,
  .page-template-content-contact .intro .encart .verbatim {
    margin-bottom: 0;
  }

  .page-template-home .intro .encart .verbatim p,
  .single-actualites .intro .encart .verbatim p,
  .page-template-content-association .intro .encart .verbatim p,
  .page-template-content-soutien .intro .encart .verbatim p,
  .page-template-content-contact .intro .encart .verbatim p {
    font-size: 1.4rem;
  }

  .page-template-home .actus,
  .single-actualites .actus,
  .page-template-content-association .actus,
  .page-template-content-soutien .actus,
  .page-template-content-contact .actus {
    margin: 10rem auto 8.7rem;
    max-width: 100%;
    padding: 0 7.76%;
    box-sizing: border-box;
  }

  .page-template-home .actus .newslist,
  .single-actualites .actus .newslist,
  .page-template-content-association .actus .newslist,
  .page-template-content-soutien .actus .newslist,
  .page-template-content-contact .actus .newslist {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .page-template-home .actus .newslist .news-content,
  .single-actualites .actus .newslist .news-content,
  .page-template-content-association .actus .newslist .news-content,
  .page-template-content-soutien .actus .newslist .news-content,
  .page-template-content-contact .actus .newslist .news-content {
    width: 45%;
    height: auto;
    margin-bottom: 0;
  }

  .page-template-home .actus .newslist .news-content h3,
  .single-actualites .actus .newslist .news-content h3,
  .page-template-content-association .actus .newslist .news-content h3,
  .page-template-content-soutien .actus .newslist .news-content h3,
  .page-template-content-contact .actus .newslist .news-content h3 {
    margin: 3.2rem 0 2rem 0;
    font-size: 2.4rem;
    line-height: 1.3;
  }

  .page-template-home .actions .highlight,
  .single-actualites .actions .highlight,
  .page-template-content-association .actions .highlight,
  .page-template-content-soutien .actions .highlight,
  .page-template-content-contact .actions .highlight {
    padding: 8rem 7.76%;
    margin-bottom: 4.8rem;
  }

  .page-template-home .actions .highlight .accroche,
  .single-actualites .actions .highlight .accroche,
  .page-template-content-association .actions .highlight .accroche,
  .page-template-content-soutien .actions .highlight .accroche,
  .page-template-content-contact .actions .highlight .accroche {
    font-size: 2.4rem;
    max-width: 65%;
  }

  .page-template-home .actions .highlight .cta,
  .single-actualites .actions .highlight .cta,
  .page-template-content-association .actions .highlight .cta,
  .page-template-content-soutien .actions .highlight .cta,
  .page-template-content-contact .actions .highlight .cta {
    display: block;
    margin: 3.8rem auto 0 auto;
  }

  .page-template-home .actions .themes,
  .single-actualites .actions .themes,
  .page-template-content-association .actions .themes,
  .page-template-content-soutien .actions .themes,
  .page-template-content-contact .actions .themes {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 7.76%;
    box-sizing: border-box;
    height: auto;
  }

  .page-template-home .actions .themes .col,
  .single-actualites .actions .themes .col,
  .page-template-content-association .actions .themes .col,
  .page-template-content-soutien .actions .themes .col,
  .page-template-content-contact .actions .themes .col {
    width: 32.5%;
    max-width: 38rem;
  }

  .page-template-home .actions .themes .col .col-text,
  .single-actualites .actions .themes .col .col-text,
  .page-template-content-association .actions .themes .col .col-text,
  .page-template-content-soutien .actions .themes .col .col-text,
  .page-template-content-contact .actions .themes .col .col-text {
    display: flex;
    flex-direction: column;
    min-height: 60rem;
    max-height: 80rem;
    box-sizing: border-box;
    padding: 5rem 4rem 13rem 4rem;
    background-color: #F8F6F2;
  }

  .page-template-home .actions .themes .col .col-text h3,
  .single-actualites .actions .themes .col .col-text h3,
  .page-template-content-association .actions .themes .col .col-text h3,
  .page-template-content-soutien .actions .themes .col .col-text h3,
  .page-template-content-contact .actions .themes .col .col-text h3 {
    padding: 0 15% 2.2rem 15%;
    margin: 0 auto;
    text-align: center;
  }

  .page-template-home .actions .themes .col .col-text .details,
  .single-actualites .actions .themes .col .col-text .details,
  .page-template-content-association .actions .themes .col .col-text .details,
  .page-template-content-soutien .actions .themes .col .col-text .details,
  .page-template-content-contact .actions .themes .col .col-text .details {
    height: auto;
    flex-grow: 2;
    min-height: 26rem;
    height: 26rem;
  }

  .page-template-home .actions .themes .col .col-text .details p:last-of-type,
  .single-actualites .actions .themes .col .col-text .details p:last-of-type,
  .page-template-content-association .actions .themes .col .col-text .details p:last-of-type,
  .page-template-content-soutien .actions .themes .col .col-text .details p:last-of-type,
  .page-template-content-contact .actions .themes .col .col-text .details p:last-of-type {
    margin-bottom: 0;
  }

  .page-template-home .actions .themes .col .col-text .col-link,
  .single-actualites .actions .themes .col .col-text .col-link,
  .page-template-content-association .actions .themes .col .col-text .col-link,
  .page-template-content-soutien .actions .themes .col .col-text .col-link,
  .page-template-content-contact .actions .themes .col .col-text .col-link {
    height: auto;
    min-height: 4.8rem;
    display: block;
    margin: 3.5rem 0 0 2rem;
  }

  .page-template-home .actions .themes .col img,
  .single-actualites .actions .themes .col img,
  .page-template-content-association .actions .themes .col img,
  .page-template-content-soutien .actions .themes .col img,
  .page-template-content-contact .actions .themes .col img {
    display: initial;
    max-width: 35rem;
    position: relative;
    bottom: 10rem;
    left: 10%;
    width: 80%;
    margin: 0 auto;
  }

  .page-template-home .membership,
  .single-actualites .membership,
  .page-template-content-association .membership,
  .page-template-content-soutien .membership,
  .page-template-content-contact .membership {
    margin-bottom: 9.6rem;
    font-size: 2rem;
    padding: 8rem 7.76%;
  }

  .page-template-home .membership .accroche,
  .single-actualites .membership .accroche,
  .page-template-content-association .membership .accroche,
  .page-template-content-soutien .membership .accroche,
  .page-template-content-contact .membership .accroche {
    font-size: 2.4rem;
    max-width: 65%;
  }

  .page-template-home .sponsors,
  .single-actualites .sponsors,
  .page-template-content-association .sponsors,
  .page-template-content-soutien .sponsors,
  .page-template-content-contact .sponsors {
    margin-bottom: 4.8rem;
  }

  .page-template-home .sponsors .sponsors-logos,
  .single-actualites .sponsors .sponsors-logos,
  .page-template-content-association .sponsors .sponsors-logos,
  .page-template-content-soutien .sponsors .sponsors-logos,
  .page-template-content-contact .sponsors .sponsors-logos {
    margin: 0 auto;
    max-width: 80%;
  }

  .page-template-home .sponsors .sponsors-logos li,
  .single-actualites .sponsors .sponsors-logos li,
  .page-template-content-association .sponsors .sponsors-logos li,
  .page-template-content-soutien .sponsors .sponsors-logos li,
  .page-template-content-contact .sponsors .sponsors-logos li {
    max-width: 14%;
    margin: 6% 3%;
  }

  /* Pages 1er niveau – Header */
  .site-main header h1 {
    margin-bottom: 2.9rem;
  }

  .site-main header .intro {
    max-width: 60%;
    font-size: 2.8rem;
    text-align: center;
    margin: 5rem auto 7rem auto;
  }

  /* Banners : photo + heading + extract */
  .theme header {
    max-height: 29rem;
    display: flex;
    color: #FFFFFF;
    overflow: hidden;
  }

  .theme header .banner {
    display: flex;
    height: auto;
    overflow: hidden;
    max-height: inherit;
    width: 40%;
  }

  .theme header .banner img {
    width: auto;
    width: 100%;
    height: auto;
    align-self: center;
    object-fit: contain;
  }

  .theme header .header-content {
    align-self: center;
    max-width: 60%;
    padding: 1% 2%;
    box-sizing: border-box;
  }

  .theme header .header-content h2 {
    margin-top: 0;
  }

  .theme .content {
    display: block;
    max-width: 60%;
    padding: 1% 2%;
    box-sizing: border-box;
    margin-bottom: 11.9rem;
  }

  .theme .content .primary {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    list-style: none;
  }

  .theme .content .primary h3 {
    font-size: 2rem;
  }

  .theme .content .primary .col {
    display: flex;
    padding-left: 2.4rem;
  }

  .theme .content .primary .col .secondary {
    padding: 0;
    width: 50%;
    height: auto;
  }

  .theme .content .primary .secondary {
    margin-left: 0;
    padding: 0 2.4rem;
    box-sizing: border-box;
    list-style: none;
  }

  .theme .content .primary .secondary h4 {
    font-size: 1.8rem;
    margin: 2rem 0 0 0;
    padding-left: 0;
    box-sizing: border-box;
  }

  .theme .content .primary .secondary h4:before {
    background-image: none;
    width: 0;
    height: 0;
    margin: 0;
  }

  .theme .content .primary .secondary p {
    margin: 0.5rem 0 0 0;
    padding-left: 0;
  }

  .theme .content .primary .secondary .antennes {
    margin: 1.8rem 0 0 3rem;
    padding: 0;
    list-style: none;
  }

  .theme .content .primary .secondary .antennes li {
    margin: 0 0 1rem 0;
    padding: 0;
    font-size: 1.6rem;
  }

  .theme .content .primary .secondary .antennes li:before {
    background-image: url("images/chevron.svg");
    background-position: center center;
    width: 1rem;
    height: 1.3rem;
    margin-right: 0.5rem;
  }

  .theme .content .primary .secondary .antennes li:last-of-type {
    margin-bottom: 0;
  }

  .theme .content .primary .secondary:last-of-type {
    margin-bottom: 0;
  }

  .theme .content a {
    color: #4B3C31;
  }

  .theme .content .description {
    margin: 1rem 0 0 0;
    font-size: 1.6rem;
  }

  .prevention-sante header,
  .loisirs header {
    background-color: #422256;
  }

  .autour-ecole header,
  .direction header {
    background-color: #004D7B;
  }

  /* Page actualités */
  .post-type-archive-actualites .actus {
    margin: 4.5rem auto 8.7rem auto;
    padding: 0 7.76%;
  }

  .post-type-archive-actualites .actus header {
    margin-bottom: 3.5rem;
    padding: 0;
  }

  .post-type-archive-actualites .actus header h1 {
    text-align: center;
  }

  .post-type-archive-actualites .actus h2:first-of-type {
    background-color: transparent;
    padding: 0 0 2rem 0;
  }

  .post-type-archive-actualites .actus .sticky-post {
    display: flex;
    min-height: 36rem;
    max-height: 38rem;
    overflow: hidden;
    margin-bottom: 4.3rem;
    padding: 0;
    background-color: transparent;
  }

  .post-type-archive-actualites .actus .sticky-post .sticky-left {
    display: flex;
    align-content: center;
    justify-content: center;
    width: 65%;
    height: auto;
    margin: 0;
    overflow: hidden;
  }

  .post-type-archive-actualites .actus .sticky-post .sticky-left img {
    width: 100%;
    height: auto;
    min-height: 100%;
    align-self: center;
  }

  .post-type-archive-actualites .actus .sticky-post .sticky-right {
    width: 35%;
    padding: 3rem;
    box-sizing: border-box;
    background-color: #F8F6F2;
    overflow: hidden;
  }

  .post-type-archive-actualites .actus .sticky-post .sticky-right .arrow {
    display: block;
    margin-top: 2.2rem;
  }

  .post-type-archive-actualites .actus .archive-news {
    padding: 0;
  }

  .post-type-archive-actualites .actus .archive-news h2 {
    padding: 0;
    margin: 0;
  }

  .post-type-archive-actualites .actus .newslist {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0;
  }

  .post-type-archive-actualites .actus .newslist .news-content {
    max-width: 53rem;
    width: 45%;
    height: auto;
    margin-bottom: 10.3rem;
  }

  .post-type-archive-actualites .actus .newslist .news-content:nth-child(n+3) {
    margin-bottom: 0;
  }

  .post-type-archive-actualites .actus .newslist .news-content h3 {
    margin: 3.2rem 0 2rem 0;
    font-size: 2.4rem;
    line-height: 1.3;
  }

  .post-type-archive-actualites .actus .newslist .news-content:last-of-type {
    margin-bottom: 0;
  }

  /* Actualité seule */
  .type-actualites .contenu-actualite {
    padding: 0 7.76%;
    box-sizing: border-box;
  }

  .type-actualites .contenu-actualite .entry-header {
    margin-bottom: 5rem;
  }

  .type-actualites .contenu-actualite .entry-header .entry-header-left {
    float: left;
    width: 48%;
    margin-right: 2%;
  }

  .type-actualites .contenu-actualite .entry-header .entry-header-left h1 {
    text-align: left;
    margin-bottom: 2.5rem;
  }

  .type-actualites .contenu-actualite .entry-header .entry-header-left .metadata {
    margin: 2.5rem 0;
  }

  .type-actualites .contenu-actualite .entry-header .entry-header-left .horizontal-rule {
    margin: 0 0 2rem 0;
  }

  .type-actualites .contenu-actualite .entry-header .post-thumbnail {
    float: right;
    width: 50%;
    height: auto;
    margin: 2rem auto 5rem auto;
  }

  .type-actualites .contenu-actualite .entry-header .post-thumbnail img {
    display: block;
    width: 100%;
    height: auto;
  }

  .type-actualites .contenu-actualite .entry {
    margin-bottom: 2rem;
  }

  .type-actualites .contenu-actualite .entry .entry-content {
    width: 48%;
    height: auto;
    float: left;
    margin-right: 2%;
  }

  .type-actualites .contenu-actualite .entry .entry-content p {
    margin: 1.5rem 0;
  }

  .type-actualites .contenu-actualite .entry .entry-content p:first-of-type {
    margin-top: 0;
  }

  .type-actualites .contenu-actualite .entry .entry-content blockquote {
    width: 70%;
    margin: 4rem auto 6rem auto;
  }

  .type-actualites .contenu-actualite .entry .entry-content ul {
    margin: 2rem 0 6rem 2rem;
    box-sizing: border-box;
  }

  .type-actualites .contenu-actualite .entry .entry-content ul li ul {
    margin: 1rem 0 4rem 0;
  }

  .type-actualites .contenu-actualite .entry .entry-content ol {
    margin: 2rem 0 6rem 2rem;
  }

  .type-actualites .contenu-actualite .entry .entry-content ol li ol {
    margin: 1rem 0 4rem 0;
  }

  .type-actualites .contenu-actualite .entry .entry-content figure figcaption {
    text-align: left;
    font-size: 1.4rem;
    margin: 0.5rem 0 0 0;
  }

  .type-actualites .contenu-actualite .entry:after {
    content: '';
    display: block;
    clear: both;
  }

  .type-actualites .contenu-actualite .entry .encarts {
    float: right;
    width: 50%;
    height: auto;
  }

  .type-actualites .contenu-actualite .entry .encarts .encart-info,
  .type-actualites .contenu-actualite .entry .encarts .encart-download {
    width: 70%;
    margin: 0 auto 5rem auto;
    padding: 2rem 7.76%;
    border: 0.1rem solid #C5C3BF;
  }

  .type-actualites .contenu-actualite .entry .encarts .encart-info p,
  .type-actualites .contenu-actualite .entry .encarts .encart-download p {
    padding-left: 2rem;
  }

  .type-actualites .contenu-actualite .galerie .horizontal-rule {
    width: 15rem;
    height: 0.5rem;
    background-color: #BB1722;
    margin: 0 auto;
    padding: 0;
    border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    display: block;
  }

  .type-actualites .contenu-actualite .galerie h2 {
    margin: 9rem 0 5.2rem;
    text-align: center;
  }

  .type-actualites .contenu-actualite .galerie .accroche {
    text-align: center;
    margin: 0 auto;
    max-width: 60%;
  }

  .type-actualites .contenu-actualite .galerie .lien {
    text-align: center;
    margin: 3.1rem 0 0 0;
  }

  .type-actualites .contenu-actualite .galerie #galerie-photos {
    display: block;
    list-style: none;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    margin: 4.2rem 0 0 0;
    padding: 0;
  }

  .type-actualites .contenu-actualite .galerie #galerie-photos img {
    margin: 0 0 1.5rem 0;
    width: 100% !important;
    height: auto !important;
    display: block;
  }

  .cross-content .actus {
    margin-top: 11rem;
    padding: 0;
    padding: 0 7.76%;
  }

  .cross-content .actus .horizontal-rule {
    width: 15rem;
    height: 0.5rem;
    background-color: #BB1722;
    margin: 0 auto;
    padding: 0;
    border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    display: block;
  }

  .cross-content .actus header {
    display: block;
    margin-bottom: 1.5rem;
  }

  .cross-content .actus header h2 {
    margin: 9.5rem 0 0 0;
    text-align: left;
  }

  .cross-content .actus header .arrow {
    display: block;
    margin: 1.5rem auto 0 auto;
  }

  .cross-content .actus .newslist .news-content img {
    display: block;
  }

  .cross-content .actus .newslist .news-content h3 {
    margin: 1.5rem 0;
  }

  /* Fiche établissement */
  .single-etablissements .office-header {
    flex-direction: row-reverse;
  }

  .single-etablissements .office-header .office-header-left {
    width: 40%;
    margin-right: 4.3rem;
  }

  .single-etablissements .office-header .office-header-right {
    width: 60%;
  }

  .single-etablissements,
  .page-template-content-sante,
  .page-template-content-leisure {
    /* Fiche établissement – Sous-pages – Desktop */
  }

  .single-etablissements .content-area,
  .page-template-content-sante .content-area,
  .page-template-content-leisure .content-area {
    padding: 0 7.76%;
  }

  .single-etablissements .content-area .site-main .breadcrumbs,
  .page-template-content-sante .content-area .site-main .breadcrumbs,
  .page-template-content-leisure .content-area .site-main .breadcrumbs {
    padding: 0;
  }

  .single-etablissements .content-area .site-main .side-nav,
  .page-template-content-sante .content-area .site-main .side-nav,
  .page-template-content-leisure .content-area .site-main .side-nav {
    margin-right: 8.3rem;
    float: left;
  }

  .single-etablissements .content-area .site-main .side-nav::after,
  .page-template-content-sante .content-area .site-main .side-nav::after,
  .page-template-content-leisure .content-area .site-main .side-nav::after {
    content: '';
    display: block;
    clear: both;
  }

  .single-etablissements .content-area .site-main .office-header,
  .page-template-content-sante .content-area .site-main .office-header,
  .page-template-content-leisure .content-area .site-main .office-header {
    display: flex;
    width: 100%;
    margin-bottom: 3.8rem;
  }

  .single-etablissements .content-area .site-main .office-header .office-header-right,
  .page-template-content-sante .content-area .site-main .office-header .office-header-right,
  .page-template-content-leisure .content-area .site-main .office-header .office-header-right {
    padding: 0;
  }

  .single-etablissements .content-area .site-main .office-header .office-header-right .entry-title,
  .page-template-content-sante .content-area .site-main .office-header .office-header-right .entry-title,
  .page-template-content-leisure .content-area .site-main .office-header .office-header-right .entry-title {
    font-size: 4rem;
    text-align: left;
  }

  .single-etablissements .content-area .site-main .office-header .office-header-right .horizontal-rule,
  .page-template-content-sante .content-area .site-main .office-header .office-header-right .horizontal-rule,
  .page-template-content-leisure .content-area .site-main .office-header .office-header-right .horizontal-rule {
    margin: 0;
  }

  .single-etablissements .content-area .site-main .type-etablissements,
  .page-template-content-sante .content-area .site-main .type-etablissements,
  .page-template-content-leisure .content-area .site-main .type-etablissements {
    padding: 0;
    float: right;
    width: calc(100% - 31.8rem);
    margin-bottom: 8.9rem;
  }

  .single-etablissements .content-area .site-main .type-etablissements::after,
  .page-template-content-sante .content-area .site-main .type-etablissements::after,
  .page-template-content-leisure .content-area .site-main .type-etablissements::after {
    content: '';
    display: table;
    clear: both;
  }

  .single-etablissements .content-area .site-main .type-etablissements .newslist,
  .page-template-content-sante .content-area .site-main .type-etablissements .newslist,
  .page-template-content-leisure .content-area .site-main .type-etablissements .newslist {
    display: flex;
    flex-wrap: wrap;
  }

  .single-etablissements .content-area .site-main .type-etablissements .newslist header,
  .page-template-content-sante .content-area .site-main .type-etablissements .newslist header,
  .page-template-content-leisure .content-area .site-main .type-etablissements .newslist header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 5.3rem;
  }

  .single-etablissements .content-area .site-main .type-etablissements .newslist header h2,
  .page-template-content-sante .content-area .site-main .type-etablissements .newslist header h2,
  .page-template-content-leisure .content-area .site-main .type-etablissements .newslist header h2 {
    margin: 0;
  }

  .single-etablissements .content-area .site-main .type-etablissements .newslist header .arrow,
  .page-template-content-sante .content-area .site-main .type-etablissements .newslist header .arrow,
  .page-template-content-leisure .content-area .site-main .type-etablissements .newslist header .arrow {
    align-self: center;
  }

  .single-etablissements .content-area .site-main .type-etablissements .newslist .news-content,
  .page-template-content-sante .content-area .site-main .type-etablissements .newslist .news-content,
  .page-template-content-leisure .content-area .site-main .type-etablissements .newslist .news-content {
    width: 56%;
  }

  .single-etablissements .content-area .site-main .type-etablissements .newslist .news-content h3,
  .page-template-content-sante .content-area .site-main .type-etablissements .newslist .news-content h3,
  .page-template-content-leisure .content-area .site-main .type-etablissements .newslist .news-content h3 {
    margin-top: 0;
  }

  .single-etablissements .content-area .site-main .type-etablissements .newslist .news-thumbnail,
  .page-template-content-sante .content-area .site-main .type-etablissements .newslist .news-thumbnail,
  .page-template-content-leisure .content-area .site-main .type-etablissements .newslist .news-thumbnail {
    width: 40%;
    margin-right: 2.8rem;
  }

  .single-etablissements .content-area .site-main .type-etablissements .newslist .news-thumbnail img,
  .page-template-content-sante .content-area .site-main .type-etablissements .newslist .news-thumbnail img,
  .page-template-content-leisure .content-area .site-main .type-etablissements .newslist .news-thumbnail img {
    width: 100%;
    height: auto;
  }

  .single-etablissements .content-area .site-main .type-etablissements .office-content,
  .page-template-content-sante .content-area .site-main .type-etablissements .office-content,
  .page-template-content-leisure .content-area .site-main .type-etablissements .office-content {
    margin-top: 7rem;
  }

  .single-etablissements .content-area .site-main .type-etablissements .office-content h2,
  .page-template-content-sante .content-area .site-main .type-etablissements .office-content h2,
  .page-template-content-leisure .content-area .site-main .type-etablissements .office-content h2 {
    margin-top: 0;
  }

  .single-etablissements .content-area .site-main .type-etablissements .office-content ul,
  .page-template-content-sante .content-area .site-main .type-etablissements .office-content ul,
  .page-template-content-leisure .content-area .site-main .type-etablissements .office-content ul {
    padding: 0;
    margin: 2rem 0 3rem 2rem;
    box-sizing: border-box;
    list-style: none;
  }

  .single-etablissements .content-area .site-main .type-etablissements .office-content ul li,
  .page-template-content-sante .content-area .site-main .type-etablissements .office-content ul li,
  .page-template-content-leisure .content-area .site-main .type-etablissements .office-content ul li {
    position: relative;
    margin: 1.5rem 0;
    padding-left: 2.4rem;
    box-sizing: border-box;
  }

  .single-etablissements .content-area .site-main .type-etablissements .office-content ul li:first-of-type,
  .page-template-content-sante .content-area .site-main .type-etablissements .office-content ul li:first-of-type,
  .page-template-content-leisure .content-area .site-main .type-etablissements .office-content ul li:first-of-type {
    margin-top: 0;
  }

  .single-etablissements .content-area .site-main .type-etablissements .office-content ul li:before,
  .page-template-content-sante .content-area .site-main .type-etablissements .office-content ul li:before,
  .page-template-content-leisure .content-area .site-main .type-etablissements .office-content ul li:before {
    position: absolute;
    left: 0.5rem;
    top: 0.9rem;
    content: "";
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    clear: both;
    margin: 0 1.6rem 0 0;
    background-image: url("images/puce.svg");
    background-repeat: no-repeat;
    background-position: top center;
    vertical-align: middle;
  }

  .single-etablissements .content-area .site-main .type-etablissements .contact-us,
  .page-template-content-sante .content-area .site-main .type-etablissements .contact-us,
  .page-template-content-leisure .content-area .site-main .type-etablissements .contact-us {
    margin: 0;
  }

  .single-etablissements .content-area .site-main .type-etablissements .contact-us .contact-office,
  .page-template-content-sante .content-area .site-main .type-etablissements .contact-us .contact-office,
  .page-template-content-leisure .content-area .site-main .type-etablissements .contact-us .contact-office {
    margin: 0 0 1.5rem 0;
    font-weight: 700;
  }

  .single-etablissements .content-area .site-main .type-etablissements .contact-us .address p,
  .single-etablissements .content-area .site-main .type-etablissements .contact-us .phone p,
  .single-etablissements .content-area .site-main .type-etablissements .contact-us .email p,
  .page-template-content-sante .content-area .site-main .type-etablissements .contact-us .address p,
  .page-template-content-sante .content-area .site-main .type-etablissements .contact-us .phone p,
  .page-template-content-sante .content-area .site-main .type-etablissements .contact-us .email p,
  .page-template-content-leisure .content-area .site-main .type-etablissements .contact-us .address p,
  .page-template-content-leisure .content-area .site-main .type-etablissements .contact-us .phone p,
  .page-template-content-leisure .content-area .site-main .type-etablissements .contact-us .email p {
    margin: 0;
  }

  .single-etablissements .content-area .site-main .type-etablissements .contact-us .address,
  .single-etablissements .content-area .site-main .type-etablissements .contact-us .phone,
  .page-template-content-sante .content-area .site-main .type-etablissements .contact-us .address,
  .page-template-content-sante .content-area .site-main .type-etablissements .contact-us .phone,
  .page-template-content-leisure .content-area .site-main .type-etablissements .contact-us .address,
  .page-template-content-leisure .content-area .site-main .type-etablissements .contact-us .phone {
    margin-bottom: 2.5rem;
  }

  .single-etablissements .content-area .site-main .office-sponsors,
  .page-template-content-sante .content-area .site-main .office-sponsors,
  .page-template-content-leisure .content-area .site-main .office-sponsors {
    width: 100%;
    display: block;
    float: none;
  }

  .single-etablissements .content-area .site-main .office-sponsors .horizontal-rule,
  .page-template-content-sante .content-area .site-main .office-sponsors .horizontal-rule,
  .page-template-content-leisure .content-area .site-main .office-sponsors .horizontal-rule {
    width: 15rem;
    height: 0.5rem;
    background-color: #BB1722;
    margin: 0 auto;
    padding: 0;
    border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    display: block;
  }

  .single-etablissements .content-area .site-main .office-sponsors .sponsors-logos,
  .page-template-content-sante .content-area .site-main .office-sponsors .sponsors-logos,
  .page-template-content-leisure .content-area .site-main .office-sponsors .sponsors-logos {
    margin: 5.3rem auto;
    padding: 0;
  }

  .single-etablissements .content-area .site-main .office-sponsors .sponsors-logos li a,
  .page-template-content-sante .content-area .site-main .office-sponsors .sponsors-logos li a,
  .page-template-content-leisure .content-area .site-main .office-sponsors .sponsors-logos li a {
    display: block;
  }

  .single-etablissements .content-area .site-main .office-sponsors .sponsors-logos li a img,
  .page-template-content-sante .content-area .site-main .office-sponsors .sponsors-logos li a img,
  .page-template-content-leisure .content-area .site-main .office-sponsors .sponsors-logos li a img {
    display: block;
    width: 100%;
    height: auto;
  }

  .single-etablissements .content-panel h2,
  .page-template-content-sante .content-panel h2,
  .page-template-content-leisure .content-panel h2 {
    margin: 0 0 6.2rem 0;
  }

  .single-etablissements .content-panel h3,
  .page-template-content-sante .content-panel h3,
  .page-template-content-leisure .content-panel h3 {
    margin: 0 0 2.5rem 0;
    font-size: 2rem;
  }

  .single-etablissements .content-panel .row-content,
  .page-template-content-sante .content-panel .row-content,
  .page-template-content-leisure .content-panel .row-content {
    margin-bottom: 4.6rem;
  }

  .single-etablissements .content-panel .row-content .row-description p:last-of-type,
  .page-template-content-sante .content-panel .row-content .row-description p:last-of-type,
  .page-template-content-leisure .content-panel .row-content .row-description p:last-of-type {
    margin-bottom: 0;
  }

  .single-etablissements .content-panel .row-content .row-description .dl-file .dl-title,
  .page-template-content-sante .content-panel .row-content .row-description .dl-file .dl-title,
  .page-template-content-leisure .content-panel .row-content .row-description .dl-file .dl-title {
    padding-left: 1%;
  }

  .page-template-content-leisure .content-area {
    padding: 0;
  }

  /* Sitemap & pages génériques – Desktop */
  .page-template-default .type-page {
    padding: 0 7.76%;
  }

  /* Page Association – Desktop */
  .page-template-content-association header .intro {
    margin: 6.2rem auto;
  }

  .page-template-content-association header .intro,
  .page-template-content-soutien header .intro {
    min-width: initial;
    max-width: 70%;
  }

  .page-template-content-association header .page-header-links,
  .page-template-content-soutien header .page-header-links {
    display: flex;
    justify-content: space-between;
    margin: 0 auto 5.3rem auto;
    box-sizing: border-box;
    text-align: left;
    max-width: 60%;
  }

  .page-template-content-association header .page-header-links a,
  .page-template-content-soutien header .page-header-links a {
    position: relative;
    max-width: 30%;
    font-size: 1.8rem;
  }

  .page-template-content-association header .page-header-links a:before,
  .page-template-content-soutien header .page-header-links a:before {
    position: absolute;
    left: 0.5rem;
    top: 0.4rem;
    margin: 0 0 0 -3.4rem;
  }

  .page-template-content-association .banner_home,
  .page-template-content-soutien .banner_home {
    max-height: 69.6rem;
    object-position: top;
  }

  .page-template-content-association .encart,
  .page-template-content-soutien .encart {
    right: initial;
    left: 7.76%;
  }

  .page-template-content-association .actions .themes,
  .page-template-content-soutien .actions .themes {
    flex-wrap: wrap;
  }

  .page-template-content-association .actions .themes h2,
  .page-template-content-soutien .actions .themes h2 {
    display: block;
    width: 100%;
    margin: 6rem 0 2.5rem 0;
  }

  .page-template-content-association .actions .themes .col .col-text h3,
  .page-template-content-soutien .actions .themes .col .col-text h3 {
    padding: 0 0 2.2rem 0;
  }

  .page-template-content-association .actions .themes .col .col-text .details,
  .page-template-content-soutien .actions .themes .col .col-text .details {
    min-height: 42.5rem;
    height: auto;
    margin-bottom: 3.6rem;
    display: block;
  }

  .page-template-content-association .actions .themes .school,
  .page-template-content-association .actions .themes .leisure,
  .page-template-content-soutien .actions .themes .school,
  .page-template-content-soutien .actions .themes .leisure {
    margin-top: 0;
  }

  .page-template-content-association .actions .highlight,
  .page-template-content-soutien .actions .highlight {
    margin-bottom: 0;
  }

  .page-template-content-association .actions .download-container,
  .page-template-content-soutien .actions .download-container {
    display: flex;
    justify-content: center;
    max-width: 65%;
    text-align: left;
    margin: 6.6rem auto 0 auto;
  }

  .page-template-content-association .actions .download-container .dl-file,
  .page-template-content-soutien .actions .download-container .dl-file {
    margin: 0;
    max-width: 30rem;
    font-weight: 700;
  }

  .page-template-content-association .actions .download-container .dl-file:first-of-type,
  .page-template-content-soutien .actions .download-container .dl-file:first-of-type {
    margin: 0 10rem 0 0;
  }

  .page-template-content-association .actions .download-container .dl-file a,
  .page-template-content-soutien .actions .download-container .dl-file a {
    position: relative;
    display: block;
    margin: 0 0 0 2rem;
    color: #FFFFFF;
    font-size: 1.8rem;
    font-weight: 700;
    text-decoration: underline;
  }

  .page-template-content-association .actions .download-container .dl-file a:before,
  .page-template-content-soutien .actions .download-container .dl-file a:before {
    content: '';
    position: absolute;
    content: '';
    width: 2rem;
    height: 2rem;
    margin: 0 0 0 -3rem;
    background-image: url("images/download-b.svg");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 95%;
    vertical-align: sub;
  }

  .page-template-content-association .actions .download-container .dl-file a .dl-meta,
  .page-template-content-soutien .actions .download-container .dl-file a .dl-meta {
    text-transform: uppercase;
    font-weight: 700;
  }

  .page-template-content-association .highlight .accroche,
  .page-template-content-soutien .highlight .accroche {
    font-size: 2.4rem;
    max-width: 80%;
  }

  .page-template-content-association .gouvernance,
  .page-template-content-soutien .gouvernance {
    padding: 0 3.6rem;
    margin: 6.6rem auto;
  }

  .page-template-content-association .gouvernance h2,
  .page-template-content-soutien .gouvernance h2 {
    text-align: center;
  }

  .page-template-content-association .gouvernance .encarts-container,
  .page-template-content-soutien .gouvernance .encarts-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 80%;
    margin: 2.1rem auto 0 auto;
  }

  .page-template-content-association .gouvernance .encarts-container .encart,
  .page-template-content-soutien .gouvernance .encarts-container .encart {
    width: 45%;
    height: auto;
    padding: 6.3rem;
    box-sizing: border-box;
    border: 0.1rem solid #C5C3BF;
    background-color: #F8F6F2;
    background-repeat: no-repeat;
    background-position: 7.76% 2rem;
    background-size: 2rem 2rem;
    text-align: left;
    margin-bottom: 0;
  }

  .page-template-content-association .gouvernance .encarts-container .encart:nth-of-type(odd),
  .page-template-content-soutien .gouvernance .encarts-container .encart:nth-of-type(odd) {
    margin-right: 5.6rem;
  }

  .page-template-content-association .gouvernance .encarts-container .encart:nth-of-type(1), .page-template-content-association .gouvernance .encarts-container .encart:nth-of-type(2),
  .page-template-content-soutien .gouvernance .encarts-container .encart:nth-of-type(1),
  .page-template-content-soutien .gouvernance .encarts-container .encart:nth-of-type(2) {
    margin-bottom: 5.6rem;
  }

  .page-template-content-association .gouvernance .encarts-container .encart h3,
  .page-template-content-soutien .gouvernance .encarts-container .encart h3 {
    min-height: 4.5rem;
    font-size: 1.8rem;
  }

  .page-template-content-association .gouvernance .encarts-container .encart p,
  .page-template-content-soutien .gouvernance .encarts-container .encart p {
    margin: 0;
  }

  .page-template-content-association .sponsors,
  .page-template-content-soutien .sponsors {
    margin-bottom: 0;
  }

  .page-template-content-association .reseau,
  .page-template-content-soutien .reseau {
    background-color: #422256;
    color: #FFFFFF;
  }

  .page-template-content-association .reseau .accroche,
  .page-template-content-soutien .reseau .accroche {
    margin-bottom: 2.6rem;
  }

  .page-template-content-association .reseau .accroche p:last-of-type,
  .page-template-content-soutien .reseau .accroche p:last-of-type {
    margin-bottom: 0;
  }

  .page-template-content-association .reseau .sponsors-logos,
  .page-template-content-soutien .reseau .sponsors-logos {
    margin-top: 4.5rem;
  }

  .page-template-content-association .reseau .sponsors-logos li,
  .page-template-content-soutien .reseau .sponsors-logos li {
    max-width: 100%;
  }

  .page-template-content-association .reseau .sponsors-logos li a,
  .page-template-content-soutien .reseau .sponsors-logos li a {
    display: inline-block;
  }

  .page-template-content-association .reseau .arrow,
  .page-template-content-soutien .reseau .arrow {
    font-size: 1.8rem;
    text-align: center;
  }

  /* Pages Prévention et Santé + Autour de l'école + Éducation et loisirs – Desktop */
  .page-template-content-sante .office-header,
  .page-template-content-leisure .office-header {
    flex-direction: row;
  }

  .page-template-content-sante .office-header .office-header-left,
  .page-template-content-sante .office-header .office-header-right,
  .page-template-content-leisure .office-header .office-header-left,
  .page-template-content-leisure .office-header .office-header-right {
    width: 50%;
  }

  .page-template-content-sante .office-header .office-header-left,
  .page-template-content-leisure .office-header .office-header-left {
    margin: 0;
    padding-left: 1.17%;
    box-sizing: border-box;
  }

  .page-template-content-sante .row-container,
  .page-template-content-leisure .row-container {
    display: flex;
  }

  .page-template-content-sante .row-container:first-of-type,
  .page-template-content-leisure .row-container:first-of-type {
    flex-direction: row-reverse;
    margin: 8.3rem 0;
  }

  .page-template-content-sante .row-container:last-of-type,
  .page-template-content-leisure .row-container:last-of-type {
    margin-bottom: 7.7rem;
  }

  .page-template-content-sante .row-container .row-content,
  .page-template-content-sante .row-container .row-image,
  .page-template-content-leisure .row-container .row-content,
  .page-template-content-leisure .row-container .row-image {
    width: 50%;
    height: auto;
  }

  .page-template-content-sante .row-container .row-content,
  .page-template-content-leisure .row-container .row-content {
    padding: 0;
  }

  .page-template-content-sante .row-container .row-content:first-of-type,
  .page-template-content-leisure .row-container .row-content:first-of-type {
    margin-left: 1.17%;
  }

  .page-template-content-sante .row-container .row-content:nth-last-of-type(2),
  .page-template-content-leisure .row-container .row-content:nth-last-of-type(2) {
    margin-right: 1.17%;
  }

  .page-template-content-sante .row-container .row-content h2,
  .page-template-content-leisure .row-container .row-content h2 {
    margin-top: 0;
  }

  .page-template-content-leisure .content-area .site-main .breadcrumbs {
    padding: 0 7.76%;
  }

  .page-template-content-leisure .content-area .site-main .row-container .row-content {
    padding: 0;
  }

  .page-template-content-leisure .content-area .site-main .row-container .row-content:first-of-type {
    margin-left: 1.17%;
  }

  .page-template-content-leisure .content-area .site-main .row-container .row-content:nth-last-of-type(2) {
    margin-right: 1.17%;
  }

  .page-template-content-leisure .content-area .site-main .row-container .row-content h2 {
    margin-top: 0;
  }

  .page-template-content-leisure .content-area .site-main .catalogue .accroche {
    max-width: 70%;
  }

  .page-template-content-leisure .content-area .site-main .catalogue .download-container .cta {
    font-size: 2.4rem;
  }

  .page-template-content-leisure .content-area .site-main .catalogue .download-container .mail {
    font-size: 1.8rem;
  }

  .page-template-content-leisure .content-area .site-main .col-container {
    max-width: 80%;
    margin-bottom: 0;
    padding: 0;
  }

  .page-template-content-leisure .content-area .site-main .col-container .h2-secondary {
    width: 100%;
    margin-top: 0;
    text-align: center;
  }

  .page-template-content-leisure .content-area .site-main .col-container ul {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: baseline;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .page-template-content-leisure .content-area .site-main .col-container ul .col-content {
    width: 30%;
    margin-bottom: 0;
  }

  .page-template-content-leisure .content-area .site-main .col-container ul .col-content:nth-last-of-type(2) {
    margin: 0 6rem;
  }

  .page-template-content-leisure .content-area .site-main .quote-container {
    margin: 9rem 0 8.5rem;
  }

  .page-template-content-leisure .content-area .site-main .quote-container blockquote {
    width: 56%;
    padding: 6rem 4rem 4rem 9rem;
  }

  /* Page Nous soutenir – Desktop */
  .page-template-content-soutien .site-main header .intro {
    margin: 3rem auto 4.5rem;
  }

  .page-template-content-soutien .site-main header .intro .encart {
    left: initial;
    right: 7.76%;
  }

  .page-template-content-soutien .site-main header .page-header-links .arrow {
    margin-bottom: 0;
  }

  /* Offre d'emploi seule – Desktop */
  .single-emploi .contenu-emploi .entry-header {
    max-width: 70%;
    margin: 8.3rem auto;
  }

  .single-emploi .contenu-emploi .entry-header .metadata {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
    margin: 3.2rem auto 8.3rem;
    font-size: 2.4rem;
  }

  .single-emploi .contenu-emploi .entry-header .metadata li {
    margin-right: 2.5rem;
  }

  .single-emploi .contenu-emploi .entry-header .metadata li:before {
    top: 0.5rem;
  }

  .single-emploi .contenu-emploi .entry {
    max-width: 56%;
    margin: 0 auto 4rem;
  }

  /* Offres d'emploi – Desktop */
  .post-type-archive-emploi .actus .newslist {
    padding: 0 7.76%;
  }

  .post-type-archive-emploi .actus .newslist .emploi-content {
    max-width: 56%;
    margin: 0 auto 7.9rem;
    padding: 6.6rem;
  }

  .post-type-archive-emploi .actus .newslist .emploi-content .metadata {
    font-size: 2.4rem;
  }

  .post-type-archive-emploi .actus .newslist .emploi-content .metadata li:before {
    top: 0.4rem;
  }

  .post-type-archive-emploi .actus .newslist .candidature-spontanee {
    max-width: 56%;
    margin: 0 auto 7.9rem;
    padding: 0 6.6rem;
  }

  /* Résultats de recherche – Desktop */
  .search-results .actus,
  .search-no-results .actus {
    padding: 0 7.76%;
  }

  .search-results .actus .search-content,
  .search-no-results .actus .search-content {
    max-width: 56%;
    margin: 0 auto 7.9rem;
    padding: 6.6rem;
  }

  .search-results .actus .search-content .search-meta,
  .search-no-results .actus .search-content .search-meta {
    display: flex;
    justify-content: flex-start;
  }

  .page-template-content-contact .row-container {
    max-width: 90%;
    margin: 5.3rem auto;
  }

  .page-template-content-contact .row-container:last-of-type {
    margin: 8.3rem auto 14rem;
  }

  .page-template-content-contact .row-container .cf7 .col-three div {
    /* width: 25%; */
    /* margin-right: 7rem; */
  }

  .page-template-content-contact .row-container .cf7 .form-row {
    display: flex;
    align-items: flex-end;
    gap:4rem;
  }

  #offer_datas #localite,#offer_datas #time, #offer_datas #contrat {
    display:none;
  }

  .page-template-content-contact .row-container .cf7 .form-row .filter {
    width: 40%;
  }

  .page-template-content-contact .row-container .cf7 .form-row .filter:first-of-type {
    margin-right: 7rem;
  }
}

@media screen and (min-width: 41.4rem) and (max-width: 76.8rem) {

  /* Homepage – Nos actions */
  .actions .themes,
  .page-template-content-association .actions .themes {
    max-width: 85%;
  }

  .actions .themes .col img,
  .page-template-content-association .actions .themes .col img {
    max-width: 80%;
  }

  /* Page Nos établissements – Antennes */
  .theme .content .primary li .secondary {
    max-width: 80%;
    margin: 1.8rem auto 3.6rem auto;
  }

  .sponsors-logos {
    max-width: 82%;
  }
}

@media screen and (min-width: 76.8rem) and (max-width: 120rem) {

  /* Homepage – Nos actions */
  .actions .themes,
  .page-template-content-association .actions .themes {
    max-width: 90%;
  }

  .actions .themes .col .col-text h3,
  .page-template-content-association .actions .themes .col .col-text h3 {
    min-height: 11rem;
  }

  .actions .themes .col .col-text .details,
  .page-template-content-association .actions .themes .col .col-text .details {
    min-height: 54.5rem;
  }

  .actions .themes .col .col-text .details p,
  .page-template-content-association .actions .themes .col .col-text .details p {
    font-size: 1.5rem;
  }

  .actions .themes .col img,
  .page-template-content-association .actions .themes .col img {
    max-width: 80%;
    bottom: 1rem;
  }

  /* Page Nos établissements – Antennes */
  .theme .content .primary li .secondary {
    max-width: 80%;
    margin: 1.8rem auto 3.6rem auto;
  }
}

@media screen and (min-width: 120rem) {

  /* Homepage – Nos actions */
  .actions .themes,
  .page-template-content-association .actions .themes {
    max-width: 80%;
  }

  .actions .themes .col img,
  .page-template-content-association .actions .themes .col img {
    max-width: 80%;
  }

  /* Page Nos établissements – Antennes */
  .theme .content .primary li .secondary {
    max-width: 80%;
    margin: 1.8rem auto 3.6rem auto;
  }
}

@media screen and (min-width: 1200px) {
  .actions .themes .col .col-text .details {
    min-height: 30rem;
  }
}

@media screen and (min-width: 1600px) {

  .post-type-archive-actualites .actus .sticky-post .sticky-left,
  .post-type-archive-actualites .actus .sticky-post .sticky-right {
    width: 50%;
  }

  .post-type-archive-actualites .actus .newslist .news-content {
    max-width: inherit;
    width: 48%;
  }

  .post-type-archive-actualites .actions .themes {
    max-width: 85%;
  }
}

@media screen and (min-width: 1220px) and (max-width: 1360px) {
  main .intro .encart {
    top: 13rem;
  }

  .page-template-home .actions .themes {
    max-width: 90%;
  }

  .page-template-home .actions .themes .col .col-text .details {
    min-height: 30rem;
  }

  .page-template-content-association .actions .themes {
    max-width: 90%;
  }

  .page-template-content-association .actions .themes .col .col-text h3 {
    padding: 0 0 2.2rem 0;
  }

  .page-template-content-association .actions .themes .col .col-text .details {
    min-height: 50rem;
  }

  .page-template-content-leisure .content-area .site-main .col-container {
    max-width: 90%;
    margin-bottom: 0;
    padding: 0;
  }
}

@media screen and (min-width: 1220px) and (max-height: 768px) {
  .page-template-home .intro .banner_home {
    min-height: 110vh;
  }

  .page-template-home .intro .encart {
    top: 10rem;
  }

  .page-template-content-soutien .intro .encart {
    top: 10rem;
  }
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}