@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:#fff; font-family: 'Source Sans Pro', sans-serif; font-size:16px; color:#181818;  }

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

.bleu { color:#6089c6; }

.logo { margin-top:25px; width:300px; }

h1, .h1 { color:#181818; margin-bottom:50px; font-size:36px; font-weight:600; text-align:center; text-transform:uppercase; }

h1::after, .h1::after {
    content: "";
    display: block;
    width: 350px;
    height: 1px;
    margin: 15px 0 30px -175px;
    left: 50%;
    position: absolute;
    background: #6089c6;
}

.carousel-control.right {
    right: 10px;
		
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -10px;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -20px;
}
.page_spe{

}

#liste{
    display: flex;  
    justify-content: space-between;
    border-bottom: 2px solid;
    border-bottom-color: #ededed;
    
    
}

#liste span{
    padding-top: 8px;
}
#date_event{
    text-align: center;
    display: flex;
    flex-direction: column;
    width: 70px;
    padding: 0 0px 10px;
}
#date_event .mois{
    background-color: #181818;
    color: white;
    padding: 10px;
    margin-top: -15px;
    text-transform: uppercase;
    
}
#date_event .jour{
    font-weight: bold;
    font-size: 65px;
    
}
#titre{
    padding-top: 70px;
    font-size: 25px;
    text-transform: uppercase;
}
#titre p{
    font-size: 25px;
}
#lien_event{
    padding-top: 40px;
}

.form-container {
    padding: 30px;
    background: 
    rgba(255,255,255,0.5);
    margin: 20px;
    text-align: center;
    transition: all 0.6s ease-out;
}

.form-container:hover {
    background: 
    #fff;
}

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

h4 { font-size:18px; }

a { color:#3262a9; }
a:hover, a:active, a:focus { text-decoration:none; color:#6089c6; }

p { color:#181818; font-size:16px; line-height:22px; font-weight: 400; text-align:justify; }

.btn { background:#fff; border:1px solid #181818; color:#181818; border-radius:0; padding:15px 50px; margin:30px auto; width:auto; font-size:22px; font-weight:300; text-transform:uppercase;  }
.btn:hover { border:1px solid #44335c; color:#8c2389; }

.btn.btn-blanc { background:#181818; border:1px solid #fff; color:#fff; border-radius:0; padding:15px 50px; margin:30px auto; width:auto; font-size:22px; font-weight:300; text-transform:uppercase;  }
.btn.btn-blanc:hover { border:1px solid #ccc; color:#ccc; }
.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 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:160px 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% }



header { position:relative; }

.logo { display:inline-block;  opacity:0; -webkit-animation: logo ease-out 0.3s forwards 0.5s; /* Safari 4+ */
	-moz-animation:    logo ease-out 0.3s forwards 1s; /* Fx 5+ */
	-o-animation:      logo ease-out 0.3s forwards 1s; /* Opera 12+ */
	animation:         logo ease-out 0.3s forwards 1s; /* 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:170px; 
 }

.social-header img { width:30px; }

.navbar {
	padding-top:0px;
	opacity: 0;
	margin:-250px auto 0 auto;
	position: relative;
	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:#fff; -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:background ease-in 0.5s; border:1px solid rgba(0,0,0,0); border-bottom:none; border-top:none; }
.dropdown:hover { background:#fff; border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
.navbar ul li .dropdown-menu > li > a { font-size:14px }
.navbar ul li .dropdown-menu > li { border:none; padding:4px 0; }

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 4px; }

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

.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 #d3eceb inset, 0 0 20px #d3eceb inset;*/
	z-index:1;
	transition: all 0.1s ease-out;
}



.bloc:after, .bloc:before {
	content: " ";
	position: absolute;
	width: 43.5%;
	height: 100px;
	z-index: -1;
	transition: all 0.2s ease-out;
}

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

.curve:before {
bottom: 22px;
left: 20px;
transform: rotate(-2deg);
box-shadow: 6px 25px 25px rgba(0,0,0,1); 
}
.curve:after {
bottom: 22px;
right: 0px;
transform: rotate(2deg);
box-shadow: -6px 25px 25px rgba(0,0,0,1);
}


.curve:hover:before  {
	bottom: 15px;
	left: 35px;
	width: 41.7%;
	transform: rotate(-2deg);
	box-shadow: -6px 25px 25px rgba(0,0,0,.5);
}

.curve:hover:after{
	bottom: 15px;
	right: 15px;
	width: 41.7%;
	transform: rotate(2deg);
	box-shadow: 6px 25px 25px rgba(0,0,0,.5);
}

.bloc:hover { 

-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);

 }
 

.lil_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 #d3eceb inset, 0 0 20px #d3eceb inset;*/
	z-index:1;
	transition: all 0.1s ease-out;
}



.lil_bloc:after, .lil_bloc:before {
	content: " ";
	position: absolute;
	width: 40%;
	height: 20px;
	z-index: -1;
	transition: all 0.2s ease-out;
}

.lil_bloc:before { background: #fff;}
.lil_bloc:after { background: #fff; }


.lil_curve:before {
bottom: 100px;
left: 20px;
transform: rotate(-2deg);
box-shadow: 6px 15px 15px rgba(0,0,0,1); 
}
.lil_curve:after {
bottom: 100px;
right: 20px;
transform: rotate(2deg);
box-shadow: -6px 15px 15px rgba(0,0,0,1);
}


.lil_curve:hover:before  {
	bottom: 80px;
	left: 40px;
	width: 40%;
	transform: rotate(-2deg);
	box-shadow: -6px 15px 15px rgba(0,0,0,.5);
}

.lil_curve:hover:after{
	bottom: 80px;
	right: 30px;
	width: 40%;
	transform: rotate(2deg);
	box-shadow: 6px 15px 15px rgba(0,0,0,.5);
}

.lil_bloc:hover { 

-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);

 }

.lil_curve { padding:15px; }

.logo_mobile { display:none; }


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

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


}
.navbar ul li{  }
.navbar ul li a { font-size:16px; font-weight:400; font-style:normal; text-transform:uppercase; color:#181818; transition: 0.1s ease-out; }
.navbar ul li a:hover { background:none; color:#083635; text-shadow: 2px 2px 5px rgba(255,255,255,0.4); }
.navbar ul li.active a { color:#083635; text-shadow: 2px 2px 5px rgba(255,255,255,0.4); }
.navbar-toggle .icon-bar { background: #17605e; }
.nav > li > a { padding-left:25px; padding-right:25px; margin: 30px 25px; }
.nav > li > a.first_link_menu { padding-left:0; }
.nav > li > a.last_link_menu { padding-right:0; }
.navbar-nav > li { margin:0px; }
.navbar ul li.logo_menu, .navbar ul li.logo_menu a { margin: 0 0 0 5px; padding:0 }
.navbar ul li a i { font-size:14px; }

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


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

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


}

@media screen and (min-width: 767px) and (max-width: 991px) {
	
	#navbar ul li { margin:0 3px; padding:0; }
	.navbar ul li a { font-size:16px; }
	.nav > li > a { padding-left:25px; padding-right:25px; margin: 8px 20px;}
	.navbar ul li a i { font-size:14px; }
	.navbar ul li.logo_menu a { margin-left:10px; }
	.logo_menu img { width:200px; margin:50px 30px 0 0px; }

.navbar-nav > li {
    margin-top: 20px;
    margin-bottom: 20px;
}


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


}

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

.nav > li > a, .nav > li > a.first_link_menu {
    padding-left: 0px;
    padding-right: 10px;
}

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

.navbar-nav > li {
    margin-top: 10px;
    margin-bottom: 10px;
}


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

.navbar ul li.logo_menu { display:none; }

.logo_mobile { display:none; margin:30px auto; width:200px; }

.navbar .row .col-md-12 .nav.navbar-nav { background:rgba(255,255,255,0.7); }

.navbar {
	padding-top:0px;
	opacity: 1;
	margin:-230px auto 0 auto;
	position: relative;
	margin-top:0;
	z-index:999;
	width:100%;
	-webkit-animation:none; /* Safari 4+ */
	-moz-animation:none; /* Fx 5+ */
	-o-animation:none; /* Opera 12+ */
	animation:none; /* IE 10+, Fx 29+ */
}

}

@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:url(../images/bg-slogan.jpg) top center #181818 fixed; margin:7px 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/bg_christophe_castan_vesper.jpg) right bottom no-repeat; background-size:contain; }
.home_2 { background: url(../images/bg_2_vesper.jpg) right bottom no-repeat; background-size:contain; }
.home_3 { background: url(../images/bg_3_vesper.jpg) right bottom no-repeat; background-size:contain; }
.home_4 { background: url(../images/bg_4_vesper.jpg) right bottom no-repeat; background-size:contain; }
.home_5 { background: url(../images/bg_5_vesper.jpg) right bottom no-repeat; background-size:contain; }
.home_6 { background: url(../images/bg_6_vesper.jpg) right bottom no-repeat; background-size:contain; }


.content p { color:#181818; font-size:16px; line-height:22px; font-weight: 400; }
.content ul { list-style:square; padding-left:30px; line-height: 30px; }
.content ul.li_contact {  padding-left:10px; }
.content .li_actu, .content .li_part  { border-bottom:1px solid #ececec; min-height:395px; margin-bottom:20px; }
.content .li_actu a, .content .li_part a { color:#4f78b3; font-weight:bold; font-size:18px; }
.actu_img, .part_img { position:relative; display:block; padding:5px; overflow:hidden; -webkit-box-shadow: 0 0 3px 0 #000000; box-shadow: 0 0 3px 0  rgba(0,0,0,0.5); background:rgba(255,255,255,0.3) }
.actu_categ, .part_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 rgba(0,0,0,0.5); box-shadow: 0 0 2px 0 rgba(0,0,0,0.5); background:#3170b9; font-weight:normal; text-transform:uppercase; text-align:center; font-size:12px; color:#fff; }

.part_categ { background:#181818; }

.part_img img { width:100%; }

img.colorTogrey {
		transition:all 0.3s ease;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}

img.colorTogrey:hover {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

img.greyTocolor {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
		opacity:0.6;
		transition:all 0.3s ease;
}

img.greyTocolor:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
		opacity:1;
}

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

.bg_content2 { background: url(../images/bg_content2.jpg) center top no-repeat; background-size:cover; min-height:842px;  }

.dpt { columns: 2; }

#footer { background:#fff; margin:30px 0; min-height:300px; color:#000; }
#footer img { max-width:300px; width:100%; }
#footer h4 { color:#22716f; border-bottom:1px solid #22716f; text-transform:uppercase }
#footer ul { list-style:none; padding:0; }
#footer ul li a { color:#0f4c4b; font-weight:bold; line-height:14px; }


section#orchestre ul.nav.nav-justified {
    padding-bottom: 20px;
    height: 60px;
}
section#orchestre ul.nav {
    margin-top: 30px;
}
.nav-justified {
    width: 80%;
    margin: auto;
    margin-top: auto;
}
.nav-pills {
    margin-top: 20px;
	  margin-bottom: 10px;
}
.nav-justified {
    width: 100%;
}
.nav-justified > li {
    display: table-cell;
    width: 1%;
}
.nav-justified > li {
    float: none;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .nav-pills > li > a:hover, .nav-pills > li > a:focus {
    color: #ff0015;
    background: url(../images/fleche.png) bottom center no-repeat;
    padding-bottom: 25px;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -ms-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #4F78B3;
}
section .nav > li > a {
    margin: 10px 10px;
    padding: inherit;
        padding-bottom: inherit;
}
.nav-pills > li > a {
    border-radius: inherit;
}
.nav-pills > li > a, .nav-pills > li > a, .nav-pills > li > a {
    color: inherit;
    background-color: inherit;
    font-family: future-regular,Arial;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px;
    padding-bottom: 20px;
}
.nav > li > a {
    padding: inherit;
}
.nav-justified > li > a {
    margin-bottom: 0;
}
.nav-justified > li > a {
    text-align: center;
    margin-bottom: 5px;
}
.nav-pills > li > a {
    border-radius: 4px;
}
@media screen and (max-width: 768px) {

section#orchestre ul.nav.nav-justified {
    height: inherit;
}

.nav-justified > li {
    display:inherit;
    width: auto;
		height:25px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .nav-pills > li > a:hover, .nav-pills > li > a:focus {

    background:none;
    padding-bottom: 0;
}

}

@media screen and (max-width: 515px) {
.nav-pills > li > a {
    margin:20px 10px;
}
}


/* VIDS */
.li_categ_videos { background:rgba(30,30,30,0.1); padding:20px 10px 17px; margin:15px; 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 { background:#181818; color:#fff; }

.col_right_vids { float:left; margin:50px 0 0 0; width:390px; }
.detail_vids { width:100%; }
.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 #4a4a4a; } 
.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_avis { background-color:#181818; color:#fff; padding:20px; margin:30px; }
.li_avis h3, .li_avis p { color:#fff;  }

.li_contact { list-style:none; margin:0; padding:0; font-size:18px }
.li_contact li i { color:#181818; font-size:22px; }
.li_contact li { margin-bottom:10px; list-style:none; margin:0; padding:0; }
.bt-vert { background:#181818; color:#fff; font-family:'dinregularwebfont'; font-size:16px; border:none; border-radius:0; padding:10px 10px 6px; }
.bt-vert:hover { background:#000; color:#fff; padding:10px 10px 6px; border:none; }
.form-control { background:rgba(240,240,240,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:#ededed; }

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

.modal-content {
    position: relative;
    background-color: #181818;
    -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;
}

.modal-dialog {
    width: 840px;

    /* For responsive */
    max-width:90%;
    min-width:600px;
}

.btn-default {
    font-size: 14px;
    padding: 6px 12px;
}

.gototop.active {
    opacity: 0.8;
    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: #181818;;
    color: #fff;
    text-align: center;
		border:1px solid #fff;
}

.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;    }
.bg_noir     { background: #000000;    }
.bg_noir18   { background: #181818;    }
.bg_noir05   { background: #0c0c0c }

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

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

.bt-square { background-color:none; border:1px solid #fff; font-size:24px; font-weight:300; text-transform:uppercase; padding:15px 70px; color:#fff; transition:all ease-in 0.2s; border-radius:10px }
.bt-square:hover { color:#fff; background:#222; }

.bt-square-noir { background-color:none; border:1px solid #000; font-size:24px; font-weight:300; text-transform:uppercase; padding:15px 70px; color:#000; transition:all ease-in 0.2s; border-radius:10px }
.bt-square-noir:hover { color:#fff; background:#222; }

.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: #4F78B3; text-shadow: none; }

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

.overlay { background:rgba(0,0,0,0.4); width:100%; height:100%; position:absolute; top:0; left:0; transition: 0.2s ease-out; }
.overlay:hover { background:rgba(0,0,0,0); }
.ico-play { width:auto; height:auto; margin:0; position:absolute; left:50%; top: 50%; transform: translateY(-50%) translateX(-50%); }

/* 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 { 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 { padding:3px 6px; text-transform:uppercase;  }
#header .btn-square { border-radius:0; position:relative; margin:5px; font-weight:300; font-size:12px; }

.btn.btn-blanc { padding:3px 6px; }

h1::after {  width: 200px; margin-left:-100px; }


.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 { padding:3px 6px; text-transform:uppercase;  }
#header .btn-square { border-radius:0; position:relative; margin:15px 3px; font-weight:300; font-size:11px; }


}

.project_hover { background:#fff; width:auto; display:inline-block; position:relative; padding:10px 10px 30px 10px; transition:all ease-in 0.2s;  }
.project_hover:hover { box-shadow: 0 0 15px #aaa inset, 0 0 3px #aaa inset; }

.galerie .image-popup img { background:#fff; padding:10px; transition:all ease-in 0.2s; }
.galerie .image-popup img:hover {  box-shadow: 0 0 15px #aaa inset, 0 0 3px #aaa inset;  }


.carousel-control 			 { width:  4%; }
.carousel .item {
    background-color: transparent;
}

.last_actu_date { font-size:11px; opacity:0.5; float:right; }

.carousel-control.left,.carousel-control.right {margin-left:15px;background-image:none;}


.bg-blue { background:#4f78b3; }
.bg-blue h2 { text-transform:uppercase; color:#fff; }
.bg-blue h2::after {
    content: "";
    display: block;
    width: 350px;
    height: 1px;
    margin: 15px 0 30px -175px;
    left: 50%;
    position: absolute;
    background: #fff;
}
.bg-blue img { max-width:80px; margin:10px; }

.bg-nb { background:url(../images/bg-nb.jpg) top center repeat-y #fff; }
.avis h3 { text-transform:uppercase; color:#4F78B3; font-size:16px; }
.avis p { color:#fff; text-align:justify; }
.social-header { position:absolute; top:50px; right:50%; margin-right:-550px; z-index:1000 }

@media (max-width: 767px) {
	.carousel-inner .active.left { left: -100%; }
	.carousel-inner .next        { left:  100%; }
	.carousel-inner .prev		 { left: -100%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }

.social-header { display:none;  }

#banniere {
    height: 250px;
}

.bt-square { font-size:14px; padding:10px;}

.bt-square-noir {font-size:14px; padding:10px; }

.bg-blue h2::after { width: 200px; margin: 15px 0 30px -100px; }


}
@media (min-width: 767px) and (max-width: 992px ) {
	.carousel-inner .active.left { left: -50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		 { left: -50%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }
	.active > div:first-child + div { display:block; }
  .social-header {  margin-right:-350px; }

}
@media (min-width: 992px ) {
	.carousel-inner .active.left { left: -25%; }
	.carousel-inner .next        { left:  25%; }
	.carousel-inner .prev		 { left: -25%; }	
	.social-header { position:absolute; top:20px; right:20px; margin:0; z-index:1000 }
}