From 1fa1f61d0eac172cb3b4bd26fcd9bd73500f8ba5 Mon Sep 17 00:00:00 2001
From: Bruno Pesenti <bruno@clicclac.info>
Date: Tue, 27 Dec 2016 06:22:34 +0100
Subject: [PATCH] Page ce mois-ci (pagination ajax 1)

https://www.sanwebe.com/2013/03/ajax-pagination-with-jquery-php
---
 -child/ce-mois.php.zip | Bin 0 -> 4709 bytes
 ce-mois-bis.php        | 366 +++++++++++++++++++++++++++++++++++++++++
 ce-mois.php            | 240 +++++++++++++++++++++++++++
 contact.php            |  34 ++++
 fetch_pages.php        | 310 ++++++++++++++++++++++++++++++++++
 footer-page.php        |  13 ++
 functions.php          | 199 ++++++++++++++++++++++
 header.php             |  96 +++++++++++
 languages/fr_FR.mo     | Bin 1295 -> 2079 bytes
 languages/fr_FR.po     | 135 ++++++++++++++-
 livre-d-or.php         |  57 +++++++
 style.css              | 185 ++++++++++++++++++++-
 12 files changed, 1631 insertions(+), 4 deletions(-)
 create mode 100644 -child/ce-mois.php.zip
 create mode 100755 ce-mois-bis.php
 create mode 100755 ce-mois.php
 create mode 100755 contact.php
 create mode 100755 fetch_pages.php
 create mode 100755 footer-page.php
 create mode 100755 header.php
 create mode 100755 livre-d-or.php

diff --git a/-child/ce-mois.php.zip b/-child/ce-mois.php.zip
new file mode 100644
index 0000000000000000000000000000000000000000..1aef582ee795f5c2b587c7bf5bee4045e6e87ecf
GIT binary patch
literal 4709
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
Qk7D5OK>Xf42>;yv0qPsA9RL6T

literal 0
HcmV?d00001

diff --git a/ce-mois-bis.php b/ce-mois-bis.php
new file mode 100755
index 0000000..0838828
--- /dev/null
+++ b/ce-mois-bis.php
@@ -0,0 +1,366 @@
+<?php
+/**
+ * Template Name: Ce-mois bis
+ *
+ * @package WordPress
+ * @subpackage Twenty_Ten
+ * @since Twenty Ten 1.0
+ */
+
+
+get_header();
+
+$root = $_SERVER['DOCUMENT_ROOT'];
+define('SERVERPATH',$root.'/zenphoto'); 
+//define('WEBPATH','/'.basename(dirname(__FILE__)).'/zenphoto'); 
+//require_once(SERVERPATH.'/zp-core/template-functions.php'); 
+include('../photoblog/exifer/exif.php');
+
+?>
+
+<div class="content">
+	<div class="container">
+		<div class="post_content">
+			<?php if(have_posts()): the_post(); ?>
+			<article class="post_box" id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+				<h1><?php the_title(); ?></h1>
+				<?php the_content(); ?>
+			</article>
+			
+					<?php 
+		$mois = date('n');
+		$an = date('Y');
+		$image = $mois . '_' . $an . '.jpg';
+		$annee = $an;
+
+		// nom des fichiers: 7_2009.jpg et non pas 07_2009.jpg
+		
+		for ($i = 0; $i <= 11 ; $i++) {
+			$a = ($mois - $i);
+			if ($a < 1) {
+				$a = (12 + $a);
+				$annee = $an - 1;
+				}
+			$tableau[$i] = $a . '_' . $annee . '.jpg';
+			}
+					
+		$i = 0;
+		while ($i < 13) {
+			$file = '../zenphoto/albums/photos-du-mois/' . $tableau[$i];
+			//echo $file;
+
+			if (file_exists($file)) {
+				//echo "<br />" ."file exist: " . $file;
+				// ../zenphoto/albums/photos-du-mois/4_2014.jpg 
+				// 4_2014_800_watermark.jpg, 4_2014_FULL_watermark.jpg
+				$photo_du_mois = $file;
+				$title = $tableau[$i];
+				
+				$size = getimagesize($photo_du_mois, $info);
+				//preprint($size);
+				
+				if ($size[0] > 1000) {
+					// HD
+					$hd = '../../zenphoto/cache/photos-du-mois/' . substr($tableau[$i], 0, strlen($tableau[$i]) - 4) . "_FULL_watermark.jpg";
+					if (file_exists($hd)) {
+						$size_hd = getimagesize($hd, $info_hd);
+  						$imgs['img_hd'] = array(
+              				'url' => $hd,
+              				'width' => $size_hd[0],
+              				'height' => $size_hd[1]
+ 						 );
+						}
+					else {
+  						$imgs['img_hd'] = array(
+              				'url' => '../' . $photo_du_mois,
+              				'width' => $size[0],
+              				'height' => $size[1]
+ 						 );
+ 						}
+					// SD
+					$sd = '../../zenphoto/cache/photos-du-mois/' . substr($tableau[$i], 0, strlen($tableau[$i]) - 4) . "_800_watermark.jpg";
+					if (file_exists($sd)) {
+						$size_sd = getimagesize($sd, $info_sd);
+  						$imgs['img_sd'] = array(
+              				'url' => $sd,
+              				'width' => $size_sd[0],
+              				'height' => $size_sd[1]
+ 						 );
+ 						}
+					}
+				else {
+					// SD
+					$sd = '../../zenphoto/cache/photos-du-mois/' . substr($tableau[$i], 0, strlen($tableau[$i]) - 4) . "_800_watermark.jpg";
+					if (file_exists($sd)) {
+						$size_sd = getimagesize($sd, $info_sd);
+  						$imgs['img_sd'] = array(
+              				'url' => $sd,
+              				'width' => $size_sd[0],
+              				'height' => $size_sd[1]
+ 						 );
+ 						}
+  					$imgs['img_hd'] = array(
+              			'url' => "",
+              			'width' => "",
+              			'height' => ""
+ 					 );	
+					} // if ($size[0] > 1000)
+
+				$title = explode('.',$title);
+				$title = explode('_',$title[0]);
+				$title = mois2($title[0]) . ' ' . $title[1];
+				$imgs['img_sd']['title'] = $title;
+
+				if (isset($info["APP13"])) {
+					$iptc = iptcparse($info["APP13"]);
+
+					if (isset($iptc['2#120'][0])) $legende = $iptc['2#120'][0];
+					else $legende = "";
+					if (isset($iptc['2#005'][0])) $titre = $iptc['2#005'][0];
+					else $titre = "";
+
+					$keyword = ""; 
+					if (isset($iptc['2#025'])) {
+						foreach ($iptc['2#025'] as $key => $val) {
+							$keyword .= '<a href="' . $host . '/zenphoto/index.php?p=search&amp;words=' . $val . '" title="Tag > ' . $val . '" rel="tag">' . $val . '</a>';
+							$keyword .= ', ';
+							}
+						$keyword = substr($keyword, 0, -2);
+						}
+					
+					$imgs['img_sd']['legende'] = $legende;
+					$imgs['img_sd']['titre'] = $titre;
+					$imgs['img_sd']['keyword'] = $keyword;
+					}
+					
+					$exifInfo = "";
+					$exif_array = read_exif_data_raw($file,0);
+					$exifInfo = __('The','CreatorThemeRes-child') . " "  .date(__("F j, Y, g:i a",'CreatorThemeRes-child'),strtotime($exif_array['SubIFD']['DateTimeOriginal'])).' - ';
+					$exifInfo .= $exif_array['SubIFD']['ExposureTime']. __(' at ','CreatorThemeRes-child') .$exif_array['SubIFD']['FNumber'].' - ' .$exif_array['SubIFD']['ISOSpeedRatings'].' ISO - '. __('Focal','CreatorThemeRes-child') .$exif_array['SubIFD']['FocalLength'];
+					$imgs['img_sd']['exif'] = $exifInfo;
+
+					
+				break;
+				}
+			$i++;
+			}
+		//preprint($imgs);
+		
+		?>
+
+		<div class="cadre">
+			
+			<?php if (($imgs['img_sd']['titre'] != "") || ($imgs['img_sd']['legende'] != "")) { ?>
+				<p class="titrePhoto"><?php echo $imgs['img_sd']['titre']; ?>Titre</p>
+				<p class="legendePhoto"><?php echo $imgs['img_sd']['legende']; ?>Légende</p>
+			<?php } ?>
+
+			<!--img src="watermark2.php?src=<?php echo $photo_du_mois; ?>" alt="Image du mois" title="<?php echo $title; ?>" <?php echo $size[3]; ?> /-->
+
+<!-- Retina -->
+			<?php
+			if (($imgs['img_sd']['url'] != "") && ($imgs['img_hd']['url'] != "")) {
+				$standard_source = $imgs['img_sd']['url'] . ', ' . $imgs['img_hd']['url'] . ' 2x';
+				//echo "1";
+				}
+			else if ($imgs['img_sd']['url'] != "") {
+				$standard_source = $imgs['img_sd']['url'];
+				//echo "2";
+				}
+			else if ($imgs['img_hd']['url'] != "") {
+				$standard_source = $imgs['img_hd']['url'] . ' 2x';
+				//echo "3";
+				}
+			//echo $standard_source;
+			?>
+			
+			<picture data-picture data-alt="">
+				<!--[if IE 9]><video style="display: none;"><![endif]-->
+				<source class="image_standard" srcset="<?php echo $standard_source; ?>">
+				<!--source class="image_medium" srcset="" media="(max-width: 767px)">
+				<source class="image_small" srcset="" media="(max-width: 767px)"-->
+				<!--[if IE 9]></video><![endif]-->
+				<?php
+				echo '<img srcset="' . $imgs['img_sd']['url'] . '" alt="" width="'. $imgs['img_sd']['width'] . '" height="'. $imgs['img_sd']['height'] .'" />';
+				?>
+			</picture>
+
+<!-- /Retina -->
+
+		</div>
+		
+			<?php if (($imgs['img_sd']['titre'] != "") || ($imgs['img_sd']['legende'] != "")) { ?>
+				<p class="titrePhoto"><?php echo $imgs['img_sd']['titre']; ?>Titre</p>
+				<p class="legendePhoto"><?php echo $imgs['img_sd']['legende']; ?>Légende</p>
+			<?php } ?>
+		
+		<p class="exifs"><?php echo $imgs['img_sd']['exif']; ?></p>
+		
+
+<?php
+require_once($_SERVER['DOCUMENT_ROOT'].'/Connections/cnx.php');
+
+	$album = 'photos-du-mois'; //Photos du mois
+	$table = array();
+	if ($_SERVER['HTTP_HOST'] == "macbook-pro.local") {
+		$table['images'] = ".images";
+		$table['albums'] = ".albums";
+		}
+	/*
+	if ($_SERVER['HTTP_HOST'] == "clicclac.info") {
+		$table['images'] = "zp_images";
+		$table['albums'] = "zp_albums";
+		}
+	*/
+	if ($_SERVER['HTTP_HOST'] == "clicclac.info") {
+		$table['images'] = "zenphoto_images";
+		$table['albums'] = "zenphoto_albums";
+		}
+
+	// Récupérer l'ID de l'album 'photos-du-mois' ($id_album)
+	$i = 0;
+	$conn = new mysqli($dbhost, $dbuser, $dbpassword, $zptable);
+	if ($conn->connect_error) {
+		trigger_error('Database connection failed: '  . $conn->connect_error, E_USER_ERROR);
+		exit();
+		}
+	$conn->set_charset("utf8");
+
+	$excquery = "SELECT `id` FROM `" . $table['albums'] . "` WHERE `folder` = '" . $album . "'";
+	
+ 	if ($result = $conn->query($excquery)) {
+	 	$result->data_seek(0);
+ 		$row = $result->fetch_row();
+ 		$id_album = $row[0];
+	 	$result->close();
+		}
+
+ 	$conn->close();
+
+
+	// Récupérer toutes les fichiers de l'album 'photos-du-mois' ($fichier[])
+	
+	$conn = new mysqli($dbhost, $dbuser, $dbpassword, $zptable);
+	if ($conn->connect_error) {
+		trigger_error('Database connection failed: '  . $conn->connect_error, E_USER_ERROR);
+		exit();
+		}
+	$conn->set_charset("utf8");
+
+	$pictquery = "SELECT `filename` FROM `" . $table['images'] . "` WHERE `albumid` = ? ORDER BY `date` DESC";
+
+	$stmt = $conn->prepare($pictquery);
+	//echo $pictquery;
+	if($stmt === false) {
+		trigger_error('Wrong SQL: ' . $pictquery . ' Error: ' . $conn->error, E_USER_ERROR);
+		}
+	else {
+		$stmt->bind_param('i', $id_album);
+		$stmt->execute();
+		$stmt->bind_result($filename);
+		while ($stmt->fetch()) {
+			$fichier[] = $filename;
+			$i++;
+			//echo $filename;
+			}
+		}
+	$stmt->close();
+	
+	//
+?>
+
+<?php
+$aide = "<span class='aide'> ? </span><b>Utilisation:</b> cliquer sur une vignette, puis....<br />";
+$aide .= " <b><i>-sur ordinateur:</i></b> naviguer avec les touches flèches droite et gauche, quitter avec ESC.<br />";
+$aide .= " <b><i>-sur tablettes et smartphones:</i></b> balayer l'écran avec un doigt vers la droite ou vers la gauche, ou naviguer avec les touches flèches droite et gauche. Cliquer sur la X pour quitter.";
+?>
+
+<div id="archive">
+<p style="clear: both; "></p>
+<h4><?php echo gettext("Archives"); ?> (<abbr title="<?php echo $aide; ?>" rel="tooltip"> ? </abbr>)</h4>
+<!--h4><?php echo gettext("Archives"); ?> <span class='aide'><a href="#" title="<?php echo $aide; ?>" class="tooltip"><span title="<?php echo gettext("Help"); ?>">( ? )</span></a></span></h4-->
+
+<?php
+//nb d'archive par page
+$nb = 12;
+global $page;
+
+if (!isset($_GET['page'])) $page = 1;
+// sinon on recupere la valeur numerique recue en paramètre
+else $page = intval($_GET['page']);
+
+// on determine debut du limit
+$debut = (($page - 1) * $nb) +1;	  // page 1: 2, page 2: 14, page 3: 26
+$fin = ($debut + $nb) - 1;
+
+/*
+echo count($fichier) . "<br>";
+echo $debut . "<br>";
+echo $fin . "<br>";
+echo $page . "<br>";
+*/
+for ($j=$debut; $j<=$fin; $j++) {
+
+//$fin = (($start + $epp) -1);
+//for ($j=($start + 1); $j<=$fin; $j++) {
+/*
+		if ($j <= count($fichier)-1) echo display($fichier[$j],$album);
+		if ($j+1 <= count($fichier)-1) echo display($fichier[$j+1],$album);
+		if ($j+2 <= count($fichier)-1) echo display($fichier[$j+2],$album);
+*/
+
+		if ($j <= count($fichier)-1) echo displayRetina($fichier[$j],$album);
+		if ($j+1 <= count($fichier)-1) echo displayRetina($fichier[$j+1],$album);
+		if ($j+2 <= count($fichier)-1) echo displayRetina($fichier[$j+2],$album);
+		
+		//echo $fichier[$j]; // 9_2015.jpg
+		
+		$j = $j + 2;
+	}
+?>
+
+<p style="clear: both; "></p>
+
+
+<div class="pagination">
+<?php
+/**/
+// calcul du nombre de pages (arrondi a l'entier superieur)
+$nbpages = ceil(count($fichier) / 12);
+$prec = $page - 1;
+$suiv = $page + 1;
+
+// $_SERVER[REQUEST_URI] -> /wordpress/ce-mois-ci/
+
+
+if ($page >= 2) echo '<a href="'.$_SERVER['REQUEST_URI'].'?page='.$prec.'" title="'.gettext("Previous Page").'">&laquo; '.gettext("prev").'</a>&nbsp;';
+for ($i = 1; $i <= $nbpages; $i++) {
+	if ($i != $page) {
+		echo '<a href="'.$_SERVER['REQUEST_URI'].'?page='.$i.'" title="'.gettext("Page").' '.$i.'">'.$i.' </a>&nbsp;';
+		}
+	else {
+		echo "<span class='gras'>".$i."</span>&nbsp;&nbsp;";
+		}
+	}
+if ($page < $nbpages) echo '<a href="'.$_SERVER['REQUEST_URI'].'?page='.$suiv.'" title="'.gettext("Next Page").'">'.gettext("next").' &raquo;</a>&nbsp;';
+
+?>
+</div>
+
+</div>
+
+			<div class="clear"></div>
+			<?php if ( comments_open() || '0' != get_comments_number() ) : ?>
+						<div class="home_blog_box">
+							
+						</div>
+			<?php endif;
+			endif;
+			?>
+		</div>
+		<div class="clear"></div>
+	</div>
+	</div>
+<?php
+get_footer( 'page' );
+?>
\ No newline at end of file
diff --git a/ce-mois.php b/ce-mois.php
new file mode 100755
index 0000000..4ad09e6
--- /dev/null
+++ b/ce-mois.php
@@ -0,0 +1,240 @@
+<?php
+/**
+ * Template Name: Ce-mois
+ *
+ * @package WordPress
+ * @subpackage Twenty_Ten
+ * @since Twenty Ten 1.0
+ */
+
+
+get_header();
+
+$root = $_SERVER['DOCUMENT_ROOT'];
+define('SERVERPATH',$root.'/zenphoto'); 
+//define('WEBPATH','/'.basename(dirname(__FILE__)).'/zenphoto'); 
+//require_once(SERVERPATH.'/zp-core/template-functions.php'); 
+include('../photoblog/exifer/exif.php');
+
+?>
+
+<div class="content">
+	<div class="container">
+		<div class="post_content">
+			<?php if(have_posts()): the_post(); ?>
+			<article class="post_box" id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+				<h1><?php the_title(); ?></h1>
+				<?php the_content(); ?>
+			</article>
+			
+					<?php 
+		$mois = date('n');
+		$an = date('Y');
+		$image = $mois . '_' . $an . '.jpg';
+		$annee = $an;
+
+		// nom des fichiers: 7_2009.jpg et non pas 07_2009.jpg
+		
+		for ($i = 0; $i <= 11 ; $i++) {
+			$a = ($mois - $i);
+			if ($a < 1) {
+				$a = (12 + $a);
+				$annee = $an - 1;
+				}
+			$tableau[$i] = $a . '_' . $annee . '.jpg';
+			}
+					
+		$i = 0;
+		while ($i < 13) {
+			$file = '../zenphoto/albums/photos-du-mois/' . $tableau[$i];
+			//echo $file;
+
+			if (file_exists($file)) {
+				//echo "<br />" ."file exist: " . $file;
+				// ../zenphoto/albums/photos-du-mois/4_2014.jpg 
+				// 4_2014_800_watermark.jpg, 4_2014_FULL_watermark.jpg
+				$photo_du_mois = $file;
+				$title = $tableau[$i];
+				
+				$size = getimagesize($photo_du_mois, $info);
+				//preprint($size);
+				
+				if ($size[0] > 1000) {
+					// HD
+					$hd = '../../zenphoto/cache/photos-du-mois/' . substr($tableau[$i], 0, strlen($tableau[$i]) - 4) . "_FULL_watermark.jpg";
+					if (file_exists($hd)) {
+						$size_hd = getimagesize($hd, $info_hd);
+  						$imgs['img_hd'] = array(
+              				'url' => $hd,
+              				'width' => $size_hd[0],
+              				'height' => $size_hd[1]
+ 						 );
+						}
+					else {
+  						$imgs['img_hd'] = array(
+              				'url' => '../' . $photo_du_mois,
+              				'width' => $size[0],
+              				'height' => $size[1]
+ 						 );
+ 						}
+					// SD
+					$sd = '../../zenphoto/cache/photos-du-mois/' . substr($tableau[$i], 0, strlen($tableau[$i]) - 4) . "_800_watermark.jpg";
+					if (file_exists($sd)) {
+						$size_sd = getimagesize($sd, $info_sd);
+  						$imgs['img_sd'] = array(
+              				'url' => $sd,
+              				'width' => $size_sd[0],
+              				'height' => $size_sd[1]
+ 						 );
+ 						}
+					}
+				else {
+					// SD
+					$sd = '../../zenphoto/cache/photos-du-mois/' . substr($tableau[$i], 0, strlen($tableau[$i]) - 4) . "_800_watermark.jpg";
+					if (file_exists($sd)) {
+						$size_sd = getimagesize($sd, $info_sd);
+  						$imgs['img_sd'] = array(
+              				'url' => $sd,
+              				'width' => $size_sd[0],
+              				'height' => $size_sd[1]
+ 						 );
+ 						}
+  					$imgs['img_hd'] = array(
+              			'url' => "",
+              			'width' => "",
+              			'height' => ""
+ 					 );	
+					} // if ($size[0] > 1000)
+
+				$title = explode('.',$title);
+				$title = explode('_',$title[0]);
+				$title = mois2($title[0]) . ' ' . $title[1];
+				$imgs['img_sd']['title'] = $title;
+
+				if (isset($info["APP13"])) {
+					$iptc = iptcparse($info["APP13"]);
+
+					if (isset($iptc['2#120'][0])) $legende = $iptc['2#120'][0];
+					else $legende = "";
+					if (isset($iptc['2#005'][0])) $titre = $iptc['2#005'][0];
+					else $titre = "";
+
+					$keyword = ""; 
+					if (isset($iptc['2#025'])) {
+						foreach ($iptc['2#025'] as $key => $val) {
+							$keyword .= '<a href="' . $host . '/zenphoto/index.php?p=search&amp;words=' . $val . '" title="Tag > ' . $val . '" rel="tag">' . $val . '</a>';
+							$keyword .= ', ';
+							}
+						$keyword = substr($keyword, 0, -2);
+						}
+					
+					$imgs['img_sd']['legende'] = $legende;
+					$imgs['img_sd']['titre'] = $titre;
+					$imgs['img_sd']['keyword'] = $keyword;
+					}
+					
+					$exifInfo = "";
+					$exif_array = read_exif_data_raw($file,0);
+					$exifInfo = __('The','CreatorThemeRes-child') . " "  .date(__("F j, Y, g:i a",'CreatorThemeRes-child'),strtotime($exif_array['SubIFD']['DateTimeOriginal'])).' - ';
+					$exifInfo .= $exif_array['SubIFD']['ExposureTime']. __(' at ','CreatorThemeRes-child') .$exif_array['SubIFD']['FNumber'].' - ' .$exif_array['SubIFD']['ISOSpeedRatings'].' ISO - '. __('Focal','CreatorThemeRes-child') .$exif_array['SubIFD']['FocalLength'];
+					$imgs['img_sd']['exif'] = $exifInfo;
+
+					
+				break;
+				}
+			$i++;
+			}
+		//preprint($imgs);
+		
+		?>
+
+		<div class="cadre">
+			
+			<?php if (($imgs['img_sd']['titre'] != "") || ($imgs['img_sd']['legende'] != "")) { ?>
+				<p class="titrePhoto"><?php echo $imgs['img_sd']['titre']; ?>Titre</p>
+				<p class="legendePhoto"><?php echo $imgs['img_sd']['legende']; ?>Légende</p>
+			<?php } ?>
+
+			<!--img src="watermark2.php?src=<?php echo $photo_du_mois; ?>" alt="Image du mois" title="<?php echo $title; ?>" <?php echo $size[3]; ?> /-->
+
+<!-- Retina -->
+			<?php
+			if (($imgs['img_sd']['url'] != "") && ($imgs['img_hd']['url'] != "")) {
+				$standard_source = $imgs['img_sd']['url'] . ', ' . $imgs['img_hd']['url'] . ' 2x';
+				//echo "1";
+				}
+			else if ($imgs['img_sd']['url'] != "") {
+				$standard_source = $imgs['img_sd']['url'];
+				//echo "2";
+				}
+			else if ($imgs['img_hd']['url'] != "") {
+				$standard_source = $imgs['img_hd']['url'] . ' 2x';
+				//echo "3";
+				}
+			//echo $standard_source;
+			?>
+			
+			<picture data-picture data-alt="">
+				<!--[if IE 9]><video style="display: none;"><![endif]-->
+				<source class="image_standard" srcset="<?php echo $standard_source; ?>">
+				<!--source class="image_medium" srcset="" media="(max-width: 767px)">
+				<source class="image_small" srcset="" media="(max-width: 767px)"-->
+				<!--[if IE 9]></video><![endif]-->
+				<?php
+				echo '<img srcset="' . $imgs['img_sd']['url'] . '" alt="" width="'. $imgs['img_sd']['width'] . '" height="'. $imgs['img_sd']['height'] .'" />';
+				?>
+			</picture>
+
+<!-- /Retina -->
+
+		</div>
+		
+			<?php if (($imgs['img_sd']['titre'] != "") || ($imgs['img_sd']['legende'] != "")) { ?>
+				<p class="titrePhoto"><?php echo $imgs['img_sd']['titre']; ?>Titre</p>
+				<p class="legendePhoto"><?php echo $imgs['img_sd']['legende']; ?>Légende</p>
+			<?php } ?>
+		
+		<p class="exifs"><?php echo $imgs['img_sd']['exif']; ?></p>
+		
+
+<?php
+$aide = "<span class='aide'> ? </span><b>Utilisation:</b> cliquer sur une vignette, puis....<br />";
+$aide .= " <b><i>-sur ordinateur:</i></b> naviguer avec les touches flèches droite et gauche, quitter avec ESC.<br />";
+$aide .= " <b><i>-sur tablettes et smartphones:</i></b> balayer l'écran avec un doigt vers la droite ou vers la gauche, ou naviguer avec les touches flèches droite et gauche. Cliquer sur la X pour quitter.";
+?>
+
+<div id="archive">
+<p style="clear: both; "></p>
+<h4><?php echo gettext("Archives"); ?> (<abbr title="<?php echo $aide; ?>" rel="tooltip"> ? </abbr>)</h4>
+<!--h4><?php echo gettext("Archives"); ?> <span class='aide'><a href="#" title="<?php echo $aide; ?>" class="tooltip"><span title="<?php echo gettext("Help"); ?>">( ? )</span></a></span></h4-->
+
+<?php ?>
+
+<div class="clear"></div>
+
+
+<div class="loading-div"><img src="<?php echo get_stylesheet_directory_uri() . "/"; ?>ajax-loader.gif" ></div>
+<div id="results"><!-- content will be loaded here --></div>
+
+<div class="clear"></div>
+
+	
+
+
+</div>
+
+			<div class="clear"></div>
+			<?php if ( comments_open() || '0' != get_comments_number() ) : ?>
+						<div class="home_blog_box">
+							
+						</div>
+			<?php endif;
+			endif;
+			?>
+		</div>
+		<div class="clear"></div>
+	</div>
+	</div>
+<?php
+get_footer( 'page' );
+?>
\ No newline at end of file
diff --git a/contact.php b/contact.php
new file mode 100755
index 0000000..2dc96cf
--- /dev/null
+++ b/contact.php
@@ -0,0 +1,34 @@
+<?php
+/**
+ * Template Name: Contact
+ *
+ * @package WordPress
+ * @subpackage Twenty_Ten
+ * @since Twenty Ten 1.0
+ */
+
+get_header();
+?>
+<div class="content">
+	<div class="container">
+		<div class="post_content">
+			<?php if(have_posts()): the_post(); ?>
+			<article class="post_box" id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+				<h1><?php the_title(); ?></h1>
+				<?php the_content(); ?>
+			</article>
+			<div class="clear"></div>
+			<?php if ( comments_open() || '0' != get_comments_number() ) : ?>
+						<div class="home_blog_box">
+							
+						</div>
+			<?php endif;
+			endif;
+			?>
+		</div>
+		<div class="clear"></div>
+	</div>
+	</div>
+<?php
+get_footer( 'page' );
+?>
\ No newline at end of file
diff --git a/fetch_pages.php b/fetch_pages.php
new file mode 100755
index 0000000..231c412
--- /dev/null
+++ b/fetch_pages.php
@@ -0,0 +1,310 @@
+<?php
+/* Title : Ajax Pagination with jQuery & PHP
+Example URL : http://www.sanwebe.com/2013/03/ajax-pagination-with-jquery-php */
+
+function preprint($s, $return=false) { 
+    $x = "<pre>"; 
+    $x .= print_r($s, 1); 
+    $x .= "</pre>"; 
+    if ($return) return $x; 
+    else print $x; 
+    } 
+
+function displayRetina ($filename,$album) {
+	// 6_2012.jpg 
+	// 4_2014_180_thumb.jpg 4_2014_360_thumb.jpg
+	$path = "../../../../zenphoto/cache/" . $album . "/";
+	$file = explode(".", $filename);
+	
+	//$a = $path . $filename;
+	//echo $a. "<br>";
+	
+	$file_sd = $path . $file[0] . "_180_thumb.jpg";
+	$file_hd = $path . $file[0] . "_360_thumb.jpg";
+	/*
+	$file_sd = $path . $file[0] . "_180_watermark.jpg";
+	$file_hd = $path . $file[0] . "_360_watermark.jpg";
+	*/
+	//
+	$th_sd = false;
+	$th_hd = false;
+
+	if (file_exists($file_sd)) {
+		$th_sd = true;
+		$size_sd = getimagesize($file_sd, $info);
+		$thumb['sd'] = array(
+		    'url' => "../" . $file_sd,
+            'width' => $size_sd[0],
+            'height' => $size_sd[1]
+			);
+		}
+	if (file_exists($file_hd)) {
+		$th_hd = true;
+		$size_hd = getimagesize($file_hd, $info);
+		$thumb['hd'] = array(
+		    'url' => "../" . $file_hd,
+            'width' => $size_hd[0],
+            'height' => $size_hd[1]
+			);
+		}
+	//preprint($thumb);
+	
+	if (($th_sd == true) && ($th_hd == true)) {
+		$standard = $thumb['sd']['url'] . ', ' . $thumb['hd']['url'] . ' 2x';
+		}
+	elseif ($th_sd == true) {
+		$standard = $thumb['sd']['url'];
+		}
+	elseif ($th_hd == true) {
+		$standard = $thumb['hd']['url'] . ' 2x';
+		}
+	/*
+	$display = '<div class="album">';
+	$display .= '<div class="thumb">';
+	$display .= '<a href="../../zenphoto/albums/'.$album.'/'.$filename.'" title="'.date_archive($filename).'" class="wraptocenter swipebox" />';
+	
+	$display .= '<picture data-picture data-alt="">';
+	$display .= '<!--[if IE 9]><video style="display: none;"><![endif]-->';
+	$display .= '<source class="image_standard" srcset="' . $standard . '">';
+
+	$display .= '<!--[if IE 9]></video><![endif]-->';
+	$display .= '<img srcset="' . $thumb['sd']['url'] . '" width="' . $thumb['sd']['width'] . '" height="' . $thumb['sd']['height'] . '"alt="">';
+	$display .= '</picture>';
+	
+	$display .= '</a>';
+	$display .= '</div>';
+	$display .= '<div class="albumdesc">';
+	$display .= '<a href="../../zenphoto/index.php?album='.$album.'&amp;image='.$filename.'" title= "'.date_archive($filename).'" class="" />';
+	$display .= '<span class="exif">'.date_archive($filename).'</span>';
+	$display .= '</a></div>';
+	$display .= '</div>';
+	*/
+	$display = '<div class="album">';
+	$display .= '<div class="thumb">';
+	$display .= '<picture data-picture data-alt="">';
+	$display .= '<source class="image_standard" srcset="' . $standard . '">';
+	$display .= '<img srcset="' . $thumb['sd']['url'] . '" width="' . $thumb['sd']['width'] . '" height="' . $thumb['sd']['height'] . '"alt="">';
+	$display .= '</picture>';
+	$display .= '</div>';
+	$display .= '<div class="albumdesc">';
+	$display .= '<span class="exif">';
+	$display .= '<a href="../../zenphoto/index.php?album='.$album.'&amp;image='.$filename.'" title= "'.date_archive($filename).'" class="" />'.date_archive($filename).'</a>';
+	$display .= '</span></div>';
+	$display .= '</div>';
+	return $display;
+	}
+
+function date_archive ($chaine) {
+		$pieces = explode(".", $chaine);
+		$b = explode("_", $pieces[0]);
+		$mois = $b[0];
+		$an = $b[1];
+		$chaine = mois2($mois) . ' '. $an;
+	return $chaine;
+	}
+
+function mois2 ($mois) {
+	switch ($mois)
+		{
+		case 00:
+		$mois = "00";
+		break;
+		case 1:
+		$mois = gettext('January');
+		break;
+		case 2:
+		$mois = gettext('February');
+		break;
+		case 3:
+		$mois = gettext('March');
+		break;
+		case 4:
+		$mois = gettext('April');
+		break;
+		case 5:
+		$mois = gettext('May');
+		break;
+		case 6:
+		$mois = gettext('June');
+		break;
+		case 7:
+		$mois = gettext('July');
+		break;
+		case 8:
+		$mois = gettext('August');
+		break;
+		case 9:
+		$mois = gettext('September');
+		break;
+		case 10:
+		$mois = gettext('October');
+		break;
+		case 11:
+		$mois = gettext('November');
+		break;
+		case 12:
+		$mois = gettext('December');
+		break;
+		}
+    return $mois;
+	}
+
+//continue only if $_POST is set and it is a Ajax request
+if(isset($_POST) && isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest'){
+	
+	//include("config.inc.php");  //include config file
+	//require_once($_SERVER['DOCUMENT_ROOT'].'/Connections/cnx.php');
+	$db_host = 'localhost';
+	$db_username = 'root';
+	$db_password = 'sncfp1p2';
+	$db_name = 'zenphoto';
+	$zptable = 'zenphoto';
+	
+	$album = 'photos-du-mois'; //Photos du mois
+	$item_per_page = 12; //item to display per page
+
+	$table = array();
+	if ($_SERVER['HTTP_HOST'] == "macbook-pro.local") {
+		$table['images'] = ".images";
+		$table['albums'] = ".albums";
+		}
+	if ($_SERVER['HTTP_HOST'] == "clicclac.info") {
+		$table['images'] = "zenphoto_images";
+		$table['albums'] = "zenphoto_albums";
+		}
+
+	$mysqli = new mysqli($db_host, $db_username, $db_password, $db_name);
+	//Output any connection error
+	if ($mysqli->connect_error) {
+   		die('Error : ('. $mysqli->connect_errno .') '. $mysqli->connect_error);
+	}
+
+
+	// Récupérer l'ID de l'album 'photos-du-mois' ($id_album)
+	$i = 0;
+	$conn = new mysqli($db_host, $db_username, $db_password, $zptable);
+	if ($conn->connect_error) {
+		trigger_error('Database connection failed: '  . $conn->connect_error, E_USER_ERROR);
+		exit();
+		}
+	$conn->set_charset("utf8");
+
+	$excquery = "SELECT `id` FROM `" . $table['albums'] . "` WHERE `folder` = '" . $album . "'";
+	
+ 	if ($result = $conn->query($excquery)) {
+	 	$result->data_seek(0);
+ 		$row = $result->fetch_row();
+ 		$id_album = $row[0];
+	 	$result->close();
+		}
+
+ 	$conn->close();
+
+
+	//Get page number from Ajax POST
+	if(isset($_POST["page"])){
+		$page_number = filter_var($_POST["page"], FILTER_SANITIZE_NUMBER_INT, FILTER_FLAG_STRIP_HIGH); //filter number
+		if(!is_numeric($page_number)){die('Invalid page number!');} //incase of invalid page number
+	}else{
+		$page_number = 1; //if there's no page number, set it to 1
+	}
+	
+	//get total number of records from database for pagination
+	//$results = $mysqli->query("SELECT COUNT(*) FROM paginate");
+	$results = $mysqli->query("SELECT COUNT(*) FROM `" . $table['images'] . "` WHERE `albumid` = $id_album ");
+	$get_total_rows = $results->fetch_row(); //hold total records in variable
+	
+	//break records into pages
+	$total_pages = ceil($get_total_rows[0]/$item_per_page);
+	
+	//get starting position to fetch the records
+	$page_position = (($page_number-1) * $item_per_page);
+	
+
+	//Limit our results within a specified range. 
+	$results = $mysqli->prepare("SELECT `filename` FROM `" . $table['images'] . "` WHERE `albumid` = ? ORDER BY `date` DESC LIMIT $page_position, $item_per_page");
+	$results->bind_param('i', $id_album);
+	$results->execute(); //Execute prepared Query
+	$results->bind_result($filename); //bind variables to prepared statement
+	
+	//Display records fetched from database.
+	//echo '<ul class="contents">';
+	while($results->fetch()){ //fetch values
+		/*
+		echo '<li>';
+		echo  $filename;
+		echo '</li>';
+		*/
+		
+		echo displayRetina($filename,$album);
+		/*
+		if ($j <= count($fichier)-1) echo displayRetina($fichier[$j],$album);
+		if ($j+1 <= count($fichier)-1) echo displayRetina($fichier[$j+1],$album);
+		if ($j+2 <= count($fichier)-1) echo displayRetina($fichier[$j+2],$album);
+		
+		//echo $fichier[$j];
+		
+		$j = $j + 2;
+		*/
+	}
+	//echo '</ul>';
+
+	echo '<div align="center" class="pagine">';
+	/* We call the pagination function here to generate Pagination link for us. 
+	As you can see I have passed several parameters to the function. */
+	echo paginate_function($item_per_page, $page_number, $get_total_rows[0], $total_pages);
+	echo '</div>';
+	echo '<p style="clear: both; "></p>';
+	
+	exit;
+}
+################ pagination function #########################################
+function paginate_function($item_per_page, $current_page, $total_records, $total_pages)
+{
+    $pagination = '';
+    if($total_pages > 0 && $total_pages != 1 && $current_page <= $total_pages){ //verify total pages and current page number
+        $pagination .= '<ul class="pagination">';
+        
+        $right_links    = $current_page + 3; 
+        $previous       = $current_page - 3; //previous link 
+        $next           = $current_page + 1; //next link
+        $first_link     = true; //boolean var to decide our first link
+        
+        if($current_page > 1){
+			$previous_link = ($previous==0)? 1: $previous;
+            $pagination .= '<li class="first"><a href="#" data-page="1" title="First">&laquo;</a></li>'; //first link
+            $pagination .= '<li><a href="#" data-page="'.$previous_link.'" title="Previous">&lt;</a></li>'; //previous link
+                for($i = ($current_page-2); $i < $current_page; $i++){ //Create left-hand side links
+                    if($i > 0){
+                        $pagination .= '<li><a href="#" data-page="'.$i.'" title="Page'.$i.'">'.$i.'</a></li>';
+                    }
+                }   
+            $first_link = false; //set first link to false
+        }
+        
+        if($first_link){ //if current active page is first link
+            $pagination .= '<li class="first active">'.$current_page.'</li>';
+        }elseif($current_page == $total_pages){ //if it's the last active link
+            $pagination .= '<li class="last active">'.$current_page.'</li>';
+        }else{ //regular current link
+            $pagination .= '<li class="active">'.$current_page.'</li>';
+        }
+                
+        for($i = $current_page+1; $i < $right_links ; $i++){ //create right-hand side links
+            if($i<=$total_pages){
+                $pagination .= '<li><a href="#" data-page="'.$i.'" title="Page '.$i.'">'.$i.'</a></li>';
+            }
+        }
+        if($current_page < $total_pages){ 
+				$next_link = ($i > $total_pages) ? $total_pages : $i;
+                $pagination .= '<li><a href="#" data-page="'.$next_link.'" title="Next">&gt;</a></li>'; //next link
+                $pagination .= '<li class="last"><a href="#" data-page="'.$total_pages.'" title="Last">&raquo;</a></li>'; //last link
+        }
+        
+        $pagination .= '</ul>'; 
+    }
+    return $pagination; //return pagination links
+}
+
+?>
+
diff --git a/footer-page.php b/footer-page.php
new file mode 100755
index 0000000..db21df4
--- /dev/null
+++ b/footer-page.php
@@ -0,0 +1,13 @@
+ 		<footer id="foot">
+			<div class="bottom-foot">
+				<div class="container">
+					<div class="copyright">
+						<p class="credits"><?php echo ( dess_setting('dess_copyright') !='' ? dess_setting('dess_copyright') : __('2016 Copyright. Powered by WordPress','creator') ); ?></p>
+					</div>
+					<div class="clear"></div>
+				</div>
+			</div>
+		</footer>
+		<?php wp_footer(); ?>
+	</body>
+</html>
\ No newline at end of file
diff --git a/functions.php b/functions.php
index 6174418..f2d80f5 100644
--- a/functions.php
+++ b/functions.php
@@ -68,6 +68,23 @@ function RelativeTime() {
 }
 
 
+function getRandomFile($start_dir) {
+        
+        chdir($start_dir);
+        $dir = opendir('.');
+        while (($myfile = readdir($dir)) !==false) {
+            if ($myfile != '.' && $myfile != '..' && is_file($myfile) && $myfile != 'resource.frk') {
+                $files[] = $myfile;
+                }
+            }
+        closedir($dir);
+        chdir('../');
+        srand ((float) microtime() * 10000000);
+        $file = array_rand($files);
+        return $files[$file];
+        }
+
+
 function preprint($s, $return=false) { 
     $x = "<pre>"; 
     $x .= print_r($s, 1); 
@@ -76,4 +93,186 @@ function preprint($s, $return=false) {
     else print $x; 
     } 
 
+
+/* photo du mois */
+
+function exif_date($date,$apn) {
+	//'Model' => string 'Canon EOS 50D' (length=13)
+	//50D: 'DateTimeOriginal' => string '2009:12:05 12:42:33' (length=19)
+				
+	//'Model' => string 'Canon EOS 7D' (length=12)
+	//7D: DateTimeOriginal' => string '2010-02-20T15:07:05.24+01:00' (length=28)
+				
+	// -> 50D
+	if (!preg_match("/7D/", $apn)) {
+		$pieces = explode(' ', $date);
+		list($yy, $mm, $dd) = explode(':', $pieces[0]);
+		list($hh, $min, $ss) = explode(':', $pieces[1]);
+		}
+	// 7D
+	else {
+		$pieces = explode('T', $date);
+		list($yy, $mm, $dd) = explode('-', $pieces[0]);
+		$pieces_h = explode('.', $pieces[1]);
+		list($hh, $min, $ss) = explode(':', $pieces_h[0]);
+		}
+	$timestamp = mktime((int) $hh, (int) $min, (int) $ss, (int) $mm, (int) $dd, (int) $yy, '-1');
+	$date = date('d.m.Y à H:i',$timestamp);
+	return $date;
+	}
+function mois2 ($mois) {
+	switch ($mois)
+		{
+		case 00:
+		$mois = "00";
+		break;
+		case 1:
+		$mois = __('January','CreatorThemeRes-child');
+		break;
+		case 2:
+		$mois = __('February','CreatorThemeRes-child');
+		break;
+		case 3:
+		$mois = __('March','CreatorThemeRes-child');
+		break;
+		case 4:
+		$mois = __('April','CreatorThemeRes-child');
+		break;
+		case 5:
+		$mois = __('May','CreatorThemeRes-child');
+		break;
+		case 6:
+		$mois = __('June','CreatorThemeRes-child');
+		break;
+		case 7:
+		$mois = __('July','CreatorThemeRes-child');
+		break;
+		case 8:
+		$mois = __('August','CreatorThemeRes-child');
+		break;
+		case 9:
+		$mois = __('September','CreatorThemeRes-child');
+		break;
+		case 10:
+		$mois = __('October','CreatorThemeRes-child');
+		break;
+		case 11:
+		$mois = __('November','CreatorThemeRes-child');
+		break;
+		case 12:
+		$mois = __('December','CreatorThemeRes-child');
+		break;
+		}
+    return $mois;
+	}
+
+function display ($filename,$album) {
+	$display = '<div class="album">'.
+	'<div class="thumb">' .
+	'<a href="../zenphoto/albums/'.$album.'/'.$filename.'" title="'.date_archive($filename).'" class="wraptocenter swipebox" />'.
+	'<img src="../zenphoto/zp-core/i.php?a='.$album.'&i='.$filename.'&s=180" class="img_archive" />'.
+	'</a>'.
+	'</div>'.
+	'<div class="albumdesc">'.
+	'<a href="../zenphoto/index.php?album='.$album.'&amp;image='.$filename.'" title= "'.date_archive($filename).'" class="" />'.
+	'<span class="exif">'.date_archive($filename).'</span>'.
+	'</a></div>'.
+	'</div>';
+	return $display;
+	}
+
+function displayRetina ($filename,$album) {
+	// 6_2012.jpg 
+	// 4_2014_180_thumb.jpg 4_2014_360_thumb.jpg
+	$path = "../zenphoto/cache/" . $album . "/";
+	$file = explode(".", $filename);
+	
+	//$a = $path . $filename;
+	//echo $a. "<br>";
+	
+	$file_sd = $path . $file[0] . "_180_thumb.jpg";
+	$file_hd = $path . $file[0] . "_360_thumb.jpg";
+	/*
+	$file_sd = $path . $file[0] . "_180_watermark.jpg";
+	$file_hd = $path . $file[0] . "_360_watermark.jpg";
+	*/
+	//
+	$th_sd = false;
+	$th_hd = false;
+
+	if (file_exists($file_sd)) {
+		$th_sd = true;
+		$size_sd = getimagesize($file_sd, $info);
+		$thumb['sd'] = array(
+		    'url' => "../" . $file_sd,
+            'width' => $size_sd[0],
+            'height' => $size_sd[1]
+			);
+		}
+	if (file_exists($file_hd)) {
+		$th_hd = true;
+		$size_hd = getimagesize($file_hd, $info);
+		$thumb['hd'] = array(
+		    'url' => "../" . $file_hd,
+            'width' => $size_hd[0],
+            'height' => $size_hd[1]
+			);
+		}
+	//preprint($thumb);
+	
+	if (($th_sd == true) && ($th_hd == true)) {
+		$standard = $thumb['sd']['url'] . ', ' . $thumb['hd']['url'] . ' 2x';
+		}
+	elseif ($th_sd == true) {
+		$standard = $thumb['sd']['url'];
+		}
+	elseif ($th_hd == true) {
+		$standard = $thumb['hd']['url'] . ' 2x';
+		}
+
+	$display = '<div class="album">';
+	$display .= '<div class="thumb">';
+	$display .= '<a href="../../zenphoto/albums/'.$album.'/'.$filename.'" title="'.date_archive($filename).'" class="wraptocenter swipebox" />';
+	
+	$display .= '<picture data-picture data-alt="">';
+	$display .= '<!--[if IE 9]><video style="display: none;"><![endif]-->';
+	$display .= '<source class="image_standard" srcset="' . $standard . '">';
+
+	//$display .= '<img src="../zenphoto/zp-core/i.php?a='.$album.'&i='.$filename.'&s=180" class="img_archive" />';
+
+	$display .= '<!--[if IE 9]></video><![endif]-->';
+	$display .= '<img srcset="' . $thumb['sd']['url'] . '" width="' . $thumb['sd']['width'] . '" height="' . $thumb['sd']['height'] . '"alt="">';
+	$display .= '</picture>';
+	
+	$display .= '</a>';
+	$display .= '</div>';
+	$display .= '<div class="albumdesc">';
+	$display .= '<a href="../../zenphoto/index.php?album='.$album.'&amp;image='.$filename.'" title= "'.date_archive($filename).'" class="" />';
+	$display .= '<span class="exif">'.date_archive($filename).'</span>';
+	$display .= '</a></div>';
+	$display .= '</div>';
+	return $display;
+	}
+
+function get_image_title ($photo) {
+	$photo = '../zenphoto/albums/photos-du-mois/' . $photo;
+	$size = getimagesize($photo, $info);
+	if (isset($info["APP13"])) {
+		$iptc = iptcparse($info["APP13"]);
+		//print_r($iptc);
+		$caption = isset($iptc['2#120'][0]);
+		$graphic_name = isset($iptc['2#005'][0]);
+		}
+	return $caption;
+	}
+
+function date_archive ($chaine) {
+		$pieces = explode(".", $chaine);
+		$b = explode("_", $pieces[0]);
+		$mois = $b[0];
+		$an = $b[1];
+		$chaine = mois2($mois) . ' '. $an;
+	return $chaine;
+	}
+
 ?>
\ No newline at end of file
diff --git a/header.php b/header.php
new file mode 100755
index 0000000..f4c2b00
--- /dev/null
+++ b/header.php
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html <?php language_attributes(); ?>>
+<head>
+	<meta charset="<?php bloginfo( 'charset' ); ?>">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<?php wp_head(); ?>
+<script type="text/javascript">
+$(document).ready(function() {
+	var fetch = '<?php echo get_stylesheet_directory_uri() . "/fetch_pages.php" ?>'
+	$("#results" ).load( fetch ); //load initial records
+	// $_SERVER['REQUEST_URI']
+	
+	//executes code below when user click on pagination links
+	$("#results").on( "click", ".pagination a", function (e){
+		e.preventDefault();
+		$(".loading-div").show(); //show loading element
+		var page = $(this).attr("data-page"); //get page number from link
+		$("#results").load( fetch ,{"page":page}, function(){ //get content from PHP page
+			$(".loading-div").hide(); //once done, hide loading element
+		});
+		
+	});
+});
+</script>
+<style type="text/css">
+/*found on http://www.brunildo.org/test/img_center.html*/
+.wraptocenter {
+    display: table-cell!important;
+    text-align: center!important;
+    vertical-align: middle!important;
+    width: 200px;
+    height: 200px;
+}
+.wraptocenter * {
+    vertical-align: middle!important;
+}
+/*\*//*/
+.wraptocenter {
+    display: block;
+}
+.wraptocenter span {
+    display: inline-block;
+    height: 100%;
+    width: 1px;
+}
+/**/
+</style>
+<!--[if IE]><style>
+.wraptocenter span {
+    display: inline-block;
+    height: 100%;
+}
+</style><![endif]-->
+
+</head>
+<body <?php body_class(); ?>>
+	<header id="head">
+			<div class="top-area">
+				<div class="container">
+					<div class="head-details">
+						<?php
+							echo (dess_setting('dess_tel') != '' ? __('Tel: ','creator').'<a href="tel:'.dess_setting('dess_tel').'">'. dess_setting('dess_tel').'</a>' : '');
+							echo (dess_setting('dess_email') != '' ? ' | '.__('Email: ','creator').'<a href="mailto:'.dess_setting('dess_email').'">'. dess_setting('dess_email').'</a>' : '');
+							echo (dess_setting('dess_hoursup') != '' ? ' | '.dess_setting('dess_hoursup') : '');
+						?>
+					</div><!-- head-details -->
+					<div class="head-socials">
+						<ul>
+							<?php
+								$socials = array('twitter','facebook','google-plus','instagram','pinterest','vimeo','youtube','linkedin');
+								for($i=0;$i<count($socials);$i++){
+									$url = '';
+									$s = $socials[$i];
+									$url = dess_setting('dess_'.$s);
+									echo ($url != '' ? '<li><a target="_blank" href="'.$url.'"><img src="'.esc_url( get_stylesheet_directory_uri() ).'/images/'.$s.'-icon.png" alt="'.$s.'" /></a></li>':'');
+								}
+							?>
+						</ul>
+					</div><!-- head-socials -->
+					<div class="clear"></div>
+				</div><!-- container -->
+			</div><!-- top-area -->
+			<div class="head-area">
+				<div class="container">
+					<div class="logo">
+						<?php echo (dess_setting('dess_logo') != '' ? '<a href="'.home_url().'"><img src="'.dess_setting('dess_logo').'" alt="logo" /></a>': '<a href="'.home_url().'"><img src="'.esc_url( get_stylesheet_directory_uri() ).'/images/logo.png" alt="logo" /></a>'); ?>	
+					</div><!-- logo -->
+					<div class="head-nav">
+						<?php wp_nav_menu(array('theme_location' => 'header-menu')); ?>
+					</div><!-- head-nav -->
+					<div class="clear"></div>
+				</div><!-- container -->
+			</div><!-- head-area -->
+		
+	</header>
\ No newline at end of file
diff --git a/languages/fr_FR.mo b/languages/fr_FR.mo
index 084a624ad128a7ed3520b958b1443c30fa1941e8..33c8be0f0443cd9c72a90b67d234ce72d7d150e9 100644
GIT binary patch
delta 1093
zcmZY7&1(}u7zXe+>8fpwR_j-7)ecsamQtI7Jyf9-HAtwnP``=@Zj&)xNwZ;gH#K<3
z!IPkftRkLl4+^<>u>J+j!Gi}8FM3eHi>HDoFBb86Hd_!JcIUS<%)ax!v-`09`HtGx
zPV0%F9m0J8cPb&$57!~vQc}c%%WxZf8T$rq$9NSUfgj)|_zP}^>#!BJv^3vKL5{m2
z*Y&|IA~os912;&=j>Zd4LR>Nt&!2@1kcD_rX5#s4@%#<ghIt3>hh98>0QX}26ylOs
z=(^x*n8N<@4i9|s6a0p(ze6UpiZXV>w{REy40ppdcnl_y1uGeVTt5sM=LAf_ama)x
zAuhQTdp%Y|3;W9gAE1HQTNdL5cOV1YjmP&P*FA<?;WNlj@&fk4703iW!h`S&L_P8w
zw!=Sg2W&%7#_5JNerC)^3xMonhsKQ=oQ=oF*4-ou!V}^5XX7dKL{H7c_TZT(z++|t
zY)pu!*NM9WHx7|)AnKVle?Vr%6X1`?qvv;wnzDWM=;vT<WH>#lPP^r*aSHSPkeYTE
zwb6MsS5;SBlb<%)^JJoIoT5wwg~0RWjLzwWIc+4PZVjs0K~)%Ylr0%OX9C+)CFADo
zqGat-G|C3Ws$_$bmh-mB&7-f%l)mlDlv_cVF2uQz^IgW9whLOYVa0I+FYHMiZPjHz
z+A17RbhTWZ*Wu;Fz1ERYl}?YP)8UVV+8B(ibR@4PE!9|3;Z5t*|5X{c92C7qU6pO~
zZ()_FFgHM1jXLWxTJl2+L$eHZZp@KPqmDJKmSt(h!YUkR1E*NjJ}t2}51k`3fm5+d
neH-N=T2vj3tHUmhdR~|OaM?QEHq)%o=<vPOo1E0)nsxXu2AZ_h

delta 364
zcmXxeKTE?v7zXgyBsLmUYW;&kttZ$nnsQgFU|k&C6&GCtttBG4(yKxS=~x`Z;cylN
zccrVlt6xC<2BM>j`n;vS+>_sX$>r{Dv)4iQE$7`3DnRncDKd#XAzYsb&%cKL!YS@Y
zh{j<aF2WL=hdXcq9>NLOg1qhmzB@!cIE{JJBbp)VQi^64FRmaTbO)E=16+bHkT3TE
zv+x^YP%uh_y$0XV4r&Zfci1yHk1_~fz(@E$Dymf@>QQP$)YP``6m0Ak=XATBu8TyA
zmNp$Dj`dkmFWX1=Qpzo%Hfq)Cnp9E-`+MO*<2*L8PQu-&)2NAxRGXoyg#YXMC*F}`
RpEKL`-Y?r%zhHm-l|S@ZHc<co

diff --git a/languages/fr_FR.po b/languages/fr_FR.po
index 2b294a0..577034a 100644
--- a/languages/fr_FR.po
+++ b/languages/fr_FR.po
@@ -1,8 +1,8 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Creator Responsive WordPress Theme Child\n"
-"POT-Creation-Date: 2016-12-09 15:44+0100\n"
-"PO-Revision-Date: 2016-12-09 15:44+0100\n"
+"POT-Creation-Date: 2016-12-26 11:11+0100\n"
+"PO-Revision-Date: 2016-12-26 11:12+0100\n"
 "Last-Translator: Bruno <bruno@clicclac.info>\n"
 "Language-Team: Bruno <bruno@clicclac.info>\n"
 "Language: fr_FR\n"
@@ -20,7 +20,19 @@ msgstr ""
 "X-Poedit-SearchPath-0: .\n"
 "X-Poedit-SearchPathExcluded-0: *.js\n"
 
-#: accueil.php:178
+#: accueil.php:42
+msgid "Previous"
+msgstr "Précédent"
+
+#: accueil.php:43
+msgid "Next"
+msgstr "Suivant"
+
+#: accueil.php:51
+msgid "Portfolio"
+msgstr ""
+
+#: accueil.php:178 index.php:167 tpl-blog.php:45
 msgid "Read More"
 msgstr "Lire la suite"
 
@@ -32,6 +44,54 @@ msgstr "Lire plus d'entrées de blog..."
 msgid "Sorry, no posts found."
 msgstr "Désolé, aucun post trouvé."
 
+#: ce-mois.php:140
+msgid "The"
+msgstr "Le"
+
+#: ce-mois.php:140
+msgid "F j, Y, g:i a"
+msgstr "d.m.Y à H:i"
+
+#: ce-mois.php:142
+msgid " at "
+msgstr " à "
+
+#: ce-mois.php:142
+msgid "Focal"
+msgstr "Focale "
+
+#: ce-mois.php:288 ce-mois.php:289
+msgid "Archives"
+msgstr ""
+
+#: ce-mois.php:289
+msgid "Help"
+msgstr ""
+
+#: ce-mois.php:334
+msgid "Previous Page"
+msgstr ""
+
+#: ce-mois.php:334
+msgid "prev"
+msgstr ""
+
+#: ce-mois.php:337
+msgid "Page"
+msgstr "Page"
+
+#: ce-mois.php:343
+msgid "Next Page"
+msgstr ""
+
+#: ce-mois.php:343
+msgid "next"
+msgstr ""
+
+#: footer-page.php:5
+msgid "2016 Copyright. Powered by WordPress"
+msgstr "2016 Copyright. Propulsé par WordPress"
+
 #: functions.php:48
 msgid "yesterday"
 msgstr "hier"
@@ -59,6 +119,72 @@ msgstr "il y a %1$s semaine"
 msgid "%1$s weeks ago"
 msgstr "il y a %1$s semaines"
 
+#: functions.php:130
+msgid "January"
+msgstr "Janvier"
+
+#: functions.php:133
+msgid "February"
+msgstr "Février"
+
+#: functions.php:136
+msgid "March"
+msgstr "Mars"
+
+#: functions.php:139
+msgid "April"
+msgstr "Avril"
+
+#: functions.php:142
+msgid "May"
+msgstr "Mai"
+
+#: functions.php:145
+msgid "June"
+msgstr "Juin"
+
+#: functions.php:148
+msgid "July"
+msgstr "Juillet"
+
+#: functions.php:151
+msgid "August"
+msgstr "Aout"
+
+#: functions.php:154
+msgid "September"
+msgstr "Septembre"
+
+#: functions.php:157
+msgid "October"
+msgstr "Octobre"
+
+#: functions.php:160
+msgid "November"
+msgstr "Novembre"
+
+#: functions.php:163
+msgid "December"
+msgstr "Décembre"
+
+#: header.php:14
+msgid "Tel: "
+msgstr ""
+
+#: header.php:15
+msgid "Email: "
+msgstr ""
+
+#: livre-d-or.php:30
+msgid "Pages"
+msgstr ""
+
+#: tpl-blog.php:66
+msgid ""
+"Sorry, no blog posts found. Please create a post and assign it in \"blog\" "
+"category."
+msgstr ""
+
 #. Theme Name of the plugin/theme
 msgid "Creator Responsive WordPress Theme Child"
 msgstr ""
@@ -80,3 +206,6 @@ msgstr ""
 #. Author URI of the plugin/theme
 msgid "http://dessign.net"
 msgstr ""
+
+#~ msgid "Focal "
+#~ msgstr "Focale "
diff --git a/livre-d-or.php b/livre-d-or.php
new file mode 100755
index 0000000..2d5979c
--- /dev/null
+++ b/livre-d-or.php
@@ -0,0 +1,57 @@
+<?php
+/**
+ * Template Name: Guestbook
+ *
+ * @package WordPress
+ * @subpackage Twenty_Ten
+ * @since Twenty Ten 1.0
+ */
+
+get_header(); ?>
+
+<div class="content">
+	<div class="container">
+		<div class="post_content">
+			<?php while ( have_posts() ) : the_post(); ?>
+			<article class="post_box" id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+				<h1><?php the_title(); ?></h1>
+				<?php the_content(); ?>
+				
+				
+				<?php
+$imagesDir = '../zenphoto/albums/photos-du-mois';
+$imageURL = getRandomFile($imagesDir);
+$RandomImage = '../' . $imagesDir . '/' . $imageURL;
+echo '<div id="randomImg"><img src="' . $RandomImage .  '" alt="" title="" /></div>';
+?>
+
+					<?php
+					wp_link_pages(array(
+						'before' => '<div class="link_pages">'.__('Pages', 'creator'),
+						'after' => '</div>',
+						'link_before' => '<span>',
+						'link_after' => '</span>'
+					)); 
+				?>
+				
+				<?php the_tags( '<div class="post_tags">Tags: ', ', ', '</div>' ); ?> 
+			</article>
+			<div class="clear"><br /></div>
+			<?php if ( comments_open() || '0' != get_comments_number() ) : ?>
+						<div class="home_blog_box">
+							<div class="comments_cont">
+							<?php
+								// If comments are open or we have at least one comment, load up the comment template
+								comments_template( '', true );
+							?>
+							</div>
+						</div>
+			<?php endif;
+			endwhile;
+			?>
+		</div>
+	</div>
+	</div>
+<?php
+get_footer( 'page' );
+?>
\ No newline at end of file
diff --git a/style.css b/style.css
index cee59d3..a1de218 100644
--- a/style.css
+++ b/style.css
@@ -24,4 +24,187 @@ Text Domain:  CreatorThemeRes-child
 
 .featured-box {
 	/*border: thin solid #ff6231;*/
-}
\ No newline at end of file
+}
+
+
+/* livre d'or */
+
+#randomImg {
+	margin-right: auto;
+	margin-left: auto;
+}
+
+#randomImg img {
+	padding: 10px;
+	background-color: #fff;
+	border: 1px solid #818181;
+	margin-right: auto;
+	margin-left: auto;
+	display: block;
+}
+
+/* photo du mois */
+
+.cadre {
+	text-align: center;
+	margin-top: 1em;
+}
+.cadre img {
+	padding: 50px;
+	background-color: #fff;
+	border: 1px solid #ccc;
+}
+
+.exifs {
+	text-align: center;
+	color: #909090;
+	font-size: smaller;
+	margin-bottom: 3em;
+	margin-top: 1em;
+}
+
+
+.thumb {
+	/*float: left;
+	line-height: 200px;*/
+    width: 200px;
+    height: 200px;
+    /**/
+	border: 1px solid #ccc;
+	background-color: #fff;
+	
+}
+
+.albumdesc {
+	float: right;
+	text-align:center;
+	width: 200px;
+	padding: 6px 0 0 0;
+	text-align:center;
+	vertical-align: middle;
+}
+
+.pagination {
+	margin-top: 4em;
+	margin-bottom: 2em;
+}
+
+.albumdesc a, .pagination a {
+	color: #333;
+}
+
+.gras {
+	font-weight: bold;
+}
+
+.albumdesc:hover {
+	/*
+	background: #ddd; 
+	color: #333 !important; 
+	border-radius: 0;
+	*/
+	font-weight: bold;
+}
+
+.album {
+	float: left;
+	width: 200px;
+	height: 200px;
+	text-align:center;
+	margin-top: 0;
+	margin-right: auto;
+	/* entre 2 rangées d'albums */
+	margin-bottom: 25px;
+	margin-left: auto;
+	padding: 0px 11px 20px;
+}
+
+/*found on http://www.brunildo.org/test/img_center.html*/
+.wraptocenter {
+    display: table-cell!important;
+    text-align: center!important;
+    vertical-align: middle!important;
+    width: 200px;
+    height: 200px;
+}
+.wraptocenter * {
+    vertical-align: middle!important;
+}
+/*\*//*/
+.wraptocenter {
+    display: block;
+}
+.wraptocenter span {
+    display: inline-block;
+    height: 100%;
+    width: 1px;
+}
+/**/
+</style>
+<!--[if IE]><style>
+.wraptocenter span {
+    display: inline-block;
+    height: 100%;
+}
+</style><![endif]-->
+
+/*
+.contents{
+	margin: 20px;
+	padding: 20px;
+	list-style: none;
+	background: #F9F9F9;
+	border: 1px solid #ddd;
+	border-radius: 5px;
+}
+.contents li{
+    margin-bottom: 10px;
+}
+*/
+.loading-div{
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: rgba(0, 0, 0, 0.56);
+	z-index: 999;
+	display:none;
+}
+.loading-div img {
+	margin-top: 20%;
+	margin-left: 50%;
+}
+
+/* Pagination style */
+.pagination{margin:0;padding:0;}
+.pagination li{
+	display: inline;
+	padding: 6px 10px 6px 10px;
+	border: 1px solid #ddd;
+	margin-right: -1px;
+	font: 15px/20px Arial, Helvetica, sans-serif;
+	background: #FFFFFF;
+	box-shadow: inset 1px 1px 5px #F4F4F4;
+}
+.pagination li a{
+    text-decoration:none;
+    color: rgb(89, 141, 235);
+}
+.pagination li.first {
+    border-radius: 5px 0px 0px 5px;
+}
+.pagination li.last {
+    border-radius: 0px 5px 5px 0px;
+}
+.pagination li:hover{
+	background: #CFF;
+}
+.pagination li.active{
+	background: #F0F0F0;
+	color: #333;
+}
+.pagine {
+	clear: both;
+	margin-bottom: 40px;
+}