contact et partenaires

CSS/accueil.css

@@ -1,3 +1,7 @@
+body{
+	background-image:url("../img/background.svg");
+}
+
 main{
 	display: flex;
 	flex-direction: column;
@@ -11,18 +15,6 @@ header{
 	height: 100vh;
 
 }
-#background-video{
-	filter: blur(3px);
-	height: 100vh;
-	width: 100vw;
-	object-fit: cover;
-	position: fixed;
-	left: 0;
-	right: 0;
-	top: 0;
-	z-index: -5;
-}
-
 
 
 

CSS/contact.css

@@ -1,3 +1,7 @@
+body{
+	background-image:url("../img/background.svg");
+}
+
 main{
 	display: flex;
 	flex-direction: column;
@@ -27,3 +31,8 @@ form div {
 	margin: 2%;
 }
 
+input[type=text]:focus{
+	border: 2px solid red;
+	border-radius: 4px;
+}
+

CSS/partenaire.css

@@ -0,0 +1,97 @@
+#txt-list{
+	display: flex;
+	flex-direction: row-reverse;
+	justify-content: space-around;
+	align-items: center;
+}
+
+#ligne-partenaires {
+	backdrop-filter: blur(10px);
+	background-color: rgba(0, 0, 0, 0.2);
+}
+
+
+
+
+#hov-partenaire{
+	position: absolute;
+	color: white;
+	font-size: 1.5rem;
+	backdrop-filter: blur(10px);
+	background-color: rgba(0, 0, 0, 0.8);
+	border-radius: 5px;
+	top: 0;
+	width: 50%;
+	height: 100%;
+	display: none;
+}
+
+#ligne-partenaires li:hover div{
+	transition: all ease 0.4s;
+	display: block;
+}
+
+#ligne-partenaires a{
+	text-decoration: none;
+}
+
+#colonne-partenaires {
+	backdrop-filter: blur(10px);
+	background-color: rgba(0, 0, 0, 0.2);
+}
+
+
+
+#colonne-partenaires li:hover div{
+	display: block;
+}
+
+#colonne-partenaires a{
+	text-decoration: none;
+}
+
+#ligne-colonne{
+	display: flex;
+	flex-direction: column;
+}
+
+#ligne-colonne img{
+	width: 20vw;
+	height: 30vh;
+}
+#ligne-colonne ul{
+	color: black;
+	list-style: none;
+	display: flex;
+}
+
+aside{
+	width: 50vw;
+}
+
+#btn-contact{
+	margin: 1%;
+	padding: 22px 75px;
+	left:50%;
+	border: 2px solid darkred;
+	border-radius: 10px;
+	transition: all ease 0.4s;
+}
+
+#btn-contact p{
+	padding: 0;
+	color: black;
+	text-align: center;
+	font-size: 20px;
+}
+
+#btn-contact:hover{
+	border: 2px solid none;
+	background-color: darkred;
+	
+}
+
+#btn-contact:hover p{
+	color: white;
+}
+

CSS/styles.css

@@ -1,7 +1,5 @@
 body{
 	margin: 0;
-	background-image:url("../img/background.svg");
-
 }
 
 header{
@@ -106,6 +104,7 @@ nav{
 }
 
 #btn_up{
+	z-index: 100;
 	background-color: white;
 	border-radius: 50px;
 	position: fixed;