H\u00f4tel \u00e0 Insectes – Un Refuge Biodiversit\u00e9<\/title><\/p>\n<style>\n * {<br \/>\n margin: 0;<br \/>\n padding: 0;<br \/>\n box-sizing: border-box;<br \/>\n }<\/p>\n<p> body {<br \/>\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;<br \/>\n line-height: 1.7;<br \/>\n color: #333;<br \/>\n background-color: #f8f9f5;<br \/>\n background-image: linear-gradient(to bottom, #f8f9f5 0%, #e9f0e3 100%);<br \/>\n }<\/p>\n<p> header {<br \/>\n background: linear-gradient(135deg, #5a8f2b 0%, #3a6b1f 100%);<br \/>\n color: white;<br \/>\n text-align: center;<br \/>\n padding: 3rem 1rem;<br \/>\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);<br \/>\n position: relative;<br \/>\n overflow: hidden;<br \/>\n }<\/p>\n<p> header::before {<br \/>\n content: \"\";<br \/>\n position: absolute;<br \/>\n top: 0;<br \/>\n left: 0;<br \/>\n width: 100%;<br \/>\n height: 100%;<br \/>\n background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\"><path d=\"M0,0 Q50,20 100,0 L100,100 Q50,80 0,100 Z\" fill=\"rgba(255,255,255,0.1)\"\/><\/svg>');<br \/>\n background-size: 100% 100%;<br \/>\n opacity: 0.3;<br \/>\n }<\/p>\n<p> header h1 {<br \/>\n font-size: 2.8rem;<br \/>\n margin-bottom: 0.8rem;<br \/>\n text-shadow: 1px 1px 3px rgba(0,0,0,0.2);<br \/>\n position: relative;<br \/>\n }<\/p>\n<p> header p {<br \/>\n font-size: 1.3rem;<br \/>\n opacity: 0.92;<br \/>\n max-width: 700px;<br \/>\n margin: 0 auto;<br \/>\n position: relative;<br \/>\n }<\/p>\n<p> nav {<br \/>\n background-color: #3a6b1f;<br \/>\n padding: 1.2rem;<br \/>\n position: sticky;<br \/>\n top: 0;<br \/>\n z-index: 100;<br \/>\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);<br \/>\n }<\/p>\n<p> nav ul {<br \/>\n list-style: none;<br \/>\n display: flex;<br \/>\n justify-content: center;<br \/>\n flex-wrap: wrap;<br \/>\n max-width: 1200px;<br \/>\n margin: 0 auto;<br \/>\n }<\/p>\n<p> nav li {<br \/>\n margin: 0 1.2rem;<br \/>\n }<\/p>\n<p> nav a {<br \/>\n color: white;<br \/>\n text-decoration: none;<br \/>\n font-weight: 500;<br \/>\n transition: all 0.3s;<br \/>\n padding: 0.5rem 0;<br \/>\n position: relative;<br \/>\n }<\/p>\n<p> nav a::after {<br \/>\n content: \"\";<br \/>\n position: absolute;<br \/>\n bottom: 0;<br \/>\n left: 0;<br \/>\n width: 0;<br \/>\n height: 2px;<br \/>\n background-color: #d4e8b5;<br \/>\n transition: width 0.3s;<br \/>\n }<\/p>\n<p> nav a:hover::after {<br \/>\n width: 100%;<br \/>\n }<\/p>\n<p> .container {<br \/>\n max-width: 1100px;<br \/>\n margin: 0 auto;<br \/>\n padding: 2.5rem 2rem;<br \/>\n }<\/p>\n<p> section {<br \/>\n background-color: white;<br \/>\n margin: 2.5rem 0;<br \/>\n padding: 2.5rem;<br \/>\n border-radius: 12px;<br \/>\n box-shadow: 0 5px 20px rgba(0,0,0,0.05);<br \/>\n border: 1px solid rgba(0,0,0,0.05);<br \/>\n transition: transform 0.3s, box-shadow 0.3s;<br \/>\n }<\/p>\n<p> section:hover {<br \/>\n transform: translateY(-3px);<br \/>\n box-shadow: 0 8px 25px rgba(0,0,0,0.08);<br \/>\n }<\/p>\n<p> h2 {<br \/>\n color: #5a8f2b;<br \/>\n font-size: 2.2rem;<br \/>\n margin-bottom: 1.8rem;<br \/>\n padding-bottom: 0.8rem;<br \/>\n border-bottom: 3px solid #d4e8b5;<br \/>\n position: relative;<br \/>\n }<\/p>\n<p> h2::after {<br \/>\n content: \"\";<br \/>\n position: absolute;<br \/>\n bottom: -3px;<br \/>\n left: 0;<br \/>\n width: 120px;<br \/>\n height: 3px;<br \/>\n background-color: #8bbf4c;<br \/>\n }<\/p>\n<p> h3 {<br \/>\n color: #3a6b1f;<br \/>\n margin: 1.8rem 0 1.2rem 0;<br \/>\n font-size: 1.6rem;<br \/>\n }<\/p>\n<p> .insect-grid {<br \/>\n display: grid;<br \/>\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));<br \/>\n gap: 1.8rem;<br \/>\n margin-top: 1.8rem;<br \/>\n }<\/p>\n<p> .insect-card {<br \/>\n background-color: white;<br \/>\n padding: 1.8rem;<br \/>\n border-radius: 10px;<br \/>\n border-left: 5px solid #8bbf4c;<br \/>\n box-shadow: 0 4px 12px rgba(0,0,0,0.05);<br \/>\n transition: all 0.3s;<br \/>\n position: relative;<br \/>\n overflow: hidden;<br \/>\n }<\/p>\n<p> .insect-card:hover {<br \/>\n transform: translateY(-5px);<br \/>\n box-shadow: 0 8px 20px rgba(0,0,0,0.08);<br \/>\n }<\/p>\n<p> .insect-card::before {<br \/>\n content: \"\";<br \/>\n position: absolute;<br \/>\n top: 0;<br \/>\n left: 0;<br \/>\n width: 100%;<br \/>\n height: 5px;<br \/>\n background: linear-gradient(90deg, #8bbf4c, #5a8f2b);<br \/>\n }<\/p>\n<p> .materials-list {<br \/>\n display: grid;<br \/>\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));<br \/>\n gap: 1.2rem;<br \/>\n margin-top: 1.5rem;<br \/>\n }<\/p>\n<p> .material-item {<br \/>\n background-color: #f1f7e9;<br \/>\n padding: 1.2rem;<br \/>\n border-radius: 8px;<br \/>\n display: flex;<br \/>\n align-items: center;<br \/>\n transition: all 0.3s;<br \/>\n border: 1px solid #e0e9d0;<br \/>\n }<\/p>\n<p> .material-item:hover {<br \/>\n background-color: #e4f0d7;<br \/>\n transform: translateX(5px);<br \/>\n }<\/p>\n<p> .material-item::before {<br \/>\n content: \"\ud83c\udf3f\";<br \/>\n margin-right: 0.8rem;<br \/>\n font-size: 1.3rem;<br \/>\n }<\/p>\n<p> .steps {<br \/>\n counter-reset: step-counter;<br \/>\n margin-top: 1.8rem;<br \/>\n }<\/p>\n<p> .step {<br \/>\n counter-increment: step-counter;<br \/>\n margin-bottom: 2.2rem;<br \/>\n padding-left: 4.5rem;<br \/>\n position: relative;<br \/>\n padding-top: 0.5rem;<br \/>\n }<\/p>\n<p> .step::before {<br \/>\n content: counter(step-counter);<br \/>\n position: absolute;<br \/>\n left: 0;<br \/>\n top: 0;<br \/>\n background: linear-gradient(135deg, #8bbf4c 0%, #5a8f2b 100%);<br \/>\n color: white;<br \/>\n width: 3.2rem;<br \/>\n height: 3.2rem;<br \/>\n border-radius: 50%;<br \/>\n display: flex;<br \/>\n align-items: center;<br \/>\n justify-content: center;<br \/>\n font-weight: bold;<br \/>\n font-size: 1.3rem;<br \/>\n box-shadow: 0 3px 8px rgba(0,0,0,0.15);<br \/>\n }<\/p>\n<p> .step h4 {<br \/>\n color: #3a6b1f;<br \/>\n margin-bottom: 0.8rem;<br \/>\n font-size: 1.3rem;<br \/>\n }<\/p>\n<p> .resources {<br \/>\n background-color: #f1f7e9;<br \/>\n padding: 1.8rem;<br \/>\n border-radius: 10px;<br \/>\n margin-top: 1.8rem;<br \/>\n border: 1px solid #e0e9d0;<br \/>\n }<\/p>\n<p> .resources ul {<br \/>\n list-style: none;<br \/>\n padding-left: 0;<br \/>\n }<\/p>\n<p> .resources li {<br \/>\n margin-bottom: 1rem;<br \/>\n padding-left: 2.2rem;<br \/>\n position: relative;<br \/>\n }<\/p>\n<p> .resources li::before {<br \/>\n content: \"\ud83d\udd17\";<br \/>\n position: absolute;<br \/>\n left: 0;<br \/>\n top: 2px;<br \/>\n font-size: 1.2rem;<br \/>\n }<\/p>\n<p> .resources a {<br \/>\n color: #5a8f2b;<br \/>\n text-decoration: none;<br \/>\n font-weight: 500;<br \/>\n transition: all 0.2s;<br \/>\n display: inline-block;<br \/>\n padding: 0.2rem 0;<br \/>\n }<\/p>\n<p> .resources a:hover {<br \/>\n color: #3a6b1f;<br \/>\n text-decoration: underline;<br \/>\n transform: translateX(3px);<br \/>\n }<\/p>\n<p> footer {<br \/>\n background: linear-gradient(135deg, #3a6b1f 0%, #2a5215 100%);<br \/>\n color: white;<br \/>\n text-align: center;<br \/>\n padding: 2.5rem;<br \/>\n margin-top: 4rem;<br \/>\n position: relative;<br \/>\n }<\/p>\n<p> footer::before {<br \/>\n content: \"\";<br \/>\n position: absolute;<br \/>\n top: 0;<br \/>\n left: 0;<br \/>\n width: 100%;<br \/>\n height: 100%;<br \/>\n background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\"><path d=\"M0,0 Q50,20 100,0 L100,100 Q50,80 0,100 Z\" fill=\"rgba(255,255,255,0.1)\"\/><\/svg>');<br \/>\n background-size: 100% 100%;<br \/>\n opacity: 0.2;<br \/>\n }<\/p>\n<p> footer p {<br \/>\n position: relative;<br \/>\n font-size: 1.1rem;<br \/>\n max-width: 800px;<br \/>\n margin: 0 auto;<br \/>\n }<\/p>\n<p> @media (max-width: 768px) {<br \/>\n header h1 {<br \/>\n font-size: 2.2rem;<br \/>\n }<\/p>\n<p> nav li {<br \/>\n margin: 0.6rem;<br \/>\n }<\/p>\n<p> section {<br \/>\n padding: 1.8rem;<br \/>\n }<\/p>\n<p> h2 {<br \/>\n font-size: 1.8rem;<br \/>\n }<br \/>\n }<\/p>\n<p> .highlight {<br \/>\n background-color: #e4f0d7;<br \/>\n padding: 1.5rem;<br \/>\n border-radius: 8px;<br \/>\n margin: 1.5rem 0;<br \/>\n border-left: 5px solid #8bbf4c;<br \/>\n position: relative;<br \/>\n }<\/p>\n<p> .highlight::before {<br \/>\n content: \"\";<br \/>\n position: absolute;<br \/>\n top: 0;<br \/>\n left: 0;<br \/>\n width: 100%;<br \/>\n height: 100%;<br \/>\n background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\"><rect width=\"100\" height=\"100\" fill=\"none\" stroke=\"%238bbf4c\" stroke-width=\"2\" stroke-dasharray=\"8,8\" opacity=\"0.2\"\/><\/svg>');<br \/>\n background-size: 30px 30px;<br \/>\n opacity: 0.3;<br \/>\n border-radius: 8px;<br \/>\n }<\/p>\n<p> .emoji {<br \/>\n font-size: 1.5rem;<br \/>\n margin-right: 0.5rem;<br \/>\n }<br \/>\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<header>\n<h1>\ud83c\udfe8 H\u00f4tel \u00e0 Insectes<\/h1>\n<p>Un refuge pour nos petits alli\u00e9s du jardin<\/p>\n<\/header>\n<nav>\n<ul>\n<li><a href=\"#pourquoi\">Pourquoi ?<\/a><\/li>\n<li><a href=\"#insectes\">Insectes<\/a><\/li>\n<li><a href=\"#materiaux\">Mat\u00e9riaux<\/a><\/li>\n<li><a href=\"#construction\">Construction<\/a><\/li>\n<li><a href=\"#ressources\">Ressources<\/a><\/li>\n<\/ul>\n<\/nav>\n<div class=\"container\">\n<section id=\"pourquoi\">\n<h2>Pourquoi installer un h\u00f4tel \u00e0 insectes ?<\/h2>\n<p>Les insectes auxiliaires jouent un r\u00f4le essentiel dans nos jardins et notre \u00e9cosyst\u00e8me. Avec la disparition de leurs habitats naturels, ils ont besoin de notre aide !<\/p>\n<div class=\"highlight\">\n<h3><span class=\"emoji\">\ud83c\udf1f<\/span>Leurs r\u00f4les pr\u00e9cieux :<\/h3>\n<ul>\n<li><strong>Pollinisation :<\/strong> Les abeilles solitaires pollinisent jusqu’\u00e0 80% des plantes sauvages<\/li>\n<li><strong>R\u00e9gulation :<\/strong> Les coccinelles et chrysopes mangent les pucerons ravageurs<\/li>\n<li><strong>Biodiversit\u00e9 :<\/strong> Ils maintiennent l’\u00e9quilibre de l’\u00e9cosyst\u00e8me<\/li>\n<li><strong>\u00c9ducation :<\/strong> Un excellent moyen d’apprendre la nature aux enfants<\/li>\n<\/ul><\/div>\n<p>Un h\u00f4tel \u00e0 insectes offre un abri s\u00fbr pour se reproduire, hiverner ou se reposer. C’est un geste simple mais essentiel pour pr\u00e9server la biodiversit\u00e9 !<\/p>\n<\/section>\n<section id=\"insectes\">\n<h2>Quels insectes peut-on accueillir ?<\/h2>\n<p>Chaque insecte a ses pr\u00e9f\u00e9rences en mati\u00e8re d’h\u00e9bergement. Voici les principaux \u00ab\u00a0clients\u00a0\u00bb de votre h\u00f4tel :<\/p>\n<div class=\"insect-grid\">\n<div class=\"insect-card\">\n<h3>\ud83d\udc1d Abeilles solitaires<\/h3>\n<p><strong>R\u00f4le :<\/strong> Pollinisation<\/p>\n<p><strong>Pr\u00e9f\u00e9rence :<\/strong> Tiges creuses (bambou, ronces)<\/p>\n<p><strong>Sp\u00e9cificit\u00e9 :<\/strong> Elles ne piquent pas !<\/p>\n<\/p><\/div>\n<div class=\"insect-card\">\n<h3>\ud83d\udc1e Coccinelles<\/h3>\n<p><strong>R\u00f4le :<\/strong> Mangent les pucerons<\/p>\n<p><strong>Pr\u00e9f\u00e9rence :<\/strong> Planchettes rapproch\u00e9es avec feuilles s\u00e8ches<\/p>\n<p><strong>Sp\u00e9cificit\u00e9 :<\/strong> Un adulte mange 100 pucerons par jour<\/p>\n<\/p><\/div>\n<div class=\"insect-card\">\n<h3>\ud83e\udd8b Chrysopes<\/h3>\n<p><strong>R\u00f4le :<\/strong> Pr\u00e9dateurs de pucerons<\/p>\n<p><strong>Pr\u00e9f\u00e9rence :<\/strong> Paille ou bois sec<\/p>\n<p><strong>Sp\u00e9cificit\u00e9 :<\/strong> Surnomm\u00e9es \u00ab\u00a0les lions des pucerons\u00a0\u00bb<\/p>\n<\/p><\/div>\n<div class=\"insect-card\">\n<h3>\ud83d\udc26 Bourdons<\/h3>\n<p><strong>R\u00f4le :<\/strong> Pollinisation<\/p>\n<p><strong>Pr\u00e9f\u00e9rence :<\/strong> Bo\u00eete ferm\u00e9e avec trou d’envol<\/p>\n<p><strong>Sp\u00e9cificit\u00e9 :<\/strong> Ils butinent par temps plus frais<\/p>\n<\/p><\/div>\n<div class=\"insect-card\">\n<h3>\ud83d\udc42 Perce-oreilles<\/h3>\n<p><strong>R\u00f4le :<\/strong> Nettoient le jardin<\/p>\n<p><strong>Pr\u00e9f\u00e9rence :<\/strong> Pot de terre cuite rempli de paille<\/p>\n<p><strong>Sp\u00e9cificit\u00e9 :<\/strong> Utiles mal leur r\u00e9putation !<\/p>\n<\/p><\/div>\n<div class=\"insect-card\">\n<h3>\ud83e\udd8b Papillons<\/h3>\n<p><strong>R\u00f4le :<\/strong> Pollinisation<\/p>\n<p><strong>Pr\u00e9f\u00e9rence :<\/strong> Bo\u00eete avec paille et herbes s\u00e8ches<\/p>\n<p><strong>Sp\u00e9cificit\u00e9 :<\/strong> Certains hivernent sous forme adulte<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"materiaux\">\n<h2>Mat\u00e9riaux n\u00e9cessaires<\/h2>\n<p>Utilisez surtout des mat\u00e9riaux naturels et de r\u00e9cup\u00e9ration. Voici la liste compl\u00e8te :<\/p>\n<div class=\"materials-list\">\n<div class=\"material-item\">\ud83e\udeb5 Rondins de bois (ch\u00e2taignier, m\u00e9l\u00e8ze, douglas)<\/div>\n<div class=\"material-item\">\ud83c\udf8b Tiges de bambou ou roseaux<\/div>\n<div class=\"material-item\"> Briques avec trous<\/div>\n<div class=\"material-item\">\ud83c\udf3e Paille, feuilles mortes<\/div>\n<div class=\"material-item\">\ud83e\udeb5 Planchettes de bois<\/div>\n<div class=\"material-item\">\ud83c\udfe0 Ardoises ou tuiles (pour le toit)<\/div>\n<div class=\"material-item\">\ud83d\udce6 Cagettes en bois (r\u00e9cup\u00e9ration)<\/div>\n<div class=\"material-item\">\ud83d\udd28 Ficelle ou clous pour assembler<\/div>\n<div class=\"material-item\">\ud83e\udeb5 Copeaux de bois<\/div>\n<div class=\"material-item\">\ud83e\uddf1 Pierre naturelle<\/div>\n<\/p><\/div>\n<div class=\"highlight\">\n<h3><span class=\"emoji\">\ud83d\udca1<\/span>Astuce \u00e9cologique :<\/h3>\n<p>Privil\u00e9giez les mat\u00e9riaux de r\u00e9cup\u00e9ration ! Une vieille caisse en bois, des rondins tomb\u00e9s naturellement, des tiges de vos plantes du jardin… Tout peut servir !<\/p>\n<\/p><\/div>\n<\/section>\n<section id=\"construction\">\n<h2>\u00c9tapes de construction<\/h2>\n<p>Suivez ces \u00e9tapes pour cr\u00e9er un h\u00f4tel \u00e0 insectes efficace et durable :<\/p>\n<div class=\"steps\">\n<div class=\"step\">\n<h4>1. Choix de l’emplacement<\/h4>\n<p>\u00c0 l’abri du vent, orient\u00e9 sud ou sud-est pour profiter du soleil. Sur\u00e9levez \u00e0 30 cm du sol pour \u00e9viter l’humidit\u00e9. Pr\u00e9f\u00e9rez un endroit calme du jardin.<\/p>\n<\/p><\/div>\n<div class=\"step\">\n<h4>2. Construction de l’ossature<\/h4>\n<p>Cr\u00e9ez un cadre solide en bois (30×40 cm minimum). Ajoutez un toit imperm\u00e9able avec de l’ardoise ou des tuiles. Le fond doit \u00eatre plein pour prot\u00e9ger de la pluie.<\/p>\n<\/p><\/div>\n<div class=\"step\">\n<h4>3. Pr\u00e9paration des mat\u00e9riaux<\/h4>\n<p>Coupez les tiges de bambou en sections de 15-20 cm. Percez des trous de 3-8 mm de diam\u00e8tre et 5-15 cm de profondeur dans les rondins. Assurez-vous que les extr\u00e9mit\u00e9s sont lisses.<\/p>\n<\/p><\/div>\n<div class=\"step\">\n<h4>4. Remplissage des compartiments<\/h4>\n<p>Organisez diff\u00e9rents types d’abris :<\/p>\n<ul style=\"margin-left: 2rem; margin-top: 0.5rem;\">\n<li>Zone 1 : Tiges creuses pour les abeilles (3-7 mm)<\/li>\n<li>Zone 2 : Planchettes avec feuilles pour les coccinelles<\/li>\n<li>Zone 3 : Paille pour les chrysopes<\/li>\n<li>Zone 4 : Pierres et \u00e9corces pour les autres auxiliaires<\/li>\n<\/ul><\/div>\n<div class=\"step\">\n<h4>5. Assemblage final<\/h4>\n<p>Fixez solidement tous les \u00e9l\u00e9ments. V\u00e9rifiez la stabilit\u00e9. Ajoutez un petit auvent pour prot\u00e9ger de la pluie. Laissez quelques fissures pour l’a\u00e9ration.<\/p>\n<\/p><\/div>\n<div class=\"step\">\n<h4>6. Installation et entretien<\/h4>\n<p>Installez d\u00e9but printemps. Enterrez l\u00e9g\u00e8rement les pieds ou fixez au mur. V\u00e9rifiez chaque ann\u00e9e, remplacez les mat\u00e9riaux usag\u00e9s. Nettoyez si n\u00e9cessaire en automne.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"highlight\">\n<h3><span class=\"emoji\">\ud83c\udf38<\/span>Pour attirer les insectes :<\/h3>\n<p>Plantez des fleurs mellif\u00e8res \u00e0 proximit\u00e9 (lavande, thym, aster, cosmos…). Laissez quelques zones sauvages dans votre jardin. \u00c9vitez les pesticides !<\/p>\n<\/p><\/div>\n<\/section>\n<section id=\"ressources\">\n<h2>Ressources utiles<\/h2>\n<div class=\"resources\">\n<h3>Sites sp\u00e9cialis\u00e9s :<\/h3>\n<ul>\n<li>\ud83d\udd17 <a href=\"https:\/\/www.jardiner-autrement.fr\/construire-hotel-a-insectes\/\" target=\"_blank\">Jardiner Autrement – Guide complet<\/a><\/li>\n<li>\ud83d\udd17 <a href=\"https:\/\/www.apiculture.net\/blog\/ou-installer-lhotel-a-insecte--n315\" target=\"_blank\">Apiculture.net – Installation optimale<\/a><\/li>\n<li>\ud83d\udd17 <a href=\"https:\/\/ecole.salamandre.org\/article\/toutes-nos-fiches-pedagogiques-sur-hotel-a-insectes\/\" target=\"_blank\">\u00c9cole Salamandre – Fiches p\u00e9dagogiques<\/a><\/li>\n<li>\ud83d\udd17 <a href=\"https:\/\/www.opie-ole.fr\/fiche\/9782718216676\/hotel-insectes\" target=\"_blank\">OPIE – Guide technique d\u00e9taill\u00e9<\/a><\/li>\n<\/ul>\n<h3 style=\"margin-top: 2rem;\">Applications mobiles :<\/h3>\n<ul>\n<li>\ud83d\udcf1 <strong>INPN Esp\u00e8ces<\/strong> – Identifier les insectes visitant votre h\u00f4tel<\/li>\n<li>\ud83d\udcf1 <strong>iNaturalist<\/strong> – Partager vos observations avec la communaut\u00e9<\/li>\n<\/ul><\/div>\n<\/section><\/div>\n<footer>\n<p>\ud83c\udf3f Construire un h\u00f4tel \u00e0 insectes, c’est prot\u00e9ger la biodiversit\u00e9 chez soi ! \ud83c\udf3f<\/p>\n<p style=\"margin-top: 1rem; font-size: 0.9rem; opacity: 0.8;\">\n Partagez vos r\u00e9alisations avec le hashtag #HotelInsectes \ud83d\udc1e\n <\/p>\n<\/footer>\n<p> <script><br \/>\n \/\/ Smooth scrolling for navigation links<br \/>\n document.querySelectorAll('nav a').forEach(anchor => {<br \/>\n anchor.addEventListener('click', function (e) {<br \/>\n e.preventDefault();<br \/>\n const target = document.querySelector(this.getAttribute('href'));<br \/>\n if (target) {<br \/>\n target.scrollIntoView({<br \/>\n behavior: 'smooth',<br \/>\n block: 'start'<br \/>\n });<br \/>\n }<br \/>\n });<br \/>\n });<\/p>\n<p> \/\/ Add animation on scroll<br \/>\n const observerOptions = {<br \/>\n threshold: 0.1,<br \/>\n rootMargin: '0px 0px -50px 0px'<br \/>\n };<\/p>\n<p> const observer = new IntersectionObserver(function(entries) {<br \/>\n entries.forEach(entry => {<br \/>\n if (entry.isIntersecting) {<br \/>\n entry.target.style.opacity = '1';<br \/>\n entry.target.style.transform = 'translateY(0)';<br \/>\n }<br \/>\n });<br \/>\n }, observerOptions);<\/p>\n<p> \/\/ Observe all sections<br \/>\n document.querySelectorAll('section').forEach(section => {<br \/>\n section.style.opacity = '0';<br \/>\n section.style.transform = 'translateY(20px)';<br \/>\n section.style.transition = 'opacity 0.6s ease, transform 0.6s ease';<br \/>\n observer.observe(section);<br \/>\n });<br \/>\n <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n<div class=\"highlight\">\n<h3><span class=\"emoji\">\ud83c\udf38<\/span>Pour attirer les insectes :<\/h3>\n<p>Plantez des fleurs mellif\u00e8res \u00e0 proximit\u00e9 (lavande, thym, aster, cosmos…). Laissez quelques zones sauvages dans votre jardin. \u00c9vitez les pesticides !<\/p>\n<\/div>\n<div style=\"margin: 2rem 0; text-align: center;\">\n<h3><span class=\"emoji\">\ud83d\udcf8<\/span>Photos de mon h\u00f4tel \u00e0 insectes<\/h3>\n<div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem; margin-top: 1rem;\">\n<p> <\/p>\n<div style=\"background: white; padding: 1rem; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\">\n <img decoding=\"async\" src=\"photos\/hotel-termine.jpg\" alt=\"Mon h\u00f4tel \u00e0 insectes termin\u00e9\" style=\"width: 100%; height: 200px; object-fit: cover; border-radius: 5px;\"><\/p>\n<p style=\"margin-top: 0.5rem; font-size: 0.9rem; color: #666;\">L’h\u00f4tel termin\u00e9 et install\u00e9<\/p>\n<\/p><\/div>\n<p> <\/p>\n<div style=\"background: white; padding: 1rem; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\">\n <img decoding=\"async\" src=\"photos\/detail-compartiments.jpg\" alt=\"D\u00e9tail des compartiments\" style=\"width: 100%; height: 200px; object-fit: cover; border-radius: 5px;\"><\/p>\n<p style=\"margin-top: 0.5rem; font-size: 0.9rem; color: #666;\">D\u00e9tail des diff\u00e9rents compartiments<\/p>\n<\/p><\/div>\n<p> <\/p>\n<div style=\"background: white; padding: 1rem; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\">\n <img decoding=\"async\" src=\"photos\/abeille-visite.jpg\" alt=\"Premier visiteur\" style=\"width: 100%; height: 200px; object-fit: cover; border-radius: 5px;\"><\/p>\n<p style=\"margin-top: 0.5rem; font-size: 0.9rem; color: #666;\">Une abeille solitaire visitant l’h\u00f4tel<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><\/p>\n<section style=\"background-color: #f0f8f0; padding: 2rem; border-radius: 10px; margin: 2rem 0;\">\n<h2 style=\"color: #5a8f2b; text-align: center; margin-bottom: 1.5rem;\">\n \ud83d\udcf8 Mon h\u00f4tel \u00e0 insectes en images<br \/>\n <\/h2>\n<div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem;\">\n<p> <\/p>\n<div style=\"background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.1);\">\n <img decoding=\"async\" src=\"photos\/mon-hotel-fini.jpg\" \n alt=\"Mon h\u00f4tel \u00e0 insectes fini\" \n style=\"width: 100%; height: 250px; object-fit: cover;\"><\/p>\n<div style=\"padding: 1rem;\">\n<h4 style=\"color: #3a6b1f; margin-bottom: 0.5rem;\">\u2728 Le r\u00e9sultat final<\/h4>\n<p style=\"color: #666; font-size: 0.9rem;\">Mon h\u00f4tel install\u00e9 au fond du jardin, orient\u00e9 sud-est<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div style=\"background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.1);\">\n <img decoding=\"async\" src=\"photos\/materiales-preparation.jpg\" \n alt=\"Pr\u00e9paration des mat\u00e9riaux\" \n style=\"width: 100%; height: 250px; object-fit: cover;\"><\/p>\n<div style=\"padding: 1rem;\">\n<h4 style=\"color: #3a6b1f; margin-bottom: 0.5rem;\">\ud83d\udd28 Pr\u00e9paration<\/h4>\n<p style=\"color: #666; font-size: 0.9rem;\">Tous mes mat\u00e9riaux pr\u00eats \u00e0 \u00eatre assembl\u00e9s<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div style=\"background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.1);\">\n <img decoding=\"async\" src=\"photos\/abeille-en-action.jpg\" \n alt=\"Abeille solitaire\" \n style=\"width: 100%; height: 250px; object-fit: cover;\"><\/p>\n<div style=\"padding: 1rem;\">\n<h4 style=\"color: #3a6b1f; margin-bottom: 0.5rem;\">\ud83d\udc1d Premi\u00e8re occupante !<\/h4>\n<p style=\"color: #666; font-size: 0.9rem;\">Une abeille solitaire inspectant les logements<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div style=\"background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.1);\">\n <img decoding=\"async\" src=\"photos\/detail-compartiments.jpg\" \n alt=\"D\u00e9tail des compartiments\" \n style=\"width: 100%; height: 250px; object-fit: cover;\"><\/p>\n<div style=\"padding: 1rem;\">\n<h4 style=\"color: #3a6b1f; margin-bottom: 0.5rem;\">\ud83d\udd0d Vue rapproch\u00e9e<\/h4>\n<p style=\"color: #666; font-size: 0.9rem;\">Les diff\u00e9rents types de logements propos\u00e9s<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div style=\"text-align: center; margin-top: 2rem; padding: 1rem; background: white; border-radius: 10px;\">\n<h4 style=\"color: #5a8f2b; margin-bottom: 1rem;\">\ud83d\udcc5 Suivi des observations<\/h4>\n<p>Depuis l’installation, j’ai observ\u00e9 :<\/p>\n<ul style=\"list-style: none; display: flex; justify-content: center; gap: 2rem; margin-top: 1rem; flex-wrap: wrap;\">\n<li>\ud83d\udc1d 3 types d’abeilles solitaires<\/li>\n<li>\ud83d\udc1e Des coccinelles qui ont \u00e9lu domicile<\/li>\n<li>\ud83e\udd8b Des chrysopes en \u00e9t\u00e9<\/li>\n<li>\ud83d\udc42 Des perce-oreilles l’hiver<\/li>\n<\/ul><\/div>\n<\/section>\n<p><br \/>\n<img decoding=\"async\" src=\"photos\/moniteur-rentrer.jpg\" \n alt=\"Abeille entrant dans l'hotel\" \n style=\"width: 100%; height: 250px; object-fit: cover;\"\n loading=\"lazy\"> <\/p>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>H\u00f4tel \u00e0 Insectes – Un Refuge Biodiversit\u00e9 \ud83c\udfe8 H\u00f4tel \u00e0 Insectes Un refuge pour nos petits alli\u00e9s du jardin Pourquoi ? Insectes Mat\u00e9riaux Construction Ressources Pourquoi installer un h\u00f4tel \u00e0 insectes ? Les insectes auxiliaires jouent un r\u00f4le essentiel dans nos jardins et notre \u00e9cosyst\u00e8me. Avec la disparition de leurs habitats naturels, ils ont besoin […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-45","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hotelainsectes71.fr\/index.php\/wp-json\/wp\/v2\/pages\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hotelainsectes71.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hotelainsectes71.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hotelainsectes71.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hotelainsectes71.fr\/index.php\/wp-json\/wp\/v2\/comments?post=45"}],"version-history":[{"count":2,"href":"https:\/\/hotelainsectes71.fr\/index.php\/wp-json\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":47,"href":"https:\/\/hotelainsectes71.fr\/index.php\/wp-json\/wp\/v2\/pages\/45\/revisions\/47"}],"wp:attachment":[{"href":"https:\/\/hotelainsectes71.fr\/index.php\/wp-json\/wp\/v2\/media?parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":45,"date":"2025-11-21T14:47:39","date_gmt":"2025-11-21T14:47:39","guid":{"rendered":"https:\/\/hotelainsectes71.fr\/?page_id=45"},"modified":"2025-11-21T14:47:39","modified_gmt":"2025-11-21T14:47:39","slug":"hotel-a-insectes-71","status":"publish","type":"page","link":"https:\/\/hotelainsectes71.fr\/index.php\/hotel-a-insectes-71\/","title":{"rendered":"HOTEL A INSECTES 71"},"content":{"rendered":"

\n
\n
\n
\n
\n H\u00f4tel \u00e0 Insectes – Un Refuge Biodiversit\u00e9<\/title><\/p>\n<style>\n * {<br \/>\n margin: 0;<br \/>\n padding: 0;<br \/>\n box-sizing: border-box;<br \/>\n }<\/p>\n<p> body {<br \/>\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;<br \/>\n line-height: 1.7;<br \/>\n color: #333;<br \/>\n background-color: #f8f9f5;<br \/>\n background-image: linear-gradient(to bottom, #f8f9f5 0%, #e9f0e3 100%);<br \/>\n }<\/p>\n<p> header {<br \/>\n background: linear-gradient(135deg, #5a8f2b 0%, #3a6b1f 100%);<br \/>\n color: white;<br \/>\n text-align: center;<br \/>\n padding: 3rem 1rem;<br \/>\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);<br \/>\n position: relative;<br \/>\n overflow: hidden;<br \/>\n }<\/p>\n<p> header::before {<br \/>\n content: \"\";<br \/>\n position: absolute;<br \/>\n top: 0;<br \/>\n left: 0;<br \/>\n width: 100%;<br \/>\n height: 100%;<br \/>\n background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\"><path d=\"M0,0 Q50,20 100,0 L100,100 Q50,80 0,100 Z\" fill=\"rgba(255,255,255,0.1)\"\/><\/svg>');<br \/>\n background-size: 100% 100%;<br \/>\n opacity: 0.3;<br \/>\n }<\/p>\n<p> header h1 {<br \/>\n font-size: 2.8rem;<br \/>\n margin-bottom: 0.8rem;<br \/>\n text-shadow: 1px 1px 3px rgba(0,0,0,0.2);<br \/>\n position: relative;<br \/>\n }<\/p>\n<p> header p {<br \/>\n font-size: 1.3rem;<br \/>\n opacity: 0.92;<br \/>\n max-width: 700px;<br \/>\n margin: 0 auto;<br \/>\n position: relative;<br \/>\n }<\/p>\n<p> nav {<br \/>\n background-color: #3a6b1f;<br \/>\n padding: 1.2rem;<br \/>\n position: sticky;<br \/>\n top: 0;<br \/>\n z-index: 100;<br \/>\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);<br \/>\n }<\/p>\n<p> nav ul {<br \/>\n list-style: none;<br \/>\n display: flex;<br \/>\n justify-content: center;<br \/>\n flex-wrap: wrap;<br \/>\n max-width: 1200px;<br \/>\n margin: 0 auto;<br \/>\n }<\/p>\n<p> nav li {<br \/>\n margin: 0 1.2rem;<br \/>\n }<\/p>\n<p> nav a {<br \/>\n color: white;<br \/>\n text-decoration: none;<br \/>\n font-weight: 500;<br \/>\n transition: all 0.3s;<br \/>\n padding: 0.5rem 0;<br \/>\n position: relative;<br \/>\n }<\/p>\n<p> nav a::after {<br \/>\n content: \"\";<br \/>\n position: absolute;<br \/>\n bottom: 0;<br \/>\n left: 0;<br \/>\n width: 0;<br \/>\n height: 2px;<br \/>\n background-color: #d4e8b5;<br \/>\n transition: width 0.3s;<br \/>\n }<\/p>\n<p> nav a:hover::after {<br \/>\n width: 100%;<br \/>\n }<\/p>\n<p> .container {<br \/>\n max-width: 1100px;<br \/>\n margin: 0 auto;<br \/>\n padding: 2.5rem 2rem;<br \/>\n }<\/p>\n<p> section {<br \/>\n background-color: white;<br \/>\n margin: 2.5rem 0;<br \/>\n padding: 2.5rem;<br \/>\n border-radius: 12px;<br \/>\n box-shadow: 0 5px 20px rgba(0,0,0,0.05);<br \/>\n border: 1px solid rgba(0,0,0,0.05);<br \/>\n transition: transform 0.3s, box-shadow 0.3s;<br \/>\n }<\/p>\n<p> section:hover {<br \/>\n transform: translateY(-3px);<br \/>\n box-shadow: 0 8px 25px rgba(0,0,0,0.08);<br \/>\n }<\/p>\n<p> h2 {<br \/>\n color: #5a8f2b;<br \/>\n font-size: 2.2rem;<br \/>\n margin-bottom: 1.8rem;<br \/>\n padding-bottom: 0.8rem;<br \/>\n border-bottom: 3px solid #d4e8b5;<br \/>\n position: relative;<br \/>\n }<\/p>\n<p> h2::after {<br \/>\n content: \"\";<br \/>\n position: absolute;<br \/>\n bottom: -3px;<br \/>\n left: 0;<br \/>\n width: 120px;<br \/>\n height: 3px;<br \/>\n background-color: #8bbf4c;<br \/>\n }<\/p>\n<p> h3 {<br \/>\n color: #3a6b1f;<br \/>\n margin: 1.8rem 0 1.2rem 0;<br \/>\n font-size: 1.6rem;<br \/>\n }<\/p>\n<p> .insect-grid {<br \/>\n display: grid;<br \/>\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));<br \/>\n gap: 1.8rem;<br \/>\n margin-top: 1.8rem;<br \/>\n }<\/p>\n<p> .insect-card {<br \/>\n background-color: white;<br \/>\n padding: 1.8rem;<br \/>\n border-radius: 10px;<br \/>\n border-left: 5px solid #8bbf4c;<br \/>\n box-shadow: 0 4px 12px rgba(0,0,0,0.05);<br \/>\n transition: all 0.3s;<br \/>\n position: relative;<br \/>\n overflow: hidden;<br \/>\n }<\/p>\n<p> .insect-card:hover {<br \/>\n transform: translateY(-5px);<br \/>\n box-shadow: 0 8px 20px rgba(0,0,0,0.08);<br \/>\n }<\/p>\n<p> .insect-card::before {<br \/>\n content: \"\";<br \/>\n position: absolute;<br \/>\n top: 0;<br \/>\n left: 0;<br \/>\n width: 100%;<br \/>\n height: 5px;<br \/>\n background: linear-gradient(90deg, #8bbf4c, #5a8f2b);<br \/>\n }<\/p>\n<p> .materials-list {<br \/>\n display: grid;<br \/>\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));<br \/>\n gap: 1.2rem;<br \/>\n margin-top: 1.5rem;<br \/>\n }<\/p>\n<p> .material-item {<br \/>\n background-color: #f1f7e9;<br \/>\n padding: 1.2rem;<br \/>\n border-radius: 8px;<br \/>\n display: flex;<br \/>\n align-items: center;<br \/>\n transition: all 0.3s;<br \/>\n border: 1px solid #e0e9d0;<br \/>\n }<\/p>\n<p> .material-item:hover {<br \/>\n background-color: #e4f0d7;<br \/>\n transform: translateX(5px);<br \/>\n }<\/p>\n<p> .material-item::before {<br \/>\n content: \"\ud83c\udf3f\";<br \/>\n margin-right: 0.8rem;<br \/>\n font-size: 1.3rem;<br \/>\n }<\/p>\n<p> .steps {<br \/>\n counter-reset: step-counter;<br \/>\n margin-top: 1.8rem;<br \/>\n }<\/p>\n<p> .step {<br \/>\n counter-increment: step-counter;<br \/>\n margin-bottom: 2.2rem;<br \/>\n padding-left: 4.5rem;<br \/>\n position: relative;<br \/>\n padding-top: 0.5rem;<br \/>\n }<\/p>\n<p> .step::before {<br \/>\n content: counter(step-counter);<br \/>\n position: absolute;<br \/>\n left: 0;<br \/>\n top: 0;<br \/>\n background: linear-gradient(135deg, #8bbf4c 0%, #5a8f2b 100%);<br \/>\n color: white;<br \/>\n width: 3.2rem;<br \/>\n height: 3.2rem;<br \/>\n border-radius: 50%;<br \/>\n display: flex;<br \/>\n align-items: center;<br \/>\n justify-content: center;<br \/>\n font-weight: bold;<br \/>\n font-size: 1.3rem;<br \/>\n box-shadow: 0 3px 8px rgba(0,0,0,0.15);<br \/>\n }<\/p>\n<p> .step h4 {<br \/>\n color: #3a6b1f;<br \/>\n margin-bottom: 0.8rem;<br \/>\n font-size: 1.3rem;<br \/>\n }<\/p>\n<p> .resources {<br \/>\n background-color: #f1f7e9;<br \/>\n padding: 1.8rem;<br \/>\n border-radius: 10px;<br \/>\n margin-top: 1.8rem;<br \/>\n border: 1px solid #e0e9d0;<br \/>\n }<\/p>\n<p> .resources ul {<br \/>\n list-style: none;<br \/>\n padding-left: 0;<br \/>\n }<\/p>\n<p> .resources li {<br \/>\n margin-bottom: 1rem;<br \/>\n padding-left: 2.2rem;<br \/>\n position: relative;<br \/>\n }<\/p>\n<p> .resources li::before {<br \/>\n content: \"\ud83d\udd17\";<br \/>\n position: absolute;<br \/>\n left: 0;<br \/>\n top: 2px;<br \/>\n font-size: 1.2rem;<br \/>\n }<\/p>\n<p> .resources a {<br \/>\n color: #5a8f2b;<br \/>\n text-decoration: none;<br \/>\n font-weight: 500;<br \/>\n transition: all 0.2s;<br \/>\n display: inline-block;<br \/>\n padding: 0.2rem 0;<br \/>\n }<\/p>\n<p> .resources a:hover {<br \/>\n color: #3a6b1f;<br \/>\n text-decoration: underline;<br \/>\n transform: translateX(3px);<br \/>\n }<\/p>\n<p> footer {<br \/>\n background: linear-gradient(135deg, #3a6b1f 0%, #2a5215 100%);<br \/>\n color: white;<br \/>\n text-align: center;<br \/>\n padding: 2.5rem;<br \/>\n margin-top: 4rem;<br \/>\n position: relative;<br \/>\n }<\/p>\n<p> footer::before {<br \/>\n content: \"\";<br \/>\n position: absolute;<br \/>\n top: 0;<br \/>\n left: 0;<br \/>\n width: 100%;<br \/>\n height: 100%;<br \/>\n background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\"><path d=\"M0,0 Q50,20 100,0 L100,100 Q50,80 0,100 Z\" fill=\"rgba(255,255,255,0.1)\"\/><\/svg>');<br \/>\n background-size: 100% 100%;<br \/>\n opacity: 0.2;<br \/>\n }<\/p>\n<p> footer p {<br \/>\n position: relative;<br \/>\n font-size: 1.1rem;<br \/>\n max-width: 800px;<br \/>\n margin: 0 auto;<br \/>\n }<\/p>\n<p> @media (max-width: 768px) {<br \/>\n header h1 {<br \/>\n font-size: 2.2rem;<br \/>\n }<\/p>\n<p> nav li {<br \/>\n margin: 0.6rem;<br \/>\n }<\/p>\n<p> section {<br \/>\n padding: 1.8rem;<br \/>\n }<\/p>\n<p> h2 {<br \/>\n font-size: 1.8rem;<br \/>\n }<br \/>\n }<\/p>\n<p> .highlight {<br \/>\n background-color: #e4f0d7;<br \/>\n padding: 1.5rem;<br \/>\n border-radius: 8px;<br \/>\n margin: 1.5rem 0;<br \/>\n border-left: 5px solid #8bbf4c;<br \/>\n position: relative;<br \/>\n }<\/p>\n<p> .highlight::before {<br \/>\n content: \"\";<br \/>\n position: absolute;<br \/>\n top: 0;<br \/>\n left: 0;<br \/>\n width: 100%;<br \/>\n height: 100%;<br \/>\n background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\"><rect width=\"100\" height=\"100\" fill=\"none\" stroke=\"%238bbf4c\" stroke-width=\"2\" stroke-dasharray=\"8,8\" opacity=\"0.2\"\/><\/svg>');<br \/>\n background-size: 30px 30px;<br \/>\n opacity: 0.3;<br \/>\n border-radius: 8px;<br \/>\n }<\/p>\n<p> .emoji {<br \/>\n font-size: 1.5rem;<br \/>\n margin-right: 0.5rem;<br \/>\n }<br \/>\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<header>\n<h1>\ud83c\udfe8 H\u00f4tel \u00e0 Insectes<\/h1>\n<p>Un refuge pour nos petits alli\u00e9s du jardin<\/p>\n<\/header>\n<nav>\n<ul>\n<li><a href=\"#pourquoi\">Pourquoi ?<\/a><\/li>\n<li><a href=\"#insectes\">Insectes<\/a><\/li>\n<li><a href=\"#materiaux\">Mat\u00e9riaux<\/a><\/li>\n<li><a href=\"#construction\">Construction<\/a><\/li>\n<li><a href=\"#ressources\">Ressources<\/a><\/li>\n<\/ul>\n<\/nav>\n<div class=\"container\">\n<section id=\"pourquoi\">\n<h2>Pourquoi installer un h\u00f4tel \u00e0 insectes ?<\/h2>\n<p>Les insectes auxiliaires jouent un r\u00f4le essentiel dans nos jardins et notre \u00e9cosyst\u00e8me. Avec la disparition de leurs habitats naturels, ils ont besoin de notre aide !<\/p>\n<div class=\"highlight\">\n<h3><span class=\"emoji\">\ud83c\udf1f<\/span>Leurs r\u00f4les pr\u00e9cieux :<\/h3>\n<ul>\n<li><strong>Pollinisation :<\/strong> Les abeilles solitaires pollinisent jusqu’\u00e0 80% des plantes sauvages<\/li>\n<li><strong>R\u00e9gulation :<\/strong> Les coccinelles et chrysopes mangent les pucerons ravageurs<\/li>\n<li><strong>Biodiversit\u00e9 :<\/strong> Ils maintiennent l’\u00e9quilibre de l’\u00e9cosyst\u00e8me<\/li>\n<li><strong>\u00c9ducation :<\/strong> Un excellent moyen d’apprendre la nature aux enfants<\/li>\n<\/ul><\/div>\n<p>Un h\u00f4tel \u00e0 insectes offre un abri s\u00fbr pour se reproduire, hiverner ou se reposer. C’est un geste simple mais essentiel pour pr\u00e9server la biodiversit\u00e9 !<\/p>\n<\/section>\n<section id=\"insectes\">\n<h2>Quels insectes peut-on accueillir ?<\/h2>\n<p>Chaque insecte a ses pr\u00e9f\u00e9rences en mati\u00e8re d’h\u00e9bergement. Voici les principaux \u00ab\u00a0clients\u00a0\u00bb de votre h\u00f4tel :<\/p>\n<div class=\"insect-grid\">\n<div class=\"insect-card\">\n<h3>\ud83d\udc1d Abeilles solitaires<\/h3>\n<p><strong>R\u00f4le :<\/strong> Pollinisation<\/p>\n<p><strong>Pr\u00e9f\u00e9rence :<\/strong> Tiges creuses (bambou, ronces)<\/p>\n<p><strong>Sp\u00e9cificit\u00e9 :<\/strong> Elles ne piquent pas !<\/p>\n<\/p><\/div>\n<div class=\"insect-card\">\n<h3>\ud83d\udc1e Coccinelles<\/h3>\n<p><strong>R\u00f4le :<\/strong> Mangent les pucerons<\/p>\n<p><strong>Pr\u00e9f\u00e9rence :<\/strong> Planchettes rapproch\u00e9es avec feuilles s\u00e8ches<\/p>\n<p><strong>Sp\u00e9cificit\u00e9 :<\/strong> Un adulte mange 100 pucerons par jour<\/p>\n<\/p><\/div>\n<div class=\"insect-card\">\n<h3>\ud83e\udd8b Chrysopes<\/h3>\n<p><strong>R\u00f4le :<\/strong> Pr\u00e9dateurs de pucerons<\/p>\n<p><strong>Pr\u00e9f\u00e9rence :<\/strong> Paille ou bois sec<\/p>\n<p><strong>Sp\u00e9cificit\u00e9 :<\/strong> Surnomm\u00e9es \u00ab\u00a0les lions des pucerons\u00a0\u00bb<\/p>\n<\/p><\/div>\n<div class=\"insect-card\">\n<h3>\ud83d\udc26 Bourdons<\/h3>\n<p><strong>R\u00f4le :<\/strong> Pollinisation<\/p>\n<p><strong>Pr\u00e9f\u00e9rence :<\/strong> Bo\u00eete ferm\u00e9e avec trou d’envol<\/p>\n<p><strong>Sp\u00e9cificit\u00e9 :<\/strong> Ils butinent par temps plus frais<\/p>\n<\/p><\/div>\n<div class=\"insect-card\">\n<h3>\ud83d\udc42 Perce-oreilles<\/h3>\n<p><strong>R\u00f4le :<\/strong> Nettoient le jardin<\/p>\n<p><strong>Pr\u00e9f\u00e9rence :<\/strong> Pot de terre cuite rempli de paille<\/p>\n<p><strong>Sp\u00e9cificit\u00e9 :<\/strong> Utiles mal leur r\u00e9putation !<\/p>\n<\/p><\/div>\n<div class=\"insect-card\">\n<h3>\ud83e\udd8b Papillons<\/h3>\n<p><strong>R\u00f4le :<\/strong> Pollinisation<\/p>\n<p><strong>Pr\u00e9f\u00e9rence :<\/strong> Bo\u00eete avec paille et herbes s\u00e8ches<\/p>\n<p><strong>Sp\u00e9cificit\u00e9 :<\/strong> Certains hivernent sous forme adulte<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"materiaux\">\n<h2>Mat\u00e9riaux n\u00e9cessaires<\/h2>\n<p>Utilisez surtout des mat\u00e9riaux naturels et de r\u00e9cup\u00e9ration. Voici la liste compl\u00e8te :<\/p>\n<div class=\"materials-list\">\n<div class=\"material-item\">\ud83e\udeb5 Rondins de bois (ch\u00e2taignier, m\u00e9l\u00e8ze, douglas)<\/div>\n<div class=\"material-item\">\ud83c\udf8b Tiges de bambou ou roseaux<\/div>\n<div class=\"material-item\"> Briques avec trous<\/div>\n<div class=\"material-item\">\ud83c\udf3e Paille, feuilles mortes<\/div>\n<div class=\"material-item\">\ud83e\udeb5 Planchettes de bois<\/div>\n<div class=\"material-item\">\ud83c\udfe0 Ardoises ou tuiles (pour le toit)<\/div>\n<div class=\"material-item\">\ud83d\udce6 Cagettes en bois (r\u00e9cup\u00e9ration)<\/div>\n<div class=\"material-item\">\ud83d\udd28 Ficelle ou clous pour assembler<\/div>\n<div class=\"material-item\">\ud83e\udeb5 Copeaux de bois<\/div>\n<div class=\"material-item\">\ud83e\uddf1 Pierre naturelle<\/div>\n<\/p><\/div>\n<div class=\"highlight\">\n<h3><span class=\"emoji\">\ud83d\udca1<\/span>Astuce \u00e9cologique :<\/h3>\n<p>Privil\u00e9giez les mat\u00e9riaux de r\u00e9cup\u00e9ration ! Une vieille caisse en bois, des rondins tomb\u00e9s naturellement, des tiges de vos plantes du jardin… Tout peut servir !<\/p>\n<\/p><\/div>\n<\/section>\n<section id=\"construction\">\n<h2>\u00c9tapes de construction<\/h2>\n<p>Suivez ces \u00e9tapes pour cr\u00e9er un h\u00f4tel \u00e0 insectes efficace et durable :<\/p>\n<div class=\"steps\">\n<div class=\"step\">\n<h4>1. Choix de l’emplacement<\/h4>\n<p>\u00c0 l’abri du vent, orient\u00e9 sud ou sud-est pour profiter du soleil. Sur\u00e9levez \u00e0 30 cm du sol pour \u00e9viter l’humidit\u00e9. Pr\u00e9f\u00e9rez un endroit calme du jardin.<\/p>\n<\/p><\/div>\n<div class=\"step\">\n<h4>2. Construction de l’ossature<\/h4>\n<p>Cr\u00e9ez un cadre solide en bois (30×40 cm minimum). Ajoutez un toit imperm\u00e9able avec de l’ardoise ou des tuiles. Le fond doit \u00eatre plein pour prot\u00e9ger de la pluie.<\/p>\n<\/p><\/div>\n<div class=\"step\">\n<h4>3. Pr\u00e9paration des mat\u00e9riaux<\/h4>\n<p>Coupez les tiges de bambou en sections de 15-20 cm. Percez des trous de 3-8 mm de diam\u00e8tre et 5-15 cm de profondeur dans les rondins. Assurez-vous que les extr\u00e9mit\u00e9s sont lisses.<\/p>\n<\/p><\/div>\n<div class=\"step\">\n<h4>4. Remplissage des compartiments<\/h4>\n<p>Organisez diff\u00e9rents types d’abris :<\/p>\n<ul style=\"margin-left: 2rem; margin-top: 0.5rem;\">\n<li>Zone 1 : Tiges creuses pour les abeilles (3-7 mm)<\/li>\n<li>Zone 2 : Planchettes avec feuilles pour les coccinelles<\/li>\n<li>Zone 3 : Paille pour les chrysopes<\/li>\n<li>Zone 4 : Pierres et \u00e9corces pour les autres auxiliaires<\/li>\n<\/ul><\/div>\n<div class=\"step\">\n<h4>5. Assemblage final<\/h4>\n<p>Fixez solidement tous les \u00e9l\u00e9ments. V\u00e9rifiez la stabilit\u00e9. Ajoutez un petit auvent pour prot\u00e9ger de la pluie. Laissez quelques fissures pour l’a\u00e9ration.<\/p>\n<\/p><\/div>\n<div class=\"step\">\n<h4>6. Installation et entretien<\/h4>\n<p>Installez d\u00e9but printemps. Enterrez l\u00e9g\u00e8rement les pieds ou fixez au mur. V\u00e9rifiez chaque ann\u00e9e, remplacez les mat\u00e9riaux usag\u00e9s. Nettoyez si n\u00e9cessaire en automne.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"highlight\">\n<h3><span class=\"emoji\">\ud83c\udf38<\/span>Pour attirer les insectes :<\/h3>\n<p>Plantez des fleurs mellif\u00e8res \u00e0 proximit\u00e9 (lavande, thym, aster, cosmos…). Laissez quelques zones sauvages dans votre jardin. \u00c9vitez les pesticides !<\/p>\n<\/p><\/div>\n<\/section>\n<section id=\"ressources\">\n<h2>Ressources utiles<\/h2>\n<div class=\"resources\">\n<h3>Sites sp\u00e9cialis\u00e9s :<\/h3>\n<ul>\n<li>\ud83d\udd17 <a href=\"https:\/\/www.jardiner-autrement.fr\/construire-hotel-a-insectes\/\" target=\"_blank\">Jardiner Autrement – Guide complet<\/a><\/li>\n<li>\ud83d\udd17 <a href=\"https:\/\/www.apiculture.net\/blog\/ou-installer-lhotel-a-insecte--n315\" target=\"_blank\">Apiculture.net – Installation optimale<\/a><\/li>\n<li>\ud83d\udd17 <a href=\"https:\/\/ecole.salamandre.org\/article\/toutes-nos-fiches-pedagogiques-sur-hotel-a-insectes\/\" target=\"_blank\">\u00c9cole Salamandre – Fiches p\u00e9dagogiques<\/a><\/li>\n<li>\ud83d\udd17 <a href=\"https:\/\/www.opie-ole.fr\/fiche\/9782718216676\/hotel-insectes\" target=\"_blank\">OPIE – Guide technique d\u00e9taill\u00e9<\/a><\/li>\n<\/ul>\n<h3 style=\"margin-top: 2rem;\">Applications mobiles :<\/h3>\n<ul>\n<li>\ud83d\udcf1 <strong>INPN Esp\u00e8ces<\/strong> – Identifier les insectes visitant votre h\u00f4tel<\/li>\n<li>\ud83d\udcf1 <strong>iNaturalist<\/strong> – Partager vos observations avec la communaut\u00e9<\/li>\n<\/ul><\/div>\n<\/section><\/div>\n<footer>\n<p>\ud83c\udf3f Construire un h\u00f4tel \u00e0 insectes, c’est prot\u00e9ger la biodiversit\u00e9 chez soi ! \ud83c\udf3f<\/p>\n<p style=\"margin-top: 1rem; font-size: 0.9rem; opacity: 0.8;\">\n Partagez vos r\u00e9alisations avec le hashtag #HotelInsectes \ud83d\udc1e\n <\/p>\n<\/footer>\n<p> <script><br \/>\n \/\/ Smooth scrolling for navigation links<br \/>\n document.querySelectorAll('nav a').forEach(anchor => {<br \/>\n anchor.addEventListener('click', function (e) {<br \/>\n e.preventDefault();<br \/>\n const target = document.querySelector(this.getAttribute('href'));<br \/>\n if (target) {<br \/>\n target.scrollIntoView({<br \/>\n behavior: 'smooth',<br \/>\n block: 'start'<br \/>\n });<br \/>\n }<br \/>\n });<br \/>\n });<\/p>\n<p> \/\/ Add animation on scroll<br \/>\n const observerOptions = {<br \/>\n threshold: 0.1,<br \/>\n rootMargin: '0px 0px -50px 0px'<br \/>\n };<\/p>\n<p> const observer = new IntersectionObserver(function(entries) {<br \/>\n entries.forEach(entry => {<br \/>\n if (entry.isIntersecting) {<br \/>\n entry.target.style.opacity = '1';<br \/>\n entry.target.style.transform = 'translateY(0)';<br \/>\n }<br \/>\n });<br \/>\n }, observerOptions);<\/p>\n<p> \/\/ Observe all sections<br \/>\n document.querySelectorAll('section').forEach(section => {<br \/>\n section.style.opacity = '0';<br \/>\n section.style.transform = 'translateY(20px)';<br \/>\n section.style.transition = 'opacity 0.6s ease, transform 0.6s ease';<br \/>\n observer.observe(section);<br \/>\n });<br \/>\n <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n<div class=\"highlight\">\n<h3><span class=\"emoji\">\ud83c\udf38<\/span>Pour attirer les insectes :<\/h3>\n<p>Plantez des fleurs mellif\u00e8res \u00e0 proximit\u00e9 (lavande, thym, aster, cosmos…). Laissez quelques zones sauvages dans votre jardin. \u00c9vitez les pesticides !<\/p>\n<\/div>\n<div style=\"margin: 2rem 0; text-align: center;\">\n<h3><span class=\"emoji\">\ud83d\udcf8<\/span>Photos de mon h\u00f4tel \u00e0 insectes<\/h3>\n<div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem; margin-top: 1rem;\">\n<p> <\/p>\n<div style=\"background: white; padding: 1rem; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\">\n <img decoding=\"async\" src=\"photos\/hotel-termine.jpg\" alt=\"Mon h\u00f4tel \u00e0 insectes termin\u00e9\" style=\"width: 100%; height: 200px; object-fit: cover; border-radius: 5px;\"><\/p>\n<p style=\"margin-top: 0.5rem; font-size: 0.9rem; color: #666;\">L’h\u00f4tel termin\u00e9 et install\u00e9<\/p>\n<\/p><\/div>\n<p> <\/p>\n<div style=\"background: white; padding: 1rem; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\">\n <img decoding=\"async\" src=\"photos\/detail-compartiments.jpg\" alt=\"D\u00e9tail des compartiments\" style=\"width: 100%; height: 200px; object-fit: cover; border-radius: 5px;\"><\/p>\n<p style=\"margin-top: 0.5rem; font-size: 0.9rem; color: #666;\">D\u00e9tail des diff\u00e9rents compartiments<\/p>\n<\/p><\/div>\n<p> <\/p>\n<div style=\"background: white; padding: 1rem; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\">\n <img decoding=\"async\" src=\"photos\/abeille-visite.jpg\" alt=\"Premier visiteur\" style=\"width: 100%; height: 200px; object-fit: cover; border-radius: 5px;\"><\/p>\n<p style=\"margin-top: 0.5rem; font-size: 0.9rem; color: #666;\">Une abeille solitaire visitant l’h\u00f4tel<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><\/p>\n<section style=\"background-color: #f0f8f0; padding: 2rem; border-radius: 10px; margin: 2rem 0;\">\n<h2 style=\"color: #5a8f2b; text-align: center; margin-bottom: 1.5rem;\">\n \ud83d\udcf8 Mon h\u00f4tel \u00e0 insectes en images<br \/>\n <\/h2>\n<div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem;\">\n<p> <\/p>\n<div style=\"background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.1);\">\n <img decoding=\"async\" src=\"photos\/mon-hotel-fini.jpg\" \n alt=\"Mon h\u00f4tel \u00e0 insectes fini\" \n style=\"width: 100%; height: 250px; object-fit: cover;\"><\/p>\n<div style=\"padding: 1rem;\">\n<h4 style=\"color: #3a6b1f; margin-bottom: 0.5rem;\">\u2728 Le r\u00e9sultat final<\/h4>\n<p style=\"color: #666; font-size: 0.9rem;\">Mon h\u00f4tel install\u00e9 au fond du jardin, orient\u00e9 sud-est<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div style=\"background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.1);\">\n <img decoding=\"async\" src=\"photos\/materiales-preparation.jpg\" \n alt=\"Pr\u00e9paration des mat\u00e9riaux\" \n style=\"width: 100%; height: 250px; object-fit: cover;\"><\/p>\n<div style=\"padding: 1rem;\">\n<h4 style=\"color: #3a6b1f; margin-bottom: 0.5rem;\">\ud83d\udd28 Pr\u00e9paration<\/h4>\n<p style=\"color: #666; font-size: 0.9rem;\">Tous mes mat\u00e9riaux pr\u00eats \u00e0 \u00eatre assembl\u00e9s<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div style=\"background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.1);\">\n <img decoding=\"async\" src=\"photos\/abeille-en-action.jpg\" \n alt=\"Abeille solitaire\" \n style=\"width: 100%; height: 250px; object-fit: cover;\"><\/p>\n<div style=\"padding: 1rem;\">\n<h4 style=\"color: #3a6b1f; margin-bottom: 0.5rem;\">\ud83d\udc1d Premi\u00e8re occupante !<\/h4>\n<p style=\"color: #666; font-size: 0.9rem;\">Une abeille solitaire inspectant les logements<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div style=\"background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.1);\">\n <img decoding=\"async\" src=\"photos\/detail-compartiments.jpg\" \n alt=\"D\u00e9tail des compartiments\" \n style=\"width: 100%; height: 250px; object-fit: cover;\"><\/p>\n<div style=\"padding: 1rem;\">\n<h4 style=\"color: #3a6b1f; margin-bottom: 0.5rem;\">\ud83d\udd0d Vue rapproch\u00e9e<\/h4>\n<p style=\"color: #666; font-size: 0.9rem;\">Les diff\u00e9rents types de logements propos\u00e9s<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div style=\"text-align: center; margin-top: 2rem; padding: 1rem; background: white; border-radius: 10px;\">\n<h4 style=\"color: #5a8f2b; margin-bottom: 1rem;\">\ud83d\udcc5 Suivi des observations<\/h4>\n<p>Depuis l’installation, j’ai observ\u00e9 :<\/p>\n<ul style=\"list-style: none; display: flex; justify-content: center; gap: 2rem; margin-top: 1rem; flex-wrap: wrap;\">\n<li>\ud83d\udc1d 3 types d’abeilles solitaires<\/li>\n<li>\ud83d\udc1e Des coccinelles qui ont \u00e9lu domicile<\/li>\n<li>\ud83e\udd8b Des chrysopes en \u00e9t\u00e9<\/li>\n<li>\ud83d\udc42 Des perce-oreilles l’hiver<\/li>\n<\/ul><\/div>\n<\/section>\n<p><br \/>\n<img decoding=\"async\" src=\"photos\/moniteur-rentrer.jpg\" \n alt=\"Abeille entrant dans l'hotel\" \n style=\"width: 100%; height: 250px; object-fit: cover;\"\n loading=\"lazy\"> <\/p>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>H\u00f4tel \u00e0 Insectes – Un Refuge Biodiversit\u00e9 \ud83c\udfe8 H\u00f4tel \u00e0 Insectes Un refuge pour nos petits alli\u00e9s du jardin Pourquoi ? Insectes Mat\u00e9riaux Construction Ressources Pourquoi installer un h\u00f4tel \u00e0 insectes ? Les insectes auxiliaires jouent un r\u00f4le essentiel dans nos jardins et notre \u00e9cosyst\u00e8me. Avec la disparition de leurs habitats naturels, ils ont besoin […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-45","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hotelainsectes71.fr\/index.php\/wp-json\/wp\/v2\/pages\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hotelainsectes71.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hotelainsectes71.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hotelainsectes71.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hotelainsectes71.fr\/index.php\/wp-json\/wp\/v2\/comments?post=45"}],"version-history":[{"count":2,"href":"https:\/\/hotelainsectes71.fr\/index.php\/wp-json\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":47,"href":"https:\/\/hotelainsectes71.fr\/index.php\/wp-json\/wp\/v2\/pages\/45\/revisions\/47"}],"wp:attachment":[{"href":"https:\/\/hotelainsectes71.fr\/index.php\/wp-json\/wp\/v2\/media?parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}