diff --git a/basic-web/Back2.png b/basic-web/Back2.png
new file mode 100644
index 0000000000000000000000000000000000000000..04fd49b66d8cd6c93c7d7ca2657836c6b3023481
Binary files /dev/null and b/basic-web/Back2.png differ
diff --git a/basic-web/basic.html b/basic-web/basic.html
index c7ba7f38977fd45638729061e0766c8f03666685..6710a982a49a722ee9d78c6fff5d1b4eb6c99abd 100644
--- a/basic-web/basic.html
+++ b/basic-web/basic.html
@@ -2,6 +2,7 @@
<html lang="fr">
<head>
<meta charset="utf-8">
+ <link rel="stylesheet" href="style.css">
<title>Stage 3ème</title>
</head>
<body>
@@ -17,4 +18,3 @@
<div><img src="protocole-http.png"></div>
</body>
</html>
-
diff --git a/basic-web/style.css b/basic-web/style.css
new file mode 100644
index 0000000000000000000000000000000000000000..dbb98f73dba291db25ca57217b4e7e79f8ff6433
--- /dev/null
+++ b/basic-web/style.css
@@ -0,0 +1,28 @@
+body {
+ background-image: url("Back2.png");
+ color: #0f2a36;
+ font-family: 'Open Sans', Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 16px;
+ line-height: 1.25em;
+ padding: 0 20em;
+}
+
+h1 {
+ font-family: 'Adelle W01 Bold', 'Arvo', Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
+ font-size: 71px;
+ font-weight: 500;
+ margin: 0.75em 0;
+}
+
+h2 {
+ color: #dd3b2a;
+ font-family: 'Adelle W01 Bold', 'Arvo', Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
+ font-size: 40px;
+ font-weight: 500;
+ line-height: 1.25em;
+ margin: 0.5em 0;
+}
+
+img {
+ opacity: 0.8;
+}