.single-association {
    width: 85%;
    max-width: 88rem;
    min-height: 100vh;
    margin: auto;
    color: #00186D;
}

.single-asso__enticing-title {
    color: #730E5D;
    font-size: 32;
    font-weight: 900;
    line-height: 35px;
}

.single-asso__thematique-badge {
    display: inline-block;
    padding: 6px;
    margin-right: 6px;
    margin-bottom: 6px;
    border: 1px solid #730E5D;
    border-radius: 6px;
    font-size: 16px;
    color: #730E5D !important;
    text-decoration: none;
    text-box-trim: trim-both;
}

.single-asso__info-text {
    color: #00186D !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100%;    
    font-weight: 700 !important;
    font-size: 15px;
}

.single-asso__link {
    display: flex;
    align-items: center;
    padding: 15px 22px;
}

.single-asso__link::before {
    content: url(../assets/img/website.svg);
    margin-right: 8px;
    display: inline-block;
    margin-bottom: 3px;
}

.link-single-asso {
    margin: 0;
    font-size: 15px;
    color: #00186D;
}

.single-asso__link::after {
    content: "";
    background: url(../assets/img/exit.svg) no-repeat center center;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    vertical-align: bottom;
    margin-left: 4px;
    margin-bottom: 3px;
    display: inline-block;
}

.single-asso__main {
    padding: 2.5rem 3.5rem 4rem 3.5rem;
    background-color: #fff;
    max-width: 100%;
    border-radius: 25px;
}

@media (min-width: 1600px) {
    .single-asso__main {
        padding: 2.5rem 3.5rem 4rem 3.5rem;
    }

    .single-asso__body {
        margin: 0rem 8rem 0rem 8rem;
    }

    .single-post__main--header {
        flex-direction: row;
        align-items: normal;
    }

    .single-asso__main--head {
        width: 60%;
    }

    .single-asso-image {
        margin-right: 3rem;
    }

    .single-asso__bottom {
        flex-direction: row;
    }

    .single-asso__files {
        margin-left: 1rem;
        width: 200%;
        padding-left: 3rem;
    }


    .single-asso__link--div {
        font-size: 1rem;
    }
}

/* Media query pour les écrans de moins de 1600px */
@media (max-width: 1600px) {
    .single-asso__main {
        padding: 2.5rem 3.5rem 4rem 3.5rem;
    }

    .single-asso__body {
        margin: 0rem 3rem 0rem 3rem;
    }

    .single-post__main--header {
        flex-direction: row;
        align-items: normal;
    }

    .single-asso__main--head {
        width: 60%;
    }

    .single-asso-image {
        margin-right: 3rem;
    }

    .single-asso__bottom {
        flex-direction: row;

    }

    .single-asso__files {
        margin-left: 1rem;
        width: 200%;
        padding-left: 3rem;
    }

    .single-asso__main--title {
        font-size: 3.2rem !important;
    }

    .single-asso__link--div {
        font-size: 1rem;
    }
}

@media (max-width: 1150px) {
    .single-asso__main {
        padding: 1.7rem;
        overflow: hidden;
    }

    .single-asso__body {
        margin: 0rem 0rem 0rem 0rem;
    }

    .single-asso__main--title {
        font-size: 2rem !important;
    }

    .single-asso__thematique-badge,
    .single-asso__departements,
    .single-asso__info-text {
        font-size: 14px;
    }

    .single-asso__website {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
    }

    .single-asso__enticing-title {
        font-size: 26px;
    }

    .single-asso__main--head {
        width: 100%;
        margin-top: 25px;
    }

    .single-asso-image {
        margin-right: 0rem;
    }

    .single-post__main--header {
        flex-direction: column;
        align-items: center;
    }

    .single-asso__bottom {
        flex-direction: column;
    }

    .single-asso__files {
        margin-left: 0rem;
        padding-left: 0rem;
        width: 100%;
    }

    .single-asso__link--div {
        font-size: 0.68rem;
        width: 180px;
    }

    .single-asso__contact {
        width: auto;
    }

    .single-asso__link {
        padding: 14px 20px;
    }

    .single-asso__link::after {
        background-size: 18px 18px;
        width: 18px;
        height: 18px;
    }

    .single-asso__link::before {
        content: none;
    }

    .link-single-asso {
        font-size: 13px;
    }
}

.single-post__main--header {
    display: flex;
}

.single-asso__header {
    justify-content: left;
    max-width: 100%;
}

.single-asso__header--title {
    align-self: normal;
}

/* div retour aux annuaires */
.single-asso__back {
    margin: 2rem 0rem 0rem 0rem;
    border-radius: 25px;
}

.single-asso__main--head {
    color: #00186D !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.single-asso-image {
    border: 1px solid #00186D !important;
    border-radius: 15px;
    padding: 10px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: auto; */
    max-width: 22rem;
    max-height: 18rem;
}

.single-asso-image img {
    max-width: 100%;
    height: auto;
    min-height: 3rem;
    object-fit: contain;
    display: block;
    border: #ffffff00 !important;
}

.single-asso__departements::before {
    content: url(../assets/img/department.svg);
    vertical-align: sub;
    margin-right: 12px;
    display: inline-block;
}

.single-asso__public::before {
    content: url(../assets/img/public.svg);
    vertical-align: sub;
    margin-right: 12px;
    margin-top: 8px;
    display: inline-block;
}

.single-asso__website::before {
    content: url(../assets/img/website.svg);
    vertical-align: sub;
    margin-right: 12px;
    display: inline-block;
}

.single-asso__icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-left: 4px;
    margin-bottom: 2px;
}

.single-asso__infos {
    margin-top: 8px;
}

.single-asso__enticing {
    margin: 30px 0rem 20px 0rem;
}

.single-asso__mission {
    display: flex;
    align-items: center;
}

.single-asso__mission::before {
    content: url(../assets/img/mission.svg);
    margin-right: 0.5rem;
    display: inline-block;
}

.single-asso__mission h3 {
    font-size: 20px;
    font-weight: 900 !important;
    color: #00186D;
    margin: 0;
}

.contenu-mission p {
    font-size: 16px;
    margin-top: 22px;
    margin-bottom: 0;
}

.single-asso__bottom {
    display: flex;
}

.single-asso__contact {
    background-color: #EBF0FF;
    border-radius: 15px;
    padding: 22px;
    display: inline;
}

.single-asso__contact--title::before {
    content: url(../assets/img/contact.svg);
    vertical-align: sub;
    margin-right: 10px;
    display: inline-block;
}

.single-asso__contact--title h3 {
    font-size: 20px;
    color: #00186D;
    font-weight: 900;
    text-align: text-bottom;
    margin: 0;
    display: inline-flex;
}

.single-asso__link--div {
    margin-top: 1rem;
    border: 2px solid #00186D;
    color: #00186D;
    font-weight: bold;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: fit-content;
}

.single-asso__text {
    color: rgb(86, 85, 85);
    font-size: 16px;
    margin-top: 17px;
    margin-bottom: 17px;
    line-height: 22px;
}

.single-asso__files--title::before {
    content: url(../assets/img/file.svg);
    vertical-align: sub;
    margin-right: 10px;
    display: inline-block;
}

.single-asso__files--title {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.single-asso__files--title h3 {
    font-size: 20px;
    color: #00186D;
    font-weight: 900;
    margin: 0;
}

.single-asso__files--pdf::before {
    content: url(../assets/img/pdf.svg);
    display: inline-block;
    margin-right: 8px;
    margin-top: -2px;
}

.single-asso__files--pdf {
    display: flex;
    align-items: center;
}

.single-asso__bottom {
    display: flex;
}

.single-asso__contact.with-files {
    width: 40%;
}

.single-asso__files {
    width: 60%;
}

.single-asso__contact.no-files {
    width: 100%;
}

@media (max-width: 1150px) {
    .single-asso__bottom {
        flex-direction: column;
    }

    .single-asso__contact.with-files,
    .single-asso__files,
    .single-asso__contact.no-files {
        width: auto;
    }

    .single-asso__contact--title::before {
        margin-left: 0px;
    }

    .single-asso__contact--title h3,
    .single-asso__files--title h3 {
        font-size: 18px;
    }
}

.single-asso__files--pdf {
    font-size: 14px;
}

.single-asso__website {
    display: inline-flex;
    align-items: normal;
    max-width: 100%;
    margin-top: 8px;
}

.single-asso__info-text-wrapper {
  display: flex;
  align-items: center;
  min-width: 0;
  max-width: 100%;
}

.single-asso__departements .single-asso__info-text,
.single-asso__public .single-asso__info-text {
    overflow: visible;
}

.single-asso__website .single-asso__info-text {
    overflow: hidden;
}

.single-asso__files--pdf a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}