2024-06-19 09:47:28 +00:00
|
|
|
html {
|
|
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
|
|
}
|
|
|
|
|
|
|
|
header {
|
2024-06-19 12:33:28 +00:00
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
align-items: center;
|
|
|
|
background-color: rgb(40,140,180);
|
|
|
|
padding: 20px;
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
}
|
2024-06-19 10:53:57 +00:00
|
|
|
|
2024-06-19 12:44:32 +00:00
|
|
|
body{
|
|
|
|
margin-top: 0%;
|
|
|
|
background-color: rgb(250, 250, 200);
|
2024-06-19 09:47:28 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
img{
|
|
|
|
position: static;
|
|
|
|
}
|
|
|
|
|
2024-06-19 12:33:28 +00:00
|
|
|
input[type=button] {
|
|
|
|
display: inline-block;
|
|
|
|
bottom: 10px;
|
|
|
|
font-weight: bold;
|
2024-06-19 12:44:32 +00:00
|
|
|
background-color: rgb(250, 250, 200);
|
2024-06-19 12:33:28 +00:00
|
|
|
border-radius: 4px;
|
|
|
|
width: 150px;
|
|
|
|
padding: 7px;
|
|
|
|
cursor:pointer;
|
|
|
|
}
|
2024-06-19 10:53:57 +00:00
|
|
|
|
2024-06-19 09:47:28 +00:00
|
|
|
.centrer{
|
|
|
|
text-align: center;
|
2024-06-19 12:33:28 +00:00
|
|
|
}
|
|
|
|
|
2024-06-19 12:44:32 +00:00
|
|
|
.buttons{
|
|
|
|
text-align: center;
|
|
|
|
display: flex;
|
|
|
|
align-items: flex-end;
|
|
|
|
box-sizing: border-box;
|
|
|
|
gap: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.title {
|
|
|
|
text-align: center;
|
|
|
|
}
|
2024-06-19 12:33:28 +00:00
|
|
|
|
2024-06-19 12:44:32 +00:00
|
|
|
.corps{
|
|
|
|
margin-top: 5%;
|
2024-06-19 14:14:46 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.encours > input[type=button]{
|
|
|
|
background-color: rgb(189, 191, 145);
|
2024-06-19 14:53:41 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#texte-intro{
|
|
|
|
text-align: center;
|
|
|
|
margin-left: 20%;
|
|
|
|
margin-right: 20%;
|
2024-06-19 09:47:28 +00:00
|
|
|
}
|