first commit

2020-12-08 13:46:53 +01:00
commit 44cd135606
43 changed files with 4655 additions and 0 deletions
@@ -0,0 +1,122 @@
+/* Définition des polices personnalisées */
+
+@font-face
+{
+    font-family: 'Karla';
+    src: url('polices/karla_fr.allfont.net.eot');
+    src: url('polices/karla_fr.allfont.net.eot') format('embedded-opentype'),
+         url('polices/karla_fr.allfont.net.woff') format('woff'),
+         url('polices/karla_[fr.allfont.net].ttf') format('truetype'),
+         url('polices/karla_fr.allfont.net.svg') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face
+{
+    font-family: 'Karla Bold';
+    src: url('polices/karla-bold_fr.allfont.net.eot');
+    src: url('polices/karla-bold_fr.allfont.net.eot') format('embedded-opentype'),
+         url('polices/karla-bold_fr.allfont.net.woff') format('woff'),
+         url('polices/karla-bold_[fr.allfont.net].ttf') format('truetype'),
+         url('polices/karla-bold_fr.allfont.net.svg') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+/* Header */
+
+
+.bandeau {
+  width: auto;
+  height: 150px;
+  background-color: #efdfe2ff;
+  font-family: "karla", sans-serif;
+  font-size: 3rem;
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+  /* padding: 50px; */
+}
+
+.bandeau p {
+  color: red;
+}
+
+.bandeau img {
+  width: auto;
+  height: 70px;
+  padding-right: 50px;
+  padding-bottom: 20px;
+ }
+
+.bandeau .reseaux {
+  margin-left: 100px;
+}
+
+ .bandeau a {
+   text-decoration: none;
+   color: black;
+ }
+
+
+
+ /*
+ .bandeau a .reseau {
+   width: auto;
+
+   height: 100px;
+   text-decoration: none;
+   color: black;
+ } */
+
+
+ .logo_seize {
+   width: 25%;
+   height: auto;
+   display: block;
+   margin: auto;
+   margin-top: 100px;
+   margin-bottom: 200px;
+   /* position: absolute;
+   left: 10%; */
+
+ }
+
+  ul {
+    display: flex;
+    flex-direction: row;
+    align-items: flex-end;
+    justify-content: space-around;
+    font-family: "karla", sans-serif;
+    font-size: 4rem;
+    text-transform: uppercase;
+    width: 60%;
+    margin: auto;
+    list-style: none;
+    /* list-style: symbols(square); */
+  }
+
+ /* li {
+   padding-left: 50px;
+ } */
+
+  li::after {
+    content:"\25AA";
+    color: #d3ad30;
+    transform: rotate(45deg) translate(-50%);
+    position: absolute;
+    padding-left: 3%;
+
+  }
+
+  nav a  {
+    text-decoration: none;
+    color: black;
+  }
+
+ nav a:hover {
+   color: #d3ad30;
+   text-decoration: underline;
+   transition: all 0.2s ease-in-out;
+ }