mozaique personnes

user/themes/epau-antimatter/css-compiled/template.css

@@ -887,6 +887,13 @@ ul.pagination {
   padding-bottom: 6rem;
   padding-top: 2rem; }
 
+#mozaique_personnes {
+  display: flex !important;
+  flex-direction: row;
+  flex-wrap: wrap;
+  width: 70%;
+  margin: auto; }
+
 .mozaique_personnes {
   background-color: #d5d2d1; }
 
@@ -898,23 +905,22 @@ ul.pagination {
   font-family: "Sarabun";
   font-weight: 800;
   font-size: 1rem;
-  line-height: 20px; }
+  line-height: 20px;
+  text-align: left; }
 
 .mozaique {
   display: flex;
   flex-direction: row;
-  max-width: 65%;
-  align-items: stretch;
-  position: relative;
-  margin-right: 10%;
-  margin-left: 15%;
-  height: auto; }
+  width: 50%;
+  padding: 0.5rem; }
 
 .info {
   background-color: #fff;
   display: flex;
   flex-direction: column;
-  font-family: "Sarabun", sans-serif; }
+  font-family: "Sarabun", sans-serif;
+  width: 30rem;
+  height: 30rem; }
 
 .info:hover {
   background-color: #000;
@@ -937,12 +943,8 @@ ul.pagination {
   padding-bottom: 1rem; }
 
 .portrait {
-  max-width: 15rem !important;
   background: transparent !important; }
 
-.2columns {
-  max-width: 25%; }
-
 .bouton {
   border: solid;
   background-color: transparent;