:root{
    --pink: #C71754;
    --blue: #263D6A;
    --primary: var(--blue);
    --lightblue: #B2C3E5;
    --light: #EFF1F4;
    --white: #FFFFFF;
    --black: #000000;
}

/* ---------- Global ----------- */
#header__separate { background-color: var(--light); }
#search__button { background: linear-gradient(219deg, #E23772 0%, #FDD8E5 100%); color: var(--white)}
#footer__bar{ background-color: var(--blue)}
#footer__text{ color: var(--blue)}
.site-footer {background: transparent;}
footer .nav-link{ color: var(--blue)}
.breadcrumb-item { color: var(--blue)}
h1, h2 { color: var(--blue)}
.page-title-separate {  background-color: var(--pink)}
.more__link{ color: var(--pink); text-decoration: underline}
.page-link { color: var(--blue) }
.page-item.active .page-link { background-color: var(--blue); border-color: var(--blue) }
.page-title-separate { background-color: var(--pink)}
.pink-link a {color: var(--pink);}
.card-header {background-color: #F4F4F4;border-bottom : none;}
.bg-light, .breadcrumb
{background-color: var(--light)!important}
/* ---------- Barre de navigation ----------- */
.menu--main .navbar-nav .nav-item .nav-link { color: var(--blue); }
.menu--main .navbar-nav .nav-item::after { background-color: var(--pink); }
.menu--main .navbar-nav .nav-item .nav-link:hover { background: var(--pink); color: var(--white); }
.menu--main .dropdown-menu{ background: var(--light); }
.menu--main .dropdown-item.active a{ color: var(--pink); }
.menu--main .dropdown-item.active{ background: unset; color: var(--pink); }
.menu--main .dropdown-item a{ background: unset; color: var(--blue); }
.dropdown-item.active, .dropdown-item:active{background-color: var(--pink);}
.menu--main .dropdown-item{ color: var(--blue); }

/* ---------- Page d'accueil ----------- */
/* ------ Carousel Toute l'info ------ */
#carousel_toute_linfo .block__title { background-color: var(--pink); color: var(--white)}
#carousel_toute_linfo h3 a { color: var(--pink);}
#carousel_toute_linfo .pagination {  background: linear-gradient(219deg, #E23772 0%, #FDD8E5 100%); color: var(--white) }
#carousel_toute_linfo .pagination li { color: var(--pink); }
#carousel_toute_linfo .pagination li:hover { background-color: var(--white) }
#carousel_toute_linfo .pagination ol .active { color: var(--pink); background-color: var(--white)}
#carousel_toute_linfo #link_toutes_linfo { color: var(--white); text-decoration: underline}

/* ------ Carousel Actualités ------ */
#carousel_actualite .block__title { background-color: var(--pink); color: var(--white)}
#carousel_actualite  { background-color: var(--lightblue);}
#carousel_actualite h3 a { color: var(--pink);}
#carousel_actualite i { color: var(--blue) }
#carousel_actualite #link_toutes_actu{ color: var(--blue); text-decoration: underline}

/* ------ Bloc Accueil ------ */
.bloc_accueil-item{ color: unset }
.bloc_accueil-item span{ color: var(--white)   }
.bloc_accueil-item h3 {color: var(--white) }

/* ------ Bloc Agenda ------ */
#home_calendar .block__title{ background: var(--pink); color: var(--white);}
#home_calendar-container{ height: 198px}
#home_calendar-date{ background-color: var(--blue); color: var(--white)}

/* ------ Bloc Actualites ------ */
.bloc_accueil_actualite-item h4{color: var(--pink); }


/* ---------- Page Toute l'Info ----------- */
.page_toute_l_info-item h4 a{color: var(--pink); }

/* ---------- Page Agenda ----------- */
#page_agenda-filters li a{color: var(--pink); border: 1px solid var(--pink); transition: .5s}
#page_agenda-filters li a:hover{background-color: var(--pink); color: var(--white); transition: .5s}
.page_agenda-item h4 { background-color: var(--blue); color: var(--white) }
.page_agenda-item p{ background-color: var(--pink); color: var(--white) }
/* Paragraphe Service */
.info-block {background-color: var(--light); color: var(--blue);}
.info-block-titre {background-color: var(--blue);color: var(--white);}
/* Compte rendus */
#accordion .card {background-color: #fafafa}
#accordion a, #accordion .btn {color: var(--pink);}
/* Page bulletin */
.bulletin-card .bulletin-card-titre {background-color: var(--blue); color: var(--white);}
.bulletin-card a:hover {color: var(--pink);}
/* Annuaire asso */
.association-card {background-color:var(--light); }
.association-card-titre {background-color: var(--pink);color: var(--white);}
.association-card-titre a {color: var(--white);}
#annuaire-form input, #annuaire-form select {border-color: var(--pink);}
#annuaire-form input::placeholder, #annuaire-form select {color: var(--pink);}
#annuaire-form button {border-color : var(--pink);background-color: var(--white);color: var(--pink);transition: .5s}
#annuaire-form button:hover {background-color: var(--pink);color: var(--white);}
/* Contact */
#contact-info button {background-color: var(--pink);color: var(--white);border-color : var(--pink);transition: .5s}
#contact-info button:hover {background-color: var(--white);color: var(--pink);}
#contact-info input, #contact-info select, #contact-info textarea {border-color: #3C4A5B;}