@import url(https://fonts.bunny.net/css?family=be-vietnam-pro:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);

/*#sp-footer {
  backround-color: #f8f7f5 !important;
}
.page-content {
  background-color: #f8f7f5 !important;
}*/

#sp-header {
  box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
  margin-bottom: 2em;
  }

/*. LOGO  */
#sp-header .logo {
  height:auto !important;
}
.logo-image-phone {
  height: 5rem !important;
  margin-top: -10px !important;
}
@media (max-width: 576px) {
  .logo-image {
    height: 4rem !important;
  }
  .sp-page-title {padding-bottom:5px !important;}
}
@media (min-width: 577px) and (max-width: 1560px) {
.logo-image  {
  height: 6rem !important;
}
  .sp-page-title {padding-bottom:0px !important;}
}
/*@media (min-width: 1561px) and (max-width: 2900px) {
.logo-image  {
  height: 8rem;
}
}*/

/*  MENU  */
#sp-menu {
  margin-top: -6em;
}

#sp-main-body {
padding-top: 0px !important;
  padding-bottom: 2em !important;
/* margin-top: -1em !important;*/
/*margin-bottom: 1rem;*/
  background-color: #ffffff !important;
}
#sp-main-body  {
    margin-top: -2em !important;
  }

/*. ENTETES DES PAGES */
/*.sp-page-title{background:#ffffff !important; color:#000000; }*/
.sp-page-title{background:#ffffff !important; color:#000000; margin-bottom:1em;}
.sp-page-title-heading {font-size: 1.4em !important;color:#000000 !important;}
.sp-page-title-sub-heading {font-size: 0.8em !important;color:#000000 !important;}
.sp-page-title .breadcrumb {margin-top: 0px !important;}
.sp-page-title .breadcrumb li{color:#000000 !important; font-size: 0.6em!important;}
.sp-page-title .breadcrumb a {color:#000000 !important;}
.sp-page-title .breadcrumb-item + .breadcrumb-item:before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: #000000;
content: var(--bs-breadcrumb-divider, "|");
  }
.sp-page-title .px-3 {padding-left: 0px !important;}

/*. AFFICHAGE IMAGES DES VIGNETTES POUR LIEN DE MENU JFILTER TAGS */
figure.vignette {
min-width: 392px;
display: block;
  display: flex;
    flex-direction: column;
}

/*. AFFICHAGE TAGS PUBLIC EN PAGE D'ACCUEIL */
.jfilters-filter-container.public {margin-top: 0px !important;}

/*  AFFICHAGE CAROUSEL DES BRÈVES EN PAGE D'ACCUEIL. */


.sppb-text-right {
display: none !important;
  /*margin-top: 10px !important;*/
  }




/* AFFICHAGE DES PAGES */

.sppb-row-column {
  padding-right: 0px;
  padding-left: 0px;
  }
.featured-article-badge {
  display: none;
}
/* AFFICHAGE DES ARTICLES AU FORMAT BLOG  */
.article-header, .article-header a {display: inline !important; color: #000000 !important}
 .article-list .article .article-header h2 {
   font-size: 1em !important;
 }

.article-list .row > * {
  padding-left: 0px !important;
}

.article-list .article {
  position: relative;
  margin-bottom: 30px;
 padding: 0px !important;
   border: 0px;
}
.article-list .article .article-intro-image {
  margin: 0px !important;
  max-width: 100%;
  height: auto;
 /* border-radius: 10px;
  border: 0.5px solid #C70039;*/
}
.article-list .article h2 {
  margin-bottom: 0px !important;
}

.blog .fields-container {display: none !important;}

/*. AFFICHAGE DE LA PAGE COMPAGNIES. */

.blogcie h2 {
  font-size: 1em !important;
}

/*. AFFICHAGE DU MODULE "AVEC LE CARROI" */

.avec {
  margin-top:2em !important;
}

/* AFFICHAGE DU MODULE "VOIR AUSSI"  */

.voirAussi {
  display: block;
  background-color : #FFFFFF;
  float:right !important;
  text-align: right !important;
  align:right !important;
  padding-right: 1em;
  padding-top: 1em;
  padding-left: 1em;
  border-radius: 10px;
  }
.voirAussi ul {
  list-style: none;
  padding-left: 5px !important;
  font-size: 0.9em !important;
  
}


/*****  IMPORT STYLES *****/

/* AFFICHAGE DES TAGS (JFILTERS) EN HAUT DE CONTENU DES PAGES */

.sp-module-content-top {
  padding-top: 0px !important;
 /* margin-top: -1em !important; */
  margin-bottom: 0px !important;
}

.jfilters-filter-container {
  margin-left:auto !important;
  margin-right: auto !important;
  padding: 0px !important;
/*  padding-top : 0px !important;*/
  /*margin-top: 2em;*/
  /*width: 70% !important;*/
  max-width: 1390px !important;
  border-bottom: 0px !important;
}
.jfilters-filter-container__inner[aria-hidden="true"] {
  display: inline-block !important;
}
.jfilters-filter-header__toggle {
  display: none;
}

.jfilters-item-link--button .jfilters-item__text{
  margin-bottom: 0.2em ;
border-radius:10px;
  border: none;
background-color: #FF5733 !important;
color: #ffffff !important;
}
.jfilters-item-link--button .jfilters-item__text:hover{
  background-color: #0bb8b5 !important;
  border: none;
}
.jfilters-item-link--selected .jfilters-item__text{
    background-color: #0bb8b5 !important;
  border: none !important;
}



/* AFFICHAGE DU TAG "VOIR TOUT"  */

.jfilters-filter-list__item--parent {
  display: inline !important;
  float: left;
   
}
.jfilters-chevron {
  display: none;
}

.jfilters-filter-list {
display: inline;}


/*. AFFICHAGE DES VIGNETTES DES ARTICLES PROGRAMMATION. */


.com-finder__navigation {display: none;}

/*.sppb-col-xs-12 {
  padding-right: 0px;
  padding-left: 0px;
}*/

.sppb-row {
  margin-right: 0px;
  margin-left: 0px;
}

.sppb-addon-articles .sppb-addon-article {
  margin-bottom: 0px !important;

}

.sppb-addon-articles .sppb-article-meta {
  display: none;
}

.sppb-article-info-wrap {
position: relative;
  margin-top: -5px !important;
  /*max-width: 85% !important;*/
}
#sppb-addon-wrapper {
  margin-left : 0px !important;
}

#search-result-list .result-title {
  margin: 0px !important;
  font-size: 1em !important;
  color: #000000 !important;
  width: 100% !important;
}

.sppb-article-info-wrap h3 {
  position:relative;
  display: inline-block !important;
 /* top: -2rem;*/
 /* left: 0.5em;*/
/*background-color: rgba(0, 0, 0, 0.4);*/
  /* line-height: 1.3em; */
  margin:0px !important;
  font-size:1em !important;
  color: #000000 !important;
  width: 100% !important;
}

.sppb-article-info-wrap a {
  color:#000000 !important
}

.sppb-article-info-wrap a:hover, a:focus, a:active {
  color: #FF5733 !important;
}

.sppb-article-img-wrap {
 display: inline-block;
  margin-right: 0.7rem;
  margin-top: 1.6rem;
}

/* AFFICHAGE DU CHAMP "DATE" SUR LES VIGNETTES DES ARTICLES. */

.sppb-article-info-wrap ul.fields-container {
  list-style: none;
  display: inline-block;
  position: absolute;
  right: 11px;
  top: -1.7rem;
  padding-right: 0.3em !important;
  padding-left: 0.3em !important;
  text-align: center;
  /*margin-top: -2rem !important;
  margin-right: 10px;
  float : right;*/
  background-color: #000000;
  color: #ffffff;
  font-size: 0.9em;
}
div#search-results ul.fields-container {
  list-style: none;
  display: inline-block;
  position: absolute;
  right: 12px;
  bottom: 13px;
  padding-right: 0.3em !important;
  padding-left: 0.3em !important;
  text-align: center;
  /*margin-top: -2rem !important;
  margin-right: 10px;
  float : right;*/
  background-color: #000000;
  color: #ffffff;
  font-size: 0.9em;
}
/* AFFICHAGE DU CHAMP "DATE" DANS LES ARTICLES. */

.article-details ul.fields-container {
  list-style: none;
  display: inline-block;
  position: absolute !important;
  z-index:300 !important;
  top: 1.5em;
  left: 1em;
  border-radius: 5px;
  padding-right: 0.3em !important;
  padding-left: 0.3em !important;
  text-align: center;
  background-color: #000000;
  color: #ffffff;
  font-size: 0.9em;
  display:flex;
}



/*  AFFICHAGE DES TAGS (TAGS) SUR LES ARTICLES EN VIGNETTES  */

.tags > li {
  display: inline-block;
    margin-top: 0rem;
    margin-right: 0.3125rem;
    margin-bottom: 0px;
    margin-left: 0.3125rem;
}
.tags {font-size: 0.9em !important;}

.tags > li a {
  background: none;
  color:#000000;
  font-size: 0.9rem;
  padding-right:0.5em;
  padding-left: 0.5em;
  padding-top: 0px;
  padding-bottom: 0px;
  border-radius: 0.3125rem;
  margin-bottom: Opx;
}

.tags > li a:hover {
  background: #ec430f;
  color: #ffffff;
}

.sppb-col-sm-3 {
  padding-right: 0px;
  padding-left: 0px;
  
}

@media (min-width: 768px) and (max-width: 991px) {
.sppb-article-info-wrap h3 {
    font-size: 1em;
  line-height: 1em;
  margin-top: 0 !important;
  }
}

/*. AFFICHAGE DES VIGNETTES DES ARTICLES EN SÉLECTIONNANT UN TAG. */

.result__item + .result__item {
  border-top: none !important;
  margin-top: 0em !important;
  padding-top: 0em !important;
}


div#search-results {
    max-width: 1390px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
#sppb-addon-wrapper-1697191726924 {
  margin-left: 0px !important;
}
#search-result-list {
margin-left: 1em;
  margin-bottom : 2em;
  
}
.result-title a {
  margin: 0px !important;
  font-size: 1em !important;
  color: #000000 !important;
  width: 100% !important;
}

@media (min-width: 768px) and (max-width: 991px) {
div#search-results.com-finder__results {
 margin-left: 1em !important;
  margin-right: 1em !important;
}
}

div#search-results .result__image {
  margin-top: 1.6rem;
}


div.result__item--new {
  padding-left: 0px !important;
  padding-right: 0.5rem !important;
  margin-bottom: 0.4rem !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}


.result__title {
  position: relative;
  bottom: 0px;
}


.result__title-text{
  color: #000000 !important;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.3em;
  margin-top: 0.5em;
}
.result__title-link:hover .result__title-text {
  text-decoration: none !important;
  color:#ec430f !important;
}


@media (min-width: 728px) and (max-width: 991px) {
.result__title-text {
    font-size: 1em !important;
  line-height: 1em !important;
  margin-top: 0 !important;
  }
}




.article-list .article .article-header h1 a,
.article-list .article .article-header h1 a:hover, .article-list .article .article-header h1 a:active, .article-list .article .article-header h1 a:focus, 
.article-list .article .article-header h2 a,
.article-list .article .article-header h2 a:hover, .article-list .article .article-header h2 a:active, .article-list .article .article-header h2 a:focus {
color: #ffffff;
}

/* AFFICHAGE DES VIGNETTES FESTIVAL A LA RUE */

.sppb-addon-article-layout {padding: 0px;}

/*  AFFICHAGE DES TAGS (TAGS) DANS LES ARTICLES 


.mb-4 {
  margin-bottom: 0.5rem !important;
 max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}


.mb-4 > li {
      margin-top: 0rem;
    margin-right: 0.4rem;
    margin-bottom: 0px;
    /*margin-left: 0.3130rem; 
}*/

/*. AFFICHAGE D'UN ARTICLE. */

.article-details .article-full-image img {
  display: inline-block;
  border-radius: 10px;
  align-content: center;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
ul.fields-container li{
  list-style-type: <string>· !important;
}

.article-header {
  display: none;
}
.article-details .article-full-image {
  margin-bottom: 0rem !important;
}
.article-details .tags {
  pointer-events:none;
}
/*.fields-container {padding-left: 1rem !important;}*/

/* Affichage des contenus en accordéon  */
.sppb-panel-default > .sppb-panel-heading {
  background: #ffffff !important;
}

/*****   FIN IMPORT STYLES *****/



/* DP CALENDAR */

.com-dpcalendar-timeline .dp-button-bar__actions {display: none !important;}

.dp-description__label {display: inline-block !important; font-weight:500 !important;}
.dp-description__description {display: inline-block !important; font-weight:500 !important;}
/*.dp-event__calendar {font-weight:700 !important;color:#0bb8b5 !important;}*/
.mod-dpcalendar-upcoming-panel .dp-figure .dp-image {height: auto !important;}
.mod-dpcalendar-upcoming-panel .dp-link {font-weight: 700; font-size:1.2em;}
.com-dpcalendar-blog .dp-event__image .dp-image {display: block !important;position: relative !important;margin-top: -3rem !important;width: 150px !important;height: auto !important;margin-bottom: 1.5rem;}

/* AFFICHAGE LISTE DES ÉVÈNEMENTS DE L'AGENDA (COMPOSANT DPCALENDAR) */
.dp-event__image a {pointer-events: none !important;
	cursor: default !important;}
h2.dp-event__title {pointer-events: none !important;
	cursor: default !important;}

/* DP_CALENDAR MODULE ÉVÈNEMENTS DANS LES ARTICLES DES COMPAGNIES */
.mod-dpcalendar-upcoming-panel__event {max-width:328px !important;}

.mod-dpcalendar-upcoming-horizontal__events {
  height: 320px;
  max-width: 1390px;
  flex-flow: column wrap !important;
   align-content: flex-start !important;
  overflow-x: auto;
}
.mod-dpcalendar-upcoming-horizontal__event {
  min-width: 250px !important;
max-width: 250px !important;
}

.mod-dpcalendar-upcoming-horizontal__event .dp-image {
  height: 250px !important;
}
.mod-dpcalendar-upcoming-horizontal .dp-flatcalendar {
  display: none !important;
}


/* DP CALENDAR ÉVÈNEMENT. */


h1.dp-page-heading.page-header {
  display: none !important;
}



.com-dpcalendar-event__image {
    grid-column: 1/2;
 }

.com-dpcalendar-event__image .dp-image {
  width: auto !important;
background-color: #ffffff !important;
}

.com-dpcalendar-event__image .dp-figure {
  width: auto !important;
  background-color: #ffffff !important;
}

.com-dpcalendar-event__actions {border-bottom: 0px !important;}
.com-dpcalendar-event__information {
  border-bottom: 0px !important;
  grid-column: 2/4;
    grid-column-start: 2;
    grid-column-end: 4;
  background-color: #ffffff !important;
}
.com-dpcalendar-event__image {
  border-bottom: 0px !important;
  background-color: #ffffff !important;
}
div.com-dpcalendar-event__description {
  display: none !important;
}
div.com-dpcalendar-event__tags-text {
  display: none !important;
}

/* AGENDA DU FESTIVAL - BOUTON FLOTTANT  */
#sppb-addon-1780572961432  #btn-17805729614320.sppb-btn-custom {
color: #000000;
	padding-top:1.5rem !important;
	padding-bottom:1.5rem !important;
  	padding-left:1rem !important;
    padding-right:1rem !important;
  margin-left:-0.2em;
	border-width: 8px !important;
	border-style: dotted !important;
	border-color: red !important;
 }


/* PLAN DU FESTIVAL */

.com-dpcalendar-location {
  margin-top: 4em !important;
}

.com-dpcalendar-map .dp-button-bar {
  display: none;
}
.com-dpcalendar-map .dp-filter__form-container input {
  display: none;
}

.com-dpcalendar-map .dp-select {
  display: none;
}

.com-dpcalendar-map .dp-filter__form-container {
  display: none;
}

.com-dpcalendar-map .dp-filter__calendars .dp-calendar {
  display: none;
}

.leaflet-map-pane svg {
background-color: none !important;
/*opacity: 0.7 !important;*/
}
#system-message-container joomla-alert {
  display: none !important;
}

.com-dpcalendar-map .dp-event-tooltip__link {
  font-size: 1.3em !important;
}
.com-dpcalendar-map .dp-event-tooltip {
  font-size: 1.3em !important;
}
.com-dpcalendar-map .dp-event-tooltip__calendar {
  display: none;
}

.marker-cluster-small {
	background-color: rgba(237, 23, 102, 0.7) !important;
}

.marker-cluster-small div {
	background-color: rgba(237, 23, 102, 0.7) !important;
}

.marker-cluster-small div span {
	font-size:1.3rem !important;
}


/* EVÈNEMENT OUVERT EN MODAL BOX. */
.tingle-modal-box {
  height: auto !important;
  width:95% !important;
  max-width: 500px !important;
}
.tingle-modal-box__content {
  padding: 2em !important;
}


#jf_results #iframe {
  height: 350px !important;
  max-height: 400px !important;
}
.com-dpcalendar-event__image .dp-image {
  max-height: 328px !important;
}


/* CALENDRIER FESTIVALS  */

.festiCalendar {max-width: 350px !important;}

/* TIMELINE */

@media (min-width: 360px) and (max-width: 1080px) {
.com-dpcalendar-timeline .dp-event__image .dp-image  {
  width: 90% !important;
  height: auto !important;
  margin-bottom: 2em;
  float: left;
  margin-right: 1em;
  }
}
@media (min-width: 1081px) and (max-width: 2900px) {
.com-dpcalendar-timeline .dp-event__image .dp-image {
  width: 40%;
  height: auto !important;
  max-height: 240px !important;
  margin-bottom: 4rem;
  float: left;
  margin-right: 2em;
  }
  }

.dp-field-compagnie {
  margin-bottom: -1rem !important;

}
div.dp-event__calendar {
  display: none !important;
}
.com-dpcalendar-timeline__actions.dp-button-bar {
  justify-content: flex-start;
}
 .com-dpcalendar-timeline .dp-event__information {
   padding-bottom: 0px !important;
 }
.com-dpcalendar-timeline .dp-event__rrule {
  display:inline !important;
}
.com-dpcalendar-timeline .dp-event__dot {
  background-color:#000000;
  color:#ffffff;
}
.com-dpcalendar-timeline .dp-event__dot-date {
  font-size: 0.8em !important;
}
.com-dpcalendar-timeline .dp-event__title a {
  color: #ffffff !important;
}

.com-dpcalendar-timeline .dp-event__date {display:block !important;}
.com-dpcalendar-timeline .dp-event__locations a {
  padding-top:0px;
}



/*  IGNITE GALLERY - PROFIL GALERIE MOSAIQUE  */

@media (max-width: 991.98px) {
  #column-wrap-id-1751627990939 {
    max-width: 100% !important;
    flex-basis: 100% !important;
  }
}

@media (max-width: 1199.98px) {
  #column-wrap-id-1751627990939 {
    max-width: 100% !important;
    flex-basis: 100% !important;
  }
}

/* LIENS RESEAUX SOCIAUX EN FOOTER */
.reseaux {
  max-width: 150px !important;
  position: relative;
  display: block;
  float:right;
}
/*. BOUTON FLOTTANT RÉSEAUX SOCIAUX EN BAS DE PAGE . */
/*.btn-floating {
  border-radius : 10% !important;
  box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
}*/