/*********************************************
----------------------------------------------
====== FULL VANILLA THEME | main.css ======
----------------------------------------------
*********************************************/

/**************************************
**** PROJECT GENERAL STYLE | BEGIN ****
**************************************/

/* filters.js | style - BEGIN */

#products {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 340px);
  transition: all .8s ease;
}
#products.loading {
  filter: blur(4px) grayscale(100%);
}
#products .product {
  width: calc(33.33% - 40px);
  margin: 0 0 50px 0;
  box-sizing: border-box;
  text-align: center;
  transition: all .4s ease;
}
#products .product.hide {
  display: none;
}
#products_filters {
  width: 340px;
  background-color: #EDEDED;
  padding: 35px 20px 20px 20px;
  box-sizing: border-box;
}

/* filters.js | style - END */

/* maps.js | style - BEGIN */

#nameOfYourMap {
  height: 86vh;
  margin-top: 14vh;
}
#nameOfYourMap .leaflet-control-container {
  height: 100%;
}
#nameOfYourMap .leaflet-control-container .leaflet-top.leaflet-left {
  left: unset;
  right: 28px;
  top: unset;
  bottom: 28px;
}
.leaflet-marker-icon.activemarkermap {
  filter: invert(95%) sepia(0%) saturate(274%) hue-rotate(4deg) brightness(140%) contrast(108%)
}
.leaflet-popup-content img {
  padding-top: 4px;
  border-radius: 6px;
}
.leaflet-popup-content .forcontent-title {
  text-align: left;
  font: normal normal bold 14px/13px Inter;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  margin-top: 8px;
}
.leaflet-popup-content .forcontent-loca {
  text-align: left;
  font: normal normal 300 13px/13px Inter;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  margin: 4px 0;
}
.leaflet-popup-content .forcontent-tel {
  text-align: left;
  font: normal normal 300 13px/13px Inter;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  margin: 4px 0 3px 0;
}
.leaflet-popup-content .forcontent-content p {
  text-align: left;
  font: normal normal 300 13px/13px Inter;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  margin: 4px 0;
}
.leaflet-popup-content .forcontent-content p strong {
  text-align: left;
  font: normal normal 500 13px/13px Inter;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  margin: 4px 0;
}
.leaflet-popup {
  transform: translate3d(460px, 303px, 0px);
}
.leaflet-popup-content {
  width: 330px;
  margin: 13px 17px;
}
.leaflet-popup-content img {
  max-height: 180px;
  object-fit: cover;
}

/* maps.js | style - END */

/* galleries - BEGIN */

.gallery-div {
  padding: 28px 9%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}

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

.gallery-div img {
  display: block;
}

.gallery {
  width: 80%;
  position: relative;
  z-index: 2;
  padding: 0 10px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  transition: all 0.5s ease-in-out;
  transform: translateZ(0);
}

.gallery.pop {
  filter: blur(10px);
}

.gallery figure {
  flex-basis: 33.333%;
  padding: 10px;
  overflow: hidden;
  cursor: pointer;
  max-height: 240px;
}

.gallery figure img {
  width: 100%;
  transition: all 0.3s ease-in-out;
  height: 100%;
  object-fit: cover;
}

.gallery figure figcaption {
  display: none;
}

.popup {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #ffffff8c;
  opacity: 0;
  transition: opacity 0.5s ease-in-out 0.2s;
}

.popup.pop {
  opacity: 1;
  transition: opacity 0.2s ease-in-out 0s;
}

.popup.pop figure {
  margin-top: 0;
  opacity: 1;
  width: fit-content;
}

.popup figure {
  position: absolute;
  top: 58%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}

.popup figure img {
  position: relative;
  z-index: 2;
  max-height: 60vh;
  object-fit: contain;
}

.popup figure figcaption {
  position: absolute;
  bottom: 50px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.78));
  z-index: 2;
  width: 100%;
  padding: 100px 20px 20px 20px;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
}

.popup figure figcaption small {
  font-size: 11px;
  display: block;
  text-transform: uppercase;
  margin-top: 12px;
  text-indent: 3px;
  opacity: 0.7;
  letter-spacing: 1px;
}

.popup figure .shadow {
  position: relative;
  z-index: 1;
  top: -56px;
  margin: 0 auto;
  background-position: center bottom;
  background-repeat: no-repeat;
  width: 98%;
  height: 50px;
  opacity: 0.9;
  filter: blur(16px) contrast(1.5);
  transform: scale(0.95, -0.7);
  transform-origin: center bottom;
}

.popup .close {
  position: absolute;
  z-index: 3;
  top: 10px;
  right: 10px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  background: url(#close);
  border-radius: 25px;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.popup .close svg {
  width: 100%;
  height: 100%;
}

.checkActive {
  color: #038bff !important;
}

.hidden-gallery-storage {
  display: none;
}

.archive-image-filters-title {
  text-transform: uppercase;
}

.gallery figure iframe {
  height: 100%;
  width: 100%;
}


.galleryL {
  width: 100%;
  height: 100%;
}

.galleryL .blocks {
  width: 100%;
}

.galleryL .bloc-1 {
  height: 100%;
}

.galleryL .bloc-2 {
  height: 50%;
}

.galleryL .bloc-3 {
  height: 33%;
}

.galleryL .bloc-4 {
  height: 25%;
}

.galleryL .bloc-5 {
  height: 20%;
}

.galleryL .bloc-6 {
  height: 16.65%;
}

.galleryL img {
  object-fit: cover;
  width: initial;
}

.trans {
  transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
}

.top {
  display: flex;
  width: 80vw;
  height: 80vh;
  margin-top: 10vh;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10vh;
}

.top ul {
  list-style: none;
  width: 100%;
  height: 100%;
  z-index: 1;
  box-sizing: border-box;
}

.top ul li {
  position: relative;
  float: left;
  overflow: hidden;
}

.top ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  content: '';
  color: white;
  opacity: 0.4;
  text-align: center;
  box-sizing: border-box;
  pointer-events: none;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}

.top ul li:hover::before {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.90);
}

.top ul li img {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.lightbox {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 999;
  opacity: 0;
  pointer-events: none;
}

.lightbox img {
  max-width: 90%;
  max-height: 80%;
  position: relative;
  top: -100%;
  /* Transition */
  transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  margin: auto;
}

.lightbox:target {
  outline: none;
  top: 0;
  opacity: 1;
  pointer-events: auto;
  transition: all 1.2s ease;
  -moz-transition: all 1.2s ease;
  -ms-transition: all 1.2s ease;
  -o-transition: all 1.2s ease;
  -webkit-transition: all 1.2s ease;
}

.lightbox:target img {
  top: 0;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

/* GALLERY GRID */
.hello {
  opacity: 1 !important;
}

.full {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.full .content {
  background-color: rgba(0, 0, 0, 0.75) !important;
  height: 100%;
  width: 100%;
  display: grid;
}

.full .content img {
  left: 50%;
  transform: translate3d(0, 0, 0);
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  width: initial;
}

.byebye {
  opacity: 0;
}

.byebye:hover {
  transform: scale(0.2) !important;
}

.galleryG {
  display: grid;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-auto-rows: 8px;
}

.galleryG img {
  max-width: 100%;
  border-radius: 8px;
  box-shadow: 0 0 16px #333;
  transition: all 1.5s ease;
}

.galleryG img:hover {
  box-shadow: 0 0 32px #333;
}

.galleryG .content {
  padding: 4px;
}

.galleryG .gallery-item {
  transition: grid-row-start 300ms linear;
  transition: transform 300ms ease;
  transition: all 0.5s ease;
  cursor: pointer;
}

.galleryG .gallery-item:hover {
  transform: scale(1.025);
}

@media (max-width: 600px) {
  .galleryG {
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
  }
}

@media (max-width: 400px) {
  .galleryG {
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
  }
}

/* GALLERY MASONRY */

#galleryS {
  display: grid;
  height: calc(100vh - 10px);
  grid-template: repeat(6, 1fr)/repeat(6, 1fr);
  grid-gap: 0.5em;
}

@media (max-width: 800px) {
  #galleryS {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
  }

  #galleryS>div {
    width: 48%;
    margin: 1%;
  }
}

@media (max-width: 800px) and (max-width: 350px) {
  #galleryS>div {
    width: 98%;
  }
}

#galleryS>div:nth-child(6n+1) {
  grid-column: span 2;
  grid-row: span 2;
}

#galleryS>div:nth-child(2) {
  grid-column: span 3;
  grid-row: span 3;
}

#galleryS>div:nth-child(4) {
  grid-column: span 1;
  grid-row: span 2;
}

#galleryS>div>a {
  opacity: 0;
  position: absolute;
  color: #000;
  background-color: #000;
  text-shadow: 0 -1px 5px #fff, -1px 0px 5px #fff, 0 1px 5px #fff, 1px 0px 5px #fff;
  padding: 2rem;
  mix-blend-mode: difference;
  width: 100%;
  height: 100%;
  transition: all ease 1s;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
}

#galleryS>div>img {
  width: 100%;
  min-height: 100%;
  transition: all ease 1s;
  object-fit: cover;
}

#galleryS>div:hover img {
  filter: blur(4px);
}

#galleryS>div:hover a {
  opacity: 1;
}

#galleryS>div {
  overflow: hidden;
  position: relative;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 20px 0 rgba(0, 0, 0, 0.19);
}

#galleryS div,
#galleryS a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

[id^=lightbox-] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  opacity: 0;
  transition: opacity 450ms ease-in-out;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

[id^=lightbox-]:target {
  opacity: 1;
  pointer-events: inherit;
}

[id^=lightbox-]:target img {
  filter: blur(0);
}

[id^=lightbox-] .content {
  max-width: 90%;
  position: relative;
  color: #fff;
}

[id^=lightbox-] .content:hover>a.close {
  opacity: 1;
  transform: scale(1, 1);
}

[id^=lightbox-] .content:hover>.title {
  opacity: 1;
  transform: translateY(-3px);
}

[id^=lightbox-] .content:hover>.title::after {
  opacity: 1;
}

[id^=lightbox-] .content>* {
  transition: all 450ms ease-in-out;
}

[id^=lightbox-] .title {
  display: block;
  margin: 0;
  padding: 1em;
  position: absolute;
  bottom: 0;
  width: 100%;
  transform: translateY(50%);
  font-size: 1.5em;
  opacity: 0;
}

[id^=lightbox-] .title::after {
  content: " ";
  background-color: rgba(0, 0, 0, 0.4);
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  transition: all 350ms ease-in-out 250ms;
  opacity: 0;
  transform-origin: bottom;
  mix-blend-mode: soft-light;
}

[id^=lightbox-] img {
  max-height: 90vh;
  max-width: 100%;
  margin: 0;
  padding: 0;
  filter: blur(50px);
}

[id^=lightbox-] a.close {
  width: 2em;
  height: 2em;
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0, 0);
  opacity: 0;
  transform-origin: right top;
  text-decoration: none;
  color: #fff;
}

[id^=lightbox-] a.close::after {
  content: "X";
}

/* galleries - END */
/* Accordion */
.overAccordion {
  margin-top: 1rem;
}

.accordion {
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.accordion h2 {
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  border-bottom: 1px solid #e6e6e6;
}

.accordion:before {
  content: url(https://www.conservatoire.lannion-tregor.com/wp-content/themes/fullvanilla-theme/assets/img/tab_accordeon.png);
  font-weight: bold;
  float: right;
  margin-left: 5px;
  position: relative;
  margin-top: -2rem;
}

.overAccordion .active h2 {
  font-weight: 700;
}

.active:before {
  transform: rotate(90deg);
}

.panel {
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin-bottom: 2rem;
}

/* End Accordion */

/* frontpage - BEGIN */

.slick-prev-cust, .slick-next-cust {
  border: unset;
  background: unset;
  cursor: pointer;
  width: 26px;
  height: 57px;
  position: absolute;
  top: 570px;
  z-index: 2;
}

.slick-prev-cust {
  left: 9%;
}

.slick-next-cust {
  left: 13%;
}

.slick-prev-cust img {
  object-fit: scale-down;
  height: 100%;
}

.slick-next-cust img {
  object-fit: scale-down;
  height: 100%;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.slick-prev-cust2, .slick-next-cust2 {
  border: unset;
  background: unset;
  cursor: pointer;
  width: 26px;
  height: 57px;
  position: absolute;
  top: -50px;
  transform: translateY(-50%);
  z-index: 2;
}

.slick-prev-cust2 {
  right: 26%;
}

.slick-next-cust2 {
  right: 20%;
}

.slick-prev-cust2 img {
  object-fit: scale-down;
  height: 100%;
}

.slick-next-cust2 img {
  object-fit: scale-down;
  height: 100%;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.slider-accueil-body-1 {
  position: absolute;
  bottom: 300px;
  left: 8.6%;
  z-index: 2;
}

.slider-accueil-body-1-1 {
  background-color: black;
  padding: 18px 30px 16px 30px;
  width: fit-content;
  width: -moz-fit-content;
  z-index: 2;
  position: relative;
}

.slider-accueil-body-1-2 {
  background-color: #930424;
  padding: 46px 28px 28px 28px;
  width: fit-content;
  width: -moz-fit-content;
  max-width: 780px;
  margin-top: -25px;
  z-index: 0;
  position: relative;
}

.slider-accueil-body-2 {
  height: 790px;
  width: 1500px;
  position: absolute;
  top: 0;
  right: 0;
}

#frontpageslider {
  width: 100%;
  height: auto;
  position: relative;
}

.slider-accueil {
  height: 100%;
  height: 790px;
  overflow: hidden;
  z-index: 2;
}

.slider-accueil .slick-list, .slider-accueil .slick-list .slick-track {
  height: 100%;
}

.slider-accueil-body-1-1-p1 {
  text-align: left;
  font: normal normal 300 18px/22px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 1;
}

.slider-accueil-body-1-1-p2 {
  text-align: left;
  font: normal normal 300 30px/37px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 1;
}

.slider-accueil-body-2-title {
  text-align: left;
  font: normal normal 800 58px/60px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 1;
}

.slider-accueil-body-2-subtitle {
  text-align: left;
  font: normal normal 800 14px/18px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 1;
}

.slider-accueil-body-2-text {
  text-align: left;
  font: normal normal 300 18px/22px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  margin: 30px 0 0 0;
}

.slider-accueil-body-2-text-div {
  width: fit-content;
  width: -moz-fit-content;
  height: auto;
  max-width: fit-content;
  max-width: -moz-fit-content;
}

.slider-accueil-body-2-button {
    position: relative;
    z-index: 2;
    background-color: black;
    color: #FFFFFF;
    font: normal normal 800 14px/18px Montserrat;
    letter-spacing: 0px;
    text-transform: uppercase;
    opacity: 1;
    text-align: center;
    padding: 15px 26px;
    border: 1px solid black;
    bottom: -46px;
    transition: 0.22s;
}

.slider-accueil-body-2-button:hover {
    background-color: #FFFFFF;
    color: black;
    transition: 0.22s;
}

.frontpage-grandbackground {
  width: auto;
  height: 1109px;
  position: absolute;
  object-fit: scale-down;
  top: 70px;
  left: 0;
  z-index: 1;
}

#actus {
  position: relative;
  background: unset;
  background-color: transparent;
  z-index: 2;
  padding: 132px 0 70px 0;
}

.actus-titles {
  position: relative;
  padding: 0 7.5%;
  margin-bottom: 42px;
}

.actus-title1, .conservatoire-title1, .followus-title1 {
  text-align: left;
  font: normal normal 800 70px/89px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 1;
  background-color: #930424;
  width: fit-content;
  width: -moz-fit-content;
  padding: 0 17px;
  position: relative;
  z-index: 0;
}

.actus-title2, .conservatoire-title2, .followus-title2 {
  text-align: left;
  font: normal normal 300 28px/46px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  background-color: black;
  width: fit-content;
  width: -moz-fit-content;
  padding: 0 14px;
  position: relative;
  z-index: 1;
  margin: -8px 0 0 47px;
}

.actus-content {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  padding: 0 5% 80px 5%;
  z-index: 2;
}

.news-content-slide {
  position: relative;
  width: 470px;
  margin: 0 36px 26px 36px;
}

.news-slide-img {
  width: 470px;
  height: 300px;
  position: relative;
  z-index: 2;
}

.news-slide-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-slide-content {
  position: relative;
  background-color: white;
  box-shadow: 0px 0px 20px #00000091;
  padding: 70px 30px 34px 30px;
  z-index: 1;
  left: 32px;
  width: 100%;
  z-index: 1;
}

.news-slide-content .p1 {
  text-align: left;
  font: normal normal 800 24px/30px Inter;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  margin-bottom: 6px;
}

.news-slide-content .p2 {
  text-align: left;
  font: normal normal 800 14px/17px Inter;
  letter-spacing: 0px;
  color: #000000;
  text-transform: uppercase;
  opacity: 1;
  margin-bottom: 6px;
}

.news-slide-content .p3 {
  text-align: left;
  font: normal normal 300 18px/22px Inter;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}

.actus-seemore {
  position: absolute;
  bottom: 10%;
  z-index: 2;
  left: 7.1%;
  background-color: black;
  color: #FFFFFF;
  font: normal normal 800 14px/18px Montserrat;
  letter-spacing: 0px;
  text-transform: uppercase;
  opacity: 1;
  text-align: center;
  padding: 15px 26px;
  border: 1px solid black;
  transition: 0.22s;
}

.actus-seemore:hover {
  transition: 0.2s;
  color: black;
  background-color: white;
}

.news-backgroundimage {
  position: absolute;
  width: 100%;
  top: 400px;
  left: 0;
  z-index: 1;
}

.news-slide-date {
  position: absolute;
  background: black;
  left: 0;
  top: 264px;
  z-index: 3;
  box-shadow: 0px 0px 10px #00000066;
  padding: 12px 17px;
}

.news-slide-date .p1 {
  text-align: left;
  font: normal normal 300 18px/22px Inter;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 1;
}

.news-slide-date .p2 {
  text-align: left;
  font: normal normal 300 30px/36px Inter;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 1;
}

.conservatoire-main-paragraphtitle {
  text-align: left;
  font: normal normal 500 22px/30px Montserrat;
  letter-spacing: 0px;
  color: #930424;
  opacity: 1;
}

.conservatoire-main-paragraphcontent p {
  text-align: left;
  font: normal normal 400 17px/24px Montserrat;
  letter-spacing: 0px;
  color: #484645;
  opacity: 1;
}

#conservatoire {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  padding: 3.5vw 0;
}

.conservatoire-main {
  width: 56%;
  height: auto;
  margin: 0 0 0 -6%;
  position: relative;
  z-index: 3;
}

.conservatoire-main-content {
  background-color: #ffffffd1;
  position: relative;
  padding: 4.5% 13.5% 4.5% 7%;
  margin-top: 4vw;
}

.conservatoire-main-paragraphtitle {
  margin-bottom: 20px;
}

.conservatoire-main-paragraphcontent {
  margin-bottom: 20px;
}

.conservatoire-main-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  max-height: 110px;
  max-width: 620px;
  margin-bottom: 50px;
}

.conservatoire-main-list-p {
  width: fit-content;
  width: -moz-fit-content;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}

.conservatoire-main-list-p span {
  background-color: #930424;
  font: normal normal 600 13px/16px montserrat;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  padding: 0 4.5px 1px 4.2px;
  border-radius: 12px;
  margin: 0 5px 0 0;
}

.conservatoire-main-list-p p {
  font: normal normal 600 18px/18px Montserrat;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  margin: 5px 3% 5px 0;
  width: fit-content;
  width: -moz-fit-content;
  white-space: nowrap;
}

.conservatoire-image {
  width: 56%;
  height: auto;
  margin: 0 -6% 0 0;
  padding: 89px 0 0 0;
  object-fit: cover;
  position: relative;
  z-index: 2;
}

.frontpage-grandbackground2 {
  position: absolute;
  right: 0;
  z-index: 1;
  top: 200px;
  max-width: 1230px;
}

.conservatoire-button {
  background-color: #930424;
  color: #FFFFFF;
  font: normal normal 800 14px/18px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 1;
  text-align: center;
  padding: 15px 26px;
  position: relative;
  transition: 0.22s;
}

.conservatoire-button:hover {
  background-color: white !important;
  color: #930424 !important;
  transition: 0.2s;
}

#followus {
  padding: 3.5vw 0;
}

.followus-titles {
  width: fit-content;
  width: -moz-fit-content;
  margin: 0 auto;
  position: relative;
}

/* frontpage - END */

/* introbanner - BEGIN */

#introbanner {
    position: relative;
    height: 380px;
    margin-bottom: 26px;
}

.introbanner-div {
    position: relative;
}

.introbanner-div-text {
    z-index: 2;
    top: 70px;
    background-image: url("../img/generic_bannercover.png");
    background-position: top 0 left 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 800px;
    height: 312px;
    position: relative;
}

.introbanner-div-textinside {
    position: absolute;
    top: 50%;
    left: 58%;
    transform: translateX(-50%) translateY(-50%);
    width: 80%;
}

.introbanner-div-text-title {
    text-align: left;
    font: normal normal 800 55px/62px Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 2px;
}

.introbanner-div-text-subtitle {
    text-align: left;
    font: normal normal 700 18px/20px Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    margin-top: 0;
}

.introbanner-div-text-breadcrumbs {
    position: relative;
    margin-top: 20px;
}

.introbanner-div-img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 1356px;
    height: 343px;
}

.introbanner-div-img img {
    height: 100%;
    object-fit: cover;
}

#breadcrumbs {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
}

#breadcrumbs .item-home a {
    text-align: left;
    font: normal normal 300 15px/15px Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.separator {
    text-align: left;
    font: normal normal 300 15px/15px Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    margin: 0 5px;
}

.item-current strong {
    text-align: left;
    font: normal normal 600 15px/15px Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.archives_but {
  left: 18%;
}

/* introbanner - END */

/* introandanchors - BEGIN */

#introandanchors {
    position: relative;
    margin-bottom: 0;
}

.introandanchors-text {
    margin: 44px 0 10px 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.introandanchors-text p {
    text-align: center;
    font: normal normal 700 19px/27px Montserrat;
    width: 95%;
    max-width: 1000px;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.introandanchors-anchors {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 95%;
    max-width: 1300px;
    margin: 28px auto 0 auto;
}

.introandanchors-anchor {
    cursor: pointer;
    padding: 16px 22px;
    background-color: black;
    color: white;
    text-align: center;
    font: normal italic 700 12px/12px Montserrat;
    opacity: 1;
    letter-spacing: 0.2px;
    border: 1px solid black;
    transition: 0.2s;
    margin: 8px 10px;
}

.introandanchors-anchor:hover {
    background-color: white;
    color: black;
    transition: 0.2s;
}

/* introandanchors - END */

/* pagebloc - BEGIN */

#pagebloc {
    overflow: hidden;
    position: relative;
    padding-bottom: 70px;
    z-index: 2;
}

.pagebloc-div {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.pagebloc-main-pagebloc_imgleft {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 100px 0 0 0;
}

.pagebloc-main-pagebloc_imgright {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: flex-start;
    padding: 100px 0 0 0;
}

.pagebloc-main-pagebloc_map {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 189px 0 0 0;
}

.pagebloc-map-titles {
    z-index: 4;
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
}

.pagebloc-map-title1 {
    text-align: center;
    font: normal normal 800 70px/89px Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    background-color: #930424;
    width: fit-content;
    width: -moz-fit-content;
    padding: 0 17px;
    position: relative;
    z-index: 0;
}

.pagebloc-map-title2 {
    text-align: left;
    font: normal normal 300 28px/46px Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    background-color: black;
    width: fit-content;
    width: -moz-fit-content;
    padding: 0 14px;
    position: relative;
    z-index: 1;
    margin: -20px 0 0 47px;
}

.pagebloc-main-fullimg {
    width: 50%;
    position: relative;
    margin-right: -10%;
    z-index: 2;
    margin-top: 64px;
}

.pagebloc-main-pagebloc_imgright .pagebloc-main-fullimg {
    width: 50%;
    position: relative;
    margin-left: -10%;
    z-index: 2;
    margin-right: unset;
}

.pagebloc-main-image {
    height: auto;
}

.pagebloc-main-fullcontent {
    width: 50%;
    position: relative;
    z-index: 3;
}

.pagebloc-main-pagebloc_imgright .pagebloc-main-fullcontent {
    width: 50%;
    position: relative;
    margin-right: -10%;
    z-index: 2;
    margin-top: 0;
    margin-left: -10%;
    margin-right: unset;
}

.pagebloc-main-titles {
    position: relative;
    margin-bottom: 60px;
}

.pagebloc-main-title1 {
    text-align: left;
    font: normal normal 800 56px/68px Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    background-color: #930424;
    width: fit-content;
    width: -moz-fit-content;
    padding: 4px 20px;
}

.pagebloc-main-pagebloc_imgright .pagebloc-main-title1 {
    text-align: center;
    margin: 0 90px 0 auto;
    font: normal normal 800 56px/68px Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    background-color: #930424;
    width: fit-content;
    width: -moz-fit-content;
    padding: 4px 20px;
}

.pagebloc-main-title2 {
    position: absolute;
    z-index: 2;
    text-align: left;
    font: normal normal 300 30px/36px Montserrat;
    letter-spacing: 0px;
    padding: 3px 12px;
    color: #FFFFFF;
    opacity: 1;
    background-color: black;
    width: fit-content;
    width: -moz-fit-content;
    bottom: -36px;
    left: 23px;
}

.pagebloc-main-pagebloc_imgright .pagebloc-main-title2 {
    position: absolute;
    z-index: 2;
    text-align: left;
    font: normal normal 300 30px/36px Montserrat;
    letter-spacing: 0px;
    padding: 3px 12px;
    color: #FFFFFF;
    opacity: 1;
    background-color: black;
    width: fit-content;
    width: -moz-fit-content;
    bottom: -36px;
    right: 130px;
    left: unset;
}

.pagebloc-main-content {
    position: relative;
    background-color: #ffffffdb;
    padding: 1vw 2vw 2vw 2vw;
}

.pagebloc-main-pagebloc_imgright .pagebloc-main-content {
    margin-left: 5%;
}

.pagebloc-main-content-paragraph-title {
    position: relative;
    padding: 26px 12px 1vw 30px;
}

.noresult,
.pagebloc-main-content-paragraph-title p, .pagebloc-main-content-paragraph-title h2 {
    text-align: left;
    font: normal normal 600 22px/28px Montserrat;
    letter-spacing: 0px;
    color: #930424;
    opacity: 1;
}

#home .noresult {
  color: #fff;
}

.pagebloc-main-content-paragraph-content p {
    text-align: left;
    font: normal normal 500 16px/22px Montserrat;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    padding: 10px 12px 12px 30px;
}

.pagebloc-main-content-paragraph-content p strong {
    font: normal normal 800 16px/22px Montserrat;
}

.pagebloc-main-content-paragraph-content p em {
    font: normal italic 500 16px/22px Montserrat;
}

.pagebloc-main-content-paragraph-content img {
    width: auto;
}

.pagebloc-main-content-buttons {
    position: relative;
    display: flex;
    flex-direction: row;
    margin-top: 1vw;
    padding: 0 20px;
}

.pagebloc-main-content-button-red {
    cursor: pointer;
    padding: 16px 22px;
    background-color: #930424;
    color: white;
    text-align: center;
    font: normal normal 700 12px/12px Montserrat;
    opacity: 1;
    letter-spacing: 0.3px;
    border: 1px solid #930424;
    transition: 0.2s;
    margin: 8px 2.5vw 8px 0;
    text-transform: uppercase;
    width: fit-content;
    width: -moz-fit-content;
}

.pagebloc-main-content-button-red:hover {
    background-color: white;
    color: #930424;
    transition: 0.2s;
}

.pagebloc-main-content-button-white {
    cursor: pointer;
    padding: 16px 22px;
    background-color: white;
    color: #930424;
    text-align: center;
    font: normal normal 700 12px/12px Montserrat;
    opacity: 1;
    letter-spacing: 0.3px;
    border: 1px solid #930424;
    transition: 0.2s;
    margin: 8px 2.5vw 8px 0;
    text-transform: uppercase;
    width: fit-content;
    width: -moz-fit-content;
}

.pagebloc-main-content-button-white:hover {
    background-color: #930424;
    color: white;
    transition: 0.2s;
}

.pagebloc-main-content-button-black {
    cursor: pointer;
    padding: 16px 22px;
    background-color: black;
    color: white;
    text-align: center;
    font: normal normal 700 12px/12px Montserrat;
    opacity: 1;
    letter-spacing: 0.3px;
    border: 1px solid black;
    transition: 0.2s;
    margin: 8px 2.5vw 8px 0;
    text-transform: uppercase;
    width: fit-content;
    width: -moz-fit-content;
}

.pagebloc-main-content-button-black:hover {
    background-color: white;
    color: black;
    transition: 0.2s;
}

.pagebloc-main-content-button-video-hidden {
    display: none;
}

.pagebloc-map-blocs {
    position: relative;
    width: 100%;
    height: 44vw;
    max-height: 590px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index: 3;
    overflow: hidden;
}

.pagebloc-map-bloc {
    position: relative;
    width: 50%;
    height: 100%;
}

.pagebloc-map-bloc img {
    height: 100%;
    object-fit: cover;
}

.pagebloc-map-bloc iframe {
    width: 100%;
    height: calc(100% + 16px);
}

.pagebloc-map-content {
    background-color: #ffffffd1;
    z-index: 3;
    position: relative;
    top: -82px;
    width: 100%;
    min-width: 380px;
    max-width: 1400px;
    padding: 2.2vw 3.2vw;
}

.pagebloc-map-content-title {
    text-align: center;
    font: normal normal 700 19px/23px Montserrat;
    letter-spacing: 0px;
    color: #930424;
    opacity: 1;
}

.pagebloc-map-content-text {
    text-align: center;
    font: normal normal 600 17px/22px Montserrat;
    letter-spacing: 0px;
    color: black;
    opacity: 1;
    margin-top: 12px;
}

.pagebloc-map-buttons {
    position: relative;
    width: 100%;
    height: 80px;
    margin: 20px 0 0 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.pagebloc-main-content-button-red {
    position: relative;
    display: block;
    margin: 8px 2.5vw;
}

.pagebloc-main-content-button-black {
    position: relative;
    display: block;
}

.pagebloc-main-pagebloc_fullwidth {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 100px 0 0 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: flex-start;
}

.pagebloc-fullwidth-div {
    position: relative;
    width: 100%;
}

.pagebloc-fullwidth-titles {
    position: relative;
    width: fit-content;
    width: -moz-fit-content;
    height: fit-content;
    height: -moz-fit-content;
    margin: 0 auto;
}

.pagebloc-fullwidth-title1 {
    text-align: center;
    margin: 0 auto;
    font: normal normal 800 56px/68px Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    background-color: #930424;
    width: fit-content;
    width: -moz-fit-content;
    padding: 4px 20px;
}

.pagebloc-fullwidth-title2 {
    position: absolute;
    z-index: 2;
    text-align: left;
    font: normal normal 300 30px/36px Montserrat;
    letter-spacing: 0px;
    padding: 3px 12px;
    color: #FFFFFF;
    opacity: 1;
    background-color: black;
    width: fit-content;
    width: -moz-fit-content;
    top: 68px;
    left: 40px;
    word-break: keep-all;
    white-space: nowrap;
}

.pagebloc-main-pagebloc_fullwidth .pagebloc-fullwidth-title2 {
    font-family: Montserrat;
    position: absolute;
    z-index: 2;
    text-align: left;
    font-size: clamp(15px, calc(30vw / 19.2), 30px);
    letter-spacing: 0px;
    padding: 3px 12px;
    color: #FFFFFF;
    opacity: 1;
    background-color: black;
    width: fit-content;
    width: -moz-fit-content;
    top: 68px;
    left: 38%;
    word-break: keep-all;
    white-space: nowrap;
}

.pagebloc-fullwidth-main {
    position: relative;
    padding: calc(28px + 1vw) 15%;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
}

.pagebloc-fullwidth-main-background {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
}

.pagebloc-fullwidth-main-p1 {
    position: relative;
    font: normal normal 600 22px/28px Montserrat;
    letter-spacing: 0px;
    opacity: 1;
}

.pagebloc-fullwidth-main-p2 {
    position: relative;
    font: normal normal 500 16px/22px Montserrat;
    letter-spacing: 0px;
    opacity: 1;
    padding: 16px 0;
}

.pagebloc-fullwidth-buttons {
    position: relative;
    width: 100%;
    height: fit-content;
    height: -moz-fit-content;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.faq-content-div {
	margin: 0 1vw;
}

.faq-collapsible {
    position: relative;
  cursor: pointer;
  border-bottom: 1px solid #930424 !important;
  padding: 0;
  width: 100%;
  border: none;
  outline: none;
  background-color: #ffffffc2;
  font-family: 'cervo_neueregular_neue', sans-serif;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.faq-collapsible span {
    font-family: 'cervo_neueregular_neue', sans-serif;
    height: 26px;
    margin: auto 0;
    font-size: 42px;
    line-height: 20px;
    color: #EE723B;
    width: 26px;
    text-align: center;
    font-weight: 800;
    margin: 0;
    position: absolute;
    top: 29px;
    right: 0;
}

.faq-collapsible-text {
    text-align: left;
    font: normal normal 300 24px/24px Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    background-color: black;
    padding: 10px;
	text-transform: uppercase;
}

.faq-collapsible:hover {
  background-color: #f1f1f16e;
  transition: 0.18s;
}

.faq-content {
    margin-top: 2vw;
    padding: 0 18px;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.22s ease-out;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative;
}

.opened {
	transition: max-height 0.4s ease-in;
  max-height: 8800px;
}

.display-off {
	display: none;
}

.display-on {
	display: block;
}

.faq-element {
	margin: 2.5vw 0;
	z-index: 3;
	position: relative;
}

.pagebloc-main-pagebloc_team {
    width: 100%;
    position: relative;
}

.pagebloc-team-div {
    width: 100%;
    position: relative;
    padding: 1vw 5%;
}

.faq-coll-plus img {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}

.faq-blocdiv {
    position: relative;
    width: 28%;
    margin: 20px 0;
}

.faq-blocdiv img {
    width: 147px;
    height: 152px;
    position: absolute;
    left: -18px;
    top: 0px;
}

.faq-blocdiv-container {
    box-shadow: 0px 3px 10px #00000029;
    border-radius: 2px;
    padding: 27px 24px 28px 60px;
    margin-top: 34px;
    background-color: white;
}

.faq-blocdiv-titles {
    position: relative;
}

.faq-blocdiv-title-1 {
    font: normal normal 500 20px/24px Montserrat;
    color: #930424;
    margin: 0;
}

.faq-blocdiv-title-2 {
    font: normal normal 600 13px/17px Montserrat;
    letter-spacing: 2px;
    color: black;
    margin: 3px 0 0 0;
}

.faq-hr {
    background-color: black;
    height: 1px;
    width: 58%;
    position: relative;
    margin: 10px 0;
}

.faq-blocdiv-desc p {
    font: normal normal 600 14px/17px Montserrat;
}

.faq-collapsible-body {
    z-index: 2;
    position: relative;
}

.pagebloc-main-pagebloc_microbanner {
    position: relative;
    width: 100%;
    margin: 30px 0;
    z-index: 2;
}

.pagebloc-microbanner-div {
    position: relative;
    width: 100%;
    padding: 0 6%;
}

.pagebloc-microbanner-title {
    width: fit-content;
    position: absolute;
    top: -18px;
    left: 6%;
}

.pagebloc-microbanner-title p, .pagebloc-microbanner-title h2 {
    text-align: left;
    font: normal normal 300 28px/46px Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    background-color: black;
    width: fit-content;
    width: -moz-fit-content;
    padding: 0 14px;
    position: relative;
    z-index: 1;
}

.pagebloc-microbanner-banner {
    position: relative;
    background-color: #930424;
    margin-top: 20px;
    margin-left: 78px;
    padding: 38px 4.5%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.pagebloc-microbanner-bannerdiv {
    position: relative;
    width: fit-content;
    width: -moz-fit-content;
    margin: 12px 6px;
}

.pagebloc-microbanner-bannerdiv1 {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.pagebloc-microbanner-bannerdiv1 img {
    width: 14px;
    height: 18px;
    margin: 0 8px 0 0;
}

.pagebloc-microbanner-bannerdiv1 p {
    text-align: left;
    font: normal normal 700 15px/18px Montserrat;
    color: white;
    opacity: 1;
    letter-spacing: 2px;
}

.pagebloc-microbanner-bannerdiv2 p {
    text-align: left;
    font: normal normal 500 14px/18px Montserrat;
    color: white;
    opacity: 1;
    letter-spacing: 0.5px;
    margin: 8px 0 0 0;
}

.pagebloc-main-pagebloc_info {
    position: relative;
    width: 100%;
    z-index: 2;
    overflow: hidden;
}

.pagebloc-info-div {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    flex-wrap: nowrap;
    padding: 34px 6%;
}

.pagebloc-info-div1 {
    position: absolute;
    top: 0;
    left: 6%;
    overflow: hidden;
    max-height: 570px;
    height: auto;
    width: 94%;
    max-width: 947px;
}

.pagebloc-info-div1.pagbloc-reverse {
    margin-top: 58px;
    z-index: 3;
    position: relative;
    width: 60%;
    /* min-width: 500px; */
    background-color: #ffffffe0;
    box-shadow: 0px 0px 10px #00000029;
    border-radius: 2px;
    height: fit-content;
    height: -moz-fit-content;
    left: 0;
    max-height: unset;
}

.pagebloc-info-div2-titles {
    margin-top: -20px;
}

.pagebloc-info-div1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pagebloc-info-div2 {
    z-index: 2;
    position: relative;
    width: 60%;
    min-width: 500px;
    background-color: #ffffffe0;
    box-shadow: 0px 0px 10px #00000029;
    border-radius: 2px;
}

.pagebloc-info-div2-title {
    text-align: center;
    font: normal normal 800 54px/72px Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    background-color: #930424;
    width: fit-content;
    width: -moz-fit-content;
    padding: 0 16px;
    position: relative;
    z-index: 0;
}

.pagebloc-info-div2-subtitle {
    text-align: left;
    font: normal normal 300 28px/46px Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    background-color: black;
    width: fit-content;
    width: -moz-fit-content;
    padding: 0 14px;
    position: relative;
    z-index: 1;
    margin: -6px 0 0 47px;
}

.pagebloc-info-div2-main-bloc {
    position: relative;
    padding: 0 3% 2vw 3%;
}

.pagebloc-info-div2-main-bloc-title {
    text-align: left;
    font: normal normal 700 20px/27px Montserrat;
    max-width: 1000px;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.pagebloc-info-div2-main-bloc-hr {
    height: 1px;
    background: gray;
    margin: 10px 0 24px 0;
}

.pagebloc-info-div2-main-bloc-infobloc1 {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    width: 48%;
    margin: 0 2% 0 0;
}

.pagebloc-info-div2-main-bloc-infobloc1 p {
    text-align: left;
    width: 100%;
    font: normal normal 600 14px/20px Montserrat;
    margin: 0 0 0 12px;
    max-width: 1000px;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.pagebloc-info-div2-main-bloc-infobloc1 img {
    width: 68px;
    height: 68px;
}

.pagebloc-info-div2-main-bloc-infobloc1 {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    width: 48%;
    margin: 0 2% 0 0;
}

.pagebloc-info-div2-main-bloc-infobloc-container1 {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.pagebloc-info-div2-main {
    position: relative;
    padding: 40px 4% 0 4%;
}

.pagebloc-info-div2-main-bloc-infobloc2 {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}

.pagebloc-info-div2-main-bloc-infobloc2-p1 {
    text-align: left;
    width: 100%;
    font: normal normal 800 14px/20px Montserrat;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.pagebloc-info-div2-main-bloc-infobloc2-p2 {
    width: 100%;
}

.pagebloc-info-div2-main-bloc-infobloc2-p2 p {
    text-align: left;
    width: 100%;
    font: normal normal 600 14px/20px Montserrat;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.pagebloc-main-pagebloc_gform {
    position: relative;
    width: 100%;
    z-index: 2;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.pagebloc-gform-div {
    background-color: white;
    margin: 3vw 4% 0 4%;
    max-width: 1000px;
    width: 100%;
    padding: calc(3% + 15px);
}

.pagebloc-gform-title {
    text-align: center;
    font: normal normal 400 44px/50px Montserrat;
    letter-spacing: 0px;
    color: black;
    opacity: 1;
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 16px 0;
}

.pagebloc-lonetitle-div {
    position: relative;
    width: fit-content;
    width: -moz-fit-content;
    height: fit-content;
    height: -moz-fit-content;
    margin: 48px auto 10px auto;
}

.pagebloc-lonetitle-title {
    text-align: center;
    margin: 0 auto;
    font: normal normal 800 56px/68px Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    background-color: #930424;
    width: fit-content;
    width: -moz-fit-content;
    padding: 4px 20px;
}

.pagebloc-main-pagebloc_lonetitle {
    z-index: 2;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 50px 0 0 0;
}

#policy, .page-id-254 #single {
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem;
}
#policy ul{
    margin-bottom: 2rem;
}
.ita {
    font-style: italic;
}
#policy{
    margin-top: 5rem;
}
#policy h2,#policy h3,#policy h4{
    text-transform: uppercase;
}
#policy h2 {
    font-size: 24px;
    font-weight: 700;
    margin-top: 2rem;
}
#policy h3{
    font-size: 18px;
    font-weight: 400;
    color:#EE7003;
}
#policy h4{
    font-size: 16px;
    font-weight: 300;
}
#policy p {
    margin: 1rem 0;
}
#policy a{
    color: #EE7003;
}
.battle div {
    font-size: 16px
}

.thead,
.tbody {
    display: flex;
}
#p404{
    position: relative;
}
#p404 .bloc-404{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #fff;
    width: inherit;
    letter-spacing: 3.2px;
    align-items: center;
    min-width: 300px;
}
.bloc-404 .bloc-2{
    padding: 3%;
}
.img404 img{
    width: initial;
    margin: auto;
}
.bloc-404 h1{
    border-bottom: 1px solid orange;
    padding-bottom: 1rem;
    font-weight: 300;
    font-size: 55px;
}
#p404 .bloc-404 p{
    font-size: 16px;
}
#p404 .bann404 img{
    height: 100vh;
    object-fit: cover;
}
#p404 h1,
#p404 strong{
    color: #EE7003;
}
.error404 footer.container{
    margin-top: 0;
}

#gform_wrapper_1 {
    position: relative;
    margin-top: 5%;
}

#gform_wrapper_1.gform_wrapper .gfield_required {
    display: none !important;
}

#gform_wrapper_1 .gfield_label {
    font: normal normal 500 17px/17px Montserrat;
    color: black;
    width: 22%;
    height: fit-content;
    height: -moz-fit-content;
    margin: auto 0;
}

#gform_wrapper_1 #field_1_10 label {
    margin: 0 0 auto 0;
}

#gform_wrapper_1 .ginput_container {
    width: 78%;
}

#gform_wrapper_1 .gfield_select,
#gform_wrapper_1 .ginput_container input,
#gform_wrapper_1 .ginput_container textarea {
    background-color: #F2F2F2;
    border: unset;
    font: normal normal 500 16px/16px Montserrat;
}

#gform_wrapper_1 .rgpd_consentbox legend {
    display: none;
}

#gform_wrapper_1 .rgpd_consentbox .ginput_container {
    width: 100%;
}

#gform_wrapper_1 .rgpd_consentbox .ginput_container .gchoice {
    margin: 0 0 0 22.5%;
}

#gform_wrapper_1 .rgpd_consentbox .ginput_container .gchoice label {
    font: normal normal 500 15px/18px Montserrat;
    color: black;
    height: fit-content;
    height: -moz-fit-content;
    margin: 0 0 0 9px;
}

#gform_wrapper_1 .gfield_html {
    margin-left: 22.5%;
    font: normal normal 400 14px/17px Montserrat;
    color: black;
    height: fit-content;
    height: -moz-fit-content;
}

#gform_wrapper_1 .rgpd_info_a1, #gform_wrapper_1 .rgpd_info_a2 {
    font: normal normal 600 14px/17px Montserrat;
}

#gform_wrapper_1.gform_wrapper.gravity-theme .gform_footer.left_label {
    padding: 16px 0 10px 22.5%;
}

#gform_wrapper_1.gform_wrapper.gravity-theme .gform_footer input {
    cursor: pointer;
    padding: 15px 30px;
    background-color: #930424;
    color: white;
    text-align: center;
    font: normal normal 700 12px/12px Montserrat;
    opacity: 1;
    letter-spacing: 0.3px;
    border: 1px solid #930424;
    transition: 0.2s;
    margin: 0;
    text-transform: uppercase;
    width: fit-content;
    width: -moz-fit-content;
}

#gform_wrapper_1.gform_wrapper.gravity-theme .gform_footer input:hover {
    background-color: white;
    color: #930424;
    transition: 0.2s;
}

#gform_wrapper_1 .ginput_container input.gfield-choice-input {
    height: 18px;
    width: 18px;
}

/* video popup */
.cd-popup {
    position: fixed;
    left: unset;
    top: 0;
    padding-right: 16px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    height: 100%;
    width: 100vw;
    background-color: #930424bf;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 10000;
}
.contact-form {
    background: transparent !important;
    box-shadow: unset !important;
    position: relative;
    position: relative;
    max-width: 900px;
    height: 32vw;
    max-height: 506px;
    min-height: 212px;
    min-width: 374px;
    margin: auto;
    width: 58%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: rgba(26, 26, 26, 0.1) 0 1px 3px 0;
    -webkit-box-shadow: rgba(26, 26, 26, 0.1) 0 1px 3px 0;
    box-shadow: rgba(26, 26, 26, 0.1) 0 1px 3px 0;
}
.form-inside {
    height: 100%;
    width: 100%;
}
.form-inside i {
    font: normal normal 700 35px/35px Montserrat;
}
.form-inside iframe {
    width: 100%;
    height: 100%;
}
.cd-popup1-close .cd-popup2-close {
    color: white;
    position: absolute;
    top: -20px;
    right: -24px;
    width: 16px;
    height: 19px;
    font-weight: 700;
    border-radius: 54px;
}
.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup1-close .cd-popup2-close i {
    pointer-events: none;
    color: white;
    font-size: 25px;
    font-family: 'Open Sans';
    line-height: 19px;
}
.fa-times:before {
    font-size: 18px;
}
.cd-close1-button, .cd-close2-button {
    color: white;
    top: -36px;
    right: -36px;
    position: absolute;
    font-size: 30px;
    border-bottom: none;
    z-index: 5;
    pointer-events: none;
}
.cd-popup1-close .cd-popup2-close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 8px;
}
.cd-popup1-close .cd-popup2-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 8px;
}

/* pagebloc - END */

/* 404 and Search - BEGIN */

#p404, #search {
    position: relative;
    width: fit-content;
    width: -moz-fit-content;
    margin: calc(2vw + 30px) auto;
}

#search h2 {
    text-align: left;
    font: normal normal 600 22px/28px Montserrat;
    letter-spacing: 0px;
    color: #930424 !important;
    opacity: 1;
    margin-bottom: 18px;
}

#search li {
    list-style: none;
    margin: 2px 0;
}

#search li a {
    font: normal normal 600 16px/16px Montserrat;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    position: relative;
}

#search .alert-info p {
    text-align: left;
    font: normal normal 500 16px/22px Montserrat;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    padding: 0;
}

#p404 p {
    text-align: left;
    font: normal normal 500 16px/22px Montserrat;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    padding: 0;
}

#p404 p strong {
    text-align: left;
    font: normal normal 700 16px/22px Montserrat;
    letter-spacing: 0px;
    color: #930424;
    opacity: 1;
}

/* 404 and Search - END */

/* policy & mentions - BEGIN */

table thead th {
    font-size: 16px !important;
    line-height: 16px !important;
    font-weight: 700 !important;
}

table tbody th, table tbody td {
    font-size: 15px !important;
    line-height: 15px !important;
    font-weight: 500 !important;
}

/* policy & mentions - END */

#gform_submit_button_4, #gform_submit_button_3, #gform_submit_button_2, #gform_submit_button_5 {
    background-color: #930424;
    font: normal normal 800 14px/18px Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    text-align: center;
    padding: 15px 26px;
    position: relative;
    transition: 0.22s;
    border: 1px solid #930424;
    cursor: pointer;
}
#gform_submit_button_4:hover, #gform_submit_button_3:hover, #gform_submit_button_2:hover, #gform_submit_button_5:hover {
    background-color: white;
    color: #930424;
    transition: 0.22s;
}
.ginput_container_consent {
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    position: relative;
}
.ginput_container_consent input {
    margin: 0 5px 0 0;
}

.pagebloc-info-div2-main-bloc.pageblocseemoretext {
    max-height: 530px;
    overflow: hidden;
    margin-bottom: 38px;
}
.pagebloc-info-div2-main-bloc.pageblocseemoretext::after {
    position: absolute;
    bottom: 0;  
    height: 100%;
    width: 100%;
    content: "";
    background: linear-gradient(to top,rgba(255,255,255, 1) 5%,rgba(255,255,255, 0) 50%);
    pointer-events: none;
}
.bloc-seemoretext {
    position: absolute;
    bottom: 0;
    z-index: 1;
    left: 3%;
}
.bloc-seemoretext p {
    text-align: left;
    width: fit-content;
    width: -moz-fit-content;
    font: normal normal 800 14px/20px Montserrat;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    cursor: pointer;
}

.page-id-613 .pagebloc-main-pagebloc_fullwidth {
    padding: 0;
}

/* news */
#news {
    position: relative;
    margin-top: calc(2vw + 70px);
}
#news .news-div {
    position: relative;
    padding: 0 8% 4vw 8%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap;
}
#news .news-container {
    position: relative;
    width: 100%;
    max-width: 470px;
    min-width: 290px;
    /* min-width: 390px; */
    margin: calc(1% + 12px) calc(1% + 4px);
}
#news .news-container-img {
    width: 90%;
    height: 270px;
    position: relative;
    z-index: 2;
    display: block;
}
#news .news-container-img img {
    height: 100%;
    object-fit: cover;
}
#news .news-container-date {
    position: absolute;
    background: black;
    left: 0;
    top: 240px;
    z-index: 3;
    box-shadow: 0px 0px 10px #00000066;
    padding: 12px 17px;
}
.single-post .news-container-date {
    position: relative;
    width: fit-content;
    width: -moz-fit-content;
    background: black;
    z-index: 3;
    box-shadow: 0px 0px 10px #00000066;
    padding: 12px 17px;
}
.news-container-date-p1 {
    text-align: left;
    font: normal normal 300 18px/22px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}
.news-container-date-p2 {
    text-align: left;
    font: normal normal 300 26px/32px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}
#news .news-container-readmore {
    background-color: #930424;
    color: #FFFFFF;
    font: normal normal 600 14px/14px Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    text-align: center;
    padding: 14px 20px;
    position: relative;
    transition: 0.22s;
    margin-top: 10px;
    display: block;
    width: fit-content;
    width: -moz-fit-content;
}
#news .news-container-readmore:hover {
    transition: 0.22s;
    color: #930424;
    background-color: #FFFFFF;
}
#news .news-container-content {
    position: relative;
    background-color: white;
    box-shadow: 0px 0px 20px #00000091;
    padding: 60px 30px 30px 30px;
    left: 9%;
    width: 91%;
    z-index: 1;
}
#news .news-container-content-p1 {
    text-align: left;
    font: normal normal 700 22px/28px Inter;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-bottom: 6px;
}
#news .news-container-content-p2 {
    text-align: left;
    font: normal normal 800 14px/17px Inter;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 6px;
}
#news .news-container-content-p3 {
    text-align: left;
    font: normal normal 300 16px/21px Inter;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

/* single-news */
.single-post-body {
    position: relative;
    padding: calc(2vw + 98px) 8% 4vw 8%;
}
.single-post-text {
    position: relative;
    margin-top: calc(1% + 20px);
    text-align: left;
    font: normal normal 300 18px/22px Inter;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}
.single-post-text p em {
    font-style: italic;
}
.single-post-text p strong {
    font-style: weight;
}
.introbanner-div-text-subtitle p {
    text-align: left;
    font: normal normal 700 18px/20px Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    margin-top: 0;
}
.separatornews {
    position: relative;
    margin: 0 6px;
}
.separatornews:last-of-type {
    display: none;
}

.ff-stream-wrapper {
    margin: 40px 8% 0 8% !important;
}

.single-post-text img {
    width: auto;
    margin: 0 auto;
}

/************************************
**** PROJECT GENERAL STYLE | END ****
************************************/

/******************************
**** MEDIA QUERIES | BEGIN ****
******************************/

@media screen and (max-width: 1700px) {
  .actus-title1, .conservatoire-title1, .followus-title1 {
    font: normal normal 800 65px/88px Montserrat;
    padding: 0 15px;
  }
  .conservatoire-main {
    width: 58%;
    margin: 0 0 0 -8%;
  }
  .news-slide-content .p3 {
    font: normal normal 300 17px/20px Inter;
  }
  .news-slide-content .p2 {
    font: normal normal 800 14px/15px Inter;
    margin-bottom: 5px;
  }
  .news-slide-content .p1 {
    font: normal normal 800 22px/25px Inter;
    margin-bottom: 4px;
  }
  .news-slide-content {
    padding: 50px 20px 25px 20px;
    left: 28px;
  }
  .news-slide-date .p2 {
    font: normal normal 300 24px/25px Inter;
  }
  .news-slide-date .p1 {
    font: normal normal 300 16px/20px Inter;
  }
  .news-slide-date {
    top: 222px;
    padding: 10px 12px;
  }
  .news-slide-img {
    width: 400px;
    height: 254px;
  }
  .news-content-slide {
    width: 400px;
  }
  .slider-accueil-body-2-text {
    font: normal normal 300 17px/21px Montserrat;
    margin: 22px 0 0 0;
  }
  .slider-accueil-body-2-title {
    font: normal normal 800 53px/53px Montserrat;
  }
  .slider-accueil-body-1-2 {
    padding: 38px 24px 24px 24px;
    max-width: 750px;
  }
  .slider-accueil-body-1-1-p2 {
    font: normal normal 300 27px/33px Montserrat;
  }
  .slider-accueil-body-1-1-p1 {
    font: normal normal 300 17px/21px Montserrat;
  }
  .slider-accueil-body-1-1 {
    padding: 15px 20px 12px 20px;
  }
  .slider-accueil-body-2 {
    height: 632px;
    width: 1200px;
  }
  .slider-accueil {
    height: 650px;
  }
  .slick-prev-cust, .slick-next-cust {
    top: 450px;
  }
  .slick-next-cust {
    left: 14%;
  }
}

@media screen and (max-width: 1450px) {
    .introbanner-div-text-title {
        font: normal normal 800 44px/49px Montserrat;
    }
    #news .news-container-content-p3 {
        font: normal normal 300 15px/19px Inter;
    }
    #news .news-container-content-p1 {
        font: normal normal 700 20px/23px Inter;
    }
    .pagebloc-main-pagebloc_fullwidth .pagebloc-fullwidth-title2 {
        padding: 3px 10px;
        top: 52px;
        left: 39%;
    }
    .faq-blocdiv {
        width: 42%;
    }
    .pagebloc-fullwidth-title2 {
        font: normal normal 300 22px/28px Montserrat;
        padding: 3px 12px;
        top: 44px;
        left: 36px;
    }
    .pagebloc-fullwidth-title1 {
        font: normal normal 800 40px/50px Montserrat;
        padding: 3px 18px;
    }
    .pagebloc-map-titles {
        top: 125px;
    }
    .pagebloc-main-content-button-red,
    .pagebloc-main-content-button-white,
    .pagebloc-main-content-button-black {
        padding: 14px 16px;
        font: normal normal 700 11px/11px Montserrat;
        letter-spacing: 0px;
        margin: 5px 20px 5px 0;
        height: fit-content;
        height: -moz-fit-content;
    }
    .pagebloc-main-content-paragraph-content p {
        font: normal normal 500 15px/19px Montserrat;
        padding: 6px 12px 10px 30px;
    }
    .pagebloc-main-content-paragraph-content p strong {
        font: normal normal 800 15px/19px Montserrat;
    }
    .pagebloc-main-content-paragraph-content p em {
        font: normal italic 500 15px/19px Montserrat;
    }
    .pagebloc-main-content-paragraph-title p {
        font: normal normal 600 19px/24px Montserrat;
    }
    .pagebloc-main-titles {
        margin-bottom: 45px;
    }
    .pagebloc-main-title2 {
        font: normal normal 300 25px/29px Montserrat;
        padding: 3px 12px;
        bottom: -20px;
    }
    .pagebloc-main-pagebloc_imgright .pagebloc-main-title2 {
        bottom: -20px;
        font: normal normal 300 25px/29px Montserrat;
        padding: 3px 12px;
    }
    .pagebloc-map-title2 {
        font: normal normal 300 25px/29px Montserrat;
        padding: 3px 12px;
        bottom: -5px;
        left: -22px;
    }
    .pagebloc-main-title1, .pagebloc-map-title1, .pagebloc-main-pagebloc_imgright .pagebloc-main-title1{
        font: normal normal 800 44px/60px Montserrat;
        padding: 2px 21px;
    }
  .conservatoire-main-list {
    max-height: 98px;
    max-width: 570px;
    margin-bottom: 40px;
  }
  .conservatoire-main-list-p span {
    font: normal normal 600 13px/15px montserrat;
    padding: 0 4px 0px 4px;
    border-radius: 12px;
    margin: 0 5px 0 0;
  }
  .conservatoire-main-list-p p {
    font: normal normal 600 17px/17px Montserrat;
    margin: 4px 3% 4px 0;
  }
  .conservatoire-main-paragraphcontent p {
    font: normal normal 400 16px/21px Montserrat;
  }
  .conservatoire-main-paragraphtitle {
    font: normal normal 500 20px/26px Montserrat;
  }
  .conservatoire-main-content {
    padding: 4% 12% 4% 4%;
    margin-top: 2vw;
  }
}

@media screen and (max-width: 1400px) {
    .pagebloc-info-div1.pagbloc-reverse {
        width: 100%;
    }
    .pagebloc-info-div2 {
        width: 100%;
    }
    .pagebloc-info-div {
        flex-direction: column;
        padding: 34px 4%;
    }
    .pagebloc-info-div1 {
        width: 100%;
        position: relative;
        top: unset;
        left: unset;
        max-width: unset;
    }
  .news-slide-date {
    box-shadow: unset;
  }
  .news-slide-content .p1 {
    font: normal normal 800 21px/23px Inter;
    margin-bottom: 3px;
  }
  .news-content-slide {
    padding: 20px 5px;
  }
  .news-slide-content .p3 {
    font: normal normal 300 15px/17px Inter;
  }
  .news-slide-date .p2 {
    font: normal normal 300 22px/23px Inter;
  }
  .news-slide-date .p1 {
    font: normal normal 300 15px/16px Inter;
  }
  .news-slide-content {
    width: 92%;
    padding: 22px 16px 18px 16px;
    left: 20px;
    box-shadow: 0px 0px 10px #0000006b;
  }
}

@media screen and (max-width: 1239px) {
    .slider-accueil-body-2-button {
        bottom: -24px;
    }
  .slider-accueil-body-1 {
    left: 6%;
  }
  .slider-accueil-body-2-text {
    font: normal normal 300 16px/18px Montserrat;
    margin: 16px 0 0 0;
  }
  .slider-accueil-body-2-subtitle {
    font: normal normal 800 13px/15px Montserrat;
  }
  .slider-accueil-body-2-title {
    font: normal normal 800 47px/47px Montserrat;
  }
  .slider-accueil-body-1-2 {
    padding: 38px 22px 22px 22px;
    max-width: 85vw;
  }
  .slider-accueil-body-1-1-p2 {
    font: normal normal 300 24px/27px Montserrat;
  }
  .slider-accueil-body-1-1-p1 {
    font: normal normal 300 16px/17px Montserrat;
  }
  .slider-accueil-body-1-1 {
    padding: 12px 15px 8px 15px;
  }
  .slider-accueil-body-1 {
    bottom: 150px;
  }
  .slider-accueil-body-2 {
    height: 500px;
    width: 100%;
    max-width: 949px;
  }
  .slider-accueil {
    height: 500px;
  }
  .slick-prev-cust, .slick-next-cust {
    top: 400px;
  }
  .slick-next-cust {
    left: 15%;
  }
}

@media screen and (max-width: 1199px) {
    .introbanner-div-text-title {
        font: normal normal 800 38px/46px Montserrat;
    }
    .introandanchors-anchor {
        width: 45%;
    }
    .pagebloc-lonetitle-title {
        font: normal normal 800 34px/42px Montserrat;
        padding: 4px 14px;
    }
    .pagebloc-info-div1 img {
        padding: 0 4%;
    }
    .pagebloc-info-div1 {
        left: 0;
        width: 100%;
        max-width: unset;
    }
    .pagebloc-microbanner-banner {
        margin-left: 44px;
    }
    .pagebloc-team-div {
        padding: 1vw 3%;
    }
    .faq-hr {
        width: 58%;
        margin: 7px 0;
    }
    .faq-blocdiv-title-2 {
        font: normal normal 600 12px/14px Montserrat;
        letter-spacing: 1px;
        margin: 2px 0 0 0;
    }
    .faq-blocdiv-title-1 {
        font: normal normal 500 18px/22px Montserrat;
    }
    .pagebloc-fullwidth-main {
        padding: 40px 10%;
    }
    .pagebloc-fullwidth-main-p2 {
        font: normal normal 500 15px/20px Montserrat;
    }
    .pagebloc-fullwidth-main-p1 {
        font: normal normal 600 18px/23px Montserrat;
    }
    .pagebloc-main-pagebloc_imgright .pagebloc-main-content {
        margin-left: 0;
    }
    .pagebloc-main-pagebloc_imgright .pagebloc-main-title2 {
        left: 23px;
    }
    .pagebloc-main-pagebloc_imgright .pagebloc-main-title1 {
        margin: unset;
    }
    .pagebloc-main-pagebloc_imgright .pagebloc-main-fullcontent {
        width: 100%;
        margin-left: 0;
    }
    .pagebloc-main-pagebloc_imgright .pagebloc-main-fullimg {
        width: 100%;
        margin-left: 0;
    }
    .pagebloc-main-pagebloc_imgleft, .pagebloc-main-pagebloc_imgright {
        flex-direction: column;
        padding: 10px 0 0 0;
    }
    #introandanchors {
        margin-bottom: 0;
    }
    .pagebloc-main-fullimg, .pagebloc-main-fullcontent {
        width: 100%;
    }
    .pagebloc-div {
        padding: 50px 0 0 0;
    }
    #introbanner {
        height: 280px;
    }
    .introbanner-div-img {
        width: 800px;
        height: 202px;
    }
    .introbanner-div-text-breadcrumbs {
        margin-top: 12px;
    }
    .introbanner-div-text-subtitle {
        font: normal normal 700 14px/16px Montserrat;
    }
    .introbanner-div-text-title {
        font: normal normal 800 42px/46px Montserrat;
    }
    .introbanner-div-text {
        top: 30px;
        height: 250px;
        width: 70%;
        min-width: 450px;
        background-size: cover;
    }
  .actus-title2, .conservatoire-title2, .followus-title2 {
    font: normal normal 300 22px/33px Montserrat;
    padding: 0 7px;
    margin: -15px 0 0 34px;
  }
  .actus-title1, .conservatoire-title1, .followus-title1 {
    font: normal normal 800 50px/66px Montserrat;
    padding: 0 11px;
  }
}

@media screen and (max-width: 991px) {
    .pagebloc-microbanner-bannerdiv {
        margin: 10px 6% 10px 0;
    }
    .pagebloc-microbanner-banner {
        justify-content: flex-start;
    }
    .pagebloc-microbanner-bannerdiv {
        margin: 10px 5px;
    }
    .pagebloc-microbanner-title p {
        font: normal normal 300 22px/40px Montserrat;
        padding: 0 12px;
    }
    .pagebloc-map-content-text {
        font: normal normal 500 16px/20px Montserrat;
        margin-top: 10px;
    }
    .pagebloc-map-content {
        background-color: #ffffff;
        top: -16px;
    }
    .pagebloc-map-bloc iframe {
        height: 100%;
    }
    .pagebloc-map-bloc {
        width: 100%;
        height: 350px;
    }
    .pagebloc-map-blocs {
        flex-direction: column;
        min-height: unset;
        height: 70vw;
        max-height: 690px;
    }
    .pagebloc-map-titles {
        top: 98px;
    }
    .pagebloc-main-pagebloc_map {
        padding: 162px 0 0 0;
    }
  #conservatoire {
    flex-direction: column-reverse;
    padding: 30px 0 30px 0;
  }
  .conservatoire-main {
    width: 100%;
    margin: -70px 0 0 0;
  }
  .conservatoire-main-content {
    padding: 3% 4%;
    margin-top: -1px;
  }
  .conservatoire-image {
    padding: 0;
    width: 100%;
    margin: 0;
    height: 70vw;
    max-height: 500px;
  }
}

@media screen and (max-width: 959px) {
    .single-post-body {
        padding: calc(10vw + 198px) 8% 4vw 8%;
    }
    #news {
        margin-top: calc(4vw + 190px);
    }
    .faq-content-div {
        margin: 50px 1vw 0 1vw;
    }
    .opened {
        max-height: 2900px;
    }
    .faq-blocdiv {
        width: 90%;
    }
    #introbanner {
        height: 452px;
    }
    .introbanner-div-img {
        width: 100%;
    }
    .introbanner-div-text {
        width: 100%;
        min-width: 380px;
        top: 202px;
    }
}

@media screen and (max-width: 767px) {
    .introbanner-div-text-title {
        font: normal normal 800 34px/40px Montserrat;
    }
    .pagebloc-main-pagebloc_fullwidth .pagebloc-fullwidth-title2 {
        padding: 3px 8px;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
    }
    .actus-seemore {
      bottom: 0;
    }

    .archives_but {
      bottom: 10%;
    }

    .pagebloc-fullwidth-title2 {
        font: normal normal 300 18px/21px Montserrat;
        padding: 3px 7px;
        top: 32px;
        left: 30px;
    }
    .pagebloc-fullwidth-title1 {
        font: normal normal 800 30px/36px Montserrat;
        padding: 3px 14px;
    }
    #gform_wrapper_1 .rgpd_consentbox .ginput_container .gchoice label {
        font: normal normal 500 14px/17px Montserrat;
    }
    #gform_wrapper_1.gform_wrapper.gravity-theme .gform_footer.left_label {
        padding: 16px 0 10px 0;
    }
    #gform_wrapper_1 .gfield_html {
        margin-left: 0;
    }
    #gform_wrapper_1 .rgpd_consentbox .ginput_container .gchoice {
        margin: 0;
    }
    #gform_wrapper_1 .gfield_select, #gform_wrapper_1 .ginput_container input, #gform_wrapper_1 .ginput_container textarea {
        font: normal normal 500 14px/14px Montserrat;
        padding: 7px;
    }
    #gform_wrapper_1 .ginput_container {
        width: 100%;
        margin: 0 0 8px 0;
    }
    #gform_wrapper_1 .gfield_label, #gform_wrapper_1 .gfield_label {
        font: normal normal 500 16px/16px Montserrat;
        width: 100%;
        margin: 0 0 8px 0 !important;
    }
    .pagebloc-gform-title {
        font: normal normal 400 30px/36px Montserrat;
        padding: 10px 0 4px 0;
    }
    .pagebloc-info-div2-main-bloc-infobloc1 {
        width: 100%;
        margin: 0 0 12px 0;
    }
    .pagebloc-info-div2-main-bloc-infobloc-container1 {
        flex-direction: column;
    }
    .pagebloc-info-div2-main-bloc-title {
        font: normal normal 700 18px/22px Montserrat;
    }
    .pagebloc-info-div2-main {
        padding: 20px 4% 0 4%;
    }
    .pagebloc-info-div2-subtitle {
        font: normal normal 300 23px/35px Montserrat;
        padding: 0 12px;
        margin: -16px 0 0 26px;
    }
    .pagebloc-info-div2-title {
        font: normal normal 800 30px/54px Montserrat;
        padding: 0 14px;
    }
    .pagebloc-info-div2 {
        width: 100%;
        min-width: unset;
    }
    .pagebloc-fullwidth-buttons {
        flex-direction: column;
    }
    .pagebloc-map-blocs {
        height: 534px;
    }
    .pagebloc-map-bloc {
        height: 268px;
    }
    .introandanchors-anchor {
        width: 100%;
        padding: 15px 20px;
        font: normal italic 700 11px/11px Montserrat;
        margin: 4px 8px;
    }
    .introandanchors-text p {
        font: normal normal 700 17px/22px Montserrat;
    }
  .slick-prev-cust2 {
    right: 32%;
  }
  .slick-next-cust2 {
    right: 20%;
  }
  .frontpage-grandbackground {
    top: -40px;
  }
  .slider-accueil {
    height: 400px;
  }
  .slider-accueil-body-2-text {
    font: normal normal 300 15px/15px Montserrat;
    margin: 7px 0 0 0;
  }
  .slider-accueil-body-2-title {
    font: normal normal 800 38px/38px Montserrat;
  }
  .slider-accueil-body-1-2 {
    padding: 30px 16px 16px 16px;
  }
  .slider-accueil-body-1-1 {
    padding: 8px 8px 5px 8px;
  }
  .slider-accueil-body-1 {
    bottom: unset;
    left: 3%;
    top: 40px;
  }
  .slider-accueil-body-1-1-p1 {
    font: normal normal 300 14px/14px Montserrat;
  }
  .slider-accueil-body-1-1-p2 {
    font: normal normal 300 20px/21px Montserrat;
  }
}

@media screen and (max-width: 600px) {
  .news-slide-img,
  #news .news-container-img {
    width: 100%;
  }

  .news-slide-content,
  #news .news-container-content {
    left: 0;
    width: 100%;
    }
}

@media screen and (max-width: 575px) {

    .archives_but {
      left: 10%;
    }

    .introbanner-div-text-title {
        font: normal normal 800 29px/32px Montserrat;
    }
    .pagebloc-fullwidth-title2 {
        font: normal normal 300 19px/24px Montserrat;
        padding: 3px 6px;
        left: 0;
    }
    .introandanchors-anchor {
        letter-spacing: 0;
        padding: 14px 6px;
    }
    .pagebloc-microbanner-bannerdiv2 p {
        font: normal normal 500 14px/18px Montserrat;
        letter-spacing: 0;
        margin: 6px 0 0 0;
    }
    .pagebloc-microbanner-bannerdiv1 p {
        font: normal normal 700 14px/18px Montserrat;
        letter-spacing: 1px;
    }
    .pagebloc-microbanner-banner {
        margin-left: 0;
        padding: 26px 22px;
    }
    .pagebloc-map-titles {
        width: 80%;
    }
    .pagebloc-map-titles {
        top: 100px;
    }
    .pagebloc-main-pagebloc_map {
        padding: 100px 0 0 0;
    }
    .pagebloc-main-content-button-red, .pagebloc-main-content-button-white, .pagebloc-main-content-button-black {
        margin: 5px 0;
        width: 100%;
    }
    .pagebloc-main-content-buttons {
        flex-direction: column;
    }
    .pagebloc-main-titles {
        margin-bottom: 20px;
    }
    .pagebloc-main-fullcontent {
        margin-top: -69px;
    }
    .pagebloc-main-title2, .pagebloc-main-pagebloc_imgright .pagebloc-main-title2 {
        font: normal normal 300 15px/24px Montserrat;
        padding: 3px 12px;
        bottom: -17px;
    }
    .pagebloc-map-title2 {
        font: normal normal 300 20px/23px Montserrat;
        padding: 3px 12px;
        bottom: -7px;
        left: -24px;
    }
    .pagebloc-main-title1, .pagebloc-map-title1, .pagebloc-main-pagebloc_imgright .pagebloc-main-title1 {
        font: normal normal 800 34px/48px Montserrat;
    }
    .introbanner-div-textinside {
        left: 50%;
    }
  #actus {
    padding: 60px 0 0 0;
  }
  .conservatoire-main-list-p p {
    font: normal normal 600 16px/11px Montserrat;
    margin: 4px 3% 4px 0;
  }
  .slick-prev-cust2 {
    right: 30%;
  }
  .slick-next-cust2 {
    right: 17%;
  }
  .news-slide-content {
    padding: 52px 16px 18px 16px;
  }
  .news-slide-img {
    width: 340px;
    height: 218px;
  }
  .news-content-slide {
    margin: 0;
  }
  .actus-title2, .conservatoire-title2, .followus-title2 {
    font: normal normal 300 19px/28px Montserrat;
    padding: 0 6px;
    margin: -11px 0 0 34px;
  }
  .actus-title1, .conservatoire-title1, .followus-title1 {
    font: normal normal 800 40px/54px Montserrat;
    padding: 0 7px;
  }
  .slider-accueil {
    height: 320px;
  }
  .frontpage-grandbackground {
    top: -100px;
  }
}

@media screen and (max-width: 480px) {
  .leftBlock {
    width: 168px;
  }
  .slider-accueil {
    height: 280px;
  }
  .slider-accueil-body-1-1-p1 {
    font: normal normal 300 13px/13px Montserrat;
  }
  .slider-accueil-body-1-1-p2 {
    font: normal normal 300 16px/17px Montserrat;
  }
  .slider-accueil-body-2-text {
    font: normal normal 300 14px/14px Montserrat;
    margin: 4px 0 0 0;
  }
  .slider-accueil-body-2-title {
    font: normal normal 800 32px/32px Montserrat;
  }
  .slider-accueil-body-1-2 {
    padding: 24px 12px 12px 12px;
  }
  .slider-accueil-body-1-1 {
    padding: 5px 5px 3px 5px;
  }
}

/****************************
**** MEDIA QUERIES | END ****
****************************/