ajout des nouveaux dépliant et ajout de l'encadrement premium

components/Common/Table/Comparatif.vue

@@ -1,5 +1,6 @@
 <template>
   <LayoutContainer>
+    <div class="premium-container">
     <v-row class="center-90">
       <table v-if="mdAndUp">
         <thead>
@@ -183,6 +184,7 @@
         <span>* Payable annuellement</span>
       </div>
     </v-row>
+    </div>
   </LayoutContainer>
 </template>
 
@@ -359,4 +361,51 @@ td:first-child {
   justify-content: flex-end;
   font-style: italic;
 }
+
+table tr th:nth-child(3),
+table tr td:nth-child(3) {
+  border-left: 2px solid black;
+  border-right: 2px solid black;
+  width: 15rem;
+  border-radius: 50px;
+  padding: 1rem;
+  position: relative;
+}
+table tr:nth-child(1) th:nth-child(3) {
+  border-bottom: none !important;
+}
+
+.premium-column {
+  position: relative;
+  z-index: 10;
+  border-radius: 0 15px 15px 0; 
+}
+
+.premium-column p,
+.premium-column .month,
+.premium-column .price {
+  border: none !important; 
+}
+
+thead th:nth-child(3) {
+  border-top: 2px solid black; 
+}
+
+
+tbody tr:last-child td:nth-child(3) {
+  border-bottom: 2px solid black;
+  border-radius: 0 0 15px 0; 
+}
+
+.premium-column p,
+.premium-column .month,
+.premium-column .price,
+.premium-column .ttc
+
+{
+  margin: 0;
+  padding: 0;
+}
+
+
 </style>