insuline quand le sucre ne suffit plus

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;
+    
+  }