d <strong> Libre_LABOUS-Pierre</strong><br />cpd : 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_LABOUS-P_Repos.jpg<br />cpf 32: 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_LABOUS-P_Notre-Dame.jpg<br />cpf 32: 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_LABOUS-P_Sentinelle.jpg<br />cpf 32: 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_LABOUS-P_Sacre-coeur.jpg<br />cpf 32: 4<br>cpf 26: 0<br>d <strong> Libre_REGNIER-Annie</strong><br />cpd : 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_REGNIER-A_Prague-DSC-3626.jpg<br />cpf 32: 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_REGNIER-A_Couchant-DSC-5726.jpg<br />cpf 32: 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_REGNIER-A_Soiree-DSC-6564.jpg<br />cpf 32: 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_REGNIER-A_Street Art-DSC-5779.jpg<br />cpf 32: 4<br>cpf 26: 0<br>d <strong> Libre_WALTER-Jean-Marie</strong><br />cpd : 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_WALTER-JM_fin de journee.jpg<br />cpf 32: 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_WALTER-JM_danse.jpg<br />cpf 32: 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_WALTER-JM_Grrr.jpg<br />cpf 32: 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_WALTER-JM_souvenir.jpg<br />cpf 32: 4<br>cpf 26: 0<br>d <strong> Libre_DE-LEECK-Jean-Pierre</strong><br />cpd : 4<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_DE LEECK-JP_Le phare.jpg<br />cpf 32: 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_DE LEECK-JP_La grue.jpg<br />cpf 32: 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_DE LEECK-JP_Ovale.jpg<br />cpf 32: 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_DE LEECK-JP_Reflets 1.jpg<br />cpf 32: 4<br>cpf 26: 0<br>d <strong> Libre_GIOVANNONI-Thierry</strong><br />cpd : 5<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_GIOVANNONI-T_Structure marine.jpg<br />cpf 32: 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_GIOVANNONI-T_Femme Himba.jpg<br />cpf 32: 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_GIOVANNONI-T_Le Zebre.jpg<br />cpf 32: 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_GIOVANNONI-T_Enfant Himba.jpg<br />cpf 32: 4<br>cpf 26: 0<br>d <strong> Libre_BONNEL-Herve</strong><br />cpd : 6<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_BONNEL-H_Trempette.jpg<br />cpf 32: 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_BONNEL-H_Gepett O.jpg<br />cpf 32: 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_BONNEL-H_Street A.jpg<br />cpf 32: 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_BONNEL-H_Gonflette.jpg<br />cpf 32: 4<br>cpf 26: 0<br>d <strong> Libre_HUOT-Laurent</strong><br />cpd : 7<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_HUOT-L_cicadelle bison.jpg<br />cpf 32: 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_HUOT-L_Maki Catta.jpg<br />cpf 32: 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_HUOT-L_tournepierre.jpg<br />cpf 32: 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_HUOT-L_Abeille solitaire.jpg<br />cpf 32: 4<br>cpf 26: 0<br>d <strong> Libre_THIERRY-Alexander</strong><br />cpd : 8<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_THIERRY-A_Le Batteur.jpg<br />cpf 32: 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_THIERRY-A_Le Pirate.jpg<br />cpf 32: 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_THIERRY-A_La Courtisane.jpg<br />cpf 32: 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_THIERRY-A_L-Homme et l-anneau.jpg<br />cpf 32: 4<br>cpf 26: 0<br>d <strong> Libre_PERSELLO-Bruno</strong><br />cpd : 9<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_PERSELLO-B_2017-05-27 w Libellule Bleue -7-.jpg<br />cpf 32: 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_PERSELLO-B_2017-08-06 Chevreuil -2B-.jpg<br />cpf 32: 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_PERSELLO-B_2019-03-23 Papillon Blanc.jpg<br />cpf 32: 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_PERSELLO-B_2017-10-04 Veneres Bois Thierry -23A-.jpg<br />cpf 32: 4<br>cpf 26: 0<br>d <strong> Libre_LEPAGNOT-Alain</strong><br />cpd : 10<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_LEPAGNOT-A_evasion.jpg<br />cpf 32: 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_LEPAGNOT-A_colonnes.jpg<br />cpf 32: 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_LEPAGNOT-A_orange.jpg<br />cpf 32: 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_LEPAGNOT-A_deception.jpg<br />cpf 32: 4<br>cpf 26: 0<br>d <strong> Libre_RIVIERE-Dominique</strong><br />cpd : 11<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_RIVIERE-D_Aeschne mixte.jpg<br />cpf 32: 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_RIVIERE-D_Tout la haut.jpg<br />cpf 32: 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_RIVIERE-D_Ciel de feu.jpg<br />cpf 32: 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_RIVIERE-D_Amour de montagne.jpg<br />cpf 32: 4<br>cpf 26: 0<br>d <strong> Libre_GALLOTTE-Michel</strong><br />cpd : 12<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_GALLOTTE-M_La danseuse.jpg<br />cpf 32: 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_GALLOTTE-M_Montagne enneigee.jpg<br />cpf 32: 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_GALLOTTE-M_Venise.jpg<br />cpf 32: 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_GALLOTTE-M_Orage au Crotoy.jpg<br />cpf 32: 4<br>cpf 26: 0<br>d <strong> Libre_BRETON-Marc</strong><br />cpd : 13<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_BRETON-M_Echouage.jpg<br />cpf 32: 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_BRETON-M_Riviere d-automne.jpg<br />cpf 32: 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_BRETON-M_La chouette.jpg<br />cpf 32: 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_BRETON-M_Amour de Tipules.jpg<br />cpf 32: 4<br>cpf 26: 0<br>d <strong> Libre_GONET-Christian</strong><br />cpd : 14<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_GONET-C_libre-perroquet-4024.jpg<br />cpf 32: 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_GONET-C_libre-retrospective-DSC0023.jpg<br />cpf 32: 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_GONET-C_libre-abat-jour-2019-0252.jpg<br />cpf 32: 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_GONET-C_libre-aigle a l-affut-4067.jpg<br />cpf 32: 4<br>cpf 26: 0<br>d <strong> Libre_BOCHE-Sylvie</strong><br />cpd : 15<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_BOCHE-S_ELEGANTE FRITILLAIRE.jpg<br />cpf 32: 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_BOCHE-S_L-ARRIVEE du PRINTEMPS.jpg<br />cpf 32: 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_BOCHE-S_FEERIE SYLVESTRE.jpg<br />cpf 32: 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_BOCHE-S_BATIFOLAGE dans le PRE.jpg<br />cpf 32: 4<br>cpf 26: 0<br>d <strong> Libre_VIOT-Francois</strong><br />cpd : 16<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_VIOT-F_plume2.jpg<br />cpf 32: 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_VIOT-F_plume1.jpg<br />cpf 32: 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_VIOT-F_chevreuils.jpg<br />cpf 32: 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_VIOT-F_libellule.jpg<br />cpf 32: 4<br>cpf 26: 0<br>d <strong> Libre_COCQUEREZ-Jean-Pierre</strong><br />cpd : 17<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_COCQUEREZ-J_rencontre.jpg<br />cpf 32: 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_COCQUEREZ-J_mutation.jpg<br />cpf 32: 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_COCQUEREZ-J_mytilliers.jpg<br />cpf 32: 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_COCQUEREZ-J_demoiselle.jpg<br />cpf 32: 4<br>cpf 26: 0<br>d <strong> Libre_HENON-Fabrice</strong><br />cpd : 18<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_HENON-F_BICHE.jpg<br />cpf 32: 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_HENON-F_SHANGHAI.jpg<br />cpf 32: 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_HENON-F_MARTIN PECHEUR.jpg<br />cpf 32: 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_HENON-F_CANADA.jpg<br />cpf 32: 4<br>cpf 26: 0<br>d <strong> Libre_LE-LEZEC-Jean-Pierre</strong><br />cpd : 19<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_LE LEZEC-JP_Becasseau reflet.jpg<br />cpf 32: 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_LE LEZEC-JP_Chardonnerets intimidation.jpg<br />cpf 32: 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_LE LEZEC-JP_Envol de becasseaux.jpg<br />cpf 32: 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_LE LEZEC-JP_Mesange sur Soleil.jpg<br />cpf 32: 4<br>cpf 26: 0<br>d <strong> Libre_GESTIN-Sebastien</strong><br />cpd : 20<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_GESTIN-S_splash.jpg<br />cpf 32: 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_GESTIN-S_Face a face.jpg<br />cpf 32: 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_GESTIN-S_la gadoue.jpg<br />cpf 32: 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_GESTIN-S_Grisaille.jpg<br />cpf 32: 4<br>cpf 26: 0<br>d <strong> Libre_STOFFAES-Henri</strong><br />cpd : 21<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_STOFFAES-H_Les Amours-    201903280003 copie copie X Carre Haute Def  .jpg<br />cpf 32: 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_STOFFAES-H_Algues Vertes-DSC9193 copie copie copie 16 x 9 Haute Def- P.jpg<br />cpf 32: 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_STOFFAES-H_Maree Basse-DSC9259 copie -1- copie copie 16 x 9 Haute Def-.jpg<br />cpf 32: 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_STOFFAES-H_Chant du Matin-DSC1850 copie X  3 x 2 Haute Def- Proj - Cop.jpg<br />cpf 32: 4<br>cpf 26: 0<br>d <strong> Libre_DECOLLEWAERT-Christian</strong><br />cpd : 22<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_DECOLLEWAERT-C_bolet.jpg<br />cpf 32: 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_DECOLLEWAERT-C_crocus.jpg<br />cpf 32: 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_DECOLLEWAERT-C_lievre debout.jpg<br />cpf 32: 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_DECOLLEWAERT-C_becasseau.jpg<br />cpf 32: 4<br>cpf 26: 0<br>d <strong> Libre_CIREFICE-Martine</strong><br />cpd : 23<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_CIREFICE-M_Chevalier Gambette.jpg<br />cpf 32: 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_CIREFICE-M_Fou de Bassan.jpg<br />cpf 32: 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_CIREFICE-M_Projection.jpg<br />cpf 32: 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_CIREFICE-M_Becasseau.jpg<br />cpf 32: 4<br>cpf 26: 0<br>d <strong> Libre_VAUZANGES-Alain</strong><br />cpd : 24<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_VAUZANGES-A_Oiseaux.jpg<br />cpf 32: 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_VAUZANGES-A_Mariage.jpg<br />cpf 32: 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_VAUZANGES-A_Reflet.jpg<br />cpf 32: 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_VAUZANGES-A_Village.jpg<br />cpf 32: 4<br>cpf 26: 0<br>d <strong> Libre_BARDOUIL-Gerard</strong><br />cpd : 25<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_BARDOUIL-G_sortie de bain.jpg<br />cpf 32: 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_BARDOUIL-G_pecheur -2-.jpg<br />cpf 32: 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_BARDOUIL-G_arbre au oiseaux.jpg<br />cpf 32: 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_BARDOUIL-G_pecheur.jpg<br />cpf 32: 4<br>cpf 26: 0<br>d <strong> Libre_AMBLARD-Jean</strong><br />cpd : 26<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_AMBLARD-J_Eclaboussures-ADJ8576.jpg<br />cpf 32: 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_AMBLARD-J_Envol-JAD-8412.jpg<br />cpf 32: 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_AMBLARD-J_Azure-ADJ4543.jpg<br />cpf 32: 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_AMBLARD-J_Entre les portes-JAD5530.jpg<br />cpf 32: 4<br>cpf 26: 0<br>d <strong> Libre_DELUCHAT-Jean-Pierre</strong><br />cpd : 27<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_DELUCHAT-JP_Chut.jpg<br />cpf 32: 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_DELUCHAT-JP_Tu fais mal.jpg<br />cpf 32: 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_DELUCHAT-JP_Silence.jpg<br />cpf 32: 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_DELUCHAT-JP_Dans le dur .jpg<br />cpf 32: 4<br>cpf 26: 0<br>d <strong> Libre_BIGUET-Thierry</strong><br />cpd : 28<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_BIGUET-T_Once upon a time-THAMES.jpg<br />cpf 32: 1<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_BIGUET-T_Sue les bords de Seine.jpg<br />cpf 32: 2<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_BIGUET-T_Qui s-y frotte-.jpg<br />cpf 32: 3<br>f &nbsp;&nbsp;&nbsp;&nbsp; Libre_BIGUET-T_Reve d-Andalousie.jpg<br />cpf 32: 4<br>cpf 26: 0<br>// Explorateur de dossier / fichiers
function explore_dir_scan_html($dir, $niv=0, $id=0)
{
	$html = null;
	$html_dirs = null;
	$html_fils = null;
	if($niv==0){ $html .= '	<ul>'."\n"; }
	if ($handle = opendir($dir)) {
		while (false !== ($entry = readdir($handle))) {
			$id++;
			if(is_dir($dir.'/'.$entry)) // dossier
			{
				if($entry!='..' && $entry!='.')
				{
				 $html_dirs .= str_repeat("\t",$niv+1).'<li class="dir" id="div_'.$id.'">'.$entry."\n";
				 $html_dirs .= str_repeat("\t",$niv+2).'<ul class="sub_dir" id="sub_'.$id.'">'."\n";
				 $html_dirs .= explore_dir_scan_html($dir.'/'.$entry, $niv+1, $id);
				}				
			} else { // fichier
				 $html_fils .= str_repeat("\t",$niv+2).'<li class="fil" id="fil_'.$id.'"><a href="'.$dir.'/'.$entry.'" target="_blank">'.$entry.'</a></li>'."\n";
			}
			if(is_dir($dir.'/'.$entry))
			{
				if($entry!='..' && $entry!='.')
				{
				 $html_dirs .= str_repeat("\t",$niv+2).'</ul>'."\n";
				 $html_dirs .= str_repeat("\t",$niv+1).'</li>'."\n";
				}
			}
		}
		closedir($handle);
		$html .= $html_dirs; // dossiers
		$html .= $html_fils; // fichiers
	}    
	if($niv==0){ $html .= '	</ul>'."\n"; }
	return $html;
};
// -----------------------------
?>
<!DOCTYPE html>
<html>
<head>
	<title></title>
<script>
// -----------------------------
// OUVRIR / FERMER les DOSSIERS : En JavaScript pur (SANS jQuery)
window.onload = function() {
	var explorateur_dirs = document.querySelectorAll('#explorateur-dossier .dir');
	for( index=0; index < explorateur_dirs.length; index++ ) 
	{
	  explorateur_dirs[index].addEventListener('click', function(ev){ opencloseSubDir(this); ev.stopPropagation(); }, false);
	}
};
function opencloseSubDir( dossier ) 
{
  var ul = dossier.querySelector('ul');
  ul.style.display = (ul.style.display!='block')? 'block':'none';
 
}
// -----------------------------
</script>
 
<!-- ou AVEC jQuery -->
<!--	<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> -->
<script>
/*
// -----------------------------	
// OUVRIR / FERMER les DOSSIERS : AVEC jQuery
$(document).ready(function(){
	$('#explorateur-dossier').on('click', '.dir', function(event){
		$(this).find('ul').first().slideToggle();
		event.stopPropagation(); // important
	});
});
// -----------------------------
*/
</script>
<style>
#explorateur-dossier ul { margin:0; padding:0; list-style:none outside none; }
#explorateur-dossier .dir { position:relative; padding-left:20px; cursor:pointer; border:solid 0px #00FF00; }
#explorateur-dossier .sub_dir { position:relative; padding-left:20px; cursor:pointer; display:none; border:solid 0px #FF0000;; }
#explorateur-dossier .fil { position:relative; padding-left:20px; }
#explorateur-dossier .dir:before { position:absolute; content:''; display:block; width:16px; height:16px; top:2px; left:0; background:url(images/folder.png) no-repeat; }
#explorateur-dossier .fil:before { position:absolute; content:''; display:block; width:16px; height:16px; top:2px; left:0; background:url(images/file.png) no-repeat; }
</style>
</head>
<body>
 
<nav id="explorateur-dossier">