@charset "UTF-8";
/*
Theme Name: Asteres Theme
Version: 1.0
Author: Jeremy
*/
/*------------------------------------*\
MAIN

.violet {
color: #751c44;
}




\*------------------------------------*/
/*
font-family: 'Open Sans Condensed', sans-serif;

font-family: 'Roboto Condensed', sans-serif;

*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Roboto+Condensed:400,400i,700");
@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap");
/* global box-sizing */
*,
*:after,
*:before {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* html element 62.5% font-size for REM use */
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  font: 300 15px/2 "Roboto Condensed", sans-serif;
  color: #444;
  padding: 15px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
}

.header .nav a {
  font-family: "Open Sans Condensed", sans-serif !important;
  font-weight: 300;
}

body > .overflow {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}

/* clear */
.clear:before,
.clear:after {
  content: " ";
  display: table;
}

.clear:after {
  clear: both;
}

.clear {
  *zoom: 1;
}

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

a {
  color: #751c44;
  text-decoration: none;
}

a:hover {
  color: #751c44;
}

a:focus {
  outline: 0;
}

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

input:focus {
  outline: 0;
  border: 1px solid #04a4cc;
}

.bg-violet {
  background: #751c44;
  color: white;
}

.violet {
  color: #751c44;
}

.mt-mob-5 {
  margin-top: 3rem;
}

.min-h-200 {
  min-height: 200px;
}

.min-h-400 {
  min-height: 400px;
}

.bg-violet a {
  color: white;
}

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

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

.cover {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.expertise hr {
  border-color: #000;
  border-width: 3px;
  box-sizing: content-box;
  height: 0;
  margin: 18px 0;
  text-align: left;
  width: 50px;
}

.expertise ul {
  list-style: none;
  padding-left: 0;
}

.photo {
  position: relative;
  z-index: 10;
}

.photo img {
  /*box-shadow: 5px 3px 18px rgba(0, 0, 0, 0.5);*/
}

.bg-gris {
  background-color: #f0f0f0;
}

.add {
  border: 1px solid #751c44;
  border-radius: 2px;
  color: #751c44;
  display: block;
  padding: 10px 40px;
  text-transform: uppercase;
}

#focus .foc {
  background: #751c44 none repeat scroll 0 0;
  color: white;
  font-family: open sans condensed;
  font-size: 20px;
  font-weight: 700;
  margin-right: 15px;
  padding: 10px 25px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 0;
}

.add:hover {
  text-decoration: none;
}

.footer .fa {
  margin-right: 15px;
}

#feed,
#feed2 {
  height: 300px;
  position: relative;
}

#feed .social-feed-element,
#feed2 .social-feed-element {
  border-bottom: 1px solid #f0f0f0;
  box-shadow: none !important;
}

.bg-absolute {
  width: 100%;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 60%); /* required for Webkit/Blink browsers if you're using only inline SVG clipping paths, but not CSS clip-path */
  clip-path: url("#clip4");
  padding: 50px 0 80px;
}

.bg-absolute hr {
  border-color: white;
  border-width: 3px;
  margin-left: 0;
  width: 40px;
}

.single-etude article hr {
  border-width: 3px;
  margin-left: 0;
  width: 40px;
}

#agenda {
  height: 380px;
  overflow: hidden;
  margin-top: 25px;
  /*box-shadow: 5px 5px 5px rgba(117, 28, 68, 0.11);*/
  position: relative;
}

.participe {
  background: #751c44 none repeat scroll 0 0;
  box-shadow: 0 0;
  color: white;
  font-size: 24px !important;
  font-weight: bold;
  padding: 20px;
  text-align: center;
  transition: all 0.4s ease 0s;
}

.participe:hover {
  background: white none repeat scroll 0 0;
  /*box-shadow: 5px 3px 18px rgba(0, 0, 0, 0.5);*/
  color: #751c44;
  text-decoration: none;
}

.single-agenda .expertise.stuck {
  position: fixed;
  top: 0;
}

.single-agenda .date {
  font-size: 22px;
}

.single-agenda .lieu {
  font-size: 22px;
}

.single-agenda .infos {
  margin-bottom: 20px;
}

.single-agenda .content {
  margin-bottom: 20px;
}

hr.petit2 {
  margin-left: 0;
  width: 50px;
}

.single-agenda .infos > hr {
  border-width: 3px;
  margin-left: 0;
  width: 50px;
}

.feed #social-feed-container-45,
.feed #social-feed-container-1700 {
  max-width: 100%;
}

.auteur {
  margin-top: 20px;
}

.auteur > a {
  display: block;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 5px;
  text-align: left;
}

.bg-gris.expertise li a {
  display: block;
  font-size: 14px;
  margin-bottom: 7px;
}

.auteur > a span {
  font-weight: bold;
}

/*------------------------------------*\
STRUCTURE
\*------------------------------------*/
/* wrapper */
.wrapper {
  max-width: 1280px;
  width: 95%;
  margin: 0 auto;
  position: relative;
}

/* header */
/* logo */
.logo-img {
  max-width: 260px;
  margin-top: -20px;
}

/* nav */
.nav {
  font-size: 18px;
  padding-left: 15px;
}

.nav .extra-nav {
  display: none;
}

.nav ul {
  list-style: none;
  padding-left: 0;
}

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

.nav ul li a {
  padding: 30px 25px;
  display: block;
}

.nav a:hover,
.wpml-ls-native {
  text-decoration: none;
  color: #751c44;
}

.nav .extra-nav div {
  display: inline-block;
  font-size: 16px;
}

.nav .extra-nav .contact {
  border-left: 1px solid;
  margin: 0 0 0 20px;
  padding: 0 0 0 20px;
}

.nav .extra-nav li a {
  padding: 0 20px;
}

.nav .extra-nav .wpml-ls-item {
  padding: 0;
}

/* sidebar */
/* footer */
/*------------------------------------*\
home
\*------------------------------------*/
.owl-carousel.clients img,
.gal-client a img {
  opacity: 0.9;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

.gal-client a {
  border: 1px solid #f0f0f0;
}

.owl-carousel.clients img:hover,
.gal-client a img:hover {
  opacity: 1;
  filter: none;
  -webkit-filter: grayscale(0%);
}

#client2 {
  width: 80%;
  margin: auto;
}

.slogan {
  background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.5px;
  margin-bottom: 25px;
  padding: 30px;
}

.bg-img {
  background-size: cover;
  height: 100%;
  width: 100%;
}

.title {
  font-size: 36px;
  font-weight: 300;
}

hr {
  width: 50%;
}

.etude-wrap .owl-item {
  padding: 25px 25px;
}

.shadow {
  /*box-shadow: 5px 3px 18px rgba(0,0,0,.5);*/
  position: relative;
}

.upload a {
  border: 1px solid #751c44;
  border-radius: 2px;
  display: block;
  font-size: 15px;
  margin-top: 15px;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
  width: 100%;
  color: #751c44;
}

.upload a:hover {
  background-color: #751c44;
  color: #fff;
  text-decoration: none;
}

.chiffre h4 {
  font-size: 48px;
  text-align: center;
  font-weight: bold;
}

.chiffre h4 span {
  display: block;
  font-size: 24px;
  font-weight: 300;
}

.absolute_bas {
  background: rgba(72, 72, 72, 0.5) none repeat scroll 0 0;
  bottom: 0;
  max-height: 100%;
  min-height: 100%;
  overflow: hidden;
  padding: 25px;
  position: absolute;
  transition: all 0.4s ease 0s;
  width: 100%;
}

.absolute_bas:hover {
  background: rgba(72, 72, 72, 0.8);
}

.absolute_bas h3 {
  color: white;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1px;
}

.absolute_bas h4 {
  color: white;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.absolute_bas hr {
  border-color: white;
  border-width: 2px;
  margin-left: 0;
  width: 30px;
}

.date {
  background: white;
  display: inline-block;
  padding: 5px 10px;
  margin: 3px;
  font-size: 16px;
}

.blog .bg-gris,
#actus .bg-gris {
  background-color: #f0f0f0;
  height: 100%;
}

hr.large {
  width: 100%;
}

#actus h3 {
  min-height: 70px;
}

#actus .inner > p {
  min-height: 120px;
}

.owl-nav {
  text-align: center;
}

.owl-nav div {
  display: inline-block;
  font-size: 36px;
  margin: 0 15px;
}

.owl-nav div:hover {
  color: #751c44;
}

.banner {
  padding: 40px 20px;
}

.banner .inner {
  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
  margin-bottom: 25px;
  padding: 20px;
}

#focus {
  background: white;
  /*box-shadow: 5px 5px 5px rgba(117, 28, 68, 0.11);*/
}

.no-padding-left {
  padding-left: 0;
}

.h3,
h3 {
  font-size: 2.2rem;
}

.bg-video {
  background: url(img/youtube-bg.jpg);
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  /*box-shadow: 5px 5px 5px rgba(117, 28, 68, 0.11);*/
}

.inner {
  padding: 25px;
}

.wrap-btn {
  text-align: center;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.single-equipe .owl-item {
  padding: 20px;
}

.wrap-btn .view-article {
  text-transform: uppercase;
  color: #000;
  font-weight: bold;
  padding: 12px 20px;
  border: 3px solid #ededed;
  display: inline-block;
}

.info-etude .violet {
  display: block;
  font-style: italic;
  font-weight: 400;
}

.info-etude {
  margin-top: 10px;
}

.bg-gris.expertise a {
  display: block;
  font-size: 18px;
  margin-bottom: 7px;
}

h1.archive-title {
  font-size: 44px;
}

hr.petit {
  border-width: 4px;
  margin: 0 0 25px;
  width: 50px;
}

.blog article {
  margin-bottom: 20px;
}

.single-etude h2.white {
  max-width: 60%;
}

.small-gris {
  margin-bottom: 20px;
  margin-left: 0;
}

/*------------------------------------*\
popup
\*------------------------------------*/
.grid {
  position: relative;
}

/* Common style */
.grid figure {
  position: relative;
  overflow: hidden;
}

.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8;
}

.grid figure figcaption {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

.effect-zoe > a {
  background: #751c44 none repeat scroll 0 0;
  display: block;
}

.effect-zoe > a img {
  display: block;
  max-width: 100%;
  min-height: inherit;
  opacity: 1;
  position: relative;
  transition: all 0.4s ease;
  aspect-ratio: 1/1;
}

.effect-zoe:hover > a img {
  opacity: 0.1;
}

.effect-zoe figcaption {
  display: flex;
}

.effect-zoe h2 {
  font-weight: normal;
  margin: auto;
  opacity: 0;
  text-transform: none;
  transition: all 0.4s ease 0s;
}

.effect-zoe:hover h2 {
  opacity: 1;
}

/* tabs */
.tabs {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  font-weight: 300;
  font-size: 1.25em;
}

.tabs p {
  font-size: 15px;
}

/* Nav */
.tabs nav {
  text-align: center;
}

.tabs nav ul {
  padding: 0;
}

.tabs nav ul li {
  display: inline-block;
  margin: 10px;
  position: relative;
  text-align: center;
  z-index: 1;
}

.tabs nav a {
  position: relative;
}

.tabs nav a:focus {
  outline: none;
}

/* Content */
.content-wrap {
  position: relative;
}

.content-wrap section {
  display: none;
  margin: 0 auto;
  padding: 1em;
  max-width: 1200px;
}

.content-wrap section.content-current {
  display: block;
}

/* Fallback */
.no-js .content-wrap section {
  display: block;
  padding-bottom: 2em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.no-flexbox nav ul {
  display: block;
}

.no-flexbox nav ul li {
  min-width: 15%;
  display: inline-block;
}

.tabs-style-iconfall {
  overflow: visible;
}

.tabs-style-iconfall nav a {
  display: inline-block;
  overflow: visible;
  padding: 1em 0 2em;
  color: #393939;
  line-height: 1;
  transition: color 0.3s cubic-bezier(0.7, 0, 0.3, 1);
}

.tabs-style-iconfall nav a:hover,
.tabs-style-iconfall nav a:focus,
.tabs-style-iconfall nav li.tab-current a {
  color: #751c44;
  text-decoration: none;
}

.tabs-style-iconfall nav a span {
  font-weight: 700;
}

.tabs-style-iconfall nav li::before {
  position: absolute;
  bottom: 1em;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 4px;
  background: #751c44;
  content: "";
  opacity: 0;
  transition: transform 0.2s ease-in;
  transform: scale3d(0, 1, 1);
}

.tabs-style-iconfall nav li.tab-current::before {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

@media screen and (max-width: 58em) {
  .tabs-style-iconfall nav li .icon::before {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.height {
  height: 100%;
}

#etude .shadow {
  overflow: hidden;
}

.type-etude .shadow {
  overflow: hidden;
}

body:not(.single) .type-etude .shadow img {
  min-height: 430px;
  width: auto;
  max-width: inherit;
  max-height: 430px;
}

#etude .shadow img {
  min-height: 404px;
  width: 100%;
  height: auto;
}

#actus .shadow img {
  min-height: 404px;
  width: 100%;
  height: auto;
}

/* Styling Pagination*/
.owl-dots {
  text-align: center;
}

.owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline; /*IE7 life-saver */
}

#focus .owl-dots {
  position: absolute;
  right: 15%;
  top: 90%;
}

.owl-dots .owl-dot span {
  display: block;
  background-color: #b15b82;
  border-radius: 4px;
  height: 4px;
  width: 8px;
  margin: 5px 4px;
  opacity: 1;
  transition: all 0.5s ease;
}

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
  background: #751c44;
  width: 20px;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:focus {
  color: #fff !important;
}

/*------------------------------------*\
TYPOGRAPHY
\*------------------------------------*/
/*------------------------------------*\
RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width: 320px) {
  .container {
    width: 320px;
    max-width: 95%;
    padding: 0;
  }
}
@media only screen and (min-width: 480px) {
  .container {
    width: 480px;
    max-width: 95%;
  }
}
@media only screen and (min-width: 576px) {
  .nav .extra-nav {
    display: block;
  }
  .mega-menu-horizontal > li:hover > a::before {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
  #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
  #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover,
  #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:focus {
    opacity: 0.9;
  }
  .cover {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    clip-path: polygon(0% 90%, 0% 0%, 100% 0%, 100% 100%); /* required for Webkit/Blink browsers if you're using only inline SVG clipping paths, but not CSS clip-path */
    clip-path: url("#clip-shape");
  }
  .etude-wrap {
    clip-path: polygon(0% 100%, 0% 5%, 100% 0%, 100% 100%); /* required for Webkit/Blink browsers if you're using only inline SVG clipping paths, but not CSS clip-path */
    clip-path: url("#clip2");
    padding: 50px 25px;
  }
  .expertise {
    clip-path: polygon(0% 90%, 0% 10%, 100% 0%, 100% 100%); /* required for Webkit/Blink browsers if you're using only inline SVG clipping paths, but not CSS clip-path */
    clip-path: url("#clip2");
    padding: 180px 50px 60px;
    margin-top: -150px;
    margin-right: -15px;
    margin-left: -15px;
  }
  .single-agenda .photo.text-right.shadow {
    padding-left: 50px;
  }
  .banner .inner {
    padding: 50px 50px 40px;
    position: relative;
  }
  .banner .inner {
    background: rgba(255, 255, 255, 0.9);
    height: 100%;
  }
  .equipe_wrap {
    clip-path: polygon(0% 100%, 0% 5%, 100% 0%, 100% 100%); /* required for Webkit/Blink browsers if you're using only inline SVG clipping paths, but not CSS clip-path */
    clip-path: url("#clip2");
    padding: 50px 25px;
  }
  .mobil {
    display: none;
  }
  .banner .add {
    border: 1px solid #751c44;
    border-radius: 2px;
    bottom: 30px;
    color: #751c44;
    display: block;
    left: 50px;
    padding: 10px 40px;
    position: absolute;
    text-transform: uppercase;
    width: calc(100% - 100px);
    transition: all 0.4s ease;
  }
  .banner .inner p {
    text-align: left;
  }
  .banner .add:hover {
    background-color: #751c44;
    color: #fff;
  }
}
@media only screen and (min-width: 768px) {
  .container {
    width: 768px;
    max-width: 95%;
  }
  .mt-mob-5 {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .container {
    width: 1024px;
    max-width: 95%;
  }
  #focus .focus {
    min-height: 400px;
  }
}
@media only screen and (min-width: 1140px) {
  .container {
    width: 1190px;
    max-width: 90%;
  }
  .container.container-small {
    max-width: 70%;
  }
  body {
    padding: 15px 60px;
  }
}
@media only screen and (min-width: 1280px) {
  .container {
    width: 1280px;
    max-width: 95%;
  }
  .banner {
    padding: 60px 40px 140px;
  }
}
@media only screen and (min-width: 1366px) {
  .container {
    width: 1366px;
    max-width: 95%;
  }
}
@media only screen and (min-width: 1440px) {
  .container {
    width: 1440px;
    max-width: 90%;
  }
  .etude-wrap {
    padding: 50px;
  }
  .expertise {
    padding: 180px 50px 60px;
    margin-top: -150px;
    margin-right: -15px;
    margin-left: -15px;
  }
  .single-agenda .photo.text-right.shadow {
    padding-left: 50px;
  }
  .banner {
    padding: 60px 40px 140px;
  }
}
body {
  padding: 0 !important;
}

body .container {
  width: 100% !important;
  max-width: 100% !important;
}

/*------------------------------------*\
MISC
\*------------------------------------*/
::-moz-selection {
  background: #04a4cc;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #04a4cc;
  color: #fff;
  text-shadow: none;
}

::-webkit-selection {
  background: #04a4cc;
  color: #fff;
  text-shadow: none;
}

::-moz-selection {
  background: #04a4cc;
  color: #fff;
  text-shadow: none;
}

/*------------------------------------*\
WORDPRESS CORE
\*------------------------------------*/
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/*------------------------------------*\
PRINT
\*------------------------------------*/
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
.fa-facebook2::before {
  content: "\f09a";
}

.fa-twitter2::before {
  content: "\f099";
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mini {
  max-width: 700px;
  margin: 0 auto;
}

.mt-100 {
  margin-top: 100px;
}

.mt-50 {
  margin-top: 50px;
}

#post-19 iframe {
  margin-top: 40px;
  width: 100%;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-30 {
  margin-bottom: 30px;
}

#filtre a {
  position: relative;
  text-decoration: none;
}

#filtre a:hover {
  text-decoration: none;
}

#breadcrumbs {
  font-size: 12px;
}

.bas_page {
  display: inline-block;
  margin-top: 25px;
}

.bas_page ul {
  display: inline-block;
  list-style: none;
  padding: 0;
}

.bas_page ul li {
  display: inline-block;
  margin-left: 15px;
  padding-left: 15px;
  border-left: 1px solid;
}

.ecran-recherche .white {
  display: flex;
  width: 100%;
}

.ecran-recherche {
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  background: rgba(103, 16, 49, 0.7);
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1000000000000;
}

.ecran-recherche.open {
  opacity: 1;
  z-index: 10000000000000000;
}

.ecran-recherche .white .inner {
  margin: auto;
  background: #fff;
  position: relative;
  padding: 45px;
  border: 1px solid #751c44;
}

.ecran-recherche .close {
  position: absolute;
  top: 10px;
  right: 10px;
}

.ecran-recherche .search button {
  border: 3px solid #751c44;
  color: white;
  margin-left: -4px;
  background: #751c44;
  padding: 15px;
}

.ecran-recherche .search input {
  padding: 15px;
}

.ecran-recherche .search input:focus {
  border: 3px solid #751c44;
}

.row.blog {
  margin-top: 30px;
}

.row.blog .shadow img {
  height: 100%;
  vertical-align: bottom;
  width: auto;
  max-width: inherit;
}

.row.blog .shadow {
  /*box-shadow: 5px 3px 18px rgba(0,0,0,.5);*/
  position: relative;
  height: 426px;
  overflow: hidden;
}

.assises {
  aspect-ratio: 400/300 !important;
}
.assises .inner {
  padding: 30px;
  height: 100%;
  color: white;
}
.assises .inner hr {
  border-color: white;
}

.assises h3 {
  margin-bottom: 15px;
}

.assises h4 {
  margin-top: 20px;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.descri {
  text-align: justify;
}

#equipe figure:nth-child(n+7) {
  display: none;
}

#equipe figure:nth-child(1) {
  position: absolute !important;
  width: 350px !important;
  top: -450px;
  left: 19%;
}

#equipe figure:nth-child(2) {
  position: absolute !important;
  width: 275px !important;
  left: 100%;
  top: -250px;
}

#equipe figure:nth-child(3) {
  position: absolute !important;
  width: 300px !important;
  left: 110%;
  top: 185px;
}

#equipe figure:nth-child(4) {
  position: absolute !important;
  width: 350px !important;
  left: 20%;
  top: 426px;
}

#equipe figure:nth-child(5) {
  position: absolute !important;
  width: 300px !important;
  right: 120%;
  top: 350px;
}

#equipe figure:nth-child(6) {
  position: absolute !important;
  width: 300px !important;
  right: 110%;
  top: -160px;
}

#equipe figure {
  opacity: 0.26;
  filter: grayscale(1);
  transition: all 0.4s;
}
#equipe figure img {
  border-radius: 3px;
  cursor: pointer;
}

#equipe figure:hover {
  opacity: 1;
  filter: grayscale(0);
}

@media only screen and (max-width: 767px) {
  #equipe figure:nth-child(1) {
    position: absolute !important;
    width: 175px !important;
    top: -210px;
    left: 19%;
  }
  #equipe figure:nth-child(2) {
    position: absolute !important;
    width: 135px !important;
    left: 85%;
    top: -50px;
  }
  #equipe figure:nth-child(3) {
    position: absolute !important;
    width: 150px !important;
    left: 76%;
    top: 206px;
  }
  #equipe figure:nth-child(4) {
    position: absolute !important;
    width: 175px !important;
    left: 10%;
    top: 405px;
  }
  #equipe figure:nth-child(5) {
    position: absolute !important;
    width: 150px !important;
    right: 82%;
    top: 300px;
  }
  #equipe figure:nth-child(6) {
    position: absolute !important;
    width: 150px !important;
    right: 74%;
    top: 10px;
  }
  #equipe figure {
    opacity: 0.2;
  }
  .wp-block-stackable-image.stk-block-image.has-text-align-center.stk-block.stk-ecb68cb {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
  }
}
body header {
  position: fixed;
  width: 100vw;
  top: 0;
  z-index: 100;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 5vw;
  padding-right: 5vw;
  padding-top: 20px;
  padding-bottom: 20px;
}
body header .left,
body header .right {
  min-width: 300px;
}
body header .left ul,
body header .right ul {
  list-style: none;
  display: flex;
  justify-content: flex-end;
  margin: 0;
}
body header .left ul .weglot-parent-menu-item,
body header .right ul .weglot-parent-menu-item {
  border: 1px solid white;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body header .left ul .weglot-parent-menu-item > a,
body header .right ul .weglot-parent-menu-item > a {
  padding-left: 20px;
  padding-right: 3px;
  text-decoration: none;
}
body header .left ul .weglot-parent-menu-item > a::after,
body header .right ul .weglot-parent-menu-item > a::after {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url('data:image/svg+xml;utf8,<svg width="32px" height="32px" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.2934 21.7071C12.9029 21.3166 12.9029 20.6834 13.2934 20.2929L17.5863 16L13.2934 11.7071C12.9029 11.3166 12.9029 10.6834 13.2934 10.2929C13.6839 9.90237 14.3171 9.90237 14.7076 10.2929L19.7076 15.2929C20.0981 15.6834 20.0981 16.3166 19.7076 16.7071L14.7076 21.7071C14.3171 22.0976 13.6839 22.0976 13.2934 21.7071Z" fill="white"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}
body header .left ul .weglot-parent-menu-item > a:hover,
body header .right ul .weglot-parent-menu-item > a:hover {
  text-decoration: none;
}
body header .left ul .weglot-parent-menu-item .sub-menu,
body header .right ul .weglot-parent-menu-item .sub-menu {
  display: none;
  padding: 0;
}
body header .left ul .weglot-parent-menu-item .sub-menu li,
body header .right ul .weglot-parent-menu-item .sub-menu li {
  margin-left: 0;
}
body header .left ul .weglot-parent-menu-item .sub-menu li a,
body header .right ul .weglot-parent-menu-item .sub-menu li a {
  padding-right: 20px;
}
body header .left ul .weglot-parent-menu-item .sub-menu li a:hover,
body header .right ul .weglot-parent-menu-item .sub-menu li a:hover {
  text-decoration: none;
  font-weight: bold;
}
body header .left ul li,
body header .right ul li {
  margin-left: 15px;
}
body header .left ul li a,
body header .right ul li a {
  color: white;
}
body header .left ul li img._mi,
body header .right ul li img._mi {
  width: 35px !important;
}
body header .center {
  margin-left: auto;
  margin-right: auto;
}
body header .center .mega-menu-link {
  text-transform: uppercase !important;
  margin: 0 10px !important;
}

body header #mega-menu-wrap-header-menu {
  background: none !important;
}

body header #mega-menu-wrap-header-menu a.mega-menu-link {
  color: white !important;
  background: none !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  text-transform: uppercase;
  font-size: 16px !important;
  font-weight: 400 !important;
  letter-spacing: 1px;
}

body header #mega-menu-wrap-header-menu a.mega-menu-link:hover {
  color: rgba(255, 255, 255, 0.7) !important;
  background: none !important;
  font-weight: 400 !important;
}

body header #mega-menu-wrap-header-menu a.mega-menu-link:focus {
  color: rgba(255, 255, 255, 0.7) !important;
  background: none !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

body header #mega-menu-wrap-header-menu a.mega-menu-link:visited {
  color: rgba(255, 255, 255, 0.7) !important;
  background: none !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

header {
  transition: background-color 0.3s ease;
}

header.scrolled {
  background-color: rgba(103, 16, 49, 0.9);
}

@media only screen and (max-width: 767px) {
  header .logo {
    max-width: 75%;
    margin-top: -10px;
  }
  header .logo .logo-img {
    max-width: 100%;
  }
  header .mega-menu-toggle {
    z-index: 100000;
    position: relative;
  }
  header #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1::after {
    font-size: 30px;
    color: white;
    margin: 0 0 0 5px;
  }
  body.mega-menu-header-menu-mobile-open {
    height: 100vh;
    overflow: hidden;
  }
  body.mega-menu-header-menu-mobile-open #home-header #mega-menu-header-menu {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    display: flex !important;
    flex-direction: column;
    padding: 24px !important;
    gap: 25px;
    overflow: scroll;
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  body.mega-menu-header-menu-mobile-open #home-header #mega-menu-header-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    margin-left: -20px !important;
  }
  body.mega-menu-header-menu-mobile-open #home-header #mega-menu-header-menu .mega-menu-link {
    text-align: center !important;
  }
}
body {
  overflow-x: hidden;
}

footer.footer a {
  color: white;
}

footer.footer .widget_nav_menu h2 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  font-size: 16px;
  color: #b13471;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 2.5;
  margin: 0;
}

footer.footer .widget_nav_menu ul {
  padding-left: 0;
  list-style: none;
}

footer.footer .widget_nav_menu ul li a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  font-size: 16px;
  color: white;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 2.5;
}

footer.footer .widget_nav_menu ul li a:hover {
  text-decoration: none;
  color: #b13471;
}

@keyframes floating {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.mouvement {
  display: inline-block;
  animation: floating 1s ease-in-out infinite;
} 
body.single-etude,
body.single-post {
  background-color: #671031;
}
body.single-etude main,
body.single-post main {
  padding-top: 200px;
  padding-left: 5vw;
  padding-right: 5vw;
}
@media only screen and (max-width: 767px) {
  body.single-etude main,
  body.single-post main {
    padding-top: 100px;
  }
}
body.single-etude main #breadcrumbs,
body.single-post main #breadcrumbs {
  color: white;
}
body.single-etude main #breadcrumbs a,
body.single-post main #breadcrumbs a {
  color: white;
}
body.single-etude main .ppma_boxes_5126,
body.single-post main .ppma_boxes_5126 {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  margin-top: 30px;
}
body.single-etude main .ppma_boxes_5126 ul,
body.single-post main .ppma_boxes_5126 ul {
  padding: 0;
}
body.single-etude main .ppma_boxes_5126 ul .pp-multiple-authors-boxes-li,
body.single-post main .ppma_boxes_5126 ul .pp-multiple-authors-boxes-li {
  margin: 0 -10px;
}
body.single-etude main .ppma_boxes_5126 ul .pp-multiple-authors-boxes-li:nth-child(1),
body.single-post main .ppma_boxes_5126 ul .pp-multiple-authors-boxes-li:nth-child(1) {
  z-index: 10;
}
body.single-etude main .ppma_boxes_5126 ul .pp-multiple-authors-boxes-li:nth-child(2),
body.single-post main .ppma_boxes_5126 ul .pp-multiple-authors-boxes-li:nth-child(2) {
  z-index: 9;
}
body.single-etude main .ppma_boxes_5126 ul .pp-multiple-authors-boxes-li:nth-child(3),
body.single-post main .ppma_boxes_5126 ul .pp-multiple-authors-boxes-li:nth-child(3) {
  z-index: 8;
}
body.single-etude main .ppma_boxes_5126 ul .pp-multiple-authors-boxes-li:nth-child(4),
body.single-post main .ppma_boxes_5126 ul .pp-multiple-authors-boxes-li:nth-child(4) {
  z-index: 7;
}
body.single-etude main .ppma_boxes_5126 ul .pp-multiple-authors-boxes-li:nth-child(5),
body.single-post main .ppma_boxes_5126 ul .pp-multiple-authors-boxes-li:nth-child(5) {
  z-index: 6;
}
body.single-etude main .ppma_boxes_5126 ul .pp-multiple-authors-boxes-li:nth-child(6),
body.single-post main .ppma_boxes_5126 ul .pp-multiple-authors-boxes-li:nth-child(6) {
  z-index: 5;
}
body.single-etude main .ppma_boxes_5126 ul .pp-multiple-authors-boxes-li:nth-child(7),
body.single-post main .ppma_boxes_5126 ul .pp-multiple-authors-boxes-li:nth-child(7) {
  z-index: 4;
}
body.single-etude main .ppma_boxes_5126 ul .pp-multiple-authors-boxes-li:nth-child(8),
body.single-post main .ppma_boxes_5126 ul .pp-multiple-authors-boxes-li:nth-child(8) {
  z-index: 3;
}
body.single-etude main .ppma_boxes_5126 ul .pp-multiple-authors-boxes-li:nth-child(9),
body.single-post main .ppma_boxes_5126 ul .pp-multiple-authors-boxes-li:nth-child(9) {
  z-index: 2;
}
body.single-etude main .ppma_boxes_5126 ul .pp-multiple-authors-boxes-li:nth-child(10),
body.single-post main .ppma_boxes_5126 ul .pp-multiple-authors-boxes-li:nth-child(10) {
  z-index: 1;
}
body.single-etude main .ppma_boxes_5126 ul .pp-multiple-authors-boxes-li .pp-author-boxes-avatar .avatar-image img,
body.single-post main .ppma_boxes_5126 ul .pp-multiple-authors-boxes-li .pp-author-boxes-avatar .avatar-image img {
  border: 3px solid white !important;
}
body.single-etude main .ppma_boxes_5126 ul .pp-multiple-authors-boxes-li .pp-author-boxes-avatar .avatar-image img:nth-child(1),
body.single-post main .ppma_boxes_5126 ul .pp-multiple-authors-boxes-li .pp-author-boxes-avatar .avatar-image img:nth-child(1) {
  z-index: 10;
}
body.single-etude main .ppma_boxes_5127,
body.single-post main .ppma_boxes_5127 {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
body.single-etude main .ppma_boxes_5127 .box-header-title::after,
body.single-post main .ppma_boxes_5127 .box-header-title::after {
  content: " ";
}
body.single-etude main .ppma_boxes_5127 span,
body.single-post main .ppma_boxes_5127 span {
  color: white;
  font-size: clamp(14px, 2.5vw, 22px);
}
body.single-etude main .ppma_boxes_5127 span a,
body.single-post main .ppma_boxes_5127 span a {
  color: white;
  pointer-events: none;
}
body.single-etude main h1,
body.single-post main h1 {
  color: white;
  font-size: clamp(34px, 5vw, 68px);
  font-family: "DM Serif Display", Sans-serif !important;
  margin: auto;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  body.single-etude main h1,
  body.single-post main h1 {
    font-size: clamp(34px, 5vw, 50px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  body.single-etude main h1,
  body.single-post main h1 {
    max-width: 80%;
  }
}
@media only screen and (min-width: 1920px) {
  body.single-etude main h1,
  body.single-post main h1 {
    max-width: 70%;
  }
}
body.single-etude main .upload,
body.single-post main .upload {
  display: flex;
}
body.single-etude main .upload a,
body.single-post main .upload a {
  border-radius: 110px;
  border-width: 1px;
  border-style: solid;
  color: #751c44;
  display: inline-block;
  padding: 10px 36px;
  font-size: 16px;
  text-transform: uppercase;
  width: inherit;
}
body.single-etude main .upload a:hover,
body.single-post main .upload a:hover {
  color: white;
}
body.single-etude main .upload a.white,
body.single-post main .upload a.white {
  margin: auto;
  color: white;
  border-color: white;
}
body.single-etude main .upload a.white:hover,
body.single-post main .upload a.white:hover {
  color: #751c44;
  background-color: white;
}
body.single-etude main .content-etude,
body.single-post main .content-etude {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
  margin-top: 60px;
}
body.single-etude main .content-etude .image,
body.single-post main .content-etude .image {
  max-width: 400px;
  width: 100%;
  height: auto;
  flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  body.single-etude main .content-etude .image,
  body.single-post main .content-etude .image {
    max-width: 300px;
  }
}
body.single-etude main .content-etude .content,
body.single-post main .content-etude .content {
  background-color: #f7f5ee;
  flex: 1; /* Prend tout l'espace restant */
  min-width: 0; /* Important pour gérer le texte long */
  margin-right: -5vw;
  padding: 5vw 5vw 10vw;
  font-size: clamp(16px, 1.5vw, 24px);
}
@media only screen and (min-width: 768px) {
  body.single-etude main .content-etude .content,
  body.single-post main .content-etude .content {
    padding: 2.5vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  body.single-etude main .content-etude .content,
  body.single-post main .content-etude .content {
    font-size: clamp(16px, 1.5vw, 18px);
  }
}
@media only screen and (min-width: 768px) {
  body.single-etude main .content-etude .content .contenu,
  body.single-post main .content-etude .content .contenu {
    max-width: 70%;
  }
}
body.single-etude main .content-etude .content h2,
body.single-post main .content-etude .content h2 {
  font-size: 28px;
}
body.single-etude .etude-wrap,
body.single-post .etude-wrap {
  background-color: #3e0a1e;
  padding: 0 5vw 40px;
  margin-left: -5vw;
  margin-right: -5vw;
}
body.single-etude .etude-wrap .title,
body.single-post .etude-wrap .title {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
  margin-top: 60px;
  margin-top: 0;
}
body.single-etude .etude-wrap .title h3,
body.single-post .etude-wrap .title h3 {
  margin-top: 0;
  max-width: 400px;
  width: 100%;
  height: auto;
  flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  font-size: clamp(34px, 5vw, 68px);
  font-family: "DM Serif Display", Sans-serif !important;
  color: white;
  margin-top: 50px;
  margin-bottom: -15px;
}
@media only screen and (min-width: 768px) {
  body.single-etude .etude-wrap .title h3,
  body.single-post .etude-wrap .title h3 {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  body.single-etude .etude-wrap .title h3,
  body.single-post .etude-wrap .title h3 {
    max-width: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  body.single-etude .etude-wrap .title h3,
  body.single-post .etude-wrap .title h3 {
    font-size: clamp(34px, 5vw, 44px);
  }
}
body.single-etude .etude-wrap .title div,
body.single-post .etude-wrap .title div {
  flex: 1;
  min-width: 0;
  background: #f7f5ee;
  margin-right: -5vw;
}
body.single-etude .etude-wrap #etude,
body.single-post .etude-wrap #etude {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  body.single-etude .etude-wrap #etude,
  body.single-post .etude-wrap #etude {
    margin-top: 100px;
  }
}
body.single-etude .etude-wrap #etude .etude,
body.single-post .etude-wrap #etude .etude {
  position: relative;
  overflow: hidden;
  flex: 0 0 100%;
  aspect-ratio: 400/470;
  transition: transform 2s cubic-bezier(0.22, 1, 0.36, 1);
  border-radius: 3px;
  border: 1px solid white;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  body.single-etude .etude-wrap #etude .etude,
  body.single-post .etude-wrap #etude .etude {
    flex: 0 0 calc(50% - 30px);
  }
  body.single-etude .etude-wrap #etude .etude:nth-child(3),
  body.single-post .etude-wrap #etude .etude:nth-child(3) {
    display: none;
  }
  body.single-etude .etude-wrap #etude .etude:nth-child(4),
  body.single-post .etude-wrap #etude .etude:nth-child(4) {
    display: none;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1919px) {
  body.single-etude .etude-wrap #etude .etude,
  body.single-post .etude-wrap #etude .etude {
    flex: 0 0 calc(33% - 30px);
  }
  body.single-etude .etude-wrap #etude .etude:nth-child(3),
  body.single-post .etude-wrap #etude .etude:nth-child(3) {
    display: none;
  }
}
@media only screen and (min-width: 1920px) {
  body.single-etude .etude-wrap #etude .etude,
  body.single-post .etude-wrap #etude .etude {
    flex: 0 0 calc(25% - 30px);
  }
}
body.single-etude .etude-wrap #etude .etude .etude-bg,
body.single-post .etude-wrap #etude .etude .etude-bg {
  position: absolute;
  inset: 0;
  background-image: inherit;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transform: scale(1);
  transition: opacity 1s, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
body.single-etude .etude-wrap #etude .etude > a,
body.single-post .etude-wrap #etude .etude > a {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
}
body.single-etude .etude-wrap #etude .etude .contenu-etude,
body.single-post .etude-wrap #etude .etude .contenu-etude {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 40px;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  body.single-etude .etude-wrap #etude .etude .contenu-etude,
  body.single-post .etude-wrap #etude .etude .contenu-etude {
    padding: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  body.single-etude .etude-wrap #etude .etude .contenu-etude,
  body.single-post .etude-wrap #etude .etude .contenu-etude {
    padding: 30px;
  }
}
@media only screen and (min-width: 1920px) {
  body.single-etude .etude-wrap #etude .etude .contenu-etude,
  body.single-post .etude-wrap #etude .etude .contenu-etude {
    padding: 60px;
  }
}
body.single-etude .etude-wrap #etude .etude .contenu-etude .etude-categories span,
body.single-post .etude-wrap #etude .etude .contenu-etude .etude-categories span {
  display: inline-block;
  background: white;
  color: #751c44;
  border-radius: 36px;
  font-size: 8px;
  text-transform: uppercase;
  padding: 2px 12px;
  margin-right: 10px;
}
body.single-etude .etude-wrap #etude .etude .contenu-etude h3,
body.single-post .etude-wrap #etude .etude .contenu-etude h3 {
  color: white;
  font-family: "DM Serif Display", Sans-serif !important;
  font-size: clamp(16px, 1.5vw, 24px);
  line-height: 1.8;
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  body.single-etude .etude-wrap #etude .etude .contenu-etude h3,
  body.single-post .etude-wrap #etude .etude .contenu-etude h3 {
    line-height: 1.4;
  }
}
body.single-etude .etude-wrap #etude .etude .contenu-etude a,
body.single-post .etude-wrap #etude .etude .contenu-etude a {
  display: flex;
  align-items: center;
  margin-top: auto;
  color: white;
  font-size: 14px;
  text-transform: uppercase;
}
body.single-etude .etude-wrap #etude .etude .contenu-etude a .arrow-svg,
body.single-post .etude-wrap #etude .etude .contenu-etude a .arrow-svg {
  margin-right: 13px;
}
body.single-etude .etude-wrap #etude .etude:hover, body.single-etude .etude-wrap #etude .etude:focus,
body.single-post .etude-wrap #etude .etude:hover,
body.single-post .etude-wrap #etude .etude:focus {
  transform: scale(0.95);
}
body.single-etude .etude-wrap #etude .etude:hover .etude-bg, body.single-etude .etude-wrap #etude .etude:focus .etude-bg,
body.single-post .etude-wrap #etude .etude:hover .etude-bg,
body.single-post .etude-wrap #etude .etude:focus .etude-bg {
  opacity: 0.25;
  transform: scale(1.08);
}

body.post-type-archive-etude,
body.tax-categories-etude,
body.archive {
  background-color: #671031;
}
body.post-type-archive-etude .hero,
body.tax-categories-etude .hero,
body.archive .hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0;
  background-blend-mode: multiply;
  background-color: #671031;
}
body.post-type-archive-etude .hero .content,
body.tax-categories-etude .hero .content,
body.archive .hero .content {
  max-width: 90%;
  color: white;
  font-size: clamp(16px, 1.5vw, 24px);
  color: #ffffff;
  font-weight: 200;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: 1px;
  line-height: 1.6;
}
@media only screen and (min-width: 1180px) {
  body.post-type-archive-etude .hero .content,
  body.tax-categories-etude .hero .content,
  body.archive .hero .content {
    max-width: 70%;
  }
}
@media only screen and (min-width: 1600px) {
  body.post-type-archive-etude .hero .content,
  body.tax-categories-etude .hero .content,
  body.archive .hero .content {
    max-width: 50%;
  }
}
body.post-type-archive-etude .hero .content h1,
body.tax-categories-etude .hero .content h1,
body.archive .hero .content h1 {
  font-size: clamp(34px, 5vw, 68px);
  font-family: "DM Serif Display", Sans-serif;
  margin-bottom: 7px;
}
body.post-type-archive-etude .hero .content h2,
body.tax-categories-etude .hero .content h2,
body.archive .hero .content h2 {
  font-size: clamp(18px, 2.2vw, 30px);
  color: #ffffff;
  text-transform: uppercase;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: 2px;
}
body.post-type-archive-etude .hero .content h2 strong,
body.tax-categories-etude .hero .content h2 strong,
body.archive .hero .content h2 strong {
  font-weight: 100;
}
body.post-type-archive-etude #les_etudes,
body.tax-categories-etude #les_etudes,
body.archive #les_etudes {
  padding-top: 100px;
  padding-left: 5vw;
  padding-right: 5vw;
}
body.post-type-archive-etude #les_etudes #etude,
body.tax-categories-etude #les_etudes #etude,
body.archive #les_etudes #etude {
  display: flex;
  gap: 40px;
  margin-top: 100px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  body.post-type-archive-etude #les_etudes #etude,
  body.tax-categories-etude #les_etudes #etude,
  body.archive #les_etudes #etude {
    margin-top: 50px;
  }
}
body.post-type-archive-etude #les_etudes #etude .etude,
body.tax-categories-etude #les_etudes #etude .etude,
body.archive #les_etudes #etude .etude {
  position: relative;
  overflow: hidden;
  flex: 0 0 100%;
  aspect-ratio: 400/470;
  transition: transform 2s cubic-bezier(0.22, 1, 0.36, 1);
  border-radius: 3px;
  border: 1px solid white;
}
@media only screen and (min-width: 768px) {
  body.post-type-archive-etude #les_etudes #etude .etude,
  body.tax-categories-etude #les_etudes #etude .etude,
  body.archive #les_etudes #etude .etude {
    flex: 0 0 calc(50% - 30px);
  }
}
@media only screen and (min-width: 1024px) {
  body.post-type-archive-etude #les_etudes #etude .etude,
  body.tax-categories-etude #les_etudes #etude .etude,
  body.archive #les_etudes #etude .etude {
    flex: 0 0 calc(33% - 30px);
  }
}
@media only screen and (min-width: 1920px) {
  body.post-type-archive-etude #les_etudes #etude .etude,
  body.tax-categories-etude #les_etudes #etude .etude,
  body.archive #les_etudes #etude .etude {
    flex: 0 0 calc(25% - 30px);
  }
}
body.post-type-archive-etude #les_etudes #etude .etude .etude-bg,
body.tax-categories-etude #les_etudes #etude .etude .etude-bg,
body.archive #les_etudes #etude .etude .etude-bg {
  position: absolute;
  inset: 0;
  background-image: inherit;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transform: scale(1);
  transition: opacity 1s, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
body.post-type-archive-etude #les_etudes #etude .etude > a,
body.tax-categories-etude #les_etudes #etude .etude > a,
body.archive #les_etudes #etude .etude > a {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
}
body.post-type-archive-etude #les_etudes #etude .etude .contenu-etude,
body.tax-categories-etude #les_etudes #etude .etude .contenu-etude,
body.archive #les_etudes #etude .etude .contenu-etude {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 40px;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  body.post-type-archive-etude #les_etudes #etude .etude .contenu-etude,
  body.tax-categories-etude #les_etudes #etude .etude .contenu-etude,
  body.archive #les_etudes #etude .etude .contenu-etude {
    padding: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  body.post-type-archive-etude #les_etudes #etude .etude .contenu-etude,
  body.tax-categories-etude #les_etudes #etude .etude .contenu-etude,
  body.archive #les_etudes #etude .etude .contenu-etude {
    padding: 30px;
  }
}
@media only screen and (min-width: 1920px) {
  body.post-type-archive-etude #les_etudes #etude .etude .contenu-etude,
  body.tax-categories-etude #les_etudes #etude .etude .contenu-etude,
  body.archive #les_etudes #etude .etude .contenu-etude {
    padding: 60px;
  }
}
body.post-type-archive-etude #les_etudes #etude .etude .contenu-etude .etude-categories span,
body.tax-categories-etude #les_etudes #etude .etude .contenu-etude .etude-categories span,
body.archive #les_etudes #etude .etude .contenu-etude .etude-categories span {
  display: inline-block;
  background: white;
  color: #751c44;
  border-radius: 36px;
  font-size: 8px;
  text-transform: uppercase;
  padding: 2px 12px;
  margin-right: 10px;
}
body.post-type-archive-etude #les_etudes #etude .etude .contenu-etude h3,
body.tax-categories-etude #les_etudes #etude .etude .contenu-etude h3,
body.archive #les_etudes #etude .etude .contenu-etude h3 {
  color: white;
  font-family: "DM Serif Display", Sans-serif !important;
  font-size: clamp(16px, 1.5vw, 24px);
  line-height: 1.8;
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  body.post-type-archive-etude #les_etudes #etude .etude .contenu-etude h3,
  body.tax-categories-etude #les_etudes #etude .etude .contenu-etude h3,
  body.archive #les_etudes #etude .etude .contenu-etude h3 {
    line-height: 1.4;
  }
}
body.post-type-archive-etude #les_etudes #etude .etude .contenu-etude a,
body.tax-categories-etude #les_etudes #etude .etude .contenu-etude a,
body.archive #les_etudes #etude .etude .contenu-etude a {
  display: flex;
  align-items: center;
  margin-top: auto;
  color: white;
  font-size: 14px;
  text-transform: uppercase;
}
body.post-type-archive-etude #les_etudes #etude .etude .contenu-etude a .arrow-svg,
body.tax-categories-etude #les_etudes #etude .etude .contenu-etude a .arrow-svg,
body.archive #les_etudes #etude .etude .contenu-etude a .arrow-svg {
  margin-right: 13px;
}
body.post-type-archive-etude #les_etudes #etude .etude:hover, body.post-type-archive-etude #les_etudes #etude .etude:focus,
body.tax-categories-etude #les_etudes #etude .etude:hover,
body.tax-categories-etude #les_etudes #etude .etude:focus,
body.archive #les_etudes #etude .etude:hover,
body.archive #les_etudes #etude .etude:focus {
  transform: scale(0.95);
}
body.post-type-archive-etude #les_etudes #etude .etude:hover .etude-bg, body.post-type-archive-etude #les_etudes #etude .etude:focus .etude-bg,
body.tax-categories-etude #les_etudes #etude .etude:hover .etude-bg,
body.tax-categories-etude #les_etudes #etude .etude:focus .etude-bg,
body.archive #les_etudes #etude .etude:hover .etude-bg,
body.archive #les_etudes #etude .etude:focus .etude-bg {
  opacity: 0.25;
  transform: scale(1.08);
}

.pagination {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.pagination .page-numbers {
  border: 1px solid white;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0 15px;
  color: white;
  margin: 10px;
}
.pagination .page-numbers.current {
  background: white;
  color: #3e0a1e;
}

@media only screen and (min-width: 1024px) {
  body .grid--large:after {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #f7f5ee;
    content: "";
    z-index: 1;
    top: 0;
    left: 0;
    transform: scaleY(0);
    transform-origin: center;
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.18, 1);
    pointer-events: none;
  }
}
body.oh main {
  position: relative;
  z-index: 200;
}
body.oh .grid--large::after {
  transform: scaleY(1);
}

#filtre {
  margin-bottom: 70px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(255, 255, 255, 0.5137254902);
  flex-wrap: wrap;
}
#filtre em {
  margin-right: 10px;
}
#filtre a {
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 100px;
  border: 1px solid;
  margin: 10px;
  text-transform: uppercase;
  transition: all 0.5s cubic-bezier(0.77, 0, 0.18, 1);
}
#filtre a.current, #filtre a:hover {
  background-color: white;
  color: #3e0a1e;
}

.reveal > * {
  overflow: hidden;
  line-height: 1.3em;
}
.reveal > * strong {
  display: inline-block;
  opacity: 0;
  transform: translateY(100px);
  will-change: transform, opacity;
}

.arrow-svg {
  width: 33px;
}

.a11y-toolbar {
  transition: transform 0.4s ease-in-out, opacity 0.3s ease;
  transform: translateX(100%);
  opacity: 0;
}
.a11y-toolbar.a11y-visible {
  opacity: 1;
  transform: translateX(0);
}
.a11y-toolbar.highlight {
  animation: highlight-pulse 1s ease-out 0s 2;
}

@keyframes highlight-pulse {
  0% {
    box-shadow: 0 0 0px rgba(188, 24, 27, 0.6);
  }
  50% {
    box-shadow: 0 0 20px rgba(188, 24, 27, 0.1);
  }
  100% {
    box-shadow: 0 0 0px rgba(188, 24, 27, 0.6);
  }
}
.accessibility.a11y-active svg path {
  fill: #b3ab90 !important;
}

@media only screen and (max-width: 767px) {
  body header {
    flex-wrap: wrap;
    width: 100vw;
  }
  body header .logo {
    min-width: inherit;
  }
  body header nav.right {
    display: none;
  }
  body header #mega-menu-header-menu {
    padding-top: 20px !important;
  }
  body header #mega-menu-header-menu a {
    text-align: left !important;
  }
  #filtre a {
    margin: 5px;
  }
  #etude .etude.animate {
    transform: scale(0.95);
  }
  #etude .etude.animate .etude-bg {
    opacity: 0.25 !important;
    transform: scale(1.08) !important;
  }
}/*# sourceMappingURL=style.css.map */