.plg-menu-top, footer {
  background-color: #222222;
}
h1.site-front {
  display: none;
}
h2 {
  margin-bottom: 24px;
}
h2.site-front  {
  margin-top: 48px;
}




.plg-menu {
  padding-top: 30px;
  padding-bottom: 30px;
}
.plg-menu .col-lg-8 ul li {
  margin-right: 24px;
}
.plg-menu .col-lg-8 ul li:last-child {
  margin-right: 0;
}
.plg-menu a {
  color: var(--color-rouge-plg);
}
.plg-menu .row div:first-of-type li:first-of-type img {
  height: 80px;
}
.plg-menu .brand {
  color: var(--color-rouge-plg);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 150%;
  font-weight: bold;
}
.plg-menu .col-lg-8 ul li a {
  font-size: 110%;
  font-weight: bold;
  text-decoration: none;
}










.site-front-banner {
  width: 100%; 
  position: relative;
  display: block;
  margin-bottom: 24px;
}
.site-front-banner img {
  width: 100%;
  height: 500px;
  object-fit: cover;  
  object-position: center; 
}
.site-front-intro {
  font-size: 130%;
  padding-top: 48px;
  padding-bottom: 72px;
}
.site-front-intro a {
  color: var(--color-rouge-plg);
}
.site-front-intro .btn{
  background-color: var(--color-rouge-plg);
  color: white;
  font-size: 130%;
}
.teaser-actu {
  display: block;
  color: black;
  border: solid 1px var(--color-gris-clair-2);
  padding: 12px;
  border-radius: var(--border-radius);
}
.teaser-actu .img {
  display: block;
  overflow: hidden;
  border-radius: var(--border-radius);
}
.teaser-actu .img img {
  -webkit-transition: all 0.5s ease; 
  -moz-transition: all 0.5s ease; 
  -ms-transition: all 0.5s ease; 
  -o-transition: all 0.5s ease; 
  transition: all 0.5s ease; 
  border-radius: var(--border-radius);
}
.teaser-actu:hover .img  img {
  -webkit-transform:scale(1.10); 
  -moz-transform:scale(1.10); 
  -ms-transform:scale(1.10); 
  -o-transform:scale(1.10); 
  transform:scale(1.10);
}
.teaser-actu .titre {
  display: block;
  font-size: 115%;
  margin-top: 6px;
  margin-bottom: 3px;
  font-weight: bold;
}
.teaser-actu .date {
  display: block;
  font-size: 90%;
  margin-top: 6px;
  color: var(--color-gris-clair-1);
}
.teaser-agenda {
  text-decoration: none;
  padding: 12px;
  display: block;
  border-radius: var(--border-radius);
  background-color: white;
  border: solid 1px var(--color-gris-clair-2);
}
.teaser-agenda .img{
  overflow: hidden;
  z-index: 20;
  border-radius: var(--border-radius);
}
.teaser-agenda .data {
  display: flex;
}
.teaser-agenda .data .texte {
 font-size: 115%;
  display: block;
  margin-bottom: 3px;
  font-weight: bold; 
  color: #333333;
  flex-grow: 1;
}
.teaser-agenda .data .texte .lieu {
  display: block; 
  text-transform: none;
  font-weight: normal;
  font-size: 80%;
}
.teaser-agenda .data .date {
  margin-left: auto;
  z-index: 30;
}
.teaser-agenda .data .date .elements {
  padding: 6px;
  margin-right: 12px;
  color: white;
  background-color: var(--color-rouge-plg);
  border-radius: var(--border-radius);
  flex-basis: auto;
  flex-grow: 0;
  margin-top: -60px;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.teaser-agenda .data .date .elements .calendar {
  font-size: 130%; 
}
.teaser-agenda .data .date .elements .jour {
  font-size: 150%; 
}
.teaser-agenda .data .date .elements .mois {
  font-size: 110%; 
}
.teaser-agenda .img img {
  display: block;
  -webkit-transition: all 0.5s ease; 
  -moz-transition: all 0.5s ease; 
  -ms-transition: all 0.5s ease; 
  -o-transition: all 0.5s ease; 
  transition: all 0.5s ease; 
}
.teaser-agenda:hover .img img {
  display: block;
  -webkit-transform:scale(1.10); 
  -moz-transform:scale(1.10); 
  -ms-transform:scale(1.10); 
  -o-transform:scale(1.10); 
  transform:scale(1.10);
}
.plg-swiper-front-agenda .swiper-slide {
  width: 315px;
}
.plg-swiper-front-agenda .swiper-slide:first-of-type {
  padding-left: 132px;
  width: 447px;    
}
.plg-swiper-front-agenda .swiper-slide:last-of-type {
  padding-right: 132px;
  width: 447px;     
}
.full-container {
  padding-bottom: 48px;
  padding-top: 48px;
  margin-top: 96px;
  max-width: 2800px;
}
.site-front-agenda-teasers {
  background-color: var(--color-gris-clair);
  border-top: solid 1px var(--color-gris-clair-2);
  border-bottom: solid 1px var(--color-gris-clair-2);
}
.plg-swiper-front-agenda-button-prev {
  margin-right: 12px;
}
.site-banner {
  width: 100%; 
  position: relative;
  display: block;
  margin-bottom: 24px;
  max-width: 2800px;
  margin-left: auto;
  margin-right: auto;
}
.site-banner img {
  width: 100%;
  object-fit: cover;  
  object-position: center; 
}
.site-banner .data {
  position: absolute;
  top: 0;
  left: 132px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: fit-content;
  background-color: var(--color-rouge-plg-opacite);
  padding: 24px;
  color:white;
}


.text .teaser {
  text-decoration: none;
  color: white;
}
.text .teaser:hover {;
  color: white;
}















.site-gallery {
  margin-top: 48px;
}
.site-gallery div {
  margin-bottom: 24px;
}
.site-gallery .img {
  margin: 0;
  overflow: hidden;
  border-radius: var(--border-radius);
}
.site-gallery .img img {
  -webkit-transition: all 0.5s ease; 
  -moz-transition: all 0.5s ease; 
  -ms-transition: all 0.5s ease; 
  -o-transition: all 0.5s ease; 
  transition: all 0.5s ease; 
}
.site-gallery .img img:hover {
  -webkit-transform:scale(1.10); 
  -moz-transform:scale(1.10); 
  -ms-transform:scale(1.10); 
  -o-transform:scale(1.10); 
  transform:scale(1.10);
}



.text ul, .text ol {
  margin-left: 24px;
  margin-bottom: 12px;
}
.text ol li {
  list-style-type: decimal; 
}
.text ul li {
  list-style-type: disc; 
}
.text p {
  margin-bottom: 12px;
}
.text a {
  color: var(--color-rouge-plg);
  text-decoration: underline;
}
.text a:hover {
  color: var(--color-rouge-plg);
  text-decoration: none;
}
.text table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  font-size: 14px;
}
.text table th, .text table td {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 12px;
}
.text table thead {
  background-color: #f2f2f2;
}
.text table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}
.text table tbody tr:hover {
  background-color: #e0f7fa;
}
.text h2,.text h3,.text h4,.text h5,.text h5{
  margin: 0;
  padding: 0;
  padding-bottom: 12px;
  padding-top: 24px;
  color: black;
}

.infos-pratiques {
  border: 1px solid #e8e8e8;
  border-radius: var(--border-radius);
  padding: 12px;
}
.infos-pratiques .info-pratique {
  display: flex;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 12px;
  padding-top: 12px;
}
.infos-pratiques .info-pratique .icon {
  margin-right: 12px;
}
.infos-pratiques .info-pratique ul,.infos-pratiques .info-pratique li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.infos-pratiques .info-pratique:first-child {
  padding-top: 0px;
}
.infos-pratiques .info-pratique:last-child {
  padding-bottom: 0px;
  border: none;
}



#offcanvas-mobile-menu {
  font-size: 130%;
}
#offcanvas-mobile-menu a {
  color: #333333;
  display: block;
}
#offcanvas-mobile-menu li {
  margin-bottom: 24px;
  text-align: center;
}
#offcanvas-mobile-menu .reseaux  {
  display: flex;
  justify-content: center; 
  padding-top: 24px;
  padding-bottom: 24px;
}
#offcanvas-mobile-menu .reseaux li {
  margin-right: 24px;
}
#offcanvas-mobile-menu .reseaux li:last-child {
  margin-right: 0;
}
#offcanvas-mobile-menu .reseaux li .text {
  display: none;
}


.plg-large-slider .plg-swiper-front-large  {
  min-height: 500px;
}
.plg-large-slider .plg-swiper-front-large .swiper {
  min-height: 500px;
}
.plg-large-slider .plg-swiper-front-large .swiper-slide .content-infos {
  display: flex;
  height: 100%;
  width: 100%;
}
.plg-large-slider .plg-swiper-front-large .swiper-slide .content-infos .left{
  width: 70%;
  min-height: 500px;
}
.plg-large-slider .plg-swiper-front-large .swiper-slide .content-infos .right{
  width: 30%;
  background-color: #222222;
  display: flex;
  align-items: center; /* ou center ou flex-end */
  justify-content: center; 
}
.plg-large-slider .plg-swiper-front-large .swiper-slide .content-infos .right .infos{
  padding-left: 24px;
  padding-right: 24px;
  color: white;
}
.plg-large-slider .plg-swiper-front-large .swiper-slide .content-infos .right .infos h3{
  margin-bottom: 12px;
}
.plg-large-slider .plg-swiper-front-large .swiper-slide .content-infos .right .infos .boutons{
  display: flex;
  justify-content: center; 
  margin-top: 12px;
}
.plg-large-slider .plg-swiper-front-large .swiper-slide .content-infos .right .infos a.btn{
  width: auto;
  background-color: white;
  margin-right: 12px;
  color: var(--color-rouge-plg);
}
.swiper-pagination-bullet-active {
  background:#000000;
}

.big-teaser  {
  margin-bottom: 24px;
}
.big-teaser .img {
  display: block;
  overflow: hidden;
  border-radius: var(--border-radius);
}
.big-teaser .img img {
  -webkit-transition: all 0.5s ease; 
  -moz-transition: all 0.5s ease; 
  -ms-transition: all 0.5s ease; 
  -o-transition: all 0.5s ease; 
  transition: all 0.5s ease; 
  border-radius: var(--border-radius);
}
/*.big-teaser:hover .img  img {
  -webkit-transform:scale(1.10); 
  -moz-transform:scale(1.10); 
  -ms-transform:scale(1.10); 
  -o-transform:scale(1.10); 
  transform:scale(1.10);
}*/
.big-teaser .boutons{
  display: flex;
  margin-top: 12px;
}
.big-teaser a.btn{
  width: auto;
  background-color: var(--color-rouge-plg);
  margin-right: 12px;
  color: white;
}
.teaser {
  background-color: #222222;
  border-radius: var(--border-radius);
  display: block;
  color: white;
}
.teaser .img {
  display: block;
  overflow: hidden;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
.teaser .img img {
  -webkit-transition: all 0.5s ease; 
  -moz-transition: all 0.5s ease; 
  -ms-transition: all 0.5s ease; 
  -o-transition: all 0.5s ease; 
  transition: all 0.5s ease; 
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
.teaser:hover .img  img {
  -webkit-transform:scale(1.10); 
  -moz-transform:scale(1.10); 
  -ms-transform:scale(1.10); 
  -o-transform:scale(1.10); 
  transform:scale(1.10);
}
.teaser .titre {
  padding: 24px;
  font-size: 120%;
  display: block;
}

.teaser-v2 {
  border-radius: var(--border-radius);
  display: block;
  color: white;
  position: relative;
}
.teaser-v2 .img {
  display: block;
  overflow: hidden;
 border-radius: var(--border-radius);
}

.teaser-v2 .img img {
  -webkit-transition: all 0.5s ease; 
  -moz-transition: all 0.5s ease; 
  -ms-transition: all 0.5s ease; 
  -o-transition: all 0.5s ease; 
  transition: all 0.5s ease; 
  border-radius: var(--border-radius);
}
.teaser-v2:hover .img  img {
  -webkit-transform:scale(1.10); 
  -moz-transform:scale(1.10); 
  -ms-transform:scale(1.10); 
  -o-transform:scale(1.10); 
  transform:scale(1.10);
}
.teaser-v2 .titre {
  display: block;
  position: absolute;
  top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 120%;
  z-index: 2;
}
.teaser-v2 .description {
  display: block;
  position: absolute;
  bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 100%;
  z-index: 2;
}
/* ----- FILTRE SOMBRE ----- */
.teaser-v2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.45); /* intensité du filtre */
    z-index: 1;
  border-radius: var(--border-radius);
}






@media (max-width: 1199.98px) { 
  .plg-menu .brand {
    font-size: 140%;
  }
    .site-banner .data {
    left: 24px;
  }
}
@media (max-width: 991.98px) { 
  .site-banner img {
    height: 250px;
  }

}