<div id="pref_slide_show" style="width:100%">
                    <div (click)='AfficherLesChalets("montagne")' id="pref_montagne_1" class="pref" ><div>EN MONTAGNE</div></div>
                    <div (click)='AfficherLesChalets("eau")' id="pref_eau_2" class="pref" ><div>AU BORD DE L'EAU</div></div>
                    <div (click)='AfficherLesChalets("campagne")' id="pref_campagne_3" class="pref"><div>EN CAMPAGNE</div></div>
                    <div (click)='AfficherLesChalets("ski")' id="pref_ski_4" class="pref"><div>POUR LE SKI</div></div>
                    <div (click)='AfficherLesChalets("detente")'id="pref_detente_5" class="pref"><div>POUR LA DÉTENTE</div></div>
                    <div id="toPrint">
                        <div id="c1" style="display: none;flex-wrap: wrap;margin: 5%;justify-content: start;">
                            <p style="width:30%" *ngFor="let item of items | async">Nom : {{item.nom}} <br>Ville : {{item.ville}} <br>Région : {{item.region}} <br>Province : {{item.province}} <br>Pays : {{item.pays}}  <br>Prix : {{item.prixMaxSemaine}}$ <br>Personnes : {{item.personnes}} <br>Salles de bain : {{item.sallesDeBain}} <br> Animaux : {{item.animaux==="true"? 'Oui' : 'Non'}} <br>Chambres : {{item.chambres}} <br>Foyer : {{item.foyer==="true"? 'Oui' : 'Non'}} <br>Internet : {{item.internet==="true"? 'Oui' : 'Non'}} <br>Description : {{item.description}}</p></div>
                        <div id="c2" style="display: none;flex-wrap: wrap;margin: 5%;justify-content: start;">
                            <p style="width:30%" *ngFor="let item of items2 | async">Nom : {{item.nom}} <br>Ville : {{item.ville}} <br>Région : {{item.region}} <br>Province : {{item.province}} <br>Pays : {{item.pays}}  <br>Prix : {{item.prixMaxSemaine}}$ <br>Personnes : {{item.personnes}} <br>Salles de bain : {{item.sallesDeBain}} <br> Animaux : {{item.animaux==="true"? 'Oui' : 'Non'}} <br>Chambres : {{item.chambres}} <br>Foyer : {{item.foyer==="true"? 'Oui' : 'Non'}} <br>Internet : {{item.internet==="true"? 'Oui' : 'Non'}} <br>Description : {{item.description}}</p></div>
                        <div id="c3" style="display: none;flex-wrap: wrap;margin: 5%;justify-content: start;">
                            <p style="width:30%" *ngFor="let item of items3 | async">Nom : {{item.nom}} <br>Ville : {{item.ville}} <br>Région : {{item.region}} <br>Province : {{item.province}} <br>Pays : {{item.pays}}  <br>Prix : {{item.prixMaxSemaine}}$ <br>Personnes : {{item.personnes}} <br>Salles de bain : {{item.sallesDeBain}} <br> Animaux : {{item.animaux==="true"? 'Oui' : 'Non'}} <br>Chambres : {{item.chambres}} <br>Foyer : {{item.foyer==="true"? 'Oui' : 'Non'}} <br>Internet : {{item.internet==="true"? 'Oui' : 'Non'}} <br>Description : {{item.description}}</p></div>
                        <div id="c4" style="display: none;flex-wrap: wrap;margin: 5%;justify-content: start;">
                            <p style="width:30%" *ngFor="let item of items4 | async">Nom : {{item.nom}} <br>Ville : {{item.ville}} <br>Région : {{item.region}} <br>Province : {{item.province}} <br>Pays : {{item.pays}}  <br>Prix : {{item.prixMaxSemaine}}$ <br>Personnes : {{item.personnes}} <br>Salles de bain : {{item.sallesDeBain}} <br> Animaux : {{item.animaux==="true"? 'Oui' : 'Non'}} <br>Chambres : {{item.chambres}} <br>Foyer : {{item.foyer==="true"? 'Oui' : 'Non'}} <br>Internet : {{item.internet==="true"? 'Oui' : 'Non'}} <br>Description : {{item.description}}</p></div>
                        <div id="c5" style="display: none;flex-wrap: wrap;margin: 5%;justify-content: start;">
                            <p style="width:30%" *ngFor="let item of items5 | async">Nom : {{item.nom}} <br>Ville : {{item.ville}} <br>Région : {{item.region}} <br>Province : {{item.province}} <br>Pays : {{item.pays}}  <br>Prix : {{item.prixMaxSemaine}}$ <br>Personnes : {{item.personnes}} <br>Salles de bain : {{item.sallesDeBain}} <br> Animaux : {{item.animaux==="true"? 'Oui' : 'Non'}} <br>Chambres : {{item.chambres}} <br>Foyer : {{item.foyer==="true"? 'Oui' : 'Non'}} <br>Internet : {{item.internet==="true"? 'Oui' : 'Non'}} <br>Description : {{item.description}}</p></div>
                    </div>
                    <div id="lesBoutons">
                        <button (click)="TelechargerListeChalet()" class="btn btn-success">Télécharger</button>
                        <button (click)="ImprimerListeChalet()"type="button" class="btn btn-danger">Imprimer</button>
                        <button (click)="FermerListeChalet()" type="button" class="btn btn-warning">Fermer</button>
                    </div>
                </div>