/* Set padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.liste-avis{
    height: 700px;
}

/**** TABLE SATISFACTION ET REUSSITE ****/
.tableTauxSatisfactionReussite {
    width: 100%;
    border-collapse: separate; /* important pour border-radius */
    border-spacing: 0;
    border-radius: 8px; /* arrondir les bords du tableau */
    overflow: hidden; /* masque les coins */
    box-shadow: 0 4px 8px rgba(0,0,0,0.05);
}

    .tableTauxSatisfactionReussite thead {
        background-color: rgb(129 35 30 / var(--tw-bg-opacity, 1));
        color: #fff;
    }

.tableTauxSatisfactionReussite th, .tableTauxSatisfactionReussite td {
    padding: 12px 15px;
    text-align: left;
}

.tableTauxSatisfactionReussite tbody tr:nth-child(even) {
    background-color: #f5f5f5; /* gris clair */
}

.tableTauxSatisfactionReussite tbody tr:nth-child(odd) {
    background-color: #ffffff; /* blanc */
}

.tableTauxSatisfactionReussite tbody tr:hover {
    background-color: #e0f0ff; /* léger effet hover */
}

.tableTauxSatisfactionReussite th:first-child {
    border-top-left-radius: 8px;
}

.tableTauxSatisfactionReussite th:last-child {
    border-top-right-radius: 8px;
}

.tableTauxSatisfactionReussite tbody tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
}

.tableTauxSatisfactionReussite tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}

/**** Page FormationDetail ****/

/**** Gestion menus ****/
#programme,
#public-prerequis,
#modalites,
#methodes-mobilisees,
#contact,
#avis {
    display: none;
}

#LienObjectifs {
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
}

#LienProgramme:hover,
#LienObjectifs:hover,
#LienPublicPrerequis:hover,
#LienModalites:hover,
#LienMethodesMobilisees:hover,
#LienContact:hover,
#LienAvis:hover {
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
}

.ul-lien-formation-detail{
    display: flex;
    flex-direction: column;
}

.ul-lien-formation-detail li{
    margin-bottom: 15px;
    width: 100%;
}

@media screen and (min-width: 640px) {

.ul-lien-formation-detail{
    flex-direction: row;
}

.ul-lien-formation-detail li{
    margin-bottom: auto;
    width: auto;
}
}