.logo-blanc {
  width:80%;
  max-width: 100%;
  display: none;
}
.disparait {
  display: none !important;
}
#banner > img {
    object-fit: cover;
    height: calc(100vh - 15rem);
    width: 100%;
  }
#c923 {
  position:relative;
  border:0 none;
}
#c923 a {
  border:0 none;
}
#c923 a.tous:after {
  border-color: var(--white);
}
#followus .reseaux {
  max-width: 27rem;
  margin: -1rem auto 3rem auto;
}
h1.site-title {
  margin-bottom: .2rem;
}

h2.point {
  font-size: 3.5rem;
}
#unclic h2.point, #followus h2.point {
  font-size: 2.4rem;
}
#banner {
  position:relative;
}
#banner .container {
  position: absolute;
  z-index: 2;
  color: white;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#down {
  font-size: 8rem;
  position: absolute;
  bottom:1rem;
  color:var(--white);
  left: 50%;
  transform: translateX(-50%);
}
#unclic {
  border-bottom : 1px solid var(--light);
  padding-top:3rem;
}

.liste-commune {
  column-count: 2;
  padding-left:1.8rem;
}
.liste-commune li {
  break-inside: avoid-column;
}

#carte .col-md + .col-md {
  display:none;
}

#agenda .frame-type-header {
  order:1;
  text-align:center;
  width:100%;
}
#agenda .frame-type-list {
  order:3;
}
#agenda .frame-type-text {
  order: 4;
  flex-basis: 100%;
}
/*** fait reapparaitre un sr-only uniquement pour agenda ***/
.interieur {
  position: static;
white-space: unset;
width: auto;
height: auto;
}

/**** gestion largeur aplat ****/
.frame-aplat .ce-intext.ce-left .ce-gallery, .frame-aplat .ce-intext.ce-left .ce-column, .frame-aplat .ce-intext.ce-left figure {
  width:100%;
}
/**** menu souhait ***
#menu-souhait {
  display:block !important;
}
#menu-souhait {
  position: absolute;
  right: 0;
  top: 200px;
  z-index: 1022;
}
*/

.news-list-view a, .tx-nova-event .event, .social-feed-item {
  display:none !important;
}
.news-list-view a:first-child, .tx-nova-event .event:first-child {
  display:flex !important;
}
.social-feed-item:first-child {
  display:block !important;
}
/***** social feed *****/
.tx-pxa-social-feed .social-feed-container.masonry .social-feed-item {
  outline-color: var(--light);
  padding: 1.5rem;
}
.social-feed-feeditemdynamic .social-feed-image-container {
  position: relative;
  height: 135px;
  overflow: hidden;
}
.social-feed-feeditemdynamic .social-feed-title {
  margin:1rem 1rem 0;
  text-align:center;
  font-size:1.7rem;
  min-height: 5rem;
}
.social-feed-feeditemdynamic .social-feed-message {
  font-family: "Roboto Condensed";
  text-align: center;
  --max-lines: 4;
  position: relative;
  max-height: calc(2.5rem * var(--max-lines));
  min-height: 10rem;
  padding: 1rem 1rem .5rem 1rem;
  font-size: 1.6rem;
}
.social-feed-feeditemdynamic .social-feed-information,
.social-feed-feeditemdynamic  .social-feed-like-count {
  order:2;
  background-color: var(--primary);
  font-size: smaller;
  margin-bottom: 0;
}
.social-feed-feeditemdynamic .social-feed-information {
  width: 3.5rem;
  height: 3.5rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* x-small devices (tablets, before 768px / 48em) */
@media (max-width: 48em) {
  .home > header {
    position:static;
  }
  h2 {
    text-align:center;
    margin-top:2.5rem;
  }

  #unclic h2, .frame-aplat h2 {
    margin-top:.5rem;
  }
  .frame-space-before-large {
    margin-top:1rem;
  }
  #loupe.disparait {
    display:block !important;
  }
}
/* Medium devices (tablets, 768px / 48em and up) */
@media (min-width: 48em) {
    .home > header.blanc {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 3;
      }
    .logo-blanc {
        width:70%;
        display: block;
    }
    section {
        margin-bottom: 5rem;
    }
    #banner {
        height: 100vh;
        margin-bottom:0;
        position: relative;
        background:rgba(0,0,0,0.4);
    }
    #banner > img {
        height: 100vh;
    }
    #menu-souhait {
        top: calc(100vh - 10rem);
      }
      #menu-souhait button {
        position: relative;
      }
      .blanc .menutop {
        padding-top: 1.5rem;
      }
     .blanc .menutop .nav-link, .blanc #main-menu svg, .blanc #main-menu svg *, .blanc #button-menu {
        color:var(--white) !important;
        fill: var(--white);
      }
      .disparait, .blanc .bloc1 {
        display: none !important;
      }
      .news-list-view a:nth-child(2), .tx-nova-event .event:nth-child(2) {
        display:flex !important;
      }
      .social-feed-item:nth-child(2) {
        display:block !important;
      }
      .social-feed-item:nth-child(3) {
        display:block !important;
      }
}
/* Entre les deux */
@media (min-width: 48em) and (max-width:75em) {
.blanc .col-5 {
  flex: 0 0 100%;
  max-width: 100%;
}
}

/* Large devices (desktops, 992px / 62em and up) */
@media (min-width: 62em) {
  .logo-blanc {
    width:50%;
  }
  #tx_solr_home_searchbox {
    width: 48%;
  }
  .logo-blanc {
    margin-top:10%;
    margin-bottom: 3%;
  }
  .frame-aplat .ce-intext.ce-left .ce-gallery, .frame-aplat .ce-intext.ce-left .ce-column, .frame-aplat .ce-intext.ce-left .figure {
    width:auto;
  }
  .news-list-view a, .tx-nova-event .event {
    display:flex !important;
  }
  .social-feed-item {
    display:block !important;
  }
  #agenda .frame-type-header {
    text-align:100%;
    width:unset;
  }
  #carte .col-md + .col-md {
    display:block;
  }
}
/* X-Large devices (large desktops, 1200px / 75em and up) */
@media (min-width: 75em) {
  h2.point {
    font-size: 6rem;
  }
  #unclic h2.point, #followus h2.point {
    font-size: 3.6rem;
  }
  .blanc .bloc2.col-xl-7 {
    flex: 0 0 83.33333333%;
max-width: 83.33333333%;
  }
  .blanc .bar {
    border-color: var(--white);
  }
  .blanc .nav-link {
    padding-right: 5rem;
    padding-left: 2rem;
  }
  .blanc .menutop li:first-child::before {
    content: "";
    display: block;
    width: 1px;
    height: 40px;
        padding-left: 1rem;
        margin-right: 1rem;
        border-right: 1px solid var(--white);
        position: relative;
        top: .8rem;
  }
  #menu-souhait button {
    position:static;
  }
}
/* XXX-Large devices (larger desktops, 1600px / 100em and up) */
@media (min-width: 100em) {
  .blanc .nav-link {
    padding-right: 6rem;
    padding-left: 2.5rem;
  }
}