nicolabricot’s blog - Mot-clé - WebProcrastinateur à mes heures perdues.2023-11-13T15:57:02+01:00nicolabricoturn:md5:982ec27fb37a618ec1de008b70bb934fDotclearCertificats SSL « Let’s Encrypt » gratuits pour tous chez OVHurn:md5:1192b522538bea87570b49d0ad1729ed2016-07-13T21:54:00+02:002020-04-11T23:46:57+02:00NicolasWebBonne humeurHébergementNouveautéWeb <p>C’est une bonne nouvelle pour les personnes hébergeant leurs sites web chez OVH !</p>
<p>L’hébergeur, qui est aussi un sponsor de Let’s Encrypt, a mis en place depuis quelques jours l’activation par défaut pour ses hébergements d’un certificat SSL gratuit fourni par Let’s Encrypt. Vous n’avez rien à faire, l’activation se fait automatiquement, pour votre site principal et ses sous-domaines s’il y en a.<br />
Vous pouvez lire l’annonce d’OVH : « <a href="https://www.ovh.com/fr/news/articles/a2224.ovh-vos-certificats-ssl-gratuits-via-lets-encrypt">vos certificats SSL gratuits via Let’s Encrypt</a> ».</p>
<p>Concernant le multisite — le fait d’héberger plusieurs noms de domaine différents sur une même instance d’hébergement — c’est aussi pris en compte. <i>Marvellous</i> :)<br />
Mais attention c’est <b>le même certificat SSL qui est partagé avec tous vos multisites</b> ! Ce qui signifie qu’il est très simple, à partir d’un de vos sites, de savoir quels autres sites SSL sont liés à votre même instance d’hébergement.<br />
Si vous souhaitez les cantonner, il vaut faudra ne pas activer le SSL, ou avoir un hébergement différent par site.</p>
<p class="center"><a href="https://nicolabricot.com/public/images/screen/2016-07-13_Multisite-SSL-OVH.png" title="Multisites SSL sur un hébergement OVH"><img src="https://nicolabricot.com/public/images/screen/2016-07-13_Multisite-SSL-OVH.png" title="Multisites SSL sur un hébergement OVH" class="photo"></a>
<br><small>Pour les multisites, c’est un même certificat partagé qui est utilisé</i></small></p>
<p>Petit rappel pour forcer la redirection HTTP vers HTTPS (fichier <code>.htaccess</code>) :</p>
<pre>
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)^ https://domain.tld/$1 [L,R]
</pre>
<p>Bonne navigation chiffrée !</p>
Débannir une adresse IP d’une jail fail2ban, ou comment se pardonnerurn:md5:0456020996a5dd258e2a8878f01afa852015-10-27T22:39:00+01:002020-04-11T13:50:29+02:00NicolasMémo interneAstuceSécuritéWeb <p>Si pour protéger votre serveur vous avez installé le merveilleux <em>fail2ban</em>, et que vous règles sont un peu trop sensibles, il vous certainement arrivé de vous bannir dans l’une de vos jails vous même…</p>
<p>Pour se débannir, il suffit de trouver parmi les IPs bannies la vôtre grâce à l’instruction :</p>
<pre>iptables -L</pre>
<p>Une fois votre IP identifiée dans la jail incriminée, il suffit de supprimer la règle que <em>fail2ban</em> a créée avec</p>
<pre>iptables -D fail2ban-[jail_name] [numero_ligne]</pre>
<p>en remplaçant <code>[jail-name]</code> par le nom de la jail incriminée, et <code>[numero_ligne]</code> par la ligne identifiée avec votre IP.</p>
<hr />
<p>Un petit exemple ?</p>
<p class="center"><img src="https://nicolabricot.com/public/images/screen/2015-10-27_Liste-Bans.png" alt="Capture d’écran — Liste d’adresses IP bannies" class="photo"></p>
<p>Dans notre cas, si on souhaite révoquer le bannissement de l’adresse IP <code>5.196.36.124</code> qui se trouve à ligne 8, on va lancer la commande suivante :</p>
<pre>iptables -D fail2ban-apache-kiddies 8</pre>
Modifier et configurer son thème ownCloud, ou comment changer le titre, le pied de page et le sloganurn:md5:1f52a87b6815cc582d4504d47f39d3d12014-08-11T17:38:00+02:002016-11-24T15:52:01+01:00NicolasMémo interneAstuceCSSDesignHébergementWeb<p><a href="http://owncloud.net" rel="external">OwnCloud</a> c’est sympa pour héberger, gérer et partager ses données où l’on veut, voire s’affranchir du service <a href="https://dropbox.com">Dropbox</a> et de ses conditions d’utilisations un peu obscures.
<br />Et ça roxe du poney, même sur mon <a href="http://rbpi.org">Raspberry Pi</a> !</p>
<p class="center"><a href="https://nicolabricot.com/public/images/screen/owncloud_default_theme.png" title="Thème par défaut d'ownCloud"><img src="https://nicolabricot.com/public/images/screen/owncloud_default_theme.png" alt="Thème par défaut d'ownCloud" title="Thème par défaut d'ownCloud, août 2014" class="img" /></a></p>
<p>Si vous souhaitez par contre modifier un peu le thème, et en particulier le titre de la page ainsi que le pied de page <q>ownCloud - services web sous votre contrôle</q>, difficile de tomber sur la bonne documentation. Mais à force de chercher j’ai fini par trouver.</p>
<p class="center"><a href="https://nicolabricot.com/public/images/screen/owncloud_abricot_theme.png" title="Thème Abricot pour ownCloud"><img src="https://nicolabricot.com/public/images/screen/owncloud_abricot_theme.png" alt="Thème Abricot pour ownCloud" title="Thème Abricot pour ownCloud, août 2014" class="img" /></a></p> <h3>Changer le titre, pied de page & solgan d’ownCloud</h3>
<ol>
<li>La première chose à faire est de créer un dossier du nom du thème souhaité — disons que le nôtre s’appellera « abricot ». Il suffit de créer le dossier <code>abricot</code> dans <code>owncloud/themes</code>.</li>
<li>En ajoutant le fichier <code>defaults.php</code> avec le modèle suivant, vous serez capables de modifier, le titre, le slogan et le pied de page de votre thème : <pre>
<?php
/**
* (c) 2014 - Abricot theme (nicolabricot.com)
*/
class OC_Theme {
private $myEntity;
private $myName;
private $myTitle;
private $myBaseUrl;
private $mySlogan;
private $myLogoClaim;
function __construct() {
/* company name, used for footers and copyright notices */
$this->myEntity = "Abricot’s Cloud";
/* short name, used when referring to the software, footer in e-mail signature or sender */
$this->myName = "Cloud";
/* can be a longer name, for titles */
$this->myTitle = "Cloud &middot; Abricot";
$this->myBaseUrl = "https://cloud.example.com";
/* used in login footer */
$this->mySlogan = "Le nuage dans les étoiles";
$this->myLogoClaim = "";
}
public function getBaseUrl() {
return $this->myBaseUrl;
}
public function getTitle() {
return $this->myTitle;
}
public function getName() {
return $this->myName;
}
public function getEntity() {
return $this->myEntity;
}
public function getSlogan() {
return $this->mySlogan;
}
public function getLogoClaim() {
return $this->myLogoClaim;
}
public function getShortFooter() {
$footer = "<a href=\"". $this->getBaseUrl() . "\" target=\"_blank\">" . $this->getEntity() . "</a>" . ' &middot; ' . $this->getSlogan();
return $footer;
}
}
</pre>
Par défaut, j’ai réécrit seulement une partie des données membres. Vous pouvez consulter le <a href="https://github.com/owncloud/core/blob/v5.0.10/lib/defaults.php" rel="external">fichier original</a>. <br />Ensuite, à vous de remplir à votre convenance et selon l’affichage souhaité.</li>
<li>Enfin il faut modifier le fichier de configuration <code>owncloud/conf/config.php</code> et y ajouter la ligne
<pre>'theme' => 'abricot'</pre> pour spécifier le thème qui doit doit être chargé.
<br />OwnCloud est intelligent, s’il ne trouve pas les fichiers dont il a besoin, il prend les fichiers par défaut.</li>
</ol>
<p>Ce n’était pas si compliqué, une fois que l’on sait quoi modifier…</p>
<h3>Changer et adapter le thème d’ownCloud</h3>
<p>Si vous souhaitez maintenant modifier le thème (CSS, ce qui s’affiche et comment), il faut créer un dossier <code>core</code> dans votre thème. A l’intérieur du dossier <code>owncloud/themes/abricot/core</code>, créer :</p>
<ul>
<li>un dossier <code>css</code> avec un fichier CSS nommé <code>styles.css</code> pour ajouter votre CSS qui sera ajouté ;</li>
<li>un dossier <code>templates</code> qui contient les pages que vous souhaitez redéfinir — vous pouvez copier les fichiers par défaut présents dans <code>owncloud/core/templates</code> et les modifier pour les adapter à votre thème. </li>
</ul>
<p>Infos trouvées grâce à la discussion <q><cite><a href="http://forum.owncloud.org/viewtopic.php?t=13652" rel="external">Theme > Change Title and Footer name</a></cite></q> sur les forum d’ownCloud.</p>
<h3 id="owncloud-optimization">Petits conseils pour améliorer les performances</h3>
<p>Le Raspberry Pi reste une petite machine, donc autant optimiser le fonctionnement d’ownCloud. Mais ça s’applique aussi pour les serveurs plus puissants !</p>
<ul>
<li>Configurer votre serveur web et ownCloud pour y accéder en HTTPS (bon OK, ça consomme un peu plus)</li>
<li>Désactiver les modules inutiles ou dont vous ne vous servez pas (notamment le <q>First Run Wizard</q> ou la recherche)</li>
<li>Désactiver l’aide et le lien présent dans le menu : ajouter <code>'knowledgebaseenabled' => false</code> dans le fichier de configuration</li>
<li>En production, ne servir qu’un fichier CSS et JS au lieu des nombreux (évite des requêtes HTTP pour le client et votre serveur !) : ajouter <code>'asset-pipeline.enabled' => true</code> dans le fichier de configuration</li>
<li>Désactiver les aperçus : ajouter <code>'enable_previews' => false</code> dans le fichier de configuration</li>
<li>Ne conservez que les logs d’erreurs (niveau 4) — soit par l’interface d’administration, soit en ajoutant la ligne <code>'loglevel' => '4'</code> dans le fichier de configuration</li>
</ul>
<p>Voilà, j’espère que ça pourra vous servir.
<br />Et si vous êtes quelques utilisateurs, utiliser plutôt une base de données SQLite au lieu de MySQL, ça vous évite de devoir installer une instance SQL sur votre RBPi qui risque de beaucoup consommer ;-)</p>
<p class="edit">
<abbr title="Mise à jour">MàJ</abbr> du 29 oct. 2014 : Correction des balises <code><</code> et <code>&middot;</code> pour un rendu correct.
<br /><abbr title="Mise à jour">MàJ</abbr> du 28 janv. 2015 : Corrections orthographiques</p>Forcer l’anti-aliasing avec Chrome sur Windowsurn:md5:bc631713c5cd3a8e472f47131718c4952013-03-31T21:36:00+02:002013-03-31T21:36:00+02:00NicolasWebAstuceBlogCSSWeb <p>Pour un projet de site web associatif, tout comme pour le blog ici, j’utilise des fontes provenant de la plateforme <a href="http://www.google.com/fonts/" hreflang="en">Google Web Fonts</a>.
<br />C’est un service très pratique qui permet d’utiliser la propriété <code>@font-face</code> de CSS pour utiliser une police d’écriture personnalisée.</p>
<p>Seulement, l’affichage n’était pas terrible du tout sur Windows, et uniquement avec le navigateur Chrome.
<br />J’ai été très surpris qu’Internet Explorer affiche correctement les fontes, mais pas Chrome. Je me suis rendu compte que Chrome ne « forçait » pas le lissage de la police, ce qui donnait un aspect rugueux au rendu.</p>
<p class="center"><img src="https://nicolabricot.com/public/images/screen/comparatif-chrome-ie-anti-aliasing.png" alt="Comparatif fonte avec Chrome et IE 10" title="Comparatif fonte avec Chrome et IE 10, mar. 2013" class="photo"/></p>
<p>Mais j’ai trouvé une solution en suivant les conseils de Kévin décrits dans son <a href="http://darklg.me/2012/03/font-face-avec-anti-aliasing-windows/" title="Font-face avec Anti-Aliasing sur Mac OSX & Windows">article</a>. Il suffit d’ajouter cette ligne (en adaptant la couleur naturellement) :</p>
<pre>
-webkit-text-stroke: 0.5px #333;
</pre>
<p class="center"><img src="https://nicolabricot.com/public/images/screen/comparatif-chrome-text_stroke.png" alt="Chrome sans/avec -webkit-text-stroke" title="Chrome sans/avec -webkit-text-stroke, mar. 2013" class="photo" /></p>
<p>Le rendu est ce qu’il est, mais c’est déjà plus joli et agréable à l’œil.</p>Un petit favicon pour son siteurn:md5:a85e30a05255414faf6da0f0d1a172b32012-08-30T13:56:00+02:002014-11-04T12:49:11+01:00NicolasWebAstuceDesignMicrosoftTaffWeb <p>Pour ne pas devoir aller chercher quand j’en ai besoin la bonne syntaxe qu’Internet Explorer réussira à comprendre pour afficher un beau favicon, j’ai décidé de prendre les choses en main et de me faire un petit mémo ici.</p>
<p>Pour Internet Explorer (jusqu’à je ne sais pas quelle version), il faut un favicon au format ICO 16×16 — sinon il fera la tête et n’affichera rien — à appeler avec :</p>
<pre>
<link rel="shortcut icon" type="image/x-icon" href="https://nicolabricot.com/post/2012/favicon.ico" />
</pre>
<p>Pour les navigateurs récents, un favicon au format PNG 32×32 fera très bien l’affaire. Il faudra l’appeler avec :</p>
<pre>
<link rel="icon" type="image/png" href="https://nicolabricot.com/post/2012/favicon.png" />
</pre>
<p>Il est possible d’utiliser d’autres formats (GIF, JPG, …) pour ces navigateurs. Il faut alors penser à modifier le <code>type="image/xxx"</code> correspondant.</p>
<p>Et pour les appareils iOS, j’ai vu que l’on pouvait augmenter encore la taille du favicon, mais bon là je verrais quand j’en aurais <em>vraiment</em> besoin.</p>
<hr />
<p class="edit">Mise à jour de nov. 2014</p>
<p>L’eau a coulé sous les ponts depuis, et voici deux outils qui me sont utiles voire indispensables :</p>
<ul>
<li><a href="http://www.convertico.com/" rel="external" hreflang="en">convertico.com</a> qui permet de convertir une image au format ICO ;</li>
<li><a href="http://realfavicongenerator.net/" rel="external" hreflang="en">realfavicongenerator.net</a> qui est l’outil ultime pour, à partir d’une image assez grande, générer <strong>tous</strong> les différents formats et différentes tailles de favicon nécessaires (standard, Microsoft, iOS, …).</li>
</ul>De l’art de faire des sondages et de savoir ce qu’ils valent (ou pas)urn:md5:646656e0ce4bc209d42e4625d58d0aab2011-11-05T21:34:00+01:002020-04-10T02:59:56+02:00NicolasRéflexionsBeugSondageSurpriseWeb <p class="center"><img src="https://nicolabricot.com/public/images/illustration-sondage.png" alt="Illustration sondage" title="Illustration sondage, nov. 2011"/></p>
<h3>Les faits</h3>
<p>On peut lire sur le site boursier.com un <a href="http://www.boursier.com/actualites/economie/32-des-francais-souhaitent-le-retour-du-franc-11550.html" title="Voir l'article entier">article</a> intitulé : <q>32 % des Français souhaitent le retour du Franc</q>.</p>
<p>En fin d’article, on a la précision suivante :</p>
<blockquote class="citation">
<p>Ce sondage a été réalisé par téléphone les 3 et 4 novembre auprès d’un échantillon de 1 016 personnes, <strong>représentatif</strong> de la population française âgée de 18 ans et plus, selon la méthode des quotas.</p>
</blockquote>
<h3>Le calcul</h3>
<p>Après avoir vérifié le nombre de personnes habitantes en France métropolitaine et dans les DOM, estimé à <a href="http://fr.wikipedia.org/wiki/Démographie_de_la_France" title="Article sur Wikipédia">65 026 885</a> habitants — que nous arrondirons à <em>65 000 000</em> habitants —, on peut facilement avec une petite règle de trois vérifier ce que représentent ces 1 016 personnes interrogées par rapport aux 65 000 000 de la population :</p>
<p class="centre">(1 016 × 100) / 65 000 000 = 0,00156307692…</p>
<p>En arrondissant gentiment le résultat à 0,0016, leur échantillon de personnes interrogées ne représente en fait que <strong>0,0016 %</strong> de la population française.
<br />Je vous laisse le soin d’interpréter les résultats…</p>
<h3>La méthode</h3>
<p>Il est précisé que le sondage a été effectué avec la <q>méthode des quotas</q>. De quoi ça s’agit ?<sup>[<a href="https://nicolabricot.com/post/2011/de-l-art-de-faire-des-sondages-et-de-savoir-ce-qu-ils-valent-ou-pas#pnote-6-11-11" id="rev-pnote-6-11-11">1</a>]</sup></p>
<h4>Le principe</h4>
<p>Après quelques recherches sur Internet, voilà des éléments de réponses :</p>
<blockquote>
<p>On suppose que si l’échantillon reproduit fidèlement certaines caractéristiques de la population étudiée (et peut donc être considéré, par abus de langage, « représentatif »), alors il sera également à même de reproduire d’autres caractéristiques non contrôlées et/ou contrôlables qui constituent l’objet même de l’enquête.</p>
<p>[Par exemple] Si la population se compose de 50% d’hommes, on imposera à l’enquêteur chargé de réaliser 10 interviews un quota de 5 hommes pour 10 personnes enquêtées… si la même population comporte 10% d’agriculteurs, il devra y avoir une et une seule interview d’agriculteur…</p>
</blockquote>
<p>écrit <a href="http://cedric.cnam.fr/~saporta/20061218%20OM%20La%20m%E9thode%20des%20quotas.pdf" title="Voir le PDF">Oliviero Marchese</a>. Vous pouvez aussi voir chez mon ami <a href="http://www.google.fr/#q=m%C3%A9thode+des+quotas" title="Demander à Google d'autres résultats">Google</a> pour d’autres résultats.</p>
<p>Donc grosso modo, on choisit un certain nombre de critères (sexe, âge, profession, catégorie sociale, …) dont on connait — ou on estime ? — leur représentation par rapport à tous les français, et on décide — arbitrairement, financièrement, … ? — un nombre de personnes à interroger. Puis on rapporte ses proportions à notre échantillon, et l’on sait ainsi qui et combien de personnes dans chaque « catégorie » on va interroger. Voilà notre sondage terminé.</p>
<p>Enfin, on dit que le résultat trouvé pour cet échantillon avec la méthode des quotas, correspond à la population française.</p>
<h4>Les limites</h4>
<p>Je vais juste vous citer le site <a href="http://www.analyse-donnees.fr/Blog/echantillonnage-par-quotas.html" title="">analyse de données</a> :</p>
<blockquote class="citation">
<p>Cependant, cette méthode (la moins onéreuse) a des limites qu’il faut préciser et qui permettent de comprendre pourquoi les sondeurs se trompent dans temps en temps :</p>
<ul>
<li>Cette méthode repose sur l’hypothèse que l’information que l’on souhaite obtenir est corrélé avec la population. Ce n’est qu’une hypothèse de représentativité qui est difficile à démontrer voir impossible.</li>
<li>Le choix des individus sélectionnés par des enquêteurs lors de la méthode des quotas ne permet pas de calculer des probabilités d’appartenance à l’échantillon. Ceci entraine une difficulté de calcul d’erreurs et donc de précision de l’analyse.</li>
</ul>
</blockquote>
<h3>Bref…</h3>
<p>J’ai toujours pris les sondages (en particulier d’opinions) avec des pincettes — quand je ne m’esclaffe tout simplement pas devant certaines publicités vantant les mérites de tel produit et cliniquement prouvé à 90 % (avec en petit <q>échantillon réalisée sur 20 personnes</q>) —, mais j’ai vraiment du mal à me dire, même avec la meilleure méthode du monde, que la réponse de 1 000 personnes peut réellement correspondre à celle de 65 000 000.</p>
<p>Sur ce, je vous souhaite une agréable soirée !</p>
<div class="footnotes">
<h3>Notes</h3>
<p>[<a href="https://nicolabricot.com/post/2011/de-l-art-de-faire-des-sondages-et-de-savoir-ce-qu-ils-valent-ou-pas#rev-pnote-6-11-11" id="pnote-6-11-11">1</a>] C’est Gad Elmaleh qui l’a dit le premier.</p>
</div>La face cachée des panneaux de signalisationurn:md5:c3d6d59d6cf85de1b6003e6ee397e2552011-08-29T18:32:00+02:002011-08-29T18:32:00+02:00NicolasLu, vu ou entenduConduiteDétenteHumourWeb <p class="centre">
<img src="https://nicolabricot.com/public/images/face-cachee-panneaux-routiers-tumblr.png" alt="Face cachée des panneaux de signalisation" title="Face cachée des panneaux de signalisation, août 2011" />
</p>
<p>Vu chez <a href="http://blog.goetter.fr/post/6781893416/hidden-face-of-signs" title="Voir chez Raphael Goetter">Raphaël Goetter</a>.</p>Faire joujou avec une TI et les fonctions sinusurn:md5:e2c015141b1363280836ae4739ab09fa2010-09-19T13:00:00+02:002020-04-06T17:30:33+02:00NicolasLu, vu ou entenduEnvieLycéePrépaWeb <p class="centre"><a href="http://www.flickr.com/photos/nicolabricot/5003522707/" title="Smiley TI-82 by nicolabricot, on Flickr"><img src="https://farm5.static.flickr.com/4145/5003522707_281b587dfc.jpg" alt="Smiley TI-82" height="371" width="500" /></a></p>
<p>Pour afficher ces petits smiley :</p>
<pre>Y1=.15sin(x)
Y2=.30sin(x)
Y3=.45sin(x)
Y4=.60sin(x)
Y5=.75sin(x)
Y6=.90sin(x)
Y7=sin(x)
Y8=1.15sin(x)
Y9=1.30sin(x)
Y0=1.45sin(x)
</pre>
<p>Rendez-vous ensuite dans le menu <code>zoom</code> et sélectionnez l’affichage <code>ZTrig</code>.
<br />On s’amuse comme on peut en prépa… ;-)</p>
<p>Vu chez <a href="http://soup.fnordicwalking.de/post/75349709/Image">fnordramen</a>.</p>Und dieses Internet hat wirklich auch am Sonntag offen?urn:md5:18737b800a901e5023e019b90ee979842010-09-19T11:55:00+02:002020-04-06T15:28:51+02:00NicolasLu, vu ou entenduDeutschDétenteWeb <p class="centre"><img src="https://nicolabricot.com/public/images/soup/und-dieses-internet-hat-wirklick-auch-am-sonntag-offen.jpeg" alt="Und dieses Internet hat wirklich auch am Sonntag offen?" height="500" width="374" class="photo" /></p>
<p>Image de <a href="http://www.ipernity.com/doc/tristessedeluxe/8999337">tristessedeluxe</a>, vue chez <a href="http://soup.fnordicwalking.de/post/76358339/Und-dieses-Internet-hat-wirklich-auch-am">fnordramen</a>.</p>Achtung, tu dois upgrade !urn:md5:63cb8c3789738cf07f6f49fd62967b322010-06-06T19:43:00+02:002020-04-11T13:14:35+02:00NicolasLu, vu ou entenduAllemandBeugsDellDeutschWeb <p>Tiens, je ne savais pas que Dell s’était mis à être polyglotte sur une même page… ;-)</p>
<p class="centre"><a href="http://www.flickr.com/photos/nicolabricot/4675644922/" title="Achtung, tu dois upgrade ! by nicolabricot, on Flickr"><img src="https://live.staticflickr.com/4071/4675644922_2ca4ca38f6_c_d.jpg" alt="Achtung, tu dois upgrade !" class="photo" /></a></p>
<blockquote><p><strong>Achtung !</strong> Vous n’avez sélectionné aucune extension de garantie.<br /><strong>Upgrade to</strong> 3 ans de support matériel à domicile.</p>
</blockquote>Nouveau favicon pour Google ?urn:md5:72b29832256ebdcdf7d10e3ec4e3180c2009-01-09T20:52:00+01:002020-04-11T13:07:56+02:00NicolasWebGoogleHasardWeb <p>Alors que je regardais les actualités sur <a href="http://news.google.fr/" title="Google Actualités">Google Actualités</a>, je remarque le favicon n’est pas l’habituel… Pareil pour les recherches d’image… Bizarre !</p>
<p class="center"><img src="https://nicolabricot.com/public/images/screen/nouveau_logo_google_images.png" alt="Nouveau Logo de Goole Images ?" class="photo" title="Nouveau Logo de Goole Images ?, janvier 2009" /></a></p>