:root {
  --alert-height: 0px;
   --offset-top: 352px;
}
html  { scroll-padding-top: var(--offset-top); }
.page_statique h2[id] { scroll-margin-top: 0; }
.guided-search ul {
  padding-left: 0;
}

.guided-search details ul:not(.menu) {
    padding-left: 1rem !important;
}

.guided-search {
    --bouton_radius: 999px;
}


.selection-thematique-subscribe {
  display:none;
}

a.pdf, a.external_link, a.internal_link{
 display: inline-block;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  word-break: break-word;
}
[data-history-node-id] [data-contextual-id] {
  margin-top:1em;
}

[data-history-node-id="2453"] h1 {
  display:none;
}

footer.site-footer .block.footer_block_menu {
  padding-left: 15px;
  padding-right: 15px;
}
nav.footer_container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.footer_container ul.nav.navbar-nav {
    display: flex;
    flex-direction: row;
    padding-left: 0;
    padding-bottom: 1rem;   
}
@media (max-width: 800px) {
	nav.footer_container {
		flex-direction: column;
		align-items: flex-start;
	}
	.footer_container ul.nav.navbar-nav {
		flex-direction: column;
	}
}
.footer_container .menu_container {
	flex: 1;
}

.footer_container ul.nav.navbar-nav li.nav-item {
    width: auto;
    background-color: unset;
    padding: 0;
}
.footer_container ul.nav.navbar-nav li.nav-item a {
    text-decoration: underline;
}
.footer_container ul.nav.navbar-nav li.nav-item a:hover {
    text-decoration: none;
}
.footer_container .clearfix::after {
    display: none;
}

.views-element-container .view-taxo .item-list > ul {
  display: flex;
  flex-wrap: wrap;
}

.views-element-container .view-taxo .item-list > ul > li {
  padding: 0;
  max-width: 360px;
}
.views-element-container .view-taxo .item-list > ul > li:has(.animation-teaser),
.views-element-container .view-taxo .item-list > ul > li:has(.bib_teaser_card)  {
  max-width: 100%;
  width: 100%;
  padding-block: .5rem;
}

.info-register a {
    padding-top: 1em;
    padding-bottom: 1em;
}

.info_content h4, .trainers_content h4 {
  font-size: 1em;
}

[class^=animation-single] .syrtis-event-hours .info-icon {
  margin-top: -1px;
}

/* Selection thematique */

.selection-thematique.block .owl-wrapper-outer {
  height: auto;
}

.pic-container {
  display: flex;
  justify-content: flex-end;
}

.pic-container img {
   width: 522px;
   height: 323px;
   border-radius:8px;
   object-fit: cover;
}

button.btn-toggle-acces-rapide {
  font-weight: 600;
  color: var(--primary_color_dark);
}
button.btn-toggle-acces-rapide:hover {
  text-decoration: underline;
}

.syrtis-list-teaser-1-container .view-footer {
  margin-top: 1rem;
}

.collection-list-date {
  font-weight: 600;
  color: var(--primary_color_dark);
  text-transform: capitalize;
}

.syrtis-list-teaser-1-container .collection-list-date,
.syrtis-list-teaser-2-container .collection-list-date
{
    margin-bottom: 1rem;
}

.syrtis-list-teaser-container .collection-list-date {
    margin-bottom: .5rem;  
}

.collection-view-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-inline: 1rem;
  gap: 1.5rem;
}

.collection-paragraph {
  padding-block: 1rem;
}

.collection-gradient-bg,
.collection-liens,
.collection-novelties,
.collection-cdc,
.collection-view {
  padding-block: 2rem;
  background: radial-gradient(40% 10% at 50% 0%,color-mix(in srgb, #F4F3F3, white 40%) 0%, transparent 100%);
}

.collection-liens h2,
.collection-novelties h2,
.collection-cdc h2,
.collection-view h2 {
  margin-bottom: .5rem;
}
.collection-view header {
  margin-bottom: 1rem;
}
.collection-view nav {
  margin-top: 1rem;
}
.collection-novelties .button-see-more,
.collection-cdc .button-see-more {
  display: block;
  width: fit-content;
  margin-left: auto;
  margin-top: 1rem;
}
.collection-list-acces-rapide {
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 1.5rem;
}

.collection-acces-rapide {
  width: calc((100% - 3rem) /4);
  height: 96px;
  align-items: center;
  padding-left: 2%;
  padding-right: 2%;
}

.collection-acces-rapide a {
   white-space: normal;
}

.syrtis-list-teaser-1-container {
  padding-block: 1.5rem;
}

.syrtis-list-teaser-1-container, 
.syrtis-list-teaser-1-container .syrtis-list-teaser-header,
.syrtis-list-teaser-1-container .selection-thematique.block,
.syrtis-list-teaser-1-container .view-footer {
  position: relative;
}
.syrtis-list-teaser-1-container::before {
  content:"";
  position: absolute;
  background-color: var(--title_section_color);
  width: 100vw;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: 100%;
}
.syrtis-list-teaser-1-container .desktop .selection-thematique-liste,
.syrtis-list-teaser-2-container .desktop .selection-thematique-liste {
  justify-content: space-between;
}

.syrtis-list-teaser-1-container .syrtis-list-teaser-header {
  column-gap: 2em;
  align-items: center;
  margin-bottom: 2rem;
}

.syrtis-list-teaser-1-container .syrtis-list-teaser-header > img {
  border-radius: 8px;
}

.syrtis-list-teaser-1-container .syrtis-list-teaser-header > * {
  flex:.5;
}

.syrtis-list-teaser-1-container .syrtis-list-teaser-chapo,
.syrtis-list-teaser-2-container .syrtis-list-teaser-chapo {
    text-transform: uppercase;
    color: var(--primary_color_dark);
    margin-bottom: .25rem;
}

.collection-novelties .owl-controls,
.collection-cdc .owl-controls {
  margin-top: 1rem !important;
}

.collection-novelties .owl-pagination,
.collection-cdc .owl-pagination,
.syrtis-list-teaser-1-container .owl-pagination,
.syrtis-list-teaser-2-container .owl-pagination {
  text-align: left;
}

.collection-novelties .owl-pagination .owl-page > span,
.collection-cdc .owl-pagination .owl-page > span,
.syrtis-list-teaser-1-container .owl-pagination .owl-page > span,
.syrtis-list-teaser-2-container .owl-pagination .owl-page > span {
  background-color: black;
}

.syrtis-list-teaser-container {
  background: #F4F3F3;
  border-radius: 15px;
  padding: 2rem;
  width: 250px;
  height: 415px;
}

.syrtis-list-teaser-container .syrtis-list-descr p {
  font-size: .875rem;
}

.syrtis-list-teaser-1-container h2 {
  margin-bottom: .25rem;
}
.syrtis-list-teaser-1-container h2 a:not(:hover),
.syrtis-list-teaser-2-container h2 a:not(:hover) {
  text-decoration:none;
}
.syrtis-list-teaser-1-container h2 a:hover,
.syrtis-list-teaser-2-container h2 a:hover {
  text-decoration:underline;
}

.syrtis-list-teaser-container h2,
.syrtis-list-teaser-container h2 a {
   font-weight:600;
   font-size:1.125rem;
   line-height:1.25;
   color: #373737;
}
.syrtis-list-teaser-container h2 a:not(:hover) {
  text-decoration:none;
}
.syrtis-list-teaser-container img {
   width: 186px;
   height: 162px;
   border-radius: 6px;
   object-fit: cover;
   margin-bottom: .5rem;
}

@media (max-width: 600px) {
  .syrtis-list-teaser-container {
    padding: .5rem;
    width: 160px;
    height: 350px;
  }
  .collection-view-list {
    padding-inline: 0;
    gap: .5rem;
  }
  .collection-list-acces-rapide {
    padding-inline: 0;
  }
  .collection-acces-rapide {
    width: calc((100% - 1rem) /2);
    height: 60px;
    align-items: center;
    padding: 12px 24px;
  }
  .collection-acces-rapide a {
    text-align: center;
    margin: auto;
  }
}

ul.selection-thematique-liste > li > .template_result {
  width: 150px;
}

/* Fin Selection thematique */


.node-animation .text, .animation-description p {
   max-width:600px;
}

.paragraphe_description {
    max-width: 750px;
    margin-inline: auto;
    padding-block: 50px 0px;
    position: relative;
}

.animation-lien-voir-plus {
    border: 1px solid var(--light--primary0);
    background-color: var(--light--primary0);
    color: var(--dark--text);
    padding: var(--bouton-padding-block) var(--bouton-padding-inline);
    border-radius: 0.25rem;
    text-decoration: none;
    transition: 0.3s;
    text-align: center;
}

.animation-lien-voir-plus:hover {
    background-color: var(--light--primary0-10);
    color: var(--light--text);
}

.image_focus img {
   border-radius: 1vw;
}
.focus_bandeau {
   padding-bottom: 3em;
   background-color: var(--light---neutre0-20);
}

#edit-searchbutton {
    background-color: #0a5e77 !important;
}
#edit-searchbutton.form-disabled  {
  background-color: #f8f9fa !important;
}

#edit-searchbutton:hover   {
  background-color: #e2e6ea !important;
}

button[data-id="edit-libraries"] {
  padding-right:1em;
}

.page_navigation p > a {
 display:block;
}

.page_statique_left {
  flex-shrink: 0;
  max-width: 25%;
  overflow-wrap: break-word;
}

.page_statique_right {
  flex: 1 1 0;
  min-width: 0;
}

ul li a svg, button svg {
 padding-right: 5px;
}
.page_navigation p a {
  position: relative;
  padding-left: 1rem;
}

.page_navigation a.active {
  font-weight: bold;
}

.page_navigation a.active::before {
    content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  bottom: 0.25em;
  width: 4px;
  border-radius: 2px;
  background-color: currentColor;
 /* content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1rem;
  height: 1rem;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'>\
<circle cx='12' cy='12' r='10'/>\
<circle cx='12' cy='12' r='4'/>\
<line x1='12' y1='2' x2='12' y2='6'/>\
<line x1='12' y1='18' x2='12' y2='22'/>\
<line x1='2' y1='12' x2='6' y2='12'/>\
<line x1='18' y1='12' x2='22' y2='12'/>\
</svg>");*/
}


#block-boutonafficherlacarte {
  background-color: #f8f9fa !important;
}

#block-boutonafficherlacarte:hover {
  background-color: #e2e6ea !important;
}




.bib_highlight {
    background: #EEEDED;
    padding: 1em;
}

.search_cat a:hover {
   color:#373737 !important;
}
.margin-bottom-1 {
  margin-bottom: 1em;
}

.actualite-bandeau-left {
    margin-right: 1em;
}

.breve-teaser > div {
 margin-bottom:0px !important;
}

.a-la-une_front_a_la_une_panel .breve-date {
  font-size:16px !important;
}

.en-savoir-plus-a-la-une {    
    font-size: 110%;
    font-weight: 700;
    border: 1px solid white;
    width: fit-content;
    padding: 0.5em;
    border-radius: 10px;
}

.a-la-une_front_a_la_une_panel:hover .en-savoir-plus-a-la-une {
  color: var(--primary_color_dark) ;
  background: white;
}

.a-la-une_front_a_la_une_panel p {
  margin-bottom: 0;
}
.a-la-une_front_a_la_une_panel.tile {
    position: relative;
}

.a-la-une_front_a_la_une_panel a.tile_link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.bloc_en_avant {
    margin-bottom: 1em;
}

/*** COPYRIGHT ***/

.image-with-badge {
  position: relative;
  display: inline-block;
  line-height: 0;
}

.image-with-badge img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Badge rond + texte à côté */
.copyright-badge {
  position: absolute;
  top: 8px;
  right: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px; /* espace entre texte et rond */
  cursor: default;
  user-select: none;
  z-index: 5;
}

/* Le rond © */
.copyright-circle {
  width: 22px;
  height: 22px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 15px;
  color: #111;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

/* Le texte qui apparaît à côté du rond */
.copyright-tooltip {
  background: #fff;
  color: #111;
  padding: 10px 10px;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.12);
  white-space: nowrap;
  font-size: 14px;
  opacity: 0;
  pointer-events: none;
  transform: translateX(6px);
  transition: opacity .16s ease, transform .16s ease;
}

/* Afficher le texte au survol / focus */
.copyright-badge:hover .copyright-tooltip,
.copyright-badge:focus-within .copyright-tooltip {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}

/* Petit effet focus accessibilité */
.copyright-badge:focus {
  outline: 2px solid rgba(0,120,215,0.3);
  outline-offset: 2px;
}

/*** FIN COPYRIGHT ***/

#navbar-main .btn {
  font-size:1.125em;
}

.bloc_en_avant {
    background: var(--section_color);
    padding: 2em;
    color:var(--text_color);
}

.site_search_date, .site_search_type {
 display:none;
}
.dropdown-item.active, .dropdown-item:active {
    color: #0a5e77;
    background:#0a5e7722;
}

a.pdf_inline:after {
  content: "";
  padding-right: 2em;
  position: relative;
  top: 2px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='%230a5e77' d='M8.66667 8.00004H10.6667L8 10.6667L5.33333 8.00004H7.33333V5.33337H8.66667V8.00004ZM10 2.66671H3.33333V13.3334H12.6667V5.33337H10V2.66671ZM2 1.99457C2 1.62941 2.29833 1.33337 2.66567 1.33337H10.6667L13.9998 4.66671L14 13.995C14 14.366 13.7034 14.6667 13.3377 14.6667H2.66227C2.29651 14.6667 2 14.3632 2 14.0055V1.99457Z'/></svg>");
}


a.internal_link_inline:after {
  content: "";
  padding-right: 2em;
  position: relative;
  top: 2px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='%230a5e77' d='M8.70714 5.40732L9.64994 6.35012C11.4724 8.1726 11.4724 11.1273 9.64994 12.9498L9.41427 13.1855C7.5918 15.0079 4.63704 15.0079 2.81459 13.1855C0.992142 11.3631 0.992142 8.40827 2.81459 6.58583L3.7574 7.52867C2.45566 8.8304 2.45566 10.9409 3.7574 12.2427C5.05915 13.5444 7.16967 13.5444 8.47147 12.2427L8.70714 12.007C10.0089 10.7052 10.0089 8.59467 8.70714 7.29294L7.76434 6.35012L8.70714 5.40732ZM13.1855 9.41427L12.2427 8.47147C13.5444 7.16967 13.5444 5.05915 12.2427 3.7574C10.9409 2.45566 8.8304 2.45566 7.52867 3.7574L7.29294 3.9931C5.99119 5.29485 5.99119 7.4054 7.29294 8.70714L8.23574 9.64994L7.29294 10.5927L6.35012 9.64994C4.52768 7.82754 4.52768 4.87274 6.35012 3.0503L6.58583 2.81459C8.40827 0.992142 11.3631 0.992142 13.1855 2.81459C15.0079 4.63704 15.0079 7.5918 13.1855 9.41427Z'/></svg>");
}

a.external_link_inline:after {
  content: "";
  padding-right: 2em;
  position: relative;
  top: 2px;
  display: inline-block;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='%230a5e77' d='M6.33333 3V4.66667H2.16667V13.8333H11.3333V9.66667H13V14.6667C13 15.1269 12.6269 15.5 12.1667 15.5H1.33333C0.8731 15.5 0.5 15.1269 0.5 14.6667V3.83333C0.5 3.3731 0.8731 3 1.33333 3H6.33333ZM15.5 0.5V7.16667H13.8333L13.8333 3.34417L7.33925 9.83925L6.16074 8.66075L12.6541 2.16667H8.83333V0.5H15.5Z'/></svg>");
}

.media--type-remote-video {
  position: relative;
  padding-bottom: 56.25%; /* ratio 16:9 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin: 1em auto; /* centrer dans la page */
}

.media--type-remote-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
  display: block;
}


.align-center.media {
  justify-content:center;
}


blockquote {
  font-style: italic;
  font-size: 1.1em;
  color: #333;                
  border-left: 4px solid var(--primary_color_dark);
  padding: 0.5em 1em;
  margin: 1.5em 0;
  background: #f9f9f9;      
  border-radius: 6px;
}

li:has(.breve-teaser) {
  background: none;
}
.breve-teaser {
  background:#fff !important;
  border: 2px solid #EEEDED !important  ;
}
div.breve-teaser path {
   fill: #949494 !important;
}
.breve-categories ul li a {
  background: #EEEDED !important;
}
.actualite-bandeau-a-la-une {
  background: #EEEDED !important;
}

.bloc_accueil_actualites .actualite-bandeau-teaser {
  background: #ecf6f8 !important;
}
.actualite-bandeau-teaser {
  background: #EEEDED !important;
}

.exposed_filters_agenda label[for="edit-field-cats-target-id"]{
  display:none;
}

footer.site-footer .bib_adr::before, 
footer.site-footer .bib_tel::before {
  filter: invert(1);
}

footer.site-footer .footer_title {
  color: #9bd0e0;
  font-size: 1.125rem;
}
footer.site-footer .content, 
footer.site-footer .content a:not(.primary_button) {
  color: white;
}

li:has(.actualite-bandeau-teaser) {
  background: none;
}

.light_section_color {
  background-color: #c1e0e9;
}

.actualite-bandeau-content::before {
  background-color: var(--search_bar_background_color) !important;
}


@media (max-width: 480px) {
  #header img.img-fluid, footer img.img-fluid {
    height: 80px !important;
  }
}

#syrtis-search-form .btn-syrtis-search {
  height: 90%;
}

.map_button img {
  height: 1rem;
  filter: invert(42%) sepia(93%) saturate(1352%) hue-rotate(230deg) brightness(50%) contrast(119%);
}

.bloc_accueil_newsletter::before {
  height: calc(100% + 20px);
}

.views-element-container ul {
  list-style: none;
}

.info-precisions ul {
 list-style: inside;
}

.bloc_accueil, .bloc_accueil > .content {
  position: relative;
  padding-block: 1rem;
}

.actualite-a-la-une-title {
  font-size: 2.5rem;
  font-weight: 700;
  text-align: left;
}

.actualite-a-la-une-title a {
  text-decoration: none;
}

.bloc_accueil_actualites img {
  min-width: 250px;
}

.actu_front_a_la_une_panel {
  color: var(--text_on_dark_color);
  display: flex;
  gap: 1rem;
}

.actu_front_a_la_une_panel > *:first-child {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}


.actu_front_teaser_panel{
    color: var(--text_on_dark_color);
	font-weight: 700;
    border-radius: .5rem;
    padding: 1rem;
    display: flex;
    gap: 1rem;
	background-color: rgba(255, 255, 255, 0.1);
}

.actu_front_teaser_panel a, .actu_front_a_la_une_panel a {
	color: var(--text_on_dark_color);
}

.actu_front_teaser_panel::before{
	color: rgba(255, 255, 255, 0.5);                                
    font-family: sans-serif;
    content: "\2197";                 
}

.bloc_accueil_actualites .field {
	margin-bottom: 0;
}

.bloc_accueil_actualites .row_group {
	display: flex;
    gap: 1rem;
}

.bloc_accueil_actualites .row_group > *:last-child:has( .node) {
	min-width: 25%;
}

#header {
    margin-bottom: 0;
  z-index: 200;
}

#header .field {
    margin-bottom: 0;
}

.leaflet-container a {
     color: var(--link_color);
}

.breadcrumb {
  background-color: transparent;
}

footer.site-footer .field {
    margin-bottom: 0;
}

.padding-block-1 {
    padding-block: 1rem;
}

.justify-content-center {
    justify-content: center;
}

footer.site-footer {
    margin-top: 0 !important;
}

#navbar-main {
  background-color: transparent;
  display: flex;
  flex-direction: column;
  margin: 0;
}

.navbar .container {
  width: 100vw;
  justify-content: flex-start;
}

.header_container .menu_container {
  flex:1;
}

.block_user_menu .nav {
  justify-content: flex-end;
}

#navbar-main .nav-link {
  color:var(--text_color);
  display: flex;
  align-items:center;
}

ul.nav {
  column-gap: 2rem;
}

.opac ul {
    list-style: none;
    margin:0;
    padding:0;
}

.nav-item a {
  text-decoration: none;
}


li.nav-item, li.nav-item a {
  font-size: var(--font_size);
  font-weight: 500;
}

/* CSS block recherche catégorie animation */
.search_block .search_cat {
  background: var(--primary_color_dark);
  padding:4px 8px 6px 12px;
  border-radius:8px;
  margin-right:15px;
  text-align:baseline;
}
.search_block .search_cat a {
  color:#fff;
  text-decoration:none;
}

.search_cat a:hover{
  color:#fff;
  cursor:pointer;
}

@media only screen and (max-width: 1200px) {
    .bib_hours_normal {
        width: 100%;
    }
}

.template_manifestation .editeur {
    display: flex;
    column-gap: .25rem;
}
  
@media only screen and (min-width: 1200px) {
    .bib_hours_normal {
        width: 50%;
    }
    .bib_teaser_card .bib_hours_normal {
        width: 100%;
    }
}

.prop_label, .concept_link_label {
  font-weight:bold; 
}
h1 {
  color:var(--primary_color_dark)!important;
  padding-bottom:1em;
}
h4 
{
font-size:0.25em;
color:var(--primary_color_dark);
}h5 
{
font-size:0.25em;
color:var(--primary_color_dark);
}
h6 
{
font-size:0.25em;
color:var(--primary_color_dark);
}
.accordion_generic .accordion_generic_panel > p + ul{
 margin-top: -13px;
}
.accordion_generic .accordion_generic_panel > p:first-child + ul,
.accordion_generic .accordion_generic_panel > p:first-child + ol{
 margin-top: unset !important;
}
.accordion_generic_panel > *:first-child {
  margin-bottom:unset !important;
}

.page_statique p + ul,
.page_statique p + ol{
 margin-top: -12px; 
}
.bootstrap-select .dropdown-toggle::after{
  margin-left: 5px;
}
nav.tabs,
.messages__wrapper{
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}
#navbar-main .nav-link:hover, #navbar-main .nav-link.active {
   color: #006a76;
   background: #e6f0f1;
   border-radius: 5px;
}
.dropdown-item:hover {
   color: #373737;
   background: #e6f0f1;
}
.dropdown-item.active, .dropdown-item:active {
   color: #373737;
   background: #e6f0f1; 
}
@media (min-width: 1025px) {
  .page_navigation {
    top: calc(240px + var(--alert-height));
	position: sticky;
  }
  ol.breadcrumb{
    margin-bottom: 0;
  }
  .node--view-mode-full h1,
  .title-agenda,
  .sticky-title,
  main .content h1{
    top: calc(172px + var(--alert-height)) !important;
    position: sticky;
    width: 100vw;
    z-index: 99;
    margin: 0 calc(-1 * ((100vw - 1110px) /2)) !important;
    padding: 10px calc((100vw - 1110px) /2) 1em;
  }
  .block-system-breadcrumb-block{
	position: sticky;
    top: calc(130px + var(--alert-height));
    width: 100vw;
    z-index: 99;
    margin: 0 calc(-1 * ((100vw - 1110px) /2));
    padding: 0 calc((100vw - 1110px) /2);
  }
}

@media (max-width: 1024px) {
   .page_navigation {
    top: calc(240px + var(--alert-height));
	position: sticky;
  }
  .block-system-breadcrumb-block{
	position: sticky;
    top: calc(129px + var(--alert-height)) !important;
    z-index: 99;
	width: 100%;
    margin: 0;
    padding: 0;
  }
   .node--view-mode-full h1,
  .title-agenda,
  .sticky-title,
  main .content h1{
    top: calc(164px + var(--alert-height)) !important;
    position: sticky;
    z-index: 99;
	width: 100%;
    margin: 0 0 30px;
    padding: 0;
  }
}

@media (max-width: 767px) {
  .block-system-breadcrumb-block{
    top: calc(87px + var(--alert-height)) !important;
  }
   .node--view-mode-full h1,
  .title-agenda,
  .sticky-title,
  main .content h1{
    top: calc(118px + var(--alert-height)) !important;
  }
}
.node--view-mode-full h1, 
.title-agenda, 
.sticky-title, 
main .content h1,
.block-system-breadcrumb-block{
 background-color: #ffffff; 
}
.node--type-animation{
    .block-system-breadcrumb-block,
    nav.tabs,
    .actualite-bandeau,
    .alert-wrapper,
    .content h1{
        background-color: var(--light---neutre0-20);
      position: inherit;
    }
}
.node--type-mediatheque{
    .block-system-breadcrumb-block,
    nav.tabs,
    .actualite-bandeau,
    .alert-wrapper,
    .content h1{
        background-color: var(--title_section_color);
      position: inherit;
    }
}
.node--type-actualite{
    .block-system-breadcrumb-block,
    nav.tabs,
    .actualite-bandeau,
    .alert-wrapper,
    .content h1{
        background-color: var(--search_bar_background_color);
        position: inherit;
    }
  main .content h1{
    margin: 0 !important;
    padding: 0;
    width: auto;
    
  }
}

.node--type-actualite,
.node--type-mediatheque,
.node--type-animation{
  nav.tabs{
    position: relative;
  }
    main .content h1{
    margin: 0 !important;
    padding: 0;
    width: auto;
  }
}
.node--view-mode-full .syrtis-list-teaser-1-container h1{
  width: auto;
  background-color: transparent;
}
.syrtis-search-form-v2-container{
 position: relative;
  z-index:100;
}
form.syrtis-search-form-v2 .block-search-block-guided-search .guided-search__dropdown{
 z-index: 300 !important; 
}

@media (max-width: 767px) {
  .page_navigation {
    display: none;
  }
}