page propos

CSS/cv.css

@@ -0,0 +1,30 @@
+h1,h2,h3,h4,h5{
+	margin: 0;
+	margin-bottom: 1vh;
+}
+
+
+#cv-1{
+	display: flex;
+	flex-direction: row;
+	align-items: flex-start;
+}
+
+#marge{
+	padding-right: 2%;
+	padding-left: 0.5%;
+
+}
+
+#marge ul li{
+ 	list-style: none;
+ 	margin-bottom: 2%;
+}
+
+section div{
+	margin-bottom: 2%;
+}
+
+.couleur-cv{
+	color: royalblue;
+}

CSS/print.css

@@ -4,4 +4,8 @@ nav,footer{
 
 #btn-print{
 	display: none;
+}
+
+#information-sup{
+	display: none;
 }

CSS/propos.css

@@ -1,40 +1,21 @@
-h1,h2,h3,h4,h5{
-	margin: 0;
-	margin-bottom: 1vh;
+h2{
+	margin-bottom: 5vh;
+}
+#liste-equipe ul{
+	display: flex;
+	align-items: center;
+	justify-content: space-evenly;
+}
+
+#description{
+	text-align: justify;
+	width: 50%;
+	margin-left: 25vw;
+	margin-bottom: 5vh;
 }
 
 
-.cv{
-	display: inline-block;
-    border: 1px solid red;
-  	padding: 1rem 1rem;
-  	vertical-align: middle;
-}
-
-
-
-main{
-	border: 1px solid black;
-  	margin: 1rem;
- 	padding: 2rem 2rem;
-  	text-align: center;
-}
-
-#marge{
-	padding-right: 2%;
-	padding-left: 2%;
-
-}
-
-#marge ul li{
- 	list-style: none;
- 	margin-bottom: 2%;
-}
-
-section div{
-	margin-bottom: 2%;
-}
-
-.couleur-cv{
-	color: royalblue;
+#recrute{
+	color: white;
+	background-color: darkred;
 }

CSS/styles.css

@@ -240,16 +240,16 @@ footer #autres a:hover{
 }
 
 #menu-mobile{
-	background-color: blue;
-	z-index: 10;
+	background-color: darkred;
+	z-index: 100;
 	height: 10vh;
-	width: 10vw;
+	width: 30vw;
 	display: none;
 }
 
 @media only screen and (max-width: 800px){
 
-	*{
+	main{
 		overflow-x: hidden;
 	}
 	footer a,footer p {
@@ -268,4 +268,28 @@ footer #autres a:hover{
 		position: fixed;
 		display: block;
 	}
+	#menu-mobile ul{
+		display: none;
+		margin-bottom: 2vh;
+	}
+
+	#menu-mobile button {
+		display: none;
+		height: 5vh;
+		width: 20vw;
+	}
+
+	#menu-mobile:hover{
+		width: 30vw;
+		height: 75vh;
+	}
+
+	#menu-mobile:hover  ul{
+		display: flex;
+		flex-direction: column;
+		justify-content: space-evenly;
+	}
+	#menu-mobile:hover  button{
+		display: block;
+	}
 }