.container {
    box-sizing: border-box;
    width: 100%;
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.bouton {
    cursor: pointer;
    height: auto;
    font-size: 1em;
    font-family: Tahoma;
    border-radius: 50px;

    &.bouton-membre {
        background: rgb(101, 97, 97);
        background: linear-gradient(58deg, rgba(24,22,22,1) 3%, rgba(93,56,56,1) 66%, rgba(96,38,38,1) 100%);        border: 2px solid #247b78;
        border: 4px solid #602b05;
        color: #167a21;
        font-style: italic;
        font-weight: bold;

        &:hover {
            background: #3fc5bf;
            color: #075007;
            border: 2px solid #075007;

        }

        &:active {
            background: #4b0303;
            color: #8c410c;
            border: 2px solid #e8874a;
        }
    }

    &.bouton-connexion {
        background-color: #af0909;
        border: 2px solid #af0909;
        color: #a6e3e0;

        &:hover {
            background: #3fc5bf;
            color: #075007;
            border: 2px solid #075007;

        }

        &:active {
            background: #4b0303;
            color: #8c410c;
            border: 2px solid #e8874a;
        }
    }

    &.bouton-generaux {
        background: rgb(160,164,159);
        background: linear-gradient(58deg, rgba(160,164,159,1) 20%, rgba(123,127,121,1) 61%, rgba(85,87,85,1) 100%);
        border: 3px solid #565454;
        font-style: italic;
        color: #33302c;
        font-size: 14px;
        font-weight: bold;

        &:hover {
            background: #222222;
            color: #075007;
            border: 2px solid #075007;

        }

        &:active {
            background: #839ce5;
            color: #e8874a;
            border: 2px solid #e8874a;
        }
    }

    &.bouton-reserver {
        background: rgb(217,192,166);
        background: linear-gradient(58deg, rgba(217,192,166,1) 0%, rgba(165,117,79,1) 46%, rgba(110,64,9,1) 100%);        border: 2px solid #4d2e14;
        color: #4b0303;
        border: 3px solid #964614;
        font-weight: bold;
        font-style: oblique;

        &:hover {
            background: #b0932b;
            color: #075007;
            border: 2px solid #075007;

        }

        &:active {
            background: #d96016;
            color: #000000;
            border: 2px solid #ffffff;
        }
    }

    &.bouton-activite {
        background: rgb(110,64,9);
        background: linear-gradient(58deg, rgba(110,64,9,1) 0%, rgba(165,117,79,1) 46%, rgba(217,192,166,1) 100%);
        border: 3px solid #794d06;
        color: #232121;
        font-weight: bold;
        font-style: italic;

        &:hover {
            background: #7cace3;
            color: #797474;
        }

        &:active {
            background: #797474;
            color: #000000;
        }
    }

    &.bouton-activite-generale {
        background: rgb(80,172,24);
        background: linear-gradient(58deg, rgba(80,172,24,1) 6%, rgba(8,113,24,1) 53%, rgba(18,101,28,1) 81%);
        border: 3px solid #114403;
        color: #114403;
        font-size: 14px;

        font-style: italic;
        font-weight: bold;

        &:hover {
            background: #5d5a5a;
            color: #a2a3a6;
            border: 2px solid #075007;

        }

        &:active {
            background: #839ce5;
            color: #e8874a;
            border: 2px solid #e8874a;
        }
    }

    &.bouton-ceremonie {
        background: rgb(14,104,195);
        background: linear-gradient(58deg, rgba(14,104,195,1) 9%, rgba(103,142,192,1) 49%, rgba(16,156,202,1) 90%);
        border: 3px solid #0f13b2;
        color: #0e328d;
        font-weight: bold;
        font-style: italic;

        &:hover {
            background: #7cace3;
            color: #000000;
        }

        &:active {
            background: #a2a3a6;
            border: 2px solid #6154d5;
            color: #000000;
        }
    }

    &.bouton-intervenant {
        background: rgb(216,154,44);
        background: linear-gradient(58deg, rgba(216,154,44,1) 20%, rgba(186,144,46,1) 33%, rgba(184,126,12,1) 49%);        border: 2px solid #884315;
        border: 3px solid #5e3106;
        font-style: italic;

        color: #000000;

        &:hover {
            background: #e8ca78;
            border: 2px solid #e8c54a;
            color: #000000;
        }

        &:active {
            background: #a49977;
            border: 2px solid #e8c54a;
            color: #000000;
        }
    }
}

.en-bloc {
    display: inline-block;
    text-align: center;
}


.texte-paragraphe {
    text-align: justify;
    color: #394b4a;
    font-family: Tahoma;
    font-size: 18px;
}

.texte-paragraphe-centre {
    text-align: center;
    color: #394b4a;
    font-family: Tahoma;
    font-size: 18px;
}

.texte-paragraphe-puce {
    text-align: justify;
    color: #075007;
    font-family: Tahoma;
    font-size: 16px;
}

.texte-paragraphe-gras {
    text-align: justify;
    color: #8bb2b1;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 16px;
}

.texte-paragraphe-droite {
    text-align: justify;
    color: #394b4a;
    font-family: Tahoma;
    font-size: 16px;
    margin-top: 25px;
    margin-bottom: 10px;
}

.texte-paragraphe-gauche {
    text-align: center;
    font-style: italic;
    color: #6c8181;
    font-family: Tahoma;
    font-size: 16px;
}

.texte-entete {
    text-align: center;
    color: #312f28;
    font-family: Tahoma;
    font-size: 12px;
    font-style: italic;
}

.texte-sous-lien {
    color: #247b78;
    text-align: center;
    font-family: Tahoma;
    font-size: 14px;
}

.texte-utile {
    text-align: center;
    color: #247b78;
    font-family: Tahoma;
    font-size: 14px;
}

.texte-gras-bleu {
    font-weight: bold;
    color: #318f8c;
    font-family: Tahoma;
    font-size: 18px;
}

.texte-gras-bleu-paragraphe {
    font-weight: bold;
    color: #284f4e;
    font-family: Tahoma;
    font-size: 18px;
}

.texte-gras-jaune-paragraphe {
    font-weight: bold;
    color: #075007;
    font-family: Tahoma;
    font-size: 16px;
}

.texte-blanc-paragraphe {
    color: #730b0b;
    font-family: Tahoma;
    font-size: 18px;
}

.texte-rouge {
    color: #520606;
    font-weight: bolder;
    font-family: Tahoma;
    font-size: 16px;
}

.texte-particularité-rouge {
    font-weight: bold;
    color: #b00303;
    text-decoration: underline #b00303;
    font-style: italic;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
}

.texte-date {
    font-weight: bold;
    color: #e8874a;
    font-style: italic;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0;
}

.texte-paranthèse-complément-liste {
    color: #406969;
    font-size: 18px;
}

.texte-paranthèse-italique{
    color: #167a21;
    font-size: 14px;
}

.petit-complement {
    color: #406969;
    font-size: 16px;
}


.texte-Oratorio {
    font-weight: bold;
    color: #318f8c;
    font-size: 13px;
    text-transform: uppercase;
}

.texte-info-complément-liste {
    color: #e8874a;
    font-size: 16px;
}

.texte-info-importante {
    color: #b04e0d;
    text-align: justify;
    font-family: Tahoma;
    font-size: 18px;
}

.texte-info-complement {
    color: #167a21;
    text-align: justify;
    font-family: Tahoma;
    font-style: italic;
    font-size: 18px;
}

.texte-liste {
    text-align: justify;
    font-size: 18px;
    color: #247b78;
}

.texte-important {
    text-align: justify;
    color: #730b0b;
    font-style: italic;
}

.texte-important-rencontre {
    text-align: justify;
    font-family: Tahoma;
    font-size: 16px;
    color: #730b0b;
    font-style: italic;
}

.texte-paragraphe-important-rencontre {
    text-align: justify;
    font-family: Tahoma;
    font-size: 18px;
    color: #730b0b;
}

.texte-mail {
    text-align: justify;
    margin-left: 20px;
    font-family: Tahoma;
    font-size: 16px;
    color: #e8874a;
}

.texte-puce-album {
    text-align: justify;
    margin-left: 20px;
    font-family: Tahoma;
    font-size: 16px;
    color: #730b0b;
}


.texte-important-haut-page {
    text-align: center;
    color: #ad1111;
    font-style: italic;
    font-family: Tahoma;
    font-size: 12px;
}

.titre-utile {
    text-align: center;
    color: #315050;
    font-family: Tahoma;
    font-size: 18px;
    font-weight: bold;
}

.texte-invocation {
    text-align: center;
    color: #643f06;
    font-family: Tahoma;
    font-size: 16px;
}

.titre-page {
    color: #5f47b6;
    text-align: center;
    font-style: italic;
    font-family: Tahoma;
    font-size: 30px;
    margin-top: 10px;
}

.titre-juridique{
    color: #9f9c9c;
    text-align: center;
    font-style: italic;
    font-family: Tahoma;
    font-size: 24px;
}

.texte-disposition{
    color: #9f9c9c;
    text-align: justify;
    font-family: Tahoma;
    font-size: 16px;
}

.texte-disposition-red{
    color: #4b0303;
    text-align: center;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 18px;
}

.texte-disposition-red-red{
    color: #ea0000;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 18px;
}

.texte-disposition-red-gras{
    color: #ea0000;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 18px;
}

.texte-disposition-sous{
    color: #5d5a5a;
    text-align: justify;
    font-family: Tahoma;
    font-size: 16px;
    text-decoration: underline #9f9c9c;
}

.texte-disposition-gras{
    color: #9f9c9c;
    text-align: justify;
    font-family: Tahoma;
    font-size: 16px;
    font-weight: bold;
}

.liste-gras{
    color: #4f4b4b;
    text-align: justify;
    font-family: Tahoma;
    font-style: italic;
    font-size: 16px;
    font-weight: bold;
}
.liste-juridique{
    list-style: square;
    color: #4f4b4b;
    margin-left: 40px;
    margin-top: 10px;
    text-align: justify;
    font-family: Tahoma;
    font-size: 16px;
}

.sous-titre-page {
    color: #5f47b6;
    text-align: justify;
    font-style: italic;
    font-family: Tahoma;
    font-size: 20px;
    margin-top: 10px;
    margin-left: 15px;
}

.sous-sous-titre-page {
    color: #235756;
    text-align: justify;
    font-family: Tahoma;
    font-size: 22px;
    margin-top: 5px;
}

.texte-sabbat-N {
    color: #482203;
    text-align: justify;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 18px;
    margin-top: 5px;
}

.texte-sabbat-Np {
    color: #6c3205;
    text-align: justify;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 18px;
    margin-top: 5px;
}

.texte-agora {
    color: #3b3831;
    text-align: center;
    font-family: Tahoma;
    font-size: 17px;
    margin-top: 5px;
}

.sous-sous-titre-page-petit {
    color: #558d8d;
    text-align: justify;
    font-family: Tahoma;
    font-size: 18px;
    margin-top: 5px;
}

.gras {
    font-weight: bold;
    color: #2d2826;
    font-style: italic;
    font-family: Tahoma;
    font-size: 20px;
}

.gras-solaire {
    font-weight: bold;
    color: #d96016;
    font-style: italic;
    font-family: Tahoma;
    font-size: 20px;
}

.gras-lunaire {
    font-weight: bold;
    color: #6b6953;
    font-style: italic;
    font-family: Tahoma;
    font-size: 20px;
}

.gras-sous-titre-page {
    color: #5f47b6;
    font-weight: bold;
    text-align: justify;
    font-style: italic;
    font-family: Tahoma;
    font-size: 20px;
    margin-top: 10px;
    margin-left: 15px;;
}


.titre-chapitre-gras {
    color: #247b78;
    text-align: center;
    font-style: italic;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 25px;
    margin-left: 25px;
}

.titre-majuscule {
    color: #247b78;
    text-align: center;
    font-size: 22px;
    margin-top: 25px;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.titre-majuscule-gauche {
    color: #247b78;
    text-align: center;
    font-size: 18px;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.légende-photo {
    margin-top: 10px;
    color: #196506;
    text-align: center;
    font-style: italic;
    font-family: Tahoma;
    font-size: 12px;
}

.type-image {
    margin-top: 25px;
    justify-content: center;

    img {
        width: 400px;
        height: auto;
    }
}

.type-image-intervenant {
    margin-top: 25px;
    justify-content: center;

    img {
        width: 200px;
        height: auto;
    }
}

.type-travaux {
    margin-top: 25px;
    justify-content: center;
    text-align: center;

    img {
        width: 300px;
        height: auto;
    }
}

.type-travaux-bas {
    justify-content: center;
    text-align: center;

    img {
        width: 300px;
        height: auto;
    }
}

.image-logo {
    justify-content: center;
    height: 150px;
    text-align: center;
    width: auto;
}

.image-inqui{
    justify-content: center;
    text-align: center;
}

.image-alerte {
    margin-top: 25px;
    justify-content: center;
    text-align: center;
    width: auto;
    height: 50px;
    color: white;
}

.image-livre {
    justify-content: center;
    text-align: center;
    height: 300px;
    width: auto;
}

.image-logo-celte {
    justify-content: center;
    height: 250px;
    text-align: center;
    Width: auto;
}

.image-logo-celte-gauche {
    margin-top: 500px;
    justify-content: center;
    height: 300px;
    text-align: center;
    Width: auto;
}

.image-coeur {
    justify-content: center;
    text-align: center;
    height: 90px;
    Width: auto;
}

.image-ligne {
    justify-content: center;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 35px;
    height: 80px;
    Width: auto;
}

.image-lune-gauche {
    align-items: center;
    justify-content: center;
    height: 200px;
    text-align: center;
    Width: auto;
}

.centrer-bande {
    display: flex;
    align-items: center;
}

.image-lune-droite {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    text-align: center;
    Width: auto;
}

.image-logo-vert-gauche {
    margin-top: 500px;
    justify-content: center;
    text-align: center;
    height: auto;
    Width: auto;
}

.type-image-petit {
    margin-top: 25px;
    justify-content: center;
    text-align: center;

    img {
        width: 250px;
        height: 250px;
    }
}

.type-image-petit-lune {
    margin-top: 25px;
    justify-content: center;
    text-align: center;

    img {
        width: 250px;
        height: auto;
    }
}

.image-helloassos {
    justify-content: center;
    text-align: center;

    img {
        width: 200px;
        height: 80px;
    }
}

.image-lune {
    justify-content: center;
    text-align: center;

    img {
        width: 120px;
        height: 80px;
    }
}

.image-agora {
    justify-content: center;
    text-align: center;

    img {
        width: 250px;
        height: auto;
    }
}

.image-evi {
    justify-content: center;
    text-align: center;

    img {
        width: 80px;
        height: 80px;
    }
}


.row {
    margin: 0;
    padding: 0;
}

.centre {
    justify-content: center;
    text-align: center;
    Width: 100%;
}

.centrer {
    text-align: center;
}


.marge-80 {
    margin-top: 80px;
}

.marge-40 {
    margin-top: 40px;
}

.marge-35 {
    margin-top: 35px;
}

.marge-30 {
    margin-top: 30px;
}

.marge-25 {
    margin-top: 25px;
}

.marge-15 {
    margin-top: 15px;
}

.marge-10 {
    margin-top: 10px;
}

.marge-05 {
    margin-top: 5px;
}

.marge-bas {
    margin-bottom: 40px;
}

.marge-gauche {
    margin-left: 25px;
}

a {
    text-decoration: none;
    color: #194dd9;
    font-size: 18px;

    &:hover {
        text-decoration: none;
        color: #075007;
    }
}

ul {
    li {
        color: #075007;
        font-size: 16px;
        font-weight: bold;
    }
        ul {
            li {
            color: #075007;
                font-size: 16px;
                font-weight: initial;
                font-style: initial;
                text-decoration: none;
        }
            ul{
                li{
                    color: #933d0d;
                    font-size: 16px;
                    font-weight: initial;
                    font-style: initial;
                    text-decoration: none;
                    margin-left: 20px;
                }
            }
    }
}


table {
    border-collapse: collapse;
    margin: auto;
}

td, th {
    padding: 15px;

    td {
        font-family: Tahoma;
        font-size: 16px;
        text-align: center;
        margin-left: 10px;
        margin-right: 10px;
        color: #e8874a;
    }

    th {
        font-family: Tahoma;
        font-size: 16px;
        text-align: center;
        margin-left: 10px;
        margin-right: 10px;
        color: #e8874a;
    }
}

.texte-heure-mois {
    color: #eace93;
    font-size: 14px;
    text-align: center;
}


.texte-tableau-activite {
    color: #eace93;
    font-size: 16px;
    text-align: justify;

    &.esbat {
        color: #eace93;
    }

    &.assise {
        color: #c4390d;
    }

    &.agora {
        color: #5f47b6;
    }

    &.rassemblement {
        color: #4d2e14;
    }

    &.information {
        color: #730b0b;
    }

    &.soir {
        color: #3fc5bf;
    }
}

.texte-tableau-date {
    font-size: 16px;
    text-align: center;
    color: #075007;
}

.texte-tableau-tarif {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #620404;
}

.texte-tableau-resa {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}

.texte-tableau-mois {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #247b78;
}

.texte-tableau-titre {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #167a21;
}

.fond-tab {
    background-color: #4f4d4d;
}

.webradio-chronique {
    text-align: center;
    font-style: italic;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}



.webradio-heure {
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    color: #3ea8a6;
    background-color: #515154;
}

.webradio-theme {
    font-size: 12px;
    text-align: center;
    color: #000000;
}

.webradio-jour {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
}

.webradio-animateur {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000;
}

.web-lundi {
    background-color: #ece48d;
    font-weight: bold;
    color: black;
}

.web-vide {
    background-color: #787878;
    font-weight: bold;
    color: black;
}

.web-mardi {
    background-color: #d33434;
    font-weight: bold;
}

.web-mercredi {
    background-color: #466564;
    font-weight: bold;
}

.web-jeudi {
    background-color: #3a80e3;
    font-weight: bold;
}

.web-vendredi {
    background-color: #167a21;
    font-weight: bold;
}

.web-samedi {
    color: white;
    background-color: #484646;
    font-weight: bold;
}

.web-dimanche {
    background-color: #e8803e;
    font-weight: bold;
}

.web-mabon {
    background-color: #75450a;
    font-weight: bold;
}

.webradio-sabbat {
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    color: #000000;
}

.webradio-esbat {
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
}

.badge-haut {
    bottom: 20px;
    position: fixed;
    justify-content: center;
    right: 40px;
        color: black;
}

.badge-connexion {
    background: #e8c54a;
    color: #4b0303;
    font-family: Tahoma;
    font-size: 20px;
}

.badge-juridique {
    .badge{
        background: rgb(124,238,79);
        background: linear-gradient(58deg, rgba(124,238,79,1) 14%, rgba(56,93,60,1) 100%, rgba(118,191,22,1) 100%);
    }
    color: #131313;
    position: fixed;
    justify-content: center;
    bottom: 20px;
    left: 40px;
}


.table-max {
    width: 100%;
}

body {
    background-image: url('/images/buvard.png');
    background-position: center;
    width: initial;
    height: initial;}

.badge{
    background: rgb(124,238,79);
    background: linear-gradient(58deg, rgba(124,238,79,1) 14%, rgba(56,93,60,1) 100%, rgba(118,191,22,1) 100%);
color: #000000;

}


.text-bg-perso{
    background: #075007;
    color: #3fc5bf;
}