{"id":37,"date":"2026-03-21T19:53:59","date_gmt":"2026-03-21T19:53:59","guid":{"rendered":"https:\/\/evasionstudio.com\/index.php\/mon-compte\/"},"modified":"2026-07-13T08:50:32","modified_gmt":"2026-07-13T08:50:32","slug":"mon-compte","status":"publish","type":"page","link":"https:\/\/evasionstudio.com\/?page_id=37","title":{"rendered":"Mon compte"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   EVASION STUDIO \u2014 PAGE MON COMPTE\n   Nouvelle charte graphique\n========================================================= *\/\n\n\n\/* =========================================================\n   1. FOND G\u00c9N\u00c9RAL DE LA PAGE\n========================================================= *\/\n\nbody.woocommerce-account,\nbody.woocommerce-account .site,\nbody.woocommerce-account .site-content,\nbody.woocommerce-account main,\nbody.woocommerce-account .entry-content,\nbody.woocommerce-account .wp-block-post-content {\n\n  background-color: #FFFFF5 !important;\n\n}\n\n\n\/* =========================================================\n   2. MASQUER LE TITRE WORDPRESS DE LA PAGE\n========================================================= *\/\n\nbody.woocommerce-account .entry-title,\nbody.woocommerce-account .wp-block-post-title {\n\n  display: none !important;\n\n}\n\n\n\/* =========================================================\n   3. BANNI\u00c8RE MON COMPTE\n========================================================= *\/\n\n.evasion-account-hero {\n\n  position: relative;\n\n  width: 100%;\n\n  min-height: 500px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  overflow: hidden;\n\n  padding: 90px 30px;\n\n  box-sizing: border-box;\n\n  background:\n\n    radial-gradient(\n      circle at 12% 18%,\n      rgba(198, 71, 86, 0.16) 0%,\n      rgba(198, 71, 86, 0) 34%\n    ),\n\n    radial-gradient(\n      circle at 88% 78%,\n      rgba(149, 164, 152, 0.25) 0%,\n      rgba(149, 164, 152, 0) 38%\n    ),\n\n    radial-gradient(\n      circle at 82% 12%,\n      rgba(250, 213, 134, 0.20) 0%,\n      rgba(250, 213, 134, 0) 31%\n    ),\n\n    #FFFFF5;\n\n}\n\n\n\/* =========================================================\n   4. FORMES D\u00c9CORATIVES\n========================================================= *\/\n\n.evasion-account-orb {\n\n  position: absolute;\n\n  border-radius: 48% 52% 62% 38% \/ 42% 45% 55% 58%;\n\n  filter: none;\n\n  opacity: 1;\n\n  pointer-events: none;\n\n}\n\n\n.orb-violet {\n\n  width: 420px;\n\n  height: 300px;\n\n  top: -130px;\n\n  left: -120px;\n\n  background: rgba(198, 71, 86, 0.14);\n\n  transform: rotate(-18deg);\n\n}\n\n\n.orb-pink {\n\n  width: 340px;\n\n  height: 400px;\n\n  right: -130px;\n\n  top: -120px;\n\n  background: rgba(250, 213, 134, 0.22);\n\n  transform: rotate(18deg);\n\n}\n\n\n.orb-blue {\n\n  width: 460px;\n\n  height: 350px;\n\n  bottom: -180px;\n\n  left: -110px;\n\n  background: rgba(149, 164, 152, 0.30);\n\n  transform: rotate(8deg);\n\n}\n\n\n.orb-gold {\n\n  width: 360px;\n\n  height: 300px;\n\n  bottom: -130px;\n\n  right: -90px;\n\n  background: rgba(198, 71, 86, 0.10);\n\n  transform: rotate(-12deg);\n\n}\n\n\n\/* =========================================================\n   5. SUPPRESSION DE L'ANCIEN EFFET \u00c9TOIL\u00c9\n========================================================= *\/\n\n.evasion-account-stars {\n\n  position: absolute;\n\n  inset: 0;\n\n  pointer-events: none;\n\n}\n\n\n.evasion-account-stars::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  width: 320px;\n\n  height: 320px;\n\n  top: 20px;\n\n  right: 4%;\n\n  opacity: 0.25;\n\n  background:\n\n    repeating-radial-gradient(\n      ellipse at center,\n      rgba(24, 77, 71, 0.12) 0 2px,\n      transparent 2px 16px\n    );\n\n  border-radius: 50%;\n\n}\n\n\n.evasion-account-stars::after {\n\n  content: \"\";\n\n  position: absolute;\n\n  width: 220px;\n\n  height: 220px;\n\n  bottom: 5%;\n\n  left: 5%;\n\n  border: 2px solid rgba(250, 213, 134, 0.50);\n\n  border-radius: 50%;\n\n}\n\n\n\/* =========================================================\n   6. CONTENU CENTRAL\n========================================================= *\/\n\n.evasion-account-hero-content {\n\n  position: relative;\n\n  z-index: 5;\n\n  width: 100%;\n\n  max-width: 1050px;\n\n  margin: auto;\n\n  text-align: center;\n\n}\n\n\n\/* =========================================================\n   7. BADGE ESPACE MEMBRE\n========================================================= *\/\n\n.evasion-member-badge {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  padding: 12px 24px;\n\n  margin-bottom: 26px;\n\n  border-radius: 100px;\n\n  color: #184D47;\n\n  background: rgba(250, 213, 134, 0.55);\n\n  border: 1px solid rgba(24, 77, 71, 0.20);\n\n  font-family: Arial, sans-serif;\n\n  font-size: 13px;\n\n  font-weight: 700;\n\n  letter-spacing: 2.5px;\n\n  text-transform: uppercase;\n\n}\n\n\n\/* =========================================================\n   8. TITRE\n========================================================= *\/\n\n.evasion-account-hero h1 {\n\n  margin: 0;\n\n  color: #184D47;\n\n  font-family: Georgia, \"Times New Roman\", serif;\n\n  font-size: clamp(54px, 8vw, 110px);\n\n  line-height: 0.92;\n\n  font-weight: 700;\n\n  letter-spacing: -2px;\n\n  text-transform: uppercase;\n\n}\n\n\n.evasion-account-hero h1 span {\n\n  display: block;\n\n  margin-top: 12px;\n\n  color: #C64756;\n\n  font-size: 0.88em;\n\n  font-weight: 500;\n\n  letter-spacing: 4px;\n\n}\n\n\n\/* =========================================================\n   9. LIGNE D\u00c9CORATIVE\n========================================================= *\/\n\n.evasion-title-line {\n\n  position: relative;\n\n  width: min(520px, 75%);\n\n  height: 1px;\n\n  margin: 34px auto;\n\n  background: #FAD586;\n\n}\n\n\n.evasion-title-line::before {\n\n  content: \"\u2726\";\n\n  position: absolute;\n\n  top: 50%;\n\n  left: 50%;\n\n  transform: translate(-50%, -52%);\n\n  padding: 0 15px;\n\n  color: #C64756;\n\n  background: #FFFFF5;\n\n  font-size: 16px;\n\n}\n\n\n\/* =========================================================\n   10. TEXTE INTRODUCTIF\n========================================================= *\/\n\n.evasion-account-hero p {\n\n  max-width: 720px;\n\n  margin: 0 auto;\n\n  color: #184D47;\n\n  font-family: Arial, sans-serif;\n\n  font-size: clamp(17px, 2vw, 22px);\n\n  line-height: 1.7;\n\n  font-weight: 400;\n\n}\n\n\n\/* =========================================================\n   11. ZONE WOOCOMMERCE MON COMPTE\n========================================================= *\/\n\nbody.woocommerce-account .woocommerce {\n\n  width: min(1180px, calc(100% - 40px));\n\n  margin: 70px auto;\n\n  padding: 45px;\n\n  box-sizing: border-box;\n\n  background: rgba(255, 255, 245, 0.94);\n\n  border: 1px solid rgba(24, 77, 71, 0.12);\n\n  border-radius: 28px;\n\n  box-shadow:\n\n    0 20px 55px rgba(24, 77, 71, 0.08);\n\n}\n\n\n\/* =========================================================\n   12. MENU LAT\u00c9RAL WOOCOMMERCE\n========================================================= *\/\n\nbody.woocommerce-account\n.woocommerce-MyAccount-navigation {\n\n  width: 28%;\n\n}\n\n\nbody.woocommerce-account\n.woocommerce-MyAccount-navigation ul {\n\n  margin: 0;\n\n  padding: 0;\n\n  list-style: none;\n\n}\n\n\nbody.woocommerce-account\n.woocommerce-MyAccount-navigation li {\n\n  margin-bottom: 10px;\n\n}\n\n\nbody.woocommerce-account\n.woocommerce-MyAccount-navigation a {\n\n  display: block;\n\n  padding: 16px 20px;\n\n  color: #184D47;\n\n  background: rgba(149, 164, 152, 0.13);\n\n  border: 1px solid rgba(24, 77, 71, 0.08);\n\n  border-radius: 14px;\n\n  font-family: Arial, sans-serif;\n\n  font-size: 15px;\n\n  font-weight: 600;\n\n  text-decoration: none;\n\n  transition:\n\n    background-color 0.25s ease,\n    color 0.25s ease,\n    transform 0.25s ease;\n\n}\n\n\nbody.woocommerce-account\n.woocommerce-MyAccount-navigation a:hover {\n\n  color: #FFFFFF;\n\n  background: #184D47;\n\n  transform: translateX(5px);\n\n}\n\n\nbody.woocommerce-account\n.woocommerce-MyAccount-navigation\n.is-active a {\n\n  color: #FFFFFF;\n\n  background: #C64756;\n\n}\n\n\n\/* =========================================================\n   13. CONTENU DU COMPTE\n========================================================= *\/\n\nbody.woocommerce-account\n.woocommerce-MyAccount-content {\n\n  width: 67%;\n\n  color: #184D47;\n\n  font-family: Arial, sans-serif;\n\n}\n\n\nbody.woocommerce-account\n.woocommerce-MyAccount-content h2,\n\nbody.woocommerce-account\n.woocommerce-MyAccount-content h3 {\n\n  color: #184D47;\n\n  font-family: Georgia, \"Times New Roman\", serif;\n\n}\n\n\n\/* =========================================================\n   14. LIENS\n========================================================= *\/\n\nbody.woocommerce-account\n.woocommerce-MyAccount-content a {\n\n  color: #C64756;\n\n  font-weight: 600;\n\n}\n\n\nbody.woocommerce-account\n.woocommerce-MyAccount-content a:hover {\n\n  color: #184D47;\n\n}\n\n\n\/* =========================================================\n   15. BOUTONS WOOCOMMERCE\n========================================================= *\/\n\nbody.woocommerce-account\n.woocommerce button.button,\n\nbody.woocommerce-account\n.woocommerce a.button,\n\nbody.woocommerce-account\n.woocommerce input.button {\n\n  padding: 14px 26px !important;\n\n  color: #FFFFFF !important;\n\n  background: #184D47 !important;\n\n  border: none !important;\n\n  border-radius: 100px !important;\n\n  font-family: Arial, sans-serif !important;\n\n  font-size: 14px !important;\n\n  font-weight: 700 !important;\n\n  letter-spacing: 0.5px !important;\n\n  transition:\n\n    background-color 0.25s ease,\n\n    transform 0.25s ease !important;\n\n}\n\n\nbody.woocommerce-account\n.woocommerce button.button:hover,\n\nbody.woocommerce-account\n.woocommerce a.button:hover,\n\nbody.woocommerce-account\n.woocommerce input.button:hover {\n\n  background: #C64756 !important;\n\n  transform: translateY(-2px);\n\n}\n\n\n\/* =========================================================\n   16. CHAMPS DU FORMULAIRE\n========================================================= *\/\n\nbody.woocommerce-account\n.woocommerce input.input-text,\n\nbody.woocommerce-account\n.woocommerce input[type=\"email\"],\n\nbody.woocommerce-account\n.woocommerce input[type=\"password\"],\n\nbody.woocommerce-account\n.woocommerce input[type=\"text\"] {\n\n  min-height: 50px;\n\n  padding: 12px 16px;\n\n  box-sizing: border-box;\n\n  color: #184D47;\n\n  background: #FFFFFF;\n\n  border: 1px solid rgba(24, 77, 71, 0.20);\n\n  border-radius: 12px;\n\n  outline: none;\n\n}\n\n\nbody.woocommerce-account\n.woocommerce input:focus {\n\n  border-color: #C64756;\n\n  box-shadow:\n\n    0 0 0 3px rgba(198, 71, 86, 0.10);\n\n}\n\n\n\/* =========================================================\n   17. RESPONSIVE TABLETTE\n========================================================= *\/\n\n@media screen and (max-width: 900px) {\n\n  .evasion-account-hero {\n\n    min-height: 430px;\n\n    padding: 70px 24px;\n\n  }\n\n\n  body.woocommerce-account .woocommerce {\n\n    padding: 30px;\n\n  }\n\n\n  body.woocommerce-account\n  .woocommerce-MyAccount-navigation,\n\n  body.woocommerce-account\n  .woocommerce-MyAccount-content {\n\n    width: 100%;\n\n    float: none;\n\n  }\n\n\n  body.woocommerce-account\n  .woocommerce-MyAccount-navigation {\n\n    margin-bottom: 35px;\n\n  }\n\n}\n\n\n\/* =========================================================\n   18. RESPONSIVE T\u00c9L\u00c9PHONE\n========================================================= *\/\n\n@media screen and (max-width: 600px) {\n\n  .evasion-account-hero {\n\n    min-height: 380px;\n\n    padding: 65px 18px;\n\n  }\n\n\n  .evasion-account-hero h1 {\n\n    font-size: 48px;\n\n    letter-spacing: -1px;\n\n  }\n\n\n  .evasion-account-hero h1 span {\n\n    letter-spacing: 2px;\n\n  }\n\n\n  .evasion-member-badge {\n\n    padding: 10px 18px;\n\n    font-size: 11px;\n\n  }\n\n\n  .evasion-account-hero p {\n\n    font-size: 16px;\n\n    line-height: 1.6;\n\n  }\n\n\n  body.woocommerce-account .woocommerce {\n\n    width: calc(100% - 24px);\n\n    margin: 40px auto;\n\n    padding: 22px 16px;\n\n    border-radius: 20px;\n\n  }\n\n}\n<\/style>\n\n<section class=\"evasion-account-hero\">\n\n  <div class=\"evasion-account-stars\"><\/div>\n\n  <div class=\"evasion-account-orb orb-violet\"><\/div>\n  <div class=\"evasion-account-orb orb-pink\"><\/div>\n  <div class=\"evasion-account-orb orb-blue\"><\/div>\n  <div class=\"evasion-account-orb orb-gold\"><\/div>\n\n  <div class=\"evasion-account-hero-content\">\n\n    <div class=\"evasion-member-badge\">\n      \u2726 ESPACE MEMBRE \u2726\n    <\/div>\n\n    <h1>\n      MON ESPACE\n      <span>EVASION<\/span>\n    <\/h1>\n\n    <div class=\"evasion-title-line\"><\/div>\n\n    <p>\n      Retrouve tes commandes, tes informations personnelles\n      et tout ton univers Evasion Studio.\n    <\/p>\n\n  <\/div>\n\n<\/section>\n<\/div>\n<\/div>\n\n\n<div class=\"woocommerce\"><div class=\"woocommerce-notices-wrapper\"><\/div>\n\n<div class=\"u-columns col2-set\" id=\"customer_login\">\n\n\t<div class=\"u-column1 col-1\">\n\n\n\t\t<h2>Se connecter<\/h2>\n\n\t\t<form class=\"woocommerce-form woocommerce-form-login login\" method=\"post\" novalidate>\n\n\t\t\t\n\t\t\t<p class=\"woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide\">\n\t\t\t\t<label for=\"username\">Identifiant ou e-mail&nbsp;<span class=\"required\" aria-hidden=\"true\">*<\/span><span class=\"screen-reader-text\">Obligatoire<\/span><\/label>\n\t\t\t\t<input type=\"text\" class=\"woocommerce-Input woocommerce-Input--text input-text\" name=\"username\" id=\"username\" autocomplete=\"username\" value=\"\" required aria-required=\"true\" \/>\t\t\t<\/p>\n\t\t\t<p class=\"woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide\">\n\t\t\t\t<label for=\"password\">Mot de passe&nbsp;<span class=\"required\" aria-hidden=\"true\">*<\/span><span class=\"screen-reader-text\">Obligatoire<\/span><\/label>\n\t\t\t\t<input class=\"woocommerce-Input woocommerce-Input--text input-text\" type=\"password\" name=\"password\" id=\"password\" autocomplete=\"current-password\" required aria-required=\"true\" \/>\n\t\t\t<\/p>\n\n\t\t\t\n\t\t\t<p class=\"form-row\">\n\t\t\t\t<label class=\"woocommerce-form__label woocommerce-form__label-for-checkbox woocommerce-form-login__rememberme\">\n\t\t\t\t\t<input class=\"woocommerce-form__input woocommerce-form__input-checkbox\" name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> <span>Se souvenir de moi<\/span>\n\t\t\t\t<\/label>\n\t\t\t\t<input type=\"hidden\" id=\"woocommerce-login-nonce\" name=\"woocommerce-login-nonce\" value=\"a07c30f6b5\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F37\" \/>\t\t\t\t<button type=\"submit\" class=\"woocommerce-button button woocommerce-form-login__submit wp-element-button\" name=\"login\" value=\"Se connecter\">Se connecter<\/button>\n\t\t\t<\/p>\n\t\t\t<p class=\"woocommerce-LostPassword lost_password\">\n\t\t\t\t<a href=\"https:\/\/evasionstudio.com\/?page_id=37&#038;lost-password\">Mot de passe perdu\u00a0?<\/a>\n\t\t\t<\/p>\n\n\t\t\t\n\t\t<\/form>\n\n\n\t<\/div>\n\n\t<div class=\"u-column2 col-2\">\n\n\t\t<h2>S\u2019inscrire<\/h2>\n\n\t\t<form method=\"post\" class=\"woocommerce-form woocommerce-form-register register\"  >\n\n\t\t\t\n\t\t\t\n\t\t\t<p class=\"woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide\">\n\t\t\t\t<label for=\"reg_email\">Adresse e-mail&nbsp;<span class=\"required\" aria-hidden=\"true\">*<\/span><span class=\"screen-reader-text\">Obligatoire<\/span><\/label>\n\t\t\t\t<input type=\"email\" class=\"woocommerce-Input woocommerce-Input--text input-text\" name=\"email\" id=\"reg_email\" autocomplete=\"email\" value=\"\" required aria-required=\"true\" \/>\t\t\t<\/p>\n\n\t\t\t\n\t\t\t\t<p>Un lien permettant de d\u00e9finir un nouveau mot de passe sera envoy\u00e9 \u00e0 votre adresse e-mail.<\/p>\n\n\t\t\t\n\t\t\t<wc-order-attribution-inputs><\/wc-order-attribution-inputs><div class=\"woocommerce-privacy-policy-text\"><p>Vos donn\u00e9es personnelles seront utilis\u00e9es pour vous accompagner au cours de votre visite du site web, g\u00e9rer l\u2019acc\u00e8s \u00e0 votre compte, et pour d\u2019autres raisons d\u00e9crites dans notre <a href=\"\" class=\"woocommerce-privacy-policy-link\" target=\"_blank\">politique de confidentialit\u00e9<\/a>.<\/p>\n<\/div>\n\t\t\t<p class=\"woocommerce-form-row form-row\">\n\t\t\t\t<input type=\"hidden\" id=\"woocommerce-register-nonce\" name=\"woocommerce-register-nonce\" value=\"2c2ab031ca\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F37\" \/>\t\t\t\t<button type=\"submit\" class=\"woocommerce-Button woocommerce-button button wp-element-button woocommerce-form-register__submit\" name=\"register\" value=\"S\u2019inscrire\">S\u2019inscrire<\/button>\n\t\t\t<\/p>\n\n\t\t\t\n\t\t<\/form>\n\n\t<\/div>\n\n<\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u2726 ESPACE MEMBRE \u2726 MON ESPACE EVASION Retrouve tes commandes, tes informations personnelles et tout ton univers Evasion Studio.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-37","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/evasionstudio.com\/index.php?rest_route=\/wp\/v2\/pages\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/evasionstudio.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/evasionstudio.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/evasionstudio.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/evasionstudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=37"}],"version-history":[{"count":4,"href":"https:\/\/evasionstudio.com\/index.php?rest_route=\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":667,"href":"https:\/\/evasionstudio.com\/index.php?rest_route=\/wp\/v2\/pages\/37\/revisions\/667"}],"wp:attachment":[{"href":"https:\/\/evasionstudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}