Outiref

Code source de l'URL : https://aloeprevention.fr

<!doctype html>
<html lang="fr">
  <head>
	<!-- Global site tag (gtag.js) - Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-152515197-1"></script>
	<script>
		window.dataLayer = window.dataLayer || [];
		function gtag(){dataLayer.push(arguments);}
		gtag('js', new Date());

		gtag('config', 'UA-152515197-1');
	</script>
	
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Vous cherchez des solutions naturelles, efficaces pour votre beauté et votre bien-être ? Notre démarche est de vous proposer des produits de grande qualité au meilleur prix en direct avec le producteur. 	Ici est l'endroit où acheter pour la plénitude de votre satisfaction corporelle !">
    <meta name="author" content="Aloeprevention">    
    <link rel="stylesheet" href="styles/style.css">
    <link rel="canonical" href="https://www.aloeprevention.fr/index.html">

    <!-- Open Graph meta pour Facebook -->
    <meta property="og:title" content="Aloe Vera Forever - Aloeprevention" />
    <meta property="og:url" content="https://www.aloeprevention.fr/" />
    <meta property="og:image" content="https://www.aloeprevention.fr/images/Logo/Aloeprevention.png" />
    <meta property="og:description" content="Vous cherchez des solutions naturelles, efficaces pour votre beauté et votre bien être ? Notre démarche est de vous proposer des produits de grande qualité au meilleur prix en direct avec le producteur. 	Ici est l'endroit où acheter pour votre visage, vos cheveux et de nombreuses autres raisons !"/>
    <meta property="og:site_name" content="Aloeprevention" />

    <!-- Bootstrap CSS -->
	<!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>    
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <title>Aloeprevention - Les bienfaits de notre Aloès Forever Living, buvable, comestible, applicable.</title>
  </head>   


    <!-- Navbar -->
    <nav class="navbar sticky-top navbar-expand-lg navbar-light bg-light" id="nav">
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <a class="navbar-brand" href=""><img src="images/Logo/APLogo.png"><span style="font-weight:bold; font-size:39px; font-family:'Dancing Script', cursive; color:rgb(55,120,34);">Aloe</span>
      <span class="gold" style="font-weight:bold; font-size:39px; font-family:'Dancing Script', cursive;">prévention</span></a>
    
        <div class="navbar-collapse collapse dual-nav order-2 order-md-1 justify-content-end"  id="navbarTogglerDemo01">
          <ul class="navbar-nav justify-content-center">
			<li class="nav-item">
			  <a class="nav-link" href="pages/NotreAloeVera.php">Notre Aloe vera</a>
            </li>
		    <li class="nav-item">
              <a class="nav-link" href="pages/Produits.php">Nos produits</a>			  
            </li>
			<li class="nav-item">
              <a class="nav-link navb" href="pages/Client15.php"><img src="images/-15/805.png">Pack découverte<span style ="color:rgb(40,167,69);"> -30%</span></a>
			</li>
			<li class="nav-item dropdown">
			  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
				  L'entreprise
			  </a>
			  <div class="dropdown-menu" aria-labelledby="navbarDropdown">
			   <a class="dropdown-item" href="pages/Entreprise.php">Respect de la nature et des hommes</a>
		       <a class="dropdown-item" href="pages/NotreContribution.php">Notre contribution</a>
			  </div>
			</li>
			<li class="nav-item">
              <a class="nav-link" href="pages/NousRejoindre.php">Nous rejoindre</a>
			</li>
			<li class="nav-item">
              <a class="nav-link" href="tel:+33631173880"><img src="https://img.icons8.com/plasticine/24/000000/phone.png"></a>
            </li>
          </ul>
        </div>     
      </nav>
  
  <!-- Début du body -->
  <body>

    <!-- Conteneur flexible video -->
    <header>
      <div class="overlay">
          <video id="videoclip" autoplay="autoplay" loop="loop" muted playsinline>
          <source id="mp4video" src="videos/AccueilChamps.mp4" type="video/mp4">
            Your browser does not support HTML5 video.
          </video>
        <div class="container h-100">
          <div class="col-sm d-flex h-100 text-center align-items-center">
            <div class="w-100">
              <h1>L'Aloe vera Forever</h1>
              <p>Aussi pur que dans la nature</p><br>
              <a class="btn btn-success" id="videolink1">Bienvenue !</a>
            </div>
          </div>
        </div>
      </div>    
    </header>
	
	<!-- Trouver votre produit -->	
	<a class="nav-link" href="guide.html"><div id="trouverprod"></div></a>

    <!-- Saut de ligne --> 
    <br>

    <!-- Conteneur labels -->
    <div class="container-fluid">
      <div class="row">
        <div class="col-sm-0.5 mx-auto"><a target="_blank" href="http://www.iasc.org/"><img src="images/Accueil/labels/IASC.png" class="img-fluid" alt="Label IASC"></a></div>
        <div class="col-sm-0.5 mx-auto"><a target="_blank" href="https://www.iso.org/fr/iso-14001-environmental-management.html"><img src="images/Accueil/labels/iso14001-100.png" class="Norme ISO 14001 management environnemental" alt=""></a></div>
        <div class="col-sm-0.5 mx-auto"><a target="_blank" href="https://www.iso.org/fr/iso-9001-quality-management.html"><img src="images/Accueil/labels/iso9001-100.png" class="img-fluid" alt="Management de la qualité"></a></div>
        <div class="col-sm-0.5 mx-auto"><a target="_blank" href="https://ohsas-18001.fr/"><img src="images/Accueil/labels/ohsas-18001.jpg" class="img-fluid" alt="Norme ISO 18001 Santé et sécurité au travail"></a></div>
        <div class="col-sm-0.5 mx-auto"><a target="_blank" href="https://www.leapingbunny.org/"><img src="images/Accueil/labels/LeapingBunny.png" class="img-fluid" alt="Label LeapingBunny contre la maltraitance animale"></a></div>
        <div class="col-sm-0.5 mx-auto"><a target="_blank" href="https://www.foreverliving.fr/notre-aloe.html"><img src="images/Accueil/labels/kasher-100.png" class="img-fluid" alt="Label Kasher"></a></div>
        <div class="col-sm-0.5 mx-auto"><a target="_blank" href="https://www.foreverliving.fr/notre-aloe.html"><img src="images/Accueil/labels/halal-100.png" class="img-fluid" alt="Label Halal"></a></div>
        <div class="col-sm-0.5 mx-auto"><img src="images/Accueil/labels/satisfait-30-jours.jpg" class="img-fluid" alt="Satisfait ou remboursé jusqu'à 30 jours !"></div>
      </div>
    </div> 

    <!-- Sauts de ligne --> 
    <br><br><br>

    <!-- Accueil partie 1-->
    <div class="container-fluid">
      <div class="row">
        <div class="col-sm-6">
          <div id="carouselExampleIndicators0" class="carousel slide" data-interval="20000"  data-ride="false">
            <div class="carousel-inner">
              <div class="carousel-item active">
                <img src="images/Accueil/QCQueAloe/QuEstCeQueAloe.png" alt="Véra ? Qu'est ce que l'Aloe vera ? Découvrez pourquoi ce nom de vrai Aloe" class="img-fluid">
              </div>
              <div class="carousel-item">
                <img src="images/Accueil/QCQueAloe/1.png" alt="L'Aloe vera (vrai, véridique) plante médicinale historiquement remarquable utilisée par de nombreuses civilisation" class="img-fluid">
              </div>
            </div>
            <a class="carousel-control-prev" href="#carouselExampleIndicators0" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleIndicators0" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
            </a>
          </div>
        </div> 
        <div class="col-sm-6">
          <div id="carouselExampleIndicators1" class="carousel slide" data-interval="20000"  data-ride="false">
            <div class="carousel-inner">
              <div class="carousel-item active">
                <img src="images/Accueil/Composants/Composants.png" alt="Propriétés des Vitamines et minéraux du gel d'aloe vera ou pulpe d'aloe vera des produits Forever living products" class="img-fluid">
              </div>
              <div class="carousel-item">
                <img src="images/Accueil/Composants/Magasin.png" alt="Aloe Vera Gel, Un véritable magasin de nutriments: 250 composants agissant en synergie" class="img-fluid">
              </div>
              <div class="carousel-item">
                <img src="images/Accueil/Composants/Vitamines.png" alt="Source de vitamines, vitamine C, A, B et E lutant contre la fatigue" class="img-fluid">
              </div>
              <div class="carousel-item">
                <img src="images/Accueil/Composants/SelsMineraux.png" alt="12 minéraux essentiels pour vos cellules" class="img-fluid">
              </div>
              <div class="carousel-item">
                <img src="images/Accueil/Composants/AA.png" alt="7 Acides Aminés naturels de l'Aloès pour votre organisme" class="img-fluid">
              </div>
              <div class="carousel-item">
                <img src="images/Accueil/Composants/Mono.png" alt="Mono et polysaccharides Antioxydants favorisant les défenses naturelles du système immunitaire" class="img-fluid">
              </div>
              <div class="carousel-item">
                <img src="images/Accueil/Composants/Enzymes.png" alt="Enzymes clés de la vie facilitant la digestion et l'assimilation des nutriments par le système digestif" class="img-fluid">
              </div>
            </div>
            <a class="carousel-control-prev" href="#carouselExampleIndicators1" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleIndicators1" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
            </a>
          </div>
        </div>
      </div>     
      <div class="row">
        <div class="col-sm-6">
          <div id="carouselExampleIndicators2" class="carousel slide" data-interval="20000"  data-ride="false">
            <div class="carousel-inner">
              <div class="carousel-item active">
                <img src="images/Accueil/LesVertus/LesVertus.png" alt="Les Vertus pour toutes les peaux" class="img-fluid">
              </div>
              <div class="carousel-item">
                <img src="images/Accueil/LesVertus/Regen.png" alt="Hydratant et Regénèrant il favorise la cicatrisation et lutte contre le vieillissement" class="img-fluid">
              </div>
              <div class="carousel-item">
                <img src="images/Accueil/LesVertus/Bienfaits.png" alt="Les Bienfaits de notre Aloès stabilisé anti-age !" class="img-fluid">
              </div>
            </div>
            <a class="carousel-control-prev" href="#carouselExampleIndicators2" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleIndicators2" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
            </a>
          </div>
        </div> 
        <div class="col-sm-6">
          <div id="carouselExampleIndicators3" class="carousel slide" data-interval="20000" data-ride="false" >
            <div class="carousel-inner">
              <div class="carousel-item active">
                <img src="images/Accueil/BonnesRaisons/11BonnesRaisons.png" alt="10 Bonnes Raisons de boire de la pulpe" class="d-block img-fluid">
              </div>
              <div class="carousel-item">
                <img src="images/Accueil/BonnesRaisons/1.png" alt="Des nutriments pour préserver le bien-être" class="d-block img-fluid">
              </div>
              <div class="carousel-item">
                <img src="images/Accueil/BonnesRaisons/2.png" alt="Source d'antioxydants piégeurs de radicaux-libre" class="d-block img-fluid">
              </div>
              <div class="carousel-item">
                <img src="images/Accueil/BonnesRaisons/3.png" alt="Riche en eau végétale il augmente l'apport hydrique quotidien" class="d-block img-fluid">
              </div>
              <div class="carousel-item">
                <img src="images/Accueil/BonnesRaisons/4.png" alt="Hydrate la peau et contribue à maintenir une peau saine" class="d-block img-fluid">
              </div>
              <div class="carousel-item">
                <img src="images/Accueil/BonnesRaisons/5.png" alt="Aide à stimuler le métabolisme et réguler les différents fonctions de l'organisme" class="d-block img-fluid">
              </div>
              <div class="carousel-item">
                <img src="images/Accueil/BonnesRaisons/6.png" alt="Augmente la résistance à la charge psychique et lutte contre le stress" class="d-block img-fluid">
              </div>
              <div class="carousel-item">
                <img src="images/Accueil/BonnesRaisons/7.png" alt="Accroit les défenses naturelles et favorise le fonctionnement normal du système immunitaire" class="d-block img-fluid">
              </div>
              <div class="carousel-item">
                <img src="images/Accueil/BonnesRaisons/8.png" alt="Augmente le niveau d'énergie afin d'éviter d'être fatigué" class="d-block img-fluid">
              </div>
              <div class="carousel-item">
                <img src="images/Accueil/BonnesRaisons/9.png" alt="Consommable tout les jours, il augmente les bienfaits en interne comme en externe" class="d-block img-fluid">
              </div>
              <div class="carousel-item">
               <img src="images/Accueil/BonnesRaisons/10.png" alt="L'Aloe vera est une plante adaptogène, il régule individuellement chaque organisme" class="d-block img-fluid">
              </div>
            </div>
            <a class="carousel-control-prev" href="#carouselExampleIndicators3" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleIndicators3" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
            </a>
          </div>
        </div>
      </div>
    </div>    
    
	<!-- Sauts de ligne --> 
    <br><br>
	
    <!-- Séparateur 1 -->
    <div>
      <picture>
        <source srcset="images/Accueil/separateur/Champs1.png" media="(min-width: 800px)">
        <img src="images/Accueil/separateur/Champs1-800.png" alt="Séparateur Champs 1" class="img-fluid">
      </picture>
    </div>
                      
    <!-- Sauts de ligne --> 
    <br><br>

    <!-- Accueil partie 2 -->
    <div class="container-fluid">
      <div class="row mx-auto">
        <div class="col-sm-6">
          <div id="carouselExampleIndicators4" class="carousel slide" data-interval="20000"  data-ride="false">
            <div class="carousel-inner">
              <div class="carousel-item active">
                <img src="images/Accueil/4/ChampauProduit.png" alt="Du Champs au Produit" class="img-fluid">
              </div>
              <div class="carousel-item">
                <img src="images/Accueil/4/Plantations.png" alt="Plantations" class="img-fluid">
              </div>
              <div class="carousel-item">
                <img src="images/Accueil/4/Effeuillage.png" alt="Effeuillage" class="img-fluid">
              </div>
              <div class="carousel-item">
                <img src="images/Accueil/4/Iasc.png" alt="Iasc" class="img-fluid">
              </div>
              <div class="carousel-item">
                <img src="images/Accueil/4/Conservateur.png" alt="Conservateur" class="img-fluid">
              </div>
              <div class="carousel-item">
                <img src="images/Accueil/4/Emballage.png" alt="Emballage" class="img-fluid">
              </div>
              <div class="carousel-item">
                <img src="images/Accueil/4/Efficacite.png" alt="Efficacité prouvée" class="img-fluid">
              </div>
            </div>
            <a class="carousel-control-prev" href="#carouselExampleIndicators4" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleIndicators4" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
            </a>
          </div>
        </div> 
        <div class="col-sm-6">
          <img class="img-fluid" src="images/Accueil/3/Raisons.png" alt="Raisons de consommer de la pulpes">
        </div>     
      </div>
    </div>
    
    <!-- Sauts de ligne -->
    <br><br>
    
    <!-- Séparateur 2 -->
    <div>
      <picture>
        <source srcset="images/Accueil/separateur/Champs3.png" media="(min-width: 800px)">
        <img src="images/Accueil/separateur/Champs3-800.png" alt="Séparateur Champs 3" class="img-fluid">
      </picture>
    </div>

    <!-- Sauts de ligne --> 
    <br><br>

    <!-- Accueil partie 4 -->
    <div class="container-fluid">
      <div class="row mx-auto text-center">
        <div class="col-sm-5 mx-auto">
          <div id="carouselExampleIndicators9" class="carousel slide" data-interval="2500"  data-ride="carousel">
            <div class="carousel-inner">
               <div class="carousel-item active">
			    <a href="pages/Client15.php"><img src="images/-15/Pack.jpg" alt="Pack Découverte -15%" class="img-fluid rounded"></a>
               </div>
			   <div class="carousel-item">
                <a href="pages/Produits/Lbdbe/AloeBerryNectar330.html"><img src="images/Accueil/6/PeachesBerryMini.png" alt="Forever aloe berry nectar 330ML x 12" class="img-fluid rounded"></a>
               </div>
               <div class="carousel-item">
                <a href="pages/Produits/Lsol/AloeSunscreen.html" target="_blank"><img src="images/Accueil/6/Solaire.jpg" alt="Nouveau Solaire" class="img-fluid rounded rounded"></a> 
              </div>
             </div>
           </div>
          </div>
	   </div>
	</div>

    <!-- Sauts de ligne --> 
    <br><br><br>

    <div>      
     <img src="images/Accueil/6/PanelProduits.png" alt="Panel Produit Go2fbo" class="img-fluid">
    </div>

  <!-- Début du footer --> 
  <footer class="footer mt-auto py-3 bg-light">
    <div class="container-fluid">
      <div class="row">
        <div class="col-md-4 mx-auto"><br>
          <p class="gold">NOS PRODUITS</p>
            <a style="text-decoration:none" href="pages/LesBasesDuBienEtre.php">
              <div class="link">
                <p>Les bases du bien-être</p>
              </div>
            </a>
            <a style="text-decoration:none" href="pages/FitnessEtMinceur.php">
              <div class="link">
                <p>Fitness et minceur</p>
              </div>
            </a>
            <a style="text-decoration:none" href="pages/Nutrition.php">
              <div class="link">
                <p>Nutrition</p>
              </div>
            </a>
            <a style="text-decoration:none" href="pages/LesProduitsDeLaRuche.php">
              <div class="link">
                <p>Les produits de la ruche</p>
              </div>
            </a>
            <a style="text-decoration:none" href="pages/LesIndispensables.php">
              <div class="link">
                <p>Les indispensables</p>
              </div>
            </a>
            <a style="text-decoration:none" href="pages/Visage.php">
              <div class="link">
                <p>Visage</p>
              </div>
            </a>
            <a style="text-decoration:none" href="pages/CorpsEtCheveux.php">
              <div class="link">
                <p>Corps et cheveux</p>
              </div>
            </a>
            <a style="text-decoration:none" href="pages/LesSolaires.php">
              <div class="link">
                <p>Les Solaires</p>
              </div>
            </a>
            <a style="text-decoration:none" href="pages/LesParfums.php">
              <div class="link">
                <p>Les parfums</p>
              </div>
            </a>
            <a style="text-decoration:none" href="pages/Maison.php">
              <div class="link">
                <p>Maison</p>
              </div>
            </a>
            <a style="text-decoration:none" href="pages/Animaux.php">
              <div class="link">
                <p>Animaux</p>
              </div>
            </a>
          </div>
          <div class="col-md-4 mx-auto"><br>
            <ul>
              <p class="gold">MODES DE LIVRAISON</p>
                <p>Point relais Chronopost, livraison 48/72H pour une commande effectuée avant 12H45 du lundi au vendredi
                <br>Tarif 3 €  Gratuit à partir de 100 € d'achat<br>
                <br>Domicile Chronopost 24H
                <br>Tarif 10 € Gratuit à partir de 100 € d'achat</p>
            </ul>
          </div>
          <div class="col-md-4 mx-auto"><br>
            <ul>
              <p class="gold">RAPPEL</p>
                <p>Toute personne, sous traitement médical, doit obtenir l'accord de son médecin traitant avant la prise de tout complément alimentaire.
                Nos produits sont destinés à des personnes bien portantes pour garder équilibre et bien-être et ne peuvent en aucun cas remplacer un traitement médical.<br><br>
                Les articles présentés dans notre catalogue sont distribués exclusivement en Vente Directe.<br><br>
                Pour votre santé, mangez au moins 5 fruits et légumes par jour, pratiquez une activité physique régulière, évitez de manger trop gras, trop sucré et trop 
                salé et évitez de grignoter entre les repas.<br>
                <br>Plus d'infos sur: <a style="color:rgb(34, 177, 76) !important;" class="link" target="_blanck" href="http://www.mangerbouger.fr/">mangerbouger.fr</a></p>
                <img src="https://img.icons8.com/plasticine/24/000000/phone.png"> 06 31 17 38 80</p>				
            </ul>
          </div>
      </div>
    </div>
    <div class="container-fluid">
      <div id="footer" class="row mx-auto">
        <div class="col-sm-3 ml-auto"><br>
          <a href="http://www.fvd.fr/"><img src="images/Accueil/labels/fvd-100.png" alt="Logo FVD" class="img-fluid"></a>
          <a href="http:///www.foreverliving.fr/"><img src="images/Accueil/labels/ForeverLogo.png" alt="Logo Forever" class="img-fluid"></a>
          <a href="https://www.foreverliving.fr"><img src="images/Accueil/labels/FBO.png" alt="Label FBO" class="img-fluid"></a> 
        </div>
      </div><br>
      <div class="row mx-auto text-center">
      <div class="col-sm-3 mx-auto"><a class="gold" style="text-decoration:none" href="pages/CGV/cgv.html">CGV</a></div>
      <div class="col-sm-3 mx-auto"><a class="gold" style="text-decoration:none" href="pages/MentionsLegales/MentionsLegales.html">Mentions légales</a></div>
      <div class="col-sm-3 mx-auto"><a class="gold" style="text-decoration:none" href="pages/PolitiqueConfidentialite/Confidentialite.html">Confidentialité</a></div>
      <div class="col-sm-3 mx-auto">© Aloeprevention.fr 2019</div>
    </div>
    </div>
  </footer>
	
	<!-- Script de changement de source video au click sur le bouton Bienvenue-->
    <script type="text/javascript">
      $(document).ready(function() {
        var videoID = 'videoclip';
        var sourceID = 'mp4video';
        var newmp4 = 'videos/AccueilMich.mp4';
        
        $('#videolink1').click(function(event) {
          $("header .container").css("display", "none");
          $("video").css("width", "500px");
          $("video").css("height", "400px");
          $('#'+sourceID).attr('src', newmp4);
          $('#'+videoID).prop('muted', false);
          $('#'+videoID).prop('loop', false);
		  $('#'+videoID).prop("controls",true); 		  
          $('#'+videoID).get(0).load();
          $('#'+videoID).get(0).play();
          $('#'+videoID).on('ended',function(){
            location.reload();
          });
        });
      });
    </script>
	
  </body>
</html>