@import url('https://www.nuoma-mutuelle.fr/faq_dossier/fonts.css');

body {
    font-family: 'Apercu Pro', sans-serif !important;
    background-color: white;
    color: #384551;
}

a {
    color:#BC1722;
    text-decoration: none;
}

.list-group-item svg {
    vertical-align: sub;
}
.faq-content svg{
    vertical-align: text-bottom;
}

/* Texte regular */
.regular {
    font-family: "Apercu Pro", sans-serif;
    font-weight: 400; /* Regular */
    font-style: normal;
}

/* Texte en gras */
.bold {
    font-family: "Apercu Pro", sans-serif;
    font-weight: 700; /* Bold */
    font-style: normal;
}

/* Texte en léger (light) */
.light {
    font-family: "Apercu Pro", sans-serif;
    font-weight: 300; /* Light */
    font-style: normal;
}

/* Texte en medium */
.medium {
    font-family: "Apercu Pro", sans-serif;
    font-weight: 500; /* Medium */
    font-style: normal;
}

/* Texte en light italic */
.light-italic {
    font-family: "Apercu Pro", sans-serif;
    font-weight: 300; /* Light */
    font-style: italic;
}

.color-bleu {
    color: #1C2258;
}


/* FIL D’ARIANE */
.breadcrumb-container {
    padding: 10px 20px;
}

.breadcrumb a {
    text-decoration: none;
    color: #BC1722;
}

/* PREMIER BLOC */
.faq-header {
    background-color: #F3F4FF;
    padding: 40px;
    border-radius: 10px;
    background-image: url(fond-title.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.faq-header .titre{
    color: #1C2258;
}

/* MENU CATEGORIES */
.faq-categories .list-group-item {
    background-color: transparent;
    border: none;
    border-radius: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    text-align: left;
    padding: 10px;
    color: #384551;
    stroke: #384551;
}

.faq-categories .list-group-item:hover {
    background-color: #F4DADB;
    color: #BC1722;
}

.faq-categories .list-group-item:hover svg path{
    fill: #BC1722;
    stroke: #BC1722;
}

.faq-categories .list-group-item.active {
    background-color: #BC1722;
    color: white;
}

.faq-categories .list-group-item.active svg path{
    fill: white;
    stroke: white;
}

/* ACCORDÉON */
.accordion-item{
    border:#384551 1px solid;
}

.accordion-button {
    background-color: white;
    color: #384551;
    font-weight: bold;
    /*border: 1px solid #384551;*/
}

.accordion-button:not(.collapsed) {
    background-color: white;
    color: #384551;
    box-shadow:none;
}

.accordion-body {
    /*border: 1px solid #384551;*/
    padding: 15px;
}

.accordion-button:focus {
    border-color : transparent;
    box-shadow : none;
}

/* CONTACT */
.contact-box {
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
}

.title {
    font-size: 20px;
}

.contact-item {
    background-color: #F2F3F4;
}

.icon-contact {
    width: 55px;
}

.num {
    font-size: 20px;
}

.link-form {
    color:#1C2258;
    text-decoration: underline;
}

/* QUESTION */

.criteria {
    background: #f0f0f0;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
    list-style-type: none;
}