<div class="conteneur_footer">
  <div class="footer">
    <div class="content_bloc_footer">
      <div class="bloc_footer">
        <div class="logo_footer"> <img src="images/logo_footer.png" alt=""> </div>
        <div class="texte_description_logo_footer">
          <ul>
            <li><i class="fa fa-map-marker"></i> Nouvelle route Bastos face PNUD</li>
            <li><i class="fa fa-phone"></i> (+237) 222 21 36 64</li>
            <li><i class="fa fa-clock-o"></i> Lundi-Vendredi  8h00-17h00</li>
            <!--               <li><i class="fa fa-envelope"></i> contact@pndp.com</li>
 -->
          </ul>
        </div>
        <div class="reseau_socio_footer"> <img src="images/ff.png" alt=""> <img src="images/tt.png" alt=""> <img src="images/yy.png" alt=""> <img src="images/inin.png" alt=""> </div>
      </div>
      <div class="bloc_footer">
        <div class="titre_footer"> cellule nationale </div>
        <div class="liste_lien">
          <ul>
            <li><a href="interne.php?idsmenu=193">Le Coordonnateur</a></li>
            <li><a href="interne.php?idsmenu=192">Mot du Coordonateur</a></li>
            <li><a href="javascript:Affichage_box('ecrire-au-coordonnateur.php','opacite','div_traitement2', 1)">Nous &eacute;crire</a></li>
          </ul>
        </div>
      </div>
      <div class="bloc_footer" id="bloc_foooter_regionale">
        <div class="titre_footer"> cellules regionales </div>
        <div class="liste_lien" id="liste_lien_regionale">
          <ul>
            <?php 
              $result_cellule=mysql_query("SELECT * FROM crc WHERE etat='1' ORDER BY titre ASC");
              while ($crc=mysql_fetch_array($result_cellule)) {
              
           ?>
            <li><a href="cellule-regionale.php?idcrc=<?php echo $crc[0] ?>"> CRC <?php echo $crc["titre"] ?></a></li>
            <?php } ?>
          </ul>
        </div>
      </div>
      
      <!--        <div class="bloc_footer">
          <div class="titre_footer">
            navigation
          </div>

          <div class="liste_lien">
            <ul>
              <li>Actualit&eacute;s</li>
              <li>Ev&egrave;nements</li>
              <li>Multim&eacute;dia</li>
              <li>Documentation</li>
              <li>Nous contacter</li>
            </ul>
          </div>
        </div>-->
      
      <div class="bloc_footer">
        <div class="titre_footer"> newsletter </div>
        <div class="description_newsletter"> L'essenciel de l'information du PNDP dans votre boite E-mail. </div>
        <div class="input_email">
          <input type="email" placeholder="Entrez votre email">
          <div class="submit"><i class="fa fa-angle-right">&nbsp;</i></div>
        </div>
      </div>
    </div>
  </div>
  <div class="conteneur_superfooter">
    <div class="superfooter">
      <div class="superfooter_left_text"> Copyright &copy; PNDP JUILLET 2017</div>
      <div class="superfooter_right_text" > Powered by <a href="http://luxwebservices.net/">Lux Web Services</a> </div>
    </div>
  </div>
</div>
<div id="conteneur_photos_album" style="display:none">
  <div class="popup-gallery"> </div>
</div>
<script>

/*$(".image_responsive").click(function() {
    $("#menu_header").toggle("slide");
});*/
$(document).ready(function() {
    var windowScroll = $(window).scrollTop();
    if(windowScroll >= 55) {
      $('#conteneur_btn_reseau_sociaux').css({
        top: '140px',
      });
    }else{
      $('#conteneur_btn_reseau_sociaux').css({
        top: 'unset',
      });
    }
    

  $(window).scroll(function(e) {
    var windowScroll = $(window).scrollTop();
    if(windowScroll >= 55) {
      $('#conteneur_btn_reseau_sociaux').css({
        top: '140px',
      });
    }else{
      $('#conteneur_btn_reseau_sociaux').css({
        top: 'unset',
      });
    }
  });
  
/******************gestion menu*******************/ 
  
  /*$(".titre-menu").css("display", "none");*/
  $(".close").css("display", "none");
  var isMenuOpen = false;

  $('.image_responsive').click(function()
  {
    if (isMenuOpen == false)
    {
    //alert('je suis dans le bon cas')
    $("#menu_header").css("display", "flex");
      $("#menu_header").clearQueue().animate({
        right : '0'
      })
      
      $(".titre-menu").css("display","block !important");
      
      $(this).fadeOut(200);
      $(".close").fadeIn(300);
      
      isMenuOpen = true;
    } 
  });
  
  $('.close').click(function()
  {
    if (isMenuOpen == true)
    {
      $("#menu_header").clearQueue().animate({
        right : '-100%'
      })
      $("#menu_header").css("display", "none");
      
      $(this).fadeOut(200);
      $(".image_responsive").fadeIn(300);
      
      isMenuOpen = false;
    }
  });

  $('.close').css("width","20px")

});


$(window).resize(function()
{
  $('.close').css("width","20px")
});


var largeur = $(window).width();
if (largeur <= 1200) {
        $('ul#menu_header li').click(function(e) {
	        $(this).siblings().find("ul").stop(true, false, true).slideUp(400);
			$(this).children("ul").stop(true, false, true).slideToggle(500);
			alert($(this).children("a").attr("href"));
			window.location=$(this).children("a").attr("href");
	        return false;
			 
        });
}
/*var largeur = $(window).width();
if (largeur <= 1200) {
        $('ul#menu_header > li ').click(function(e) {
        $('ul#menu_header > li a[href="actualite.php"]').attr(href, "#");
            $(this).find('ul').siblings()
            $(this).find('ul').slideToggle();
        });
    }

else {
   $('ul#menu_header > li a[href="actualite.php"]').attr(href, "#");
}*/

</script>