| Server IP : 118.139.160.155 / Your IP : 216.73.217.130 Web Server : Apache System : Linux sg2plmcpnl504228.prod.sin2.secureserver.net 4.18.0-553.124.4.lve.el8.x86_64 #1 SMP Fri May 15 13:02:13 UTC 2026 x86_64 User : twll3xqyaqrh ( 9725459) PHP Version : 5.6.40 Disable Function : NONE MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/twll3xqyaqrh/public_html/ |
Upload File : |
<!doctype html>
<html>
<head>
<meta charset="iso-8859-1">
<title>PNDP .::. Programme National de Developpement Participatif</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Merriweather:300,400,700,900" rel="stylesheet">
<link rel="stylesheet" href="css/index.css">
<link href="fontawesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="owl-carousel/owl.theme.css" rel="stylesheet" type="text/css">
<link href="owl-carousel/owl.carousel.css" rel="stylesheet" type="text/css">
<link href="owl-carousel/owl.transitions.css" rel="stylesheet" type="text/css">
<link href="css/loading.css" rel="stylesheet" type="text/css">
<script src="js/jquery-1.8.2.min.js"></script>
<!--<script src="slick/slick.min.js"></script>
<script src="layerslider/js/greensock.js" type="text/javascript"></script>
<script src="layerslider/js/layerslider.transitions.js" type="text/javascript"></script>
<script src="layerslider/js/layerslider.kreaturamedia.jquery.js" type="text/javascript"></script> -->
<script src="owl-carousel/owl.carousel.min.js" ></script>
<script src="js/index.js"></script>
<script src="js/viewportchecker.js"></script>
<script>
$(document).ready(function() {
setTimeout(function(){
$('body').addClass('loaded');
}, 7000);
});
</script>
</head>
<body >
<?php include("includes/loading.php"); ?>
<div class="conteneur_superheader">
<div class="superheader">
<ul class="info_contact">
<li><img src="images/pins.png" alt=""> <span>Nouvelle route Bastos face PNUD</span></li>
<li><img src="images/phone.png" alt=""> <span>(+237) 222 21 36 64</span></li>
<li><img src="images/horaire.png" alt=""> <span>Lun à Ven <b>8h00-17h00</b></span></li>
</ul>
<div class="bloc_reseau_socio_recherche">
<div class="bloc_recherche">
<input type="text" name="mot_cle" placeholder="Rechercher ...">
<div class="icone_recherche">
<img src="images/loupe.png" alt="">
</div>
</div>
<div class="reseau_socio">
<img src="images/f.png" alt="">
<img src="images/t.png" alt="">
<img src="images/y.png" alt="">
<img src="images/in.png" alt="">
</div>
<div class="content_lang">
<div class="texte_lang">
Fr
</div>
<i class="fa fa-caret-bottom"></i>
</div>
</div>
</div>
</div>
<!-- header -->
<div class="conteneur_header">
<div class="header">
<div class="logo">
<img src="images/logo.png" alt="">
<div class="description_logo">
Programme National de<br> <span>Développement Participatif</span>
</div>
</div>
<ul id="menu_header">
<li class="active"><a href="">Accueil</a></li>
<li><a href="">le pndp</a></li>
<li><a href="">le coordinateur national</a></li>
<li><a href="">les actions</a></li>
<li><a href="">les chiffres clés</a></li>
<li><a href="">documentation</a></li>
<li><a href="">aides et démarches</a></li>
<li><a href="">multimédia</a></li>
</ul>
</div>
</div>
<!-- banniere -->
<div class="conteneur_banniere">
<div class="banniere">
<div class="bloc_texte">
<div class="texte_banniere">
<div class="titre_banniere">
Légalisation du statut des populations
</div>
<div class="description_banniere">
Désormais, 749 personnes, populations Bakas, originaires des communes d'Atok, Doumé, Ndélélé, Nguelebok et Somalomo, dans la région de l'Est, sont reconnues et ...
</div>
<div class="btn_banniere">En savoir +</div>
</div>
</div>
</div>
</div>
<!-- actualite -->
<div class="conteneur_actualites" >
<div class="contenu_titre_tri">
<div class="titre_actualite"><span class="text_bold">Actualités </span></div>
<ul id="actu">
<li class="active" data-filter="all">A la une</li>
<li data-filter="societe">Société</li>
<li data-filter="education">Éducation</li>
<li data-filter="social">Social</li>
<li data-filter="communique">Communiqué</li>
<li data-filter="gouvernance">Gouvernance</li>
<li data-filter="economie">Économie</li>
</ul>
</div>
<div class="prev_actualite"><img src="images/prev.png" alt="" ></div>
<div class="next_actualite"><img src="images/next.png" alt="" ></div>
<div id="actualites">
<div class="bloc_actualite" data-categorie="societe">
<div class="info_reseau_socio">
<div class="date_actu">
<div class="date">16</div>
<div class="annee_mois">Jun-2017</div> </div>
<div class="nb_vue"> <img src="images/vue.png" alt=""/><br>
<span class=" vue">14.523</span> </div>
<div class="comments"> <img src="images/comments.png" alt=""/><br>
<span class="vue">14</span> </div>
</div>
<div class="content">
<div class="image_actualite"> <img src="images/image_actualite.jpg" alt="" class="img_actu"/></div>
<div class="titre_act"> Titre de l'actualité</div>
<div class="text_min_actualite">Ac ne quis a nobis hoc ita dici forte miretur, quod alia quaedam in hoc facultas sit ingeni, quae ad humanitatempertinent .</div>
<div class="btn_actualite">En savoir +</div>
</div>
</div>
<div class="bloc_actualite" data-categorie="education">
<div class="info_reseau_socio">
<div class="date_actu">
<div class="date">16</div>
<div class="annee_mois">Jun-2017</div> </div>
<div class="nb_vue"> <img src="images/vue.png" alt=""/><br>
<span class=" vue">14.523</span> </div>
<div class="comments"> <img src="images/comments.png" alt=""/><br>
<span class="vue">14</span> </div>
</div>
<div class="content">
<div class="image_actualite"> <img src="images/image_actualite.jpg" alt="" class="img_actu"/></div>
<div class="titre_act"> Titre de l'actualité</div>
<div class="text_min_actualite">Ac ne quis a nobis hoc ita dici forte miretur, quod alia quaedam in hoc facultas sit ingeni, quae ad humanitatempertinent .</div>
<div class="btn_actualite">En savoir +</div>
</div>
</div>
<div class="bloc_actualite" data-categorie="gouvernance">
<div class="info_reseau_socio">
<div class="date_actu">
<div class="date">16</div>
<div class="annee_mois">Jun-2017</div> </div>
<div class="nb_vue"> <img src="images/vue.png" alt=""/><br>
<span class=" vue">14.523</span> </div>
<div class="comments"> <img src="images/comments.png" alt=""/><br>
<span class="vue">14</span> </div>
</div>
<div class="content">
<div class="image_actualite"> <img src="images/image_actualite.jpg" alt="" class="img_actu"/></div>
<div class="titre_act"> Titre de l'actualité</div>
<div class="text_min_actualite">Ac ne quis a nobis hoc ita dici forte miretur, quod alia quaedam in hoc facultas sit ingeni, quae ad humanitatempertinent .</div>
<div class="btn_actualite">En savoir +</div>
</div>
</div>
<div class="bloc_actualite" data-categorie="social">
<div class="info_reseau_socio">
<div class="date_actu">
<div class="date">16</div>
<div class="annee_mois">Jun-2017</div> </div>
<div class="nb_vue"> <img src="images/vue.png" alt=""/><br>
<span class=" vue">14.523</span> </div>
<div class="comments"> <img src="images/comments.png" alt=""/><br>
<span class="vue">14</span> </div>
</div>
<div class="content">
<div class="image_actualite"> <img src="images/image_actualite.jpg" alt="" class="img_actu"/></div>
<div class="titre_act"> Titre de l'actualité</div>
<div class="text_min_actualite">Ac ne quis a nobis hoc ita dici forte miretur, quod alia quaedam in hoc facultas sit ingeni, quae ad humanitatempertinent .</div>
<div class="btn_actualite">En savoir +</div>
</div>
</div>
<div class="bloc_actualite" data-categorie="gouvernance">
<div class="info_reseau_socio">
<div class="date_actu">
<div class="date">16</div>
<div class="annee_mois">Jun-2017</div> </div>
<div class="nb_vue"> <img src="images/vue.png" alt=""/><br>
<span class=" vue">14.523</span> </div>
<div class="comments"> <img src="images/comments.png" alt=""/><br>
<span class="vue">14</span> </div>
</div>
<div class="content">
<div class="image_actualite"> <img src="images/image_actualite.jpg" alt="" class="img_actu"/></div>
<div class="titre_act"> Titre de l'actualité</div>
<div class="text_min_actualite">Ac ne quis a nobis hoc ita dici forte miretur, quod alia quaedam in hoc facultas sit ingeni, quae ad humanitatempertinent .</div>
<div class="btn_actualite">En savoir +</div>
</div>
</div>
<div class="bloc_actualite" data-categorie="social">
<div class="info_reseau_socio">
<div class="date_actu">
<div class="date">16</div>
<div class="annee_mois">Jun-2017</div> </div>
<div class="nb_vue"> <img src="images/vue.png" alt=""/><br>
<span class=" vue">14.523</span> </div>
<div class="comments"> <img src="images/comments.png" alt=""/><br>
<span class="vue">14</span> </div>
</div>
<div class="content">
<div class="image_actualite"> <img src="images/image_actualite.jpg" alt="" class="img_actu"/></div>
<div class="titre_act"> Titre de l'actualité</div>
<div class="text_min_actualite">Ac ne quis a nobis hoc ita dici forte miretur, quod alia quaedam in hoc facultas sit ingeni, quae ad humanitatempertinent .</div>
<div class="btn_actualite">En savoir +</div>
</div>
</div>
<div class="bloc_actualite" data-categorie="communique">
<div class="info_reseau_socio">
<div class="date_actu">
<div class="date">16</div>
<div class="annee_mois">Jun-2017</div> </div>
<div class="nb_vue"> <img src="images/vue.png" alt=""/><br>
<span class=" vue">14.523</span> </div>
<div class="comments"> <img src="images/comments.png" alt=""/><br>
<span class="vue">14</span> </div>
</div>
<div class="content">
<div class="image_actualite"> <img src="images/image_actualite.jpg" alt="" class="img_actu"/></div>
<div class="titre_act"> Titre de l'actualité</div>
<div class="text_min_actualite">Ac ne quis a nobis hoc ita dici forte miretur, quod alia quaedam in hoc facultas sit ingeni, quae ad humanitatempertinent .</div>
<div class="btn_actualite">En savoir +</div>
</div>
</div>
<div class="bloc_actualite" data-categorie="economie">
<div class="info_reseau_socio">
<div class="date_actu">
<div class="date">16</div>
<div class="annee_mois">Jun-2017</div> </div>
<div class="nb_vue"> <img src="images/vue.png" alt=""/><br>
<span class=" vue">14.523</span> </div>
<div class="comments"> <img src="images/comments.png" alt=""/><br>
<span class="vue">14</span> </div>
</div>
<div class="content">
<div class="image_actualite"> <img src="images/image_actualite.jpg" alt="" class="img_actu"/></div>
<div class="titre_act"> Titre de l'actualité</div>
<div class="text_min_actualite">Ac ne quis a nobis hoc ita dici forte miretur, quod alia quaedam in hoc facultas sit ingeni, quae ad humanitatempertinent .</div>
<div class="btn_actualite">En savoir +</div>
</div>
</div>
</div>
<div align="center">
<div class="btn_voir_tous">Toutes les actualités</div>
</div>
</div>
<!-- Coordonateur -->
<div class="conteneur_mot">
<div class="mot">
<div class="bloc_image_left">
<div class="titre_bloc_right titre_actualite">Le coordonateur national</div>
<div class="image_coordonateur">
<img src="images/coordinateur.jpg" alt=""/>
<div class="btn_directeur">
<div class="btn_left"> La biographie <br> du coordonateur</div>
<div class="btn_left"> Mot <br>du Coordonateur</div>
</div>
</div>
<div class="nom_directeur">Marie Madelaine NGA <br> <span class="light">Coordonateur National <br> Depuis le 05 février 2015</span></div>
</div>
<div class="bloc_description_right">
<div class="titre_agenda">L'agenda de la semaine</div>
<div class="content_agenda">
<div class="prev_agenda"> <i class="fa fa-caret-left"></i> Jour précédent</div>
<div class="next_agenda">Jour suivant <i class="fa fa-caret-right"></i></div>
<div class="prev_agenda_interne"><img src="images/prev_jour.png" alt=""> </div>
<div class="next_agenda_interne"><img src="images/next_jour.png" alt=""></div>
<div id="liste_agenda">
<div class="lagenda">
<div class="jour_agenda">
Lundi 5 Juillet 2017
</div>
<div class="content_agenda_interne">
<div class="text_description " >
<div class="content_rdv">
<div class="bloc_rdv_journee">
<div class="heure_titre">
<div class="heure"> 09:30</div>
</div>
<div class="description_journee">
Congrès de l'Association des Bibliothécaires KUMBA
</div>
<div class="lieu">
<i class="fa fa-map-marker" aria-hidden="true" ></i> KUMBA Road
</div>
</div>
<div class="bloc_rdv_journee">
<div class="heure_titre">
<div class="heure"> 13:45</div>
</div>
<div class="description_journee">
Déplacement en région
</div>
<div class="lieu">
<i class="fa fa-map-marker" aria-hidden="true"></i> KUMBA Road
</div>
</div>
</div>
<div class="content_rdv">
<div class="bloc_rdv_journee">
<div class="heure_titre">
<div class="heure"> 09:30</div>
</div>
<div class="description_journee">
Congrès de l'Association des Bibliothécaires KUMBA
</div>
<div class="lieu">
<i class="fa fa-map-marker" aria-hidden="true" ></i> KUMBA Road
</div>
</div>
<div class="bloc_rdv_journee">
<div class="heure_titre">
<div class="heure"> 13:45</div>
</div>
<div class="description_journee">
Déplacement en région
</div>
<div class="lieu">
<i class="fa fa-map-marker" aria-hidden="true"></i> KUMBA Road
</div>
</div>
</div>
</div>
</div>
</div>
<div class="lagenda">
<div class="jour_agenda">
Mardi 6 Juillet 2017
</div>
<div class="text_description">
<p>Aucun n'événement n'est prévu aujourd'hui</p>
</div>
</div>
<div class="lagenda">
<div class="jour_agenda">
Mercredi 7 Juillet 2017
</div>
<div class="text_description">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur, quo, totam voluptatum sint qui mollitia repellendus quas dolorem architecto ipsa ex quaerat quisquam sequi veniam delectus tempora quia rerum illum.</p>
</div>
</div>
<div class="lagenda">
<div class="jour_agenda">
Jeudi 8 Juillet 2017
</div>
<div class="text_description">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus, culpa, sequi, odit, vitae qui doloremque tenetur tempore molestiae delectus similique excepturi amet harum fugit optio ducimus adipisci quibusdam cupiditate saepe.</p>
</div>
</div>
<div class="lagenda">
<div class="jour_agenda">
Vendredi 9 Juillet 2017
</div>
<div class="text_description">
<p>Aucun n'événement n'est prévu aujourd'hui</p>
</div>
</div>
</div>
<div class="les_btn">
<div class="btn">voir l'agenda</div>
<div class="btn">Ecrire au coordonateur</div>
</div>
</div>
<div class="fin_float"></div>
</div>
</div>
</div>
<!-- Action -->
<div class="conteneur_action">
<div class="action">
<div class="titre_action">Les actions du PNDP</div>
<div class="content_bloc_action" id="content_bloc_action">
<div class="bloc_action">
<div class="image_action"><img src="images/action1.png" alt=""/>
<div class="bloc_description_action">
<div class="titre_bloc_action">Titre action</div>
<div class="descritption_action">
Saraceni tamen nec amici nobis umultro citroque discursantes
</div>
<div class="btn_action">
En savoir +
</div>
</div>
</div>
</div>
<div class="bloc_action">
<div class="image_action"><img src="images/action2.png" alt=""/>
<div class="bloc_description_action">
<div class="titre_bloc_action">Titre action</div>
<div class="descritption_action">
Saraceni tamen nec amici nobis umultro citroque discursantes
</div>
<div class="btn_action">
En savoir +
</div>
</div>
</div>
</div>
<div class="bloc_action">
<div class="image_action"><img src="images/action3.png" alt=""/>
<div class="bloc_description_action">
<div class="titre_bloc_action">Titre action</div>
<div class="descritption_action">
Saraceni tamen nec amici nobis umultro citroque discursantes
</div>
<div class="btn_action">
En savoir +
</div>
</div>
</div>
</div>
<div class="bloc_action">
<div class="image_action"><img src="images/action4.png" alt=""/>
<div class="bloc_description_action">
<div class="titre_bloc_action">Titre action</div>
<div class="descritption_action">
Saraceni tamen nec amici nobis umultro citroque discursantes
</div>
<div class="btn_action">
En savoir +
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- pndp en bref -->
<div class="conteneur_bref">
<div class="bref">
<div class="bloc_bref_left">
<div class="titre_bloc_left titre_bloc_right titre_actualite">
<b>LE PNDP</b> en bref
</div>
<div class="description_bref">
Raptim igitur properantes ut motus sui rumores celeritate nimia praevenirent, vigore corporum ac levitate confisi per flexuosas semitas ad summitates collium Raptim igitur properantes , vigore corporum ac levitate vigore corporum ac levitate confisi per flexuosas semitas ad summitates collium Raptim igitur properantes , vigore corporum ac levitate
</div>
<div class="btn_en_savoir">En savoir +</div>
</div>
<div class="bloc_bref_right">
<div class="content_bloc">
<div class="bloc">
<div class="icone_bloc">
<img src="images/valeur.png" class="normal" alt="">
<img src="images/valeur2.png" class="survol" alt="">
</div>
<div class="description_bloc">
Raptim igitur properantes ut motus celeritate nimia .
</div>
<div class="titre_bloc">
Nos missions
</div>
</div>
<div class="bloc">
<div class="icone_bloc">
<img src="images/organisation.png" class="normal" alt="">
<img src="images/organisation2.png" class="survol" alt="">
</div>
<div class="description_bloc">
Raptim igitur properantes ut motus celeritate nimia .
</div>
<div class="titre_bloc">
organisation
</div>
</div>
<div class="bloc">
<div class="icone_bloc">
<img src="images/historique.png" class="normal" alt="">
<img src="images/historique2.png" class="survol" alt="">
</div>
<div class="description_bloc">
Raptim igitur properantes ut motus celeritate nimia .
</div>
<div class="titre_bloc">
historique
</div>
</div>
<div class="bloc">
<div class="icone_bloc">
<img src="images/rapport2.png" class="normal" alt="">
<img src="images/rapport.png" class="survol" alt="">
</div>
<div class="description_bloc">
Raptim igitur properantes ut motus celeritate nimia .
</div>
<div class="titre_bloc">
Rapport d'activités
</div>
</div>
</div>
</div>
</div>
</div>
<!-- chiffre -->
<div class="conteneur_chiffre">
<div class="chiffre">
<div class="titre_action"> PNDP en chiffres</div>
<div class="content_bloc_chiffre">
<div class="bloc_chiffre">
<div class="image_icone_chiffre">
<img src="images/icone_chiffre.png" alt="">
</div>
<div class="montant_chiffre timer" data-speed="2500" data-from="0" data-to="500"></div>
<div class="libelle_chiffre">Microprojets mis <br> en œuvre</div>
</div>
<div class="bloc_chiffre">
<div class="image_icone_chiffre">
<img src="images/icone_chiffre2.png" alt="">
</div>
<div class="montant_chiffre timer" data-speed="2500" data-from="0" data-to="133"></div>
<div class="libelle_chiffre">Communes <br>couvertes</div>
</div>
<div class="bloc_chiffre">
<div class="image_icone_chiffre">
<img src="images/icone_chiffre3.png" alt="">
</div>
<div class="montant_chiffre timer" data-speed="2500" data-from="0" data-to="557"></div>
<div class="libelle_chiffre">Plan de <br> developpement local</div>
</div>
<div class="bloc_chiffre">
<div class="image_icone_chiffre">
<img src="images/icone_chiffre4.png" alt="">
</div>
<div class="montant_chiffre timer" data-speed="2500" data-from="0" data-to="28"></div>
<div class="libelle_chiffre">Plan de <br> developpement communal</div>
</div>
</div>
</div>
</div>
<!-- documentation -->
<div class="conteneur_documentation" id="documentation">
<div class="prev_pub"><img src="images/prev_doc.png" alt="" ></div>
<div class="next_pub"><img src="images/next_doc.png" alt="" ></div>
<div class="documentation">
<div class="contenu_titre_tri">
<div class="titre_actualite titre_bloc_right"><span class="text_bold">Documentation </span></div>
<ul id="doc_categorie">
<li class="active" data-filter="all">Tout</li>
<li data-filter="societe">Société</li>
<li data-filter="education">Éducation</li>
<li data-filter="social">Social</li>
<li data-filter="communique">Communiqué</li>
<li data-filter="gouvernance">Gouvernance</li>
<li data-filter="economie">Économie</li>
</ul>
</div>
<div id="ligne_documentation" >
<div class="image_documentation" data-categorie="societe">
<a target="_blank" href="#"><img src="images/doc.png"> </a>
</div>
<div class="image_documentation" data-categorie="communique">
<a target="_blank" href="#">
<img src="images/doc.png"> </a>
</div>
<div class="image_documentation" data-categorie="economie">
<a target="_blank" href="#">
<img src="images/doc.png"> </a>
</div>
<div class="image_documentation" data-categorie="gouvernance">
<a target="_blank" href="#">
<img src="images/doc.png"> </a>
</div>
<div class="image_documentation" data-categorie="education">
<a target="_blank" href="#">
<img src="images/doc.png"> </a>
</div>
<div class="image_documentation" data-categorie="gouvernance">
<a target="_blank" href="#">
<img src="images/doc.png"> </a>
</div>
<div class="image_documentation" data-categorie="economie">
<a target="_blank" href="#">
<img src="images/doc.png"> </a>
</div>
<div class="image_documentation" data-categorie="gouvernance">
<a target="_blank" href="#">
<img src="images/doc.png"> </a>
</div>
<div class="image_documentation" data-categorie="education">
<a target="_blank" href="#">
<img src="images/doc.png"> </a>
</div>
<div class="image_documentation" data-categorie="gouvernance">
<a target="_blank" href="#">
<img src="images/doc.png"> </a>
</div>
</div>
<!-- <div align="center">
<div class="btn_voir_tous">Voir toutes les documentations</div>
</div> -->
</div>
</div>
<!-- galerie-->
<div class="conteneur_galerie">
<div class="galerie">
<div class="contenu_titre_tri">
<div class="titre_actualite titre_bloc_left titre_galerie"><span class="text_bold"><b>PNDP</b> en images </span></div>
<ul id="galerie_categorie">
<li class="active" data-filter="all">Tout</li>
<li data-filter="societe">Société</li>
<li data-filter="education">Éducation</li>
<li data-filter="social">Social</li>
<li data-filter="communique">Communiqué</li>
<li data-filter="gouvernance">Gouvernance</li>
<li data-filter="economie">Économie</li>
</ul>
</div>
<div class="content_galerie">
<div class="image_galerie" data-categorie="societe">
<img src="images/image_galerie.jpg" alt="">
</div>
<div class="image_galerie" data-categorie="education">
<img src="images/image_galerie2.jpg" alt="">
</div>
<div class="image_galerie" data-categorie="social">
<img src="images/image_galerie3.jpg" alt="">
<div class="icone_play">
<img src="images/play.png" alt="">
</div>
</div>
<div class="image_galerie" data-categorie="gouvernance">
<img src="images/image_galerie4.jpg" alt="">
</div>
<div class="image_galerie" data-categorie="economie">
<img src="images/image_galerie5.jpg" alt="">
</div>
<div class="image_galerie" data-categorie="communique">
<img src="images/image_galerie6.jpg" alt="">
<div class="icone_play">
<img src="images/play.png" alt="">
</div>
</div>
<div class="image_galerie" data-categorie="economie">
<img src="images/image_galerie7.jpg" alt="">
</div>
<div class="image_galerie" data-categorie="gouvernance">
<img src="images/image_galerie8.jpg" alt="">
</div>
</div>
<div class="content_btn_video_photo">
<div class="btn_photo">Voir toutes les photos</div>
<div class="btn_video">Voir toutes les vidéos</div>
</div>
</div>
</div>
<!-- partenaire -->
<div class="conteneur_partenaire">
<div class="partenaire">
<div class="bloc_left_partenaire">
<div class="titre_partenaire titre_actualite"> les partenaires</div>
<div class="description_partnaire_bloc_left">
Ac ne quis a nobis hoc ita dici forte miretur, in hoc facultas sit ingeni, quae ad humanitatempertinent
</div>
</div>
<div class="content_partenaire" id="content_partenaire">
<div class="image_partenaire">
<img src="images/partenaire.png" alt="">
</div>
<div class="image_partenaire">
<img src="images/partenaire2.png" alt="">
</div>
<div class="image_partenaire">
<img src="images/partenaire3.png" alt="">
</div>
<div class="image_partenaire">
<img src="images/partenaire4.png" alt="">
</div>
</div>
</div>
</div>
<!-- footer -->
<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">
Ac ne quis a nobis hoc ita dici forte miretur, quod alia quaedam in hoc facultas sit ingeni, quae ad humanitatempertinent .
</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>Le cabinet</li>
<li>Les chiffres clés</li>
<li>Mot du coordonateur</li>
<li>Histoire du PNDP</li>
</ul>
</div>
</div>
<div class="bloc_footer">
<div class="titre_footer">
navigation
</div>
<div class="liste_lien">
<ul>
<li>Actualités</li>
<li>Evènements</li>
<li>Multimé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">
Ac ne quis a nobis hoc ita dici forte miretur, quod alia quaedam in hoc facultas
</div>
<div class="input_email">
<input type="email" placeholder="Entrez votre email">
<div class="submit"><i class="fa fa-angle-right"> </i></div>
</div>
</div>
</div>
</div>
<div class="conteneur_superfooter">
<div class="superfooter">
<div class="superfooter_left_text">
Copyright © JUILLET 2017 <b>PNDP</b> </div>
<div class="superfooter_right_text" >
Powered by <a href="http://luxwebservices.net/">Lux web services</a> </div>
</div>
</div>
</div>
<script>
$(document).ready(function(){
jQuery('.conteneur_actualites').addClass("hidden").viewportChecker({
classToAdd: 'visible animated fadeInRightBig', // Class to add to the elements when they are visible
offset: 100
});
//code pour les ancres
var anchorName = document.location.hash.substring(1);
if(anchorName ){
$('html, body').animate({
scrollTop:$("#"+anchorName).offset().top-85
}, 500);
}
$('a[href^="#"]').click(function(){
var the_id = $(this).attr("href");
$('html, body').animate({
scrollTop:$(the_id).offset().top-0
}, 500);
return false;
});
//code pour les slides
//documentation
$("#ligne_documentation").owlCarousel({
loop:true,
responsiveClass:true,
autoWidth:true,
autoplay:true,
autoplayHoverPause:true,
pagination:false,
navigation:false,
navigationText: [
'<img class="owl-prev" src="images/prev.png" style="position:absolute; top:40%; left:-50px" width="auto" />',
'<img src="images/next.png" class="owl-next" style="position:absolute; top:40%; right:0px" width="auto" />'
],
items :4 ,
itemsDesktop : [1200,4], //1 items between 1000px and 901px
itemsDesktopSmall : [900,3], // betweem 900px and 601px,
itemsTablet: [1200,4],
itemsTablet: [600,3],
itemsTablet: [760,2],
itemsTablet: [465,2],
itemsMobile :[320,1],
itemsMobile :[0,4] // itemsMobile disabled - inherit from itemsTablet option
});
//get carousel instance data and store it in variable owl
var owl1 = $("#ligne_documentation").data('owlCarousel');
$('.prev_pub').click(function(e) {
owl1.prev() // Go to previous slide
});
$('.next_pub').click(function(e) {
owl1.next() // Go to next slide
});
$("#actualites").owlCarousel({
loop:true,
responsiveClass:true,
autoWidth:true,
autoplay:true,
autoplayHoverPause:true,
pagination:false,
navigation:false,
navigationText: [
'<img class="owl-prev" src="images/prev.png" style="position:absolute; top:40%; left:-50px" width="auto" />',
'<img src="images/next.png" class="owl-next" style="position:absolute; top:40%; right:0px" width="auto" />'
],
items :3 ,
itemsDesktop : [1100,3], //1 items between 1000px and 901px
itemsDesktopSmall : [900,2], // betweem 900px and 601px,
itemsTablet: [1200,3],
itemsTablet: [600,1],
itemsTablet: [760,2],
itemsTablet: [465,1],
itemsMobile :[320,1]
});
var owl = $("#actualites").data('owlCarousel');
$('.prev_actualite').click(function(e) {
owl.prev() // Go to previous slide
});
$('.next_actualite').click(function(e) {
owl.next() // Go to next slide
});
$("#liste_agenda").owlCarousel({
loop:true,
responsiveClass:true,
autoWidth:true,
autoplay:true,
autoplayHoverPause:true,
pagination:false,
navigation:false,
navigationText: [
'<img class="owl-prev" src="images/prev.png" style="position:absolute; top:40%; left:-50px" width="auto" />',
'<img src="images/next.png" class="owl-next" style="position:absolute; top:40%; right:0px" width="auto" />'
],
items:1,
itemsDesktop : [1200,1], //1 items between 1000px and 901px
itemsDesktopSmall : [900,1], // betweem 900px and 601px,
itemsTablet: [1200,1],
itemsTablet: [600,1],
itemsTablet: [760,1],
itemsTablet: [465,1],
itemsMobile :[320,1],
itemsMobile :[0,1] //
});
var owl3 = $("#liste_agenda").data('owlCarousel');
$('.prev_agenda').click(function(e) {
owl3.prev() // Go to previous slide
});
$('.next_agenda').click(function(e) {
owl3.next() // Go to next slide
});
$("#liste_agenda .text_description").owlCarousel({
loop:true,
responsiveClass:true,
autoWidth:true,
autoplay:true,
autoplayHoverPause:true,
pagination:false,
navigation:false,
navigationText: [
'<img class="owl-prev" src="images/prev.png" style="position:absolute; top:40%; left:-50px" width="auto" />',
'<img src="images/next.png" class="owl-next" style="position:absolute; top:40%; right:0px" width="auto" />'
],
items:1,
itemsDesktop : [1200,2], //1 items between 1000px and 901px
itemsDesktopSmall : [900,1], // betweem 900px and 601px,
itemsTablet: [1200,1],
itemsTablet: [600,1],
itemsTablet: [760,1],
itemsTablet: [465,1],
itemsMobile :[320,1],
itemsMobile :[0,1] //
});
var agenda_journee = $("#liste_agenda .text_description").data('owlCarousel');
$('.prev_agenda_interne').click(function(e) {
agenda_journee.prev() // Go to previous slide
});
$('.next_agenda_interne').click(function(e) {
agenda_journee.next() // Go to next slide
});
//--------------slide partenaire----------------
$("#content_partenaire").owlCarousel({
loop:true,
responsiveClass:true,
autoWidth:true,
autoplay:true,
autoplayHoverPause:true,
pagination:false,
navigation:false,
items:4,
itemsDesktop : [1200,2], //1 items between 1000px and 901px
itemsDesktopSmall : [900,1], // betweem 900px and 601px,
itemsTablet: [1200,1],
itemsTablet: [600,1],
itemsTablet: [760,1],
itemsTablet: [465,1],
itemsMobile :[320,1],
itemsMobile :[0,1] //
});
//--------------slide action----------------
$("#content_bloc_action").owlCarousel({
loop:true,
responsiveClass:true,
autoWidth:true,
autoplay:true,
autoplayHoverPause:true,
pagination:false,
navigation:false,
items:4,
itemsDesktop : [1200,2], //1 items between 1000px and 901px
itemsDesktopSmall : [900,1], // betweem 900px and 601px,
itemsTablet: [1200,1],
itemsTablet: [600,1],
itemsTablet: [760,1],
itemsTablet: [465,1],
itemsMobile :[320,1],
itemsMobile :[0,1] //
});
//---------------tri actualite------------------
$("#actu li ").click(function(){
$("#actu li ").removeClass('active');
$(this).addClass('active');
var projet = $(this).attr("data-filter");
if(projet=="all"){
$('#actualites .bloc_actualite').show('slow');
}else if($('#actualites .bloc_actualite[data-categorie="'+projet+'"]').is(':visible')){
$('#actualites .bloc_actualite[data-categorie!="'+projet+'"]').hide('slow');
}else{
$('#actualites .bloc_actualite[data-categorie="'+projet+'"]').show('slow');
$('#actualites .bloc_actualite[data-categorie!="'+projet+'"]').hide('slow');
}
return false;
});
//--------------------tri documentation---------------------
$("#doc_categorie li ").click(function(){
$("#doc_categorie li ").removeClass('active');
$(this).addClass('active');
var projet = $(this).attr("data-filter");
if(projet=="all"){
$('#ligne_documentation .image_documentation').show('slow');
}else if($('#ligne_documentation .image_documentation[data-categorie="'+projet+'"]').is(':visible')){
$('#ligne_documentation .image_documentation[data-categorie!="'+projet+'"]').hide('slow');
}else{
$('#ligne_documentation .image_documentation[data-categorie="'+projet+'"]').show('slow');
$('#ligne_documentation .image_documentation[data-categorie!="'+projet+'"]').hide('slow');
}
return false;
});
//***************tri galerie****************
$("#galerie_categorie li ").click(function(){
$("#galerie_categorie li ").removeClass('active');
$(this).addClass('active');
var projet = $(this).attr("data-filter");
if(projet=="all"){
$('.image_galerie').show('slow');
}else if($('.image_galerie[data-categorie="'+projet+'"]').is(':visible')){
$('.image_galerie[data-categorie!="'+projet+'"]').hide('slow');
}else{
$('.image_galerie[data-categorie="'+projet+'"]').show('slow');
$('.image_galerie[data-categorie!="'+projet+'"]').hide('slow');
}
return false;
});
$('.liste_lang').hide();
$('.bloc_lang').click(function (){
$('.liste_lang').show("slow");
})
$('.liste_lang .lang').click(function (){
var lang=$(this).attr("data-lang");
$('.bloc_lang').html(lang+"<i class=\"fa fa-chevron-down\" aria-hidden=\"true\">")
})
});
</script>
</body>
</html>