diff --git a/assets/icons/calendar.svg b/assets/icons/calendar.svg
index a70b032..434ed43 100644
--- a/assets/icons/calendar.svg
+++ b/assets/icons/calendar.svg
@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44 44" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="13 13 17 17">
   <path fill-rule="evenodd" clip-rule="evenodd" d="M26.979 14.328h1.029c1.098 0 1.992.894 1.992 1.992v13.016a.664.664 0 0 1-.664.664H13.664a.664.664 0 0 1-.664-.664V16.32c0-1.098.894-1.992 1.992-1.992h1.03v-.664a.664.664 0 1 1 1.328 0v.664h3.486v-.664a.664.664 0 1 1 1.328 0v.664h3.486v-.664a.664.664 0 1 1 1.329 0v.664Zm-10.957 1.328h-1.03a.665.665 0 0 0-.664.664v1.992h14.344V16.32a.665.665 0 0 0-.664-.664h-1.03v.664a.664.664 0 1 1-1.328 0v-.664h-3.486v.664a.664.664 0 1 1-1.328 0v-.664H17.35v.664a.664.664 0 1 1-1.329 0v-.664Zm-1.694 3.985v9.03h14.344v-9.03H14.328Zm2.524 3.851h1.328a.664.664 0 1 1 0 1.328h-1.328a.664.664 0 1 1 0-1.328Zm1.328 2.656h-1.328a.664.664 0 1 0 0 1.329h1.328a.664.664 0 1 0 0-1.329Zm1.992.665c0-.367.297-.665.664-.665h1.328a.664.664 0 1 1 0 1.329h-1.328a.664.664 0 0 1-.664-.665Zm1.992-3.32h-1.328a.664.664 0 1 0 0 1.327h1.328a.664.664 0 1 0 0-1.328Zm-1.328-2.657h1.328a.664.664 0 1 1 0 1.328h-1.328a.664.664 0 1 1 0-1.328Zm5.312 0H24.82a.664.664 0 1 0 0 1.328h1.328a.664.664 0 1 0 0-1.328Zm-1.328 2.656h1.328a.664.664 0 1 1 0 1.328H24.82a.664.664 0 1 1 0-1.328Z" fill="currentColor"/>
 </svg>
diff --git a/assets/icons/delete.svg b/assets/icons/delete.svg
index bb3ac7b..e890e03 100644
--- a/assets/icons/delete.svg
+++ b/assets/icons/delete.svg
@@ -1 +1,3 @@
-<svg id="e5MfWVGSvoK1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 44 44" shape-rendering="geometricPrecision" text-rendering="geometricPrecision"><path d="M27.111,9.281h6.814c.502,0,.909.407.909.909v1.817c-.000552.501636-.407363.908-.909.908h-23.62c-.501637,0-.908448-.406364-.909-.908v-1.817c0-.502.407-.909.909-.909h6.813l.534-1.061c.226587-.464079.698562-.757753,1.215-.756h6.49c.517,0,.99.293,1.22.756l.534,1.061ZM13.938,36.536c-.722888,0-1.416154-.287235-1.92722-.798488s-.798045-1.204624-.79778-1.927512v-19.078h21.803v19.078c.000265.722888-.286715,1.41626-.79778,1.927512s-1.204332.798488-1.92722.798488h-16.353Zm13.627-18.17c-.501636.000552-.908.407363-.908.909v12.718c.01626.490022.418208.878855.9085.878855s.89224-.388833.9085-.878855v-12.718c0-.502027-.406973-.909-.909-.909Zm-5.45,0c-.502027,0-.909.406973-.909.909v12.718c.01626.490022.418208.878855.9085.878855s.89224-.388833.9085-.878855v-12.718c0-.501637-.406364-.908448-.908-.909Zm-5.451,0c-.502027,0-.909.406973-.909.909v12.718c.01626.490022.418208.878855.9085.878855s.89224-.388833.9085-.878855v-12.718c0-.501637-.406364-.908448-.908-.909Z" transform="matrix(1.513484 0 0 1.513484-11.355698-11.296647)" clip-rule="evenodd" fill-rule="evenodd"/></svg>
+<svg id="e5MfWVGSvoK1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44 44" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
+  <path d="M27.111 9.281h6.814c.502 0 .909.407.909.909v1.817a.909.909 0 0 1-.909.908h-23.62a.909.909 0 0 1-.909-.908V10.19c0-.502.407-.909.909-.909h6.813l.534-1.061a1.347 1.347 0 0 1 1.215-.756h6.49c.517 0 .99.293 1.22.756l.534 1.061ZM13.938 36.536a2.725 2.725 0 0 1-2.725-2.726V14.732h21.803V33.81a2.725 2.725 0 0 1-2.725 2.726H13.938Zm13.627-18.17a.909.909 0 0 0-.908.909v12.718a.909.909 0 0 0 1.817 0V19.275a.909.909 0 0 0-.909-.909Zm-5.45 0a.909.909 0 0 0-.909.909v12.718a.909.909 0 0 0 1.817 0V19.275a.909.909 0 0 0-.908-.909Zm-5.451 0a.909.909 0 0 0-.909.909v12.718a.909.909 0 0 0 1.817 0V19.275a.909.909 0 0 0-.908-.909Z" transform="matrix(1.51348 0 0 1.51348 -11.356 -11.297)" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor"/>
+</svg>
diff --git a/components/Organisms/Card/Payment/Payment.stories.js b/components/Organisms/Card/Payment/Payment.stories.js
new file mode 100644
index 0000000..d97ec83
--- /dev/null
+++ b/components/Organisms/Card/Payment/Payment.stories.js
@@ -0,0 +1,17 @@
+import PaymentCard from './PaymentCard.twig';
+
+export default {
+  title: 'Design System/Organisms/Card/PaymentCard'
+};
+
+export const Base = {
+  render: (args) => `<div class='w-[340px]''>${PaymentCard(args)}</div>`,
+  args: {
+    title: 'Prénom NOM',
+    number: '**** **** **** 0000',
+    expired: false,
+    cardType: 'VISA',
+    date: '05/25',
+    withoutButton: false
+  }
+};
diff --git a/components/Organisms/Card/Payment/PaymentCard.twig b/components/Organisms/Card/Payment/PaymentCard.twig
new file mode 100644
index 0000000..0f3d931
--- /dev/null
+++ b/components/Organisms/Card/Payment/PaymentCard.twig
@@ -0,0 +1,23 @@
+<div class='PaymentCard'>
+  <div class='PaymentCard-icon'><span>{{ source("/icons/calendar.svg") }}</span></div>
+  <div class='PaymentCard-title'>{{ title }}</div>
+ <div class='{% if not expired %}flex flex-cols items-end justify-between {% endif %}'>
+   <div class='PaymentCard-content'>
+     <div class='font-semibold'>{{ cardType }}</div>
+     <div>N° {{ number }}</div>
+     {% if expired %}
+       <div class='font-bold text-error-dark'>Expirée</div>
+     {% else %}
+       <div>Expire le {{ date }}</div>
+     {% endif %}
+   </div>
+   {% if not withoutButton %}
+     <div class='{% if expired %}mt-2 flex gap-2{% endif %}'>
+       {% include '../../../Molecules/Button/Button.twig' with {classes: 'Button--small',text:'Supprimer', icon_left: 'delete'} %}
+       {% if expired %}
+         {% include '../../../Molecules/Button/Button.twig' with {classes: 'Button--small', variant:'secondary', text:'Mettre à jour'} %}
+       {% endif %}
+     </div>
+   {% endif %}
+ </div>
+</div>
diff --git a/components/Organisms/Card/Payment/payment.css b/components/Organisms/Card/Payment/payment.css
new file mode 100644
index 0000000..eeca7a5
--- /dev/null
+++ b/components/Organisms/Card/Payment/payment.css
@@ -0,0 +1,27 @@
+.PaymentCard {
+  position: relative;
+  border-radius: rem-convert(8px);
+  border: 1px solid var(--theme-medium);
+  background: var(--theme-lightest);
+  padding: rem-convert(24px);
+  &-icon {
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding: rem-convert(20px);
+    span {
+      display: block;
+      width: rem-convert(38px);
+      height: rem-convert(38px);
+      color: var(--theme-light);
+    }
+  }
+  &-title {
+    @apply paragraph-2;
+    font-weight: 600;
+    color: var(--black);
+  }
+  &-content {
+    @apply paragraph-4;
+  }
+}