A place to cache linked articles (think custom and personal wayback machine)
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

index.html 32KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang=fr>
  4. <!-- Has to be within the first 1024 bytes, hence before the <title>
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset=utf-8>
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name=viewport content="width=device-width,minimum-scale=1,initial-scale=1,shrink-to-fit=no">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Vis ma vie dans un van (archive) — David Larlet</title>
  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
  17. <link rel="manifest" href="/manifest.json">
  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">
  20. <meta name="apple-mobile-web-app-title" content="David Larlet">
  21. <meta name="application-name" content="David Larlet">
  22. <meta name="msapplication-TileColor" content="#da532c">
  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
  24. <meta name="theme-color" content="#f0f0ea">
  25. <!-- That good ol' feed, subscribe :p. -->
  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">
  27. <meta name="robots" content="noindex, nofollow">
  28. <meta content="origin-when-cross-origin" name="referrer">
  29. <!-- Canonical URL for SEO purposes -->
  30. <link rel="canonical" href="https://www.bruitsilencieux.fr/2018/04/08/vis-ma-vie-dans-un-van/">
  31. <style>
  32. /* http://meyerweb.com/eric/tools/css/reset/ */
  33. html, body, div, span,
  34. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  35. a, abbr, address, big, cite, code,
  36. del, dfn, em, img, ins,
  37. small, strike, strong, tt, var,
  38. dl, dt, dd, ol, ul, li,
  39. fieldset, form, label, legend,
  40. table, caption, tbody, tfoot, thead, tr, th, td,
  41. article, aside, canvas, details, embed,
  42. figure, figcaption, footer, header, hgroup,
  43. menu, nav, output, ruby, section, summary,
  44. time, mark, audio, video {
  45. margin: 0;
  46. padding: 0;
  47. border: 0;
  48. font-size: 100%;
  49. font: inherit;
  50. vertical-align: baseline;
  51. }
  52. /* HTML5 display-role reset for older browsers */
  53. article, aside, details, figcaption, figure,
  54. footer, header, hgroup, menu, nav, section { display: block; }
  55. body { line-height: 1; }
  56. blockquote, q { quotes: none; }
  57. blockquote:before, blockquote:after,
  58. q:before, q:after {
  59. content: '';
  60. content: none;
  61. }
  62. table {
  63. border-collapse: collapse;
  64. border-spacing: 0;
  65. }
  66. /* http://practicaltypography.com/equity.html */
  67. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
  68. /* https://www.filamentgroup.com/lab/js-web-fonts.html */
  69. @font-face {
  70. font-family: 'EquityTextB';
  71. src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
  72. url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  73. font-weight: 300;
  74. font-style: normal;
  75. font-display: swap;
  76. }
  77. @font-face {
  78. font-family: 'EquityTextB';
  79. src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
  80. url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  81. font-weight: 300;
  82. font-style: italic;
  83. font-display: swap;
  84. }
  85. @font-face {
  86. font-family: 'EquityTextB';
  87. src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
  88. url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  89. font-weight: 700;
  90. font-style: normal;
  91. font-display: swap;
  92. }
  93. @font-face {
  94. font-family: 'ConcourseT3';
  95. src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),
  96. url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');
  97. font-weight: 300;
  98. font-style: normal;
  99. font-display: swap;
  100. }
  101. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
  102. body {
  103. /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  104. font-family: "EquityTextB", Palatino, serif;
  105. background-color: #f0f0ea;
  106. color: #07486c;
  107. font-kerning: normal;
  108. -moz-osx-font-smoothing: grayscale;
  109. -webkit-font-smoothing: subpixel-antialiased;
  110. text-rendering: optimizeLegibility;
  111. font-variant-ligatures: common-ligatures contextual;
  112. font-feature-settings: "kern", "liga", "clig", "calt";
  113. }
  114. pre, code, kbd, samp, var, tt {
  115. font-family: 'TriplicateT4c', monospace;
  116. }
  117. em {
  118. font-style: italic;
  119. color: #323a45;
  120. }
  121. strong {
  122. font-weight: bold;
  123. color: black;
  124. }
  125. nav {
  126. background-color: #323a45;
  127. color: #f0f0ea;
  128. display: flex;
  129. justify-content: space-around;
  130. padding: 1rem .5rem;
  131. }
  132. nav:last-child {
  133. border-bottom: 1vh solid #2d7474;
  134. }
  135. nav a {
  136. color: #f0f0ea;
  137. }
  138. nav abbr {
  139. border-bottom: 1px dotted white;
  140. }
  141. h1 {
  142. border-top: 1vh solid #2d7474;
  143. border-bottom: .2vh dotted #2d7474;
  144. background-color: #e3e1e1;
  145. color: #323a45;
  146. text-align: center;
  147. padding: 5rem 0 4rem 0;
  148. width: 100%;
  149. font-family: 'ConcourseT3';
  150. display: flex;
  151. flex-direction: column;
  152. }
  153. h1.single {
  154. padding-bottom: 10rem;
  155. }
  156. h1 span {
  157. position: absolute;
  158. top: 1vh;
  159. left: 20%;
  160. line-height: 0;
  161. }
  162. h1 span a {
  163. line-height: 1.7;
  164. padding: 1rem 1.2rem .6rem 1.2rem;
  165. border-radius: 0 0 6% 6%;
  166. background: #2d7474;
  167. font-size: 1.3rem;
  168. color: white;
  169. text-decoration: none;
  170. }
  171. h2 {
  172. margin: 4rem 0 1rem;
  173. border-top: .2vh solid #2d7474;
  174. padding-top: 1vh;
  175. }
  176. h3 {
  177. text-align: center;
  178. margin: 3rem 0 .75em;
  179. }
  180. hr {
  181. height: .4rem;
  182. width: .4rem;
  183. border-radius: .4rem;
  184. background: #07486c;
  185. margin: 2.5rem auto;
  186. }
  187. time {
  188. display: bloc;
  189. margin-left: 0 !important;
  190. }
  191. ul, ol {
  192. margin: 2rem;
  193. }
  194. ul {
  195. list-style-type: square;
  196. }
  197. a {
  198. text-decoration-skip-ink: auto;
  199. text-decoration-thickness: 0.05em;
  200. text-underline-offset: 0.09em;
  201. }
  202. article {
  203. max-width: 50rem;
  204. display: flex;
  205. flex-direction: column;
  206. margin: 2rem auto;
  207. }
  208. article.single {
  209. border-top: .2vh dotted #2d7474;
  210. margin: -6rem auto 1rem auto;
  211. background: #f0f0ea;
  212. padding: 2rem;
  213. }
  214. article p:last-child {
  215. margin-bottom: 1rem;
  216. }
  217. p {
  218. padding: 0 .5rem;
  219. margin-left: 3rem;
  220. }
  221. p + p,
  222. figure + p {
  223. margin-top: 2rem;
  224. }
  225. blockquote {
  226. background-color: #e3e1e1;
  227. border-left: .5vw solid #2d7474;
  228. display: flex;
  229. flex-direction: column;
  230. align-items: center;
  231. padding: 1rem;
  232. margin: 1.5rem;
  233. }
  234. blockquote cite {
  235. font-style: italic;
  236. }
  237. blockquote p {
  238. margin-left: 0;
  239. }
  240. figure {
  241. border-top: .2vh solid #2d7474;
  242. background-color: #e3e1e1;
  243. text-align: center;
  244. padding: 1.5rem 0;
  245. margin: 1rem 0 0;
  246. font-size: 1.5rem;
  247. width: 100%;
  248. }
  249. figure img {
  250. max-width: 250px;
  251. max-height: 250px;
  252. border: .5vw solid #323a45;
  253. padding: 1px;
  254. }
  255. figcaption {
  256. padding: 1rem;
  257. line-height: 1.4;
  258. }
  259. aside {
  260. display: flex;
  261. flex-direction: column;
  262. background-color: #e3e1e1;
  263. padding: 1rem 0;
  264. border-bottom: .2vh solid #07486c;
  265. }
  266. aside p {
  267. max-width: 50rem;
  268. margin: 0 auto;
  269. }
  270. /* https://fvsch.com/code/css-locks/ */
  271. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  272. font-size: 1rem;
  273. line-height: calc( 1.5em + 0.2 * 1rem );
  274. }
  275. h1 {
  276. font-size: 1.9rem;
  277. line-height: calc( 1.2em + 0.2 * 1rem );
  278. }
  279. h2 {
  280. font-size: 1.6rem;
  281. line-height: calc( 1.3em + 0.2 * 1rem );
  282. }
  283. h3 {
  284. font-size: 1.35rem;
  285. line-height: calc( 1.4em + 0.2 * 1rem );
  286. }
  287. @media (min-width: 20em) {
  288. /* The (100vw - 20rem) / (50 - 20) part
  289. resolves to 0-1rem, depending on the
  290. viewport width (between 20em and 50em). */
  291. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  292. font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );
  293. line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
  294. margin-left: 0;
  295. }
  296. h1 {
  297. font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  298. line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  299. }
  300. h2 {
  301. font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  302. line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  303. }
  304. h3 {
  305. font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  306. line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  307. }
  308. }
  309. @media (min-width: 50em) {
  310. /* The right part of the addition *must* be a
  311. rem value. In this example we *could* change
  312. the whole declaration to font-size:2.5rem,
  313. but if our baseline value was not expressed
  314. in rem we would have to use calc. */
  315. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  316. font-size: calc( 1rem + .6 * 1rem );
  317. line-height: 1.5em;
  318. }
  319. p, li, pre, details {
  320. margin-left: 3rem;
  321. }
  322. h1 {
  323. font-size: calc( 1.9rem + 1.5 * 1rem );
  324. line-height: 1.2em;
  325. }
  326. h2 {
  327. font-size: calc( 1.5rem + 1.5 * 1rem );
  328. line-height: 1.3em;
  329. }
  330. h3 {
  331. font-size: calc( 1.35rem + 1.5 * 1rem );
  332. line-height: 1.4em;
  333. }
  334. figure img {
  335. max-width: 500px;
  336. max-height: 500px;
  337. }
  338. }
  339. figure.unsquared {
  340. margin-bottom: 1.5rem;
  341. }
  342. figure.unsquared img {
  343. height: inherit;
  344. }
  345. @media print {
  346. body { font-size: 100%; }
  347. a:after { content: " (" attr(href) ")"; }
  348. a, a:link, a:visited, a:after {
  349. text-decoration: underline;
  350. text-shadow: none !important;
  351. background-image: none !important;
  352. background: white;
  353. color: black;
  354. }
  355. abbr[title] { border-bottom: 0; }
  356. abbr[title]:after { content: " (" attr(title) ")"; }
  357. img { page-break-inside: avoid; }
  358. @page { margin: 2cm .5cm; }
  359. h1, h2, h3 { page-break-after: avoid; }
  360. p3 { orphans: 3; widows: 3; }
  361. img {
  362. max-width: 250px !important;
  363. max-height: 250px !important;
  364. }
  365. nav, aside { display: none; }
  366. }
  367. ul.with_columns {
  368. column-count: 1;
  369. }
  370. @media (min-width: 20em) {
  371. ul.with_columns {
  372. column-count: 2;
  373. }
  374. }
  375. @media (min-width: 50em) {
  376. ul.with_columns {
  377. column-count: 3;
  378. }
  379. }
  380. ul.with_two_columns {
  381. column-count: 1;
  382. }
  383. @media (min-width: 20em) {
  384. ul.with_two_columns {
  385. column-count: 1;
  386. }
  387. }
  388. @media (min-width: 50em) {
  389. ul.with_two_columns {
  390. column-count: 2;
  391. }
  392. }
  393. .gallery {
  394. display: flex;
  395. flex-wrap: wrap;
  396. justify-content: space-around;
  397. }
  398. .gallery figure img {
  399. margin-left: 1rem;
  400. margin-right: 1rem;
  401. }
  402. .gallery figure figcaption {
  403. font-family: 'ConcourseT3'
  404. }
  405. footer {
  406. font-family: 'ConcourseT3';
  407. display: flex;
  408. flex-direction: column;
  409. border-top: 3px solid white;
  410. padding: 4rem 0;
  411. background-color: #07486c;
  412. color: white;
  413. }
  414. footer > * {
  415. max-width: 50rem;
  416. margin: 0 auto;
  417. }
  418. footer a {
  419. color: #f1c40f;
  420. }
  421. footer .avatar {
  422. width: 200px;
  423. height: 200px;
  424. border-radius: 50%;
  425. float: left;
  426. -webkit-shape-outside: circle();
  427. shape-outside: circle();
  428. margin-right: 2rem;
  429. padding: 2px 5px 5px 2px;
  430. background: white;
  431. border-left: 1px solid #f1c40f;
  432. border-top: 1px solid #f1c40f;
  433. border-right: 5px solid #f1c40f;
  434. border-bottom: 5px solid #f1c40f;
  435. }
  436. </style>
  437. <h1>
  438. <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  439. Vis ma vie dans un van (archive)
  440. <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
  441. </h1>
  442. <section>
  443. <article>
  444. <h3><a href="https://www.bruitsilencieux.fr/2018/04/08/vis-ma-vie-dans-un-van/">Source originale du contenu</a></h3>
  445. <p>Et si on vous racontait un peu notre quotidien ? Parce que derrière ces incroyables routes, ces beaux paysages et ces nuits étoilées se cache toute une organisation. La vie en van en fait rêver plus d’un·e mais elle n’est pas toujours de tout repos. On est loin du confort de notre bel (ancien) appartement et ses 100m2. En quittant tout, boulot et appartement, on savait qu’on allait devoir vivre sans tout un tas de choses et avec un revenu bien moindre (quand revenu il y a).</p>
  446. <p>Trouver un endroit où se doucher, un autre endroit où manger et parfois un autre pour dormir, sans parler des toilettes, oui nous passons nos journées à chercher ces petits bouts de confort qu’on avait à porté de main à Strasbourg. Heureusement qu’il y a des applications comme <em>WikiCamps</em> ou <em>Campermate</em> qui nous aident grandement à trouver tout ça sur la route.</p>
  447. <p>Après des mois de vadrouille on ne s’en rend plus bien compte, c’est devenu notre joyeuse routine. Cette nouvelle organisation se fait toute seule, dans la joie et la bonne humeur, sans réelle contrainte si ce n’est le nombre de kilomètres et parfois la météo.</p>
  448. <h2>Mais où dormir ?</h2>
  449. <p>N’importe où, ou presque. Le camping sauvage n’est pas autorisé en Nouvelle Zélande mais il y a un nombre incroyable de campings gratuits ou très peu chers (entre 5 et 13$ la nuit). Il existe aussi des zones dans certaines régions où seuls les véhicules self-contained (comme c’est notre cas) peuvent stationner au bord de la route.</p>
  450. <p>Peu importe l’endroit où nous nous trouvons, il suffit d’ouvrir les applications <a href="https://www.campermate.co.nz/">Campermate</a> ou <a href="https://wikicamps.co.nz/">WikiCamps</a> pour voir ce qu’il y a dans le coin. Au milieu des montagnes, en pleine forêt, face à la mer ou sur un parking en plein centre-ville, c’est le genre de lieu où nous dormons chaque soir.</p>
  451. <p>Malheureusement, la très forte affluence de voyageurs dans le pays rend la recherche parfois compliquée. Les campings (gratuits ou non) sont blindés dès 17h ou pire, certains campings gratuits sont fermés définitivement parce que cela devenait ingérable pour le <a href="https://www.doc.govt.nz/">DOC</a> (<em>Department Of Conservation</em>) ou la région (on ne compte plus le nombre de campings qui ont fermé en 6 mois), on doit alors poursuivre notre route à la recherche d’un autre endroit ouvert ou plus calme afin d’éviter de dormir les uns sur les autres. Parfois on trouve un autre camping à seulement 10km, parfois 40km (beaucoup) plus loin.</p>
  452. <figure class="gallery-item">
  453. <figcaption class="wp-caption-text gallery-caption" id="gallery-2-1896">
  454. Notre spot près de Wanaka où nous dormons depuis 2 mois déjà
  455. </figcaption></figure>
  456. <figure class="gallery-item">
  457. <figcaption class="wp-caption-text gallery-caption" id="gallery-2-1870">
  458. Au bord du lac Hāwea
  459. </figcaption></figure>
  460. <figure class="gallery-item">
  461. <figcaption class="wp-caption-text gallery-caption" id="gallery-2-1669">
  462. Wellington, un peu éloigné de l’agitation de son centre-ville
  463. </figcaption></figure>
  464. <figure class="gallery-item">
  465. <figcaption class="wp-caption-text gallery-caption" id="gallery-2-1636">
  466. S’endormir avec le bruit de la mer
  467. </figcaption>
  468. </figure>
  469. <h2>Comment vont nos estomacs ?</h2>
  470. <p>Pas trop mal, en tout cas on arrive à se nourrir correctement, presque comme à la maison. Notre petit van est équipé d’une cuisine avec le strict minimum : un brûleur à gaz, un évier avec son robinet (manuel) et tous les accessoires pour cuisiner. Pas de four mais surtout pas de frigo dont on se passe très bien au final.</p>
  471. <p>On lit souvent sur les groupes Facebook que la bouffe semble être un gros problème pour les voyageurs·euses en Nouvelle-Zélande mais pour notre part, étant vegan·ne·s, nous passons à côté des nombreux fast-foods, des pâtisseries bien (trop) sucrées, des produits déjà cuisinés et nous ne sommes pas en manque de fromage, de beurre, de crème fraîche et autres saucissons. On fait nos courses comme on l’a toujours fait et on trouve assez facilement ce dont nous avons besoin. Sauf peut-être une bonne baguette de pain ou de la vraie moutarde forte. =)</p>
  472. <p>Globalement c’est assez facile d’être vegan en Nouvelle-Zélande, tout est bien indiqué sur chaque produit (“<em>suitable for vegan/vegetarians</em>”) et le pays accueillant beaucoup de personnes venant d’Asie, on trouve souvent un rayon “international” dans les supermarchés et de nombreuses épiceries indiennes/chinoises/japonaises dont on raffole.</p>
  473. <p>Mais surtout, le pays produit énormément de fruits et légumes (merci le climat !) en tout genre et on peut facilement s’approvisionner en s’arrêtant dans les petits stands au bord de la route ; ça ne coûte pas grand chose (c’est 2 voire 3 fois moins cher qu’en supermarché), on y trouve parfois des légumes bios et l’argent, qu’on dépose dans une petite boîte, ira directement dans la poche de l’agriculteur ou agricultrice.</p>
  474. <p>Les fruits et légumes sont par contre très chers en supermarché, c’est même parfois hors de prix. Que ce soit un produit local ou venant de l’autre bout du monde, les prix sont identiques (il semblerait que ce soit un choix du pays). Consommer bio ou éco-responsable ça a un coût assez important en Nouvelle-Zélande comparé à la France où ça reste relativement accessible (ou en tout cas ça le devient). C’est donc parfois compliqué de trouver des produits sains, non transformés et sans sucre ajouté (il y a du sucre et du miel un peu partout ici).</p>
  475. <p>Mais dans l’ensemble on mange plutôt bien. On préfère avoir un budget bouffe un peu plus important, se faire plaisir et manger correctement. L’estomac, c’est un peu notre deuxième cerveau, en le nourrissant bien on ne peut que se sentir bien. =)</p>
  476. <p>Lorsqu’on veut se faire plaisir — ou qu’on a un peu la flemme de cuisiner, l’application <a href="https://www.happycow.net/">Happy Cow</a> est notre meilleure amie et nous fourni toujours une belle liste d’endroits <em>vegan friendly</em>. Je continue d’ailleurs à alimenter ce merveilleux réseau avec des nouvelles adresses pas encore recensées ou des photos de tous ces délicieux plats déjà savourés en Nouvelle-Zélande. Cette application nous suit un peu partout dans nos voyages depuis 3-4 ans.</p>
  477. <h2>Je dois faire pipi</h2>
  478. <p>Avoir accès facilement et tout le temps à des toilettes est sans aucun doute un des plus gros conforts au monde, avec l’accès à l’eau. Encore une fois, la Nouvelle-Zélande est plutôt bien équipée à ce niveau-là puisqu’on trouve des toilettes absolument partout, même en haut d’un volcan ! Bon, dans la très grande majorité des cas il s’agit de toilettes sèches. Certaines expériences sont plus marquantes que d’autres et devoir se soulager dans ce genre de toilettes devient un vrai supplice, mais dans l’ensemble c’est assez propre et entretenu. Le pipi qui survient en plein milieu de la nuit est aussi une sacré expérience, surtout quand il faut marcher quelques centaines de mètres, la frontale sur la tête, et qu’il fait presque 0°.</p>
  479. <p>Quand nous avons l’embarras du choix, il nous arrive même de lire les avis sur les différentes toilettes qui nous entourent, parce que oui les gens laissent aussi des commentaires de leurs expériences pipi-caca sur <em>Campermate</em> et <em>Wikicamps</em>. Les commentaires sont parfois drôles.</p>
  480. <p>Des toilettes d’un supermarché, d’une bibliothèque, d’une grande place publique, d’un bar/café, d’un chemin de randonnée, d’une plage, des nombreux campings où nous avons dormi ou tout simplement posées au bord de la route, on pourrait presque rédiger un guide des toilettes néo-zélandaises !</p>
  481. <h2>L’heure de la douche</h2>
  482. <p>Piscines publiques, centres sportifs, stations d’essence, douches de plage ou douches de camping, parfois gratuites (comme à la plage, mais l’eau sera froide) ou payantes, comme pour les toilettes, on en aura vu des endroits pour se doucher. Mais dans la plupart des cas ça reste un “confort” payant : 1 à 5$ la douche en moyenne ou plus si on décide carrément de passer la nuit dans un camping pour profiter des commodités.</p>
  483. <p>La douche bien fraîche tous les matins, c’est fini depuis bien longtemps pour nous. On hésitait à investir dans une douche solaire mais finalement on se contente d’une toilette de chat ou d’un saut dans la rivière (souvent glaciale) pour se rafraîchir un peu entre deux douches. C’est plutôt vivifiant.</p>
  484. <figure class="gallery-item">
  485. <figcaption class="wp-caption-text gallery-caption" id="gallery-7-1898">
  486. Notre « piscine » naturelle pour un petit rafraîchissement
  487. </figcaption></figure>
  488. <figure class="gallery-item">
  489. </figure>
  490. <h2>Les joies de la lessive</h2>
  491. <p>Tous les 5-6 jours arrive le moment où le linge sale est (beaucoup) plus important que le linge propre. On voyage avec pas grand chose, juste de quoi tenir 5-6 jours niveau sous-vêtements et notre garde-robe se limite au strict minimum : 2 jeans, 3-4 t-shirts, une chemise, un pull, une polaire et nos sous-vêtements thermiques. Et encore, depuis que nous vivons en van nous nous sommes un peu encombrés avec 2-3 shorts et 1 ou 2 t-shirts en plus. On sait qu’on se débarrassera de la moitié à la fin de notre périple néo-zélandais, quand on poursuivra notre route avec notre sac à dos.</p>
  492. <p>Il y a une laverie dans la plupart des villes et ça nous coûte en général 4 à 10$ et 30 minutes à 1h de notre temps. Beaucoup de campings, même modestes, ont des lave-linges à disposition. Parfois c’est gratuit (chouette !), parfois ça nous coûte quelques pièces. Pour économiser un peu, surtout en plein été, on zappe l’étape “sèche-linge” et on tente de sécher notre linge comme on peut sous les puissants rayons du soleil néo-zélandais. Notre van se transforme alors en énorme étendoir à linges. Ajoutons à cela un petit vent pour que ce soit parfait et tout est sec en 30 minutes top chrono !</p>
  493. <h2>Et l’eau dans tout ça ?</h2>
  494. <p>C’est quand nous n’avons plus accès à certaines choses qu’on prend conscience de la valeur que cela représente. C’est notamment le cas de l’eau courante. Notre van est équipé d’un bidon de 35L d’eau claire et de 35L d’eau grise, selon les normes de la certification <em>self-contained</em>. L’eau claire, il faut la chercher tous les 2-3 jours dans une station de vidange (<em>dump station</em> en anglais). C’est l’endroit où on fait l’approvisionnement en eau claire et où on vide notre eau grise. On en trouve assez facilement en Nouvelle-Zélande et encore une fois grâce aux applications <em>Campermate</em> et <em>Wikicamps</em>. Il y a des régions où il y en a moins, notamment sur la côte ouest de l’île du sud, ce qui nous demande d’être encore plus vigilant·e quant à notre consommation d’eau.</p>
  495. <h2>La gestion des déchets</h2>
  496. <p>Même si nous vivons avec le minimum, nous produisons forcément des déchets. Nos habitudes n’ont pas vraiment changé de notre vie en France, on continue de trier les déchets. On a une toute petite poubelle de 8 ou 10L pour les déchets organiques ou non-recyclables et le reste — papier, carton, plastique, conserve, bouteille en verre — est entreposé quelque part dans le van jusqu’à ce qu’on trouve une déchetterie où déposer tout ça.</p>
  497. <p>Parfois c’est un peu compliqué de trouver des poubelles de tri, il y a tellement de campings (gratuits ou non) qui proposent une seule et unique benne à ordures où tout le monde balance tout dedans. Même quand ça déborde les gens s’acharnent à tout déposer à côté, ce qu’on a un peu de mal à comprendre… Ça ne coûte rien de garder ses déchets encore quelques kilomètres, le temps de trouver un autre endroit. C’est notamment ce genre de comportement qui pousse à la fermeture des campings gratuits.</p>
  498. <h2>“Free wifi!”</h2>
  499. <p>Ici internet c’est cher, très cher. Oubliez les forfaits Sosh ou Free et ses 25 ou 40go de data. La plupart des forfaits mobiles néo-zélandais premiers prix ne proposent que 1,25go de data par mois. Au mieux, on peut avoir 10go mais pour plusieurs dizaines de dollars.</p>
  500. <p>On profite donc très souvent des spots wifi gratuits qu’on peut trouver sur la route, que ce soit dans un café, une librairie, un camping ou parfois même en plein centre ville. Mais dans la grande majorité des cas le réseau wifi est une catastrophe. Il faut être terriblement patient·e pour naviguer. Je me suis déjà arraché les cheveux pour transférer mes photos sur ce blog ou sur Flickr.<br/>
  501. Il y a aussi de nombreux endroits où le wifi est limité (30 minutes pour certains, 1h pour d’autres) ou pire, cela peut même être payant ; c’est assez dingue le nombre de campings/auberges où c’est le cas alors que tu paies déjà 25$ la nuit par personne.</p>
  502. <p>Nous sommes donc beaucoup moins connecté·e·s (mais genre beaucoup moins, surtout pour moi qui bossait dans le web) et ce n’est pas plus mal, au contraire. Les soirées, les apéros ou les pauses au boulot se font loin de nos téléphones. Moi qui étais en overdose d’internet, ce rythme me convient bien.</p>
  503. <h2>Moins de confort, plus de réflexion</h2>
  504. <p>C’est un mode de vie qui pousse encore plus à la réflexion quant à notre impact sur l’environnement. Bien que nous étions déjà sensibles à tout ça avant de partir et qu’on tentait d’améliorer notre consommation et notre quotidien depuis quelques temps, cette expérience en van avec le minimum vital nous a davantage poussé dans notre réflexion et amélioré notre façon de vivre et de consommer (oui, on s’améliore avec moins de choses).</p>
  505. <p>On se rapproche toujours un peu plus vers du “fait-maison”, on privilégie toujours autant les produits locaux, on réfléchi deux voire trois fois avant d’acheter quelque chose, on préfère l’occasion au tout neuf — et ça tombe bien en Nouvelle-Zélande il y a énormément de boutiques de seconde main — tout en s’éloignant des produits en plastique. On trouve facilement des alternatives en fibre de bambou par exemple, comme nos brosses à dents ou nos couettes/oreillers par exemple.</p>
  506. <p>On prend aussi plus de temps à ne rien faire, profiter d’un endroit absolument magnifique et admirer les nombreux spectacles que nous offrent la nature : un coucher de soleil, la Voie Lactée qui s’installe, les mouettes qui essaient de voler nos chaussures, le reflet de l’incroyable lune sur un lac, les canards qui veulent partager le petit déjeuner avec nous, les milliers d’oiseaux qui chantent tout autour, l’océan qui se jette sur les falaises. Notre cerveau est moins brouillé par nos errances sur internet ou notre bing-watching sur Netflix (bon même si parfois on aimerait bien pouvoir se regarder 1 ou 2 petits épisodes).</p>
  507. <p>Je crois que nous n’avions jamais été aussi proches de la nature. La vie citadine nous manque parfois, les concerts, le ciné, les apéros avec les ami·e·s en terrasse, les différents événements culturels, les cheesecake vegan dans notre café préféré, mais cette pause dans notre vie (rythmée) à l’autre bout du monde dans un pays où la nature est omniprésente est plus qu’appréciable et nous fera sans aucun doute revenir un peu différemment. Mais avant de revenir il y a quelques pays en Asie qui nous attendent, le périple est en cours de préparation. Nous avons hâte de découvrir toutes ces cultures qui seront totalement nouvelles pour nous. =)</p>
  508. </article>
  509. </section>
  510. <nav id="jumpto">
  511. <p>
  512. <a href="/david/blog/">Accueil du blog</a> |
  513. <a href="https://www.bruitsilencieux.fr/2018/04/08/vis-ma-vie-dans-un-van/">Source originale</a> |
  514. <a href="/david/stream/2019/">Accueil du flux</a>
  515. </p>
  516. </nav>
  517. <footer>
  518. <div>
  519. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  520. <p>
  521. Bonjour/Hi!
  522. Je suis <a href="/david/" title="Profil public">David&nbsp;Larlet</a>, je vis actuellement à Montréal et j’alimente cet espace depuis 15 ans. <br>
  523. Si tu as apprécié cette lecture, n’hésite pas à poursuivre ton exploration. Par exemple via les <a href="/david/blog/" title="Expériences bienveillantes">réflexions bimestrielles</a>, la <a href="/david/stream/2019/" title="Pensées (dés)articulées">veille hebdomadaire</a> ou en t’abonnant au <a href="/david/log/" title="S’abonner aux publications via RSS">flux RSS</a> (<a href="/david/blog/2019/flux-rss/" title="Tiens c’est quoi un flux RSS ?">so 2005</a>).
  524. </p>
  525. <p>
  526. Je m’intéresse à la place que je peux avoir dans ce monde. En tant qu’humain, en tant que membre d’une famille et en tant qu’associé d’une coopérative. De temps en temps, je fais aussi des <a href="https://github.com/davidbgk" title="Principalement sur Github mais aussi ailleurs">trucs techniques</a>. Et encore plus rarement, <a href="/david/talks/" title="En ce moment je laisse plutôt la place aux autres">j’en parle</a>.
  527. </p>
  528. <p>
  529. Voici quelques articles choisis :
  530. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  531. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  532. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  533. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  534. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  535. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  536. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  537. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  538. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  539. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  540. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  541. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  542. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  543. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  544. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  545. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  546. </p>
  547. <p>
  548. On peut <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">échanger par courriel</a>. Si éventuellement tu souhaites que l’on travaille ensemble, tu devrais commencer par consulter le <a href="http://larlet.com">profil dédié à mon activité professionnelle</a> et/ou contacter directement <a href="http://scopyleft.fr/">scopyleft</a>, la <abbr title="Société coopérative et participative">SCOP</abbr> dont je fais partie depuis six ans. Je recommande au préalable de lire <a href="/david/blog/2018/cout-site/" title="Attention ce qui va suivre peut vous choquer">combien coûte un site</a> et pourquoi je suis plutôt favorable à une <a href="/david/pro/devis/" title="Discutons-en !">non-demande de devis</a>.
  549. </p>
  550. <p>
  551. Je ne traque pas ta navigation mais mon
  552. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  553. conserve des logs d’accès.
  554. </p>
  555. </div>
  556. </footer>
  557. <script type="text/javascript">
  558. ;(_ => {
  559. const jumper = document.getElementById('jumper')
  560. jumper.addEventListener('click', e => {
  561. e.preventDefault()
  562. const anchor = e.target.getAttribute('href')
  563. const targetEl = document.getElementById(anchor.substring(1))
  564. targetEl.scrollIntoView({behavior: 'smooth'})
  565. })
  566. })()
  567. </script>