body {
    font-size: 16px;
}

.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}


/* lien évitemment */
.skiplink-container:not(.visually-hidden) {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    min-height: 2.6rem;
    width: 100%;
    margin: 0;
    align-items: center;
    background-color: #B2105A;
    padding-left: calc((100% - 144rem) / 2 + 27.5rem);
    z-index: 101;
}


@media only screen and (max-width:90em) {
    .skiplink-container:not(.visually-hidden) {
        padding-left: 3rem;
    }
}

.skiplink-container:not(.visually-hidden) a {
    color: #FFFFFF;
    padding: 1.2rem 0;
    font-size: calc(1.2rem + 0.8vw);
}

.skiplink-container:not(.visually-hidden) a::after {
    content: "|";
    display: inline-block;
    margin: 0 0.8rem;
}

.skiplink-container:not(.visually-hidden) a:last-of-type::after {
    content: "";
    display: inline;
    margin: 0 0.8rem;
}



.bg-savoirplus {
background-color: #96235a2E !important;
}

.btn-link {
color: #96235a;
}

.page-link {
color: #96235a;
}
.page-link:hover, .page-link:focus {
color: #96235a;
}


/* gestion des popup */

.popover {
    max-width: 100%; /* Max Width of the popover (depending on the container!) */
}

.popover-header {
margin-top:0px;

}




/* partie gesiton lien reseau sociaux */
.SocialSharingButtons .btn {
margin-bottom: 10px;    
}

/* gestion de la pagination */

.content-section .pagination {
list-style: none;
}


.page-item .page-link {
color: #96235a;
}

.page-item.active .page-link {
background-color: #96235a;
border-color: #96235a;
}


/* gestion de la présentation des évenements et articles  */

.ui.cards a.card:hover,
.ui.cards a.card:focus,
.ui.link.card:hover,
.ui.link.card:focus,
.ui.link.cards .card:hover,
.ui.link.cards .card:focus,
a.ui.card:hover,
a.ui.card:focus {
 z-index:1;
}


.ui.card > .extra, .ui.cards > .card > .extra {
    font-size: 13px;
}



.section-partage, .section-tag-articles {
margin-bottom: 50px;
font-weight: bold;
}


.section-field {
  width: 100%;
    box-sizing: border-box;
    border-top: 0.1rem solid #ABABAB;
    padding: 1em 0 0;
    color: #3E3E3E;
    font-family: "Favorit",sans-serif;
    font-size: 1.2rem;
    letter-spacing: .058rem;
}

.field {
    margin-top: 1.1rem;
    }

.field .field-item, .field .prefix {
    color: #3E3E3E;
    letter-spacing: .058rem;
    line-height: 1.9rem;
    font-weight: normal;
    display: inline;
    float: none;
    padding-right: 0;
}



.evenement-detail {}

.evenement-detail ul {
    font-size: initial;
}


/* gestion des boutons accodion personnalisé couleur RHF */

.accordion-button:not(.collapsed) {
color: #96235a;
background-color: #96235a2E;
}


.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2396235a'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


/* gestion des boutons accodion personnalisé couleur RHF - dans l'espace personnel */

.espace-membre .accordion-button {
border: none;
height: 20px; 
background-color: inherit;
padding-top: 1rem;
padding-right: 1.25rem;
padding-bottom: 1rem;
padding-left: 0rem;
}

.espace-membre .team-section .accordion-button {
height: auto; 
}



.espace-membre .accordion-button:not(.collapsed) {
color: #96235a;
background-color: inherit;
box-shadow: none;
}


.espace-membre .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2396235a'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.lh-1 {
width: 100%;
}

@media (max-width: 991.98px) {
  .offcanvas-collapse {
    position: fixed;
    top: 56px; /* Height of navbar */
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #343a40;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
  }
  .offcanvas-collapse.open {
    visibility: visible;
    transform: translateX(-100%);
  }
 
  .lh-1
{
line-height: normal;
}
  
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  color: rgba(255, 255, 255, .75);
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-underline .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: #6c757d;
}

.nav-underline .nav-link:hover,
.nav-underline .nav-link:focus {
  color: #007bff;
}

.nav-underline .active {
  font-weight: 500;
  color: #343a40;
}

.text-white-50 { color: rgba(255, 255, 255, .5); }

.bg-purple { background-color: #96235a; }



/* partie filtre articles, faq, evenements */


.filters .footer {
 display:flex;
 margin-top:1rem;
 padding-top:1rem;
 border-top:0.1rem solid #CECECE;
 align-items:center;
}
.filters .footer.hidden {
 display:none;
}
/* 
@media only screen and (max-width:40em) {
 .filters .footer {
  display:block;
 }
}
*/
.filters .footer .label,
.filters .header .label {
 flex-shrink:0;
 font-size:1.6rem;
 font-weight:bold;
 line-height:1.875;
 color:#20001F;
}
/*
@media only screen and (max-width:40em) {
 .filters .footer .label {
  display:inline;
 }
}*/

.filters .footer .active-filters {
 margin-left:1.9rem;
}
/* 
@media only screen and (max-width:40em) {
 .filters .footer .active-filters{
  display:inline;
 }
}
*/
.filters .footer .active-filters .active-filter
{
 position:relative;
 display:inline-block;
 margin:0.4rem 0.4rem 0.4rem 0;
 padding:0 1rem 0 1rem;
 border:0.1rem solid #7B2379;
 border-radius:1.5rem;
 font-size:1rem;
 line-height:2rem;
 color:#7B2379;
 cursor:pointer;
 background-color:#FFFFFF;
 transition:all cubic-bezier(0.19,1,0.22,1) 0.5s;
}
/*
@media only screen and (max-width:64em) {
 .filters .footer .active-filters .active-filter,
  .filters .footer .active-filters .active-filter
 {
  margin-right:0.8rem;
 }
}
*/
.filters .footer .active-filters .active-filter:hover,
.filters .footer .active-filters .active-filter:focus {
 background-color:#7B2379;
 color:#FFFFFF;
}

.filters .footer input {
 height:auto;
 margin:0 0 0 auto;
 padding:10px 28px 11px 28px; 
 border:0.1rem solid #96235a;
 border-radius: 50px;
 text-align:center;
 line-height:1.8rem;
 font-size:1.2rem;
 color:#96235a;
 background-color:transparent;
 text-decoration:none;
 transition:all cubic-bezier(0.19,1,0.22,1) 0.5s;
}
/*
@media only screen and (max-width:64em) {
 .filters .footer input {
  font-size:1.6rem;
 }
}
@media only screen and (max-width:40em) {
 .filters .footer input {
  display:block;
  margin:3rem auto 0;
 }
}
*/

.filters .footer input:hover,
.filters .footer input:focus {
 background-color:#96235a;
 color:#FFFFFF;
}
.filters .form-type-select {
 margin:0;
}
.filters .form-type-select label {
 display:block;
 font-size:1.6rem;
 font-weight:bold;
 line-height:1.875;
 color:#20001F;
 padding-left:1.8rem;
}
.filters .form-type-select select {
 min-width:0;
 width:100%;
}



/* -----------------------------------*/
/*                                    */
/* partie du bloc MUT Video           */
/*                                    */
/* ---------------------------------- */

.carousel-indicators {
  position: unset;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 1em;
}
.carousel-indicators [data-bs-target] {
  text-indent: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  background-color: transparent;
  border-bottom: 1px solid #000;
  border-top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.carousel-indicators [data-bs-target].active {
  color: #B2105A;
}
.carousel {
  background-color: white;
}

.carousel-inner video {
  height: 400px;
  width: 100%;
  padding: 1em;
  margin: auto;
}

@media screen and (min-width: 576px) {
  .carousel {
    padding-bottom: 2em;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 1em;
    font-size: 1.3em;
  }
}