diff --git a/les_ecuries_de_la_boissiere/about-us.php b/les_ecuries_de_la_boissiere/about-us.php
new file mode 100644
index 0000000..3755405
--- /dev/null
+++ b/les_ecuries_de_la_boissiere/about-us.php
@@ -0,0 +1,5 @@
+<?php
+	include_once('./vue/header.php');
+	include_once('./vue/about_us/index.php');
+	include_once('./vue/footer.php');
+?>
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/about_us.php b/les_ecuries_de_la_boissiere/about_us.php
deleted file mode 100644
index d74cae9..0000000
--- a/les_ecuries_de_la_boissiere/about_us.php
+++ /dev/null
@@ -1,3 +0,0 @@
-<?php
-	include_once('./vue/about_us/index.php');
-?>
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/accueil.php b/les_ecuries_de_la_boissiere/accueil.php
new file mode 100644
index 0000000..a0c77ff
--- /dev/null
+++ b/les_ecuries_de_la_boissiere/accueil.php
@@ -0,0 +1,5 @@
+<?php
+	include_once('./vue/header.php');
+	include_once('./vue/home/index.php');
+	include_once('./vue/footer.php');
+?>
diff --git a/les_ecuries_de_la_boissiere/actualite.php b/les_ecuries_de_la_boissiere/actualite.php
new file mode 100644
index 0000000..8ad2a18
--- /dev/null
+++ b/les_ecuries_de_la_boissiere/actualite.php
@@ -0,0 +1,5 @@
+<?php
+	include_once('./vue/header.php');
+	include_once('./vue/news/index.php');
+	include_once('./vue/footer.php');
+?>
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/balade.php b/les_ecuries_de_la_boissiere/balade.php
new file mode 100644
index 0000000..62006dd
--- /dev/null
+++ b/les_ecuries_de_la_boissiere/balade.php
@@ -0,0 +1,62 @@
+<?php
+	include_once('./vue/header.php');
+?>
+<body>
+<h1>LES BALADES ET RANDONNEES</h1>
+
+<div class="row-fluid" id="topic">
+<div id="topic-inner">
+<div class="span12" id="top-content">
+<div class="twpara-row row-fluid">
+<div class="span12 tw-para " id="aILOwFUN">
+<div class="pobj obj-before" style="text-align: center;"><img alt="" class="frm-rounded" src="./images/info/photo-balade.jpg" style="width: 460px; max-width: 100%;" /></div>
+</div>
+</div>
+
+<div class="twpara-row row-fluid">
+<div class="span12 tw-para " id="oy35lAmY">
+<div class="ptext">
+<p>Vous avez envie de conna&icirc;tre une &eacute;quitation plus libre qui vous procure des sensations diff&eacute;rentes ? Vous aussi avez r&ecirc;v&eacute; d&#39;&eacute;vasion ? Alors vous &ecirc;tes au bon endroit !</p>
+</div>
+</div>
+</div>
+
+<div class="twpara-row row-fluid">
+<div class="span12 tw-para " id="H8e5YEsE">
+<div class="pobj obj-before" style="text-align: center;"><img alt="" class="frm-rounded" src="./images/info/vue-aerienne.jpg" style="width: 480px; max-width: 100%;" /></div>
+
+<div class="ptext">
+<p>De la promenade &agrave; l&#39;heure, &agrave; la grande randonn&eacute;e, poneys et chevaux vous emm&egrave;neront parcourir le Parc du G&acirc;tinais. Avec ses hectares de pistes am&eacute;nag&eacute;es, les possibilit&eacute;s de promenades sont infinies...</p>
+</div>
+</div>
+</div>
+
+<div class="twpara-row row-fluid">
+<div class="span12 tw-para " id="Evo5SYbh">
+<div class="pobj obj-before" style="text-align: center;"><img alt="" class="frm-rounded" src="./images/info/etoile-balade.jpg" style="width: 208px; max-width: 100%;" /></div>
+</div>
+</div>
+
+<div class="twpara-row row-fluid">
+<div class="span12 tw-para " id="tcyvPzc2">
+<h2>Les Dates de Balades et Randos</h2>
+
+<div class="pobj obj-before" style="text-align: center;"><img alt="" class="frm-rounded" src="./images/info/photo-balade-2.jpg" style="width: 375px; max-width: 100%;" /></div>
+
+<div class="ptext">
+<p>Balades sur rendez-vous</p>
+
+<p>les prochaines dates de randonn&eacute;es pour 2017-2018 ne sont pas encore &eacute;tablies</p>
+
+<p></p>
+</div>
+</div>
+</div>
+</div>
+</div>
+</div>
+</div>
+</body>
+<?php
+	include_once('./vue/footer.php');	
+?>
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/boutique.php b/les_ecuries_de_la_boissiere/boutique.php
new file mode 100644
index 0000000..885ea0b
--- /dev/null
+++ b/les_ecuries_de_la_boissiere/boutique.php
@@ -0,0 +1,5 @@
+<?php
+	include_once('./vue/header.php');
+	include_once('./vue/shop/index.php');
+	include_once('./vue/footer.php');
+?>
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/confidentialite.php b/les_ecuries_de_la_boissiere/confidentialite.php
new file mode 100644
index 0000000..21cbe0c
--- /dev/null
+++ b/les_ecuries_de_la_boissiere/confidentialite.php
@@ -0,0 +1,5 @@
+<?php
+	include_once('./vue/header.php');
+	include_once('./vue/privacy_policy/index.php');
+	include_once('./vue/footer.php');	
+?>
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/contact.php b/les_ecuries_de_la_boissiere/contact.php
new file mode 100644
index 0000000..3a0f333
--- /dev/null
+++ b/les_ecuries_de_la_boissiere/contact.php
@@ -0,0 +1,5 @@
+<?php
+	include_once('./vue/header.php');
+	include_once('./vue/contact_us/index.php');
+	include_once('./vue/footer.php');	
+?>
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/contact_us.php b/les_ecuries_de_la_boissiere/contact_us.php
deleted file mode 100644
index 5535bb7..0000000
--- a/les_ecuries_de_la_boissiere/contact_us.php
+++ /dev/null
@@ -1,3 +0,0 @@
-<?php
-	include_once('./vue/contact_us/index.php');
-?>
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/css/colorbox.css b/les_ecuries_de_la_boissiere/css/colorbox.css
deleted file mode 100644
index 4e10c5c..0000000
--- a/les_ecuries_de_la_boissiere/css/colorbox.css
+++ /dev/null
@@ -1,66 +0,0 @@
-/*
-    ColorBox Core Style:
-    The following CSS is consistent between example themes and should not be altered.
-*/
-#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;}
-#cboxOverlay{
-	position: fixed;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-}
-#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
-#cboxContent{position:relative;}
-#cboxLoadedContent{overflow:auto;}
-#cboxLoadedContentPrev{overflow:auto;}
-#cboxTitle{margin:0;}
-#cboxLoadingOverlay{position:absolute; top:0; left:0; width:100%; height:100%;}
-#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
-#cboxPrevious, #cboxNext{position: fixed !important; overflow: hidden; z-index: 10000;}
-.cboxPhoto{float:left; margin:auto; border:0; display:block;}
-.cboxIframe{width:100%; height:100%; display:block; border:0;}
-#cboxLoadingGraphic{position:fixed; top:0; left:0; width:100%; height:100%;}
-
-#cboxLoadedContent{z-index: 10000;}
-#cboxLoadedContentPrev{z-index: 9999;}
-
-/* 
-    User Style:
-    Change the following styles to modify the appearance of ColorBox.  They are
-    ordered & tabbed in a way that represents the nesting of the generated HTML.
-*/
-/*#cboxOverlay{background:#000;}
-#colorbox{}
-    #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) no-repeat 0 0;}
-    #cboxTopCenter{height:14px; background:url(images/border.png) repeat-x top left;}
-    #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) no-repeat -36px 0;}
-    #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) no-repeat 0 -32px;}
-    #cboxBottomCenter{height:43px; background:url(images/border.png) repeat-x bottom left;}
-    #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) no-repeat -36px -32px;}
-    #cboxMiddleLeft{width:14px; background:url(images/controls.png) repeat-y -175px 0;}
-    #cboxMiddleRight{width:14px; background:url(images/controls.png) repeat-y -211px 0;}
-    #cboxContent{background:#fff; overflow:visible;}
-        .cboxIframe{background:#fff;}
-        #cboxError{padding:50px; border:1px solid #ccc;}
-        #cboxLoadedContent{margin-bottom:5px;}*/
-        #cboxLoadingOverlay{ background: #000;}
-        /*#cboxLoadingGraphic{ background:url(../../../images/website-loader.gif) no-repeat center center;}*/
-        /*#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
-        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
-        */
-        /*#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{ background:url(images/controls.png) no-repeat 0px 0px;}*/
-        /*
-        #cboxPrevious{left:0px; background-position: -51px -25px;}
-        #cboxPrevious:hover{background-position:-51px 0px;}
-        #cboxNext{left:27px; background-position:-75px -25px;}
-        #cboxNext:hover{background-position:-75px 0px;}
-        */
-        #cboxClose{right:0; background-position:-100px -25px;}
-        #cboxClose:hover{background-position:-100px 0px;}*/
-        /*
-        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
-        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
-        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
-        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}
-        * */
diff --git a/les_ecuries_de_la_boissiere/css/css b/les_ecuries_de_la_boissiere/css/css
deleted file mode 100644
index 0cdd0b6..0000000
--- a/les_ecuries_de_la_boissiere/css/css
+++ /dev/null
@@ -1,16 +0,0 @@
-/* latin */
-@font-face {
-  font-family: 'IM Fell French Canon';
-  font-style: normal;
-  font-weight: 400;
-  src: local('IM FELL French Canon Roman'), local('IM_FELL_French_Canon_Roman'), url(http://fonts.gstatic.com/s/imfellfrenchcanon/v6/iKB0WL1BagSpNPz3NLMdsD7ZrzzLXYUmiRzHqUU8H80.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
-}
-/* latin */
-@font-face {
-  font-family: 'IM Fell French Canon';
-  font-style: italic;
-  font-weight: 400;
-  src: local('IM FELL French Canon Italic'), local('IM_FELL_French_Canon_Italic'), url(http://fonts.gstatic.com/s/imfellfrenchcanon/v6/owCuNQkLLFW7TBBPJbMnhRZap5XCWJPp-I1JveJ-kLM.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
-}
diff --git a/les_ecuries_de_la_boissiere/css/css(1) b/les_ecuries_de_la_boissiere/css/css(1)
deleted file mode 100644
index 9187a16..0000000
--- a/les_ecuries_de_la_boissiere/css/css(1)
+++ /dev/null
@@ -1,8 +0,0 @@
-/* latin */
-@font-face {
-  font-family: 'Droid Serif';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Droid Serif'), local('DroidSerif'), url(http://fonts.gstatic.com/s/droidserif/v6/0AKsP294HTD-nvJgucYTaI4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
-}
diff --git a/les_ecuries_de_la_boissiere/css/grid_12.css b/les_ecuries_de_la_boissiere/css/grid_12.css
deleted file mode 100644
index e3fca75..0000000
--- a/les_ecuries_de_la_boissiere/css/grid_12.css
+++ /dev/null
@@ -1,229 +0,0 @@
-.container_12 {
-	margin-left:auto;
-	margin-right:auto;
-	width:960px
-}
-.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
-	display:inline;
-	float:left;
-	position:relative;
-	margin:0 10px
-}
-.grid_7I{
-	display:inline;
-	float:left;
-	position:relative;
-	margin:0 200px
-}
-.alpha {
-	margin-left:0
-}
-.omega {
-	margin-right:0
-}
-
-.container_12 .grid_1 {
-	width:60px
-}
-.container_12 .grid_2 {
-	width:140px
-}
-.container_12 .grid_3 {
-	width:220px
-}
-.container_12 .grid_4 {
-	width:300px
-}
-/*---CCB--*/
-.container_12 .grid_A {
-	width:600px
-}
-/*---CCB--*/
-.container_12 .grid_5 {
-	width:380px
-}
-.container_12 .grid_6 {
-	width:460px
-}
-.container_12 .grid_7 {
-	width:540px
-}
-.container_12 .grid_8 {
-	width:950px
-}
-.container_12 .grid_9 {
-	width:900px
-
-}
-.container_12 .grid_9E {
-	width:960px
-
-}
-.container_12 .grid_10 {
-	width:780px
-}
-.container_12 .grid_11 {
-	width:860px
-}
-.container_12 .grid_12 {
-	width:940px
-}
-.container_12 .prefix_1 {
-	padding-left:80px
-}
-.container_12 .prefix_2 {
-	padding-left:160px
-}
-.container_12 .prefix_3 {
-	padding-left:240px
-}
-.container_12 .prefix_4 {
-	padding-left:320px
-}
-.container_12 .prefix_5 {
-	padding-left:400px
-}
-.container_12 .prefix_6 {
-	padding-left:480px
-}
-.container_12 .prefix_7 {
-	padding-left:560px
-}
-.container_12 .prefix_8 {
-	padding-left:640px
-}
-.container_12 .prefix_9 {
-	padding-left:720px
-}
-.container_12 .prefix_10 {
-	padding-left:800px
-}
-.container_12 .prefix_11 {
-	padding-left:880px
-}
-.container_12 .suffix_1 {
-	padding-right:80px
-}
-.container_12 .suffix_2 {
-	padding-right:160px
-}
-.container_12 .suffix_3 {
-	padding-right:240px
-}
-.container_12 .suffix_4 {
-	padding-right:320px
-}
-.container_12 .suffix_5 {
-	padding-right:400px
-}
-.container_12 .suffix_6 {
-	padding-right:480px
-}
-.container_12 .suffix_7 {
-	padding-right:560px
-}
-.container_12 .suffix_8 {
-	padding-right:640px
-}
-.container_12 .suffix_9 {
-	padding-right:720px
-}
-.container_12 .suffix_10 {
-	padding-right:800px
-}
-.container_12 .suffix_11 {
-	padding-right:880px
-}
-.container_12 .push_1 {
-	left:80px
-}
-.container_12 .push_2 {
-	left:160px
-}
-.container_12 .push_3 {
-	left:240px
-}
-.container_12 .push_4 {
-	left:320px
-}
-.container_12 .push_5 {
-	left:400px
-}
-.container_12 .push_6 {
-	left:480px
-}
-.container_12 .push_7 {
-	left:560px
-}
-.container_12 .push_8 {
-	left:640px
-}
-.container_12 .push_9 {
-	left:720px
-}
-.container_12 .push_10 {
-	left:800px
-}
-.container_12 .push_11 {
-	left:880px
-}
-.container_12 .pull_1 {
-	left:-80px
-}
-.container_12 .pull_2 {
-	left:-160px
-}
-.container_12 .pull_3 {
-	left:-240px
-}
-.container_12 .pull_4 {
-	left:-320px
-}
-.container_12 .pull_5 {
-	left:-400px
-}
-.container_12 .pull_6 {
-	left:-480px
-}
-.container_12 .pull_7 {
-	left:-560px
-}
-.container_12 .pull_8 {
-	left:-640px
-}
-.container_12 .pull_9 {
-	left:-720px
-}
-.container_12 .pull_10 {
-	left:-800px
-}
-.container_12 .pull_11 {
-	left:-880px
-}
-.clear {
-	clear:both;
-	display:block;
-	overflow:hidden;
-	visibility:hidden;
-	width:0;
-	height:0
-}
-.clearfix:after {
-	clear:both;
-	content:' ';
-	display:block;
-	font-size:0;
-	line-height:0;
-	visibility:hidden;
-	width:0;
-	height:0
-}
-.clearfix {
-	display:inline-block
-}
-* html .clearfix {
-	height:1%
-}
-.clearfix {
-	display:block
-}
diff --git a/les_ecuries_de_la_boissiere/css/prettyPhoto.css b/les_ecuries_de_la_boissiere/css/prettyPhoto.css
deleted file mode 100644
index 9093e49..0000000
--- a/les_ecuries_de_la_boissiere/css/prettyPhoto.css
+++ /dev/null
@@ -1,2 +0,0 @@
-div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x}div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}div.pp_default .pp_content .ppt{color:#f8f8f8}div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px}div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px}div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}div.pp_default .pp_close{background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px}div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}div.pp_default .pp_social{margin-top:7px}div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static}div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px}div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px}div.pp_default .pp_content_container .pp_details{margin-top:5px}div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px}div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px}div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat}div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_rounded .pp_close{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_rounded .pp_close{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}div.dark_rounded .pp_description{color:#fff;margin-right:85px}div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat}div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_square .pp_close{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}div.dark_square .pp_nav{clear:none}div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_square .pp_close{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}div.facebook .pp_close{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:22px}div.facebook .pp_description{margin:0 37px 0 0}div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat}div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}div.facebook .pp_nav{margin-top:0}div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}div.pp_pic_holder a:focus{outline:none}div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}.pp_content{height:40px;min-width:40px}* html .pp_content{width:40px}.pp_content_container{position:relative;text-align:left;width:100%}.pp_content_container .pp_left{padding-left:20px}.pp_content_container .pp_right{padding-right:20px}.pp_content_container .pp_details{float:left;margin:10px 0 2px}.pp_description{display:none;margin:0}.pp_social{float:left;margin:0}.pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px}.pp_social .twitter{float:left}.pp_nav{clear:right;float:left;margin:3px 10px 0 0}.pp_nav p{float:left;margin:2px 4px;white-space:nowrap}.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}.pp_gallery div{float:left;overflow:hidden;position:relative}.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap}.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}.pp_gallery ul a img{border:0}.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0}.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}#pp_full_res{line-height:1!important}#pp_full_res .pp_inline{text-align:left}#pp_full_res .pp_inline p{margin:0 0 15px}div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999}div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}.pp_top,.pp_bottom{height:20px;position:relative}* html .pp_top,* html .pp_bottom{padding:0 20px}.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_fade,.pp_gallery li.default a img{display:none
-	/*shop/about*/
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/css/reset.css b/les_ecuries_de_la_boissiere/css/reset.css
deleted file mode 100644
index 70b52f0..0000000
--- a/les_ecuries_de_la_boissiere/css/reset.css
+++ /dev/null
@@ -1,6 +0,0 @@
-a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
-article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
-mark, rp, rt, ruby, summary, time {display:inline;}
-input, textarea {border:0; padding:0; margin:0; outline: 0;}
-iframe {border:0; margin:0; padding:0;}
-input, textarea, select {margin:0; padding:0px;}
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/css/style.css b/les_ecuries_de_la_boissiere/css/style.css
index 30f9e2e..f851373 100644
--- a/les_ecuries_de_la_boissiere/css/style.css
+++ b/les_ecuries_de_la_boissiere/css/style.css
@@ -1,1566 +1,91 @@
-@import url("./reset.css");
-@import url("./grid_12.css");
-@import url("./superfish.css");
-@import url("./prettyPhoto.css");
-@import url("./tabs.css");
 
-/* Getting the new tags to behave */
-article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
-	display:block;
+header {
+	background-image:url("../images/all/footer.jpg"); 
 }
-mark, rp, rt, ruby, summary, time {
-	display:inline;
-}
-/* Global properties ======================================================== */
-html {height: 100%; }
-html, body {
-	width:100%;
-	padding:0;
-	margin:0;
-	
-	
-}
-body {
-	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
-	font-size:13px;
-	line-height:21px;
-	color:#000;
-	min-width:960px;
-	height:100%;
-	
-	
-}
-.main {
-	width:960px;
+footer {
+	background-image:url("../images/all/footer.jpg"); 
 	margin: 0 auto;
+	overflow:hidden;
 }
-.shadow {
-	width:100%;
-	height: auto;
-	min-height: 100%;  
+.body {
+  min-height: 100vh;
 }
-/***********************************************************************/
-div.float {
- 	float: left;
- 	padding-left: 30px;
- 	padding-top: 10px;
- 	text-align: center;
+.container-fluid {
+	background:#f7f5e2;
+	width: 100%;
+	height: 100%; /* A changer selon la hauteur que tu souhaite */
+}
+.numbox{
+		background-image:url("../images/all/page1_shapedate.png");
+		width:72px;
+		height:78px;
+		overflow:hidden;
+		float:left;
+		margin: 0 19px 0px 10px;
+}
+.numbox span {
+		font:18px/22px 'IM Fell French Canon', sans-serif;
+		color:#fff;
+		font-style:italic;
+		width:72px;
+		text-align:center;
+		margin-top:4px;
+		display:block;
+}
+.numbox strong {
+		font:30px/36px Georgia, "Times New Roman", Times, serif;
+		color:#f6a82d;
+		width:72px;
+		font-weight:bold;
+		text-align:center;
+		margin-top:-1px;
+		display:block;
+}
+.img-thumbnailShop{
+		max-width : 200px;
+		heigth: auto;
+		display: block;
+ }
+.img-thumbnailEvent{
+		max-width : 250px;
+		heigth: auto;
+		display: block;
+ }
+ 
+.img-thumbnailEventCat{
+		max-width : 150px;
+		heigth: auto;
+		display: block;
  }
-
-.imgB{
-	width:150px; 
-	height:150px;
- 	border: double 6px #587a4e;
-   box-shadow: 6px 6px 6px black;
-    border-radius: 20px;
-    margin-bottom: 20px;
-}
-
-/*******CCB*********/
-.fleft img{
-border-radius: 15px ;
-border-width: 5px;
-border-color: white;
-width: 206px ; 
-height: 246px ;
-}
-
-.about-desc {
-	border-radius: 15px; 
-	width: 215px;
-
-}
-/*******CCB*********/
-div.float p {
- 	text-align: left;
- 	/*white-space:nowrap;*/
-  }
-a {
-	text-decoration:none;
-	cursor:pointer;
-}
-a:hover {
-	text-decoration:none;
-}
-a.button {
-	background:#8b847e;
-	font-family:"Trebuchet MS", Helvetica, sans-serif;
-	color:#fff;
-	font-size:13px;
-	line-height:18px;
-	padding:2px 21px 5px 20px;
-	display:inline-block;
-	-webkit-transition:all 0.5s ease;
-	-moz-transition:all 0.5s ease;
-	-o-transition:all 0.5s ease;
-	transition:all 0.5s ease;
-}
-a.button:hover {
-	background:#81b400;
-}
-a.link {
-	text-decoration:none !important;
-	cursor:pointer;
-	color:#5a8a4d;
-}
-a.link:hover {
-	color:#c24913;
-}
-
-a.link2 {
-	text-decoration:none !important;
-	cursor:pointer;
-	color:#817e5e;
-}
-a.link2:hover {
-	color:#c24913;
-}
-.color-1 {
-	font-size:13px;
-	line-height:22px;
-	color:#181818;
-	font-weight:bold;
-}
-ul {
-	margin:0;
-	padding:0;
-	list-style-image:none;	
-}
-
-ul.list-1 li {
-	padding:0px 0 8px 18px;
-	line-height:20px;
-
-}
-ul.list-1 li a {
-	font-family:Arial, Helvetica, sans-serif;
-	font-size:12px;
-	color:#898989;
-	line-height:20px;
-}
-ul.list-1 li a:hover {
-	color:#88b80f;
-}
-/*--------CCB----------*/
-li.dropdown {
-    display: inline-block;
-
-}
-
-.dropdown-content {
-    display: none;
-    margin-top: 20px;
-    border-radius: 10px;
-    position: absolute;
-    background-color: #f9f9f9;
-    min-width: 160px;
-    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
-    border-style: solid;
-    border-color: #3c763d;
-    border-width: 1px;
-}
-
-.dropdown-content a {
-    color: #3c763d;
-    padding: 12px 16px;
-    text-decoration: none;
-    display: block;
-    text-align: left;
-    border-style: solid;
-    border-bottom-width: 1px;
-    border-radius: 6px;
-}
-
-.dropdown-content a:hover {background-color: #f1f1f1
-
-    padding: 12px 16px;
-    display: block;
-    text-align: left;}
-
-.dropdown:hover .dropdown-content {
-    display: block;
-}
-  .open>.dropdown-content {
-    display: block;
-    margin-top: : 15px;
-}
-  .open .dropdown-toggle {
-      color: #76b060;
-    border-radius: 5px;
-      background-color:rgba(88, 122, 78, 0.65)!important;
-  }
-    .dropdown-menu li a {
-      color: #000 !important;
-  }
-  .dropdown-menu li a:hover {
-      background-color: red !important;
-  }
-
-.arrow1 {
-    width:0; 
-    height:0;
-    border:5px solid transparent;
-    border-top:none;
-    border-bottom:15px solid #f9f9f9;
-    position:absolute;
-    top:-15px;
-    left:117px;
-}
-.arrow2 {
-    width:0; 
-    height:0;
-    border:5px solid transparent;
-    border-top:none;
-    border-bottom:15px solid #f9f9f9;
-    position:absolute;
-    top:-15px;
-    left:100px;
-}
-input[type=text]::-webkit-input-placeholder {
-   color: #ccc;
-}
-input[type=tel]::-webkit-input-placeholder {
-   color: #ccc;
-}
-input[type=email]::-webkit-input-placeholder {
-   color: #ccc;
-}
-textarea::-webkit-input-placeholder {
-   color: #ccc;
-}
-/*--------CCB----------*/
-#banniere
-{
-width: 600px;
-height: 150px;
-background-position:  center;
-margin-bottom: 20px; 
-background-image: url('images/banniere.jpg');
-}
-
-#corps_forum
-{
-border: 1px solid black;
-width: 90%;
-margin-top: 50px;
-margin-left: 5%;
-margin-bottom: 10Opx;
-padding: 5px;
-background-color: rgb(237,224,213);
-}
-
-#footer
-{
-border: 1px solid black;
-width: 90%;
-margin-top: 50px;
-margin-left: 5%;
-margin-bottom: 10Opx;
-padding: 5px;
-background-color: rgb(237,224,213);
-}
-
-.ico {width:2%}
-.titre { width:61%; }
-.nombremessages { width:2%; }
-.nombrevu { width:4%; }
-.nombresujets { width:2%; }
-.auteur { width:7%; }
-.derniermessage { width:18%; }
-.categorie { width:92%; background-color : rgb(244,238,250); }
-
-td { border: 1px solid black; background-color: rgb(253,244,223); vertical-align:top; }
-table { background-color: rgb(237,224,213); border: 1px solid black; }
-th { background-color: rgb(243,250,223); border: 1px solid black; }
-
-.labelI {
-display:block;
-width:190px;
-float:left;
-}
-.vt_auteur
-{
-width:20%;
-background-color : rgb(244,238,250);
-}
-.vt_mess
-{
-width:75%;
-background-color : rgb(244,238,250);
-}
-#quote
-{
-width: 100%;
-background-color : rgb(220,220,220);
-margin-top: 2px;
-margin-bottom: 2px;
-font-family: "Comic sans MS", Arial, Verdana, serif;
-}
-
-/*---------CCB---------*/
-
-
-
-
-
-
 .clear {
 	clear:both;
 	line-height:0;
 	font-size:0;
 	width:100%;
 }
-.wrapper {
-	width:100%;
-	overflow:hidden;
-	position:relative;
-}
-.wrap {
-	overflow:hidden;
-	position:relative;
-	text-align: left;
-
-}
-/******CCB****/
-.contenu_onglet .wrap {
-	overflow:hidden;
-	position:relative;
-	text-align: left;
-	padding: 5px;
-	border-style:double; ;
-	border-width: 2px;
-	border-color: #979476;
-	border-radius: 15px;
-
+.map-responsive {
+overflow:hidden;
+padding-bottom:56.25%;
+position:relative;>
+height:0;
 }
 
-.event-lieu {
-    float:left;
-    margin-right: 3px;
+.map-responsive iframe {
+left:0;
+top:0;
+height:100%;
+width:100%;
+position:absolute;
 }
-
-.event-date,{
-    float:left;
-    height: 20px;
-
+.carousel-indicators li {
+    background-color: gray!important;
 }
-
-.contenu_onglet h2{
-text-align:center;
+.carousel-indicators .active {
+    background-color: black!important;
 }
-
-
-/******CCB*******/
-.extra-wrap {
-	overflow:hidden;
-	text-align: left;
-}
-.extra-wrapshop {
-	overflow:hidden;
-	text-align: center;
-}
-.fleft {
-	float:left;
-margin: 10px;
-}
-.fright {
-	float:right;
-}
-.line_height {
-	line-height:24px !important;
-}
-
-.img-indent {
-	float:left;
-}
-.img-indent2 {
-	float:left;
-	padding-right:20px;
-	width: 101px;
-	height: 81px;
-}
-.img-indent3 {
-	float:left;
-	padding-right:1px;
-}
-.img-indent4 {
-	text-align: center;
-	margin-right:20px;
-	width: 256px;
-	height: auto;/*199px;*/
-	border-color: black;
-}
-/********CCB******/
-.img-tarif {
-	width: 895px;
-	height: 200px;
-	border-radius: 30px;
-	border-style:solid;
-	border-width: 2px; 
-	border-color: #587a4e;
-}
-/*******CCB*******/
-.last {
-	margin-right:0px !important;
-}
-/* Lightbox image */
-.lightbox-image {
-	position:relative;
-	display:inline-block;
-}
-.lightbox-image img {
-	position:relative;
-	z-index:2;
-}
-.lightbox-image span {
-	position:absolute;
-	width:100%;
-	height:100%;
-	top:0;
-	left:0;
-}
-/*********************************header*************************************/
-header {
-
-	width: 100%;
-	margin:0 auto;
-	z-index:101;
-	position:relative;
-	background-image:url("../images/all/header.jpg"); 
-
-	min-width:960px;
-}
-header .main {
-}
-header .main-logo {
-	margin-left:230px;
-}
-header .main-logo img {
-	padding: 10px;
-}
-h1 {
-	padding: 0 0 0 278px;
-	margin-top: 10px !important;
-}
-nav {
-	padding:20px 10px 10px 30px;
-	z-index:101;
-}
-/*********************************content*************************************/
-/*------------CCB MODALBOX---------*/
-/* The Modal (background) */
-.modal { 
-}
-/* Modal Content */
-.modal-content {
-	border-radius: 50px !important;
-}
-/* The Close Button */
-button.close {
-	padding-top: 8px !important;
-}
-.modal-dialog {
-margin: 200px auto;
-}
-.modal-header {
-    padding: 2px 16px;
-    font-size: 25px;
-	font-style:italic;
-    background-color: #587a4e;
-    color: #fcf8e3;
-    text-align: center;
-	border-radius: 25px 25px 0px 0px;
-}
-.modal-body {
-	padding: 1px 1px;
-	background-color: #f7f5e2;
-	color: #587a4e;
-	text-align: center;
-}
-.modal-image{
-	/*max-width: 100%;*/
-	width: 100%;
-	border-radius: 14px;
-}
-.modal-footer {
-    padding: 8px 16px;
-    background-color: #587a4e;
-    color: #587a4e;
-    border-radius: 0px 0px 15px 15px;
-}
-.btn-close{
-	font-weight: bold;
-	background-color: silver;
-}
-/*------------CCB MODALBOX---------*/
-#content {
-	padding-bottom:32px;
-	width:100%;
-	margin:0 auto;
-	background:#f7f5e2;
-}
-.main-content {
-}
-.page-content {
-	min-height: 631px;
-	padding-top:50px;
-}
-/*--------------CCB-------------------*/ 
-         .onglet
-        {
-                display:inline-block;
-                margin-left:3px;
-                margin-right:3px;
-                padding:3px;
-                cursor:pointer;
-        }
-        .onglet_boutique
-        {
-                background:#bbbbbb;
-                border:1px solid black;
-        }
-        .onglet_boutique1
-        {
-                background:#dddddd;
-                border:1px solid black;
-                padding-bottom:4px;
-        }
- .contenu_onglet
-        {
-          display:none;
-          padding-left: 240px;
-        }
-
-/*--------------CCB-------------------*/ 
-
-/*--------------slideshow-------------------*/ 
-
-* {
-	/*box-sizing:border-box*/
-}
-body {font-family: Verdana,sans-serif;margin:0}
-.mySlides {display:none}
-
-/* Slideshow container */
-.slideshow-container {
-  max-width: 900px;
-  min-height: 552px;
-  position: relative;
-  margin: auto;
-  border-style: solid;
-  border-width : 3px;
-  border-color: #587a4e;
-  border-radius: 34px;
-}
-
-/* Next & previous buttons */
-.prev, .next {
-  cursor: pointer;
-  position: absolute;
-  /*top: 50%;*/
-  width: auto;
-  padding: 16px;
-  margin-top: -22px;
-  color: #587a4e;
-  font-weight: bold;
-  font-size: 18px;
-  transition: 0.6s ease;
-  /*border-radius: 0 3px 3px 0;*/
-  border-radius: 20px;
-
-}
-
-/* Position the "next button" to the right */
-.next {
-  right: 0;
- /* border-radius: 3px 0 0 3px;*/
-}
-
-/* On hover, add a black background color with a little bit see-through */
-.prev:hover, .next:hover {
-  background-color: rgba(0,0,0,0.8);
-      display: inline-block;
-}
-
-/* Caption text */
-.text {
-  color: #587a4e;
-  font-size: 15px;
-  padding: 8px 12px;
- /* position: absolute;*/
-  bottom: 8px;
-  width: 100%;
-  text-align: center;
-}
-
-/* Number text (1/3 etc) */
-.numbertext {
-  color: #587a4e;
-  font-size: 12px;
-  padding: 8px 12px;
-  position: absolute;
-  top: 0;
-}
-
-/* The dots/bullets/indicators */
-.dot {
-  cursor:pointer;
-  height: 13px;
-  width: 13px;
-  margin: 0 2px;
-  background-color: #bbb;
-  border-radius: 50%;
-  display: inline-block;
-  transition: background-color 0.6s ease;
-}
-
-.active, .dot:hover {
-  background-color: #717171;
-    display: inline-block;
-}
-
-/* Fading animation */
-.mySlides fade-tarif {
-	
-  -webkit-animation-name: fade !important;
-  -webkit-animation-duration: 1.5s !important;
- animation-name: fade !important;
-  animation-duration: 1.5s !important;
-  opacity: 1 !important;
-}
-
-@-webkit-keyframes fade {
-  from {opacity: .4} 
-  to {opacity: 1}
-}
-
-@keyframes fade {
-  from {opacity: .4} 
-  to {opacity: 1}
-}
-
-/* On smaller screens, decrease text size */
-@media only screen and (max-width: 300px) {
-  .prev, .next,.text {font-size: 11px}
-}
-
-/*--------------slideshow-------------------*/ 
-/***********Home Slide***************/
-@keyframes AutoSlide {
-	0% {
-		left: 0px; /*1ère image*/
-	}
-	15% {
-		left: 0px; /*idem pour attente*/
-	}
-	35% {
-		left: -940px; /*2ème image*/
-	}
-	50% {
-		left: -940px; /*idem pour attente*/
-	}
-	70% {
-		left: -1885px; /*3ème image*/
-	}
-	85% {
-		left: -1885px; /*idem pour attente*/
-	}
-	100% {
-		left: 0px; /*1ère image*/
-	}
-}
-
-#slideshowhome {
-	position: relative;
-	width: 940px;
-	height: 500px;
-	margin: auto;
-	overflow: hidden;
-}
-#sContent li {
-	display: inline;
-}
-
-#sContent {
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 2830px;
-	margin: 0;            
-	padding: 0;
-	
-	/*CSS3 keyframes animation*/
-	animation-name: AutoSlide;
-	animation-duration: 15s;
-	animation-iteration-count: infinite;
-	animation-timing-function: ease-in-out;
-}
-
-/***********Home Slide***************/
-h2 {
-	font:36px/44px 'IM Fell French Canon', sans-serif;
-	color:#587a4e !important;
-	letter-spacing:0px;
-	font-style:italic;
-	margin-top:0px;
-}
-h3 {
-	font: 15px 'IM Fell French Canon', sans-serif !important;
-	color: #587a4e;
-	letter-spacing:0px;
-	font-style:cursive;
-	font-weight: italic;
-	text-decoration: underline;
-	margin-top:0px;
-}
-h3:hover {
-	font: 15px 'IM Fell French Canon', sans-serif !important;
-	color: #c24913;
-	letter-spacing:0px;
-	font-style:cursive;
-	font-weight: italic;
-	text-decoration: underline;
-	margin-top:20px;
-}
-.image-border {
-	border-radius:15px;
-	border:#ffffff 3px solid;
-	margin: 3px;
-}
-.image-border2 {
-	border-radius:16px;
-	border:#fff 0px solid;
-}
-.banner-1 {
-	display:block;
-	/*margin-top:460px;*/
-	padding-bottom:16px;
-}
-.banner-1 .bannerup {
-	padding-top:30px;
-}
-.banner-1 .bannercenter {
-	background-image: url("../images/home/Home_imgdeco.png");
-	padding:0 50px 4px 49px;
-}
-.banner-1 .bannerbottom {
-	height:67px;
-}
-.bannerline {
-	padding:25px 0px 14px 2px;
-}
-.page1-pic {
-	float:left;
-	display:block;
-	margin-top:-18px;
-	margin-left:3px;
-	margin-right:18px;
-}
-.page2-pic {
-	float:left;
-	display:block;
-	margin-top:23px;
-	margin-left:0px;
-	margin-right:20px;
-}
-.numbox{
-		background-image:url("../images/all/page1_shapedate.png");
-}
-.box-1 {
-	width:595px;
-	float:left;
-	padding-right:55px;
-	position:relative;
-}
-.box-2 {
-	width:900px;
-	float:left;
-	position:relative;
-}
-.box-7 {
-	position:relative; width:300px; float:left; padding-left:45px;
-}
-.box-3 {
-	width:595px;
-	float:left;
-	position:relative;
-}
-.box-4 {
-	width:630px;
-	position:relative;
-	border-radius:24px;
-	padding:19px 20px 22px 20px;
-	margin-top:10px;
-}
-.box-4 .bottom-semicircle {
-	position:absolute;
-	bottom:0;
-	left:316px;
-	height:13px;
-	width:39px;
-}
-.box-4title {
-	width:240px;
-	padding-right:55px;
-}
-.box-5 {
-	width:590px;
-	float: right;
-	padding-right: 10px;
-}
-.box-6 {
-	width:440px;
-	float: right;
-	padding-right: 20px;
-}
-
-.box-image {
-	display:block;
-	float:left;
-	position:relative;
-}
-/*---------CCB----------*/
-.box-image img {
-	width: 140px;
-	height: 172px;
-}
-/*---------CCB----------*/
-
-.box-image a {
-	margin-left:15px;
-	margin-top:23px;
-}
-.box-image a:first-child {
-	margin-left:0px;
-}
-.numbox {
-	width:72px;
-	height:78px;
-	overflow:hidden;
-	float:left;
-	margin: 0 19px 0px 10px;
-}
-.numbox span {
-	font:18px/22px 'IM Fell French Canon', sans-serif;
-	color:#fff;
-	font-style:italic;
-	width:72px;
-	text-align:center;
-	margin-top:4px;
-	display:block;
-}
-.numbox strong {
-	font:30px/36px Georgia, "Times New Roman", Times, serif;
-	color:#f6a82d;
-	width:72px;
-	font-weight:bold;
-	text-align:center;
-	margin-top:-1px;
-	display:block;
-}
-.colorbold {
-	font-weight:bold;
-	color:#5a8a4d;
-}
-.colorbold2 {
-	font-weight:bold;
-	display:inline-block;
-	color:#5a8a4d;
-}
-.text-1 {
-	font:60px/72px 'IM Fell French Canon', sans-serif;
-	color:#c76b21;
-	font-style:italic;
-	margin-top:-4px;
-}
-.text-2 {
-	font:13px/24px Trebuchet MS, Arial, sans-serif;
-	color:#6c8565;
-	letter-spacing:0px;
-	font-style:normal;
-}
-
-.text-3 {
-	font:36px/44px 'IM Fell French Canon', sans-serif;
-	color:#c24913;
-	letter-spacing:0px;
-	font-style:italic;
-	margin-top:0px;
-	display:inline-block;
-}
-.text-3 span {
-	display:block;
-	margin-top:-4px;
-}
-
-.text-4 {
-	font:15px/24px Trebuchet MS, Arial, sans-serif;
-	color:#5a8a4d;
-	letter-spacing:0px;
-	font-style:normal;
-	margin-top:15px;
-}
-.text-4i{
-	font:15px Trebuchet MS, Arial, sans-serif;
-	color:#5a8a4d;
-	letter-spacing:1px;
-	font-style:italic;
-text-align: center;
-
-
-
-}
-.text-5 {
-	font:11px/18px Trebuchet MS, Arial, sans-serif;
-	color:#817e5e;
-	letter-spacing:0px;
-	font-style:normal;
-}
-.text-5 span {
-	float:right;
-	padding-right:30px;
-}
-.text-6 {
-	font:13px/24px Trebuchet MS, Arial, sans-serif;
-	color:#817e5e;
-	letter-spacing:0px;
-	font-style:normal;
-	margin-top:7px;
-	margin-left:59px;
-}
-.text-7 {
-	font:13px/24px Trebuchet MS, Arial, sans-serif;
-	color:#817e5e;
-	letter-spacing:0px;
-	font-style:normal;
-}
-.text-7news {
-	font:13px/24px Trebuchet MS, Arial, sans-serif;
-	color:#817e5e;
-	letter-spacing:0px;
-	font-style:normal;
-	text-align: left;
-	font-weight: bold;
-}
-}
-.text-7shop {
-	font:13px/24px Trebuchet MS, Arial, sans-serif;
-	color:#817e5e;
-	letter-spacing:0px;
-	font-style:normal;
-	text-align: left;
-}
-/*------CCB--------*/
-.text-7price {
-	font:13px/24px Trebuchet MS, Arial, sans-serif;
-	color:#817e5e;
-	letter-spacing:0px;
-	font-style:normal;
-	text-align: center;
-}
-.shop-desc {
-	border-style:groove;
-	border-width: 1px;
-	border-radius: 10px; 
-	padding: 5px;
-	width: 200px;
-	min-height: 100px;
-}
-
-.shop-desc p.text-12  {
-	text-align: center;
-	width: 100%;
-}
-.shop-desc {
-	font:13px/24px Trebuchet MS, Arial, sans-serif;
-	color:#817e5e;
-	letter-spacing:0px;
-	font-style:normal;
-	text-align: center;
-	border-style:groove;
-	border-width: 2px;
-}
-/*------CCB--------*/
-.text-8 {
-	font:15px/24px Trebuchet MS, Arial, sans-serif;
-	color:#5a8a4d;
-	letter-spacing:0px;
-	font-style:normal;
-	margin-top:13px;
-	/*padding-bottom:7px;*/
-}
-.text-9 {
-	font:18px/22px 'Droid Serif', sans-serif;
-	color:#423331;
-	letter-spacing:0px;
-	font-style:normal;
-	text-align:center;
-	margin-top:2px;
-	margin-left:15px;
-	margin-bottom:17px;
-}
-.text-11 {
-	font:24px/30px Trebuchet MS, Arial, sans-serif;
-	color:#423331;
-	letter-spacing:0px;
-	font-style:normal;
-	text-align:center;
-	margin-left:30px;
-	margin-top:7px;
-	margin-bottom:17px;
-}
-.text-12 {
-	font:15px/24px Trebuchet MS, Arial, sans-serif;
-	color:#5a8a4d;
-	letter-spacing:0px;
-	font-style:normal;
-	margin-top:-4px;
-	/*padding-bottom:7px;*/
-	width:80%
-}
-.text-13 {
-	font:12px/22px Trebuchet MS, Arial, sans-serif;
-	color:#817e5e;
-	letter-spacing:0px;
-	font-style:normal;
-}
-.text-14 {
-	font:11px/18px Trebuchet MS, Arial, sans-serif;
-	color:#817e5e;
-	letter-spacing:0px;
-	font-style:normal;
-}
-.text-15 {
-	font:12px/12px Trebuchet MS, Arial, sans-serif;
-	color:#817e5e;
-	letter-spacing:0px;
-	font-style:normal;
-	margin-right:11px;
-}
-.text-16 {
-	font:11px/18px Trebuchet MS, Arial, sans-serif;
-	color:#817e5e;
-	letter-spacing:0px;
-	font-style:normal;
-}
-/*****CCB*******/
-.text-17 {
-	font:12px/18px Trebuchet MS, Arial, sans-serif;
-	color:#817e5e;
-	letter-spacing:0px;
-	font-style:normal;
-/******CCB******/
-}
-.text-16 span {
-	float:right;
-	padding-right:30px;
-}
-.button-1 {
-	font:13px/22px 'IM Fell French Canon', sans-serif;
-	color:#c2d9ba;
-	font-style:italic;
-	display:inline-block;
-	background:#435e53;
-	padding:2px 13px 6px 13px;
-	float:right;
-	border-radius: 5px;
-}
-.button-1:hover {
-	background:#000;
-}
-.button-3{
-	font:18px/22px 'IM Fell French Canon', sans-serif;
-	color:#c2d9ba !important;
-	font-style:italic;
-	display:inline-block;
-	background:#435e53;
-	padding:8px;
-	margin-top: 15px;
-	border-radius: 8px;
-}
-.button-3:hover {
-	background:#000;
-}
-.alphabet {
-	text-align:center; width:380px; position:relative;
-}
-.alphabet a {
-	font:18px/21px Trebuchet MS, sans-serif;
-	color:#423331;
-	display:inline-block;
-	margin:0px 0px 5px 25px;
-	width:11px;
-	text-transform:uppercase;
-}
-.alphabet a:first-child {
-	margin:0px 0px 5px 0px;
-}
-.alphabet a:hover {
-	color:#5a8a4d;
-	text-decoration: underline;
-}
-.button-2 {
-	font:14px/17px Trebuchet MS, sans-serif;
-	color:#5a8a4d;
-	display:inline-block;
-	padding-left:22px;
-	text-transform:uppercase;
-}
-.button-2:hover {
-	color:#000;
-	background-position:0 -17px;
-}
-.marg1 {
-	margin-top:10px;
-	padding: 15px;
-	border: 1px #5a8a4d solid ;
-	border-radius: 20px;
-	width: 900px;
-
-}
-.marg2 {
-	margin-top:30px;
-}
-.marg3 {
-	margin-top:9px;
-}
-.marg4 {
-	margin-right:5px;
-}
-.marg5 {
-	margin-left:10px;
-}
-.marg6 {
-	margin-right:3px;
-}
-.marg7 {
-	margin-left:15px;
-}
-.marg8 {
-	margin-top:13px;
-}
-.marg9 {
-	margin-top:55px !important;
-}
-.marg10 {
-	margin-left:210px;
-}
-.marg11 {
-	margin-top:17px;
-}
-.marg12 {
-	margin-top:7px;
-}
-.marg13 {
-	margin-top:3px !important;
-	border-bottom-style: double;
-    border-width: 3px;
-    border-color: #587a4e ;
-    padding: 3px;
-}
-.marg14 {
-	margin-top:24px;
-}
-.marg15 {
-	margin-top:13px;
-}
-.marg16 {
-	margin-top:14px;
-}
-.marg17 {
-/*	border-style: solid;
-    border-width: 2px;
-    border-radius: 20px;
-    border-color: #587a4e ;*/
-}
-.marg18 {
-	margin-top:41px !important;
-}
-.marg19 {
-	margin-top:16px;
-}
-.marg20 {
-	margin-top:23px;
-}
-.marg21 {
-	margin-top:24px;
-}
-.marg22 {
-	margin-top:15px;
-}
-.margpad1 {
-	margin-right:0px;
-	margin-top:26px;
-}
-.margpad2 {
-	margin-left:131px;
-	margin-top:-6px;
-}
-.margpad3 {
-	margin-bottom:50px;
-	margin-top:17px;
-}
-.margpad4 {
-	margin-left:25px;
-}
-.margpad5 {
-	margin-left:25px;
-	margin-top:15px;
-}
-/*****CCB*******/
-.content-news{
-	border-style: solid;
-    border-width: 1px;
-    border-radius: 20px;
-    border-color: #587a4e;
-    margin: 20px;
-}
-/*****CCB*******/
-.padcontent {
-	padding-bottom:19px;
-}
-.pad1 {
-	padding-bottom:3px;
-}
-.pad2 {
-	padding-bottom:19px;
-}
-.pad3 {
-	padding-bottom:23px;
-}
-.pad4 {
-	padding-bottom:8px;
-}
-.pad5 {
-	padding-bottom:24px !important;
-}
-.pad6 {
-	padding-bottom:27px;
-}
-.pad7 {
-	margin-top:16px;
-	padding-bottom:27px;
-}
-.pad8 {
-	margin-top:16px;
-	padding-bottom:17px;
-}
-.pad9 {
-	padding-bottom:25px;
-}
-.pad10 {
-	padding-bottom:59px;
-}
-.pad11 {
-	padding-bottom:76px;
-}
-.pad12 {
-	padding-bottom:26px;
-}
-.pad13 {
-	padding-bottom:17px !important;
-}
-.padright {
-	padding:20px;
-	border: double 4px #587a4e;
-	border-radius: 20px;
-}
-
-.images-banner {
-	margin-top:25px;
-}
-.images-banner div {
-	margin-left:20px;
-	width:220px;
-}
-.images-banner div a {
-	display:block;
-}
-.images-banner div:first-child {
-	margin-left:0px;
-}
-
-.list1 {
-	width: 300px;
-}
-
-.list1 li {
-	padding:0 0 7px 0;
-}
-.list1 li a {
-	
-	display:inline-block;
-
-	font:13px/24px Trebuchet MS, Arial, sans-serif;
-	font-weight:bold;
-	margin-left:11px;
-	color:#5a8a4d;
-	-webkit-transition:all 0.2s ease;
-	-moz-transition:all 0.2s ease;
-	-o-transition:all 0.2s ease;
-	transition:all 0.2s ease;
-}
-.list2 li a:hover {
-	color:#000;
-	background-position:3px 6px;
-}
-.list2 li {
-	padding:0 0 7px 0;
-}
-.list2 li a {
-	
-	display:inline-block;
-	margin-left:22px;
-	font:13px/24px Trebuchet MS, Arial, sans-serif;
-	font-weight:bold;
-	color:#5a8a4d;
-	-webkit-transition:all 0.2s ease;
-	-moz-transition:all 0.2s ease;
-	-o-transition:all 0.2s ease;
-	transition:all 0.2s ease;
-}
-.list1 li a:hover {
-	color:#000;
-
-}
-/****************************footer************************/
-footer {
-		background-image:url("../images/all/footer.jpg"); 
-	width:100%;
-	margin:0 auto;
-	position:relative;
-	z-index:102;	
-}
-
-.footcont {
-	width:940px;
-	margin: 0 auto;
-	overflow:hidden;
-}
-footer .fleft {
-	overflow:hidden;
-	width:300px;
-	height:36px;
-	margin-top:30px;
-	padding-bottom:20px;
-}
-footer .fleft a {
-	display:inline-block;
-	width:32px;
-	height:34px;
-	margin-left:8px;
-}
-footer .fleft a:first-child {
-	display:inline-block;
-	width:32px;
-	height:34px;
-	margin-left:0px;
-}
-footer .fleft a:hover {
-	margin-top:2px;
-}
-.fright p {
-	font-family:Trebuchet MS, Arial, sans-serif;
-	font-size:11px;
-	color:#979476;
-	text-align:right;
-	padding:35px 0px 0px 0;
-}
-.fright p span {
-	color:#c0bda3;
-}
-.fright p a {
-	color:#979476;
-}
-.fright p a:hover {
-	text-decoration:underline;
-}
-.footic-1 {
-background-image:url("../images/all/footer_icon_01.png");
-	background-repeat : no-repeat;
-}
-.footic-2 {
-background-image:url("../images/all/footer_icon_02.png");
-	background-repeat : no-repeat;
-}
-.footic-3 {
-background-image:url("../images/all/footer_icon_03.png");
-	background-repeat : no-repeat;
-}
-.footic-4 {
-background-image:url("../images/all/footer_icon_04.png");
-	background-repeat : no-repeat;
-}
-/**********************form**********************/
-.map {
-	width:356px;
-	height:279px;
-	margin:23px 0 0 0;
-}
-.map iframe {
-	width:356px;
-	height:279px;
-}
-dl {
-	margin:8px 0px 0 0px;
-	float:left;
-}
-dl dt {
-}
-dl dd {
-	font:13px/13px Trebuchet MS, Arial, sans-serif;
-	color:#817e5e;
-	letter-spacing:0px;
-	font-style:normal;
-	margin:11px 0px 0 0px;
-}
-dl dd span {
-	display:block;
-	width:94px;
-	float:left;
-}
-dl dd {
-}
-dl dd a {
-}
-#form {
-	margin: 23px 0 0px 0px;
-	width:540px;
-}
-#form input {
-	border-radius:9px;
-	border:#fff 0px solid;
-	background:#ffffff;
-	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
-	font-size:13px;
-	color:#817e5e;
-	padding:7px 2px 11px 14px;
-	outline: medium none;
-	width: 284px;
-	/*height:17px;*/
-	float:left;
-}
-#form textarea {
-	border-radius:9px;
-	border:#fff 0px solid;
-	background:#ffffff;
-	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
-	font-size:13px;
-	color:#817e5e;
-	height: 268px;
-	outline: medium none;
-	overflow: auto;
-	padding: 7px 0px 0px 14px;
-	width: 526px;
-	resize:none;
-	margin:0px 0 0 0;
-	float:left;
-}
-#form label {
-	position:relative;
-	display: block;
-	min-height:44px;
-}
-/*------CCB--------*/
-.center label {
-	width:200px;
-	display:inline-block;
-	vertical-align:top;
-	text-align:left;
-}
-.center input {
-	border-radius:9px;
-	border:#fff 1px solid;
-	background:#ffffff;
-	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
-	font-size:13px;
-	color:#817e5e;
-	padding:7px 2px 11px 14px;
-	outline: medium none;
-	width: 284px;
-	height:17px;
-}
-#pseudo {
-	border-radius:9px;
-	border:#fff 0px solid;
-	background:#ffffff;
-	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
-	font-size:13px;
-	color:#817e5e;
-	padding:3px 1px 5px 7px;
-	outline: medium none;
-	width: 200px;
-}
-#password {
-	border-radius:9px;
-	border:#fff 0px solid;
-	background:#ffffff;
-	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
-	font-size:13px;
-	color:#817e5e;
-	padding:3px 1px 5px 7px;
-	outline: medium none;
-	width: 200px;
-}
-#confirm {
-	border-radius:9px;
-	border:#fff 0px solid;
-	background:#ffffff;
-	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
-	font-size:13px;
-	color:#817e5e;
-	padding:3px 1px 5px 7px;
-	outline: medium none;
-	width: 200px;
-}
-#email {
-	border-radius:9px;
-	border:#fff 0px solid;
-	background:#ffffff;
-	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
-	font-size:13px;
-	color:#817e5e;
-	padding:3px 1px 5px 7px;
-	outline: medium none;
-	width: 200px;
-}
-#localisation {
-	border-radius:9px;
-	border:#fff 0px solid;
-	background:#ffffff;
-	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
-	font-size:13px;
-	color:#817e5e;
-	padding:3px 1px 5px 7px;
-	outline: medium none;
-	width: 200px;
-}
-
-/*------CCB--------*/
-#form .error, #form .empty {
-	color: #F00;
-	display: none;
-	font-size: 11px;
-	line-height:14px;
-	width:190px;
-	float:left;
-	margin-top:5px;
-}
-#form .error-empty {
-	margin: 4px 0 0 5px !important;
-	display:none;
-	float:left;
-}
-#form .success {
-	display:none;
-	padding-bottom:6px;
-}
-.btns {
-	text-align:left;
-	width:540px;
-	position:relative;
-	overflow:hidden;
-}
-.btns a {
-	margin: 14px 0px 0px 0px;
+.carousel-control-next-icon{
+	background-color: gray!important;
 }
+.carousel-control-prev-icon{
+	background-color: gray!important;
+}
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/css/superfish.css b/les_ecuries_de_la_boissiere/css/superfish.css
deleted file mode 100644
index 8fe3629..0000000
--- a/les_ecuries_de_la_boissiere/css/superfish.css
+++ /dev/null
@@ -1,27 +0,0 @@
-/*Barre Navigateur*/
-.sf-menu {float:left;}
-.sf-menu ul {position:absolute; top:-999px; display:none;}
-.sf-menu li {position:relative; float:left; }
-.sf-menu a {display:block; }
-.sf-menu li:hover ul,.sf-menu li.sfHover ul {z-index:99}
-ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999px; display:none;}
-ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:100%; top:0;}
-
-ul.sf-menu>li { margin:0 0 0 80px; line-height:25px;}
-ul.sf-menu>li:first-child{ margin:0 0 0 0px;}
-
-ul.sf-menu>li>a { font-family: Trebuchet MS, sans-serif; font-weight:normal; font-size:13px; line-height:16px; letter-spacing: 0px; color:#caded6; text-transform:uppercase; }
-ul.sf-menu>li.current /*, ul.sf-menu>li.sfHover , ul.sf-menu>li:hover*/ { }
-ul.sf-menu>li.current>a, ul.sf-menu>li.sfHover>a, ul.sf-menu>li>a:hover {color:#76b060; margin-top:0px;}
-
-ul.sf-menu>li>a.sf-with-ul>span.sf-sub-indicator {}
-ul.sf-menu>li.sfHover>a.sf-with-ul>span.sf-sub-indicator {}
-ul.sf-menu>li.current>a.sf-with-ul>span.sf-sub-indicator {}
-
-ul.sf-menu>li>ul {width:60px; background:#fffffa; padding:20px 20px 0px 20px; left:-19px; top:35px; text-transform:uppercase; border-radius:15px;}
-ul.sf-menu>li>ul>li, ul.sf-menu>li.sfHover>ul>li {margin:0px 0 20px 0px;}
-ul.sf-menu>li.sfHover>ul>li>a { font-family:Trebuchet MS, sans-serif; font-weight:normal; font-size:11px; line-height:14px; color:#597d6f; }
-ul.sf-menu>li.sfHover>ul>li:hover, ul.sf-menu li.sfHover>ul>li.sfHover{ }
-ul.sf-menu>li.sfHover>ul>li:hover>a, ul.sf-menu li.sfHover>ul>li.sfHover a{  color:#c66a21;}
-
-
diff --git a/les_ecuries_de_la_boissiere/css/tabs.css b/les_ecuries_de_la_boissiere/css/tabs.css
deleted file mode 100644
index 1d38e57..0000000
--- a/les_ecuries_de_la_boissiere/css/tabs.css
+++ /dev/null
@@ -1,14 +0,0 @@
-.tabs{ margin:7px 0 30px 0; }
-.tabs>div { position:relative; background:#dedccb; overflow:hidden; width:596px;}
-.tab-content { padding:26px 21px 21px 21px; height:195px;}
-.tabs ul.nav {list-style-image:none; margin:0px 0 0px 0px; display:block; overflow:hidden;}
-.tabs ul.nav li {float:left; width:198px; background:#acab9e; line-height:18px;  display:inline-block; text-align:center; margin-right:1px; height:55px;  border-bottom:#f7f5e2 5px solid; }
-.tabs ul.nav li a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#fff; line-height:20px; font-weight:normal; display:block; padding:18px 0 20px 0px;}
-.tabs ul.nav li.selected {background:#dedccb; border-bottom:#dedccb 5px solid;}
-.tabs ul.nav li.selected a{ color:#423331;}
-.tabs ul.nav li:hover {background:#dedccb;}
-.tabs ul.nav li:hover a{ color:#423331;}
-
-
-.aligncenter {text-align:center !important;}
-.tab-content ul.list-1 {margin:10px 0 0 21px;}
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/css/tototo.css b/les_ecuries_de_la_boissiere/css/tototo.css
new file mode 100644
index 0000000..2a5e8b4
--- /dev/null
+++ b/les_ecuries_de_la_boissiere/css/tototo.css
@@ -0,0 +1,1162 @@
+/*@import url("./reset.css");
+@import url("./grid_12.css");
+@import url("./superfish.css");
+@import url("./prettyPhoto.css");
+@import url("./tabs.css");*/
+
+/* Getting the new tags to behave */
+article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
+	display:block;
+}
+mark, rp, rt, ruby, summary, time {
+	display:inline;
+}
+/* Global properties ======================================================== */
+html {height: 100%; }
+html, body {
+	width:100%;
+	padding:0;
+	margin:0;
+	
+	
+}
+body {
+	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+	font-size:13px;
+	line-height:21px;
+	color:#000;
+	min-width:960px;
+	height:100%;
+	
+	
+}
+.main {
+	width:960px;
+	margin: 0 auto;
+}
+.shadow {
+	width:100%;
+	height: auto;
+	min-height: 100%;  
+}
+.container-fluid {
+	background:#f7f5e2;
+}
+/***********************************************************************/
+div.float {
+ 	float: left;
+ 	padding-left: 30px;
+ 	padding-top: 10px;
+ 	text-align: center;
+ }
+ 
+.img-thumbnailShop{
+	width: 200px; 
+	height: 200px;
+ }
+.img-thumbnailEvent{
+max-width : 250px;
+heigth: auto;
+display: block;
+ }
+ 
+.img-thumbnailEventCat{
+max-width : 150px;
+heigth: auto;
+display: block;
+ }
+ 
+.imgB{
+	width:150px; 
+	height:150px;
+ 	border: double 6px #587a4e;
+   box-shadow: 6px 6px 6px black;
+    border-radius: 20px;
+    margin-bottom: 20px;
+}
+
+/*******CCB*********/
+.fleft img{
+
+}
+
+.about-desc {
+	border-radius: 15px; 
+	width: 215px;
+
+}
+/*******CCB*********/
+div.float p {
+ 	text-align: left;
+ 	/*white-space:nowrap;*/
+  }
+a {
+	text-decoration:none;
+	cursor:pointer;
+}
+a:hover {
+	text-decoration:none;
+}
+a.button {
+	background:#8b847e;
+	font-family:"Trebuchet MS", Helvetica, sans-serif;
+	color:#fff;
+	font-size:13px;
+	line-height:18px;
+	padding:2px 21px 5px 20px;
+	display:inline-block;
+	-webkit-transition:all 0.5s ease;
+	-moz-transition:all 0.5s ease;
+	-o-transition:all 0.5s ease;
+	transition:all 0.5s ease;
+}
+a.button:hover {
+	background:#81b400;
+}
+a.link {
+	text-decoration:none !important;
+	cursor:pointer;
+	color:#5a8a4d;
+}
+a.link:hover {
+	color:#c24913;
+}
+
+a.link2 {
+	text-decoration:none !important;
+	cursor:pointer;
+	color:#817e5e;
+}
+a.link2:hover {
+	color:#c24913;
+}
+.color-1 {
+	font-size:13px;
+	line-height:22px;
+	color:#181818;
+	font-weight:bold;
+}
+ul {
+	margin:0;
+	padding:0;
+	list-style-image:none;	
+}
+
+ul.list-1 li {
+	padding:0px 0 8px 18px;
+	line-height:20px;
+
+}
+ul.list-1 li a {
+	font-family:Arial, Helvetica, sans-serif;
+	font-size:12px;
+	color:#898989;
+	line-height:20px;
+}
+ul.list-1 li a:hover {
+	color:#88b80f;
+}
+/*--------CCB----------*/
+li.dropdown {
+    display: inline-block;
+
+}
+
+.dropdown-content {
+    display: none;
+    margin-top: 20px;
+    border-radius: 10px;
+    position: absolute;
+    background-color: #f9f9f9;
+    min-width: 160px;
+    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+    border-style: solid;
+    border-color: #3c763d;
+    border-width: 1px;
+}
+
+.dropdown-content a {
+    color: #3c763d;
+    padding: 12px 16px;
+    text-decoration: none;
+    display: block;
+    text-align: left;
+    border-style: solid;
+    border-bottom-width: 1px;
+    border-radius: 6px;
+}
+
+.dropdown-content a:hover {background-color: #f1f1f1
+
+    padding: 12px 16px;
+    display: block;
+    text-align: left;}
+
+.dropdown:hover .dropdown-content {
+    display: block;
+}
+  .open>.dropdown-content {
+    display: block;
+    margin-top: : 15px;
+}
+  .open .dropdown-toggle {
+      color: #76b060;
+    border-radius: 5px;
+      background-color:rgba(88, 122, 78, 0.65)!important;
+  }
+    .dropdown-menu li a {
+      color: #000 !important;
+  }
+  .dropdown-menu li a:hover {
+      background-color: red !important;
+  }
+
+.arrow1 {
+    width:0; 
+    height:0;
+    border:5px solid transparent;
+    border-top:none;
+    border-bottom:15px solid #f9f9f9;
+    position:absolute;
+    top:-15px;
+    left:117px;
+}
+.arrow2 {
+    width:0; 
+    height:0;
+    border:5px solid transparent;
+    border-top:none;
+    border-bottom:15px solid #f9f9f9;
+    position:absolute;
+    top:-15px;
+    left:100px;
+}
+input[type=text]::-webkit-input-placeholder {
+   color: #ccc;
+}
+input[type=tel]::-webkit-input-placeholder {
+   color: #ccc;
+}
+input[type=email]::-webkit-input-placeholder {
+   color: #ccc;
+}
+textarea::-webkit-input-placeholder {
+   color: #ccc;
+}
+
+.clear {
+	clear:both;
+	line-height:0;
+	font-size:0;
+	width:100%;
+}
+.wrapper {
+	width:100%;
+	overflow:hidden;
+	position:relative;
+}
+.wrap {
+	overflow:hidden;
+	position:relative;
+	text-align: left;
+
+}
+.extra-wrap {
+	overflow:hidden;
+	text-align: left;
+}
+.extra-wrapshop {
+	overflow:hidden;
+	text-align: center;
+}
+.fleft {
+	float:left;
+margin: 10px;
+}
+.fright {
+	float:right;
+}
+.line_height {
+	line-height:24px !important;
+}
+
+.img-indent {
+	float:left;
+}
+.img-indent2 {
+	float:left;
+	padding-right:20px;
+	width: 101px;
+	height: 81px;
+}
+.img-indent3 {
+	float:left;
+	padding-right:1px;
+}
+.img-indent4 {
+	text-align: center;
+	margin-right:20px;
+	width: 256px;
+	height: auto;/*199px;*/
+	border-color: black;
+}
+.last {
+	margin-right:0px !important;
+}
+/* Lightbox image */
+.lightbox-image {
+	position:relative;
+	display:inline-block;
+}
+.lightbox-image img {
+	position:relative;
+	z-index:2;
+}
+.lightbox-image span {
+	position:absolute;
+	width:100%;
+	height:100%;
+	top:0;
+	left:0;
+}
+/*********************************header*************************************/
+header {
+	background-image:url("../images/all/header.jpg"); 
+}
+header .main {
+}
+header .main-logo {
+	margin-left:230px;
+}
+header .main-logo img {
+	padding: 10px;
+}
+h1 {
+	padding: 0 0 0 278px;
+	margin-top: 10px !important;
+}
+nav {
+	padding:20px 10px 10px 30px;
+	z-index:101;
+}
+/*********************************content*************************************/
+#content {
+	padding-bottom:32px;
+	width:100%;
+	margin:0 auto;
+	background:#f7f5e2;
+}
+.main-content {
+}
+.page-content {
+	min-height: 631px;
+	padding-top:50px;
+}
+
+h2 {
+	font:36px/44px 'IM Fell French Canon', sans-serif;
+	color:#587a4e !important;
+	letter-spacing:0px;
+	font-style:italic;
+	margin-top:0px;
+}
+h3 {
+	font: 15px 'IM Fell French Canon', sans-serif !important;
+	color: #587a4e;
+	letter-spacing:0px;
+	font-style:cursive;
+	font-weight: italic;
+	text-decoration: underline;
+	margin-top:0px;
+}
+h3:hover {
+	font: 15px 'IM Fell French Canon', sans-serif !important;
+	color: #c24913;
+	letter-spacing:0px;
+	font-style:cursive;
+	font-weight: italic;
+	text-decoration: underline;
+	margin-top:20px;
+}
+.image-border {
+	border-radius:15px;
+	border:#ffffff 3px solid;
+	margin: 3px;
+}
+.image-border2 {
+	border-radius:16px;
+	border:#fff 0px solid;
+}
+.banner-1 {
+	display:block;
+	/*margin-top:460px;*/
+	padding-bottom:16px;
+}
+.banner-1 .bannerup {
+	padding-top:30px;
+}
+.banner-1 .bannercenter {
+	background-image: url("../images/home/Home_imgdeco.png");
+	padding:0 50px 4px 49px;
+	width:940px
+}
+.banner-1 .bannerbottom {
+	height:67px;
+}
+.bannerline {
+	padding:25px 0px 14px 2px;
+}
+.page1-pic {
+	float:left;
+	display:block;
+	margin-top:-18px;
+	margin-left:3px;
+	margin-right:18px;
+}
+.page2-pic {
+	float:left;
+	display:block;
+	margin-top:23px;
+	margin-left:0px;
+	margin-right:20px;
+}
+.numbox{
+		background-image:url("../images/all/page1_shapedate.png");
+}
+.box-1 {
+	width:595px;
+	float:left;
+	padding-right:55px;
+	position:relative;
+}
+.box-2 {
+	width:900px;
+	float:left;
+	position:relative;
+}
+.box-7 {
+	position:relative; width:300px; float:left; padding-left:45px;
+}
+.box-3 {
+	width:595px;
+	float:left;
+	position:relative;
+}
+.box-4 {
+	width:630px;
+	position:relative;
+	border-radius:24px;
+	padding:19px 20px 22px 20px;
+	margin-top:10px;
+}
+.box-4 .bottom-semicircle {
+	position:absolute;
+	bottom:0;
+	left:316px;
+	height:13px;
+	width:39px;
+}
+.box-4title {
+	width:240px;
+	padding-right:55px;
+}
+.box-5 {
+	width:590px;
+	float: right;
+	padding-right: 10px;
+}
+.box-6 {
+	width:440px;
+	float: right;
+	padding-right: 20px;
+}
+
+.box-image {
+	display:block;
+	float:left;
+	position:relative;
+}
+.box-image a {
+	margin-left:15px;
+	margin-top:23px;
+}
+.box-image a:first-child {
+	margin-left:0px;
+}
+.numbox {
+	width:72px;
+	height:78px;
+	overflow:hidden;
+	float:left;
+	margin: 0 19px 0px 10px;
+}
+.numbox span {
+	font:18px/22px 'IM Fell French Canon', sans-serif;
+	color:#fff;
+	font-style:italic;
+	width:72px;
+	text-align:center;
+	margin-top:4px;
+	display:block;
+}
+.numbox strong {
+	font:30px/36px Georgia, "Times New Roman", Times, serif;
+	color:#f6a82d;
+	width:72px;
+	font-weight:bold;
+	text-align:center;
+	margin-top:-1px;
+	display:block;
+}
+.colorbold {
+	font-weight:bold;
+	color:#5a8a4d;
+}
+.colorbold2 {
+	font-weight:bold;
+	display:inline-block;
+	color:#5a8a4d;
+}
+.text-1 {
+	font:60px/72px 'IM Fell French Canon', sans-serif;
+	color:#c76b21;
+	font-style:italic;
+	margin-top:-4px;
+}
+.text-2 {
+	font:13px/24px Trebuchet MS, Arial, sans-serif;
+	color:#6c8565;
+	letter-spacing:0px;
+	font-style:normal;
+}
+
+.text-3 {
+	font:36px/44px 'IM Fell French Canon', sans-serif;
+	color:#c24913;
+	letter-spacing:0px;
+	font-style:italic;
+	margin-top:0px;
+	display:inline-block;
+}
+.text-3 span {
+	display:block;
+	margin-top:-4px;
+}
+
+.text-4 {
+	font:15px/24px Trebuchet MS, Arial, sans-serif;
+	color:#5a8a4d;
+	letter-spacing:0px;
+	font-style:normal;
+	margin-top:15px;
+}
+.text-4i{
+	font:15px Trebuchet MS, Arial, sans-serif;
+	color:#5a8a4d;
+	letter-spacing:1px;
+	font-style:italic;
+text-align: center;
+}
+.text-5 {
+	font:11px/18px Trebuchet MS, Arial, sans-serif;
+	color:#817e5e;
+	letter-spacing:0px;
+	font-style:normal;
+}
+.text-5 span {
+	float:right;
+	padding-right:30px;
+}
+.text-6 {
+	font:13px/24px Trebuchet MS, Arial, sans-serif;
+	color:#817e5e;
+	letter-spacing:0px;
+	font-style:normal;
+	margin-top:7px;
+	margin-left:59px;
+}
+.text-7 {
+	font:13px/24px Trebuchet MS, Arial, sans-serif;
+	color:#817e5e;
+	letter-spacing:0px;
+	font-style:normal;
+}
+.text-7news {
+	font:13px/24px Trebuchet MS, Arial, sans-serif;
+	color:#817e5e;
+	letter-spacing:0px;
+	font-style:normal;
+	text-align: left;
+	font-weight: bold;
+}
+.text-7shop {
+	font:13px/24px Trebuchet MS, Arial, sans-serif;
+	color:#817e5e;
+	letter-spacing:0px;
+	font-style:normal;
+	text-align: left;
+}
+.text-8 {
+	font:15px/24px Trebuchet MS, Arial, sans-serif;
+	color:#5a8a4d;
+	letter-spacing:0px;
+	font-style:normal;
+	margin-top:13px;
+	/*padding-bottom:7px;*/
+}
+.text-9 {
+	font:18px/22px 'Droid Serif', sans-serif;
+	color:#423331;
+	letter-spacing:0px;
+	font-style:normal;
+	text-align:center;
+	margin-top:2px;
+	margin-left:15px;
+	margin-bottom:17px;
+}
+.text-11 {
+	font:24px/30px Trebuchet MS, Arial, sans-serif;
+	color:#423331;
+	letter-spacing:0px;
+	font-style:normal;
+	text-align:center;
+	margin-left:30px;
+	margin-top:7px;
+	margin-bottom:17px;
+}
+.text-12 {
+	font:15px/24px Trebuchet MS, Arial, sans-serif;
+	color:#5a8a4d;
+	letter-spacing:0px;
+	font-style:normal;
+	margin-top:-4px;
+	/*padding-bottom:7px;*/
+	width:80%
+}
+.text-13 {
+	font:12px/22px Trebuchet MS, Arial, sans-serif;
+	color:#817e5e;
+	letter-spacing:0px;
+	font-style:normal;
+}
+.text-14 {
+	font:11px/18px Trebuchet MS, Arial, sans-serif;
+	color:#817e5e;
+	letter-spacing:0px;
+	font-style:normal;
+}
+.text-15 {
+	font:12px/12px Trebuchet MS, Arial, sans-serif;
+	color:#817e5e;
+	letter-spacing:0px;
+	font-style:normal;
+	margin-right:11px;
+}
+.text-16 {
+	font:11px/18px Trebuchet MS, Arial, sans-serif;
+	color:#817e5e;
+	letter-spacing:0px;
+	font-style:normal;
+}
+.text-16 span {
+	float:right;
+	padding-right:30px;
+}
+.button-1 {
+	font:13px/22px 'IM Fell French Canon', sans-serif;
+	color:#c2d9ba;
+	font-style:italic;
+	display:inline-block;
+	background:#435e53;
+	padding:2px 13px 6px 13px;
+	float:right;
+	border-radius: 5px;
+}
+.button-1:hover {
+	background:#000;
+}
+.button-3{
+	font:18px/22px 'IM Fell French Canon', sans-serif;
+	color:#c2d9ba !important;
+	font-style:italic;
+	display:inline-block;
+	background:#435e53;
+	padding:8px;
+	margin-top: 15px;
+	border-radius: 8px;
+}
+.button-3:hover {
+	background:#000;
+}
+.alphabet {
+	text-align:center; width:380px; position:relative;
+}
+.alphabet a {
+	font:18px/21px Trebuchet MS, sans-serif;
+	color:#423331;
+	display:inline-block;
+	margin:0px 0px 5px 25px;
+	width:11px;
+	text-transform:uppercase;
+}
+.alphabet a:first-child {
+	margin:0px 0px 5px 0px;
+}
+.alphabet a:hover {
+	color:#5a8a4d;
+	text-decoration: underline;
+}
+.button-2 {
+	font:14px/17px Trebuchet MS, sans-serif;
+	color:#5a8a4d;
+	display:inline-block;
+	padding-left:22px;
+	text-transform:uppercase;
+}
+.button-2:hover {
+	color:#000;
+	background-position:0 -17px;
+}
+.marg1 {
+	margin-top:10px;
+	padding: 15px;
+	border: 1px #5a8a4d solid ;
+	border-radius: 20px;
+	width: 900px;
+
+}
+.marg2 {
+	margin-top:30px;
+}
+.marg3 {
+	margin-top:9px;
+}
+.marg4 {
+	margin-right:5px;
+}
+.marg5 {
+	margin-left:10px;
+}
+.marg6 {
+	margin-right:3px;
+}
+.marg7 {
+	margin-left:15px;
+}
+.marg8 {
+	margin-top:13px;
+}
+.marg9 {
+	margin-top:55px !important;
+}
+.marg10 {
+	margin-left:210px;
+}
+.marg11 {
+	margin-top:17px;
+}
+.marg12 {
+	margin-top:7px;
+}
+.marg13 {
+	margin-top:3px !important;
+	border-bottom-style: double;
+    border-width: 3px;
+    border-color: #587a4e ;
+    padding: 3px;
+}
+.marg14 {
+	margin-top:24px;
+}
+.marg15 {
+	margin-top:13px;
+}
+.marg16 {
+	margin-top:14px;
+}
+.marg17 {
+/*	border-style: solid;
+    border-width: 2px;
+    border-radius: 20px;
+    border-color: #587a4e ;*/
+}
+.marg18 {
+	margin-top:41px !important;
+}
+.marg19 {
+	margin-top:16px;
+}
+.marg20 {
+	margin-top:23px;
+}
+.marg21 {
+	margin-top:24px;
+}
+.marg22 {
+	margin-top:15px;
+}
+.margpad1 {
+	margin-right:0px;
+	margin-top:26px;
+}
+.margpad2 {
+	margin-left:131px;
+	margin-top:-6px;
+}
+.margpad3 {
+	margin-bottom:50px;
+	margin-top:17px;
+}
+.margpad4 {
+	margin-left:25px;
+}
+.margpad5 {
+	margin-left:25px;
+	margin-top:15px;
+}
+.padcontent {
+	padding-bottom:19px;
+}
+.pad1 {
+	padding-bottom:3px;
+}
+.pad2 {
+	padding-bottom:19px;
+}
+.pad3 {
+	padding-bottom:23px;
+}
+.pad4 {
+	padding-bottom:8px;
+}
+.pad5 {
+	padding-bottom:24px !important;
+}
+.pad6 {
+	padding-bottom:27px;
+}
+.pad7 {
+	margin-top:16px;
+	padding-bottom:27px;
+}
+.pad8 {
+	margin-top:16px;
+	padding-bottom:17px;
+}
+.pad9 {
+	padding-bottom:25px;
+}
+.pad10 {
+	padding-bottom:59px;
+}
+.pad11 {
+	padding-bottom:76px;
+}
+.pad12 {
+	padding-bottom:26px;
+}
+.pad13 {
+	padding-bottom:17px !important;
+}
+.padright {
+	padding:20px;
+	border: double 4px #587a4e;
+	border-radius: 20px;
+}
+
+.images-banner {
+	margin-top:25px;
+}
+.images-banner div {
+	margin-left:20px;
+	width:220px;
+}
+.images-banner div a {
+	display:block;
+}
+.images-banner div:first-child {
+	margin-left:0px;
+}
+
+.list1 {
+	width: 300px;
+}
+
+.list1 li {
+	padding:0 0 7px 0;
+}
+.list1 li a {
+	
+	display:inline-block;
+
+	font:13px/24px Trebuchet MS, Arial, sans-serif;
+	font-weight:bold;
+	margin-left:11px;
+	color:#5a8a4d;
+	-webkit-transition:all 0.2s ease;
+	-moz-transition:all 0.2s ease;
+	-o-transition:all 0.2s ease;
+	transition:all 0.2s ease;
+}
+.list2 li a:hover {
+	color:#000;
+	background-position:3px 6px;
+}
+.list2 li {
+	padding:0 0 7px 0;
+}
+.list2 li a {
+	
+	display:inline-block;
+	margin-left:22px;
+	font:13px/24px Trebuchet MS, Arial, sans-serif;
+	font-weight:bold;
+	color:#5a8a4d;
+	-webkit-transition:all 0.2s ease;
+	-moz-transition:all 0.2s ease;
+	-o-transition:all 0.2s ease;
+	transition:all 0.2s ease;
+}
+.list1 li a:hover {
+	color:#000;
+
+}
+/****************************footer************************/
+footer {
+		background-image:url("../images/all/footer.jpg"); 
+		margin: 0 auto;
+		overflow:hidden;
+}
+
+.footcont {
+
+
+
+}
+footer .fleft {
+	overflow:hidden;
+	width:300px;
+	height:36px;
+	margin-top:30px;
+	padding-bottom:20px;
+}
+footer .fleft a {
+	display:inline-block;
+	width:32px;
+	height:34px;
+	margin-left:8px;
+}
+footer .fleft a:first-child {
+	display:inline-block;
+	width:32px;
+	height:34px;
+	margin-left:0px;
+}
+footer .fleft a:hover {
+	margin-top:2px;
+}
+.fright p {
+	font-family:Trebuchet MS, Arial, sans-serif;
+	font-size:11px;
+	color:#979476;
+	text-align:right;
+	padding:35px 0px 0px 0;
+}
+.fright p span {
+	color:#c0bda3;
+}
+.fright p a {
+	color:#979476;
+}
+.fright p a:hover {
+	text-decoration:underline;
+}
+.footic-1 {
+background-image:url("../images/all/footer_icon_01.png");
+	background-repeat : no-repeat;
+}
+.footic-2 {
+background-image:url("../images/all/footer_icon_02.png");
+	background-repeat : no-repeat;
+}
+.footic-3 {
+background-image:url("../images/all/footer_icon_03.png");
+	background-repeat : no-repeat;
+}
+.footic-4 {
+background-image:url("../images/all/footer_icon_04.png");
+	background-repeat : no-repeat;
+}
+/**********************form**********************/
+.map {
+	width:356px;
+	height:279px;
+	margin:23px 0 0 0;
+}
+.map iframe {
+	width:356px;
+	height:279px;
+}
+dl {
+	margin:8px 0px 0 0px;
+	float:left;
+}
+dl dt {
+}
+dl dd {
+	font:13px/13px Trebuchet MS, Arial, sans-serif;
+	color:#817e5e;
+	letter-spacing:0px;
+	font-style:normal;
+	margin:11px 0px 0 0px;
+}
+dl dd span {
+	display:block;
+	width:94px;
+	float:left;
+}
+dl dd {
+}
+dl dd a {
+}
+#form {
+	margin: 23px 0 0px 0px;
+	width:540px;
+}
+#form input {
+	border-radius:9px;
+	border:#fff 0px solid;
+	background:#ffffff;
+	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
+	font-size:13px;
+	color:#817e5e;
+	padding:7px 2px 11px 14px;
+	outline: medium none;
+	width: 284px;
+	/*height:17px;*/
+	float:left;
+}
+#form textarea {
+	border-radius:9px;
+	border:#fff 0px solid;
+	background:#ffffff;
+	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
+	font-size:13px;
+	color:#817e5e;
+	height: 268px;
+	outline: medium none;
+	overflow: auto;
+	padding: 7px 0px 0px 14px;
+	width: 526px;
+	resize:none;
+	margin:0px 0 0 0;
+	float:left;
+}
+#form label {
+	position:relative;
+	display: block;
+	min-height:44px;
+}
+/*------CCB--------*/
+.center label {
+	width:200px;
+	display:inline-block;
+	vertical-align:top;
+	text-align:left;
+}
+.center input {
+	border-radius:9px;
+	border:#fff 1px solid;
+	background:#ffffff;
+	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
+	font-size:13px;
+	color:#817e5e;
+	padding:7px 2px 11px 14px;
+	outline: medium none;
+	width: 284px;
+	height:17px;
+}
+#pseudo {
+	border-radius:9px;
+	border:#fff 0px solid;
+	background:#ffffff;
+	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
+	font-size:13px;
+	color:#817e5e;
+	padding:3px 1px 5px 7px;
+	outline: medium none;
+	width: 200px;
+}
+#password {
+	border-radius:9px;
+	border:#fff 0px solid;
+	background:#ffffff;
+	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
+	font-size:13px;
+	color:#817e5e;
+	padding:3px 1px 5px 7px;
+	outline: medium none;
+	width: 200px;
+}
+#confirm {
+	border-radius:9px;
+	border:#fff 0px solid;
+	background:#ffffff;
+	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
+	font-size:13px;
+	color:#817e5e;
+	padding:3px 1px 5px 7px;
+	outline: medium none;
+	width: 200px;
+}
+#email {
+	border-radius:9px;
+	border:#fff 0px solid;
+	background:#ffffff;
+	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
+	font-size:13px;
+	color:#817e5e;
+	padding:3px 1px 5px 7px;
+	outline: medium none;
+	width: 200px;
+}
+#localisation {
+	border-radius:9px;
+	border:#fff 0px solid;
+	background:#ffffff;
+	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
+	font-size:13px;
+	color:#817e5e;
+	padding:3px 1px 5px 7px;
+	outline: medium none;
+	width: 200px;
+}
+
+/*------CCB--------*/
+#form .error, #form .empty {
+	color: #F00;
+	display: none;
+	font-size: 11px;
+	line-height:14px;
+	width:190px;
+	float:left;
+	margin-top:5px;
+}
+#form .error-empty {
+	margin: 4px 0 0 5px !important;
+	display:none;
+	float:left;
+}
+#form .success {
+	display:none;
+	padding-bottom:6px;
+}
+.btns {
+	text-align:left;
+	width:540px;
+	position:relative;
+	overflow:hidden;
+}
+.btns a {
+	margin: 14px 0px 0px 0px;
+}
diff --git a/les_ecuries_de_la_boissiere/ethologie.php b/les_ecuries_de_la_boissiere/ethologie.php
new file mode 100644
index 0000000..392efaf
--- /dev/null
+++ b/les_ecuries_de_la_boissiere/ethologie.php
@@ -0,0 +1,32 @@
+<?php
+	include_once('./vue/header.php');
+?>
+
+
+<div id="content" class="container-fluid">
+<div class="row-fluid"><div class="span12"><!--slider--></div></div>
+<h1>L'EQUITATION ETHOLOGIQUE</h1>
+<div id="topic" class="row-fluid"><div id="topic-inner">
+<div id="top-content" class="span12">
+<div class="twpara-row row-fluid"><div id="rLZp3jaV" class="span12 tw-para "></div></div>
+<div class="twpara-row row-fluid"><div id="5GONeFGD" class="span12 tw-para ">
+<div class="ptext"><p>"L'équitation éthologique offre une approche plus naturelle du cheval 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></div>
+<div class="pobj obj-after" style="text-align:center;">
+<img class=" frm-rounded"  src="./images/info/p1010283.jpg" style="max-width:100%;width:314px;"  alt=""></div></div></div>
+<div class="twpara-row row-fluid">
+<div id="cdJvZgof" class="span12 tw-para">
+<div class="ptext"><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.<br>Renseignements à l'accueil! ;-)</p></div>
+</div>
+</div>
+</div>
+</div>
+</div>
+</div>
+
+	
+	
+<?php
+	include_once('./vue/footer.php');	
+?>
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/evenement.php b/les_ecuries_de_la_boissiere/evenement.php
new file mode 100644
index 0000000..35ef281
--- /dev/null
+++ b/les_ecuries_de_la_boissiere/evenement.php
@@ -0,0 +1,5 @@
+<?php
+	include_once('./vue/header.php');
+	include_once('./vue/event/index.php');
+	include_once('./vue/footer.php');	
+?>
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/event.php b/les_ecuries_de_la_boissiere/event.php
deleted file mode 100644
index 802a37d..0000000
--- a/les_ecuries_de_la_boissiere/event.php
+++ /dev/null
@@ -1,3 +0,0 @@
-<?php
-	include_once('./vue/event/index.php');
-?>
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/home.php b/les_ecuries_de_la_boissiere/home.php
deleted file mode 100644
index 77a0741..0000000
--- a/les_ecuries_de_la_boissiere/home.php
+++ /dev/null
@@ -1,3 +0,0 @@
-<?php
-	include_once('./vue/home/index.php');
-?>
diff --git a/les_ecuries_de_la_boissiere/images/about_us/jp.jpg b/les_ecuries_de_la_boissiere/images/about_us/jp.jpg
new file mode 100644
index 0000000..5ed1ca7
Binary files /dev/null and b/les_ecuries_de_la_boissiere/images/about_us/jp.jpg differ
diff --git a/les_ecuries_de_la_boissiere/images/about_us/marianne.jpg b/les_ecuries_de_la_boissiere/images/about_us/marianne.jpg
new file mode 100644
index 0000000..93aa7b5
Binary files /dev/null and b/les_ecuries_de_la_boissiere/images/about_us/marianne.jpg differ
diff --git a/les_ecuries_de_la_boissiere/images/info/10373842-10204397246871348-2986210830522338800-n.jpg b/les_ecuries_de_la_boissiere/images/info/10373842-10204397246871348-2986210830522338800-n.jpg
new file mode 100644
index 0000000..4323796
Binary files /dev/null and b/les_ecuries_de_la_boissiere/images/info/10373842-10204397246871348-2986210830522338800-n.jpg differ
diff --git a/les_ecuries_de_la_boissiere/images/info/dsc09387.jpg b/les_ecuries_de_la_boissiere/images/info/dsc09387.jpg
new file mode 100644
index 0000000..d1339e6
Binary files /dev/null and b/les_ecuries_de_la_boissiere/images/info/dsc09387.jpg differ
diff --git a/les_ecuries_de_la_boissiere/images/info/dsc09397.jpg b/les_ecuries_de_la_boissiere/images/info/dsc09397.jpg
new file mode 100644
index 0000000..56e1995
Binary files /dev/null and b/les_ecuries_de_la_boissiere/images/info/dsc09397.jpg differ
diff --git a/les_ecuries_de_la_boissiere/images/info/dsc09401.jpg b/les_ecuries_de_la_boissiere/images/info/dsc09401.jpg
new file mode 100644
index 0000000..5683390
Binary files /dev/null and b/les_ecuries_de_la_boissiere/images/info/dsc09401.jpg differ
diff --git a/les_ecuries_de_la_boissiere/images/info/dsc09410.jpg b/les_ecuries_de_la_boissiere/images/info/dsc09410.jpg
new file mode 100644
index 0000000..9e431e2
Binary files /dev/null and b/les_ecuries_de_la_boissiere/images/info/dsc09410.jpg differ
diff --git a/les_ecuries_de_la_boissiere/images/info/ethologie-cours-groupe.jpg b/les_ecuries_de_la_boissiere/images/info/ethologie-cours-groupe.jpg
new file mode 100644
index 0000000..15ce38d
Binary files /dev/null and b/les_ecuries_de_la_boissiere/images/info/ethologie-cours-groupe.jpg differ
diff --git a/les_ecuries_de_la_boissiere/images/info/etoile-balade.jpg b/les_ecuries_de_la_boissiere/images/info/etoile-balade.jpg
new file mode 100644
index 0000000..f538a57
Binary files /dev/null and b/les_ecuries_de_la_boissiere/images/info/etoile-balade.jpg differ
diff --git a/les_ecuries_de_la_boissiere/images/info/p1010283.jpg b/les_ecuries_de_la_boissiere/images/info/p1010283.jpg
new file mode 100644
index 0000000..89d9628
Binary files /dev/null and b/les_ecuries_de_la_boissiere/images/info/p1010283.jpg differ
diff --git a/les_ecuries_de_la_boissiere/images/info/photo-balade-2.jpg b/les_ecuries_de_la_boissiere/images/info/photo-balade-2.jpg
new file mode 100644
index 0000000..eebe7c4
Binary files /dev/null and b/les_ecuries_de_la_boissiere/images/info/photo-balade-2.jpg differ
diff --git a/les_ecuries_de_la_boissiere/images/info/photo-balade.jpg b/les_ecuries_de_la_boissiere/images/info/photo-balade.jpg
new file mode 100644
index 0000000..1d5ee14
Binary files /dev/null and b/les_ecuries_de_la_boissiere/images/info/photo-balade.jpg differ
diff --git a/les_ecuries_de_la_boissiere/images/info/unnamed-10.jpg b/les_ecuries_de_la_boissiere/images/info/unnamed-10.jpg
new file mode 100644
index 0000000..03ad26c
Binary files /dev/null and b/les_ecuries_de_la_boissiere/images/info/unnamed-10.jpg differ
diff --git a/les_ecuries_de_la_boissiere/images/info/unnamed-3.jpg b/les_ecuries_de_la_boissiere/images/info/unnamed-3.jpg
new file mode 100644
index 0000000..7f2f1ba
Binary files /dev/null and b/les_ecuries_de_la_boissiere/images/info/unnamed-3.jpg differ
diff --git a/les_ecuries_de_la_boissiere/images/info/vue-aerienne.jpg b/les_ecuries_de_la_boissiere/images/info/vue-aerienne.jpg
new file mode 100644
index 0000000..5151340
Binary files /dev/null and b/les_ecuries_de_la_boissiere/images/info/vue-aerienne.jpg differ
diff --git a/les_ecuries_de_la_boissiere/js/script.js b/les_ecuries_de_la_boissiere/js/script.js
index d832dd4..71e6308 100644
--- a/les_ecuries_de_la_boissiere/js/script.js
+++ b/les_ecuries_de_la_boissiere/js/script.js
@@ -3,15 +3,6 @@
 			alert("Suite à une erreur technique la fonctionnalitée n'est actuellement pas disponible.")
 		}
 
-		function change_onglet(name)
-		{
-			document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
-			document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
-			document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
-			document.getElementById('contenu_onglet_'+name).style.display = 'block';
-			anc_onglet = name;
-		}
-
 			var _gaq = _gaq || [];
 			  _gaq.push(['_setAccount', 'UA-7078796-5']);
 			  _gaq.push(['_trackPageview']);
@@ -20,4 +11,317 @@
 				var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 				ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 				var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
-			  })();
\ No newline at end of file
+			  })();
+			  
+// Example starter JavaScript for disabling form submissions if there are invalid fields
+(function() {
+  'use strict';
+  window.addEventListener('load', function() {
+    // Fetch all the forms we want to apply custom Bootstrap validation styles to
+    var forms = document.getElementsByClassName('needs-validation');
+    // Loop over them and prevent submission
+    var validation = Array.prototype.filter.call(forms, function(form) {
+      form.addEventListener('submit', function(event) {
+        if (form.checkValidity() === false) {
+          event.preventDefault();
+          event.stopPropagation();
+        }
+        form.classList.add('was-validated');
+      }, false);
+    });
+  }, false);
+})();
+
+
+ 
+function verifierMail (champ) { 
+var str = champ.value; 
+var regexp = new RegExp("^[a-zA-Z0-9_\\-\\.]{3,}@[a-zA-Z0-9\\-_]{2,}\\.[a-zA-Z]{2,4}$", "g"); 
+if (!regexp.test(str)) { 
+   alert("L'adresse e-mail n'est pas valide !"); champ.focus(); 
+   return false; 
+} 
+return true; 
+} 
+ function Verifier_Numero_Telephone(champ)
+ {
+  num_tel = champ.value; 
+ 
+ // Definition du motif a matcher
+ var regex = new RegExp(/^(01|02|03|04|05|06|08)[0-9]{8}/gi);
+ 
+ // Test sur le motif
+ if(regex.test(num_tel))
+ {
+     return true;
+ }
+ else
+ {
+     alert("Le numéro n'est pas valide !"); champ.focus(); 
+     return false;
+ }
+ 
+ } 
+
+ 
+ 
+			  
+  let movies = [
+    {
+      'title': 'Concours Amateur, Pro',
+	  'lieu': 'Orveau',
+	  'type': ['CSO','Officiel'],
+	  'image': './images/event/Event_img32.jpg',
+      'date': "3 et 4 mars 2018",
+	  'desc': 'BLabla'
+    },
+    {
+      'title': 'Concours Amateur, Cycles Libre',
+	  'lieu': 'Orveau',
+      'type': ['CSO','Officiel'],
+	  'image': './images/event/Event_img32.jpg',
+      'date': "31 mars - 01 avril 2018",
+	  'desc': 'BLabla'
+    },    
+	{
+      'title': 'Concours Amateur, Cycles Libre',
+	  'lieu': 'Orveau',
+      'type': ['CSO','Officiel'],
+	  'image': './images/event/Event_img32.jpg',
+      'date': "05 et 06 mai 2018",
+	  'desc': 'BLabla'
+    },    
+	{
+      'title': 'Concour Amateur, Pro',
+	  'lieu': 'Orveau',
+      'type': ['CSO','Officiel'],
+	  'image': './images/event/Event_img32.jpg',
+      'date': "13 et 14 octobre 2018",
+	  'desc': 'BLabla'
+    },    
+	{
+      'title': 'Concours Amateur, Pro',
+	  'lieu': 'Orveau',
+      'type': ['CSO','Officiel'],
+	  'image': './images/event/Event_img32.jpg',
+      'date': "3 et 4 novembre 2018",
+	  'desc': 'BLabla'
+    },  
+	{
+      'title': 'Concours Final du challenge',
+	  'lieu': 'Orveau',
+      'type': ['CSO','Club'],
+	  'image': './images/event/Event_img32.jpg',
+      'date': "18 mars 2018",
+	  'desc': 'BLabla'
+    }, 
+	{
+      'title': 'Concours Championnat clubs',
+	  'lieu': 'Orveau',
+      'type': ['CSO','Club'],
+	  'image': './images/event/Event_img32.jpg',
+      'date': "2 avril 2018",
+	  'desc': 'BLabla'
+    }, 
+	{
+      'title': 'Concours Club et poney',
+	  'lieu': 'Orveau',
+      'type': ['CSO','Club'],
+	  'image': './images/event/Event_img32.jpg',
+      'date': "13 mai 2018",
+	  'desc': 'BLabla'
+    }, 
+	{
+      'title': 'Concours Club et poney',
+	  'lieu': 'Orveau',
+      'type': ['CSO','Club'],
+	  'image': './images/event/Event_img32.jpg',
+      'date': "27 mai 2018",
+	  'desc': 'BLabla'
+    }, 
+	{
+      'title': 'Concours Club et poney',
+	  'lieu': 'Orveau',
+      'type': ['CSO','Club'],
+	  'image': './images/event/Event_img32.jpg',
+      'date': "10 juin 2018",
+	  'desc': 'BLabla'
+    }, 
+	{
+      'title': 'Concours Club et poney',
+	  'lieu': 'Orveau',
+      'type': ['CSO','Club'],
+	  'image': './images/event/Event_img32.jpg',
+      'date': "7 octobre 2018",
+	  'desc': 'BLabla'
+    }, 
+	{
+      'title': 'Concours Club et poney',
+	  'lieu': 'Orveau',
+      'type': ['CSO','Club'],
+	  'image': './images/event/Event_img32.jpg',
+      'date': "21 octobre 2018",
+	  'desc': 'BLabla'
+    }, 
+	{
+      'title': 'Hunter',
+	  'lieu': 'Orveau',
+      'type': ['Hunter'],
+	  'image': './images/event/Event_img32.jpg',
+      'date': "1 janvier 1999",
+	  'desc': 'BLabla'
+    }, 
+	{
+      'title': 'Dressage',
+	  'lieu': 'Orveau',
+      'type': ['Dressage'],
+	  'image': './images/event/Event_img32.jpg',
+      'date': "1 janvier 1999",
+	  'desc': 'BLabla'
+    }, 
+	{
+      'title': 'Pony Games/Equifun',
+	  'lieu': 'Orveau',
+      'type': ['Pony Games/Equifun'],
+	  'image': './images/event/Event_img32.jpg',
+      'date': "1 janvier 1999",
+	  'desc': 'BLabla'
+    }, 
+	{
+      'title': 'Balade et Randonnées',
+	  'lieu': 'Orveau',
+      'type': ['Balade/Randonnées'],
+	  'image': './images/event/Event_img32.jpg',
+      'date': "1 janvier 1999",
+	  'desc': 'BLabla'
+    },	
+  ];
+  let app = new function() {
+    // Récupération des données
+    this.movies = movies;
+    
+	
+	
+	// Affiche les films (tous par défaut)
+    this.FetchAll = function(data) {
+      // Selection de l'élément
+      let elMovies = document.getElementById('movies');
+      let htmlMovies = '';
+      for (let i in data) {
+        for (let j in data[i].type) {
+          htmlMovies += '<i class="fa fa-tag" aria-hidden="true"></i> ' + data[i].type[j] + ' ';
+        }
+		htmlMovies += '<li class="media my-4">';
+		htmlMovies += '<img class="img-thumbnailEvent" src="' + data[i].image + '"alt="Generic placeholder image">';
+		htmlMovies += '<div class="media-body">';
+		htmlMovies += '<h4 class="mt-0 mb-1">' + data[i].title + '</h4>';
+		htmlMovies += '<h5>' + ' Organisé à ' + data[i].lieu + ' - ' + data[i].date + '</h5>';
+		htmlMovies += data[i].desc + '</div>';
+		htmlMovies += '</li>';
+      }
+      // Affichage de l'ensemble des lignes en HTML
+      elMovies.innerHTML = htmlMovies;
+      // Affiche le nombre de films
+      this.Count(data);
+    };
+    // Retourne le nombre de films
+    this.Count = (data) => document.getElementById('count').innerHTML = data.length + ' movies';
+
+	
+	// Retourne la liste des checkboxes
+    this.DisplayFilters = function() {
+      // Selection de l'élément
+      let elTypes = document.getElementById('types');
+      let types   = [];
+      // Chaque ligne (film)
+      for (let i in movies) {
+        // Chaque "type" dans chaque ligne (film)
+        for (let j in movies[i].type) {
+          types.push(movies[i].type[j]);
+        }
+      }
+      let uniqueTypes = types.filter( (value, index, self) => self.indexOf(value) === index );
+      let htmlTypes = '';
+      for (let i in uniqueTypes) {
+        htmlTypes += '<li><input type="checkbox" id="' + uniqueTypes[i] + '" name="types[]" value="' + uniqueTypes[i] + '"> <label for="' + uniqueTypes[i] + '">' + uniqueTypes[i] + '</label></li>';
+      }
+      elTypes.innerHTML = htmlTypes;
+    };
+	
+		// Retourne la liste des checkboxes
+    this.DisplayFiltersDates = function() {
+      // Selection de l'élément
+      let elDates = document.getElementById('dates');
+      let dates   = [];
+      // Chaque ligne (film)
+      for (let i in movies) {
+        // Chaque "date" dans chaque ligne (film)
+			dates.push(movies[i].date);
+      }
+      let uniqueDates = dates.filter( (value, index, self) => self.indexOf(value) === index );
+      let htmlDates = '';
+      for (let i in uniqueDates) {
+        htmlDates += '<button type="button" class="btn btn-secondary" id="' + uniqueDates[i] + '" name="dates" value="' + uniqueDates[i] + '" > ' + uniqueDates[i] + ' </button>';
+	  }
+      elDates.innerHTML = htmlDates;
+    };
+	
+		    	function OldMovies(element) {
+  for (let i = 0; i < element.type.length; i++) {
+    // film de type "Action" OU "Sci-Fi" et datant d'avant 2010
+    if (element.date == 2018) {
+      return element;
+    }
+  }
+}
+	
+	
+	// Retourne les films filtrés
+    this.FilterByType = function() {
+      // Afiche les checkboxes
+      this.DisplayFilters();
+      let checkboxes = document.querySelectorAll('input');
+      let arrType    = [];
+      let self       = this;
+      for (let checkbox of checkboxes) {
+        checkbox.addEventListener('click', function() {
+          if (checkbox.checked) {
+            // Ajout dans le tableau de la valeur cochée
+            arrType.push(checkbox.value);
+          } else {
+            // Suppression dans le tableau
+            let removeItem = arrType.filter( (e) => e !== checkbox.value );
+            arrType = removeItem;
+          }
+          
+          if (arrType.length > 0) {
+            let i = arrType.length - 1;
+            // 1er choix
+            if (arrType.length == 1) {
+              filteredMovie = self.movies.filter( (e) => e.type.indexOf(arrType[0]) !== -1 );
+            // Autre(s) choix
+            } else {
+              filteredMovie = filteredMovie.filter(function(e) {
+                  for (let j = 0; j < i; j++) {
+                    return e.type.indexOf(arrType[i]) !== -1;
+                  }
+              });
+            }
+            self.FetchAll(filteredMovie);
+          } else {
+            // Reset (aucune case cochée)
+            app.FetchAll(movies);
+          }
+        });
+      }
+    };
+	
+	    this.FilterByDate = function() {	  
+			this.DisplayFiltersDates();
+		};
+  }
+   app.FilterByDate();
+  // Affichage de tous les films
+  app.FetchAll(movies);
+  // Filtrage
+  app.FilterByType();
diff --git a/les_ecuries_de_la_boissiere/news.php b/les_ecuries_de_la_boissiere/news.php
deleted file mode 100644
index 7609362..0000000
--- a/les_ecuries_de_la_boissiere/news.php
+++ /dev/null
@@ -1,3 +0,0 @@
-<?php
-	include_once('./vue/news/index.php');
-?>
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/pension.php b/les_ecuries_de_la_boissiere/pension.php
new file mode 100644
index 0000000..376b129
--- /dev/null
+++ b/les_ecuries_de_la_boissiere/pension.php
@@ -0,0 +1,36 @@
+<?php
+	include_once('./vue/header.php');
+?>
+<!doctype html>
+<div id="content" class="container-fluid">
+<h1>LES PENSIONS</h1>
+<div id="topic" class="row-fluid">
+<div id="topic-inner"><div id="top-content" class="span12"><div class="twpara-row row-fluid">
+<div id="xeRiewbc" clatw-para "><h2>Pensions en Box:</h2><div class="ptext">
+ <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&nbsp;(voir tarifs)</li>
+ </ul></div><div class="pobj obj-after" style="text-align:center;"><img class=" fr
+ m-rounded"  src="./images/info/dsc09410.jpg" style="max-width:100%;width:320px;"  alt=""></div></div></div>
+ <div class="twpara-row row-fluid"><div id="mDuHuJ06" class="span12 tw-para ">
+ <h2>Pension en paddock avec ou sans abri:</h2>
+ <div class="ptext"><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></div>
+ <div class="pobj obj-after" style="text-align:center;">
+ <img class=" frm-rounded"  src="./images/info/dsc09397.jpg" style="max-width:100%;width:320px;"  alt=""></div></div></div>
+ <div class="twpara-row row-fluid">
+ <div id="gVKRcT4e" class="span12 tw-para "><h2>Pension au Pré ou Pré / Box:</h2><div class="ptext">
+ <p>Ennplus des services et activités proposés au centre équestre, les Ecuries de la Boissière disposent d'une "annexe" située à une quinzaine de Km, à Champmotteux.</p>
+ <p>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 
+ <strong><u>actif, retraité ou simplement en "vacances"</u></strong>; en pension au Pré ou Pré / Box, avec complément et fourrage.</p></div>
+ <div class="pobj obj-after" style="text-align:center;"><img class=" frm-rounded"  src="./images/info/dsc09401.jpg" style="max-width:100%;width:320px;"  alt=""></div></div></div>
+ <div class="twpara-row row-fluid"><div id="OCzmrUTb" class="span12 tw-para "><div class="ptext"><p>* Vous trouverez le coût de toutes nos prestations dans la rubrique"Tarifs".</p></div></div></div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+
+<?php
+	include_once('./vue/footer.php');	
+?>
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/php/script.php b/les_ecuries_de_la_boissiere/php/script.php
new file mode 100644
index 0000000..582cbdf
--- /dev/null
+++ b/les_ecuries_de_la_boissiere/php/script.php
@@ -0,0 +1,17 @@
+if(isset($_POST['formulaire']))
+{
+    $mail = $_POST['Email']
+    if(eregi("^([a-zA-Z0-9]+)@([a-zA-Z0-9]+).{2,4}$",$mail))
+   {
+     echo  "ok<br>";
+   }
+ else
+ {
+   if(eregi("^([a-zA-Z0-9]+)([_\.-]+)([a-zA-Z0-9]+){1,}@([a-zA-Z0-9]+).([a-zA-Z]+){2,4}$",$mail))
+  {
+   echo "ok<br>";
+  }
+else
+  echo "erreur<br>";
+ }
+}
diff --git a/les_ecuries_de_la_boissiere/poney.php b/les_ecuries_de_la_boissiere/poney.php
new file mode 100644
index 0000000..40168e1
--- /dev/null
+++ b/les_ecuries_de_la_boissiere/poney.php
@@ -0,0 +1,31 @@
+<?php
+	include_once('./vue/header.php');
+?>
+
+
+
+<h1><span style="font-size:22px;">LE PONEY CLUB</span></h1>
+<div id="topic" class="row-fluid"><div id="topic-inner">
+<div id="top-content" class="span12"><div class="twpara-row row-fluid">
+<div id="upstIn51" class="span12 tw-para "></div></div><div class="twpara-row row-fluid">
+<div id="f6QFPHIW" class="span12 tw-para "><div class="pobj obj-before" style="text-align:center;">
+<img class=" frm-rounded"  src="./images/info/10373842-10204397246871348-2986210830522338800-n.jpg"style="max-width:100%;width:260px;"  alt=""></div></div></div>
+<div class="twpara-row row-fluid"><div id="afRorolF" class="span12 tw-para "><div class="pobj float-r">
+<img class=" frm-rounded"  src="./images/info/unnamed-10.jpg" style="max-width:100%;width:260px;"  alt=""></div><div class="ptext">
+<p class="ta-center">Votre enfant est intéressé par l'équitation ?</p>
+<p class="ta-center">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.*</p></div></div></div>
+<div class="twpara-row row-fluid"><div id="vfrIYrX4" class="span12 tw-para ">
+<div class="pobj float-l">
+<img class=" frm-rounded"  src="./images/info/dsc09387.jpg" style="max-width:100%;width:260px;"  alt=""></div>
+<div class="ptext"><p>Le poney-club se compose de 16 poneys de tailles différentes pour permettre à votre enfant de découvrir un sport ludique, passionnant et qui lui apprendra à devenir responsable.</p></div></div></div>
+<div class="twpara-row row-fluid"><div id="Aj0LHAc5" class="span12 tw-para ">
+<div class="pobj float-r">
+<img class=" frm-rounded"  src="./images/info/unnamed-3.jpg" style="max-width:100%;width:640px;"  alt=""></div>
+<div class="ptext"><p>L'initiation de l'équitation est basée sur le jeu et la découverte de la monture. Par la suite, nos petits cavaliers seront préparés à l'obtention de leurs diplômes. (Galops 1, 2, 3…)</p></div></div></div>
+<div class="twpara-row row-fluid"><div id="R9XuHVhV" class="span12 tw-para "><div class="ptext">
+<p>* Renseignements à l'accueil</p></div></div></div></div></div></div></div>
+
+	
+<?php
+	include_once('./vue/footer.php');	
+?>
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/price_list.php b/les_ecuries_de_la_boissiere/price_list.php
deleted file mode 100644
index c4b05a4..0000000
--- a/les_ecuries_de_la_boissiere/price_list.php
+++ /dev/null
@@ -1,3 +0,0 @@
-<?php
-	include_once('./vue/price_list/index.php');
-?>
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/privacy_policy.php b/les_ecuries_de_la_boissiere/privacy_policy.php
deleted file mode 100644
index 3c7a598..0000000
--- a/les_ecuries_de_la_boissiere/privacy_policy.php
+++ /dev/null
@@ -1,3 +0,0 @@
-<?php
-	include_once('./vue/privacy_policy/index.php');
-?>
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/shop.php b/les_ecuries_de_la_boissiere/shop.php
deleted file mode 100644
index c1152a4..0000000
--- a/les_ecuries_de_la_boissiere/shop.php
+++ /dev/null
@@ -1,3 +0,0 @@
-<?php
-	include_once('./vue/shop/index.php');
-?>
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/stage.php b/les_ecuries_de_la_boissiere/stage.php
new file mode 100644
index 0000000..66a2911
--- /dev/null
+++ b/les_ecuries_de_la_boissiere/stage.php
@@ -0,0 +1,151 @@
+<?php
+	include_once('./vue/header.php');
+?>
+
+<div class="container-fluid" id="content">
+<div class="row-fluid">
+<div class="span12"><!--slider--></div>
+</div>
+
+<div class="navbar" id="toolbar3">
+<div class="navbar-inner">
+<div class="container-fluid">
+<ul class="nav" id="toolbar3_l">
+	<li><!--searchbox--></li>
+</ul>
+
+<ul class="nav pull-right" id="toolbar3_r">
+	<li>
+	<div id="sharebox"><a href="https://www.facebook.com/Ecuries DE LA Boissiere" target="_blank"><img alt="" src="_frame/tw-share-facebook@2x.png" style="width: 24px; height: 24px;" /></a><a href="JEAN-PHILIPPE BERTHIER " rel="publisher" target="_blank"><img alt="" src="_frame/tw-share-google@2x.png" style="width: 24px; height: 24px;" /></a><a href="znvygb?rphevrfobvffvrer#tznvy.pbz" onclick="javascript:return(decMail2(this));" target="_blank"><img alt="" src="_frame/tw-share-mail@2x.png" style="width: 24px; height: 24px;" /></a></div>
+	</li>
+	<li></li>
+</ul>
+</div>
+</div>
+</div>
+
+<h1>LES STAGES</h1>
+
+<div class="row-fluid" id="topic">
+<div id="topic-inner">
+<div class="span12" id="top-content">
+<div class="twpara-row row-fluid">
+<div class="span12 tw-para " id="J4rgZE5N"></div>
+</div>
+
+<div class="twpara-row row-fluid">
+<div class="span12 tw-para " id="y8lY2GfL">
+<div class="ptext">
+<p>Durant les vacances scolaires, sont organis&eacute;s des stages de prise de connaissance du poney ou du cheval, de pr&eacute;paration aux Galops ou de perfectionnement, orient&eacute;s vers la comp&eacute;tition.</p>
+</div>
+
+<div class="pobj obj-after" style="text-align: center;"><img alt="" class="frm-rounded" src="./images/info/ethologie-cours-groupe.jpg" style="width: 314px; max-width: 100%;" /></div>
+</div>
+</div>
+
+<div class="twpara-row row-fluid">
+<div class="span12 tw-para " id="QomxHYMg">
+<h2>D&eacute;roulement d&#39;un stage type:</h2>
+
+<div class="ptext">
+<ul>
+	<li>Arriv&eacute;e &agrave; 9h00.</li>
+	<li>Pratique autour du cheval</li>
+	<li>Hippologie et Travaux Pratiques</li>
+	<li>2 ou 3h d&#39;&eacute;quitation</li>
+	<li>repas et go&ucirc;ter &agrave; emporter</li>
+	<li>fin de journ&eacute;e de stage 17h30</li>
+</ul>
+</div>
+</div>
+</div>
+
+<div class="twpara-row row-fluid">
+<div class="span12 tw-para " id="RhxVnfUX">
+<div class="ptext">
+<p>* Les inscriptions se font &agrave; l&#39;accueil ou par t&eacute;l&eacute;phone</p>
+</div>
+</div>
+</div>
+
+<div class="twpara-row row-fluid">
+<div class="span12 tw-para " id="f97f6dcce57e6539d90780c8d63df28a">
+<h2>STAGES</h2>
+
+<div class="ptext">
+<p><span style="font-size: 18px;"><strong><sub>TOUTES LES VACANCES SCOLAIRES</sub></strong></span></p>
+
+<p>NOUVEAU ! nous accueillons vos enfants le Mercredi durant toute l&#39;ann&eacute;e de 9&nbsp;H &agrave; 18 H&nbsp; &nbsp; 55 &euro;&nbsp; compris 2 H d&#39;&eacute;quitation</p>
+
+<p></p>
+
+<p><strong><em>Et&eacute;&nbsp;aux Ecuries</em></strong></p>
+
+<p>Du 10 juillet au 4 aout 2018</p>
+
+<p>Du 20 aout au 1er septembre 2018</p>
+
+<p></p>
+
+<p></p>
+
+<p></p>
+
+<p><strong><em>Et&eacute; &agrave; Lamotte Beuvron</em></strong>:</p>
+
+<p>du&nbsp;30&nbsp;juillet &nbsp;au&nbsp;04&nbsp;aout&nbsp; 2018</p>
+
+<p></p>
+
+<p></p>
+
+<p>les passages de galop se font tous les vendredis de semaine de stage sauf pendant les vacances de No&ecirc;l o&ucirc; nous les feront exceptionnellement passer le jeudi.</p>
+
+<p>Nous maintenons &eacute;galement tous nos cours pendant les p&eacute;riodes de stages</p>
+</div>
+</div>
+</div>
+
+<div class="twpara-row row-fluid">
+<div class="span12 tw-para " id="MNF344q2">
+<h2><font size="3">STAGES D&#39;ETE A LAMOTTE BEUVRON</font></h2>
+
+<div class="ptext">
+<p>Durant les deux premi&egrave;res semaines du mois d&#39;ao&ucirc;t, nous organisons un stage &agrave; Lamotte Beuvron dans le parc f&eacute;d&eacute;ral de la f&eacute;d&eacute;ration fran&ccedil;aise d&#39;&eacute;quitation. Il s&#39;&eacute;tend sur plus de 200 hectares en plein c&oelig;ur de la for&ecirc;t solognote.<br />
+Chaque ann&eacute;e, le parc f&eacute;d&eacute;ral accueille des centres &eacute;questres de toutes les r&eacute;gions avec leurs cavaliers et leurs chevaux, pour permettre aux centres &eacute;questres de profiter des installations misent &agrave; leur disposition.<br />
+6 carri&egrave;res d&#39;obstacles, 4 carri&egrave;res de dressage, 2 grands man&egrave;ges, un terrain de horse ball, et un terrain de cross exceptionnel.</p>
+
+<p>Exemple d&#39;une journ&eacute;e</p>
+
+<p>8h00 : soins des chevaux (eau, granul&eacute;s, paillage des boxes)<br />
+8h30 : petit d&eacute;jeuner<br />
+10h00 &agrave; 11h30 : &eacute;quitation<br />
+12h00 : soins des chevaux (eau et granul&eacute;s)<br />
+12h30 : d&eacute;jeuner<br />
+14h &agrave; 15h30 : &eacute;quitation<br />
+16h00 : go&ucirc;ter<br />
+16h30 &agrave; 18h00 : piscine<br />
+19h30 : D&icirc;ner<br />
+20h30 : jeu en groupe<br />
+22h30 : dodo</p>
+
+<p>Semaine du lundi&nbsp;31 juillet&nbsp;au&nbsp;05 aout&nbsp;2018&nbsp;<br />
+&nbsp;</p>
+
+<p>Tarif : 665 euros tout compris pour les adh&eacute;rents<br />
+tarif non adh&eacute;rents: nous contacter</p>
+
+<p><br />
+Renseignements &agrave; l&#39;accueil ou par t&eacute;l&eacute;phone</p>
+</div>
+</div>
+</div>
+</div>
+</div>
+</div>
+	
+	
+	
+<?php
+	include_once('./vue/footer.php');	
+?>
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/tarif.php b/les_ecuries_de_la_boissiere/tarif.php
new file mode 100644
index 0000000..5476006
--- /dev/null
+++ b/les_ecuries_de_la_boissiere/tarif.php
@@ -0,0 +1,5 @@
+<?php
+	include_once('./vue/header.php');
+	include_once('./vue/price_list/index.php');
+	include_once('./vue/footer.php');
+?>
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/vue/about_us/index.php b/les_ecuries_de_la_boissiere/vue/about_us/index.php
index 6678f7f..1cf03b3 100644
--- a/les_ecuries_de_la_boissiere/vue/about_us/index.php
+++ b/les_ecuries_de_la_boissiere/vue/about_us/index.php
@@ -1,227 +1,191 @@
-<!--Header-->
-<?php
-include("./vue/header.php")
-?>
 <body>
   <div class="container-fluid">
 <!--==============================content================================-->
 <section id="content" class="page-content">
-  <div class="container_12 padcontent">
+  <div class="container">
   <!--Description à propos-->
-    <div class="box-3 marg5">
       <h2>À propos de nous</h2>
-      <div class="wrap">
-        <figure class="page2-pic"><img src="./images/about_us/About_us_imgIntro.jpg" alt="" class="image-border img-indent"></figure>
-        <div class="extra-wrap">
-          <p class="text-4 pad4">Notre centre équestre est agréé Ecole Française d'Equitation et encadré par 2 moniteurs diplômés d'Etat.</p>
-          <p class="text-7 pad5">
+		<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 class="text-7 pad12">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.
+          <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>
-    </div>
-    <!--Description d'installation-->
-    <div class="box-7">
-    
+		  </div>
+		</div>
       <h2>Installations</h2>
-	  <p class="text-7 pad8">Le Centre Equestre vous propose diverses installations accéssibles a tous.</p>
+	  <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="list1">
-
-
-                <li><a data-toggle="modal" data-target="#myModal1">> 2 Carrières d'obstacles : 90 x 40 / 80 x 50</a></li>
-                      <div id="myModal1" class="modal fade" role="dialog">
-                        <div class="modal-dialog">
-                          <div class="modal-content">
-                            <div class="modal-header">
-                              <button type="button" class="close" data-dismiss="modal">&times;</button>
-                              <h4 class="modal-title">Carrières d'obstacles : 90 x 40 / 80 x 50</h4>
-                            </div>
-                            <div class="modal-body">
-                            <img class="modal-image" src="./images/about_us/About_us_imgCarO.jpg" height="400" width="600">
+			<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 class="modal-footer">
-                            <!--  <button type="button" class="btn-close" data-dismiss="modal">Fermer</button>-->
-                            </div>
-                          </div>
-                        </div>
-                        <div class="clear"></div>
-                      </div>
-
-
-                <li><a data-toggle="modal" data-target="#myModal2">> 1 Carrière d'entraînement : 50 x 40</a></li>
-                      <div id="myModal2" class="modal fade" role="dialog">
-                        <div class="modal-dialog">
-                          <div class="modal-content">
-                            <div class="modal-header">
-                              <button type="button" class="close" data-dismiss="modal">&times;</button>
-                              <h4 class="modal-title">Carrière d'entraînement : 50 x 40</h4>
-                            </div>
-                            <div class="modal-body">
-                            <img class="modal-image" src="./images/about_us/About_us_imgCarE.jpg" height="400" width="600">
+							  </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 class="modal-footer">
-                            </div>
-                          </div>
-                        </div>
-                        <div class="clear"></div>
-                      </div>
-
-
-                <li><a data-toggle="modal" data-target="#myModal3">> 1 Carrière de dressage : 65 x 30</a></li>
-                      <div id="myModal3" class="modal fade" role="dialog">
-                        <div class="modal-dialog">
-                          <div class="modal-content">
-                            <div class="modal-header">
-                              <button type="button" class="close" data-dismiss="modal">&times;</button>
-                              <h4 class="modal-title">Carrière de dressage : 65 x 30</h4>
-                            </div>
-                            <div class="modal-body">
-                            <img class="modal-image" src="./images/about_us/About_us_imgCarD.jpg" height="400" width="600">
+							  </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 class="modal-footer">
-                            </div>
-                          </div>
-                        </div>
-                        <div class="clear"></div>
-                      </div>
-
-
-                <li><a data-toggle="modal" data-target="#myModal4">> 1 Manège couvert et éclairé : 30m x 20m</a></li>
-                      <div id="myModal4" class="modal fade" role="dialog">
-                        <div class="modal-dialog">
-                          <div class="modal-content">
-                            <div class="modal-header">
-                              <button type="button" class="close" data-dismiss="modal">&times;</button>
-                              <h4 class="modal-title">Manège couvert et éclairé 30m x 20m</h4>
-                            </div>
-                            <div class="modal-body">
-                            <img class="modal-image" src="./images/about_us/About_us_imgManege.jpg" height="400" width="600">
+							  </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 class="modal-footer">
-                            </div>
-                          </div>
-                        </div>
-                        <div class="clear"></div>
-                      </div>
-
-
-                <li><a data-toggle="modal" data-target="#myModal5">> 37 Boxes de 3m x 3m</a></li>
-                      <div id="myModal5" class="modal fade" role="dialog">
-                        <div class="modal-dialog">
-                          <div class="modal-content">
-                            <div class="modal-header">
-                              <button type="button" class="close" data-dismiss="modal">&times;</button>
-                              <h4 class="modal-title">Boxes</h4>
-                            </div>
-                            <div class="modal-body">
-                            <img class="modal-image" src="./images/about_us/About_us_imgBoxe.jpg" height="400" width="600">
+							  </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 class="modal-footer">
-                            </div>
-                          </div>
-                        </div>
-                        <div class="clear"></div>
-                      </div>
-
-
-                <li><a data-toggle="modal" data-target="#myModal6">> 1 Stabulation</a></li>
-                      <div id="myModal6" class="modal fade" role="dialog">
-                        <div class="modal-dialog">
-                          <div class="modal-content">
-                            <div class="modal-header">
-                              <button type="button" class="close" data-dismiss="modal">&times;</button>
-                              <h4 class="modal-title">Stabulation</h4>
-                            </div>
-                            <div class="modal-body">
-                            <img class="modal-image" src="./images/about_us/About_us_imgStabulation.jpg" height="400" width="600">
-                              <p>Pour les poneys ou le poulinage</p>
-                            </div>
-                            <div class="modal-footer">
-                            </div>
-                          </div>
-                        </div>
-                        <div class="clear"></div>
-                      </div>
-
-
-                <li><a data-toggle="modal" data-target="#myModal7">> 7 Paddocks avec ou sans abris et 2 prés</a></li>
-                      <div id="myModal7" class="modal fade" role="dialog">
-                        <div class="modal-dialog">
-                          <div class="modal-content">
-                            <div class="modal-header">
-                              <button type="button" class="close" data-dismiss="modal">&times;</button>
-                              <h4 class="modal-title">Paddocks et Prés</h4>
-                            </div>
-                            <div class="modal-body">
-                            <img class="modal-image" src="./images/about_us/About_us_imgPres.jpg" height="400" width="600">
+							  </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 class="modal-footer">
-                            </div>
-                          </div>
-                        </div>
-                        <div class="clear"></div>
-                      </div>
-
-
-                <li><a data-toggle="modal" data-target="#myModal8">> 1 Rond de longe</a></li>
-                      <div id="myModal8" class="modal fade" role="dialog">
-                        <div class="modal-dialog">
-                          <div class="modal-content">
-                            <div class="modal-header">
-                              <button type="button" class="close" data-dismiss="modal">&times;</button>
-                              <h4 class="modal-title">Rond de longe</h4>
-                            </div>
-                            <div class="modal-body">
-                            <img class="modal-image" src="./images/about_us/About_us_imgRondLonge.jpg" onerror="this.onerror=null;this.src='./about_us_files/image/about_us/About_us_img00.jpg';" height="400" width="600">
-                            <p></p>
-                            </div>
-                            <div class="modal-footer">
-                            </div>
-                          </div> 
-                        </div>
-                        <div class="clear"></div>
-                      </div>
-
-          </ul>
-       <p class="text-7 marg8">Que se soit pour les cours les concours ou vos cheveaux tous est fait pour travailler et pour le bien de votre cheval.</p>
-     </div>
-
-    <div class="grid_12 marg9">
-     
-      <h2>Rencontrez nos favoris</h2>
-      <div class="grid_8">
-
-
-      <div class="fleft">
-        <img id="image-border" alt="" src= './images/about_us/About_us_img01.jpg'>
-        <div class="about-desc">
-        <center><p class="text-8">Cacao</p></center>
-        <p class="text-7"><
-            STENSON de 
-            7 ans et de robe 
-            ALEZANE appartenant au CLUB</p>
-            </div>
-      </div>
-
-      </div>      
-      <div class="clear"></div>
-      </div>
+							  </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 class="clear"></div>
   </div>
+		</div>
+	</div>
+	</div>
 </section>
-</div>
-</body>
-<!--Footer-->
-<?php
-include("./vue/footer.php")
-?>
\ No newline at end of file
+</div>
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/vue/contact_us/index.php b/les_ecuries_de_la_boissiere/vue/contact_us/index.php
index 9a996e4..538ee04 100644
--- a/les_ecuries_de_la_boissiere/vue/contact_us/index.php
+++ b/les_ecuries_de_la_boissiere/vue/contact_us/index.php
@@ -1,58 +1,58 @@
-<!--Header-->
-<?php
-include("./vue/header.php")
-?>
 <body>
-  <div class="container-fluid">
-<!--==============================content================================-->
-<section id="content" class="page-content">
-  <div class="container_12 padcontent">
-  <!--Information de contact-->
-  	<div class="grid_5">
-    	<h2>Trouvez nous</h2>
-        <div class="map image-border">
-         <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="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
-      </div>
-      <dl>
-        <dd class="text-4">Les Ecuries de la Boissiere<br>
-                          Route de la Ferte-Alais / D 145<br>
-                          91590 ORVEAU</dd>
-        <dd><span>Telephone:</span>01.64.57.58.77</dd>
-        <dd><span>Mobile :</span>06.72.00.55.65</dd>
-        <dd>E-mail: <a href="mailto:ecuriesboissiere@gmail.com" class="link2">ecuriesboissiere@gmail.com</a></dd>
-      </dl>
-    </div>
-    <!--Formulaire Contact-->
-	<div class="grid_7">
-    	<h2>Entrer en contact</h2>
-          <form id="form" method="post" action="contact_us.php">
-        <fieldset>
-          <label class="name">
-            <input type="text" name="subject" value="<?php if (isset($_POST['subject'])){echo $_POST['subject'];} ?>" id="name" required placeholder="Nom:">
-            <span class="error error-empty" style="display: none;">*Ce n'est pas un nom valide .</span><span class="empty error-empty" style="display: none;">*Ce champ est requis.</span> </label>
-          <label class="email">
-            <input type="email" name="email" value="<?php if (isset($_POST['email'])){echo $_POST['email'];} ?>" id="email" required placeholder="Email:">
-            <span class="error error-empty" style="display: none;">*Cette adresse email n'est pas valide.</span><span class="empty error-empty" style="display: none;">*Ce champ est requis.</span> </label>
-          <label class="phone">
-            <input type="tel" name="numphone" value="<?php if (isset($_POST['numphone'])){echo $_POST['numphone'];} ?>" id="phone" required placeholder="Téléphone:">
-            <span class="error error-empty" style="display: none;">*Ce n'est pas un numéro de téléphone valide.</span><span class="empty error-empty" style="display: none;">*Ce champ est requis.</span> </label>
-          <label class="message">
-            <textarea name="messages" id="message" required placeholder="Message"><?php echo @$_POST['messages']; ?></textarea>
-            <span class="error" style="display: none;">*Le message est trop court .</span> <span class="empty" style="display: none;">*Ce champ est requis.</span> 
-            </label>
-
-        </fieldset>  
-            <button type="submit" value="Envoyer"  class="button-3" onclick="Alerte()">Envoyer </button> 
-                    <div class="success" >Formulaire de contact envoyé! <strong>Nous serons en contact bientot.</strong> </div>
-      </form><br>
-    </div>
-    <!--Div Format-->
-  <div class="clear"></div>
-  </div>
-</section>
-</div>
-</body>
-<!--Footer-->
-<?php
-include("./vue/footer.php")
-?>
\ No newline at end of file
+	<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>
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/vue/event/index.php b/les_ecuries_de_la_boissiere/vue/event/index.php
index 75a46cf..ce1aa31 100644
--- a/les_ecuries_de_la_boissiere/vue/event/index.php
+++ b/les_ecuries_de_la_boissiere/vue/event/index.php
@@ -1,150 +1,28 @@
-<!--Header-->
-<?php
-include("./vue/header.php")
-?>
 <body>
   <div class="container-fluid">
 <!--==============================content================================-->
 <section id="content" class="page-content">
-  <div class="container_12 padcontent">
-    <!--Div Trie-->
-    <div class="grid_3">
-
-      <h2>Trier</h2>
-        <ul class="list2 margpad3">
-          <li><a class="onglet_0 onglet" id="onglet_tous" onclick="javascript:change_onglet('tous');">Tous les événements</a></li>
-          <li><a class="onglet_0 onglet" id="onglet_decembre" onclick="javascript:change_onglet('decembre');">Décembre 2017</a></li>
-          <li><a class="onglet_0 onglet" id="onglet_novembre" onclick="javascript:change_onglet('novembre');"">Novembre 2017</a></li>
-          <li><a class="onglet_0 onglet" id="onglet_octobre" onclick="javascript:change_onglet('octobre');">Octobre 2017</a></li>
-          <li><a class="onglet_0 onglet" id="onglet_septembre" onclick="javascript:change_onglet('septembre');">Septembre 2017</a></li>
-          <li><a class="onglet_0 onglet" id="onglet_aout" onclick="javascript:change_onglet('aout');"">Août 2017</a></li>
-          <li><a class="onglet_0 onglet" id="onglet_juillet" onclick="javascript:change_onglet('juillet');"">Juillet 2017</a></li>
-          <li><a class="onglet_0 onglet" id="onglet_juin" onclick="javascript:change_onglet('juin');"">Juin 2017</a></li>
-          <li><a class="onglet_0 onglet" id="onglet_mai" onclick="javascript:change_onglet('mai');"">Mai 2017</a></li>
-          <li><a class="onglet_0 onglet" id="onglet_avril" onclick="javascript:change_onglet('avril');"">Avril 2017</a></li>
-          <li><a class="onglet_0 onglet" id="onglet_mars" onclick="javascript:change_onglet('mars');">Mars 2017</a></li>
-          <li><a class="onglet_0 onglet" id="onglet_fevrier" onclick="javascript:change_onglet('fevrier');">Février 2017</a></li>
-          <li><a class="onglet_0 onglet" id="onglet_janvier" onclick="javascript:change_onglet('janvier');">Janvier 2017</a></li>
-        </ul>
+  <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>
-  <!--Affichage Event-->
-      <div class="grid_9E">
-            <div class="contenu_onglets">
+	
+	<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">
 
-                <!--Filtre Tous-->           
-                <div class="contenu_onglet" id="contenu_onglet_tous">
-                  <h2>Evénements à venir</h2>
-
-                    <!--Titre--> 
-                    <div class="wrap marg21">
-                      <p class="colorbold pad1">Event1</p>
-                      <div class="event-lieu">
-                      <p class="text-17">Organisé à Orveau-    
-                      </div>
-                      <div class="event-date">
-                      <p class="text-17">'2017-07-13 17:00:00'</p>
-                      </div>
-                    </div>
-                    <!--Description--> 
-                    <div class="wrap ">
-                      <img src='./images/event/Event_img32.jpg' alt="" class="image-border img-indent4">
-                      <div class="extra-wrap box-6">
-
-                      <p class="text-7 pad13">BlablaEvent</p>
-                        <!--<a href="event.php#" class="button-1 style" style="color:red">Participer</a>-->
-                      </div>
-                    </div>
-                </div>
-
-                    
-
-
-               <!--Filtre Janvier-->  
-              <div class="contenu_onglet" id="contenu_onglet_janvier">
-                <h2>Evénements en janvier</h2>
-
-              </div>
-
-          <!--Filtre Fevrier--> 
-              <div class="contenu_onglet" id="contenu_onglet_fevrier">
-                <h2>Evénements en février</h2>
-
-              </div>
-
-               <!--Filtre Mars-->  
-              <div class="contenu_onglet" id="contenu_onglet_mars">
-                <h2>Evénements en mars</h2>
-
-              </div>  
-
-               <!--Filtre Avril-->  
-              <div class="contenu_onglet" id="contenu_onglet_avril">
-                <h2>Evénements en avril</h2>
-
-              </div>
-
-               <!--Filtre Mai-->  
-              <div class="contenu_onglet" id="contenu_onglet_mai">
-                <h2>Evénements en mai</h2>
-
-              </div>
-
-               <!--Filtre Juin-->  
-              <div class="contenu_onglet" id="contenu_onglet_juin">
-                 <h2>Evénements en juin</h2>
-
-              </div>
-
-               <!--Filtre Juillet-->  
-              <div class="contenu_onglet" id="contenu_onglet_juillet">
-                  <h2>Evénements en juillet</h2>
-
-              </div>
-
-              <!--Filtre Aout-->  
-              <div class="contenu_onglet" id="contenu_onglet_aout">
-                <h2>Evénements en août</h2>
-
-              </div>
-
-               <!--Filtre Septembre-->  
-              <div class="contenu_onglet" id="contenu_onglet_septembre">
-                <h2>Evénements en septembre</h2>
-
-              </div>
-
-              <!--Filtre Octobre-->  
-              <div class="contenu_onglet" id="contenu_onglet_octobre">
-                <h2>Evénements en octobre</h2>
-
-              </div>
-
-              <!--Filtre Novembre-->  
-              <div class="contenu_onglet" id="contenu_onglet_novembre">
-                <h2>Evénements en novembre</h2>
-
-              </div>
-
-              <!--Filtre Décembre-->  
-              <div class="contenu_onglet" id="contenu_onglet_decembre">
-                <h2>Evénements en décembre</h2>
-
-              </div> 
-
-          </div>
-      <!--Div Format-->
-      <div class="clear"></div> 
-      </div>
-  <div class="clear"></div>
+				</ul>
+			</div>
+		</div>
+	  </div>
   </div>
-</section>
-</div>
-<!--Open Begin Page--> 
-    <script type="text/javascript">
-                var anc_onglet = 'tous';
-                change_onglet(anc_onglet);
-    </script>
-<!--Footer--> 
-<?php
-include("./vue/footer.php")
-?>
\ No newline at end of file
+</section>
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/vue/footer.php b/les_ecuries_de_la_boissiere/vue/footer.php
index b585a5b..9bd4b46 100644
--- a/les_ecuries_de_la_boissiere/vue/footer.php
+++ b/les_ecuries_de_la_boissiere/vue/footer.php
@@ -1,21 +1,21 @@
-		<script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js"></script><script type="text/javascript" src="./js/script.js"></script>
+  		<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-->
-<footer>     
-  <div class="footcont">
-	<div class="fleft">
-		<a href="http://www.ecuries-boissiere.com/" target="_blank" class="footic-1"></a>
-		<a href="home.php#" class="footic-2"></a>
-		<a href="https://www.facebook.com/pages/Les-%C3%89curies-de-la-Boissi%C3%A8re/532820556840979" target="_blank" class="footic-3"></a>
-		<a href="home.php#" class="footic-4"></a>
+  </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 class="fright">
-		<p>&nbsp;Les Ecuries de la Boissière © 2017 Tous droits réservés&nbsp;&nbsp;<span>|</span>&nbsp;&nbsp;<a href="privacy_policy.php">Politique de confidentialité</a></p>
+	<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>
-</body>
 </html>
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/vue/header.php b/les_ecuries_de_la_boissiere/vue/header.php
index b5ef05a..065f2dc 100644
--- a/les_ecuries_de_la_boissiere/vue/header.php
+++ b/les_ecuries_de_la_boissiere/vue/header.php
@@ -10,28 +10,58 @@
 		<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>
-<!-- Affichage En tête -->
-  <div class="main">
-  	 <h1><a href="home.php"><img src="./images/all/logo.png" alt=""></a></h1>
-<!-- Bouton de Navigation des pages -->	
-    <nav>    
-      <ul class="sf-menu sf-js-enabled">
-  	        <li><a href="home.php">accueil</a></li>
-			<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="about_us.php">à propos de nous <span class="caret"></span></a>
-        	    <div class="dropdown-content"> <span class="arrow1"></span>
-					<a href="about_us.php">Le Centre</a>
-					<a href="price_list.php">Tarifs</a>
-					<a href="contact_us.php">Contactez-nous</a>
-                </div></li>
-  	        <li><a href="shop.php">boutique</a></li>
-            <li><a href="news.php">actualités</a></li>
-            <li><a href="event.php">événements</a></li>
-  	  </ul>
-  	   <div class="clear"></div>
-    </nav>
-  </div>
+	<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>
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/vue/home/index.php b/les_ecuries_de_la_boissiere/vue/home/index.php
index 8318693..8d0aa69 100644
--- a/les_ecuries_de_la_boissiere/vue/home/index.php
+++ b/les_ecuries_de_la_boissiere/vue/home/index.php
@@ -1,53 +1,64 @@
-<!--Header-->
-<?php
-include("./vue/header.php")
-?>
 <body>
   <div class="container-fluid">
+  <section id="content" class="page-content">
 <!--==============================content================================-->
-      <section id="content" class="main-content">
-          <div class="container_12 padcontent">
-              <div class="grid_12">
-              <!--Haut de page-->
-              <div id="slideshowhome">
-                <ul id="sContent">
-                  <li><img src="./images/home/Home_img01.jpg" alt="Image1"   style="width: 940px;  height: 500px;" /></li>
-                  <li><img src="./images/home/Home_img02.jpg" alt="Image2" style="width: 940px;  height: 500px;" /></li>
-                  <li><img src="./images/home/Home_img03.jpg" alt="Image3" style="width: 940px;  height: 500px;" /></li>
-                </ul>
-              </div>
-               <div class="banner-1">
-                  <div class="bannerup"></div>
-                  <div class="bannercenter">
-                    <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>
-                </div>
-              </div>
-              <!--Bas de page-->
-              <div class="box-2">
-                <h2>Nouvelles</h2> 
-                    <div class="wrap marg1">
-                      <div class="numbox img-indent3"><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 Format-->
-                <div class="clear"></div>
-              </div>
-          <div class="clear"></div>
-          </div>
-      </section>
-    </div>
-</body>
-<!--Footer-->
-<?php
-include("./vue/footer.php")
-?>
\ No newline at end of file
+		  <!--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>
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/vue/news/index.php b/les_ecuries_de_la_boissiere/vue/news/index.php
index 01929e2..ae42272 100644
--- a/les_ecuries_de_la_boissiere/vue/news/index.php
+++ b/les_ecuries_de_la_boissiere/vue/news/index.php
@@ -1,43 +1,66 @@
-<!--Header-->
-<?php
-include("./vue/header.php")
-?>
 <body>
   <div class="container-fluid">
 <!--==============================content================================-->
 <section id="content" class="page-content">
-  <div class="container_12 padcontent">
-    	<div class="grid_9">
+    	<div class="container">
         	<center><h2>Dernières nouvelles</h2></center>
-
-        <div class="content-news" id="">
-              <div class="wrap marg13">
-                  <div class="numbox img-indent3">
-                    <span>Juin</span>
-        		        <strong>10</strong></div>
-                    <div class="extra-wrap">
-                    <p class="colorbold marg3 pad1">Event1</p>
-                   <!-- <p class="text-16">Posté par Admin <span>46 Commentaire(s)</span></p>-->
-                  </div>
-              </div>
-                <div class="wrap marg17">
-                  <img src='./images/event/Event_img31.jpg' alt=""  class="image-border img-indent4">
-                    <div class="extra-wrap box-5">
-                      <!--<p class="text-12">Anniversaire du Club</p>-->
-                      <p class="text-7news pad6">BlablaEvent</p>
-
-                    </div>
-                </div>
-        </div>
-        <!--Div Format-->
-        <div class="clear"></div> 
-        </div>
-   <div class="clear"></div>
-  </div>
-</section>
+	<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>
-</body>
-<!--Footer-->
-<?php
-include("./vue/footer.php")
-?>
\ No newline at end of file
+</section>
+</div>
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/vue/price_list/index.php b/les_ecuries_de_la_boissiere/vue/price_list/index.php
index e09f1c2..684c4fa 100644
--- a/les_ecuries_de_la_boissiere/vue/price_list/index.php
+++ b/les_ecuries_de_la_boissiere/vue/price_list/index.php
@@ -1,67 +1,54 @@
-<!--Header-->
-<?php
-include("./vue/header.php")
-?>
 <body>
   <div class="container-fluid">
 <!--==============================content================================-->
 <section id="content" class="page-content">
   <div class="container_12 padcontent">
-    	<div class="grid_9">
+    	<div class="container">
         	<center><h2>Tarifs 2016-2017</h2></center><br>
-          <!--Affichage Flèche de direction-->
-     <a class="prev" onclick="plusSlides(-1)">❮</a>
-     <a class="next" onclick="plusSlides(1)">❯</a>
-     <!--Affichage Bouton position -->
-    <div style="text-align:center">
-      <span class="dot" title="Cotisations" onclick="currentSlide(1)"></span> 
-      <span class="dot" title="Leçons"  onclick="currentSlide(2)"></span> 
-      <span class="dot" title="Coût pour propriétaire"  onclick="currentSlide(3)"></span> 
-      <span class="dot" title="Cavaliers de passage"  onclick="currentSlide(4)"></span> 
-      <span class="dot" title="Stage d’équitation"  onclick="currentSlide(5)"></span> 
-    </div>
-    <br>
-    <!--Affichage Tarif-->
-    <div class="slideshow-container">
-
-          <div class="mySlides fade-tarif">
-            <div class="numbertext">1 / 5</div>
-            <center><img src="./images/price_list/Tarif1.jpg" class="img-tarif"></center>
-            <div class="text"> 
-            <p class="colorbold marg3 pad1"">Cotisations</p>
-          <p class="text-7price pad6"><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>
-          <p class="colorbold marg3 pad1">Licence Fédéral</p>
-          <p class="text-7price pad6"><br>
+          <h4>Licence Fédéral</h4>
+          <p><br>
           • Né(e) en 1997 & après.........................................25 €<br>
           • Né(e) en 1996 & avant.........................................36 €<br>
           </p>
-          <p class="colorbold marg3 pad1">Licence Compétition </p>
-          <p class="text-7price pad6"><br>
+          <h4>Licence Compétition </h4>
+          <p><br>
           • Compétition PRO..............................................330 €<br>
           • Compétition Amateur.........................................80 €<br>
           • Compétition Club........................................Gratuite<br>
           </p>
-              <p class="colorbold marg3 pad1">Compétition :</p> 
-          <p class="text-7price pad6"><br>
+          <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><br></div>
-          </div>
-
-
-          <div class="mySlides fade-tarif">
-            <div class="numbertext">2 / 5</div>
-           <center><img src="./images/price_list/Tarif2.jpg" class="img-tarif"></center>
-            <div class="text">
-            <p class="colorbold marg3 pad1">Leçons</p> 
-          <p class="text-7price pad6"><br>
+          </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>
@@ -80,16 +67,14 @@ include("./vue/header.php")
           • 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><br></div>
-          </div>
-
-
-          <div class="mySlides fade-tarif">
-            <div class="numbertext">3 / 5</div>
-            <center><img src="./images/price_list/Tarif3.jpg" class="img-tarif"></center>
-            <div class="text">
-            <p class="colorbold marg3 pad1">Coût global mensuel pour un propriétaire</p>
-          <p class="text-7price pad6"><br>
+          </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>
@@ -104,88 +89,45 @@ include("./vue/header.php")
           <b>Champmotteux:<br><br></b>
           • Formule Pré évasion ..................................240€/mois<br>
           • Formule Pré évasion confort ........................350€/mois
-          </p><br>
-          </div>
-          </div>
-
-
-          <div class="mySlides fade-tarif">
-            <div class="numbertext">4 / 5</div>
-            <center><img src="./images/price_list/Tarif4.jpg" class="img-tarif"></center>
-            <div class="text">
-              <p class="colorbold marg3 pad1">Cavaliers de Passage </p>
-          <p class="text-7price pad6"><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>
-            </div>
-          </div>
-
-
-          <div class="mySlides fade-tarif">
-            <div class="numbertext">5 / 5</div>
-            <center><img src="./images/price_list/Tarif5.jpg" class="img-tarif"></center>
-            <div class="text">
-            <p class="colorbold marg3 pad1">Stage d’Equitation</p><br>
-          <p class="text-7price pad6">
-          <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><br>
-            </div>
-          </div>
-
+          </p></div></center>
     </div>
-
-    <!--Open Begin Page & initialisation--> 
-    <script>
-    var slideIndex = 1;
-    showSlides(slideIndex);
-
-    function plusSlides(n) {
-      showSlides(slideIndex += n);
-    }
-
-    function currentSlide(n) {
-      showSlides(slideIndex = n);
-    }
-
-    function showSlides(n) {
-      var i;
-      var slides = document.getElementsByClassName("mySlides");
-      var dots = document.getElementsByClassName("dot");
-      if (n > slides.length) {slideIndex = 1}    
-      if (n < 1) {slideIndex = slides.length}
-      for (i = 0; i < slides.length; i++) {
-          slides[i].style.display = "none";  
-      }
-      for (i = 0; i < dots.length; i++) {
-          dots[i].className = dots[i].className.replace(" active", "");
-      }
-      slides[slideIndex-1].style.display = "block";  
-      dots[slideIndex-1].className += " active";
-    }
-    </script>
-
-          <!--Div Format-->
-         <div class="clear"></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 d’Equitation</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 class="clear"></div>
   </div>
 </section>
-</div>
-</body>
-<!--Footer-->
-<?php
-include("./vue/footer.php")
-?>
\ No newline at end of file
+</div>
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/vue/privacy_policy/index.php b/les_ecuries_de_la_boissiere/vue/privacy_policy/index.php
index 5d70458..8c11466 100644
--- a/les_ecuries_de_la_boissiere/vue/privacy_policy/index.php
+++ b/les_ecuries_de_la_boissiere/vue/privacy_policy/index.php
@@ -1,25 +1,20 @@
-<!--Header-->
-<?php
-include("./vue/header.php")
-?>
 <body>
   <div class="container-fluid">
 <!--==============================content================================-->
 <section id="content" class="page-content">
-  <div class="container_12 padcontent">
-  	<div class="grid_9">
+  	<div class="container">
     	<h2>Politique de confidentialité</h2><br>
-        <p class="text-7 marg19">Collecte des renseignements personnels<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 class="text-7 marg21">Formulaires et interactivité:<br>
+        <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 class="text-7 marg21">Droit d'opposition et de retrait<br>
+        <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
@@ -27,11 +22,11 @@ include("./vue/header.php")
         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 class="text-7 marg21">Droit d'accès<br>
+        <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 class="text-7 marg21">Sécurité<br>
+        <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
@@ -48,16 +43,10 @@ include("./vue/header.php")
         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 class="text-7 marg21">Législation<br>
+        <p >Législation<br>
         Nous nous engageons à respecter les dispositions législatives françaises</p>
-        <p class="text-7 marg21">E-mail: <a href="mailto:info@security.org" class="link2">info@security.org</a></p>
+        <p >E-mail: <a href="mailto:info@security.org">info@security.org</a></p>
     </div>
-   <div class="clear"></div>
-  </div>
 </section>
 </div>
-</body>
-<!--Footer-->
-<?php
-include("./vue/footer.php")
-?>
\ No newline at end of file
+</body>
\ No newline at end of file
diff --git a/les_ecuries_de_la_boissiere/vue/shop/index.php b/les_ecuries_de_la_boissiere/vue/shop/index.php
index d3b7d24..99e3163 100644
--- a/les_ecuries_de_la_boissiere/vue/shop/index.php
+++ b/les_ecuries_de_la_boissiere/vue/shop/index.php
@@ -1,12 +1,8 @@
-<!--Header-->
-<?php
-include("./vue/header.php")
-?>
 <body>
   <div class="container-fluid">
+  <section id="content" class="page-content">
+    <div class="container">
 <!--==============================content================================-->
-<section id="content" class="page-content">
-  <div class="container_12 padcontent">
         <center><h2>Produit actuellement en vente</h2></center><br>
 <!--information page-->
     <div class="padright">
@@ -15,58 +11,83 @@ include("./vue/header.php")
          La performance lors d’un entraînement de montage ou lors d’un concours de saut d’obstacles
           dépend également de l’équipement choisi par le cavalier. </p>
     </div>
-        <center><a href="./contact_us.php"><h3> Pour tout renseignement ou achat contacter le Club </h3></a></center> <br> 
+	<div class="container marketing">
          <!--Liste Article-->
         <div class="row">
-                 <div class="col">
-                 <img class=imgB src='./images/shop/Shop_img21.jpg'
-                 alt="" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';"  /><br />
-                    <div class=shop-desc>
-                      <p class="text-12">Nom Article</p>
-                      <p class="text-12">20 €</p>
-                    </div>
-                </div>
-				                 <div class="col">
-                 <img class=imgB src='./images/shop/Shop_img21.jpg'
-                 alt="" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';"  /><br />
-                    <div class=shop-desc>
-                      <p class="text-12">Nom Article</p>
-                      <p class="text-12">20 €</p>
-                    </div>
-                </div>
-				                 <div class="col">
-                 <img class=imgB src='./images/shop/Shop_img21.jpg'
-                 alt="" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';"  /><br />
-                    <div class=shop-desc>
-                      <p class="text-12">Nom Article</p>
-                      <p class="text-12">20 €</p>
-                    </div>
-                </div>
-				                 <div class="col">
-                 <img class=imgB src='./images/shop/Shop_img21.jpg'
-                 alt="" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';"  /><br />
-                    <div class=shop-desc>
-                      <p class="text-12">Nom Article</p>
-                      <p class="text-12">20 €</p>
-                    </div>
-                </div>
-				                 <div class="col">
-                 <img class=imgB src='./images/shop/Shop_img21.jpg'
-                 alt="" onerror="this.onerror=null;this.src='./images/shop/Shop_img00.jpg';"  /><br />
-                    <div class=shop-desc>
-                      <p class="text-12">Nom Article</p>
-                      <p class="text-12">20 €</p>
-                    </div>
-                </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';"/>
+				  <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>
-</body>
-<!--Footer-->
-<?php
-include("./vue/footer.php")
-?>
\ No newline at end of file
+</section>
+</div>
\ No newline at end of file
