fix: ajustements de la présentation de la météo (avec des CSS modernes)

la_meteo.html

@@ -14,7 +14,7 @@
 <div class="texte">
 <main id="main">
 	<div id="letexte">
-		[(#MODELE{rainette_previsions, lieu=[(#CONFIG{soyezcreateurs/rainette_ville, #GET{ville}})], premier_jour=0, sous_modele=previsions_24h, service=#GET{service}})]
+		[<div class="rainette_previsions">(#MODELE{rainette_previsions, lieu=[(#CONFIG{soyezcreateurs/rainette_ville, #GET{ville}})], premier_jour=0, sous_modele=previsions_24h, service=#GET{service}})</div>]
 	</div>
 </main>
 </div><!-- Fin de .texte -->

stylessoyezcreateurs.css.html

@@ -1426,16 +1426,15 @@ div.spip_poesie div { margin-left: 60px; text-indent: -60px; }
 #letexte ul { font-size: 1em; line-height: 120%; }
 
 /* Rectification pour la météo sur 5 jours */
+.rainette_previsions {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-between;
+}
 .rainette_previsions_24h {
-	width:22%;
-	margin: .4em 2% 2em 0;
-	-webkit-box-shadow: 2px 2px 10px -2px rgba(170,170,170,1);
-    -moz-box-shadow: 2px 2px 10px -2px rgba(170,170,170,1);
+	float: none;
     box-shadow: 2px 2px 10px -2px rgba(170,170,170,1);
 }
-.rainette_previsions_24h .jour, .rainette_previsions_24h .date,.rainette_previsions_24h .contenu {
-	width:100%;
-}
 
 .cadreinfo { padding: 5px; margin: 20px 10px 10px; [color: #(#GET{c_menu_a}|couleur_inverserluminosite{20,true});] [background: #(#GET{c_menu_a_bk}|couleur_inverserluminosite{20,true});] text-decoration: none; font-size: 1em;
 	[(#GET{c_menu_a_bk}|!={transparent}|oui|et{[(#GET{d_cadreinfo_degrade}|non)]})
@@ -1607,6 +1606,7 @@ strong.agendastatut { padding: .1em 1em; margin-right: 1em; border: 1px solid #F
 	[(#GET{c_menu_a_bk}|!={transparent}|oui|et{[(#GET{d_cadreinfo_degrade}|non)]})
 	background: [#(#GET{c_menu_a_bk}|couleur_inverserluminosite{30})][ url((#CHEMIN{images/fond_degrade_fonce_en_bas3.png}|image_sepia{[(#GET{c_menu_a_bk}|couleur_inverserluminosite{30})]}|image_aplatir{jpg}|extraire_attribut{src}|strval|embarque_fichier)) repeat-x top];]
 }
+.portailcognac #navigation .cadreinfo { margin: 20px 0 10px; }
 
 #navigation .cadreinfo p { margin: 0; text-align: left; }
 
@@ -2123,9 +2123,6 @@ div \[lang\], span \[lang\] { font-style: italic; }
     transform: inherit;
     position: inherit;
  }
- .rainette_previsions_24h {
-	width:31%;
- }
  #cef-root, #cef_navigation { display:none !important }
 }
 @media (max-width: 640px) {
@@ -2194,10 +2191,6 @@ div \[lang\], span \[lang\] { font-style: italic; }
     margin-top: 0 !important;
  }
  .columns2 { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1;  }
- .rainette_previsions_24h {
-	width:47%;
-	margin: .4em 1% 2em 1%;
- }
 }
 
 @media screen and (max-width:640px) and (orientation: landscape) {