/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

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

@font-face {
  font-family: 'Bebas Kai';
  src: local("Bebas Kai"), local("BebasKai"), url("../font/BebasKai.woff2") format("woff2"), url("../font/BebasKai.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DIN Pro';
  src: url("../font/DINPro.eot");
  src: local("DIN Pro"), local("DINPro"), url("../font/DINPro.eot?#iefix") format("embedded-opentype"), url("../font/DINPro.woff2") format("woff2"), url("../font/DINPro.woff") format("woff"), url("../font/DINPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DIN Pro';
  src: url("../font/DINPro-Bold.eot");
  src: local("DIN Pro Bold"), local("DINPro-Bold"), url("../font/DINPro-Bold.eot?#iefix") format("embedded-opentype"), url("../font/DINPro-Bold.woff2") format("woff2"), url("../font/DINPro-Bold.woff") format("woff"), url("../font/DINPro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'DIN Pro';
  src: url("../font/DINPro-Medium.eot");
  src: local("DIN Pro Medium"), local("DINPro-Medium"), url("../font/DINPro-Medium.eot?#iefix") format("embedded-opentype"), url("../font/DINPro-Medium.woff2") format("woff2"), url("../font/DINPro-Medium.woff") format("woff"), url("../font/DINPro-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
/*==============MIXIN================*/
.cover-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
  vertical-align: middle;
}

/*==============MIXIN================*/
html {
  font-family: 'DIN Pro', sans-serif;
  font-weight: normal;
  font-size: 1em;
  color: #fff;
  overflow-x: hidden;
  max-width: 100vw;
}

p strong {
  font-weight: 500;
}

p {
  line-height: 1.1;
}
p a {
  font-weight: 500;
}

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

a {
  text-decoration: none;
  color: inherit;
}

img {
  max-width: 100%;
}

section, footer {
  padding: 5rem;
}

.center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.text {
  max-width: 100%;
}
.text p {
  width: 900px;
  max-width: 100%;
  margin: .75rem 0;
  text-align: justify;
}
.text p a {
  text-decoration: underline;
}
.text ul {
  margin: 1rem 0;
  padding-left: 2rem;
}
.text ul li {
  list-style: disc;
  margin: .75rem 0;
}

.btn {
  padding: .5rem 1.5rem;
  background-color: #2ed9c3;
  color: #fff;
  border-radius: 2rem;
  border: 0px solid #2ed9c3;
  transition: all 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
  display: inline-block;
  text-transform: uppercase;
  font-family: 'bebas kai',sans-serif;
  font-size: 1.2rem;
  text-align: center;
  cursor: pointer;
}
.btn:hover {
  background-color: #fff;
  color: #2ed9c3;
  border-color: #fff;
}
.btn.white {
  background-color: #fff;
  color: #24588d;
  border-color: #24588d;
}
.btn.white:hover {
  background-color: #24588d;
  border-color: #24588d;
  color: #fff;
}
.btn.org {
  background-color: #ff8473;
  color: #fff;
  border-color: #ff8473;
}
.btn.org:hover {
  background-color: #fff;
  border-color: #fff;
  color: #ff8473;
}

.t-1 {
  font-size: 3.5rem;
  text-transform: uppercase;
  font-family: 'Bebas Kai',sans-serif;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.t-1 small {
  font-size: 60%;
}
.t-1.center {
  text-align: center;
  align-items: center;
}

.t-2 {
  font-size: 2.6rem;
  text-transform: uppercase;
  font-family: 'Bebas Kai',sans-serif;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.t-2 small {
  font-size: 60%;
  display: inline-block;
}
.t-2.center {
  text-align: center;
  align-items: center;
}

.t-3 {
  font-size: 2.2rem;
  text-transform: uppercase;
  font-family: 'Bebas Kai',sans-serif;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.t-3 small {
  font-size: 60%;
  line-height: 1.3;
  display: inline-block;
}
.t-3.center {
  text-align: center;
  align-items: center;
}

header {
  position: fixed;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 10;
  padding: .5rem 2rem .5rem 5rem;
  transition: background-color 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}
header.fixed {
  background-color: #24588d;
}
header.fixed .logo {
  width: 100px;
}

nav {
  position: fixed;
  background-color: #ff8473;
  width: 400px;
  height: 100vh;
  top: 0;
  right: 0;
  padding: 6rem 2rem 2rem 2rem;
  transform: translateX(calc(100% + 5px));
  transition: transform 0.5s cubic-bezier(0, 0.07, 0.57, 0.99);
}
nav ul li {
  margin: 1.5rem 0;
  opacity: 0;
  transform: translateY(2rem);
  transition: all 0.5s cubic-bezier(0, 0.07, 0.57, 0.99);
}
nav ul li:nth-child(1) {
  transition-delay: 0.25s;
}
nav ul li:nth-child(2) {
  transition-delay: 0.5s;
}
nav ul li:nth-child(3) {
  transition-delay: 0.75s;
}
nav ul li:nth-child(4) {
  transition-delay: 1s;
}
nav ul li a, nav ul li div {
  font-family: 'bebas kai', sans-serif;
  font-size: 2.5rem;
  cursor: pointer;
}

body.menuOpen nav {
  transform: translateX(0);
}
body.menuOpen nav ul li {
  opacity: 1;
  transform: translateY(0);
}
body:not(.menuOpen) nav ul li {
  transition: none;
}

.logo {
  width: 200px;
  display: block;
  transition: width 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}

#menuTrigger {
  visibility: hidden;
  z-index: -100;
  user-select: none;
  pointer-events: none;
  position: absolute;
  right: 0;
}

.btnMenu {
  width: 40px;
  height: 40px;
  cursor: pointer;
  transition: transform 0.5s cubic-bezier(0, 0.07, 0.57, 0.99);
  position: relative;
  display: flex;
  border: 3px solid #fff;
  border-radius: 50%;
  padding: .5rem;
}
.btnMenu span {
  display: block;
  width: calc(100% - 10px);
  height: 3px;
  position: absolute;
  left: 5px;
  will-change: transform, width,opacity;
  background-color: #fff;
  border-radius: .3rem;
}
.btnMenu span:first-child {
  top: 9px;
  transition: top 0.2s 0.2s cubic-bezier(0, 0.07, 0.57, 0.99), transform 0.2s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.btnMenu span:nth-child(2) {
  top: calc(50% - 1.5px);
  transition: opacity 0.2s 0.2s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.btnMenu span:last-child {
  top: calc(100% - 12px);
  transition: top 0.2s 0.2s cubic-bezier(0, 0.07, 0.57, 0.99), transform 0.2s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.btnMenu.open span:first-child {
  transform: rotate(45deg);
  top: calc(50% - 1.5px);
  transition: top 0.2s cubic-bezier(0, 0.07, 0.57, 0.99), transform 0.2s 0.2s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.btnMenu.open span:nth-child(2) {
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.btnMenu.open span:last-child {
  transform: rotate(-45deg);
  top: calc(50% - 1.5px);
  transition: top 0.2s cubic-bezier(0, 0.07, 0.57, 0.99), transform 0.2s 0.2s cubic-bezier(0, 0.07, 0.57, 0.99);
}

.topPage {
  background-color: #24588d;
  padding-top: 10rem;
  position: relative;
}
.topPage .t-1 {
  color: #fff;
  padding-left: 5rem;
}
.topPage .t-1 small {
  color: #ff8473;
}
.topPage .block .t-3 {
  width: 480px;
  max-width: 100%;
  margin-bottom: 2rem;
}
.topPage .cta {
  display: flex;
  flex-wrap: wrap;
  width: 420px;
}
.topPage .cta .btn {
  margin: .5rem;
  width: calc(50% - 1rem);
  text-align: center;
}
.topPage:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url("../img/green-shape-desktop.svg") no-repeat top left;
  background-size: contain;
}

.topIllu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.topIllu img {
  width: 800px;
}

.institut {
  background-color: #24588d;
}
.institut .t-2 {
  color: #2ed9c3;
}
.institut .btn {
  margin-bottom: -6rem;
  margin-top: 3rem;
}

.chiffres {
  margin: 3rem 0;
  width: 100%;
}
.chiffres:not(.swiper-initialized) {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.chiffres:not(.swiper-initialized) .swiper-wrapper {
  width: auto;
}
.chiffres:not(.swiper-initialized) .chiffre {
  width: 225px;
}
.chiffres:not(.swiper-initialized) .swiper-pagination {
  display: none;
}
.chiffres.swiper-initialized {
  padding-bottom: 2rem;
}
.chiffres .swiper-pagination {
  bottom: 0.2rem;
}
.chiffres .swiper-pagination .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  background-color: #2ed9c3;
}

.chiffre {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  padding: 1rem;
}
.chiffre small {
  height: 15px;
  font-size: .9rem;
  font-family: 'bebas kai', sans-serif;
  z-index: 1;
}
.chiffre strong {
  font-size: 4rem;
  color: #ff8473;
  font-family: 'bebas kai', sans-serif;
  z-index: 0;
}
.chiffre span {
  font-size: 1.8rem;
  font-family: 'bebas kai', sans-serif;
  z-index: 1;
}
.chiffre p {
  width: 350px;
  max-width: 100%;
}

.pead {
  padding-bottom: 0;
}
.pead .t-2 span {
  color: #2ed9c3;
}
.pead .t-2 small {
  color: #ff8473;
}
.pead .peadIntro {
  display: flex;
  align-items: center;
}
.pead .peadIntro img {
  width: 300px;
}
.pead .peadIntro > div {
  width: calc(100% - 300px);
  padding-left: 2rem;
}
.pead p, .pead li {
  color: #24588d;
}
.pead .col-12.center {
  margin-bottom: -1rem;
  margin-top: 4rem;
}

.accordonContainer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.accordon {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 400px;
  max-width: 100%;
  margin: 0 1rem;
  transition: width 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.accordon .btn {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 400px;
  max-width: 100%;
}
.accordon .btn i {
  padding: .5rem;
  background-color: #ff8473;
  border-radius: 50%;
  display: block;
  width: 1.3rem;
  height: 1.3rem;
  margin-left: 1rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48bGluZSB4MT0iMTIiIHkxPSI1IiB4Mj0iMTIiIHkyPSIxOSI+PC9saW5lPjxsaW5lIHgxPSI1IiB5MT0iMTIiIHgyPSIxOSIgeTI9IjEyIj48L2xpbmU+PC9zdmc+");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: transform 0.3s cubic-bezier(0, 0.07, 0.57, 0.99), background-color 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.accordon .btn + div {
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.accordon .btn + div p, .accordon .btn + div ul {
  margin: .75rem 0;
  width: 700px;
  max-width: 100%;
  opacity: 0;
  transition: opacity 0.3s 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
  text-align: center;
}
.accordon .btn + div p:last-child, .accordon .btn + div ul:last-child {
  margin-bottom: 2rem;
}
.accordon .btn:hover {
  color: #fff;
  background-color: #ff8473;
}
.accordon .btn:hover i {
  background-color: #2ed9c3;
}
.accordon ul li {
  margin: .75rem 0;
  list-style: disc;
  list-style-position: inside;
}
.accordon.open {
  width: 100%;
}
.accordon.open .btn {
  background-color: #ff8473;
}
.accordon.open .btn i {
  transform: rotate(45deg);
  background-color: #2ed9c3;
}
.accordon.open .btn + div {
  height: auto;
}
.accordon.open .btn + div p, .accordon.open .btn + div ul {
  opacity: 1;
}

.carteContainer {
  display: flex;
  align-items: center;
}

.carte {
  width: 400px;
  position: relative;
}
.carte .btn {
  position: absolute;
  right: 0;
  bottom: 30%;
}
.carte img {
  width: 100%;
}

.offres {
  background-color: #24588d;
}
.offres .row {
  justify-content: center;
}
.offres .t-2 span {
  color: #2ed9c3;
}
.offres .t-2 small {
  color: #ff8473;
}
.offres .col-12 .text {
  margin: 1rem 0;
}
.offres .col-12 .text p {
  text-align: center;
}

.filters {
  margin: 2rem 0;
  min-width: 400px;
	z-index:1;
}

.selectize-control #clearItems {
  user-select: none;
  pointer-events: none;
  opacity: 0;
  z-index: -10;
  display: block;
  position: absolute;
  cursor: pointer;
  top: calc(50% - 10px);
  right: 7px;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMyZWQ5YzMiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCI+PC9jaXJjbGU+PGxpbmUgeDE9IjE1IiB5MT0iOSIgeDI9IjkiIHkyPSIxNSI+PC9saW5lPjxsaW5lIHgxPSI5IiB5MT0iOSIgeDI9IjE1IiB5Mj0iMTUiPjwvbGluZT48L3N2Zz4=");
  background-size: contain;
  background-repeat: no-repeat;
}
.selectize-control #clearItems.active {
  user-select: initial;
  pointer-events: initial;
  opacity: 1;
  z-index: 1;
}
.selectize-control .selectize-input {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 2rem;
  color: #fff;
}
.selectize-control .selectize-input.dropdown-active {
  border-radius: 1rem 1rem 0 0;
}
.selectize-control .selectize-input.dropdown-active:after {
  content: none;
}
.selectize-control .selectize-input.full {
  background-color: transparent;
}
.selectize-control .selectize-input > input {
  color: #fff;
  min-width: 150px !important;
}
.selectize-control .selectize-input > input::placeholder {
  color: #fff;
  font-size: 1rem;
}
.selectize-control .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  right: 7px;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNiA5bDYgNiA2LTYiLz48L3N2Zz4=");
  background-size: contain;
  background-repeat: no-repeat;
}
.selectize-control.multi .selectize-input {
  padding: 8px 24px 8px 10px;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 8px 24px 8px 10px;
  border-color: #2ed9c3;
}
.selectize-control.multi .selectize-input.has-items:after {
  content: none;
}
.selectize-control.multi .selectize-input.has-items > input {
  min-width: 1px !important;
}
.selectize-control.multi .selectize-input > div {
  background-color: #2ed9c3;
  color: #fff;
  border-radius: .5rem;
  margin: 3px;
}
.selectize-control.multi .selectize-input > div.active {
  background-color: #2ed9c3;
  color: #fff;
}
.selectize-control.multi .selectize-input > div.active .remove {
  border-left-color: #24588d;
}
.selectize-control.multi .selectize-input > div .remove {
  border-left-color: #24588d;
}

.selectize-dropdown{
  position: relative;
  top: 0 !important;
}

.selectize-dropdown .optgroup-header {
  font-weight: bolder;
  user-select: none;
  pointer-events: none;
}
.selectize-dropdown .option {
  cursor: pointer;
}
.selectize-dropdown .option.active {
  background-color: #2ed9c3;
  color: #fff;
}

.emploi {
  width: 100%;
  margin: 1rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  display: none;
}
.emploi .preview {
  width: 1000px;
  max-width: 100%;
  position: relative;
  padding: 2rem 2rem 3rem 2rem;
  border-radius: 2rem;
  background-color: #fff;
  cursor: pointer;
}
.emploi .t-3 {
  align-items: center;
  text-align: center;
  font-size: 1.8rem;
}
.emploi .t-3 span {
  color: #ff8473;
}
.emploi .t-3 small {
  color: #2ed9c3;
  font-size: 80%;
}
.emploi i {
  position: absolute;
  left: calc(50% - 1.25rem);
  bottom: -1.25rem;
  padding: .5rem;
  background-color: #2ed9c3;
  border-radius: 50%;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48bGluZSB4MT0iMTIiIHkxPSI1IiB4Mj0iMTIiIHkyPSIxOSI+PC9saW5lPjxsaW5lIHgxPSI1IiB5MT0iMTIiIHgyPSIxOSIgeTI9IjEyIj48L2xpbmU+PC9zdmc+");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: transform 0.3s cubic-bezier(0, 0.07, 0.57, 0.99), background-color 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.emploi .content {
  width: 750px;
  max-width: 100%;
  height: 0;
  overflow: hidden;
}
.emploi .content > div {
  padding: 2rem 1rem;
  opacity: 0;
  transform: translateY(3rem);
  transition: opacity 0.3s cubic-bezier(0, 0.07, 0.57, 0.99), transform 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
  will-change: opacity, transform;
}
.emploi .content strong {
  font-family: 'bebas kai',sans-serif;
  font-size: 1.5rem;
}
.emploi .content p a, .emploi .content li a {
  text-decoration: underline;
}
.emploi.open .preview {
  background-color: #234569;
}
.emploi.open .preview i {
  background-color: #234569;
  transform: rotate(45deg);
}
.emploi.open .content {
  height: auto;
}
.emploi.open .content > div {
  opacity: 1;
  transform: translateY(0);
}
.emploi.active {
  display: flex;
}

.noResult {
  display: none;
  flex-direction: column;
  align-items: center;
}
.noResult .t-3 {
  margin-bottom: 1rem;
}
.noResult.display {
  display: flex;
}

#formContainer {
  margin-top: 3rem;
}

footer {
  background-color: #1b436b;
}
footer .row {
  justify-content: center;
  align-items: center;
}
footer .socials {
  display: flex;
  flex-wrap: wrap;
  margin: 1rem;
}
footer .socials a {
  width: 2rem;
  height: 2rem;
  display: block;
  margin: .5rem;
}
footer .socials a svg {
  width: 100%;
  height: 100%;
}
footer .socials a svg path {
  fill: #fff;
  transition: fill 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}
footer .socials a:hover svg path {
  fill: #ff8473;
}

.mentions-container {
  margin: 1rem;
}
.mentions-container p {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .8rem;
}
.mentions-container p img {
  height: .8rem;
}

/*=========FORM=========*/
.wpcf7 {
  max-width: 100%;
  width: 100%;
}

.wpcf7-form {
  display: flex;
  width: 600px;
  max-width: 100%;
  margin: 2rem auto;
  flex-wrap: wrap;
  justify-content: center;
  /*ERRORS*/
}
.wpcf7-form > label {
  position: relative;
  width: 100%;
  margin: .75rem 0;
  display: flex;
  flex-direction: column;
}
.wpcf7-form > label .wpcf7-form-control-wrap {
  position: initial;
  display: block;
}
.wpcf7-form > label textarea {
  max-height: 160px;
}
.wpcf7-form > label input, .wpcf7-form > label textarea {
  width: 100%;
  border: 2px solid #fff;
  background-color: transparent;
  border-radius: 0;
  padding: .75rem 1rem;
  border-radius: 25px;
  height: auto;
  color: #fff;
  font-size: 16px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.wpcf7-form > label input:focus, .wpcf7-form > label textarea:focus {
  outline-style: none;
  border-color: #fff;
  color: #fff;
}
.wpcf7-form > label input:focus ~ i, .wpcf7-form > label textarea:focus ~ i {
  top: -21px;
  border-color: #fff;
  color: #fff;
}
.wpcf7-form > label input:focus ~ i:after, .wpcf7-form > label textarea:focus ~ i:after {
  width: 100%;
}
.wpcf7-form > label input:not(:placeholder-shown), .wpcf7-form > label textarea:not(:placeholder-shown) {
  outline-style: none;
  border-color: #2ed9c3;
  outline: #2ed9c3;
  color: #2ed9c3;
}
.wpcf7-form > label input:not(:placeholder-shown) ~ i, .wpcf7-form > label textarea:not(:placeholder-shown) ~ i {
  top: -21px;
  color: #2ed9c3;
  font-size: 0.8em;
}
.wpcf7-form > label input:not(:placeholder-shown):focus, .wpcf7-form > label textarea:not(:placeholder-shown):focus {
  border-color: #2ed9c3;
  outline: #2ed9c3;
  outline-style: none;
  color: #2ed9c3;
}
.wpcf7-form > label input::placeholder, .wpcf7-form > label textarea::placeholder {
  color: transparent;
}
.wpcf7-form > label i {
  position: absolute;
  font-style: normal;
  top: 0.65rem;
  left: 1rem;
  width: auto;
  padding: 5px 0;
  color: #fff;
  font-size: 1.1rem;
  font-family: 'bebas kai',sans-serif;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: flex;
}
.wpcf7-form .wpcf7-spinner {
  display: none !important;
}
.wpcf7-form .wpcf7-list-item {
  margin: 0;
}
.wpcf7-form .fileUpload {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.wpcf7-form .fileUpload .wpcf7-form-control-wrap {
  margin: .75rem 0;
  display: block;
}
.wpcf7-form .fileUpload .wpcf7-form-control-wrap::before {
  font-size: 1rem;
  text-transform: uppercase;
  font-family: 'Bebas Kai',sans-serif;
  width: 310px;
  display: flex;
  justify-content: center;
  text-align: center;
  position: absolute;
  left: calc(50% - 155px);
  top: -.75rem;
  padding: .25rem 0.5rem;
  background: #2ed9c3;
  border-radius: 25px;
  z-index: 1;
}
.wpcf7-form .fileUpload .wpcf7-form-control-wrap[data-name="cv"]:before {
  content: 'Joindre mon CV';
}
.wpcf7-form .fileUpload .wpcf7-form-control-wrap[data-name="motivationLetter"]:before {
  content: 'Joindre ma lettre de motivation';
}
.wpcf7-form .fileUpload .codedropz-upload-handler {
  border: 2px solid #fff;
  border-radius: 25px;
}
.wpcf7-form .fileUpload .codedropz-upload-container {
  padding-top: 25px;
}
.wpcf7-form .fileUpload .codedropz-upload-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wpcf7-form .fileUpload .codedropz-upload-inner h3 {
  font-size: 1.2rem;
  line-height: 1rem;
}
.wpcf7-form .fileUpload .codedropz-upload-inner .codedropz-btn-wrap {
  padding: 0.5rem 1.5rem;
  background-color: #2ed9c3;
  color: #fff;
  border-radius: 2rem;
  border: 0px solid #2ed9c3;
  transition: all 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
  display: inline-block;
  text-transform: uppercase;
  font-family: 'bebas kai',sans-serif;
  font-size: 1rem;
  cursor: pointer;
  margin-top: .5rem;
}
.wpcf7-form .fileUpload .codedropz-upload-inner .codedropz-btn-wrap:hover {
  background-color: #ff8473;
  color: #fff;
}
.wpcf7-form .fileUpload .dnd-upload-counter {
  right: 1rem;
}
.wpcf7-form .fileUpload .dnd-upload-status .dnd-upload-image {
  border-color: #fff;
}
.wpcf7-form .fileUpload .dnd-upload-status .dnd-upload-image span.file {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='23' viewBox='0 0 18 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.569 0.659576H0.5V23H18V6.09053L12.569 0.659576ZM12.7872 1.93075L16.7288 5.87234H12.7872V1.93075ZM1.24468 22.2553V1.40426H12.0426V6.61702H17.2553V22.2553H1.24468Z' fill='white'/%3E%3C/svg%3E%0A");
}
.wpcf7-form .fileUpload .dnd-upload-status .dnd-upload-details span.has-error {
  color: #ff8473;
  font-size: 0.8rem;
}
.wpcf7-form .fileUpload .dnd-upload-status .dnd-upload-details .dnd-progress-bar {
  background-color: #234569;
}
.wpcf7-form .fileUpload .dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
  background-color: #2ed9c3;
}
.wpcf7-form .fileUpload .dnd-upload-status .dnd-upload-details .name {
  color: #fff;
}
.wpcf7-form .fileUpload .dnd-upload-status .dnd-upload-details .name em {
  color: #fff;
}
.wpcf7-form .fileUpload .dnd-upload-status .dnd-upload-details .remove-file span:after {
  background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 0C7.83499 0 0 7.83499 0 17.5C0 27.165 7.83499 35 17.5 35C27.165 35 35 27.165 35 17.5C34.9888 7.83965 27.1604 0.0112198 17.5 0ZM17.5 33.871C8.45857 33.871 1.12903 26.5414 1.12903 17.5C1.12903 8.45857 8.45857 1.12903 17.5 1.12903C26.5414 1.12903 33.871 8.45857 33.871 17.5C33.861 26.5373 26.5373 33.861 17.5 33.871Z' fill='white'/%3E%3Cpath d='M25.4834 9.51661C25.2629 9.29624 24.9056 9.29624 24.6852 9.51661L17.5 16.7018L10.3148 9.51661C10.0983 9.29236 9.74087 9.28615 9.51661 9.50271C9.29236 9.71927 9.28615 10.0767 9.50271 10.3009C9.50723 10.3057 9.51188 10.3103 9.51661 10.3148L16.7018 17.5L9.51661 24.6852C9.29236 24.9018 9.28615 25.2591 9.50278 25.4834C9.71941 25.7076 10.0768 25.7139 10.301 25.4972C10.3057 25.4927 10.3103 25.488 10.3148 25.4834L17.5 18.2982L24.6852 25.4834C24.9094 25.7 25.2668 25.6938 25.4834 25.4696C25.6947 25.2508 25.6947 24.9039 25.4834 24.6852L18.2982 17.5L25.4834 10.3148C25.7038 10.0944 25.7038 9.73705 25.4834 9.51661Z' fill='white'/%3E%3C/svg%3E%0A");
}
.wpcf7-form .fileUpload .codedropz-upload-wrapper span.has-error-msg {
  color: #ff8473;
  font-size: 0.8rem;
}
.wpcf7-form input[type="submit"] {
  background: #2ed9c3;
  border: none;
  padding: .5rem 4em;
  border-radius: 2rem;
  width: 200px;
  font-family: 'bebas kai',sans-serif;
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #24588d;
  min-width: 100px;
  text-align: center;
  color: #fff;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.wpcf7-form input[type="submit"].usable {
  cursor: pointer;
}
.wpcf7-form input[type="submit"].usable:hover {
  background-color: #ff8473;
}
.wpcf7-form input[type="checkbox"], .wpcf7-form input[type="radio"] {
  position: absolute;
  left: -9999px;
}
.wpcf7-form input[type="checkbox"] + span, .wpcf7-form input[type="radio"] + span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  text-align: left;
  padding: 0;
  user-select: none;
  cursor: pointer;
}
.wpcf7-form input[type="checkbox"] + span > em, .wpcf7-form input[type="radio"] + span > em {
  width: calc(100% - 20px);
}
.wpcf7-form input[type="checkbox"] + span a, .wpcf7-form input[type="radio"] + span a {
  display: inline-block;
}
.wpcf7-form input[type="checkbox"] + span > span, .wpcf7-form input[type="radio"] + span > span {
  display: block;
  width: 15px;
  height: 15px;
  border: 1px solid #fff;
  border-radius: 50%;
  background-color: transparent;
  margin: 0 5px 0 0;
  position: relative;
}
.wpcf7-form input[type="checkbox"] + span > span:after, .wpcf7-form input[type="radio"] + span > span:after {
  content: '';
  display: block;
  position: absolute;
  left: -1px;
  top: -5px;
  width: 20px;
  height: 20px;
  background-color: transparent;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4=");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.wpcf7-form input[type="checkbox"]:checked + span > span:after, .wpcf7-form input[type="radio"]:checked + span > span:after {
  opacity: 1;
}
.wpcf7-form .novalidate {
  margin-top: 1rem;
}
.wpcf7-form [data-name="rgpd-consent"], .wpcf7-form .novalidate {
  width: 100%;
  display: flex;
  justify-content: center;
}
.wpcf7-form [data-name="rgpd-consent"] .wpcf7-list-item, .wpcf7-form .novalidate .wpcf7-list-item {
  margin: 0;
}
.wpcf7-form [data-name="rgpd-consent"] .wpcf7-list-item-label, .wpcf7-form .novalidate .wpcf7-list-item-label {
  color: #fff;
  font-size: 0.7rem;
}
.wpcf7-form [data-name="rgpd-consent"] .wpcf7-list-item-label a, .wpcf7-form .novalidate .wpcf7-list-item-label a {
  color: #fff;
  text-decoration: underline;
}
.wpcf7-form .recaptchaCredit {
  width: 100%;
  font-size: 0.7rem;
  margin-top: .5rem;
  color: #fff;
  display: flex;
  justify-content: center;
  text-align: center;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  line-height: 1.4;
}
.wpcf7-form .recaptchaCredit a {
  color: #fff;
  margin: 0 .25rem;
  text-decoration: underline;
}
.wpcf7-form input.wpcf7-not-valid + i, .wpcf7-form textarea.wpcf7-not-valid + i {
  color: #ff8473;
}
.wpcf7-form input.wpcf7-not-valid + i:after, .wpcf7-form textarea.wpcf7-not-valid + i:after {
  background-color: #ff8473 !important;
}
.wpcf7-form input.wpcf7-not-valid:focus ~ i:after, .wpcf7-form textarea.wpcf7-not-valid:focus ~ i:after {
  background-color: #ff8473 !important;
}
.wpcf7-form .wpcf7-not-valid-tip {
  font-size: 0.8rem;
  margin-top: 0.25rem;
  color: #ff8473;
  font-weight: 300;
  text-align: right;
  position: absolute;
  right: 0;
}
.wpcf7-form div.wpcf7-validation-errors, .wpcf7-form div.wpcf7-acceptance-missing, .wpcf7-form div.wpcf7-response-output {
  border: none !important;
  margin: 20px 0 10px 0 !important;
  width: 100%;
  font-size: .9rem;
  text-align: center;
}
.wpcf7-form.invalid .wpcf7-response-output, .wpcf7-form.failed .wpcf7-response-output, .wpcf7-form.aborted .wpcf7-response-output {
  color: #ff8473;
  padding: 0;
}
.wpcf7-form.sent .wpcf7-response-output {
  color: #2ed9c3 !important;
}

body.single {
  background-color: #24588d;
}

.postContent {
  padding-top: 10rem;
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
}
.postContent ul {
  margin: 1rem 0;
  list-style: disc;
  padding-left: 20px;
}
.postContent p, .postContent ul li {
  margin: .75rem 0;
}

.page-mentions {
  background: #24588d;
}
.page-mentions header {
  background-color: #24588d;
}
.page-mentions .mentions {
  width: 1400px;
  max-width: 100%;
  padding-top: 10rem;
}
.page-mentions .mentions > div {
  padding: 0 5px;
}
.page-mentions .mentions h3, .page-mentions .mentions h2 {
  font-weight: bolder;
  margin: 10px 0;
  font-size: 1.5rem;
}
.page-mentions .mentions p {
  margin: 7.5px 0;
  line-height: 1.3;
}
.page-mentions .mentions ul, .page-mentions .mentions ol {
  padding-left: 20px;
}
.page-mentions .mentions ul li, .page-mentions .mentions ol li {
  list-style: disc;
  margin: 10px 0;
  line-height: 1.3;
}
.page-mentions .mentions ul li a, .page-mentions .mentions ol li a {
  text-decoration: underline;
  font-weight: bolder;
  font-weight: 300;
}

.top-page.not-found {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 560px;
  padding: 10rem 5rem 5rem 5rem;
}
.top-page.not-found:before {
  content: none !important;
}

.top-page.not-found svg {
  width: 300px;
  max-width: 100%;
}
.top-page.not-found svg path {
  fill: #fff;
}

.top-page.not-found .top-title {
  text-align: center;
  margin: 15px 0;
}

.top-page.not-found .top-title h1 {
  margin: 15px 0;
  align-items: center;
  text-align: center;
}

/*Animations*/
@keyframes rightToLeft {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes leftToRight {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes bottomToTop {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes topToBottom {
  0% {
    transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.show {
  opacity: 0;
  will-change: opacity, transform;
}

.fromRight {
  animation: rightToLeft .5s ease-in-out forwards;
}

.fromLeft {
  animation: leftToRight .5s ease-in-out forwards;
}

.fromBottom {
  animation: bottomToTop .5s ease-in-out forwards;
}

.fromTop {
  animation: topToBottom .5s ease-in-out forwards;
}

.appear {
  opacity: 1;
  transition: opacity .5s ease-in-out;
}

/*=========RESPONSIVE=========*/
@media screen and (max-width: 1400px) {
  header {
    padding: .5rem 2rem .5rem 2rem;
  }

  section, footer {
    padding: 3rem 2.5rem;
  }

  .institut .btn {
    margin-bottom: -4rem;
  }
}
@media screen and (max-width: 991px) {
  .topPage:before {
    background: url("../img/green-shape.svg") no-repeat top left;
  }
  .topPage .t-1 {
    padding-left: 0;
    align-items: center;
    text-align: center;
    font-size: 4.5rem;
  }
  .topPage .t-1 small {
    font-size: 40%;
  }
  .topPage .cta .btn {
    width: 100%;
    margin: .5rem 0;
  }
  .topPage .block {
    align-items: center;
    text-align: center;
    margin-top: 2rem;
  }

  .topIllu {
    align-items: center;
  }
  .topIllu img {
    width: 600px;
  }
}
@media screen and (max-width: 768px) {
  .pead .peadIntro {
    flex-direction: column;
    align-items: center;
  }
  .pead .peadIntro > div {
    width: 100%;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 2rem;
  }

  .carteContainer {
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
  }
  .carteContainer img {
    width: 90%;
  }

  .block {
    align-items: center;
    text-align: center;
  }
  .block .t-2 {
    align-items: center;
    text-align: center;
  }

  .wpcf7-form .fileUpload .wpcf7-form-control-wrap[data-name="cv"]:before, .wpcf7-form .fileUpload .wpcf7-form-control-wrap[data-name="motivationLetter"]:before {
    content: none;
  }
  .wpcf7-form .fileUpload .codedropz-upload-container {
    padding: 0;
  }
  .wpcf7-form .fileUpload .codedropz-upload-inner {
    padding: .5rem .5rem .5rem 1rem;
    flex-direction: row;
    justify-content: space-between;
  }
  .wpcf7-form .fileUpload .codedropz-upload-inner span {
    display: none;
  }
  .wpcf7-form .fileUpload .codedropz-upload-inner h3 {
    display: none;
  }
  .wpcf7-form .fileUpload .codedropz-upload-inner .codedropz-btn-wrap {
    padding: 0.5rem 1.5rem;
    margin-top: 0;
    border-radius: 25px;
  }
  .wpcf7-form .fileUpload .codedropz-upload-inner .codedropz-btn-wrap:hover {
    background-color: #2ed9c3;
  }
  .wpcf7-form .fileUpload .codedropz-upload-inner .codedropz-btn-wrap a {
    font-size: 0px;
    color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .wpcf7-form .fileUpload .codedropz-upload-inner .codedropz-btn-wrap a:before {
    content: '';
    width: 2rem;
    height: 2rem;
    display: block;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0zIDE1djRjMCAxLjEuOSAyIDIgMmgxNGEyIDIgMCAwIDAgMi0ydi00TTE3IDhsLTUtNS01IDVNMTIgNC4ydjEwLjMiLz48L3N2Zz4=");
    background-size: contain;
    background-position: center;
  }
  .wpcf7-form .fileUpload .wpcf7-form-control-wrap {
    margin: .75rem 0;
    display: block;
  }
  .wpcf7-form .fileUpload .wpcf7-form-control-wrap .codedropz-upload-inner::before {
    font-size: 1rem;
    font-family: 'Bebas Kai',sans-serif;
    width: 185px;
    display: flex;
    justify-content: flex-start;
    text-align: left;
    z-index: 1;
  }
  .wpcf7-form .fileUpload .wpcf7-form-control-wrap[data-name="cv"] .codedropz-upload-inner:before {
    content: 'Joindre mon CV';
  }
  .wpcf7-form .fileUpload .wpcf7-form-control-wrap[data-name="motivationLetter"] .codedropz-upload-inner:before {
    content: 'Joindre ma lettre de motivation';
  }
  .wpcf7-form .fileUpload .dnd-upload-counter {
    display: none;
  }
}
@media screen and (max-width: 540px) {
  section, footer {
    padding: 3rem 1rem;
  }

  .topPage:before {
    content: '';
    width: 100%;
    height: 690px;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../img/green-shape-lite.svg") no-repeat center;
    background-size: contain;
  }
  .topPage .block {
    text-align: left;
  }
  .topPage .cta {
    width: 100%;
  }

  .accordon {
    width: 100%;
  }
  .accordon .btn {
    width: 100%;
  }
  .accordon .btn + div {
    padding: 0 5px;
  }
  .accordon .btn + div p, .accordon .btn + div ul {
    text-align: justify;
  }
  .accordon ul {
    padding-left: 20px;
  }
  .accordon ul li {
    list-style-position: outside;
  }

  .filters {
    min-width: 300px;
  }

  .emploi .content > div {
    padding: 2rem 0;
  }

  .wpcf7-form input[type="checkbox"] + span, .wpcf7-form input[type="radio"] + span + span {
    justify-content: center;
  }
  .wpcf7-form input[type="checkbox"] + span > span, .wpcf7-form input[type="radio"] + span + span > span {
    width: 17px;
    height: 17px;
    margin-right: .7rem;
  }
  .wpcf7-form input[type="checkbox"] + span > span:after, .wpcf7-form input[type="radio"] + span + span > span:after {
    left: 0px;
    top: -3px;
  }
  .wpcf7-form input[type="checkbox"] + span > em, .wpcf7-form input[type="radio"] + span + span > em {
    width: 200px;
  }
  .wpcf7-form .recaptchaCredit {
    justify-content: center;
    text-align: left;
    width: 230px;
  }

  .mentions-container p {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 400px) {
  .t-2 {
    font-size: 2.2rem;
  }

  section, footer {
    padding: 3rem 0.5rem;
  }

  header {
    padding: .5rem 1rem;
  }

  nav {
    width: 100%;
  }
  nav ul li a, nav ul li div {
    font-size: 2.1rem;
  }

  .topPage .block .t-3 {
    font-size: 1.9rem;
  }

  .emploi {
    padding: 0 .5rem;
  }

  .wpcf7-form .fileUpload .codedropz-upload-inner .codedropz-btn-wrap {
    padding: 0.5rem 1rem;
    margin-left: 0.25rem;
  }

  .text ul {
    padding-left: 20px;
  }

  .accordon .btn {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .accordon .btn i {
    margin-left: 0;
    margin-bottom: -1rem;
    margin-top: .5rem;
  }
}
@media screen and (max-width: 360px) {
  .logo {
    width: 170px;
  }

  .topPage:before {
    height: 580px;
  }
}
@media screen and (min-width: 768px) {
  .container {
    max-width: 1140px;
  }
}
@media screen and (max-width: 576px) {
  .container {
    max-width: 100%;
  }
}
body.can-touch * {
  cursor: default !important;
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
}

body .cmplz-cookiebanner{padding-top: 35px;}
body .cmplz-cookiebanner .cmplz-title{font-weight: bold;}
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny {position:absolute;color:#1d1d1b;top:-5px;right:0;font-size:0.9em;text-align:right;text-decoration:underline;margin-right:20px;background-color:initial!important;border:0!important;padding:0!important;font-weight:normal;font-family:Helvetica,Calibri,Arial,sans-serif!important;}
body .cmplz-cookiebanner .cc-btn.cc-show-settings {width:100%!important;}
.page-mentions #cmplz-document{max-width: 100%;}
.page-mentions #cmplz-document .cookies-per-purpose{color: #1d1d1b;}
.grecaptcha-badge { visibility: hidden; }
body .cmplz-cookiebanner .cmplz-header{overflow: hidden;}