Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 34KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906
  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>Héritage et immobilier — 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. <!-- Canonical URL for SEO purposes -->
  28. <link rel="canonical" href="https://larlet.fr/david/blog/2014/heritage-immobilier/">
  29. <!-- SEO/Semantic metadata -->
  30. <meta name="description" content="La chose la plus importante dont il a besoin c’est de l’attention et du temps de tendresse disponible." />
  31. <meta name="twitter:description" property="og:description" itemprop="description" content="La chose la plus importante dont il a besoin c’est de l’attention et du temps de tendresse disponible." />
  32. <meta name="twitter:title" property="og:title" itemprop="name" content="Héritage et immobilier" />
  33. <meta name="twitter:card" content="summary" />
  34. <meta name="twitter:creator" content="@davidbgk" />
  35. <meta name="twitter:url" property="og:url" content="https://larlet.fr/david/blog/2014/heritage-immobilier/" />
  36. <meta property="og:type" content="article" />
  37. <meta property="og:site_name" content="David Larlet (@davidbgk)" />
  38. <meta name="twitter:image" property="og:image" itemprop="image" content="https://larlet.fr/static/david/blog/2014/heritage-immobilier.jpg" />
  39. <style>
  40. /* http://meyerweb.com/eric/tools/css/reset/ */
  41. html, body, div, span,
  42. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  43. a, abbr, address, big, cite, code,
  44. del, dfn, em, img, ins,
  45. small, strike, strong, tt, var,
  46. dl, dt, dd, ol, ul, li,
  47. fieldset, form, label, legend,
  48. table, caption, tbody, tfoot, thead, tr, th, td,
  49. article, aside, canvas, details, embed,
  50. figure, figcaption, footer, header, hgroup,
  51. menu, nav, output, ruby, section, summary,
  52. time, mark, audio, video {
  53. margin: 0;
  54. padding: 0;
  55. border: 0;
  56. font-size: 100%;
  57. font: inherit;
  58. vertical-align: baseline;
  59. }
  60. /* HTML5 display-role reset for older browsers */
  61. article, aside, details, figcaption, figure,
  62. footer, header, hgroup, menu, nav, section { display: block; }
  63. body { line-height: 1; }
  64. blockquote, q { quotes: none; }
  65. blockquote:before, blockquote:after,
  66. q:before, q:after {
  67. content: '';
  68. content: none;
  69. }
  70. table {
  71. border-collapse: collapse;
  72. border-spacing: 0;
  73. }
  74. /* http://practicaltypography.com/equity.html */
  75. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
  76. /* https://www.filamentgroup.com/lab/js-web-fonts.html */
  77. @font-face {
  78. font-family: 'EquityTextB';
  79. src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
  80. url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  81. font-weight: 300;
  82. font-style: normal;
  83. font-display: swap;
  84. }
  85. @font-face {
  86. font-family: 'EquityTextB';
  87. src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
  88. url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  89. font-weight: 300;
  90. font-style: italic;
  91. font-display: swap;
  92. }
  93. @font-face {
  94. font-family: 'EquityTextB';
  95. src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
  96. url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  97. font-weight: 700;
  98. font-style: normal;
  99. font-display: swap;
  100. }
  101. @font-face {
  102. font-family: 'ConcourseT3';
  103. src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),
  104. url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');
  105. font-weight: 300;
  106. font-style: normal;
  107. font-display: swap;
  108. }
  109. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
  110. body {
  111. /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  112. font-family: "EquityTextB", Palatino, serif;
  113. background-color: #f0f0ea;
  114. color: #07486c;
  115. font-kerning: normal;
  116. -moz-osx-font-smoothing: grayscale;
  117. -webkit-font-smoothing: subpixel-antialiased;
  118. text-rendering: optimizeLegibility;
  119. font-variant-ligatures: common-ligatures contextual;
  120. font-feature-settings: "kern", "liga", "clig", "calt";
  121. }
  122. pre, code, kbd, samp, var, tt {
  123. font-family: 'TriplicateT4c', monospace;
  124. }
  125. em {
  126. font-style: italic;
  127. color: #323a45;
  128. }
  129. strong {
  130. font-weight: bold;
  131. color: black;
  132. }
  133. nav {
  134. background-color: #323a45;
  135. color: #f0f0ea;
  136. display: flex;
  137. justify-content: space-around;
  138. padding: 1rem .5rem;
  139. }
  140. nav:last-child {
  141. border-bottom: 1vh solid #2d7474;
  142. }
  143. nav a {
  144. color: #f0f0ea;
  145. }
  146. nav abbr {
  147. border-bottom: 1px dotted white;
  148. }
  149. h1 {
  150. border-top: 1vh solid #2d7474;
  151. border-bottom: .2vh dotted #2d7474;
  152. background-color: #e3e1e1;
  153. color: #323a45;
  154. text-align: center;
  155. padding: 5rem 0 4rem 0;
  156. width: 100%;
  157. font-family: 'ConcourseT3';
  158. display: flex;
  159. flex-direction: column;
  160. }
  161. h1.single {
  162. padding-bottom: 10rem;
  163. }
  164. h1 span {
  165. position: absolute;
  166. top: 1vh;
  167. left: 20%;
  168. line-height: 0;
  169. }
  170. h1 span a {
  171. line-height: 1.7;
  172. padding: 1rem 1.2rem .6rem 1.2rem;
  173. border-radius: 0 0 6% 6%;
  174. background: #2d7474;
  175. font-size: 1.3rem;
  176. color: white;
  177. text-decoration: none;
  178. }
  179. h2 {
  180. margin: 4rem 0 1rem;
  181. border-top: .2vh solid #2d7474;
  182. padding-top: 1vh;
  183. }
  184. h3 {
  185. text-align: center;
  186. margin: 3rem 0 .75em;
  187. }
  188. hr {
  189. height: .4rem;
  190. width: .4rem;
  191. border-radius: .4rem;
  192. background: #07486c;
  193. margin: 2.5rem auto;
  194. }
  195. time {
  196. display: bloc;
  197. margin-left: 0 !important;
  198. }
  199. ul, ol {
  200. margin: 2rem;
  201. }
  202. ul {
  203. list-style-type: square;
  204. }
  205. a {
  206. text-decoration-skip-ink: auto;
  207. text-decoration-thickness: 0.05em;
  208. text-underline-offset: 0.09em;
  209. }
  210. article {
  211. max-width: 50rem;
  212. display: flex;
  213. flex-direction: column;
  214. margin: 2rem auto;
  215. }
  216. article.single {
  217. border-top: .2vh dotted #2d7474;
  218. margin: -6rem auto 1rem auto;
  219. background: #f0f0ea;
  220. padding: 2rem;
  221. }
  222. article p:last-child {
  223. margin-bottom: 1rem;
  224. }
  225. p {
  226. padding: 0 .5rem;
  227. margin-left: 3rem;
  228. }
  229. p + p,
  230. figure + p {
  231. margin-top: 2rem;
  232. }
  233. blockquote {
  234. background-color: #e3e1e1;
  235. border-left: .5vw solid #2d7474;
  236. display: flex;
  237. flex-direction: column;
  238. align-items: center;
  239. padding: 1rem;
  240. margin: 1.5rem;
  241. }
  242. blockquote cite {
  243. font-style: italic;
  244. }
  245. blockquote p {
  246. margin-left: 0;
  247. }
  248. figure {
  249. border-top: .2vh solid #2d7474;
  250. background-color: #e3e1e1;
  251. text-align: center;
  252. padding: 1.5rem 0;
  253. margin: 1rem 0 0;
  254. font-size: 1.5rem;
  255. width: 100%;
  256. }
  257. figure img {
  258. max-width: 250px;
  259. max-height: 250px;
  260. border: .5vw solid #323a45;
  261. padding: 1px;
  262. }
  263. figcaption {
  264. padding: 1rem;
  265. line-height: 1.4;
  266. }
  267. aside {
  268. display: flex;
  269. flex-direction: column;
  270. background-color: #e3e1e1;
  271. padding: 1rem 0;
  272. border-bottom: .2vh solid #07486c;
  273. }
  274. aside p {
  275. max-width: 50rem;
  276. margin: 0 auto;
  277. }
  278. /* https://fvsch.com/code/css-locks/ */
  279. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  280. font-size: 1rem;
  281. line-height: calc( 1.5em + 0.2 * 1rem );
  282. }
  283. h1 {
  284. font-size: 1.9rem;
  285. line-height: calc( 1.2em + 0.2 * 1rem );
  286. }
  287. h2 {
  288. font-size: 1.6rem;
  289. line-height: calc( 1.3em + 0.2 * 1rem );
  290. }
  291. h3 {
  292. font-size: 1.35rem;
  293. line-height: calc( 1.4em + 0.2 * 1rem );
  294. }
  295. @media (min-width: 20em) {
  296. /* The (100vw - 20rem) / (50 - 20) part
  297. resolves to 0-1rem, depending on the
  298. viewport width (between 20em and 50em). */
  299. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  300. font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );
  301. line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
  302. margin-left: 0;
  303. }
  304. h1 {
  305. font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  306. line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  307. }
  308. h2 {
  309. font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  310. line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  311. }
  312. h3 {
  313. font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  314. line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  315. }
  316. }
  317. @media (min-width: 50em) {
  318. /* The right part of the addition *must* be a
  319. rem value. In this example we *could* change
  320. the whole declaration to font-size:2.5rem,
  321. but if our baseline value was not expressed
  322. in rem we would have to use calc. */
  323. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  324. font-size: calc( 1rem + .6 * 1rem );
  325. line-height: 1.5em;
  326. }
  327. p, li, pre, details {
  328. margin-left: 3rem;
  329. }
  330. h1 {
  331. font-size: calc( 1.9rem + 1.5 * 1rem );
  332. line-height: 1.2em;
  333. }
  334. h2 {
  335. font-size: calc( 1.5rem + 1.5 * 1rem );
  336. line-height: 1.3em;
  337. }
  338. h3 {
  339. font-size: calc( 1.35rem + 1.5 * 1rem );
  340. line-height: 1.4em;
  341. }
  342. figure img {
  343. max-width: 500px;
  344. max-height: 500px;
  345. }
  346. }
  347. figure.unsquared {
  348. margin-bottom: 1.5rem;
  349. }
  350. figure.unsquared img {
  351. height: inherit;
  352. }
  353. @media print {
  354. body { font-size: 100%; }
  355. a:after { content: " (" attr(href) ")"; }
  356. a, a:link, a:visited, a:after {
  357. text-decoration: underline;
  358. text-shadow: none !important;
  359. background-image: none !important;
  360. background: white;
  361. color: black;
  362. }
  363. abbr[title] { border-bottom: 0; }
  364. abbr[title]:after { content: " (" attr(title) ")"; }
  365. img { page-break-inside: avoid; }
  366. @page { margin: 2cm .5cm; }
  367. h1, h2, h3 { page-break-after: avoid; }
  368. p3 { orphans: 3; widows: 3; }
  369. img {
  370. max-width: 250px !important;
  371. max-height: 250px !important;
  372. }
  373. nav, aside { display: none; }
  374. }
  375. ul.with_columns {
  376. column-count: 1;
  377. }
  378. @media (min-width: 20em) {
  379. ul.with_columns {
  380. column-count: 2;
  381. }
  382. }
  383. @media (min-width: 50em) {
  384. ul.with_columns {
  385. column-count: 3;
  386. }
  387. }
  388. ul.with_two_columns {
  389. column-count: 1;
  390. }
  391. @media (min-width: 20em) {
  392. ul.with_two_columns {
  393. column-count: 1;
  394. }
  395. }
  396. @media (min-width: 50em) {
  397. ul.with_two_columns {
  398. column-count: 2;
  399. }
  400. }
  401. .gallery {
  402. display: flex;
  403. flex-wrap: wrap;
  404. justify-content: space-around;
  405. }
  406. .gallery figure img {
  407. margin-left: 1rem;
  408. margin-right: 1rem;
  409. }
  410. .gallery figure figcaption {
  411. font-family: 'ConcourseT3'
  412. }
  413. footer {
  414. font-family: 'ConcourseT3';
  415. display: flex;
  416. flex-direction: column;
  417. border-top: 3px solid white;
  418. padding: 4rem 0;
  419. background-color: #07486c;
  420. color: white;
  421. }
  422. footer > * {
  423. max-width: 50rem;
  424. margin: 0 auto;
  425. }
  426. footer a {
  427. color: #f1c40f;
  428. }
  429. footer .avatar {
  430. width: 200px;
  431. height: 200px;
  432. border-radius: 50%;
  433. float: left;
  434. -webkit-shape-outside: circle();
  435. shape-outside: circle();
  436. margin-right: 2rem;
  437. padding: 2px 5px 5px 2px;
  438. background: white;
  439. border-left: 1px solid #f1c40f;
  440. border-top: 1px solid #f1c40f;
  441. border-right: 5px solid #f1c40f;
  442. border-bottom: 5px solid #f1c40f;
  443. }
  444. </style>
  445. <h1 class="single">
  446. <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  447. Héritage et immobilier
  448. <time>Publié le 1 août 2014</time>
  449. </h1>
  450. <article class="single">
  451. <blockquote>
  452. <p>— Tu n’en as pas marre de payer un loyer ?<br />
  453. — Non, <em>tirade sur la <a href="/david/blog/2013/proprieterre/">propriété</a>, fléau de cette société</em>.<br />
  454. — Mais pour ton fils ?!!!</p>
  455. </blockquote>
  456. <p>La discussion revient souvent donc pour clarifier :</p>
  457. <ul>
  458. <li><em>Faire un achat immobilier consiste à s’endetter</em> et donc à se condamner à assurer un revenu sur x années. Cela réduit considérablement les options possibles pour passer plus de temps avec mon fils. Le loyer est le prix de cette flexibilité.</li>
  459. <li><em>Acquérir une maison c’est s’immobiliser</em> et donc renoncer à une vie nomade permettant de rencontrer d’autres cultures. Je ne souhaite pas que du matériel vienne entraver une soif de découverte et d’expériences. Le loyer est le prix de cette liberté.</li>
  460. <li><em>Léguer c’est déchirer une famille</em>, je n’ai pas vu un seul héritage dans mon entourage qui se soit déroulé sans accrocs. Je ne pense pas que le gain soit à la hauteur de l’enjeu. Vraiment. Le loyer est le prix de cette intégrité.</li>
  461. </ul>
  462. <p>J’espère que mon fils aura hérité de bien d’autres choses pour être autonome, bienveillant et heureux dans la vie. La richesse que je lui propose d’accumuler n’est pas matérielle, elle ne se mesure pas en m², elle n’est pas spéculative non plus. <strong>La chose la plus importante dont il a besoin c’est de l’attention et du temps de tendresse disponible.</strong></p>
  463. <p>Pas un tas de cailloux.</p>
  464. </article>
  465. <section>
  466. <h3>Discussion suite à l’article :</h3>
  467. <article id="comment-1" class="comment">
  468. <p>Alors,</p>
  469. <p>ben ca n’arrive que très rarement, c’est peut être même la première fois, mais je ne suis pas du tout d’accord avec toi.</p>
  470. <p>Pour moi la notion de propriété c’est :</p>
  471. <ul>
  472. <li>Une notion de stabilité. Ne plus être à ’la merci’ d’un proprio qui va pouvoir révoquer mon bail parce qu’il veut vendre ou installer un membre de sa famille à ma place. Et que je veux pouvoir offrir à ma fille un peu de stabilité, ne pas voir à changer de maison, voir d’école, de quartier d’une manière subie.</li>
  473. <li>Une notion de réduction de mon empreinte financière. Parce que oui, on a encore 22 ans de crédit (au lieu de 22 de loyer), mais dans 22 ans, plus de crédit, plus de loyer, donc la possibilité de dire ’ok, maintenant on n’a besoin que de très peu de revenu, donc on peut alléger tout ca, réduire notre besoin financier, notre temps de travail, notre empreinte financière’.</li>
  474. <li>Une assurance que je ne réduirais pas le scope des choix de vie possible de ma fille. Il se peut que d’ici 50 ans, je (ou ma chérie, ou nous deux) ne puissions plus vivre chez nous, sans pour autant être des légumes, juste parfois, la santé fait que c’est mieux de ne plus être seul (même en couple) chez soi. Un dispositif d’accueil comme une maison de retraite, cela coûte cher. Je refuse que ma fille puisse se voir réduite dans ses choix de vie parce qu’il faut ’payer pour papa et maman’. </li>
  475. </ul>
  476. <p><cite>Jean-Michel Armand, le <a href="#comment-1">2014-08-01 à 15:42</a></cite></p>
  477. </article>
  478. <article id="comment-2" class="comment">
  479. <p>On peut tout contrebalancer et c’est pour cela qu’il est important de comprendre que ce sont des choix de vie et plus encore de philosophie de vie. Plutôt que de se mettre en désaccord, il serait plus intéressant de regarder la discussion sous l’angle de ce choix entraîne cet ensemble de conséquences sans nécessairement les dénigrer.</p>
  480. <blockquote>
  481. <ul>
  482. <li>Une notion de stabilité. </li>
  483. </ul>
  484. </blockquote>
  485. <p>La stabilité est un concept qui pour certains sera pris comme un élément mortifère et pour d’autres comme un élément sécurisant pour entreprendre. Cela dépend beaucoup des personnalités.</p>
  486. <blockquote>
  487. <p>Ne plus être à ’la merci’ d’un proprio</p>
  488. </blockquote>
  489. <p>En étant proprio on est à la merci d’autres contraintes. L’important c’est de les comprendre et de savoir celles que l’on veut choisir. Dans les exemples de contraintes : On est proprio que dans quelques dizaines d’années. La banque est "propriétaire" par le système de la dette. On est à la merci des catastrophes naturelles pour la valeur et la pérennité du bien. Les changements de maison, de zones géographiques, etc peuvent être générateur d’expériences positives aussi. Choix de vie. Donc les deux propositions sont intéressantes.</p>
  490. <blockquote>
  491. <ul>
  492. <li>Une notion de réduction de mon empreinte financière.</li>
  493. </ul>
  494. </blockquote>
  495. <p>Ça c’est aussi une autre valeur difficile à considérer. En effet, on peut se dire que c’est un bénéfice sur le long terme. Encore une fois, c’est aussi un pari sur l’avenir. Maladie, changement économique mondial, type de propriété que l’on achète (une maison préformée qui n’aura que peu d’intérêt dans 30 ans), le changement de l’environnement (autoroute, industries, milieu urbain environnant, etc.) </p>
  496. <blockquote>
  497. <ul>
  498. <li>Une assurance que je ne réduirais pas le scope des choix de vie possible de ma fille.</li>
  499. </ul>
  500. </blockquote>
  501. <p>En fait si, tout comme le choix de David, le fait de choisir un ensemble de contraintes est une minimisation, une réduction des possibilités pour le futur. C’est un choix esthétique (au sens philosophique). Par exemple, un couple peut espérer vivre jusqu’à 90 ans, si le couple a eu son enfant à 30 ans, cela signifie que la maison est léguée au 60 ans de l’enfant (si l’enfant est seul), soit proche de l’âge de la retraite. Il est également probable que d’ici là cette même personne est déjà des enfants à la vie active âgée de 30 ans. Donc si on parle de transmission de nos jours, il faut plutôt penser petits-enfants et arrières petits-enfants plutôt qu’enfant. Et le coût de la transmission en France est une grosse charge financière, ce qui est normal, mais qui est un sacré boulet pour le futur.</p>
  502. <p>J’ai déjà vécu sur 3 continents (France, Canada, Japon), je ne sais pas où je serais dans le futur. La question viendra au moment venu si je ne meurs pas d’ici là. Maladie, tremblement de terre, tsunami, accidents, … :)</p>
  503. <p><cite>Karl Dubost, le <a href="#comment-2">2014-08-02 à 11:08</a></cite></p>
  504. </article>
  505. <article id="comment-3" class="comment">
  506. <p>Il y a plusieurs débats dans le débat.</p>
  507. <h4>Propriétaire ou locataire</h4>
  508. <p>C’est avant tout un choix de ce que tu fais avec ton argent, en fonction
  509. de ce que tu cherches à accomplir dans ton parcours de vie.</p>
  510. <p>Au regard de ton compte en banque, rembourser 700€ de crédit bancaire ou
  511. 700€ de loyer, ça fera -700€ chaque mois sur ton compte. Et il te faudra
  512. donc travailler suffisamment pour continuer à bénéficier d’un toit.</p>
  513. <p>Tu peux bien entendu vivre sans toit, mais ça impliquera une vie plutôt
  514. nomadique. Auquel cas ne se pose même plus la question d’être
  515. propriétaire ou locataire. C’est un choix de vie.</p>
  516. <p>Tu es propriétaire et tu veux aller vivre ailleurs ? Soit : loue/achète
  517. ailleurs et vends/reloue à quelqu’un d’autre. C’est quelques tracas lors
  518. des transitions mais ça s’arrête là.
  519. Tu es locataire et tu veux vivre ailleurs ? Tu résilies ton bail et en
  520. contracte un autre.</p>
  521. <p>Dans les deux cas, tu n’es pas libre : tu dois payer pour vivre sous ce
  522. toit. Tu dois travailler pour dormir quelque part. Et pour travailler tu
  523. dois également bien souvent vivre quelque part (ou alors avoir une boîte
  524. postale chez un parent/proche/bureau postal).
  525. À une différence près : c’est qu’une fois le crédit payé, tu es bien
  526. propriétaire et t’acquittes seulement des taxes concernées.</p>
  527. <p>Un CDD c’est plus de liberté qu’un CDI ? Aucun des deux n’apporte plus
  528. de garanties que l’autre.
  529. La location n’apporte pas plus de liberté qu’une propriété.</p>
  530. <h4>Transmission par héritage</h4>
  531. <p>L’indivision rend les choses compliquées. Si tu lis des histoires sur le
  532. bail unique de colocation, ou sur le régime de la communauté de biens
  533. dans le cadre du mariage, tu verras émerger les mêmes patterns : les
  534. conditions de départ ne font pas les conditions d’arrivée.
  535. Et à chaque fois, c’est la dépendance/difficulté de s’affranchir d’un
  536. monolithe qui est difficile, et coûteux, en temps, en émotions.</p>
  537. <p>Soit tu décides de léguer le bien à une seule personne, soit tu
  538. constitues une SCI à laquelle appartiennent les héritiers. L’occupant de
  539. la maison loue à la SCI, et si le propriétaire décède, le futur occupant
  540. de la maison paiera à son tour le loyer.</p>
  541. <p>On est d’accord qu’en fin de compte, avoir deux enfants et un seul bien
  542. immobilier, c’est beaucoup d’efforts pour le conserver. Autrement, pas
  543. d’attachement émotionnel : vente au décès du propriétaire, et le produit
  544. de la vente est réparti équitablement entre les héritiers désignés.</p>
  545. <h4>Liberté vs. Autonomie</h4>
  546. <p>Après avoir un peu trotté dans la montagne ces derniers jours, je pense
  547. que la véritable autonomie débute quand tu peux réduire ta dépendance à
  548. des obligations qui régulent ton rythme de vie.</p>
  549. <p>Si dans 5 ans j’ai payé mon crédit, j’ai également réduit ma dépendance
  550. au travail pénible, au travail pour manger, au travail pour le travail.
  551. Si dans quelques dizaines d’années j’ai transmis mon toit à mon ou mes
  552. enfants, c’est pour leur réduire la dépendance au travail pénible, et
  553. leur permettre de trouver leur propre voix vers leur autonomie, </p>
  554. <p>Idéalement t’as pas besoin de plus d’une propriété par tête de pipe. Si
  555. tu as en davantage et en vit, là tu es un riche capitaliste : ton argent
  556. ne vient plus de la force de ton travail mais de celui de ton capital.
  557. Et c’est autre débat ;-)</p>
  558. <p>Le temps dégagé du travail-nourriture, c’est le temps à apporter au
  559. travail-utile.
  560. Si dans 5 ans j’ai payé mon crédit, et ne nécessite qu’un mois de
  561. travail-nourriture pour payer mes taxes à la société, ça veut dire que
  562. j’ai 11 mois de travail-utile pour apprendre, transmettre et contribuer.</p>
  563. <p>Et c’est ça qu’on vise en fin de compte, cette autonomie.</p>
  564. <p><cite>Thomas Parisot, le <a href="#comment-3">2014-09-03 à 19:09</a></cite></p>
  565. </article>
  566. </section>
  567. <figure class="image" property="schema:image">
  568. <img src="/static/david/blog/2014/heritage-immobilier.jpg" alt="" />
  569. </figure>
  570. <nav id="jumpto">
  571. <p>
  572. <a rel=prev href="/david/blog/2014/jeune-photographe/">← Jeune photographe</a> | <a href="/david/blog/" title="Retour à la liste des expériences">↑</a> | <a rel=next href="/david/blog/2014/un-web-omni-present/">Un web omni-présent →</a>
  573. </p>
  574. </nav>
  575. <footer>
  576. <div>
  577. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  578. <p>
  579. Bonjour/Hi!
  580. 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>
  581. 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>).
  582. </p>
  583. <p>
  584. 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>.
  585. </p>
  586. <p>
  587. Les dernières publications hebdomadaires sont :
  588. </p>
  589. <ul class="with_columns">
  590. <li>
  591. <a href="/david/stream/2019/12/31/">Merci</a>
  592. </li>
  593. <li>
  594. <a href="/david/stream/2019/12/27/">Intemporels</a>
  595. </li>
  596. <li>
  597. <a href="/david/stream/2019/12/24/">Outils</a>
  598. </li>
  599. <li>
  600. <a href="/david/stream/2019/12/17/">Origines</a>
  601. </li>
  602. <li>
  603. <a href="/david/stream/2019/12/10/">Publier</a>
  604. </li>
  605. <li>
  606. <a href="/david/stream/2019/12/03/">En forêt</a>
  607. </li>
  608. <li>
  609. <a href="/david/stream/2019/11/26/">Ecocentric</a>
  610. </li>
  611. <li>
  612. <a href="/david/stream/2019/11/19/">Se livrer</a>
  613. </li>
  614. <li>
  615. <a href="/david/stream/2019/11/12/">Dépendances</a>
  616. </li>
  617. <li>
  618. <a href="/david/stream/2019/11/05/">Positif</a>
  619. </li>
  620. <li>
  621. <a href="/david/stream/2019/10/29/">Dettes</a>
  622. </li>
  623. <li>
  624. <a href="/david/stream/2019/10/22/">Privilèges</a>
  625. </li>
  626. <li>
  627. <a href="/david/stream/2019/10/15/">Discrétion</a>
  628. </li>
  629. <li>
  630. <a href="/david/stream/2019/10/08/">Désespérance</a>
  631. </li>
  632. <li>
  633. <a href="/david/stream/2019/10/01/">Présent</a>
  634. </li>
  635. <li>
  636. <a href="/david/stream/2019/09/24/">Manifester</a>
  637. </li>
  638. <li>
  639. <a href="/david/stream/2019/09/17/">Arpenter</a>
  640. </li>
  641. <li>
  642. <a href="/david/stream/2019/09/10/">Nostalgie</a>
  643. </li>
  644. <li>
  645. <a href="/david/stream/2019/09/03/">Déconstruire</a>
  646. </li>
  647. <li>
  648. <a href="/david/stream/2019/08/27/">Documenter</a>
  649. </li>
  650. <li>
  651. <a href="/david/stream/2019/08/20/">Frustration</a>
  652. </li>
  653. <li>
  654. <a href="/david/stream/2019/08/13/">Holisme</a>
  655. </li>
  656. <li>
  657. <a href="/david/stream/2019/08/06/">1%</a>
  658. </li>
  659. <li>
  660. <a href="/david/stream/2019/07/30/">Exemplarité</a>
  661. </li>
  662. <li>
  663. <a href="/david/stream/2019/07/23/">Timelines</a>
  664. </li>
  665. <li>
  666. <a href="/david/stream/2019/07/16/">Écoute</a>
  667. </li>
  668. <li>
  669. <a href="/david/stream/2019/07/02/">Anxiété</a>
  670. </li>
  671. <li>
  672. <a href="/david/stream/2019/06/21/">À lier</a>
  673. </li>
  674. <li>
  675. <a href="/david/stream/2019/06/14/">Pauvreté</a>
  676. </li>
  677. <li>
  678. <a href="/david/stream/2019/06/07/">Amateur</a>
  679. </li>
  680. <li>
  681. <a href="/david/stream/2019/05/31/">Pollution</a>
  682. </li>
  683. <li>
  684. <a href="/david/stream/2019/05/24/">Apaisement</a>
  685. </li>
  686. <li>
  687. <a href="/david/stream/2019/05/10/">Folie</a>
  688. </li>
  689. <li>
  690. <a href="/david/stream/2019/05/03/">Sympathie</a>
  691. </li>
  692. <li>
  693. <a href="/david/stream/2019/04/12/">Péremption</a>
  694. </li>
  695. <li>
  696. <a href="/david/stream/2019/04/05/">Définitions</a>
  697. </li>
  698. <li>
  699. <a href="/david/stream/2019/03/29/">Acceptation</a>
  700. </li>
  701. <li>
  702. <a href="/david/stream/2019/03/22/">Dissonance</a>
  703. </li>
  704. <li>
  705. <a href="/david/stream/2019/03/15/">Reconnaissance</a>
  706. </li>
  707. <li>
  708. <a href="/david/stream/2019/03/08/">Lecture</a>
  709. </li>
  710. <li>
  711. <a href="/david/stream/2019/03/01/">Journaux</a>
  712. </li>
  713. <li>
  714. <a href="/david/stream/2019/02/22/">Écriture</a>
  715. </li>
  716. <li>
  717. <a href="/david/stream/2019/02/15/">Kyriarchie</a>
  718. </li>
  719. <li>
  720. <a href="/david/stream/2019/02/08/">Mots-serrures</a>
  721. </li>
  722. <li>
  723. <a href="/david/stream/2019/02/01/">Sans voie</a>
  724. </li>
  725. <li>
  726. <a href="/david/stream/2019/01/25/">Auto-diagnostic</a>
  727. </li>
  728. <li>
  729. <a href="/david/stream/2019/01/18/">Agilité</a>
  730. </li>
  731. <li>
  732. <a href="/david/stream/2019/01/11/">Métaphores</a>
  733. </li>
  734. <li>
  735. <a href="/david/stream/2019/01/04/">Balbutiements</a>
  736. </li>
  737. </ul>
  738. <p>
  739. Voici quelques articles choisis :
  740. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  741. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  742. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  743. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  744. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  745. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  746. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  747. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  748. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  749. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  750. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  751. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  752. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  753. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  754. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  755. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  756. </p>
  757. <p>
  758. 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>.
  759. </p>
  760. <p>
  761. Je ne traque pas ta navigation mais mon
  762. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  763. conserve des logs d’accès.
  764. </p>
  765. </div>
  766. </footer>
  767. <script type="text/javascript">
  768. ;(_ => {
  769. const jumper = document.getElementById('jumper')
  770. jumper.addEventListener('click', e => {
  771. e.preventDefault()
  772. const anchor = e.target.getAttribute('href')
  773. const targetEl = document.getElementById(anchor.substring(1))
  774. targetEl.scrollIntoView({behavior: 'smooth'})
  775. })
  776. })()
  777. </script>
  778. <script>
  779. /* Service workers */
  780. if (navigator.serviceWorker) {
  781. window.addEventListener('load', function () {
  782. var selector = 'a[href^="/david/cache/"], a[rel=prev], a[rel=next]'
  783. function sendLinks (selector) {
  784. var links = [].slice.call(document.querySelectorAll(selector)).map(function (link) {
  785. return link.getAttribute('href')
  786. })
  787. links.push(location.pathname) // Put the current page in cache too.
  788. navigator.serviceWorker.controller.postMessage({ links: links })
  789. }
  790. navigator.serviceWorker.getRegistration()
  791. .then(function (registration) {
  792. if (!registration || !navigator.serviceWorker.controller) {
  793. return navigator.serviceWorker.register('/serviceworker.js')
  794. .then(navigator.serviceWorker.ready)
  795. .then(function () {
  796. console.log('[ServiceWorker] Ready to go!')
  797. })
  798. .catch(console.error.bind(console))
  799. } else {
  800. console.log('[ServiceWorker] Send links via registration')
  801. sendLinks(selector)
  802. }
  803. })
  804. navigator.serviceWorker.addEventListener('controllerchange', function () {
  805. console.log('[ServiceWorker] Send links via controller change')
  806. sendLinks(selector)
  807. })
  808. navigator.serviceWorker.addEventListener('message', function (event) {
  809. var link = document.querySelector('a[href="' + event.data.link + '"]')
  810. if (event.data.status && link) {
  811. link.style.backgroundColor = '#2d7474'
  812. link.style.color = '#f0f0ea'
  813. link.setAttribute('title', 'En cache pour consultation sans connexion')
  814. }
  815. })
  816. })
  817. } else {
  818. console.warn('[ServiceWorker] No cache for old browsers.')
  819. }
  820. </script>