@font-face {
    font-family: 'BarbaroRoman';
    src: url('fonts/barbaro_roman.ttf') format('truetype');
}

:root{
    --rouge : #C72027;
    --bleu : #328ECD;
}

body{
    font-family: 'Poppins', sans-serif;
    padding : 0 0.5rem;
}

h1{
    font-family: 'BarbaroRoman', sans-serif;
    color : var(--rouge);
    letter-spacing: 0.3rem;
    text-align: center;
    font-size : 1.8rem;
}

h2{
    font-family: 'BarbaroRoman', sans-serif;
    color : var(--bleu);
    letter-spacing: 0.3rem;
    margin-top : 3rem;
}

p{
    font-size : 1rem
}

.date{
    font-weight: bold;
    text-align: center;
    font-size : 1.5rem;
    margin : 0;
}

.lieu{
    font-weight: bold;
    text-align: center;
    margin : 0;
    margin-bottom : 2rem;
}

.affiche{
    display: flex;
    justify-content: center;
}

.affiche img{
    width: 100%;
}

.content{

}

table,th,td{
    border:1px solid black;
    padding: 0.2rem;
    font-size : 0.8rem;
    color : white;
}

.thead th{
    color : black;
}

table{
    border-collapse: collapse;
    margin-bottom : 40px;
}

table a{
    color : white;
}

.trblue{
    background: var(--bleu);
}

.trred{
    background: var(--rouge);
}

.trgreen{
    background : seagreen;
}

.tryellow{
    background: #a38900;
}