#main .description-projet .open-description {
    cursor: pointer;
    user-select: none;
}
#main .description-projet .open-description::before {
    content: 'Voir plus d\'information';
}

#main .description-projet .box-description {
    width: clamp(0px, 500px, 80%);
    height: clamp(0px, 800px, calc(90% - 70px));
    position: absolute;
    overflow: hidden;
    background-color: var(--black);
    border: var(--border-global);
    border-radius: 6px;
    box-shadow: 0 0 12px #000a;
    z-index: var(--z-index-description-projet);
    top: 70px;
    right: -520px;
    box-sizing: border-box;
    transition: var(--transition-10);
}

#main .description-projet .box-description.open {
    right: 1%;
}

#main .description-projet .box-description .close-description {
    display: flex;
    width: 100%;
    min-height: max-content;
    justify-content: right;
    box-sizing: border-box;
    background-color: var(--black-dark);
    border-bottom: var(--border-global);
    padding: 5px;
}
#main .description-projet .box-description .close-description svg {
    cursor: pointer;
    user-select: none;
    padding-right: 5px;
}

#main .description-projet .box-description .box-content {
    overflow-y: scroll;
    scroll-behavior: smooth;
    height: calc(100% - 30px);
    padding: 5px;
    box-sizing: border-box;
}

#main .description-projet .box-content a {
    color: var(--font-blue);
}

#main .box-content .head {
    padding-bottom: clamp(5px, 1vw, 15px);
}
#main .box-content .head h3 {
    font-size: var(--fs-24);
    font-weight: 500;
    margin-block: 10px;
}
#main .box-content .head p,
#main .box-content .head p * {
    font-size: var(--fs-16);
}

#main .box-content .category {
    padding-top: clamp(10px, 1.5vw, 20px);
}
#main .box-content .category h4 {
    font-size: var(--fs-18);
    margin-bottom: 10px;
}

#main .box-content .category.summary li *,
#main .box-content .category.summary + .category li * {
    font-size: var(--fs-16);
}

#main .box-content .category * {
    font-size: var(--fs-15);
}


#main .box-content .category p,
#main .box-content .category ul {
    padding-left: clamp(10px, 1vw, 20px);
}

#main .box-content .category ul {
    list-style: inside;
}

#main .box-content .category ul li {
    margin-block: 4px;
}

#main .box-content .category p {
    margin-bottom: 5px;
}