{"id":9032,"date":"2026-03-12T20:16:35","date_gmt":"2026-03-12T20:16:35","guid":{"rendered":"https:\/\/digitalsecurity-dz.com\/bodystar\/?page_id=9032"},"modified":"2026-03-15T01:18:28","modified_gmt":"2026-03-15T01:18:28","slug":"connexion","status":"publish","type":"page","link":"https:\/\/digitalsecurity-dz.com\/bodystar\/connexion\/","title":{"rendered":"Connexion"},"content":{"rendered":"\n<div id=\"bsl\">\n\n  <!-- LOGO -->\n  <a href=\"https:\/\/digitalsecurity-dz.com\/bodystar\/\" id=\"bsl-logo\">\n    <img decoding=\"async\" src=\"https:\/\/digitalsecurity-dz.com\/bodystar\/wp-content\/uploads\/bodystar-brands\/Logo.png\" alt=\"Bodystar\" title=\"Connexion\">\n  <\/a>\n\n  <!-- TITRE -->\n  <h1 id=\"bsl-title\">Connexion<\/h1>\n  <p id=\"bsl-sub\">Acc\u00e9dez \u00e0 votre espace Bodystar<\/p>\n\n  <!-- ALERTES -->\n    \n  <!-- FORMULAIRE -->\n  <form id=\"bsl-form\" method=\"post\" action=\"\">\n    <input type=\"hidden\" id=\"bslogin_nonce\" name=\"bslogin_nonce\" value=\"6f2baf43b7\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/bodystar\/wp-json\/wp\/v2\/pages\/9032\" \/>    \n    <div class=\"bsl-f\">\n      <label for=\"bsl-user\">Nom d'utilisateur ou email<\/label>\n      <input\n        type=\"text\"\n        id=\"bsl-user\"\n        name=\"bslogin_user\"\n        placeholder=\"votre@email.com\"\n        autocomplete=\"username\"\n        value=\"\"\n        autofocus>\n    <\/div>\n\n    <div class=\"bsl-f\">\n      <div class=\"bsl-frow\">\n        <label for=\"bsl-pass\">Mot de passe<\/label>\n        <a href=\"https:\/\/digitalsecurity-dz.com\/bodystar\/mon-espace\/lost-password\/\" class=\"bsl-forgot\">Mot de passe oubli\u00e9 ?<\/a>\n      <\/div>\n      <div class=\"bsl-pass-wrap\">\n        <input\n          type=\"password\"\n          id=\"bsl-pass\"\n          name=\"bslogin_pass\"\n          placeholder=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\"\n          autocomplete=\"current-password\">\n        <button type=\"button\" id=\"bsl-eye\">\n          <svg id=\"bsl-eo\" viewBox=\"0 0 24 24\"><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"\/><\/svg>\n          <svg id=\"bsl-ec\" viewBox=\"0 0 24 24\" style=\"display:none\"><path d=\"M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27z\"\/><\/svg>\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <label class=\"bsl-rem\">\n      <input type=\"checkbox\" name=\"bslogin_remember\" value=\"1\">\n      <span class=\"bsl-chk\"><\/span>\n      Se souvenir de moi\n    <\/label>\n\n    <button type=\"submit\" name=\"bslogin_submit\" id=\"bsl-btn\">SE CONNECTER<\/button>\n\n  <\/form>\n\n  <!-- DIVIDER -->\n  <div class=\"bsl-div\"><span>Nouveau sur Bodystar ?<\/span><\/div>\n\n  <!-- INSCRIPTION -->\n  <a href=\"https:\/\/digitalsecurity-dz.com\/bodystar\/inscription\/\" id=\"bsl-reg\">\n    Cr\u00e9er un compte gratuit\n  <\/a>\n\n  <!-- RETOUR -->\n  <a href=\"https:\/\/digitalsecurity-dz.com\/bodystar\/shopping\/\" id=\"bsl-back\">\u2190 Retour \u00e0 la boutique<\/a>\n\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap');\n\n\/* \u2550\u2550 PAGE BLANCHE TOTALE \u2550\u2550 *\/\n#bsl { display:none; } \/* cach\u00e9 jusqu'\u00e0 ce que le CSS th\u00e8me soit \u00e9cras\u00e9 *\/\n\nhtml, body {\n  background: #ffffff !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  min-height: 100vh !important;\n}\nbody { padding-top: 0 !important; }\n\n\/* \u2550\u2550 LAYOUT CENTR\u00c9 \u2550\u2550 *\/\n#bsl {\n  display: flex !important;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-height: 100vh;\n  width: 100%;\n  padding: 60px 24px;\n  background: #ffffff;\n  font-family: 'DM Sans', sans-serif;\n  box-sizing: border-box;\n}\n#bsl *, #bsl *::before, #bsl *::after { box-sizing: border-box; }\n#bsl a { text-decoration: none; }\n#bsl button { cursor: pointer; font-family: inherit; border: none; }\n\n\/* \u2550\u2550 LOGO \u2550\u2550 *\/\n#bsl-logo {\n  display: block;\n  margin-bottom: 40px;\n}\n#bsl-logo img {\n  height: 64px;\n  width: auto;\n  display: block;\n  object-fit: contain;\n}\n\n\/* \u2550\u2550 TITRE \u2550\u2550 *\/\n#bsl-title {\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: 56px;\n  letter-spacing: 3px;\n  color: #111;\n  line-height: 1;\n  margin: 0 0 8px;\n  text-align: center;\n}\n#bsl-sub {\n  font-size: 16px;\n  color: #999;\n  margin: 0 0 40px;\n  text-align: center;\n}\n\n\/* \u2550\u2550 ALERTES \u2550\u2550 *\/\n.bsl-alert {\n  width: 100%;\n  max-width: 560px;\n  padding: 14px 18px;\n  border-radius: 10px;\n  font-size: 14px;\n  font-weight: 500;\n  margin-bottom: 24px;\n  text-align: center;\n}\n.bsl-err { background: #fef2f2; border: 1px solid #fecaca; color: #dc2626; }\n.bsl-ok  { background: #f0fdf4; border: 1px solid #bbf7d0; color: #16a34a; }\n\n\/* \u2550\u2550 FORMULAIRE \u2550\u2550 *\/\n#bsl-form {\n  width: 100%;\n  max-width: 560px;\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n}\n\n.bsl-f { margin-bottom: 24px; }\n\n.bsl-f label {\n  display: block;\n  font-size: 13px;\n  font-weight: 700;\n  color: #333;\n  margin-bottom: 10px;\n  letter-spacing: .3px;\n}\n.bsl-frow {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 10px;\n}\n.bsl-frow label { margin-bottom: 0; }\n.bsl-forgot {\n  font-size: 13px;\n  color: #ffa500;\n  font-weight: 600;\n  transition: opacity .2s;\n}\n.bsl-forgot:hover { opacity: .7; }\n\n\/* Champs \u2014 grands, simples, propres *\/\n.bsl-f input[type=\"text\"],\n.bsl-f input[type=\"email\"],\n#bsl-pass {\n  width: 100%;\n  padding: 18px 22px;\n  font-size: 16px;\n  font-family: 'DM Sans', sans-serif;\n  font-weight: 500;\n  color: #111;\n  background: #ffffff;\n  border: 1.5px solid #e0dfd7;\n  border-radius: 12px;\n  outline: none;\n  transition: border-color .2s, box-shadow .2s;\n  display: block;\n}\n.bsl-f input[type=\"text\"]:focus,\n.bsl-f input[type=\"email\"]:focus,\n#bsl-pass:focus {\n  border-color: #ffa500;\n  box-shadow: 0 0 0 4px rgba(255,165,0,.10);\n}\n.bsl-f input::placeholder { color: #c5c4bc; font-weight: 400; }\n\n\/* Champ mot de passe + \u0153il *\/\n.bsl-pass-wrap {\n  position: relative;\n}\n.bsl-pass-wrap #bsl-pass {\n  padding-right: 56px;\n}\n#bsl-eye {\n  position: absolute;\n  right: 16px; top: 50%;\n  transform: translateY(-50%);\n  background: none; border: none;\n  padding: 4px; display: flex; align-items: center;\n}\n#bsl-eye svg { width: 22px; height: 22px; fill: #bbb; display: block; transition: fill .2s; }\n#bsl-eye:hover svg { fill: #ffa500; }\n\n\/* \u2550\u2550 CHECKBOX \u2550\u2550 *\/\n.bsl-rem {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  cursor: pointer;\n  font-size: 14px;\n  color: #666;\n  margin-bottom: 28px;\n  user-select: none;\n}\n.bsl-rem input[type=\"checkbox\"] { display: none; }\n.bsl-chk {\n  width: 20px; height: 20px; flex-shrink: 0;\n  border: 2px solid #d5d4cc;\n  border-radius: 6px;\n  background: #fff;\n  transition: all .2s;\n  display: flex; align-items: center; justify-content: center;\n}\n.bsl-rem:hover .bsl-chk { border-color: #ffa500; }\n.bsl-rem input:checked ~ .bsl-chk {\n  background: #ffa500; border-color: #ffa500;\n}\n.bsl-rem input:checked ~ .bsl-chk::after {\n  content: '\u2713'; font-size: 12px; color: #000; font-weight: 800;\n}\n\n\/* \u2550\u2550 BOUTON CONNEXION \u2550\u2550 *\/\n#bsl-btn {\n  width: 100%;\n  padding: 20px;\n  background: #ffa500;\n  border: none;\n  border-radius: 12px;\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: 24px;\n  letter-spacing: 4px;\n  color: #000;\n  transition: all .25s;\n  box-shadow: 0 4px 20px rgba(255,165,0,.25);\n  margin-bottom: 28px;\n}\n#bsl-btn:hover {\n  background: #e09400;\n  transform: translateY(-2px);\n  box-shadow: 0 8px 28px rgba(255,165,0,.35);\n}\n#bsl-btn:active { transform: translateY(0); }\n\n\/* \u2550\u2550 DIVIDER \u2550\u2550 *\/\n.bsl-div {\n  display: flex; align-items: center; gap: 16px;\n  width: 100%; max-width: 560px;\n  margin-bottom: 16px;\n}\n.bsl-div::before, .bsl-div::after {\n  content: ''; flex: 1; height: 1px; background: #ebe9e0;\n}\n.bsl-div span { font-size: 13px; color: #aaa; white-space: nowrap; }\n\n\/* \u2550\u2550 INSCRIPTION \u2550\u2550 *\/\n#bsl-reg {\n  display: block;\n  width: 100%; max-width: 560px;\n  padding: 18px;\n  background: #fff;\n  border: 1.5px solid #e0dfd7;\n  border-radius: 12px;\n  font-size: 15px;\n  font-weight: 600;\n  color: #444;\n  text-align: center;\n  transition: all .2s;\n  margin-bottom: 32px;\n}\n#bsl-reg:hover { border-color: #ffa500; color: #ffa500; background: #fffaf2; }\n\n\/* \u2550\u2550 RETOUR \u2550\u2550 *\/\n#bsl-back {\n  font-size: 13px;\n  color: #bbb;\n  font-weight: 500;\n  transition: color .2s;\n}\n#bsl-back:hover { color: #ffa500; }\n\n\/* \u2550\u2550 MOBILE \u2550\u2550 *\/\n@media (max-width: 600px) {\n  #bsl-title { font-size: 42px; }\n  #bsl-logo img { height: 52px; }\n  .bsl-f input[type=\"text\"],\n  #bsl-pass { font-size: 15px; padding: 16px 18px; }\n  #bsl-btn { font-size: 20px; padding: 18px; }\n}\n<\/style>\n\n<script>\n(function(){\n  var eyeBtn = document.getElementById('bsl-eye');\n  var pass   = document.getElementById('bsl-pass');\n  var eo     = document.getElementById('bsl-eo');\n  var ec     = document.getElementById('bsl-ec');\n  if (eyeBtn && pass) {\n    eyeBtn.addEventListener('click', function(){\n      var show = pass.type === 'password';\n      pass.type = show ? 'text' : 'password';\n      eo.style.display = show ? 'none'  : 'block';\n      ec.style.display = show ? 'block' : 'none';\n    });\n  }\n  var user = document.getElementById('bsl-user');\n  if (user && pass) {\n    user.addEventListener('keydown', function(e){\n      if (e.key==='Enter'){ e.preventDefault(); pass.value ? document.getElementById('bsl-form').submit() : pass.focus(); }\n    });\n    pass.addEventListener('keydown', function(e){\n      if (e.key==='Enter'){ e.preventDefault(); document.getElementById('bsl-form').submit(); }\n    });\n  }\n})();\n<\/script>\n\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9032","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digitalsecurity-dz.com\/bodystar\/wp-json\/wp\/v2\/pages\/9032","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digitalsecurity-dz.com\/bodystar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digitalsecurity-dz.com\/bodystar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digitalsecurity-dz.com\/bodystar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digitalsecurity-dz.com\/bodystar\/wp-json\/wp\/v2\/comments?post=9032"}],"version-history":[{"count":2,"href":"https:\/\/digitalsecurity-dz.com\/bodystar\/wp-json\/wp\/v2\/pages\/9032\/revisions"}],"predecessor-version":[{"id":9068,"href":"https:\/\/digitalsecurity-dz.com\/bodystar\/wp-json\/wp\/v2\/pages\/9032\/revisions\/9068"}],"wp:attachment":[{"href":"https:\/\/digitalsecurity-dz.com\/bodystar\/wp-json\/wp\/v2\/media?parent=9032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}