diff --git a/assets/css/page/coms.css b/assets/css/page/coms.css
index b6ce1dd..7fc7ddd 100644
--- a/assets/css/page/coms.css
+++ b/assets/css/page/coms.css
@@ -24,8 +24,7 @@ section h4 {
 	width: 40%;
 	margin-left: auto;
 	margin-right: auto;
-	padding: 30px;
-	font-size: 23px;
+	font-size: 1.2rem;
 }
 
 section {
@@ -55,11 +54,11 @@ section .title_com {
 
 }
 
-#fonction_bureau {
+.fonction_bureau {
 	display: inline-block;
 	background-color: white;
 	color: black;
 	padding: 10px;
 	margin-top: 0;
-	font-size: 30px;
+	font-size: 1.5rem;
 }
\ No newline at end of file
diff --git a/assets/css/queries.css b/assets/css/queries.css
new file mode 100644
index 0000000..4103326
--- /dev/null
+++ b/assets/css/queries.css
@@ -0,0 +1,20 @@
+
+@media (max-width: 700px) {
+    html {
+        /*font-size: calc(20px + 5vw);*/
+        font-size: 3vw;
+    }
+
+    section {
+        width: 95%;
+    }
+
+    #boxjaune {
+        margin: 40px auto 0 auto;
+        width: 95%;
+    }
+
+    footer {
+        width: unset;
+    }
+}
\ No newline at end of file
diff --git a/assets/css/template.css b/assets/css/template.css
index 158b217..a943eac 100644
--- a/assets/css/template.css
+++ b/assets/css/template.css
@@ -4,10 +4,20 @@
   src: url("../fonts/MarioFontExtended.otf") format("opentype");
 }
 
+*, *::before, *::after {
+	box-sizing: border-box;
+}
+
+html {
+	font-size: 20px;
+}
 
 body {
 	font-family: 'Mario Extended', sans-serif;
 	background-color: #33A8FF;
+	font-size: 1rem;
+
+	padding: 0; margin: 0;
 }
 
 main {
@@ -44,8 +54,8 @@ a.linkmail:hover {
 	padding: 10px;
 	box-shadow: 10px 10px 15px 5px rgba(0,0,0,0.61);
 	border: 3px solid black;
-	margin: 40px;
-	font-size: 30px;
+	margin: 40px 10vw 0;
+	font-size: 1.5rem;
 }
 
 #title_in_box {
@@ -88,4 +98,27 @@ footer {
 	padding: 50px;
 	font-size: 20px;
 	color: black;
+}
+
+
+
+/* general purpose css */
+ul {
+	padding: 0;
+}
+
+li {
+	list-style: none;
+}
+
+h1, h2, h3, h4, h5, h6 {
+	font-weight: unset;
+}
+
+section {
+	overflow: hidden;
+}
+
+#main_content {
+	padding-top: 20px;
 }
\ No newline at end of file
diff --git a/coms.php b/coms.php
index 9bd60a0..96f75a1 100755
--- a/coms.php
+++ b/coms.php
@@ -21,7 +21,7 @@ ob_start(); // Start reading html
 			echo "<ul>";
 				for($i = 0; $i < count($prenom); $i++) {
 					echo "<li>";
-					echo "<div id='fonction_bureau'>".$fonction[$i]."</div>";
+					echo "<div class='fonction_bureau'>".$fonction[$i]."</div>";
 					echo "<h4>".$prenom[$i]." ".$nom[$i]."</h4>";
 					echo "<a href='mailto:".$mail[$i]."' class='linkmail'>".$mail[$i]."</a>";
 					echo "</li>";
diff --git a/info.php b/info.php
index 6ddb4ca..a540c1f 100644
--- a/info.php
+++ b/info.php
@@ -39,9 +39,9 @@ ob_start(); // Start reading html
 
 		        	Rébillard Baptiste :<br>
 		            <strong>Mail :</strong> <a href="mailto:rebillar@insa-toulouse.fr" class="linkmail">rebillar@insa-toulouse.fr</a>
-		            <strong>Tel : </strong> 07 83 64 61 06
+		            <strong>Tel : </strong> 07 83 64 61 06<br>
 
-		        	Geoffre Guillaume :<br>
+		        	Joffre Guillaume :<br>
 		            <strong>Mail :</strong> <a href="mailto:gjoffre@insa-toulouse.fr" class="linkmail">gjoffre@insa-toulouse.fr</a>
 		        </li>
 		        <li id="crea">
diff --git a/structure/template.php b/structure/template.php
index 459065e..93cb5c9 100644
--- a/structure/template.php
+++ b/structure/template.php
@@ -16,6 +16,7 @@ $pagename = $infopage[4];      // nom de la page exact servant à appeler le css
     <link rel="stylesheet" type="text/css" href="<?= $relativepath ?>assets/css/page/<?= $pagename ?>.css" />
     <link rel="stylesheet" type="text/css" href="<?= $relativepath ?>assets/css/menu.css" />
     <link rel="stylesheet" type="text/css" href="<?= $relativepath ?>assets/css/template.css" />
+    <link rel="stylesheet" type="text/css" href="<?= $relativepath ?>assets/css/queries.css" />
     <link rel = "shortcut icon" href = "<?= $relativepath ?>assets/img/ico_promo_60.ico" >