.navbar {
			display: flex;
			align-items: center;   /* aligne verticalement au centre */
			gap: 20px;             /* espace entre les éléments */
			padding: 10px 10px;
			background-color: #333;
			width:100%
		}
/*
 body, .container {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden; /* évite le scroll horizontal 
  box-sizing: border-box;
 }
 */		
	.logo {
	  height: 50px;
	  width: auto;
	}

img {
  max-width: 100%;
  height: auto;
}

	.titre {
	  color: white;
	  font-size: 1.2rem;
	}

	.liens {
	  margin-left: auto;   /* pousse les liens vers la droite */
	  display: flex;
	  gap: 15px;
	}

	.liens a {
	  color: white;
	  text-decoration: none;
	}

	.liens a:hover {
	  text-decoration: underline;
	}		
		
    nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 1400px;
            margin: 0 auto;
        }
/*		
  .logo {
            font-size: 1.5rem;
            font-weight: 700;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
*/  
 
/*
  .card {
	margin: 2rem auto;  /* ← marge haut/bas + centrage horizontal 
    background: #18161d;
    border: 1px solid #2a2735;
    border-radius: 20px;
    padding: 48px 40px;
    width: 380px;
    box-shadow: 0 40px 80px rgba(0,0,0,0.5);
  }

  .card h1 {
    font-family: 'Fraunces', serif;
    font-weight: 300;
    font-style: italic;
    font-size: 28px;
    color: #f0edf8;
    margin-bottom: 8px;
    letter-spacing: -0.5px;
  }

  .card p {
    font-size: 13px;
    color: #6b6578;
    margin-bottom: 36px;
  }

  .field {
    margin-bottom: 20px;
  }
 */