API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 1st, 2019
380
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 92.62 KB | None | 0 0
raw download clone embed print report
  1. <html lang="fr" dir="ltr" class="touch">
  2. <head>
  3. <!-- META -->
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <meta name="referrer" content="origin">
  8. <meta name="google-site-verification" content="tzDu5Tmjb95WXkOlX8HPA6fvgldsHVq2EwLlNuvfb-k">
  9. <title>(330 non lus) - SFR Mail | Mail</title>
  10. <!-- STYLESHEET -->
  11. <link href="//msc02.s-sfr.fr/fr_FR/20171211153045/css/main.css" rel="stylesheet" media="all">
  12. <!-- <link href="//msc02.s-sfr.fr/fr_FR/20171211153045/css/rtcc.css" rel="stylesheet" media="all" />-->
  13. <!--[if IE 9]><link href="//msc02.s-sfr.fr/fr_FR/20171211153045/css/ie9fix.css" rel="stylesheet" type="text/css" /><![endif]-->
  14. <!-- CONFIG -->
  15. <script>
  16. window.STATIC_BASEPATH = "//msc02.s-sfr.fr/fr_FR/20171211153045/";
  17. window.CKEDITOR_BASEPATH = "//msc03.s-sfr.fr/fr_FR/20171211153045/lib/ckeditor/";
  18. window.folderSeparator = ".";
  19. if(window.folderSeparator && window.folderSeparator.indexOf("__INTGR_DLR_") !== -1){
  20. window.folderSeparator = "/";
  21. }
  22. if(!(window.performance && window.performance.timing)){
  23. window.performance = { timing: { navigationStart: Date.now() } };
  24. }
  25.  
  26. window.campaignsPreferences = {};
  27. </script>
  28. <!-- SCRIPTS -->
  29. <style id="eTcss">iframe[name=google_conversion_frame],iframe#google_conversion_frame,#header .bandeau_cookie{display:none}[data-eTab]{display:none}#eTsH .P{padding-left:172px!important;background:url(//static.s-sfr.fr/media/headerlogo-altice-standard-desktop.png) no-repeat 99px 10px}#eTsH>.M>.S{width:40px!important}#eTsH>.M>.S>input{border:0!important;background:transparent url(//static.s-sfr.fr/media/header-nav-loupe-icon-082017.png) center no-repeat!important}#eTsH>.M>.S>[name=q]{display:none!important}#header>.logo{width:99px;background:url(//static.s-sfr.fr/media/headerlogo-altice-standard-mobile.png) no-repeat 60px 6px}#eTpH>.T>.L>.S{width:70px!important}#eTpH>.T>.L{background:url(//static.s-sfr.fr/media/headerlogo-altice-portail-mobile.png) no-repeat 40px 3px}#eTsH ul:first-child .sH>div{position:relative;left:60%}#eTsH ul:first-child .sH>div+div{left:-40%}#eTsH ul:first-child .sH>div .Z{max-width:750px;margin:0 0 0 auto}#eTsH ul:first-child .sH>div .Z img{left:auto;right:0}#eTsH ul:first-child .sH>div>p{margin:0;padding:36px 20px 0 60px}#eTrF{position:relative;z-index:40000}#SFReTagArrow{display:block!important}#SFReTagArrow::after{display:table;content:" ";clear:both}</style>
  30. <style>body{margin:0;height:initial;min-height:100%}#eTh,#eTh *{padding:0;margin:0;text-align:left;box-sizing:content-box;vertical-align:middle;overflow:hidden}#eTh{position:relative;z-index:3000;padding:2px;width:initial;height:28px;background:#1c1c1c}#eTh a{font:14px Arial;color:#fff;cursor:pointer;text-decoration:none;margin-right:30px}#eTh img{display:inline;height:28px;width:28px;border:0}.eTf>a,.eTf>a:hover{color:#000}#eTh>#C{float:left;display:inline;padding-left:25px;}#eTh>#A{float:right;width:40%;padding-top:4px;padding-right:25px;text-align:right;}#eTh>#A>a{margin-right:4px}#eTh>#A>ul{white-space:nowrap;text-align:right}#eTh>#A>ul>li{position:relative}#eTh>#A>ul>li>a{font:18px "SFR-Thin";line-height:42px;color:#ffffff}#eTh .puce{padding-right:10px; padding-left:10px}#eTh .a{position:relative}#eTh>#A>a>p{display:inline-block;min-width:18px;padding-right:6px;padding-left:3px;height:18px;background-color:#e2001a;border-radius:8px;text-align:center;font-size:11px;line-height:18px;color:#FFF;font-weight:bold;margin-left:4px}#RN_F{position:fixed;width:100%;bottom:0;z-index:3000;height:32px;overflow:auto}#RN_F>div{min-height:0!important}#RN_F .BAS{padding:4px 0 1px!important;font-size:0}@media (max-width:767px) and (min-width:1px){#RN_F a{min-width:0!important;font-size:10px!important;padding:7px!important}}</style>
  31. <link type="image/x-icon" rel="shortcut icon" href="http://static.s-sfr.fr/media/favicon.png?forceReload">
  32. <style>.cke{visibility:hidden;}</style>
  33. </head>
  34. <body id="mail" class="isMobile chrome initialsb">
  35. <div id="eTh" class="sfrNC">
  36. <div id="C">
  37. <a href="https://www.sfr.fr"><img src="//static.s-sfr.fr/media/logo-3.jpg" alt="SFR"></a>
  38. <a href="https://www.sfr.fr/box-internet/#sfrintid=X_meta_box&amp;sfrclicid=X_meta_box">Box</a>
  39. <a href="https://www.sfr.fr/telephonie-mobile/#sfrintid=X_meta_mob&amp;sfrclicid=X_meta_mob">Mobile</a>
  40. <a href="https://www.sfr.fr/box-mobile/#sfrintid=X_meta_box-mob&amp;sfrclicid=X_meta_box-mob">Box + Mobile</a>
  41. <a href="https://assistance.sfr.fr#sfrintid=X_meta_ass&amp;sfrclicid=X_meta_ass">Assistance</a>
  42. </div>
  43. <div id="A">
  44. <a style="background:#e2001a;padding:2px 5px" href="http://www.sfr.fr/portail.html#sfrintid=X_meta_portail">Portail SFR</a>
  45. <a>•</a>
  46. <a href="http://boutique.sfr.fr/#sfrintid=X_meta_magasins&amp;sfrclicid=X_meta_magasins">Boutiques</a>
  47. <a>•</a>
  48. <a href="#welcome">Mes mails<p>330</p></a>
  49. <a>•</a>
  50. <a href="https://www.sfr.fr/cas/logout?url=http%3A//www.sfr.fr/portail.html%23sfrintid%3DX_meta_wm_deco" title="Se déconnecter">X</a>
  51. </div>
  52. </div>
  53. <iframe name="__cmpLocator" style="display: none;"></iframe>
  54. <div id="container">
  55. <div id="main-mail-view">
  56. <header role="banner" id="nav-banner">
  57. <p id="nav-control"> <a href="#" role="button" aria-controls="main-navigation" onmousedown="return false;" aria-haspopup="true">Menu</a> </p>
  58. <h1><a href="#inbox" title="Retourner à la boîte de réception" onmousedown="return false;">WL <strong>M &amp; D</strong></a></h1>
  59. <p class="k-skip"> <a id="access-goToMain" href="#main">Aller directement au contenu</a> </p>
  60. <nav id="main-navigation" class="main-nav main-nav-inline" role="navigation" aria-expanded="false" aria-hidden="true" style="display: none;">
  61. <h2 class="k-skip"> <a id="access-goToSystemFolders" href="#wrapper">Navigation principale (Sauter)</a> </h2>
  62. <ul class="k-navbar" role="menubar">
  63. <li id="header-menu-welcome"> <a href="#welcome" onmousedown="return false;">Accueil</a> </li>
  64. <li id="header-menu-mail"> <a href="#inbox" class="active" onmousedown="return false;">Mail</a> </li>
  65. <li id="header-menu-agenda"> <a href="#agenda" onmousedown="return false;">Agenda</a> </li>
  66. <li id="header-menu-contacts"> <a href="#contacts" onmousedown="return false;">Contacts</a> </li>
  67. <li id="header-menu-cloud"> <a href="http://www.sfrcloud.sfr.fr/" target="_blank" onmousedown="return false;"> Cloud </a> </li>
  68. </ul>
  69. </nav>
  70. <div class="k-tools">
  71. <p class="sitewide-help"> <a href="http://assistance.sfr.fr/runtime/service-et-accessoire/sfr-mail/accueil.html" class="has-tooltip" target="_blank" onmousedown="return false;"> <img src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/help.svg" alt="Aide"> </a> <span class="tooltip">Accéder à l'aide en ligne</span> </p>
  72. <form class="k-search main-search" method="post" action="#" style="">
  73. <div class="k-actions">
  74. <input type="search" id="search-tag" name="search-tag" autocomplete="off" class="dd-trigger" placeholder="Rechercher ..." title="Recherche" role="search" value="">
  75. <button id="localSearch" type="button"> Rechercher dans mes mails </button>
  76. <button id="googleSearch" type="button"> Rechercher avec <img src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/google.png" alt="Google" onmousedown="return false;"> </button>
  77. <input type="hidden" value="Rechercher" name="ok">
  78. <input type="hidden" name="channel" value="Messagerie_SFR">
  79. </div>
  80. </form>
  81. <form id="settings-shorthands" method="post" action="#">
  82. <div class="parameters k-actions">
  83. <p> <a id="params" class="has-tooltip" aria-haspopup="true" href="#settings/mails" onmousedown="return false;"> <img src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/params.svg" alt="Paramètres"> </a> <span class="tooltip">Ouvrir les paramètres</span> </p>
  84. </div>
  85. </form>
  86. </div>
  87. <div class="k-login-data k-actions">
  88. <div id="user-data">
  89. <div class="recap">
  90. <p>peyruseigt.jeanpierre@neuf.fr</p>
  91. <span class="quotagauge"> <span class="percent">14%</span> <span class="total">/ 10Go</span>
  92. <div class="gauge-gi">
  93. <div style=" background:#6DC766; width: 14%;"></div>
  94. </div> </span>
  95. </div>
  96. <p> <a href="#" role="button" class="dd-trigger" aria-haspopup="true" onmousedown="return false;"> <img class="has-tooltip" src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/account.svg" alt="Menu Mon Compte"> <span class="tooltip">Ouvrir le menu du compte</span> </a> </p>
  97. </div>
  98. <ul id="user-menu" class="actions-list" role="menu" aria-expanded="false" aria-hidden="true">
  99. <li class="user-id">peyruseigt.jeanpierre@neuf.fr</li>
  100. <li id="upref-password"> <a href="https://www.sfr.fr/cas/changePassword?service=https://webmail.sfr.fr" onmousedown="return false;">Changer mon mot de passe</a> </li>
  101. <li id="logout"> <a href="https://www.sfr.fr/cas/logout?service=https://webmail.sfr.fr/logout" onmousedown="return false;">Déconnexion</a> </li>
  102. <li class="k-gauge"> <span class="percent">14%</span> <span class="total">/ 10Go</span>
  103. <div class="gauge-gi">
  104. <div style=" background:#6DC766; width: 14%;"></div>
  105. </div> </li>
  106. </ul>
  107. </div>
  108. </header>
  109. <hr>
  110. <div id="SFReTagSkyMail" class="ad-banner extra-banner right-ad-banner" style="padding-top: 28px;"></div>
  111. <div id="wrapper" class="com-right " style="bottom: 32px;">
  112. <div id="wrapper-splitter" class="splitter">
  113. <div id="menu" class="splitter-pane">
  114. <div id="left-menu-view">
  115. <nav role="navigation">
  116. <h3 class="k-skip"><a id="access-goToUserFolders" href="#main">Dossiers (Sauter)</a></h3>
  117. <p class="main-action"> <a href="#write" class="newMail">Écrire un mail</a> </p>
  118. <ul id="mail-folders" class="rich-menu mail-folders">
  119. <li data-name="VF_pertinent" class="inmail folder acceptDrag ui-droppable"> <strong class="current" aria-label=" Vous êtes ici"> <a href="" title="Nombre total de mails : 134" class="nameFolder new active"> Boîte de réception <span class="new-mess"><strong>66</strong></span> </a> </strong> </li>
  120. <!-- NEWSLETTERS -->
  121. <li data-name="VF_newsletter" class="folder" id="fInfoPub"> <a href="" title="Nombre total de mails : 304" class="nameFolder new"> Info-pubs <span class="new-mess"><strong>264</strong></span> </a> </li>
  122. <!-- NEWSLETTERS -->
  123. <li data-name="SF_DRAFT" class="draft folder"> <a class="nameFolder" href="#" title="Nombre total de mails : 30">Brouillons <span class="new-mess">30</span> </a>
  124. <div class="k-actions">
  125. <button class="dd-trigger" aria-label="Options"></button>
  126. <ul class="actions-list">
  127. <li class="emptyFolder"> <a href="#">Vider le dossier</a> </li>
  128. </ul>
  129. </div> </li>
  130. <li data-name="SF_OUTBOX" class="sent folder"> <a class="nameFolder" href="#" title="Nombre total de mails : 4655"> Envoyés </a>
  131. <div class="k-actions">
  132. <button class="dd-trigger" aria-label="Options"></button>
  133. <ul class="actions-list">
  134. <li class="emptyFolder"><a href="#">Vider le dossier</a></li>
  135. </ul>
  136. </div> </li>
  137. <li data-name="SF_JUNK" class="spam folder acceptDrag ui-droppable" id="fjunk"> <a class="nameFolder new " href="#" title="Nombre total de mails : 141">Indésirables <span class="new-mess"><strong>139</strong></span> </a>
  138. <div class="k-actions">
  139. <button class="dd-trigger" aria-label="Options"></button>
  140. <ul class="actions-list">
  141. <li class="markRead"> <a href="#">Marquer comme lu</a> </li>
  142. <li class="emptyFolder"> <a href="#">Vider le dossier</a> </li>
  143. </ul>
  144. </div> </li>
  145. <li data-name="SF_TRASH" class="trash folder acceptDrag ui-droppable"> <a class="nameFolder" href="#" title="Nombre total de mails : 0">Corbeille </a>
  146. <div class="k-actions">
  147. <button class="dd-trigger" aria-label="Options"></button>
  148. <ul class="actions-list">
  149. <li> <a class="bt-disabled">Marquer comme lu</a> </li>
  150. <li> <a class="bt-disabled">Vider la corbeille</a> </li>
  151. </ul>
  152. </div> </li>
  153. </ul>
  154. </nav>
  155. <!-- CATEGORIES -->
  156. <nav class="categories" role="navigation">
  157. <header class="control">
  158. <a href="#" class="active" aria-selected="true" title-inactive="Afficher les catégories" title-active="Masquer les catégories" aria-controls="categories-folders-content" aria-haspopup="true" title="Masquer les catégories"> Catégories </a>
  159. </header>
  160. <ul id="categories-folders-content" class="content rich-menu mail-folders" aria-expanded="true" aria-hidden="false" style="display: block;">
  161. <li data-name="VF_purchase" class="folder" id="fPucharse"> <a href="" class="nameFolder "> Achats </a> </li>
  162. <li data-name="VF_alerts" class="folder" id="fAlerts"> <a href="" class="nameFolder "> Alertes </a> </li>
  163. <li data-name="VF_account" class="folder" id="fAccount"> <a href="" class="nameFolder "> Comptes </a> </li>
  164. <li data-name="VF_finance" class="folder" id="fFinance"> <a href="" class="nameFolder "> Finances </a> </li>
  165. <li data-name="VF_travel" class="folder" id="fTravel"> <a href="" class="nameFolder "> Voyages </a> </li>
  166. </ul>
  167. </nav>
  168. <!-- CATEGORIES -->
  169. <nav id="personal-menu" role="navigation">
  170. <p class="k-skip"><a id="access-goToMainFromLM" href="#main">Sauter ce menu</a></p>
  171. <header class="control">
  172. <a href="#" title-inactive="Afficher mes dossiers" title-active="Masquer mes dossiers" aria-controls="personal-folders-content" aria-haspopup="true" title="Afficher mes dossiers"> Mes dossiers </a>
  173. </header>
  174. <ul id="personal-folders-content" class="content rich-menu mail-folders" aria-expanded="false" aria-hidden="true" style="display: none;">
  175. <li data-name="UF_2014-2015" class="folder acceptDrag ui-droppable"> <a class="nameFolder" href="#" title="Nombre total de mails : 0">2014-2015 </a>
  176. <div class="k-actions">
  177. <button class="dd-trigger" aria-label="Options"></button>
  178. <ul class="actions-list">
  179. <li class="subFolder"><a href="#">Nouveau sous-dossier....</a></li>
  180. <li class="renameFolder"><a href="#">Renommer</a></li>
  181. <li class="deleteFolder"><a href="#" class="k-modal-trigger alert-only">Supprimer</a></li>
  182. <li> <a class="bt-disabled">Marquer comme lu</a> </li>
  183. <li> <a class="bt-disabled">Vider le dossier</a> </li>
  184. </ul>
  185. </div> </li>
  186. <li data-name="UF_AIRNB" class="folder acceptDrag ui-droppable"> <a class="nameFolder" href="#" title="Nombre total de mails : 23">AIRNB </a>
  187. <div class="k-actions">
  188. <button class="dd-trigger" aria-label="Options"></button>
  189. <ul class="actions-list">
  190. <li class="subFolder"><a href="#">Nouveau sous-dossier....</a></li>
  191. <li class="renameFolder"><a href="#">Renommer</a></li>
  192. <li class="deleteFolder"><a href="#" class="k-modal-trigger alert-only">Supprimer</a></li>
  193. <li> <a class="bt-disabled">Marquer comme lu</a> </li>
  194. <li class="emptyFolder"> <a href="#">Vider le dossier</a> </li>
  195. </ul>
  196. </div> </li>
  197. <li data-name="UF_CELEONET" class="folder acceptDrag ui-droppable"> <a class="nameFolder" href="#" title="Nombre total de mails : 2">CELEONET </a>
  198. <div class="k-actions">
  199. <button class="dd-trigger" aria-label="Options"></button>
  200. <ul class="actions-list">
  201. <li class="subFolder"><a href="#">Nouveau sous-dossier....</a></li>
  202. <li class="renameFolder"><a href="#">Renommer</a></li>
  203. <li class="deleteFolder"><a href="#" class="k-modal-trigger alert-only">Supprimer</a></li>
  204. <li> <a class="bt-disabled">Marquer comme lu</a> </li>
  205. <li class="emptyFolder"> <a href="#">Vider le dossier</a> </li>
  206. </ul>
  207. </div> </li>
  208. <li data-name="UF_CRAA FAEMC" class="folder acceptDrag ui-droppable"> <a class="nameFolder new" href="#" title="Nombre total de mails : 217">CRAA FAEMC <span class="new-mess"><strong>11</strong></span> </a>
  209. <div class="k-actions">
  210. <button class="dd-trigger" aria-label="Options"></button>
  211. <ul class="actions-list">
  212. <li class="subFolder"><a href="#">Nouveau sous-dossier....</a></li>
  213. <li class="renameFolder"><a href="#">Renommer</a></li>
  214. <li class="deleteFolder"><a href="#" class="k-modal-trigger alert-only">Supprimer</a></li>
  215. <li class="markRead"> <a href="#">Marquer comme lu</a> </li>
  216. <li class="emptyFolder"> <a href="#">Vider le dossier</a> </li>
  217. </ul>
  218. </div> </li>
  219. <li data-name="UF_DAYAN QI GONG" class="folder acceptDrag ui-droppable"> <a class="nameFolder" href="#" title="Nombre total de mails : 1">DAYAN QI GONG </a>
  220. <div class="k-actions">
  221. <button class="dd-trigger" aria-label="Options"></button>
  222. <ul class="actions-list">
  223. <li class="subFolder"><a href="#">Nouveau sous-dossier....</a></li>
  224. <li class="renameFolder"><a href="#">Renommer</a></li>
  225. <li class="deleteFolder"><a href="#" class="k-modal-trigger alert-only">Supprimer</a></li>
  226. <li> <a class="bt-disabled">Marquer comme lu</a> </li>
  227. <li class="emptyFolder"> <a href="#">Vider le dossier</a> </li>
  228. </ul>
  229. </div> </li>
  230. <li data-name="UF_Deleted Items" class="folder acceptDrag ui-droppable"> <a class="nameFolder" href="#" title="Nombre total de mails : 0">Deleted Items </a>
  231. <div class="k-actions">
  232. <button class="dd-trigger" aria-label="Options"></button>
  233. <ul class="actions-list">
  234. <li class="subFolder"><a href="#">Nouveau sous-dossier....</a></li>
  235. <li class="renameFolder"><a href="#">Renommer</a></li>
  236. <li class="deleteFolder"><a href="#" class="k-modal-trigger alert-only">Supprimer</a></li>
  237. <li> <a class="bt-disabled">Marquer comme lu</a> </li>
  238. <li> <a class="bt-disabled">Vider le dossier</a> </li>
  239. </ul>
  240. </div> </li>
  241. <li data-name="UF_EASY JET + CAMINO DEL NORTE" class="folder acceptDrag ui-droppable"> <a class="nameFolder" href="#" title="EASY JET + CAMINO DEL NORTE - Nombre total de mails : 2">EASY JET + CAMINO DEL... </a>
  242. <div class="k-actions">
  243. <button class="dd-trigger" aria-label="Options"></button>
  244. <ul class="actions-list">
  245. <li class="subFolder"><a href="#">Nouveau sous-dossier....</a></li>
  246. <li class="renameFolder"><a href="#">Renommer</a></li>
  247. <li class="deleteFolder"><a href="#" class="k-modal-trigger alert-only">Supprimer</a></li>
  248. <li> <a class="bt-disabled">Marquer comme lu</a> </li>
  249. <li class="emptyFolder"> <a href="#">Vider le dossier</a> </li>
  250. </ul>
  251. </div> </li>
  252. <li data-name="UF_FAEMC" class="folder acceptDrag ui-droppable"> <a class="nameFolder" href="#" title="Nombre total de mails : 2">FAEMC </a>
  253. <div class="k-actions">
  254. <button class="dd-trigger" aria-label="Options"></button>
  255. <ul class="actions-list">
  256. <li class="subFolder"><a href="#">Nouveau sous-dossier....</a></li>
  257. <li class="renameFolder"><a href="#">Renommer</a></li>
  258. <li class="deleteFolder"><a href="#" class="k-modal-trigger alert-only">Supprimer</a></li>
  259. <li> <a class="bt-disabled">Marquer comme lu</a> </li>
  260. <li class="emptyFolder"> <a href="#">Vider le dossier</a> </li>
  261. </ul>
  262. </div> </li>
  263. <li data-name="UF_FFKDA" class="folder acceptDrag ui-droppable"> <a class="nameFolder new" href="#" title="Nombre total de mails : 18">FFKDA <span class="new-mess"><strong>1</strong></span> </a>
  264. <div class="k-actions">
  265. <button class="dd-trigger" aria-label="Options"></button>
  266. <ul class="actions-list">
  267. <li class="subFolder"><a href="#">Nouveau sous-dossier....</a></li>
  268. <li class="renameFolder"><a href="#">Renommer</a></li>
  269. <li class="deleteFolder"><a href="#" class="k-modal-trigger alert-only">Supprimer</a></li>
  270. <li class="markRead"> <a href="#">Marquer comme lu</a> </li>
  271. <li class="emptyFolder"> <a href="#">Vider le dossier</a> </li>
  272. </ul>
  273. </div> </li>
  274. <li data-name="UF_FLEURIEUX" class="folder acceptDrag ui-droppable"> <a class="nameFolder" href="#" title="Nombre total de mails : 4">FLEURIEUX </a>
  275. <div class="k-actions">
  276. <button class="dd-trigger" aria-label="Options"></button>
  277. <ul class="actions-list">
  278. <li class="subFolder"><a href="#">Nouveau sous-dossier....</a></li>
  279. <li class="renameFolder"><a href="#">Renommer</a></li>
  280. <li class="deleteFolder"><a href="#" class="k-modal-trigger alert-only">Supprimer</a></li>
  281. <li> <a class="bt-disabled">Marquer comme lu</a> </li>
  282. <li class="emptyFolder"> <a href="#">Vider le dossier</a> </li>
  283. </ul>
  284. </div> </li>
  285. <li data-name="UF_FRAIS D'INTERMEDIAIRE LCL" class="folder acceptDrag ui-droppable"> <a class="nameFolder" href="#" title="FRAIS D'INTERMEDIAIRE LCL - Nombre total de mails : 0">FRAIS D'INTERMEDIAIRE... </a>
  286. <div class="k-actions">
  287. <button class="dd-trigger" aria-label="Options"></button>
  288. <ul class="actions-list">
  289. <li class="subFolder"><a href="#">Nouveau sous-dossier....</a></li>
  290. <li class="renameFolder"><a href="#">Renommer</a></li>
  291. <li class="deleteFolder"><a href="#" class="k-modal-trigger alert-only">Supprimer</a></li>
  292. <li> <a class="bt-disabled">Marquer comme lu</a> </li>
  293. <li> <a class="bt-disabled">Vider le dossier</a> </li>
  294. </ul>
  295. </div> </li>
  296. <li data-name="UF_HELIA PORTAGE " class="folder acceptDrag ui-droppable"> <a class="nameFolder" href="#" title="Nombre total de mails : 8">HELIA PORTAGE </a>
  297. <div class="k-actions">
  298. <button class="dd-trigger" aria-label="Options"></button>
  299. <ul class="actions-list">
  300. <li class="subFolder"><a href="#">Nouveau sous-dossier....</a></li>
  301. <li class="renameFolder"><a href="#">Renommer</a></li>
  302. <li class="deleteFolder"><a href="#" class="k-modal-trigger alert-only">Supprimer</a></li>
  303. <li> <a class="bt-disabled">Marquer comme lu</a> </li>
  304. <li class="emptyFolder"> <a href="#">Vider le dossier</a> </li>
  305. </ul>
  306. </div> </li>
  307. <li data-name="UF_JADE" class="folder acceptDrag ui-droppable"> <a class="nameFolder" href="#" title="Nombre total de mails : 0">JADE </a>
  308. <div class="k-actions">
  309. <button class="dd-trigger" aria-label="Options"></button>
  310. <ul class="actions-list">
  311. <li class="subFolder"><a href="#">Nouveau sous-dossier....</a></li>
  312. <li class="renameFolder"><a href="#">Renommer</a></li>
  313. <li class="deleteFolder"><a href="#" class="k-modal-trigger alert-only">Supprimer</a></li>
  314. <li> <a class="bt-disabled">Marquer comme lu</a> </li>
  315. <li> <a class="bt-disabled">Vider le dossier</a> </li>
  316. </ul>
  317. </div> </li>
  318. <li data-name="UF_Jeunesse et sports" class="folder acceptDrag ui-droppable"> <a class="nameFolder" href="#" title="Nombre total de mails : 1">Jeunesse et sports </a>
  319. <div class="k-actions">
  320. <button class="dd-trigger" aria-label="Options"></button>
  321. <ul class="actions-list">
  322. <li class="subFolder"><a href="#">Nouveau sous-dossier....</a></li>
  323. <li class="renameFolder"><a href="#">Renommer</a></li>
  324. <li class="deleteFolder"><a href="#" class="k-modal-trigger alert-only">Supprimer</a></li>
  325. <li> <a class="bt-disabled">Marquer comme lu</a> </li>
  326. <li class="emptyFolder"> <a href="#">Vider le dossier</a> </li>
  327. </ul>
  328. </div> </li>
  329. <li data-name="UF_LING GUI" class="folder acceptDrag ui-droppable"> <a class="nameFolder" href="#" title="Nombre total de mails : 5">LING GUI </a>
  330. <div class="k-actions">
  331. <button class="dd-trigger" aria-label="Options"></button>
  332. <ul class="actions-list">
  333. <li class="subFolder"><a href="#">Nouveau sous-dossier....</a></li>
  334. <li class="renameFolder"><a href="#">Renommer</a></li>
  335. <li class="deleteFolder"><a href="#" class="k-modal-trigger alert-only">Supprimer</a></li>
  336. <li> <a class="bt-disabled">Marquer comme lu</a> </li>
  337. <li class="emptyFolder"> <a href="#">Vider le dossier</a> </li>
  338. </ul>
  339. </div> </li>
  340. <li data-name="UF_LIVRE " class="folder acceptDrag ui-droppable"> <a class="nameFolder" href="#" title="Nombre total de mails : 0">LIVRE </a>
  341. <div class="k-actions">
  342. <button class="dd-trigger" aria-label="Options"></button>
  343. <ul class="actions-list">
  344. <li class="subFolder"><a href="#">Nouveau sous-dossier....</a></li>
  345. <li class="renameFolder"><a href="#">Renommer</a></li>
  346. <li class="deleteFolder"><a href="#" class="k-modal-trigger alert-only">Supprimer</a></li>
  347. <li> <a class="bt-disabled">Marquer comme lu</a> </li>
  348. <li> <a class="bt-disabled">Vider le dossier</a> </li>
  349. </ul>
  350. </div> </li>
  351. <li data-name="UF_PAGES JAUNES" class="folder acceptDrag ui-droppable"> <a class="nameFolder" href="#" title="Nombre total de mails : 11">PAGES JAUNES </a>
  352. <div class="k-actions">
  353. <button class="dd-trigger" aria-label="Options"></button>
  354. <ul class="actions-list">
  355. <li class="subFolder"><a href="#">Nouveau sous-dossier....</a></li>
  356. <li class="renameFolder"><a href="#">Renommer</a></li>
  357. <li class="deleteFolder"><a href="#" class="k-modal-trigger alert-only">Supprimer</a></li>
  358. <li> <a class="bt-disabled">Marquer comme lu</a> </li>
  359. <li class="emptyFolder"> <a href="#">Vider le dossier</a> </li>
  360. </ul>
  361. </div> </li>
  362. <li data-name="UF_PARKINSON" class="folder acceptDrag ui-droppable"> <a class="nameFolder" href="#" title="Nombre total de mails : 13">PARKINSON </a>
  363. <div class="k-actions">
  364. <button class="dd-trigger" aria-label="Options"></button>
  365. <ul class="actions-list">
  366. <li class="subFolder"><a href="#">Nouveau sous-dossier....</a></li>
  367. <li class="renameFolder"><a href="#">Renommer</a></li>
  368. <li class="deleteFolder"><a href="#" class="k-modal-trigger alert-only">Supprimer</a></li>
  369. <li> <a class="bt-disabled">Marquer comme lu</a> </li>
  370. <li class="emptyFolder"> <a href="#">Vider le dossier</a> </li>
  371. </ul>
  372. </div> </li>
  373. <li data-name="UF_PAYPAL" class="folder acceptDrag ui-droppable"> <a class="nameFolder" href="#" title="Nombre total de mails : 9">PAYPAL </a>
  374. <div class="k-actions">
  375. <button class="dd-trigger" aria-label="Options"></button>
  376. <ul class="actions-list">
  377. <li class="subFolder"><a href="#">Nouveau sous-dossier....</a></li>
  378. <li class="renameFolder"><a href="#">Renommer</a></li>
  379. <li class="deleteFolder"><a href="#" class="k-modal-trigger alert-only">Supprimer</a></li>
  380. <li> <a class="bt-disabled">Marquer comme lu</a> </li>
  381. <li class="emptyFolder"> <a href="#">Vider le dossier</a> </li>
  382. </ul>
  383. </div> </li>
  384. <li data-name="UF_SABINE METZLE" class="folder acceptDrag ui-droppable"> <a class="nameFolder" href="#" title="Nombre total de mails : 2">SABINE METZLE </a>
  385. <div class="k-actions">
  386. <button class="dd-trigger" aria-label="Options"></button>
  387. <ul class="actions-list">
  388. <li class="subFolder"><a href="#">Nouveau sous-dossier....</a></li>
  389. <li class="renameFolder"><a href="#">Renommer</a></li>
  390. <li class="deleteFolder"><a href="#" class="k-modal-trigger alert-only">Supprimer</a></li>
  391. <li> <a class="bt-disabled">Marquer comme lu</a> </li>
  392. <li class="emptyFolder"> <a href="#">Vider le dossier</a> </li>
  393. </ul>
  394. </div> </li>
  395. <li data-name="UF_SAINT PRIEST" class="folder acceptDrag ui-droppable"> <a class="nameFolder" href="#" title="Nombre total de mails : 2">SAINT PRIEST </a>
  396. <div class="k-actions">
  397. <button class="dd-trigger" aria-label="Options"></button>
  398. <ul class="actions-list">
  399. <li class="subFolder"><a href="#">Nouveau sous-dossier....</a></li>
  400. <li class="renameFolder"><a href="#">Renommer</a></li>
  401. <li class="deleteFolder"><a href="#" class="k-modal-trigger alert-only">Supprimer</a></li>
  402. <li> <a class="bt-disabled">Marquer comme lu</a> </li>
  403. <li class="emptyFolder"> <a href="#">Vider le dossier</a> </li>
  404. </ul>
  405. </div> </li>
  406. <li data-name="UF_SASU Santé Corps esprit" class="folder acceptDrag ui-droppable"> <a class="nameFolder" href="#" title="SASU Santé Corps esprit - Nombre total de mails : 2">SASU Santé Corps espr... </a>
  407. <div class="k-actions">
  408. <button class="dd-trigger" aria-label="Options"></button>
  409. <ul class="actions-list">
  410. <li class="subFolder"><a href="#">Nouveau sous-dossier....</a></li>
  411. <li class="renameFolder"><a href="#">Renommer</a></li>
  412. <li class="deleteFolder"><a href="#" class="k-modal-trigger alert-only">Supprimer</a></li>
  413. <li> <a class="bt-disabled">Marquer comme lu</a> </li>
  414. <li class="emptyFolder"> <a href="#">Vider le dossier</a> </li>
  415. </ul>
  416. </div> </li>
  417. <li data-name="UF_Sent Items" class="folder acceptDrag ui-droppable"> <a class="nameFolder" href="#" title="Nombre total de mails : 0">Sent Items </a>
  418. <div class="k-actions">
  419. <button class="dd-trigger" aria-label="Options"></button>
  420. <ul class="actions-list">
  421. <li class="subFolder"><a href="#">Nouveau sous-dossier....</a></li>
  422. <li class="renameFolder"><a href="#">Renommer</a></li>
  423. <li class="deleteFolder"><a href="#" class="k-modal-trigger alert-only">Supprimer</a></li>
  424. <li> <a class="bt-disabled">Marquer comme lu</a> </li>
  425. <li> <a class="bt-disabled">Vider le dossier</a> </li>
  426. </ul>
  427. </div> </li>
  428. <li data-name="UF_STAGE EVEUX" class="folder acceptDrag ui-droppable"> <a class="nameFolder" href="#" title="Nombre total de mails : 4">STAGE EVEUX </a>
  429. <div class="k-actions">
  430. <button class="dd-trigger" aria-label="Options"></button>
  431. <ul class="actions-list">
  432. <li class="subFolder"><a href="#">Nouveau sous-dossier....</a></li>
  433. <li class="renameFolder"><a href="#">Renommer</a></li>
  434. <li class="deleteFolder"><a href="#" class="k-modal-trigger alert-only">Supprimer</a></li>
  435. <li> <a class="bt-disabled">Marquer comme lu</a> </li>
  436. <li class="emptyFolder"> <a href="#">Vider le dossier</a> </li>
  437. </ul>
  438. </div> </li>
  439. <li data-name="UF_STAGE LYON" class="folder acceptDrag ui-droppable"> <a class="nameFolder" href="#" title="Nombre total de mails : 0">STAGE LYON </a>
  440. <div class="k-actions">
  441. <button class="dd-trigger" aria-label="Options"></button>
  442. <ul class="actions-list">
  443. <li class="subFolder"><a href="#">Nouveau sous-dossier....</a></li>
  444. <li class="renameFolder"><a href="#">Renommer</a></li>
  445. <li class="deleteFolder"><a href="#" class="k-modal-trigger alert-only">Supprimer</a></li>
  446. <li> <a class="bt-disabled">Marquer comme lu</a> </li>
  447. <li> <a class="bt-disabled">Vider le dossier</a> </li>
  448. </ul>
  449. </div> </li>
  450. <li data-name="UF_URSSAF" class="folder acceptDrag ui-droppable"> <a class="nameFolder" href="#" title="Nombre total de mails : 1">URSSAF </a>
  451. <div class="k-actions">
  452. <button class="dd-trigger" aria-label="Options"></button>
  453. <ul class="actions-list">
  454. <li class="subFolder"><a href="#">Nouveau sous-dossier....</a></li>
  455. <li class="renameFolder"><a href="#">Renommer</a></li>
  456. <li class="deleteFolder"><a href="#" class="k-modal-trigger alert-only">Supprimer</a></li>
  457. <li> <a class="bt-disabled">Marquer comme lu</a> </li>
  458. <li class="emptyFolder"> <a href="#">Vider le dossier</a> </li>
  459. </ul>
  460. </div> </li>
  461. <li data-name="UF_VILLEFONTAINE" class="folder acceptDrag ui-droppable"> <a class="nameFolder" href="#" title="Nombre total de mails : 4">VILLEFONTAINE </a>
  462. <div class="k-actions">
  463. <button class="dd-trigger" aria-label="Options"></button>
  464. <ul class="actions-list">
  465. <li class="subFolder"><a href="#">Nouveau sous-dossier....</a></li>
  466. <li class="renameFolder"><a href="#">Renommer</a></li>
  467. <li class="deleteFolder"><a href="#" class="k-modal-trigger alert-only">Supprimer</a></li>
  468. <li> <a class="bt-disabled">Marquer comme lu</a> </li>
  469. <li class="emptyFolder"> <a href="#">Vider le dossier</a> </li>
  470. </ul>
  471. </div> </li>
  472. <li data-name="UF_WEB SELF" class="folder acceptDrag ui-droppable"> <a class="nameFolder" href="#" title="Nombre total de mails : 9">WEB SELF </a>
  473. <div class="k-actions">
  474. <button class="dd-trigger" aria-label="Options"></button>
  475. <ul class="actions-list">
  476. <li class="subFolder"><a href="#">Nouveau sous-dossier....</a></li>
  477. <li class="renameFolder"><a href="#">Renommer</a></li>
  478. <li class="deleteFolder"><a href="#" class="k-modal-trigger alert-only">Supprimer</a></li>
  479. <li> <a class="bt-disabled">Marquer comme lu</a> </li>
  480. <li class="emptyFolder"> <a href="#">Vider le dossier</a> </li>
  481. </ul>
  482. </div> </li>
  483. </ul>
  484. <ul class="rich-menu">
  485. <li id="add-folder" class="add-item"> <a href="#" class="bt-add-folder" role="button">Ajouter un dossier</a> </li>
  486. </ul>
  487. </nav>
  488. </div>
  489. <p class="collapse-pane"> </p>
  490. <div id="SFReTagLeftMail" class="ad-banner">
  491. <style>.masquer-etiquette{display:none;}.gred-link:before{content:'';display:inline-block;background-image:url(https://static.s-sfr.fr/media/gred-chevron.png);background-repeat:no-repeat;width:6px;height:9px;margin-right:3px;}</style>
  492. <div style="border: 1px solid #DDD; margin: auto;">
  493. <p style="margin:0; padding:10px 0; font-size:20px; font-family:'sfrregular',Arial; text-align:center;">Avantage Client</p>
  494. <a href="https://www.red-by-sfr.fr/parrainage/#sfrintid=web_mess_info_v2_arrow" target="_blank" style="display:block; color:#000; text-decoration:none;" onclick="return arrow.clic(this.href,'_blank','web_mess_info_v2','5c4b2dec1170f723c4a134e7')">
  495. <div style="position:relative;">
  496. <div class="masquer-etiquette" style="position:absolute;z-index:1;left:-3px;top:-3px;">
  497. <div style="display:inline-block;background-image:url('https://static.s-sfr.fr/media/gred-sprite.png');background-repeat:no-repeat;vertical-align:middle;width: 130px;height:82px;margin:auto;background-position:-133px -554px;">
  498. <span style="-webkit-transform: rotate(-30deg);-moz-transform: rotate(-30deg);-ms-transform: rotate(-30deg);transform: rotate(-30deg);-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;transform-origin: 0 0;display:block;font-size:12px;top:54px;position:relative;text-align:center;text-transform:uppercase;padding-right:22px;font-weight:bold;"></span>
  499. </div>
  500. </div>
  501. <div>
  502. <img src="https://static.s-sfr.fr/media/parrainage120618167x57.png" style="display:block; margin: auto; max-width: 100%;">
  503. </div>
  504. <div style="margin: auto; padding: 10px;">
  505. <p style="font-weight:bold; font-size:18px; margin:10px 0;">PARRAINEZ SANS LIMITE ! </p>
  506. <p style="font-family:'sfrregular',Arial; font-size:13px; margin:10px 0; line-height:1.4;">1 mois de forfait OFFERT pour le parrain et le filleul.</p>
  507. <p style="margin:7px 0;"><span class="gred-link" style="font-size:14px;font-weight:bold;font-family:'sfrbold',Arial;color:#1a171b;text-transform:none;text-decoration:none;transition:color 200ms ease-out;">J'en profite</span></p>
  508. </div>
  509. </div> </a>
  510. </div>
  511. </div>
  512. <!-- GAUGE -->
  513. <div class="recap">
  514. <span class="percent">14%</span>
  515. <span class="total">/ 10Go</span>
  516. <div class="gauge-gi">
  517. <div style=" background:#6DC766; width: 14%;"></div>
  518. </div>
  519. </div>
  520. </div>
  521. <section id="main" class="splitter-pane bottom-view" role="main">
  522. <div id="inbox-view">
  523. <!-- This link should appear for small screens only - hidden now through the css-->
  524. <p id="goto-folders"> <a href="#menu">&lt; Dossiers</a> <a href="#inbox" class="back">&lt; Retour</a> </p>
  525. <h2 class="folder-name-header"><span>Boîte de réception</span></h2>
  526. <div id="actionButtons" class="mail-actions k-actions-block is-default-menubar">
  527. <ul class="actions-menu" style="bottom: 32px;">
  528. <li class="main-action"> <a href="#write" class="icon-newmess has-tooltip">Écrire un mail</a> <span class="tooltip" role="tooltip">Écrire un mail</span> </li>
  529. <li>
  530. <div class="k-actions">
  531. <p> <a id="directReply" data-action="answer" href="#" role="button" class="icon-direct-reply icon-reply bt-disabled bt-disabled"> Répondre </a> <span class="tooltip" role="tooltip"> Répondre </span> <a id="replyPlus" href="#" role="button" class="icon-direct-reply-arrow dd-trigger icon-reply bt-disabled"> Plus </a> <span class="tooltip" role="tooltip">Plus</span> </p>
  532. <ul id="answer-to" class="actions-list">
  533. <li> <a href="#" class="" data-action="transfer">Transférer</a> </li>
  534. </ul>
  535. </div> </li>
  536. <li id="directForward"> <a href="#" role="button" class="icon-forward bt-disabled " data-action="transfer"> Transférer </a> <span class="tooltip" role="tooltip">Transférer</span> </li>
  537. <li> <a href="#" class="icon-delete bt-disabled" data-action="deleteMails">Supprimer</a> <span class="tooltip" role="tooltip">Supprimer</span> </li>
  538. <li> <a href="#" class="icon-spam bt-disabled" role="button" data-action="markAsSpam">Indésirable</a> <span class="tooltip" role="tooltip">Indésirable</span> </li>
  539. <li>
  540. <div class="k-actions">
  541. <p> <a href="#" role="button" class="dd-trigger icon-moveto bt-disabled">Déplacer vers</a> <span class="tooltip" role="tooltip">Déplacer vers</span> </p>
  542. <ul id="move-to" class="actions-list">
  543. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="VF_pertinent"> Boîte de réception </a> </li>
  544. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="SF_JUNK"> Indésirables </a> </li>
  545. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="SF_TRASH"> Corbeille </a> </li>
  546. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_2014-2015"> 2014-2015 </a> </li>
  547. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_AIRNB"> AIRNB </a> </li>
  548. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_CELEONET"> CELEONET </a> </li>
  549. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_CRAA FAEMC"> CRAA FAEMC </a> </li>
  550. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_DAYAN QI GONG"> DAYAN QI GONG </a> </li>
  551. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_Deleted Items"> Deleted Items </a> </li>
  552. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_EASY JET + CAMINO DEL NORTE"> EASY JET + CAMINO DEL NORTE </a> </li>
  553. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_FAEMC"> FAEMC </a> </li>
  554. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_FFKDA"> FFKDA </a> </li>
  555. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_FLEURIEUX"> FLEURIEUX </a> </li>
  556. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_FRAIS D'INTERMEDIAIRE LCL"> FRAIS D'INTERMEDIAIRE LCL </a> </li>
  557. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_HELIA PORTAGE "> HELIA PORTAGE </a> </li>
  558. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_JADE"> JADE </a> </li>
  559. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_Jeunesse et sports"> Jeunesse et sports </a> </li>
  560. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_LING GUI"> LING GUI </a> </li>
  561. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_LIVRE "> LIVRE </a> </li>
  562. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_PAGES JAUNES"> PAGES JAUNES </a> </li>
  563. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_PARKINSON"> PARKINSON </a> </li>
  564. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_PAYPAL"> PAYPAL </a> </li>
  565. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_SABINE METZLE"> SABINE METZLE </a> </li>
  566. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_SAINT PRIEST"> SAINT PRIEST </a> </li>
  567. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_SASU Santé Corps esprit"> SASU Santé Corps esprit </a> </li>
  568. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_Sent Items"> Sent Items </a> </li>
  569. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_STAGE EVEUX"> STAGE EVEUX </a> </li>
  570. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_STAGE LYON"> STAGE LYON </a> </li>
  571. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_URSSAF"> URSSAF </a> </li>
  572. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_VILLEFONTAINE"> VILLEFONTAINE </a> </li>
  573. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_WEB SELF"> WEB SELF </a> </li>
  574. <li id="move-add-folder" class="add-item"> <a href="#" class="bt-moveTo-add-folder" role="button"> Ajouter un dossier </a> </li>
  575. </ul>
  576. </div> </li>
  577. <li>
  578. <div class="k-actions">
  579. <p> <a href="#" role="button" class="dd-trigger icon-plus bt-disabled">Plus</a> <span class="tooltip" role="tooltip">Plus</span> </p>
  580. <ul id="plus-actions" class="actions-list">
  581. <li> <a href="#" role="button" data-action="whiteListNewsletter"> Pas une infopub </a> </li>
  582. <li> <a href="#" role="button" data-action="markAsUnread"> Marquer comme non lu </a> </li>
  583. <li> <a href="#" role="button" data-action="markAsStarred"> Ajouter un drapeau </a> </li>
  584. <li> <a href="#" class="bt-phishing-action" role="button" lang="en" data-action="markAsPhishing"> Signaler comme phishing </a> <span class="tooltip" role="tooltip"> Signaler comme phishing </span> </li>
  585. <li class="hidden"><a href="#" role="button" data-action="addTask"> Ajouter une tâche </a></li>
  586. <li class="hidden"><a href="#" role="button" data-action="addTask"> Archiver le mail </a></li>
  587. <li class="hidden"><a href="#" role="button" data-action="createEvent"> Créer un événement à partir du mail ... </a></li>
  588. <li class="hidden"><a href="#" role="button" data-action="makeClean"> Planifier un nettoyage </a></li>
  589. <li class="hidden"><a href="#" role="button" data-action="translate"> Traduire le mail </a></li>
  590. </ul>
  591. </div> </li>
  592. <template id="mail-actions-menu">
  593. <ul class="actions-list">
  594. <li> <span class="bt-disabled" data-action="answer">Répondre </span></li>
  595. <li><span class="bt-disabled" data-action="answerAll">Répondre à tous</span></li>
  596. <li><a href="#" data-action="transfer">Transférer</a></li>
  597. <li><a href="#" data-action="deleteMails">Supprimer</a></li>
  598. <li> <a href="#" class="bt-spam-action" data-action="markAsSpam"> Indésirable </a> </li>
  599. <li class="has-submenu"> <a href="#">Déplacer vers</a>
  600. <ul class="actions-list submenu folders">
  601. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="VF_pertinent"> Boîte de réception </a> </li>
  602. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="SF_JUNK"> Indésirables </a> </li>
  603. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="SF_TRASH"> Corbeille </a> </li>
  604. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_2014-2015"> 2014-2015 </a> </li>
  605. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_AIRNB"> AIRNB </a> </li>
  606. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_CELEONET"> CELEONET </a> </li>
  607. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_CRAA FAEMC"> CRAA FAEMC </a> </li>
  608. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_DAYAN QI GONG"> DAYAN QI GONG </a> </li>
  609. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_Deleted Items"> Deleted Items </a> </li>
  610. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_EASY JET + CAMINO DEL NORTE"> EASY JET + CAMINO DEL NORTE </a> </li>
  611. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_FAEMC"> FAEMC </a> </li>
  612. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_FFKDA"> FFKDA </a> </li>
  613. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_FLEURIEUX"> FLEURIEUX </a> </li>
  614. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_FRAIS D'INTERMEDIAIRE LCL"> FRAIS D'INTERMEDIAIRE LCL </a> </li>
  615. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_HELIA PORTAGE "> HELIA PORTAGE </a> </li>
  616. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_JADE"> JADE </a> </li>
  617. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_Jeunesse et sports"> Jeunesse et sports </a> </li>
  618. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_LING GUI"> LING GUI </a> </li>
  619. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_LIVRE "> LIVRE </a> </li>
  620. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_PAGES JAUNES"> PAGES JAUNES </a> </li>
  621. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_PARKINSON"> PARKINSON </a> </li>
  622. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_PAYPAL"> PAYPAL </a> </li>
  623. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_SABINE METZLE"> SABINE METZLE </a> </li>
  624. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_SAINT PRIEST"> SAINT PRIEST </a> </li>
  625. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_SASU Santé Corps esprit"> SASU Santé Corps esprit </a> </li>
  626. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_Sent Items"> Sent Items </a> </li>
  627. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_STAGE EVEUX"> STAGE EVEUX </a> </li>
  628. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_STAGE LYON"> STAGE LYON </a> </li>
  629. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_URSSAF"> URSSAF </a> </li>
  630. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_VILLEFONTAINE"> VILLEFONTAINE </a> </li>
  631. <li> <a href="#" class="bt-moveTo-action" data-action="moveMails" data-name="UF_WEB SELF"> WEB SELF </a> </li>
  632. <li id="move-add-folder" class="add-item"> <a href="#" class="bt-moveTo-add-folder" data-action="moveNewFolder" role="button"> Ajouter un dossier </a> </li>
  633. </ul> </li>
  634. <li> <a href="#" role="button" data-action="whiteListNewsletter"> Pas une infopub </a> </li>
  635. <li><a href="#" data-action="markAsStarred">Ajouter un drapeau</a></li>
  636. <li><a href="#" data-action="markAsUnread">Marquer comme non lu</a></li>
  637. <li> <a href="#" class="bt-phishing-action" lang="en" data-action="markAsPhishing">Signaler comme phishing</a> </li>
  638. </ul>
  639. </template>
  640. </ul>
  641. </div>
  642. <div class="table-options">
  643. <p class="selection"><input type="checkbox" id="allChecked" value="all" name="allChecked" title="Sélectionner/désélectionner tout"></p>
  644. <div class="slot">
  645. <div class="k-actions sort">
  646. <button type="button" class="dd-trigger" aria-label="Options">Trier par <span>date : plus récent</span></button>
  647. <ul class="actions-list">
  648. <li> <a data-sortby="subject" class="sortDown" href="#">Objet A-Z</a> </li>
  649. <li> <a data-sortby="subject" class="sortUp" href="#">Objet Z-A</a> </li>
  650. <li> <a data-sortby="date" class="sortDown active" href="#">Date : plus récent</a> </li>
  651. <li> <a data-sortby="date" class="sortUp" href="#">Date : plus ancien</a> </li>
  652. <li> <a data-sortby="sender" class="sortUp" href="#" aria-label="Tri ascendent actif">Expéditeur A-Z</a> </li>
  653. <li> <a data-sortby="sender" class="sortDown" href="#" aria-label="Tri descendent">Expéditeur Z-A</a> </li>
  654. <li> <a data-sortby="unread" class="sortUp" href="#">Non lus</a> </li>
  655. <li> <a data-sortby="attachment" class="sortUp" href="#">Pièces jointes</a> </li>
  656. <li> <a data-sortby="flag" class="sortUp" href="#">Mails avec drapeaux</a> </li>
  657. </ul>
  658. </div>
  659. </div>
  660. </div>
  661. <div id="preview-splitter" class="splitter no-preview">
  662. <form class="splitter-pane" id="inbox-mail" method="post" action="#">
  663. <div id="search-header"></div>
  664. <div class="mail-header-list">
  665. <div id="smartInboxInfo" class="inbox-info">
  666. <p>Finie la boîte de réception polluée !<br>Nous avons déplacé toutes vos newsletters dans le dossier "info-pubs" dans le menu gauche.<br>Ainsi vous ne pourrez plus manquer les mails importants ! <a href="#settings/mails/display"></a> <a id="smartInboxInfoClose" class="icon-close has-tooltip" href="#inbox"> Ne plus afficher ce message</a> </p>
  667. </div>
  668. <table class="k-messages density-low untabled">
  669. <caption class="k-no-display">
  670. Liste de mails
  671. </caption>
  672. <tbody>
  673. <tr class="k-no-display">
  674. <th scope="col">Sélection</th>
  675. <th scope="col">Etat</th>
  676. <th scope="col">De</th>
  677. <th scope="col">Urgence</th>
  678. <th scope="col">Suivi</th>
  679. <th scope="col">Pièce jointe</th>
  680. <th scope="col">Type</th>
  681. <th scope="col">Objet</th>
  682. <th scope="col">Reçu le</th>
  683. </tr>
  684. <tr class="mailAdv new" id="SFReTagNativeMail" style="cursor: pointer; background: rgb(247, 236, 236);">
  685. <td colspan="2"><img style="display:block;max-width:50px" src=""></td>
  686. <td style="color:#1433d6"><span style="display:inline-block;font-family:sfrbold">Annonces</span></td>
  687. <td></td>
  688. <td></td>
  689. <td></td>
  690. <td colspan="3"><span style="display:inline-block;font-family:sfrbold"></span><br><span style="display:inline-block;font-family:sfrlight"></span></td>
  691. </tr>
  692. <tr class="active" data-context-menu="mail-actions-menu">
  693. <td class="selection"> <label> <input type="checkbox" value="47632%VF_pertinent" name="message" title="Sélectionner ce mail"> </label> </td>
  694. <td class="status show-icons qa-unsubscrib"> </td>
  695. <td class="from " title="Ouvrir le mail de : no_reply@email.apple.com">Apple</td>
  696. <td class="urgency"> </td>
  697. <td class="follow-up"> <a href="#" role="button" class="has-tooltip "> <img height="19px" width="20px" src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/ic_suivi.svg" alt="Assurer un Suivi"> </a> <span class="tooltip" role="tooltip">Ajouter un drapeau</span> </td>
  698. <td class="attachment"></td>
  699. <td data-idmsg="47632%VF_pertinent" class="subject "> <a href="#read/SF_INBOX/47632" title="Ouvrir le mail : Votre facture Apple"> Votre facture Apple </a> </td>
  700. <td class="qa-delete"> <a href="#" class="has-tooltip" role="button" data-action="deleteMails">Supprimer</a> <span class="tooltip" role="tooltip">Supprimer</span> </td>
  701. <td class="received" title="Ouvrir le mail de 02:16"> 02:16 </td>
  702. </tr>
  703. <tr class="new" data-context-menu="mail-actions-menu">
  704. <td class="selection"> <label> <input type="checkbox" value="47631%VF_pertinent" name="message" title="Sélectionner ce mail"> </label> </td>
  705. <td class="status show-icons qa-unsubscrib"> </td>
  706. <td class="from " title="Ouvrir le mail de : ferrierboris@gmail.com">boris Ferrier</td>
  707. <td class="urgency"> </td>
  708. <td class="follow-up"> <a href="#" role="button" class="has-tooltip "> <img height="19px" width="20px" src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/ic_suivi.svg" alt="Assurer un Suivi"> </a> <span class="tooltip" role="tooltip">Ajouter un drapeau</span> </td>
  709. <td class="attachment"></td>
  710. <td data-idmsg="47631%VF_pertinent" class="subject "> <a href="#read/SF_INBOX/47631" title="Ouvrir le mail non lu : Re: 701 - 15 RUE ORNANO - POUBELLE A PROSPECTUS"> Re: 701 - 15 RUE ORNANO - POUBELLE A PROSPECTUS </a> </td>
  711. <td class="qa-delete"> <a href="#" class="has-tooltip" role="button" data-action="deleteMails">Supprimer</a> <span class="tooltip" role="tooltip">Supprimer</span> </td>
  712. <td class="received" title="Ouvrir le mail du 31.01.2019"> 31 janv. </td>
  713. </tr>
  714. <tr class="new" data-context-menu="mail-actions-menu">
  715. <td class="selection"> <label> <input type="checkbox" value="47625%VF_pertinent" name="message" title="Sélectionner ce mail"> </label> </td>
  716. <td class="status show-icons qa-unsubscrib"> </td>
  717. <td class="from " title="Ouvrir le mail de : yohann.hippocrate@foncia.fr">HIPPOCRATE Yohann</td>
  718. <td class="urgency"> </td>
  719. <td class="follow-up"> <a href="#" role="button" class="has-tooltip "> <img height="19px" width="20px" src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/ic_suivi.svg" alt="Assurer un Suivi"> </a> <span class="tooltip" role="tooltip">Ajouter un drapeau</span> </td>
  720. <td class="attachment"> <span class="icon-attached has-tooltip">Pièce jointe</span> <span class="tooltip" role="tooltip">Pièce jointe</span> </td>
  721. <td data-idmsg="47625%VF_pertinent" class="subject "> <a href="#read/SF_INBOX/47625" title="Ouvrir le mail non lu : 701 - 15 RUE ORNANO - POUBELLE A PROSPECTUS"> 701 - 15 RUE ORNANO - POUBELLE A PROSPECTUS </a> </td>
  722. <td class="qa-delete"> <a href="#" class="has-tooltip" role="button" data-action="deleteMails">Supprimer</a> <span class="tooltip" role="tooltip">Supprimer</span> </td>
  723. <td class="received" title="Ouvrir le mail du 31.01.2019"> 31 janv. </td>
  724. </tr>
  725. <tr class="new" data-context-menu="mail-actions-menu">
  726. <td class="selection"> <label> <input type="checkbox" value="47623%VF_pertinent" name="message" title="Sélectionner ce mail"> </label> </td>
  727. <td class="status show-icons qa-unsubscrib"> </td>
  728. <td class="from " title="Ouvrir le mail de : noreply_subscriptions@subscriptions.norton.com">Renouvellements Norton</td>
  729. <td class="urgency"> </td>
  730. <td class="follow-up"> <a href="#" role="button" class="has-tooltip "> <img height="19px" width="20px" src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/ic_suivi.svg" alt="Assurer un Suivi"> </a> <span class="tooltip" role="tooltip">Ajouter un drapeau</span> </td>
  731. <td class="attachment"></td>
  732. <td data-idmsg="47623%VF_pertinent" class="subject "> <a href="#read/SF_INBOX/47623" title="Ouvrir le mail non lu : Action requise&nbsp;: Mettez à jour votre compte Norton pour permettre le renouvellement automatique.
  733. "> Action requise&nbsp;: Mettez à jour votre compte Norton pour permettre le renouvellement automatique. </a> </td>
  734. <td class="qa-delete"> <a href="#" class="has-tooltip" role="button" data-action="deleteMails">Supprimer</a> <span class="tooltip" role="tooltip">Supprimer</span> </td>
  735. <td class="received" title="Ouvrir le mail du 31.01.2019"> 31 janv. </td>
  736. </tr>
  737. <tr class="new" data-context-menu="mail-actions-menu">
  738. <td class="selection"> <label> <input type="checkbox" value="47612%VF_pertinent" name="message" title="Sélectionner ce mail"> </label> </td>
  739. <td class="status show-icons qa-unsubscrib"> </td>
  740. <td class="from " title="Ouvrir le mail de : mail@qgsf.ning.com">Qi Gong Sans Frontières</td>
  741. <td class="urgency"> </td>
  742. <td class="follow-up"> <a href="#" role="button" class="has-tooltip "> <img height="19px" width="20px" src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/ic_suivi.svg" alt="Assurer un Suivi"> </a> <span class="tooltip" role="tooltip">Ajouter un drapeau</span> </td>
  743. <td class="attachment"></td>
  744. <td data-idmsg="47612%VF_pertinent" class="subject "> <a href="#read/SF_INBOX/47612" title="Ouvrir le mail non lu : Vérifiez votre adresse électronique sur Qi Gong Sans Frontières"> Vérifiez votre adresse électronique sur Qi Gong Sans Frontières </a> </td>
  745. <td class="qa-delete"> <a href="#" class="has-tooltip" role="button" data-action="deleteMails">Supprimer</a> <span class="tooltip" role="tooltip">Supprimer</span> </td>
  746. <td class="received" title="Ouvrir le mail du 29.01.2019"> 29 janv. </td>
  747. </tr>
  748. <tr class="new" data-context-menu="mail-actions-menu">
  749. <td class="selection"> <label> <input type="checkbox" value="47606%VF_pertinent" name="message" title="Sélectionner ce mail"> </label> </td>
  750. <td class="status show-icons qa-unsubscrib"> </td>
  751. <td class="from " title="Ouvrir le mail de : ttsauthierjacquet@gmail.com">sauthierjacquet marite</td>
  752. <td class="urgency"> </td>
  753. <td class="follow-up"> <a href="#" role="button" class="has-tooltip "> <img height="19px" width="20px" src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/ic_suivi.svg" alt="Assurer un Suivi"> </a> <span class="tooltip" role="tooltip">Ajouter un drapeau</span> </td>
  754. <td class="attachment"></td>
  755. <td data-idmsg="47606%VF_pertinent" class="subject "> <a href="#read/SF_INBOX/47606" title="Ouvrir le mail non lu : Re: Point suite à rencontre avec Co-pro"> Re: Point suite à rencontre avec Co-pro </a> </td>
  756. <td class="qa-delete"> <a href="#" class="has-tooltip" role="button" data-action="deleteMails">Supprimer</a> <span class="tooltip" role="tooltip">Supprimer</span> </td>
  757. <td class="received" title="Ouvrir le mail du 29.01.2019"> 29 janv. </td>
  758. </tr>
  759. <tr class="new" data-context-menu="mail-actions-menu">
  760. <td class="selection"> <label> <input type="checkbox" value="47603%VF_pertinent" name="message" title="Sélectionner ce mail"> </label> </td>
  761. <td class="status show-icons qa-unsubscrib"> </td>
  762. <td class="from " title="Ouvrir le mail de : advertise-noreply@support.facebook.com">Facebook Business</td>
  763. <td class="urgency"> </td>
  764. <td class="follow-up"> <a href="#" role="button" class="has-tooltip "> <img height="19px" width="20px" src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/ic_suivi.svg" alt="Assurer un Suivi"> </a> <span class="tooltip" role="tooltip">Ajouter un drapeau</span> </td>
  765. <td class="attachment"></td>
  766. <td data-idmsg="47603%VF_pertinent" class="subject "> <a href="#read/SF_INBOX/47603" title="Ouvrir le mail non lu : Jean-Pierre, créez une publication pour les personnes qui consultent «&nbsp;Lyon Qi Gong Santé&nbsp;»"> Jean-Pierre, créez une publication pour les personnes qui consultent «&nbsp;Lyon Qi Gong Santé&nbsp;» </a> </td>
  767. <td class="qa-delete"> <a href="#" class="has-tooltip" role="button" data-action="deleteMails">Supprimer</a> <span class="tooltip" role="tooltip">Supprimer</span> </td>
  768. <td class="received" title="Ouvrir le mail du 28.01.2019"> 28 janv. </td>
  769. </tr>
  770. <tr class="new" data-context-menu="mail-actions-menu">
  771. <td class="selection"> <label> <input type="checkbox" value="47602%VF_pertinent" name="message" title="Sélectionner ce mail"> </label> </td>
  772. <td class="status show-icons qa-unsubscrib"> </td>
  773. <td class="from " title="Ouvrir le mail de : mail@qgsf.ning.com">Qgsf</td>
  774. <td class="urgency"> </td>
  775. <td class="follow-up"> <a href="#" role="button" class="has-tooltip "> <img height="19px" width="20px" src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/ic_suivi.svg" alt="Assurer un Suivi"> </a> <span class="tooltip" role="tooltip">Ajouter un drapeau</span> </td>
  776. <td class="attachment"></td>
  777. <td data-idmsg="47602%VF_pertinent" class="subject "> <a href="#read/SF_INBOX/47602" title="Ouvrir le mail non lu : Rejoignez le groupe PARIS 2018-19 sur Qgsf ! Vous y trouverez beaucoup de choses très intéressantes !"> Rejoignez le groupe PARIS 2018-19 sur Qgsf ! Vous y trouverez beaucoup de choses très intéressantes ! </a> </td>
  778. <td class="qa-delete"> <a href="#" class="has-tooltip" role="button" data-action="deleteMails">Supprimer</a> <span class="tooltip" role="tooltip">Supprimer</span> </td>
  779. <td class="received" title="Ouvrir le mail du 28.01.2019"> 28 janv. </td>
  780. </tr>
  781. <tr class="new" data-context-menu="mail-actions-menu">
  782. <td class="selection"> <label> <input type="checkbox" value="47598%VF_pertinent" name="message" title="Sélectionner ce mail"> </label> </td>
  783. <td class="status show-icons qa-unsubscrib"> </td>
  784. <td class="from " title="Ouvrir le mail de : uber@uber.com">Uber</td>
  785. <td class="urgency"> </td>
  786. <td class="follow-up"> <a href="#" role="button" class="has-tooltip "> <img height="19px" width="20px" src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/ic_suivi.svg" alt="Assurer un Suivi"> </a> <span class="tooltip" role="tooltip">Ajouter un drapeau</span> </td>
  787. <td class="attachment"></td>
  788. <td data-idmsg="47598%VF_pertinent" class="subject "> <a href="#read/SF_INBOX/47598" title="Ouvrir le mail non lu : Mise à jour des conditions générales d’utilisation"> Mise à jour des conditions générales d’utilisation </a> </td>
  789. <td class="qa-delete"> <a href="#" class="has-tooltip" role="button" data-action="deleteMails">Supprimer</a> <span class="tooltip" role="tooltip">Supprimer</span> </td>
  790. <td class="received" title="Ouvrir le mail du 28.01.2019"> 28 janv. </td>
  791. </tr>
  792. <tr class="new" data-context-menu="mail-actions-menu">
  793. <td class="selection"> <label> <input type="checkbox" value="47597%VF_pertinent" name="message" title="Sélectionner ce mail"> </label> </td>
  794. <td class="status show-icons qa-unsubscrib"> </td>
  795. <td class="from " title="Ouvrir le mail de : jppaillard@wanadoo.fr">Famille PAILLARD</td>
  796. <td class="urgency"> </td>
  797. <td class="follow-up"> <a href="#" role="button" class="has-tooltip "> <img height="19px" width="20px" src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/ic_suivi.svg" alt="Assurer un Suivi"> </a> <span class="tooltip" role="tooltip">Ajouter un drapeau</span> </td>
  798. <td class="attachment"> <span class="icon-attached has-tooltip">Pièce jointe</span> <span class="tooltip" role="tooltip">Pièce jointe</span> </td>
  799. <td data-idmsg="47597%VF_pertinent" class="subject "> <a href="#read/SF_INBOX/47597" title="Ouvrir le mail non lu : Invitation / Projection du documentaire &quot;Les Femmes en noir&quot; à la Maison des Passages / ven 1er février à 19h30"> Invitation / Projection du documentaire "Les Femmes en noir" à la Maison des Passages / ven 1er février à 19h30 </a> </td>
  800. <td class="qa-delete"> <a href="#" class="has-tooltip" role="button" data-action="deleteMails">Supprimer</a> <span class="tooltip" role="tooltip">Supprimer</span> </td>
  801. <td class="received" title="Ouvrir le mail du 28.01.2019"> 28 janv. </td>
  802. </tr>
  803. <tr class="new" data-context-menu="mail-actions-menu">
  804. <td class="selection"> <label> <input type="checkbox" value="47595%VF_pertinent" name="message" title="Sélectionner ce mail"> </label> </td>
  805. <td class="status show-icons qa-unsubscrib"> </td>
  806. <td class="from " title="Ouvrir le mail de : no.reply@leboncoin.fr">leboncoin</td>
  807. <td class="urgency"> </td>
  808. <td class="follow-up"> <a href="#" role="button" class="has-tooltip "> <img height="19px" width="20px" src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/ic_suivi.svg" alt="Assurer un Suivi"> </a> <span class="tooltip" role="tooltip">Ajouter un drapeau</span> </td>
  809. <td class="attachment"></td>
  810. <td data-idmsg="47595%VF_pertinent" class="subject "> <a href="#read/SF_INBOX/47595" title="Ouvrir le mail non lu : Suppression de votre annonce &quot;Bureau&quot; sur leboncoin.fr"> Suppression de votre annonce "Bureau" sur leboncoin.fr </a> </td>
  811. <td class="qa-delete"> <a href="#" class="has-tooltip" role="button" data-action="deleteMails">Supprimer</a> <span class="tooltip" role="tooltip">Supprimer</span> </td>
  812. <td class="received" title="Ouvrir le mail du 28.01.2019"> 28 janv. </td>
  813. </tr>
  814. <tr class="" data-context-menu="mail-actions-menu">
  815. <td class="selection"> <label> <input type="checkbox" value="47591%VF_pertinent" name="message" title="Sélectionner ce mail"> </label> </td>
  816. <td class="status show-icons qa-unsubscrib"> </td>
  817. <td class="from " title="Ouvrir le mail de : memo-nepasrepondre@pole-emploi.fr">MEMO de Pôle emploi</td>
  818. <td class="urgency"> </td>
  819. <td class="follow-up"> <a href="#" role="button" class="has-tooltip "> <img height="19px" width="20px" src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/ic_suivi.svg" alt="Assurer un Suivi"> </a> <span class="tooltip" role="tooltip">Ajouter un drapeau</span> </td>
  820. <td class="attachment"></td>
  821. <td data-idmsg="47591%VF_pertinent" class="subject "> <a href="#read/SF_INBOX/47591" title="Ouvrir le mail : Vos priorités cette semaine"> Vos priorités cette semaine </a> </td>
  822. <td class="qa-delete"> <a href="#" class="has-tooltip" role="button" data-action="deleteMails">Supprimer</a> <span class="tooltip" role="tooltip">Supprimer</span> </td>
  823. <td class="received" title="Ouvrir le mail du 28.01.2019"> 28 janv. </td>
  824. </tr>
  825. <tr class="new" data-context-menu="mail-actions-menu">
  826. <td class="selection"> <label> <input type="checkbox" value="47588%VF_pertinent" name="message" title="Sélectionner ce mail"> </label> </td>
  827. <td class="status show-icons qa-unsubscrib"> </td>
  828. <td class="from " title="Ouvrir le mail de : nepasrepondre@service.grdf.fr">Votre Espace GRDF</td>
  829. <td class="urgency"> </td>
  830. <td class="follow-up"> <a href="#" role="button" class="has-tooltip "> <img height="19px" width="20px" src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/ic_suivi.svg" alt="Assurer un Suivi"> </a> <span class="tooltip" role="tooltip">Ajouter un drapeau</span> </td>
  831. <td class="attachment"></td>
  832. <td data-idmsg="47588%VF_pertinent" class="subject "> <a href="#read/SF_INBOX/47588" title="Ouvrir le mail non lu : Bienvenue sur votre espace"> Bienvenue sur votre espace </a> </td>
  833. <td class="qa-delete"> <a href="#" class="has-tooltip" role="button" data-action="deleteMails">Supprimer</a> <span class="tooltip" role="tooltip">Supprimer</span> </td>
  834. <td class="received" title="Ouvrir le mail du 27.01.2019"> 27 janv. </td>
  835. </tr>
  836. <tr class="new" data-context-menu="mail-actions-menu">
  837. <td class="selection"> <label> <input type="checkbox" value="47586%VF_pertinent" name="message" title="Sélectionner ce mail"> </label> </td>
  838. <td class="status show-icons qa-unsubscrib"> </td>
  839. <td class="from " title="Ouvrir le mail de : nepasrepondre@service.grdf.fr">Votre Espace GRDF</td>
  840. <td class="urgency"> </td>
  841. <td class="follow-up"> <a href="#" role="button" class="has-tooltip "> <img height="19px" width="20px" src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/ic_suivi.svg" alt="Assurer un Suivi"> </a> <span class="tooltip" role="tooltip">Ajouter un drapeau</span> </td>
  842. <td class="attachment"></td>
  843. <td data-idmsg="47586%VF_pertinent" class="subject "> <a href="#read/SF_INBOX/47586" title="Ouvrir le mail non lu : Activer mon espace"> Activer mon espace </a> </td>
  844. <td class="qa-delete"> <a href="#" class="has-tooltip" role="button" data-action="deleteMails">Supprimer</a> <span class="tooltip" role="tooltip">Supprimer</span> </td>
  845. <td class="received" title="Ouvrir le mail du 27.01.2019"> 27 janv. </td>
  846. </tr>
  847. <tr class="new" data-context-menu="mail-actions-menu">
  848. <td class="selection"> <label> <input type="checkbox" value="47585%VF_pertinent" name="message" title="Sélectionner ce mail"> </label> </td>
  849. <td class="status show-icons qa-unsubscrib"> </td>
  850. <td class="from " title="Ouvrir le mail de : nepasrepondre@service.grdf.fr">Votre Espace GRDF</td>
  851. <td class="urgency"> </td>
  852. <td class="follow-up"> <a href="#" role="button" class="has-tooltip "> <img height="19px" width="20px" src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/ic_suivi.svg" alt="Assurer un Suivi"> </a> <span class="tooltip" role="tooltip">Ajouter un drapeau</span> </td>
  853. <td class="attachment"></td>
  854. <td data-idmsg="47585%VF_pertinent" class="subject "> <a href="#read/SF_INBOX/47585" title="Ouvrir le mail non lu : Activer mon espace"> Activer mon espace </a> </td>
  855. <td class="qa-delete"> <a href="#" class="has-tooltip" role="button" data-action="deleteMails">Supprimer</a> <span class="tooltip" role="tooltip">Supprimer</span> </td>
  856. <td class="received" title="Ouvrir le mail du 27.01.2019"> 27 janv. </td>
  857. </tr>
  858. <tr class="" data-context-menu="mail-actions-menu">
  859. <td class="selection"> <label> <input type="checkbox" value="47567%VF_pertinent" name="message" title="Sélectionner ce mail"> </label> </td>
  860. <td class="status show-icons qa-unsubscrib"> </td>
  861. <td class="from " title="Ouvrir le mail de : btarrant@xtra.co.nz">Votre Colis.</td>
  862. <td class="urgency"> </td>
  863. <td class="follow-up"> <a href="#" role="button" class="has-tooltip "> <img height="19px" width="20px" src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/ic_suivi.svg" alt="Assurer un Suivi"> </a> <span class="tooltip" role="tooltip">Ajouter un drapeau</span> </td>
  864. <td class="attachment"></td>
  865. <td data-idmsg="47567%VF_pertinent" class="subject "> <a href="#read/SF_INBOX/47567" title="Ouvrir le mail : Re: votre colis est disponible"> Re: votre colis est disponible </a> </td>
  866. <td class="qa-delete"> <a href="#" class="has-tooltip" role="button" data-action="deleteMails">Supprimer</a> <span class="tooltip" role="tooltip">Supprimer</span> </td>
  867. <td class="received" title="Ouvrir le mail du 25.01.2019"> 25 janv. </td>
  868. </tr>
  869. <tr class="new" data-context-menu="mail-actions-menu">
  870. <td class="selection"> <label> <input type="checkbox" value="47564%VF_pertinent" name="message" title="Sélectionner ce mail"> </label> </td>
  871. <td class="status show-icons qa-unsubscrib"> </td>
  872. <td class="from " title="Ouvrir le mail de : yohann.hippocrate@foncia.fr">HIPPOCRATE Yohann</td>
  873. <td class="urgency"> </td>
  874. <td class="follow-up"> <a href="#" role="button" class="has-tooltip "> <img height="19px" width="20px" src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/ic_suivi.svg" alt="Assurer un Suivi"> </a> <span class="tooltip" role="tooltip">Ajouter un drapeau</span> </td>
  875. <td class="attachment"></td>
  876. <td data-idmsg="47564%VF_pertinent" class="subject "> <a href="#read/SF_INBOX/47564" title="Ouvrir le mail non lu : RE: Point suite à rencontre avec Co-pro"> RE: Point suite à rencontre avec Co-pro </a> </td>
  877. <td class="qa-delete"> <a href="#" class="has-tooltip" role="button" data-action="deleteMails">Supprimer</a> <span class="tooltip" role="tooltip">Supprimer</span> </td>
  878. <td class="received" title="Ouvrir le mail du 25.01.2019"> 25 janv. </td>
  879. </tr>
  880. <tr class="new" data-context-menu="mail-actions-menu">
  881. <td class="selection"> <label> <input type="checkbox" value="47562%VF_pertinent" name="message" title="Sélectionner ce mail"> </label> </td>
  882. <td class="status show-icons qa-unsubscrib"> </td>
  883. <td class="from " title="Ouvrir le mail de : oqfnvbhdbr@mailnotify.cf">Service Support</td>
  884. <td class="urgency"> <span class="has-tooltip icon-urgency">Mail avec une priorité haute</span> <span class="tooltip" role="tooltip">Mail avec une priorité haute</span> </td>
  885. <td class="follow-up"> <a href="#" role="button" class="has-tooltip "> <img height="19px" width="20px" src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/ic_suivi.svg" alt="Assurer un Suivi"> </a> <span class="tooltip" role="tooltip">Ajouter un drapeau</span> </td>
  886. <td class="attachment"></td>
  887. <td data-idmsg="47562%VF_pertinent" class="subject "> <a href="#read/SF_INBOX/47562" title="Ouvrir le mail non lu : Nous avons besoin de vous pour résoudre un problème sur votre compte #V1NAD"> Nous avons besoin de vous pour résoudre un problème sur votre compte #V1NAD </a> </td>
  888. <td class="qa-delete"> <a href="#" class="has-tooltip" role="button" data-action="deleteMails">Supprimer</a> <span class="tooltip" role="tooltip">Supprimer</span> </td>
  889. <td class="received" title="Ouvrir le mail du 25.01.2019"> 25 janv. </td>
  890. </tr>
  891. <tr class="new" data-context-menu="mail-actions-menu">
  892. <td class="selection"> <label> <input type="checkbox" value="47555%VF_pertinent" name="message" title="Sélectionner ce mail"> </label> </td>
  893. <td class="status show-icons qa-unsubscrib"> </td>
  894. <td class="from " title="Ouvrir le mail de : marie-laure.bornet@mairie-lyon.fr">BORNET Marie-Laure</td>
  895. <td class="urgency"> </td>
  896. <td class="follow-up"> <a href="#" role="button" class="has-tooltip "> <img height="19px" width="20px" src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/ic_suivi.svg" alt="Assurer un Suivi"> </a> <span class="tooltip" role="tooltip">Ajouter un drapeau</span> </td>
  897. <td class="attachment"></td>
  898. <td data-idmsg="47555%VF_pertinent" class="subject "> <a href="#read/SF_INBOX/47555" title="Ouvrir le mail non lu : élèves de 3è en recherche de stage"> élèves de 3è en recherche de stage </a> </td>
  899. <td class="qa-delete"> <a href="#" class="has-tooltip" role="button" data-action="deleteMails">Supprimer</a> <span class="tooltip" role="tooltip">Supprimer</span> </td>
  900. <td class="received" title="Ouvrir le mail du 24.01.2019"> 24 janv. </td>
  901. </tr>
  902. <tr class="new" data-context-menu="mail-actions-menu">
  903. <td class="selection"> <label> <input type="checkbox" value="47554%VF_pertinent" name="message" title="Sélectionner ce mail"> </label> </td>
  904. <td class="status show-icons qa-unsubscrib"> </td>
  905. <td class="from " title="Ouvrir le mail de : constel@constelparole.com">constellations archetypales</td>
  906. <td class="urgency"> </td>
  907. <td class="follow-up"> <a href="#" role="button" class="has-tooltip "> <img height="19px" width="20px" src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/ic_suivi.svg" alt="Assurer un Suivi"> </a> <span class="tooltip" role="tooltip">Ajouter un drapeau</span> </td>
  908. <td class="attachment"></td>
  909. <td data-idmsg="47554%VF_pertinent" class="subject "> <a href="#read/SF_INBOX/47554" title="Ouvrir le mail non lu : rgpd"> rgpd </a> </td>
  910. <td class="qa-delete"> <a href="#" class="has-tooltip" role="button" data-action="deleteMails">Supprimer</a> <span class="tooltip" role="tooltip">Supprimer</span> </td>
  911. <td class="received" title="Ouvrir le mail du 24.01.2019"> 24 janv. </td>
  912. </tr>
  913. <tr class="new" data-context-menu="mail-actions-menu">
  914. <td class="selection"> <label> <input type="checkbox" value="47550%VF_pertinent" name="message" title="Sélectionner ce mail"> </label> </td>
  915. <td class="status show-icons qa-unsubscrib"> </td>
  916. <td class="from " title="Ouvrir le mail de : ferrierboris@gmail.com">boris Ferrier</td>
  917. <td class="urgency"> </td>
  918. <td class="follow-up"> <a href="#" role="button" class="has-tooltip "> <img height="19px" width="20px" src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/ic_suivi.svg" alt="Assurer un Suivi"> </a> <span class="tooltip" role="tooltip">Ajouter un drapeau</span> </td>
  919. <td class="attachment"></td>
  920. <td data-idmsg="47550%VF_pertinent" class="subject "> <a href="#read/SF_INBOX/47550" title="Ouvrir le mail non lu : Re: Re :Re: Re :Re: Re :Re: Tr: Re: Re :RE: Re :Re: PATRU - MONTEE ESCALIER 15 RUE O"> Re: Re :Re: Re :Re: Re :Re: Tr: Re: Re :RE: Re :Re: PATRU - MONTEE ESCALIER 15 RUE O </a> </td>
  921. <td class="qa-delete"> <a href="#" class="has-tooltip" role="button" data-action="deleteMails">Supprimer</a> <span class="tooltip" role="tooltip">Supprimer</span> </td>
  922. <td class="received" title="Ouvrir le mail du 23.01.2019"> 23 janv. </td>
  923. </tr>
  924. <tr class="new" data-context-menu="mail-actions-menu">
  925. <td class="selection"> <label> <input type="checkbox" value="47547%VF_pertinent" name="message" title="Sélectionner ce mail"> </label> </td>
  926. <td class="status show-icons qa-unsubscrib"> </td>
  927. <td class="from " title="Ouvrir le mail de : facture@redbysfr.fr">facture@redbysfr.fr</td>
  928. <td class="urgency"> </td>
  929. <td class="follow-up"> <a href="#" role="button" class="has-tooltip "> <img height="19px" width="20px" src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/ic_suivi.svg" alt="Assurer un Suivi"> </a> <span class="tooltip" role="tooltip">Ajouter un drapeau</span> </td>
  930. <td class="attachment"></td>
  931. <td data-idmsg="47547%VF_pertinent" class="subject "> <a href="#read/SF_INBOX/47547" title="Ouvrir le mail non lu : Votre facture est disponible sur redbysfr.fr"> Votre facture est disponible sur redbysfr.fr </a> </td>
  932. <td class="qa-delete"> <a href="#" class="has-tooltip" role="button" data-action="deleteMails">Supprimer</a> <span class="tooltip" role="tooltip">Supprimer</span> </td>
  933. <td class="received" title="Ouvrir le mail du 23.01.2019"> 23 janv. </td>
  934. </tr>
  935. <tr class="new" data-context-menu="mail-actions-menu">
  936. <td class="selection"> <label> <input type="checkbox" value="47545%VF_pertinent" name="message" title="Sélectionner ce mail"> </label> </td>
  937. <td class="status show-icons qa-unsubscrib"> </td>
  938. <td class="from " title="Ouvrir le mail de : nepasrepondre@service.grdf.fr">Votre Espace GRDF</td>
  939. <td class="urgency"> </td>
  940. <td class="follow-up"> <a href="#" role="button" class="has-tooltip "> <img height="19px" width="20px" src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/ic_suivi.svg" alt="Assurer un Suivi"> </a> <span class="tooltip" role="tooltip">Ajouter un drapeau</span> </td>
  941. <td class="attachment"></td>
  942. <td data-idmsg="47545%VF_pertinent" class="subject "> <a href="#read/SF_INBOX/47545" title="Ouvrir le mail non lu : Activer mon espace"> Activer mon espace </a> </td>
  943. <td class="qa-delete"> <a href="#" class="has-tooltip" role="button" data-action="deleteMails">Supprimer</a> <span class="tooltip" role="tooltip">Supprimer</span> </td>
  944. <td class="received" title="Ouvrir le mail du 23.01.2019"> 23 janv. </td>
  945. </tr>
  946. <tr class="" data-context-menu="mail-actions-menu">
  947. <td class="selection"> <label> <input type="checkbox" value="47539%VF_pertinent" name="message" title="Sélectionner ce mail"> </label> </td>
  948. <td class="status show-icons qa-unsubscrib"> </td>
  949. <td class="from " title="Ouvrir le mail de : advertise-noreply@support.facebook.com">Facebook Business</td>
  950. <td class="urgency"> </td>
  951. <td class="follow-up"> <a href="#" role="button" class="has-tooltip "> <img height="19px" width="20px" src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/ic_suivi.svg" alt="Assurer un Suivi"> </a> <span class="tooltip" role="tooltip">Ajouter un drapeau</span> </td>
  952. <td class="attachment"></td>
  953. <td data-idmsg="47539%VF_pertinent" class="subject "> <a href="#read/SF_INBOX/47539" title="Ouvrir le mail : Votre publication pourrait toucher davantage de monde"> Votre publication pourrait toucher davantage de monde </a> </td>
  954. <td class="qa-delete"> <a href="#" class="has-tooltip" role="button" data-action="deleteMails">Supprimer</a> <span class="tooltip" role="tooltip">Supprimer</span> </td>
  955. <td class="received" title="Ouvrir le mail du 22.01.2019"> 22 janv. </td>
  956. </tr>
  957. <tr class="" data-context-menu="mail-actions-menu">
  958. <td class="selection"> <label> <input type="checkbox" value="47537%VF_pertinent" name="message" title="Sélectionner ce mail"> </label> </td>
  959. <td class="status show-icons qa-unsubscrib"> </td>
  960. <td class="from " title="Ouvrir le mail de : lidinet@yahoo.fr">Lydie COUDURIER</td>
  961. <td class="urgency"> </td>
  962. <td class="follow-up"> <a href="#" role="button" class="has-tooltip "> <img height="19px" width="20px" src="//msc01.s-sfr.fr/fr_FR/20171211153045/imgs/ic_suivi.svg" alt="Assurer un Suivi"> </a> <span class="tooltip" role="tooltip">Ajouter un drapeau</span> </td>
  963. <td class="attachment"></td>
  964. <td data-idmsg="47537%VF_pertinent" class="subject "> <a href="#read/SF_INBOX/47537" title="Ouvrir le mail : Re&nbsp;:Re: Re :Re: Re :Re: Tr: Re: Re :RE: Re :Re: PATRU - MONTEE ESCALIER 15 RUE O"> Re&nbsp;:Re: Re :Re: Re :Re: Tr: Re: Re :RE: Re :Re: PATRU - MONTEE ESCALIER 15 RUE O </a> </td>
  965. <td class="qa-delete"> <a href="#" class="has-tooltip" role="button" data-action="deleteMails">Supprimer</a> <span class="tooltip" role="tooltip">Supprimer</span> </td>
  966. <td class="received" title="Ouvrir le mail du 22.01.2019"> 22 janv. </td>
  967. </tr>
  968. </tbody>
  969. </table>
  970. <p id="load-more"> <button type="button">Charger plus de mails</button> <span class="loading loaded">Chargement en cours ...</span> </p>
  971. </div>
  972. <p class="loading loaded">Chargement en cours ...</p>
  973. </form>
  974. <div id="read-zone" class="splitter-pane">
  975. <div class="general-message">
  976. <p> Aucun mail sélectionné </p>
  977. <p> Cliquez sur un mail pour voir son aperçu. </p>
  978. <p> <a href="#settings/mails/display"> Gérer mes préférences d'affichage. </a> </p>
  979. </div>
  980. </div>
  981. </div>
  982. </div>
  983. </section>
  984. </div>
  985. </div>
  986. <footer role="contentinfo">
  987. <div id="communities-buttons" class="communities">
  988. <ul>
  989. </ul>
  990. <article id="article" class="social-panel">
  991. </article>
  992. </div>
  993. <ul class="k-tools-list">
  994. <li> <a id="show-help" class="show-help" onmousedown="return false;" href="#help">Raccourcis clavier</a> </li>
  995. </ul>
  996. <p class="k-copyright">© Worldline, 2017</p>
  997. </footer>
  998. <!-- Feedback messages -->
  999. <div class="k-message-prompt-wrapper" style="padding-top: 28px;">
  1000. <div id="contentErrorMessage" class="k-message-prompt" role="alertdialog" aria-live="assertive" aria-atomic="true">
  1001. <p class="close"><a id="closeErrorMessage" aria-label="Fermer" href="">✖</a></p>
  1002. <p class="intitule"></p>
  1003. </div>
  1004. </div>
  1005. </div>
  1006. </div>
  1007. <!-- Modal - to be fed by external content -->
  1008. <div id="theModal" class="k-modal"></div>
  1009. <style>#RN_F:before{clear:both;content:" ";display:block}#RN_F *{color:inherit;margin:0;padding:0;box-sizing:border-box}#RN_F>div{background:#181818;color:#fff;margin:0;padding:40px 5.8% 20px;text-align:justify;position:relative}#RN_F>div>*{display:inline-block;vertical-align:top;padding:0}#RN_F>div>p{width:99%;font-size:0}#RN_F>div>div>p{font:13px Arial;padding:0 0 8px}#RN_F .SOC{width:100%;text-align:center;padding:20px 0 0}#RN_F .SOC>a>img{display:inline;height:44px}#RN_F .SOC>a+a>img{margin-left:9%}#RN_F .BAS{width:100%;text-align:justify;padding:20px 0 0}#RN_F .BAS a{font:12px Arial;display:inline-block;vertical-align:top}#RN_F .BAS a+a{padding:6px 0}#RN_F .BAS img{height:24px}#RN_F .BAS>b{display:inline-block;width:99%}#RN_F h3{font:16px SFR-Bold,Arial;padding:0 0 24px}#RN_F a{text-decoration:none;cursor:pointer}#RN_F.L>div{padding:0 5.8%;min-height:64px}#RN_F.L>div>div{display:none}#RN_F.L .BAS{display:inline-block}@media (min-width:1200px){ #RN_F .SOC{position:absolute;width:28%;right:5.8%;bottom:30px;text-align:right} #RN_F .BAS{width:70%;max-width:992px}}@media (min-width:1px) and (max-width:991px){ #RN_F h3{background:url(//static.s-sfr.fr/media/picto-chevronouverturefooter2018.png) no-repeat right 0} #RN_F .O>h3{background-image:url(//static.s-sfr.fr/media/picto-chevronfermeturefooter2018.png)} #RN_F>div{padding:0 5.8%} #RN_F>div>div{width:100%;padding:20px 0;border-bottom:1px solid #444;max-height:60px;overflow:hidden} #RN_F .O{max-height:none} #RN_F .SOC,#RN_F .BAS{border:none;max-height:none;padding-bottom:0} #RN_F .BAS a:first-child{display:none}}@media (min-width:1px) and (max-width:767px){#RN_F .BAS a{min-width:49%}}@media (min-width:1px) and (max-width:399px){#RN_F .BAS a{min-width:99%}}</style>
  1010. <footer id="RN_F" class="L" style="position: fixed;">
  1011. <div>
  1012. <div class="BAS">
  1013. <a data-stat="FS_SFR" href="https://www.sfr.fr/#sfrintid=FS_SFR"><img src="//static.s-sfr.fr/media/logo_h_2x.png" alt="SFR"></a>
  1014. <a data-stat="FS_Informations-legales" href="https://www.sfr.fr/mentions-legales.html#sfrintid=FS_Informations-legales">Informations légales</a>
  1015. <a data-stat="FS_Plan-du-site" href="https://www.sfr.fr/plan-du-site.html#sfrintid=FS_Plan-du-site">Plan du site</a>
  1016. <a data-stat="FS_Phishing" href="https://assistance.sfr.fr/internet-et-box/securite/se-proteger-du-phishing.html#sfrintid=FS_Phishing">Phishing</a>
  1017. <a data-stat="FS_Cookies" href="https://www.sfr.fr/politique-cookies.html#sfrintid=FS_Cookies">Cookies</a>
  1018. <a data-stat="FS_Donnees-Personnelles" href="https://www.sfr.fr/politique-de-protection-des-donnees-personnelles.html#sfrintid=FS_Donnees-Personnelles">Données personnelles</a>
  1019. <a data-stat="FS_Signaler-un-contenu-illicite" href="https://signalement.fftelecoms.org/#sfrintid=FS_Signaler-un-contenu-illicite">Signaler un contenu illicite</a>
  1020. <a data-stat="FS_Altice-groupe" href="https://alticefrance.com/#sfrintid=FS_Altice-groupe">Altice groupe</a>
  1021. <b></b>
  1022. </div>
  1023. </div>
  1024. </footer>
  1025. <div id="_EA_gdiv" style="display: none;">
  1026. <iframe id="_EA_ggen1717316853" name="_EA_ggen1717316853" height="2px" width="2px" src="about:blank" style="display: none;"></iframe>
  1027. <iframe id="_EA_ggen1946047309" name="_EA_ggen1946047309" height="2px" width="2px" src="about:blank" style="display: none;"></iframe>
  1028. <iframe id="_EA_ggen2098047424" name="_EA_ggen2098047424" height="2px" width="2px" src="about:blank" style="display: none;"></iframe>
  1029. <iframe id="_EA_ggen1098220607" name="_EA_ggen1098220607" height="2px" width="2px" src="about:blank" style="display: none;"></iframe>
  1030. <iframe id="_EA_ggen1304705683" name="_EA_ggen1304705683" height="2px" width="2px" src="about:blank" style="display: none;"></iframe>
  1031. <iframe id="_EA_ggen855893522" name="_EA_ggen855893522" height="2px" width="2px" src="about:blank" style="display: none;"></iframe>
  1032. </div>
  1033. </body>
  1034. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!