#title_volumes
{
	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: row;
}

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

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

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

    width: 1070px;
    padding: 15px;
}

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

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

#PAYS
{
    width: 120px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    border: 0px;
    font-size: 14px;
}

#SELECT_PAYS
{
    width: 120px;
    font-size: 14px;
    cursor: pointer;
}

#SELECT_PAYS option
{
    width: 60px;
}

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

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

    padding-left: 15px;
}

#LOCALITE
{
    width: 120px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    border: 0px;
    font-size: 14px;
}

#SELECT_LOCALITE
{
    font-size: 14px;
    cursor: pointer;
}

#SELECT_LOCALITE option
{
    width: 60px;
}

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

#form_depot
{
    display: flex;
    flex-direction: row;
    padding-left: 15px;
}

#DEPOT
{
    width: 300px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    border: 0px;
    font-size: 14px;
}

#DIV_LISTE_DEPOTS
{
    position : fixed;
    z-index: 100;
}

#SELECT_DEPOT
{
    width: 600px;
    font-size: 14px;
    cursor: pointer;
}

#SELECT_DEPOT option
{
    width: 600px;
}

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

#form_cote
{
    display: flex;
    flex-direction: row;
    padding-left: 15px;
}

#COTE
{
    width: 120px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    border: 0px;
    font-size: 14px;
}

#liste_cotes
{
    padding-top: 15px;
}

#DIV_LISTE_COTES
{
    width: 100%;
}

#SELECT_COTE
{
    width: 100%;
    cursor: pointer;
}

#SELECT_COTE option
{
    padding-left: 10px;
}

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

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

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

    /* position : absolute; */
    left: 1070px;

    padding-left: 15px;
}

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

    font-size: 12px;
	
}

/* --- */

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

    width: 100%;
}

#etiquette_cote_selectionnee
{
    padding-top: 3px;
}

#COTE_SELECTIONNEE
{
    width: 800px;
    padding-left: 10px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    border: 0px;
    font-size: 14px;
}
/* ----------------------------------------- */

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

    width: 1070px;
    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;
}

#saisie_form
{
    padding:0;
    margin:0;

    background-color: red;
}

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

    padding: 15px;
}

#infos_generales
{
    display: flex;
    flex-direction: row;
    width: 100%;
}

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

    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

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

    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

#cadre_lignes
{
    display: flex;
    flex-direction: column;

    margin-left: auto;
    margin-right: auto;
}

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

#ig_cote_volume_libelle
{
    padding-right: 15px;
    padding-left: 25px;
    padding-top: 3px;
}

#COTE_COURTE
{
    width: 400px;
}

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

#type_description_libelle
{
    padding-right: 15px;
}

#plat_inferieur_superieur
{
    margin-left: 50px;
}

#div_nb_pages
{
    margin-top: 15px;

    margin-left: auto;
    margin-right: auto;

    padding-left: 50px;
}

.foliotation_pagination
{
    cursor: pointer;
}

#NB_PAGES_FOLIOS
{
    width: 30px;
}

.plat_inf_sup
{
    cursor: pointer;
}

#GARDE_SUPERIEURE
{
    width: 30px;
}

#GARDE_INFERIEURE
{
    width: 30px;
}

#liste_UC
{
    width: 100%;
    margin-top: 15px;
}

#tab_UC
{
    margin-left: auto;
    margin-right: auto;
}

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

.uc_cahier
{
    margin-top: 15px;
    margin-bottom: 5px;
}

.UC_input
{
    width: 240px;
}

.ligne_UC
{
    display: flex;
    flex-direction: row;
    margin-bottom: 5px;
}

.numero_UC
{
    padding-top: 3px;
    padding-right: 5px;
}

.cahier_input
{
    width: 180px;
}

.cahier_input_anomalie
{
    width: 180px;
    background-color: #FFFFA0;
}

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

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

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

#titre_unites_codicologiques
{
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}

#titre_anomalies_numerotation
{
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    width: 100%;
}

#titre_cahiers_volumes
{
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    width: 870px;
    padding-top: 30px;
}

.ligne_cahier
{
    display: flex;
    flex-direction: row;
    margin-bottom: 5px;

    margin-left: 30px;
}

.liste_actions_btn
{
    margin-left: 5px;
}

#create_uc_spacer
{
    width: 30px;
}

.uc_spacer
{
    width: 30px;
}

#surfaces_header
{
    width: 240px;
    font-weight: bold;
    text-align: center;
}

#commentaires_header
{
    width: 500px;
    font-weight: bold;
    text-align: center;
}

.commentaire_input
{
    width: 400px;
    margin-left: 5px;
}

.types_cahiers
{
    margin-left: 5px;
}

.types_anomalies
{
    margin-top: 3px;
    margin-left: 5px;
}

.rupture_structure
{
    font-weight: bold;
    color: red;
    font-size: 14px;
}

.type_show
{
    display: inline;
}

.type_hide
{
    display: none;
}

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

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

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

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

#DIV_LISTE_PAYS
{
    padding-top: 10px;
}

#DIV_LISTE_LOCALITES
{
    padding-top: 10px;
}

#DIV_LISTE_DEPOTS
{
    padding-top: 10px;
}

::selection { background: yellow; }


#DIV_LISTE_SEARCH_NOM_CANONIQUE
{
    max-width: 600px;
    max-height: 600px;
    overflow-x: auto;
}

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

.pagination_help
{
    margin-top: 3px;
    margin-left: 5px;
}

.span_pagination_help
{
    position: relative;
    display: inline-block;

    padding-top: 3px;
}

.pagination_help_text
{
  visibility: hidden;
  width: 300px;
  background-color: #e95420;
  color: #fff;
  font-weight: bold;
  text-align: left;
  border-radius: 6px;
 
  position: absolute;
  z-index: 1;

  top: 0px;
  left: 115%;

  padding: 5px;
}

.span_pagination_help:hover
{
    cursor: pointer;
}

.span_pagination_help:hover .pagination_help_text
{
  visibility: visible;
}

#ligne_boutons
{
    display: flex;
    flex-direction: row;
    justify-content: right;
}

#div_select_statut_objet
{
    padding-left: 28px;
    width: 100px;
}

#div_select_bunch_objets_statuts
{
    padding-top: 50px;
}

.createur_objet
{
    vertical-align: top;
    text-align: right;
    padding-top: 4px;
    padding-right: 7px;
    width: 100px;
}

.noms_createurs
{
    width: 200px;
    vertical-align: top;
    padding-top: 4px;
    padding-left: 7px;
}

.date_infos
{
    vertical-align: top;
    padding-top: 4px;
}

.modificateur_objet
{
    vertical-align: top;
    text-align: right;
    padding-top: 4px;
    padding-right: 7px;
    width: 150px;
}

.nom_modificateur
{
    width: 200px;
}

#tab_reviseur_enregistrement
{
	padding-left: 50px;
    height: 50px;
}

.reviseur_enregistrement
{
    vertical-align: top;
    text-align: right;
    padding-top: 4px;
    padding-right: 7px;
    width: 100px;
}

.nom_reviseur
{
    width: 200px;
    padding-top: 4px;
}

.statut_objet
{
    vertical-align: top;
    text-align: right;
    padding-top: 4px;
    padding-right: 7px;
    width: 100px;
}

.libelle_statut_objet
{
    width: 200px;
    vertical-align: top;
    padding-top: 4px;
}

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

#informations_creation_revision
{
	display: flex;
	flex-direction: row;
	padding-bottom: 30px;
}

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

#informations_statut
{
	display: flex;
	flex-direction: row;
	padding-bottom: 30px;
}

#url_perenne
{
    padding-left: 100px;
}

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

#msg_gp
{
    padding-top: 30px;
    width: 100%;
    text-align: center;
}