La Ville de Creil compte de multiples installations sportives.
Ces équipements sont mis à la disposition des clubs et associations, des écoles primaires, collèges et lycées, ainsi que pour les activités municipales.
D’autres encore sont en libres accès pour les habitants.
La piscine
Pratique
1 rue de la République - 60100 CreilTél. : 03 44 67 25 32
Mail : lapiscine@mairie-creil.fr
Accès Bus : ligne A/B/C/D, arrêt place Carnot, place du 8 mai
Documentation
Tous les plaisirs de l’eau près de chez vous !
Que vous souhaitiez passer un moment convivial en famille grâce au bassin ludique, pratiquer une activité sportive en faisant quelques brasses dans le grand bassin, ou tout simplement vous détendre dans le hammam et le sauna, la piscine de Creil est faite pour vous.
Les espaces aquatiques :
- Bassin de nage
- Bassin ludique
- Sauna et hammam
- Solarium
Des activités pour tous !
- Cours de natation
- Aquagym
- Aquabiking
- Jardin aquatique
- Aquaphobie
- Handinage
- Circuits d’activités
La piscine à l'heure d'été
L'été la piscine étend ses horaires :
- Du lundi au vendredi : 9h à 12h - 14h à 16h30 - 17h à 19h
- Samedi : 9h à 13h - 14h à 18h
- Dimanche : 8h à 13h
De plus, les tarifs deviennent encore plus attractifs pour les Creillois ! (Un justificatif de domicile de moins de 3 mois vous sera demandé)
- 1€ pour les enfants creillois (jusque 18 ans)
Les enfants de moins de 10 ans doivent être accompagnés par un adulte - 2€ pour les adultes creillois
Gymnases et terrains en herbe
Pratique
Pour joindre ces établissements, vous pouvez contacter la direction des sports aux heures d’ouvertures mairie.Tél. : 03 44 29 51 85
Mail : direction.sports@mairie-creil.fr
- Gymnase Alain Marion (anciennement Camus)
Allée Lafayette 60100 CREIL - Gymnase Gérard de Nerval
21 rue Paul Verlaine 60100 CREIL - Gymnase Roger Salengro
Rue de Verdun 60100 CREIL - Gymnase René Descartes
Rue Descartes 60100 CREIL - Plaine de Jeux du Mégret (Champ de mars)
Boulevard Salvador Allendé 60100 CREIL - Stade Vélodrome
1 place Roger Salengro 60100 CREIL
Gymnases de l’ACSO
<div class="edit">
<h2>Titre de <span class="color">section</span></h2>
</div>
<div class="edit">
<h2 class="right">Titre de <span class="color">section</span></h2>
</div>
<div class="edit">
<h2 class="title">Titre de paragraphe</h2>
<h3 class="subtitle">Sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
<div class="edit">
<div class="block">
<h2 class="block-title-large">Titre large de <span class="color">bloc</span></h2>
<h3 class="block-title">Titre de bloc</h3>
<h4 class="block-subtitle">Sous-titre de bloc</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
<div class="edit">
<div class="block alt">
<h2 class="block-title-large">Titre large de <span class="color">bloc</span></h2>
<h3 class="block-title">Titre de bloc</h3>
<h4 class="block-subtitle">Sous-titre de bloc</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
<div class="edit">
<div class="block bg-color">
<h2 class="block-title-large">Titre large de <span class="color">bloc</span></h2>
<h3 class="block-title">Titre de bloc</h3>
<h4 class="block-subtitle">Sous-titre de bloc</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
<div class="edit">
<details open="">
<summary>Accordéon</summary>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</details>
</div>
<div class="edit">
<div class="row">
<div class="col-1-2">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
<div class="col-1-2">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="col-1-3">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
<div class="col-1-3">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
<div class="col-1-3">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="col-1-4">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
<div class="col-1-4">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
<div class="col-1-4">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
<div class="col-1-4">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="block col-1-2">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="block col-1-2">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="block alt col-1-2">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="block alt col-1-2">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="block bg-color col-1-2">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="block bg-color col-1-2">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="block col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="block col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="block col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="block alt col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="block alt col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="block alt col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="block bg-color col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="block bg-color col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="block bg-color col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
</div>
<div class="edit">
<article class="card horizontal">
<figure class="card-image"><img src="https://via.placeholder.com/770x433" width="770" height="433" alt=""></figure>
<div class="card-content">
<h2 class="card-title">Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla, purus non tincidunt tempus.</p>
</div>
</article>
</div>
<div class="edit">
<div class="row">
<div class="col-1-3">
<article class="card">
<figure class="card-image"><img src="https://via.placeholder.com/770x433" width="770" height="433" alt=""></figure>
<div class="card-content">
<h2 class="card-title">Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla, purus non tincidunt tempus.</p>
</div>
</article>
</div>
<div class="col-1-3">
<article class="card">
<figure class="card-image"><img src="https://via.placeholder.com/770x433" width="770" height="433" alt=""></figure>
<div class="card-content">
<h2 class="card-title">Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla, purus non tincidunt tempus.</p>
</div>
</article>
</div>
<div class="col-1-3">
<article class="card">
<figure class="card-image"><img src="https://via.placeholder.com/770x433" width="770" height="433" alt=""></figure>
<div class="card-content">
<h2 class="card-title">Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla, purus non tincidunt tempus.</p>
</div>
</article>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="col-1-4">
<article class="card">
<figure class="card-image"><img src="https://via.placeholder.com/770x433" width="770" height="433" alt=""></figure>
<div class="card-content">
<h2 class="card-title">Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla, purus non tincidunt tempus.</p>
</div>
</article>
</div>
<div class="col-1-4">
<article class="card">
<figure class="card-image"><img src="https://via.placeholder.com/770x433" width="770" height="433" alt=""></figure>
<div class="card-content">
<h2 class="card-title">Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla, purus non tincidunt tempus.</p>
</div>
</article>
</div>
<div class="col-1-4">
<article class="card">
<figure class="card-image"><img src="https://via.placeholder.com/770x433" width="770" height="433" alt=""></figure>
<div class="card-content">
<h2 class="card-title">Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla, purus non tincidunt tempus.</p>
</div>
</article>
</div>
<div class="col-1-4">
<article class="card">
<figure class="card-image"><img src="https://via.placeholder.com/770x433" width="770" height="433" alt=""></figure>
<div class="card-content">
<h2 class="card-title">Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla, purus non tincidunt tempus.</p>
</div>
</article>
</div>
</div>
</div>
<div class="edit"><img class="fullwidth" src="https://via.placeholder.com/1170x420" width="1170" height="420" alt=""></div>
<div class="edit"><img class="fullscreen" src="https://via.placeholder.com/1920x420" width="1920" height="420" alt=""></div>
<div class="embed-responsive edit">
<div class="media">
<iframe width="1170" height="540" src="https://maps.google.com/maps?q=Mairie+de+Creil&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
</div>
</div>
<div class="embed-responsive edit">
<div class="media">
<iframe width="1170" height="540" src="https://www.youtube.com/embed/ScMzIvxBSi4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>
</div>
</div>
<div class="edit">
<p class="center"><a class="diaporama" href="https://www.creil.fr/images">Slider d'images</a></p>
</div>
<div class="edit">
<div class="row">
<p>{actualite=2157}{actualite=2156}{actualite=2155}</p>
</div>
</div>
<div class="edit">
<div class="row">
<p>{actualite_theme=28}</p>
</div>
</div>
<div class="edit anchors">Menu flottant</div>
<div class="edit anchor">Nom de votre ancre (repris automatiquement par le menu flottant)</div>
<div class="edit">
<div class="row">
<div class="col-2-3">
<div class="embed-responsive edit">
<div class="media">
<iframe width="1170" height="540" src="https://www.youtube.com/embed/ScMzIvxBSi4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>
</div>
</div>
</div>
<div class="col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="col-2-3">
<div class="embed-responsive edit">
<div class="media">
<iframe width="1170" height="540" src="https://www.youtube.com/embed/ScMzIvxBSi4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>
</div>
</div>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="col-2-3">
<p class="center"><a class="diaporama" href="https://www.creil.fr/images">Slider d'images</a></p>
</div>
<div class="col-1-3">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="col-1-3">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
<div class="col-2-3">
<p class="center"><a class="diaporama" href="https://www.creil.fr/images">Slider d'images</a></p>
</div>
</div>
</div>
?
?
La Ville de Creil compte de multiples installations sportives.
Ces équipements sont mis à la disposition des clubs et associations, des écoles primaires, collèges et lycées, ainsi que pour les activités municipales.
D’autres encore sont en libres accès pour les habitants.
La piscine
Pratique
1 rue de la République - 60100 CreilTél. : 03 44 67 25 32
Mail : lapiscine@mairie-creil.fr
Accès Bus : ligne A/B/C/D, arrêt place Carnot, place du 8 mai
Documentation
Tous les plaisirs de l’eau près de chez vous !
Que vous souhaitiez passer un moment convivial en famille grâce au bassin ludique, pratiquer une activité sportive en faisant quelques brasses dans le grand bassin, ou tout simplement vous détendre dans le hammam et le sauna, la piscine de Creil est faite pour vous.
Les espaces aquatiques :
- Bassin de nage
- Bassin ludique
- Sauna et hammam
- Solarium
Des activités pour tous !
- Cours de natation
- Aquagym
- Aquabiking
- Jardin aquatique
- Aquaphobie
- Handinage
- Circuits d’activités
La piscine à l'heure d'été
L'été la piscine étend ses horaires :
- Du lundi au vendredi : 9h à 12h - 14h à 16h30 - 17h à 19h
- Samedi : 9h à 13h - 14h à 18h
- Dimanche : 8h à 13h
De plus, les tarifs deviennent encore plus attractifs pour les Creillois ! (Un justificatif de domicile de moins de 3 mois vous sera demandé)
- 1€ pour les enfants creillois (jusque 18 ans)
Les enfants de moins de 10 ans doivent être accompagnés par un adulte - 2€ pour les adultes creillois
Gymnases et terrains en herbe
Pratique
Pour joindre ces établissements, vous pouvez contacter la direction des sports aux heures d’ouvertures mairie.Tél. : 03 44 29 51 85
Mail : direction.sports@mairie-creil.fr
- Gymnase Alain Marion (anciennement Camus)
Allée Lafayette 60100 CREIL - Gymnase Gérard de Nerval
21 rue Paul Verlaine 60100 CREIL - Gymnase Roger Salengro
Rue de Verdun 60100 CREIL - Gymnase René Descartes
Rue Descartes 60100 CREIL - Plaine de Jeux du Mégret (Champ de mars)
Boulevard Salvador Allendé 60100 CREIL - Stade Vélodrome
1 place Roger Salengro 60100 CREIL
Gymnases de l’ACSO
<div class="edit">
<h2>Titre de <span class="color">section</span></h2>
</div>
<div class="edit">
<h2 class="right">Titre de <span class="color">section</span></h2>
</div>
<div class="edit">
<h2 class="title">Titre de paragraphe</h2>
<h3 class="subtitle">Sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
<div class="edit">
<div class="block">
<h2 class="block-title-large">Titre large de <span class="color">bloc</span></h2>
<h3 class="block-title">Titre de bloc</h3>
<h4 class="block-subtitle">Sous-titre de bloc</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
<div class="edit">
<div class="block alt">
<h2 class="block-title-large">Titre large de <span class="color">bloc</span></h2>
<h3 class="block-title">Titre de bloc</h3>
<h4 class="block-subtitle">Sous-titre de bloc</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
<div class="edit">
<div class="block bg-color">
<h2 class="block-title-large">Titre large de <span class="color">bloc</span></h2>
<h3 class="block-title">Titre de bloc</h3>
<h4 class="block-subtitle">Sous-titre de bloc</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
<div class="edit">
<details open="">
<summary>Accordéon</summary>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</details>
</div>
<div class="edit">
<div class="row">
<div class="col-1-2">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
<div class="col-1-2">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="col-1-3">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
<div class="col-1-3">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
<div class="col-1-3">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="col-1-4">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
<div class="col-1-4">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
<div class="col-1-4">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
<div class="col-1-4">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="block col-1-2">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="block col-1-2">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="block alt col-1-2">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="block alt col-1-2">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="block bg-color col-1-2">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="block bg-color col-1-2">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="block col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="block col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="block col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="block alt col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="block alt col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="block alt col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="block bg-color col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="block bg-color col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="block bg-color col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
</div>
<div class="edit">
<article class="card horizontal">
<figure class="card-image"><img src="https://via.placeholder.com/770x433" width="770" height="433" alt=""></figure>
<div class="card-content">
<h2 class="card-title">Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla, purus non tincidunt tempus.</p>
</div>
</article>
</div>
<div class="edit">
<div class="row">
<div class="col-1-3">
<article class="card">
<figure class="card-image"><img src="https://via.placeholder.com/770x433" width="770" height="433" alt=""></figure>
<div class="card-content">
<h2 class="card-title">Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla, purus non tincidunt tempus.</p>
</div>
</article>
</div>
<div class="col-1-3">
<article class="card">
<figure class="card-image"><img src="https://via.placeholder.com/770x433" width="770" height="433" alt=""></figure>
<div class="card-content">
<h2 class="card-title">Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla, purus non tincidunt tempus.</p>
</div>
</article>
</div>
<div class="col-1-3">
<article class="card">
<figure class="card-image"><img src="https://via.placeholder.com/770x433" width="770" height="433" alt=""></figure>
<div class="card-content">
<h2 class="card-title">Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla, purus non tincidunt tempus.</p>
</div>
</article>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="col-1-4">
<article class="card">
<figure class="card-image"><img src="https://via.placeholder.com/770x433" width="770" height="433" alt=""></figure>
<div class="card-content">
<h2 class="card-title">Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla, purus non tincidunt tempus.</p>
</div>
</article>
</div>
<div class="col-1-4">
<article class="card">
<figure class="card-image"><img src="https://via.placeholder.com/770x433" width="770" height="433" alt=""></figure>
<div class="card-content">
<h2 class="card-title">Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla, purus non tincidunt tempus.</p>
</div>
</article>
</div>
<div class="col-1-4">
<article class="card">
<figure class="card-image"><img src="https://via.placeholder.com/770x433" width="770" height="433" alt=""></figure>
<div class="card-content">
<h2 class="card-title">Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla, purus non tincidunt tempus.</p>
</div>
</article>
</div>
<div class="col-1-4">
<article class="card">
<figure class="card-image"><img src="https://via.placeholder.com/770x433" width="770" height="433" alt=""></figure>
<div class="card-content">
<h2 class="card-title">Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla, purus non tincidunt tempus.</p>
</div>
</article>
</div>
</div>
</div>
<div class="edit"><img class="fullwidth" src="https://via.placeholder.com/1170x420" width="1170" height="420" alt=""></div>
<div class="edit"><img class="fullscreen" src="https://via.placeholder.com/1920x420" width="1920" height="420" alt=""></div>
<div class="embed-responsive edit">
<div class="media">
<iframe width="1170" height="540" src="https://maps.google.com/maps?q=Mairie+de+Creil&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
</div>
</div>
<div class="embed-responsive edit">
<div class="media">
<iframe width="1170" height="540" src="https://www.youtube.com/embed/ScMzIvxBSi4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>
</div>
</div>
<div class="edit">
<p class="center"><a class="diaporama" href="https://www.creil.fr/images">Slider d'images</a></p>
</div>
<div class="edit">
<div class="row">
<p>{actualite=2157}{actualite=2156}{actualite=2155}</p>
</div>
</div>
<div class="edit">
<div class="row">
<p>{actualite_theme=28}</p>
</div>
</div>
<div class="edit anchors">Menu flottant</div>
<div class="edit anchor">Nom de votre ancre (repris automatiquement par le menu flottant)</div>
<div class="edit">
<div class="row">
<div class="col-2-3">
<div class="embed-responsive edit">
<div class="media">
<iframe width="1170" height="540" src="https://www.youtube.com/embed/ScMzIvxBSi4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>
</div>
</div>
</div>
<div class="col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="col-2-3">
<div class="embed-responsive edit">
<div class="media">
<iframe width="1170" height="540" src="https://www.youtube.com/embed/ScMzIvxBSi4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>
</div>
</div>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="col-2-3">
<p class="center"><a class="diaporama" href="https://www.creil.fr/images">Slider d'images</a></p>
</div>
<div class="col-1-3">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="col-1-3">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
<div class="col-2-3">
<p class="center"><a class="diaporama" href="https://www.creil.fr/images">Slider d'images</a></p>
</div>
</div>
</div>
?
?
La Ville de Creil compte de multiples installations sportives.
Ces équipements sont mis à la disposition des clubs et associations, des écoles primaires, collèges et lycées, ainsi que pour les activités municipales.
D’autres encore sont en libres accès pour les habitants.
La piscine
Pratique
1 rue de la République - 60100 CreilTél. : 03 44 67 25 32
Mail : lapiscine@mairie-creil.fr
Accès Bus : ligne A/B/C/D, arrêt place Carnot, place du 8 mai
Documentation
Tous les plaisirs de l’eau près de chez vous !
Que vous souhaitiez passer un moment convivial en famille grâce au bassin ludique, pratiquer une activité sportive en faisant quelques brasses dans le grand bassin, ou tout simplement vous détendre dans le hammam et le sauna, la piscine de Creil est faite pour vous.
Les espaces aquatiques :
- Bassin de nage
- Bassin ludique
- Sauna et hammam
- Solarium
Des activités pour tous !
- Cours de natation
- Aquagym
- Aquabiking
- Jardin aquatique
- Aquaphobie
- Handinage
- Circuits d’activités
La piscine à l'heure d'été
L'été la piscine étend ses horaires :
- Du lundi au vendredi : 9h à 12h - 14h à 16h30 - 17h à 19h
- Samedi : 9h à 13h - 14h à 18h
- Dimanche : 8h à 13h
De plus, les tarifs deviennent encore plus attractifs pour les Creillois ! (Un justificatif de domicile de moins de 3 mois vous sera demandé)
- 1€ pour les enfants creillois (jusque 18 ans)
Les enfants de moins de 10 ans doivent être accompagnés par un adulte - 2€ pour les adultes creillois
Gymnases et terrains en herbe
Pratique
Pour joindre ces établissements, vous pouvez contacter la direction des sports aux heures d’ouvertures mairie.Tél. : 03 44 29 51 85
Mail : direction.sports@mairie-creil.fr
- Gymnase Alain Marion (anciennement Camus)
Allée Lafayette 60100 CREIL - Gymnase Gérard de Nerval
21 rue Paul Verlaine 60100 CREIL - Gymnase Roger Salengro
Rue de Verdun 60100 CREIL - Gymnase René Descartes
Rue Descartes 60100 CREIL - Plaine de Jeux du Mégret (Champ de mars)
Boulevard Salvador Allendé 60100 CREIL - Stade Vélodrome
1 place Roger Salengro 60100 CREIL
Gymnases de l’ACSO
<div class="edit">
<h2>Titre de <span class="color">section</span></h2>
</div>
<div class="edit">
<h2 class="right">Titre de <span class="color">section</span></h2>
</div>
<div class="edit">
<h2 class="title">Titre de paragraphe</h2>
<h3 class="subtitle">Sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
<div class="edit">
<div class="block">
<h2 class="block-title-large">Titre large de <span class="color">bloc</span></h2>
<h3 class="block-title">Titre de bloc</h3>
<h4 class="block-subtitle">Sous-titre de bloc</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
<div class="edit">
<div class="block alt">
<h2 class="block-title-large">Titre large de <span class="color">bloc</span></h2>
<h3 class="block-title">Titre de bloc</h3>
<h4 class="block-subtitle">Sous-titre de bloc</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
<div class="edit">
<div class="block bg-color">
<h2 class="block-title-large">Titre large de <span class="color">bloc</span></h2>
<h3 class="block-title">Titre de bloc</h3>
<h4 class="block-subtitle">Sous-titre de bloc</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
<div class="edit">
<details open="">
<summary>Accordéon</summary>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</details>
</div>
<div class="edit">
<div class="row">
<div class="col-1-2">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
<div class="col-1-2">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="col-1-3">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
<div class="col-1-3">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
<div class="col-1-3">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="col-1-4">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
<div class="col-1-4">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
<div class="col-1-4">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
<div class="col-1-4">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="block col-1-2">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="block col-1-2">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="block alt col-1-2">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="block alt col-1-2">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="block bg-color col-1-2">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="block bg-color col-1-2">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="block col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="block col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="block col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="block alt col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="block alt col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="block alt col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="block bg-color col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="block bg-color col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="block bg-color col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
</div>
<div class="edit">
<article class="card horizontal">
<figure class="card-image"><img src="https://via.placeholder.com/770x433" width="770" height="433" alt=""></figure>
<div class="card-content">
<h2 class="card-title">Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla, purus non tincidunt tempus.</p>
</div>
</article>
</div>
<div class="edit">
<div class="row">
<div class="col-1-3">
<article class="card">
<figure class="card-image"><img src="https://via.placeholder.com/770x433" width="770" height="433" alt=""></figure>
<div class="card-content">
<h2 class="card-title">Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla, purus non tincidunt tempus.</p>
</div>
</article>
</div>
<div class="col-1-3">
<article class="card">
<figure class="card-image"><img src="https://via.placeholder.com/770x433" width="770" height="433" alt=""></figure>
<div class="card-content">
<h2 class="card-title">Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla, purus non tincidunt tempus.</p>
</div>
</article>
</div>
<div class="col-1-3">
<article class="card">
<figure class="card-image"><img src="https://via.placeholder.com/770x433" width="770" height="433" alt=""></figure>
<div class="card-content">
<h2 class="card-title">Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla, purus non tincidunt tempus.</p>
</div>
</article>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="col-1-4">
<article class="card">
<figure class="card-image"><img src="https://via.placeholder.com/770x433" width="770" height="433" alt=""></figure>
<div class="card-content">
<h2 class="card-title">Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla, purus non tincidunt tempus.</p>
</div>
</article>
</div>
<div class="col-1-4">
<article class="card">
<figure class="card-image"><img src="https://via.placeholder.com/770x433" width="770" height="433" alt=""></figure>
<div class="card-content">
<h2 class="card-title">Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla, purus non tincidunt tempus.</p>
</div>
</article>
</div>
<div class="col-1-4">
<article class="card">
<figure class="card-image"><img src="https://via.placeholder.com/770x433" width="770" height="433" alt=""></figure>
<div class="card-content">
<h2 class="card-title">Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla, purus non tincidunt tempus.</p>
</div>
</article>
</div>
<div class="col-1-4">
<article class="card">
<figure class="card-image"><img src="https://via.placeholder.com/770x433" width="770" height="433" alt=""></figure>
<div class="card-content">
<h2 class="card-title">Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla, purus non tincidunt tempus.</p>
</div>
</article>
</div>
</div>
</div>
<div class="edit"><img class="fullwidth" src="https://via.placeholder.com/1170x420" width="1170" height="420" alt=""></div>
<div class="edit"><img class="fullscreen" src="https://via.placeholder.com/1920x420" width="1920" height="420" alt=""></div>
<div class="embed-responsive edit">
<div class="media">
<iframe width="1170" height="540" src="https://maps.google.com/maps?q=Mairie+de+Creil&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
</div>
</div>
<div class="embed-responsive edit">
<div class="media">
<iframe width="1170" height="540" src="https://www.youtube.com/embed/ScMzIvxBSi4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>
</div>
</div>
<div class="edit">
<p class="center"><a class="diaporama" href="https://www.creil.fr/images">Slider d'images</a></p>
</div>
<div class="edit">
<div class="row">
<p>{actualite=2157}{actualite=2156}{actualite=2155}</p>
</div>
</div>
<div class="edit">
<div class="row">
<p>{actualite_theme=28}</p>
</div>
</div>
<div class="edit anchors">Menu flottant</div>
<div class="edit anchor">Nom de votre ancre (repris automatiquement par le menu flottant)</div>
<div class="edit">
<div class="row">
<div class="col-2-3">
<div class="embed-responsive edit">
<div class="media">
<iframe width="1170" height="540" src="https://www.youtube.com/embed/ScMzIvxBSi4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>
</div>
</div>
</div>
<div class="col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="col-1-3">
<h2 class="block-title">Titre de bloc</h2>
<h3 class="block-subtitle">Sous-titre de bloc</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rutrum, tellus at consectetur tempor, ligula nisi tincidunt sapien, non vestibulum ipsum nisi a justo. Phasellus in sem quis nibh.</p>
</div>
<div class="col-2-3">
<div class="embed-responsive edit">
<div class="media">
<iframe width="1170" height="540" src="https://www.youtube.com/embed/ScMzIvxBSi4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>
</div>
</div>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="col-2-3">
<p class="center"><a class="diaporama" href="https://www.creil.fr/images">Slider d'images</a></p>
</div>
<div class="col-1-3">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
</div>
</div>
<div class="edit">
<div class="row">
<div class="col-1-3">
<h2 class="subtitle">Sous-titre paragraphe</h2>
<h3 class="sub-subtitle">Sous-sous-titre paragraphe</h3>
<p>Consectetur adipiscing elit. Duis rutrum sem sed nulla tincidunt ultricies. Vivamus molestie lorem quis neque elementum, ut congue dolor blandit. Curabitur interdum. Aenean justo nunc, consequat a semper sed, tincidunt at nisi.</p>
</div>
<div class="col-2-3">
<p class="center"><a class="diaporama" href="https://www.creil.fr/images">Slider d'images</a></p>
</div>
</div>
</div>
?
?
Editer le lien
Editer le lien
Lien:
Texte:
Légende:
Classe:
Cible:
Classe:
Souhaitez vous supprimer ce bloc ?
DIMENSION (WxH):
Source:
Légende:
Classe:
Lien:
Cible:
Editer le lien
Editer le lien
Lien:
Texte:
Légende:
Classe:
Cible:
Classe:
Souhaitez vous supprimer ce bloc ?
DIMENSION (WxH):
Source:
Légende:
Classe:
Lien:
Cible:
Editer le lien
Editer le lien
Lien:
Texte:
Légende:
Classe:
Cible:
Classe:
Souhaitez vous supprimer ce bloc ?
DIMENSION (WxH):
Source:
Légende:
Classe:
Lien:
Cible: