final form

pages/assets/css/base.css

@@ -4,7 +4,8 @@ :root{
     --color-border-grey: #e0dede;
 }
 body{
-    font-family: 'Noto Serif', serif!important;
+    margin: 0;
+    font-family: "Proxima Nova Regular"!important;
 }
 
 /* Scrollbar */
@@ -37,6 +38,18 @@ .mainColor-bg{
 .text-orange{
     color: var(--mainColor) !important;
 }
+.container{
+    width: 100%;
+    max-width: 1600px!important;
+    margin: 0 auto;
+}
+.navbar .container{
+    justify-content: start!important;
+}
+
+.text-black{
+    color: black!important;
+}
 
 /* Bouton orange */
 .btn-orange {

pages/assets/css/styles.css

 @import 'base.css';
+
+/* Navbar */
+.navbar{
+
+}
+.navbar .connexionNav{
+    background-color: black;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    text-transform: uppercase;
+}
\ No newline at end of file

pages/assets/fonts/fonts.css

@@ -140,3 +140,65 @@ @font-face {
 font-weight: normal;
 src: local('Inter Black Italic'), url('Inter-BlackItalic.woff') format('woff');
 }
+
+@font-face {
+    font-family: "Zaptron-Regular";
+    src: url('zaptron.woff2') format('woff2'), url('zaptron.woff') format('woff');
+}
+@font-face {font-family: "DIN Next LT W04 Medium Cond";
+    src: url("DinNextLtW04MediumCond.eot"); /* IE9*/
+    src: url("DinNextLtW04MediumCond.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
+    url("DinNextLtW04MediumCond.woff2") format("woff2"), /* chrome、firefox */
+    url("DinNextLtW04MediumCond.woff") format("woff"), /* chrome、firefox */
+    url("DinNextLtW04MediumCond.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
+    url("DinNextLtW04MediumCond.svg#DIN Next LT W04 Medium Cond") format("svg"); /* iOS 4.1- */
+}
+@font-face {font-family: "DIN Next LT W04 Regular Cond";
+    src: url("DinNextLtW04MediumCond.eot"); /* IE9*/
+    src: url("DinNextLtW04MediumCond.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
+    url("DinNextLtW04MediumCond.woff2") format("woff2"), /* chrome、firefox */
+    url("DinNextLtW04MediumCond.woff") format("woff"), /* chrome、firefox */
+    url("DinNextLtW04MediumCond.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
+    url("DinNextLtW04MediumCond.svg#DIN Next LT W04 Regular Cond") format("svg"); /* iOS 4.1- */
+}
+@font-face {font-family: "Raleway Regular";
+    src: url("RalewayRegular.eot"); /* IE9*/
+    src: url("RalewayRegular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
+    url("RalewayRegular.woff2") format("woff2"), /* chrome、firefox */
+    url("RalewayRegular.woff") format("woff"), /* chrome、firefox */
+    url("RalewayRegular.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
+    url("RalewayRegular.svg#Raleway Regular") format("svg"); /* iOS 4.1- */
+}
+@font-face {font-family: "Proxima Nova Regular";
+    src: url("proxima-nova-regular.eot"); /* IE9*/
+    src: url("proxima-nova-regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
+    url("proxima-nova-regular.woff2") format("woff2"), /* chrome、firefox */
+    url("proxima-nova-regular.woff") format("woff"), /* chrome、firefox */
+    url("proxima-nova-regular.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
+    url("proxima-nova-regular.svg#Proxima Nova Regular") format("svg"); /* iOS 4.1- */
+}
+@font-face {font-family: "Proxima Nova Bold";
+    src: url("proxima-nova-bold.eot"); /* IE9*/
+    src: url("proxima-nova-bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
+    url("proxima-nova-bold.woff2") format("woff2"), /* chrome、firefox */
+    url("proxima-nova-bold.woff") format("woff"), /* chrome、firefox */
+    url("proxima-nova-bold.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
+    url("proxima-nova-bold.svg#Proxima Nova Bold") format("svg"); /* iOS 4.1- */
+  }
+
+@font-face {font-family: "Proxima Nova Condensed Black";
+    src: url("proxima-nova-condesed-black.eot"); /* IE9*/
+    src: url("proxima-nova-condesed-black.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
+    url("proxima-nova-condesed-black.woff2") format("woff2"), /* chrome、firefox */
+    url("proxima-nova-condesed-black.woff") format("woff"), /* chrome、firefox */
+    url("proxima-nova-condesed-black.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
+    url("proxima-nova-condesed-black.svg#Proxima Nova Condensed Black") format("svg"); /* iOS 4.1- */
+}
+@font-face {font-family: "Proxima Nova Condensed";
+    src: url("proxima-nova-condesed.eot"); /* IE9*/
+    src: url("proxima-nova-condesed.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
+    url("proxima-nova-condesed.woff2") format("woff2"), /* chrome、firefox */
+    url("proxima-nova-condesed.woff") format("woff"), /* chrome、firefox */
+    url("proxima-nova-condesed.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
+    url("proxima-nova-condesed.svg#Proxima Nova Condensed") format("svg"); /* iOS 4.1- */
+}
\ No newline at end of file