<!DOCTYPE html>

<!DOCTYPE html>

<html><head><title class="next-head">Plan de prévention des risques littoraux (PPRL) de la Baie de Pont Mahé - Traict de Pen Bé | geo.data.gouv.fr</title></head><body><div id="__next"><div class="jsx-3133885605" id="page"><nav class="jsx-3060945246"><div class="jsx-1157840685"><div class="jsx-3060945246"><a class="jsx-3060945246 logo"><img class="jsx-3060945246" src="/static/images/logo.svg"/></a><ul class="jsx-3060945246"><li class="jsx-3060945246"></li><li class="jsx-3060945246"><div class="jsx-645470648 dropdown"><a class="jsx-645470648">🇬🇧</a></div></li></ul></div></div></nav><div class="jsx-3133885605" id="end-of-life">Ce site n’est plus mis à jour. Les jeux de données peuvent de fait être obsolètes. Pour plus d’information <a class="jsx-3133885605">cliquez ici</a>.</div><main class="jsx-2674945070 clouds"><div class="jsx-1157840685"><div class="jsx-2132633285 container"><div class="jsx-2132633285 left"><div class="jsx-3902000459 wrapper"><h3 class="jsx-3902000459 header grey">Publication on data.gouv.fr</h3><div class="jsx-3902000459 padded"><div class="jsx-2619594309 container"><span class="jsx-2619594309 icon"><svg height="1em" style="vertical-align:middle" width="1em"><g><path></path></g></svg></span><div class="jsx-2619594309">This dataset <a>is published</a> on data.gouv.fr.</div></div></div></div><div class="jsx-3902000459 wrapper"><h3 class="jsx-3902000459 header grey">Contacts</h3><div class="jsx-3902000459 padded"><div class="jsx-3585575714"><div class="jsx-3585575714 contact"><div class="jsx-3892189411 container"><div class="jsx-3892189411 header"><div class="jsx-3892189411 name">DDTM Loire-Atlantique</div><div class="jsx-3892189411 role other">Other</div></div><div class="jsx-3892189411 address">10, Boulevard Gaston Serpette
BP 53606 NANTES Cedex 1 - 44036 France</div><div class="jsx-3892189411 contact"><div class="jsx-3892189411"><svg height="1em" style="vertical-align:middle" width="1em"><g><path></path></g></svg> 0240672651</div><div class="jsx-3892189411 email"><div class="jsx-3892189411"><svg height="1em" style="vertical-align:-1px" width="1em"><g><path></path></g></svg></div><a class="jsx-3892189411">ddtm-mopedd-pg@loire-atlantique.gouv.fr</a></div></div></div></div><div class="jsx-3585575714 contact"><div class="jsx-3892189411 container"><div class="jsx-3892189411 header"><div class="jsx-3892189411 name">DDTM Loire-Atlantique</div><div class="jsx-3892189411 role owner">Owner</div></div><div class="jsx-3892189411 address">10, Boulevard Gaston Serpette
BP 53606 NANTES Cedex 1 - 44036 France</div><div class="jsx-3892189411 contact"><div class="jsx-3892189411"><svg height="1em" style="vertical-align:middle" width="1em"><g><path></path></g></svg> 0240672651</div><div class="jsx-3892189411 email"><div class="jsx-3892189411"><svg height="1em" style="vertical-align:-1px" width="1em"><g><path></path></g></svg></div><a class="jsx-3892189411">ddtm-mopedd-pg@loire-atlantique.gouv.fr</a></div></div></div></div></div></div></div></div><div class="jsx-2132633285 main"><div class="jsx-3902000459 wrapper"><div class="jsx-3902000459 padded"><div class="jsx-1660307821"><section class="jsx-1660307821 row"><div class="jsx-1660307821 left"><h1 class="jsx-1660307821">Plan de prévention des risques littoraux (PPRL) de la Baie de Pont Mahé - Traict de Pen Bé</h1><div class="jsx-2522095837"><span class="jsx-2522095837">Type: <b class="jsx-2522095837">dataset</b></span><span class="jsx-2522095837">License: <b class="jsx-2522095837"><a class="jsx-2522095837">Licence Ouverte 2.0</a></b></span><span class="jsx-2522095837">Category: <b class="jsx-2522095837">geoscientific information</b></span><span class="jsx-2522095837">Last update: <b class="jsx-2522095837">5 years ago</b></span></div></div><a class="jsx-1660307821"><img class="jsx-1660307821" src="/static/images/datasets/inspire/am.svg"/></a></section><section class="jsx-1660307821"><div class="jsx-834085921"><div class="jsx-539191588 wrapper"><div class="jsx-539191588"><p>Le Plan de prévention des risques littoraux (PPRL) de la Baie de Pont Mahé - Traict de Pen Bé a été approuvé par arrêté du Préfet en date du 25 avril 2019  et opposable le 11 juin 2019.</p><p>Ce PPRL concerne les communes d'Assérac, Mesquer, Piriac-sur-Mer, Saint-Molf.</p><p>Le PPRL est un document réglementaire destiné à améliorer la sécurité des personnes et des biens face aux risques de submersion marine et d'érosion côtière. Il vise en priorité à ne pas aggraver les risques et à réduire la vulnérabilité sur les périmètres qu'il couvre, tant du point de vue de l'urbanisation future que des modalités de construction et des usages du territoire.</p></div></div></div></section><section class="jsx-1660307821 origin"><h5 class="jsx-1660307821">Data origin:</h5><div class="jsx-834085921"><div class="jsx-539191588 wrapper"><div class="jsx-539191588"><p>Les infrastructures routières à cartographier pour cette 3e échéance sont les routes dont le trafic est supérieur à 3 millions de véhicules par an c’est-à-dire les voies supportant un trafic journalier supérieur à 8 200 véhicules.</p></div></div></div></section><section class="jsx-1660307821"><p class="jsx-1660307821"><b class="jsx-1660307821">Purpose:</b> not specified</p><div class="jsx-2964012961"><h5 class="jsx-2964012961">Data life cycle, according to producer:</h5><div class="jsx-2964012961">Creation date: <b class="jsx-2964012961">April 24, 2019</b></div><div class="jsx-2964012961">Update frequency: <b class="jsx-2964012961">unknown</b></div></div></section></div></div></div><div class="jsx-3902000459 wrapper"><h3 class="jsx-3902000459 header grey">Resources</h3><div class="jsx-3902000459 padded"><div class="jsx-45837598"><div class="jsx-45837598 resource"><div class="jsx-991798195 container"><div class="jsx-991798195 header"><h5 class="jsx-991798195">Vue XML des métadonnées</h5><p class="jsx-991798195"></p></div><div class="jsx-991798195 action"><a class="jsx-2040301335 wrapper small blue block"><svg height="1em" style="vertical-align:-2px" width="1em"><g><path></path></g></svg> Browse</a></div></div></div><div class="jsx-45837598 resource"><div class="jsx-991798195 container"><div class="jsx-991798195 header"><h5 class="jsx-991798195">Carte de bruit stratégique 2017 dans le Loiret : troisième échéance</h5><p class="jsx-991798195">Les cartes de bruit stratégiques grandes infrastructures de transport terrestre dites de « troisième échéance », concernent le réseau routier et autoroutier dont le trafic annuel dépasse 3 millions de véhicules et les infrastructures ferroviaires dont le trafic annuel est supérieur à 30 000 passages de train.
La période de validité des cartes de bruit est de 5 ans, à l’issue de laquelle il convient conformément à l’article L.572-5 du code de l’environnement, de les réexaminer et le cas échéant de les réviser.</p></div><div class="jsx-991798195 action"><a class="jsx-2040301335 wrapper small blue block"><svg height="1em" style="vertical-align:-2px" width="1em"><g><path></path></g></svg> Browse</a></div></div></div><div class="jsx-45837598 resource"><div class="jsx-991798195 container"><div class="jsx-991798195 header"><h5 class="jsx-991798195">Téléchargement simple (Atom) du lot et des documents associés via internet</h5><p class="jsx-991798195"></p></div><div class="jsx-991798195 action"><a class="jsx-2040301335 wrapper small blue block"><svg height="1em" style="vertical-align:-2px" width="1em"><g><path></path></g></svg> Browse</a></div></div></div><div class="jsx-45837598 resource"><div class="jsx-2570275824 container"><div class="jsx-2570275824 header"><h5 class="jsx-2570275824">WFS Service</h5><p class="jsx-2570275824">http://ogc.geo-ide.developpement-durable.gouv.fr/wxs?map=%2Fopt%2Fdata%2Fcarto%2Fgeoide-catalogue%2F1.4%2Forg_38174%2Facc8894f-aa3f-4ee4-93d0-0cfea96f3309.internet.map</p></div><div class="jsx-2570275824 features"><div class="jsx-2570275824 feature"><div class="jsx-1834429539 container unavailable"><div class="jsx-1834429539 main"><div class="jsx-1834429539"><span class="jsx-1834429539">PPRL Baie de Pont Mahé - Traict de Pen Bé</span><div class="jsx-1834429539 download"><button class="jsx-2040301335 wrapper small">GeoJSON</button></div><div class="jsx-1834429539 download"><button class="jsx-2040301335 wrapper small">SHP/L93</button></div><div class="jsx-1834429539 download"><button class="jsx-2040301335 wrapper small">SHP/W84</button></div><div class="jsx-1834429539 download"><button class="jsx-2040301335 wrapper small">KML</button></div><div class="jsx-1834429539 download"><button class="jsx-2040301335 wrapper small">CSV</button></div></div></div><div class="jsx-1834429539 action"><i class="jsx-1834429539">Unavailable</i></div></div></div></div></div></div><div class="jsx-45837598 resource"><div class="jsx-2570275824 container"><div class="jsx-2570275824 header"><h5 class="jsx-2570275824">WFS Service</h5><p class="jsx-2570275824">http://ogc.geo-ide.developpement-durable.gouv.fr/wxs?map=%2Fopt%2Fdata%2Fcarto%2Fgeoide-catalogue%2F1.4%2Forg_38030%2Ffr-120066022-orphan-1a11865e-b4d0-415c-b092-bbb3b9601883.internet.map</p></div><div class="jsx-2570275824 features"><div class="jsx-2570275824 feature"><div class="jsx-1834429539 container unavailable"><div class="jsx-1834429539 main"><div class="jsx-1834429539"><span class="jsx-1834429539">PPRL Baie de Pont Mahé - Traict de Pen Bé</span><div class="jsx-1834429539 download"><button class="jsx-2040301335 wrapper small">GeoJSON</button></div><div class="jsx-1834429539 download"><button class="jsx-2040301335 wrapper small">SHP/L93</button></div><div class="jsx-1834429539 download"><button class="jsx-2040301335 wrapper small">SHP/W84</button></div><div class="jsx-1834429539 download"><button class="jsx-2040301335 wrapper small">KML</button></div><div class="jsx-1834429539 download"><button class="jsx-2040301335 wrapper small">CSV</button></div></div></div><div class="jsx-1834429539 action"><i class="jsx-1834429539">Unavailable</i></div></div></div></div></div></div></div></div></div><div class="jsx-3902000459 wrapper"><h3 class="jsx-3902000459 header grey">Discussions</h3><div class="jsx-3902000459 padded"><div class="jsx-2016814025"><div class="jsx-2016814025 discussions"><i class="jsx-2016814025">Loading…</i></div><button class="jsx-2040301335 wrapper blue"><svg height="1em" style="vertical-align:-2px" width="1em"><g><path></path></g></svg> Start new discussion</button></div></div></div></div><div class="jsx-2132633285 right"><div class="jsx-3902000459 wrapper"><h3 class="jsx-3902000459 header grey">Spatial extent</h3><div class="jsx-3902000459 padded"><div class="jsx-939378170"><div class="jsx-939378170 map"><div class="jsx-505892748 container"><div class="jsx-505892748 grid small"><div class="jsx-505892748 cube cube1"></div><div class="jsx-505892748 cube cube2"></div><div class="jsx-505892748 cube cube3"></div><div class="jsx-505892748 cube cube4"></div><div class="jsx-505892748 cube cube5"></div><div class="jsx-505892748 cube cube6"></div><div class="jsx-505892748 cube cube7"></div><div class="jsx-505892748 cube cube8"></div><div class="jsx-505892748 cube cube9"></div></div><div class="jsx-505892748 text">Loading the map</div></div></div></div></div></div></div></div><div class="jsx-2132633285 footer"><div class="jsx-2216535277">Dataset ID: <b class="jsx-2216535277">fr-120066022-ldd-5d485f5d-7224-43fc-becb-e0f585b4b7c4</b><br class="jsx-2216535277"/>Metadata last update: <b class="jsx-2216535277">4 years ago</b></div></div></div></main><footer class="jsx-2565400109"><div class="jsx-1157840685" style="max-width:1200px"><div class="jsx-2565400109 content"><div class="jsx-2565400109"><img class="jsx-2565400109" src="/static/images/etalab.png"/><ul class="jsx-3076078642 social"><li class="jsx-3076078642"><a class="jsx-3076078642"><img class="jsx-3076078642" src="/static/images/social/twitter.svg"/></a></li><li class="jsx-3076078642"><a class="jsx-3076078642"><img class="jsx-3076078642" src="/static/images/social/github.svg"/></a></li><li class="jsx-3076078642"><a class="jsx-3076078642"><img class="jsx-3076078642" src="/static/images/social/medium.svg"/></a></li><li class="jsx-3076078642"><a class="jsx-3076078642"><img class="jsx-3076078642" src="/static/images/social/email.svg"/></a></li></ul></div><ul class="jsx-3304229060 links"><li class="jsx-3304229060"><h2 class="jsx-3304229060">geo.data.gouv.fr</h2></li><li class="jsx-3304229060"><a class="jsx-3304229060">Legal</a></li></ul></div></div></footer></div></div><style>html {
    font-family: sans-serif;
    line-height: 1.15
    }
body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    text-align: left;
    background-color: #fff
    }
article, aside, footer, header, nav, section, figcaption, figure, main, details, menu {
    display: block
    }
b, strong {
    font-weight: 600
    }
img {
    border-style: none
    }
button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
    }
button, input {
    overflow: visible
    }
button, select {
    text-transform: none
    }
html {
    font-size: 14px
    }
h1, h2, h3, h4, h5 {
    font-family: inherit;
    line-height: 1.285714em;
    margin: calc(2rem - 0.142857em) 0 1rem;
    font-weight: 600;
    padding: 0
    }
h1 {
    min-height: 1rem;
    font-size: 2rem
    }
h2 {
    font-size: 1.714286rem
    }
h3 {
    font-size: 1.285714rem
    }
h5 {
    font-size: 1rem
    }
a {
    background-color: transparent;
    color: #3099df;
    text-decoration: none
    }
p {
    margin: 0 0 1em
    }
.dropdown.jsx-645470648 {
    position: relative;
    display: inline-block;
    cursor: pointer
    }
a.jsx-645470648 {
    color: #000
    }
div.jsx-1157840685 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex-grow: 1
    }
nav.jsx-3060945246 {
    background: #fff;
    border-bottom: 1px solid #eee
    }
div.jsx-3060945246 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between
    }
.logo.jsx-3060945246 img.jsx-3060945246 {
    height: 68px;
    padding: 1em 0
    }
ul.jsx-3060945246 {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: right
    }
ul.jsx-3060945246 li.jsx-3060945246 {
    padding: 0;
    display: inline-block
    }
ul.jsx-3060945246 li.jsx-3060945246 + li.jsx-3060945246 {
    margin-left: 5px
    }
.container.jsx-2619594309 {
    background-color: #e5faea;
    padding: 0.8em;
    border-radius: 2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center
    }
.container.jsx-2619594309 a {
    color: #21ba45
    }
.icon.jsx-2619594309 {
    color: #3cdc62;
    font-size: 1.8em;
    margin-right: 0.9rem
    }
.wrapper.jsx-3902000459 {
    background-color: #fff;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    margin-bottom: 20px;
    overflow: hidden
    }
.header.jsx-3902000459 {
    padding: 0.6em 0.75em 0.55em
    }
h3.jsx-3902000459 {
    font-size: 1.1em;
    margin: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal
    }
.padded.jsx-3902000459 {
    padding: 1.5em 1.7em
    }
.grey.jsx-3902000459 {
    background-color: #eee
    }
.header.jsx-3892189411 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    justify-content: space-between
    }
.name.jsx-3892189411 {
    font-weight: 600
    }
.address.jsx-3892189411 {
    margin-top: 0.5em
    }
.contact.jsx-3892189411 {
    margin-top: 0.5em
    }
.contact.jsx-3892189411 svg {
    margin-right: 5px
    }
.email.jsx-3892189411 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word
    }
.role.jsx-3892189411 {
    font-size: small;
    padding: 1px 5px;
    border-radius: 2px;
    margin-left: 5px;
    background-color: #808080;
    color: #fff
    }
.role.owner.jsx-3892189411 {
    background-color: #21ba45
    }
div.jsx-2522095837 {
    font-size: small
    }
span.jsx-2522095837 {
    display: inline-block;
    margin-right: 1em
    }
b.jsx-2522095837 {
    color: #3099df
    }
a.jsx-2522095837 {
    color: inherit
    }
.wrapper.jsx-539191588 {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word
    }
h5.jsx-2964012961 {
    margin-bottom: 1rem
    }
b.jsx-2964012961 {
    color: #3099df
    }
.row.jsx-1660307821 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    border-bottom: 1px solid #eee;
    padding-bottom: 1em
    }
.origin.jsx-1660307821 {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 1em 0
    }
.left.jsx-1660307821 {
    flex: 1
    }
h1.jsx-1660307821 {
    font-size: 1.8rem;
    font-weight: 500;
    margin: 0 0 0.6rem 0
    }
a.jsx-1660307821 {
    display: block;
    padding-left: 15px
    }
a.jsx-1660307821 img.jsx-1660307821 {
    width: 40px
    }
.wrapper.jsx-2040301335 {
    display: inline-block;
    border: 0 none;
    border-radius: 2px;
    padding: 5px 7px;
    border: 1px solid transparent;
    cursor: pointer;
    color: inherit
    }
.block.jsx-2040301335 {
    display: block;
    width: 100%
    }
.small.jsx-2040301335 {
    font-size: 0.8em;
    padding: 2px 4px
    }
.blue.jsx-2040301335 {
    background-color: #3099df;
    border-color: #3099df;
    color: #fff
    }
.container.jsx-991798195 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
    }
h5.jsx-991798195 {
    font-weight: normal;
    margin-bottom: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word
    }
p.jsx-991798195 {
    margin-bottom: 0;
    font-size: 0.9em;
    font-style: italic;
    color: #808080;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word
    }
.action.jsx-991798195 {
    margin-left: auto;
    flex-shrink: 0
    }
.container.jsx-1834429539 {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.3em
    }
.main.jsx-1834429539 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center
    }
span.jsx-1834429539 {
    display: block;
    font-weight: 600;
    margin-bottom: 2px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word
    }
.download.jsx-1834429539 {
    display: inline-block;
    margin: 0 5px 4px 0
    }
.unavailable.jsx-1834429539 {
    opacity: 0.5
    }
.action.jsx-1834429539 {
    margin-left: auto
    }
.action.jsx-1834429539 i.jsx-1834429539 {
    font-size: 0.9em
    }
.header.jsx-2570275824 {
    margin-bottom: 0.2em
    }
h5.jsx-2570275824 {
    font-weight: normal;
    margin-bottom: 0
    }
p.jsx-2570275824 {
    margin-bottom: 0;
    font-size: 0.9em;
    font-style: italic;
    color: #808080;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word
    }
.features.jsx-2570275824 {
    border-left: 3px solid #eee;
    padding-left: 8px
    }
.feature.jsx-2570275824 {
    margin: 5px 0
    }
.resource.jsx-45837598 {
    margin-bottom: 1.8em
    }
.discussions.jsx-2016814025 {
    margin-bottom: 1em
    }
.container.jsx-505892748 {
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%
    }
.grid.jsx-505892748 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    width: 102px;
    height: 102px;
    margin: auto
    }
.text.jsx-505892748 {
    color: #3099df;
    font-weight: 600;
    text-align: center
    }
.cube.jsx-505892748 {
    width: 28px;
    height: 28px;
    margin: 3px;
    background-color: #3099df;
    animation: cube-delay-jsx-505892748 1.8s infinite cubic-bezier(0.9, -0.2, 0.63, 2.2);
    border-radius: 50%
    }
.small.jsx-505892748 {
    width: 54px;
    height: 54px
    }
.small.jsx-505892748 .cube.jsx-505892748 {
    width: 14px;
    height: 14px;
    margin: 2px
    }
.cube1.jsx-505892748 {
    animation-delay: 0.2s
    }
.cube2.jsx-505892748 {
    animation-delay: 0.3s
    }
.cube3.jsx-505892748 {
    animation-delay: 0.4s
    }
.cube4.jsx-505892748 {
    animation-delay: 0.1s
    }
.cube5.jsx-505892748 {
    animation-delay: 0.2s
    }
.cube6.jsx-505892748 {
    animation-delay: 0.3s
    }
.cube7.jsx-505892748 {
    animation-delay: 0s
    }
.cube8.jsx-505892748 {
    animation-delay: 0.1s
    }
.cube9.jsx-505892748 {
    animation-delay: 0.2s
    }
.map.jsx-939378170 {
    width: 100%;
    position: relative;
    height: 250px
    }
div.jsx-2216535277 {
    margin-top: 1em
    }
main.jsx-2674945070 {
    background-color: #fff;
    padding: 20px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex: auto
    }
.clouds.jsx-2674945070 {
    background-position: bottom -69px center, top;
    background-repeat: no-repeat;
    background-size: 1920px
    }
.container.jsx-2132633285 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    flex: auto
    }
.left.jsx-2132633285, .right.jsx-2132633285 {
    width: 370px
    }
.left.jsx-2132633285 {
    margin-right: 20px
    }
.right.jsx-2132633285 {
    margin-left: 20px
    }
.main.jsx-2132633285 {
    flex: 1
    }
.footer.jsx-2132633285 {
    margin-top: auto
    }
ul.jsx-3076078642 {
    list-style-type: none;
    padding: 0;
    margin: 1em 0 0
    }
li.jsx-3076078642 {
    display: inline;
    margin-right: 1em
    }
img.jsx-3076078642 {
    width: 25px
    }
ul.jsx-3304229060 {
    list-style-type: none;
    padding: 0;
    margin: 0
    }
h2.jsx-3304229060 {
    margin-top: 0;
    margin-bottom: 0.5em
    }
a.jsx-3304229060 {
    color: inherit
    }
footer.jsx-2565400109 {
    background: #2c3e50;
    color: #fff;
    padding: 2em 0;
    line-height: 2em
    }
.content.jsx-2565400109 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
    }
div#page.jsx-3133885605 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    position: relative
    }
div#end-of-life.jsx-3133885605 {
    text-align: center;
    padding: 20px;
    background: orange;
    font-weight: bold
    }</style></body></html>