06-04-2024

2024-04-06 11:55:24 +02:00
parent f7c5cf7d47
commit 3d22f9c5d8
550 changed files with 27249 additions and 2537 deletions
--- a/ovh/ce-mois.php
+++ b/ovh/ce-mois.php
@@ -0,0 +1,702 @@
+<?php header("Content-type: text/html; charset=utf-8");
+/*
+ce-mois.php (thème Photoblog2)
+v2 (10-05-2014): MySQLi - Retina(PictureFill) - 
+*/
+$root = $_SERVER['DOCUMENT_ROOT'];
+define('SERVERPATH',$root.'/zenphoto'); 
+//define('WEBPATH','/'.basename(dirname(__FILE__)).'/zenphoto'); 
+//require_once(SERVERPATH.'/zp-core/template-functions.php'); 
+//$host = 'http://' . $_SERVER['HTTP_HOST'];
+if (isset($_SERVER['HTTPS'])) {
+	if ($_SERVER['HTTPS'] == 'on')  $secure = 1;	
+	else $secure = 0;
+	}
+else $secure = 0;
+
+$host = (($secure == 1) ? 'https' : "http") . '://' . $_SERVER['HTTP_HOST'];
+//$host = (($_SERVER['HTTPS'] != "") ? "https" : "http") . '://' . $_SERVER['HTTP_HOST'];
+/*
+include($root.'/lib2/localize.php');
+$dir_locales = $root . '/locales';
+
+$liste_locale = list_dir($dir_locales);
+if ((!isset($_POST['lang'])) and (!isset($_GET['lang']))) $langue = locale_language_from_browser($myLanguages);
+else $langue = $_REQUEST['lang'];
+
+$domain = 'clicclac';
+putenv('LC_ALL=' . $langue);
+$loc = setlocale(LC_ALL, $langue);
+bindtextdomain($domain, $root . '/locales/');
+bind_textdomain_codeset($domain, 'UTF-8');   //nécessaire pour clicclac.info, pas pour macbook.local
+textdomain($domain);
+gettext("Enter");
+//$nation = array('fr_FR' => 'Français', 'en_US' => 'English' , 'de_DE' => 'German', 'es_ES' => 'Spanish' );
+$nation = array('fr_FR' => gettext('French'), 'en_US' => gettext('English') , 'de_DE' => gettext('German'), 'es_ES' => gettext('Spanish') );
+*/
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head profile="http://gmpg.org/xfn/11">
+
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<meta name="description" content="blabla" />
+<meta name="keywords" content="Photo, oiseaux, paysages, nature, animaux, moto, superbike, motogp" />
+<meta name="language" content="fr" />
+<meta http-equiv="imagetoolbar" content="no" />
+<meta name="robots" content="follow, all" />
+
+<title><?php echo gettext("Photo of the month..."); ?></title>
+
+<link rel="Shortcut Icon" href="<?php echo $host; ?>/photoblog/images/favicon.ico" type="image/x-icon" />
+
+<link rel="alternate" type="application/rss+xml" title="Blog RSS 2.0" href="http://<?php echo $_SERVER['HTTP_HOST']; ?>/?feed=rss2" />
+<link rel="alternate" type="text/xml" title="Blog RSS .92" href="http://<?php echo $_SERVER['HTTP_HOST']; ?>/?feed=rss" />
+<link rel="alternate" type="application/atom+xml" title="Blog Atom 0.3" href="http://<?php echo $_SERVER['HTTP_HOST']; ?>/?feed=atom" />
+<link rel="alternate" type="application/rss+xml" title="RSS de la galerie" href="http://<?php echo $_SERVER['HTTP_HOST']; ?>/zenphoto/rss.php" />
+
+<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
+<script>document.cookie='resolution='+(Math.max(screen.width,screen.height)*("devicePixelRatio" in window ? devicePixelRatio : 1))+'; path=/';</script>
+
+<!--link rel="stylesheet" href="http://<?php echo $_SERVER['HTTP_HOST'] . '/zenphoto/themes/photoblog/styles/photoblog.css'; ?>" type="text/css" /-->
+<style type="text/css" media="screen">
+	<!-- @import url( <?php echo $host; ?>/sls/ovh/wp-style.css ); -->
+	<!-- @import url( <?php echo $host; ?>/sls/ovh/child-style.css ); -->
+	<!-- @import url( <?php echo $host; ?>/sls/ovh/photoblog.css ); -->
+</style>
+<!–-[if lt IE 8]>
+ <!--link rel="stylesheet" type="text/css" href="http://<?php echo $_SERVER['HTTP_HOST']; ?>/wordpress/wp-content/themes/twentyten-child/ie.css" /-->
+<![endif]-–>
+
+<!--link rel="stylesheet" type="text/css" href="http://<?php echo $_SERVER['HTTP_HOST']; ?>/js/shadowbox-3/shadowbox.css">
+<script type="text/javascript" src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/js/shadowbox-3/shadowbox.js"></script>
+<script type="text/javascript">
+Shadowbox.init({
+    language: "fr",
+    players: ["img,swf,flv,qt,wmp;iframe,html"],
+    animate: false,
+    slideshowDelay: 4,
+    initialWidth: 800,
+    initialHeight: 600,
+    counterType: 'skip',
+    counterLimit: 12,
+	handleUnsupported: 'remove'
+});
+</script-->
+<!-- http://osvaldas.info/elegant-css-and-jquery-tooltip-responsive-mobile-friendly -->
+<script src="js/tooltip.js"></script>
+<!-- SwipeBox http://brutaldesign.github.io/swipebox/
+Voir aussi FancyBox 3 http://fancyapps.com/fancybox/beta/
+-->
+<script src="js/swipebox/jquery.swipebox.js"></script>
+<link rel="stylesheet" href="js/swipebox/swipebox.css">
+<script type="text/javascript">
+/**/
+jQuery(function($) {
+	$(".swipebox").swipebox({
+		hideBarsDelay : 3000 // 0 to always show caption and action bar
+	});
+});
+
+</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]-->
+
+
+<?php
+//include('exifer/exif.php');
+
+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 = 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;
+	}
+
+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;
+	
+	
+	$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;
+	}
+function preprint($s, $return=false) { 
+        $x = "<pre>"; 
+        $x .= print_r($s, 1); 
+        $x .= "</pre>"; 
+        if ($return) return $x; 
+        else print $x; 
+    } 
+    
+?>
+	<script>
+		// Picture element HTML5 shiv
+		document.createElement( "picture" );
+	</script>
+	<script src="<?php echo $host; ?>/photoblog/js/picturefill.min.js" async></script>
+
+</head>
+
+<body class="now">
+
+<div id="wrapper">
+
+	<div id="header">
+		<div id="logo">
+			<div id="site-name">
+				<a href="index.php" title="ClicClac.info" rel="home">ClicClac.info</a>
+			</div>
+			<div id="site-description"><?php echo gettext("Now"); ?></div>
+		</div>
+		<div id="pagenav">
+			<ul id="menu-principal" class="menu">
+			
+				<li><a href="ce-mois.php"><?php echo gettext("Now"); ?></a></li>
+				<li><a href="/wordpress/"><?php echo gettext("Blog"); ?></a></li>
+				<li><a href="/zenphoto/"><?php echo gettext("Gallery"); ?></a></li>
+				<li><a href="/wordpress/livre_d-or/"><?php echo gettext("Guestbook"); ?></a></li>
+				<li><a href="/wordpress/contact/"><?php echo gettext("Contact"); ?></a></li>
+				<li><a href="/wordpress/liens/"><?php echo gettext("Links"); ?></a></li>
+			
+			<!--En ce moment, Blog, Portfolio, Livre d&#8217;Or, Contact, Liens -->
+			</ul>
+		</div>
+	</div> <!-- /header -->
+
+<div id="main">
+	
+	<div id="padbox">	
+		<h2><?php echo gettext("Photo of the month..."); ?></h2>
+		<?php
+		$allowed_extensions = ['png', 'jpg', 'jpeg', 'heic', 'webp'];
+		$dir = new FilesystemIterator('../photos/img/');
+		foreach($dir as $file){
+		 	
+		 	if ($file->isFile() == false || !in_array($file->getExtension(), $allowed_extensions)) {
+            	continue;
+        		}
+
+		 	$t = $file->getFilename();
+		 	echo $t;
+		 	$ts = basename($t, ".jpg");
+		 	$pieces = explode("_", $ts);
+		 	$d = $pieces[1] . "-" . $pieces[0] . "-01";
+		 	$date = new DateTime($d);
+		 	$ts = strtotime($date->format('Y-m-d H:i:s'));
+		 	$photos[] = array(
+	    	    'filename' => $file->getFilename(),
+    	    	'timestamp' => $ts
+            	);
+            }
+            
+        $filename  = array_column($photos, 'filename');
+		$timestamp = array_column($photos, 'timestamp');
+
+        array_multisort($timestamp, SORT_DESC, $filename, SORT_ASC,$photos);
+ 					
+		$i = 0;
+		while ($i < 13) {
+			$file = '../zenphoto/albums/photos-du-mois/' . $photos[$i]['filename'];
+
+			if (file_exists($file)) {
+				//echo $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);
+				
+				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 = 'Le '.date('d.m.Y à H:i',strtotime($exif_array['SubIFD']['DateTimeOriginal'])).' - ';
+					$exifInfo = gettext("The") . " "  .date(gettext("F j, Y, g:i a"),strtotime($exif_array['SubIFD']['DateTimeOriginal'])).' - ';
+					//$exifInfo .= $exif_array['SubIFD']['ExposureTime'].' à '.$exif_array['SubIFD']['FNumber'].' - ' .$exif_array['SubIFD']['ISOSpeedRatings'].' ISO - Focale '.$exif_array['SubIFD']['FocalLength'];
+					$exifInfo .= $exif_array['SubIFD']['ExposureTime']. gettext(" at ") .$exif_array['SubIFD']['FNumber'].' - ' .$exif_array['SubIFD']['ISOSpeedRatings'].' ISO - '. gettext("Focal ") .$exif_array['SubIFD']['FocalLength'];
+					//preprint($exif_array);
+					$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'] == "www.funnymac.com") || ($_SERVER['HTTP_HOST'] == "clicclac.info")) {
+		$table['images'] = "zenphoto_images";
+		$table['albums'] = "zenphoto_albums";
+		}
+
+	// Récupérer l'ID de l'album 'photos-du-mois'
+	$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'
+	
+	$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;
+
+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++) {
+/*
+		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];
+		
+		$j = $j + 2;
+	}
+?>
+
+<p style="clear: both; "></p>
+
+<?php
+// calcul du nombre de pages (arrondi a l'entier superieur)
+$nbpages = ceil(count($fichier) / 12);
+$prec = $page - 1;
+$suiv = $page + 1;
+
+if ($page >= 2) echo '<a href="'.$_SERVER['PHP_SELF'].'?page='.$prec.'" title="'.gettext("Previous Page").'">&laquo; '.gettext("prev").'</a>&nbsp;';
+for ($i = 1; $i <= $nbpages; $i++) {
+	if ($i != $page) {
+		echo '<a href="'.$_SERVER['PHP_SELF'].'?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['PHP_SELF'].'?page='.$suiv.'" title="'.gettext("Next Page").'">'.gettext("next").' &raquo;</a>&nbsp;';
+
+?>
+
+
+</div>
+
+</div>
+
+</div>
+</div> <!-- wrapper -->
+
+
+<div id="credit">
+<?php 
+$host = $_SERVER["HTTP_HOST"];
+//if (($host == "macbook.local") or ($host == "localhost")) $license = "?page_id=122";
+//if ($host == "clicclac.info") $license = "license-des-photos";
+$license = "license-des-photos";
+?>
+
+<div id="choose_lang">
+<?php echo choose_lang(gettext('Select language'),$liste_locale, $get=0, $post=-1); ?> 
+</div>
+&copy; <?php echo $_SERVER['HTTP_HOST']; ?> | <a href="http://<?php echo $_SERVER["HTTP_HOST"] . '/wordpress/' . $license; ?>" title="<?php echo gettext("Photo's licence"); ?>"><?php echo gettext("Photo's licence"); ?></a>
+</div>
+
+</body>
+</html>
--- a/ovh/child-style.css
+++ b/ovh/child-style.css
@@ -0,0 +1,711 @@
+/*
+Theme Name: Twenty Ten Child
+Description: Theme enfant pour Twenty Ten
+Author: Le nom de l'auteur
+Template: twentyten
+*/
+
+@import url("../twentyten/style.css");
+
+body {
+	background-color: #e7e7e2;	
+	/*background-color: #b7a691;*/		
+	}
+
+a:link, a:visited {
+	color: #858585;
+}
+
+a:hover {
+	color: #373737;
+}
+a img {
+	padding: 4px;
+	border: thin solid #736c4d;
+}
+.iiframe {
+	text-align: center;
+}
+
+#randomImg img {
+	padding: 10px;
+	background-color: #fff;
+	border: 1px solid #818181;
+	margin-right: auto;
+	margin-left: auto;
+	display: block;
+}
+/**/
+
+#wrapper {
+	background-color: #e7e7e2;	
+	/*background-color: #b7a691;*/	
+	/*margin-top: 20px;
+	padding: 0 20px;*/
+	}
+
+#main {
+	/*background-color: #bfb68a;*/
+	background-color: #fffefc;	
+	-webkit-border-radius: 16px 16px 0 0;
+	-moz-border-radius: 16px 16px 0 0;
+	border-radius: 16px 16px 0 0;
+	border: thin solid #a0966c;
+	padding-top: 30px;
+}
+
+#main .widget-area ul {
+	padding: 0 20px;
+}
+/*
+#container {
+	margin: 0 -260px 0 0;
+}
+
+#primary {
+	width: 240px;
+}
+*/
+#container {
+	margin: 0 -230px 0 0;
+}
+
+#container2, container-fullwidth {
+	margin: 0 0 0 0;
+}
+
+#primary {
+	width: 230px;
+}
+
+#content {
+	width: 660px;
+}
+#content2 {
+	margin: 0 20px;
+	width: 890px;
+}
+
+/* Header */
+	
+#header {
+	margin-bottom:20px;
+	padding:0 10px;
+	/*width:940px;*/
+	/*display:block;*/
+	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
+}
+#header #logo {
+	float:left;
+	}
+		
+#header #pagenav {
+	float:right;
+	}					
+
+#pagenav ul {
+	margin: 16px 0 0;
+	padding-left: 2em;
+}
+
+#pagenav li {
+	display: inline;
+	list-style-type: none;
+	padding: 8px;
+	}
+#pagenav li a {
+	text-decoration: none;
+	font-size: large;
+	padding-bottom: 20px;
+	text-shadow: 1px 1px 1px #aaa;
+	color: #fff;
+}
+#pagenav li a:hover {
+	border-bottom: 2px solid #fff;
+}
+#logo a {
+	color: #fff;
+	text-shadow: 1px 1px 1px #aaa;
+	text-decoration: none;
+	font-size: xx-large;
+	letter-spacing: 5px;
+	}
+
+/*
+
+#content {
+	color: #444;
+}
+ */
+#content,
+#content input,
+#content textarea,
+#content2,
+#content2 input,
+#content2 textarea {
+	color: #444;
+	font-size: 13px;
+	line-height: 24px;
+}
+
+#content h2, #content2 h2 {
+	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
+}
+#content h2 a, #content2 h2 a {
+	font-weight: normal;
+	font-style: normal;
+	letter-spacing: 0.5px;
+	font-size: x-large;
+	color: #736c4d;
+	text-shadow: 3px 3px 3px #d9d3c1;
+}
+
+#content a:hover, #content2 a:hover {
+	color: #373737;
+}
+.entry-content, .entry-summary p, .comment-body {
+	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
+}
+
+.entry-content p, .entry-summary p, .comment-body p {
+	font-size: 13px;
+}
+
+.entry-date {
+	
+}
+
+.entry-meta a {
+	text-decoration: none;
+	margin-left: 5px;
+}
+
+.entry-utility {
+	text-align: right;
+	color: #444;
+	margin-top: 30px;
+}
+.navigation {
+	line-height: 34px;
+}
+.nav-previous a, .nav-next a {
+	font-size: larger;
+}
+
+/*  */
+
+.format-gallery .size-thumbnail img,
+.category-gallery .size-thumbnail img {
+	border: 1px solid #f1f1f1;
+	margin-bottom: 0;
+}
+
+.gallery img {
+	border-style: none;
+	border-width: 0;
+}
+
+.gallery img {
+	border: 1px solid #f1f1f1;
+}
+
+/* liens */
+
+#content ul {
+	list-style-type: none;
+	margin-left: 3em;
+}
+#content2 ol {
+	list-style-type: none;
+	margin: 0 8em;
+}
+
+#content h3 {
+	margin-bottom: 1em;
+	margin-top: 2em;
+}
+/* single */
+
+#content h1.entry-title, #content2 h1.entry-title {
+	font-weight: normal;
+	font-style: normal;
+	letter-spacing: 0.5px;
+	font-size: x-large;
+	color: #736c4d;
+	text-shadow: 3px 3px 3px #d9d3c1;
+	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;	
+}
+
+#related {
+	margin-left: 3em;
+	margin-right: 2em;
+	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
+	margin-bottom: 1em;
+}
+
+.maj {
+	font-size: 10px;
+	font-style: italic;
+}
+
+/* related post*/
+.related {
+	font-size: smaller;
+	line-height: 20px;
+}
+
+/* author info */
+#entry-author-info {
+	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
+	/**/background: #e7e7e2;
+	border-top: 0px;
+	clear: both;
+	font-size: 14px;
+	line-height: 20px;
+	margin: 24px 0;
+	overflow: hidden;
+	padding: 18px 20px;	
+}
+
+#author-link {
+	clear: both;
+	color: #777;
+	font-size: 12px;
+	line-height: 18px;
+	
+}
+/* comments */
+
+#comments h3 {
+	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;	
+	font-weight: normal;
+	font-style: normal;
+	color: #444;
+}
+
+.comment-notes {
+	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;		
+	font-size: 13px;
+}
+
+.comment-author cite {
+	color: #000;
+	font-style: italic;
+	font-family: Georgia, "Times New Roman", Times, serif;
+	font-weight: normal;
+}
+
+.commentmetadata-guestbook {
+	text-align: right;
+	margin-bottom: 0;
+}
+
+ol.commentlist{
+	border-bottom: 1px solid #e7e7e7;
+}
+
+#respond {
+	border-top: 0;
+	margin-left: 5em;
+	margin-right: 5em;
+}
+
+#respond input {
+	margin: 0 0 9px;
+	width: 60%;
+	display: block;
+}
+
+#respond textarea {
+	width: 98%;
+}
+
+#respond label {
+	font-size: small;
+}
+
+.form-submit {
+	text-align: right;
+	padding-right: 3em;
+}
+
+/* livre d'or */
+
+#randomImg {
+	margin-right: auto;
+	margin-left: auto;
+}
+
+/* sidebar */
+
+input[type="text"],
+textarea {
+	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;		
+}
+
+#primary h3 {
+	
+}
+.widget_search #s {/* This keeps the search inputs in line */
+	width: 55%;
+}
+
+.widget-container {
+	/*font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/
+	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
+}
+	
+.widget-title {
+	color: #736c4d;
+	text-shadow: 0px 0px 3px #d9d3c1;
+	margin-bottom: 24px;
+	font: normal large "Lucida Grande", Lucida, Verdana, sans-serif;
+	padding-bottom: 10px;
+	border-bottom-style: solid;
+	border-bottom-width: thin;
+}
+	
+.widget-area ul ul {
+	margin-left: 0px;
+	/*list-style-image: url(images/icon_bullet.png);*/
+}
+
+/**/
+.widget-area ul ul li {
+	margin-left: 0px;
+	padding-bottom:0px;
+	padding-left:22px;
+	background: url(images/icon_bullet.png) 0 5px no-repeat;
+	list-style-type: none;
+	line-height: 24px;
+}
+
+/* Footer */
+
+
+#colophon {
+	border-top: 1px solid #919191;
+	margin-top: -1px;
+	overflow: hidden;
+	padding: 18px 0;
+}
+
+#site-info ul {
+	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;	}
+
+#site-info ul {
+	
+	}
+
+#site-info li {
+	display: inline;
+	list-style-type: none;
+	border-right: 1px solid #999;
+	padding-right: 3px
+	}
+/**/
+#site-info li:last-child {
+	border-right:0px;
+	}
+
+#site-info li a {
+	color: #999;
+	text-decoration: none;
+	font-size: small;
+	font-weight: normal;
+	font-style: normal;
+	}
+
+/* contact form 7 */
+
+.wpcf7-form {
+	border: thin solid #b1b1b1;
+	padding: 1em 1em 1em 2em;
+	margin: 3em 4em;
+}
+
+/* caption */
+
+.wp-caption, .entry-caption {
+	background: transparent;
+	line-height: 18px;
+	margin-bottom: 20px;
+	max-width: 632px !important; /* prevent too-wide images from breaking layout */
+	padding: 0;
+	margin-right: auto;
+	margin-left: auto;
+}
+.wp-caption img {
+	margin: 0;
+}
+.wp-caption p.wp-caption-text, .entry-caption p, .wp-caption-text {
+	background: #f1f1f1;
+	padding-top: 2px;
+	padding-bottom: 1px;
+	text-align: center;
+}
+
+/* search */
+
+#searchform input.inputfield {
+	width: 150px;
+}
+#searchform input.pushbutton {
+	width:20px; height: 20px;border:0;background: transparent url(images/search2.png) no-repeat 0 4px; text-indent: -9999px; cursor:pointer;
+}
+#searchform input.pushbutton:hover {cursor:pointer;}
+
+/* -------------------------------------------- 
+
+#jquery-live-search {
+	background: #fff;
+
+	padding: 5px 10px;
+	max-height: 400px;
+	overflow: auto;
+
+	position: absolute;
+	z-index: 99;
+
+	border: 1px solid #A9A9A9;
+	border-width: 0 1px 1px 1px;
+
+	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
+	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
+	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
+}
+*/
+/* -------------------------------------------- */
+/*        ThreeWP_Ajax_Search                   */
+/* -------------------------------------------- */
+
+/*
+	The container contains the whole ajax search results box. The "content". 
+*/
+div.threewp_ajax_search_container
+{
+	position: absolute;
+	z-index: 100;
+	width: 300px;
+	height: 400px;
+}
+
+/**
+	Below are the default settings that look OK on TwentyTen.
+**/
+
+/**
+	Content box
+**/
+div.threewp_ajax_search_results_content
+{
+	position: relative;
+	overflow: auto;
+	background-color: #e7e7e2;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
+	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
+	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
+	border-radius: 4px;
+	font-size: smaller;
+}
+
+div.threewp_ajax_search_results_content ul
+{
+	list-style-type: none;
+	margin: 0 !important;
+}
+
+div.threewp_ajax_search_results_content ul li
+{
+	padding: 4px;
+	background-image: none;
+}
+
+div.threewp_ajax_search_results_content ul li a
+{
+	display: block;
+	height: 100%;		/** So that clicking anywhere on that line will work. */
+	width: 100%;
+}
+
+div.threewp_ajax_search_results_content ul li a:link,
+div.threewp_ajax_search_results_content ul li a:visited
+{
+	color: #858585;
+	text-decoration: none;
+}
+div.threewp_ajax_search_results_content ul li a:hover
+{
+	color: #373737;
+	text-decoration: underline;
+}
+/**
+	The first item has .item_first, which enables us to, in this case, have nice, rounded borders on the top.
+*/
+div.threewp_ajax_search_results_content ul li.item_first
+{
+	-moz-border-radius-topleft:		4px;
+	-moz-border-radius-topright:    4px;
+	-webkit-border-radius-topleft:		4px;
+	-webkit-border-radius-topright:    4px;
+	border-top-left-radius:         4px;
+	border-top-right-radius:        4px;
+}
+
+/**
+	The last item has .item_last, which enables us to, in this case, have nice, rounded borders on the bottom.
+*/
+div.threewp_ajax_search_results_content ul li.item_last
+{
+	-moz-border-radius-bottomright: 4px;
+	-moz-border-radius-bottomleft:  4px;
+	-webkit-border-radius-bottomright: 4px;
+	-webkit-border-radius-bottomleft:  4px;
+	border-bottom-right-radius:     4px;
+	border-bottom-left-radius:      4px;
+}
+
+/**
+	Since we parse actual search page results and display those, remove whatever we don't want.
+	
+	Another way of doing this would be to use a custom url, like http://testsite.com/?ajax_search&s=
+	
+	Will be sent as http://testsite.com/?ajax_search&s=text
+	
+	The theme could then detect $_GET['ajax_search'] and display simpler results. Either way, it's up to you.
+**/
+div.threewp_ajax_search_results_content .entry-utility,
+div.threewp_ajax_search_results_content .meta-nav,
+div.threewp_ajax_search_results_content .entry-summary,
+div.threewp_ajax_search_results_content .entry-meta,
+div.threewp_ajax_search_results_content .entry-content
+{
+	display: none;
+}
+
+div.threewp_ajax_search_results_content ul li.item_selected,
+div.threewp_ajax_search_results_content ul li:hover
+{
+	background: #ccc;
+}
+
+/**
+	Search in progress!
+	
+	The container gets the class threewp_ajax_search_in_progress when it's busy doing a search.
+	This allows us to have fancy loading graphics, which I've taken from the normal Wordpress graphics.
+	
+	If you've blocked access to /wp-admin then it's your own fault your users aren't seeing moving graphics.
+*/ 
+.threewp_ajax_search_in_progress #s
+{
+	color: #ccc;
+}
+
+.threewp_ajax_search_in_progress #s
+{
+	background-image: url("../../../../wp-admin/images/loading.gif");
+	background-position: right;
+	background-repeat: no-repeat;
+}
+
+
+/* -------------------------------------------- */
+/*        / ThreeWP_Ajax_Search                  */
+/* -------------------------------------------- */
+
+
+/* JW Player Plugin for WordPress */
+
+.Custom {
+/*	background-color: maroon;
+	text-align: center;
+	margin-right: auto;
+	margin-left: auto;*/
+}
+.JWPlayer {
+	max-width: 420px;
+	margin-right: auto;
+	margin-left: auto;
+}
+
+.droite {
+	text-align: right;
+	font-style: italic;
+	font-size: x-small;
+	color: #858585;
+	margin-bottom: 3em;
+	text-decoration: underline;
+}
+
+.droite:hover {
+	color: #373737;
+	cursor:pointer;
+	text-decoration: underline;
+}
+
+.bloc_exif {
+	display: none;
+	text-align: center;
+}
+
+#content .bloc_exif img {
+	border: none;
+	margin: 0;
+	display: inline;
+	vertical-align: bottom;
+}
+
+#content .bloc_exif img {
+	cursor:pointer;
+}
+#content .bloc_exif ul {
+	list-style:none; 
+	background:#fff; 
+	border:solid #ddd; 
+	border-width:1px;
+	margin-right: auto;
+	margin-left: auto;
+	width: 620px;
+	padding: 1em 0.5em;
+}
+
+
+/*
+.bloc_exif img {
+	border: none;
+	margin: 0;
+	display: inline;
+}
+.bloc_exif ul {list-style:none; padding:1em; background:#fff; border:solid #ddd; border-width:1px;
+}
+*/
+#content .bloc_exif li {display:inline; padding-right:0.5em; font-size:0.857em;
+}
+
+#map, #map_canvas1, #map_canvas2, #map_canvas3, #map_canvas4, #map_canvas5 {
+	width: 500px;
+	height: 400px;
+	display: none;
+	margin-right: auto;
+	margin-left: auto;
+	margin-bottom: 5em;
+}
+.close {
+	
+}
+.mappy {
+	display: none;
+}
+.infowindow ul {
+	list-style-image: none;
+	display: block;
+}
+.infowindow li {
+	font-size: x-small;
+	}
+.infowindow {
+	width: 350px;
+}
--- a/ovh/photoblog.css
+++ b/ovh/photoblog.css
@@ -0,0 +1,374 @@
+#main {
+	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
+}
+#content, #links, #bloc {
+	/*width:960px;*/
+	width:850px;
+	margin:0 auto;
+}
+#site-name-home {
+	padding-top: 16px;
+}
+#site-name-home a {
+	color: #fff;
+	text-shadow: 2px 2px 2px #aaa;
+	text-decoration: none;
+	letter-spacing: 5px;
+	font-size: 5em;
+}
+.top10 {
+	padding-top: 3em;
+}
+.cadre {
+	text-align: center;
+	margin-top: 1em;
+}
+.cadre img {
+	padding: 10px;
+	background-color: #fff;
+	border: 1px solid #818181;
+}
+
+#bloc_tags {
+	float: left;
+	width: 30%;
+	border: 1px solid #b1b1b1;	
+	margin: 20px;
+	padding: 1em 1em 1em 2em;
+}
+#tag_cloud {
+	text-align: center;
+	padding-bottom: 5px;
+	width: 80%;
+	margin: 3em auto;
+	padding: 1em;
+	font: large "Lucida Grande", Lucida, Verdana, sans-serif;
+	font-size: larger;
+}
+
+#tag_cloud ul {
+	margin: 0;
+}
+
+#tag_cloud ul li {
+	text-align: center;
+	display: inline;
+	list-style-type: none;
+	line-height: 2em;
+}
+
+#tag_cloud a {
+	text-decoration: none;
+}
+#tag_cloud a:hover {
+	text-decoration: underline;
+}
+#bloc_news {
+	float: left;
+	width: 52%;
+	border: 1px solid #b1b1b1;	
+	margin: 20px;
+	padding: 1em 1em 1em 2em;
+	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
+}
+#bloc_ads {
+	float: left;
+	width: 60%;
+	/*
+	background-color: #42413f;
+	border: 1px solid #818181;
+	*/
+	margin: 20px;
+	padding: 1em;
+	}
+#bloc_news ul li{
+	text-align: left;
+	list-style-type: none;
+	list-style-position: inside;
+}
+#bloc_news ul {
+	padding-top: 1em;
+	padding-bottom: 1em;
+	padding-left: 3em;
+	margin-bottom: 3em;
+	margin-left: auto;
+	margin-right: auto;
+}
+.date_news {
+	text-align: left;
+	margin-top: 3em;
+	margin-left: 1em;
+	text-decoration: underline;
+}
+
+#credit {
+	margin: 3px auto 8px auto;
+	width: 680px;
+	font-size: 9px;
+	text-align: right;
+	clear: both;
+}
+#credit a, #sk2-footer a {
+	text-decoration: none;
+	color: #9C3;
+}
+#credit a:hover, #sk2-footer a:hover {
+	color: #7A2;
+	text-decoration: none;
+}
+#choose_lang {
+	float: right;
+	margin-left: 2em;
+}
+#choose_lang form {
+	font-size: xx-small;
+	border-style: none;
+}
+#choose_lang option, #choose_lang select {
+	font-size: xx-small;
+	background-color: #cececa;
+	border-style: none;
+}
+
+	
+h4 {
+	color: #736c4d;
+	text-shadow: 0px 0px 3px #d9d3c1;
+	margin-bottom: 24px;
+	font: normal large "Lucida Grande", Lucida, Verdana, sans-serif;
+	padding-bottom: 10px;
+}
+#padbox h2 {
+	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
+	font-weight: normal;
+	font-style: normal;
+	letter-spacing: 0.5px;
+	font-size: x-large;
+	color: #736c4d;
+	text-shadow: 3px 3px 3px #d9d3c1;
+	margin-bottom: 1em;
+	text-align: center;
+}
+
+
+#padbox {
+	width: 900px;
+	padding-bottom: 20px;
+	padding: 20px;
+}
+
+
+.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 #d7d8d4;
+	background-color: #f8f8f4;
+	
+}
+
+.albumdesc {
+	float: right;
+	text-align:center;
+	width: 200px;
+	padding: 6px 0 0 0;
+	text-align:center;
+	vertical-align: middle;
+}
+
+.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;
+}
+
+/*index.php*/
+
+.index {
+	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
+}
+#swissarmy {
+	margin-right: auto;
+	margin-left: auto;
+	margin-top: 6em;
+	margin-bottom: 2em;
+}
+#swissarmy td {
+}
+#clicclac {
+	padding-left: 100px;
+}
+#entrer {
+	text-align: center;
+	font-size: 18pt;
+}
+#social {
+	text-align: right;
+}
+#social img {
+	border-style: none;
+	text-align: right;
+}
+
+/* ToolTip */
+
+/*.tooltip{
+   			display: inline;
+    		position: relative;
+	text-decoration: none;
+	cursor:help;
+}
+		
+		.tooltip:hover:after{
+    		background: #333;
+    		background: rgba(0,0,0,.8);
+    		border-radius: 5px;
+    		bottom: 26px;
+    		color: #fff;
+    		content: attr(title);
+    		left: 20%;
+    		padding: 5px 15px;
+    		position: absolute;
+    		z-index: 98;
+    		width: 220px;
+}
+		
+		.tooltip:hover:before{
+    		border: solid;
+    		border-color: #333 transparent;
+    		border-width: 6px 6px 0 6px;
+    		bottom: 20px;
+    		content: "";
+    		left: 50%;
+    		position: absolute;
+    		z-index: 99;
+		}
+.aide {
+	font-size: 9pt;
+}
+*/
+
+#tooltip {
+    text-align: left;
+    color: #909090;
+	background: -webkit-gradient( linear, left top, left bottom, from( rgba(248, 248, 244, .6) ), to( rgba(248, 248, 244, .8) ) );
+	background: -webkit-linear-gradient( top, rgba(248, 248, 244, .6), rgba(248, 248, 244, .8) );
+	background: -moz-linear-gradient( top, rgba(248, 248, 244, .6), rgba(248, 248, 244, .8) );
+	background: -ms-radial-gradient( top, rgba(248, 248, 244, .6), rrgba(248, 248, 244, .8) );
+	background: -o-linear-gradient( top, rgba(248, 248, 244, .6), rgba(248, 248, 244, .8) );
+	background: linear-gradient( top, rgba(248, 248, 244, .6), rgba(248, 248, 244, .8) );
+
+    position: absolute;
+    z-index: 100;
+    padding: 15px;
+	border: thin solid #d7d8d4;
+	-webkit-border-radius: 5px;
+	-moz-border-radius: 5px;
+	border-radius: 5px;
+	font: x-small "Lucida Grande", Lucida, Verdana, sans-serif;
+}
+
+/* triangle decoration */ 
+#tooltip:after {
+	width: 0;
+	height: 0;
+	border-left: 10px solid transparent;
+	border-right: 10px solid transparent;
+	border-top: 10px solid #d7d8d4;
+	content: '';
+	position: absolute;
+	left: 50%;
+	bottom: -10px;
+	margin-left: -10px;
+    }
+ 
+#tooltip.top:after {
+	border-top-color: transparent;
+	border-bottom: 10px solid #d7d8d4;
+	top: -20px;
+	bottom: auto;
+	}
+ 
+#tooltip.left:after {
+	left: 10px;
+	margin: 0;
+	}
+ 
+#tooltip.right:after {
+	right: 10px;
+	left: auto;
+	margin: 0;
+	}
+.aide {
+	font-size: x-large;
+	color: #fefb4e;
+	border: thin solid #a0966c;
+	text-align: center;
+	padding-left: 10px;
+	margin-right: 6px;
+	background-color: #e7e7e2;
+}
+
+/* Icones retina */
+
+.icon1, .icon2, .icon3, .icon4  {
+  display: inline-block;
+  width: 57px;
+  height: 57px;
+}
+@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
+ only screen and (-o-max-device-pixel-ratio: 3/2),
+ only screen and (max--moz-device-pixel-ratio: 1.5),
+ only screen and (max-device-pixel-ratio: 1.5) {
+  .icon1{
+    background: url(images/500px-57_.png) no-repeat;
+  }
+  .icon2{
+    background: url(images/Flickr-57_.png) no-repeat;
+  }
+  .icon3{
+    background: url(images/_RSS-57_.png) no-repeat;
+  }
+  .icon4{
+    background: url(images/_RSS-57_.png) no-repeat;
+  }
+}
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
+ only screen and (-o-min-device-pixel-ratio: 3/2),
+ only screen and (min--moz-device-pixel-ratio: 1.5),
+ only screen and (min-device-pixel-ratio: 1.5) {
+  .icon1{
+    background-image: url(images/500px-57@2x_.png);
+    background-size: 57px 57px;
+  }
+  .icon2{
+    background-image: url(images/Flickr-57@2x_.png);
+    background-size: 57px 57px;
+  }
+  .icon3{
+    background-image: url(images/_RSS-57@2x_.png);
+    background-size: 57px 57px;
+  }
+  .icon4{
+    background-image: url(images/_RSS-57@2x_.png);
+    background-size: 57px 57px;
+  }
+}
--- a/ovh/wp-style.css
+++ b/ovh/wp-style.css