grenoble-metropole: initial theme (#19411)
This commit is contained in:
parent
932adf46c2
commit
78ab74929b
1
Makefile
1
Makefile
|
|
@ -27,6 +27,7 @@ css: data_uris
|
|||
cd static/grandlyon/ && sass style.scss:style.css
|
||||
cd static/grandlyon-gnm/ && sass style.scss:style.css
|
||||
cd static/grandlyon-sau/ && sass style.scss:style.css
|
||||
cd static/grenoble-metropole/ && sass style.scss:style.css
|
||||
cd static/greville-hague/ && sass style.scss:style.css
|
||||
cd static/haute-goulaine/ && sass style.scss:style.css
|
||||
cd static/hautes-alpes/ && sass style.scss:style.css
|
||||
|
|
|
|||
|
|
@ -0,0 +1,203 @@
|
|||
div.toplinks {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* required headers sizes */
|
||||
|
||||
h1, h2, h3, h4 {
|
||||
font-family: 'JosefinSans';
|
||||
color: #000;
|
||||
line-height: 1em;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 50px;
|
||||
margin-bottom: 25px;
|
||||
padding-bottom: 15px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 32px;
|
||||
padding-bottom: 13px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
label {
|
||||
font-weight: bold;
|
||||
span {
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.message {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
width: auto;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
|
||||
/* wcs widgets */
|
||||
|
||||
div.CheckboxesWidget,
|
||||
div.RadiobuttonsWidget {
|
||||
label {
|
||||
position: relative;
|
||||
}
|
||||
input[type=radio] + span,
|
||||
input[type=checkbox] + span {
|
||||
padding-left: 5px;
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
background-color: #fff;
|
||||
border: 1px solid #c5c5c5;
|
||||
font-size: 1em;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
speak: none;
|
||||
}
|
||||
&::after {
|
||||
top: 3px;left: 3px;width: 8px;height: 8px;background: $primary-color;
|
||||
line-height: normal;
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
input[type=radio] + span {
|
||||
&::after,
|
||||
&::before {
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
input[type=radio]:checked + span::after,
|
||||
input[type=checkbox]:checked + span::after {
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
|
||||
div#rub_service h2 {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
div#nav > ul, button {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
div#nav > ul li {
|
||||
border-right: 1px solid #555;
|
||||
padding: 0 0.5em;
|
||||
&:last-child {
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
|
||||
div.wcsformsofcategorycell {
|
||||
li a {
|
||||
&::after {
|
||||
content: '\f105'; /* fa-angle-right */
|
||||
font-family: FontAwesome;
|
||||
position: absolute;
|
||||
right: 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* wcs progress bar styles */
|
||||
|
||||
div#steps ol {
|
||||
display: flex;
|
||||
position: relative;
|
||||
max-width: $width;
|
||||
margin: 0 auto;
|
||||
justify-content: space-between;
|
||||
li {
|
||||
text-align: center;
|
||||
display: block;
|
||||
background: transparent !important;
|
||||
border-bottom: 0;
|
||||
&.current {
|
||||
span.marker {
|
||||
&::before {
|
||||
background: $primary-color;
|
||||
}
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
span.label {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
&.step-before {
|
||||
span.marker {
|
||||
&::before {
|
||||
background: $primary-color;
|
||||
}
|
||||
color: transparent !important;
|
||||
&::before {
|
||||
content: "\f00c"; /* fa-check icon */
|
||||
font-family: FontAwesome;
|
||||
display: block;
|
||||
color: #000;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
}
|
||||
}
|
||||
span {
|
||||
&.label {
|
||||
margin-top: 1ex;
|
||||
font-size: 0.8em;
|
||||
display: none;
|
||||
}
|
||||
&.marker {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
display: inline-flex;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
color: #000;
|
||||
position: relative;
|
||||
border: 2px solid #2A2A2A;
|
||||
border-radius: 50%;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
padding: 2px 2px;
|
||||
}
|
||||
&::before {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 85%;
|
||||
height: 85%;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
background: #CFCFCF;
|
||||
z-index: -1;
|
||||
}
|
||||
@media screen and (max-width: 960px) {
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div#gauche {
|
||||
width: 100%;
|
||||
+ div#rub_service {
|
||||
clear: both;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
$width: 1100px;
|
||||
$mobile-limit: 1024px;
|
||||
$nav-full-width-background: true;
|
||||
$font-size: 16px;
|
||||
$font-family: Roboto;
|
||||
$primary-color: #FFEC44;
|
||||
$link-color: #4D4D4D;
|
||||
$border-radius: 0;
|
||||
$nav-background: transparent;
|
||||
$nav-submenu-background: white;
|
||||
$nav-submenu-color: $primary-color;
|
||||
$nav-item-background: transparent;
|
||||
$nav-color: #050707;
|
||||
$nav-active-color: white;
|
||||
$nav-menu-color: #000;
|
||||
$nav-item-selected-color: $nav-menu-color;
|
||||
$nav-item-selected-mode: bottom-border;
|
||||
$nav-item-selected-border: 5px solid $primary-color;
|
||||
$nav-item-hover-background: transparent;
|
||||
$nav-item-hover-color: $primary-color;
|
||||
$button-background: $primary-color;
|
||||
$button-color: #000;
|
||||
$title-color: #000;
|
||||
$title-font-size: 32px;
|
||||
$title-font-family: 'JosefinSans';
|
||||
$title-weight: bold;
|
||||
$title-background: transparent;
|
||||
$cell-entry-border-color: #000;
|
||||
$footer-background: #000;
|
||||
$footer-color: $primary-color;
|
||||
$title-border-bottom: none;
|
||||
$cell-background: transparent;
|
||||
$cell-border: 0px solid transparent;
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
@charset "UTF-8";
|
||||
|
||||
@import 'vars';
|
||||
@import '../includes/publik';
|
||||
@import '../includes/font-roboto';
|
||||
@import '../includes/font-josefinsans';
|
||||
@import 'custom';
|
||||
|
|
@ -0,0 +1,832 @@
|
|||
{% load i18n static %}
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta charset="UTF-8">
|
||||
<title>{% firstof global_title "Compte Citoyen" %} {% block title %}{% endblock %}</title>
|
||||
{% if theme_color %}
|
||||
<meta name="theme-color" content="{{theme_color}}">
|
||||
<meta name="msapplication-navbutton-color" content="{{theme_color}}">
|
||||
{% endif %}
|
||||
{% with base_url="https://www.lametro.fr" %}
|
||||
<link rel="shortcut icon" href="{{ base_url }}/uploads/Image/fb/SIT_LA_METRO_818_LA_METRO_275_Favicon.ico" type="image/x-icon">
|
||||
<script>var SERVER_ROOT = '/'; var SIT_IMAGE = '/images/GBI_LA_METRO/';</script>
|
||||
<link rel="stylesheet" href="{{ base_url }}/uploads/Style/SIT_LA_METRO_include_css_GAB_LA_METRO_default.css" media="screen, print">
|
||||
<link rel="stylesheet" href="{{ base_url }}/include/css/GAB_LA_METRO/print.css" media="print">
|
||||
<link rel="stylesheet" href="{{ base_url }}/include/js/jquery/colorbox/colorbox.css" media="screen">
|
||||
<link rel="stylesheet" href="{{ base_url }}/include/js/jquery/owl-carousel/assets/owl.carousel.css" media="screen">
|
||||
<link rel="stylesheet" href="{{ base_url }}/include/js/jquery/owl-carousel/assets/owl.theme.default.css" media="screen">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta property="og:title" content="Accueil">
|
||||
<script src="{{ base_url }}/include/js/jquery/jquery.min.js" ></script>
|
||||
<script src="{{ base_url }}/include/js/jquery/ui/jquery-ui.min.js" ></script>
|
||||
<script src="{{ base_url }}/include/js/jquery/colorbox/jquery.colorbox-min.js" ></script>
|
||||
<script src="{{ base_url }}/include/js/jquery/colorbox/i18n/jquery.colorbox-fr.js" ></script>
|
||||
<script src="{{ base_url }}/include/js/audiodescription.js" ></script>
|
||||
<script src="{{ base_url }}/include/gabarit_site/GAB_LA_METRO/script.js" ></script>
|
||||
<script src="{{ base_url }}/include/gabarit_site/GAB_LA_METRO/menu.js" ></script>
|
||||
<script src="{{ base_url }}/include/js/jquery/owl-carousel/owl.carousel.min.js" ></script>
|
||||
{% if css_variant %}
|
||||
<link rel="stylesheet" type="text/css" href="{{site_base}}{% static "" %}{{css_variant}}/style.css?{{statics_hash}}">
|
||||
{% else %}
|
||||
<link rel="stylesheet" type="text/css" href="{{site_base}}{% static "style.css" %}?{{statics_hash}}">
|
||||
{% endif %}
|
||||
{% block extra_css %}
|
||||
{% endblock %}
|
||||
{% block extra_scripts %}
|
||||
{% endblock %}
|
||||
</head>
|
||||
|
||||
<body {% block bodyargs %}class="{% block bodyclasses %}{% endblock %}"{% endblock %} {% block bodyattrs %}{% endblock %}>
|
||||
<div id="documentOuter">
|
||||
<div id="document">
|
||||
<div id="barreHaut" class="innerContent">
|
||||
<div id="accessibiliteHaut" class="tablet_hidden">
|
||||
<a href="#menu">Menu</a>
|
||||
<a href="#content">Contenu</a>
|
||||
</div>
|
||||
|
||||
<div class="innerCenter">
|
||||
<div class="bottom">
|
||||
<div class="bloc toplinks">
|
||||
{% block user-info %}
|
||||
{% if user.is_authenticated %}
|
||||
<span class="logged-in">
|
||||
<span class="connected-user">{{user.first_name}} {{user.last_name}}</span>
|
||||
<a class="logout" href="{% url 'auth_logout' %}">Déconnexion</a>
|
||||
</span>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<header id="bandeauHaut" role="banner">
|
||||
|
||||
<a id="eosm-btn" href=""></a>
|
||||
|
||||
<div class="logoTitre">
|
||||
<div class="innerCenter">
|
||||
<h1 class="h1Home"><img alt="La métro" src="{{ base_url }}/images/GBI_LA_METRO/logo.png"></h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav id="eosm-menu" role="navigation">
|
||||
<ul class="clearfix">
|
||||
<!-- Niveau 1 -->
|
||||
<li class="niv1">
|
||||
<a href="https://www.lametro.fr/2-la-metropole.htm" title="La Métropole"><span>La Métropole <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down.png" alt="" class="eosm-dropdown"></span></a>
|
||||
<ul class="sousMenu">
|
||||
<!-- Niveau 2 -->
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/4-territoire.htm" title="Territoire">Territoire <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down2.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 3 -->
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/10-un-territoire-attractif.htm" title="Un territoire attractif">Un territoire attractif</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/11-49-communes.htm" title="49 communes">49 communes</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/459-carte-de-la-metropole.htm" title="Carte de la Métropole">Carte de la Métropole</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/458-aux-racines-du-dynamisme-grenoblois.htm" title="Aux racines du dynamisme grenoblois">Aux racines du dynamisme grenoblois</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/5-institution.htm" title="Institution">Institution <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down2.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 3 -->
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/13-les-missions-de-la-metropole.htm" title="Les missions de la Métropole"> Missions</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/12-histoire-de-la-metropole.htm" title="Le statut de Métropole">Le statut de Métropole</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/482-programmes-europeens.htm" title="Programmes européens">Programmes européens</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/6-conseil-metropolitain.htm" title="Conseil métropolitain">Conseil métropolitain <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down2.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 3 -->
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/15-vos-elus.htm" title="Vos élus">Élus</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/16-fonctionnement-du-conseil-metropolitain.htm" title="Fonctionnement du conseil métropolitain">Fonctionnement</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/17-les-seances-du-conseil.htm" title="Les séances du conseil">Séances du conseil</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/18-deliberations.htm" title="Délibérations">Délibérations</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/7-administration.htm" title="Administration">Administration <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down2.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 3 -->
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/22-siege-administratif.htm" title="Siège administratif">Siège administratif</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/19-organigramme.htm" title="Organigramme">Organigramme</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/23-offres-d-emploi.htm" title="Offres d'emploi">Offres d'emploi<img src="{{ base_url }}/images/GBI_LA_METRO/angle_down3.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 4 -->
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/414-formulaire-de-demande-de-stage.htm" title="Demande de stage">Demande de stage</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/486-demande-d-alternance.htm" title="Demande d'alternance">Demande d'alternance</a>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/20-budget-de-la-metropole.htm" title="Finances">Finances</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/21-subventions-des-associations.htm" title="Subventions aux associations">Subventions aux associations</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/24-marches-publics.htm" title="Marchés publics">Marchés publics<img src="{{ base_url }}/images/GBI_LA_METRO/angle_down3.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 4 -->
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/260-marches-de-services.htm" title="Marchés de services">Marchés de services</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/261-marches-de-travaux.htm" title="Marchés de travaux">Marchés de travaux</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/262-marches-de-fournitures.htm" title="Marchés de fournitures">Marchés de fournitures</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/408-liste-des-marches-conclus-par-annee.htm" title="Marchés conclus">Marchés conclus</a>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/25-participation.htm" title="Participation">Participation </a>
|
||||
</li>
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/9-information.htm" title="Information">Information <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down2.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 3 -->
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/26-magazine-metropole.htm" title="Le magazine Grenoble-Alpes Métropole">Le magazine Grenoble-Alpes Métropole</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/27-les-sites-web-de-la-metropole.htm" title="Les sites web de la Métropole">Sites web</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/28-open-data.htm" title="Open data">Open data</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/104-actualite.htm">Actualités</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/489-logo.htm">Logo</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="close"><img src="{{ base_url }}/images/GBI_LA_METRO/fermer.png" alt=""></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv1">
|
||||
<a href="https://www.lametro.fr/29-services.htm" title="Services"><span>Services <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down.png" alt="" class="eosm-dropdown"></span></a>
|
||||
<ul class="sousMenu">
|
||||
<!-- Niveau 2 -->
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/31-dechets.htm" title="Déchets">Déchets <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down2.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 3 -->
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/40-je-m-equipe.htm" title="Je m'équipe">Je m'équipe</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/409-je-reduis-mes-dechets.htm" title="Je réduis mes déchets">Je réduis mes déchets</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/41-je-trie-je-jette.htm" title="Je trie, je jette">Je trie, je jette<img src="{{ base_url }}/images/GBI_LA_METRO/angle_down3.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 4 -->
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/272-je-trie-comment-mes-dechets-.htm">Comment trier mes déchets ?</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/263-jours-de-collecte.htm">Les jours de collecte</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/271-je-cherche-une-decheterie.htm">22 déchèteries à votre service</a>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/42-je-composte.htm" title="Je composte">Je composte</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/44-je-suis-un-pro.htm" title="Je suis un pro">Je suis un pro</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/43-que-fait-la-metropole-.htm" title="Que fait la Métropole ?">Que fait la Métropole ?</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/32-eau.htm" title="Eau">Eau <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down2.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 3 -->
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/218-potable-et-de-qualite.htm">Eau potable<img src="{{ base_url }}/images/GBI_LA_METRO/angle_down3.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 4 -->
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/253-l-eau-potable-dans-notre-metropole.htm">Je me renseigne</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/254-mon-abonnement-eau-potable.htm">Mes démarches</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/255-que-fait-la-metropole-.htm" title="Que fait la Métropole ?">Que fait la Métropole ?</a>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/219-eaux-usees-bien-traitees.htm">Eaux usées<img src="{{ base_url }}/images/GBI_LA_METRO/angle_down3.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 4 -->
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/256-des-eaux-usees-proprement-rendues-a-la-nature.htm" title="Je me renseigne">Je me renseigne</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/257-acteur-de-l-assainissement.htm" title="Mes démarches">Mes démarches</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/47-que-fait-la-metropole-.htm" title="Que fait la Métropole ?">Que fait la Métropole ?</a>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/474-eaux-pluviales.htm">Eaux pluviales</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/33-deplacements.htm" title="Mobilité">Mobilité <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down2.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 3 -->
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/266-metromobilite.htm">Métromobilité</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/48-je-prends-les-transports-en-commun.htm" title="Je prends les transports en commun">Je prends les transports en commun</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/49-je-circule-a-velo.htm" title="Je circule à vélo">Je circule à vélo</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/51-je-circule-en-voiture.htm" title="Je circule en voiture">Je circule en voiture<img src="{{ base_url }}/images/GBI_LA_METRO/angle_down3.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 4 -->
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/424-certificats-qualite-de-l-air-cqa-.htm" title="Certificats qualité de l'air (CQA)">Certificats qualité de l'air (CQA)</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/430-stationnement.htm" title="Stationnement">Stationnement</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/429-autopartage.htm" title="Autopartage">Autopartage</a>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/53-je-suis-un-pro.htm" title="Je suis un pro">Je suis un pro</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/460-accessibilite.htm" title="Accessibilité">Accessibilité</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/52-que-fait-la-metropole-.htm" title="Que fait la Métropole ?">Que fait la Métropole ?</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/34-voirie.htm" title="Voirie">Voirie <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down2.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 3 -->
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/54-je-signale-un-probleme.htm" title="Je signale un problème">Je signale un problème</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/451-je-fais-mes-demarches-en-ligne.htm" title="Je fais mes démarches en ligne">Je fais mes démarches en ligne<img src="{{ base_url }}/images/GBI_LA_METRO/angle_down3.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 4 -->
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/417-demande-d-acces-en-zone-pietonne.htm" title="Demande de badge d'accès à une zone piétonne">Demande de badge d'accès à une zone piétonne</a>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/55-que-fait-la-metropole-.htm" title="Que fait la Métropole ?">Que fait la Métropole ?</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/35-logement.htm" title="Logement">Logement <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down2.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 3 -->
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/56-je-me-renseigne.htm" title="Je me renseigne">Je me renseigne</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/57-ma-demande-de-logement-social.htm" title="Ma demande de logement social">Ma demande de logement social</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/58-j-ameliore-mon-logement.htm" title="J'améliore mon logement">J'améliore mon logement<img src="{{ base_url }}/images/GBI_LA_METRO/angle_down3.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 4 -->
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/265-mur-mur.htm">Mur Mur 2</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/281-la-prime-air-bois.htm">La prime Air Bois</a>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/59-que-fait-la-metropole-.htm" title="Que fait la Métropole ?">Que fait la Métropole ?<img src="{{ base_url }}/images/GBI_LA_METRO/angle_down3.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 4 -->
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/268-le-programme-local-de-l-habitat-2017-2022.htm">Le PLH 2017-2022</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/269-l-observatoire-de-l-habitat.htm">L'Observatoire de l'Habitat</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/270-le-financement-du-logement-social.htm">Le soutien au parc public</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/277-le-soutien-a-l-accession-sociale.htm">Le soutien à l'accession sociale</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/278-le-soutien-a-la-renovation-du-parc-prive.htm">Le soutien au parc privé </a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/279-le-soutien-a-l-acces-au-logement-et-a-l-hebergement.htm">Le soutien à l'accès au logement et à l'hébergement d'insertion</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/434-appels-a-projets.htm" title="Appels à projets">Appels à projets</a>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/39-urbanisme.htm" title="Urbanisme">Urbanisme <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down2.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 3 -->
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/421-je-me-renseigne.htm" title="Je me renseigne">Je me renseigne<img src="{{ base_url }}/images/GBI_LA_METRO/angle_down3.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 4 -->
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/422-les-plu.htm" title="Les PLU communaux">Les PLU communaux</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/423-le-plui.htm" title="Le PLUI">Le PLU Intercommunal</a>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/121-mes-demarches.htm" title="Mes démarches">Mes démarches</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/122-que-fait-la-metropole-.htm" title="Que fait la Métropole ?">Que fait la Métropole ?</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/36-environnement.htm" title="Environnement">Environnement <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down2.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 3 -->
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/60-je-decouvre.htm" title="Je m'informe">Je m'informe<img src="{{ base_url }}/images/GBI_LA_METRO/angle_down3.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 4 -->
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/462-qualite-de-l-air.htm" title="Qualité de l'air">La qualité de l'air</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/446-appels-a-projet.htm">Appels à projet</a>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/475-education-a-l-environnement.htm">Éducation à l'environnement<img src="{{ base_url }}/images/GBI_LA_METRO/angle_down3.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 4 -->
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/464-defi-des-ecoles-a-energie-positive.htm" title="Le défi des écoles à énergie positive">Le défi des écoles à énergie positive</a>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/61-j-agis.htm" title="J'agis">J'agis</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/62-que-fait-la-metropole-.htm" title="Que fait la Métropole ?">Que fait la Métropole ?<img src="{{ base_url }}/images/GBI_LA_METRO/angle_down3.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 4 -->
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/463-plan-air-energie-climat.htm" title="Plan Air Énergie Climat">Plan Air Énergie Climat</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/84-une-metropole-respirable.htm" title="Métropole respirable">Métropole respirable</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/480-un-nouveau-plan-en-faveur-de-la-biodiversite.htm" title="Un nouveau plan en faveur de la biodiversité">Un nouveau plan en faveur de la biodiversité</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/469-lutte-contre-le-bruit.htm" title="Lutte contre le bruit">Lutte contre le bruit</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/72-espaces-naturels.htm" title="Espaces naturels">Espaces naturels</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/481-un-entretien-raisonne-et-naturel-des-espaces-publics.htm" title="Un entretien raisonné et naturel des espaces publics">Un entretien raisonné et naturel des espaces publics</a>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/491-solidarites.htm">Solidarités <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down2.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 3 -->
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/493-que-fait-la-metropole-.htm">Que fait la Métropole ?<img src="{{ base_url }}/images/GBI_LA_METRO/angle_down3.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 4 -->
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/435-le-renouvellement-urbain.htm" title="Renouvellement urbain">Renouvellement urbain</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/466-contrat-de-ville-2015-2020.htm" title="Contrat de ville">Contrat de ville</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/467-fonds-de-cohesion-sociale-territoriale.htm" title="Fonds de cohésion sociale">Fonds de cohésion sociale</a>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/96-services-aux-pros.htm" title="Économie">Économie </a>
|
||||
</li>
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/66-les-services-funeraires.htm" title="Les services funéraires">Services funéraires </a>
|
||||
</li>
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/65-la-fourriere-animale.htm" title="La fourrière animale">Fourrière animale </a>
|
||||
</li>
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/38-appels-a-projets.htm" title="Appels à projets">Appels à projets / Appels à candidatures </a>
|
||||
</li>
|
||||
<li class="close"><img src="{{ base_url }}/images/GBI_LA_METRO/fermer.png" alt=""></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv1">
|
||||
<a href="https://www.lametro.fr/82-grands-projets.htm" title="Grands projets"><span>Grands projets <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down.png" alt="" class="eosm-dropdown"></span></a>
|
||||
<ul class="sousMenu">
|
||||
<!-- Niveau 2 -->
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/441-amenagement.htm" title="Aménagement">Aménagement <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down2.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 3 -->
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/83-coeurs-de-ville-coeurs-de-metropole.htm" title="Cœurs de ville, cœurs de métropole">Cœurs de ville, cœurs de métropole</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/86-les-portes-du-vercors.htm" title="Les Portes du Vercors">Portes du Vercors</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/127-aire-de-grand-passage.htm" title="Aire de grand passage">Aire de grand passage</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/439-mobilite.htm" title="Mobilité">Mobilité <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down2.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 3 -->
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/85-metropole-apaisee.htm" title="Métropole apaisée">Métropole apaisée</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/91-metrocable.htm" title="Métrocâble">Métrocâble</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/90-a480.htm" title="Réaménagement de l'A480 et de l'échangeur du Rondeau">A480 / Rondeau</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/416-chronovelo.htm" title="Chronovélo">Chronovélo</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/92-autopartage-electrique.htm" title="Prolongement de la ligne A de tramway">Prolongement de la ligne A du tramway</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/438-environnement.htm" title="Air/énergie">Air / Énergie <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down2.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 3 -->
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/84-une-metropole-respirable.htm" title="Une métropole respirable">Métropole respirable</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/125-biomax.htm" title="Biomax">Biomax</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/126-projets-universitaires.htm" title="Soutien à l'université">Soutien à l'université </a>
|
||||
</li>
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/443-eau.htm" title="Eau">Eau <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down2.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 3 -->
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/129-travaux-eau-potable-a-vif.htm" title="Travaux eau potable à Vif">Travaux eau potable à Vif</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/442-services-aux-usagers.htm" title="Déchets">Déchets <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down2.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 3 -->
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/128-amenagement-des-decheteries.htm" title="Des déchèteries nouvelle génération">Des déchèteries nouvelle génération</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/440-renouvellement-urbain.htm" title="Renouvellement urbain">Renouvellement urbain <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down2.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 3 -->
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/123-villeneuves-mistral-renaudie.htm" title="Les Villeneuves">Les Villeneuves</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/436-mistral-lys-rouge.htm" title="Mistral-Lys rouge">Mistral-Lys rouge</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/437-renaudie-champberton-la-plaine.htm" title="Renaudie-Champberton-La Plaine">Renaudie-Champberton-La Plaine</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="close"><img src="{{ base_url }}/images/GBI_LA_METRO/fermer.png" alt=""></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv1">
|
||||
<a href="https://www.lametro.fr/94-entreprendre.htm" title="Entreprendre"><span>Entreprendre <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down.png" alt="" class="eosm-dropdown"></span></a>
|
||||
<ul class="sousMenu">
|
||||
<!-- Niveau 2 -->
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/95-notre-adn-economique.htm" title="Notre ADN économique">ADN économique <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down2.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 3 -->
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/133-une-metropole-a-la-pointe.htm" title="Une métropole à la pointe">Une métropole à la pointe</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/132-filieres.htm" title="Filières">Des filières d'excellence</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/134-international.htm" title="Une métropole internationale">Une métropole internationale</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/135-economie-sociale-et-solidaire.htm" title="Une économie sociale et solidaire">Une économie sociale et solidaire</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/136-commerce-et-artisanat.htm" title="Un dynamisme commercial et artisanal">Un dynamisme commercial et artisanal</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/412-un-territoire-agricole.htm" title="Un territoire agricole">Un territoire agricole</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/137-tourisme.htm" title="Une destination touristique">Une destination touristique</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/96-services-aux-pros.htm" title="Services aux pros">Services aux pros <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down2.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 3 -->
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/138-une-equipe-dediee.htm" title="Une équipe dédiée">Une équipe dédiée</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/139-creer-son-entreprise.htm" title="Créer son activité">Créer son activité</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/140-s-implanter.htm" title="S'implanter">S'implanter</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/141-se-financer.htm" title="Trouver des financements">Trouver des financements</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/142-innover.htm" title="Innover">Innover</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/150-mobilisation-des-entreprises-pour-l-emploi.htm" title="Recruter">Recruter</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/145-acceder-aux-marches-publics.htm" title="Accéder aux marchés publics">Accéder aux marchés publics</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/146-organiser-un-evenement.htm" title="Organiser un évènement">Organiser un évènement</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/147-autres-services.htm" title="Autres services">Autres services</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/97-emploi-insertion.htm" title="Emploi/Insertion">Emploi/Insertion <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down2.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 3 -->
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/148-acteurs-du-territoire.htm" title="Une Métropole engagée">Une Métropole engagée</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/149-plie.htm" title="Le PLIE">Le PLIE</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/150-mobilisation-des-entreprises-pour-l-emploi.htm" title="Aider les entreprises à recruter">Aider les entreprises à recruter</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/151-plateforme-mobilite-emploi.htm" title="Travailler en réseau">Travailler en réseau</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/152-clauses-d-insertion.htm" title="Proposer des clauses d'insertion">Proposer des clauses d'insertion</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/153-soutien-a-l-insertion-par-l-activite-economique.htm" title="Soutenir l'insertion par l'activité économique">Soutenir l'insertion par l'activité économique</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/447-favoriser-l-emploi-des-quartiers-de-la-politique-de-la-ville.htm" title="Favoriser l'emploi dans les quartiers de la politique de la ville">Favoriser l'emploi dans les quartiers de la politique de la ville</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/448-aider-les-jeunes.htm" title="Soutenir l'insertion des jeunes">Soutenir l'insertion des jeunes</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="close"><img src="{{ base_url }}/images/GBI_LA_METRO/fermer.png" alt=""></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv1">
|
||||
<a href="https://www.lametro.fr/67-pour-vos-loisirs.htm" title="Découvertes"><span>Cadre de vie <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down.png" alt="" class="eosm-dropdown"></span></a>
|
||||
<ul class="sousMenu">
|
||||
<!-- Niveau 2 -->
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/68-nature.htm" title="Nature">Nature <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down2.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 3 -->
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/71-montagne.htm" title="Montagne">Montagne</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/72-espaces-naturels.htm" title="Espaces naturels">Espaces naturels<img src="{{ base_url }}/images/GBI_LA_METRO/angle_down3.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 4 -->
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/452-parc-hubert-dubedout.htm" title="Parc Hubert-Dubedout">Parc Hubert-Dubedout</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/453-parc-de-l-ovalie.htm" title="Parc de l'Ovalie">Parc de l'Ovalie</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/454-ile-d-amour.htm" title="Ile d'Amour">Ile d'Amour</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/455-les-vouillants.htm" title="Les Vouillants">Les Vouillants</a>
|
||||
<li class="niv4">
|
||||
<a href="https://www.lametro.fr/456-les-franges-vertes-de-seyssins.htm" title="Les Franges vertes de Seyssins">Les Franges vertes de Seyssins</a>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/73-sentiers.htm" title="Sentiers">Sentiers</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/69-culture.htm" title="Culture">Culture <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down2.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 3 -->
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/461-une-dynamique-culturelle-metropolitaine.htm" title="Une dynamique culturelle métropolitaine">Une dynamique culturelle</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/217-centre-choregraphique-national.htm" title="Centre chorégraphique national">Le CCN2</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/74-mc2-maison-de-la-culture.htm" title="MC2 - Maison de la culture">La Maison de la culture</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/75-hexagone.htm" title="Hexagone">L'Hexagone</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/70-sport.htm" title="Sports">Sports <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down2.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 3 -->
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/76-stade-des-alpes.htm" title="Stade des Alpes">Stade des Alpes</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/77-patinoire-polesud.htm" title="Patinoire Polesud">Patinoire Polesud</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/78-les-golfs.htm" title="Les golfs">Golfs</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/79-tennis.htm" title="Tennis">Tennis</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/80-velodrome.htm" title="Vélodrome">Vélodrome</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/81-base-nautique.htm" title="Base nautique du pont d'Oxford">Base nautique du pont d'Oxford</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/37-alimentation.htm" title="Alimentation">Alimentation <img src="{{ base_url }}/images/GBI_LA_METRO/angle_down2.png" alt="" class="eosm-dropdown"></a>
|
||||
<ul>
|
||||
<!-- Niveau 3 -->
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/63-les-marches-dans-la-metropole.htm" title="Les marchés dans la métropole">Marchés</a>
|
||||
</li>
|
||||
<li class="niv3">
|
||||
<a href="https://www.lametro.fr/64-mangez-local-.htm" title="Mangez local">Mangez local</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="niv2">
|
||||
<a href="https://www.lametro.fr/30-je-suis-un-nouvel-arrivant.htm" title="Je suis un nouvel arrivant">Nouvel arrivant </a>
|
||||
</li>
|
||||
<li class="close"><img src="{{ base_url }}/images/GBI_LA_METRO/fermer.png" alt=""></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="corps" class="innerContent clearfix" role="main">
|
||||
<div class="innerCenter clearfix">
|
||||
<div id="content">
|
||||
{% block content %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
</div>
|
||||
<a href="#documentOuter" title="Haut de page"><img src="{{ base_url }}/images/GBI_LA_METRO/picto_haut_page.png" alt="" id="hautDePage"></a>
|
||||
</main>
|
||||
<footer id="bandeauBas" role="contentinfo">
|
||||
|
||||
<div class="footerTop">
|
||||
<div class="innerCenter clearfix">
|
||||
<div class="social">
|
||||
<span>Suivez-nous sur</span>
|
||||
<ul class="liensPartage">
|
||||
<li>
|
||||
<a href="https://www.facebook.com/grenoble.alpes.metropole" title="Facebook" class="external">
|
||||
<img width="28" height="28" src="{{ base_url }}/images/GBI_LA_METRO/picto_facebook.svg" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.youtube.com/user/Lametro38" title="Youtube" class="external">
|
||||
<img width="62" height="25" src="{{ base_url }}/images/GBI_LA_METRO/picto_youtube.svg" alt="">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bandeauBasWrap">
|
||||
<a class="bandeauBasContact btnNoir" href="https://www.lametro.fr/249-contactez-nous.htm">Contactez-nous</a>
|
||||
<div class="bandeauBasGroupeBloc">
|
||||
<div class="blocTel">
|
||||
<h4>Téléphone</h4>
|
||||
<p>04 76 59 59 59</p>
|
||||
</div>
|
||||
<div class="blocAdresse">
|
||||
<h4>Adresse</h4>
|
||||
<p>
|
||||
<a href="https://www.lametro.fr/22-siege-administratif.htm">Le Forum, 3 rue Malakoff
<br>38031 Grenoble Cedex</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="blocHoraire">
|
||||
<h4>Horaires d'ouverture</h4>
|
||||
<p>Du lundi au jeudi, de 8h à 17h30
<br>Le vendredi, de 8h à 17h</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footerBottom">
|
||||
<div class="innerCenter">
|
||||
<ul class="lienPiedPage">
|
||||
<li>
|
||||
<a href="https://www.lametro.fr/162-presse.htm" title="Presse">Presse</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.lametro.fr/113-plan-de-site.htm">Plan du site</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.lametro.fr/160-a-propos.htm" title="À propos">À propos</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.lametro.fr/161-mentions-legales.htm" title="Mentions légales">Mentions légales</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.lametro.fr/489-logo.htm">Logo</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
{% endwith %}
|
||||
|
|
@ -119,6 +119,14 @@
|
|||
"theme_color": "#E42320"
|
||||
}
|
||||
},
|
||||
{"id": "grenoble-metropole",
|
||||
"label": "Grenoble Métropole",
|
||||
"variables": {
|
||||
"css_variant": "grenoble-metropole",
|
||||
"no_extra_js": true,
|
||||
"theme_color": "#FFEC44"
|
||||
}
|
||||
},
|
||||
{"id": "fontenay-sous-bois",
|
||||
"label": "Fontenay-sous-Bois",
|
||||
"variables": {
|
||||
|
|
|
|||
Loading…
Reference in New Issue