/* ===============================
       STYLES PERSONNALISÉS
    =============================== */
	
	/* =====  POLICE PERSONNALISÉS  ===== */
	@font-face {
		font-family: 'treasuremap';
		src: url('fonts/treasuremap.woff') format('woff'),
		src: url('fonts/treasuremap.woff2') format('woff2'),
		src: url('fonts/treasuremap.ttf') format('ttf');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'treasuremap2';
		src: url('fonts/pirate.woff') format('woff'),
		src: url('fonts/pirate.woff2') format('woff2'),
		src: url('fonts/pirate.otf') format('otf');
		font-weight: normal;
		font-style: normal;
	}
	.navbar-brand {
		font-family: 'treasuremap', sans-serif;
	}
	/* ========================================================= */
	
	/* ===== Taille H1 pour PC ============ */
	  h1 {
		font-size: 1.6rem; /* taille adaptée pour PC */
	  }
	/* ===== Taille H1 pour mobiles ======== */
	@media (max-width: 767px) {
	  h1 {
		font-size: 1.0rem; /* taille adaptée pour mobile */
	  }
	}
	/* ===== Taille H1 tablettes ========== */
	@media (min-width: 768px) and (max-width: 991px) {
	  h1 {
		font-size: 1.7rem; /* taille adaptée pour tablette */
	  }
	}

	/* ========================================================= */
	
    /* Section 1 : Logo & Slogan */
    .section-1 {
      position: relative;
      background: url('images/background1.webp') no-repeat center center;
      background-size: cover;
      height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      color: #fff;
    }
    .section-1 .logo {
      width: 650px;
      height: 380px;
      margin-bottom: 20px;
    }
    /* Section 2 : Nos produits */
    .section-2 {
      background-color: #fff;
      padding: 60px 0;
    }
    /* Section 3 : Qui sommes-nous ? */
    .section-3 {
      position: relative;
      background: url('images/background3.jpg') no-repeat center center;
      background-size: cover;
      padding: 60px 0;
      color: #fff;
    }
    /* Section 4 : Pied de page */
    .section-4 {
      background-color: #000;
      padding: 20px 0;
      color: #fff;
      text-align: center;
    }
    .section-4 .footer-logo {
      width: 140px;
      height: 80px;
      margin-bottom: 10px;
    }
    /* Ajustements responsives */
    @media (max-width: 768px) {
      .section-2 .col-md-4 {
        margin-bottom: 20px;
      }
    }