*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    background:#08142b url("images-loto/font.jpg") no-repeat center center fixed;
    background-size:cover;
    color:#fff;
    font-family:Arial, sans-serif;
}

.page-header img{
    width:100%;
    display:block;
}

h1{
    text-align:center;
    color:#ffd700;
    margin:40px 0 20px;
    font-size:42px;
}

p{
    text-align:center;
    max-width:900px;
    margin:0 auto 30px;
    line-height:1.8;
    font-size:18px;
}
.bloc-resultat{
    max-width:1100px;
    margin:40px auto;
    padding:35px;
    background:#08142b;
    border:2px solid #d4af37;
    border-radius:20px;
    text-align:center;
}

.bloc-resultat h2{
    color:#ffd700;
    font-size:32px;
    margin-bottom:25px;
}

.numeros-loto{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:15px;
    margin-bottom:25px;
}

.numeros-loto span,
.numero-chance span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:65px;
    height:65px;
    border-radius:50%;
    background:#ffd700;
    color:#000;
    font-weight:bold;
    font-size:26px;
}

.bloc-resultat h3{
    color:#ffffff;
    margin-bottom:15px;
}

.bloc-resultat p{
    color:#ffffff;
    font-size:16px;
}
.numero-chance{
    display:flex;
    justify-content:center;
    margin:20px 0;
}
.menu{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:25px;
    padding:18px;
    background:#000;
    border-top:1px solid #d4af37;
    border-bottom:1px solid #d4af37;
}

.menu a{
    color:#d4af37;
    text-decoration:none;
    font-weight:bold;
}

.menu a:hover{
    color:#ffffff;
}
.historique-loto{
    max-width:1200px;
    margin:30px auto;
    padding:30px;
    background:rgba(0,15,50,0.92);
    border:2px solid #ffd700;
    border-radius:25px;
}

.historique-loto h2{
    text-align:center;
    color:#ffd700;
    margin-bottom:25px;
    font-size:38px;
}

.historique-loto table{
    width:100%;
    border-collapse:collapse;
}

.historique-loto th{
    background:#111;
    color:#ffd700;
    padding:15px;
    border:1px solid rgba(255,215,0,0.25);
}

.historique-loto td{
    text-align:center;
    padding:15px;
    color:#fff;
    border:1px solid rgba(255,215,0,0.15);
}
.table-historique{
    width:80%;
    margin:25px auto;
    border-collapse:collapse;
}

.table-historique th,
.table-historique td{
    border:1px solid rgba(255,215,0,0.4);
    padding:12px;
    text-align:center;
    color:#ffffff;
}

.table-historique th{
    color:#ffd700;
    background:#111;
}
.footer-site{
    background:#000;
    border-top:2px solid #ffd700;
    padding:30px 20px;
    text-align:center;
}

.footer-logos{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    margin-bottom:20px;
    flex-wrap:wrap;
}

.footer-logos img{
    height:20px;
    width:auto;
}

.footer-liens{
    margin-bottom:20px;
}

.footer-liens a{
    color:#ffd700;
    text-decoration:none;
    margin:0 15px;
    font-weight:bold;
}

.footer-liens a:hover{
    color:#ffffff;
}

.footer-site p{
    color:#cccccc;
    font-size:14px;
}
.footer-warning{
    max-width:900px;
    margin:15px auto 25px auto;
    padding:12px;
    color:#cccccc;
    font-size:14px;
    line-height:1.6;
    border-top:1px solid rgba(255,215,0,0.3);
    border-bottom:1px solid rgba(255,215,0,0.3);
}
.seo-loto{
    max-width:1100px;
    margin:40px auto;
    padding:30px;
    background:rgba(0,15,50,0.90);
    border:1px solid #ffd700;
    border-radius:20px;
}

.seo-loto h2{
    color:#ffd700;
    text-align:center;
    margin-bottom:20px;
}

.seo-loto p{
    color:#ffffff;
    line-height:1.8;
    text-align:justify;
    margin-bottom:15px;
}
.pub-top{
    text-align:center;
    margin:20px auto 0 auto;
}

.pub-placeholder{
    width:460px;
    height:120px;
    margin:auto;
    border:2px dashed #ffd700;
    border-radius:15px;
    background:rgba(0,15,50,0.92);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#ffd700;
    font-size:20px;
    font-weight:bold;
}
.date-tirage{
    text-align:center;
    margin:10px auto 20px;
    font-size:16px;
    color:#ffffff;
}
@media(max-width:768px){

    h1{
        font-size:30px;
    }

    .bloc-resultat{
        padding:25px 15px;
        margin:25px 12px;
    }

    .bloc-resultat h2{
        font-size:28px;
    }

    .numeros-loto{
        display:flex;
        justify-content:center;
        flex-wrap:wrap;
        gap:3px;
    }

    .numeros-loto span,
    .numero-chance span{
        width:45px;
        height:45px;
        font-size:18px;
    }

    .numero-chance{
        display:flex;
        justify-content:center;
        margin:5px 0 !important;
    }

    .pub-placeholder{
        width:95%;
        height:90px;
        font-size:16px;
    }

    .historique-loto{
        padding:15px 5px;
        overflow-x:auto;
    }

    .table-historique{
        width:100%;
        min-width:350px;
    }

    .table-historique th,
    .table-historique td{
        padding:8px 4px;
        font-size:13px;
    }
}