html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, a, cite,
em, img, small, strong, sub, sup, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, figure, figcaption, footer,
header, hgroup, menu, nav, section, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

::selection {
  background: #e0e0e0;
}

::-webkit-scrollbar {
  width: 10px;
  background: white;
}

::-webkit-scrollbar-thumb {
  background: #E83178;
}


/* typo */

html {
  font-family: 'Rubik', sans-serif;
  font-size: 0.0732068vw;
  color: #000000;
  background: #27348A;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

body {
  position: relative;
  line-height: 1;
}

h1, h2, h3, h4, h5, p, a, ul, ol, li, blockquote, small {
  font-size: 14rem;
  font-weight: 400;
  line-height: 18rem;
}

a, span {
  color: inherit;
}

strong {
  font-weight: bold;
}

h1 em, h2 em, h3 em, h4 em, h5 em, p em, a em {
  color: #E83178;
}

ul {
  list-style-type: none;
  padding-left: 12rem;
}

ul li::before {
  content: "\2022";
  color: #E83178;
  font-weight: bold;
  display: inline-block;
  font-size: 20rem;
  margin-right: 4rem;
  margin-left: -12rem;
  position: relative;
  top: 2rem;
}

.cta {
  font-size: 13rem;
  line-height: 15rem;
  text-decoration: none;
}

.cta.button {
  display: block;
  width: 145rem;
  height: 23rem;
  line-height: 23rem;
  font-weight: 700;
  margin: 0 auto;
  border-radius: 999rem;
  text-align: center;
  border: 1rem solid #D8D8EF;
  color: #27348A;
  cursor: pointer;
}

.cta.button:hover {
  background: #D8D8EF;
}

.cta.red {
  background-color: #E83178;
  color: white;
  border-color: #E83178;
}

.cta.red:hover {
    background-color: white;
  color: #E83178;
  border-color: white;
}

/* forms */

input,
select,
textarea,
button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font: inherit;
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}



/* helpers */

.mw {
  position: relative;
  width: calc(100% - 168rem);
  margin: 0 auto;
}

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

.flex.alt {
  flex-direction: row-reverse;
}

body > div:first-child {
  width: 1050rem;
  margin: 0 auto;
  position: sticky;
  top: 0;
  z-index: 10000;
  background: #27348A;
}

body > div:first-child > button {
  display: none;
}

body > div:first-child > div > div:first-child {
  flex: 0 0 822rem;
  height: 75rem;
  text-align: right;
}

body > div:first-child > div > div:first-child > div {
  padding-top: 26rem;
  padding-right: 26rem;
}

body > div:first-child > div > div:first-child > div p {
  font-size: 14rem;
  line-height: 20rem;
  color: white;
}

body > div:first-child > div > div:first-child > div p em {
  text-transform: uppercase;
  color: #E83178;

}

body > div:first-child > div > div:first-child  {
  border-right: 1px solid #E83178;
}

body > div:first-child > div > div:first-child + div {
  flex: 1 1 auto;
  height: 75rem;
  padding-top: 20rem;

}

body > div:first-child > div > div:first-child + div img {
  position: relative;
  display: inline-block;
  top: -1rem;
  vertical-align: middle;
  width: 63rem;
  height: auto;
  margin-left: 19rem;
}

body > div:first-child > div > div:first-child + div img + img {
  top: 0;
  width: 34rem;
  height: auto;
  margin-left: -6rem;
}

.bouton-connexion.bouton-connexion {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 12rem;
  line-height: 14rem;
  text-decoration: none;
  text-align: center;
  width: 90rem;
  padding: 6rem 0 5rem;
  border: 1rem solid #E83178;
  border-radius: 99rem;
  margin-left: 25rem;
  background: #E83178;
  color: white;
}

.bouton-connexion.bouton-connexion:hover {
  color:#E83178; 
  background: white;
  border-color: white;
}

.bouton-connexion.bouton-connexion:before {
  content:"";
  position: absolute;
  left: -17rem;
  top: 0;
  width: 25rem;
  height: 25rem;
  border-radius: 99rem;
  background: white url('res/imgs/silouhette.svg') no-repeat center center / 13rem 16rem;
}

body > div + div {
  position: relative;
  width: 1050rem;
  border-radius: 175rem 50rem 0 0;
  margin: 0 auto;
  background: #F8F7F3;
  color: #27348A;
}

  body > div + div:after {
    content: "";
    position: absolute;
    top: calc(100% - 1px);
    height: 2px;
    left: 0;
    right: 0;
    background: #f8F7F3;
  }

body > div > header {
  display: flex;
  align-items: center;
  height: 194rem;
}

body > div > header > .flex {
  align-items: center;;
}

body > div > header > div > div + div {

}

body > div > header > div > div:first-child {
  flex: 0 0 213rem;
}

body > div > header > div > div:first-child > a {
  text-decoration: none;
}

body > div > header > div > div:first-child h1,
body > div > header > div > div:first-child span {
  margin-left: 37rem;
  font-size: 12.6rem;
  font-style: italic;
  font-weight: normal;
}

body > div > header > div > div:first-child + div {
  position: relative;
  flex: 0 0 525rem;
  text-align: right;
}

body > div > header > div > div:first-child + div:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1rem;
  background: #E83178;
  height: 100vh;
}

body > div > header > div > div:first-child + div + div {
  flex: 1 1 auto;
} 

body > div > header > div > div + div a {
  display: inline-block;
  vertical-align: top;
  font-size: 12rem;
  line-height: 14rem;
  text-decoration: none;
  text-align: center;
  width: 100rem;
  padding: 6rem 0 5rem;
  border: 1rem solid #D8D8EF;
  margin-right: 33rem;
  border-radius: 99rem;
}

body > div > header > div > div + div a:hover {
  background: #D8D8EF;
}

.sharing {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 33rem;
  width: 29rem;
  height: 29rem;
}

.sharing > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 27rem;
  height: 27rem;
  overflow: hidden;
  border: 1rem solid #D8D8EF;
  border-radius: 99rem;
  transition: all 250ms ease;
}

.sharing a,
.sharing button {
  display: block;
  width: 27rem;
  height: 27rem;
  border-radius: 0;
  border: 0;
  padding: 0;
  margin: 0;
  padding: 5rem;
}

.sharing a:hover,
.sharing button {
  background: none !important;
}


.sharing .insta:hover svg path {
  fill: #E83178;
}

.sharing .others:hover svg path.fill {
  fill: #E83178;
}

.sharing svg {
  display: block;
  width: 100%;
  height: auto;
}


.sharing:hover > div {
  height: 144rem;
    top: -60rem;
}

.sharing.alt:hover > div {
  height: 29rem;
  top: 0rem;
  width: 93rem;
  white-space: nowrap;
}

.sharing.alt {
  transition: margin 250ms ease;
}

.sharing.alt:hover {
  margin-right: 93rem;
}

.sharing.alt:hover > div > * {
  display: inline-block;
  vertical-align: middle;
}



body > div > header > div > div:first-child + div + div {

}

body > div > header > div > div:first-child + div + div > a {
  margin: 0 0 0 32rem;
}

body > div > header > div > div:first-child + div + div > a:first-child {
  color: #E83178;
  background: rgb(232 49 120 / 25%);
  border-color:  transparent;
}

body > div > header > div > div:first-child + div + div > a:first-child:hover {
   background: #E83178;
  color: white; 
}

body > div > header > div > div:first-child + div + div > a + a {
  margin: 12rem 0 0 32rem;
}

body > div > header > div > div > a img {
  margin-left: 37rem;
  width: 176rem;
  height: auto;
}

body > main {
  width: 1050rem;
  margin: 0 auto;
  background: #F8F7F3;
  color: #27348A;
  border-radius: 0 0 50rem 50rem;
  padding-bottom: 100rem;
}

body > main > section {
  opacity: 0;
  transform: translateY(10%);
}

body > main > section > img {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 200rem;
}

.accueil-hero {
  padding: 45rem 0;
}

.accueil-hero > .mw {
  position: relative;
  width: calc(100% - 84rem);
  margin-right: 0;
  column-gap: 24rem;
}

.accueil-hero > div > div {
  flex: 1 1 auto;
  position: relative;
}

.accueil-hero > div > div > .flex {
  column-gap: 8rem;
  margin-bottom: 19rem;
}

.accueil-hero > div > div > .flex > a {
  display: flex;
  height: 43rem;
  flex: 1 1 auto;
  text-align: center;
  border: 1rem solid #E83178;
  color: #E83178;
  font-size: 13rem;
  line-height: 14rem;
  text-decoration: none;
  align-items: center;
  justify-content: center;
}

.accueil-hero > div > div > .flex > a:hover,
.accueil-hero > div > div > .flex > a.active {
  color: white;
  background: #E83178;
  transition: all 500ms ease;
}

.accueil-hero > div > div > .flex > a.active {
  pointer-events: none;
}

.accueil-hero > div > div + div {
  flex: 0 0 672rem;
}

.accueil-hero > div > div + div > img {
  display: block;
  width: 100%;
  height: auto;
}

.accueil-hero > div > div > .flex + div {
  text-align: center;
  background: white;
  padding: 19rem;
  height: calc(100% - 108rem);
}

.accueil-hero > div > div > .flex + div > div {
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.accueil-hero > div > div + div > img + img,
.accueil-hero > div > div > .flex + div > div + div {
  display: none;
  opacity: 0;
  visibility: hidden;
}


.accueil-hero > div > div > .flex + div > div > p:first-child {
  font-size: 13rem;
  line-height: 15rem;
  text-transform: uppercase;
  margin-bottom: 23rem;
}

.accueil-hero > div > div > .flex + div > div > h2 {
  font-size: 18rem;
  font-weight: 700;
  line-height: 20rem;
  text-transform: uppercase;
  margin-bottom: 6rem;
}

.accueil-hero > div > div > .flex + div > div > p {
  font-size: 14rem;
  line-height: 18rem;
  margin-bottom: 25rem;
}

.accueil-hero > div > div > .flex + div > div > .cta:last-child {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);

    font-size: 12rem;
    line-height: 14rem;
    text-decoration: none;
    text-align: center;
    width: 150rem;
    padding: 6rem 0 5rem;
    border: 1rem solid #D8D8EF;
    margin-right: 33rem;
    border-radius: 99rem;

}

.accueil-hero > div > div > .flex + div > div > .cta:last-child:hover {
  background: #D8D8EF;
}

.accueil-choix {
  padding: 45rem 0;
}

.accueil-proxi2 {
  padding: 25rem 0 45rem;
  text-align: center;
}

.accueil-proxi2 .flex > div {
  padding: 0 20rem;
}


.accueil-proxi2 .flex > div:first-child + div {
  border-right: 1rem solid #E83178;
  border-left: 1rem solid #E83178;
}


.accueil-proxi {
  padding: 45rem 0;
}

.header + .accueil-proxi {
  padding-top: 90rem;
}

.accueil-proxi > h2 {
  font-size: 40rem;
  font-weight: 500;
  line-height: 44rem;
  text-transform: uppercase;
  margin-bottom: 90rem;
  text-align: center;
}

.accueil-proxi > .mw.flex {
  column-gap: 84rem;
}

.accueil-proxi.gap {

  padding: 75rem 0 90rem;
}

.accueil-proxi > .mw.flex > div:first-child {
  flex: 0 0 360rem;
}

.accueil-proxi > .mw.flex > div:first-child > img {
  border-radius: 120rem 20rem 120rem 20rem;
  aspect-ratio: 1;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.accueil-proxi > .mw.flex > div:first-child + div {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 40rem;
}

.accueil-proxi > .mw.flex > div:first-child + div h3 {
  font-size: 30rem;
  font-weight: 700;
  line-height: 31rem;
  text-transform: uppercase;
  margin-bottom: 7rem;
}

.accueil-proxi > .mw.flex > div:first-child + div h3 em {
  display: block;
  font-size: 20rem;
  line-height: 21rem;
}

.accueil-proxi > .mw.flex + .mw.flex {
  margin-top: 64rem;
}

.accueil-proxi > .mw.flex > div:first-child + div > a { 
  width: 100%;
  height: 34rem;
  line-height: 34rem;
  border: 1rem solid #D8D8EF;
}

.accueil-proxi.alt > .mw.flex {
  background: rgb(100 172 103 / 0.1);
  border-radius: 150rem 50rem 20rem 50rem;
  column-gap: 0;
  overflow: hidden;
}

.accueil-proxi.alt li:before {
  color: #64AC67;
}

.accueil-proxi.alt > .mw.flex > div {
  flex: 0 0 360rem;
}

.accueil-proxi.alt > .mw.flex > div > img {
  border-radius: 0;
}

.accueil-proxi.alt > div > div + div {
  padding: 40rem 50rem 0 40rem;
}

.accueil-proxi.alt em {
  color: #64AC67;
}

.accueil-choix > .mw.flex {
  column-gap: 84rem;
}

.accueil-choix > .mw.flex + .mw.flex + .mw.flex {
  display: none;
  opacity: 0  ;
  visibility: hidden;
}

.accueil-proxi:last-child {
  padding-bottom: 0;
}

.accueil-choix > .mw.flex > div:first-child {
  flex: 1 1 auto;
}

.accueil-choix > .mw.flex > div:first-child + div {
  flex: 0 0 360rem;
}

.accueil-choix > .mw.flex + div > div:first-child + div > img {
  border-radius: 120rem 20rem 120rem 20rem;
  aspect-ratio: 1;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.accueil-choix-menu {
  padding-bottom: 40rem;
}

.accueil-choix-menu h3 {
  font-size: 30rem;
  font-weight: 700;
  line-height: 31rem;
  text-transform: uppercase;
  margin-bottom: 40rem;
}

.accueil-choix-menu h3 em {
  display: block;
  font-size: 20rem;
  line-height: 21rem;
}

.accueil-choix-menu > div > .flex {
  column-gap: 25rem;
}

.accueil-choix-menu > div > .flex > div:first-child {
  flex: 0 0 100rem;
}

.accueil-choix-menu > div > .flex > hr {
  flex: 0 0 1px;
  height: 51rem;
  padding: 0;
  border: 0;
  margin: 0;
  background: #E83178;
}

.accueil-choix-menu > div > .flex > div > p:first-child {
  text-transform: uppercase;
  color: #E83178;;
  margin-bottom: 10rem;
}

.accueil-choix-menu > div > .flex .flex {
  column-gap: 17rem;
}

.accueil-choix-menu .cta {
  width: 100rem;
  font-weight: 400;
}

.accueil-choix-menu .cta.active {
  background: #D8D8EF;
}

.accueil-choix-menu .cta > img {
  position: relative;
  top: -2rem;
  display: block;
  margin: 0 auto;
  height: auto;
  width: 75rem;
}

.accueil-choix-resultat > div {
  display: flex;
  column-gap: 20rem;
  align-items: center;
  padding-bottom: 30rem;
}

.accueil-choix-resultat > div:first-child > div {
  display: flex;
  align-items: center;
  text-align: center;
  flex: 0 0 100rem;
  height: 70rem;
  border-radius: 20rem;
  border: 1rem solid #D8D8EF;
}

.accueil-choix-resultat > div:first-child + div {
  display: block;
}


.accueil-choix-resultat > div:first-child > div + p {
  font-size: 18rem;
  line-height: 20rem;
  font-weight: 700;  
  padding-left: 1rem;
}

.accueil-choix-resultat > div > div > img {
  display: block;
  height: auto;
  width: 75rem;
  margin: 0 auto;
}

.flex + .flex + .flex .accueil-choix-resultat > div > div > img {
    width: 34rem;
}

.accueil-choix-possibles {
  column-gap: 24rem;
  text-align: center;
  justify-content: flex-start;
}

.accueil-choix-possibles > hr {
  width: 1px;
  padding: 0;
  border: 0;
  margin: 0;
  height: 57rem;
  background: #E83178;
}

.accueil-choix-possibles > button {
  flex: 0 0 auto;
  padding: 5rem 0;
  pointer-events: none;
}

.accueil-choix-possibles > button > img {
  display: block;
  width: auto;
  height: 24rem;
  margin: 0 auto 5rem;
  border-radius: 0;
}

.accueil-choix-possibles > button > p {
  font-weight: 500;
  font-style: italic;
  color: #27348A;
}

.accueil-map > div > p {
  font-size: 25rem;
  line-height: 32rem;
  padding: 140rem 0rem 100rem;
  text-align: center;
}

.accueil-map > div  {
  position: relative;
}

.accueil-map > div > img {
  display: block;
  width: 100%;
  height: auto;
}

.accueil-map > div  > div {
  position: absolute;
  right: 56rem;
  top: 56rem;
  bottom: 56rem;
  width: 344rem;
  background: #27348A;
  color: white;
  padding: 34rem 50rem 0;
  text-align: center;
}



.accueil-map > div  > div:before {
  content: "";
  position: absolute;
  bottom: calc(100% - 15rem);
  left: 50%;
  width: 1px;
  height: 130rem;
  background: #E83178;
  margin-left: -1px;
}

.accueil-map > div  > div:after {
  content: "";
  position: absolute;
  top: calc(100% - 15rem);
  left: 50%;
  width: 1px;
  height: 230rem;
  background: #E83178;
  margin-left: -1px;
}

.i + .accueil-map > div  > div:after {
  height: 130rem;
}

.accueil-map-choice {
  padding-bottom: 45rem;
}

.accueil-map-choice select.cta.button {
  position: relative;
  width: 100%;
  border-color: white;
  text-align: center;
  color: #27348A;
  font-size: 14rem;
  line-height: 23rem;
  padding: 0 30rem;
  background: white url(res/imgs/select.svg) no-repeat right center / 22rem 22rem;
}

.accueil-map-choice > p {
  font-size: 14rem;
  line-height: 18rem;
  margin: 30rem 0 45rem;
}

.accueil-map-results h3 {
  text-transform: uppercase;
  font-size: 20rem;
  font-weight: 700;
  margin-bottom: 18rem;
}

.accueil-map-results .accueil-choix-possibles {
  column-gap: 17rem;
  margin-bottom: 18rem;
  justify-content: center;
}

.accueil-map-results .accueil-choix-possibles > button > p {
  color: white;
  font-size: 13rem;
}

.accueil-map.alt > div > div {
right: 0;
    top: 0;
    bottom: 0;
    width: 286rem;
}

.accueil-map.alt > div > div:after,
.accueil-map.alt > div > div:before {
  height: 70rem;
}

.mentions {
  display: none;
}

.accueil-map-results > div + div + div > p {
  text-transform: uppercase;
  margin-top: 17rem;
}

.accueil-map-results .cta {
  margin-top: 15rem;
  width: 200rem;
}


body > footer {
  width: 1050rem;
  margin: 0 auto;
  color: white;
  padding-top: 60rem;
}

.footer-raisons {
  overflow: hidden;
}

.footer-qui > div > img,
.footer-raisons > div > img {
  display: block;
  width: 130rem;
  height: auto;
  margin-left: 10rem;
}

.footer-qui > div > img + p,
.footer-raisons > div > img + p {
  font-size: 44rem;
  line-height: 44rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 25rem;
  margin-top: 20rem;
}

.footer-raisons ul {
    position: relative;
  margin-top: 60rem;
  margin-left: 400rem;
  margin-bottom: 180rem;
  list-style: none;
}


.footer-raisons ul li {
  opacity: 0;
  transform: translateX(50%);
}

.footer-raisons ul li::before {
  content: none;
}

.footer-raisons ul > li + li {
  margin-top: 55rem;
}

.footer-raisons ul > li > p:first-child {
  font-size: 28rem;
  line-height: 32rem;
  margin-bottom: 5rem;
  text-transform: uppercase;
}

.footer-holding + .footer-raisons {
  margin-top: 150rem;
}

.footer-holding > div {
  position: relative;
}

.footer-holding > div > img {
  width: 100%;
  height: auto;
  aspect-ratio: 2/1;
  object-fit: cover;
  border-radius: 50rem 50rem 180rem 50rem;
}

.footer-holding > div > div {
  position: absolute;
  right: 120rem;
  top: 50rem;
  width: 310rem;
  bottom: 50rem;
  padding: 14rem 20rem;
  text-align: center;
  background: #27348A;
}

.footer-holding > div > div p + p {
  margin-top: 10rem;
  font-size: 14rem;
  line-height: 18rem;
}

.footer-holding > div > div em,
.footer-holding > div > div strong {
  color: #EE7A31;
  text-transform: uppercase;
}

.footer-holding > div > div > div {
  text-align: left;
  margin-bottom: 10rem;
}

.footer-holding > div > div > div > img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10rem;
  width: 60rem;
  height: auto;
}

.footer-holding > div > div > div > img + p {
  display: inline-block;
  vertical-align: middle;
  font-size: 18rem;
  text-transform: uppercase;
  font-weight: 700;
  width: calc(100% - 70rem);
}

.footer-footer {
  margin-top: 180rem;
}

.footer-footer > div > div {
  flex: 1 1 50%;
}

.footer-footer > div > div:first-child > img {
  margin-bottom: 35rem;
  width: 158rem;
  height: auto;
  display: block;
}

.footer-footer > div > div:first-child > p {
  font-size: 15rem;
  line-height: 20rem;
}

.footer-footer > div > div > div {
  flex: 1 1 52%;
  border-left: 1px solid #E83178;
  padding-left: 18rem;
    padding-bottom: 120rem;
}

.footer-footer > div > div > div + div {
    flex: 1 1 39%;
}

.footer-footer > div > div > div > div + div {
  margin-top: 10rem;
}

.footer-footer a {
  font-size: 13rem;
  line-height: 20rem;
  text-decoration: none;
}

.footer-footer a:hover {
  font-weight: 700;
}

.footer-footer a img {
  display: block;
  height: 20rem;
  width: auto;
}

.footer-footer .bouton-connexion {
  margin-left: 17rem;
}

body > aside {
  position: absolute;
  height: 60vh;
  z-index: -1;
  top: 268rem;
  left: 0;
  right: 0;
  background: rgb(232 49 120 / 25%);
}

body.page-id-488 > aside {
    top: 268rem !important;
  bottom: initial !important;
}

body > aside.fixed {
  position: fixed;
  top: 20vh;
  bottom: initial !important;
}

body > aside.absolute {
  position: absolute;
  bottom: calc(1458rem + 14vh);
  top: initial;
  margin-bottom: 100rem;
}

#ariane {
  padding-left: 37rem;
  margin-bottom: 35rem;
}

#ariane > * {
  display: inline-block;
  vertical-align: middle;
  font-size: 12rem;
  line-height: 14rem;
  color: #7B7B7B;
  text-decoration: none;
}

#ariane > *:last-child {
  color: inherit;
}

.title {
  text-align: center;
  margin: 0 auto 60rem;
  max-width: 75%;
}

.title h1 {
  font-size: 30rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 5rem;
}

.archive-vignettes {
  justify-content: flex-start;
  column-gap: 65rem;
  gap: 65rem;
  flex-wrap: wrap;
}

.archive-vignettes > div {
  position: relative;
  flex: 0 0 calc(33.33% - 43.33rem);
  width: calc(33.33% - 43.33rem);
  padding-bottom: 35rem;
}

.archive-vignettes > div > a {
  display: flex;
  flex-direction: column;
  height: 100%;
    text-decoration: none;
    transition: transform 250ms ease;
}

.archive-vignettes > div > a:hover {
  transform: scale(1.05);
}

.archive-vignettes > div > a > div:first-child {
  position: relative;
  flex: 0 0 auto;
}

.archive-vignettes > div > a > div:first-child > img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
}

.archive-vignettes > div > a > div:first-child > div {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 42rem;
  background: #27348A;
  color: white;
  text-align: center;
  padding: 8rem 60rem;
  text-transform: uppercase;
  font-size: 13rem;
  line-height: 14rem;
  font-weight: 700;
      display: flex;
    align-items: center;
    justify-content: center;
}

.archive-vignettes > div > a > div:first-child > div.hasnt-picto {
    padding: 8rem 20rem;
}

.archive-vignettes > div > a > div:first-child > div.b-1 {
  background: #E83178;
}

.archive-vignettes > div > a > div:first-child > div > p {

}

.archive-vignettes > div > a > div:first-child > div > img {
  position: absolute;
  bottom: 100%;
  left: 14rem;
  transform: translateY(50%);
  width: 40rem;
  height: auto;
}

.archive-vignettes > div > a > div + div {
  flex: 1 1 auto;
  flex-direction: column;
  text-align: center;
  row-gap: 8rem;
  justify-content: center;
  padding: 20rem 10rem;
  background: white;
  border: 2rem solid rgb(123 123 123 / 0.1);
  border-radius: 0 0 0 20rem;
}

.archive-vignettes > div > a > div + div > p:first-child {
  font-size: 13rem;
  text-transform: uppercase;
}

.archive-vignettes > div > a > div + div > p:first-child + p {
  font-weight: 700;
}

.archive-vignettes > div > a > div + div > h2:first-child {
  font-size: 23rem;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 24rem;
}

.archive-vignettes > div > a > div + div > p:first-child + h2 {
  font-size: 16rem;
  line-height: 18rem;
  text-transform: uppercase;
  font-weight: 700;
}

.archive-vignettes > div > a > div + div > h2 + p {
  color: #E83178;
}

.archive-vignettes > div > a > div + div > p + h2 + p {
  color: inherit;
}

.archive-vignettes > div > div {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 35rem;
  padding-top: 10rem;
}

.archive-vignettes > div > div > .sharing {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10rem;
}

.archive-vignettes > div > div > time {
  display: inline-block;
  vertical-align: top;
  font-size: 13rem;
  color: inherit;
  line-height: 25rem;
}

.mw.header {
  position: relative;
  width: 100%;
  margin-right: 0;
  padding-left: 84rem;
}

.mw.header > .flex {
  height: 200rem;
}


.mw.header > .flex > div:first-child {
  position: relative;
  flex: 0 0 440rem;
  background: #27348A url(res/imgs/intersection.svg) no-repeat center right / auto 200rem;
  border-radius: 100rem 0 0;
  text-align: right;
}

.mw.header > .flex > div:only-child {
  flex: 0 0 100%;
}

.mw.header > .flex > div:first-child > p {
  position: absolute;
  bottom: 50rem;
  right: 120rem;
  left: 40rem;
  font-size: 25rem;
  line-height: 27rem;
  font-weight: 700;
  text-transform: uppercase;
  color: white;
}

.page-concept .mw.header > .flex > div:first-child > p {
  font-weight: normal;
}

.mw.header > .flex > div:first-child + div {
  flex: 1 1 auto;
}

.mw.header > .flex > div:first-child + div > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content  {
  padding-top: 50rem;
}

.content > div > time {
  font-size: 13rem;
  margin-bottom: 14rem;
}

.content > div > div > div:first-child {
  flex: 0 0 634rem;
  padding-right: 80rem;
  padding-bottom: 40rem;
  padding-top: 5rem;
}

.content .surtitre {
  font-size: 25rem;
  font-weight: 700;
  color: #E83178;
  margin-bottom: 25rem;
  line-height: 26rem;
  text-transform: uppercase;
  margin-top: 0;
}

.content h1 {
  font-size: 30rem;
  font-weight: 700;
  line-height: 31rem;
  margin-bottom: 30rem;
  text-transform: uppercase;
}

.content h2 {
  font-size: 25rem;
  font-weight: 700;
  line-height: 30rem;
  margin-top: 30rem;
  margin-bottom: 15rem;
}

.content h3 {
  font-size: 20rem;
  font-weight: 700;
  line-height: 25rem;
  margin-top: 20rem;
  margin-bottom: 10rem; 
}

.content p + ul,
.content p + p {
  margin-top: 18rem;
}

.content > div > div > div:first-child + div {
  flex: 1 1 auto;
}

.content > div > div > div:first-child + div > img {
  display: block;
  width: 100%;
  height: auto;
}

.content > div > div > div:first-child + div > img + img {
  margin-top: 80rem;
}

.content  .cta {
  display: inline-block;
  width: auto;
  padding-left: 20rem;
  padding-right: 20rem;
  background: #27348A;
  color: white;
  height: 27rem;
  line-height: 25rem;
  margin-right: 20rem;
  border-color: transparent;
}

.content  .cta.red  {
    background-color: #E83178;
    color: white;
    border-color: #E83178;
}

.content  .cta.transparent  {
    background-color: transparent;
  color: #27348A;;
  font-weight: normal;
}

.content  .cta.red:hover {
  background: white;
  color: #E83178;
}

.content  .cta.transparent:hover {
      background: #D8D8EF;
}



.form > form {

  text-align: center;
}

.form textarea,
.form select,
.form input {
  display: block;
  max-width: 300rem;
  width: 100%;
  height: 34rem;
  border: 1rem solid #27348A;
  font-size: 14rem;
  text-align: center;
  line-height: 38rem;
  color: #27348A;
  border-radius: 30rem;
  margin: 0 auto 27rem;
}

.form textarea::placeholder,
.form select::placeholder,
.form input::placeholder {
    color: #27348A;
}

.form textarea {
  max-width: 600rem;
  height: 170rem;
  margin-top: 47rem;
  padding: 10rem 20rem;
  line-height: 1.3;
}

.form button[type="submit"],
.form input[type="submit"] {
  display: block;
  max-width: 300rem;
  width: 100%;
  height: 34rem;
  border: 1rem solid #27348A;
  font-size: 14rem;
  text-align: center;
  line-height: 38rem;
  color: #27348A;
  border-radius: 30rem;
  margin: 0 auto 27rem;
  color: white;
  background: #64AC67;
  margin: 47rem auto 20rem;
  border-color: #64AC67;
  cursor: pointer;
}

.contact_form select {
  background: white url(res/imgs/select.svg) no-repeat right center / auto 100%;
}



.form > p {
  font-size: 15rem;
  line-height: 18rem;
}

.form .submited textarea:invalid,
.form .submited select:invalid,
.form .submited input:invalid {
  border-color: #64AC67;
  outline: 2rem solid #64AC67;
}

.form .submited textarea:invalid,
.form .submited select:invalid,
.form .submited input:invalid {
  border-color: red;
  outline: 2rem solid #E83178;
}

.legal {
  padding-top: 400rem;
  max-width: 600rem;
  margin:0 auto;
  color: #7B7B7B;
  text-align: left;
}

.footer-qui {
  padding-bottom: 150rem;
  position: relative;
}

.footer-qui > div > div > div {
  flex: 0 0 50%;
}

.footer-qui > div > p + div > div + div {
  padding-top: 10rem;
}

.footer-qui > div >  p {
  margin-bottom: 70rem;
}

.footer-qui > div >  p + div {
  padding-bottom: 70rem;
  border-bottom: 0.1rem solid #EE7A31;
}

.footer-qui > div >  div + div {
  padding-top: 70rem;
}

.footer-qui > div > div > div > img {
  display: block;
  width: 180rem;
  height: auto;
  margin: 0 auto;
}

.footer-qui > div > div + div > div > img {
  display: block;
  width: 250rem;
  height: auto;
  margin: 0 auto 30rem;
}

.footer-qui > div > div + div > div:first-child {
  text-align: center;
}




.footer-qui > div > div + div > div:first-child p {
  width: 250rem;
  margin: 20rem auto 0;
}

.footer-qui strong {
  font-size: 20rem;
  line-height: 30rem;
}

.footer-qui em {
  color: #EE7A31;
}

.footer-qui p + p {
  margin-top: 20rem;
}

body > main > * {
  position: relative;
}

body > main > * > aside {
  position: absolute;
  right: 100%;
  top: 50%;
  font-size: 15rem;
  line-height: 18rem;
  text-transform: uppercase;
  color: white;
  transform-origin: top right;
  transform: rotate(-90deg) translate(-50%, -40rem);
  white-space: nowrap;
}

body > main > *:first-child > aside {
  top: calc(30vh);
  transform: rotate(-90deg) translate(50%, -40rem);
}



body > main > * > aside em {
  color: #E83178;
}

.depot > .mw > .grid {
  column-gap: 130rem;
  display: flex;
}

.depot > .mw > .grid > div {
  flex: 0 0 calc(50% - 65rem);
}

.depot h1 {
  font-size: 30rem;
  line-height: 31rem;
  font-weight: 700;
}

.depot h2 {
  font-size: 14rem;
  line-height: 18rem;
  font-weight: 700;
  padding-bottom: 5rem;
  border-bottom: 0.1rem solid #E83178;
  margin-bottom: 25rem;
}

.depot h1 ~ p {
  display: block;
  margin-top: 5rem;
  font-size: 16rem;
  line-height: 18rem;
}

.depot img {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 50rem;
  border-radius: 100rem 10rem 100rem 10rem;
}

.depot-contact a,
.depot-horaires li,
.depot-description p {
  font-size: 14rem;
  line-height: 24rem; 
  text-decoration: none;
}

.depot-horaires,
.depot-contact,
.depot-description {
  margin-top: 40rem;
}

.depot-information {
  padding: 28rem 80rem;
  background: rgb(232 49 120 / 0.1);
  margin-top: 20rem;
}

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

.depot-horaires ul li {
  display: flex;
}

.depot-horaires ul li::before {
  content: none;
}

.depot-services {
  margin-top: 8rem;
}

.depot-horaires ul li > span {
  flex: 0 0 40%;
}

.depot-horaires ul li > span + span  {
  flex: 0 0 60%;
}

.depot-horaires em {
  color: #E83178;
}

.depot {
  margin-bottom: 100rem;
}


#wpadminbar {
  opacity: 0;
}

#wpadminbar:hover {
  opacity: 1;
}

.feuille {
  position: absolute;
  display: block;
  width: 10rem;
  height: auto;
  margin-top: 0 !important;
  transform-origin: center center;
}

.feuille.size-1 {
  width: 28rem;
}

.feuille.size-2 {
  width: 43rem;
}

.feuille.size-3 {
  width: 47rem;
}

.feuille.size-4 {
  width: 73rem;
}

.feuille.r-1 {
  transform: rotate(-90deg);
}

.feuille.r-2 {
  transform: rotate(0deg);
}

.feuille.r-3 {
  transform: rotate(90deg);
}

.feuille.r-4 {
  transform: rotate(180deg);
}

.feuille-1 {
  right: 52%;
  bottom: 110rem;
}

.feuille-2 {
  right: 57%;
  bottom: 40rem;
}

.page-id-59 .feuille-1 {
  bottom: 40rem;
}

.page-id-59 .feuille-2 {
  bottom: -20rem;
}

.feuille-3 {
  right: 16%;
  top: 0rem;
}

.feuille-4 {
  top: 50rem;
}

.feuille-5 {
  left: 60%;
  top: 0;
}

.feuille-6 {
  right: 130%;
  top: -10rem;
}

.feuille-7 {
  bottom: -60rem;
  left: 40%;
}

.feuille-8 {
  right: 45%;
  bottom: 60rem;
}

.feuille-9 {
  right: 50%;
  bottom: -10rem;
}

.feuille-10 {
  top: 0;
  right: 30%;
}

  #mobile_menu {
    display: none;
  }

.site-pagination {
  text-align: center;

}

.site-pagination ul {
  list-style: none;
    padding-top: 50rem;
}

.site-pagination li {
  display: inline-block;
  padding: 0 5rem;
}

.site-pagination li::before {
  content: none;
}

.site-pagination li a {
  text-decoration: none;
}

.site-pagination li span {
  font-weight: 700;
}

.faq.faq.faq > div {
    flex: 0 0 100%;
}

#faq {
  list-style: none;
    width: 100%;
        padding-left: 0rem;
}

#faq > li {
  width: 100%;
  display: block;
  font-size: 14rem;
  border-radius: 19rem;
  margin: 0 auto 27rem;
  overflow: hidden;
 }

#faq > li > div:first-child > p {
  line-height: 38rem;;
  height: 38rem;
  overflow: hidden;
  cursor: pointer;
  color: #27348A;
  padding:0 30rem;
  background: #D8D8EF url(res/imgs/select.svg) no-repeat right center / auto 38rem;
  border-radius: 19rem;
}

#faq > li > div:first-child + div {
  height: 0;
  overflow: hidden;
}

#faq > li > div:first-child + div > div {
  padding: 15rem 30rem 30rem 60rem;
}

#faq > li::before {
  content: none;
}

#faq img {
  max-width: 100%;
  display: block;
  height: auto;

}

#faq  * + img {
    margin-top: 30rem;
}


@media (max-width:1025px) {
  html {
    font-size: 0.085vw;
  }
}

@media (max-width:768px) {

 body > main > section:first-child {
    opacity: 1;
    transform: none;
  }


  body > footer {
    overflow: hidden;
  }

  body > main > * > aside {
    display: none !important;
  }

  html {
    font-size: 0.25446vw;
  }

  body > div:first-child {
    position: relative;
    width: 240rem;
  }

  body > div:first-child > button {
    display: block;
    position: absolute;
    top: 28rem;
    left: -60rem;
    width: 42rem;
    background: transparent;
  }

    body > div:first-child > button > img {
      display: block;
      width: 100%;
      height: auto;
    }

  body > div:first-child > .flex {
    flex-direction: column;
    text-align: center;
  }

  body > div:first-child > div > div:first-child > div {
    padding-right: 0;
  }

  body > div:first-child > div > div:first-child {
    flex: 0 0 auto;
    height: auto;
    text-align: center;
    border-right: 0;
    padding-bottom: 10rem;
  }

  body > div:first-child > div > div:first-child + div {
    height: 90rem;
  }

  body > div:first-child > div > div:first-child + div {
    border-top: 0.1rem solid #E83178;
    padding: 10rem 30rem 10rem;
    margin: 0 auto;
  }

  body > div:first-child > div .bouton-connexion.bouton-connexion {
    display: block;
    margin: 10rem auto 0;
    left: 12rem;
  }

  body > div:first-child > div > div:first-child > div p em {
    display: block;
  }

  body > main > *:first-child > aside {
    display: none;
  }

  body > div + div {
    position: relative;
        width: 332rem;
        border-radius: 100rem 30rem 0rem 0rem;
  }



  body > div > header {
    height: auto;
  }

  body > div > header > .flex {
    display: block;
  }

  body > div > header > div > div:first-child {
    flex: 0 0 140rem;
    padding: 43rem 0 20rem;
  }

  body > div > header > div > div > a img {
    margin-left: auto;
    display: block;
    margin-right: auto;
    width: 140rem;
  }

  body > div > header > div > div + div {
    display: none;
  }

  .accueil-hero {
    padding-top: 15rem;
  }

  body > main {
    width: 332rem;
    border-radius: 0rem 0rem 30rem 30rem;
  }

  .mw {
        width: calc(100% - 66rem);
  }

  .accueil-hero > .mw {
    width: calc(100% - 66rem);
    margin-right: auto;
    display: block;

  }

  .accueil-hero > div > div > .flex + div {
    background: white;
    padding: 20rem;
  }

  .accueil-hero > .mw {
    position: relative;
    padding-bottom: 55rem;
  }

  .accueil-hero > div > div {
    position: static;
  }

.accueil-hero > div > div > .flex + div > .cta:last-child {
  background: #27348A;
  color: white;
  height: 45rem;
  line-height: 45rem;
  width: 100%;
  left: 0;
  right: 0;
  transform: none;
}

.accueil-proxi > h2 {
  font-size: 28rem;
  line-height: 31rem;
  margin-bottom:50rem;
}

.accueil-proxi > .mw.flex {
  column-gap: 0;
  row-gap: 40rem;
  flex-direction: column-reverse;
}

.accueil-proxi > .mw.flex > div:first-child {
  flex: 0 0 auto;
}

.accueil-proxi > .mw.flex + .mw.flex {
  display: block;
  margin-top: 40rem;
}

.accueil-proxi h2 em {
  display: block;
}

.accueil-choix > .mw.flex > div:first-child + div {
  display: none;
}

.accueil-choix-menu > div > .flex {
  flex-direction: column;
  align-items: left;
      align-items: flex-start;
}

.accueil-choix-menu > div > .flex > hr {
  display: none;
}

.accueil-choix-menu > div > .flex > div > p:first-child {
  font-size: 12rem;
}

.accueil-choix-menu > div > .flex > div:first-child {
  flex: 0 0 auto;
  padding-bottom: 20rem;
}

.accueil-choix-menu .cta {
    width: auto;
    font-weight: 400;
    padding: 0 14rem;
    white-space: nowrap;
}
.accueil-choix-menu > div > .flex .flex {
    column-gap: 10rem;
}

.accueil-choix > .mw.flex {
    flex-direction: column;

}

.accueil-choix-resultat > div {
  padding-bottom: 20rem;
}

.accueil-map > div > p {
padding: 70rem 0rem 40rem;
}

.accueil-map > div > img {
  display: none;
}

.accueil-map > div > div {
  position: static;
  width: calc(100% - 30rem);
  margin: 0 auto;
      padding: 34rem 30rem 50rem;
}


.accueil-map > div > div:after,
.accueil-map > div > div:before {
  height: 50rem;
}

body > main {

    padding-bottom: 70rem;
}

.footer-qui > div > img + p, .footer-raisons > div > img + p {
  font-size: 25rem;
  line-height: 25rem;
}

.footer-raisons ul {

  margin-left: 13rem;
    width: 300rem;
    margin-bottom: 90rem;
}

.footer-raisons ul > li + li {
  margin-bottom: 30rem;
}

.footer-holding  {
  overflow: hidden;
}

.footer-holding > div > div {
  position: relative;
  z-index: 10;
  top: 0;
  left: 0;
  width: auto;
      padding: 20rem;
}

.footer-holding > div > img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
}

body > footer {
    width: 100%;
}

.footer-holding > div {
  padding: 40rem;
}

.footer-footer {
  
      width: calc(100% - 150rem);
      margin: 90rem auto 0;
}

.footer-footer > div > div {
  flex: 0 0 auto;
  margin-bottom: 40rem;
}

.footer-footer > .flex {
  flex-direction: column;
}

.footer-footer > div > .flex {
    flex-direction: column;
}

.footer-footer > div > div > div {
  padding-bottom: 10rem;
}

#ariane {
  padding-left: 0;
}

.title {
  max-width: 100%;
}

.archive-vignettes {
  gap: 0;
  row-gap: 40rem;
}

.archive-vignettes > div {
  flex: 0 0 100%;
}

.mw.header {
  padding-left: 0;
}

.mw.header > .flex {
  display: block;
  height: auto;
}

.mw.header > .flex > div:first-child > p {
  position: static;
  font-size: 20rem;
}

.mw.header > .flex > div:first-child {
  padding: 40rem 33rem 20rem 33rem;
  background: #27348A;
}

.content .flex {
  display: block;
}

.content > div > div > div:first-child {
  padding-right: 0;
}

.content > div > div > div:first-child + div > img + img {
  margin-top: 40rem;
}

.content .cta {
  padding-left: 10rem;
  padding-right: 10rem;
}

.content > div > button,
.content > div > .cta {
  margin-top: 80rem;
}

.content > div > p + .cta  {
  margin-top: 0;
  margin-right: 10rem;
}

.content .sharing.alt:hover {
  margin-right: 0;

}

.legal {
  padding-top: 200rem;
}

.accueil-proxi.alt > .mw.flex {
  border-radius: 50rem;
  row-gap: 0;
}

.accueil-proxi.alt > div > div + div {
  padding: 40rem 20rem;
}

.accueil-proxi > .mw.flex > div:first-child + div h3 {
  font-size: 25rem;
  line-height: 28rem;
}

.footer-qui > div > div + div,
.footer-qui > div > p + div {
  flex-direction: column;
  row-gap: 40rem;
}

.footer-qui > div > div > div {
  text-align: center;
}

.footer-holding > div {
  min-height: 25vh;
}

.footer-qui {
  padding-bottom: 100rem;
}

.footer-holding + .footer-raisons {
  margin-top: 100rem;
}

.footer-qui > div > div + div > div:first-child p {
  width: auto;
}

body > div > header > div > div:first-child h1, body > div > header > div > div:first-child span {
  margin-left: auto;
  margin-right: auto;
      font-size: 10.3rem;
          margin-left: auto;
    margin-right: auto;
    display: block;
    width: 140rem;
}


  #mobile_menu {
    position: absolute;
    z-index: 1000000;
    top: 0;
    left: 0;
    right: 0;
    background: white;
    box-shadow: 0 6px 3px #27348A;
    color: #27348A;
    display: block;
    transform:translateY(-105%);
  }

  #mobile_menu > div {
    padding-top: 20rem;

 padding-bottom: 40rem;
  }
  #mobile_menu > div > div:first-child {


margin-bottom: 37rem;
  }

  #mobile_menu > div > div:first-child > a {
text-decoration: none;

  }

  #mobile_menu > div > div:first-child > a img {
    margin-left: auto;
    display: block;
    margin-right: auto;
    width: 140rem;
}

  #mobile_menu > div > div:first-child > a h1, 
  #mobile_menu > div > div:first-child > a span {
    margin-left: auto;
    margin-right: auto;
    font-size: 10.3rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 140rem;
    font-style: italic;
    font-weight: normal;
    color: inherit;
    color: #27348A;
}

  #mobile_menu > div > div:first-child + div > a {
  display: block;
  vertical-align: top;
  font-size: 12rem;
  line-height: 14rem;
  text-decoration: none;
  text-align: center;
  width: 100rem;
  padding: 6rem 0 5rem;
  border: 1rem solid #D8D8EF;
  margin-right: 33rem;
  border-radius: 99rem;
  margin: 0 auto 20rem;

}

  #mobile_menu .sharing {
    display: block;
    margin:  0 auto 20rem;;
  }

  #mobile_menu .sharing.sharing.sharing + a {
    color: #E83178;
    background: rgb(232 49 120 / 25%);
    border-color: transparent;
}


  #mobile_menu > div > div:first-child + div  a:last-child {
    margin-top: 40rem;
  }

  #mobile_menu .sharing.sharing a:last-child {
    margin-top: 0;
  }

  #mobile_menu  .sharing.alt:hover > div {
width: 143rem;
    left: -56rem;
  }

  #mobile_menu > button {
    display: block;
    position: absolute;
    top: 10rem;
    left: 10rem;
    width: 42rem;
    background: transparent;
}

  #mobile_menu > button > img {
    display: block;
    width: 100%;
    height: auto;
}

.depot > .mw > .grid {
  display: block;
}

.accueil-map.alt > div > div {
  width: 100%;
}

.feuille-2 {
      right: 16%;
    bottom: -40rem;
}

.accueil-proxi2 > .flex {
  display: block;
}

.accueil-proxi2 .flex > div:first-child + div {
  border: 0;
}

.depot-information {
  padding: 30rem;
}

.depot .depot-description + img {
  display: none;
}

body > main > section > img {

}

#faq > li {
  margin: 0 auto 15rem;
}

#faq > li > div:first-child > p {
  line-height: 1.4;
  height: auto;
  padding: 10rem 20rem 10rem 10rem;
}

#faq > li > div:first-child > p {

    background: #D8D8EF url(res/imgs/select2.svg) no-repeat right center / auto 20rem;

}

#faq > li > div:first-child + div > div {
  padding: 15rem 30rem 30rem 15rem;
}

}