Mise en forme du formulaire d'édition des articles et de la page article

content/article.html

@@ -13,15 +13,15 @@
 	</div>
 	]
 
-	<h1 class="h1-like #EDIT{titre}">#TITRE</h1>
+	<div class="contenu-article row">
+
+		<div class="col-lg-8">
+			<h1 class="#EDIT{titre}">#TITRE</h1>
+			[<h2 class="#EDIT{soustitre}">(#SOUSTITRE)</h2>]
+			<div class="Texte">
 
-	<div class="la_une">
-		<div class="video_une">
-			[<h2 class="h3-like #EDIT{soustitre}">(#SOUSTITRE)</h2>]
-			<BOUCLE_doc(DOCUMENTS){id_article?}{extension==jpg|png|gif}{statut in prop,prepa,publie}{0,1}{!par credits}{par id_document}>
-				[(#FICHIER|image_recadre{900:450,-,focus}|image_reduire{900,450})]
-			</BOUCLE_doc>
 				<div class="texte #EDIT{texte}">#TEXTE</div>
+
 				<B_mots>
 				<div class="mots">
 				[(#REM) afficher mots-clés et tags dont le groupe est "important" ]
@@ -33,9 +33,27 @@
 					</BOUCLE_mots>
 				</div>
 				</B_mots>
-			<BOUCLE_images(DOCUMENTS){id_article=#ID_ARTICLE}{extension==jpg|png|gif}{!par credits}{1,n}>
-				<a href="#FICHIER" class='mediabox' rel='galerie_#ID_ARTICLE'>
-					[(#FICHIER|image_recadre{350:200,-,focus}|image_reduire{350, 200})]
+
+			</div>
+		</div>
+
+		<div class="col-lg-4">
+			<B_docs>
+			<div class="row liste-documents">
+				<BOUCLE_docs(DOCUMENTS){id_article=#ID_ARTICLE}{extension==pdf}>
+				<div class="col">
+					<a href="#FICHIER">
+						[(#CHEMIN{img/document.png}|balise_img{#TITRE}|image_reduire{0,120})]
+						[<div class="titre_img #EDIT{titre}">(#TITRE)</div>]
+					</a>
+				</div>
+				</BOUCLE_docs>
+			</div>
+			</B_docs>
+			<BOUCLE_images(DOCUMENTS){id_article=#ID_ARTICLE}{extension==jpg|png|gif}{!par credits}>
+			<a href="#FICHIER" class='photo-article mediabox' rel='galerie_#ID_ARTICLE'>
+				[(#FICHIER|balise_img{#TITRE}|image_recadre{540:270,-,focus}|image_reduire{540, 270})]
+				[<div class="titre_img #EDIT{titre}">(#TITRE)</div>]
 			</a>
 			</BOUCLE_images>
 		</div>

content/groupe.html

@@ -9,7 +9,7 @@
 
 <INCLURE{fond=breadcrumb/groupe,env,ville=#GET{ville}} />
 
-<h1 class="h1-like #EDIT{titre}">Groupes de #GET{ville}</h1>
+<h1 class="h1-like #EDIT{titre} mb-3">Groupes de #GET{ville}</h1>
 
 <div class="row">
 <BOUCLE_groupe(ARTICLES){surtitre = #GET{ville}}{id_secteur=#CONFIG{balint/id_rub_groupes}}>
@@ -19,13 +19,21 @@
 	<div class="col-md-6 col-lg-4 mt-4 mt-lg-0">
 		<div class="bloc-ville">
 			[(#AUTORISER{modifier, article, #ID_ARTICLE})
-			<a class="btn" href="#URL_PAGE{editer_article,id_article=#ID_ARTICLE }"><i class="fas fa-edit"></i> Mettre à jour le groupe</a>
+			<a class="btn" href="#URL_PAGE{editer_groupe,id_article=#ID_ARTICLE }"><i class="fas fa-edit"></i> Mettre à jour le groupe</a>
 			]
 			[<h2 class="h3-like #EDIT{titre}">(#TITRE)</h2>]
 			<div class="texte #EDIT{soustitre}">#SOUSTITRE</div>
 			<div class="texte #EDIT{descriptif}">#DESCRIPTIF</div>
 			<div class="texte #EDIT{texte}">#TEXTE</div>
 
+			<h4>Responsables</h4>
+			<BOUCLE_auteurs(AUTEURS){id_article=#ID_ARTICLE}>
+				<div>#NOM</div>
+				<div>#EMAIL</div>
+				<div class=#EDIT{telephone}>#TELEPHONE</div>
+				[<div class=#EDIT{telephone2}>(#TELEPHONE2)</div>]
+			</BOUCLE_auteurs>
+			
 			<BOUCLE_images(DOCUMENTS){id_article=#ID_ARTICLE}{extension==jpg|png|gif}{!par credits}{1,n}>
 				<a href="#FICHIER" class='mediabox' rel='galerie_#ID_ARTICLE'>
 					[(#FICHIER|image_recadre{350:200,-,focus}|image_reduire{350, 200})]

content/sommaire.html

@@ -33,11 +33,9 @@
 					<h3>Agenda</h3>
 					<BOUCLE_agenda(ARTICLES){titre_mot=agenda}>
 						<div class="agenda-evenement">
-							<h4>
 							<a href="#URL_ARTICLE">
-									#TITRE
+								<h4>#TITRE</h4>
 							</a>		
-							</h4>
 							#DATE_AGENDA
 						</div>
 					</BOUCLE_agenda>
@@ -67,7 +65,7 @@
 		<h3>Nous contacter</h3>
 		<div class="row">
 			<div class="col-lg-6">
-				<BOUCLE_webmaster(AUTEURS){nom=Pierre}{tout}>
+				<BOUCLE_webmaster(AUTEURS){nom=Pierre Lecomte}{tout}>
 					<div class="ajax">
 						#FORMULAIRE_NOUS_CONTACTER{#ID_AUTEUR}
 					</div>
@@ -75,7 +73,7 @@
 			</div>
 			<div class="col-lg-6 text-center">
 				<BOUCLE_image_rousseau(DOCUMENTS){credits=rousseau}{extension==jpg|png|gif}{statut in prop,prepa,publie}{0,1}>
-					[(#FICHIER|image_recadre{510:420,-,focus}|image_reduire{510,420})]				
+					[(#FICHIER|balise_img{Jardin du Luxembourg peint par Henri Rousseau}|image_recadre{510:420,-,focus}|image_reduire{510,420})]				
 				</BOUCLE_image_rousseau>
 			</div>
 		</div>

css/_sq_balint.scss

@@ -14,13 +14,11 @@
     opacity: 1 !important;
 }
 
-
-
 /* polices */
-* { font-family: 'Open Sans', sans-serif; }
+* { font-family: 'Cabin', sans-serif; font-size: 1.1rem}
 i.fas { font-family: fontawesome; font-style: normal; font-weight: 400; }
 h1, .h1, h2, .h2, h3, .h3, h4, .h4, legend,
-.h1-like, .h2-like, .h3-like, .h4-like { font-family: 'Open Sans', sans-serif; }
+.h1-like, .h2-like, .h3-like, .h4-like { font-family: 'Cabin', sans-serif; }
 
 
 /* liens */
@@ -35,6 +33,14 @@ img{
 	height: auto;
 }
 
+/* breadcrumb */
+.breadcrumb{
+	background: $fond-formulaires;
+	.divider{
+		padding: 0 0.2rem;
+	}
+}
+
 /* body */
 body{
 	background: $bg-body;
@@ -59,7 +65,9 @@ body{
 	transition: all 1s;
 	.nav-link{
 		color: $light;
-		font-weight: 600;
+		font-weight: 500;
+		font-family: 'Cabin', sans-serif;
+		font-size: 1.2rem;
 		transition: all 1s ease;
 	}
 	.navbar-brand{
@@ -129,8 +137,13 @@ body{
 		border-radius: 0.2rem;
 		font-weight: 500;
 		.intro{
-			font-size: 1.2rem;
-			line-height: 1.4rem;
+			font-size: 1.3rem;
+			line-height: 1.5rem;
+			font-weight:400;
+			strong{
+				font-size: 1.3rem;
+				font-weight: 700;
+			}
 		}
 	}
 }
@@ -418,7 +431,7 @@ body{
 	width: 100%;
 	min-height: 100%;
 	border: solid 1px #ddd;
-	background: white;
+	background: $fond-formulaires;
 	border-radius: 0.2rem;
 	padding: 1.5rem;
 	text-align: center;
@@ -501,7 +514,7 @@ body{
 			}
 		}
 	}
-	.photo_article {
+	.docs-article {
 		justify-content: left;
 		display: flex;
 		.une_photo {
@@ -525,8 +538,10 @@ body{
 		.boutons_actions {
 			width: 100%;
 			display: flex;
+			flex-direction: column;
 			justify-content: space-around;
-			background-color: #e0e0e0;
+			align-items: center;
+			background-color: $gris-clair;
 			i.green {
 				padding: .6rem;
 				color: rgb(28, 158, 28);
@@ -538,6 +553,7 @@ body{
 				display: flex;
 				flex-direction: row;
 				align-items: center;
+				padding: 0.2rem;
 			}
 		}
 	}
@@ -546,6 +562,12 @@ body{
 	}
 }
 
+.titre_img{
+	background: $gris-moyen;
+	color: white;
+	text-align: center;
+}
+
 .photo-premier-plan{
 	margin-bottom: 1.5rem;
 	border: solid 1px #BBB;
@@ -562,6 +584,33 @@ body{
 	}
 }
 
+/**********************************************************************/
+/**************************** PAGE ARTICLE ****************************/
+/**********************************************************************/
+.contenu-article{
+	background: $fond-formulaires;
+	border-radius: 0.5rem;
+	padding: 1.5rem;
+}
+
+.liste-documents{
+	justify-content: center;
+	text-align: center;
+	margin-bottom: 1.5rem;;
+	.col{
+		flex: 0 0 10rem;
+	}
+	.titre_img{
+		font-size: 1rem;
+		background: none;
+		color: $dark;
+	}	
+}
+
+.photo-article{
+	margin-bottom: 1.5rem;;
+}
+
 /**********************************************************************/
 /****************************** spip_admin ****************************/
 /**********************************************************************/

css/_variables.scss

@@ -2,6 +2,8 @@ $couleur-texte : black;
 $dark: #595959;
 $fond-menu: #3b3f8a;
 $couleur-liens : #dc7544;
+$gris-moyen : #7d7d7d;
+$gris-clair : #f2f2f2;
 //$page-active: #ffe9aa;
 $page-active: #ffdb70;
 $fond-footer: #464ba3;

css/mon_site.css

@@ -11551,13 +11551,55 @@ a.text-dark:focus, a.text-dark:hover {
 }
 
 /* les polices à charger en @font-face */
-@font-face {
-  font-family: 'Lato';
-  src: url("../fonts/lato_regular.woff2?#iefix") format("woff2");
-  font-weight: normal;
+/*@font-face {
+	font-family: 'Poppins';
+	src: url("../fonts/Poppins400.woff2?#iefix") format("woff2");
+	font-weight: 400;
 	font-style: normal;
 }
 
+@font-face {
+	font-family: 'Poppins';
+	src: url("../fonts/Poppins700.woff2?#iefix") format("woff2");
+	font-weight: 700;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'Poppins';
+	src: url("../fonts/Poppins500i.woff2?#iefix") format("woff2");
+	font-weight: 500;
+	font-style: italic;
+}*/
+@font-face {
+  font-family: 'Cabin';
+  src: url("../fonts/Cabin400.woff2?#iefix") format("woff2");
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Cabin';
+  src: url("../fonts/Cabin500.woff2?#iefix") format("woff2");
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Cabin';
+  src: url("../fonts/Cabin700.woff2?#iefix") format("woff2");
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Cabin';
+  src: url("../fonts/Cabin500i.woff2?#iefix") format("woff2");
+  font-weight: 500;
+  font-style: italic;
+}
+
+/*
 @font-face {
     font-family: 'Bitter';
     src: url("../fonts/bitter.woff2?#iefix") format("woff2");
@@ -11565,7 +11607,6 @@ a.text-dark:focus, a.text-dark:hover {
     font-style: normal;
 }
 
-/*
 @font-face {
     font-family: 'luxi_sansregular';
     src: url("../fonts/luxisr-webfont.woff?#iefix") format("woff");
@@ -11838,7 +11879,8 @@ fieldset.reponse_formulaire {
 
 /* polices */
 * {
-  font-family: 'Open Sans', sans-serif;
+  font-family: 'Cabin', sans-serif;
+  font-size: 1.1rem;
 }
 
 i.fas {
@@ -11849,7 +11891,7 @@ i.fas {
 
 h1, .h1, h2, .h2, h3, .h3, h4, .h4, legend,
 .h1-like, .h2-like, .h3-like, .h4-like {
-  font-family: 'Open Sans', sans-serif;
+  font-family: 'Cabin', sans-serif;
 }
 
 /* liens */
@@ -11864,6 +11906,15 @@ img {
   height: auto;
 }
 
+/* breadcrumb */
+.breadcrumb {
+  background: rgba(255, 255, 255, 0.8);
+}
+
+.breadcrumb .divider {
+  padding: 0 0.2rem;
+}
+
 /* body */
 body {
   background: url("../images/bg-web.jpg");
@@ -11889,7 +11940,9 @@ body {
 
 #menu-principal .nav-link {
   color: #f8f9fa;
-  font-weight: 600;
+  font-weight: 500;
+  font-family: 'Cabin', sans-serif;
+  font-size: 1.2rem;
   -webkit-transition: all 1s ease;
   transition: all 1s ease;
 }
@@ -11973,8 +12026,14 @@ body {
 }
 
 #texte-presentation .contenu .intro {
-  font-size: 1.2rem;
-  line-height: 1.4rem;
+  font-size: 1.3rem;
+  line-height: 1.5rem;
+  font-weight: 400;
+}
+
+#texte-presentation .contenu .intro strong {
+  font-size: 1.3rem;
+  font-weight: 700;
 }
 
 #mis-en-avant {
@@ -12318,7 +12377,7 @@ body {
   width: 100%;
   min-height: 100%;
   border: solid 1px #ddd;
-  background: white;
+  background: rgba(255, 255, 255, 0.8);
   border-radius: 0.2rem;
   padding: 1.5rem;
   text-align: center;
@@ -12424,14 +12483,14 @@ body {
   }
 }
 
-.formulaire_editer_post .photo_article {
+.formulaire_editer_post .docs-article {
   -webkit-box-pack: left;
           justify-content: left;
   display: -webkit-box;
   display: flex;
 }
 
-.formulaire_editer_post .photo_article .une_photo {
+.formulaire_editer_post .docs-article .une_photo {
   margin-right: 1rem;
   display: -webkit-box;
   display: flex;
@@ -12441,40 +12500,45 @@ body {
   max-width: 320px;
 }
 
-.formulaire_editer_post .photo_article .btn_poubelle {
+.formulaire_editer_post .docs-article .btn_poubelle {
   color: red;
 }
 
-.formulaire_editer_post .photo_article .btn_poubelle :hover {
+.formulaire_editer_post .docs-article .btn_poubelle :hover {
   color: #ee9e9e;
 }
 
-.formulaire_editer_post .photo_article .btn_une {
+.formulaire_editer_post .docs-article .btn_une {
   color: black;
 }
 
-.formulaire_editer_post .photo_article .btn_une :hover {
+.formulaire_editer_post .docs-article .btn_une :hover {
   color: grey;
 }
 
-.formulaire_editer_post .photo_article .boutons_actions {
+.formulaire_editer_post .docs-article .boutons_actions {
   width: 100%;
   display: -webkit-box;
   display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+          flex-direction: column;
   justify-content: space-around;
-  background-color: #e0e0e0;
+  -webkit-box-align: center;
+          align-items: center;
+  background-color: #f2f2f2;
 }
 
-.formulaire_editer_post .photo_article .boutons_actions i.green {
+.formulaire_editer_post .docs-article .boutons_actions i.green {
   padding: .6rem;
   color: #1c9e1c;
 }
 
-.formulaire_editer_post .photo_article .boutons_actions a {
+.formulaire_editer_post .docs-article .boutons_actions a {
   margin: 0;
 }
 
-.formulaire_editer_post .photo_article .boutons_actions .premier-plan {
+.formulaire_editer_post .docs-article .boutons_actions .premier-plan {
   display: -webkit-box;
   display: flex;
   -webkit-box-orient: horizontal;
@@ -12482,12 +12546,19 @@ body {
           flex-direction: row;
   -webkit-box-align: center;
           align-items: center;
+  padding: 0.2rem;
 }
 
 .formulaire_editer_post legend {
   width: auto;
 }
 
+.titre_img {
+  background: #7d7d7d;
+  color: white;
+  text-align: center;
+}
+
 .photo-premier-plan {
   margin-bottom: 1.5rem;
   border: solid 1px #BBB;
@@ -12505,6 +12576,37 @@ body {
   margin-bottom: 1.2rem;
 }
 
+/**********************************************************************/
+/**************************** PAGE ARTICLE ****************************/
+/**********************************************************************/
+.contenu-article {
+  background: rgba(255, 255, 255, 0.8);
+  border-radius: 0.5rem;
+  padding: 1.5rem;
+}
+
+.liste-documents {
+  -webkit-box-pack: center;
+          justify-content: center;
+  text-align: center;
+  margin-bottom: 1.5rem;
+}
+
+.liste-documents .col {
+  -webkit-box-flex: 0;
+          flex: 0 0 10rem;
+}
+
+.liste-documents .titre_img {
+  font-size: 1rem;
+  background: none;
+  color: #595959;
+}
+
+.photo-article {
+  margin-bottom: 1.5rem;
+}
+
 /**********************************************************************/
 /****************************** spip_admin ****************************/
 /**********************************************************************/

formulaires/editer_post.html

@@ -76,12 +76,12 @@
 				</fieldset>
 
 				<fieldset class="upload_vignette">
-					<legend><i class="fas fa-image"></i> Photos</legend>
+					<legend><i class="fas fa-paperclip"></i> Images et PDF</legend>
 					<label for=""><small>largeur conseillée: entre 1024 et 2048 pixels</small></label>
 					<div class="ajax">
 						<INCLURE{fond=inclure/bigform,env}>
 					</div>
-					<INCLURE{fond=inclure/photos_article,env,id_article=#ENV{id_article},ajax=les_photos}>
+					<INCLURE{fond=inclure/editer_docs_article,env,id_article=#ENV{id_article},ajax=les_photos}>
 				</fieldset>
 
 		[(#REM)

formulaires/editer_post.php

@@ -97,7 +97,7 @@ function formulaires_editer_post_verifier_dist($id_article=0, $redirect=''){
 	
 
 	$bigform = charger_fonction('bigform_verifier','inc');
-	$options = ['mime' => 'image_web','taille_max'=>'2000','largeur_max'=>'2048','hauteur_max'=>'2048'];
+	$options = ['mime' => 'tout_mime','taille_max'=>'5000','largeur_max'=>'2048','hauteur_max'=>'2048'];
 	$bigform($options,$erreurs);
 
 	return $erreurs;

inclure/editer_docs_article.html

@@ -1,26 +1,37 @@
 #CACHE{0}
 [(#ENV{id_article}|=={0}|oui) [(#SESSION{id_auteur}|mult{-1}|setenv{id_article})] ]
 
-<div class="photo_article row" id="les_photos">
-	<BOUCLE_doc(DOCUMENTS){id_article}{extension==jpg|png|gif}{statut in prop,prepa,publie}{par id_document}>
-		<div class="une_photo col">
-			[(#FICHIER|image_recadre{320:180,-,focus}|image_reduire{320,180})]
+<div class="docs-article row">
+	<BOUCLE_doc(DOCUMENTS){id_article}{extension==jpg|png|gif|pdf}{statut in prop,prepa,publie}{par id_document}>
+	<div class="col-lg-4">
+		<div class="une_photo">
+			[(#TYPE_DOCUMENT|in_array{#LISTE{JPEG,PNG,GIF}}|?{
+				[(#FICHIER|image_recadre{320:180,-,focus}|image_reduire{320,180})],
+				[(#CHEMIN{img/document.png}|image_recadre{320:180,+,center}|image_reduire{320,180})]
+			}
+			)]
+			
+			[<div class="titre_img #EDIT{titre}">(#TITRE|sinon{[(#SESSION{statut}|=={0minirezo}|oui)<i>Double cliquez pour ajouter un titre</i>]})</div>]
 
-			[(#SESSION{statut}|=={0minirezo}|oui)
 			<div class="boutons_actions">
-				<a class="btn btn_poubelle" href="[(#URL_ACTION_AUTEUR{supprimer_photo, [(#ID_DOCUMENT)]-[(#ENV{id_article})]})]" title="Supprimer la photo">
-					<i class="fas fa-trash red"></i>
-				</a>
+				<div class="premier-plan">
+				[(#TYPE_DOCUMENT|in_array{#LISTE{JPEG,PNG,GIF}}|oui)
 				[(#CREDITS*|=={une}|?{
-					<div class="premier-plan"><i class="fas fa-check green"></i> Au premier plan</div>
+					<i class="fas fa-check green"></i> Au premier plan
 					,
 					<a class="btn btn_une" href="[(#URL_ACTION_AUTEUR{promouvoir_photo, [(#ID_DOCUMENT)]-[(#ENV{id_article})]})]" title="Mettre en première photo">
 						<i class="fas fa-check"></i> Mettre au premier plan
 					</a>
 				})]
-			</div>
 				]
-			[<div class="titre_img #EDIT{titre}">(#TITRE|sinon{[(#SESSION{statut}|=={0minirezo}|oui)<i>Double cliquez pour ajouter un titre</i>]})</div>]
+				</div>
+				<a class="btn btn_poubelle" href="[(#URL_ACTION_AUTEUR{supprimer_photo, [(#ID_DOCUMENT)]-[(#ENV{id_article})]})]" title="Supprimer la photo">
+					<i class="fas fa-trash red"></i> Supprimer
+				</a>
+			
+			</div>
+			
+		</div>
 	</div>
 	</BOUCLE_doc>
 </div>

inclure/photo_article.html

@@ -2,11 +2,11 @@
 [(#ENV{id_article}|=={0}|oui) [(#SESSION{id_auteur}|mult{-1}|setenv{id_article})] ]
 <div class="photo_article">
 	<BOUCLE_doc(DOCUMENTS){id_article?}{extension==jpg|png|gif}{statut in prop,prepa,publie}{0,1}{!par credits}{par id_document}>
-		[(#FICHIER|image_recadre{720:360,-,focus}|image_reduire{720,360})]
+		[(#FICHIER|balise_img{#TITRE}|image_recadre{720:360,-,focus}|image_reduire{720,360})]
 	</BOUCLE_doc>
 		<div class="txtcenter placeholder">
 		<BOUCLE_doc2(DOCUMENTS){credits=logo_noir}{extension==jpg|png|gif}{statut in prop,prepa,publie}{0,1}{!par credits}{par id_document}>
-			[(#FICHIER|image_recadre{720:360,+,center}|image_reduire{720,360})]
+			[(#FICHIER|balise_img{#TITRE}|image_recadre{720:360,+,center}|image_reduire{720,360})]
 		</BOUCLE_doc2>
 		</div>
 	<//B_doc>

svg/document.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 468.293 468.293" style="enable-background:new 0 0 468.293 468.293;" xml:space="preserve">
+<polygon style="fill:#D5D6DB;" points="88.706,165.023 90.071,468.293 410.445,468.293 410.445,24.986 209.254,24.986 "/>
+<polygon style="fill:#E1E6E9;" points="142.906,0 57.848,85.059 57.848,443.306 385.259,443.306 385.259,0 "/>
+<polygon style="fill:#EBF0F3;" points="142.906,85.059 142.906,0 57.848,85.059 "/>
+<g>
+	<rect x="102.918" y="125.415" style="fill:#D5D6DB;" width="237.268" height="17.851"/>
+	<rect x="127.894" y="183.627" style="fill:#D5D6DB;" width="187.317" height="17.851"/>
+	<rect x="175.104" y="67.209" style="fill:#D5D6DB;" width="165.083" height="17.851"/>
+	<rect x="102.918" y="241.826" style="fill:#D5D6DB;" width="237.268" height="17.851"/>
+	<rect x="127.894" y="300.02" style="fill:#D5D6DB;" width="187.317" height="17.851"/>
+	<rect x="102.918" y="358.25" style="fill:#D5D6DB;" width="237.268" height="17.851"/>
+</svg>