+ responsive

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;
 }

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;
 
 }
 

assets/css/queries.css

@@ -9,6 +9,10 @@
         width: 95%;
     }
 
+    #msg_acc, footer {
+        padding: 50px 5vw;
+    }
+
     #boxjaune {
         margin: 40px auto 0 auto;
         width: 95%;

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 {

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>