Accueil Explorer Aide
S'inscrire Connexion
clovis
/
bdlg2022
1
0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Aborescence: 9d847e185d
Branches Tags
bdlg2022
/
output
/
victor.lafont.html

victor.lafont.html 16 KB
Historique Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

  3.   <head>
    4. 

  4.     <meta charset="utf-8" />
    5. 

  5.     <title>Victor Planning</title>
    6. 

  6.     <style>
    7. 

  7.       ::before,
    8. 

  8. ::after {
    9. 

  9.   box-sizing: border-box;
    10. 

  10. }
    11. 

  11. :root {
    12. 

  12.   --color-primary-100: hsl(10, 59%, 25%);
    13. 

  13.   --color-primary-200: hsl(10, 59%, 45%);
    14. 

  14.   --color-primary-400: hsl(37, 100%, 45%);
    15. 

  15.   --color-primary-600: hsl(37, 100%, 65%);
    16. 

  16.   --color-primary-800: hsl(37, 100%, 85%);
    17. 

  17. 

  18.   --color-accent-100: hsl(179, 52%, 15%);
    19. 

  19.   --color-accent-200: hsl(179, 52%, 25%);
    20. 

  20.   --color-accent-400: hsl(172, 58%, 40%);
    21. 

  21.   --color-accent-500: hsl(172, 58%, 53%);
    22. 

  22.   --color-accent-600: hsl(172, 58%, 66%);
    23. 

  23.   --color-accent-700: hsl(172, 60%, 70%);
    24. 

  24.   --color-accent-800: hsl(172, 60%, 80%);
    25. 

  25.   --color-accent-850: hsl(172, 70%, 90%);
    26. 

  26.   --color-accent-900: hsl(172, 85%, 95%);
    27. 

  27.   --color-accent-950: hsl(172, 96%, 98%);
    28. 

  28. 

  29.   --color-neutral-100: hsl(37, 5%, 15%);
    30. 

  30.   --color-neutral-200: hsl(37, 5%, 25%);
    31. 

  31.   --color-neutral-300: hsl(37, 5%, 35%);
    32. 

  32.   --color-neutral-400: hsl(37, 5%, 45%);
    33. 

  33.   --color-neutral-600: hsl(37, 5%, 60%);
    34. 

  34.   --color-neutral-800: hsl(37, 5%, 80%);
    35. 

  35. }
    36. 

  36. .icon {
    37. 

  37.   font-family: "Material Icons";
    38. 

  38.   font-weight: normal;
    39. 

  39.   font-style: normal;
    40. 

  40.   font-size: 24px;
    41. 

  41.   line-height: 1;
    42. 

  42.   width: 24px;
    43. 

  43.   height: 24px;
    44. 

  44.   letter-spacing: normal;
    45. 

  45.   text-transform: none;
    46. 

  46.   display: inline-block;
    47. 

  47.   white-space: nowrap;
    48. 

  48.   word-wrap: normal;
    49. 

  49.   direction: ltr;
    50. 

  50.   font-feature-settings: "liga";
    51. 

  51.   -moz-font-feature-settings: "liga";
    52. 

  52.   -moz-osx-font-smoothing: grayscale;
    53. 

  53. }
    54. 

  54. .icon.person {
    55. 

  55.   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
    56. 

  56.   background-repeat: no-repeat;
    57. 

  57. }
    58. 

  58. .benevole {
    59. 

  59.   vertical-align: middle;
    60. 

  60.   display: inline-block;
    61. 

  61. }
    62. 

  62. .benevole .icon {
    63. 

  63.   vertical-align: bottom;
    64. 

  64. }
    65. 

  65. .planning-container {
    66. 

  66.   max-width: 800px;
    67. 

  67.   width: 100%;
    68. 

  68. }
    69. 

  69. .daily-agenda {
    70. 

  70.   border: solid 1px var(--color-neutral-200);
    71. 

  71. }
    72. 

  72. .day-header {
    73. 

  73.   background: var(--color-neutral-200);
    74. 

  74.   color: var(--color-accent-800);
    75. 

  75.   padding: 12px;
    76. 

  76.   font-size: 1.8rem;
    77. 

  77.   font-weight: bold;
    78. 

  78.   text-transform: capitalize;
    79. 

  79. }
    80. 

  80. .agenda-creneau-header {
    81. 

  81.   padding: 12px;
    82. 

  82.   background: var(--color-accent-850);
    83. 

  83.   position: relative;
    84. 

  84.   border-bottom: 1px solid var(--color-accent-600);
    85. 

  85. }
    86. 

  86. .agenda-creneau-time {
    87. 

  87.   padding-right: 8px;
    88. 

  88. }
    89. 

  89. 

  90. .agenda-creneau-title {
    91. 

  91.   font-weight: bold;
    92. 

  92.   text-transform: capitalize;
    93. 

  93. }
    94. 

  94. .agenda-creneau-action {
    95. 

  95.   position: absolute;
    96. 

  96.   top: 8px;
    97. 

  97.   right: 12px;
    98. 

  98.   background: transparent;
    99. 

  99.   outline: 0;
    100. 

  100.   border: 0;
    101. 

  101.   cursor: pointer;
    102. 

  102. }
    103. 

  103. .agenda-creneau-action:hover {
    104. 

  104.   color: var(--color-neutral-400);
    105. 

  105. }
    106. 

  106. 

  107. .transformation-container {
    108. 

  108.   height: auto;
    109. 

  109.   overflow: hidden;
    110. 

  110. }
    111. 

  111. .agenda-creneau-details {
    112. 

  112.   padding: 4px 12px;
    113. 

  113.   display: flex;
    114. 

  114.   flex-wrap: wrap;
    115. 

  115.   overflow: hidden;
    116. 

  116.   opacity: 1;
    117. 

  117.   transform-origin: 0px 0px;
    118. 

  118.   transition: height 0.3s ease-in-out;
    119. 

  119. }
    120. 

  120. .agenda-creneau-details--title {
    121. 

  121.   width: 100%;
    122. 

  122.   font-weight: 600;
    123. 

  123.   margin: 8px 0px;
    124. 

  124. }
    125. 

  125. .agenda-creneau-details--content {
    126. 

  126.   width: 100%;
    127. 

  127.   margin: 0px 0px 8px;
    128. 

  128. }
    129. 

  129. @media (min-width: 600px) {
    130. 

  130.   .name-header {
    131. 

  131.     text-align: center;
    132. 

  132.   }
    133. 

  133.   .planning-container {
    134. 

  134.     margin-left: auto;
    135. 

  135.     margin-right: auto;
    136. 

  136.   }
    137. 

  137.   .agenda-creneau-time {
    138. 

  138.     padding-right: 2rem;
    139. 

  139.   }
    140. 

  140.   .agenda-creneau-details--title {
    141. 

  141.     width: 16.6%;
    142. 

  142.     margin-bottom: 12px;
    143. 

  143.   }
    144. 

  144.   .agenda-creneau-details--content {
    145. 

  145.     width: calc(33.3% - 8px);
    146. 

  146.     padding-right: 8px;
    147. 

  147.     margin: 8px 0px 16px;
    148. 

  148.   }
    149. 

  149. }
    150. 

  150. 

  151. .agenda-creneau-details--content .chip {
    152. 

  152.   margin: 2px;
    153. 

  153. }
    154. 

  154. .hide {
    155. 

  155.   display: none;
    156. 

  156. }
    157. 

  157. #links {
    158. 

  158.   list-style-type: none;
    159. 

  159.   max-width: 200px;
    160. 

  160.   margin: 0 auto;
    161. 

  161.   border-top: 1px solid var(--color-neutral-400);
    162. 

  162.   padding: 0;
    163. 

  163. }
    164. 

  164. .link-item {
    165. 

  165.   padding: 8px 12px;
    166. 

  166.   margin: 0 auto;
    167. 

  167.   border: solid 1px var(--color-neutral-400);
    168. 

  168.   border-top: 0px;
    169. 

  169. }
    170. 

  170. .link-item a {
    171. 

  171.   display: block;
    172. 

  172. }
    173. 

  173. .formcontrol {
    174. 

  174.   all: initial;
    175. 

  175.   display: block;
    176. 

  176.   box-sizing: border-box;
    177. 

  177.   font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    178. 

  178. }
    179. 

  179. .formcontrol.home-search {
    180. 

  180.   margin: 3rem auto 1rem;
    181. 

  181.   max-width: 400px;
    182. 

  182. }
    183. 

  183. .formcontrol:not(:last-child) {
    184. 

  184.   margin-bottom: 1rem;
    185. 

  185. }
    186. 

  186. .formcontrol-control {
    187. 

  187.   width: 100%;
    188. 

  188. }
    189. 

  189. .formcontrol-label {
    190. 

  190.   color: var(--color-neutral-200);
    191. 

  191.   display: -webkit-box;
    192. 

  192.   display: flex;
    193. 

  193.   font-size: 0.9rem;
    194. 

  194.   font-family: inherit;
    195. 

  195.   font-weight: 500;
    196. 

  196.   line-height: 1.5rem;
    197. 

  197.   margin-bottom: 0.2rem;
    198. 

  198. }
    199. 

  199. .formcontrol-label > button {
    200. 

  200.   margin-left: 0.25rem;
    201. 

  201. }
    202. 

  202. .formcontrol-optional {
    203. 

  203.   -webkit-box-flex: 1;
    204. 

  204.   flex: 1;
    205. 

  205.   color: #647592;
    206. 

  206.   font-size: 0.75rem;
    207. 

  207.   margin-top: 0.25rem;
    208. 

  208.   text-align: right;
    209. 

  209.   line-height: 1.125rem;
    210. 

  210.   margin-left: 0.25rem;
    211. 

  211. }
    212. 

  212. .formcontrol-help {
    213. 

  213.   color: #647592;
    214. 

  214.   display: -webkit-box;
    215. 

  215.   display: flex;
    216. 

  216.   font-size: 0.75rem;
    217. 

  217.   margin-top: 0.5rem;
    218. 

  218.   font-family: inherit;
    219. 

  219.   line-height: 1.125rem;
    220. 

  220. }
    221. 

  221. .formcontrol-helplink {
    222. 

  222.   -webkit-box-flex: 1;
    223. 

  223.   flex: 1;
    224. 

  224.   margin-top: calc(-0.25rem);
    225. 

  225.   text-align: right;
    226. 

  226. }
    227. 

  227. .formcontrol--error .formcontrol-help {
    228. 

  228.   color: #e4002b;
    229. 

  229. }
    230. 

  230. .formcontrol--success .formcontrol-help {
    231. 

  231.   color: #08875b;
    232. 

  232. }
    233. 

  233. .input {
    234. 

  234.   all: initial;
    235. 

  235.   color: var(--color-neutral-100);
    236. 

  236.   width: 100%;
    237. 

  237.   border: none;
    238. 

  238.   height: 2rem;
    239. 

  239.   margin: 0;
    240. 

  240.   outline: 0;
    241. 

  241.   padding: 0.2rem 0.5rem;
    242. 

  242.   font-size: 0.875rem;
    243. 

  243.   -webkit-appearance: none;
    244. 

  244.   -moz-appearance: none;
    245. 

  245.   appearance: none;
    246. 

  246.   box-shadow: 0 -1px 0 0 var(--color-accent-700) inset;
    247. 

  247.   box-sizing: border-box;
    248. 

  248.   -webkit-transition: 0.1s ease-in-out;
    249. 

  249.   transition: 0.1s ease-in-out;
    250. 

  250.   font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    251. 

  251.   line-height: 1.25rem;
    252. 

  252.   background-color: var(--color-accent-950);
    253. 

  253.   -webkit-transition-property: box-shadow, border;
    254. 

  254.   transition-property: box-shadow, border;
    255. 

  255. }
    256. 

  256. .input::-webkit-input-placeholder {
    257. 

  257.   color: #505d74;
    258. 

  258. }
    259. 

  259. .input:-ms-input-placeholder {
    260. 

  260.   color: #505d74;
    261. 

  261. }
    262. 

  262. .input::-ms-input-placeholder {
    263. 

  263.   color: #505d74;
    264. 

  264. }
    265. 

  265. .input::placeholder {
    266. 

  266.   color: #505d74;
    267. 

  267. }
    268. 

  268. .input:hover {
    269. 

  269.   background-color: var(--color-accent-850);
    270. 

  270. }
    271. 

  271. .input:focus {
    272. 

  272.   box-shadow: 0 0 0 2px var(--color-accent-700);
    273. 

  273.   border-color: transparent;
    274. 

  274.   background-color: var(--color-accent-950);
    275. 

  275. }
    276. 

  276. .input:disabled {
    277. 

  277.   color: #c1c7d3 !important;
    278. 

  278.   -webkit-user-select: none;
    279. 

  279.   -moz-user-select: none;
    280. 

  280.   -ms-user-select: none;
    281. 

  281.   user-select: none;
    282. 

  282.   border-color: transparent;
    283. 

  283.   pointer-events: none;
    284. 

  284. }
    285. 

  285. .input:disabled::-webkit-input-placeholder {
    286. 

  286.   color: #c1c7d3;
    287. 

  287. }
    288. 

  288. .input:disabled:-ms-input-placeholder {
    289. 

  289.   color: #c1c7d3;
    290. 

  290. }
    291. 

  291. .input:disabled::-ms-input-placeholder {
    292. 

  292.   color: #c1c7d3;
    293. 

  293. }
    294. 

  294. .input:disabled::placeholder {
    295. 

  295.   color: #c1c7d3;
    296. 

  296. }
    297. 

  297. .input--small {
    298. 

  298.   height: 2rem;
    299. 

  299.   font-size: 0.875rem;
    300. 

  300.   line-height: 1.125rem;
    301. 

  301.   padding-top: 0.25rem;
    302. 

  302.   padding-bottom: 0.25rem;
    303. 

  303. }
    304. 

  304. .input--adorned-start {
    305. 

  305.   padding-left: 2rem;
    306. 

  306. }
    307. 

  307. .input--adorned-end {
    308. 

  308.   padding-right: 2rem;
    309. 

  309. }
    310. 

  310. .input--valid {
    311. 

  311.   box-shadow: 0 -1px 0 0 #08875b inset !important;
    312. 

  312. }
    313. 

  313. .input--valid:focus {
    314. 

  314.   box-shadow: 0 0 0 2px #08875b !important;
    315. 

  315. }
    316. 

  316. .input--invalid {
    317. 

  317.   box-shadow: 0 -1px 0 0 #e93255 inset !important;
    318. 

  318. }
    319. 

  319. .input--invalid:focus {
    320. 

  320.   box-shadow: 0 0 0 2px #e93255 !important;
    321. 

  321. }
    322. 

  322. #search {
    323. 

  323.   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%232ba191%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M15.5%2014h-.79l-.28-.27C15.41%2012.59%2016%2011.11%2016%209.5%2016%205.91%2013.09%203%209.5%203S3%205.91%203%209.5%205.91%2016%209.5%2016c1.61%200%203.09-.59%204.23-1.57l.27.28v.79l5%204.99L20.49%2019l-4.99-5zm-6%200C7.01%2014%205%2011.99%205%209.5S7.01%205%209.5%205%2014%207.01%2014%209.5%2011.99%2014%209.5%2014z%22%2F%3E%3C%2Fsvg%3E");
    324. 

  324.   background-repeat: no-repeat;
    325. 

  325.   padding-left: 30px;
    326. 

  326.   background-position: 4px;
    327. 

  327. }
    328. 

  328.     </style>
    329. 

  329.   </head>
    330. 

  330.   <body>
    331. 

  331.     <p>Bonjour Victor,</p>
    332. 

  332.     <p>
    333. 

  333.       tu trouveras ci dessous et ci joint le récapitulatif de tes créneaux pour Brass dans la
    334. 

  334.       Garonne.<br />
    335. 

  335.     </p>
    336. 

  336.     <p>À très vite,<br />La commission Bénévole</p>
    337. 

  337.     
    338. 

  338. 

  339.     <div class="planning-container">
    340. 

  340.       <div class="daily-agenda">
    341. 

  341.         <div class="day-header">vendredi 09 septembre</div>
    342. 

  342.         <div>
    343. 

  343.           
    344. 

  344. 

  345. <div>
    346. 

  346.   <div class="agenda-creneau-header">
    347. 

  347.     <span class="agenda-creneau-time">14h00-17h00 </span>
    348. 

  348.     <span class="agenda-creneau-title">installation salle durante</span>
    349. 

  349.   </div>
    350. 

  350.   <div class="agenda-creneau-details"><div class="agenda-creneau-details--title">Description</div>
    351. 

  351.     <div class="agenda-creneau-details--content">Repérer les lieux. Installer les tables, la scène.Installer la cuisine. Mettre des fléchages pour poser les affaires et la signalétique. Brancher les tireuses, etc.  Multi-tâche : on vous guidera ! </div>
    352. 

  352. <div class="agenda-creneau-details--title">Liste des bénévoles avec toi</div>
    353. 

  353. <div class="agenda-creneau-details--content">
    354. 

  354.   
    355. 

  355.   <div class="benevole">
    356. 

  356.     <i class="icon person"></i>
    357. 

  357.     <span>Louise : 06 77 62 65 64</span>
    358. 

  358.   </div>
    359. 

  359.   <div class="benevole">
    360. 

  360.     <i class="icon person"></i>
    361. 

  361.     <span>Manuel : 06 12 80 61 34</span>
    362. 

  362.   </div>
    363. 

  363.   <div class="benevole">
    364. 

  364.     <i class="icon person"></i>
    365. 

  365.     <span>Marine : 06 32 99 84 98</span>
    366. 

  366.   </div>
    367. 

  367.   <div class="benevole">
    368. 

  368.     <i class="icon person"></i>
    369. 

  369.     <span>Nils : 06 35 38 72 26</span>
    370. 

  370.   </div>
    371. 

  371.   <div class="benevole">
    372. 

  372.     <i class="icon person"></i>
    373. 

  373.     <span>Stefan : 06 66 33 03 09</span>
    374. 

  374.   </div>
    375. 

  375. </div> 
    376. 

  376.     <div class="agenda-creneau-details--title">Le responsable</div>
    377. 

  377.     <div class="agenda-creneau-details--content">
    378. 

  378.       <div class="benevole">
    379. 

  379.         <i class="icon person"></i>
    380. 

  380.         <span>Marine : 06 32 99 84 98
    381. 

  381. Logistique Lorraine : 06 71 35 76 12</span>
    382. 

  382.       </div>
    383. 

  383.     </div>  
    384. 

  384.   </div>
    385. 

  385. </div> 
    386. 

  386. 

  387. <div>
    388. 

  388.   <div class="agenda-creneau-header">
    389. 

  389.     <span class="agenda-creneau-time">00h00-01h00 </span>
    390. 

  390.     <span class="agenda-creneau-title">Bar Durante </span>
    391. 

  391.   </div>
    392. 

  392.   <div class="agenda-creneau-details"><div class="agenda-creneau-details--title">Description</div>
    393. 

  393.     <div class="agenda-creneau-details--content">Les gens sont en autonomie pour les bières mais votre créneau sera de changer les futs, nettoyer la zone du bar + gérer l&#39;alcool fort : ne pas ouvrir 1000 bouteilles en même temps, et servir le vin blanc et rosé qui sont au frais
    394. 

  394. + passer la serpillère si bière renversée</div>
    395. 

  395. <div class="agenda-creneau-details--title">Liste des bénévoles avec toi</div>
    396. 

  396. <div class="agenda-creneau-details--content">
    397. 

  397.   
    398. 

  398.   <div class="benevole">
    399. 

  399.     <i class="icon person"></i>
    400. 

  400.     <span>Sarah : 06 89 32 01 39</span>
    401. 

  401.   </div>
    402. 

  402. </div> 
    403. 

  403.     <div class="agenda-creneau-details--title">Le responsable</div>
    404. 

  404.     <div class="agenda-creneau-details--content">
    405. 

  405.       <div class="benevole">
    406. 

  406.         <i class="icon person"></i>
    407. 

  407.         <span>Stef : 06 66 33 03 09</span>
    408. 

  408.       </div>
    409. 

  409.     </div> 
    410. 

  410. <div class="agenda-creneau-details--title">Ceux que tu remplaces</div>
    411. 

  411. <div class="agenda-creneau-details--content">
    412. 

  412.   
    413. 

  413.   <div class="benevole">
    414. 

  414.     <i class="icon person"></i>
    415. 

  415.     <span>Cédric : 06 85 75 55 08</span>
    416. 

  416.   </div>
    417. 

  417.   <div class="benevole">
    418. 

  418.     <i class="icon person"></i>
    419. 

  419.     <span>Nicholas : 07 77 82 44 89</span>
    420. 

  420.   </div>
    421. 

  421. </div> 
    422. 

  422. <div class="agenda-creneau-details--title">Les personnes qui arrivent après toi</div>
    423. 

  423. <div class="agenda-creneau-details--content">
    424. 

  424.   
    425. 

  425.   <div class="benevole">
    426. 

  426.     <i class="icon person"></i>
    427. 

  427.     <span>Nadège : 06 78 64 72 56</span>
    428. 

  428.   </div>
    429. 

  429.   <div class="benevole">
    430. 

  430.     <i class="icon person"></i>
    431. 

  431.     <span>Nils : 06 35 38 72 26</span>
    432. 

  432.   </div>
    433. 

  433. </div>
    434. 

  434.   </div>
    435. 

  435. </div> 
    436. 

  436.         </div>
    437. 

  437.       </div>
    438. 

  438.       <div class="daily-agenda">
    439. 

  439.         <div class="day-header">samedi 10 septembre</div>
    440. 

  440.         <div>
    441. 

  441.           
    442. 

  442. 

  443. <div>
    444. 

  444.   <div class="agenda-creneau-header">
    445. 

  445.     <span class="agenda-creneau-time">21h00-22h00 </span>
    446. 

  446.     <span class="agenda-creneau-title">Sécu/ronde JdP </span>
    447. 

  447.   </div>
    448. 

  448.   <div class="agenda-creneau-details"><div class="agenda-creneau-details--title">Description</div>
    449. 

  449.     <div class="agenda-creneau-details--content">Balade dans la jardin pour s&#39;assurer que tout va bien.</div>
    450. 

  450. <div class="agenda-creneau-details--title">Liste des bénévoles avec toi</div>
    451. 

  451. <div class="agenda-creneau-details--content">
    452. 

  452.   
    453. 

  453.   <div class="benevole">
    454. 

  454.     <i class="icon person"></i>
    455. 

  455.     <span>Anne Croute : 06 33 02 77 18</span>
    456. 

  456.   </div>
    457. 

  457. </div> 
    458. 

  458.     <div class="agenda-creneau-details--title">Le responsable</div>
    459. 

  459.     <div class="agenda-creneau-details--content">
    460. 

  460.       <div class="benevole">
    461. 

  461.         <i class="icon person"></i>
    462. 

  462.         <span>Clovis 06 68 79 86 73</span>
    463. 

  463.       </div>
    464. 

  464.     </div> 
    465. 

  465. <div class="agenda-creneau-details--title">Ceux que tu remplaces</div>
    466. 

  466. <div class="agenda-creneau-details--content">
    467. 

  467.   
    468. 

  468.   <div class="benevole">
    469. 

  469.     <i class="icon person"></i>
    470. 

  470.     <span>Olga : 06 49 44 08 43</span>
    471. 

  471.   </div>
    472. 

  472.   <div class="benevole">
    473. 

  473.     <i class="icon person"></i>
    474. 

  474.     <span>Silvia : 06 98 09 84 36</span>
    475. 

  475.   </div>
    476. 

  476. </div> 
    477. 

  477. <div class="agenda-creneau-details--title">Les personnes qui arrivent après toi</div>
    478. 

  478. <div class="agenda-creneau-details--content">
    479. 

  479.   
    480. 

  480.   <div class="benevole">
    481. 

  481.     <i class="icon person"></i>
    482. 

  482.     <span>PierreQ : 06 70 43 76 31</span>
    483. 

  483.   </div>
    484. 

  484.   <div class="benevole">
    485. 

  485.     <i class="icon person"></i>
    486. 

  486.     <span>Stephane : 06 11 89 31 83</span>
    487. 

  487.   </div>
    488. 

  488. </div>
    489. 

  489.   </div>
    490. 

  490. </div> 
    491. 

  491. 

  492. <div>
    493. 

  493.   <div class="agenda-creneau-header">
    494. 

  494.     <span class="agenda-creneau-time">22h30-00h30 </span>
    495. 

  495.     <span class="agenda-creneau-title">Rangement catering / chanrgement camion tables et chaises</span>
    496. 

  496.   </div>
    497. 

  497.   <div class="agenda-creneau-details"><div class="agenda-creneau-details--title">Description</div>
    498. 

  498.     <div class="agenda-creneau-details--content">Ranger / nettoyer. Tout doit disparaitre et être remis dans les camions</div>
    499. 

  499. <div class="agenda-creneau-details--title">Liste des bénévoles avec toi</div>
    500. 

  500. <div class="agenda-creneau-details--content">
    501. 

  501.   
    502. 

  502.   <div class="benevole">
    503. 

  503.     <i class="icon person"></i>
    504. 

  504.     <span>Armand TB : 06 46 24 64 37</span>
    505. 

  505.   </div>
    506. 

  506.   <div class="benevole">
    507. 

  507.     <i class="icon person"></i>
    508. 

  508.     <span>Bertrand : 07 88 61 03 28</span>
    509. 

  509.   </div>
    510. 

  510.   <div class="benevole">
    511. 

  511.     <i class="icon person"></i>
    512. 

  512.     <span>Cédric : 06 85 75 55 08</span>
    513. 

  513.   </div>
    514. 

  514.   <div class="benevole">
    515. 

  515.     <i class="icon person"></i>
    516. 

  516.     <span>Océane : 07 81 36 48 86</span>
    517. 

  517.   </div>
    518. 

  518.   <div class="benevole">
    519. 

  519.     <i class="icon person"></i>
    520. 

  520.     <span>Sophie : 06 16 48 88 23</span>
    521. 

  521.   </div>
    522. 

  522. </div> 
    523. 

  523.     <div class="agenda-creneau-details--title">Le responsable</div>
    524. 

  524.     <div class="agenda-creneau-details--content">
    525. 

  525.       <div class="benevole">
    526. 

  526.         <i class="icon person"></i>
    527. 

  527.         <span>Alexis : 06 79 99 31 24
    528. 

  528. Olivier : 06 82 50 92 85
    529. 

  529. Camion : Lorraine : 06 71 35 76 12</span>
    530. 

  530.       </div>
    531. 

  531.     </div>  
    532. 

  532.   </div>
    533. 

  533. </div> 
    534. 

  534.         </div>
    535. 

  535.       </div>
    536. 

  536.       <div class="daily-agenda">
    537. 

  537.         <div class="day-header">dimanche 11 septembre</div>
    538. 

  538.         <div>
    539. 

  539.           
    540. 

  540. 

  541. <div>
    542. 

  542.   <div class="agenda-creneau-header">
    543. 

  543.     <span class="agenda-creneau-time">08h00-09h00 </span>
    544. 

  544.     <span class="agenda-creneau-title">Finir nettoyage Durante</span>
    545. 

  545.   </div>
    546. 

  546.   <div class="agenda-creneau-details"><div class="agenda-creneau-details--title">Description</div>
    547. 

  547.     <div class="agenda-creneau-details--content">L&#39;équipe du soir a normalement tout rangé et commencé le gros du nettoyage. Repasser un coup de balai et de serpillère pour que tout soit propre pour le petit dej. Faire un tour au toilettes / cleaner et mettre du PQ.</div>
    548. 

  548. <div class="agenda-creneau-details--title">Liste des bénévoles avec toi</div>
    549. 

  549. <div class="agenda-creneau-details--content">
    550. 

  550.   
    551. 

  551.   <div class="benevole">
    552. 

  552.     <i class="icon person"></i>
    553. 

  553.     <span>Elise : 06 33 49 97 84</span>
    554. 

  554.   </div>
    555. 

  555. </div> 
    556. 

  556.     <div class="agenda-creneau-details--title">Le responsable</div>
    557. 

  557.     <div class="agenda-creneau-details--content">
    558. 

  558.       <div class="benevole">
    559. 

  559.         <i class="icon person"></i>
    560. 

  560.         <span>Sylvain : 06 72 29 46 90</span>
    561. 

  561.       </div>
    562. 

  562.     </div>  
    563. 

  563.   </div>
    564. 

  564. </div> 
    565. 

  565.         </div>
    566. 

  566.       </div>
    567. 

  567.     </div>
    568. 

  568.   </body>
    569. 

  569. </html>
    570.