From 7f0e9ae4fd6e3673c3d9a50116477079eb7a4d9a Mon Sep 17 00:00:00 2001
From: Guillaume Joffre <guillaume.joffre12@gmail.com>
Date: Mon, 11 Apr 2022 21:46:25 +0200
Subject: [PATCH] + responsive

---
 assets/css/page/index.css |  5 +++--
 assets/css/page/info.css  | 13 ++++++++-----
 assets/css/queries.css    |  4 ++++
 assets/css/template.css   |  6 ++++--
 structure/footer.php      |  2 +-
 5 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/assets/css/page/index.css b/assets/css/page/index.css
index 2f8c838..8922a71 100644
--- a/assets/css/page/index.css
+++ b/assets/css/page/index.css
@@ -1,10 +1,11 @@
 #msg_acc {
 	display: block;
 	background-color: rgba(255,255,255,0.3);
-	width: 60%;
+	width: 80%;
+	max-width: 800px;
 	margin-left: auto;
 	margin-right: auto;
 	padding: 50px;
-	font-size: 23px;
+	font-size: 1.2rem;
 	margin-top: 40px;
 }
\ No newline at end of file
diff --git a/assets/css/page/info.css b/assets/css/page/info.css
index 24c2d2c..598b81d 100644
--- a/assets/css/page/info.css
+++ b/assets/css/page/info.css
@@ -1,24 +1,27 @@
 main {
 	color: white;
-	font-size: 30px;
+	font-size: 1.4rem;
 }
 
 section {
 	display: block;
 	width: 80%;
 	padding: 0;
-	margin: auto;
-	margin-top: 20px;
+	margin: 20px auto auto;
 	align-items: center;
 	border: 5px solid white;
 }
 
+section p {
+	padding: 0 12px;
+}
+
 section h1 {
 	width: 100%;
 	background-color: white;
 	color: black;
-	margin: 0px;
-	padding: 10px 0px 10px 0px;
+	margin: 0;
+	padding: 10px 0 10px 0;
 
 }
 
diff --git a/assets/css/queries.css b/assets/css/queries.css
index 929b698..87bd307 100644
--- a/assets/css/queries.css
+++ b/assets/css/queries.css
@@ -9,6 +9,10 @@
         width: 95%;
     }
 
+    #msg_acc, footer {
+        padding: 50px 5vw;
+    }
+
     #boxjaune {
         margin: 40px auto 0 auto;
         width: 95%;
diff --git a/assets/css/template.css b/assets/css/template.css
index a943eac..c724ae1 100644
--- a/assets/css/template.css
+++ b/assets/css/template.css
@@ -91,12 +91,13 @@ a.linkmail:hover {
 footer {
 	display: block;
 	background-color: rgba(255,255,255,0.3);
-	width: 60%;
+	width: 80%;
+	max-width: 800px;
 	margin-top: 30px;
 	margin-left: auto;
 	margin-right: auto;
 	padding: 50px;
-	font-size: 20px;
+	font-size: 1rem;
 	color: black;
 }
 
@@ -117,6 +118,7 @@ h1, h2, h3, h4, h5, h6 {
 
 section {
 	overflow: hidden;
+	max-width: 1000px;
 }
 
 #main_content {
diff --git a/structure/footer.php b/structure/footer.php
index 7257863..824aa72 100644
--- a/structure/footer.php
+++ b/structure/footer.php
@@ -6,6 +6,6 @@ Ce site utilise <a href="https://matomo.org/" class="link">Matomo</a> pour analy
 
 Contacter <a href="info.php#prez" class="link">Maxence</a>, le responsable de la semaine, pour plus d'informations.<br>
 
-Site maintenu par <a href="info.php#dev" class="link">Rébillard Baptiste et Guillaume Geoffre</a>.<br>
+Site maintenu par <a href="info.php#dev" class="link">Rébillard Baptiste et Guillaume Joffre</a>.<br>
 
 Copyright © 2022 <a href="info.php#crea" class="link">Arnaud VERGNET</a>
\ No newline at end of file