adding x

Assets/Pages/Produits/nao.html

@@ -25,6 +25,7 @@
     <div id="dark_popup">
         
         <div id="popup">
+            <a href="#"><h1>X</h1></a>
             <h1>L'article Nao a bien été ajouté à votre panier !</h1>
             <a href="../Autres/checkout.html"><h2>Voir mon panier</h2></a>
             <a href="../../../index.html"><h2>Continuer mes achats</h2></a>

Assets/Pages/Produits/pepper.html

@@ -22,6 +22,14 @@
         <input type="text" placeholder="Rechercher sur tout le site...">
     </nav>
 
+    <div id="dark_popup">
+        <div id="popup">
+            <a href="#"><h1>X</h1></a>
+            <h1>L'article Pepper a bien été ajouté à votre panier !</h1>
+            <a href="../Autres/checkout.html"><h2>Voir mon panier</h2></a>
+            <a href="../../../index.html"><h2>Continuer mes achats</h2></a>
+        </div>
+
         <div class="title">
             <h1>Résumé</h1>
         </div>
@@ -30,7 +38,7 @@
             <div id="Produit">
                 <img src="../../Images/Produits/pepper.png" alt>
                 <h1>ROBOT PEPPER</h1>
-            <button onclick="window.location.href='../Autres/checkout.html'">Ajouter au panier</button>
+                <button onclick="window.location.href='#dark_popup'">Ajouter au panier</button>
                 <h2>15 000€</h2>
                 <h3>Pepper est un robot humanoïde, développé par la société SoftBank Robotics (anciennement Aldebaran), capable de reconnaître certaines émotions</h3>
             </div>
@@ -90,6 +98,7 @@
                 <input type="submit" value="Envoyer">
             </form>
         </div>
+    </div>
     
     <footer>
         <div id="acces">

Assets/Pages/Produits/r2d2.html

@@ -22,6 +22,15 @@
         <input type="text" placeholder="Rechercher sur tout le site...">
     </nav>
 
+    <div id="dark_popup">
+
+        <div id="popup">
+            <a href="#"><h1>X</h1></a>
+            <h1>L'article R2D2 a bien été ajouté à votre panier !</h1>
+            <a href="../Autres/checkout.html"><h2>Voir mon panier</h2></a>
+            <a href="../../../index.html"><h2>Continuer mes achats</h2></a>
+        </div>
+
         <div class="title">
             <h1>Résumé</h1>
         </div>
@@ -30,7 +39,7 @@
             <div id="Produit">
                 <img src="../../Images/Produits/r2d2.png" alt>
                 <h1>ROBOT R2D2</h1>
-            <button onclick="window.location.href='../Autres/checkout.html'">Ajouter au panier</button>
+                <button onclick="window.location.href='#dark_popup'">Ajouter au panier</button>
                 <h2>5 000€</h2>
                 <h3>R2D2 est un petit robot de compagnie capable de vous servir d'assistant intergalactique au quotidien</h3>
             </div>
@@ -84,7 +93,7 @@
                 <input type="submit" value="Envoyer">
             </form>
         </div>
-    
+    </div>
     <footer>
         <div id="acces">
             <table>

Assets/Pages/Produits/terminator.html

@@ -22,6 +22,15 @@
         <input type="text" placeholder="Rechercher sur tout le site...">
     </nav>
 
+    <div id="dark_popup">
+
+        <div id="popup">
+            <a href="#"><h1>X</h1></a>
+            <h1>L'article Terminator a été ajouté à votre panier !</h1>
+            <a href="../Autres/checkout.html"><h2>Voir mon armée</h2></a>
+            <a href="../../../index.html"><h2>Continuer la domination du monde</h2></a>
+        </div>
+
         <div class="title">
             <h1>Résumé</h1>
         </div>
@@ -30,7 +39,7 @@
             <div id="Produit">
                 <img src="../../Images/Produits/terminator.png" alt>
                 <h1>ROBOT TERMINATOR</h1>
-            <button onclick="window.location.href='../Autres/checkout.html'">Ajouter au panier</button>
+                <button onclick="window.location.href='#dark_popup'">Ajouter au panier</button>
                 <h2>50 000€</h2>
                 <h3>Le robot terminator est idéal si vous envisagez de conquérir la planète !</h3>
             </div>
@@ -84,6 +93,7 @@
                 <input type="submit" value="Envoyer">
             </form>
         </div>
+    </div>
 
     <footer>
         <div id="acces">

Assets/css/css.css

@@ -725,7 +725,7 @@ input[type=submit]:hover{
     display:none;
     position: fixed;
     background-color : #ddd;
-    top: 50%;
+    top: 30%;
     padding: 1vw;
     border-radius: 1vw;
     left: 15%;
@@ -758,4 +758,13 @@ input[type=submit]:hover{
     font-size: 2.5vw;
     transition-duration: 0.5s;
 }
+
+#popup a[href="#"]{
+    float: right;
+}
+
+#popup a[href="#"] h1{
+    
+    margin-top: 0;
+}
 /*===============================================*/