https://connect.harpersbazaar.fr/magazine-collection

1<!doctype html><html lang="fr"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"/><title>Bienvenue sur Prisma Connect</title><meta name="description" content="Créez votre compte Prisma Connect en 1 clic pour accéder à de nombreux avantages. Accédez gratuitement à tous les services de Prisma Media."/>

1<script>window.dataLayer = window.dataLayer || [];</script>

1<link rel="preconnect" href="https://connect.facebook.net"><link rel="preconnect" href="https://accounts.google.com"><link rel="preconnect" href="https://www.googletagmanager.com"><link rel="preconnect" href="https://appleid.cdn-apple.com"><link rel="preconnect" href="https://gdpr-tcfv2.sp-prod.net"><link rel="preconnect" href="https://tra.scds.pmdstatic.net">

1<script>(function(win, doc, lnk, firstLinkTag) {
2          const domain = document.location.hostname
3          const domainParts = domain.split('.')
4          domainParts.shift()
5          const brand = domainParts.join('.')
6
7          const preconnectConsent= doc.createElement(lnk)
8          const preconnectApi= doc.createElement(lnk)
9          firstLinkTag = document.getElementsByTagName(lnk)[0]
10
11          preconnectConsent.rel = 'preconnect'
12          preconnectConsent.href = 'https://consent.'+brand
13
14          preconnectApi.rel = 'preconnect'
15          preconnectApi.href = 'https://api-connect.'+brand
16
17          firstLinkTag.parentNode.insertBefore(preconnectConsent,firstLinkTag);
18          firstLinkTag.parentNode.insertBefore(preconnectApi,firstLinkTag);
19        })(window, document, 'link');</script>

19<style>:root {
20  /** Colors **/
21  --color-white: #FFF;
22  --color-bg-beige: #FFF9F4;
23  --color-lightgrey: #B4B4B4;
24  --color-mediumgrey: #848282;
25  --color-darkgrey: #474747;
26  --color-success: #2EA44E;
27  --color-error: #F35B63;
28
29  --color-grey-1: #EDEDED;
30  --color-grey-2: #B4B4B4;
31  --color-grey-3: #848282;
32  --color-grey-4: #474747;
33
34
35  /** Shadows **/
36  --shadow: 0px 4px 8px rgba(11, 14, 25, 0.12), 0px -1px 4px rgba(26, 26, 26, 0.08);
37  --shadow-hover: 0px 4px 10px rgba(11, 14, 25, 0.2), 0px -1px 6px rgba(26, 26, 26, 0.15);
38
39  /** Typography **/
40  --heading1-size: 1.5rem; /* 24px */
41  --heading1-weight: 700;
42  --heading1-line-height: 1.1666666667;
43
44  --heading1-sh: normal var(--heading1-weight) var(--heading1-size)/var(--heading1-line-height);
45
46  --heading2-size: 1.25rem; /* 20px */
47  --heading2-weight: 700;
48  --heading2-line-height: 1.2;
49
50  --heading2-sh: normal var(--heading2-weight) var(--heading2-size)/var(--heading2-line-height);
51
52  --heading3-size: 1.125rem; /* 18px */
53  --heading3-weight: 700;
54  --heading3-line-height: 1.2222222222;
55
56  --heading3-sh: normal var(--heading3-weight) var(--heading3-size)/var(--heading3-line-height);
57
58  --heading4-size: 1rem; /* 16px */
59  --heading4-weight: 700;
60  --heading4-line-height: 1.375;
61
62  --heading4-sh: normal var(--heading4-weight) var(--heading4-size)/var(--heading4-line-height);
63
64  --body-text-size: 1rem; /* 16px */
65  --body-text-line-height: 1.375;
66  --body1-text-weight: 400;
67  --body2-text-weight: 700;
68
69  --body1-sh: normal var(--body1-text-weight) var(--body-text-size)/var(--body-text-line-height);
70  --body2-sh: normal var(--body2-text-weight) var(--body-text-size)/var(--body-text-line-height);
71
72  --small-text-size: 0.75rem;  /* 12px */
73  --small-text-line-height: 1.1666666667;
74
75
76  --small1-sh: normal var(--body1-text-weight) var(--small-text-size)/var(--small-text-line-height);
77  --small2-sh: normal var(--body2-text-weight) var(--small-text-size)/var(--small-text-line-height);
78
79  --radius-clickable-card: 3px;
80  --radius-card: 3px;
81
82  --spacing-unit: 4px;
83
84  --rc-drag-handle-size: 12px;
85  --rc-drag-handle-mobile-size: 24px;
86  --rc-drag-handle-bg-colour: rgba(0, 0, 0, 0.2);
87  --rc-drag-bar-size: 6px;
88  --rc-border-color: rgba(255, 255, 255, 0.7);
89  --rc-focus-color: #0088ff;
90}
91
92@media only screen and (min-width: 650px) {
93  :root {
94    --heading1-size: 2rem; /* 32px */
95    --heading1-line-height: 1.1875;
96
97    --heading2-size: 1.5rem; /* 24px */
98    --heading2-line-height: 1.1666666667;
99
100    --heading3-size: 1.25rem; /* 20px */
101    --heading3-line-height: 1.2;
102
103    --heading4-size: 1rem; /* 16px */
104    --heading4-line-height: 1.375;
105
106    --small-text-size: 0.875rem;  /* 14px */
107    --small-text-line-height: 1.2142857143;
108  }
109}
110
111body {
112  margin: 0;
113  height: 96vh;
114  background-color: #F7F9FF;
115  font-family: sans-serif;
116}
117@keyframes react-loading-skeleton {
118    100% {
119        transform: translateX(100%);
120    }
121}
122
123.react-loading-skeleton {
124    background-color: #ebebeb;
125
126    width: 100%;
127    border-radius: 0.25rem;
128    display: inline-flex;
129    line-height: 1;
130
131    position: relative;
132    overflow: hidden;
133    z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
134}
135
136.react-loading-skeleton::after {
137    content: ' ';
138    display: block;
139    position: absolute;
140    left: 0;
141    right: 0;
142    height: 100%;
143    background-repeat: no-repeat;
144    background-image: linear-gradient(
145        90deg,
146        #ebebeb,
147        #f5f5f5,
148        #ebebeb
149    );
150    transform: translateX(-100%);
151
152    animation-name: react-loading-skeleton;
153    animation-direction: normal;
154    animation-duration: 1.5s;
155    animation-timing-function: ease-in-out;
156    animation-iteration-count: infinite;
157}
158
159.react-loading-skeleton.button-sn-loading {
160  margin: 15px 0;
161}
162
163.react-loading-skeleton.welcome-loading {
164  margin: 0 0 26px 0;
165  width: 100%;
166}
167
168.react-loading-skeleton.welcome-description-loading {
169  margin: 0;
170  width: 100%;
171}
172
173.react-loading-skeleton.logo-auth-loading {
174  text-align: left;
175  padding: 0px;
176}</style>

176<script>window.pmcstarter = function(instruction, cb) {
177        if (instruction === 'getPremiumOrderLink') {
178          return new Promise(function (resolve) {
179            var link = '//' + location.hostname + '/?inc-order=passprisma'
180            resolve(cb(link))
181          })
182        } else {
183          return false
184        }
185      }</script>

185<script async>;window.pmdConsent =  window.pmdConsent || function (data) {
186        (window.pmdConsent.queue = window.pmdConsent.queue || []).push(data);
187      };
188      
189      (function(win, doc, scr, url, version, element, firstScriptTag) {
190        element = doc.createElement(scr)
191        firstScriptTag = document.getElementsByTagName(scr)[0]
192        element.type = "module"
193        const regex = /X/gi
194
195        
196        element.src = url.replace(regex, version)
197        
198
199        firstScriptTag.parentNode.insertBefore(element,firstScriptTag);
200      })(window, document, 'script', 'https://tra.scds.pmdstatic.net/sourcepoint/X/sourcepoint.esm.min.js', '6');</script>

200<script src="https://accounts.google.com/gsi/client" defer="defer"></script>

200<script defer="defer" src="/assets/scripts/main.32f6471d.0ef15b04.js?cd544abd44bf59486afc"></script>

200</head><body><noscript>Vous devez activer Javascript pour que cette application fonctionne.</noscript><div id="root"></div>

200<script defer="defer">(function(h,o,u,n,d) {
201          h=h[d]=h[d]||{q:[],onReady:function(c){h.q.push(c)}}
202          d=o.createElement(u);d.async=1;d.src=n
203          n=o.getElementsByTagName(u)[0];n.parentNode.insertBefore(d,n)
204       })(window,document,'script','https://www.datadoghq-browser-agent.com/eu1/v6/datadog-rum.js','DD_RUM')
205
206            let botPattern = "(googlebot\/|bot|HeadlessChrome|Googlebot-Mobile|Googlebot-Image|Google favicon|Mediapartners-Google|bingbot|slurp|java|wget|curl|Commons-HttpClient|Python-urllib|libwww|httpunit|nutch|phpcrawl|msnbot|jyxobot|FAST-WebCrawler|FAST Enterprise Crawler|biglotron|teoma|convera|seekbot|gigablast|exabot|ngbot|ia_archiver|GingerCrawler|webmon |httrack|webcrawler|grub.org|UsineNouvelleCrawler|antibot|netresearchserver|speedy|fluffy|bibnum.bnf|findlink|msrbot|panscient|yacybot|AISearchBot|IOI|ips-agent|tagoobot|MJ12bot|dotbot|woriobot|yanga|buzzbot|mlbot|yandexbot|purebot|Linguee Bot|Voyager|CyberPatrol|voilabot|baiduspider|citeseerxbot|spbot|twengabot|postrank|turnitinbot|scribdbot|page2rss|sitebot|linkdex|Adidxbot|blekkobot|ezooms|dotbot|Mail.RU_Bot|discobot|heritrix|findthatfile|europarchive.org|NerdByNature.Bot|sistrix crawler|ahrefsbot|Aboundex|domaincrawler|wbsearchbot|summify|ccbot|edisterbot|seznambot|ec2linkfinder|gslfbot|aihitbot|intelium_bot|facebookexternalhit|yeti|RetrevoPageAnalyzer|lb-spider|sogou|lssbot|careerbot|wotbox|wocbot|ichiro|DuckDuckBot|lssrocketcrawler|drupact|webcompanycrawler|acoonbot|openindexspider|gnam gnam spider|web-archive-net.com.bot|backlinkcrawler|coccoc|integromedb|content crawler spider|toplistbot|seokicks-robot|it2media-domain-crawler|ip-web-crawler.com|siteexplorer.info|elisabot|proximic|changedetection|blexbot|arabot|WeSEE:Search|niki-bot|CrystalSemanticsBot|rogerbot|360Spider|psbot|InterfaxScanBot|Lipperhey SEO Service|CC Metadata Scaper|g00g1e.net|GrapeshotCrawler|urlappendbot|brainobot|fr-crawler|binlar|SimpleCrawler|Livelapbot|Twitterbot|cXensebot|smtbot|bnf.fr_bot|A6-Indexer|ADmantX|Facebot|Twitterbot|OrangeBot|memorybot|AdvBot|MegaIndex|SemanticScholarBot|ltx71|nerdybot|xovibot|BUbiNG|Qwantify|archive.org_bot|Applebot|TweetmemeBot|crawler4j|findxbot|SemrushBot|yoozBot|lipperhey|y!j-asr|Domain Re-Animator Bot|AddThis)";
207
208            let regex = new RegExp(botPattern, 'i');
209
210            // réglez var conditionalSampleRate sur 0 si lʼuserAgent correspond à un pattern dans botPatterns
211            // autrement, définissez conditionalSampleRate sur 100
212            let conditionalSampleRate = regex.test(navigator.userAgent) ? 0 : 3.6;
213
214            DD_RUM.onReady(function() {
215              DD_RUM.init({
216                clientToken: 'pubc7dc0d461cda00c249e5d7a28e8f78cc',
217                applicationId: '0498db5c-2b9e-45d1-9ad6-f4fc4a13a795',
218                site: 'datadoghq.eu',
219                env: 'prod',
220                service: 'pmc-website',
221                version: 'prod-0ef15b04',
222                sessionReplaySampleRate: 0,
223                sessionSampleRate: conditionalSampleRate,
224                trackUserInteractions: true,
225                trackResources: true,
226                trackLongTasks: true,
227                defaultPrivacyLevel: 'mask-user-input',
228                trackingConsent: 'not-granted',
229                beforeSend: (event, context) => {
230                    // ignorer une erreur RUM si son message contient la mention « ChunkLoadError »
231                    if (event.type === 'error' && event.error.message.includes('ChunkLoadError')) {
232                        return false
233                    }
234                }
235              })
236
237
238              var timer;
239              function checkConsentForDDRUM() {
240                if (window.pmdConsent && window.pmdConsent.queue && window.pmdConsent.queue.find((item) => item.type === 'allConsentGiven')) {
241                  clearTimeout(timer);
242                  DD_RUM.setTrackingConsent('granted');
243                } else if (window.pmdConsent && window.pmdConsent.queue && window.pmdConsent.queue.find((item) => item.type === 'noConsentGiven')) {
244                  clearTimeout(timer);
245                } else {
246                  timer = setTimeout(() => {
247                    requestAnimationFrame(checkConsentForDDRUM)
248                  }, 100);
249                }
250              }
251              window.requestAnimationFrame(checkConsentForDDRUM);
252            })</script>

252<script async>window.addEventListener('PMC::HOTJAR', function () {
253            (function (h, o, t, j, a, r) {
254              h.hj = h.hj || function () {
255                (h.hj.q = h.hj.q || []).push(arguments)
256              };
257              h._hjSettings = {
258                hjid: window.hjid,
259                hjsv: window.hjsv
260              };
261              a = o.getElementsByTagName('head')[0];
262              r = o.createElement('script');
263              r.async = 1;
264              r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
265              a.appendChild(r);
266            })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
267          })</script>

267</body></html>