@charset "utf-8";
/* ==========================================================================
     #536356  vert principal ......... Pantone 5605 C
     #3e4b41  vert fonce (survols) ... derive
     #889e8d  vert sauge / accent .... Pantone 5615 C
     #1b1e1c  encre / texte .......... Pantone Black 7 C
     #6b716c  texte secondaire ....... derive
     #e8e8e3  fond de page ........... Pantone 663 C
     #f3f3ef  creme (lignes paires) .. derive
     #dcdcd5  filets ................. derive
     #c2c4bc  filets appuyes ......... derive
     #a8452f  erreur (fonctionnel, hors charte)
 ========================================================================== */


/* --- Polices ------------------------------------------------------------ */
@font-face {
    font-family: 'Manrope';
    src: url('fonts/Manrope-VariableFont_wght.ttf') format('truetype-variations'), url('fonts/Manrope-VariableFont_wght.ttf') format('truetype');
    font-weight: 200 800;
    font-style: normal;
    font-display: swap;
}

/* --- Base -------------------------------------------------------------- */
html {
    height: 100%;
}

body {
    margin: 0;
    padding: 0 10px;
    height: 100%;
    background-color: #e8e8e3;
    color: #1b1e1c;
}

* {
    font-family: 'Manrope',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
}

td, p {
    color: #1b1e1c;
    line-height: 1.55;
}

a {
    color: #536356;
    text-decoration: none;
}

    a:hover {
        color: #3e4b41;
        text-decoration: underline;
    }

img {
    border: 0;
}

form {
    height: 100%;
}

h1 {
    margin: 0;
    padding: 0 0 4px;
    border: 0;
    font-family: 'Manrope',Arial,sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 1.2;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: #1b1e1c;
}

h2 {
    margin: 0;
    padding: 0 0 20px;
    border: 0;
    font-family: 'Manrope',Arial,sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #6b716c;
}

.p-20 {
    padding: 20px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

/* --- En-tete / logo ---------------------------------------------------- */
td.td_logo {
    height: 55px;
    padding: 50px 0 50px;
}

    td.td_logo img {
        height: 38px;
        width: auto;
    }

#accueil_top_menu * {
    font-size: 11px;
    color: #fff;
    text-decoration: none;
    letter-spacing: .04em;
}

#accueil_top_menu a:hover {
    text-decoration: underline;
}

/* --- Contenu ----------------------------------------------------------- */
.Main_Content {
    background-color: #ffffff;
    border: 1px solid #dcdcd5;
    border-top: 0;
    border-radius: 0 0 3px 3px;
    padding: 24px 26px 30px;
}

.Main_Marge_Bas {
    height: 30px;
    font-size: 1px;
    line-height: 1px;
}

.Separateur {
    display: block;
    height: 1px;
    margin-bottom: 20px;
    background-color: #dcdcd5;
    overflow: hidden;
}

/* --- Menu principal ---------------------------------------------------- */
.Main_Menu {
    height: 46px;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #dcdcd5;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
}

.Main_Menu_Item, .Main_Menu_Item_Actif {
    height: 46px;
    float: left;
    line-height: 46px;
    vertical-align: top;
    border-right: 1px solid #dcdcd5;
}

    .Main_Menu_Item a, .Main_Menu_Item_Actif a {
        display: block;
        height: 43px;
        line-height: 43px;
        padding: 0 20px;
        min-width: 110px;
        border-bottom: 3px solid transparent;
        text-align: center;
        vertical-align: top;
        font-family: 'Manrope',Arial,sans-serif;
        font-weight: 600;
        font-size: 12px;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: #6b716c;
        text-decoration: none;
        transition: background-color .15s ease,color .15s ease,border-color .15s ease;
    }

        .Main_Menu_Item a:hover, .Main_Menu_Item_Actif a {
            display: block;
            border-bottom: 3px solid #536356;
            background-color: #f3f3ef;
            color: #536356;
            text-decoration: none;
        }

/* --- Sous-menu --------------------------------------------------------- */
.Main_ssMenu {
    height: 38px;
    padding-left: 8px;
    background-color: #f3f3ef;
    border-left: 1px solid #dcdcd5;
    border-right: 1px solid #dcdcd5;
    border-bottom: 1px solid #dcdcd5;
    color: #6b716c;
}

    .Main_ssMenu a {
        display: inline-block;
        padding: 0 12px;
        height: 37px;
        line-height: 37px;
        color: #6b716c;
        border-bottom: 2px solid transparent;
    }

        .Main_ssMenu a:hover {
            color: #536356;
            border-bottom-color: #889e8d;
            text-decoration: none;
        }

        .Main_ssMenu a.Actif {
            color: #536356;
            font-weight: 700;
            border-bottom: 2px solid #536356;
        }

/* --- Messages ---------------------------------------------------------- */
.Erreur {
    display: block;
    box-sizing: border-box;
    max-width: 410px;
    margin: 0 auto 14px;
    padding: 9px 12px;
    text-indent: 0;
    background-color: #f6ebe7;
    background-image: none;
    border: 1px solid rgba(168,69,47,.28);
    border-left: 3px solid #a8452f;
    border-radius: 3px;
    color: #a8452f;
    font-weight: 600;
    text-align: left;
}

    .Erreur * {
        color: #a8452f;
    }

.Erreur_Information {
    display: block;
    padding: 9px 12px;
    text-indent: 0;
    background-color: #eef1ee;
    background-image: none;
    border: 1px solid #dcdcd5;
    border-left: 3px solid #889e8d;
    border-radius: 3px;
    color: #3e4b41;
    text-align: left;
}

    .Erreur_Information * {
        color: #3e4b41;
    }

.Information {
    padding: 9px 12px;
    background-color: #f3f3ef;
    border: 1px solid #dcdcd5;
    border-left: 3px solid #6b716c;
    border-radius: 3px;
    color: #1b1e1c;
    text-align: left;
}

    .Information * {
        color: #1b1e1c;
    }

/* --- Formulaires (Tab_Input) ------------------------------------------- */
.Tab_Input {
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #dcdcd5;
    border-top: 3px solid #536356;
    border-radius: 0 0 3px 3px;
}

    .Tab_Input * {
        color: #1b1e1c;
        font-size: 13px;
    }

    /* Titre de bloc : specificite volontairement superieure a ".Tab_Input *"
   pour reprendre la main sur la taille de police heritee. */
    .Tab_Input .Title,
    .Tab_Input .Title * {
        font-family: 'Manrope',Arial,sans-serif;
        font-weight: 700;
        font-size: 15px;
        line-height: 1.3;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: #536356;
    }

    .Tab_Input .Title {
        padding: 10px;
        border-bottom: 1px solid #dcdcd5;
    }

/* --- Champs de saisie -------------------------------------------------- */
.Composant, .Composant_Nombre {
    box-sizing: border-box;
    min-height: 30px;
    padding: 6px 9px;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #c2c4bc;
    border-radius: 3px;
    color: #1b1e1c;
    font-size: 13px;
    transition: border-color .15s ease,box-shadow .15s ease;
}

.Composant_Nombre {
    text-align: right;
}

    .Composant:hover, .Composant_Nombre:hover {
        border-color: #889e8d;
    }

    .Composant:focus, .Composant_Nombre:focus {
        outline: 0;
        border-color: #536356;
        box-shadow: 0 0 0 3px rgba(136,158,141,.35);
    }

textarea.Composant {
    min-height: 110px;
    resize: vertical;
}

.Composant[disabled], .Composant_Nombre[disabled] {
    background-color: #f0f0ec;
    color: #9b9f9b;
}

.Composant_Label {
    border: none;
    padding: 3px;
    background: transparent;
    cursor: pointer;
}

/* --- Boutons ----------------------------------------------------------- */
.Bouton {
    box-sizing: border-box;
    width: 150px;
    height: 32px;
    line-height: 30px;
    padding: 0 16px;
    background-color: #536356;
    background-image: none;
    border: 1px solid #536356;
    border-radius: 3px;
    color: #fff;
    font-family: 'Manrope',Arial,sans-serif;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: .1em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .15s ease,border-color .15s ease;
}

    .Bouton:hover {
        background-color: #3e4b41;
        border-color: #3e4b41;
        color: #fff;
    }

    .Bouton:active {
        background-color: #333e36;
    }

/* --- Listings (Tab_Listing) -------------------------------------------- */
.Tab_Listing {
    background-color: #ffffff;
    border: 1px solid #dcdcd5;
    border-radius: 3px;
}

.Tab_Listing_Entete td {
    height: 34px;
    padding: 0 10px;
    background-color: #536356;
    background-image: none;
    border-right: 1px solid rgba(255,255,255,.14);
    color: #fff;
    font-family: 'Manrope',Arial,sans-serif;
    font-weight: 600;
    font-size: 10px;
    letter-spacing: .11em;
    text-transform: uppercase;
}

    .Tab_Listing_Entete td:last-child {
        border-right: 0;
    }

.Tab_Listing_0 {
    background-color: #ffffff;
}

.Tab_Listing_1 {
    background-color: #f3f3ef;
}

    .Tab_Listing_0 td, .Tab_Listing_1 td {
        padding: 8px 10px;
        border-right: 1px solid #dcdcd5;
        border-top: 1px solid #dcdcd5;
        color: #1b1e1c;
    }

        .Tab_Listing_0 td:last-child, .Tab_Listing_1 td:last-child {
            border-right: 0;
        }

    .Tab_Listing_0:hover, .Tab_Listing_1:hover {
        background-color: #eef1ee;
    }

.Tab_Listing_0_NoRoll {
    background-color: #ffffff;
    height: 34px;
}

.Tab_Listing_1_NoRoll {
    background-color: #f3f3ef;
    height: 34px;
}

    .Tab_Listing_0_NoRoll td, .Tab_Listing_1_NoRoll td {
        padding: 8px 10px;
        border-right: 1px solid #dcdcd5;
        border-top: 1px solid #dcdcd5;
        color: #1b1e1c;
    }

        .Tab_Listing_0_NoRoll td:last-child, .Tab_Listing_1_NoRoll td:last-child {
            border-right: 0;
        }

.Tab_Listing a, .Lien {
    border-bottom: 1px solid transparent;
    color: #536356;
}

    .Tab_Listing a:hover, .Lien:hover {
        border-bottom: 1px solid #536356;
        color: #3e4b41;
        text-decoration: none;
    }

.Tab_Listing_0_NoRoll a, .Tab_Listing_1_NoRoll a {
    color: #6b716c;
    border-bottom: 1px solid transparent;
}

.Tab_Listing .Tab_Listing_0_NoRoll a:hover,
.Tab_Listing .Tab_Listing_1_NoRoll a:hover {
    border-bottom: 1px solid #6b716c;
    color: #1b1e1c;
}

/* --- Couleurs de texte heritees ---------------------------------------- */
.Vert_Lien, .Vert_Lien * {
    color: #536356;
}

.Vert_Fonce {
    color: #3e4b41;
}

/* --- Menu gauche ------------------------------------------------------- */
.Menu_Gauche {
    width: 200px;
    padding: 14px;
    background-color: #536356;
    border-radius: 3px;
    color: #fff;
}

    .Menu_Gauche * {
        color: #fff;
    }

    .Menu_Gauche a {
        display: block;
        padding: 6px 0;
        border-bottom: 1px solid rgba(255,255,255,.16);
    }

        .Menu_Gauche a:last-child {
            border-bottom: 0;
        }

        .Menu_Gauche a:hover {
            text-decoration: underline;
        }

    .Menu_Gauche option {
        color: #1b1e1c;
    }

/* --- Tailles de texte -------------------------------------------------- */
.Petit, .Petit * {
    font-size: 11px;
    color: #6b716c;
}

.Moyen {
    font-size: 12px;
}

/* --- Galerie ----------------------------------------------------------- */
.Galerie img {
    border: 1px solid #dcdcd5;
    border-radius: 3px;
    margin: 10px;
    transition: opacity .15s ease,border-color .15s ease;
}

    .Galerie img:hover {
        opacity: .82;
        border-color: #889e8d;
        cursor: pointer;
    }

/* --- Impression -------------------------------------------------------- */
@media print {
    body {
        background-color: #fff;
        padding: 0;
    }

    .Main_Menu, .Main_ssMenu, .Main_Marge_Bas {
        display: none;
    }

    .Main_Content {
        border: 0;
        padding: 0;
    }
}