Exposition details in all concerned pages, converted to flexbox for design flexibility

styles/main.css

@@ -204,8 +204,12 @@ article.main p.signature {
 /* Exposition */
 
 article .gallery {
-    display:inline-block;
     position:relative;
+    display:flex;
+    flex-direction:row;
+    justify-content:space-around;
+    align-self:flex-end;
+    flex-wrap:wrap;
 
     margin:auto;
     margin-top:0;
@@ -378,7 +382,7 @@ article.explorer .gallery {
     text-align:center;
 }
 
-article.explorer p {
+article.explorer p.intro {
     width:55vw;
     margin:auto;
     margin-bottom:2rem;
@@ -606,6 +610,14 @@ article.explorer table .photo {
 
 /* Divers */
 
+article.divers .gallery {
+    justify-content:flex-start;
+}
+
+article.divers .gallery img {
+    margin:0.7rem;
+}
+
 article #stats {
     margin-top:2.5rem;
     margin-bottom:1.5rem;
@@ -621,7 +633,13 @@ article #stats .stat {
     margin-left:4vw;
 }
 
-@media only screen and (max-width:1000px) {
+@media only screen and (max-width:600px) {
+    article.divers .gallery {
+        justify-content:center;
+    }
+}
+
+@media only screen and (max-width:1000px) {    
     article #stats {
         display:block;
     }