#title_oeuvres
{
	width: 400px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 20px;
    font-weight: bold;
}

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

#link_create_oeuvre
{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	
	margin-top: 30px;
	margin-bottom: 30px;
}

#link_delete_oeuvre
{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	
	margin-top: 30px;
	margin-bottom: 30px;
}

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

#box_search_oeuvres_form
{
    border-width: 1px;
    border-style: solid;
    border-color: gray;

    width: 1100px;
    padding: 15px;
}

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

#raz_btn
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 7px;
	padding-right: 7px;

    font-size: 12px;
	
}

/* --- */

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

    width: 100%;
}

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

#OEUVRE_SELECTIONNEE
{
    display: block;
    width: 800px;
    padding-left: 10px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    border: 0px;

}

/* --- */

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

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

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

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

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

#SEARCH_TITRE_OEUVRE
{
    width: 800px;
    padding: 5px;
    font-family: Arial;
}

#SELECT_TITRE_OEUVRE
{
    width: 807px;
    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_INCIPIT_OEUVRE
{
    width: 800px;
    padding: 5px;
}

#SEARCH_EXPLICIT_OEUVRE
{
    width: 800px;
    padding: 5px;
}

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

#SELECT_AUTEUR_OEUVRE
{
    width: 807px;
    max-height: 300px;
    padding: 5px;
}

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

#SEARCH_OEUVRE_DATE_POST_QUEM
{
    width: 60px;
}

#SEARCH_OEUVRE_DATE_ANTE_QUEM
{
    width: 60px;
}

.SEARCH_OP_DATE_POST_QUEM
{
    margin-left: 5px;
}

.SEARCH_OP_DATE_ANTE_QUEM
{
    margin-left: 5px;
}

.search_oeuvre_dates
{
    margin-left: 10px;
}

.search_oeuvre_spacer
{
    display: flex;
    width: 12px;
}

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

#SELECT_OEUVRE
{
    background-color: white;
    list-style-type: none;
    padding-left: 10px;
    padding-right: 10px;
    width: 780px;
    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;
}

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

.oeuvre_form_line
{
    display: flex;
    flex-direction: row;

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

#OEUVRE_TITRE
{
    width: 862px;
    margin-right: 10px;
    font-family: Arial;
    padding: 5px;
}

#TITRES_ALREADY
{
    background-color: white;
    list-style-type: none;
    padding-left: 10px;
    padding-right: 10px;

    width: 850px;
    margin-left: 110px;
    margin-right: 10px;

    max-height: 300px;
    overflow-y: auto;
    margin-top: 0px;
    cursor: pointer;
}

#TITRES_ALREADY li
{
    font-size: var(--fr);
    font-family: Arial;
    white-space: normal;
    padding: 5px;
}

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

#TITRES_ALREADY li:focus
{
    outline: none; 
}

.css_bold
{
    font-weight: bold;
}

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

    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom :30px;
}

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

.oeuvre_libelle
{
    width: 110px;
}

#INCIPIT
{
    width: 850px;
    padding-right: 10px;
    padding-left: 10px;
}

#EXPLICIT
{
    width: 850px;
    padding-right: 10px;
    padding-left: 10px;
}

#OEUVRE_AUTEUR
{
    width: 862px;
    margin-right: 10px;
    font-family: Arial;
    padding: 5px;
}

#AUTEURS_ALREADY
{
    background-color: white;
    list-style-type: none;
    padding-left: 10px;
    padding-right: 10px;

    width: 850px;
    margin-left: 110px;
    margin-right: 10px;

    min-height: 30px;
    max-height: 300px;
    overflow-y: auto;
    margin-top: 0px;
    cursor: pointer;
}

#AUTEURS_ALREADY li
{
    font-size: var(--fr);
    font-family: Arial;
    white-space: normal;
    padding: 5px;
}

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

#AUTEURS_ALREADY li:focus
{
    outline: none; 
}

#DIV_LISTE_OEUVRES2
{
    margin-top: 15px;
    margin-left: 150px;
}

#SELECT_AUTEUR_OEUVRE_2
{
    width: 870px;
    max-height: 300px;
}

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

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

#OEUVRE_LIEU
{
    width: 862px;
    margin-right: 10px;
    font-family: Arial;
    padding: 5px;
}

#LIEUX_ALREADY
{
    background-color: white;
    list-style-type: none;
    padding-left: 10px;
    padding-right: 10px;

    width: 850px;
    margin-left: 110px;
    margin-right: 10px;

    min-height: 30px;
    max-height: 300px;
    overflow-y: auto;
    margin-top: 0px;
    cursor: pointer;
}

#LIEUX_ALREADY li
{
    font-size: var(--fr);
    font-family: Arial;
    white-space: normal;
    padding: 5px;
}

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

#LIEUX_ALREADY li:focus
{
    outline: none; 
}

#SELECT_LIEU_OEUVRE_2
{
    padding-left: 10px;
    padding-right: 10px;
    max-height: 300px;
    overflow-x: auto;
}

#INTERVENANTS_ALREADY
{
    background-color: white;
    list-style-type: none;
    padding-left: 10px;
    padding-right: 10px;

    width: 850px;
    margin-left: 110px;
    margin-right: 10px;

    min-height: 30px;
    max-height: 300px;
    overflow-y: auto;
    margin-top: 0px;
    cursor: pointer;
}

#INTERVENANTS_ALREADY li
{
    font-size: var(--fr);
    font-family: Arial;
    white-space: normal;
    padding: 5px;
}

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

#INTERVENANTS_ALREADY li:focus
{
    outline: none; 
}

#OEUVRE_INTERVENANT
{
    width: 740px;
}

#SELECT_TYPE_INTERVENTION
{
    vertical-align: top;
    margin-left: 10px;
    margin-right: 10px;
}

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

#main_tabs
{
    display: none;

    border-width: 1px;
    border-style: solid;
    border-color: gray;

    /* width: 1100px; */
    padding: 15px;
    margin-top: 15px;
}

#onglets
{
    padding:0;
    margin:0;
    list-style: none;

    text-align: center;
}

.onglets-item
{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;

    margin-right: 15px;
}

#premiere_ligne
{
    padding-top: 30px;
    padding-bottom: 15px;
}

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

#volumes_lies_nb_results
{
    padding-top: 15px;
    padding-bottom: 15px;
}

.hl_volume
{
    padding-bottom: 5px;
}

.hl_volume a
{
    text-decoration: none;
    padding: 2px;
}

.hl_volume a:hover
{
		background-color: #bfbaa5;
		color: #000000;
}

.cartouche_volume
{
    font-weight: bold;
    padding-bottom: 10px;
}

.div_cadre_ut
{
    border: 2px solid gray;
    border-radius: 10px;
    padding: 10px;
    margin-left: 50px;
    margin-bottom: 10px;
}

.ut_entete
{
    background-color: #bfbaa5;
    padding: 5px;
    margin-bottom: 10px;
}


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

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

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

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

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

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

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

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


#SEARCH_TITRE_OEUVRE_OEUVRE
{
    width: 800px;
    padding: 5px;
    margin-right: 5px;
}

#SEARCH_AUTEUR_OEUVRE_OEUVRE
{
    width: 800px;
    padding: 5px;
    margin-right: 5px;

}

#SELECT_AUTEUR_OEUVRE_OEUVRE
{
    width: 807px;
    max-height: 300px;
}

#SELECT_TITRE_OEUVRE_OEUVRE
{
    width: 807px;
    max-height: 300px;
    overflow-x: scroll;
    padding: 15px;
}

#btn_update_oeuvre_oeuvre
{
    display: none;
}

#top_button
{
  display: none;
  position: fixed;
  bottom: 20px;
  left: 1300px;
  z-index: 99;
}

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

/* --- */

#form_copie_reference
{
    padding-top: 30px;
}

#COPIE_REFERENCE
{
    width: 800px;
    height: 400px;
}