@font-face {
	font-family: 'moon_flowerregular';
	src: url('https://e4ec80.claudeassets.com/20180806065138im_/http://lajunecie.com/fonts/moon_flower-webfont.eot');
	src: url('https://1db85e.claudeassets.com/20180806065138im_/http://lajunecie.com/fonts/moon_flower-webfont.eot#iefix') format('embedded-opentype'),
		url('https://6cc290.claudeassets.com/20180806065138im_/http://lajunecie.com/fonts/moon_flower-webfont.woff2') format('woff2'),
		url('https://09d9f0.claudeassets.com/20180806065138im_/http://lajunecie.com/fonts/moon_flower-webfont.woff') format('woff'),
		url('https://6b8385.claudeassets.com/20180806065138im_/http://lajunecie.com/fonts/moon_flower-webfont.ttf') format('truetype'),
		url('https://02e8a7.claudeassets.com/20180806065138im_/http://lajunecie.com/fonts/moon_flower-webfont.svg#moon_flowerregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'icomoon';
	src:    url('https://ff431f.claudeassets.com/20180806065138im_/http://lajunecie.com/fonts/icomoon.eot?kf479b');
	src:    url('https://d6831d.claudeassets.com/20180806065138im_/http://lajunecie.com/fonts/icomoon.eot?kf479b#iefix') format('embedded-opentype'),
		url('https://e8f168.claudeassets.com/20180806065138im_/http://lajunecie.com/fonts/icomoon.ttf?kf479b') format('truetype'),
		url('https://a793e5.claudeassets.com/20180806065138im_/http://lajunecie.com/fonts/icomoon.woff?kf479b') format('woff'),
		url('https://e0a54f.claudeassets.com/20180806065138im_/http://lajunecie.com/fonts/icomoon.svg?kf479b#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
	content: "\e900";
}
.icon-location:before {
	content: "\e901";
}
.icon-quotes-left:before {
	content: "\e902";
}
.icon-quotes-right:before {
	content: "\e903";
}
.icon-menu:before {
	content: "\e904";
	font-size: 35px;
	color: #BB0C20;
}
.icon-cross:before {
	content: "\e905";
}
.icon-check:before {
	content: "\e906";
}
.icon-play:before {
	content: "\e907";
}
.icon-fb:before {
	content: "\e908";
}
.icon-call:before {
	content: "\e909";
}
.icon-youtube:before {
	content: "\e90a";
}
.icon-vimeo:before {
	content: "\e90b";
}
.icon-dl:before {
	content: "\e90c";
}
.icon-heart:before {
	content: "\e90d";
}
.icon-share:before {
	content: "\e90e";
	color: #ccc;
}
body{ 
	font-size: 14px; 

	font-family: 'Poppins', sans-serif;
	color:#333;
	background-color: #313131;
	overflow-x:hidden;
 
}
a{text-decoration: none;}
header{
	background-color: #313131;
	position: relative;
	height: 115px;}
a,p{ transition: all ease .4s;}

img{display: block;}
ul{list-style: none;}
h1{font-weight: 900; font-size: 45px;text-transform: uppercase;}
h2,#partenaire h3{font-family:'moon_flowerregular';}

h2.title,#partenaire h3{    
	font-size: 46px;
	line-height: 40px; 
	color:#f5f5f5;   
	background-color: #BB0C20;
	padding: 7px;
	margin-top: 0;
	text-align: center;}

p.small{font-weight: 300; font-size: 12px;line-height: 1.6;   
	color: #e3e3e3;
	text-align: justify;
	padding-right: 30px;}
.posrel{position: relative;}
.full{width: 100%;}
.etiquette {
	color: #fff;
	text-align: center;
	width: 263px;
	margin: 60px auto;
	padding: 8px;
} 
.bg_red{ background-color: #BB0C20;}
.bg_gris{ background-color: #5B5B5B;}
.bg_gris2{ background-color: #313131;}
.bg_blanc{background-color: rgba(245, 245, 245, 0.82785);}
.cf{clear:both;}
.dib{display: inline-block;}
/* **************************** NAViGATION ************************ */

.navbar{
	margin-bottom: 0; 
	-webkit-box-shadow: 0px 5px 82px -12px rgba(0,0,0,0.65);
	-moz-box-shadow: 0px 5px 82px -12px rgba(0,0,0,0.65);
	box-shadow: 0px 5px 82px -12px rgba(0,0,0,0.65);}
.navbar,.bandeau{background-color:#f5f5f5;}
.navbar .container{position: relative;}
.navbar-nav{
	min-height:  74px;
	padding-left: 200px;}
.navbar-nav ul:first-child{}
.navbar-brand {position: relative; width:140px;}
.navbar-brand img { width: 115px; position: absolute;bottom: -10px;}
.navbar-nav > li  a,.bandeau a{

	color: #313131;
/*	font-family: "moon_flowerregular";
	font-size: 45px	;
	line-height: 1em;*/
	
	letter-spacing: -1px;
	font-size: 22px;
	text-transform: uppercase;
	padding-top: 25px;
	font-weight: 900;
}
.nav > li > a:hover{background-color: #BB0C20; color:#fff;padding-bottom: 29px;}
.current{background-color: #BB0C20; color:#fff;}
.navbar-nav li{transition:all ease .5s;}
.bouton {


	text-align: center;
}
.bouton a{
	display: inline-block;
	vertical-align: top;
	background-color: #BB0C20;
	color : #fff;
	border-radius:0 0 3px;
	padding: 10px;
	margin-right: 10px;
}

p.red,h1.red{
	color: #bb0c20;
}
p.red{padding-top: 10px;}
a.active {
    border-bottom: 5px solid #BB0C20;
	 color:#313131 !important;
}
.bandeau a { margin:0 15px ; text-decoration: none;}
.bandeau a:hover{color:#bb0c20;}
.bandeau h1 {margin-right: 60px;}

.spectacle #partenaire a{
	color:#9f4347;
}


#partenaire ul {padding-left: 15px;}
#txtdru{
padding: 60px 30px 15px;
    font-size:16px;
 /*   color: rgba(255, 255, 255, 0.8);*/

}
@media (min-width:1199px){
	.reseau { 
		padding-top: 15px; 
		position: absolute;
		right:45px;
		bottom:9px; 
	}
	.reseau li{
		display: inline-block;
		margin-right: 5px;}
	.reseau li a{
		background-color: #ccc;
		display: block;
		width: 35px;height: 35px;border-radius: 50%;
		text-align: center;
		padding:7px 0px 0 0;
		color: #f5f5f5;
		font-size: 18px;
	}
	.reseau li a:hover{
		color: #fff; 
		background-color: #BB0C20;
		text-decoration: none;
	}
}
@media (max-width:1198px){

	.reseau li{
		display: inline-block;
		margin-right: 5px;}
	.reseau { 
		-webkit-transition: all ease .3s;
		-o-transition:all ease .3s ;
		transition:all ease .3s ;
		padding-top: 15px; 
		position:absolute;
		right: 105px;
		top: -67px; }
	/*  .reseau li i{color:rgba(255, 255, 255, 0.55);}*/
	.reseau li a{
		background-color: #ccc;
		color: #BB0C20;
		display: block;
		width: 35px;height: 35px;border-radius: 50%;
		text-align: center;
		padding:7px 0px 0 0;
		box-shadow:  0px 2px 5px rgba(0, 0, 0, 0.44);
		font-size: 18px;
		text-decoration: none;

	}
	.reseau li a:hover{background-color: #fff; }
}
@media (max-width: 991px){
	.reseau{right: 15px;}
}

.visuel_top img{
	display: block; 
	width:100%;
}
.bandeau{

	padding: 15px;  text-align: center; position: relative; }
h1.bandeau{color:#BB0C20; margin: 0;letter-spacing: -2px; }
/* 5 colonnes */
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-xs-1-5 {
	width: 20%;
	float: left;
}
@media (min-width: 768px) {
	.col-sm-1-5 {
		width: 19.333333%;
		float: left;
	}				
}
@media (min-width: 992px) {
	.col-md-1-5 {
		width: 20%;
		float: left;
	}
}
@media (min-width: 1200px) {
	.col-lg-1-5 {
		width: 20%;
		float: left;
	}
}

/* ******************** EQUIPE ********************************* */


.equipe .container{position:relative; background-color: rgba(255, 255, 255, 0.9); padding: 0;}
.actu{
	width:320px;
	position: absolute;
	top:-570px;
	right:0;
	background-color: #bb0c20;
	color: rgba(255, 255, 255, 0.9);
	padding: 0px 15px;
}
.actu li span{font-weight: 700; color: #fff ; font-size: 16px;}
.actu li {padding: 10px; font-size: 12px}
.actu li:first-child{padding: 0;font-size: 34px; margin: -15px -15px 0 -15px; text-align: center;background-color: #fff; color: #BB0C20; font-family: 'moon_flowerregular';  }
.actu li:last-child{background-color: #fff; margin: 0 -15px; padding-bottom: 7px; }
.actu li img{ width: 100px; height: 100px; display: inline-block;vertical-align: top; margin-top: 0px;padding-left: 10px;}
.actu li p { display: inline-block; color: #BB0C20; width: 195px; text-align: center;margin-bottom: 0; padding-top: 10px;}
.actu li a.btn{ display: block; width: 135px;margin: 10px auto;background-color: #e35969; border-radius: 3px; color: #fff;}
.equipe{ 
	
	padding-top: 605px;
	position: relative;
	background-color:  background-color: #313131;;
	background-image: url(https://e18939.claudeassets.com/20180806065138im_/http://lajunecie.com/img/photo/la_june_compagnie1.jpg);
	-webkit-background-size: 1920px;
	background-size: 1920px;
	/* background-attachment: fixed; */
	background-position: center 0;
	background-repeat: no-repeat;
	-webkit-transition: -webkit-background-size .3s ;
	transition: background-size .3s ;

}
.pic{
	text-align: center;
}
/*.pic figure{background-color: #000; }*/
.pic h2{font-size: 24px;line-height: 26px; background-color: #BB0C20; color: #fff;margin: 0 0 10px;
    padding: 3px;}
.pic>div>p{font-size: 14px;}
.equipe img{width:100%; }
.photo-in{width: 90%; margin: auto; border:10px solid #ddd;}

img.nuage{display: block;width:250px ;margin: 15px auto; }


.move_quote{

	padding: 15px;

}
.move_quote p{
	text-align: center;
	opacity: 1;
	padding:15px;
	font-size: 22px;
	font-weight: 300;
}

.strtch p{padding: 30px 15px; }
.br{border-left: 5px solid #BB0C20;padding:7px 15px; margin:30px 30px 30px 15px; }
.br li{padding: 0;}

@media(min-width:1990px){
	.equipe {
		-webkit-background-size: 100%;
		background-size:100% ;
	
	
	}
	.actu{}
}

@media(max-width:1200px){
	.equipe {
		-webkit-background-size: 975px;
		background-size:975px ;
	padding-top: 347px;
		background-color: #616161;
	}
	.actu{
		top:-367px;
		width: 280px;
	}
	.actu li img{
		width: 70px;
		height: 70px;
		padding-left: 0;
	}
	.actu li p{ width: 183px;padding-top: 0;}
	
}
@media(max-width:992px){
	.strtch p{padding: 7px 15px; }
/*	.equipe {
		padding-top: 355px;
		-webkit-background-size: 1000px;
		background-size:1000px ;}
	.actu{top:-448px;}*/
}
@media(max-width:767px){
	.strtch p{padding: 30px;}

}

@media(min-width:1200px){

}
@media(max-width:991px)and(min-width:728px){

}

/* ************************* spectacle ************************** */
.spectacle-nom{cursor: pointer;}
.txtup{
	text-transform: uppercase;
}
.spectacle {
	 width: 200%;
  margin: 0 0 0 -15px;
	background-color: #e6ebea;
	transition: transform ease .7s;
}
.moveleft{
	transform-origin: 0 0;
	transform: translateX(-50%);
}
.spectacle article{

	display: inline-block;
	vertical-align: top;
	width:50%;
	margin: 0 0  0 -5px;
	
}
.spectacle .corps {
		
  width: 75%;
  margin: 0 auto;
}

#dru figure ,#mammouth figure { position: relative;
}
#dru figure{background-color: #191919; color: #f5f5f5;}
#mammouth figure {background-color: #e6ebea; color: #313131;
}
#dru figure img,#mammouth figure img{float:right; width: 50%;}
#dru figure figcaption,#mammouth figure figcaption{
 	font-family: 'moon_flowerregular';
		text-align: center;
  width: 50%;
  position: absolute;
	left:0;
	top:15%;
	font-weight: 300;
	
}
#dru figure figcaption h2{
	font-size:250px;
	height: 223px;
	
margin: 0;
}
#mammouth figure figcaption h2{
	font-size:150px;
	height: 150px;
	
margin: 0;
}
#dru figure figcaption  p{
	font-size: 23px;
	letter-spacing: 6px;
}
#mammouth figure figcaption  p{font-size: 33px;}
/*.spectacle figure{position: relative;}*/

#txtmammouth{padding-top: 60px;}
.spectacle li h3{  
	font-family: 'moon_flowerregular'; 
	color:#fff;
	margin:10px 0 0;
	font-size: 34px;
}
.spectacle .chapo{
	color: #BB0C20;
	font-size: 24px;
	/* font-weight: 400; */
	padding:20px 0  45px;
	margin: 0;
	text-align: center;

}
#team-mammouth{
	width: 80%;
	margin:15px auto;
}
a.btn2{display: block; text-decoration: none;opacity: .6; background-color: #BB0C20; color:#fff; width:250px; text-align: center;padding: 10px;}
a.btn2:hover{ opacity: 1;}
.encart{   
	
	background-color: #fff;
	padding: 0 30px 10px;
}
.encart .bg_red{
	padding: 7px; 
	margin-bottom: 15px; 
	color:#fff;
	text-align: center; 
	font-family:'moon_flowerregular';  
	font-size: 34px;}

.pad {
	padding-top:60px;

}
.img-thumbnail{padding: 1px; border-radius: 0;}


@media( max-width:1199px){
	/*.encart{margin-left: 52px;}*/
}
@media(max-width:991px){
#dru figure figcaption h2 {
    font-size: 175px;
    height: 162px;
	}
	#mammouth figure figcaption h2 {
    font-size: 112px;
    height: 105px;
				margin-top: 40px;
}
	#mammouth figure figcaption p {
    font-size: 25px;
}
	
	#dru figure figcaption, #mammouth figure figcaption{top:2%;}
}
@media(max-width:767px){
	

	
	.etiquette{ 
		margin: 30px auto;
	}

	.pad ul{padding-left: 0;}
	#dru figure figcaption,#mammouth figure figcaption{top: 0;}
}
@media(max-width:650px){

	.move_quote{position: relative;}
	.move_quote:before {
		-webkit-background-size:20px;
		background-size: 20px;
		width: 40px;
		height: 28px;
		left: 20px;
		top: -29px;
	}
	.actu{}
}
/* ************************ agenda *************************** */
.agenda{
	background-image: url(https://e96575.claudeassets.com/20180806065138im_/http://lajunecie.com/img/photo/june.jpg);
	-webkit-background-size: cover;
	background-size:cover ;
	background-position: center 0;
	background-color: ##313131;
}
.agenda .bg{
width: 70%;
	margin:auto;
}

.agenda ul{
	background-color: rgba(255, 255, 255, 0.76);
	padding: 30px;
}
.agenda h2{
	font-size: 65px;
	background-color: #BB0C20;
	color: #fff;
	text-align: center;
}


/* ************************ PHOTOS *************************** */
.close{float: right;
    font-size: 21px;
     font-weight: 400; 
    line-height: 1;
    color: #f5f5f5;
     text-shadow: none; 
     opacity: 1; 
margin-bottom: 30px;}
.photo {
	position: fixed;
	width: 100%;
top:0;
	left:0;
		right:0;
		bottom:0;
	background-color: rgba(0, 0, 0, 0.96);
	padding-bottom: 60px;
	overflow-y:scroll;

	z-index: 10000;
	
	display: none;
}
.photo .container{
	
}
.photo h1{   
	background-color: rgba(187, 12, 32, 0.96) ;
    color: #f5f5f5;
    text-align: center;
    margin: 0 0 30px;
    padding: 15px;}
.gallery>div>div{ margin-bottom: 30px;}
.gallery .col-xs-3,.gallery .col-xs-6{padding: 0 ;}



/* ********************** conatct ******************* */
.contact{
	background-image: url(https://23771a.claudeassets.com/20180806065138im_/http://lajunecie.com/img/photo/bg_photo.jpg);
	-webkit-background-size:1920px ;
	background-size:1920px;
	background-repeat: no-repeat;
	background-position: center -275px;
	overflow: hidphotoden;
	padding: 0 0 120px 0
}
.contact i{font-size: 14px;}
.contact h2 {margin:60px 0 30px 0;}
.contact p{background-color: rgba(255, 255, 255, 0.9);padding: 15px; }
.contact h5{color:#BB0C20; background-color: #fff; padding: 7px;}
.contact>div>div,.contact>div>div a{color:#353535; padding: 15px;}
.contact>div>div{margin-top: 265px;}
.phone{background-color: #fff;}
fieldset{/*background-color: rgba(0, 0, 0, 0.82);*/}
label,input,textarea{display: block;width:100%;color:#d9d9d9;}
input,textarea{ background-color: rgba(255, 255, 255, 0.86);color:#000; border-radius: 3px; }

input{ height: 35px;padding-left: 7px; margin-bottom: 15px;background-color: rgba(255, 255, 255, 0.88);}
textarea{ resize: vertical; }

button.btn{width:100%; background-color: #BB0C20; color: #fff;}

.small{font-size: 12px; }
.logo_bot{width:100px; margin: 0 auto;}
footer{
	background-color: rgba(0, 0, 0, 0.78);
	padding:15px;
	text-align: center;
	color: #353535;
}

@media(max-width:991px){
	.contact>div>div{margin-top:320px;}
}
@media(max-width:768px){
	.contact>div>div{ margin: 60px auto 30px auto; width:250px;}
	.actu {
    top: -400px;
    width: 480px;
}
}




















































/*
     FILE ARCHIVED ON 10:08:38 Aug 21, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:22:37 Jul 21, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.529
  exclusion.robots: 0.043
  exclusion.robots.policy: 0.033
  esindex: 0.011
  cdx.remote: 26.747
  LoadShardBlock: 258.417 (3)
  PetaboxLoader3.resolve: 696.268 (4)
  PetaboxLoader3.datanode: 170.169 (4)
  load_resource: 650.153
*/