        body {
            margin: 0;
            padding: 0;
            background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.9)), url('font.jpg');
			
            background-size: cover;
            background-attachment: fixed;

			background-color: rgba(255, 255, 255, 0.1); 
            height: 100vh; /* Hauteur de la fenêtre visible */
        }

        .main-container {
            height: 100%;
            
            flex-direction: column;
        }

        .header {
			background-color: rgba(0, 0, 0, 0.3); /* Noir avec une opacité de 80% */
            height: 100px;
			display: flex;
			align-items: center;
        }

        .content {
            flex: 1; /* La div principale prend tout l'espace restant */
			padding: 25px;
            /* Ajoutez du style à la div principale selon vos besoins */
        }
		
		.wrapper {
			overflow: hidden; /* Clearfix pour éviter que le conteneur ne soit effondré */
		}

		.box {
			width: 48%;
			height: 340px; /* Ajustez la hauteur selon vos besoins */
			margin: 10px; /* Ajoutez des marges pour l'espacement entre les divs */
			float: left; /* Utilisation de float pour aligner les divs côte à côte */
		}

		@media (max-width: 600px) {
			.box {
				width: 100%;
				float: none; /* Annule le float en mode responsive */
				margin: 10px 0; /* Ajoutez des marges pour l'espacement en mode responsive */
			}
		}
		.transparent-box {
            background-color: rgba(255, 255, 255, 0.6); /* Blanc transparent à 50% */
            border: 2px solid #8B008B; /* Bordure mauve */
            border-radius: 10px; /* Coins arrondis */
            padding: 20px; /* Espace intérieur (ajustez selon vos besoins) */
            width: 90%; /* Largeur de la div (ajustez selon vos besoins) */
            margin: 20px; /* Marge externe (ajustez selon vos besoins) */
        }
		

    figure {
      display: flex;
      align-items: center;
    }

    figcaption {
      flex: 1;
      padding: 20px;
    }

    img {
      max-width: 100%;
      height: auto;
    }