/* =========================================================
   SEMENCES / PLANTES / PLANTATIONS
   STYLE UNIFIE
   ---------------------------------------------------------
   IMPORTANT :
   - aucun style ne cible le calendrier botanique
   - pas de table imbriquée
   - les listes utilisent CSS GRID
   ========================================================= */

/* =========================================================
   BLOCS GENERAUX
   ========================================================= */

/* =========================================================
   RECOLTE DE SEMENCE
   ========================================================= */
.semence-card { width:100%; margin:0 0 10px; box-sizing:border-box; overflow:hidden; border:1px solid var(--sem-border); border-radius:var(--sem-radius); background:var(--sem-bg); }
.semence-header { display:flex; align-items:center; min-height:34px; padding:5px 8px; box-sizing:border-box; background:var(--sem-header); border-bottom:1px solid var(--sem-border); }
.semence-header h3 { margin:0; color:var(--sem-text); font-size:14px; font-weight:700; }
.semence-table { width:100%; border-collapse:collapse; }
.semence-table td { padding:5px 7px; border-bottom:1px solid var(--sem-border-light); vertical-align:middle; }
.semence-table tr:last-child td { border-bottom:0; }
.semence-label { width:135px; color:var(--sem-text); font-weight:600; white-space:nowrap; }
.semence-table input, .semence-table select { width:100%; }
.semence-actions {flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:4px; }
.semence-actions .boutons_icone { margin:0; }
.semence-informations { width:100%; margin-top:6px; border-collapse:collapse; background:var(--sem-header-light); }
.semence-informations td { padding:4px 7px; border-top:1px solid var(--sem-border-light); }
.semence-informations td:first-child { width:135px; color:var(--sem-text); font-weight:600; white-space:nowrap; }
.semence-informations td:last-child { color:var(--sem-text-light); }
.semence-actions .bouton-warning { background:#e0a52bbf; }
.semence-actions .bouton-danger { background:#ff494987; }

.semences_bloc {
    width: 100%;
    margin: 0 0 16px 0;

    box-sizing: border-box;

    border: 1px solid var(--sem-border);
    border-radius: var(--sem-radius);

    background: var(--sem-bg);

    overflow: hidden;
}


/* =========================================================
   SEMENCE FOURNISSEUR
   ========================================================= */

.semence_fournisseur {
    display: grid;

    grid-template-columns:
        minmax(200px, 1fr)
        70px
        90px
        90px;

    align-items: center;

    gap: 8px;

    padding: 9px 12px;

    box-sizing: border-box;
}

.semence_fournisseur_description {
    min-width: 0;

    color: #244b5c;

    font-weight: 600;

    overflow-wrap: anywhere;
}

.semence_fournisseur_image {
    display: flex;

    align-items: center;
    justify-content: center;
}

.semence_fournisseur_image img {
    display: block;

    max-width: 55px;
    max-height: 38px;

    object-fit: contain;

    border-radius: 4px;
}

.semence_fournisseur_qte,
.semence_fournisseur_utilisee {
    text-align: right;

    white-space: nowrap;
}

/* =========================================================
   PLANTES DISPONIBLES POUR PRELEVEMENT
   ========================================================= */

.plantes_liste {
    width: 100%;

    overflow-x: auto;
}

/* ---------------------------------------------------------
   GRILLE COMMUNE
   --------------------------------------------------------- */

.plantes_entete,
.plante_ligne {
    display: grid;

    grid-template-columns:
        90px
        45px
        minmax(250px, 1.2fr)
        minmax(250px, 2fr)
        65px
        80px
        80px;

    align-items: center;

    min-width: 900px;

    box-sizing: border-box;
}

/* ---------------------------------------------------------
   EN-TETE
   --------------------------------------------------------- */

.plantes_entete {
    min-height: 32px;

    background: var(--sem-header-light);

    border-bottom: 1px solid var(--sem-border);

    color: var(--sem-text);

    font-size: 12px;
    font-weight: 700;
}

.plantes_entete > div {
    padding: 5px 7px;

    box-sizing: border-box;

    text-align: center;
}

.plantes_entete .entete_plante {
    text-align: left;
}

/* ---------------------------------------------------------
   LIGNE
   --------------------------------------------------------- */

.plante_ligne {
    min-height: 48px;

    background: #ffffff;

    border-bottom: 1px solid var(--sem-border-light);

    font-size: 13px;
}

.plante_ligne:last-child {
    border-bottom: 0;
}

.plante_ligne:hover {
    background: var(--sem-hover);
}

.plante_ligne > div {
    min-width: 0;

    padding: 5px 7px;

    box-sizing: border-box;
}

/* ---------------------------------------------------------
   ACTIONS
   --------------------------------------------------------- */

.plante_actions {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 3px;
}

/* ---------------------------------------------------------
   TEST
   --------------------------------------------------------- */

.plante_test {
    text-align: center;

    font-size: 12px;
}

/* ---------------------------------------------------------
   NOM PLANTE
   --------------------------------------------------------- */

.plante_nom {
    color: #244b5c;

    font-weight: 600;

    overflow-wrap: anywhere;
}

/* ---------------------------------------------------------
   PERIODE
   --------------------------------------------------------- */

.plante_periode {
    width: 100%;
    min-width: 0;
}

/*
 * IMPORTANT
 * ---------------------------------------------------------
 * Aucun style interne au calendrier botanique.
 *
 * Le fichier :
 *
 * includes/pages_culture/fonction/calendrier_botanique.php
 *
 * conserve son propre fonctionnement et son propre CSS.
 */

/* ---------------------------------------------------------
   IMAGE
   --------------------------------------------------------- */

.plante_image {
    display: flex;

    align-items: center;
    justify-content: center;
}

.plante_image img {
    display: block;

    max-width: 55px;
    max-height: 38px;

    object-fit: contain;

    border-radius: 4px;
}

/* ---------------------------------------------------------
   CYCLE
   --------------------------------------------------------- */

.plante_cycle {
    text-align: center;

    color: #455a64;

    font-size: 12px;
}

/* ---------------------------------------------------------
   QUANTITES
   --------------------------------------------------------- */

.plante_quantite,
.plante_utilisee {
    text-align: right;

    white-space: nowrap;
}

.plante_quantite input {
    width: 70px;
    max-width: 100%;

    box-sizing: border-box;

    text-align: right;
}

/* =========================================================
   TEST DE GERMINATION
   ========================================================= */

.test_germination_bloc {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        450px;

    gap: 12px;

    width: 100%;

    margin: 12px 0 20px 0;

    box-sizing: border-box;
}

.test_germination_formulaire,
.test_germination_photo {
    border: 1px solid var(--sem-border);

    border-radius: var(--sem-radius);

    background: #ffffff;

    overflow: hidden;
}

/* ---------------------------------------------------------
   TITRE
   --------------------------------------------------------- */

.test_germination_titre {
    padding: 9px 12px;

    background: var(--sem-header);

    border-bottom: 1px solid var(--sem-border);

    font-weight: 700;
}

/* ---------------------------------------------------------
   INFORMATIONS
   --------------------------------------------------------- */

.test_germination_infos {
    display: grid;

    grid-template-columns:
        160px
        1fr;
}

.test_germination_infos > div {
    min-height: 36px;

    display: flex;

    align-items: center;

    padding: 5px 8px;

    box-sizing: border-box;

    border-bottom: 1px solid var(--sem-border-light);
}

.test_germination_infos .libelle {
    background: #f7fafb;

    font-weight: 600;
}

/* ---------------------------------------------------------
   CONTROLES
   --------------------------------------------------------- */

.test_germination_controles {
    width: 100%;
}

.test_germination_controles_entete,
.test_germination_controle {
    display: grid;

    grid-template-columns:
        1fr
        1fr
        1fr;

    align-items: center;
}

.test_germination_controles_entete {
    min-height: 34px;

    background: var(--sem-header-light);

    font-size: 12px;
    font-weight: 700;
}

.test_germination_controle {
    min-height: 38px;

    border-top: 1px solid var(--sem-border-light);
}

.test_germination_controles_entete > div,
.test_germination_controle > div {
    padding: 4px 7px;

    box-sizing: border-box;
}

.test_germination_controles_entete > div {
    text-align: center;
}

.test_germination_controle input {
    width: 100%;

    box-sizing: border-box;
}

/* ---------------------------------------------------------
   ESPECE
   --------------------------------------------------------- */

.test_germination_espece {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 8px;

    padding: 8px 10px;

    background: #f7fafb;

    border-top: 1px solid var(--sem-border);
}

/* ---------------------------------------------------------
   RESULTAT
   --------------------------------------------------------- */

.test_germination_resultat {
    padding: 14px;

    text-align: center;

    font-size: 38px;
    font-weight: 700;

    color: #c62828;

    background: #fff3e0;
}

/* ---------------------------------------------------------
   DUREE
   --------------------------------------------------------- */

.test_germination_duree {
    padding: 8px;

    text-align: center;

    border-top: 1px solid var(--sem-border-light);
}

/* ---------------------------------------------------------
   PHOTO
   --------------------------------------------------------- */

.test_germination_photo {
    padding: 8px;
}

.test_germination_photo img {
    display: block;

    width: 100%;
    max-height: 400px;

    object-fit: contain;
}

/* =========================================================
   SEMENCES PRODUITES
   ========================================================= */

.semences_produites {
    width: 100%;

    overflow-x: auto;
}

/* ---------------------------------------------------------
   GRILLE
   --------------------------------------------------------- */

.semences_produites_entete,
.semence_produite_ligne {
    display: grid;

    grid-template-columns:
        45px
        minmax(180px, 1.5fr)
        90px
        minmax(140px, 1fr)
        90px
        100px
        100px;

    align-items: center;

    min-width: 760px;
}

/* ---------------------------------------------------------
   EN-TETE
   --------------------------------------------------------- */

.semences_produites_entete {
    min-height: 35px;

    background: var(--sem-header);

    border-bottom: 1px solid var(--sem-border);

    font-size: 12px;
    font-weight: 700;
}

.semences_produites_entete > div {
    text-align: center;
}

/* ---------------------------------------------------------
   LIGNES
   --------------------------------------------------------- */

.semence_produite_ligne {
    min-height: 46px;

    border-bottom: 1px solid var(--sem-border-light);
}

.semence_produite_ligne:last-child {
    border-bottom: 0;
}

.semences_produites_entete > div,
.semence_produite_ligne > div {
    min-width: 0;

    padding: 5px 7px;

    box-sizing: border-box;
}

/* ---------------------------------------------------------
   CONTENU
   --------------------------------------------------------- */

.semence_produite_description {
    font-weight: 600;

    overflow-wrap: anywhere;
}

.semence_produite_nombre,
.semence_produite_qte {
    text-align: right;
}

.semence_produite_unite,
.semence_produite_contenant,
.semence_produite_date {
    text-align: center;
}

.semence_produite_ligne input {
    max-width: 100%;

    box-sizing: border-box;
}

.semence_produite_nombre input,
.semence_produite_qte input {
    width: 75px;

    text-align: right;
}

.semences_produites_vide {
    padding: 16px;

    text-align: center;

    color: var(--sem-text-light);
}

/* =========================================================
   INPUTS / SELECTS
   ========================================================= */

.semences_bloc input[type="text"],
.semences_bloc input[type="date"],
.semences_bloc select,

.test_germination_bloc input[type="text"],
.test_germination_bloc input[type="date"],

.semences_produites input[type="text"],
.semences_produites input[type="date"],
.semences_produites select {
    min-height: 29px;

    max-width: 100%;

    padding: 4px 7px;

    box-sizing: border-box;

    border: 1px solid #cbd6da;

    border-radius: 4px;

    background: #ffffff;
}

.semences_bloc input:focus,
.semences_bloc select:focus,

.test_germination_bloc input:focus,

.semences_produites input:focus,
.semences_produites select:focus {
    outline: none;

    border-color: #6d9bb0;

    box-shadow:
        0 0 0 2px rgba(80,120,220,.10);
}



/* =========================================================
   PRODUITS COMMERCIALISES
   ========================================================= */

.produits-card {
    width: 100%;

    margin: 0 0 20px 0;

    box-sizing: border-box;

    border: 1px solid var(--sem-border);

    border-radius: 9px;

    background: #ffffff;

    overflow: hidden;

    box-shadow:
        0 2px 6px rgba(40,70,80,.08);
}

.produits-header {
    min-height: 54px;

    display: flex;

    align-items: center;
    justify-content: space-between;

    padding: 9px 14px;

    box-sizing: border-box;

    background: var(--sem-header);

    border-bottom: 1px solid var(--sem-border);
}

.produits-header h3 {
    margin: 0;

    color: #183642;

    font-size: 17px;

    line-height: 1.25;
}

.produits-header p {
    margin: 3px 0 0;

    color: var(--sem-text-light);

    font-size: 12px;
}

.produits-wrapper {
    width: 100%;

    overflow-x: auto;
}

.produits-wrapper table {
    width: 100%;

    border-collapse: collapse;

    table-layout: fixed;
}

.produits-wrapper .produit-nom {
    text-align: left;
}

.produits-wrapper .produit-numero {
    width: 70px;

    text-align: center;
}

.produits-wrapper .produit-prix {
    width: 105px;

    text-align: right;
}

.produits-wrapper .produit-unite {
    width: 110px;

    text-align: center;
}

.produits-wrapper thead {
    background: var(--sem-header-light);
}

.produits-wrapper th {
    height: 34px;

    padding: 6px 9px;

    box-sizing: border-box;

    border-bottom: 1px solid var(--sem-border);

    color: #405761;

    font-size: 11px;
    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .3px;
}

.produits-wrapper td {
    min-height: 44px;

    padding: 8px 9px;

    box-sizing: border-box;

    border-bottom: 1px solid var(--sem-border-light);

    color: var(--sem-text);

    font-size: 13px;

    vertical-align: middle;
}

.produits-wrapper tbody tr:hover {
    background: var(--sem-hover);
}

.produits-wrapper tbody tr:last-child td {
    border-bottom: 0;
}

.produit-nom strong {
    display: block;

    color: #244b5c;

    font-size: 13px;

    font-weight: 600;

    line-height: 1.3;

    overflow-wrap: anywhere;
}

.produit-badge {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-width: 30px;
    min-height: 24px;

    padding: 2px 7px;

    box-sizing: border-box;

    border-radius: 12px;

    background: var(--sem-header);

    border: 1px solid #cbdde4;

    color: var(--sem-blue);

    font-size: 11px;

    font-weight: 700;
}

.produit-prix {
    white-space: nowrap;

    font-weight: 600;
}

.produit-euro {
    margin-left: 2px;

    color: var(--sem-text-light);

    font-size: 11px;

    font-weight: 400;
}

.produit-unite {
    color: #526770;

    font-size: 12px;

    white-space: normal;
}

.produit-vide {
    padding: 15px !important;

    text-align: center;

    color: var(--sem-text-light) !important;
}

/* =========================================================
   MOBILE
   ========================================================= */
@media(max-width:700px){
    .annee-ancienne-mobile{
        display:none;
    }
}

@media (max-width: 900px) {

    .test_germination_bloc {
        grid-template-columns: 1fr;
    }

    .test_germination_photo {
        max-height: 300px;
    }

    .semence_fournisseur {
        grid-template-columns:
            minmax(0, 1fr)
            60px
            70px
            70px;
    }
}

@media (max-width: 700px) {

    .semences_bloc_titre {
        padding: 8px 9px;
    }

    .semence_fournisseur {
        grid-template-columns:
            minmax(0, 1fr)
            50px
            65px
            65px;

        font-size: 12px;
    }

    .test_germination_infos {
        grid-template-columns:
            120px
            1fr;
    }

    .test_germination_resultat {
        font-size: 32px;
    }

    .semence-item {
        grid-template-columns:
            30px
            minmax(0, 1fr)
            40px
            65px;
    }

    .plantes_liste,
    .semences_produites,
    .plantations_liste {
        overflow-x: auto;
    }

    .produits-wrapper table {
        min-width: 520px;
    }
}

/*=========================================================================================================================================================*/
/* =========================================================
   FICHE MARAICHAGE
   Présentation générale
   ========================================================= */

.fiche-image {
    width: 100%;
    margin: 0 0 18px 0;
    border-radius: 8px;
    overflow: hidden;
}

.fiche-image img {
    display: block;
    width: 100%;
    height: auto;
}

/* =========================================================
   PRODUITS COMMERCIALISÉS
   ========================================================= */

.produits-card {
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 18px 0;

    border: 1px solid #cbd8df;
    border-radius: 8px;
    overflow: hidden;

    background: #ffffff;
}

/* ---------------------------------------------------------
   En-tête
   --------------------------------------------------------- */

.produits-header {
    min-height: 48px;

    display: flex;
    align-items: center;

    padding: 8px 12px;
    box-sizing: border-box;

    background: #edf5f8;
    border-bottom: 1px solid #cbd8df;
}

.produits-header-titre {
    display: flex;
    align-items: center;
    gap: 10px;
}

.produits-header-titre > i {
    color: #397a98;
    font-size: 18px;
}

.produits-header h3 {
    margin: 0;

    color: #183642;
    font-size: 15px;
    font-weight: 700;
}

.produits-header p {
    margin: 2px 0 0 0;

    color: #71828a;
    font-size: 11px;
}

/* ---------------------------------------------------------
   Liste
   --------------------------------------------------------- */

.produits-liste {
    width: 100%;
}

/* ---------------------------------------------------------
   En-tête des colonnes
   --------------------------------------------------------- */

.produit-entete,
.produit-ligne {
    display: grid;

    grid-template-columns:
        minmax(180px, 1fr)
        55px
        90px
        minmax(100px, 160px);

    align-items: center;

    width: 100%;
    box-sizing: border-box;
}

.produit-entete {
    min-height: 34px;

    background: #f1f6f8;
    border-bottom: 1px solid #ccd8dd;

    color: #263f49;

    font-size: 11px;
    font-weight: 700;
}

.produit-entete > div {
    padding: 5px 8px;
    box-sizing: border-box;
    text-align: center;
}

.produit-entete > div:first-child {
    text-align: left;
}

/* ---------------------------------------------------------
   Ligne produit
   --------------------------------------------------------- */

.produit-ligne {
    min-height: 48px;

    border-bottom: 1px solid #e0e7ea;

    background: #ffffff;

    font-size: 13px;

    transition:
        background-color 0.15s ease;
}

.produit-ligne:last-child {
    border-bottom: 0;
}

.produit-ligne:hover {
    background: #f7fbfc;
}

.produit-ligne > div {
    min-width: 0;

    padding: 6px 8px;

    box-sizing: border-box;
}

/* ---------------------------------------------------------
   Nom
   --------------------------------------------------------- */

.produit-nom {
    color: #244b5c;
    overflow-wrap: anywhere;
}

.produit-nom strong {
    font-weight: 600;
}

/* ---------------------------------------------------------
   Numéro
   --------------------------------------------------------- */

.produit-numero {
    text-align: center;
}

.produit-badge {
    display: inline-flex;

    min-width: 28px;
    min-height: 24px;

    align-items: center;
    justify-content: center;

    padding: 2px 6px;
    box-sizing: border-box;

    border-radius: 5px;

    background: #edf5f8;
    border: 1px solid #cbd8df;

    color: #365766;

    font-size: 11px;
    font-weight: 600;
}

/* ---------------------------------------------------------
   Prix
   --------------------------------------------------------- */

.produit-prix {
    text-align: right;

    white-space: nowrap;

    color: #244b5c;
    font-weight: 600;
}

.produit-euro {
    margin-left: 2px;

    color: #71828a;
    font-size: 11px;
    font-weight: 400;
}

/* ---------------------------------------------------------
   Unité
   --------------------------------------------------------- */

.produit-unite {
    text-align: center;

    color: #455a64;

    font-size: 12px;
}

/* ---------------------------------------------------------
   Produit ancien
   --------------------------------------------------------- */

.produit-ancien {
    opacity: 0.55;
}

.produit-ancien .produit-nom {
    text-decoration: line-through;
}

/* ---------------------------------------------------------
   Aucun produit
   --------------------------------------------------------- */

.produits-vide {
    min-height: 55px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 10px;

    box-sizing: border-box;

    color: #71828a;

    font-size: 13px;
}

.produits-vide i {
    color: #397a98;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 700px) {

    .produits-liste {
        overflow-x: auto;
    }

    .produit-entete,
    .produit-ligne {
        min-width: 560px;
    }

}























/*====== GENERAL =============================================================*/
    div,
    table,
    tr,
    th,
    td{
        border-collapse:collapse ;
        font-size:14px ;
        border: 0px solid #d5d5d5 ;/*red;*/
        text-decoration: none ;
    }
    table {
        width:100%;
    }
    #separateur{
        background-color: #d5d5d5 ;
    }
    tr,
    th,
    td {
        padding:4px !important;
    }

    .table_vide td,
    .table_vide th{
        border:0px !important;
        text-align: left !important;
    }

/*====== LISTE SIMPLE ========================================================*/
    .table_simple{
        border-collapse:separate;
        border-spacing:0 4px;
    }
    .table_simple{
        table-layout:auto;
        width:max-content;
    }
    .table_simple{
        width:max-content;
        width:100%;
    }
    .table_simple tr:hover td{
        background:#ffff80;
    }
    .table_simple th{
        background:#b7fae9;
        border-top-width: 1px;
        border-bottom-width: 1px;
        padding:4px;
        box-shadow: 2px 2px 0px rgba(124, 136, 117, 0.64);
        text-align: left;
        white-space: nowrap;
    }
    .table_simple td{
        background:#ffffff;
        padding:4px;
        border-top-width:1px;
        border-bottom-width:1px;
        text-align: left;
    }
    .table_simple tr > th:only-child,
    .table_simple tr > td:only-child {
        border-radius: 4px;
    }
    .table_simple td:first-child,
    .table_simple th:first-child{
        border-left-width: 1px;
        border-radius:4px 0 0 4px;
    }
    .table_simple th:last-child,
    .table_simple td:last-child{
        border-right-width: 1px;
        border-radius:0 4px 4px 0;
    }
/*====== TABLE ANALYSE =================================================*/
    .table_analyse {
        border-collapse: collapse;
        table-layout: auto;
        white-space: nowrap;
        min-width: 100%;
        min-width: max-content;
    }
    .table_analyse th{
        background: #e1e1e1;
    }
    .table_analyse th,
    .table_analyse td {
        border-right-width: 1px;
        border-bottom-width: 1px;
        text-align: center;
        height: 20px;
         min-width: 70px;
         white-space: nowrap;
    }
    /* Deux premières colonnes à gauche */
        .analyse_aligne th:nth-child(-n+1),
        .analyse_aligne td:nth-child(-n+1) {
            text-align: left;
            min-width: 180px;
        }
    /* Supprime les bords extérieurs */
        .table_analyse th:last-child,
        .table_analyse td:last-child {
            border-right: none;
        }
    .table_analyse tr:last-child th,
    .table_analyse tr:last-child td {
        border-bottom: 0;
    }
/*====== LISTE CONTROLE ======================================================*/
    .table_controle{
        table-layout:auto;
        /*border-width: 1px;*/
        width:max-content;
        width:100%;
    }
    .table_controle tr:hover td{
        background:#ffff80;
    }
    .table_controle th{
        background:#b7fae9;
        /*border-top:1px solid #0800ff;*/
        /*border-bottom:1px solid #0800ff;*/
        padding:4px;
        text-align: left;
    }
    .table_controle td{
        background:#ffffff;
        padding:2px;
        /*border-top:1px solid #0800ff;*/
        /*border-bottom:1px solid #0800ff;*/
        text-align: left;
    }
    .table_controle td:first-child,
    .table_controle th:first-child{
        width:70px;
        text-align:left;
        /*border-left:1px solid #0800ff;*/
    }
    .table_controle th:last-child,
    .table_controle td:last-child{
        /*border-right:1px solid #0800ff;*/
    }
/*====== MODIFICATIONS DIVERSES DE CELLULES ============================*/
    .gras,
    .gras_2 {
        font-weight: 900;
    }
    .reduit tr,
    .reduit td{
        height:25px;
    }
    .align_gd th:first-child,
    .align_gd td:first-child{
        text-align:left;
    }
    .align_gd th:last-child,
    .align_gd td:last-child{
        text-align:right;
    }
    .align_d{
        text-align:right !important;
    }
    .colone_dg td:first-child,
    .colone_dg th:first-child,
    .colone_dg td:last-child,
    .colone_dg th:last-child {
        width: 60px;
    }
        .bordure_d{
            border-right: 1px solid #0800ff !important;
            border-radius: 0 4px 4px 0 !important;
        }

/*============================================================================*/
    .bordure_bas {
            border-bottom-width: 1px;
    }
    .ligne_active {
        background:#FFFF00 !important;
    }

                .table_arrondie{
                    border-width: 1px;
                    border-radius: 10px 0 0 0;
                    overflow: hidden;
                    width: 100%;
                }
                .table_boutons{
                    padding: 10px;
                    margin-bottom: 20px;
                    margin-top: 10px;
                    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.71);
                }

                .table_arrondie table{
                    /*border:0px solid #0800ff;*/

                }
 .table_arrondie{
     overflow-x: auto;
    width: 100%;

 }

                .table_fiche td,
                .table_fiche th
                {
                    height: 36px;
                    border-top: 1px solid #0800ff;
                }

                .contenu{
                    overflow: auto;
                }

                .fusionne {
                    border-radius:4px !important;
                    border:1px solid #0800ff !important;
                }

                /*====== TABLE LISTE =========================================================*/

                .table_liste td {
                    border: 1px solid #0800ff;
                    padding: 5px;
                }
                .table_liste tr:first-child td  {border-top: none;}
                .table_liste tr:last-child td   {border-bottom: none;}
                .table_liste td:first-child     {border-left: none;}
                .table_liste td:last-child      {border-right: none;}

                    .table_liste{
                        width:max-content;
                        min-width:max-content;
                        border-collapse:collapse;
                    }
                    .table_liste th {
                        background-color: #fffbdd;
                        padding: 2px;
                        font-size: 14px;
                        border-top:0;
                    }
                    .table_liste tr{
                        /*border: 1px solid #0800ff;*/
                        height: 34px;
                    }
                    .table_liste tr:hover {
                        background-color: #FFFF00 !important;
                    }
                    .table_liste td {
                        white-space:nowrap;
                        padding:2px;
                        /*border: 1px solid #0800ff;*/
                    }
                    .table_liste th:first-child,
                    .table_liste td:first-child{
                        width: 50px;
                        border-left:0;
                    }
                    .table_liste th:last-child,
                    .table_liste td:last-child{
                        border-left:0;
                    }

/*==============*/
.table_liste_interieure {
    border-collapse: collapse;
}
.table_liste_interieure th{
   background-color:#ccc !important;
}

.table_liste_interieure td,
.table_liste_interieure th {
    border: none;
    padding: 6px 8px;
}

.table_liste_interieure tr + tr td,
.table_liste_interieure tr + tr th {
    border-top: 1px solid #ccc;
}
.table_liste_interieure th:first-child ,
.table_liste_interieure td:first-child {
    text-align: left;
}

/* Les titres */
.table_liste_interieure th:nth-child(-n+2),
.table_liste_interieure td:nth-child(-n+2) {
    text-align: left;
}
.incline{
    vertical-align: bottom;
    writing-mode:sideways-lr;
    display:none;
    width:35px;
}

/*====== TABLE LISTE =========================================================*/
    .table_formulaire{
        /*min-width:max-content;*/
       /* border-collapse:collapse;*/
    }
    .table_formulaire{

    }
    .table_formulaire tr{
        background-color: #fffbdd;
        border-collapse: separate;
        border: 0px;
    }
    .table_formulaire th{
        text-align:left;
        background-color: #f0e381;
        padding: 2px;
        font-size: 14px;
    }

    .parcelle{
        background-color: #ffe5b4;
    }

.table_complement {
    width: 100%;
}

.table_complement td,
.table_complement th {
    padding: 2px;
}

.table_complement tr {
    /*border-block: 1px solid #0800ff;*/
    height: 34px;
}

.table_complement th {
    text-align: left;
    background: #b7fae9;
    font-size: 14px;
}

/* ============= TABLE DES MODALITES - OK ==============*/
.entete th {
    background-color: unset;
}
#table_conteneur {
    border-collapse: collapse;
    width:100%;
    table-layout: fixed;
}
#table_conteneur th,
#table_conteneur td {
    box-sizing:border-box;
}
.selection_col {
    width:40px;
}
.description_col {
    width:250px;
}
.colonne {
    width:35px;
   /* text-align:center;*/
}
#table_conteneur {
    table-layout: fixed;
    border-collapse: collapse;
    width:100%;
}
#table_conteneur td {
    padding:4px;
    text-align:left;
}
.align_center{
    text-align:left !important;
}
.colonne {
    width:35px;
    min-width:35px;
}

    .table_modalite {
        table-layout: auto;
        border-collapse: collapse;
        width: auto;
    }
    .table_modalite td {
        padding: 2px;
    }
    .table_modalite td,
    .table_modalite th {
        padding: 2px;
    }
    .table_modalite td:first-child,
    .table_modalite th:first-child {
        display: none;
    }
    .table_modalite td:nth-child(2),
    .table_modalite th:nth-child(2) {
        width:330px;
        min-width:330px;
        max-width:330px;
        text-align:left;
    }

    .entete {
        writing-mode: sideways-lr;
        width: 35px;
        min-width: 35px;
        max-width: 35px;
    }
    tr.selection td {
        background: #ffe08a!important;;
    }