:root
{
    --ar: 22px;
    --fr: 14px;
}

/* ---------------------------------------- */

#div_liste_ut_volume
{
    padding-left: 25px;
    width: 650px;
}

#UT_ALREADY
{
    background-color: white;
    list-style-type: none;
    padding-left: 10px;
    padding-right: 10px;
    height: 250px;
    overflow-y: auto;
    margin-top: 0px;
    cursor: pointer;
}

#UT_ALREADY li
{
    font-size: var(--fr);
    font-family: Arial;
    white-space: normal;
}

#UT_ALREADY li:hover
{
    background-color: #e95420; /* orange moyen */
    color: white;
}

#UT_ALREADY li:focus
{
    outline: none; 
}

#div_btn_liste_ut
{
    padding-left: 30px;

    display: flex;
    flex-direction: column;

}

#div_insert_btn
{
	float: left;
    padding-left: 15px;
}

/* -------------------------- */

.UT_form_line
{
    display: flex;
    flex-direction: row;
    padding-top: 5px;
    padding-bottom: 5px;
}

.UT_libelle
{
    width: 170px;
}

.UT_input
{
    padding-left: 15px;
}

#UT_REPERE
{
    width: 250px;
    padding-left: 10px;
    padding-right: 10px;
}

#UT_buttons
{
    width: 500px;
    text-align: right;
    padding-right: 15px;
}

#UT_AUTEUR
{
    width: 800px;
    font-size: var(--ar);
    padding-left: 10px;
    padding-right: 10px;
    font-family: Arial;
}

#UT_DEBUT_TEXTE
{
    width: 800px;
    text-align: right;
    direction: rtl;
    padding-left: 10px;
    padding-right: 10px;
    font-size: var(--ar);
    font-family: Arial;
    resize: vertical;
    overflow: hidden;
}

#UT_FIN_TEXTE
{
    width: 800px;
    text-align: right;
    direction: rtl;
    padding-left: 10px;
    padding-right: 10px;
    font-size: var(--ar);
    font-family: Arial;
    resize: vertical;
    overflow: hidden;
}

#UT_LIGNE
{
    width: 200px;
    padding-left: 10px;
    padding-right: 10px;
}

#UT_INTITULE
{
    width: 800px;
    text-align: right;
    direction: rtl;
    padding-left: 10px;
    padding-right: 10px;
    font-size: var(--ar);
    font-family: Arial;
}

#UT_DATE_AQ
{
    width: 60px;
    padding-left: 10px;
    padding-right: 10px;
}

#UT_DATE_PQ
{
    width: 60px;
    padding-left: 10px;
    padding-right: 10px;
}

#UT_NOM_MENTIONNE
{
    width: 800px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: var(--ar);
    font-family: Arial;
}

#DIV_LISTE_SEARCH_NOM_CANONIQUE_AUTRE_RESPONSABILITE
{
    max-width: 608px;
    overflow-x: auto;
}

#SELECT_UT_NOM_CANONIQUE_AUTRE_RESPONSABILITE
{
    padding-left: 10px;
    padding-right: 10px;
}

#NOM_AUTRE_RESPONSABILITE
{
    width: 450px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: var(--ar);
    font-family: Arial;
}

#LISTE_AUTRES_RESPONSABILITES
{
    padding-left: 10px;
    padding-right: 10px;
    font-size: var(--ar);
    font-family: Arial;
}

#UT_TRANSCRIPTION
{
    width: 800px;
    text-align: right;
    direction: rtl;
    padding-left: 10px;
    padding-right: 10px;
    font-size: var(--ar);
    font-family: Arial;
    resize: vertical;
    overflow: hidden;
}

#div_liste_autres_responsabilites
{
    display: flex;
    flex-direction: row;;
}

#UT_NOM_AUTRE_RESPONSABILITE
{
    font-family: Arial;
    font-size: var(--ar);
    width: 600px;
}

#UT_NOM_CANONIQUE_AUTRE_RESPONSABILITE
{
    font-family: Arial;
    font-size: var(--ar);
    width: 600px;
}

#ul_autres_resp
{
    background-color: white;
    list-style-type: none;
    padding-left: 10px;
    padding-right: 10px;
    max-height: 250px;
    max-width: 750px;
    overflow-y: auto;
    margin-top: 0px;
    cursor: pointer;
}

#ul_autres_resp li
{
    font-size: 14px;
    font-family: Arial;
    white-space: normal;
}

#ul_autres_resp li:hover
{
    background-color: #e95420; /* orange moyen */
    color: white;
}

#tab_autres_resp td
{
    padding: 3px;
    vertical-align: top;
}

.td_libelle
{
    white-space: nowrap;
    vertical-align: top;
}

/* ---------------------------------------------------- */

#SELECT_OEUVRE
{
    background-color: white;
    list-style-type: none;
    padding-left: 10px;
    padding-right: 10px;
    width: 700px;
    max-height: 320px;
    overflow-y: auto;
    margin-top: 0px;
    cursor: pointer;
}

#SELECT_OEUVRE li
{
    font-size: var(--fr);
    font-family: Arial;
    white-space: normal;

padding: 5px;

}

#SELECT_OEUVRE li:hover
{
    background-color: #e95420; /* orange moyen */
    color: white;
}

/* ---------------------------------------------------- */

#SEARCH_OEUVRES_FORM
{
    display: flex;
    flex-direction: column;
    width: 100%;
}

#form_oeuvre_titre
{
    width: 100%;
    display: flex;
    flex-direction: row;
    padding: 2px;
}

#form_oeuvre_auteur
{
    width: 100%;
    display: flex;
    flex-direction: row;
    padding: 2px;
}

#SEARCH_TITRE_OEUVRE
{
    width: 560px;
    padding: 5px;
}

#SELECT_TITRE_OEUVRE
{
    width: 567px;
    max-height: 300px;
    overflow-x: scroll;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 15px;
}

#SELECT_TITRE_OEUVRE option
{
    padding: 5px;
}

#SEARCH_AUTEUR_OEUVRE
{
    width: 560px;
    padding: 5px;
}

#SELECT_AUTEUR_OEUVRE
{
    padding-left: 10px;
    padding-right: 10px;
}

#DIV_LISTE_OEUVRES
{
    padding-left: 150px;
    padding-top: 15px;
}

/* ------------------------------ */

#SELECT_OEUVRE2
{
    background-color: white;
    list-style-type: none;
    padding-left: 10px;
    padding-right: 10px;
    width: 550px;
    max-height: 320px;
    overflow-y: auto;
    margin-top: 0px;
    cursor: pointer;
}

#SELECT_OEUVRE2 li
{
    font-size: var(--fr);
    font-family: Arial;
    white-space: normal;

padding: 5px;

}

#SELECT_OEUVRE2 li:hover
{
    background-color: #e95420; /* orange moyen */
    color: white;
}

/* --- */

#oeuvre_selectionnee
{
    display: flex;
    flex-direction: row;

    width: 100%;
    padding-top: 5px;
}

#etiquette_oeuvre_selectionnee
{
    display: none;
    width: 130px;
    padding-top: 3px;
}

#OEUVRE_SELECTIONNEE
{
    display: block;
    width: 560px;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    border: 0px;

}

/* ----------------------------------- */

#UT_OEUVRE_REPERE
{
    width: 250px;
    padding-left: 10px;
    padding-right: 10px;
}

#UT_OEUVRE_PAGE_DEBUT
{
    width: 60px;
    padding-left: 10px;
    padding-right: 10px;
}

#UT_OEUVRE_PAGE_FIN
{
    width: 60px;
    padding-left: 10px;
    padding-right: 10px;
}

/* ----------------------------------- */

.edition_reference_libelle
{
    display: none;
    max-width: 700px;
    padding-top: 10px;
    padding-left: 10px;

}
.edition_reference
{
    display: none;
    max-width: 700px;
}

#DIV_LISTE_AUTEURS_OEUVRES
{
    max-width: 570px;
    overflow-x: auto;
}