Connexion réussie    <header>
      <!-- Header desktop -->
      <div class="container-menu-desktop">
        <!-- <div class="topbar">
				<div class="content-topbar container h-100">
					<div class="left-topbar">
						<span class="left-topbar-item flex-wr-s-c">
							<span>
								New York, NY
							</span>

							<img class="m-b-1 m-rl-8" src="images/icons/icon-night.png" alt="IMG">

							<span>
								HI 58° LO 56°
							</span>
						</span>

						<a href="#" class="left-topbar-item">
							About
						</a>

						<a href="#" class="left-topbar-item">
							Contact
						</a>

						<a href="#" class="left-topbar-item">
							Sing up
						</a>

						<a href="#" class="left-topbar-item">
							Log in
						</a>
					</div>

					<div class="right-topbar">
						<a href="#">
							<span class="fab fa-facebook-f"></span>
						</a>

						<a href="#">
							<span class="fab fa-twitter"></span>
						</a>

						<a href="#">
							<span class="fab fa-pinterest-p"></span>
						</a>

						<a href="#">
							<span class="fab fa-vimeo-v"></span>
						</a>

						<a href="#">
							<span class="fab fa-youtube"></span>
						</a>
					</div>
				</div>
			</div> -->

        <!-- Header Mobile -->
        <div class="wrap-header-mobile">
          <!-- Logo moblie -->
          <div class="logo-mobile">
            <a href="index.php"
              ><img src="images/logo/trefle.png" alt="IMG-LOGO"
            /></a>
          </div>

          <!-- Button show menu -->
          <div class="btn-show-menu-mobile hamburger hamburger--squeeze m-r--8">
            <span class="hamburger-box">
              <span class="hamburger-inner"></span>
            </span>
          </div>
        </div>

        <!-- Menu Mobile -->
        <div class="menu-mobile">
          <!-- <ul class="topbar-mobile">
            <li class="left-topbar">
              <span class="left-topbar-item flex-wr-s-c">
                <span> New York, NY </span>

                <img
                  class="m-b-1 m-rl-8"
                  src="images/icons/icon-night.png"
                  alt="IMG"
                />

                <span> HI 58° LO 56° </span>
              </span>
            </li>

            <li class="left-topbar">
              <a href="#" class="left-topbar-item"> About </a>

              <a href="#" class="left-topbar-item"> Contact </a>

              <a href="#" class="left-topbar-item"> Sing up </a>

              <a href="#" class="left-topbar-item"> Log in </a>
            </li>

            <li class="right-topbar">
              <a href="#">
                <span class="fab fa-facebook-f"></span>
              </a>

              <a href="#">
                <span class="fab fa-twitter"></span>
              </a>

              <a href="#">
                <span class="fab fa-pinterest-p"></span>
              </a>

              <a href="#">
                <span class="fab fa-vimeo-v"></span>
              </a>

              <a href="#">
                <span class="fab fa-youtube"></span>
              </a>
            </li>
          </ul> -->

          <ul class="main-menu-m">
            <li>
              <a href="index.php">À la une</a>
              <!-- <ul class="sub-menu-m">
                <li><a href="index.html">Homepage v1</a></li>
                <li><a href="home-02.html">Homepage v2</a></li>
                <li><a href="home-03.html">Homepage v3</a></li>
              </ul>

              <span class="arrow-main-menu-m">
                <i class="fa fa-angle-right" aria-hidden="true"></i>
              </span> -->
            </li>

            <li>
              <a href="environnement.php">Qui sommes - nous?</a>
            </li>

            <li>
              <a href="about.php">Services </a>
            </li>
            <li>
              <a href="service.php">Impact</a>
            </li>

            <li>
              <a href="communication.php">Partenariat</a>
            </li>

            <!-- <li>
              <a href="#">Discours</a>
              <ul class="sub-menu-m">
                <li><a href="category-01.html">Category Page v1</a></li>
                <li><a href="category-02.html">Category Page v2</a></li>
                <li><a href="blog-grid.html">Blog Grid Sidebar</a></li>
                <li><a href="blog-list-01.html">Blog List Sidebar v1</a></li>
                <li><a href="blog-list-02.html">Blog List Sidebar v2</a></li>
                <li><a href="blog-detail-01.html">Blog Detail Sidebar</a></li>
                <li>
                  <a href="blog-detail-02.html">Blog Detail No Sidebar</a>
                </li>
                <li><a href="about.html">About Us</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>

              <span class="arrow-main-menu-m">
                <i class="fa fa-angle-right" aria-hidden="true"></i>
              </span>
            </li> -->
            <li>
              <a href="blog.php">Blog</a>
            </li>
            <li>
              <a href="about.php">Contact</a>
            </li>
          </ul>
        </div>

        <!--  -->
        <div class="wrap-main-nav">
          <div class="main-nav">
            <!-- Menu desktop -->
            <nav class="menu-desktop">
              <a class="logo-stick" href="index.php">
                <img src="images/logo/logo_blancs.png" alt="LOGO" />
              </a>

              <ul class="main-menu">
                <li class="">
                  <a href="index.php">A la une</a>
                  <!-- <ul class="sub-menu">
									<li><a href="index.html">Homepage v1</a></li>
									<li><a href="home-02.html">Homepage v2</a></li>
									<li><a href="home-03.html">Homepage v3</a></li>
								</ul> -->
                </li>

                <li class="mega-menu-item">
                  <a href="about.php">Qui sommes - nous?</a>
                </li>

                <li class="mega-menu-item">
                  <a href="service.php">Services</a>
                </li>

                <li class="mega-menu-item">
                  <a href="nutrition.php">Impact</a>

                  <div class="sub-mega-menu">
                    <div class="tab-content">
                      <div
                        class="tab-pane show active"
                        id="news-0"
                        role="tabpanel"
                      >
                        <div class="row">

                                                  <div class="col-3">
                            <!-- Item post -->
                            <div>
                              <a
                                href="#"
                                class="wrap-pic-w hov1 trans-03"
                              >
                                <img src="article/1756416890_reve-de-riz-blanc-signification.jpeg" alt="IMG" />
                              </a>

                              <div class="p-t-10">
                                <h5 class="p-b-5">
                                  <a
                                    href="#"
                                    class="f1-s-5 cl1 hov-cl10 trans-03"
                                  >
                                    Focus nutritionnel : Un riz noble, riche en valeurs et en goût                                  </a>
                                </h5>

                                <span class="cl8">
                                  <a
                                    href="#"
                                    class="f1-s-6 cl8 hov-cl10 trans-03"
                                  >
                                    Nutrition                                  </a>

                                  <span class="f1-s-3 m-rl-3"> - </span>

                                  <span class="f1-s-3">01 Aug 2025 </span>
                                </span>
                              </div>
                            </div>
                          </div>
                          

                        </div>
                      </div>
                    </div>
                  </div>
                </li>

                <li class="mega-menu-item">
                  <a href="communication.php">Partenariat</a>

                    <div class="sub-mega-menu">
                    <div class="tab-content">
                      <div
                        class="tab-pane show active"
                        id="news-0"
                        role="tabpanel"
                      >
                        <div class="row">

                                                  <div class="col-3">
                            <!-- Item post -->
                            <div>
                              <a
                                href="#"
                                class="wrap-pic-w hov1 trans-03"
                              >
                                <img src="article/1781612189_images.jpg" alt="IMG" />
                              </a>

                              <div class="p-t-10">
                                <h5 class="p-b-5">
                                  <a
                                    href="#"
                                    class="f1-s-5 cl1 hov-cl10 trans-03"
                                  >
                                    Comment les entreprises peuvent réduire leur empreinte carbone ?                                  </a>
                                </h5>

                                <span class="cl8">
                                  <a
                                    href="#"
                                    class="f1-s-6 cl8 hov-cl10 trans-03"
                                  >
                                    Communication                                  </a>

                                  <span class="f1-s-3 m-rl-3"> - </span>

                                  <span class="f1-s-3">16 Jun 2026 </span>
                                </span>
                              </div>
                            </div>
                          </div>
                                                  <div class="col-3">
                            <!-- Item post -->
                            <div>
                              <a
                                href="#"
                                class="wrap-pic-w hov1 trans-03"
                              >
                                <img src="article/1757677477_WhatsApp Image 2025-09-12 à 11.43.54_4c66d20d.jpg" alt="IMG" />
                              </a>

                              <div class="p-t-10">
                                <h5 class="p-b-5">
                                  <a
                                    href="#"
                                    class="f1-s-5 cl1 hov-cl10 trans-03"
                                  >
                                    ? La RSE, un levier de confiance et de durabilité,                                  </a>
                                </h5>

                                <span class="cl8">
                                  <a
                                    href="#"
                                    class="f1-s-6 cl8 hov-cl10 trans-03"
                                  >
                                    Communication                                  </a>

                                  <span class="f1-s-3 m-rl-3"> - </span>

                                  <span class="f1-s-3">12 Sep 2025 </span>
                                </span>
                              </div>
                            </div>
                          </div>
                         
                          
                        </div>
                      </div>
                    </div>
                  </div>
                </li>

                <li class="mega-menu-item">
                  <a href="blog.php">Blog</a>
                </li>
                <li>
                  <a href="contact.php">Contact</a>

                </li>
              </ul>
            </nav>
          </div>
        </div>
        <!--  -->
        <div class="wrap-logo container">
          <!-- Logo desktop -->
          <div class="logo">
            <a href="index.php"
              ><img src="images/icons/logo-01.png" alt="LOGO"
            /></a>
          </div>

          <!-- Banner -->
          
            <div class="banner-header">
                <a href="#">
                    <img src="https://www.trefleci.com/images/az.png" alt="IMG" />
                </a>
            </div>

          <!--  -->
          <div class="pos-relative size-a-2 of-hidden m-tb-6">
            <!-- From Uiverse.io by adeladel522 -->
             <a href="contact.php">
              <button class="button btnxx">
                NOS CONTACTS
                <svg fill="currentColor" viewBox="0 0 24 24" class="icon">
                  <path
                    clip-rule="evenodd"
                    d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25zm4.28 10.28a.75.75 0 000-1.06l-3-3a.75.75 0 10-1.06 1.06l1.72 1.72H8.25a.75.75 0 000 1.5h5.69l-1.72 1.72a.75.75 0 101.06 1.06l3-3z"
                    fill-rule="evenodd"
                  ></path>
                </svg>
              </button>
            </a>
          </div>
        </div>
      </div>
    </header><head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Trèfle Écolo - Article</title>

  <!-- Favicon -->
  <link rel="icon" type="image/png" href="images/logo/symbole blancs.png" />

  <!-- Bootstrap -->
  <link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css" />

  <!-- Font Awesome & Font Awesome 5 -->
  <link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css" />
  <link rel="stylesheet" type="text/css" href="fonts/fontawesome-5.0.8/css/fontawesome-all.min.css" />

  <!-- Material Design Iconic Font -->
  <link rel="stylesheet" type="text/css" href="fonts/iconic/css/material-design-iconic-font.min.css" />

  <!-- Animate -->
  <link rel="stylesheet" type="text/css" href="vendor/animate/animate.css" />

  <!-- Hamburgers -->
  <link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css" />

  <!-- Animsition -->
  <link rel="stylesheet" type="text/css" href="vendor/animsition/css/animsition.min.css" />

  <!-- Tailwind (si nécessaire uniquement sur certaines pages) -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" />

  <!-- Util & Main CSS -->
  <link rel="stylesheet" type="text/css" href="css/util.min.css" />
  <link rel="stylesheet" type="text/css" href="css/main.css" />
  <!-- <script src="https://cdn.tailwindcss.com?plugins=line-clamp"></script> -->

</head>
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /htdocs/header.php:2) in <b>/htdocs/blog-detail-01.php</b> on line <b>12</b><br />