Projet Final V1

Mise à jour prêt pour la livraison !
This commit is contained in:
2018-10-21 18:02:13 +02:00
parent 1e02578a22
commit 5af95bc813
200 changed files with 1065 additions and 4066 deletions

View File

@@ -1,191 +0,0 @@
<body>
<div class="container-fluid">
<!--==============================content================================-->
<section id="content" class="page-content">
<div class="container">
<!--Description à propos-->
<h2>À propos de nous</h2>
<div class="media">
<figure><img class="rounded" src="./images/about_us/About_us_imgIntro.jpg" alt=""></figure>
<div class="media-body">
<p>Notre centre équestre est agréé Ecole Française d'Equitation et encadré par 2 moniteurs diplômés d'Etat.</p>
<p>
La cavalerie du centre équestre est composée de 12 chevaux adaptés au niveau de chaque cavalier.
L'enseignement de l'équitation est réparti sur plusieurs cours en fonction du niveau équestre du cavalier, qu'il soit débutant ou confirmé.</p>
<p>Les cours permettrons à chaque cavalier de progresser au travers de diverses disciplines équestres (dressage, obstacles, cross, etc…), ce qui l'amènera s'il le désir, à la préparation des examens fédéraux (galops 1 à 7), ainsi qu'à la compétition.
Le club met à votre disposition des installations modernes et agréables.</p>
</div>
</div>
<h2>Installations</h2>
<p>Le Centre Equestre vous propose diverses installations accéssibles a tous.<br>
Que se soit pour les cours les concours ou vos cheveaux tous est fait pour travailler et pour le bien de votre cheval.</p>
<!--Description d'installation POP-UP Lien-->
<ul class="list-group" style="list-style:circle">
<li><a data-toggle="modal" data-target="#myModal1">2 Carrières d'obstacles : 90 x 40 / 80 x 50</a></li>
<li><a data-toggle="modal" data-target="#myModal2">1 Carrière d'entraînement : 50 x 40</a></li>
<li><a data-toggle="modal" data-target="#myModal3">1 Carrière de dressage : 65 x 30</a></li>
<li><a data-toggle="modal" data-target="#myModal4">1 Manège couvert et éclairé : 30m x 20m</a></li>
<li><a data-toggle="modal" data-target="#myModal5">37 Boxes de 3m x 3m</a></li>
<li><a data-toggle="modal" data-target="#myModal6">1 Stabulation</a></li>
<li><a data-toggle="modal" data-target="#myModal7">7 Paddocks avec ou sans abris et 2 prés</a></li>
<li><a data-toggle="modal" data-target="#myModal8">1 Rond de longe</a></li>
</ul>
<!-- Modal1 -->
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalCenterTitle">2 Carrières d'obstacles : 90 x 40 / 80 x 50</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/about_us/About_us_imgCarO.jpg" style="width:100%">
<p></p>
</div>
</div>
</div>
</div>
<!-- Modal2 -->
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalCenterTitle">Carrière d'entraînement : 50 x 40</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/about_us/About_us_imgCarE.jpg" style="width:100%">
<p></p>
</div>
</div>
</div>
</div>
<!-- Modal3 -->
<div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalCenterTitle">Carrière de dressage : 65 x 30</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/about_us/About_us_imgCarD.jpg" style="width:100%">
<p></p>
</div>
</div>
</div>
</div>
<!-- Modal4 -->
<div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalCenterTitle">Manège couvert et éclairé 30m x 20m</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/about_us/About_us_imgManege.jpg" style="width:100%">
<p></p>
</div>
</div>
</div>
</div>
<!-- Modal5 -->
<div class="modal fade" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalCenterTitle">Boxes</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/about_us/About_us_imgBoxe.jpg" style="width:100%">
<p></p>
</div>
</div>
</div>
</div>
<!-- Modal6 -->
<div class="modal fade" id="myModal6" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalCenterTitle">Stabulation pour poneys ou poulinage</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/about_us/About_us_imgStabulation.jpg" style="width:100%">
</div>
</div>
</div>
</div>
<!-- Modal7 -->
<div class="modal fade" id="myModal7" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalCenterTitle">Paddocks et Prés</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/about_us/About_us_imgPres.jpg" style="width:100%">
<p></p>
</div>
</div>
</div>
</div>
<!-- Modal8 -->
<div class="modal fade" id="myModal8" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalCenterTitle">Rond de longe</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/about_us/About_us_imgRondLonge.jpg" style="width:100%">
<p></p>
</div>
</div>
</div>
</div>
<br><h2>Enseignants</h2>
<div class="container">
<div class="row">
<div class="col">
<img id="image-border" class="rounded" alt="" src="./images/about_us/jp.jpg" style="height:100%;max-height:350px">
<div class="about-desc">
<h5>Jean-Philippe BERTHIER</h5>
<p>Monitorat BEES1 obtenu en 2004 / Responsable du Centre Equestre</p>
</div>
</div>
<div class="col">
<img id="image-border" class="rounded" alt="" src="./images/about_us/marianne.jpg" style="height:100%;max-height:350px">
<div class="about-desc">
<h5>Marianne BERTHIER</h5>
<p>Monitorat BPJEPS obtenu en 2012</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>

View File

@@ -0,0 +1,38 @@
<body>
<div class="container-fluid">
<section id="content" class="page-content">
<div class="container">
<br><center><h2>Dernières nouvelles</h2></center><hr>
<ul class="list-unstyled">
<li class="media">
<div class="numbox"><span>Mars</span><strong>18</strong></div>
<div class="media-body"><h5 class="mt-0 mb-1">Finale du challenge</h5></div>
</li><hr>
<li class="media my-4">
<div class="numbox"><span>Avril</span><strong>2</strong></div>
<div class="media-body"><h5 class="mt-0 mb-1">Championnat clubs</h5></div>
</li><hr>
<li class="media my-4">
<div class="numbox"><span>Juin</span><strong>9</strong></div>
<div class="media-body"><h5 class="mt-0 mb-1">Hunter amateur</h5></div>
</li><hr>
<li class="media my-4">
<div class="numbox"><span>Juillet</span><strong>1</strong></div>
<div class="media-body"><h5 class="mt-0 mb-1">Attelage à Champmotteux</h5></div>
</li><hr>
<li class="media my-4">
<div class="media">
<img class="img-thumbnailEvent" src="./images/evenements/anniversaire.jpg" alt="Generic placeholder image">
</div>
<div class="media-body">
<h5 class="mt-0 mb-1">Anniversaire Aux Écuries</h5>
<h6>C'est bientôt mon Anniversaire ?!<br>
CHOUETTE ! Je peux le fêter aux Ecuries de la Boissière !!!<br>
Je m'occupe de mon goûter et j'invite tous mes amis à venir monter à Poney... <b>*</b><br><br>
<b>*</b> Tarif :suivant le nombre d'enfants </h6>
</div>
</li>
</ul><br>
<hr></div>
</section>
</div>

View File

@@ -0,0 +1,24 @@
<body>
<div class="container-fluid">
<section id="content" class="page-content">
<div class="container">
<br><center><h2>Les balades et randonnées</h2><center><hr>
<center><img alt="" class="frm-rounded" src="./images/activites/balade1.jpg" style="width: 40%" /></center><br>
<p>Vous avez envie de connatre une équitation plus libre qui vous procure des sensations différentes ?<br>
Vous aussi avez rêvé d'évasion ? Alors vous êtes au bon endroit !</p>
<p>De la promenade à l'heure, à la grande randonnée, poneys et chevaux vous emmèneront parcourir le Parc du Gâtinais.<br>
Avec ses hectares de pistes aménagées, les possibilités de promenades sont infinies...</p>
<div class="row">
<div class="col">
<center><img alt="" class="frm-rounded" src="./images/activites/balade2.jpg" style="width: 40%" /></center>
</div>
<div class="col">
<center><img alt="" class="frm-rounded" src="./images/activites/balade3.jpg" style="width: 80%" /></center>
</div>
</div>
<hr><center><h2>Les dates de balades et randos</h2></center><hr>
<p>Balades sur rendez-vous, les prochaines dates de randonnées pour 2018-2019 ne sont pas encore établies</p>
<center><img alt="" class="frm-rounded" src="./images/activites/balade4.jpg" style="width: 50%" /></center>
<hr></div>
</section>
</div>

View File

@@ -0,0 +1,203 @@
<body>
<div class="container-fluid">
<section id="content" class="page-content">
<div class="container">
<br><center><h2>Le centre équestre</h2></center><hr>
<p>Notre centre équestre est agréé Ecole Française d'Equitation et encadré par 2 moniteurs diplômés d'Etat.</p>
<p>La cavalerie du centre équestre est composée de 12 chevaux adaptés au niveau de chaque cavalier.<br>
L'enseignement de l'équitation est réparti sur plusieurs cours en fonction du niveau équestre du cavalier, qu'il soit débutant ou confirmé.</p>
<p>Les cours permettrons à chaque cavalier de progresser au travers de diverses disciplines équestres (dressage, obstacles, cross, etc…),<br>
ce qui l'amènera s'il le désir, à la préparation des examens fédéraux (galops 1 à 7), ainsi qu'à la compétition.<br>
Le club met à votre disposition des installations modernes et agréables.</p>
<hr><center><h2>Les installations</h2></center><hr>
<p>Le Centre Equestre vous propose diverses installations accéssibles a tous.<br>
Que se soit pour les cours les concours ou vos cheveaux tous est fait pour travailler et pour le bien de votre cheval.</p>
<!--Description d'installation POP-UP Lien-->
<ul>
<li><a class="btn btn-default" title="Carrières d'obstacles" role="button" data-toggle="modal" data-target="#myModal1">2 Carrières d'obstacles : 90 x 40 / 80 x 50</a></li>
<li><a class="btn btn-default" title="Carrière d'entraînement" role="button" data-toggle="modal" data-target="#myModal2">1 Carrière d'entraînement : 50 x 40</a></li>
<li><a class="btn btn-default" title="Carrière de dressage" role="button" data-toggle="modal" data-target="#myModal3">1 Carrière de dressage : 65 x 30</a></li>
<li><a class="btn btn-default" title="Manège" role="button" data-toggle="modal" data-target="#myModal4">1 Manège couvert et éclairé : 30m x 20m</a></li>
<li><a class="btn btn-default" title="Boxes" role="button" data-toggle="modal" data-target="#myModal5">37 Boxes de 3m x 3m</a></li>
<li><a class="btn btn-default" title="Stabulation" role="button" data-toggle="modal" data-target="#myModal6">1 Stabulation</a></li>
<li><a class="btn btn-default" title="Paddocks" role="button" data-toggle="modal" data-target="#myModal7">7 Paddocks avec ou sans abris et 2 prés</a></li>
<li><a class="btn btn-default" title="Rond de longe" role="button" data-toggle="modal" data-target="#myModal8">1 Rond de longe</a></li>
</ul>
<!-- Modal1 -->
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content" style="background:#f7f5e2;">
<div class="modal-header">
<h6 class="modal-title" id="exampleModalCenterTitle">2 Carrières d'obstacles : 90 x 40 / 80 x 50</h6>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/centre/obstacle.jpg" style="width:100%">
<p></p>
</div>
</div>
</div>
</div>
<!-- Modal2 -->
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content" style="background:#f7f5e2;">
<div class="modal-header">
<h6 class="modal-title" id="exampleModalCenterTitle">Carrière d'entraînement : 50 x 40</h6>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/centre/carriere.jpg" style="width:100%">
<p></p>
</div>
</div>
</div>
</div>
<!-- Modal3 -->
<div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content" style="background:#f7f5e2;">
<div class="modal-header">
<h6 class="modal-title" id="exampleModalCenterTitle">Carrière de dressage : 65 x 30</h6>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/centre/dressage.jpg" style="width:100%">
<p></p>
</div>
</div>
</div>
</div>
<!-- Modal4 -->
<div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content" style="background:#f7f5e2;">
<div class="modal-header">
<h6 class="modal-title" id="exampleModalCenterTitle">Manège couvert et éclairé 30m x 20m</h6>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/centre/manege.jpg" style="width:100%">
<p></p>
</div>
</div>
</div>
</div>
<!-- Modal5 -->
<div class="modal fade" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content" style="background:#f7f5e2;" >
<div class="modal-header">
<h6 class="modal-title" id="exampleModalCenterTitle">Boxes</h6>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/centre/boxe.jpg" style="width:100%">
<p></p>
</div>
</div>
</div>
</div>
<!-- Modal6 -->
<div class="modal fade" id="myModal6" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content" style="background:#f7f5e2;">
<div class="modal-header">
<h6 class="modal-title" id="exampleModalCenterTitle">Stabulation pour poneys ou poulinage</h6>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/centre/stabulation.jpg" style="width:100%">
</div>
</div>
</div>
</div>
<!-- Modal7 -->
<div class="modal fade" id="myModal7" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content" style="background:#f7f5e2;">
<div class="modal-header">
<h6 class="modal-title" id="exampleModalCenterTitle">Paddocks et Prés</h6>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/centre/paddock.jpg" style="width:100%">
<p></p>
</div>
</div>
</div>
</div>
<!-- Modal8 -->
<div class="modal fade" id="myModal8" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content" style="background:#f7f5e2;">
<div class="modal-header">
<h6 class="modal-title" id="exampleModalCenterTitle">Rond de longe</h6>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img class="modal-image" src="./images/centre/rond.jpg" style="width:100%">
<p></p>
</div>
</div>
</div>
</div>
<!-- FinModal -->
<hr><center><h2>Les enseignants</h2></center><hr>
<div class="container">
<div class="row">
<div class="col">
<img id="image-border" class="rounded" alt="" src="./images/centre/jean_philipe.jpg" style="width:70%">
<h5>Jean-Philippe BERTHIER</h5><h6>Monitorat BEES1 obtenu en 2004 / Responsable du Centre Equestre</h6>
</div>
<div class="col">
<img id="image-border" class="rounded" alt="" src="./images/centre/marianne.jpg" style="width:70%">
<h5>Marianne BERTHIER</h5><h6>Monitorat BPJEPS obtenu en 2012</h6>
</div>
</div>
</div>
<hr><center><h2>Les sponsors 2017-2018</h2></center><hr>
<div class="container">
<div class="row text-center">
<div class="col">
<center><img id="image-border" class="rounded" alt="" src="./images/sponsors/juriscopr.jpg" style="width:100%"></center>
<h5>JURISCOPRO</h5><h6>Gestion syndic de copropriété, vente et location à Etam</h6>
</div>
<div class="col">
<center><img id="image-border" class="rounded" alt="" src="./images/sponsors/agralys-thoreau.jpg" style="width:80%"></center>
<h5>AGRALYS-THOREAU</h5><h6>fournisseur d'aliments</h6>
</div>
<div class="col">
<center><img id="image-border" class="rounded" alt="" src="./images/sponsors/ramsay.jpg" style="width:75%"></center>
<h5>RAMSAY SANTE</h5><a href="http://ramsaygds.fr/" target="_blank">Site Web</a>
</div>
<div class="col">
<center><img id="image-border" class="rounded" alt="" src="./images/sponsors/bprp.jpg" style="width:60%"></center>
<h5>BANQUE POPULAIRE RIVES DE PARIS</h5>
</div>
<div class="w-100"><hr></div>
<div class="col"><h5>CEDRIC HENRIOT PAYSAGISTE</h5></div>
<div class="col"><h5>OBJECTIVORE</h5><h6>Situé à Meudon 92190 publicité par l'objet, marquage textile</h6></div>
<div class="col"><h5>JUMPING CLUB DE LA BOISSIERE</h5></div>
<div class="col"><h5>ETS ARNOULT SERMAISES</h5></div>
</div>
</div>
<hr></div>
</section>
</div>

View File

@@ -0,0 +1,38 @@
<body>
<div class="container-fluid">
<section id="content" class="page-content">
<div class="container">
<br><center><h2>Politique de confidentialité</h2></center><hr>
<h6>Collecte des renseignements personnels</h6>
<p>Les renseignements personnels que nous collectons sont recueillis au travers de formulaires et grâce à l'interactivité établie entre vous et notre site Web.<br>
Nous utilisons également, comme indiqué dans la section suivante, des fichiers témoins et/ou journaux pour réunir des informations vous concernant. </p>
<h6>Formulaires et interactivité:</h6>
<p>Vos renseignements personnels sont collectés par le biais de formulaire, à savoir :<br>
- Formulaire d'inscription au site Web<br>
Nous utilisons les renseignements ainsi collectés pour les finalités suivantes :<br>
- Contact</p>
<h6>Droit d'opposition et de retrait</h6>
<p>Nous nous engageons à vous offrir un droit d'opposition et de retrait quant à vos renseignementspersonnels.<br>
Le droit d'opposition s'entend comme étant la possibilité offerte aux internautes de refuser que leurs renseignements personnels soient utilisés à certaines fins mentionnées lors de la collecte.<br>
Le droit de retrait s'entend comme étant la possibilité offerte aux internautes de demander à ce que leurs renseignements personnels ne figurent plus, par exemple, dans une liste de diffusion.</p>
<h6>Droit d'accès</h6>
<p>Nous nous engageons à reconnaître un droit d'accès et de rectification aux personnes concernées désireuses de consulter, modifier, voire radier les informations les concernant.</p>
<h6>Sécurité</h6>
<p>Les renseignements personnels que nous collectons sont conservés dans un environnement sécurisé.<br>
Les personnes travaillant pour nous sont tenues de respecter la confidentialité de vos informations.<br>
Pour assurer la sécurité de vos renseignements personnels, nous avons recours aux mesures suivantes :<br>
- Gestion des accès - personne autorisée<br>
- Gestion des accès - personne concernée<br>
- Logiciel de surveillance du réseau<br>
- Sauvegarde informatique<br>
- Développement de certificat numérique<br>
- Identifiant / mot de passe<br>
- Pare-feu (Firewalls)<br>
Nous nous engageons à maintenir un haut degré de confidentialité en intégrant les dernières innovations technologiques permettant d'assurer la confidentialité de vos transactions.<br>
Toutefois,comme aucun mécanisme n'offre une sécurité maximale, une part de risque est toujours présente lorsque l'on utilise Internet pour transmettre des renseignements personnels.</p>
<h6>Législation</h6>
<p>Nous nous engageons à respecter les dispositions législatives françaises</p>
<h6>E-mail: <a href="mailto:info@security.org">info@security.org</a></h6>
<hr></div>
</section>
</div>

View File

@@ -0,0 +1,27 @@
<body>
<div class="container-fluid">
<section id="content" class="page-content">
<div class="container">
<br><center><h2>Trouvez nous</h2></center><hr>
<div class="media">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2646.700501475971!2d2.296194451504442!3d48.443087679147055!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e5c68657aaa85f%3A0xbbe2b815619dc1e!2sLes+%C3%89curies+de+la+Boissi%C3%A8re!5e0!3m2!1sfr!2sfr!4v1476032117547" width="100%" height="350px" frameborder="0" style="border:0" allowfullscreen></iframe>
</div><hr>
<div class="row" style="font-weight: bold;">
<div class="col">
<h6>Les Ecuries de la Boissiere<br>
Route de la Ferte-Alais / D 145<br>
91590 ORVEAU</h6>
</div>
<div class="col">
<h6>Coordonnées GPS<br>
Lat/Long: 48.443, 2.2985</h6>
</div>
<div class="col">
<h6>Telephone : 01.64.57.58.77<br>
Mobile : 06.72.00.55.65<br>
E-mail : <a href="mailto:ecuriesboissiere@gmail.com">ecuriesboissiere@gmail.com</a></h6>
</div>
</div>
<hr></div>
</section>
</div>

View File

@@ -1,58 +0,0 @@
<body>
<div class="container-fluid">
<section id="content" class="page-content">
<div class="container">
<div><h2>Trouvez nous</h2></div><br>
<div class="row">
<div class="col">
<div class="map-responsive">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2646.700501475971!2d2.296194451504442!3d48.443087679147055!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e5c68657aaa85f%3A0xbbe2b815619dc1e!2sLes+%C3%89curies+de+la+Boissi%C3%A8re!5e0!3m2!1sfr!2sfr!4v1476032117547" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</div>
<div class="col"><dl><dd>
Coordonnées GPS :<br>
Lat: 48.442 433 Long: 2.299016
</dd>
<dd>
Les Ecuries de la Boissiere<br>
Route de la Ferte-Alais / D 145<br>
91590 ORVEAU
</dd>
<dd>
Telephone : 01.64.57.58.77<br>
Mobile : 06.72.00.55.65<br>
E-mail : <a href="mailto:ecuriesboissiere@gmail.com" class="link2">ecuriesboissiere@gmail.com</a>
</dd></dl></div>
</div>
<!--Formulaire Contact-->
<br><div><h2>Entrer en contact</h2></div><br>
<form class="needs-validation" onsubmit="return verifierMail(this.elements['Email']); return Verifier_Numero_Telephone(this.elements['Téléphone'])" method='post' name="formulaire" novalidate>
<div class="form-row">
<div class="col-md-3 mb-3">
<label for="validationCustom01">Nom</label>
<input type="text" class="form-control" id="validationCustom01" placeholder="Nom" required>
<div class="invalid-feedback">Veuillez fournir un nom valide.</div>
</div>
<div class="col-md-3 mb-3">
<label for="validationCustom02">Email</label>
<input type="mail" class="form-control" id="validationCustom02" placeholder="Email" required>
<div class="invalid-feedback">Veuillez fournir un mail valide.</div>
</div>
<div class="col-md-3 mb-3">
<label for="validationCustom05">Téléphone</label>
<input type="tel" class="form-control" id="validationCustom03" placeholder="Téléphone" required>
<div class="invalid-feedback">Veuillez fournir un numéro valide.</div>
</div>
</div>
<div class="form-row">
<div class="col-md-9 mb-3">
<label for="exampleFormControlTextarea1">Message</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
</div>
</div>
<button class="btn btn-primary" type="submit">Envoyer</button>
</form><br>
</div>
</section>
</div>
</body>

View File

@@ -0,0 +1,15 @@
<body>
<div class="container-fluid">
<section id="content" class="page-content">
<div class="container">
<br><center><h2>Equitation éthologique</h2><center><hr>
<p>L'équitation éthologique offre une approche plus naturelle du cheval<br>
En mettant en valeur l'importance du travail au sol pour instaurer une relation basée sur la confiance et le respect.</p>
<p>Elle permet de développer un climat de confiance bénéfique au travail et à la sécurité,où le cavalier se met à la porté de son cheval et non l'inverse.</p>
<p>A partir de ces acquis nous amenons le cheval à plus de réception et de disponibilité,capable alors de répondre à nos suggestions à tout moment.</p>
<center><img src="./images/activites/ethologie.jpg" style="width:40%" alt=""></center><br>
<p>Des initiations à l'Equitation Ethologique seront dispensés aux Ecuries de la Boissière lors d'après midi animations, ou lors de cours particuliers.</p>
<h6>Renseignements à l'accueil! ;-)</h6>
<hr></div>
</section>
</div>

View File

@@ -0,0 +1,72 @@
<body>
<div class="container-fluid">
<section id="content" class="page-content">
<div class="container">
<br><center><h2>Tous les évenements du club</h2></center><hr>
<ul class="list-unstyled" id="movies">
<li class="media my-4">
<div class="media-body">
<h5 class="mt-0 mb-1">Concours Amateur, Pro</h5><h6> Organisé à Orveau - 3 et 4 mars 2018</h6>
</div>
</li><hr><hr>
<li class="media my-4">
<div class="media-body">
<h5 class="mt-0 mb-1">Concours Final du challenge</h5><h6> Organisé à Orveau - 18 mars 2018</h6>
</div>
</li><hr><hr>
<li class="media my-4">
<div class="media-body">
<h5 class="mt-0 mb-1">Concours Amateur, Cycles Libre</h5><h6> Organisé à Orveau - 31 mars - 01 avril 2018</h6>
</div>
</li><hr><hr>
<li class="media my-4">
<div class="media-body">
<h5 class="mt-0 mb-1">Concours Championnat clubs</h5><h6> Organisé à Orveau - 2 avril 2018</h6>
</div>
</li> <hr><hr>
<li class="media my-4">
<div class="media-body">
<h5 class="mt-0 mb-1">Concours Amateur, Cycles Libre</h5><h6> Organisé à Orveau - 05 et 06 mai 2018</h6>
</div>
</li><hr><hr>
<li class="media my-4">
<div class="media-body">
<h5 class="mt-0 mb-1">Concours Club et poney</h5><h6> Organisé à Orveau - 13 mai 2018</h6>
</div>
</li><hr><hr>
<li class="media my-4">
<div class="media-body">
<h5 class="mt-0 mb-1">Concours Club et poney</h5><h6> Organisé à Orveau - 27 mai 2018</h6>
</div>
</li><hr><hr>
<li class="media my-4">
<div class="media-body">
<h5 class="mt-0 mb-1">Concours Club et poney</h5><h6> Organisé à Orveau - 10 juin 2018</h6>
</div>
</li><hr><hr>
<li class="media my-4">
<div class="media-body">
<h5 class="mt-0 mb-1">Concour Amateur, Pro</h5><h6> Organisé à Orveau - 13 et 14 octobre 2018</h6>
</div>
</li><hr><hr>
<li class="media my-4">
<div class="media-body">
<h5 class="mt-0 mb-1">Concours Club et poney</h5><h6> Organisé à Orveau - 7 octobre 2018</h6>
</div>
</li><hr><hr>
<li class="media my-4">
<div class="media-body">
<h5 class="mt-0 mb-1">Concours Club et poney</h5><h6> Organisé à Orveau - 21 octobre 2018</h6>
</div>
</li><hr><hr>
<li class="media my-4">
<img class="mr-3" src="./images/evenements/event2.jpg" alt="evenement" style="width:25%">
<div class="media-body">
<h5 class="mt-0 mb-1">Concours Amateur, Pro</h5><h6> Organisé à Orveau - 3 et 4 novembre 2018</h6>
<p>Informations</p>
</div>
</li>
</ul>
<hr></div>
</section>
</div>

View File

@@ -1,28 +0,0 @@
<body>
<div class="container-fluid">
<!--==============================content================================-->
<section id="content" class="page-content">
<div class="container">
<!--Div Trie-->
<div class="btn-group" id="dates" role="group" aria-label="Basic example">
<!-- Liste des dates d'event sous forme de checkboxes-->
</div>
<ul id="types" class="col-4 list-unstyled">
<!-- Liste des types d'event sous forme de checkboxes-->
</ul>
<!--Affichage Event-->
<p id="count"></p>
<div class="contenu_onglet " id="contenu_onglet_tous">
<h2>Tous les évenements du club</h2>
<div class="media">
<div class="media-body">
<ul class="list-unstyled" id="movies">
</ul>
</div>
</div>
</div>
</div>
</section>

View File

@@ -0,0 +1,17 @@
<!--Maps----Bootsrap-->
<script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
<footer>
<div class="container"><br>
<ul class="pagination">
<li class="page-item m-1"><a href="https://www.youtube.com/channel/UCbz9xEc-Xv3HWNy1mPWZ19g" target="_blank"><img src="./images/autres/yt.png" alt="Officiel" width="30px"/></a></li>
<li class="page-item m-1"><a href="https://www.facebook.com/pages/Les-%C3%89curies-de-la-Boissi%C3%A8re/532820556840979?nr&nr_page_id=687433101339912" target="_blank"><img src="./images/autres/fb.png" alt="face book" width="30px"/></a></li>
<li class="page-item m-1"><h6>Les Ecuries de la Boissière | Cunat-Brulé © 2019 Tous droits réservés | </h6><a href="mailto:ecuriesboissiere@gmail.com">Donner vos avis sur cette nouvelle mise en page du site</a></li>
</ul>
</div>
</div>
</footer>
</html>

View File

@@ -1,21 +0,0 @@
<script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js"></script><script type="text/javascript" src="./js/script.js"></script>
<!--Bootstrap-->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<!--Bootstrap-->
</body>
<footer>
<div class="container">
<div>
<a href="http://www.ecuries-boissiere.com/" target="_blank"><img src="./images/all/footer_icon_01.png" alt="Officiel"/></a>
<a href="home.php#"><img src="./images/all/footer_icon_02.png" alt="Home"/></a>
<a href="https://www.facebook.com/pages/Les-%C3%89curies-de-la-Boissi%C3%A8re/532820556840979" target="_blank"><img src="./images/all/footer_icon_03.png" alt="face book"/></a>
<a href="http://ppe-les-ecuries-boissiere.esy.es/les_ecuries_de_la_boissiere/home.php" target="_blank"><img src="./images/all/footer_icon_04.png" alt="Autre"/></a>
</div>
<div>
<p>&nbsp;Les Ecuries de la Boissière © 2017 Tous droits réservés&nbsp;&nbsp;<span>|</span>&nbsp;&nbsp;<a href="confidentialite.php">Politique de confidentialité</a></p>
</div>
</div>
</footer>
</html>

View File

@@ -0,0 +1,47 @@
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Les Ecuries de la Boissiere</title>
<link rel="shortcut icon" type="image/png" href="./images/autres/favicon.png">
<link rel="stylesheet" type="text/css" media="screen" href="./css/style.css"> <!--Local-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<header>
<center><a href="home.php"><img src="./images/autres/logo.png" alt="" width="35%" ></a></center>
<div class="container">
<nav class="navbar navbar-expand-lg navbar-dark bg-transparent">
<a class="navbar-brand" href="home.php">Accueil</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Centre Equestre</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="centre.php">Le Centre</a>
<a class="dropdown-item" href="tarif.php">Tarifs</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="contact.php">Nos Coordonnées</a>
</div>
</li>
<li class="nav-item"><a class="nav-link disabled" href="vitrine.php">Vitrine</a></li>
<li class="nav-item"><a class="nav-link disabled" href="actualite.php">Actualités</a></li>
<li class="nav-item"><a class="nav-link disabled" href="evenement.php">Evénements</a></li>
<li class="nav-item"><a class="nav-link disabled" href="pension.php">Pensions</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Activités</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="poney_club.php">Poney Club</a>
<a class="dropdown-item" href="ethologie.php">Ethologie</a>
<a class="dropdown-item" href="stage.php">Stages</a>
<a class="dropdown-item" href="balade.php">Balades et Randonnées</a>
</div>
</li>
</ul>
</div>
</nav>
</div>
</header>

View File

@@ -1,67 +0,0 @@
<!--==============================header=================================-->
<!doctype html>
<html lang="fr">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Les Ecuries de la Boissiere</title>
<link rel="shortcut icon" href="/images/all/favicon.png">
<link rel="stylesheet" type="text/css" media="screen" href="./css/style.css">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
</head>
<header>
<center><a href="accueil.php"><img src="./images/all/logo.png" alt=""></a></center>
<div class="container">
<nav class="navbar navbar-expand-lg navbar-dark bg-transparent">
<a class="navbar-brand" href="accueil.php">Accueil</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Centre Equestre
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="about-us.php">Le Centre</a>
<a class="dropdown-item" href="tarif.php">Tarifs</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="contact.php">Nos Coordonnées</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="boutique.php">Shopping</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="actualite.php">Actualités</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="evenement.php">Evénements</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="pension.php">Pensions</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Activités
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="poney.php">Poney Club</a>
<a class="dropdown-item" href="ethologie.php">Ethologie</a>
<a class="dropdown-item" href="stage.php">Stages</a>
<a class="dropdown-item" href="balade.php">Balades et Randonnées</a>
</div>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</nav>
</div>
</header>

View File

@@ -0,0 +1,43 @@
<body>
<div class="container-fluid">
<section id="content" class="page-content">
<div class="container">
<div id="slideshowhome" class="carousel slide carousel-fade" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active"><img class="d-block w-100" src="./images/home/home1.jpg"" alt="First slide"></div>
<div class="carousel-item"><img class="d-block w-100" src="./images/home/home2.jpg" alt="Second slide"></div>
<div class="carousel-item"><img class="d-block w-100" src="./images/home/home3.jpg" alt="Third slide"></div>
</div>
<a class="carousel-control-prev" href="#slideshowhome" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#slideshowhome" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span><span class="sr-only">Next</span>
</a>
</div>
<center><a class="badge badge-pill badge-info" href="mailto:ecuriesboissiere@gmail.com">Nouveau Design, sa vous plait ? Faite le nous savoir !</a></center>
</div>
<div class="container"><hr>
<h6> Les Ecuries de la Boissière</h6>
<p>Situées à 40 Km de Paris, en plein cœur du Parc du Gâtinais, les Ecuries de la Boissière vous accueillent dans un écrin de verdure...<br>
Vous y découvrirez, dans des infrastructures modernes et de qualité, une équitation sportive et ludique encadrée par des enseignants compétents.<br>
Diverses activités vous sont proposées: de l'initiation à la compétition, sans oublier la formation et la préparation aux examens fédéraux.<br><br>
Bonne saison 2018/2019 !!</p><br>
<hr><center><h2>Découvrir l'écurie</h2><center><hr>
<div class="row">
<div class="col-md" >
<div class="media">
<iframe width="100%" height="300" src="https://www.youtube.com/embed/hiNhwcbRmNc" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
<div class="col-md">
<div class="media">
<iframe width="100%" height="300" src="https://www.youtube.com/embed/gluMtEUeZ20" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
</div>
<hr></div>
</section>
</div>

View File

@@ -1,64 +0,0 @@
<body>
<div class="container-fluid">
<section id="content" class="page-content">
<!--==============================content================================-->
<!--Haut de page-->
<div class="container">
<div id="slideshowhome" class="carousel slide carousel-fade" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="./images/home/Home_img01.jpg"" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="./images/home/Home_img02.jpg" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="./images/home/Home_img03.jpg" alt="Third slide">
</div>
</div>
<a class="carousel-control-prev" href="#slideshowhome" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#slideshowhome" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="dropdown-divider"></div>
<div class="container">
<p class="text-1"> Les Ecuries de la Boissière </p>
<p class="text-2">Situées à 40 Km de Paris, en plein cœur du Parc du Gâtinais, les Ecuries de la Boissière vous accueillent dans un écrin de verdure...<br/><br>
Vous y découvrirez, dans des infrastructures modernes et de qualité, une équitation sportive et ludique encadrée par des enseignants compétents.
Diverses activités vous sont proposées: de l'initiation à la compétition, sans oublier la formation et la préparation aux examens fédéraux.<br/><br/>
Bonne saison 2016/2017 !!</p>
</div>
<!--Bas de page-->
<div class="container">
<h2>Nouvelles</h2>
<div class="row">
<div class="col">
<div class="numbox">
<span>Mai</span>
<strong>23</strong>
</div>
<div class="extra-wrap">
<p class="colorbold marg3 pad1"><a href="./news.php" class="link">Event1</a></p>
<p class="text-7">BlablaEvent</p>
</div>
</div>
<div class="col">
<div class="numbox">
<span>Octobre</span>
<strong>18</strong>
</div>
<div class="extra-wrap">
<p class="colorbold marg3 pad1"><a href="./news.php" class="link">Event2</a></p>
<p class="text-7">BlablaEvent</p>
</div>
</div>
</div>
</div>
</section>
</div>

View File

@@ -1,66 +0,0 @@
<body>
<div class="container-fluid">
<!--==============================content================================-->
<section id="content" class="page-content">
<div class="container">
<center><h2>Dernières nouvelles</h2></center>
<ul class="list-unstyled">
<li class="media">
<div class="numbox">
<span>Octobre</span>
<strong>18</strong>
</div>
<img class="img-thumbnailEvent" src="./images/event/Event_img32.jpg" alt="Generic placeholder image">
<div class="media-body">
<h5 class="mt-0 mb-1">Actu5</h5>
Cras, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
</div>
</li>
<li class="media my-4">
<div class="numbox">
<span>Octobre</span>
<strong>18</strong>
</div>
<img class="img-thumbnailEvent" src="./images/event/Event_img32.jpg" alt="Generic placeholder image">
<div class="media-body">
<h5 class="mt-0 mb-1">Actu4</h5>
Cras viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
</div>
</li>
<li class="media my-4">
<div class="numbox">
<span>Octobre</span>
<strong>18</strong>
</div>
<img class="img-thumbnailEvent" src="./images/event/Event_img32.jpg" alt="Generic placeholder image">
<div class="media-body">
<h5 class="mt-0 mb-1">Actu3</h5>
Cras sit amet nibh at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
</div>
</li>
<li class="media my-4">
<div class="numbox">
<span>Octobre</span>
<strong>18</strong>
</div>
<img class="img-thumbnailEvent" src="./images/event/Event_img32.jpg" alt="Generic placeholder image">
<div class="media-body">
<h5 class="mt-0 mb-1">Actu2</h5>
Cras sit amet nibh at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
</div>
</li>
<li class="media my-4">
<div class="numbox">
<span>Octobre</span>
<strong>18</strong>
</div>
<img class="img-thumbnailEvent" src="./images/event/Event_img32.jpg" alt="Generic placeholder image">
<div class="media-body">
<h5 class="mt-0 mb-1">Actu1</h5>
Cras sit amet nibh at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
</div>
</li>
</ul>
</div>
</section>
</div>

View File

@@ -0,0 +1,33 @@
<body>
<div class="container-fluid">
<section id="content" class="page-content">
<div class="container">
<br><center><h2>Les pensions</h2></center><hr>
<h3>Pensions en Box</h3>
<ul>
<li>Box paillé de 3m x 3m</li>
<li>Nourriture 3 fois par jour (granulés et/ou fourrage)</li>
<li>Possibilité d'être lâché en demie-journée en paddock (voir tarifs)</li>
</ul>
<center><img class=" frm-rounded" src="./images/activites/pension1.jpg" style="max-width:100%;width:320px;" alt=""></center><br>
<h3>Pension en paddock</h3>
<ul>
<li>Paddock avec ou sans abri</li>
<li>Nourriture 2 fois par jour aux granulés et foin 1 fois par jour</li>
<li>Possibilité d'être rentré au box la nuit (moyennant supplément)</li>
</ul>
<center><img class=" frm-rounded" src="./images/activites/pension2.jpg" style="max-width:100%;width:320px;" alt=""></center><br>
<h3>Pension au Pré ou Pré / Box</h3>
<p>En plus des services et activités proposés au centre équestre,<br>
les Ecuries de la Boissière disposent d'une "annexe" située à une quinzaine de Km, à Champmotteux.<br>
Ce complexe, essentiellement composé de pâtures, dispose d'une carrière sablée et de quelques boxes.<br>
L'accès à la balade et aux chemins de grandes randonnées est direct.</p>
<p>Nous y accueillons votre équidé qu'il soit
<b>actif, retraité ou simplement en "vacances"</b>;<br>
Pension au Pré ou Pré / Box, avec complément et fourrage.</p>
<center><img class=" frm-rounded" src="./images/activites/pension3.jpg" style="max-width:100%;width:320px;" alt=""></center><br>
<center><h6><b>*</b> Vous trouverez le coût de toutes nos prestations dans la rubrique"Tarifs".</h6></center>
<hr></div>
</section>
</div>

View File

@@ -0,0 +1,19 @@
<body>
<div class="container-fluid">
<section id="content" class="page-content">
<div class="container">
<br><center><h2>Le poney club</h2><center><hr>
<center><img src="./images/activites/poney1.jpg" style="width:60%" alt="" ></center>
<p>Votre enfant est intéressé par l'équitation ?<br>
Le poney club de la Boissière accueille votre enfant dès l'âge de 3ans en reprise et dès 2ans en promenade en main.<b>*</b></p>
<div class="row text-center">
<div class="col"><img src="./images/activites/poney2.jpg" style="width:40%" alt=""></div>
<div class="col"><img src="./images/activites/poney3.jpg"style="width:40%" alt=""></div>
</div><br>
<p>Le poney-club se compose de 16 poneys de tailles différentes.<br>
Pour permettre à votre enfant de découvrir un sport ludique, passionnant et qui lui apprendra à devenir responsable.</p><br>
<center><img src="./images/activites/poney4.jpg" style="width:35%" alt=""><center><br>
<h6><b>*</b> Renseignements à l'accueil</h6>
<hr></div>
</section>
</div>

View File

@@ -1,133 +0,0 @@
<body>
<div class="container-fluid">
<!--==============================content================================-->
<section id="content" class="page-content">
<div class="container_12 padcontent">
<div class="container">
<center><h2>Tarifs 2016-2017</h2></center><br>
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active" style="color:green"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
</ol>
<div class="carousel-inner" style="height:100%;min-height:850px">
<div class="carousel-item active">
<center><img src="./images/price_list/Tarif1.jpg" class="img-tarif">
<div>
<h4>Cotisations</h4>
<p><br>
Baby poney de 2 à 4 ans ..................................offerte <br>
Moins de 16 ans................................................125 <br>
Adultes..........................................................158 <br>
Famille (parents + enfant(s) -18ans)......................280 <br>
Baby poney de 2 à 4 ans ..................................offerte<br>
</p>
<h4>Licence Fédéral</h4>
<p><br>
(e) en 1997 & après.........................................25 <br>
(e) en 1996 & avant.........................................36 <br>
</p>
<h4>Licence Compétition </h4>
<p><br>
Compétition PRO..............................................330 <br>
Compétition Amateur.........................................80 <br>
Compétition Club........................................Gratuite<br>
</p>
<h4>Compétition :</h4>
<p><br>
Engagement................................................variable<br>
Forfait Concours interne.......22 + prix de l'engagement<br>
• Forfait Concours externe ...... 56€ + pris de l'engagement
</p></div></center>
</div>
<div class="carousel-item">
<center><img src="./images/price_list/Tarif2.jpg" class="img-tarif">
<div>
<h4>Leçons</h4>
<p><br>
<b>Membre non propriétaire d'un équidé :<br><br></b>
• Carte 10h cheval/poney................................183 €<br>
Comprenant le droit d'accès à 122 et l'enseignement de 10 leçons à 61€<br>
• Carte 10h pour les - de 8 ans..........................168 €<br>
Comprenant le droit d'accès à 112 et l'enseignement de 10 leçons à 56€<br>
• Carte baby poney valable 3 mois ....................113 €<br>
Comprenant le droit d'accès à 75 et l'enseignement de 10 leçons à 38€<br>
• Leçon particulière.............................2h de carte<br><br>
<b> Membre Propriétaire d'un équidé :<br><br></b>
Cartes 10h.......................................136 <br>
Comprenant le droit d'accès à 90€ et l'enseignement de 10 leçons à 45<br>
Leçon particulière............2h de carte<br>
Forfait de 15 leçons valable 15 semaines dont 2 séances offertes :<br>
Forfait Cheval/ Poney ................................241 <br>
Comprenant le droit d'accès à 160€ et l'enseignement de 10 leçons à 81<br>
Forfait pour les - de 8 ans ...........................219 <br>
Comprenant le droit d'accès à 146€ et l'enseignement de 10 leçons à 73<br>
Forfait 3 h de cours par semaine..........................291/mois
</p></div></center>
</div>
<div class="carousel-item">
<center><img src="./images/price_list/Tarif3.jpg" class="img-tarif">
<div>
<h4>Coût global mensuel pour un propriétaire</h4>
<p><br>
<b>Chevaux:<br><br></b>
Formule box classique.................................498/mois<br>
- Formule box sorties luxe..............................528/mois <br>
Formule box grand lux copeaux + sorties.........558/mois <br>
Formule box sérénité..................................331/mois <br><br>
<b>Poney:<br><br></b>
Formule box.............................................446/mois<br>
Formule box + sorties.................................476/mois<br><br>
<b>Paddock<br><br></b>
Formule paddock détente............................270/mois<br>
Formule paddock détente plus......................300/mois<br><br>
<b>Champmotteux:<br><br></b>
Formule Pré évasion ..................................240/mois<br>
Formule Pré évasion confort ........................350/mois
</p></div></center>
</div>
<div class="carousel-item">
<center><img src="./images/price_list/Tarif5.jpg" class="img-tarif">
<div>
<h4>Cavaliers de Passage</h4>
<p><br>
1h Cheval / Poney..............................................30 <br>
1h Poney Shetland..............................................26 <br>
Leçon particulière: Cheval / Poney........................52 <br>
Pension box Cheval......................................29/jour<br>
Pension box Poney.......................................22/jour<br>
Promenade en main 1/2h.....................................11 <br>
Promenade en main 1h........................................16 <br>
</p>
<h4>Stage dEquitation</h4><br>
<p>
<b>Adhérents: <br><br></b>
1 semaine.......................................................282 <br>
1 journée (1/2 pension).......................................62 <br>
1/2 journée......................................................45 <br><br>
<b>Cavalier de Passage:<br><br></b>
1 semaine.......................................................307 <br>
1/2 pension......................................................69 <br>
1/2 journée......................................................52
</p></div></center>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</section>
</div>

View File

@@ -1,52 +0,0 @@
<body>
<div class="container-fluid">
<!--==============================content================================-->
<section id="content" class="page-content">
<div class="container">
<h2>Politique de confidentialité</h2><br>
<p>Collecte des renseignements personnels<br>
Les renseignements personnels que nous collectons sont recueillis au travers de formulaires et grâce
à l'interactivité établie entre vous et notre site Web. Nous utilisons également, comme indiqué dans
la section suivante, des fichiers témoins et/ou journaux pour réunir des informations vous
concernant. </p>
<p>Formulaires et interactivité:<br>
Vos renseignements personnels sont collectés par le biais de formulaire, à savoir :<br>
- Formulaire d'inscription au site Web<br>
Nous utilisons les renseignements ainsi collectés pour les finalités suivantes :<br>
- Contact</p>
<p>Droit d'opposition et de retrait<br>
Nous nous engageons à vous offrir un droit d'opposition et de retrait quant à vos renseignements
personnels.
Le droit d'opposition s'entend comme étant la possibilité offerte aux internautes de refuser que leurs
renseignements personnels soient utilisés à certaines fins mentionnées lors de la collecte.
Le droit de retrait s'entend comme étant la possibilité offerte aux internautes de demander à ce que
leurs renseignements personnels ne figurent plus, par exemple, dans une liste de diffusion.
</p>
<p>Droit d'accès<br>
Nous nous engageons à reconnaître un droit d'accès et de rectification aux personnes concernées
désireuses de consulter, modifier, voire radier les informations les concernant.
</p>
<p>Sécurité<br>
Les renseignements personnels que nous collectons sont conservés dans un environnement sécurisé.
Les personnes travaillant pour nous sont tenues de respecter la confidentialité de vos informations.
Pour assurer la sécurité de vos renseignements personnels, nous avons recours aux mesures
suivantes :<br>
- Gestion des accès - personne autorisée<br>
- Gestion des accès - personne concernée<br>
- Logiciel de surveillance du réseau<br>
- Sauvegarde informatique<br>
- Développement de certificat numérique<br>
- Identifiant / mot de passe<br>
- Pare-feu (Firewalls)<br>
Nous nous engageons à maintenir un haut degré de confidentialité en intégrant les dernières
innovations technologiques permettant d'assurer la confidentialité de vos transactions. Toutefois,
comme aucun mécanisme n'offre une sécurité maximale, une part de risque est toujours présente
lorsque l'on utilise Internet pour transmettre des renseignements personnels. </p>
<p >Législation<br>
Nous nous engageons à respecter les dispositions législatives françaises</p>
<p >E-mail: <a href="mailto:info@security.org">info@security.org</a></p>
</div>
</section>
</div>
</body>

View File

@@ -1,93 +0,0 @@
<body>
<div class="container-fluid">
<section id="content" class="page-content">
<div class="container">
<!--==============================content================================-->
<center><h2>Produit actuellement en vente</h2></center><br>
<!--information page-->
<div class="padright">
<p class="text-4i">Une très large gamme de produits destinés à la pratique de léquitation
afin de pratiquer ce noble sport de la manière la plus efficace possible.
La performance lors dun entraînement de montage ou lors dun concours de saut dobstacles
dépend également de léquipement choisi par le cavalier. </p>
</div>
<div class="container marketing">
<!--Liste Article-->
<div class="row">
<div class="col-lg-4">
<img src="./images/shop/Shop_img14.jpg" alt="..." class="img-thumbnailShop rounded" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';"/>
<p> Nom Article</p>
<p>20 </p>
</div>
<div class="col-lg-4">
<img src="./images/shop/Shop_img14.jpg" alt="..." class="img-thumbnailShop rounded" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';"/>
<p>Nom Article</p>
<p>20 </p>
</div>
<div class="col-lg-4">
<img src="./images/shop/Shop_img14.jpg" alt="..." class="img-thumbnailShop rounded" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';"/>
<p>Nom Article</p>
<p>20 </p>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<img src="./images/shop/Shop_img14.jpg" alt="..." class="img-thumbnailShop rounded" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';"/>
<div class=shop-desc>
<p>Nom Article</p>
<p>20 </p>
</div>
</div>
<div class="col-lg-4">
<img src="./images/shop/Shop_img14.jpg" alt="..." class="img-thumbnailShop rounded" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';"/>
<div class=shop-desc>
<p>Nom Article</p>
<p>20 </p>
</div>
</div>
<div class="col-lg-4">
<img src="./images/shop/Shop_img14.jpg" alt="..." class="img-thumbnailShop rounded" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';"/>
<div class=shop-desc>
<p>Nom Article</p>
<p>20 </p>
</div>
</div>
</div>
</div>
<br><h2>Commerces de chevaux</h2><br>
<div class="container">
<div class="row">
<div class="col">
<img id="image-border" class="rounded" alt="" src="./images/about_us/About_us_img03.jpg" style="width:100%;max-width:300px">
<div class="about-desc">
<center><h5>Tiger</h5></center>
<p>Jument de 7 ans pour réaliser des balades ou cours de dressage à pied, très affective a vendre</p>
</div>
</div>
<div class="col">
<img id="image-border" class="rounded" alt="" src="./images/about_us/About_us_img02.jpg" style="width:100%;max-width:300px">
<div class="about-desc">
<center><h5>KAKAO</h5></center>
<p>Cheval 15 ans a vendre</p>
</div>
</div>
<div class="col">
<img id="image-border" class="rounded" alt="" src="./images/about_us/About_us_img01.jpg" style="width:100%;max-width:300px">
<div class="about-desc">
<center><h5>Poupe</h5></center>
<p>Cheval 5 ans en quart de pension</p>
</div>
</div>
<div class="col">
<img id="image-border" class="rounded" alt="" src="./images/about_us/About_us_img04.jpg" style="width:100%;max-width:300px">
<div class="about-desc">
<center><h5>Lancome</h5></center>
<p>Jument pret pour les concours CSO, Complet a garder en quart de pension</p>
</div>
</div>
</div>
<!--Div Format-->
<div class="clear"></div>
</div>
</section>
</div>

View File

@@ -0,0 +1,84 @@
<body>
<div class="container-fluid">
<section id="content" class="page-content">
<div class="container">
<br><center><h1>Les stages</h1></center><hr>
<p>Durant les vacances scolaires, sont organisés des stages de prise de connaissance du poney ou du cheval,<br>
de préparation aux Galops ou de perfectionnement, orientés vers la compétition.</p>
<p>les passages de galop se font tous les vendredis de semaine de stage, nous maintenons également tous nos cours pendant les périodes de stages.</p>
<hr><center><h3>Périodes de stages</h3></center><hr>
<div class="row">
<div class="col"><h6>Période</h6></div>
<div class="col"><h6>Date</h6></div>
<div class="col"><h6>Tarifs</h6></div>
<div class="w-100"><hr></div>
<div class="col"><p>VACANCES SCOLAIRES</p></div>
<div class="col"><p>Tous les mercredi de 9H à 18H</p></div>
<div class="col"><p>55 € compris 2 H d'équitation</p></div>
<div class="w-100"><hr></div>
<div class="col"><p>Eté aux Ecuries</p></div>
<div class="col"><p>Du 10 juillet au 4 aout 2018 <br>Du 20 aout au 1er septembre 2018</p></div>
<div class="col"><p>A définir</p></div>
<div class="w-100"><hr></div>
<div class="col"><p>Eté à Lamotte Beuvron:</p></div>
<div class="col"><p>Du 30 juillet au 04 aout 2018</p></div>
<div class="col"><p>665 € euros tout compris pour les adhérents</p></div>
</div>
<hr><center><h3>Stage type aux écuries</h3></center><hr>
<div class="row">
<div class="col">
<ul>
<li>Arrivée à 9h00.</li>
<li>Pratique autour du cheval</li>
<li>Hippologie et Travaux Pratiques</li>
<li>2 ou 3h d'équitation</li>
<li>repas et goûter à emporter</li>
<li>fin de journée de stage 17h30</li>
</ul>
</div>
<div class="col">
<img alt=""src="./images/activites/stage1.jpg" style="width:50%">
</div>
</div>
<hr><center><h3>Stages d'été à Lamotte Beuvron</h3></center><hr>
<p>Durant les deux premières semaines du mois d'août, nous organisons un stage à Lamotte Beuvron dans le parc fédéral de la fédération française déquitation.</p>
<p>Chaque année, le parc fédéral accueille des centres équestres de toutes les régions avec leurs cavaliers et leurs chevaux,<br>
pour permettre aux centres équestres de profiter des installations misent à leur disposition.</p>
<div class="row">
<div class="col">
<ul>
<h6>Exemple d'une journée a LAMOTTE BEUVRON</h6>
<li>8h00 : soins des chevaux (eau, granulés, paillage des boxes)</li>
<li>8h30 : petit déjeuner</li>
<li>10h00 à 11h30 : équitation</li>
<li>12h00 : soins des chevaux (eau et granulés)</li>
<li>12h30 : déjeuner</li>
<li>14h à 15h30 : équitation</li>
<li>16h00 : goûter</li>
<li>16h30 à 18h00 : piscine</li>
<li>19h30 : Dîner</li>
<li>20h30 : jeu en groupe</li>
<li>22h30 : dodo</li>
</ul>
</div>
<div class="col">
<ul>
<h6>Equipement Sportif</h6>
<li>10 carrières modulables de saut d'obstacles</li>
<li>5 rectangles de dressage</li>
<li>9 terrains de horse-ball</li>
<li>3 manèges de 4 000 m2</li>
<li>2 terrains de polo</li>
<li>1 cross national de 25 hectares</li>
<li>1 piste de galop</li>
</ul>
</div>
</div><br>
<div class="media">
<iframe width="100%" height="522" src="https://www.youtube.com/embed/XRyV1frFE48" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div><br>
<center><h6><b>*</b> Les inscriptions se font à l'accueil ou par téléphone<br>
Pour les tarifs non adhérents: nous contacter, Renseignements à l'accueil ou par téléphone</h6></center>
<hr></div>
</section>
</div>

View File

@@ -0,0 +1,260 @@
<body>
<div class="container-fluid">
<section id="content" class="page-content">
<div class="container">
<br><center><h2>Tarifs 2018-2019</h2></center><hr>
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" data-interval="10000">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
</ol>
<div class="carousel-inner text-center" style="height:100%;min-height:850px;" >
<div class="carousel-item active">
<div class="container">
<div class="row">
<div class="col"><img src="./images/tarifs/Tarif1.jpg" class="img-tarif"></div>
<div class="w-100"></div>
<div class="col"><h3><br>Cotisations</h3></div>
<div class="w-100"></div>
<div class="col text-right">Baby poney de 2 à 4 ans</div>
<div class="col text-left">offerte pour la 1ere carte valable 3 mois</div>
<div class="w-100"></div>
<div class="col text-right">Moins de 16 ans</div>
<div class="col text-left">125 €</div>
<div class="w-100"></div>
<div class="col text-right">Adultes</div>
<div class="col text-left">158 €</div>
<div class="w-100"></div>
<div class="col text-right">Famille (parents + enfant(s) -18ans)</div>
<div class="col text-left">283 €</div>
<div class="w-100"></div>
<div class="col"><h3><br>Licence Fédéral</h3></div>
<div class="w-100"></div>
<div class="col text-right">Né(e) en 2001 & après</div>
<div class="col text-left">25 €</div>
<div class="w-100"></div>
<div class="col text-right">Né(e) en 2001 & avant</div>
<div class="col text-left">36 €</div>
<div class="w-100"></div>
<div class="col"><h3><br>Licence Compétition</h3></div>
<div class="w-100"></div>
<div class="col text-right">Compétition PRO</div>
<div class="col text-left">330 €</div>
<div class="w-100"></div>
<div class="col text-right">Compétition Amateur</div>
<div class="col text-left">80 €</div>
<div class="w-100"></div>
<div class="col text-right">Compétition Club</div>
<div class="col text-left">Gratuite</div>
<div class="w-100"></div>
<div class="col"><h3><br>Compétition</h3></div>
<div class="w-100"></div>
<div class="col text-right">Engagement</div>
<div class="col text-left">variable</div>
<div class="w-100"></div>
<div class="col text-right">Forfait Concours interne</div>
<div class="col text-left">22 € + prix de l'engagement</div>
<div class="w-100"></div>
<div class="col text-right">Forfait Concours externe</div>
<div class="col text-left">56 € + prix de l'engagement</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="row">
<div class="col"><img src="./images/tarifs/Tarif2.jpg" class="img-tarif"></div>
<div class="w-100"></div>
<div class="col"><h3><br>Leçons</h3></div>
<div class="w-100"></div>
<br><div class="col text-center"><h5>Membre non propriétaire d'un équidé</h5></div>
<div class="w-100"></div>
<div class="col text-center">Carte 10h cheval/poney </div>
<div class="col-">203 € </div>
<div class="col text-left">**Droit d'accès à 122 € et 10 leçons à 61 €</div>
<div class="w-100"></div>
<div class="col text-center">Carte 10h pour les - de 8 ans</div>
<div class="col-">188 €</div>
<div class="col text-left">**Droit d'accès à 112 € et 10 leçons à 56 €</div>
<div class="w-100"></div>
<div class="col text-center">Carte baby poney valable 3 mois</div>
<div class="col-">133 €</div>
<div class="col text-left">**Droit d'accès à 75 € et 10 leçons à 38 €</div>
<div class="w-100"></div>
<div class="col text-center">Leçon particulière</div>
<div class="col-">2h de carte</div>
<div class="col"></div>
<div class="w-100"></div>
<br><div class="col text-center"><h5>Membre Propriétaire d'un équidé</h5></div>
<div class="w-100"></div>
<div class="col text-center">Cartes 10h</div>
<div class="col-">140 €</div>
<div class="col text-left">**Droit d'accès à 90 € et 10 leçons à 45 €</div>
<div class="w-100"></div>
<div class="col text-center">Leçon particulière</div>
<div class="col-">2h de carte</div>
<div class="col text-left">Forfait de 15 leçons valable 15 semaines dont 2 séances offertes</div>
<div class="w-100"></div>
<div class="col text-center">Forfait Cheval/ Poney</div>
<div class="col-">270 € </div>
<div class="col text-left">**Droit d'accès à 160 € et 10 leçons à 81 €</div>
<div class="w-100"></div>
<div class="col text-center">Forfait pour les - de 8 ans</div>
<div class="col-">255 €</div>
<div class="col text-left">**Droit d'accès à 146 € et 10 leçons à 73 €</div>
<div class="w-100"></div>
<div class="col text-center">**Forfait 3 h de cours par semaine</div>
<div class="col-">**291€/mois</div>
<div class="col"></div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="row">
<div class="col"><img src="./images/tarifs/Tarif3.jpg" class="img-tarif"></div>
<div class="w-100"></div>
<div class="col"><h3><br>Coût global mensuel pour un propriétaire</h3></div>
<div class="w-100"></div>
<div class="col">Tous ces tarifs inclus le droit d'accès aux installations sportives et le coût de l'hébergement de l'équidé<br>ainsi que le coût de 2h d'enseignement par semaine sauf ceux indiqués par <b>*</b>.</div>
<div class="w-100"></div>
<div class="col text-center"><h5>Chevaux</h5></div>
<div class="w-100"></div>
<div class="col text-right">Formule box</div>
<div class="col text-left">508 €/mois</div>
<div class="w-100"></div>
<div class="col text-right">Formule box et sorties paddock</div>
<div class="col text-left">538 €/mois</div>
<div class="w-100"></div>
<div class="col text-right">Formule box + copeaux et sorties paddock</div>
<div class="col text-left">568 €/mois</div>
<div class="w-100"></div>
<div class="col text-right">Formule box en 1/2 pension avec un propriétaire</div>
<div class="col text-left">331 €/mois</div>
<div class="w-100"></div>
<div class="col text-center"><h5>Poney</h5></div>
<div class="w-100"></div>
<div class="col text-right">Formule box</div>
<div class="col text-left">456 €/mois</div>
<div class="w-100"></div>
<div class="col text-right">Formule box et sorties paddock</div>
<div class="col text-left">486 €/mois</div>
<div class="w-100"></div>
<div class="col text-center"><h5>Paddock</h5></div>
<div class="w-100"></div>
<div class="col text-right">Formule paddock</div>
<div class="col text-left">285 €/mois</div>
<div class="w-100"></div>
<div class="col text-right">Formule paddock et accès manège</div>
<div class="col text-left">315 €/mois</div>
<div class="w-100"></div>
<div class="col text-right">1/2 pension avec le club</div>
<div class="col text-left">295 €/mois forfait 3 h par semaine</div>
<div class="w-100"></div>
<div class="col text-right">1/4 pension avec le club</div>
<div class="col text-left">195 €/mois forfait 2 h par semaine</div>
<div class="w-100"></div>
<div class="col text-center"><h5>Champmotteux</h5></div>
<div class="w-100"></div>
<div class="col text-right">Formule Pré</div>
<div class="col text-left">250 €/mois</div>
<div class="w-100"></div>
<div class="col text-right">Formule Pré et box</div>
<div class="col text-left">350 €/mois</div>
<div class="w-100"></div>
<br><div class="col"><h6></b>*</b> pas d'enseignement inclus dans ces prestations, possibilité de demander le travail du cheval à raison de 2 ou 3h par semaine</h6></div>
<div class="w-100"></div>
<div class="col"><h6>*D'autres formules peuvent être étudiées, adressez-vous à l'accueil*</h6></div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="row">
<div class="col"><img src="./images/tarifs/Tarif5.jpg" class="img-tarif"></div>
<div class="w-100"></div>
<div class="col">Inclus le droit d'accès aux installations sportives et le coût de l'enseignement</div>
<div class="w-100"></div>
<div class="col"><h3><br>Cavaliers de Passage</h3></div>
<div class="w-100"></div>
<div class="col text-right">1h Cheval / Poney</div>
<div class="col text-left">30 €</div>
<div class="w-100"></div>
<div class="col text-right">1h Poney Shetland</div>
<div class="col text-left">26 €</div>
<div class="w-100"></div>
<div class="col text-right">Leçon particulière: Cheval / Poney</div>
<div class="col text-left">52 €</div>
<div class="w-100"></div>
<div class="col text-right">Leçon particulière: Poney Shetland</div>
<div class="col text-left">41 €</div>
<div class="w-100"></div>
<div class="col text-right">Pension box Cheval</div>
<div class="col text-left">29 €/jour</div>
<div class="w-100"></div>
<div class="col text-right">Pension box Poney</div>
<div class="col text-left">22 €/jour</div>
<div class="w-100"></div>
<div class="col text-right">Promenade en main 1/2h</div>
<div class="col text-left">11 €</div>
<div class="w-100"></div>
<div class="col text-right">Promenade en main 1h</div>
<div class="col text-left">16 €</div>
<div class="w-100"></div>
<div class="col"><h3><br>Stage dEquitation</h3></div>
<div class="w-100"></div>
<br><div class="col text-center"><h5>Adhérents</h5></div>
<div class="w-100"></div>
<div class="col text-right">1 semaine</div>
<div class="col text-left">282 €</div>
<div class="w-100"></div>
<div class="col text-right">1 journée (1/2 pension)</div>
<div class="col text-left">62 €</div>
<div class="w-100"></div>
<div class="col text-right">1/2 journée</div>
<div class="col text-left">45 €</div>
<div class="w-100"></div>
<br><div class="col text-center"><h5>Cavalier de Passage</h5></div>
<div class="w-100"></div>
<div class="col text-right">1 semaine</div>
<div class="col text-left">307 €</div>
<div class="w-100"></div>
<div class="col text-right">1/2 pension</div>
<div class="col text-left">69 €</div>
<div class="w-100"></div>
<div class="col text-right">1/2 journée</div>
<div class="col text-left">52 €</div>
<div class="w-100"></div>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span><span class="sr-only">Next</span>
</a>
</div>
<div class="container">
<h3>DROIT D'ACCES AU CENTRE EQUESTRE</h3>
<p>L'accès aux installations sportives de l'établissement équestre, pendant les heures d'ouverture, est subordonné au paiement d'un droit d'accès.<br>
Ce droit confère au titulaire l'accès à des fins d'utilisation</p>
<li>des installations à caractère sportif de l'établissement équestre (manège, carrières, parcours, écuries et équipements sportifs recensés),</li>
<li>de contribuer à la « vie du club», de circuler librement à pied dans l'enceinte de l'établissement,</li>
<li>d'accéder aux différentes aires d'évolution mises à disposition par le centre équestre.</li><br>
<p>Ce droit est strictement personnel et incessible.<br>
Ces prestations relèvent du taux de TVA de 5.5%.</p>
</div>
<div class="container">
<h3>CONDITIONS COMMERCIALES</h3>
<li>Les cartes, forfaits et cotisations annuelles sont personnelles et ne peuvent en aucun cas être cédées ou remboursées.</li>
<li>Toute réservation non annulée 48h à l'avance sera due</li>
<li>Les chèques vacances et les coupons sports sont acceptés</li><br>
<img src="./images/tarifs/cheque.jpg" class="img-tarif" style="width:30%;">
</div>
<hr></div>
</section>
</div>

View File

@@ -0,0 +1,67 @@
<body>
<div class="container-fluid">
<section id="content" class="page-content">
<div class="container">
<br><center><h2>Produit actuellement en vente dans votre club</h2></center><hr>
<h6 class="text-4i">Une très large gamme de produits destinés à la pratique de léquitation afin de pratiquer ce noble sport de la manière la plus efficace possible.<br>
La performance lors dun entraînement de montage ou lors dun concours de saut dobstacles dépend également de léquipement choisi par le cavalier.</h6>
<div class="container"><hr>
<div class="row text-center">
<div class="col">
<center><img src="./images/vitrine/objet1.jpg" alt="..." class="img-thumbnailShop rounded " onerror="this.onerror=null;this.src='./images/vitrine/objet0.jpg';"/></center>
<h5>Brosse</h5><h6>20 €</h6>
</div>
<div class="col">
<center><img src="./images/vitrine/objet2.jpg" alt="..." class="img-thumbnailShop rounded" onerror="this.onerror=null;this.src='./images/vitrine/objet0.jpg';"/></center>
<h5>Selle</h5><h6>150€</h6>
</div>
<div class="col">
<center><img src="./images/vitrine/objet0.jpg" alt="..." class="img-thumbnailShop rounded" onerror="this.onerror=null;this.src='./images/vitrine/objet0.jpg';"/></center>
<h5>Nom Article</h5><h6>Prix</h6>
</div>
</div>
<div class="w-100"><hr></div>
<div class="row text-center">
<div class="col">
<center><img src="./images/vitrine/objet0.jpg" alt="..." class="img-thumbnailShop rounded" onerror="this.onerror=null;this.src='./images/vitrine/objet0.jpg';"/></center>
<h5>Nom Article</h5><h6>Prix</h6>
</div>
<div class="col">
<center><img src="./images/vitrine/objet0.jpg" alt="..." class="img-thumbnailShop rounded" onerror="this.onerror=null;this.src='./images/vitrine/objet0.jpg';"/></center>
<h5>Nom Article</h5><h6>Prix</h6>
</div>
<div class="col">
<center><img src="./images/vitrine/objet0.jpg" alt="..." class="img-thumbnailShop rounded" onerror="this.onerror=null;this.src='./images/vitrine/objet0.jpg';"/></center>
<h5>Nom Article</h5><h6>Prix</h6>
</div>
</div>
</div>
<hr><center><h2>Commerces de chevaux</h2></center><hr>
<div class="container">
<div class="row text-center">
<div class="col">
<center><img id="image-border" class="rounded" alt="" src="./images/vitrine/cheval1.jpg" style="width:100%;" onerror="this.onerror=null;this.src='./images/vitrine/cheval0.jpg';"></center>
<center><h5>Titi</h5></center>
<h6>Test : Jument de 7 ans pour réaliser des balades ou cours de dressage à pied, très affective a vendre</h6>
</div>
<div class="col">
<center><img id="image-border" class="rounded" alt="" src="./images/vitrine/cheval0.jpg" style="width:100%;" onerror="this.onerror=null;this.src='./images/vitrine/cheval0.jpg';"></center>
<center><h5>Nom cheval</h5></center>
<h6></h6>
</div>
<div class="col">
<center><img id="image-border" class="rounded" alt="" src="./images/vitrine/cheval0.jpg" style="width:100%;" onerror="this.onerror=null;this.src='./images/vitrine/cheval0.jpg';"></center>
<center><h5>Nom cheval</h5></center>
<h6></h6>
</div>
<div class="col">
<center><img id="image-border" class="rounded" alt="" src="./images/vitrine/cheval0.jpg" style="width:100%;" onerror="this.onerror=null;this.src='./images/vitrine/cheval0.jpg';"></center>
<center><h5>Nom cheval</h5></center>
<h6></h6>
</div>
</div>
<hr><center><h4> Aucun cheval n'est actuellement a vendre <h4><center>
</div>
<hr></div>
</section>
</div>