body
	{
		background-color: #0e083c;
		margin-top :		95px;
	}

.accueil
	{
		width: 100%;
	}
	
.btndecouv
	{
		width: 209px;
		height:	49px;
	}
	
.intro
	{
		font-size: 		16px;
		color: 			white;
		font-weight:	bold;
	}

.txtpara
	{
		font-size: 		16px;
		color: 			white;
		margin-left: 	15px;
	}

	
.tpara
	{
		font-size: 		20px;
		font-family:	Arial, Helvetica, sans-serif;
		color: 			#59b9ff;
		font-weight:	bold;
		font-style:		italic;
	}

.txtref
	{
		font-size: 		14px;
		font-family:	Arial, Helvetica, sans-serif;
		color: 			#c0c0c0;
		font-style:		italic;
		text-align:		center;
	}
.info
	{
		font-size: 		16px;
		color: 			white;
		font-style:		italic;
	}
	
.tchap
	{
		font-size: 		25px;
		font-family:	Arial, Helvetica, sans-serif;
		color: 			yellow;
		font-weight:	bold;
	}	
	
.tfam
	{
		font-size: 		18px;
		font-family:	Arial, Helvetica, sans-serif;
		color: 			white;
		font-weight:	bold;
		font-style:		italic;
		margin-left: 	10px;
	}
	
.txtspan
	{
		font-size: 		16px;
		color: 			white;
		font-style:		italic;
	}

.txtred
	{
		font-size: 		16px;
		color: 			red;
		margin-left: 	15px;
		background-color:	white;
	}
	
.header
	{
		width:		100%;
		position:	fixed;
		top:		0;
		padding:	10px 16px;
		background:	black;
	
	}
/*	
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
*/

.menu {
  background-color: black;
  color: #fff;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: left;

}



.menu-links {
  list-style: none;
  display: none;
  flex-direction: column;
  background-color: #333;
  position: absolute;
  top: 77px;
  left: 0;
  width: 70%;
  transition: all 0.3s ease;
}

.menu-links li {
  text-align: left;
  padding: 12px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.menu-links a {
  color: #fff;
  text-decoration: none;
  display: block;
  font-size: 1.1em;
  transition: color 0.3s ease;
}

.menu-links a:hover {
  color: #00bcd4;
}

.menu-toggle {

  font-size: 1.8em;
  cursor: pointer;

}

/* État actif du menu (quand on clique sur le burger) */
.menu.active .menu-links {
  display: flex;
}

/* Version Desktop */
@media (min-width: 768px) {
  .menu {
    flex-direction: row;
  }

  .menu-links {
    display: flex !important;
    position: static;
    flex-direction: row;
    gap: 25px;
    background: none;
    margin-left: 50px;
  }

  .menu-links li {
    border: none;
    padding: 0;
  }

  .menu-toggle {
    display: none;
  }
}