Blue Flower

<!DOCTYPEhtml>
<html>
<head>
    <title>Site Calima</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="/index.css">
    <link rel="icon" type="image\png" href="/logo.png">
</head>
<body>
  <img src="C:/Users/Echbiki/Desktop/ProjetCalima/logo.png" alt="description de l'image" class="image-personnalisee">
  <a href="/index.php"><button class="button">Contact</button></a>
 
  <div class="icon-bar">
    <ahref="https://www.facebook.com/calima.alsace.90"class="facebook"><iclass="fa fa-facebook"></i></a>
    <ahref="https://twitter.com/muselhamdani"class="twitter"><iclass="fa fa-twitter"></i></a>
    <ahref="https://www.instagram.com/calimaalsace/"class="instagram"><iclass="fa fa-instagram"></i></a>
    <ahref="https://chat.whatsapp.com/Bgke95c6CUJ7UlYjJMlMqq"class="whatsapp"><iclass="fa fa-whatsapp"></i></a>
  </div>

  <div class="slideshow-container">
    <div class="slides">
       <img src="/photos JL Hess chibani/_DSC6314[1].JPG" alt="image1">
       <img src="/photos JL Hess chibani/_DSC6333[1].jpg" alt="image2">
       <img src="/photos JL Hess chibani/_DSC6644[1].JPG" alt="image3">
       <img src="/photos JL Hess chibani/_DSC6653[1].JPG" alt="image4">
       <img src="/photos JL Hess chibani/_DSC6672[2].JPG" alt="image5">
       <img src="/photos JL Hess chibani/_DSC6940[1].JPG" alt="image6">
       <img src="/photos JL Hess chibani/_DSC6955[1].JPG" alt="image7">
       <img src="/photos JL Hess chibani/_DSC6983[1].JPG" alt="image8">
       <img src="/photos JL Hess chibani/_DSC7014[1].jpg" alt="image9">
       <img src="/photos JL Hess chibani/_DSC7043[1].jpg" alt="image10">
       <img src="/photos JL Hess chibani/_DSC7066[1].JPG" alt="image11">
       <img src="/photos JL Hess chibani/_DSC7182[1].JPG" alt="image12">
       <img src="/photos JL Hess chibani/ayad1.jpg" alt="image13">
       
      </div>
    <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
    <a class="next" onclick="plusSlides(1)">&#10095;</a>
  </div>
<br><br>


<hr>
   <nav class="menu">
        <ul class="menu-principal">
          <li><a href="#">Viellisement dell'immigration</a>
            <ul class="sous-menu">
              <li><a href="#">Acces aux droits </a></li>
              <li><a href="#">Acces aux soins </a></li>
              <li><a href="#">Activite de loisirs</a></li>
              <li><a href="#">Logement</a></li>
              <li><a href="#">Action de solidarité</a></li>
            </ul>
          </li>
          <li><a href="/memoire.html">Memoire et Transmission</a>
            <ul class="sous-menu">
              <li><a href="#">Atelier</a></li>
              <li><a href="/t.html">Creation</a></li>
              <li><a href="#">Action culturelle</a></li>
            </ul>
          </li>
          <li><a href="#">Lutte contre le racisme et la discrimination</a></li>
          <li><a href="#">Projet cooperative avec le sud</a>
          <li><a href="#">Activité Calima et vie associatice</a>
            <ul class="sous-menu">
              <li><a href="#">Atelier jeux d'echecs</a></li>
              <li><a href="#">Atelier Arabe</a></li>
              <li><a href="#">Atelier Photo</a></li>
              <li><a href="#">Brunch du Monde</a></li>
              <li><a href="#">Les Recontres de Jeudi</a></li>
              <li><a href="#">Torab et Nagham</a></li>
            </ul></li>
        </ul>
      </nav>
      <hr>
      <div class="vl">
       
      </div>
      <div class="vh"></div>
      <h3> Presentation Calima</h3>
      <div class="container">
        <div class="column left">
          <!-- contenu de la colonne de gauche -->
          Partenaires:
          <br><br>
          <a href="https://www.atmf.org/" style="color: black;">- ATMF</a>
          <br>
          <a href="https://www.gisti.org/spip.php?page=sommaire" style="color: black;">- GISTI</a>
          <br>
          <a href="https://www.ldh-france.org/" style="color: black;">- LDH-FRANCE</a>
          <br>
          <a href="https://www.lacimade.org/" style="color: black;">- LACIMADE</a>
          <br>
          <a href="https://mrap.fr//" style="color: black;">- MRAP</a>
        </div>
        <div class="column center">
            Calima, Coordination alsacienne de l’immigration maghrébine, et aussi « parole » en arabe, est une association fondée en juin 2008 par des acteurs associatifs investis dans la citoyenneté participative et les luttes pour l’égalité des droits et contre toutes les formes d’exclusion de nos ainés et leurs descendants.
   
            Elle entend interroger concrètement les enjeux symboliques et les devenirs de l’immigration maghrébine dans notre région en investissant les champs des mémoires de l’immigration à travers des activités culturelles et artistiques dans un objectif d’accompagner les transmissions intergénérationnelles. Cet investissement constitue aussi pour elle la meilleure façon de déconstruire les représentations qui sont à l’origine des discriminations et du rejet de l’autre.
           
            <br><br>Nous agissons aussi pour que Strasbourg puisse prétendre à devenir la capitale européenne d’une diversité culturelle assumée et gratifiée au-delà de la simple rhétorique. <br><br>Ses missions Calima intervient sur quatre axes complémentaires :
            <br><br>L’accompagnement de la population immigrée maghrébine à l’accès au droit : écoute active et soutien administratif en direction des personnes âgées confrontées à la question de retraite et de l’accès aux droits toute en sensibilisant le droit commun sur l’ensemble de leurs préoccupations.
            <br><br>Les luttes contre le racisme et les discriminations
            <br><br>La mise en place d’actions culturelles et artistiques en investissant les champs des mémoires et de l’histoire de l’immigration afin de lutter réellement contre les représentations qui nourrissent les préjugés et les stéréotypes.
            <br><br>Le développement de projets de coopération avec des associations villageoises situées entre les deux rives de la Méditerranées : travail sur le livre comme vecteur de transmission culturelle et moyen de lutter contre l’obscurantisme.
          <!-- contenu de la colonne centrale -->
        </div>
        <div class="column right">
            Agenda et activités:
            <br><br>
            <a href="/Page1.html" style="color: black;">- Inscription <br>pour les ateliers de Calima. <br>La rentrée 2023/2024</a>
           
          <!-- contenu de la colonne de droite -->
        </div>
      </div>
      <button onclick="topFunction()" id="myBtn" title="Go to top">Début</button>
</body>
</html>
<script>
  var slideIndex = 1;
  showSlides(slideIndex);
 
  // Contrôles de navigation manuelle
  function plusSlides(n) {
    showSlides(slideIndex += n);
  }
 
  // Fonction principale de diaporama
  function showSlides(n) {
    var i;
    var slides = document.getElementsByClassName("slides")[0];
    if (n > slides.children.length) {slideIndex = 1}
    if (n < 1) {slideIndex = slides.children.length}
    slides.style.transform = "translateX(-" + (slideIndex - 1) * 100 + "%)";
  }
 
  // Contrôles de défilement automatique
  var slideInterval = setInterval(function() {
    plusSlides(1);
  }, 5000);
 
  // Pause du défilement automatique lors du survol de la souris
  var slideContainer = document.querySelector(".slideshow-container");
  slideContainer.addEventListener("mouseenter", function() {
    clearInterval(slideInterval);
  });
 
  // Redémarrage du défilement automatique après le survol de la souris
  slideContainer.addEventListener("mouseleave", function() {
    slideInterval = setInterval(function() {
      plusSlides(1);
    }, 5000);
  });




  // Get the button:
let mybutton = document.getElementById("myBtn");

// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
    mybutton.style.display = "block";
  } else {
    mybutton.style.display = "none";
  }
}

// When the user clicks on the button, scroll to the top of the document
function topFunction() {
  document.body.scrollTop = 0; // For Safari
  document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
}
  </script>