1 files changed, 96 insertions, 0 deletions
diff --git a/design/confirmation.css b/design/confirmation.css
new file mode 100755
index 0000000..d7e1f97
--- /dev/null
+++ b/design/confirmation.css
@@ -0,0 +1,96 @@
+#boutons
+{
+  float: right;
+  margin: 2px 2px 2px 2px;
+}
+#bouton
+{
+   position: relative;
+   width: 20px; height: 16px;
+   background-color: #819fbc;
+   border: 1px solid #4a6a8b;
+  -moz-border-radius: 2px;
+}
+#bouton:hover
+{
+ -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
+ -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
+  box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
+}
+#reduire
+{
+   position: relative;
+   margin: 1px 0px 0px 1px;
+   width: 18px; height: 14px;
+   background-color: #5a81a8;
+}
+#reduire div
+{
+   position: absolute;
+   margin: 9px 0px 0px 2px; 
+   width: 14px; height: 2px; 
+   background-color: #dfe5ed;
+  -moz-border-radius: 1px;
+}
+#close
+{
+   position: relative;
+   margin: 1px 0px 0px 1px;
+   width: 18px; height: 14px;
+   background-color: #5a81a8;
+}
+#close div
+{
+   border: 1px solid #486480;
+  -moz-border-radius: 1px;
+  -webkit-border-radius: 1px;
+   background-color: #dfe5ed;
+   position: absolute;
+   margin: 5px 0px 0px 1px; 
+   width: 14px; height: 2px; 
+}
+#close div:first-child
+{
+  -webkit-transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+   transform: rotate(45deg);
+}
+#close div:last-child
+{
+  -webkit-transform: rotate(-45deg);
+  -moz-transform: rotate(-45deg);
+   transform: rotate(-45deg);
+}
+#confirmation
+{
+   margin: auto;
+   width: 600px; height: 250px; 
+   background-color: #517aa3;
+   border: 1px solid #8ba7c2;
+  -moz-border-radius: 10px;
+}
+#confirmation_mes
+{
+   width: 594px; height: 222px; 
+   border: 1px solid #395572;
+   background-color: #e7e7e7;
+   margin: 23px 0px 0px 2px;
+  -moz-border-radius: 10px;
+}
+/*
+  <div id="confirmation">
+     <div id="boutons">
+        <div id="bouton">
+            <div id="close"><div></div><div></div></div>
+        </div>
+     </div>
+     <div id="boutons">
+        <div id="bouton">
+            <div id="reduire"><div></div></div>
+        </div>
+     </div>
+     <div id="confirmation_mes"><br/>
+     Voulez confirmez l'envoye de ce commentaire ? 
+     </div>
+  </div>
+*/