missions et aPropos

www/css/style.css

@@ -48,6 +48,16 @@
 .sidebyside {
     display: flex;
 }
+.colonne {
+    flex: 1;
+}
+/* FROM: https://www.w3schools.com/howto/howto_css_equal_height.asp */
+.col-container {
+    display: table;
+}
+.col {
+  display: table-cell; /* Make elements inside the container behave like table cells */
+}
 
 .centered {
     text-align: center;
@@ -306,8 +316,6 @@ footer a:hover {
 .aPropos>main>div:first {
     margin: auto;
     display: flex;
-    /* min-height: calc(100vh - 60px); */
-    /*    display: block; */
     align-content: center;
     text-align: center;
 }
@@ -320,18 +328,13 @@ footer a:hover {
     padding: 1em;
 }
 
-.aPropos .conteneurMaps­ iframe {
-    border: 0;
-    margin: 10px;
-    display: block;
-}
 
 .aPropos .sidebyside>div {
     margin: 5px 20px;
 }
 
-.aPropos .sidebyside>h1 {
-    width: 120%;
+.aPropos .sidebyside>h2 {
+    width: 100%;
 
 }
 
@@ -348,21 +351,12 @@ footer a:hover {
     border-radius: 15px;
     padding: 1em;
     color: #E6ECF3;
-    overflow: scroll;
-    /*!SECTION COULEUR
+    overflow: none;
 
-    #B47871
-#641A10
-#13172C
-#726F9A
-#273A56
-#C19F8A
-Couleur texte : #FFEFE5
-
-
-*/
 }
-
+.aPropos .sidebyside>div {
+    height: 100%;
+}
 .aPropos p {
     width: 100%;
 }
@@ -406,7 +400,7 @@ Couleur texte : #FFEFE5
     margin: 1em auto 1em 0px;
 }
 
-.aPropos #contactInfo h2 {
+.aPropos h2 {
     margin-bottom: 1em;
 }
 
@@ -948,7 +942,15 @@ Couleur texte : #FFEFE5
 .missions h1,h2 {
     margin-bottom: 2em;
 }
+.missions>section:first-of-type {
+    padding: 0 20vw;
+}
+.missions #autreMissions a:any-link {
+    color:#bf815b;
+    text-decoration: underline;
+    font-weight: 600;
 
+}
 .missions section:nth-child(odd) article {
     text-align: right;
     /* float: right; */
@@ -956,7 +958,7 @@ Couleur texte : #FFEFE5
 
 .missions section:nth-child(even) article {
     text-align: left;
-    display: block;
+    /* display: block; */
 }
 
 .missions section article p {
@@ -964,6 +966,8 @@ Couleur texte : #FFEFE5
  /*   margin: auto;
     float: left; */
 }
+
+
 .missions section:nth-child(odd)>article>p {
     margin: auto 0 auto  auto;
     text-align: right;