first commit

temp lecteur/css/style.css

@@ -0,0 +1,105 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
+
+body{
+	font-family: 'Poppins', sans-serif;
+	background-color: #141414;
+	padding: 0;
+	margin: 0;
+	color: #fff;
+}
+
+body .page{
+	margin: 20px 80px;
+}
+/*	Barre de navigation	*/
+nav{
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-evenly;
+	position: sticky;
+	top: 0;
+	background-color: #141414;
+	padding: 10px 0px;
+}
+
+nav .onglets{
+	display: flex;
+	flex-wrap: wrap;
+	margin-top: 5px;
+}
+nav .onglets a{
+	margin-right: 20px;
+	cursor: pointer;
+	text-decoration: none;
+	color: #fff;
+}
+/*	Fin de la barre de navigation	*/
+
+/*	Partie Header	*/
+
+header.index{
+	margin-top: 40px;
+	background-image: url('https://f76ef52da2.cbaul-cdnwnd.com/abcfd76b68248654d81cbe7f153fe0e0/200000002-3d79f3d7a1/Lecteur%20media.PNG?ph=f76ef52da2');
+	background-repeat: no-repeat;
+	background-position: center;
+}
+
+header h1{
+	text-align: center;
+	font-size: 60px;
+	padding: 150px;
+}
+
+/*	Fin de la partie header	*/
+/*	Pied de page	*/
+footer{
+	background-color: #1a1a1a;
+	padding: 25px 100px;
+	color: #828282;
+
+}
+
+footer .colonnes{
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-between;
+}
+/*	Fin du pied de page	*/
+
+@media screen and (max-width: 640px){
+	body .page{
+		margin: 10px;
+	}
+	nav.onglets{
+		display: none;
+	}
+	header.index{
+		margin-top: 20px;
+		background-size: 250px 250px;
+	}
+	header h1{
+			font-size: 30px;
+			padding: 100px;
+	}
+}
+
+/* A propos */
+
+/* Image Flawzie_ */
+
+.ronde{
+	border-radius: 50%;
+}
+
+header .Apropos{
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-betwee;
+}
+
+header .Apropos p{
+	text-indent: 20px;
+}
+
+
+/* Fin A propos */

temp lecteur/css/styleapropos.css

@@ -0,0 +1,19 @@
+.downlaod a{
+	color: white;
+	background: black;
+	height: 60px;
+	width: 200px;
+	text-decoration: none;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin-left: 900px;
+	margin-top: 100px;
+	border: 1px solid #892cdc;
+
+}
+
+a .maillecteur{
+	text-decoration: none;
+	color: #fff;
+}