body {
  background-image: url('../images/fond_tableau.jpg');
  background-size: cover; 
  background-repeat: no-repeat; 
  background-position: center; 
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
.centre{
  text-align : center;
}
.titre {
display: block; 
width: fit-content; 
margin: 0 auto;
color: rgb(253, 240, 50);
background-color: rgb(46,44,58);
border: 2px solid rgb(253, 240, 50); 
padding: 10px; 
border-radius: 5px;
font-size : 45px;
font-family: 'Roboto', sans-serif;
font-weight: 800; 
letter-spacing: 2px;
text-shadow: 2px 2px 1px black;
}
.texte_centre {
display: block; 
width: fit-content; 
margin: 0 auto;
padding: 2px 5px; 
border-radius: 5px;
font-size : 25px;
text-align : center;
background-color :rgba(46, 44, 58, 0.8); 
font-family: 'Roboto', sans-serif;
font-weight: 400; 
letter-spacing: 1.3px;
text-shadow: 2px 2px 1px black;
}
.bouton_lancement {
  font-family: 'Roboto', sans-serif;
  background-color:  rgb(46,44,58) ; 
  color: rgb(241, 230, 64);
  text-shadow: 2px 2px 1px black;
  font-size : 38px;
  font-weight : 800;
  padding: 7px 22px;
  border: none;  
  cursor: pointer; 
  transition: transform 0.3s ease, background-color 0.3s ease;
  }
.bouton_lancement:hover{
    background-color: rgb(0,0,0);
    color:rgb(250, 242, 129);
    display:block;
    margin: 0 auto;
    transform: scale(1.5);
  }
.centrage {
  display: flex;
  justify-content: center;
}
.texte_droite {
  font-size : 22px;
  text-align : center;
  color: rgb(247, 232, 28);
  font-family: 'Roboto', sans-serif;
  font-weight: 400; 
  letter-spacing: 1.3px;
  text-shadow: 2px 2px 3px black;
  position: absolute;
  right: 5;
}
ul {
  padding: 0;
}
li {
  display: flex; 
  align-items: center;
}
li::before {
  content: "‎ ‎ ‎"; 
  color: white; 
  margin-right: 5px; 
}
.navbar {
  border: 0.5px solid rgb(241, 230, 64);
  padding: 10px;
  font-size : 17px;
  background-color: rgb(241, 230, 64,0.8);
  color: rgb(241, 230, 64);
  font-family: 'Roboto', sans-serif;
  font-weight: 600; 
  letter-spacing: 1.1px;
  clip-path: inset(0 17px 20px 0);
}
.navbar-nav {
  list-style: none; 
  padding: 0; 
  display: flex; 
}
.nav-item {
  position: relative;
  padding: 0 15px; 
}
.nav-item:not(:last-child)::after {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #000; 
}
#haut_gauche{
  position :absolute;
  left : 0;
  top : -20;
}