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.

769 lines
23 KiB

  1. #CACHE{0}#HTTP_HEADER{Content-type: text/html; charset=#CHARSET}
  2. #SET{c_header,(#CONFIG{soyezcreateurs_couleurs/header_lettre,02265a}|replace{#,''})}
  3. #SET{c_header_bk,(#CONFIG{soyezcreateurs_couleurs/header_lettre_bk,ffffff}|replace{#,''})}
  4. #SET{c_titraille_links,(#CONFIG{soyezcreateurs_couleurs/titraille_lettre,02265a}|replace{#,''})}
  5. <B_articleNewsletter>
  6. <!doctype html>
  7. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
  8. <head>
  9. <title>
  10. [(#TITRE|textebrut)] - [(#NOM_SITE_SPIP|
  11. replace{<sub>.*</sub>,''}|
  12. replace{<sup>.*</sup>,''}|textebrut)]</title>
  13. </title>
  14. <!--[if !mso]><!-- -->
  15. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  16. <!--<![endif]-->
  17. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  18. <meta name="viewport" content="width=device-width, initial-scale=1">
  19. <style type="text/css">
  20. #outlook a { padding:0; }
  21. .ReadMsgBody { width:100%; }
  22. .ExternalClass { width:100%; }
  23. .ExternalClass * { line-height:100%; }
  24. body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
  25. table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }
  26. img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }
  27. p { display:block;margin:13px 0; }
  28. </style>
  29. <!--[if !mso]><!-->
  30. <style type="text/css">
  31. @media only screen and (max-width:480px) {
  32. @-ms-viewport { width:320px; }
  33. @viewport { width:320px; }
  34. }
  35. </style>
  36. <!--<![endif]-->
  37. <!--[if mso]>
  38. <xml>
  39. <o:OfficeDocumentSettings>
  40. <o:AllowPNG/>
  41. <o:PixelsPerInch>96</o:PixelsPerInch>
  42. </o:OfficeDocumentSettings>
  43. </xml>
  44. <![endif]-->
  45. <!--[if lte mso 11]>
  46. <style type="text/css">
  47. .outlook-group-fix { width:100% !important; }
  48. </style>
  49. <![endif]-->
  50. <!--[if !mso]><!-->
  51. <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css">
  52. <style type="text/css">
  53. @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
  54. </style>
  55. <!--<![endif]-->
  56. <style type="text/css">
  57. @media only screen and (min-width:480px) {
  58. .mj-column-per-100 { width:100% !important; }
  59. .mj-column-per-50 { width:50% !important; }
  60. .mj-column-per-33 { width:33.333333333333336% !important; }
  61. }
  62. </style>
  63. <style type="text/css">
  64. </style>
  65. </head>
  66. <body>
  67. <div
  68. >
  69. <!-- Company Header -->
  70. <!--[if mso | IE]>
  71. <table
  72. align="center" border="0" cellpadding="0" cellspacing="0" style="width:600px;" width="600"
  73. >
  74. <tr>
  75. <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
  76. <![endif]-->
  77. <div style="background:#f0f0f0;background-color:#f0f0f0;Margin:0px auto;max-width:800px;">
  78. <table
  79. align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#f0f0f0;background-color:#f0f0f0;width:100%;"
  80. >
  81. <tbody>
  82. <tr>
  83. <td
  84. style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;vertical-align:top;"
  85. >
  86. <!--[if mso | IE]>
  87. <table role="presentation" border="0" cellpadding="0" cellspacing="0">
  88. <tr>
  89. <td
  90. style="vertical-align:top;width:600px;"
  91. >
  92. <![endif]-->
  93. <div
  94. class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
  95. >
  96. <table
  97. border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
  98. >
  99. <tr>
  100. <td
  101. align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"
  102. >
  103. <div
  104. style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;"
  105. >
  106. [(#SET{imgheader,[(#CHEMIN{lettres/header_newsletter_#LST_ID.jpg}|sinon{#CHEMIN{lettres/header_newsletter.jpg}}|sinon{[(#CHEMIN{lettres/header.jpg}|
  107. image_sepia{#GET{c_header_bk}}|
  108. appliquer_filtre{image_smush_debrayer,force=true}|
  109. image_masque{[(#LST_NAME|
  110. replace{<sub>.*</sub>,''}|
  111. replace{<sup>.*</sup>,''}|
  112. image_typo{police=AndBasR.ttf,largeur=460,couleur=#GET{c_header},taille=32,padding=20}|
  113. image_format{png}|
  114. image_recadre{580,110,center left,transparent}|
  115. image_recadre{580,130,top left,transparent}|
  116. extraire_attribut{src})],
  117. mode=normal}|
  118. image_masque{[(#LOGO_SITE_SPIP_NORMAL|
  119. image_aplatir{png,#GET{c_header_bk}}|
  120. image_reduire{0,100}|
  121. image_recadre{570,105,bottom right,transparent}|
  122. image_recadre{580,130,top left,transparent}|
  123. extraire_attribut{src})],
  124. mode=normal}|appliquer_filtre{image_smush_embrayer,force=true}|image_smush|extraire_attribut{src})]})]})]
  125. <img src="[(#GET{imgheader}|url_absolue)]" alt="[(#LST_NAME|replace{<sub>.*</sub>,''}|replace{<sup>.*</sup>,''})]" width="[(#GET{imgheader}|largeur)]" height="[(#GET{imgheader}|hauteur)]" />
  126. </div>
  127. </td>
  128. </tr>
  129. </table>
  130. </div>
  131. <!--[if mso | IE]>
  132. </td>
  133. </tr>
  134. </table>
  135. <![endif]-->
  136. </td>
  137. </tr>
  138. </tbody>
  139. </table>
  140. </div>
  141. <!--[if mso | IE]>
  142. </td>
  143. </tr>
  144. </table>
  145. <table
  146. align="center" border="0" cellpadding="0" cellspacing="0" style="width:600px;" width="600"
  147. >
  148. <tr>
  149. <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
  150. <![endif]-->
  151. <div style="Margin:0px auto;max-width:600px;">
  152. <BOUCLE_articleNewsletter(ARTICLES){statut IN publie,prop}{titre_mot=Courrier_libre}{!par date}{0,1}>
  153. <table
  154. align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
  155. >
  156. <tbody>
  157. <tr>
  158. <td
  159. style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;vertical-align:top;"
  160. >
  161. <!--[if mso | IE]>
  162. <table role="presentation" border="0" cellpadding="0" cellspacing="0">
  163. <tr>
  164. <![endif]-->
  165. <!-- Titre article -->
  166. <!--[if mso | IE]>
  167. <td
  168. style="vertical-align:top;width:300px;"
  169. >
  170. <![endif]-->
  171. <div
  172. class="mj-column-per-50 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
  173. >
  174. <table
  175. border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
  176. >
  177. <tr>
  178. <td
  179. align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"
  180. >
  181. <div
  182. style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;"
  183. >
  184. <h1>
  185. #TITRE
  186. </h1>
  187. </div>
  188. </td>
  189. </tr>
  190. </table>
  191. </div>
  192. <!--[if mso | IE]>
  193. </td>
  194. </tr>
  195. </table>
  196. <![endif]-->
  197. </td>
  198. </tr>
  199. </tbody>
  200. </table>
  201. </div>
  202. <!--[if mso | IE]>
  203. </td>
  204. </tr>
  205. </table>
  206. <table
  207. align="center" border="0" cellpadding="0" cellspacing="0" style="width:600px;" width="600"
  208. >
  209. <tr>
  210. <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
  211. <![endif]-->
  212. <div style="background:white;background-color:white;Margin:0px auto;max-width:600px;">
  213. <table
  214. align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:white;background-color:white;width:100%;"
  215. >
  216. <tbody>
  217. <tr>
  218. <td
  219. style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;vertical-align:top;"
  220. >
  221. <!--[if mso | IE]>
  222. <table role="presentation" border="0" cellpadding="0" cellspacing="0">
  223. <tr>
  224. <![endif]-->
  225. <!-- Image article -->
  226. <!--[if mso | IE]>
  227. <td
  228. style="vertical-align:top;width:200px;"
  229. >
  230. <![endif]-->
  231. <div
  232. class="mj-column-per-33 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
  233. >
  234. <table
  235. border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
  236. >
  237. <tr>
  238. <td
  239. align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"
  240. >
  241. <table
  242. align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"
  243. >
  244. <tbody>
  245. <tr>
  246. <td style="width:150px;">
  247. <img
  248. height="auto" src="[(#LOGO_ARTICLES|extraire_attribut{src})]" style="border:0;display:block;outline:none;text-decoration:none;width:100%;" width="150"
  249. />
  250. </td>
  251. </tr>
  252. </tbody>
  253. </table>
  254. </td>
  255. </tr>
  256. </table>
  257. </div>
  258. <!--[if mso | IE]>
  259. </td>
  260. <![endif]-->
  261. <!-- texte article -->
  262. <!--[if mso | IE]>
  263. </tr>
  264. </table>
  265. <![endif]-->
  266. </td>
  267. </tr>
  268. </tbody>
  269. </table>
  270. </div>
  271. <!--[if mso | IE]>
  272. </td>
  273. </tr>
  274. </table>
  275. <table
  276. align="center" border="0" cellpadding="0" cellspacing="0" style="width:600px;" width="600"
  277. >
  278. <tr>
  279. <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
  280. <![endif]-->
  281. <div style="Margin:0px auto;max-width:600px;">
  282. <table
  283. align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
  284. >
  285. <tbody>
  286. <tr>
  287. <td
  288. style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;vertical-align:top;"
  289. >
  290. <!--[if mso | IE]>
  291. <table role="presentation" border="0" cellpadding="0" cellspacing="0">
  292. <tr>
  293. <td
  294. style="vertical-align:top;width:600px;"
  295. >
  296. <![endif]-->
  297. <div
  298. class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
  299. >
  300. <table
  301. border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
  302. >
  303. <tr>
  304. <td
  305. align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"
  306. >
  307. <div
  308. style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;"
  309. >
  310. <h3>
  311. [(#CHAPO|sinon{#DESCRIPTIF})]
  312. </h3>
  313. </div>
  314. </td>
  315. </tr>
  316. <tr>
  317. <td
  318. align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"
  319. >
  320. <div
  321. style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#525252;"
  322. >
  323. [(#TEXTE|imagereduire{ m, 0})]
  324. </div>
  325. </td>
  326. </tr>
  327. </table>
  328. </div>
  329. <!--[if mso | IE]>
  330. </td>
  331. </tr>
  332. </table>
  333. <![endif]-->
  334. </td>
  335. </tr>
  336. </tbody>
  337. </table>
  338. </div>
  339. <!--[if mso | IE]>
  340. </td>
  341. </tr>
  342. </table>
  343. <![endif]-->
  344. <!-- AlaUne -->
  345. <!--[if mso | IE]>
  346. <table
  347. align="center" border="0" cellpadding="0" cellspacing="0" style="width:600px;" width="600"
  348. >
  349. <tr>
  350. <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
  351. <![endif]-->
  352. </BOUCLE_articleNewsletter><!--Début bloc quoi de neuf -->
  353. <div style="background:#fbfbfb;background-color:#fbfbfb;Margin:0px auto;max-width:600px;">
  354. <table
  355. align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#fbfbfb;background-color:#fbfbfb;width:100%;"
  356. >
  357. <tbody>
  358. <tr>
  359. <td
  360. style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;vertical-align:top;"
  361. >
  362. <!--[if mso | IE]>
  363. <table role="presentation" border="0" cellpadding="0" cellspacing="0">
  364. <tr>
  365. <td
  366. style="vertical-align:top;width:600px;"
  367. >
  368. <![endif]-->
  369. <div
  370. class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
  371. >
  372. <table
  373. border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
  374. >
  375. <tr>
  376. <td
  377. align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"
  378. >
  379. <table
  380. align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"
  381. >
  382. <tbody>
  383. <tr>
  384. <BOUCLE_articleQuoiDeNeuf(ARTICLES) {titre_mot = ALaUne }{!par date} {0,3}>
  385. <td style="width:100px;">
  386. <a
  387. href="[(#ARTICLE_URL|url_absolue)]" target="_blank"
  388. >
  389. <img
  390. height="auto" src="[(#LOGO_ARTICLE|extraire_attribut{src}|url_absolue)]" alt="[(#ARTICLE_URL|url_absolue)]" style="border:0;display:block;outline:none;text-decoration:none;width:100%;" width="100"
  391. />
  392. </a>
  393. </td>
  394. </tr>
  395. </tbody>
  396. </table>
  397. </td>
  398. </tr>
  399. </table>
  400. </div>
  401. <!--[if mso | IE]>
  402. </td>
  403. </tr>
  404. </table>
  405. <![endif]-->
  406. </BOUCLE_articleQuoiDeNeuf>
  407. </td>
  408. </tr>
  409. </tbody>
  410. </table>
  411. </div>
  412. <!--[if mso | IE]>
  413. </td>
  414. </tr>
  415. </table>
  416. <table
  417. align="center" border="0" cellpadding="0" cellspacing="0" style="width:600px;" width="600"
  418. >
  419. <tr>
  420. <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
  421. <![endif]-->
  422. <div style="Margin:0px auto;max-width:600px;">
  423. <table
  424. align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
  425. >
  426. <tbody>
  427. <tr>
  428. <td
  429. style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;vertical-align:top;"
  430. >
  431. <!--[if mso | IE]>
  432. <table role="presentation" border="0" cellpadding="0" cellspacing="0">
  433. <tr>
  434. <td
  435. style="vertical-align:top;width:600px;"
  436. >
  437. <![endif]-->
  438. <div
  439. class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
  440. >
  441. <table
  442. border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
  443. >
  444. <tr>
  445. <td
  446. style="font-size:0px;padding:10px 25px;word-break:break-word;"
  447. >
  448. <p
  449. style="border-top:solid 4px #000000;font-size:1;margin:0px auto;width:100%;"
  450. >
  451. </p>
  452. <!--[if mso | IE]>
  453. <table
  454. align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 4px #000000;font-size:1;margin:0px auto;width:550px;" role="presentation" width="550px"
  455. >
  456. <tr>
  457. <td style="height:0;line-height:0;">
  458. &nbsp;
  459. </td>
  460. </tr>
  461. </table>
  462. <![endif]-->
  463. </td>
  464. </tr>
  465. </table>
  466. </div>
  467. <!--[if mso | IE]>
  468. </td>
  469. </tr>
  470. </table>
  471. <![endif]-->
  472. </td>
  473. </tr>
  474. </tbody>
  475. </table>
  476. </div>
  477. <!--[if mso | IE]>
  478. </td>
  479. </tr>
  480. </table>
  481. <table
  482. align="center" border="0" cellpadding="0" cellspacing="0" style="width:600px;" width="600"
  483. >
  484. <tr>
  485. <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
  486. <![endif]-->
  487. <div style="Margin:0px auto;max-width:600px;">
  488. <table
  489. align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
  490. >
  491. <tbody>
  492. <tr>
  493. <td
  494. style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;vertical-align:top;"
  495. >
  496. <!--[if mso | IE]>
  497. <table role="presentation" border="0" cellpadding="0" cellspacing="0">
  498. <tr>
  499. <td
  500. style="vertical-align:top;width:600px;"
  501. >
  502. <![endif]-->
  503. <div
  504. class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
  505. >
  506. <table
  507. border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
  508. >
  509. <tr>
  510. <td
  511. align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"
  512. >
  513. <div
  514. style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:center;color:#000000;"
  515. >
  516. <a href="@@URL_DESINSCRIPTION@@" title="Desabonner">Désabonnement</a>
  517. </div>
  518. </td>
  519. </tr>
  520. </table>
  521. </div>
  522. <!--[if mso | IE]>
  523. </td>
  524. </tr>
  525. </table>
  526. <![endif]-->
  527. </td>
  528. </tr>
  529. </tbody>
  530. </table>
  531. </div>
  532. <!--[if mso | IE]>
  533. </td>
  534. </tr>
  535. </table>
  536. <table
  537. align="center" border="0" cellpadding="0" cellspacing="0" style="width:600px;" width="600"
  538. >
  539. <tr>
  540. <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
  541. <![endif]-->
  542. <div style="Margin:0px auto;max-width:600px;">
  543. <table
  544. align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
  545. >
  546. <tbody>
  547. <tr>
  548. <td
  549. style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;vertical-align:top;"
  550. >
  551. <!--[if mso | IE]>
  552. <table role="presentation" border="0" cellpadding="0" cellspacing="0">
  553. <tr>
  554. <td
  555. style="vertical-align:top;width:600px;"
  556. >
  557. <![endif]-->
  558. <div
  559. class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
  560. >
  561. <table
  562. border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
  563. >
  564. <tr>
  565. <td
  566. align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"
  567. >
  568. <div
  569. style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:center;color:#000000;"
  570. >
  571. [(#CONFIG{soyezcreateurs/bandeau_contact}|sc_exclude_newsletter)]
  572. </div>
  573. </td>
  574. </tr>
  575. </table>
  576. </div>
  577. <!--[if mso | IE]>
  578. </td>
  579. </tr>
  580. </table>
  581. <![endif]-->
  582. </td>
  583. </tr>
  584. </tbody>
  585. </table>
  586. </div>
  587. <!--[if mso | IE]>
  588. </td>
  589. </tr>
  590. </table>
  591. <![endif]-->
  592. </div>
  593. </body>
  594. </html>
  595. </B_articleNewsletter>