Lettre d'information n°40

publié le 22. 10. 2024

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">

<head>
  <title>
  </title>
  
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <style type="text/css">
    #outlook a {
      padding: 0;
    }

body {
      margin: 0;
      padding: 0;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
    }

table,
    td {
      border-collapse: collapse;
      mso-table-lspace: 0pt;
      mso-table-rspace: 0pt;
    }

img {
      border: 0;
      height: auto;
      line-height: 100%;
      outline: none;
      text-decoration: none;
      -ms-interpolation-mode: bicubic;
    }

p {
      display: block;
      margin: 13px 0;
    }
  </style>
  
  
  <link href="https://fonts.googleapis.com/css?family=Muli:300,400,600,700,800,900" rel="stylesheet" type="text/css">
  <style type="text/css">
    @import url(https://fonts.googleapis.com/css?family=Muli:300,400,600,700,800,900);
  </style>
  <style type="text/css">
    /*@media only screen and (min-width:480px) {*/
      .mj-column-per-50 {
        width: 50% !important;
        max-width: 50%;
      }

.mj-column-per-100 {
        width: 100% !important;
        max-width: 100%;
      }

.mj-column-per-3 {
        width: 3% !important;
        max-width: 3%;
      }

.mj-column-per-97 {
        width: 97% !important;
        max-width: 97%;
      }

.mj-column-per-65 {
        width: 65% !important;
        max-width: 65%;
      }

.mj-column-per-10 {
        width: 10% !important;
        max-width: 10%;
      }

.mj-column-per-25 {
        width: 25% !important;
        max-width: 25%;
      }

.mj-column-per-33-333333333333336 {
        width: 33.333333333333336% !important;
        max-width: 33.333333333333336%;
      }
    /*}*/
  </style>
  <style type="text/css">
    @media only screen and (max-width:480px) {
      .mj-column-per-50,
      .mj-column-per-100,
      .mj-column-per-3,
      .mj-column-per-97,
      .mj-column-per-65,
      .mj-column-per-10,
      .mj-column-per-25,
      .mj-column-per-33-333333333333336{
        width: 100% !important;
        max-width: 100%;
      }

table.mj-full-width-mobile {
        width: 100% !important;
      }

td.mj-full-width-mobile {
        width: auto !important;
      }
    }
  </style>
  <style type="text/css">
    .slide {
      background-size: cover !important; 
      background-position:center center !important; 
      background-repeat:no-repeat; 
      padding:0; 
      vertical-align:top;
      background-size: 100%;
    }

a:visited  {
      color:#ACB800
    }

/* a la une */
    .thumbex {
      width: 100%;
      min-width: 250px;
      max-width: 435px;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding: 8px;
      overflow: hidden;
      margin-bottom: 8em;
      outline-offset: -15px;
      -webkit-transition: all .5s ease-in-out;
      -moz-transition: all .5s ease-in-out;
      -ms-transition: all .5s ease-in-out;
      -o-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
    }

.thumbex a {
      text-decoration: none;
    }

.thumbex:hover {
      -webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.17);
      -moz-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.17);
      box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.17);
    }

.thumbex .thumbnail-box {
      overflow: hidden;
      min-width: auto;
      height: 200px;
      position: relative;
      opacity: 0.88;
      backface-visibility: hidden;
      transition: all 0.4s ease-out;
    }

.thumbex .thumbnail-box img {
      position: absolute;
      z-index: 1;
      left: 50%;
      top: 50%;
      width: 100%;
      transform: translate(-50%, -50%);
      backface-visibility: hidden;
    }

.thumbex:hover .thumbnail-box::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #ACB800;
    }

.thumbex:hover .thumbnail-box img {
      opacity: .4;
      -webkit-transition: all .5s ease-in-out;
      -moz-transition: all .5s ease-in-out;
      -ms-transition: all .5s ease-in-out;
      -o-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
    }

.thumbex {
      margin-bottom: 6em;
    }

.thumbex.no-hover:hover {
      box-shadow: none;
    }

@media only screen and (max-width:480px) {
      .thumbex {
        padding: 0;
        width: auto;
      }
    }
  </style>
</head>

<body>
  <div style="">
    
    <div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:860px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:8px 12px;text-align:center;">
              
              <div class="mj-column-per-50 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:middle;padding:0;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                          <tr>
                            <td align="left" style="font-size:0px;padding:8px 0;word-break:break-word;">
                              <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                                <tbody>
                                  <tr>
                                    <td style="width:200px;">
                                      <a href="https://www.urbalyon.org" target="_blank">
                                        <img alt="logo" height="auto" src="https://www.urbalyon.org/themes/custom/urbalyon/logo.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:14px;" width="200" />
                                      </a>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              
              <div class="mj-column-per-50 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:middle;padding:0;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                          <tr>
                            <td align="right" style="font-size:0px;padding:8px 3px;word-break:break-word;">
                              <div style="font-family:Muli, Arial;font-size:25px;font-weight:bold;line-height:22px;text-align:right;color:#282828;">Lettre d&#039;information n°40</div>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    
    <div style="margin:0 auto;max-width:860px;">
      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
        <tr style="vertical-align:top;">
          <td background="https://www.urbalyon.org/sites/default/storage_files/styles/slider_newsletter_860_250/public/2024-10/Banni%C3%A8re%20web_habitat.jpg?itok=5KWb3Pv7" style="background-size: cover; background-position:center center; background-repeat:no-repeat; padding:0; vertical-align:top;" height="250" width="100%" class="slide">
            
            <div class="mj-hero-content" style="margin:0px auto;">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;margin:0px;">
                <tr>
                  <td style="">
                    <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;margin:0px;">
                    </table>
                  </td>
                </tr>
              </table>
            </div>
            
          </td>
        </tr>
      </table>
    </div>
    
    <div style="background:#383e42;background-color:#383e42;margin:0px auto;max-width:860px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#383e42;background-color:#383e42;width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:25px 30px 0px 30px;text-align:center;">
              
              <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:middle;padding:0;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                          <tr>
                            <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
                              <div style="font-family:Muli, Arial;font-size:22px;font-weight:bold;line-height:30px;text-align:left;color:#ffffff;">Le Geoclip de l&#039;observatoire partenarial de l&#039;habitat est accessible à tous ! </div>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    
    <div style="background:#383e42;background-color:#383e42;margin:0px auto;max-width:860px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#383e42;background-color:#383e42;width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:0px 30px 25px 30px;text-align:center;">
              
              <div class="mj-column-per-50 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:middle;padding:0;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                          <tr>
                            <td align="left" style="font-size:0px;padding:10px 0px;word-break:break-word;">
                              <div style="font-family:Muli, Arial;font-size:16px;line-height:22px;text-align:left;color:#ffffff;">
                                                                                                                                                                  21. 10. 2024
                              </div>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              
              <div class="mj-column-per-50 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:middle;padding:0;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                          <tr>
                            <td align="right" vertical-align="middle" style="font-size:0px;padding:0;word-break:break-word;">
                              <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                <tr>
                                                                                                                                                                                                              <td align="center" bgcolor="transparent" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 0px;background:transparent;" valign="middle">
                                    <a href="https://habitat.urbalyon.org/#c=home" style="display:inline-block;background:transparent;color:#ACB800;font-family:Muli, Arial;font-size:16px;font-weight:600;line-height:22px;margin:0;text-decoration:none;text-transform:none;padding:10px 0px;mso-padding-alt:0px;border-radius:3px;" target="_blank"> Accéder au Géoclip &nbsp;<img src="https://www.urbalyon.org/themes/custom/urbalyon/img/fleche@3x.png" style="width:16px; vertical-align:middle;" width="16" height="13"/>
                                    </a>
                                  </td>
                                </tr>
                              </table>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    
    
    
    <div style="margin:0px auto;max-width:860px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:50px 15px;text-align:center;">
              
              <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0;line-height:0;text-align:left;display:inline-block;width:100%;direction:ltr;">
                
                <div class="mj-column-per-3 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:3%;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                    <tbody>
                      <tr>
                        <td style="vertical-align:middle;padding:0;">
                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                            <tr>
                              <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
                                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                                  <tbody>
                                    <tr>
                                      <td style="width:16px;">
                                        <img alt="" height="auto" src="https://www.urbalyon.org/themes/custom/urbalyon/img/hexagonx3.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:14px;" width="16" />
                                      </td>
                                    </tr>
                                  </tbody>
                                </table>
                              </td>
                            </tr>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </div>
                
                <div class="mj-column-per-97 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:97%;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                    <tbody>
                      <tr>
                        <td style="vertical-align:middle;padding:0;">
                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                            <tr>
                              <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
                                <div style="font-family:Muli, Arial;font-size:25px;font-weight:bold;line-height:22px;text-align:left;color:#282828;">&nbsp; A la une</div>
                              </td>
                            </tr>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </div>
                
              </div>
              
            </td>
          </tr>
        </tbody>
      </table>
    </div>
                     
    
    <div style="margin:0px auto;max-width:860px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:0 15px;text-align:center;">
              
              <div class="mj-column-per-50 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:top;padding:0;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                          <tr>
                            <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
                              <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                                <tbody>
                                  <tr>
                                    <td style="width:300px;">
                                      <img height="auto" src="https://www.urbalyon.org/sites/default/storage_files/styles/newsletter_thumbnail/public/2024-11/CQVdL-3ans-Atlas-CouvPubli.jpg?itok=MdmtnzaP" style="border:0;display: block;outline:none;text-decoration:none;height:auto;width: auto;font-size:14px;max-height:220px;min-width:150px;max-width: 95%; margin: auto" />
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              
              <div class="mj-column-per-50 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:top;padding:0;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                          <tr>
                            <td align="left" style="font-size:0px;padding:14px 0;word-break:break-word;">
                              <div style="font-family:Muli, Arial;font-size:18px;font-weight:bold;line-height:25px;text-align:left;color:#282828;">Les cahiers de la Charte Qualité  de la Ville de Lyon</div>
                            </td>
                          </tr>                          
                          <tr>
                            <td align="left" style="font-size:0px;padding:0;padding-top:0px;word-break:break-word;">
                              <div style="font-family:Muli, Arial;font-size:14px;font-weight:600;line-height:22px;text-align:left;color:rgba(0, 0, 0, 0.5);">Le 04. 11. 2024</div>
                            </td>
                          </tr>
                          <tr>
                            <td align="left" vertical-align="middle" style="font-size:0px;padding:0;word-break:break-word;">
                              <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                <tr>
                                  <td align="center" bgcolor="transparent" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 0px;background:transparent;" valign="middle">
                                    <a href="https://www.urbalyon.org/fr/CahiersCharteQualiteVilleLyon" style="display:inline-block;background:transparent;color:#ACB800;font-family:Muli, Arial;font-size:16px;font-weight:600;line-height:22px;margin:0;text-decoration:none;text-transform:none;padding:10px 0px;mso-padding-alt:0px;border-radius:3px;" target="_blank"> Lire le résumé &nbsp; <img src="https://www.urbalyon.org/themes/custom/urbalyon/img/fleche@3x.png" style="width:16px; vertical-align:middle;" width="16" height="13"/>
                                    </a>
                                  </td>
                                </tr>
                              </table>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    
    <div style="margin:0px auto;max-width:860px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:0 15px;text-align:center;">
              
              <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:top;padding:0;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                          <tr>
                            <td style="font-size:0px;padding:30px 0;word-break:break-word;">
                              <p style="border-top:solid 4px #ACB800;font-size:1px;margin:0px auto;width:100%;">
                              </p>
                              
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              
            </td>
          </tr>
        </tbody>
      </table>
    </div>
                        
    <div style="margin:0px auto;max-width:860px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:0 15px;text-align:center;">
              
              <div class="mj-column-per-50 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:top;padding:0;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                          <tr>
                            <td align="left" style="font-size:0px;padding:14px 0;word-break:break-word;">
                              <div style="font-family:Muli, Arial;font-size:18px;font-weight:bold;line-height:25px;text-align:left;color:#282828;">Les territoires favorables au vieillissement</div>
                            </td>
                          </tr>                          
                          <tr>
                            <td align="left" style="font-size:0px;padding:0;padding-top:0px;word-break:break-word;">
                              <div style="font-family:Muli, Arial;font-size:14px;font-weight:600;line-height:22px;text-align:left;color:rgba(0, 0, 0, 0.5);">Le 22. 10. 2024</div>
                            </td>
                          </tr>
                          <tr>
                            <td align="left" vertical-align="middle" style="font-size:0px;padding:0;word-break:break-word;">
                              <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                <tr>
                                  <td align="center" bgcolor="transparent" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 0px;background:transparent;" valign="middle">
                                    <a href="https://www.urbalyon.org/fr/StoryMapTFV" style="display:inline-block;background:transparent;color:#ACB800;font-family:Muli, Arial;font-size:16px;font-weight:600;line-height:22px;margin:0;text-decoration:none;text-transform:none;padding:10px 0px;mso-padding-alt:0px;border-radius:3px;" target="_blank"> Lire le résumé &nbsp; <img src="https://www.urbalyon.org/themes/custom/urbalyon/img/fleche@3x.png" style="width:16px; vertical-align:middle;" width="16" height="13"/>
                                    </a>
                                  </td>
                                </tr>
                              </table>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              
              <div class="mj-column-per-50 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:top;padding:0;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                          <tr>
                            <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
                              <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                                <tbody>
                                  <tr>
                                    <td style="width:300px;">
                                      <img height="auto" src="https://www.urbalyon.org/sites/default/storage_files/styles/newsletter_thumbnail/public/2024-10/medium-shot-happy-couple-with-coffee.jpg?itok=Z1NglPYD" style="border:0;display: block;outline:none;text-decoration:none;height:auto;width: auto;font-size:14px;max-height:220px;min-width:150px;max-width: 95%; margin: auto" />
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    
    <div style="margin:0px auto;max-width:860px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:0 15px;text-align:center;">
              
              <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:top;padding:0;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                          <tr>
                            <td style="font-size:0px;padding:30px 0;word-break:break-word;">
                              <p style="border-top:solid 4px #ACB800;font-size:1px;margin:0px auto;width:100%;">
                              </p>
                              
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              
            </td>
          </tr>
        </tbody>
      </table>
    </div>
                     
    
    <div style="margin:0px auto;max-width:860px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:0 15px;text-align:center;">
              
              <div class="mj-column-per-50 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:top;padding:0;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                          <tr>
                            <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
                              <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                                <tbody>
                                  <tr>
                                    <td style="width:300px;">
                                      <img height="auto" src="https://www.urbalyon.org/sites/default/storage_files/styles/newsletter_thumbnail/public/2024-10/Vignette_abord%20de%20coll%C3%A8ge.jpg?itok=klHeVYdQ" style="border:0;display: block;outline:none;text-decoration:none;height:auto;width: auto;font-size:14px;max-height:220px;min-width:150px;max-width: 95%; margin: auto" />
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              
              <div class="mj-column-per-50 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:top;padding:0;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                          <tr>
                            <td align="left" style="font-size:0px;padding:14px 0;word-break:break-word;">
                              <div style="font-family:Muli, Arial;font-size:18px;font-weight:bold;line-height:25px;text-align:left;color:#282828;">(A)ménager les abords des collèges</div>
                            </td>
                          </tr>                          
                          <tr>
                            <td align="left" style="font-size:0px;padding:0;padding-top:0px;word-break:break-word;">
                              <div style="font-family:Muli, Arial;font-size:14px;font-weight:600;line-height:22px;text-align:left;color:rgba(0, 0, 0, 0.5);">Le 21. 10. 2024</div>
                            </td>
                          </tr>
                          <tr>
                            <td align="left" vertical-align="middle" style="font-size:0px;padding:0;word-break:break-word;">
                              <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                <tr>
                                  <td align="center" bgcolor="transparent" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 0px;background:transparent;" valign="middle">
                                    <a href="https://www.urbalyon.org/fr/amenager-les-abords-des-colleges" style="display:inline-block;background:transparent;color:#ACB800;font-family:Muli, Arial;font-size:16px;font-weight:600;line-height:22px;margin:0;text-decoration:none;text-transform:none;padding:10px 0px;mso-padding-alt:0px;border-radius:3px;" target="_blank"> Lire le résumé &nbsp; <img src="https://www.urbalyon.org/themes/custom/urbalyon/img/fleche@3x.png" style="width:16px; vertical-align:middle;" width="16" height="13"/>
                                    </a>
                                  </td>
                                </tr>
                              </table>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    
    <div style="margin:0px auto;max-width:860px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:0 15px;text-align:center;">
              
              <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:top;padding:0;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                          <tr>
                            <td style="font-size:0px;padding:30px 0;word-break:break-word;">
                              <p style="border-top:solid 4px #ACB800;font-size:1px;margin:0px auto;width:100%;">
                              </p>
                              
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              
            </td>
          </tr>
        </tbody>
      </table>
    </div>

<div style="margin:0px auto;max-width:600px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
              
              <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
                  <tr>
                    <td align="center" vertical-align="middle" style="font-size:0px;padding:10px 25px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;width:100%;line-height:100%;">
                        <tr>
                          <td align="center" bgcolor="#ACB800" role="presentation" style="border:none;border-radius:0;cursor:auto;mso-padding-alt:10px 25px;background:#ACB800;" valign="middle">
                            <a href="https://www.urbalyon.org/fr/dernieres-productions" style="display:inline-block;background:#ACB800;color:white;font-family:Helvetica;font-size:16px;font-weight:550;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:0;" target="_blank"> Voir les dernières productions </a>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>
                </table>
              </div>
              
            </td>
          </tr>
        </tbody>
      </table>
    </div>

<div style="margin:0px auto;max-width:860px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:50px 15px;text-align:center;">
              
              <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0;line-height:0;text-align:left;display:inline-block;width:100%;direction:ltr;">
                
                <div class="mj-column-per-3 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:3%;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                    <tbody>
                      <tr>
                        <td style="vertical-align:middle;padding:0;">
                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                            <tr>
                              <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
                                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                                  <tbody>
                                    <tr>
                                      <td style="width:16px;">
                                        <img alt="" height="auto" src="https://www.urbalyon.org/themes/custom/urbalyon/img/hexagonx3.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:14px;" width="16" />
                                      </td>
                                    </tr>
                                  </tbody>
                                </table>
                              </td>
                            </tr>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </div>
                
                <div class="mj-column-per-97 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:97%;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                    <tbody>
                      <tr>
                        <td style="vertical-align:middle;padding:0;">
                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                            <tr>
                              <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
                                <div style="font-family:Muli, Arial;font-size:25px;font-weight:bold;line-height:22px;text-align:left;color:#282828;">&nbsp;A voir aussi</div>
                              </td>
                            </tr>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </div>
                
              </div>
              
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    
    
    
    <div style="margin:0px auto;max-width:860px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:0 15px;text-align:center;">
                                     
              <div class="mj-column-per-33-333333333333336 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:top;padding:0 15px;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                          <tr>
                            <td align="left" style="font-size:0px;padding:0;padding-bottom:10px;word-break:break-word;">
                              <div style="font-family:Muli, Arial;font-size:18px;font-weight:bold;line-height:25px;text-align:left;color:#000000;">Des (nouvelles) cartes en mains pour concilier développement économique et sobriété foncière dans les territoires</div>
                            </td>
                          </tr>
                          <tr>
                            <td align="left" style="font-size:0px;padding:0;padding-bottom:10px;word-break:break-word;">
                              <div style="font-family:Muli, Arial;font-size:14px;font-weight:600;line-height:22px;text-align:left;color:rgba(0, 0, 0, 0.5);">Le 24. 10. 2024</div>
                            </td>
                          </tr>
                                                                              <tr>
                            <td align="left" vertical-align="middle" style="font-size:0px;padding:0;padding-top:0px;padding-bottom:30px;word-break:break-word;">
                              <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                <tr>
                                                                                                                                                                                                                                                                                                                                                                                                    <td align="center" bgcolor="transparent" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 0px;background:transparent;" valign="middle">
                                                                        <a href="https://www.urbalyon.org/fr/des-nouvelles-cartes-en-mains-pour-concilier-developpement-economique-et-sobriete-fonciere-dans-les" style="display:inline-block;background:transparent;color:#ACB800;font-family:Muli, Arial;font-size:16px;font-weight:600;line-height:22px;margin:0;text-decoration:none;text-transform:none;padding:0px 0px;mso-padding-alt:0px;border-radius:3px;" target="_blank"> En savoir plus &nbsp;<img src="https://www.urbalyon.org/themes/custom/urbalyon/img/fleche@3x.png" style="width:16px; vertical-align:middle;" width="16" height="13" />
                                                                        </a>
                                  </td>
                                </tr>
                              </table>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
                                     
              <div class="mj-column-per-33-333333333333336 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:top;padding:0 15px;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                          <tr>
                            <td align="left" style="font-size:0px;padding:0;padding-bottom:10px;word-break:break-word;">
                              <div style="font-family:Muli, Arial;font-size:18px;font-weight:bold;line-height:25px;text-align:left;color:#000000;">Retour sur le 3e point d&#039;étape de la Charte Qualité de la Ville de Lyon</div>
                            </td>
                          </tr>
                          <tr>
                            <td align="left" style="font-size:0px;padding:0;padding-bottom:10px;word-break:break-word;">
                              <div style="font-family:Muli, Arial;font-size:14px;font-weight:600;line-height:22px;text-align:left;color:rgba(0, 0, 0, 0.5);">Le 04. 11. 2024</div>
                            </td>
                          </tr>
                                                                              <tr>
                            <td align="left" vertical-align="middle" style="font-size:0px;padding:0;padding-top:0px;padding-bottom:30px;word-break:break-word;">
                              <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                <tr>
                                                                                                                                                                                                                                                                                                                                                                                                    <td align="center" bgcolor="transparent" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 0px;background:transparent;" valign="middle">
                                                                        <a href="https://www.urbalyon.org/fr/retour-sur-le-3e-point-detape-de-la-charte-qualite-de-la-ville-de-lyon" style="display:inline-block;background:transparent;color:#ACB800;font-family:Muli, Arial;font-size:16px;font-weight:600;line-height:22px;margin:0;text-decoration:none;text-transform:none;padding:0px 0px;mso-padding-alt:0px;border-radius:3px;" target="_blank"> En savoir plus &nbsp;<img src="https://www.urbalyon.org/themes/custom/urbalyon/img/fleche@3x.png" style="width:16px; vertical-align:middle;" width="16" height="13" />
                                                                        </a>
                                  </td>
                                </tr>
                              </table>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
                                     
              <div class="mj-column-per-33-333333333333336 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:top;padding:0 15px;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                          <tr>
                            <td align="left" style="font-size:0px;padding:0;padding-bottom:10px;word-break:break-word;">
                              <div style="font-family:Muli, Arial;font-size:18px;font-weight:bold;line-height:25px;text-align:left;color:#000000;">Séminaire Popsu Transitions « Le potentiel écologique et vivrier des sols de la Métropole »</div>
                            </td>
                          </tr>
                          <tr>
                            <td align="left" style="font-size:0px;padding:0;padding-bottom:10px;word-break:break-word;">
                              <div style="font-family:Muli, Arial;font-size:14px;font-weight:600;line-height:22px;text-align:left;color:rgba(0, 0, 0, 0.5);">Le 25. 11. 2024</div>
                            </td>
                          </tr>
                                                    <tr>
                            <td align="left" style="font-size:0px;padding:0;padding-top:0px;padding-bottom:10px;word-break:break-word;">
                              <div style="font-family:Muli, Arial;font-size:13px;line-height:22px;text-align:left;text-transform:uppercase;color:rgb(40, 40, 40);">Saint-Priest/Villeurbanne</div>
                            </td>
                          </tr>
                                                                              <tr>
                            <td align="left" vertical-align="middle" style="font-size:0px;padding:0;padding-top:0px;padding-bottom:30px;word-break:break-word;">
                              <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                <tr>
                                                                                                                                                                                                                                                                                                                                                            <td align="center" bgcolor="transparent" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 0px;background:transparent;" valign="middle">
                                                                        <a href="https://www.urbalyon.org/fr/seminaire-popsu-transitions-le-potentiel-ecologique-et-vivrier-des-sols-de-la-metropole" style="display:inline-block;background:transparent;color:#ACB800;font-family:Muli, Arial;font-size:16px;font-weight:600;line-height:22px;margin:0;text-decoration:none;text-transform:none;padding:0px 0px;mso-padding-alt:0px;border-radius:3px;" target="_blank"> En savoir plus &nbsp;<img src="https://www.urbalyon.org/themes/custom/urbalyon/img/fleche@3x.png" style="width:16px; vertical-align:middle;" width="16" height="13" />
                                                                        </a>
                                  </td>
                                </tr>
                              </table>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
                              
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    
        
    
    <div style="margin:0px auto;max-width:860px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:0 15px;text-align:center;">
              
              <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:top;padding:0;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                          <tr>
                            <td style="font-size:0px;padding:30px 0;padding-top:60px;word-break:break-word;">
                              <p style="border-top:solid 1px #d8d8d8;font-size:1px;margin:0px auto;width:100%;">
                              </p>
                              
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    
    <div style="margin:0px auto;max-width:860px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:0 15px 50px 15px;text-align:center;">
              
              <div class="mj-column-per-65 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:top;padding:0;padding-bottom:30px;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                          <tr>
                            <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
                              <div style="font-family:Muli, Arial;font-size:18px;font-weight:bold;line-height:22px;text-align:left;color:#000000;">Agence d&#039;urbanisme de l&#039;aire métropolitaine lyonnaise</div>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              
              <div class="mj-column-per-10 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:top;padding:0;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              
              <div class="mj-column-per-25 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:top;padding:0;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                          <tr>
                            <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
                              <div style="font-family:Muli, Arial;font-size:14px;line-height:22px;text-align:right;color:#000000;">Octobre 2024</div>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    
  </div>
</body>

</html>