body {
            height: 100vh;
            width: 100vw;
            background-color: #a8a8a8;
        }
        
        nav {
            position: fixed;
            z-index: 10;
            background-color: white;
            padding: 1rem;
            height: 100%;
            padding-top: 5rem;
            overflow-y: scroll;
        }
        
        #main-content {
            background-color: #a8a8a8;
            width: 100%;
            height: 100%;
        }
        
        #image {
            background-color: #a8a8a8 !important;
            position: unset;
        }
        
        #text-bienvenue {
            position: absolute;
            top: 43%;
            width: 67%;
            left: 293px;
            text-align: center;
        }
        
        #menu-hidden {
            position: absolute;
            z-index: 11;
            top: 0;
            left: 0;
            padding: 1rem;
            background-color: #159c67;
            color: #ffffff;
            text-align: center;
        }
        
        #controls {
            position: absolute;
            bottom: 0;
            width: 100vw;
            height: 100px;
            text-align: center;
            pointer-events: none;
            z-index: 100;
        }
        
        #controls-wrapper {
            margin: 0 auto;
            width: 250px;
        }
        
        .control {
            height: 55px;
            width: 50px;
            overflow: hidden;
            font-size: 5rem;
            display: inline-block;
            line-height: 1;
            pointer-events: all;
            cursor: pointer;
            color: white;
            background-color: #00000069;
            transition: all 0.4s ease;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -ms-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
        }
        
        #current_notaire {
            font-size: clamp(0.5rem, 1.5vw, 1.6rem);
        }
        
        .control:hover,
        .control:active,
        .control:focus {
            background-color: #159c67;
        }
        
        .control#left {
            visibility: hidden;
        }
        
        .control#right {
            visibility: hidden;
        }
        
        .file {
            font-weight: normal;
        }
        
        .collapsed {
            font-weight: normal;
        }
        
        .expanded {
            font-weight: bold;
        }
        
        li.selected {
            text-decoration: underline;
            font-weight: bold;
        }
        
        .copyright {
            position: absolute;
            top: 0;
            right: 0;
            background-color: #0a0d0c66;
            color: white;
            z-index: 100;
            font-weight: 600;
            padding: 1rem;
        }
        
        table {
            border-spacing: 0px;
        }
        
        th,
        td {
            padding: 0px;
        }
        
        td
        /* Toutes les cellules des tableaux... */
        
        {
            border: 1px solid black;
            /* auront une bordure de 1px */
        }
        
        #pagination {
            text-align: center;
        }
        
        #totalactes {
            text-align: center;
        }
        
        .link,
        .id_acte,
        #mesreleves,
        #aide_filtres,
        .delete,
        #IND1,
        #IND2,
        .pending_view,
        .pending_delete,
        .pagination-next,
        .pagination-prev {
            cursor: pointer;
        }
        
        .individu,
        .commgen,
        #details_acte {
            border-style: solid;
        }
        
        .type,
        .date,
        #cote_reg {
            text-align: center;
        }
        
        .champ_acte {
            display: flex;
            border-color: black;
        }
        
        .label_acte {
            padding: 0;
            font-weight: bold;
            font-size: 1.5vh;
            display: inline-block;
        }
        
        select.champ_acte {
            font-weight: bold !important;
        }
        
        textarea.champ_saisi_acte,
        input.champ_saisi_acte {
            background-color: white !important;
            border-color: black !important;
            font-weight: bold !important;
            max-height: 1.6vh;
            font-size: 1.35rem;
            margin: 0px;
            padding: 0.75rem 1rem 0.75rem;
            font-weight: normal;
            width: 100%;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box;
            resize: vertical;
        }
        /* Floating column for labels: 25% width */
        
        .col-25 {
            float: left;
            width: 40%;
            margin-top: 6px;
        }
        /* Floating column for inputs: 75% width */
        
        .col-75 {
            float: left;
            width: 60%;
            margin-top: 6px;
        }
        
        .champ_acte:after {
            content: "";
            display: table;
            clear: both;
        }
        
        #titre_filtres {
            font-weight: bold;
            text-align: center;
            width: 90%;
        }
        
        #liste_choix {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin: 2px;
            width: 100%;
        }
        
        .releves {
            background-color: #cccccc;
            margin: 0px;
            padding: 0px;
            width: 0%;
            height: 100%;
            overflow: hidden;
            position: absolute;
            right: 0px;
            font-size: 1.5vmin;
            display: flex;
            flex-direction: column;
        }
        
        .releves_1 {
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }
        
        .section_acte {
            position: absolute;
            width: 90%;
        }
        
        #liste {
            border-collapse: collapse;
            font-weight: bold;
            display: flex;
            flex-direction: column;
        }
        
        #liste_releves {
            table-layout: fixed;
            width: 100%;
            border: 1px solid black;
        }
        
        td {
            border: 1px solid black;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 0.9vw;
        }
        
        #acte {
            line-height: 1.3vmin;
            margin: 10px;
        }
        
        #goto {
            background-color: #00000069;
        }
        
        #bouton_principal,
        #bouton_section_generale,
        #bouton_section_individu1,
        #bouton_section_individu2,
        #bouton_run {
            background-color: #159c67;
            border: 0.1rem solid #159c67;
            border-radius: .4rem;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            font-weight: 700;
            height: 4vmin;
            letter-spacing: .1rem;
            line-height: 1;
            padding: 0px;
            margin: 2px;
            text-align: center;
            text-transform: none;
            white-space: nowrap;
            min-width: 14vmin;
            max-width: 14vmin;
            font-size: 2.5vmin;
        }
        
        #boutons_changer_section {
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
        }
        
        .ferme_releves,
        .ouvre_releves {
            position: absolute;
            right: 2px;
            bottom: 13%;
            z-index: 10;
            cursor: pointer;
            color: white;
            border-style: solid;
            font-weight: bold;
            visibility: hidden;
        }
        
        .ferme_releves {
            visibility: hidden;
        }
        
        .ouvre_releves:hover,
        .ferme_releves:hover {
            background-color: #159c67;
            border-color: #159c67;
            color: white;
        }
        
        #patroheader:hover,
        #c_patroheader:hover,
        #dateheader:hover {
            cursor: pointer;
        }
        
        .filtres {
            display: flex;
            justify-content: flex-start;
        }
        
        label.filtres {
            font-size: 0.8vw;
        }
        
        #filtre_name {
            border-color: black;
            height: fit-content;
            padding: 0px;
            margin-top: 6px;
        }
        
        #lien {
            margin-top: 6px;
        }
        
        #filtre_type {
            border-style: solid;
            border-color: black;
            padding: 0px;
            margin: 0px;
            height: fit-content;
            margin-top: 6px;
        }
        
        #choix {
            color: #159c67;
            border-style: solid;
            margin: 0.9vmin 0px;
            flex-wrap: wrap;
        }
        
        #COMGEN {
            min-height: 15vh;
            height: 15vh;
        }
        
        .modal {
            display: none;
            /* Hidden by default */
            position: fixed;
            /* Stay in place */
            z-index: 10;
            /* Sit on top */
            left: 0;
            top: 0;
            width: 100%;
            /* Full width */
            height: 100%;
            /* Full height */
            overflow: auto;
            /* Enable scroll if needed */
            background-color: rgb(0, 0, 0);
            /* Fallback color */
            background-color: rgba(0, 0, 0, 0.4);
            /* Black w/ opacity */
        }
        /* Modal Content/Box */
        
        .modal-content {
            background-color: #fefefe;
            margin: 15% auto;
            /* 15% from the top and centered */
            padding: 20px;
            border: 1px solid #888;
            width: 50%;
            /* Could be more or less, depending on screen size */
        }
        /* The Close Button */
        
        .closeModal {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
        }
        
        .closeModal:hover,
        .closeModal:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }
        
        #entete_filtres {
            display: flex;
            width: 100%;
        }
        
        #share {
            background-color: rgba(0, 0, 0, 0.41);
            position: absolute;
            opacity: 1;
            right: 55.1%;
            bottom: 8%;
            z-index: 10;
            line-height: 0;
            visibility: hidden;
        }
        
        #printButton {
            background-color: rgba(0, 0, 0, 0.41);
            position: absolute;
            opacity: 1;
            right: 55.1%;
            bottom: 2%;
            z-index: 10;
            line-height: 0;
            display: none;
        }
        
        #rotate-d {
            background-color: rgba(0, 0, 0, 0.41);
            position: absolute;
            right: 43%;
            bottom: 8%;
            z-index: 100;
            line-height: 0;
            opacity: 1;
            visibility: hidden;
        }
        
        #rotate-l {
            background-color: rgba(0, 0, 0, 0.41);
            position: absolute;
            right: 43%;
            bottom: 2%;
            z-index: 100;
            line-height: 0;
            opacity: 1;
            visibility: hidden;
        }
        
        #rotate-l:hover,
        #rotate-d:hover,
        #share:hover,
        #printButton:hover {
            cursor: pointer;
            background-color: #159c67;
        }
        
        .label_select {
            margin-top: 12px;
        }
        
        select#filtre_type {
            width: 8.25vw;
        }
        
        a {
            color: #159c67;
        }
        
        select#filtre_type,
        select#comm.champ_acte,
        select#type.champ_acte {
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23787878" d="M0,0l6,8l6-8"/></svg>') center right no-repeat;
        }
        
        select#filtre_type:focus,
        select#comm.champ_acte:focus,
        select#type.champ_acte:focus {
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23159c67" d="M0,0l6,8l6-8"/></svg>');
        }
        
        .lock_zoom {
            position: absolute;
            bottom: 19px;
            right: 103px;
            z-index: 100;
            display: none;
        }
        
        img {
            backface-visibility: visible !important;
        }