TP1 et TP2 terminés

css/button.css

@@ -0,0 +1,13 @@
+#container {
+
+}
+#Button {
+    background-color: #F67280;
+    border: none;
+    color: #DDD;
+    padding: 0px 16px;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    font-size: 16px;
+}

css/canvas.css

@@ -0,0 +1,31 @@
+#container {
+    position: relative;
+    height: 100%;
+    overflow-x: scroll;
+}
+
+#content {
+    position: absolute;
+}
+
+canvas {
+    position: absolute;
+}
+
+#canvastp1 {
+    margin-left: auto;
+    margin-right: auto;
+    left: 0;
+    right: 0;
+    border: 1px solid #6C5B7B;
+}
+
+#loupe {
+    position: absolute;
+    display: none;
+    border-radius: 40px;
+}
+
+#ardeche {
+    display: none;
+}

css/square.css

@@ -2,10 +2,19 @@ body {
     overflow: hidden;
 }
 
-#carre {
+#container {
+}
+
+.carre {
     border: solid 50px #f67280;
     width: 0px;
     height: 0px;
     margin-top: 100px;
     margin-left: 0px;
+    position: absolute;
+}
+
+#carre2 {
+    display: none;
+    float: left;
 }

css/style.css

@@ -101,6 +101,10 @@ h2 {
     max-width: 650px;
 }
 
+a {
+    color: #F8B195;
+}
+
 li a {
     display: block;
     padding: 14px 16px;
@@ -124,6 +128,20 @@ li a:hover,
     background-color: #f67280;
 }
 
+table {
+    border-collapse: collapse;
+}
+
+td, th {
+    border: 1px solid #f8b195;
+    text-align: left;
+    padding: 8px;
+}
+
+tr:nth-child(odd) {
+    background-color: #254c6d;
+}
+
 /*****************************************************************************/
 /*                                 scrollbar                                 */
 /*****************************************************************************/