A place to cache linked articles (think custom and personal wayback machine)
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 29KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534
  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>Agir en lien avec ses valeurs, est souvent vu comme du courage… et si c’était tout l’inverse (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://medium.com/@maxime_bdb/agir-en-lien-avec-ses-valeurs-est-souvent-vu-comme-du-courage-et-cest-tout-l-inverse-33d5229b1522">
  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. Agir en lien avec ses valeurs, est souvent vu comme du courage… et si c’était tout l’inverse (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://medium.com/@maxime_bdb/agir-en-lien-avec-ses-valeurs-est-souvent-vu-comme-du-courage-et-cest-tout-l-inverse-33d5229b1522">Source originale du contenu</a></h3>
  445. <section><div>
  446. <div class="section-inner sectionLayout--insetColumn"><p name="9523" id="9523" class="graf graf--p graf-after--figure">Mardi dernier, j’animais un atelier sur le thème « comment identifier ses valeurs ». Lors d’une discussion, un participant a fait une réflexion que j’ai trouvée particulièrement éclairante :</p><blockquote name="1f82" id="1f82" class="graf graf--blockquote graf-after--p">« Agir de manière alignée avec ses valeurs est très souvent vu comme un acte de courage par les gens autour de vous, alors que c’est souvent tout l’inverse ».</blockquote><p name="8ba3" id="8ba3" class="graf graf--p graf-after--blockquote"><strong class="markup--strong markup--p-strong">« Agir de manière alignée avec ses valeurs est très souvent vu comme un acte de courage par les gens autour de vous, alors que c’est souvent tout l’inverse »</strong>. Je la répète car si vous ne deviez retenir qu’une idée de cet article c’est celle-là. Je l’illustre et j’explique mon interprétation, mais elle résume tout le message que je veux faire passer.</p><p name="58d4" id="58d4" class="graf graf--p graf-after--p">Je pense que cette réflexion m’a marqué car je la trouve particulièrement adaptée à ma situation: tout ce que je fais, je le propose en prix libre. C’est à dire que c’est mon interlocuteur qui choisit le montant de ma prestation. <strong class="markup--strong markup--p-strong">Dernièrement, beaucoup de gens me disaient que c’était osé et pourtant cela ne résonnait pas du tout pour moi.</strong></p><p name="44d6" id="44d6" class="graf graf--p graf-after--p">En regardant un peu en arrière, je me rends compte que mes valeurs expliquent tout à fait pourquoi ce choix est tout sauf courageux (pour moi). J’ai notamment deux valeurs très importantes : l’honnêteté intellectuelle et la confiance.</p><p name="1495" id="1495" class="graf graf--p graf-after--p">Ma définition* de l’honnêteté intellectuelle, c’est d’une part la capacité à se remettre en question et à faire évoluer ses idées, et d’autre part le fait de ne jamais prétendre pouvoir faire quelque chose sans être sûr de pouvoir le faire et sans être convaincu que c’est pertinent. Pour la confiance, dans cette situation c’est très liée à la première valeur car je m’attache à ne surtout pas rompre la confiance qu’on m’accorde. <em class="markup--em markup--p-em">(*je dis bien ma définition car ce que veulent dire ces valeurs pour moi et comment je les traduis en comportements est tout à fait personnel)</em></p><h4 name="85ed" id="85ed" class="graf graf--h4 graf-after--p">Step 1: le prix libre par peur de rompre la confiance qu’on m’accordait</h4><p name="5204" id="5204" class="graf graf--p graf-after--h4">J’accompagne des projets à identifier leur raison d’être et les valeurs de l’équipe. J’ai commencé à le faire avec 3 projets qui sont venus me chercher car j’avais défini la raison d’être et les valeurs d’une association que j’avais créée, et cela leur a semblé pertinent dans leur contexte. J’avais donc filé un coup de main à trois personnes qui avaient perçu l’intérêt de la démarche. Trois personnes de mon réseau qui plus est. J’avais adoré ces trois accompagnements et les porteurs de projets avaient fait preuve de beaucoup d’enthousiasme. J’avais un format qui me plaisait, qui semblait avoir l’impact que je voulais avoir et qui plaisait aux participants. Je me suis donc mis à l’envisager comme une offre.</p><p name="8153" id="8153" class="graf graf--p graf-after--p">Cependant, transformer un service en une offre revenait dans mon cas à passer d’une dynamique dans laquelle on venait me chercher à une démarche dans laquelle je propose quelque chose. <strong class="markup--strong markup--p-strong">Le fait de le construire en offre revenait à dire que je prétendais pouvoir le faire. Ce changement a créé un vrai syndrome d’imposteur chez moi.</strong> Je l’avais fait pour trois projets, mais je n’étais pas sûr que ce soit pertinent pour tout le monde. Ce syndrome d’imposteur était lié au fait que, sans le savoir, je n’étais pas vraiment aligné avec ma valeur d’<em class="markup--em markup--p-em">honnêteté intellectuelle</em>.</p><p name="7b27" id="7b27" class="graf graf--p graf-after--p">Pourtant, j’avais vraiment envie de pouvoir continuer ces accompagnements, alors je me suis dit que j’allais le proposer, mais que pour lancer mon offre j’allais proposer ces accompagnements en prix libre. Je me disais que si les gens fixaient eux même le prix après la prestation, alors ils ne pourraient pas dire que ça ne le valait pas ! C’était une manière de m’assurer que je ne romprais jamais la confiance qu’on m’accordait. D’un coup, cela me faisait beaucoup moins peur de proposer mes accompagnements, ça ne me figeait plus et je trouvais même cela rassurant et confortable. Finalement, c’était pour moi la manière la plus facile de proposer mon offre.</p><p name="7db4" id="7db4" class="graf graf--p graf-after--p graf--trailing"><em class="markup--em markup--p-em">Alors, ça vous apparaît toujours courageux le prix libre ?</em></p></div></div></section>
  447. <section name="81dc" class="section section--body"><div class="section-divider"><hr class="section-divider"></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><h4 name="2b61" id="2b61" class="graf graf--h4 graf--leading">Step 2: honnêtement… je ne peux pas fixer le prix tout seul !</h4><p name="ab08" id="ab08" class="graf graf--p graf-after--h4">Aujourd’hui j’ai fait de nombreux accompagnements dans des contextes différents et avec des projets et des équipes variés. J’ai construit beaucoup plus d’assurance face à mon offre et je vois l’impact que j’ai. Le prix libre fonctionne plutôt bien, alors au moment où je me suis posé la question, j’ai choisi de continuer à fonctionner de cette manière. Je m’étais dit que, en rendant mon offre accessible à tous, cela me permettait d’être plus inclusif. En creusant un peu plus <strong class="markup--strong markup--p-strong">je me rends compte que c’était une nouvelle fois la décision la plus facile pour moi.</strong></p><p name="62a5" id="62a5" class="graf graf--p graf-after--p">Dans tout ce que je fais, je pars de la conviction que les êtres humains sont bons. Du coup je suis convaincu que si chacun se (ré)aligne avec ses valeurs, ses convictions et ses aspirations alors il fera des choses positives. Je cherche donc à accompagner les individus, qu’ils soient seuls ou en groupe dans le cadre d’une équipe, à incarner ce qu’ils ont envie d’incarner. Mes deux portes d’entrées sont souvent la raison d’être du projet et les valeurs de l’équipe.</p><p name="1a28" id="1a28" class="graf graf--p graf-after--p">J’ai construit une méthodologie en laquelle j’ai confiance et que je continue à alimenter et à améliorer régulièrement. Les retours sont enthousiastes et très cohérents par rapport à l’impact que je cherche à avoir. Je suis maintenant convaincu de l’apport. Je le vois lorsque j’anime les ateliers, j’ai des témoignages qui le disent et j’ai des éléments tangibles pour le vérifier.</p><p name="fb07" id="fb07" class="graf graf--p graf-after--p graf--trailing">Pour autant, je sais aussi que tout le monde n’est pas réceptif de la même manière. Le contexte dans lequel j’interviens, la situation du moment, la personnalité, le caractère et l’histoire de mon interlocuteur sont autant de critères qui font que mon intervention est plus ou moins pertinente. Ainsi, je suis convaincu que l’impact et la valeur de ce que je fais dépendent de moi, mais aussi de la personne en face de moi. <strong class="markup--strong markup--p-strong">En étant donc très honnête envers moi-même, je sais que si je fixe un prix, ce ne sera pas représentatif de la valeur de la plupart de mes accompagnements</strong> : des fois ce sera plus et des fois ce sera moins. Finalement, m’imaginer fixer un prix aujourd’hui créé plus d’inconfort qu’autre chose chez moi. En fait, j’ai une nouvelle fois choisi la facilité ! Le courage, ça aurait été de ne pas le faire.</p></div></div></section>
  448. <section name="da57" class="section section--body"><div class="section-divider"><hr class="section-divider"></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><p name="465e" id="465e" class="graf graf--p graf--leading graf--trailing">Encore une fois, l’idée de cet article n’est pas de parler du prix libre, de qui devrait le mettre en place ni pourquoi, quand où comment. Pour ma part, je le fais aujourd’hui, dans un contexte bien particulier et je ne sais pas si je continuerai toujours à le faire. Loin de moi l’envie de juger qui doit le faire ou non. Par contre, ce que je veux vraiment illustrer ici c’est que <strong class="markup--strong markup--p-strong">cette prise de décision était tout sauf un acte de courage pour moi.</strong> Je défini souvent les valeurs en disant qu’elles forment <em class="markup--em markup--p-em">une sorte de boussole personnelle qui nous guide dans nos choix et nos comportements. </em>Au moment de prendre la décision du prix libre, je ne l’ai pas fait en réfléchissant à mes valeurs, mais plutôt en cherchant la solution qui m’apparaissait la plus facile. <strong class="markup--strong markup--p-strong">Il y avait un coté instinctif.</strong> C’est seulement en faisant une analyse rétrospective que je suis maintenant convaincu que ce sont mes valeurs qui m’ont guidé, que j’arrive à le comprendre et l’expliquer.</p></div></div></section>
  449. <section name="c785" class="section section--body section--last"><div class="section-divider"><hr class="section-divider"></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><figure name="dd91" id="dd91" class="graf graf--figure graf--leading"><div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 560px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 80%;"></div><div class="progressiveMedia js-progressiveMedia graf-image" data-image-id="1*-Fu4VxeqI3jOiszwOUcQ-w.jpeg" data-width="4320" data-height="3456" data-action="zoom" data-action-value="1*-Fu4VxeqI3jOiszwOUcQ-w.jpeg"><img src="https://cdn-images-1.medium.com/freeze/max/60/1*-Fu4VxeqI3jOiszwOUcQ-w.jpeg?q=20" crossorigin="anonymous" class="progressiveMedia-thumbnail js-progressiveMedia-thumbnail"><canvas class="progressiveMedia-canvas js-progressiveMedia-canvas"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/1600/1*-Fu4VxeqI3jOiszwOUcQ-w.jpeg"><noscript class="js-progressiveMedia-inner"><img class="progressiveMedia-noscript js-progressiveMedia-inner" src="https://cdn-images-1.medium.com/max/1600/1*-Fu4VxeqI3jOiszwOUcQ-w.jpeg"></noscript></div></div><figcaption class="imageCaption">Photo by <a href="https://unsplash.com/photos/HMQYg-Nzkqg?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText" data-href="https://unsplash.com/photos/HMQYg-Nzkqg?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText" class="markup--anchor markup--figure-anchor" rel="nofollow noopener" target="_blank">Easton Oliver</a> on <a href="https://unsplash.com/search/photos/compass?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText" data-href="https://unsplash.com/search/photos/compass?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText" class="markup--anchor markup--figure-anchor" rel="nofollow noopener" target="_blank">Unsplash</a></figcaption></figure><p name="7ec5" id="7ec5" class="graf graf--p graf-after--figure">La prochaine fois que quelqu’un vous dit que c’est osé ou courageux de faire ce que vous faites et que cette idée ne résonne pas chez vous, pensez à cette réflexion.</p><p name="136a" id="136a" class="graf graf--p graf-after--p">Dites-vous que vous ne mobilisez peut-être simplement pas les mêmes valeurs que votre interlocuteur dans cette situation-là.</p><p name="c8de" id="c8de" class="graf graf--p graf-after--p"><strong class="markup--strong markup--p-strong">Vous pouvez même pousser un peu l’analyse pour essayer de comprendre quelles valeurs vous incarnez à ce moment-là.</strong></p><p name="49e1" id="49e1" class="graf graf--p graf-after--p graf--trailing">Allez courage, c’est pas si dur d’être aligné avec ses valeurs ;)</p></div></div></section>
  450. </article>
  451. </section>
  452. <nav id="jumpto">
  453. <p>
  454. <a href="/david/blog/">Accueil du blog</a> |
  455. <a href="https://medium.com/@maxime_bdb/agir-en-lien-avec-ses-valeurs-est-souvent-vu-comme-du-courage-et-cest-tout-l-inverse-33d5229b1522">Source originale</a> |
  456. <a href="/david/stream/2019/">Accueil du flux</a>
  457. </p>
  458. </nav>
  459. <footer>
  460. <div>
  461. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  462. <p>
  463. Bonjour/Hi!
  464. 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>
  465. 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>).
  466. </p>
  467. <p>
  468. 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>.
  469. </p>
  470. <p>
  471. Voici quelques articles choisis :
  472. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  473. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  474. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  475. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  476. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  477. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  478. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  479. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  480. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  481. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  482. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  483. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  484. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  485. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  486. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  487. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  488. </p>
  489. <p>
  490. 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>.
  491. </p>
  492. <p>
  493. Je ne traque pas ta navigation mais mon
  494. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  495. conserve des logs d’accès.
  496. </p>
  497. </div>
  498. </footer>
  499. <script type="text/javascript">
  500. ;(_ => {
  501. const jumper = document.getElementById('jumper')
  502. jumper.addEventListener('click', e => {
  503. e.preventDefault()
  504. const anchor = e.target.getAttribute('href')
  505. const targetEl = document.getElementById(anchor.substring(1))
  506. targetEl.scrollIntoView({behavior: 'smooth'})
  507. })
  508. })()
  509. </script>