/* CSS requis pour les articles et les modules associes aux differents tournois */
    /* Titre principal des tournois */
    
    .logo-g {
        float: left;
    }
    
    .logo-d {
        float: right;
    }
    
    .logo-g,
    .logo-d {
        width: 12.5%;
        height: 80px;
        margin: auto;
        text-align: center;
        padding: 0px;
    }
    
    .logo-g img,
    .logo-d img {
        margin: auto;
        display: block;
        height: 80px;
    }
    
    .titre-p {
        float: left;
        font-size: 2.5em;
        width: 75%;
        margin: auto;
        text-align: center;
        height: 80px;
        line-height: 80px;
        color: #000000;
    }
    /* Pour les articles */
    
    .artprinc {
        color: #000000;
    }
    
    .article {
        color: #000000;
        background: #ffffff;
        width: 95%;
        border: solid 1px #cccccc;
        padding: 15px;
        font: normal 1.0em arial;
        margin: 10px auto !important;
        box-shadow: 0px 0px 2px 3px #888888;
        text-align: justify;
    }
    
    .article h4 {
        padding: 0px 5px;
        margin: 10px 0px 5px;
    }
    
    .article p {
        margin: 0px 20px 10px;
    }
    
    .article ul {
        background: none;
        margin: 0px 0px 0px 20px;
        padding: 0px;
    }
    
    .article ul>li,
    .article ol>li {
        background: none;
        margin: 0px 20px;
        padding: 0px;
        font: normal 1.0em arial;
    }
    
    .article .sous-titre {
        font: normal 2.5em helvetica;
        text-align: center;
        padding: 10px;
        width: 60%;
        border: ridge 5px #000000;
        margin: 25px auto !important;
        background: #e8e8e8;
    }
    
    .article-draw {
        height: 175px;
        width: 100%;
        padding-top: 30px;
        background: radial-gradient(#a87705 15%, #fef6d3, #ffffff 70%)
    }
    
    .tablo {
        font: bold 1.2em arial;
        text-align: center;
        border-collapse: collapse;
        border: solid 3px #000000;
    }
    
    .tablo td {
        border: solid 1px #b0b0b0;
        padding: 10px;
    }
    
    .tablo a:hover {
        font-style: italic;
    }
    
    .tablo .titre {
        font-size: 1.5em;
        height: 2.0em;
        line-height: 2.0em;
        color: #ffffff;
        background: #1657a5;
        border: solid 2px #000000;
    }
    
    .tablo .l0 {
        background: #ffffff;
    }
    
    .tablo .l1 {
        background: #f7f2de;
    }
    
    .tablo .lien a {
        color: #000000;
        display: block;
        width: 100%;
    }
    
    .tablo .lien:hover,
    .tablo .lien a:hover {
        color: #970000;
        background: #e5feff;
        font-style: italic;
    }
    /* Module SlideShowCK */
    
    .slideshowck {
        margin: 25px auto;
    }
    
    .module-ssh {
        width: 80%;
        margin: auto;
    }
    /* Calendrier */
    
    .tblcal {
        font: bold 1.0em arial;
        color: #000000;
        text-align: center;
        border-collapse: collapse;
        border: solid 3px #000000;
        width: 75%;
        margin: auto;
        background: #ffffff;
    }
    
    .tblcal .bloc {
        border-top: 2px dotted #c0c0c0;
    }
    
    .tblcal td {
        padding: 5px;
    }
    
    .tblcal .centre {
        font-size: 1.5em;
    }
    
    .tblcal .bas {
        padding-bottom: 20px;
        font-size: 1.0em;
    }
    
    .tblcal .titre {
        width: 70%;
        font-size: 2.0em;
        height: 2.0em;
        line-height: 2.0em;
    }
    
    .tblcal .logo {
        width: 15%;
        margin: auto;
    }
    
    .tblcal .entete,
    .tblcal .pied1,
    .tblcal .pied3 {
        background: #9de4f2;
        font-size: 1.5em;
        text-align: center;
        margin: auto;
        padding: 12px;
    }
    
    .tblcal .pied2 {
        background: #e0e0e0;
        font-size: 1.0em;
        text-align: center;
        margin: auto;
        padding: 12px;
    }
    /* Tableau des gagnants */
    
    .tblgagnant {
        font: bold 1.0em arial;
        color: #000000;
        text-align: center;
        border-collapse: collapse;
        border: solid 3px #000000;
        width: 75%;
        margin: auto;
    }
    
    .tblgagnant td {
        border: solid 1px #808080;
        padding: 5px;
    }
    
    .tblgagnant .titre {
        font-size: 1.5em;
        height: 2.0em;
        line-height: 2.0em;
        color: #ffffff;
        background: #1657a5;
        border: solid 2px #000000;
    }
    
    .tblgagnant .quart {
        width: 25%;
    }
    
    .tblgagnant .demi {
        width: 50%;
    }
    
    .tblgagnant .l0 {
        background: #ffffff;
    }
    
    .tblgagnant .l1 {
        background: #f7f2de;
    }
    
    .tblgagnant .lettre {
        font-size: 1.5em;
        background: #b0b0b0;
    }
    /* Classement general */
    
    .clsgen {
        border-collapse: collapse;
        border: solid 3px #000000;
        margin: auto;
        font: bold 0.9em helvetica;
        color: #000000;
    }
    
    .clsgen td {
        text-align: center;
        padding: 5px;
        border-left: solid 1px #000000;
        border-right: solid 1px #000000;
    }
    
    .clsgen .titre {
        border: solid 1px #000000;
        font-size: 1.15em;
        text-align: center;
        background: #95b3d7;
    }
    
    .clsgen .l1 {
        background: #ddd9c4;
    }
    
    .clsgen .l0 {
        background: #ffffff;
    }
    
    .clsgen .note2 {
        border-left-color: #bbbbbb;
    }
    
    .clsgen .noteap {
        border: solid 1px #000000;
        background: #a0a0a0;
    }
    /* Joueurs participants */
    
    .tblequip {
        border: 1px solid black;
        border-collapse: collapse;
        margin: 5px 0px 0px 0px;
        width: 100%;
        font: normal 0.9em verdana;
        color: #000000;
    }
    
    .tblequip tr {
        border: 1px solid black;
    }
    
    .titeq {
        padding: 5px;
        text-align: center;
        color: #ffffff;
        background: #00326b;
        font-weight: bold;
        height: 2.0em;
    }
    
    .clubeq {
        padding: 5px;
        text-align: center;
        color: #ffffff;
        background: #7a7a7a;
        font-weight: bold;
        height: 2.0em;
    }
    
    .pos {
        width: 18%;
        padding: 2px;
        text-align: center;
        font-weight: bold;
        background: #fcfc00;
    }
    
    .nomjr {
        width: 82%;
        padding: 2px 3px;
        text-align: left;
        border-left: 1px solid black;
    }
    
    .rpl {
        background: #d68989 !important;
    }
    
    .tblcomplet {
        width: 98%;
        margin: 0px auto 10px;
    }
    
    .tbljoueurs {
        width: 20%;
        float: left;
        margin: 0px;
        padding: 0px;
    }
    
    .clr {
        clear: both;
    }
    
    .noterempl {
        margin: 20px auto;
        text-align: center;
        width: 100%;
        font: bold 1.1em verdana;
        color: #000000;
    }
    /* ----------- Pour les menus à onglets ------------ */
    
    #onglets .jwts_tabbertab {
        margin-top: 0px !important;
        border-radius: 0em 0em 0.5em 0.5em;
    }
    
    #onglets ul.jwts_tabbernav {
        all: unset;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        margin: 0px !important;
        padding: 10px 0px 0px 0px !important;
        height: 100% !important;
        border-radius: 0.5em 0.5em 0 0;
        background: linear-gradient(#ffffff, #376d8f, #002673) !important;
    }
    
    #onglets ul.jwts_tabbernav li {
        width: fit-content;
        margin: 5px 0px 10px 0px !important;
    }
    
    #onglets ul.jwts_tabbernav li a {
        font-size: 0.8em;
        text-decoration: none;
        border: none;
        border-radius: 0.5em 0.5em 0 0;
        color: #ffffff;
        background: #002673;
        margin: 0px 0px 5px 10px;
        padding: 5px 10px;
    }
    
    #onglets ul.jwts_tabbernav li a:hover {
        color: #08e8f8;
        border-bottom: 4px solid #08e8f8;
    }
    
    #onglets ul.jwts_tabbernav li.jwts_tabberactive a {
        font-weight: bold;
        color: #002673 !important;
        background: #ffffff;
        border-bottom: 4px solid #08e8f8;
    }
    
    #onglets ul.jwts_tabbernav li.jwts_tabberactive a:hover {
        color: #ab0906 !important;
        border-bottom: 4px solid #ab0906;
    }

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

/* Ajustement des éléments du template */
            @supports (display: grid) {
                @media (min-width: 992px) {
                    .site-grid {
                        grid-template-areas:  ". top-a top-a top-b top-b ." ".  comp comp comp comp ." ".  bot-a bot-a bot-b bot-b ."
                    }
                }
            }

            /* Eléments géréraux de la page */
            body {
                background: url("/images/dmmc/fond-page.png");
                background-size: 100% 100%;
                color: #000000;
            }
            
            hr {
                border: 2px solid #002573;
                margin: 15px auto;
                width: 90%;
            }
            
            .clr {
                clear: both;
                margin: 0px;
                padding: 0px;
                height: 0px;
            }

            /* Date du jour */            
            .mod_datetime {
                display: inline-block;
                width: auto;
                border: 1px solid #002673;
                padding: 5px 10px !important;
                background: #ab0906;
                border-radius: 10px;
                box-shadow: 0px 0px 10px 5px #002673;
            }
            
            .ddj {
                text-align: center;
                font: 1.5em Roboto;
                color: #ffffff;
                letter-spacing: 1px;
            }

            /* Changement de langue */            
            .mod-languages {
                text-align: right;
                width: auto;
                position: relative;
                top: -4px;
                right: 5px;
            }
            
            .mod-languages a {
                font: 1.0em Roboto;
                color: #ffffff;
                letter-spacing: 1px;
                padding: 2px 15px;
                background: #ab0906;
                border-style: solid;
                border-width: 2px;
                border-radius: 10px;
                line-height: 40px;
                border-color: #f83632 #850604 #850604 #f83632;
                box-shadow: 0px 0px 5px 5px #ab0906;
            }
            
            .mod-languages a:hover {
                font-style: italic;
                background: #2c87c0;
                border-color: #70b4de #0d5f92 #0d5f92 #70b4de;
                box-shadow: 0px 0px 5px 5px #2c87c0 !important;
            }

            /* Section du menu principal */
            .grid-child {
                max-width: 1500px;
            }
            
            .navbar {
                margin: auto;
            }
            
            .container-header .container-nav {
                background: #002673;
                border-radius: 0.5em;
            }
            
            .container-header .mod-menu li {
                padding: 2px;
            }
            
            .container-header .mod-menu li:hover {
                color: #08e8f8;
            }
            
            .container-header .mod-menu>li.active::after,
            .container-header .mod-menu>li.hover::after {
                background: #08e8f8;
            }
            
            @media (min-width: 992px) {
                .container-header .mod-menu>li::after {
                    opacity: 1.0;
                }
            }

            /* Boutons generiques */
            .bouton {
                position: relative;
                top: -40px;
                right: 10px;
                text-align: right;
                width: auto;
                height: 35px;
                line-height: 35px;
            }
            
            .bouton a {
                background-color: #ab0906;
                border-style: solid;
                border-width: 5px;
                padding: 2px 5px;
                border-color: #f83632 #6e0503 #6e0503 #f83632;
                color: #ffffff;
            }
            
            .bouton a:hover {
                background-color: #2c87c0;
                color: #ffffff;
                border-style: solid;
                border-width: 5px;
                border-color: #70b4de #0d5f92 #0d5f92 #70b4de;
            }
            
            .btn-centre {
                margin: 20px auto;
                width: 500px;
                padding-top: 20px;
            }
            
            .btn-centre a {
                display: block;
                padding: 10px;
                box-shadow: 0px 0px 5px 10px #ab0906;
                background-color: #ab0906;
                border-style: solid;
                border-width: 5px;
                border-radius: 20px;
                border-color: #f83632 #6e0503 #6e0503 #f83632;
                color: #ffffff;
                text-align: center;
                font-size: 2.0em;
            }
            
            .btn-centre a:hover {
                background-color: #2c87c0;
                color: #ffffff;
                border-style: solid;
                border-width: 5px;
                border-color: #70b4de #0d5f92 #0d5f92 #70b4de;
                font-style: italic;
                box-shadow: 0px 0px 5px 10px #2c87c0;
            }

            /* Tableaux a onglets */
            #onglets h2 {
                display: none;
            }
            
            #onglets ul.nav {
                width: 100%;
                background: url("../images/dmmc/fond-sous-menu.png");
                border-radius: 15px 15px 0px 0px;
                border-bottom: solid 1px #191970;
                padding: 5px 0px 0px 0px;
            }
            
            #onglets p.titre {
                font: bold 36px "trebuchet ms";
                color: #002673;
                text-align: center;
                text-decoration: underline;
                text-shadow: 0 0 10px #08e8f8;
                margin: 0px auto 10px;
            }
            
            #onglets .sous-titre {
                font-weight: bold;
                font-size: 1.75em;
                color: #000000;
                text-align: center;
                margin: 0px auto;
            }
            
			/* Divers elements */
            .article-draw {
                height: 175px;
                width: 100%;
                padding-top: 30px;
                background: radial-gradient(#a87705 15%, #fef6d3, #ffffff 70%)
            }
            
            .module-ssh {
                width: 80%;
                margin: auto;
            }
            
            .tablo {
                font: bold 1.2em arial;
                text-align: center;
                border-collapse: collapse;
                border: solid 3px #000000;
            }
            
            .tablo td {
                border: solid 1px #b0b0b0;
                padding: 10px;
            }
            
            .tablo a:hover {
                font-style: italic;
            }
            
            .tablo .titre {
                font-size: 1.5em;
                height: 2.0em;
                line-height: 2.0em;
                color: #ffffff;
                background: #1657a5;
                border: solid 2px #000000;
            }
            
            .tablo .l0 {
                background: #ffffff;
            }
            
            .tablo .l1 {
                background: #f7f2de;
            }
            
            .tablo .lien a {
                color: #000000;
                display: block;
                width: 100%;
            }
            
            .tablo .lien:hover,
            .tablo .lien a:hover {
                color: #970000;
                background: #e5feff;
                font-style: italic;
            }

            /* Module SlideShowCK */
            .slideshowck {
                margin: 25px auto;
            }

            /* Topbar - Bannière */ */
            .container-header {
                margin: 10px;
                border-radius: 0.5em;
                background: #002673;
            }
            
            .container-topbar {
                background: linear-gradient(#002673, #376d8f, #ffffff) !important;
                height: 100%;
                padding: 10px 20px;
                border-radius: 0.5em 0.5em 0em 0em;
            }
            
            /* Articles eplinguees - anciennes nouvelles express */
            .infos-haut {
                width: 95%;
                height: fit-content;
                margin: 20px auto 10px;
                padding: 5px 10px 0px;
                border: 1px solid #c0c0b0;
                background: #dfdfd7;
                border-radius: 10px;
                box-shadow: 0px 0px 5px 5px #002673;
            }
            
            .titre-haut {
                text-align: left;
                font-family: Roboto;
                font-size: 1.75em;
                letter-spacing: 2px;
                color: #ab0906;
                text-shadow: 1px 1px 2px #002673;
                margin: 0px 0px 5px;
                padding: 5px;
                text-decoration: underline;
            }
            
            .txt-centre {
                text-align: center;
            }
            
            .txt-haut {
                font: bold 1.0em verdana;
                color: #000000;
            }
            
            .txt-petit {
                font: bold 0.8em verdana;
                color: #000000;
                text-align: justify;
            }
            
            .txt-imp {
                font: bold 1.2em verdana;
                color: #002673;
                font-style: italic;
                text-decoration: underline;
            }
            
            .lien-haut {
                color: #ab0906;
            }
            
            .lien-haut:hover {
                color: #f82320;
                font-style: italic;
                text-shadow: 1px 1px 2px #ab0906;
            }
            
            /* Bloc principal */
            .blog-items {
                margin: auto;
                width: 95%;
                background: #ffffff;
            }

            /* Blocs du bas de page */
            .container-bottom-a,
            .container-bottom-b {
                background: linear-gradient(#ffffff, #376d8f, #002673);
                margin: 1.0em auto;
                border-radius: 0.5em !Important;
            }
            
            .container-bottom-a.card-body,
            .container-bottom-b.card-body {
                height: 180px;
                margin: 10px;
                padding: 0px 5px;
                width: 50%;
            }
            
            .card {
                border: none;
                background: none;
            }
            
            .card-body .titre-bas {
                text-align: center;
                font-family: roboto;
                font-size: 2.0em !important;
                color: #1b035c;
                text-shadow: 1px 1px 2px #002673;
                margin: 5px 0px;
                padding-bottom: 5px;
            }
            
            .card-body .infos-bas {
                width: 80%;
                height: 80px;
                margin: 20px auto 0px;
                padding: 12px 10px 0px;
                border: 1px solid #c0c0b0;
                text-align: center;
                background: #dfdfd7;
                border-radius: 10px;
                box-shadow: 0px 0px 5px 5px #002673;
            }
            
            .card-body .txt-bas {
                line-height: 1.5em;
                font: bold 1.5em/2.0em verdana;
                color: #000000;
            }
            
            .lien-bas {
                line-height: 1.5em;
                font: bold 1.25em verdana;
                color: #ab0906;
            }
            
            .lien-bas:hover {
                color: #f82320;
                font-style: italic;
                text-shadow: 1px 1px 2px #ab0906;
            }
            
            .card-body .affiche {
                display: block;
            }
            
            .card-body .cache {
                display: none;
            }
            
            /* Section footer */
            .footer {
                box-shadow: none !important;
                background: #002673 !important;
                color: #ffffff;
                width: 98%;
                margin: 0px auto 10px;
                border-radius: 0.5em;
            }
            
            .footer .grid-child {
                padding: 0.5rem 1.0rem;
            }
            
            .pgauche {
                margin: 0px;
                padding: 5px 10px;
            }
            
            .pgauche p {
                margin-bottom: 0px;
                font-weight: bold;
                line-height: 1.2em;
            }
            
            .pgauche p a {
                color: #f70c08;
                letter-spacing: 1px;
                padding-left: 10px;
                text-decoration: none;
            }
            
            .pgauche p a:hover {
                color: #2c87c0;
                font-style: italic;
            }
            
            .visiteurs {
                padding: 20px 0px 0px 30px;
                margin: 0px aut0;
                font-weight: bold;
                width: 350px;
            }
            
            .vistitre {
                float: left;
                font-weight: bold;
            }