@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'dinregularwebfont';
	src: url('../fonts/dinregularwebfont.eot');
	src: local('dinregularwebfont'), url('../fonts/dinregularwebfont.woff') format('woff'), url('../fonts/dinregularwebfont.ttf') format('truetype');
}

body { background:#f8f7f0; border-top:7px solid #298742; font-family: 'Source Sans Pro', sans-serif; font-size:16px; color:#000; line-height:28px; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5{ font-family: 'Source Sans Pro', serif; font-weight:300; }

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 15px;
}

h1 { color:#298742; margin-bottom:20px; font-size:34px; font-weight:300; }

h2, h3, h4 { color:#35b858; }

h4 { font-size:18px; }

a { color:#78a582; }
a:hover, a:active, a:focus { text-decoration:none; color:#52835d; }

.btn { background:#fff; border:1px solid #298742; color:#298742; padding:8px 12px; text-transform:uppercase;  }
.btn-square { border-radius:0; position:relative; margin:10px; font-weight:300; font-size:18px; }
.btn-square::before { content:""; display:block; position:absolute; background:url(../images/corner-top-left.png) top left no-repeat; width:90px; height:28px; top:-13px; left:-26px; }
.btn-square::after { content:""; display:block; position:absolute; background:url(../images/corner-bottom-right.png) top left no-repeat; width:117px; height:40px; bottom:-15px; right:-13px; }
.btn-square span { letter-spacing:-2px; display:inline-block; top:-2px; padding:0; position:relative }

.cadre_img { position:relative; }
.cadre_img::before { content:""; display:block; position:absolute; background:url(../images/corner-top-left.png) top left no-repeat; width:90px; height:28px; top:-13px; left:-26px; }
.cadre_img::after { content:""; display:block; position:absolute; background:url(../images/corner-bottom-right.png) top left no-repeat; width:117px; height:40px; bottom:-15px; right:-13px; }

.home_temple { background:url(../images/bg_temple.jpg) -500px top no-repeat; }

.home_promo { background:url(../images/bg_promo_home.jpg) center top; margin-top:2.0em; margin-bottom:1.0em; padding:0.3em 0 1.5em 0; color:#CCC }
.home_promo img { -webkit-box-shadow: 0 30px 20px -20px rgba(0,0,0,0.9); box-shadow: 0 30px 20px -20px rgba(0,0,0,0.9); border:10px solid #fff; }
.home_promo h2 { color:#fff; }
.home_promo h4 { margin-top:20px; }
.home_promo_price { background:#121212; display:inline-block; padding:1px 5px; }
.home_promo_price .txt_vert { font-weight:bold; text-shadow:1px 1px #000; }
.tel { background:url(../images/bg-tel.png) left 10px no-repeat; padding:8px 0px 0px 38px; font-size:18px; margin:0 0 0 15px; }

header { position:relative; }

#banniere { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8f7f0+0,f8f7f0+86,dfe2dc+100 */
background: #f8f7f0; /* Old browsers */
background: -moz-linear-gradient(top,  #f8f7f0 0%, #f8f7f0 86%, #dfe2dc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f8f7f0 0%,#f8f7f0 86%,#dfe2dc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f8f7f0 0%,#f8f7f0 86%,#dfe2dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f7f0', endColorstr='#dfe2dc',GradientType=0 ); /* IE6-9 */
 }

.navbar {
	padding-top:20px;
	margin:0 auto 0 auto;
	position: relative;

}

.dropdown-menu { border-top:none; background:#dfe2dc; -webkit-box-shadow: 0 12px 12px -5px rgba(0,0,0,.3); box-shadow: 0 12px 12px -5px rgba(0,0,0,.3); }
.dropdown { transition:all ease-in 0.5s; }
.dropdown:hover { background:#dfe2dc; border-radius:3px 3px 0 0; }
.navbar ul li .dropdown-menu > li > a { font-size:14px }

@media screen and (min-width: 1200px) {

#bs-example-navbar-collapse-1 { margin:0 auto; position:relative; text-transform:none; }


}
.navbar ul li a { font-family:'dinregularwebfont'; font-size:16px; font-weight:regular; color:#000; transition: 0.3s ease-out; }
.navbar ul li a:hover { background:none; color:#298742; text-shadow: 2px 2px 5px rgba(0,0,0,0.4); }
.navbar ul li.active a { color:#298742; }
.navbar-toggle .icon-bar { background: #fff; }
.nav > li > a { padding-left:15px; padding-right:15px; }

.navbar ul li a i { font-size:14px; }

.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

@media screen and (max-width: 1260px) {
	
	#navbar ul li { margin:0 4px; padding:0; }
	.nav > li > a { padding-left:5px; padding-right:5px; }
	.navbar ul li a i { font-size:14px; }

}

@media screen and (max-width: 1100px) {
	
	#navbar ul li { margin:0 4px; padding:0; }
	.navbar ul li a { font-size:14px; }
	.nav > li > a { padding-left:4px; padding-right:4px; }
	.navbar ul li a i { font-size:13px; }

}

@media screen and (max-width: 992px) {
	
	#navbar ul li { margin:0 4px; padding:0; }
	.navbar ul li a { font-size:14px; }
	.nav > li > a { padding-left:3px; padding-right:3px; }
	.navbar ul li a i { font-size:13px; }

}

@media screen and (max-width: 930px) {
	
	#navbar ul li { margin:0 3px; padding:0; }
	.navbar ul li a { font-size:13px; }
	.nav > li > a { padding-left:3px; padding-right:3px; }
	.navbar ul li a i { font-size:12px; }

}

@media screen and (max-width: 855px) {
	
	#navbar ul li { margin:0 3px; padding:0; }
	.navbar ul li a { font-size:12px; }
	.nav > li > a { padding-left:2px; padding-right:2px; }
	.navbar ul li a i { font-size:12px; }

}

@media screen and (max-width: 767px) {
	
	#navbar ul li { margin:0 3px; padding:0; }
	.navbar ul li a { font-size:16px; }
	.nav > li > a { padding-left:5px; padding-right:5px; }
	.navbar ul li a i { font-size:14px; }

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
}

}

.ban { 

}

.num_banniere { background:#c7396d; display:inline-block; width:auto; padding:7px 20px; color:#fff; font-size:18px; }
.num_banniere i { font-size:16px; }

.facebook_link { color:#ddc396; font-size:18px; float:right; margin-right:190px; margin-top:15px; }
.facebook_link:hover { text-decoration:none; color:#ffdd53 }
.facebook_link img { float:left; margin:0px 10px; }

.slider { position:relative; margin:0 auto; padding:0px; }

.content { margin:20px auto; overflow:hidden; }

.slogan-home { margin:0; padding:24px 0 0px 0; min-height:80px; font-family: 'Source Sans Pro', serif; font-size:34px; line-height:40px; color:#298742; font-weight:300; }
.slogan { background:#298742; margin:0; padding:24px 0 24px 0; min-height:80px; font-family: 'Source Sans Pro', serif; font-size:34px; color:#fff; line-height:40px; font-weight:300; }
 
 @media screen and (max-width: 992px) {
	
.slogan-home, .slogan { font-size:28px; }

}


.content p { color:#000; font-size:16px; line-height:28px; }
.content ul { list-style:square; padding-left:10px; }
.content .li_actu { border-bottom:1px solid #db7c9e; margin-bottom:10px; }
.content .li_actu a { color:#db7c9e; font-weight:bold; font-size:18px; }
.actu_img { position:relative; display:block; padding:5px; overflow:hidden; -webkit-box-shadow: 0 0 3px 0 #000000; box-shadow: 0 0 3px 0 #000000; background:rgba(255,255,255,0.3) }
.actu_categ { -moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); display:block; position:absolute; width:150px; top:20px; right:-35px; padding:5px 10px; color:#000; -webkit-box-shadow: 0 0 2px 0 #000000; box-shadow: 0 0 2px 0 #000000; background:#db7c9e; font-weight:normal; text-transform:uppercase; text-align:center; font-size:12px; color:#fff; }

.white-block, .choco-block { background:#fff; margin:10px; -webkit-box-shadow: 0 0 8px 0 #bbb; box-shadow: 0 0 8px 0 #bbb; border-bottom:10px solid #575747; }
.choco-block { background:#2f2a22; }
.content .choco-block *, .content-home .choco-block *  { color:#FFF; }
.white-block .img-responsive, .choco-block .img-responsive { width:100% }


#footer { background:#2b2b2b; border-top:7px solid #298742; margin:50px 0 0 0; min-height:300px; color:#999; }

/* VIDS */
.img_liste_videos img { border:3px solid #dcb175; margin:5px 0; }
.li_categ_videos { background:rgba(0,0,0,0.2); padding:20px 10px 17px; margin:20px 0; clear:both;  -webkit-box-shadow: 0px 0px 20px 0 rgba(0,0,0,0.5); box-shadow: 0px 0px 20px 0 rgba(0,0,0,0.5); }
.li_categ_videos .current { color:#930; }

.col_right_vids { float:left; margin:50px 0 0 0; width:390px; }
.detail_vids { width:600px; float:left; }
.mini_navigateur { min-height:350px; margin:0; padding:0; }
.mini_navigateur h2 { margin-top:0; background:#045722; padding:5px; color:#FFFFFF }
.video{ width:500px;}
.video, .mini_navigateur{ vertical-align:top; display: inline-block;}
.mini_videos img { width:120px;}
.vids{ position:relative; display:inline-block; width:126px; margin:13px 0; border:3px solid #dcb175; } 
.vids:nth-child(3n+3) { position:relative; display:inline-block; margin:13px 20px; width:126px; }
.arrow { background:url(../images/bg_arrow.png) top left no-repeat; display:none; width:25px; height:25px; top:20px; left:-10px; position:absolute; z-index:11; }
.titre_cache{display:none; background-color:#3d210d; color:white; position:absolute; font-size:12px; width:185px; margin:0; min-height: 60px; padding: 15px; z-index:10; top:0; left:-190px; border-right:1px solid #afa198; -webkit-box-shadow: -5px 5px 10px 0 rgba(0,0,0,0.5); box-shadow: -5px 5px 10px 0 rgba(0,0,0,0.5); }
.titre_cache p { font-size:11px; color:#db9a8a; line-height:14px; margin:4px 0; }

.li_contact { list-style:none; margin:0; padding:0; font-size:18px }
.li_contact li i { color:#b91747; font-size:22px; }
.li_contact li { margin-bottom:10px; list-style:none; margin:0; padding:0; }
.bt-choco { background:#575747; color:#fff; font-family:'dinregularwebfont'; font-size:16px; border:none; border-radius:0; padding:10px 10px 6px; }
.bt-choco:hover { background:#2f2a22; color:#fff; }
.form-control { background:rgba(0,0,0,0.1); border:none; border-radius:0; color:#000; }

.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #666;
}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #666;
   opacity:  1;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #666;
   opacity:  1;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #666;
}
.form-control::-ms-input-placeholder { /* Microsoft Edge */
   color:    #666;
}

.form-control:focus {
    border-color: #3d210d;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);
}

.carousel-control { color:#dcb175; }

.carousel-control:hover, .carousel-control:focus {
    color:#dcb175;
}

.modal-content {
    position: relative;
    background-color: #f3e4d0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #f3e4d0;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.modal-header {
    padding: 15px 15px 0;
    border-bottom: none;
}

.modal-footer {
    padding: 0px 15px 15px;
    text-align: right;
    border-top: none;
}

.gototop.active {
    opacity: 1;
    visibility: visible;
}
.gototop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.gototop a {
    width: 50px;
    height: 50px;
    display: table;
    background: #298742;;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.gototop a i {
    height: 50px;
    display: table-cell;
    vertical-align: middle;
}

.mt-00 { margin-top: 0em; }
.mt-05 { margin-top: 0.5em; }
.mt-10 { margin-top: 1.0em;  }
.mt-15 { margin-top: 1.5em;  }
.mt-20 { margin-top: 2.0em;  }
.mt-25 { margin-top: 2.5em;  }
.mt-30 { margin-top: 3.0em;  }

.mb-00 { margin-bottom: 0em; }
.mb-05 { margin-bottom: 0.5em; }
.mb-10 { margin-bottom: 1.0em;  }
.mb-15 { margin-bottom: 1.5em;  }
.mb-20 { margin-bottom: 2.0em;  }
.mb-25 { margin-bottom: 2.5em;  }
.mb-30 { margin-bottom: 3.0em;  }

.ml-00 { margin-left: 0em; }
.ml-05 { margin-left: 0.5em; }
.ml-10 { margin-left: 1.0em;  }
.ml-15 { margin-left: 1.5em;  }
.ml-20 { margin-left: 2.0em;  }
.ml-25 { margin-left: 2.5em;  }
.ml-30 { margin-left: 3.0em;  }

.mr-00 { margin-right: 0em; }
.mr-05 { margin-right: 0.5em; }
.mr-10 { margin-right: 1.0em;  }
.mr-15 { margin-right: 1.5em;  }
.mr-20 { margin-right: 2.0em;  }
.mr-25 { margin-right: 2.5em;  }
.mr-30 { margin-right: 3.0em;  }

.pt-00 { padding-top: 0em; }
.pt-05 { padding-top: 0.5em; }
.pt-10 { padding-top: 1.0em;  }
.pt-15 { padding-top: 1.5em;  }
.pt-20 { padding-top: 2.0em;  }
.pt-25 { padding-top: 2.5em;  }
.pt-30 { padding-top: 3.0em;  }

.pb-00 { padding-bottom: 0em; }
.pb-05 { padding-bottom: 0.5em; }
.pb-10 { padding-bottom: 1.0em;  }
.pb-15 { padding-bottom: 1.5em;  }
.pb-20 { padding-bottom: 2.0em;  }
.pb-25 { padding-bottom: 2.5em;  }
.pb-30 { padding-bottom: 3.0em;  }

.pl-00 { padding-left: 0em; }
.pl-05 { padding-left: 0.5em; }
.pl-10 { padding-left: 1.0em;  }
.pl-15 { padding-left: 1.5em;  }
.pl-20 { padding-left: 2.0em;  }
.pl-25 { padding-left: 2.5em;  }
.pl-30 { padding-left: 3.0em;  }

.pr-00 { padding-right: 0em; }
.pr-05 { padding-right: 0.5em; }
.pr-10 { padding-right: 1.0em;  }
.pr-15 { padding-right: 1.5em;  }
.pr-20 { padding-right: 2.0em;  }
.pr-25 { padding-right: 2.5em;  }
.pr-30 { padding-right: 3.0em;  }

.margin-00 { margin-top: 0em; margin-bottom: 0em; }
.margin-05 { margin-top: 0.5em; margin-bottom: 0.5em; }
.margin-10 { margin-top: 1.0em; margin-bottom: 1.0em; }
.margin-15 { margin-top: 1.5em; margin-bottom: 1.5em; }
.margin-20 { margin-top: 2.0em; margin-bottom: 2.0em; }
.margin-25 { margin-top: 2.5em; margin-bottom: 2.5em; }
.margin-30 { margin-top: 3.0em; margin-bottom: 3.0em; }

.margin-top-00 { margin-top: 0em;   }
.margin-top-05 { margin-top: 0.5em; }
.margin-top-10 { margin-top: 1.0em; }
.margin-top-15 { margin-top: 1.5em; }
.margin-top-20 { margin-top: 2.0em; }
.margin-top-25 { margin-top: 2.5em; }
.margin-top-30 { margin-top: 3.0em; }

.margin-side-00 { margin-left: 0em; margin-right: 0em; }
.margin-side-05 { margin-left: 0.5em; margin-right: 0.5em; }
.margin-side-10 { margin-left: 1.0em; margin-right: 1.0em; }
.margin-side-15 { margin-left: 1.5em; margin-right: 1.5em; }
.margin-side-20 { margin-left: 2.0em; margin-right: 2.0em; }
.margin-side-25 { margin-left: 2.5em; margin-right: 2.5em; }
.margin-side-30 { margin-left: 3.0em; margin-right: 3.0em; }

.padding-05 { padding-top: 0.5em; padding-bottom: 0.5em; }
.padding-10 { padding-top: 1.0em; padding-bottom: 1.0em; }
.padding-15 { padding-top: 1.5em; padding-bottom: 1.5em; }
.padding-20 { padding-top: 2.0em; padding-bottom: 2.0em; }
.padding-25 { padding-top: 2.5em; padding-bottom: 2.5em; }
.padding-30 { padding-top: 3.0em; padding-bottom: 3.0em; }

.padding-side-00 { padding-left: 0em; padding-right: 0em; }
.padding-side-05 { padding-left: 0.5em; padding-right: 0.5em; }
.padding-side-10 { padding-left: 1.0em; padding-right: 1.0em; }
.padding-side-15 { padding-left: 1.5em; padding-right: 1.5em; }
.padding-side-20 { padding-left: 2.0em; padding-right: 2.0em; }
.padding-side-25 { padding-left: 2.5em; padding-right: 2.5em; }
.padding-side-30 { padding-left: 3.0em; padding-right: 3.0em; }

.bg_bleuroi   { background: $bleuroi; color: $blanc; }
.bg_rose      { background: $rose; color: $blanc; }
.bg_bleufonce { background: $bleufonce; color: $blanc; }
.bg_gris      { background: $gris; }
.bg_blanc     { background: $blanc; }

.txt_bleuroi   { color: $bleuroi; }
.txt_rose      { color: $rose; }
.txt_blanc     { color: #fff;    }
.txt_vert     { color: #298742;    }
.txt_bleufonce { color: $bleufonce; }

.txt_12 { font-size:12px; }
.txt_14 { font-size:14px; }
.txt_16 { font-size:16px; }
.txt_18 { font-size:18px; }
.txt_20 { font-size:20px; }
.txt_24 { font-size:24px; }
.txt_30 { font-size:30px; }
.txt_36 { font-size:36px; }

.txt_pluto { font-family:"PlutoRegular", sans serif; }

.txt_semiB { font-weight:600; }

.no_li_style { list-style:none; }

.underline { text-decoration:underline; }

.disp_none { display:none; }

.col-centered { float:none; margin-right:auto; margin-left:auto; }

.max-300 { max-width:300px; }

/* fluid 5 columns */
.grid-sizer,
.grid-item { width: 19.5%; margin-bottom:4px; box-sizing:content-box; }
.grid-item .img-responsive { width:100%; }
/* 2 columns */
.grid-item--width2 { width: 39%; }

.nav > li > a:focus, .nav > li > a:hover { background: none; color: #ff84b0; text-shadow: 2px 2px 5px #000000; }

.fh5co-footer-links { list-style:none; margin:0; padding:0; }