/*
 * Theme Name: Le Studio
 * Description: 
 * Author: Le Studio
 * Version: 0.0.1
 * Tags: 
 */


/* *** TYPOS *** */



@font-face {
  font-family: 'din';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('/wp-content/themes/lestudio/fonts/din-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/lestudio/fonts/din-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/lestudio/fonts/din-regular.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/lestudio/fonts/din-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/lestudio/fonts/din-regular.svg#din') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'din';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url('/wp-content/themes/lestudio/fonts/din-bold.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/lestudio/fonts/din-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/lestudio/fonts/din-bold.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/lestudio/fonts/din-bold.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/lestudio/fonts/din-bold.svg#din') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'din';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url('/wp-content/themes/lestudio/fonts/din-regular-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/lestudio/fonts/din-regular-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/lestudio/fonts/din-regular-italic.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/lestudio/fonts/din-regular-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/lestudio/fonts/din-regular-italic.svg#din') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'din';
  font-style: italic;
  font-display: swap;
  font-weight: 800;
  src: url('/wp-content/themes/lestudio/fonts/din-bold-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/lestudio/fonts/din-bold-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/lestudio/fonts/din-bold-italic.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/lestudio/fonts/din-bold-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/lestudio/fonts/din-bold-italic.svg#din') format('svg'); /* Legacy iOS */
}


@font-face {
  font-family: 'octobre';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('/wp-content/themes/lestudio/fonts/octobre-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/lestudio/fonts/octobre-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/lestudio/fonts/octobre-regular.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/lestudio/fonts/octobre-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/lestudio/fonts/octobre-regular.svg#din') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'octobre';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url('/wp-content/themes/lestudio/fonts/octobre-bold.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/lestudio/fonts/octobre-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/lestudio/fonts/octobre-bold.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/lestudio/fonts/octobre-bold.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/lestudio/fonts/octobre-bold.svg#din') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'octobre';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url('/wp-content/themes/lestudio/fonts/octobre-regular-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/lestudio/fonts/octobre-regular-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/lestudio/fonts/octobre-regular-italic.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/lestudio/fonts/octobre-regular-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/lestudio/fonts/octobre-regular-italic.svg#din') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'octobre';
  font-style: italic;
  font-display: swap;
  font-weight: 800;
  src: url('/wp-content/themes/lestudio/fonts/octobre-bold-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/lestudio/fonts/octobre-bold-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/lestudio/fonts/octobre-bold-italic.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/lestudio/fonts/octobre-bold-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/lestudio/fonts/octobre-bold-italic.svg#din') format('svg'); /* Legacy iOS */
}

body {
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1em;
    font-family: 'din';
    color: black;
    position: relative;
    overflow-x: hidden;
    margin: 0;
}

body, section, article, div, ul, li, p, img, textarea, input {
    box-sizing: border-box;
}

h1 { 
    font-family: 'din';
    font-weight: 800;
    font-size: 2em; 
    margin: 0;
    text-transform: uppercase;
}

h2 { 
    font-family: 'octobre';
    font-size: 1.8em;
    margin: 0;
}

h3 { 
    font-size: 1.17em;
    margin: 0;
}

h4 {
    font-size: 1.12em;
    margin: 0;
}

h5 { 
    font-size: .83em; 
    margin: 0;
}

h6 { 
    font-size: .75em; 
    margin: 0;
}

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

ul {
    padding: 0;
    margin: 0;
}

p {
    margin: 0;
    margin-bottom: 15px;
    line-height: 140%;
}






/* *** PHOTOS BACKGROUND *** */

[background-photo] {
  position: absolute;
  z-index: -1;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 100%;
  height: 100%;
}
[background-photo] img {
  display: none;
}



/* *** CLASS FLEX *** */

.flex {
    display: flex;
}
.flex-column {
    display: flex;
    flex-direction: column;
}
.flex-wrap {
    flex-wrap: wrap;
}
.ai-center {
    align-items: center;
}
.ai-flex-start {
    align-items: flex-start;
}
.ai-flex-end {
    align-items: flex-end;
}
.jc-space-around {
    justify-content: space-around; 
}
.jc-space-between {
    justify-content: space-between; 
}
.jc-flex-end {
    justify-content: flex-end;
}
.jc-flex-start {
    justify-content: flex-start;
}
.jc-center {
    justify-content: center;
}




/* *** COULEURS *** */

:root {
  --couleur_principale: #b4b39c;
  --couleur_secondaire: #000000;
}



#preloader{
    position: fixed;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 9999;
    display: flex;
    align-items: center ;
    justify-content: center ;
}
#loading{
    width: 180px;
    height: 180px;
    position: relative;
    -webkit-animation: mymove 1.5s infinite; /* Safari 4.0 - 8.0 */
    animation: mymove 1.5s infinite;
}

@keyframes mymove {
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(1.2);
    }
}

/* ************************ GLOBALE ************************ */

.filtre-blanc{
    position: absolute;
    z-index:  1;
    width:  100%;
    height:  100%;
    background:  rgba(255, 255, 255, 0.75);
}

.flexslider img{
    object-fit: cover !important;
    object-position: center !important;
    width:  100% !important;
    max-height:  720px !important;
}



/* ************************ HEADER ************************ */

/* *** HEADER ACCUEIL *** */

#header_accueil{
    position: relative;
    width:  100%;
    min-height:  100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;

}

#bandeau-titre-header{
    position: relative;
    z-index:  2;
    display: block;
    width: 100%;
    text-align: center;
    overflow: hidden;
}

#bandeau-titre-header h1{
    margin-top:  30px;
}

#bandeau-news{
    position: relative;
    z-index:  2;
    width:  100%;
    max-width:  1200px;
    padding:  15px;
    background-color:  black;
    margin-top:  30px;
    margin-bottom: 30px;
    color:  white;
    margin-left: auto;
    margin-right: auto;
}

.carousel{
    position: relative;
    width:  calc(100% - 200px);
    max-width:  768px;
    font-weight:  bold;
    text-transform: uppercase;
}

#bandeau-news a{
    color:  white;
    text-decoration: none;
}
#bandeau-news a:hover{
    text-decoration: underline;
}

.titre-actus-carousel{
    color:  var(--couleur_principale);
}

.date-actus-carousel{
    color:  white;
    margin-left:  15px;
    padding-left:  15px;
    border-left:  1px solid white;
}

#lien-toutes-actus{
    width:  200px;
    text-align:  right;
}

#lien-toutes-actus a{
    color:  var(--couleur_principale);
    font-weight:  bold;
}

.sous-titre{
    position: relative;
    text-transform: uppercase;
    margin-bottom:  0px;
    font-weight:  bold;
    margin-top:  15px;
    font-size:  1.2em;
    width: auto;
    display: inline-block;
}

.sous-titre:before{
    position: absolute;
    content: "";
    width:  80px;
    height:  2px;
    background:  black;
    top:  50%;
    transform:  translateY(-50%);
    left:  -100px;
}

.sous-titre:after{
    position: absolute;
    content: "";
    width:  80px;
    height:  2px;
    background:  black;
    top:  50%;
    transform:  translateY(-50%);
    right:  -100px;
}

#bandeau-navigation{
    position: relative;
    z-index:  2;
    width:  100%;
    background:  white;
}
#bandeau-navigation.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.4);
}

/*** MENU ***/
#mega-menu-wrap-Top{
    max-width:  1200px;
    margin-left:  auto;
    margin-right:  auto;
}

#mega-menu-wrap-Top  .mega-menu-item > .mega-menu-link{
    font-weight:  bold !important;
    text-transform: uppercase !important;
    font-size:  1.1em !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

}

#mega-menu-Top{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#mega-menu-wrap-Top .mega-menu-item{
    width:  calc( (100% - 100px) / 4 ) !important;
    text-align: center !important;


}

#mega-menu-wrap-Top .mega-sub-menu .mega-menu-item{
    width:  100% !important;
    text-align: center !important;
}

#mega-menu-item-home{
    width:  100px;
    text-align: center;
}

#mega-menu-wrap-Top #mega-menu-Top .mega-sub-menu li.mega-menu-item{
    border-top: 1px solid #b4b39c;
}

#mega-menu-wrap-Top #mega-menu-Top .mega-sub-menu li.mega-menu-item:first-child{
    border-top: 0px solid #b4b39c;
}

#mega-menu-wrap-Top #mega-menu-Top .mega-sub-menu li.mega-menu-item .mega-menu-link{
    transition: all 0.2s ease-in-out;
}
#mega-menu-wrap-Top #mega-menu-Top .mega-sub-menu li.mega-menu-item .mega-menu-link:hover{
    background: var(--couleur_principale) !important;
}

#mega-menu-wrap-Top #mega-menu-Top > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
    line-height: 100% !important;
    padding: 10px 5px !important;
    text-align: center !important;
}

.mega-sub-menu{
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2) !important;
}

.wp-block-button__link{
    transition:  all 0.2s ease-in-out;
}

.wp-block-button__link:hover{
    opacity: 0.8 ;
}

#header-mobile{
    padding:  10px;
    display: none;
    position: relative;
    z-index: 99;
    width: 100%;
}

#btn-reservation{
    position: fixed;
    top:  10px;
    right:  10px;
    z-index:  99;
}

#btn-reservation-ecran{
    position: absolute;
    right: 8vw;
    top: 25px;
}

#btn-reservation a,
#btn-reservation-ecran a{
    color:  var(--couleur_principale);
    text-decoration: none;
}
#btn-reservation .inner-btn-reservation,
#btn-reservation-ecran .inner-btn-reservation{
    border:  2px solid var(--couleur_principale);
    background:  white;
    padding:  10px;
    text-transform: uppercase;
    font-weight:  bold;
    
}



#logo-header-mobile{
    width: 60vw;
    max-width: 234px;
    display:  inline-block;
    margin-left: auto;
    margin-right: auto;
}

.page-content{
    position: relative;
    z-index:  1;
    overflow:  hidden;
}

/* ************************ PAGE ACCUEIL ************************ */


/*** SLIDER ***/


.diapo-ecran{
    display: block;
}


.section-contenu{
    position: relative;
    z-index:  1;
    padding:  50px 15px;
    overflow: hidden;
}

.titre-mea{
    text-align: center;
    position: relative;
    padding-bottom:  30px;
    margin-bottom: 30px;
}
.titre-mea h2{
    position: relative;
    display: inline-block;
    width: auto;
    margin-left:  auto;
    margin-right:  auto;
    font-size:  2em;
    line-height:  150%;
    text-align: center;
}

.sous-titre-section{
    position: relative;
    color:  var(--couleur_principale);
    font-size:  1.2em;
    text-align: center;
    font-size:  16px;
    font-weight:  bold;
}

.sous-titre-section p{
    margin-bottom:  0;
}


.titre-mea:after{
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background: black;
    bottom: 0;
    transform: translateX(-50%);
    left: 50%;
}

.extrait-mea{
    text-align: center;
    max-width:  720px;
    margin-left:  auto;
    margin-right:  auto;
}

#un-lieu-unique h2:before{
    content: "";
    z-index:  -1;
    position: absolute;
    width:  110px;
    height:  20px;
    top:  20px;
    right:  -5px;
    background: var(--couleur_principale);
}

#un-lieu-unique h2:after{
    content: "";
    z-index:  -1;
    position: absolute;
    width: 20px;
    height: 30px;
    top: -20px;
    right: -20px;
    background: url(/wp-content/uploads/2023/08/feuille.svg);
    background-repeat: no-repeat;
    background-position: center;
}


.sous-page a{
    color:  white;
    text-decoration: none;
}
.titre-sous-page{
    position: relative;
    z-index:  2;
    text-align: center;
    text-shadow: 1px 1px 20px rgba(0, 0, 0, 0.7);
}

.titre-sous-page h3{
    text-transform: uppercase;
    font-size:  1.6em;
    margin-bottom:  15px;
}

.sous-pages-mea .liste-sous-pages{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap:  15px;
    max-width: 1023px;
    margin-left: auto;
    margin-right: auto;
}

.sous-pages-mea .liste-sous-pages .sous-page .inner-sous-page{
    position: relative;
    width:  280px;
    max-width:  100%;
    height:  280px;
    padding:  15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sous-titre-mea{
    font-size:  1.2em;
    font-weight: bold;
    margin:  0;
}

.filtre-bouton-mea{
    position: absolute;
    width:  100%;
    height:  100%;
    top:  0;
    left:  0;
    background: var(--couleur_principale);
    opacity:  0;
    transition: all 0.2s ease-in-out;
    z-index:  1;
}

.sous-pages-mea a:hover .filtre-bouton-mea{
    opacity:  0.7;
}

.lien-mea{
    text-align:  center;
    margin-top:  45px;
}

.lien-mea a{
    color:  white;
    background:  var(--couleur_principale);
    border-radius: 15px;
    font-size:  1.1em;
    font-weight:  bold;
    padding:  5px 15px;
    text-decoration: none;
    opacity: 1;
    transition: all 0.2s ease-in-out;
    line-height:  150%;
    display: inline-block;

}

.lien-mea a p{
    margin-bottom:  0;
}

.lien-mea a:hover{
    opacity: 0.8;
}


section#des-espaces-locatifs{
    color:  white;
    background:  black;
}


#mea-espaces-locatifs{
    position: relative;
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
    margin-bottom: 80px;

}

.mea-espace-locatif{
    position: relative;
    z-index:  2;
    width: 100%;
    max-width:  300px;
    text-align: center;

}

.mea-espace-locatif h3{
    color:  var(--couleur_principale);
    font-size:  2.5em;
    margin-bottom:  15px;
    text-transform: uppercase;
    font-family: 'octobre';
}

.mea-espace-locatif h3 span{
    font-size:  0.5em;
}

#mea-espaces-locatifs:before{
    position: absolute;
    content: "";
    background:  url(/wp-content/uploads/2023/09/sigle_et.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 60px;
    height: 60px;
    z-index:  1;
    top:  15px;
    left:  50%;
    transform: translateX(-50%);


}

.sous-pages-mea .liste-sous-pages{
    margin-top:  30px;
}

#des-espaces-de-rencontres [background-photo], #des-espaces-de-rencontres .filtre-blanc{
    top:  0;
    left:  0;
}
#des-espaces-de-rencontres .filtre-blanc {
    background: rgba(255, 255, 255, 0.9);
}

#des-espaces-de-rencontres .inner-section-contenu{
    position: relative;
    z-index: 2;
}


#des-espaces-de-rencontres .sous-page{
    width:  220px;
}
#des-espaces-de-rencontres .inner-sous-page{
    width:  220px;
    height:  220px;
    background:  var(--couleur_principale);
    transition: all 0.2s ease-in-out;
}

.titre-sous-page-rencontres{
    text-transform: uppercase;
    font-size: 1.1em;
    margin-bottom: 0px;
    text-align: center;
    line-height:  140%;
}
#des-espaces-de-rencontres a{
    color: black;
}
#des-espaces-de-rencontres a:hover .inner-sous-page{
    opacity:  0.8;
}


/*** Rubrique projets ***/
#rubrique-projets .inner-section-contenu{
    position: relative;
    z-index: 2;
}
#rubrique-projets .inner-sous-page {
    position: relative;
    overflow: hidden;
    background: black;
}

#rubrique-projets .inner-sous-page::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--bg-image) center / cover no-repeat;
    filter: grayscale(1);
    z-index: 0;
    opacity: 0.8;
    transition: all 0.2s ease-in-out;
}
#rubrique-projets .sous-page a:hover .inner-sous-page::before {
    filter: grayscale(0);
}
#rubrique-projets .detail-sous-page {
    z-index: 1;
}
#rubrique-projets .filtre-bouton-mea{ display:none; }
#rubrique-projets [background-photo],
#rubrique-projets .filtre-blanc{
    top: 0;
    left: 0;
}

#rubrique-projets .titre-mea:after{ display: none; }

#rubrique-projets .titre-mea{ padding-bottom: 20px; padding-top: 10px; }

#rubrique-projets hr{
    width: 80px;
    height: 2px;
    background: black;
    bottom: 0;
    margin-top: 50px;
    margin-bottom: 50px;
}


/* ************************ PAGE ... ************************ */

.page-content > p.has-text-align-center{
    max-width: 720px;
    margin-left:  auto;
    margin-right:  auto;
}

.wp-block-gallery {
    margin-top:  15px;
    margin-bottom:  15px;
}


.page-content > *{
    max-width:  940px;
    margin-left:  auto;
    margin-right:  auto;
    padding:  15px 20px;
}

.page-content hr{
    border: 0;
    border-bottom: 1px solid black;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0px;
}

.page-content .wp-block-spacer{
    padding:  0px;  
}

.page-content p{
    text-align: justify;
}
.page-content p.has-text-align-center{
    text-align: center;
}
.page-content p.has-text-align-left{
    text-align: left;
}
.page-content p.has-text-align-right{
    text-align: right;
}

.page-content > p ~ p{
   padding-top:  0;
   padding-bottom:  0;
}

.page-content > *:first-child{
    margin-top:  50px;
}
.page-content > *:last-child{
    margin-bottom:  50px;
}

.page-content > .pleine-largeur{
    max-width:  100%;
}

.page-content > .wp-block-media-text{
    margin-top:  30px;
    margin-bottom:  30px;
}

.page-content > .pleine-largeur.wp-block-media-text{
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-content > .pleine-largeur.wp-block-media-text > *,
.page-content > .pleine-largeur.wp-block-columns > *{
    margin:  30px;
    padding:  0;
    width:  50%;
    max-width:  600px;
}

.page-content > .wp-block-columns{
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-content .wp-block-media-text__content,
.page-content .wp-block-column{
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

#bandeau-diapo .metaslider .flexslider{
    margin-bottom:  0px !important;
}

.titre-rubrique{
    padding:  15px 5px;
    background-color: var(--couleur_principale);
    width: 100%;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom:  50px;
    /*box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);*/
}

#bandeau-diapo ~ .bandeau-titre-principal .titre-rubrique{
    margin-top: 0;
    margin-bottom:  0;
}

.wp-block-column .wp-block-gallery.columns-2{
    display:  flex;
    flex-wrap: wrap;
    gap:  50px;
    justify-content: center;

}

.wp-block-column .wp-block-gallery.columns-2 .wp-block-image{
    width:  50%;
    max-width:  220px;
    height:  220px;
}

.titre-rubrique h1{
    font-size:  30px !important;
    line-height:  100% !important;
    margin:  0 auto;
    color:  black;
}

.titre-rubrique .sous-titre-principal{
    color:  white;
    font-size:  1.2em;
    font-weight:  bold;

}
.titre-rubrique .sous-titre-principal p{
    margin-bottom:  0;
}

.titre-principal{
    text-align: center;
    position: relative;
    text-align: center;
}
.titre-principal h1{
    position: relative;
    display: inline-block;
    width: auto;
    margin-left:  auto;
    margin-right:  auto;
    font-size:  2em;
    line-height:  150%;
    text-align: center;
    font-family: 'octobre';
    padding-top: 15px;
}

.page-content h2{
    padding-bottom:  0;
    margin-bottom:  0;
}

.page-content p ~ h2{
    margin-top:  50px;
}

.page-content h2 ~ p.has-medium-font-size{
    position: relative;
    padding-top:  10px;
    padding-bottom:  30px;
    margin-bottom:  30px;
    font-size: 1.2em !important;
    text-transform: uppercase;
}

.page-content h2 ~ p.has-medium-font-size:after{
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background: black;
    bottom: 0;
    left:  0;

}

.page-content h2 ~ p.has-medium-font-size.has-text-align-center:after{
    transform: translateX(-50%);
    left: 50%;
}

.page-content h2 ~ p.has-medium-font-size.has-text-align-right:after{
    right: 0;
    left:  auto;
}

.page-content > .metaslider{
    max-width:  100%;
    padding:  0;
}

.page-content > .colonne-slider{
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    margin-bottom: 0;
}

.page-content .wp-block-group, .page-content .wp-block-columns, .page-content .wp-block-media-text{
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0px;
}

.page-content .wp-block-columns h2, .page-content .wp-block-media-text h2{
    margin-bottom: 30px;
}

.page-content > .wp-block-columns > .wp-block-column h2,
.page-content > .wp-block-columns > .wp-block-column h3,
.page-content > .wp-block-columns > .wp-block-column h4,
.page-content > .wp-block-columns > .wp-block-column p{
    padding-left: 15px;
    padding-right: 15px;
}


.page-content > *:last-child,
.page-content .wp-block-columns p:last-child, .page-content .wp-block-media-text p:last-child,
.page-content .wp-block-columns ul:last-child, .page-content .wp-block-media-text ul:last-child,
.page-content .wp-block-columns ol:last-child, .page-content .wp-block-media-text ol:last-child,
.page-content .wp-block-columns figure:last-child, .page-content .wp-block-media-text figure:last-child{
    margin-bottom: 0;
}

.page-content > *:first-child,
.page-content .wp-block-columns p:first-child, .page-content .wp-block-media-text p:first-child,
.page-content .wp-block-columns ul:first-child, .page-content .wp-block-media-text ul:first-child,
.page-content .wp-block-columns ol:first-child, .page-content .wp-block-media-text ol:first-child{
    margin-top: 0;
}

.page-content .wp-block-columns .wp-block-column.has-background > *:last-child{
    margin-bottom: 15px;
}
.page-content .wp-block-columns .wp-block-column.has-background > *:first-child{
    margin-top: 15px;
}
.page-content .wp-block-columns .wp-block-column.has-background > .wp-block-image:first-child{
    margin-top: 0px;
}

.page-content .wp-block-columns{
    gap: 30px;
}
.page-content .wp-block-media-text >.wp-block-media-text__content{
    padding-left: 30px;
    padding-right: 0;
}
.page-content .wp-block-media-text.has-media-on-the-right >.wp-block-media-text__content{
    padding-left: 0;
    padding-right: 30px;
}

.page-content p.has-background{
    padding: 10px;
}

/* ************************ PAGE LIEU UNIQUE ************************ */

#projet.wp-block-media-text .wp-block-media-text__media{
    padding:  50px;
    box-sizing: border-box;
}


#liste-petits-plus{
    display:  flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap:  wrap;
    max-width: 100%;
    margin-top:  30px;
    margin-bottom:  30px;
}

.petit-plus{
    width:  120px;
    margin:  10px;
    text-align: center;
}

.pictogramme-petits-plus{
    height:  60px;
    width: auto;
    border-bottom:  1px solid black;
}
.titre-petits-plus{
    margin-top:  10px;
    font-weight:  bold;
    text-align: center;
}
.titre-petits-plus p{
    text-align: center;
    line-height:  100%;
    text-transform: uppercase;
}


/* ************************ PAGE LOCATIFS *********************** */

.colonne-evenementielle{
    position: relative;
    z-indx: 2;
}

.colonne-evenementielle:before{
    position: absolute;
    content: "";
    z-index: 1;
    width: 1px;
    height: 60%;
    top: 20%;
    left: 50%;
    background-color: var(--couleur_principale);
}

.colonne-evenementielle .wp-block-column p{
    max-width: 300px;
    margin-left:  auto;
    margin-right:  auto;
}

.colonne-evenementielle h3 {
  color: var(--couleur_principale);
  font-size: 2em;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-family: 'octobre';
}

.capacite-reunion{
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100px;
    height: 100px;

}

.capacite-reunion .wp-block-button__link{
    width: 100px;
    height: 100px;
    border-radius:  50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size:  12px;
    text-transform: uppercase;
    line-height:  150%;
    font-weight:  bold;
}

.capacite-reunion .wp-block-button__link{
    cursor:  text;
}
.capacite-reunion .wp-block-button__link:hover{
    opacity:  1;
}

.capacite-reunion .wp-block-button__link strong{
    font-size:  16px;
}

.capacite-salle{
    width: 100px;
    height: 100px;
    text-align: center;
    margin-left:  auto;
    margin-right:  auto;
    margin-bottom: 50px;

}

.capacite-salle .wp-block-button__link{
    width: 100px;
    height: 100px;
    border-radius:  50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size:  12px;
    text-transform: uppercase;
    line-height:  150%;
    font-weight:  bold;
}

.capacite-salle .wp-block-button__link{
    cursor:  text;
}
.capacite-salle .wp-block-button__link:hover{
    opacity:  1;
}

.capacite-salle .wp-block-button__link strong{
    font-size:  16px;
}

.colonne-evenementielle #liste-petits-plus {
    margin-bottom:  0;
}

.wp-block-buttons ~ .wp-block-buttons {
    padding-top:  0;
}

body.page-template-page_espaces_rencontres .bandeau-titre-principal{
    background: linear-gradient(to top, black, black);
}


/*** PAGE RENCONTRES ***/
#expos-et-animations{
    background:  black;
    color:  white;
    padding-left:  30px;
    padding-right:  30px;
    top: -3px;
}
#expos-et-animations > :first-child {
  margin-top: 0px;
  padding-top:  50px;
  margin-bottom: 20px;

}
#bandeau-actus-expos-animations{
    margin-bottom:  0;
    padding-bottom:  50px;
    max-width:  1200px;
}

.photos-expos-anims img{
    width:  100%;
    height:  250px;
    object-fit: cover;
    object-position: center;
}

.inner-item-expos-anims{
    padding:  10px;
}

.content-expos-anims{
   padding:  10px; 
   padding:  15px;
   background-color: white;
   color:  black;

}

.content-expos-anims h3{
    text-transform: uppercase;
    text-align: center;

}

.content-expos-anims p{
    text-align:  center;
}

.content-expos-anims a{
    color: black;
    text-decoration: none;
}

.content-expos-anims a:hover{
    text-decoration: underline;
}

.date-expos-anims{
    color:  var(--couleur_principale);
    text-align: center;
    margin-bottom:  10px;
    font-weight:  bold;
}

button.slick-prev,
button.slick-next{
    font-size:  0;
    cursor:  pointer;
    background:  transparent;
    border:  0;
}
.slick-prev::before,
.slick-next::before {
    content: '<';
    font-size: 24px;
    color:  white;
    font-weight:  bold;
}
.slick-next::before {
    content: '>';
}

button.slick-prev{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -25px;
}

button.slick-next{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -25px;
}

#jardin-clos{
    position: relative;
    z-index:  1;
}
#bloc-jardin-clos{
    position: absolute;
    background: var(--couleur_principale);
    padding: 30px;
    max-width: 720px;
    padding-bottom:  80px;
    z-index:  2;
}

#services-jardin-clos{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;  
}

#services-jardin-clos .petit-plus{
    background: white;
    border-radius: 50%;
    width:  130px;
    height:  130px;
    padding-top:  10px;
}

#services-jardin-clos .petit-plus img{
    height:  50px;
}

#jardin-clos .metaslider .flexslider{
    margin-bottom:  0px;
}

#projets-collaborations{
    padding:  80px 15px;
    background: black;
    color:  white;
}
.inner-projets-collaborations{
    max-width:  940px;
    margin-left: auto;
    margin-right: auto;
}

.inner-projets-collaborations a{
    color: #fff;
    background-color: #b4b39c;
    border-radius: 9999px;
    box-shadow: none;
    text-decoration: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    font-size: 1.125em;
    display: inline-block;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.inner-projets-collaborations a:hover{
    opacity: 0.8;
}

.inner-projets-collaborations p{
    text-align: center;
}

#bandeau-petits-plus-rencontres{
    padding:  80px 15px;
}

#projets-collaborations h2{
    margin-bottom:  30px;
}


#services-connectes h2{
    position: relative;
    margin-bottom:  15px;
    padding-bottom:  30px;

}

#services-connectes h2::after {
  position: absolute;
  content: "";
  width: 80px;
  height: 2px;
  background: black;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

#bloc-jardin-clos h2{
    position: relative;
    margin-bottom:  30px;
    padding-bottom:  30px;

}
#bloc-jardin-clos  h2::after {
  position: absolute;
  content: "";
  width: 80px;
  height: 2px;
  background: black;
  bottom: 0;
  left: 0;
}

.inner-bloc-jardin-clos a{
    color: #fff;
    background-color: #000000;
    border-radius: 9999px;
    box-shadow: none;
    text-decoration: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    font-size: 1.125em;
    display: inline-block;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.inner-bloc-jardin-clos a:hover{
    opacity: 0.8;
}

#co-working.wp-block-columns{
    max-width: 1300px;
}
#co-working.wp-block-columns > .wp-block-column:nth-child(2){
    padding: 15px;
}

#co-working.wp-block-columns .wp-block-column .flex-control-paging li a {
    width: 40px !important;
}

#co-working.wp-block-columns .wp-block-column .flexslider{
    margin-bottom: 0px;
}

/*** INFOS PRATIQUES ***/
h1#locquirec{
    font-family: 'Octobre';
    font-size: 2.1em;
    line-height: 120%;
    position: relative;
    margin-bottom:  30px;
    padding-bottom:  30px;
}

h1#locquirec strong{
    color:  var(--couleur_principale);
}

h1#locquirec::after {
  position: absolute;
  content: "";
  width: 80px;
  height: 2px;
  background: black;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

body.page-id-98 .page-content .flexslider{
    margin-bottom:  0px;
}

.wpmapblockrender {
    margin-top:  30px;
}

body.page-id-98 .page-content h2{
    margin-bottom:  30px;
}

/* ************************ PAGE CONTACT ************************ */

.formulaire {
    max-width: 600px;
    margin: 0 auto;
    padding: 25px;
}

.contener_champs_formulaire input,
.contener_champs_formulaire textarea,
.contener_champs_formulaire select {
    width: 100%;
    padding: 15px;
    font-size: 0.9em;
    font-family: 'din';
    margin-bottom: 12px;
    -webkit-appearance: none;
}

.contener_champs_formulaire p {
    margin-bottom: 0;
}

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

.mentions_formulaire p {
    margin-bottom: 5px;
    font-size: 0.86em;
}

.bouton_envoyer {
    text-align: center;
}

.bouton_envoyer input {
    border: none;
    background-color: black;
    border-radius: 0;
    padding: 10px 25px;
}



/* ************************ PAGE ERREUR (404) ************************ */

.page_erreur {
    text-align: center;  
    margin-bottom: 50px;
}

.page_erreur img {
    display: inline-block; 
    width: 350px;
    margin: 25px auto;
    text-align: center;
}


/* ************************ ARTICLE ************************ */

.inner-article{
    max-width:  940px;
    margin-left: auto;
    margin-right: auto;
    padding:  15px 15px 50px 15px;
}
.inner-article .date_evenement{
    text-align: center;
    margin-bottom: 30px;
    font-size:  1.2em;
    font-weight: bold;
}

.description-actu-slider{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    display: none;
}

/* ************************ FOOTER ************************ */


/* *** COPYRIGHT *** */
#copyright{
    text-align: center;
}

#copyright a{
    color:  black;
    text-decoration: none;
}

#copyright a:hover{
    text-decoration: underline;

}

.logo-footer{
    position: relative;
    text-align: center;
    margin-bottom:  25px;
    padding-bottom:  15px;
    width:  100%;
}

.logo-footer:after{
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background: black;
    bottom: 0;
    transform: translateX(-50%);
    left: 50%;
}

.liste-contact{
    width:  100%;
    max-width:  250px;
    margin-left:  auto;
    margin-right: auto;
    margin-bottom:  50px;
}
#reseaux-sociaux{
    margin-bottom: 50px;
    text-align: center;
}
#reseaux-sociaux ul{
    justify-content: center;
}

.liste-contact img{
    width:  30px;
    height: 30px;
    margin-right:  15px;
    vertical-align: middle;
}

.liste-contact li{
    margin-bottom:  5px;
    min-height:  45px;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.liste-contact li a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: black;
    text-decoration: none;
    font-weight:  bold;
}

.liste-contact p{
    margin-bottom:  0;
}

/* *** LE STUDIO *** */

.lestudio {
    background-color: black;
}

.lestudio a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.lestudio img {
    margin: 5px;
}

section#footer{
    background-color:  var(--couleur_principale);
}



/*** LIEN SURLIGNE ***/
h2#petits-plus{ padding-left: 15px; padding-right: 15px; }
h2#histoire,
h2#architecture,
h2#petits-plus,
h2#salle-evenementielle{
    position: relative;
    display: inline-block;
    margin-left: 50%;
    transform: translateX(-50%);
}

h2#histoire:before,
h2#architecture:before,
h2#petits-plus:before,
#co-working h2.wp-block-heading:before,
h2#salle-evenementielle:before,
#contacts.wp-block-columns h2.wp-block-heading:before{
    content: "";
    z-index: -1;
    position: absolute;
    width: 110px;
    height: 15px;
    bottom: 0px;
    right: 10px;
    background: var(--couleur_principale);
}

h2#histoire:before{ width: 140px; }
h2#architecture:before{ width: 210px; }
h2#petits-plus:before{ width: 164px; }
h2#salle-evenementielle:before{ width: 235px; }
#contacts.wp-block-columns h2.wp-block-heading:before{ width: 138px; right: 0px; }


#co-working h2.wp-block-heading{
    position: relative;
}
#co-working h2.wp-block-heading:before{
    width: 170px;
    height: 15px;
    bottom: 0px;
    left: 35px;
}

#contacts.wp-block-columns h2.wp-block-heading{
    position: relative;
    display: inline-block;
    margin-left: 50%;
    transform: translateX(-50%);
    max-width: 250px;
}

h2#histoire:before,
h2#architecture:before,
h2#petits-plus:before,
#co-working h2.wp-block-heading:before,
h2#salle-evenementielle:before,
#contacts.wp-block-columns h2.wp-block-heading:before,
#un-lieu-unique h2::before{
    display: none;
}

article.page .gallery{
    border: 0px solid #cfcfcf;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px !important;
}

article.page .gallery img{
    border: 0px solid #cfcfcf !important;
}

.presentation-evt{
    max-width: 1200px;
    margin-left: auto !important;
    margin-right: auto !important;
}
#metaslider_376{
    margin-bottom: 0;
}

.image-article-detail{
    margin-bottom: 50px;
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.inner-btn-galerie{
  height: 60px;
  width: 60px;
  background: var(--couleur_principale);
  color: white;
  font-size: 30px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.8);
 /*border: 2px solid black;*/
  
  margin-top: 10px;
  transition: all 0.3s;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#btn-galerie{
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 9999;
    transition: all 0.2s ease-in-out;
}
#btn-galerie:hover{
    bottom: 20px;
}

.rmp-menu-title-image{
    width: 60vw;
    max-width: 234px;
}

/*** GTRANSLATE ***/
.gtranslate_wrapper a{
    color: black;
    position: relative;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid black;
}
.gtranslate_wrapper a:first-child{
    border-left: 0px solid black;
}

.colonne-bandeau-newsletter{
    width: 50%;
    position: relative;
}
#colonne-formulaire{
    padding: 80px 15px;
}

.inner-colonne-formulaire{
    max-width: 600px;
}
.mailpoet_form input[type="email"]{
    color: white;
    background: black;
    border: 0 !important;
    padding: 15px !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.mailpoet_form input[type="submit"]{
    position: relative !important;
    background: transparent !important;
    color: white !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    font-size: 16px !important;
    padding: 10px 10px 10px 50px !important;
    width: 200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.mailpoet_paragraph.last{
    position: relative;
    text-align: center;
    max-width: 200px !important;
    margin-left: auto;
    margin-right: auto;
    background: #b4b39c !important;
}

.mailpoet_paragraph.last:before{
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    top: 7px;
    left: 12px;
    background: url(/wp-content/uploads/2023/10/picto_envoyer.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
#bandeau-newsletter{
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
}

/*** ACTUS ***/
#liste-articles-{
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
}

#liste-articles- a{
    color: black;
    text-decoration: none;
}

.inner-article-blog{
    position: relative;
}

.photo-article-blog{
    width: 35%;
}
.photo-article-blog img{
    width: 100%;
    height: auto;
}
.description-article-blog{
    width: 60%;
}

.contenu-page .description-article-blog h2 {
  padding-left: 0px;
}
.contenu-page .description-article-blog h2::before {
    display: none;
}

.description-article-blog .date-actu{
    font-style: italic;
    color: var(--couleur_principale);
    margin-bottom: 30px;
}

.description-article-blog a{
    text-decoration: none;
}

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

.pagination-articles{
    margin-top: 50px;
    margin-bottom: 50px;
}

.pagination-articles ul{
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination-articles li{
    list-style: none;
    margin: 0;
}

.pagination-articles li a, .pagination-articles li.active{
    display: block;
    text-decoration: none;
    color: white;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    height: 30px;
    margin: 5px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    background: var(--couleur_principale);


}
.pagination-articles li.active{
    background: var(--couleur_secondaire);
}


.wp-block-social-links li{
    list-style: none;
}
.wp-block-social-links {
    display: flex;
    align-items: center;
    justify-content: center;
}
.flexslider .slides, .metaslider-flex div{
    height: auto;
    position: relative;
    width: 100%;
    float: left;
    z-index: 1;
}
/* Conteneur des dots */
.flex-control-nav {
    display: flex;
    justify-content: center; /* centrer les dots */
    gap: 10px; /* espace entre les dots */
    list-style: none; /* supprimer les numéros par défaut */
    padding: 0;
    margin: 20px 0 0 0; /* ajuster selon ton besoin */
    position: absolute;
    z-index: 2;
    width: 100%;
}
/* Chaque dot */
.flex-control-nav li a {
    display: block;
    width: 50px;
    height: 10px;
    background-color: #b4b39c; /* couleur des dots */
    text-indent: -9999px; /* masquer le texte numérique */
    overflow: hidden;
    transition: background-color 0.3s;
}
/* Dot actif */
.flex-control-nav li a.flex-active {
    background-color: white; /* couleur pour le dot actif, tu peux changer */
}
.metaslider .flex-control-nav{
    bottom: 10px !important;
}

.wp-block-buttons.is-content-justification-center{
    display: flex;
}

body .is-layout-flex {
    display: flex;
}

.is-full-screen-width {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important; 
}

.wp-block-group__inner-container{
    max-width: 940px !important;
    margin-left: auto;
    margin-right: auto;
}

p.has-white-color{
    color: white !important;
}
.has-white-background-color{
	background-color: white !important;
}

.wp-block-cover.dark-filter{
    background-color: black;
}
.wp-block-cover.dark-filter img{
    opacity: 0.8;
    filter: grayscale(1);
    transition: all 0.2s ease-in-out;
}
.wp-block-cover.dark-filter:hover img{
    filter: grayscale(0);
}

.wp-block-video video {
    width: 100%;
    height: auto !important;
    aspect-ratio: auto !important;
    display: block;
}
.page-content > .wp-block-video{
    padding: 0 !important;
}

/*******************************************/
/************** MEDIA QUERIES **************/
/*******************************************/

@media only screen and (max-width : 1650px) {
    #btn-reservation-ecran{ right: 15px; }
}

@media only screen and (max-width : 1360px) {
    #btn-reservation-ecran{ right: 15px; top: 100px }
}  

/* ********** ECRANS EN DESSOUS DE 1220px ***********/
@media only screen and (max-width : 1220px) {
    #mega-menu-wrap-Top #mega-menu-Top li.mega-menu-item{
        font-size:  12px !important;
    }
    .wp-block-column .wp-block-gallery.columns-2 .wp-block-image{ max-width: 150px; height: 150px; }
    .flex-control-paging li a { width: 60px !important; }
}

/* ********** ECRANS EN DESSOUS DE 1050px ********** */
@media only screen and (max-width : 1050px) {
    #mega-menu-wrap-Top #mega-menu-Top li.mega-menu-item{
        font-size:  11px !important;
    }
}

/* ********** ECRANS EN DESSOUS DE 1023px ********** */
@media only screen and (max-width : 1023px) {
    .menu_ordi{ display: none; }
    #header-mobile{ display: block; }
    #header_accueil #bandeau-news{ order: 3 }
    #btn-reservation-ecran{ display: none; }
    .flexslider img{ height: 50vw !important; max-height: 500px; }

    h2#histoire:before,
    h2#architecture:before,
    h2#petits-plus:before,
    #co-working h2.wp-block-heading:before,
    h2#salle-evenementielle:before,
    #contacts.wp-block-columns h2.wp-block-heading:before,
    #un-lieu-unique h2::before{
        display: none;
    }
    #co-working.wp-block-columns{
        flex-wrap: wrap !important;
    }
    #co-working.wp-block-columns > .wp-block-column {
        flex-basis: 100% !important;
    }
    #langues{ padding-right: 10px; }
    .flex-control-paging li a { width: 40px !important; }
}


/* ********** ECRANS EN DESSOUS DE 940px ********** */
@media only screen and (max-width : 940px) {
    .page-content > .pleine-largeur.wp-block-media-text {
        flex-direction: column;
    }
    .page-content > .pleine-largeur.wp-block-media-text > *{
        width:  100%;
    }
    .page-content .wp-block-media-text__media,
    .page-content .wp-block-media-text__content{
        width:  100%;
    }
    .wp-block-media-text.is-image-fill .wp-block-media-text__media { min-height: 60vw; }
}

/* ********** ECRANS EN DESSOUS DE 767px********** */
@media only screen and (max-width : 781px) {
    .wp-block-column .wp-block-gallery.columns-2 .wp-block-image{ max-width: 220px; height: 220px; }
    .colonne-evenementielle .wp-block-column:nth-child(2) .wp-block-image{ display: none; }
    .colonne-evenementielle:before{ display: none; }
    .wp-block-columns.logos-partenaires{ flex-wrap: wrap !important; }
    .logos-partenaires .wp-block-column{ flex-basis: 40% !important;}
}

/* ********** ECRANS EN DESSOUS DE 767px********** */
@media only screen and (max-width : 767px) {
    body {
        font-size: 0.9em;
    }
    #inner-bandeau-news{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    #inner-bandeau-news .carousel{ width: 100%; }
    #lien-toutes-actus{ width: 100%; text-align: left; margin-top:  15px;}
    .flexslider img{ height: 80vw !important; max-height: 500px; }
    #bloc-jardin-clos { position: relative; padding-bottom: 30px;}
    #services-jardin-clos{ position: relative; }
    .description-actu-slider{ display: none; }

}

/* ********** ECRANS EN DESSOUS DE 720px ********** */
@media only screen and (max-width: 720px) {
    #mea-espaces-locatifs{
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    #mea-espaces-locatifs:before{
        display: none;
    }
    .extrait-mea{
        width:  100%;
        max-width:  300px;
        margin-left:  auto;
        margin-right:  auto;
    }
    .flex-control-paging li a { width: 11px !important; }
    .page-content > .pleine-largeur.wp-block-media-text .wp-block-media-text__content{ padding: 15px 20px; }
    .colonne-bandeau-newsletter{ width: 100%; }
    #colonne-photo{ height: 50vw !important; }

    .inner-article-blog{ flex-wrap: wrap; }
    .photo-article-blog{  width: 100%; }
    .description-article-blog{ width: 100%; }
}

/* ********** ECRANS EN DESSOUS DE 600px ********** */
@media only screen and (max-width: 600px){
    .flexslider img{ height: 60vw !important; }
}


/* ********** ECRANS EN DESSOUS DE 480px ********** */
@media only screen and (max-width: 480px) {
    .logos-partenaires .wp-block-column{ flex-basis: 100% !important;}
    #bandeau-actus-expos-animations{ padding-left: 0; padding-right: 0; }
}

@media only screen and (max-width: 350px) {
    #bandeau-titre-header #changeText{
        display: block;
        min-height: 30px;
    }
    .scrolling-text{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    .scrolling-text > span{
        width: 100%;
        text-align: center;
        line-height: 150%;
    }
}