@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:url(../images/bg.png) top center repeat-x #f2f0ea; font-family: 'Source Sans Pro', sans-serif; font-size:16px; color:#4a4a4a; line-height:28px; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5{ font-family: 'muli', serif; font-weight:bold; }

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

h1 { color:#8c2389; margin-bottom:20px; font-size:36px; font-weight:300; }

h2, h3, h4 { color:#372660;font-weight:300; }

h4 { font-size:18px; }

a { color:#8c2389; }
a:hover, a:active, a:focus { text-decoration:none; color:#44335c; }

.bulle .autoScroll .desc {
  animation: autoScroll 5s linear infinite;
}

@keyframes autoScroll {
  100% {
    transform: translateY(-100%);
  }
}
.bulleScroll { padding:0; height:70px; overflow:hidden; }
.bulleScroll.autoScroll { padding:20px 0; }

.test { color:yellow; }

.btn { background:#fff; border:1px solid #372660; color:#d19c1e; 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, .cadre_slogan { position:relative; display:inline-block; }
.cadre_img::before, .cadre_slogan::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, .cadre_slogan::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; }

.cadre_slogan::before { background-image:url(../images/corner-top-left-white.png); top:-5px; }
.cadre_slogan::after { background-image:url(../images/corner-bottom-right-white.png);  bottom:-9px; }

 .home_rubrique { opacity:0.01; -webkit-animation: home_rubrique ease-out 0.3s forwards 0.5s; /* Safari 4+ */
	-moz-animation:    home_rubrique ease-out 0.3s forwards 0.5s; /* Fx 5+ */
	-o-animation:      home_rubrique ease-out 0.3s forwards 0.5s; /* Opera 12+ */
	animation:         home_rubrique ease-out 0.3s forwards 0.5s; /* IE 10+, Fx 29+ */ }

@-webkit-keyframes home_rubrique {
  0%   { opacity: 0.01; }
  100% { opacity: 1; }
}
@-moz-keyframes home_rubrique {
  0%   { opacity: 0.01; }
  100% { opacity: 1; }
}
@-o-keyframes home_rubrique {
  0%   { opacity: 0.01; }
  100% { opacity: 1; }
}
@keyframes home_rubrique {
  0%   { opacity: 0.01; }
  100% { opacity: 1; }
}	

.home_rubrique h4 { font-style:italic; font-weight:400; font-size:24px; }
.home_rubrique .cadre_rubrique { width:100%; overflow:hidden; position:relative; }
.home_rubrique .cadre_rubrique:hover { posititon:absolute; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); transition:all ease-in 0.2s }
.home_rubrique .cadre_rubrique .cadre_titre_rubrique { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffde7+0,f8e05e+100 */
transition:all ease-in 0.2s;
background: #fff; /* Old browsers */
background: -moz-linear-gradient(top,  #fff 0%, #f8e05e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fff 0%,#f8e05e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fff 0%,#f8e05e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f8e05e',GradientType=0 ); /* IE6-9 */
 padding:55px 35px 20px 35px; position:absolute; z-index:2; top:-40px; left:-20px; width:110%; min-height:130px;  -moz-transform: rotate(-6deg);
-webkit-transform: rotate(-6deg);
-o-transform: rotate(-6deg);
-ms-transform: rotate(-6deg);
transform: rotate(-6deg); }

.home_rubrique .cadre_rubrique:hover .cadre_titre_rubrique {  top:-30px; }
.home_rubrique .cadre_rubrique:hover .cadre_titre_rubrique h4 { font-weight:600; font-size:22px; }

.rubrique_intro { display:none; margin-top:-400px; padding:230px 30px 30px;; width:100%; height:120%; background:rgba(251,236,155,0.8); position:absolute; z-index:1; }


.tel { background:url(../images/bg-tel.png) left 10px no-repeat; padding:8px 0px 0px 38px; font-size:18px; margin:0 0 0 15px; }

.promo_price { background:#deb71c; display:inline-block; padding:5px 8px; color:#fff; position:absolute; right:30px; z-index:2; top:10px; -webkit-box-shadow: -5px 5px 0 0 rgba(0,0,0,0.2); box-shadow: -5px 5px 0 0 rgba(0,0,0,0.2);  }
.promo_price .txt_blanc { font-weight:bold; text-shadow:1px 1px rgba(0,0,0,0.4); font-size:18px; }

.telephone { max-width:75% }

.col_categ { list-style:none; padding:0;  }
.col_categ li a { display:block; padding:5px 12px; background:rgba(0,0,0,0.05); border-bottom:1px solid rgba(0,0,0,0.2) }
.col_categ li a:hover { background:rgba(0,0,0,0.1); }

header { position:relative; }


.logo { display:inline-block;  opacity:0.1; -webkit-animation: logo ease-out 0.3s forwards 0.5s; /* Safari 4+ */
	-moz-animation:    logo ease-out 0.3s forwards 0.5s; /* Fx 5+ */
	-o-animation:      logo ease-out 0.3s forwards s; /* Opera 12+ */
	animation:         logo ease-out 0.3s forwards 0.5s; /* IE 10+, Fx 29+ */ }

@-webkit-keyframes logo {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes logo {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes logo {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes logo {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}	

.text-top { font-size:12px; text-align:center; color:#fff; background:#d19c1e; padding:5px 0; line-height:16px; }

.avatar_banniere { margin-top:35px; opacity:0; -webkit-animation: avatar_banniere ease-out 0.3s forwards 1s; /* Safari 4+ */
	-moz-animation:    avatar_banniere ease-out 0.3s forwards 1s; /* Fx 5+ */
	-o-animation:      avatar_banniere ease-out 0.3s forwards 1s; /* Opera 12+ */
	animation:         avatar_banniere ease-out 0.3s forwards 1s; /* IE 10+, Fx 29+ */ }

@-webkit-keyframes avatar_banniere {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes avatar_banniere {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes avatar_banniere {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes avatar_banniere {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}	


.bulle { width:188px; line-height:18px; height:121px; background:url(../images/bulle.png) top left; position:absolute; top:30px; opacity: 0; right:80px; padding:10px 20px; font-size:14px; 	-webkit-animation: bulle ease-out 0.3s forwards 1.2s; /* Safari 4+ */
	-moz-animation:    bulle ease-out 0.3s forwards 1.2s; /* Fx 5+ */
	-o-animation:      bulle ease-out 0.3s forwards 1.2s; /* Opera 12+ */
	animation:         bulle ease-out 0.3s forwards 1.2s; /* IE 10+, Fx 29+ */ }
	
	
@-webkit-keyframes bulle {
  0%   { opacity: 0; top:30px; }
  100% { opacity: 1; top:-10px; }
}
@-moz-keyframes bulle {
  0%   { opacity: 0; top:30px; }
  100% { opacity: 1; top:-10px; }
}
@-o-keyframes bulle {
  0%   { opacity: 0; top:30px; }
  100% { opacity: 1; top:-10px; }
}
@keyframes bulle {
  0%   { opacity: 0; top:30px; }
  100% { opacity: 1; top:-10px; }
}	

#banniere { height:70px; 
 }

.bt-violet { 

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45355e+0,33214a+100 */
	background: #5d4a7a; /* Old browsers */
	background: -moz-linear-gradient(top,  #5d4a7a 0%, #33214a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #5d4a7a 0%,#33214a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #5d4a7a 0%,#33214a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d4a7a', endColorstr='#33214a',GradientType=0 ); /* IE6-9 */
	padding:10px; display:inline-block; width:auto; color:#fff; border-radius:5px;

}

.bt-violet:hover { color:#fff; }

.navbar {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45355e+0,33214a+100 */
	background: #5d4a7a; /* Old browsers */
	background: -moz-linear-gradient(top,  #5d4a7a 0%, #33214a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #5d4a7a 0%,#33214a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #5d4a7a 0%,#33214a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d4a7a', endColorstr='#33214a',GradientType=0 ); /* IE6-9 */
	padding-top:0px;
	opacity: 0;
	margin:-250px auto 0 auto;
	position: fixed;
	z-index:999;
	width:100%;
	-webkit-animation: navbar ease-out 0.3s forwards 1s; /* Safari 4+ */
	-moz-animation:    navbar ease-out 0.3s forwards 1s; /* Fx 5+ */
	-o-animation:      navbar ease-out 0.3s forwards 1s; /* Opera 12+ */
	animation:         navbar ease-out 0.3s forwards 1s; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes navbar {
  0%   { opacity: 0; margin:-250px auto 0 auto; }
  100% { opacity: 1; margin:0 auto 0 auto; }
}
@-moz-keyframes navbar {
  0%   { opacity: 0; margin:-250px auto 0 auto; }
  100% { opacity: 1; margin:0 auto 0 auto; }
}
@-o-keyframes navbar {
  0%   { opacity: 0; margin:-250px auto 0 auto; }
  100% { opacity: 1; margin:0 auto 0 auto; }
}
@keyframes navbar {
  0%   { opacity: 0; margin:-250px auto 0 auto; }
  100% { opacity: 1; margin:0 auto 0 auto; }
}

.dropdown-menu { border:none; border:1px solid rgba(0,0,0,.05); left:-1px; border-top:none; background:#1e102e; -webkit-box-shadow: 0 12px 12px -5px rgba(0,0,0,.3); box-shadow: 0 12px 12px -5px rgba(0,0,0,.3); min-width: 100%; }
.dropdown { transition:background ease-in 0.5s; border:1px solid rgba(0,0,0,0); border-bottom:none; border-top:none; }
.dropdown:hover { background:#1e102e; }
.navbar ul li .dropdown-menu > li > a { font-size:14px }
.navbar ul li .dropdown-menu > li { border:none; }

.nav > li.disabled > a, .nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
    color: #ece1bf;
}

.bloc {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
	font-size: 1.6em;
	line-height: 5em;
	font-family: Georgia, Times, Serif;
	text-align: center;
	box-shadow: 0 0 65px #cdbe9f inset, 0 0 20px #beae8c inset;
}


.bloc:after, .bloc:before {
	content: " ";
	position: absolute;
	width: 49.5%;
	height: 100px;
	z-index: -10;
}

.bloc:before { background: #f2f0ea;}
.bloc:after { background: #f2f0ea; }


.curve:before {
bottom: 22px;
left: 5px;
transform: rotate(-2deg);
box-shadow: 6px 25px 30px #333;
}
.curve:after {
bottom: 22px;
right: 5px;
transform: rotate(2deg);
box-shadow: -6px 25px 30px #333;
}


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

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


}
.navbar ul li{ border-right:1px solid #ece1bf; }
.navbar ul li a { font-family:'Muli'; font-size:19px; font-weight:400; font-style:italic; color:#ece1bf; transition: 0.1s ease-out; }
.navbar ul li a:hover { background:none; color:#fff; text-shadow: 2px 2px 5px rgba(0,0,0,0.4); }
.navbar ul li.active a { color:#fff; text-shadow: 2px 2px 5px rgba(0,0,0,0.4); }
.navbar-toggle .icon-bar { background: #ece1bf; }
.nav > li > a { padding-left:17px; padding-right:18px; }

.navbar-nav > li > a { padding-top:25px; padding-bottom:25px; }

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

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



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

}

@media screen and (max-width: 991px) {
	
	#navbar ul li { margin:0 3px; padding:0; }
	.navbar ul li a { font-size:14px; }
	.nav > li > a { padding-left:7px; padding-right:7px; }
	.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:5px; }
	.navbar ul li a i { font-size:14px; }

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

.navbar { padding-top:0; }

.dropdown-menu { position:relative; float:none; }

}

@media screen and (max-width: 767px) {
	
.col-bt-promo { position:absolute; right:0; top:30px; }

}

.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:#d19c1e; font-weight:300; }
.slogan { background:#c3bba4; margin:25px 0 0 0; padding:24px 0 24px 0; min-height:80px; font-family: 'Source Sans Pro', serif; font-size:28px; color:#fff; line-height:40px; font-weight:300; }
 
 @media screen and (max-width: 992px) {
	
.slogan-home, .slogan { font-size:28px; }

}

.home_flower { background: url(../images/home_flower.png) left top no-repeat; background-size:contain; }

.content p { color:#4a4a4a; font-size:16px; line-height:28px; }
.content ul { list-style:square; padding-left:30px; }
.content ul.li_contact {  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:#f5ec61; font-weight:normal; text-transform:uppercase; text-align:center; font-size:12px; color:#005964; }

.actu_dossier { background:#ffc53a; }

.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% }

.dpt { columns: 2; }

#footer { background:#2f232f; margin:0; min-height:300px; color:#999; }
#footer h4 { color:#ffc53a; }

/* 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:#d19c1e; font-size:22px; }
.li_contact li { margin-bottom:10px; list-style:none; margin:0; padding:0; }
.bt-vert { background:#d19c1e; color:#fff; font-family:'dinregularwebfont'; font-size:16px; border:none; border-radius:0; padding:10px 10px 6px; }
.bt-vert:hover { background:#b98200; color:#fff; }
.form-control { background:rgba(255,255,255,0.7); 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: #6d846d;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.025),0 0 8px rgba(0,0,0,.25);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.025),0 0 8px rgba(0,0,0,.25);
}

.carousel-control { color:#7fdc75; }

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

.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: #d8a731;;
    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: #fff; }
.bg_vert     { background: #d19c1e;    }

.txt_violet     { color:#8c2389; }
.txt_bleuroi   { color: $bleuroi; }
.txt_rose      { color: $rose; }
.txt_blanc     { color: #fff;    }
.txt_vert      { color: #d19c1e;    }
.txt_bleufonce { color: $bleufonce; }

.txt_12 { font-size:12px; line-height:18px; }
.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; }

.image-carreaux img { border: 5px solid #dbd4bd;  transition: 0.3s ease-out; }
.image-carreaux img:hover { border: 5px solid #dbd4bd; -webkit-box-shadow: 0 12px 12px -5px rgba(0,0,0,.3); box-shadow: 0 12px 12px -5px rgba(0,0,0,.3);  }

.mceTmpl { margin-top: 30px; }

/* 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.35%; }

.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; }

.fake-img-galerie {
    position: relative;
		float: left;
    width: 200px;
    height: 110px;		
		margin:37px;
}
.img-galerie {
    overflow: hidden;
    width: 220px;
    height: 120px;
    float: left;
}

.fake-img-galerie::before { content:""; display:block; position:absolute; background:url(../images/corner-top-left.png) top left no-repeat; width:90px; height:28px; top:-14px; left:-25px; }
.fake-img-galerie::after { content:""; display:block; position:absolute; background:url(../images/corner-bottom-right.png) top left no-repeat; width:117px; height:40px; bottom:-25px; right:-34px; z-index:1000 }



/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;

}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -5px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 110px
}

.media-carousel .item
{
	background:transparent;
	min-height:300px;
}

/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -5px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 110px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img
{

}
/* End carousel */

.no-square { display:none; }

@media screen and (max-width: 992px) {

.btn { background:#fff; border:1px solid #d19c1e; color:#d19c1e; padding:6px 9px; text-transform:uppercase;  }
.btn-square { border-radius:0; position:relative; margin:7px; font-weight:300; font-size:14px; }	
	
#header { font-size:13px }
.tel { margin:0; }
#header .btn-square { font-size:13px; }

}

@media screen and (max-width: 768px) {

.logo { width:60%; margin-top:20px; }

.telephone { max-width:60% }	

#header .mt-15,#header .mt-30 { margin-top: 0em;  }

}

@media screen and (max-width: 685px) {

.btn { background:#fff; border:1px solid #d19c1e; color:#d19c1e; padding:3px 6px; text-transform:uppercase;  }
#header .btn-square { border-radius:0; position:relative; margin:5px; font-weight:300; font-size:12px; }

.telephone { max-width:85% }	

.logo { width:80%; margin-top:20px; }

.texte-renseignement { font-size:10px; }

.btn-square { display:none; }
.no-square { display:inline-block; }

.col-bt-promo { position:absolute; right:0; top:auto; }

}

@media screen and (max-width: 600px) {

#header .btn { background:#fff; border:1px solid #d19c1e; color:#d19c1e; padding:3px 6px; text-transform:uppercase;  }
#header .btn-square { border-radius:0; position:relative; margin:15px 3px; font-weight:300; font-size:11px; }


}