Lecteur audio (test)
Télécharger le fichier audio (MP3, 1,4 Mo)
Transcription de test : un son continu de huit secondes, sans parole.
Campagnes (test)
Consigne d’utilisation du Typologue
Ne modifiez pas ces pages, utilisez les éléments ou copiez/collez-les pour vos tests.
Vidéo externe avec consentement
Galerie de photos en mosaïque
Image dans un cadre visuel large
Texte avec image habillée à gauche
Stérilisation animale : comment en bénéficier
Le service le plus sollicité de la CIVIS : conditions d'éligibilité, communes concernées et modalités de prise en charge de votre animal. Le texte court le long de l'image puis reprend toute la largeur une fois celle-ci dépassée.
Un deuxième paragraphe montre le retour du texte sous l'image. La gouttière de 26 px est celle des grilles de cartes ; le rayon de 10 px celui des cartes et des images d'article.
Un troisième paragraphe, assez long pour dépasser la hauteur de l'image et prouver que l'habillage se termine proprement, sans marge résiduelle ni filet fantôme, quelle que soit la longueur du texte saisi par le contributeur.
Documents à télécharger en cartes
- guide-du-tri-2026.pdfpdf · 14 Mo
Conteneur en 3 colonnes (33 % / 33 % / 33 %)
Fichiers à télécharger sans icône
- guide-du-tri-2026.pdfpdf · 14 Mo
- memo-bac-jaune-2026.pdfpdf · 830 Ko
- Fichier_A3.pdfpdf · 19 Ko
Fichiers à télécharger avec leur icône
- Guide du tri 2026pdf · 14 Mo
- memo-bac-jaune-2026.pdfpdf · 830 Ko
- Fichier_A3.pdfpdf · 19 Ko
Fichiers à télécharger avec leur vignette
- Guide du tri 2026pdf · 14 Mo
- memo-bac-jaune-2026.pdfpdf · 830 Ko
- Fichier_A3.pdfpdf · 19 Ko
Lecteur de fichier PDF
Texte avec image au-dessus, centrée
Contenu 03 - Cras lacus purus, laoreet ut velit sit amet, suscipit blandit magna. Mauris a massa in nisl condimentum dapibus. Proin vulputate lacus a felis laoreet lacinia. Maecenas non dui et sem consequat ornare. Nullam ligula est, sollicitudin nec lectus et, semper porta orci. Etiam enim enim, tempus at tincidunt ornare, sagittis et diam. Integer facilisis ultricies pellentesque.
Nunc luctus ultricies bibendum. In aliquam scelerisque turpis, a viverra ligula euismod vel. Nullam id diam suscipit, convallis lectus sit amet, accumsan urna. Cras lacus purus, laoreet ut velit sit amet, suscipit blandit magna. Mauris a massa in nisl condimentum dapibus. Proin vulputate lacus a felis laoreet lacinia. Maecenas non dui et sem consequat ornare.
Texte avec image au-dessus, à droite
Contenu 03 - Cras lacus purus, laoreet ut velit sit amet, suscipit blandit magna. Mauris a massa in nisl condimentum dapibus. Proin vulputate lacus a felis laoreet lacinia. Maecenas non dui et sem consequat ornare. Nullam ligula est, sollicitudin nec lectus et, semper porta orci. Etiam enim enim, tempus at tincidunt ornare, sagittis et diam. Integer facilisis ultricies pellentesque.
Nunc luctus ultricies bibendum. In aliquam scelerisque turpis, a viverra ligula euismod vel. Nullam id diam suscipit, convallis lectus sit amet, accumsan urna. Cras lacus purus, laoreet ut velit sit amet, suscipit blandit magna. Mauris a massa in nisl condimentum dapibus. Proin vulputate lacus a felis laoreet lacinia. Maecenas non dui et sem consequat ornare.
Texte avec image au-dessus, à gauche
Contenu 03 - Cras lacus purus, laoreet ut velit sit amet, suscipit blandit magna. Mauris a massa in nisl condimentum dapibus. Proin vulputate lacus a felis laoreet lacinia. Maecenas non dui et sem consequat ornare. Nullam ligula est, sollicitudin nec lectus et, semper porta orci. Etiam enim enim, tempus at tincidunt ornare, sagittis et diam. Integer facilisis ultricies pellentesque.
Nunc luctus ultricies bibendum. In aliquam scelerisque turpis, a viverra ligula euismod vel. Nullam id diam suscipit, convallis lectus sit amet, accumsan urna. Cras lacus purus, laoreet ut velit sit amet, suscipit blandit magna. Mauris a massa in nisl condimentum dapibus. Proin vulputate lacus a felis laoreet lacinia. Maecenas non dui et sem consequat ornare.
Texte avec image au-dessous, centrée
Contenu 03 - Cras lacus purus, laoreet ut velit sit amet, suscipit blandit magna. Mauris a massa in nisl condimentum dapibus. Proin vulputate lacus a felis laoreet lacinia. Maecenas non dui et sem consequat ornare. Nullam ligula est, sollicitudin nec lectus et, semper porta orci. Etiam enim enim, tempus at tincidunt ornare, sagittis et diam. Integer facilisis ultricies pellentesque.
Nunc luctus ultricies bibendum. In aliquam scelerisque turpis, a viverra ligula euismod vel. Nullam id diam suscipit, convallis lectus sit amet, accumsan urna. Cras lacus purus, laoreet ut velit sit amet, suscipit blandit magna. Mauris a massa in nisl condimentum dapibus. Proin vulputate lacus a felis laoreet lacinia. Maecenas non dui et sem consequat ornare.
Texte avec image au-dessous, à droite
Contenu 03 - Cras lacus purus, laoreet ut velit sit amet, suscipit blandit magna. Mauris a massa in nisl condimentum dapibus. Proin vulputate lacus a felis laoreet lacinia. Maecenas non dui et sem consequat ornare. Nullam ligula est, sollicitudin nec lectus et, semper porta orci. Etiam enim enim, tempus at tincidunt ornare, sagittis et diam. Integer facilisis ultricies pellentesque.
Nunc luctus ultricies bibendum. In aliquam scelerisque turpis, a viverra ligula euismod vel. Nullam id diam suscipit, convallis lectus sit amet, accumsan urna. Cras lacus purus, laoreet ut velit sit amet, suscipit blandit magna. Mauris a massa in nisl condimentum dapibus. Proin vulputate lacus a felis laoreet lacinia. Maecenas non dui et sem consequat ornare.
Texte avec image au-dessous, à gauche
Contenu 03 - Cras lacus purus, laoreet ut velit sit amet, suscipit blandit magna. Mauris a massa in nisl condimentum dapibus. Proin vulputate lacus a felis laoreet lacinia. Maecenas non dui et sem consequat ornare. Nullam ligula est, sollicitudin nec lectus et, semper porta orci. Etiam enim enim, tempus at tincidunt ornare, sagittis et diam. Integer facilisis ultricies pellentesque.
Nunc luctus ultricies bibendum. In aliquam scelerisque turpis, a viverra ligula euismod vel. Nullam id diam suscipit, convallis lectus sit amet, accumsan urna. Cras lacus purus, laoreet ut velit sit amet, suscipit blandit magna. Mauris a massa in nisl condimentum dapibus. Proin vulputate lacus a felis laoreet lacinia. Maecenas non dui et sem consequat ornare.
Texte avec image habillée à gauche
Contenu 03 - Cras lacus purus, laoreet ut velit sit amet, suscipit blandit magna. Mauris a massa in nisl condimentum dapibus. Proin vulputate lacus a felis laoreet lacinia. Maecenas non dui et sem consequat ornare. Nullam ligula est, sollicitudin nec lectus et, semper porta orci. Etiam enim enim, tempus at tincidunt ornare, sagittis et diam. Integer facilisis ultricies pellentesque.
Nunc luctus ultricies bibendum. In aliquam scelerisque turpis, a viverra ligula euismod vel. Nullam id diam suscipit, convallis lectus sit amet, accumsan urna. Cras lacus purus, laoreet ut velit sit amet, suscipit blandit magna. Mauris a massa in nisl condimentum dapibus. Proin vulputate lacus a felis laoreet lacinia. Maecenas non dui et sem consequat ornare.
Texte avec image habillée à droite
Contenu 03 - Cras lacus purus, laoreet ut velit sit amet, suscipit blandit magna. Mauris a massa in nisl condimentum dapibus. Proin vulputate lacus a felis laoreet lacinia. Maecenas non dui et sem consequat ornare. Nullam ligula est, sollicitudin nec lectus et, semper porta orci. Etiam enim enim, tempus at tincidunt ornare, sagittis et diam. Integer facilisis ultricies pellentesque.
Nunc luctus ultricies bibendum. In aliquam scelerisque turpis, a viverra ligula euismod vel. Nullam id diam suscipit, convallis lectus sit amet, accumsan urna. Cras lacus purus, laoreet ut velit sit amet, suscipit blandit magna. Mauris a massa in nisl condimentum dapibus. Proin vulputate lacus a felis laoreet lacinia. Maecenas non dui et sem consequat ornare.
Image à droite du texte, sans habillage
Contenu 03 - Cras lacus purus, laoreet ut velit sit amet, suscipit blandit magna. Mauris a massa in nisl condimentum dapibus. Proin vulputate lacus a felis laoreet lacinia. Maecenas non dui et sem consequat ornare. Nullam ligula est, sollicitudin nec lectus et, semper porta orci. Etiam enim enim, tempus at tincidunt ornare, sagittis et diam. Integer facilisis ultricies pellentesque.
Nunc luctus ultricies bibendum. In aliquam scelerisque turpis, a viverra ligula euismod vel. Nullam id diam suscipit, convallis lectus sit amet, accumsan urna. Cras lacus purus, laoreet ut velit sit amet, suscipit blandit magna. Mauris a massa in nisl condimentum dapibus. Proin vulputate lacus a felis laoreet lacinia. Maecenas non dui et sem consequat ornare.
Image à gauche du texte, sans habillage
Contenu 03 - Cras lacus purus, laoreet ut velit sit amet, suscipit blandit magna. Mauris a massa in nisl condimentum dapibus. Proin vulputate lacus a felis laoreet lacinia. Maecenas non dui et sem consequat ornare. Nullam ligula est, sollicitudin nec lectus et, semper porta orci. Etiam enim enim, tempus at tincidunt ornare, sagittis et diam. Integer facilisis ultricies pellentesque.
Nunc luctus ultricies bibendum. In aliquam scelerisque turpis, a viverra ligula euismod vel. Nullam id diam suscipit, convallis lectus sit amet, accumsan urna. Cras lacus purus, laoreet ut velit sit amet, suscipit blandit magna. Mauris a massa in nisl condimentum dapibus. Proin vulputate lacus a felis laoreet lacinia. Maecenas non dui et sem consequat ornare.
Texte et document en deux colonnes
Texte compact près d’un document
Vous préférez le guichet ? Téléchargez le formulaire et déposez-le en mairie, ou envoyez-le par courrier au service Cadre de vie. Le délai de traitement est le même.
Document compact à télécharger
- Formulaire de demande de bacpdf · 19 Ko
Visuel panoramique
Conteneur en 3 colonnes (33 % / 33 % / 33 %)
Documents en liste resserrée
- 2026-guide_sterilisation-chat.pdfpdf · 2 Mo
- Aimer__c’est_protéger._Stériliser_aussi.webpwebp · 120 Ko
- OUAF.pngpng · 112 Ko
Partager :