<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Loutre.ch</title>
	<atom:link href="http://www.loutre.ch/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.loutre.ch</link>
	<description>Le libre pour les fainéants</description>
	<lastBuildDate>Tue, 16 Feb 2010 16:06:54 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<atom:link rel="next" href="http://www.loutre.ch/feed/?page=2" />

		<item>
		<title>Nouveaux téléphones HTC sous android présentés à Barcelone</title>
		<link>http://www.loutre.ch/nouveaux-telephones-htc-sous-android-presentes-a-barcelone/</link>
		<comments>http://www.loutre.ch/nouveaux-telephones-htc-sous-android-presentes-a-barcelone/#comments</comments>
		<pubDate>Tue, 16 Feb 2010 14:41:56 +0000</pubDate>
		<dc:creator>Michael Zwyssig</dc:creator>
				<category><![CDATA[geekitude]]></category>
		<category><![CDATA[bravo]]></category>
		<category><![CDATA[desire]]></category>
		<category><![CDATA[htc]]></category>
		<category><![CDATA[legend]]></category>

		<guid isPermaLink="false">http://www.loutre.ch/?p=458</guid>
		<description><![CDATA[HTC vient de présenter officiellement, au Mobile World Congress, quelques nouveaux téléphones, dont le Legend et le Desire (anciennement Bravo).
Il semble qu&#8217;une nouvelle version de Sense voit également le jour. [source]
Share on Facebook]]></description>
			<content:encoded><![CDATA[<p>HTC vient de présenter officiellement, au Mobile World Congress, quelques nouveaux téléphones, dont le Legend et le Desire (anciennement Bravo).</p>
<div id="attachment_459" class="wp-caption alignnone" style="width: 408px"><a href="http://www.loutre.ch/wp-content/uploads/2010/02/legend_frontback.jpg"><img class="size-medium wp-image-459" title="legend_frontback" src="http://www.loutre.ch/wp-content/uploads/2010/02/legend_frontback-398x425.jpg" alt="legend_frontback" width="398" height="425" /></a><p class="wp-caption-text">HTC Legend</p></div>
<div id="attachment_460" class="wp-caption alignnone" style="width: 266px"><a href="http://www.loutre.ch/wp-content/uploads/2010/02/desire-brown_3-4_right.jpg"><img class="size-medium wp-image-460" title="desire-brown_3-4_right" src="http://www.loutre.ch/wp-content/uploads/2010/02/desire-brown_3-4_right-256x425.jpg" alt="HTC Desire (Bravo)" width="256" height="425" /></a><p class="wp-caption-text">HTC Desire (Bravo)</p></div>
<p>Il semble qu&#8217;une nouvelle version de Sense voit également le jour. [<a title="ai.rs" href="http://ai.rs/2010/02/htc-shows-3-new-models-desire-bravo-legend-hd-mini-photon/">source</a>]</p>
<p class="facebook"><a href="http://www.facebook.com/share.php?u=http://www.loutre.ch/nouveaux-telephones-htc-sous-android-presentes-a-barcelone/" target="_blank" title="Share on Facebook">Share on Facebook</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.loutre.ch/nouveaux-telephones-htc-sous-android-presentes-a-barcelone/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Rougemont au dessus du brouillard</title>
		<link>http://www.loutre.ch/rougemont-au-dessus-du-brouillard/</link>
		<comments>http://www.loutre.ch/rougemont-au-dessus-du-brouillard/#comments</comments>
		<pubDate>Sun, 14 Feb 2010 20:48:17 +0000</pubDate>
		<dc:creator>Michael Zwyssig</dc:creator>
				<category><![CDATA[Photos]]></category>
		<category><![CDATA[rougemont]]></category>
		<category><![CDATA[scouts]]></category>
		<category><![CDATA[ski]]></category>

		<guid isPermaLink="false">http://www.loutre.ch/?p=454</guid>
		<description><![CDATA[<a href="http://www.loutre.ch/rougemont-au-dessus-du-brouillard/" title="Rougemont au dessus du brouillard"><img src="http://www.loutre.ch/wp-content/uploads/yapb_cache/p1080368_small1.bjv7nvnvevw0840gkkso48k00.a9sxxja1njre4og884ksckowg.th.jpeg" width="180" height="240" alt="Rougemont au dessus du brouillard" style="float:left;padding:0 10px 10px 0;" ></a>Photographie prise le 9 janvier 2010 à la Videmanette, Rougemont.
Share on Facebook]]></description>
			<content:encoded><![CDATA[<a href="http://www.loutre.ch/rougemont-au-dessus-du-brouillard/" title="Rougemont au dessus du brouillard"><img src="http://www.loutre.ch/wp-content/uploads/yapb_cache/p1080368_small1.bjv7nvnvevw0840gkkso48k00.a9sxxja1njre4og884ksckowg.th.jpeg" width="180" height="240" alt="Rougemont au dessus du brouillard" style="float:left;padding:0 10px 10px 0;" ></a><p>Photographie prise le 9 janvier 2010 à la Videmanette, Rougemont.</p>
<p class="facebook"><a href="http://www.facebook.com/share.php?u=http://www.loutre.ch/rougemont-au-dessus-du-brouillard/" target="_blank" title="Share on Facebook">Share on Facebook</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.loutre.ch/rougemont-au-dessus-du-brouillard/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>3ne.ch dans la poche.</title>
		<link>http://www.loutre.ch/3ne-ch-dans-la-poche/</link>
		<comments>http://www.loutre.ch/3ne-ch-dans-la-poche/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 22:41:18 +0000</pubDate>
		<dc:creator>Michael Zwyssig</dc:creator>
				<category><![CDATA[Graphisme]]></category>
		<category><![CDATA[Projets]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[3ne]]></category>
		<category><![CDATA[achat compulsif]]></category>
		<category><![CDATA[logos]]></category>
		<category><![CDATA[mzw]]></category>

		<guid isPermaLink="false">http://www.loutre.ch/?p=446</guid>
		<description><![CDATA[Je profite de ce poste pour tester l&#8217;import de flux RSS dans Facebook (en live).
Suivant actuellement des cours de graphisme, on a eu comme tâche de créer un logo et une carte de visite pour notre futur métier de graphiste indépendant. Bon, c&#8217;est pas mon but premier, mais c&#8217;est clair qu&#8217;il est plus que temps [...]]]></description>
			<content:encoded><![CDATA[<p><span style="color: #999999;"><em>Je profite de ce poste pour tester l&#8217;import de flux RSS dans Facebook (en live).</em></span></p>
<p>Suivant actuellement des cours de graphisme, on a eu comme tâche de créer un logo et une carte de visite pour notre futur métier de graphiste indépendant. Bon, c&#8217;est pas mon but premier, mais c&#8217;est clair qu&#8217;il est plus que temps que je fasse un portfolio en ligne, déjà pour m&#8217;y retrouver moi-même avec ce que j&#8217;ai fait et avec de futurs potientiels clients, c&#8217;est toujours une bonne chose à avoir.</p>
<h3>Je vais vous raconter l&#8217;histoire de l&#8217;achat de 3ne.ch</h3>
<p>Je cherchais dans un premier temps un nom court et <em>catchy</em>, qui sonne bien. J&#8217;ai tout de suite pensé à quelque chose comme MZW, qui reprend l&#8217;initiale de mon prénom et les deux premières lettres de mon nom. C&#8217;était chouette, et en plus, suivant la police utilisée, ça donnait exactement la même chose qu&#8217;on le retourne dans un sens ou dans l&#8217;autre.</p>
<p>Voici donc déjà quelques idées de logos que j&#8217;ai eu :</p>
<p><img class="alignnone size-full wp-image-447" title="mzw.tel_logo" src="http://www.loutre.ch/wp-content/uploads/2010/02/mzw.tel_logo.png" alt="mzw.tel_logo" width="233" height="70" /></p>
<p>Celui là, c&#8217;était pour le <a href="http://mzw.tel">mzw.tel</a> que je voulais l&#8217;utiliser. Eh oui, je me suis laissé avoir par cette grosse arnaque en croyant que les .tel fonctionnaient comme les autres noms de domaines. En fait non, c&#8217;est plutôt un réseau social payant où y&#8217;a personne dessus. 18$ partis en fumée !</p>
<p><img class="alignnone size-full wp-image-448" title="mzw1" src="http://www.loutre.ch/wp-content/uploads/2010/02/mzw1.png" alt="mzw1" width="207" height="198" /></p>
<p>Une autre idée sur laquelle j&#8217;ai travaillé pendant mon cours. Forcément, au pinceau et au feutre biseauté ça donnait mieux. La carte de visite pouvait également être originale en découpant les bords des lettres à droite. En faisant une pliure à gauche, ça laissait apparaitre le fond et si on l&#8217;ouvrait on avait tous les détails.</p>
<p>La dernière idée ressemble à ça (et c&#8217;est là que le 3ne est apparu, lorsque je l&#8217;ai appliqué sur une carte de visite)</p>
<p><img class="alignnone size-full wp-image-449" title="3ne" src="http://www.loutre.ch/wp-content/uploads/2010/02/3ne.png" alt="3ne" width="69" height="199" /></p>
<p>Voilà donc l&#8217;histoire de l&#8217;achat du nom de domaine 3ne.ch. Tellement surpris qu&#8217;il soit libre, j&#8217;ai pas pu m&#8217;empêcher de l&#8217;acheter&#8230; Il faut vraiment que je fasse attention avec ces achats compulsifs (on a vraiment de ces problèmes, les geeks), déjà <a href="http://histoireslibres.org">histoireslibres.org</a> que j&#8217;ai acheté il y a quelques semaines attend toujours ma motivation pour que le projet se lance <em>vraiment</em>. Je pense poster un article sur <a title="Planet Libre" href="http://planet-libre.org/">planet-libre</a> à ce sujet dès que possible pour attirer des gens motivés&#8230;</p>
<p><a href="http://3ne.ch">http://3ne.ch</a> (disponible dès que c&#8217;est prêt)</p>
<p class="facebook"><a href="http://www.facebook.com/share.php?u=http://www.loutre.ch/3ne-ch-dans-la-poche/" target="_blank" title="Share on Facebook">Share on Facebook</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.loutre.ch/3ne-ch-dans-la-poche/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Islande 2009 : Jour 7, Soleil, passages à gué et Reykjavik</title>
		<link>http://www.loutre.ch/islande-2009-jour-7-soleil-passages-a-gue-et-reykjavik/</link>
		<comments>http://www.loutre.ch/islande-2009-jour-7-soleil-passages-a-gue-et-reykjavik/#comments</comments>
		<pubDate>Sat, 02 Jan 2010 16:56:04 +0000</pubDate>
		<dc:creator>Michael Zwyssig</dc:creator>
				<category><![CDATA[Photos]]></category>
		<category><![CDATA[Voyage en Islande]]></category>
		<category><![CDATA[Aurore boréale]]></category>
		<category><![CDATA[moutons]]></category>
		<category><![CDATA[passage à gué]]></category>
		<category><![CDATA[Reykjavik]]></category>
		<category><![CDATA[soleil]]></category>

		<guid isPermaLink="false">http://www.loutre.ch/?p=430</guid>
		<description><![CDATA[<a href="http://www.loutre.ch/islande-2009-jour-7-soleil-passages-a-gue-et-reykjavik/" title="Islande 2009 : Jour 7, Soleil, passages à gué et Reykjavik"><img src="http://www.loutre.ch/wp-content/uploads/yapb_cache/img_51673.61m044itviiq0www84kc8ww4c.a9sxxja1njre4og884ksckowg.th.jpeg" width="180" height="270" alt="Islande 2009 : Jour 7, Soleil, passages à gué et Reykjavik" style="float:left;padding:0 10px 10px 0;" ></a>Aujourd&#8217;hui, dernière ligne droite avant Reykjavik  ! Le soleil brille pour la presque première fois, il fait pas moins de 15°C et pas un nuage dans le ciel ! Tout le paysage devient magique.
La traversée du Nord au Sud de l&#8217;Islande est rocambolesque. Nous prenons la route des hauts plateaux F35, mais on remarque bien [...]]]></description>
			<content:encoded><![CDATA[<a href="http://www.loutre.ch/islande-2009-jour-7-soleil-passages-a-gue-et-reykjavik/" title="Islande 2009 : Jour 7, Soleil, passages à gué et Reykjavik"><img src="http://www.loutre.ch/wp-content/uploads/yapb_cache/img_51673.61m044itviiq0www84kc8ww4c.a9sxxja1njre4og884ksckowg.th.jpeg" width="180" height="270" alt="Islande 2009 : Jour 7, Soleil, passages à gué et Reykjavik" style="float:left;padding:0 10px 10px 0;" ></a><p>Aujourd&#8217;hui, dernière ligne droite avant Reykjavik  ! Le soleil brille pour la presque première fois, il fait pas moins de 15°C et pas un nuage dans le ciel ! Tout le paysage devient magique.</p>
<p><span id="more-430"></span>La traversée du Nord au Sud de l&#8217;Islande est rocambolesque. Nous prenons la route des hauts plateaux F35, mais on remarque bien vite que notre petite Kia n&#8217;est pas forcément idéale pour ce genre de tracé. Des rochers partout, on a quelques accrochages avec des pierres particulièrement grosses. On est parfois même obligés de sortir de la piste. Bref, avec une vitesse moyenne de 15-20km/h, ça commence à devenir galère avec cette voiture trop basse.</p>
<p><a href="http://www.loutre.ch/wp-content/uploads/2010/01/IMG_5154.JPG"><img style="border: 0px initial initial;" title="IMG_5154" src="http://www.loutre.ch/wp-content/uploads/2010/01/IMG_5154-425x283.jpg" alt="IMG_5154" width="425" height="283" /></a></p>
<p>À un moment donné, on veut prendre un passage à gué, donc on vérifie avant si la voiture est bien capable de passer. On remarque que l&#8217;eau est relativement plate, mais c&#8217;est surtout que c&#8217;était vraiment profond. En regardant bien, on voit des gros rochers partout. Bon on tente le coup. On prend un peu de vitesse, et hop, la voiture est lancée dans l&#8217;eau. Et là, c&#8217;est le drame : elle s&#8217;arrête avec un gros PAF au milieu de la rivière, il doit y a avoir 80 cm de profondeur. La voiture a du taper contre une pierre&#8230; On réfléchit vite fait, et on essayer de repartir  : ouf, elle avance. La voiture sortie de l&#8217;eau, on regarde les dégâts : rien de visible. Bien.</p>
<div id="attachment_436" class="wp-caption alignnone" style="width: 435px"><a href="http://www.loutre.ch/wp-content/uploads/2010/01/IMG_5156.JPG"><img class="size-medium wp-image-436" title="IMG_5156" src="http://www.loutre.ch/wp-content/uploads/2010/01/IMG_5156-425x283.jpg" alt="Les premiers moutons" width="425" height="283" /></a><p class="wp-caption-text">Les premiers moutons</p></div>
<p>La route continue, toujours aussi mauvaise. Ça fait maintenant quelques heures&#8230; et on sait pas ou on est sur la carte. &laquo;&nbsp;Bah, on est sur la carte..&nbsp;&raquo; Puis, enfin, lorsque la route s&#8217;améliore enfin, on s&#8217;arrête pour manger et pour profiter du paysage sous la lumière du soleil. Les moutons sont de nouveau là, donc la civilisation n&#8217;est pas loin !</p>
<p><a href="http://www.loutre.ch/wp-content/uploads/2010/01/IMG_5189.JPG"><img class="alignnone size-medium wp-image-438" title="IMG_5189" src="http://www.loutre.ch/wp-content/uploads/2010/01/IMG_5189-425x283.jpg" alt="IMG_5189" width="425" height="283" /></a></p>
<p>On revisite Geysir par beau temps, ça fait plaisir. Ensuite, direction Reykjavik ! Là, à notre grand étonnement, des bouchons sur la route !</p>
<div id="attachment_437" class="wp-caption alignnone" style="width: 435px"><a href="http://www.loutre.ch/wp-content/uploads/2010/01/IMG_5186.JPG"><img class="size-medium wp-image-437" title="IMG_5186" src="http://www.loutre.ch/wp-content/uploads/2010/01/IMG_5186-425x283.jpg" alt="Le genre de véhicule qu'on aurait du avoir pour les pistes du matin" width="425" height="283" /></a><p class="wp-caption-text">Le genre de véhicule qu&#39;on aurait du avoir pour les pistes du matin</p></div>
<p><a href="http://www.loutre.ch/wp-content/uploads/2010/01/IMG_5193.JPG"><img class="alignnone size-medium wp-image-439" title="IMG_5193" src="http://www.loutre.ch/wp-content/uploads/2010/01/IMG_5193-425x283.jpg" alt="IMG_5193" width="425" height="283" /></a></p>
<p><a href="http://www.loutre.ch/wp-content/uploads/2010/01/IMG_5195.JPG"><img class="alignnone size-medium wp-image-440" title="IMG_5195" src="http://www.loutre.ch/wp-content/uploads/2010/01/IMG_5195-425x283.jpg" alt="IMG_5195" width="425" height="283" /></a></p>
<p><a href="http://www.loutre.ch/wp-content/uploads/2010/01/IMG_5196.JPG"><img class="alignnone size-medium wp-image-441" title="IMG_5196" src="http://www.loutre.ch/wp-content/uploads/2010/01/IMG_5196-283x425.jpg" alt="IMG_5196" width="283" height="425" /></a></p>
<p>On arrive au camping, on monte la tente, on va faire les courses et on mange. On parle à un Italien habitant à Grenoble qui est là depuis 5 semaines (faut le faire&#8230;).</p>
<p><a href="http://www.loutre.ch/wp-content/uploads/2010/01/IMG_5202.JPG"><img class="alignnone size-medium wp-image-442" title="IMG_5202" src="http://www.loutre.ch/wp-content/uploads/2010/01/IMG_5202-425x283.jpg" alt="IMG_5202" width="425" height="283" /></a></p>
<p>La nuit tombée, juste avant de se coucher, Un attroupement de gens attire notre attention. Ils regardent le ciel. Hum. Nous regardons le ciel également, on ne voit rien.. c&#8217;est là qu&#8217;apparaissent des lumières dans le ciel&#8230; C&#8217;est superbe ! C&#8217;est une minuscule aurore boréale à moitié cachée par les arbres, mais qu&#8217;est-ce que c&#8217;est beau ! On discute ensuite avec un Tchèque qui vient d&#8217;arriver avec sa femme, puis nous allons nous coucher.</p>
<p class="facebook"><a href="http://www.facebook.com/share.php?u=http://www.loutre.ch/islande-2009-jour-7-soleil-passages-a-gue-et-reykjavik/" target="_blank" title="Share on Facebook">Share on Facebook</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.loutre.ch/islande-2009-jour-7-soleil-passages-a-gue-et-reykjavik/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Libre.fm : une future alternative à Last.fm ?</title>
		<link>http://www.loutre.ch/libre-fm-une-future-alternative-a-last-fm/</link>
		<comments>http://www.loutre.ch/libre-fm-une-future-alternative-a-last-fm/#comments</comments>
		<pubDate>Mon, 07 Dec 2009 12:04:28 +0000</pubDate>
		<dc:creator>Michael Zwyssig</dc:creator>
				<category><![CDATA[Musique]]></category>
		<category><![CDATA[geekitude]]></category>
		<category><![CDATA[audioscrobbler]]></category>
		<category><![CDATA[lastfm]]></category>
		<category><![CDATA[libre]]></category>

		<guid isPermaLink="false">http://www.loutre.ch/?p=419</guid>
		<description><![CDATA[J&#8217;avais l&#8217;habitude, il y a quelques temps, de &#171;&#160;scrobbler&#160;&#187; ma musique sur last.fm, le concept étant innovant et sympa. Malheureuseent Last.fm est devenu payant (pour écouter la musique en ligne), et étant donné que je suis relativement assez fan de ce qui se fait en musique indé (et soi-disant &#171;&#160;libre&#160;&#187; comme sur Jamendo) j&#8217;ai décidé [...]]]></description>
			<content:encoded><![CDATA[<p>J&#8217;avais l&#8217;habitude, il y a quelques temps, de &laquo;&nbsp;scrobbler&nbsp;&raquo; ma musique sur last.fm, le concept étant innovant et sympa. Malheureuseent Last.fm est <a href="http://www.journaldugeek.com/2009/03/25/lastfm-devient-payant/">devenu payant</a> (pour écouter la musique en ligne), et étant donné que je suis relativement assez fan de ce qui se fait en musique indé (et soi-disant &laquo;&nbsp;libre&nbsp;&raquo; comme sur Jamendo) j&#8217;ai décidé d&#8217;ouvrir un compte sur <a href="http://libre.fm/">libre.fm</a>.</p>
<p><a href="../wp-content/uploads/2009/12/librefmCapture.png"><img title="librefmCapture" src="../wp-content/uploads/2009/12/librefmCapture-425x202.png" alt="librefmCapture" width="425" height="202" /></a></p>
<p>C&#8217;est visiblement encore en alpha, toutes les fonctionnalités ne sont pas encore implémentées/fonctionnelles, mais c&#8217;est définitivement un projet que je vais suivre.</p>
<p>Plus d&#8217;infos pour configurer tes lecteurs audio sur <a href="http://frugalware.org/~devil505/blog/?p=798">le blog de Devil505</a>.</p>
<p>Libre.fm a besoin de contributeurs, n&#8217;hésite pas à te lancer là dedans si t&#8217;as le temps !</p>
<p class="facebook"><a href="http://www.facebook.com/share.php?u=http://www.loutre.ch/libre-fm-une-future-alternative-a-last-fm/" target="_blank" title="Share on Facebook">Share on Facebook</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.loutre.ch/libre-fm-une-future-alternative-a-last-fm/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Islande 2009 : Jour 6, Akureyri, Hvetir et 2°C</title>
		<link>http://www.loutre.ch/islande-2009-jour-6-akureyri-hvetir-et-2%c2%b0c/</link>
		<comments>http://www.loutre.ch/islande-2009-jour-6-akureyri-hvetir-et-2%c2%b0c/#comments</comments>
		<pubDate>Tue, 01 Dec 2009 17:47:16 +0000</pubDate>
		<dc:creator>Michael Zwyssig</dc:creator>
				<category><![CDATA[Voyage en Islande]]></category>
		<category><![CDATA[Akureyri]]></category>
		<category><![CDATA[froid]]></category>
		<category><![CDATA[Hvetir]]></category>
		<category><![CDATA[jacuzzi]]></category>

		<guid isPermaLink="false">http://www.loutre.ch/?p=403</guid>
		<description><![CDATA[<a href="http://www.loutre.ch/islande-2009-jour-6-akureyri-hvetir-et-2%c2%b0c/" title="Islande 2009 : Jour 6, Akureyri, Hvetir et 2°C"><img src="http://www.loutre.ch/wp-content/uploads/yapb_cache/img_51031.8ytrbv9vtdvawwwoco4s48swg.a9sxxja1njre4og884ksckowg.th.jpeg" width="180" height="120" alt="Islande 2009 : Jour 6, Akureyri, Hvetir et 2°C" style="float:left;padding:0 10px 10px 0;" ></a>On part du camping, il fait moche pour changer. C&#8217;est pas grave, on commence à avoir l&#8217;habitude. On décide de passer par Akureyri, la deuxième &#171;&#160;grande&#160;&#187; ville d&#8217;Islande, après Reyjkavik (sans compter les villes &#171;&#160;connexes&#160;&#187; à cette dernière). On prend la route normale, pas de problèmes jusque là.
On arrive en ville, c&#8217;est vraiment pas beau [...]]]></description>
			<content:encoded><![CDATA[<a href="http://www.loutre.ch/islande-2009-jour-6-akureyri-hvetir-et-2%c2%b0c/" title="Islande 2009 : Jour 6, Akureyri, Hvetir et 2°C"><img src="http://www.loutre.ch/wp-content/uploads/yapb_cache/img_51031.8ytrbv9vtdvawwwoco4s48swg.a9sxxja1njre4og884ksckowg.th.jpeg" width="180" height="120" alt="Islande 2009 : Jour 6, Akureyri, Hvetir et 2°C" style="float:left;padding:0 10px 10px 0;" ></a><p>On part du camping, il fait moche pour changer. C&#8217;est pas grave, on commence à avoir l&#8217;habitude. On décide de passer par <a href="http://fr.wikipedia.org/wiki/Akureyri">Akureyri</a>, la deuxième &laquo;&nbsp;grande&nbsp;&raquo; ville d&#8217;Islande, après Reyjkavik (sans compter les villes &laquo;&nbsp;connexes&nbsp;&raquo; à cette dernière). On prend la route normale, pas de problèmes jusque là.<span id="more-403"></span></p>
<p>On arrive en ville, c&#8217;est vraiment pas beau et y&#8217;a personne, c&#8217;est très bizarre. On voit des grosses Dodges tunées et quelques autres gros 4&#215;4 avec des pneus gigantesques qui proposent de faire des tours. Ça va pas la tête, on est pas des touristes. Hum. Après avoir mangé un Subway pas très bon, on continue notre route.</p>
<p>On décide de prendre la route F35, il y a un joli coin à visiter paraît-il sur le chemin. Nous arrivons donc à Hvetir. C&#8217;est hyper-pas-touristique. On est samedi fin de journée, c&#8217;est là ou les gens du coin se relaxent tranquillement. La belle vie : une demi-douzaine d&#8217;Islandais ou d&#8217;habitués dans des bains presques naturels (une sorte de jaccuzzi géant avec de l&#8217;eau brûlante qui vient directement d&#8217;un hot-spot un peu plus haut).</p>
<div id="attachment_409" class="wp-caption alignnone" style="width: 265px"><a href="http://www.loutre.ch/wp-content/uploads/2009/12/IMG_5113.JPG"><img class="size-medium wp-image-409" title="IMG_5113" src="http://www.loutre.ch/wp-content/uploads/2009/12/IMG_5113-425x283.jpg" alt="IMG_5113" width="255" height="170" /></a><p class="wp-caption-text">Un exemple de voiture banale en Islande</p></div>
<div class="wp-caption alignnone" style="width: 180px"><a href="../wp-content/uploads/2009/12/IMG_5115.JPG"><img title="IMG_5115" src="../wp-content/uploads/2009/12/IMG_5115-283x425.jpg" alt="IMG_5115" width="170" height="255" /></a><p class="wp-caption-text">En voilà une autre. Regarde les autocollants !</p></div>
<p>Nous nous marrons bien quand une personne dans le jaccuzzi dit à un môme d&#8217;aller chercher des bières dans un 4&#215;4. Le gamin sort, à torse nu, les pieds dans les immenses bottes d&#8217;un adulte et y va pendant que les autres restent bien au chaud. On se dit qu&#8217;on va pas se baigner, en plus il fait vraiment trop cru pour se dézaquer et pour faire le maillot de bain après ça serait la galère. On va plutôt faire un tour pour admirer les impressionnantes cheminées naturelles de vapeur.</p>
<p><a href="http://www.loutre.ch/wp-content/uploads/2009/12/IMG_5096.JPG"><img class="alignnone size-medium wp-image-404" title="IMG_5096" src="http://www.loutre.ch/wp-content/uploads/2009/12/IMG_5096-283x425.jpg" alt="IMG_5096" width="170" height="255" /></a><a href="http://www.loutre.ch/wp-content/uploads/2009/12/IMG_5109.JPG"> <img class="alignnone size-medium wp-image-407" title="IMG_5109" src="http://www.loutre.ch/wp-content/uploads/2009/12/IMG_5109-283x425.jpg" alt="IMG_5109" width="170" height="255" /></a></p>
<p><a href="http://www.loutre.ch/wp-content/uploads/2009/12/IMG_5101.JPG"><img class="alignnone size-medium wp-image-405" title="IMG_5101" src="http://www.loutre.ch/wp-content/uploads/2009/12/IMG_5101-425x283.jpg" alt="IMG_5101" width="341" height="228" /></a></p>
<p><a href="http://www.loutre.ch/wp-content/uploads/2009/12/IMG_5109.JPG"></a></p>
<div id="attachment_408" class="wp-caption alignnone" style="width: 435px"><a href="http://www.loutre.ch/wp-content/uploads/2009/12/IMG_5112.JPG"><img class="size-medium wp-image-408" title="IMG_5112" src="http://www.loutre.ch/wp-content/uploads/2009/12/IMG_5112-425x283.jpg" alt="La cabane au fond du jardin" width="425" height="283" /></a><p class="wp-caption-text">La cabane au fond du jardin</p></div>
<p>On continue notre chemin pour trouver un endroit où manger et dormir. On s&#8217;arrête au milieu du désert (mais vraiment&#8230;). Il fait froid, environ 2°C. Et le vent est insupportable. On innove : on mange dans la voiture à l&#8217;abri du vent pour pas avoir besoin de mettre les gants. On plante la tente à nouveau à côté de la voiture.</p>
<div id="attachment_413" class="wp-caption alignnone" style="width: 435px"><a href="http://www.loutre.ch/wp-content/uploads/2009/12/IMG_5130.JPG"><img class="size-medium wp-image-413" title="IMG_5130" src="http://www.loutre.ch/wp-content/uploads/2009/12/IMG_5130-425x283.jpg" alt="IMG_5130" width="425" height="283" /></a><p class="wp-caption-text">Dans le genre rien, y&#39;a vraiment rien.</p></div>
<p><a href="http://www.loutre.ch/wp-content/uploads/2009/12/IMG_5116.JPG"><img class="alignnone size-medium wp-image-411" title="IMG_5116" src="http://www.loutre.ch/wp-content/uploads/2009/12/IMG_5116-425x283.jpg" alt="IMG_5116" width="255" height="170" /></a></p>
<div id="attachment_412" class="wp-caption alignnone" style="width: 265px"><a href="http://www.loutre.ch/wp-content/uploads/2009/12/IMG_5118.JPG"><img class="size-medium wp-image-412 " title="IMG_5118" src="http://www.loutre.ch/wp-content/uploads/2009/12/IMG_5118-425x283.jpg" alt="Le vent souffle" width="255" height="170" /></a><p class="wp-caption-text">Le vent souffle</p></div>
<p class="facebook"><a href="http://www.facebook.com/share.php?u=http://www.loutre.ch/islande-2009-jour-6-akureyri-hvetir-et-2%c2%b0c/" target="_blank" title="Share on Facebook">Share on Facebook</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.loutre.ch/islande-2009-jour-6-akureyri-hvetir-et-2%c2%b0c/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Karmic Koala est sortie</title>
		<link>http://www.loutre.ch/karmic-koala-est-sortie/</link>
		<comments>http://www.loutre.ch/karmic-koala-est-sortie/#comments</comments>
		<pubDate>Thu, 29 Oct 2009 16:10:12 +0000</pubDate>
		<dc:creator>Michael Zwyssig</dc:creator>
				<category><![CDATA[Logiciels]]></category>
		<category><![CDATA[geekitude]]></category>
		<category><![CDATA[Karmic Koala]]></category>
		<category><![CDATA[Ubuntu]]></category>

		<guid isPermaLink="false">http://www.loutre.ch/?p=401</guid>
		<description><![CDATA[<a href="http://www.loutre.ch/karmic-koala-est-sortie/" title="Karmic Koala est sortie"><img src="http://www.loutre.ch/wp-content/uploads/yapb_cache/capture_1.e5mq9sg89ocuo84kk4ok8c004.a9sxxja1njre4og884ksckowg.th.jpeg" width="180" height="153" alt="Karmic Koala est sortie" style="float:left;padding:0 10px 10px 0;" ></a>On y est ! Aujourd&#8217;hui, comme prévu, la nouvelle version d&#8217;Ubuntu est sortie.
Plus d&#8217;infos sur le site officiel (en) !
Share on Facebook]]></description>
			<content:encoded><![CDATA[<a href="http://www.loutre.ch/karmic-koala-est-sortie/" title="Karmic Koala est sortie"><img src="http://www.loutre.ch/wp-content/uploads/yapb_cache/capture_1.e5mq9sg89ocuo84kk4ok8c004.a9sxxja1njre4og884ksckowg.th.jpeg" width="180" height="153" alt="Karmic Koala est sortie" style="float:left;padding:0 10px 10px 0;" ></a><p>On y est ! Aujourd&#8217;hui, comme prévu, la nouvelle version d&#8217;Ubuntu est sortie.</p>
<p>Plus d&#8217;infos <a href="http://www.ubuntu.com/products/whatisubuntu/910features">sur le site officiel</a> (en) !</p>
<p class="facebook"><a href="http://www.facebook.com/share.php?u=http://www.loutre.ch/karmic-koala-est-sortie/" target="_blank" title="Share on Facebook">Share on Facebook</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.loutre.ch/karmic-koala-est-sortie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Islande 2009 : Jour 5, Dettifoss et bains naturels</title>
		<link>http://www.loutre.ch/islande-2009-jour-5-dettifoss-et-bains-naturels/</link>
		<comments>http://www.loutre.ch/islande-2009-jour-5-dettifoss-et-bains-naturels/#comments</comments>
		<pubDate>Sat, 17 Oct 2009 15:03:13 +0000</pubDate>
		<dc:creator>Michael Zwyssig</dc:creator>
				<category><![CDATA[Photos]]></category>
		<category><![CDATA[Voyage en Islande]]></category>
		<category><![CDATA[Bains naturels]]></category>
		<category><![CDATA[Dettifoss]]></category>
		<category><![CDATA[Myvatn]]></category>

		<guid isPermaLink="false">http://www.loutre.ch/?p=387</guid>
		<description><![CDATA[<a href="http://www.loutre.ch/islande-2009-jour-5-dettifoss-et-bains-naturels/" title="Islande 2009 : Jour 5, Dettifoss et bains naturels"><img src="http://www.loutre.ch/wp-content/uploads/yapb_cache/img_5073nb.574zae36xl2r6sgsggg000wos.a9sxxja1njre4og884ksckowg.th.jpeg" width="180" height="120" alt="Islande 2009 : Jour 5, Dettifoss et bains naturels" style="float:left;padding:0 10px 10px 0;" ></a>C&#8217;est parti pour Dettifoss ! C&#8217;est déjà un peu un tard, mais c&#8217;est pas grave. Sur la route, trois filles font du stop. Bon, il pleut comme pas possible, il fait super froid (mais vraiment) et y&#8217;a du super vent. On s&#8217;arrête, et on les prend. Elles sont trempes, c&#8217;est drole. Elle viennent de Belgique [...]]]></description>
			<content:encoded><![CDATA[<a href="http://www.loutre.ch/islande-2009-jour-5-dettifoss-et-bains-naturels/" title="Islande 2009 : Jour 5, Dettifoss et bains naturels"><img src="http://www.loutre.ch/wp-content/uploads/yapb_cache/img_5073nb.574zae36xl2r6sgsggg000wos.a9sxxja1njre4og884ksckowg.th.jpeg" width="180" height="120" alt="Islande 2009 : Jour 5, Dettifoss et bains naturels" style="float:left;padding:0 10px 10px 0;" ></a><p>C&#8217;est parti pour Dettifoss ! C&#8217;est déjà un peu un tard, mais c&#8217;est pas grave. Sur la route, trois filles font du stop. Bon, il pleut comme pas possible, il fait super froid (mais vraiment) et y&#8217;a du super vent. On s&#8217;arrête, et on les prend. Elles sont trempes, c&#8217;est drole. Elle viennent de Belgique aussi, mais elles parlent pas français cette fois. Elle vont à Akureyri. Tiens, c&#8217;est dans cette direction ? On leur dit qu&#8217;on peut les poser aux chutes, elles sont d&#8217;accord.<span id="more-387"></span></p>
<p>Arrivés aux chutes, on se dit mais bordel, ça nous rappelle quelque chose. Bon, on s&#8217;est clairement gourrés. On arrive à Godafoss au lieu de Dettifoss. Bon c&#8217;est pas grave, on décide d&#8217;aller se baigner dans les bains naturels vers Myvatn. On les avait vus le jour d&#8217;avant en revenant de Viti.</p>
<p>On arrive de nouveau au lac, c&#8217;est déjà 13h quand on entre dans l&#8217;eau. C&#8217;est beaucoup plus naturel que les bains du Blue Lagoon, c&#8217;est pour dire. Le sol est un peu dégueu, y&#8217;a des courants froids et chauds un peu partout, et surtout, on a les oreilles gelées à cause de la tempête. C&#8217;est agréable une fois qu&#8217;on a trouvé le bon endroit bien chaud, mais faut vraiment faire attention à pas se brûler. C&#8217;est drôle, plus l&#8217;endroit est chaud, plus il y a de cheveux et de trucs gluants entre les cailloux et les rochers. On sort c&#8217;est 17h, je mange un &laquo;&nbsp;<a href="http://fr.wikipedia.org/wiki/Skyr">Skyr</a> met vanilla&nbsp;&raquo; et un coca, et je commence à écrire le journal des jours précédent.</p>
<p>On se décide finalement à quand même aller visiter <a href="http://fr.wikipedia.org/wiki/Dettifoss">Dettifoss</a>,  les chutes les plus puissantes d&#8217;Europe. On se parque. Il fait toujours aussi moche, avec de la pluie et des vents aggresssifs. Dans le guide, ils disaient qu&#8217;on aurait une dizaine de minutes à marcher pour arriver aux chutes même, mais ça nous paraît beaucoup plus long. Le paysage désertique quasi lunaire est impressionnant. La pluie est de plus en plus forte, du moins, c&#8217;est ce qu&#8217;on croit, jusqu&#8217;à ce qu&#8217;on entende un bruit de chute à travers le singlement de l&#8217;eau. On commence à l&#8217;apercevoir. On descend un peu plus bas, et là on comprend le terme &laquo;&nbsp;puissant&nbsp;&raquo; quand on dit que c&#8217;est la chute la puissante d&#8217;Europe. C&#8217;est ahurissant ! On est trempes en moins de deux à cause du vent.</p>
<div id="attachment_389" class="wp-caption alignnone" style="width: 435px"><a href="http://www.loutre.ch/wp-content/uploads/2009/10/IMG_5072.JPG"><img class="size-medium wp-image-389" title="IMG_5072" src="http://www.loutre.ch/wp-content/uploads/2009/10/IMG_5072-425x283.jpg" alt="IMG_5072" width="425" height="283" /></a><p class="wp-caption-text">En descendant voir les chutes de plus près, on était encore &quot;secs&quot;.</p></div>
<p>On s&#8217;approche de plus près. On a doit protéger les appareils photo tellement c&#8217;est humide. Mon pantalon est prêt à être essoré.</p>
<p><a href="http://www.loutre.ch/wp-content/uploads/2009/10/IMG_5077.JPG"><img class="alignnone size-medium wp-image-390" title="IMG_5077" src="http://www.loutre.ch/wp-content/uploads/2009/10/IMG_5077-425x283.jpg" alt="IMG_5077" width="425" height="283" /></a></p>
<p>Je pense que le temps y était pour quelque chose, mais la vision de ces chutes m&#8217;a marqué.</p>
<p><a href="http://www.loutre.ch/wp-content/uploads/2009/10/IMG_50731.JPG"><img class="alignnone size-medium wp-image-391" title="IMG_5073" src="http://www.loutre.ch/wp-content/uploads/2009/10/IMG_50731-425x283.jpg" alt="IMG_5073" width="425" height="283" /></a></p>
<p>On va pas voir Selfoss, on est trop mouillés, on rentre donc directement au camping pour manger et y passer une dernière nuit. On y croise à nouveau Renaud.</p>
<p>C&#8217;est dans<a href="/se-prepare-pour-islande/"> ce post</a> que je faisait une premiere allusion à Dettifoss.</p>
<p class="facebook"><a href="http://www.facebook.com/share.php?u=http://www.loutre.ch/islande-2009-jour-5-dettifoss-et-bains-naturels/" target="_blank" title="Share on Facebook">Share on Facebook</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.loutre.ch/islande-2009-jour-5-dettifoss-et-bains-naturels/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Un menu en onglets (&#160;&#187;Tabs&#160;&#187;) avec CSS</title>
		<link>http://www.loutre.ch/un-menu-en-onglets-tabs-avec-css/</link>
		<comments>http://www.loutre.ch/un-menu-en-onglets-tabs-avec-css/#comments</comments>
		<pubDate>Thu, 15 Oct 2009 07:08:02 +0000</pubDate>
		<dc:creator>Michael Zwyssig</dc:creator>
				<category><![CDATA[Codage]]></category>
		<category><![CDATA[Planet-libre]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[onglets]]></category>
		<category><![CDATA[tabs]]></category>

		<guid isPermaLink="false">http://www.loutre.ch/?p=370</guid>
		<description><![CDATA[Il existe de nombreux menus différents : les menus classiques, soit une grosse barre horizontale, les menus dropdown, les menus verticaux alignés à gauche ou à droite, qui peuvent être plus ou moins complexes, etc. Certains de ces menus sont énormément lourds et quasiment inutilisables, d&#8217;autres très légers sobres. Nous voyons maintenant comment faire une [...]]]></description>
			<content:encoded><![CDATA[<p>Il existe de nombreux menus différents : les menus classiques, soit une grosse barre horizontale, les menus dropdown, les menus verticaux alignés à gauche ou à droite, qui peuvent être plus ou moins complexes, etc. Certains de ces menus sont énormément lourds et quasiment inutilisables, d&#8217;autres très légers sobres. Nous voyons maintenant comment faire une barre de menu horizontale avec des onglets, comme c&#8217;est à la mode de nos jours, sans images ni javascript.</p>
<p><img class="alignnone size-full wp-image-371" title="exemple1" src="http://www.loutre.ch/wp-content/uploads/2009/10/exemple1.png" alt="exemple1" width="437" height="57" /></p>
<p><span id="more-370"></span>Comme tu peux le voir, c&#8217;est sobre et simple. J&#8217;utilise ici simplement deux bordures gris clair et gris plus foncé, l&#8217;une étant sur le lien (<code>a</code>) et l&#8217;autre sur l&#8217;élément de liste (<code>li</code>)</p>
<p>Voici l&#8217;élément actif plus en détail pour bien voir les bordures :</p>
<p><img class="size-full wp-image-372 alignnone" title="exemple1_zoom" src="http://www.loutre.ch/wp-content/uploads/2009/10/exemple1_zoom.png" alt="exemple1_zoom" width="400" height="227" /></p>
<p>Commençons par un code html de base. Dans cet exemple, on utilisera la feuille de style menu.css.</p>
<pre>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;

&lt;head&gt;
 &lt;title&gt;Page de test&lt;/title&gt;
 &lt;meta http-equiv="content-type" content="text/html;charset=utf-8" /&gt;
 &lt;link href="menu.css" media="all" rel="stylesheet" type="text/css"/&gt;
&lt;/head&gt;

&lt;body&gt;

&lt;/body&gt;
&lt;/html&gt;</pre>
<p><em>Tous les morceaux code html qui suivent se situeront dans les balises <code>&lt;body&gt;&lt;/body&gt;</code> .Le code CSS se placera dans la feuille <strong>menu.css.</strong> </em></p>
<p>Mettons en place la structure du menu avec une liste :</p>
<pre>&lt;div id="menu"&gt;
&lt;ul class="menu"&gt;
    &lt;li&gt;Menu 1&lt;/li&gt;
    &lt;li class="actif"&gt;actif&lt;/li&gt;
    &lt;li&gt;Menu 3&lt;/li&gt;
    &lt;li&gt;Menu 4&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;</pre>
<p>Ceci va donner une simple liste pas très belle et qui ne ressemble pas du tout à un menu. Il va falloir commencer à utiliser du CSS !</p>
<pre>/* Base */
body { font-family: "Sans-Serif"; font-size: small } /* Histoire d'avoir une police d'écriture potable */
ul.menu { margin: 0; padding: 0}
ul.menu li { margin: 0; padding: 0; list-style-type:none;}</pre>
<p>On vient d&#8217;enlever les marges et le padding par défaut des éléments de listes parce que c&#8217;est le bordel sinon. Le <code>list-style-type</code> correspond au petit point devant l&#8217;élément de liste. On continue :</p>
<pre>div#menu { float:left;}
ul.menu { float:left;}
ul.menu li {
    display:block;
    float:left; /* ceci place l'élément du dessus à gauche */
}
ul.menu li a { display:block; }

/* Quelques couleurs... : */
.menu a {color: #3F5FA3; text-decoration:none; } /*Du bleu foncé pour les liens (une fois qu'on les aura mis) du menu sans soulignage*/
ul.menu {background: #eeeeec} /* Du gris pour le fond du menu */
/* ...et des espacements */
.menu li {
    margin-right: 20px;
    width: 120px; /* Une plus grand largeur... */
    text-align: center;  /*... et un alignement centré */
}</pre>
<p>La chose commence à être utilisable. Mais bon, on a encore aucun design. Nous allons maintenant définir des hauteurs de ligne (et pas des hauteurs de blocs, parce que ces dernières ne centrent pas le texte verticalement). On veut que notre menu fasse 30px de haut. Nous allons mettre 31px sur l&#8217;extérieur à cause de la bordure et 30px sur l&#8217;élément de liste.</p>
<p>Voici un schéma qui explique ça bien :</p>
<p><img class="alignnone size-full wp-image-377" title="embriquement_tailles" src="http://www.loutre.ch/wp-content/uploads/2009/10/embriquement_tailles.png" alt="embriquement_tailles" width="435" height="122" /></p>
<p>Regarde bien la partie gauche du dessin, on regardera l&#8217;histoire du <code>li</code> actif par la suite. <code>ul.menu</code> et <code>li</code> ont la même taille (une <code>line-height</code> de 30px. À l&#8217;<code>ul.menu</code>, on y rajoute une bordure de 1px. Le <code>div#menu</code> fait donc 31 px. A ce dernier, on y rajoute une autre bordure en gris plus foncé, pour faire un effet d&#8217;ombre.</p>
<pre>div#menu { line-height: 31px; }
ul.menu, ul.menu li { line-height: 30px; }
/* et les couleurs */
ul.menu {border-bottom: 1px solid #DBDBD7; } /*Gris clair */
div#menu {border-bottom: 1px solid #BABDB6; } /* Gris plus foncé */</pre>
<p>Ah, voilà qui nous donne quelque chose de sympa. La structure de base du menu est terminée. Ah non j&#8217;oubliais, notre menu n&#8217;a pas de liens ! (Parce qu&#8217;un menu, c&#8217;est cliquable).</p>
<pre>&lt;div id="menu"&gt;
&lt;ul class="menu"&gt;
    &lt;li&gt;&lt;a href="#"&gt;Menu 1&lt;/a&gt;&lt;/li&gt;
    &lt;li class="actif"&gt;&lt;a href="#"&gt;actif&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Menu 3&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Menu 4&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;</pre>
<p>Maintenant, il faut qu&#8217;on crée les onglets. Voici le schéma qui explique la méthode.</p>
<p><img title="exemple1_zoom_doc" src="../wp-content/uploads/2009/10/exemple1_zoom_doc.png" alt="exemple1_zoom_doc" width="400" height="227" /></p>
<ul>
<li>Sur tous les liens (a) des éléments de liste actifs (li.actif), une bordure de 1px partout sauf en bas, en gris foncé.</li>
<li>Sur tous les éléments de liste actifs (li.actif), une bordure de 1px partout sauf en bas, en gris clair.</li>
<li>On met une bordure de 1px blanche en bas sur les liens et les éléments de liste.</li>
</ul>
<p>Compris ? A vos vim <img src='http://www.loutre.ch/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<pre>li.actif a {
    border: 1px solid #B8BdB6; /* bordure grise partout */
    border-bottom: 1px solid #FFF; /* Ah en fait non, en bas on veut blanc */
}
li.actif  {
    border: 1px solid #DBDCD7;
    border-bottom: 1px solid #FFF;
    background:white; /* Le fond blanc sur le l'élément actif */
}</pre>
<p>Reprenons notre schéma :<br />
<img title="embriquement_tailles" src="http://www.loutre.ch/wp-content/uploads/2009/10/embriquement_tailles.png" alt="embriquement_tailles" width="435" height="122" /></p>
<p>A droite, on voit que les deux bordures (celle de l&#8217;élément de liste et celle du lien) &laquo;&nbsp;poussent&nbsp;&raquo; le l&#8217;élément de liste vers le bas. Comme c&#8217;est mis en place maintenant, il va simplement agrandir l&#8217;<code>ul.menu</code> et le <code>div#menu</code>. Pour éviter cela, on va définir une hauteur fixe pour <code>ul.menu</code> et <code>div#menu</code> d&#8217;un pixel de plus que les valeurs <code>line-height</code>.</p>
<pre>ul.menu {height: 31px}
div#menu {height: 32px}</pre>
<p>La question qui tue : pourquoi ?</p>
<p>Le menu fonctionne (chez moi) avec Firefox 3.5. N&#8217;hésite pas à poster des corrections ou des simplifications (et à me dire à quoi ça rime ce pixel supplémentaire sur les deux hauteurs) !</p>
<p class="facebook"><a href="http://www.facebook.com/share.php?u=http://www.loutre.ch/un-menu-en-onglets-tabs-avec-css/" target="_blank" title="Share on Facebook">Share on Facebook</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.loutre.ch/un-menu-en-onglets-tabs-avec-css/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Islande 2009 : Jour 4, Viti, Lave et baleines</title>
		<link>http://www.loutre.ch/islande-2009-jour-4-viti-lave-et-baleines/</link>
		<comments>http://www.loutre.ch/islande-2009-jour-4-viti-lave-et-baleines/#comments</comments>
		<pubDate>Sun, 11 Oct 2009 13:40:25 +0000</pubDate>
		<dc:creator>Michael Zwyssig</dc:creator>
				<category><![CDATA[Photos]]></category>
		<category><![CDATA[Voyage en Islande]]></category>
		<category><![CDATA[Baleines]]></category>
		<category><![CDATA[dauphins]]></category>
		<category><![CDATA[Húsavik]]></category>
		<category><![CDATA[lave]]></category>
		<category><![CDATA[Viti]]></category>

		<guid isPermaLink="false">http://www.loutre.ch/?p=351</guid>
		<description><![CDATA[<a href="http://www.loutre.ch/islande-2009-jour-4-viti-lave-et-baleines/" title="Islande 2009 : Jour 4, Viti, Lave et baleines"><img src="http://www.loutre.ch/wp-content/uploads/yapb_cache/img_49271.egawrrjevhgq8swsgg8w80880.a9sxxja1njre4og884ksckowg.th.jpeg" width="180" height="120" alt="Islande 2009 : Jour 4, Viti, Lave et baleines" style="float:left;padding:0 10px 10px 0;" ></a>Journée intéressante en perspective. On se lève et oh ! il fait moche. Le brouillard a envahi tout le camping, on voit rien à 100m.
Mine de rien, ça s&#8217;améliore petit à petit. On part direction du lac Viti, un lac intéressant parce qu&#8217;il est situé dans un cratère . Les gens se baignent dedans quand [...]]]></description>
			<content:encoded><![CDATA[<a href="http://www.loutre.ch/islande-2009-jour-4-viti-lave-et-baleines/" title="Islande 2009 : Jour 4, Viti, Lave et baleines"><img src="http://www.loutre.ch/wp-content/uploads/yapb_cache/img_49271.egawrrjevhgq8swsgg8w80880.a9sxxja1njre4og884ksckowg.th.jpeg" width="180" height="120" alt="Islande 2009 : Jour 4, Viti, Lave et baleines" style="float:left;padding:0 10px 10px 0;" ></a><p>Journée intéressante en perspective. On se lève et oh ! il fait moche. Le brouillard a envahi tout le camping, on voit rien à 100m.<span id="more-351"></span></p>
<div id="attachment_353" class="wp-caption alignnone" style="width: 435px"><a href="http://www.loutre.ch/wp-content/uploads/2009/10/IMG_4903.JPG"><img class="size-medium wp-image-353" title="IMG_4903" src="http://www.loutre.ch/wp-content/uploads/2009/10/IMG_4903-425x283.jpg" alt="Mývatn ce matin là" width="425" height="283" /></a><p class="wp-caption-text">Mývatn ce matin là</p></div>
<p>Mine de rien, ça s&#8217;améliore petit à petit. On part direction du lac Viti, un lac intéressant parce qu&#8217;il est situé dans un cratère . Les gens se baignent dedans quand il fait pas trop froid&#8230; ce qui n&#8217;est pas vraiment le cas aujourd&#8217;hui. Un type fait du stop, on le prend. On cause anglais dans la voiture pendant un certain temps, puis on lui demande d&#8217;où il vient, il nous dit qu&#8217;il est de Belgique, et comme des cons on remarque qu&#8217;on peut parler français avec lui. On arrive sur place, on voit plein de vapeur qui sort du sol, c&#8217;est beau ! En plus le soleil commence à pointer le bout de son nez !</p>
<div id="attachment_354" class="wp-caption alignnone" style="width: 435px"><a href="http://www.loutre.ch/wp-content/uploads/2009/10/IMG_4940.JPG"><img class="size-medium wp-image-354" title="IMG_4940" src="http://www.loutre.ch/wp-content/uploads/2009/10/IMG_4940-425x283.jpg" alt="David Popstar" width="425" height="283" /></a><p class="wp-caption-text">David Popstar</p></div>
<p>On se brûle les doigts dans la vapeur parce qu&#8217;on pensait pas que ça serait si chaud. On fait le tour du cratère, un peu plus loin, et on prend plein de photos.</p>
<div id="attachment_364" class="wp-caption alignnone" style="width: 434px"><a href="http://www.loutre.ch/wp-content/uploads/2009/10/lakeviti_small.jpg"><img class="size-medium wp-image-364" title="lakeviti_small" src="http://www.loutre.ch/wp-content/uploads/2009/10/lakeviti_small-424x138.jpg" alt="lakeviti_small" width="424" height="138" /></a><p class="wp-caption-text">Le lac Viti</p></div>
<p>Pour avoir le panorama en taille originale, <a href="http://www.loutre.ch/wp-content/uploads/2009/10/lakeviti.jpg" target="_blank">c&#8217;est par là</a> (5040px*1648px)</p>
<p id="firstHeading">
<div id="attachment_357" class="wp-caption alignnone" style="width: 435px"><a href="http://www.loutre.ch/wp-content/uploads/2009/10/IMG_4997.JPG"><img class="size-medium wp-image-357" title="IMG_4997" src="http://www.loutre.ch/wp-content/uploads/2009/10/IMG_4997-425x283.jpg" alt="Aux alentours du Viti" width="425" height="283" /></a><p class="wp-caption-text">Aux alentours du Viti</p></div>
<p id="firstHeading">
<div id="attachment_355" class="wp-caption alignnone" style="width: 435px"><a href="http://www.loutre.ch/wp-content/uploads/2009/10/IMG_4946.JPG"><img class="size-medium wp-image-355" title="IMG_4946" src="http://www.loutre.ch/wp-content/uploads/2009/10/IMG_4946-425x283.jpg" alt="Un peu de souffre trouvé sur le bord du volcan" width="425" height="283" /></a><p class="wp-caption-text">Un peu de souffre trouvé sur le bord du volcan</p></div>
<p>On embarque Renaud (c&#8217;est son nom) avec nous pour aller voir une énoooorme coulée de lave (Leirhnjúkshraun) qui fait suite à l&#8217;éruption du <a title="Krafla" href="http://fr.wikipedia.org/wiki/Krafla">Krafla</a> (une <a href="http://fr.wikipedia.org/wiki/Caldeira">Caldeira</a>) en 1984. Ça fume encore !</p>
<p>La promenade est sympa et dure environ 45 minutes.</p>
<div id="attachment_358" class="wp-caption alignnone" style="width: 435px"><a href="http://www.loutre.ch/wp-content/uploads/2009/10/IMG_5001.JPG"><img class="size-medium wp-image-358" title="IMG_5001" src="http://www.loutre.ch/wp-content/uploads/2009/10/IMG_5001-425x283.jpg" alt="De gauche à droite : Moi, Piéril, David, Renaud" width="425" height="283" /></a><p class="wp-caption-text">De gauche à droite : Moi, Piéril, David, Renaud</p></div>
<p><a href="http://www.loutre.ch/wp-content/uploads/2009/10/IMG_4995.JPG"><img class="alignnone size-medium wp-image-356" title="IMG_4995" src="http://www.loutre.ch/wp-content/uploads/2009/10/IMG_4995-425x283.jpg" alt="IMG_4995" width="425" height="283" /></a></p>
<p><a href="http://www.loutre.ch/wp-content/uploads/2009/10/IMG_5040.JPG"><img class="alignnone size-medium wp-image-360" title="IMG_5040" src="http://www.loutre.ch/wp-content/uploads/2009/10/IMG_5040-425x283.jpg" alt="IMG_5040" width="425" height="283" /></a></p>
<div id="attachment_359" class="wp-caption alignnone" style="width: 435px"><a href="http://www.loutre.ch/wp-content/uploads/2009/10/IMG_5036.JPG"><img class="size-medium wp-image-359" title="IMG_5036" src="http://www.loutre.ch/wp-content/uploads/2009/10/IMG_5036-425x283.jpg" alt="Ça fume !" width="425" height="283" /></a><p class="wp-caption-text">Ça fume !</p></div>
<p><a href="http://www.loutre.ch/wp-content/uploads/2009/10/IMG_5048.JPG"><img class="alignnone size-medium wp-image-361" title="IMG_5048" src="http://www.loutre.ch/wp-content/uploads/2009/10/IMG_5048-283x425.jpg" alt="IMG_5048" width="283" height="425" /></a></p>
<p>Renaud continue son chemin dans la lave, nous on revient vers la voiture pour aller direction Húsavik, la ville connue pour ses tours en bateau pour voir les baleines (mais c&#8217;est tout).</p>
<p>On a un peu d&#8217;avance, on va se promener vers les falaises au bord de la mer. On a trouvé un jeu super con : éviter les vagues en contournant les falaises. Le problème c&#8217;est que la marée montait. Rapidement ça devenait de plus en plus chaud pour les passer  sans mettre les pieds dans l&#8217;eau. Petit schéma :</p>
<p><img class="alignnone size-full wp-image-365" title="dessin" src="http://www.loutre.ch/wp-content/uploads/2009/10/dessin.png" alt="dessin" width="602" height="258" /></p>
<p>Sauf que les vagues était assez fortes et Inkscape ne permet pas dessiner des vagues fortes en 1min36.</p>
<p>Résultat : Trempe (vraiment) jusqu&#8217;aux genoux sans avoir rien fait de concret. Bon. J&#8217;ai perdu quelque chose dans l&#8217;eau je crois, mais je sais toujours pas quoi. Mais on a bien rigolé. On va voir le musée de la baleine. Y&#8217;a un musée du phallus mais on y va pas, faut pas abuser quand même.  On embarque sur le petit bateau, ça tangue pas trop, c&#8217;est rigolo. On est encore au port, ça doit être ça.</p>
<p><a href="http://www.loutre.ch/wp-content/uploads/2009/10/IMG_5068.JPG"><img class="alignnone size-medium wp-image-362" title="IMG_5068" src="http://www.loutre.ch/wp-content/uploads/2009/10/IMG_5068-425x283.jpg" alt="IMG_5068" width="425" height="283" /></a></p>
<p>Le mec qui présente est sympa, il fait des blagues et des trucs comme ça. Il nous dit que la virée du matin ils ont pas eu de chance, pas vu de baleines, sûrement à cause du temps. Il nous propose de nous rembourser nos billets si on a d&#8217;un coup plus envie d&#8217;aller. On y va quand même, ça sera peut-être rigolo.</p>
<p>C&#8217;était rigolo la première moitié du voyage. Dès qu&#8217;on est arrivés dans la vraie mer, le bateau ne tanguait plus, c&#8217;était carrément des montagnes russes. On s&#8217;est mis tout devant pour mieux profiter de l&#8217;aventure&#8230; et de l&#8217;eau. Inutile de dire qu&#8217;on a fini trempés jusqu&#8217;aux os. Et on a pas vu de baleines, juste des dauphins. Le voyage a duré entre deux et trois heures, c&#8217;était bien assez (j&#8217;étais pas très bien la secondes moitié du voyage&#8230;). On nous offert un beignet et un chocolat chaud à la fin, c&#8217;est mignon. J&#8217;ai pas pris de beignet et j&#8217;ai utilisé le chocolat chaud pour me réchauffer les mains.</p>
<p>On rentre au camping Bjorg, le même que la nuit d&#8217;avant. Les sièges chauffants, c&#8217;est trop bien. On mange avec Renaud, qui est retourné au camping, et deux allemands qui jouent aux cartes. L&#8217;ambiance est sympa, mais on est tellement crevés qu&#8217;on va se coucher, il est 22h. On dormira environ 12 heures.</p>
<p class="facebook"><a href="http://www.facebook.com/share.php?u=http://www.loutre.ch/islande-2009-jour-4-viti-lave-et-baleines/" target="_blank" title="Share on Facebook">Share on Facebook</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.loutre.ch/islande-2009-jour-4-viti-lave-et-baleines/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
