diff --git a/config.php b/config.php
new file mode 100644
index 0000000..e3252eb
--- /dev/null
+++ b/config.php
@@ -0,0 +1,14 @@
+ PDO::ERRMODE_EXCEPTION]);
+ }
+ catch (Exception $e)
+ {
+ die('Erreur : ' . $e->getMessage()); // Si la connexion échoue, on affiche un message d'erreur
+ }
+?>
\ No newline at end of file
diff --git a/css/header.css b/css/header.css
new file mode 100644
index 0000000..2b0f152
--- /dev/null
+++ b/css/header.css
@@ -0,0 +1,105 @@
+header{
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ grid-auto-rows: minmax(auto, 10);
+ width:100%;
+ text-align: center;
+ font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
+ background-color: lightsalmon;
+ }
+ .Titre {
+ grid-column-start:2;
+ grid-row-start:1;
+ width:80%;
+ margin:auto;
+ margin-top:2%;
+ z-index:2;
+ }
+ .rotate{
+ position: absolute;
+ margin-left: auto;
+ margin-right: auto;
+ left: 0;
+ right: 0;
+ width:70%;
+ margin-top: -30%;
+ z-index:1;
+ animation: rotation 50s infinite linear;
+ }
+ @keyframes rotation {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(359deg);
+ }
+ }
+ .rotate2{
+ position: absolute;
+ margin-left: auto;
+ margin-right: auto;
+ left: 0;
+ right: 0;
+ width:40%;
+ margin : auto;
+ margin-top: -15%;
+ z-index:1;
+ animation: rotation2 10s infinite linear;
+ }
+ @keyframes rotation2 {
+ from {
+ transform: rotate(359deg);
+ }
+ to {
+ transform: rotate(0deg);
+ }
+ }
+
+ .intro{
+ grid-column-start: 2;
+ grid-row-start : 2;
+ }
+
+
+ nav{
+ grid-column-start: 1;
+ grid-column-end: 4;
+ z-index:6;
+ }
+ .navbar ul {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+ background-color: #333;
+ }
+ .navbar li {
+ float: left;
+ margin-left: 2.7%;
+ }
+ .navbar li #tab{
+ display: block;
+ color: white;
+ text-align: center;
+ padding: 14px 16px;
+ text-decoration: none;
+ }
+ .navbar li a:hover {
+ background-color: #111;
+ }
+ .login, .panier{
+ margin-left: -15px;
+ background-color: pink;
+ }
+ .navbar li #login, #panier{
+ padding-top: 16px;
+ }
+
+ .active {
+ background-color: darkred;
+ }
+ .active_icon {
+ background-color: darkred;
+ margin-left: -15px;
+
+ }
\ No newline at end of file
diff --git a/img/roue.png b/img/roue.png
new file mode 100644
index 0000000..4706543
Binary files /dev/null and b/img/roue.png differ
diff --git a/img/sodaramel.png b/img/sodaramel.png
new file mode 100644
index 0000000..b290421
Binary files /dev/null and b/img/sodaramel.png differ
diff --git a/index.php b/index.php
new file mode 100644
index 0000000..24fcf87
--- /dev/null
+++ b/index.php
@@ -0,0 +1,24 @@
+
+
+
+
+ menu
+
+
+
+
+
+
+ 
+ 
+