/*------------- Base class -------------------*/

html {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 110%;
}

body {
    
    background-image: url("img/fond_geometrique.jpg");
    background-size: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

p,h1,h2,h3,.title{
    color: rgb(59,60,54);
} 



/*------------------ Personal class --------------------*/

/*----------Buttons classes-------------*/
.buttonBack{
    background-color: rgb(255, 255, 255);
    border-radius: 16pt;
    padding: 1rem;
    margin: 1rem;
    transition: all ease 1s;
}

.buttonBack:hover{
    background-color: rgb(0, 255, 255);
    color :rgb(1, 77, 14);
    transition: all ease 1s;
}

.bandeau{
    width: 100%;
    background-color: rgb(0, 0, 0);
    border-radius: 5pt;
    margin-bottom: 10px;
}

.bandeaulogo{
    width: 75pt;
    
}

.logo {
    width: 75%;
    border-radius: 50px;
}

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

.reseaux {
    width: 70%;
    margin: 1rem;
    display: flex;
    justify-content: center;
    
}

.social {
    width: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

/*tout ce qui est dans un paragraphe et a*/
.paragraphe a {
    font-weight: bolder;
    color: blue;
}

.paragraphe {
    padding: 1rem;
    margin: 1rem;
    background-color: rgb(150,222,209);
    border-radius: 16pt;
}

.bas {
    padding: 0.5rem;
    margin: 0.5rem;
}

.affiche {
    padding: 1rem;
    width: 300pt;
}

.cadre {
    border-radius: 24pt;
    padding-top: 5%;
    width: 60%;
    max-width: 600px;
    background-color: rgb(59,60,54);
    align-self: center;
    display: flex;
    flex-direction: column;
    align-items: center;    
    backdrop-filter: brightness(60%);
}

.textrestricted{
    max-width: 800px;
}

.lien_grand{
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 110%;
}


/*Pour la table------------------------*/
thead{
  background-color: rgb(150, 156, 159);
}


tbody {
    background-color: rgb(87, 90, 103);
  }

table{
    width: 100%;
}

td{
    justify-content: center;
    display: flex;
}



/* --------------Pour le timmer--------------*/

.box-rebours {
    height: 7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.box {
    padding: 5px 5px;
    margin: 0px 5px;
    background: black;
    width: 4.5rem;
    color: white;
}

#jour,
#heure,
#minute,
#seconde {
    padding: 10px 0px 0px;
    font-size: 2.2rem;
    font-weight: bold;
}

#jour_label,
#heure_label,
#minute_label,
#seconde_label {
    font-size: 0.8rem;
}
.title{
   
    text-align: center;
}