*{ outline: none !important; box-sizing: border-box !important;}
::-webkit-input-placeholder {}
::-moz-placeholder {}
:-ms-input-placeholder {}
:-moz-placeholder {}

/*
.bleu{ color: #231644; }
.blanc{ color: #f8f5ef; }
.rouge{ color: #f64600; }
.orange{ color: #9499FF; }
.violet{ color: #9499ff; }
*/

@font-face{ font-family: 'Cervo'; src: url('../fonts/typoforge_studio_-_cervoneue-regularneue-webfont.woff2') format('woff2'), url('../fonts/typoforge_studio_-_cervoneue-regularneue-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face{ font-family: 'Cervo'; src: url('../fonts/typoforge_studio_-_cervoneue-mediumneue-webfont.woff2') format('woff2'), url('../fonts/typoforge_studio_-_cervoneue-mediumneue-webfont.woff') format('woff'); font-weight: 500; font-style: normal; }
@font-face{ font-family: 'Cervo'; src: url('../fonts/typoforge_studio_-_cervoneue-boldneue-webfont.woff2') format('woff2'), url('../fonts/typoforge_studio_-_cervoneue-boldneue-webfont.woff') format('woff'); font-weight: bold; font-style: normal; }
@font-face{ font-family: 'Espe'; src: url('../fonts/esperanzah.woff2') format('woff2'), url('../fonts/esperanzah.woff') format('woff'); font-weight: normal; font-style: normal; }

.clear{ clear: both; }
.alignleft{ float: left; margin-right: 30px; margin-bottom: 30px; }
.alignright{ float: right; margin-left: 30px; margin-bottom: 30px; }
.tac{ text-align: center; }
ul{ padding: 0px; margin: 0px; }
ul li{ list-style: disc; }
.p15{ padding: 15px; }

a{ color: #fff; text-decoration: none; }
a:hover{ color: #fff; text-decoration: none; }

html { -webkit-tap-highlight-color: transparent; }
html, body{
	position: relative;
	width: 100%;
	margin: 0px !important;
	padding: 0px;
	font-size: 18px;
	font-weight: 400;
	color: #f8f5ef;
	font-family: 'Cervo', sans-serif;
	background: #231644;	
}

h1{ font-family: 'Cervo', sans-serif; color: #fff; font-size: 44px; text-transform: uppercase; letter-spacing: 2px; padding: 0px; margin: 0px; }
h2{ font-family: 'Cervo', sans-serif; color: #F64600; font-size: 20px; margin: 0px; padding: 0px; margin-bottom: 15px;  letter-spacing: 2px; text-transform: uppercase; }
h2 a{ color: #F64600; }
h2 a:hover{ color: #F64600; }


/* LOGO anim */
.scene-container { position: relative; width: auto; height: 800px; background-color: #231644; }
.scene-container canvas { z-index: 1; display: block; position: absolute; width: 100%; height: 100%; }
.scene-circle-marker{ z-index: 3; width: 202px; height: 202px; position: absolute; top: 88px; left: 50%; transform: translate(-50%, 0%); background-color: rgba(0, 0, 0, 0.0); }

.scene-circle-marker:before {
    opacity: 1.0;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 49%;
    bottom: 0;
    background: #f64600;
    border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
}

.scene-circle-marker:after {
    opacity: 1.0;
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    bottom: 0;
    background : #f64600;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;

    transform: scaleX(1.0);
    transform-origin: left center;

    transition: transform 1.0s cubic-bezier(0.95, 0.03, 0.58, 1);
}

.scene-circle-marker.phased:after {
    transform: scaleX(0.0);
}

.scene-particle-delimiter {
    z-index: 2;
    width: 500px;
    height: 600px;
    position: absolute;

    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    background-color: rgba(0, 100, 200, 0.0);
}


.scene-20ieme{
	z-index: 4;
	position: absolute;
	left: calc( 50% - 260px);
	height: 24px;
	top: 130px;
	height: auto;
}


.logo-svg {
    z-index: 4;
    position: absolute;
    right: calc(50% + 35px);
    top: 170px;
    width: 226px;
    height: auto;
}

.logo-svg .logo-el {
    position: relative;
    fill: white;

    opacity: 0.0;
    transition: transform 0.4s ease-in-out, opacity 0.1s ease-in-out;
}

.logo-svg.shown .logo-el {
    opacity: 1.0;
}


@media( max-width: 768px ){
/* 	.scene-container { display: none; } */
/* 	.scene-container canvas{ } */
/* 	.scene-circle-marker{ width: 100; height: 100px; top: 88px; } */
	.logo-svg{ width: 50px; }
}

.logo-svg .logo-ch1 {
    transform: translateX(0.0%) scaleX(0.01) translateX(-0.0%);
}

.logo-svg.shown .logo-ch1 {
    transform: translateX(0.0%) scaleX(1.0) translateX(-0.0%)
}

.logo-svg .logo-ch2 {
    transform: translateX(9.2%) scaleX(0.01) translateX(-9.2%);
    transition-delay: 0.15s, 0.15s;
}

.logo-svg.shown .logo-ch2 {
    transform: translateX(9.2%) scaleX(1.0) translateX(-9.2%);
}

.logo-svg .logo-ch3 {
    transform: translateX(18.8%) scaleX(0.01) translateX(-18.8%);
    transition-delay: 0.3s, 0.3s;
}

.logo-svg.shown .logo-ch3 {
    transform: translateX(18.8%) scaleX(1.0) translateX(-18.8%)
}

.logo-svg .logo-ch4 {
    transform: translateX(28.9%) scaleX(0.01) translateX(-28.9%);
    transition-delay: 0.45s, 0.45s;
}

.logo-svg.shown .logo-ch4 {
    transform: translateX(28.9%) scaleX(1.0) translateX(-28.9%);
}

.logo-svg .logo-ch5 {
    transform: translateX(39.1%) scaleX(0.01) translateX(-39.1%);
    transition-delay: 0.6s, 0.6s;
}

.logo-svg.shown .logo-ch5 {
    transform: translateX(39.1%) scaleX(1.0) translateX(-39.1%);
}

.logo-svg .logo-ch6 {
    transform: translateX(49.3%) scaleX(0.01) translateX(-49.3%);
    transition-delay: 0.75s, 0.75s;
}

.logo-svg.shown .logo-ch6 {
    transform: translateX(49.3%) scaleX(1.0) translateX(-49.3%);
}

.logo-svg .logo-ch7 {
    transform: translateX(59.5%) scaleX(0.01) translateX(-59.5%);
    transition-delay: 0.9s, 0.9s;
}

.logo-svg.shown .logo-ch7 {
    transform: translateX(59.5%) scaleX(1.0) translateX(-59.5%);
}

.logo-svg .logo-ch8 {
    transform: translateX(67.4%) scaleX(0.01) translateX(-67.4%);
    transition-delay: 1.05s, 1.05s;
}

.logo-svg.shown .logo-ch8 {
    transform: translateX(67.4%) scaleX(1.0) translateX(-67.4%);
}

.logo-svg .logo-ch9 {
    transform: translateX(77.2%) scaleX(0.01) translateX(-77.2%);
    transition-delay: 1.2s, 1.2s;
}

.logo-svg.shown .logo-ch9 {
    transform: translateX(77.2%) scaleX(1.0) translateX(-77.2%);
}

.logo-svg .logo-ch10 {
    transform: translateX(87.1%) scaleX(0.01) translateX(-87.1%);
    transition-delay: 1.35s, 1.35s;
}

.logo-svg.shown .logo-ch10 {
    transform: translateX(87.1%) scaleX(1.0) translateX(-87.1%);
}

.logo-svg .logo-ch11 {
    transform: translateX(96.7%) scaleX(0.01) translateX(-96.7%);
    transition-delay: 1.5s, 1.5s;
}

.logo-svg.shown .logo-ch11 {
    transform: translateX(96.7%) scaleX(1.0) translateX(-96.7%);
}



/* header */
#header{ height: 210px; position: relative; text-align: center; }
#header img{ max-height: 100%; }
#header.home{ height: 360px; position: relative; text-align: center; }

#menu{ position: absolute; top: 15px; left: 15px; text-align: left; }
#menu ul{ z-index: 56; }
#menu ul li{ display: inline-block; padding-right: 15px; }
#menu ul li a{ text-transform: uppercase; letter-spacing: 1px; font-size: 20px; }
#menu ul li a:hover{ background: #f64600; }

#menu ul li ul{ display: none; position: absolute; top: 0px; left: 0px; top: 24px; width: 100%; z-index: 55; }
#menu ul li ul li{ display: block; margin-top: 5px; }
#menu ul li ul li a{ font-size: 16px;  }

#menu ul li:hover{ }
#menu ul li:hover ul{ display: block; }

#header_date{ font-size: 20px; color: #f8f5ef; position: absolute; top: 70px; right: 55px; text-transform: uppercase; text-align: right; z-index: 54; }

#bt_tickets{ z-index: 555; background: #9499FF; position: fixed; width: 120px; font-size: 22px; top: 15px; right: 55px; letter-spacing: 1px; text-align: center; display: block; height: 35px; line-height: 35px; text-transform: uppercase; color: #fff; transition: all .2s; }
#bt_tickets:hover{ background: #9499FF; letter-spacing: 2px; }

#social{ position: fixed; top: 0px; right: 0px; z-index: 66666; }
#social a{ display: block; background: #f64600; width: 35px; height: 35px; color: #fff; text-align: center; line-height: 35px; transition: all .2s; }
#social a i{ transition: all .2s; font-size: 12px; }
#social a:hover{ background: #F64600; }
#social a:hover i{ font-size: 16px; }

#footer_particules{ position: fixed; bottom: 0px; left: 0px; right: 0px;  background-image: url(/assets/images/footer.png); height: 80px; }


/* common */ 
span.suffixe{ font-size: 13px; margin-left: 5px; }
.bt, .bt2{ display: inline-block; min-height: 35px; line-height: 33px; letter-spacing: 1px; text-transform: uppercase; border: solid 2px #F64600 !important; color: #F64600 !important; padding: 0 12px; margin: 0 5px; transition: all .2s; }
.bt:hover{ background: #F64600 !important; color: #fff !important; }
.bt.on{ background: #F64600; color: #fff !important; }

.content{ width: 1010px; max-width: calc( 100% - 30px ); margin: auto; position: relative; z-index: 22; }

/* bloc */
.bloc{ float: left; height: 300px; margin: 0 15px 30px 15px; font-size: 16px; font-family: 'Cervo', sans-serif; color: #f8f5ef; line-height: 20px; position: relative; }
.bloc iframe{ max-width: 100%; }
.bloc h2{ margin-top: 45px; }
.bloc h2:nth-child(1){ margin-top: 3px; }

.bloc ul{ padding-left: 30px; }
.bloc ul li{ list-style: disc; }

.bloc img{ max-width: 100%; height: auto; }
.bloc p{ font-weight: 400; }
.bloc p:first-child{ margin-top: 0px; }
.bloc p:last-child{ margin-bottom: 0px; }
.bloc.autoh{ height: auto; }
.bloc.faq{ text-align: justify; }

.back_orange{ border-left: solid 5px #F64600; color: #fff; }
.back_orange h2{ color: #fff;}
.back_orange a{ color: #fff;  border-bottom: solid 1px #fff;}
.back_orange a:hover{ color: #F64600; border-bottom: solid 1px #fff; background: #fff;}

.back_orange h3{ padding: 0px; margin: 0px; }

.bt2{ border: solid 2px #FFF !important; color: #9499FF; }
.bt2:hover{ background: #9499FF !important; color: #fff; }
.bt2.on{ background: #9499FF !important; color: #fff; }

.bloc1{ width: 230px; width: calc( ( 100% - 120px ) / 4 ); }
.bloc2{ width: 490px; width: calc( ( 100% - 60px ) / 2 ); }

.bloc3{ width: 750px; width: calc( (( 100% - 120px ) / 4 ) * 3 ); }
.bloc4{ width: 1010px; }


.blocs{ margin-left: -15px; margin-right: -15px; }
.bloc_img{ display: block; width: 100%; height: 230px; background-size: cover; position: relative; background-position: center center; }

.bloc_audio{ position: absolute; top: 0px; right: 0px; width: 45px; height: 45px; text-align: center; }
.bloc_audio i{ line-height: 45px; color: #fff; }

.bloc_newsletter{ display: block; width: 100%; height: 230px; background-color: #F64600; color: #fff; position: relative; font-size: 30px; text-align: center; font-family: 'Cervo', sans-serif;line-height: 50px; text-transform: uppercase; transition: all .2s; }
.bloc_newsletter:hover{ color: #9499FF; }
.bloc_newsletter div.p15{ position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }

.bloc_text_only{ display: block; width: 100%; height: 230px; position: relative; font-size: 24px; text-align: center; font-family: 'Cervo', sans-serif;line-height: 30px; text-transform: uppercase; transition: all .1s; }
.bloc_text_only div.p15{ position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-transform: none;  }

.bloc_img iframe{ width: 100%; height: 100%; }
.bloc_titre{ margin-top: 15px; color: #f8f5ef; height: 50px; text-transform: uppercase; font-family: 'Cervo', sans-serif; line-height: 20px; font-size: 16px; }
.bloc_tags{ margin-top: 0px; line-height: 15px; }
.bloc_tags a{ color: #9499FF; font-size: 14px; text-transform: none; font-family: 'Cervo', sans-serif; margin-right: 5px; display: inline-block; font-weight: 400; }
.bloc_tags a:hover{ text-decoration: underline; }

.bloch2{ height: 530px; }
.bloch2 .bloc_img{ height: 490px; }

/*
.bloc a.bloc_img:after{ content:''; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background: rgba(148,153,255, .5); transition: .2s; }
.bloc:hover a.bloc_img:after{ background: transparent; }
*/

/* HOME*/
#home{ padding-top: 60px; position: relative; z-index: 555;}
#home_partenaires{ text-align: center; padding-top: 30px; position: relative;  }
#home_partenaires a{ display: inline-block; margin: 0 15px; }
#home_partenaires a img{ height: 45px; }

/* PARTENAIRES */
#partenaires{}
#partenaires_list{ margin-top: 45px; }
#partenaires_list a{ display: inline-block; margin: 0 15px; }
#partenaires_list h2{ margin-top: 45px; }
#partenaires_list h2:nth-child(1){ margin-top: 0px; }
#partenaire_video{ width: 100%; max-width: 100%; margin-top: 60px; }
#partenaire_video iframe{ width: 100%; max-width: 100%; }

/* PROGRAMMATION */
#progra{}
#progra_list{ margin-top: 45px; }

/* THEMES */
#themes{}
#themes h1{ text-transform: none; }
#themes_list{ margin-top: 45px; }


/* TICKETS */
#tickets{ margin: 0px auto; }
#tickets iframe{ border: solid 1px #EEEDF2; }
#tickets_content{ color: #F64600; font-size: 16px; font-family: 'Cervo', sans-serif; margin-bottom: 30px; border: solid 2px #F64600;  }

/* CONTACT */
#contact{}
#contact .blocs{ margin-top: 30px; }

/* ARTIST */
.bt_back { display: inline-block; margin-bottom: 30px; font-size: 16px; color: #F64600; }
.bt_back i{ margin-right: 10px; transition: all .2s; }
.bt_back:hover{ color: #F64600; }
.bt_back:hover i{ margin-right: 7px; }

#artist{}
#artist span.suffixe{ font-size: 21px !important; }

#artist .blocs{ margin-top: 15px; }
#artist .bloc{ height: 300px; position: relative; }
#artist_about{ color: #9499FF; font-size: 20px; }

#artist_bio_bts{ position: absolute; left: 0px; bottom: 0px; }
#artist_social{ position: absolute; right: 0px; bottom: 0px; }
#artist_social a, #artist_bio_bts a{ display: inline-block; width: 35px; height: 35px; line-height: 35px; text-align: center; background-color: #F64600; color: #fff; text-decoration: none; }
#artist_bio_bts a{ margin-right: 0px; font-weight: bold; letter-spacing: 1px; transition: all .1s; }
#artist_social a i{ vertical-align: middle; color: #fff; transition: all .2s; font-size: 16px; line-height: 35px; }
#artist_social a:hover i{ font-size: 18px; }

#artist_bio_bts a:hover, #artist_bio_bts a.on{ background: #9499FF; }

#artist_video{ }
#artist_video iframe{ max-width: 100%; }

#artist_bio_en{ display: none;}
.artist_bio{ font-family: 'Cervo', sans-serif; font-size: 16px; color: #9499FF; line-height: 22px; text-align: justify; font-weight: 400; }
.artist_bio a, .bloc.autoh a{ border-bottom: solid 1px #fff; }
.artist_bio a:hover, .bloc.autoh a:hover{background: #9499FF; color: #fff; border-bottom: solid 1px #9499FF; }

.artist_bio p:first-child{ padding-top: 0px; margin-top: 0px; }

#enfant{ margin-top: 30px; }
#enfant .bloc_img{ margin-top: 35px; }
#enfant .bloc{ text-align: justify; }



@media( max-width: 768px ){
	.bloc_img{ background-repeat: no-repeat !important; background-size: contain !important; }
}


/* BLOG */
#article{}
#article .blocs{ margin-top: 30px; }

/* FOOTER */

#club_partner_bloc{ padding: 10px 0; margin-top: 15px; }

#footer_menu{ text-align: center; padding-top: 45px; position: relative; }
#footer_menu a{ color: #F64600; display: inline-block; font-size: 16px; margin: 0 30px; }

#footer{ text-align: center; padding-top: 15px; padding-bottom: 30px; margin: 0px auto 0px auto; font-size: 16px; font-family: 'Cervo', sans-serif; position: relative;  mix-blend-mode: multiply;}
#footer a{ color: #9499FF; font-size: 12px; font-family: 'Cervo', sans-serif; }
#footer a:hover{ text-decoration: underline; }

#footer_greenpig{ margin-bottom: -5px; }
#footer_greenpig div{ font-size: 12px; margin-bottom: 5px; color: #F64600; font-weight: normal; }
#footer_greenpig img{ height: 15px; }

@media( max-width: 768px  ){
	#footer_greenpig{ margin-bottom: 30px; }
}


/* FORM */
form.wpcf7-form p{ margin-top: 0px; margin-bottom: 30px; }

.wpcf7-text{ font-family: 'Cervo', sans-serif;width: 100%; display: block; margin: 0px; margin-top: 15px; padding: 0 15px; height: 35px; line-height: 33Px; border: solid 2px #F64600; }
.wpcf7-textarea{ font-family: 'Cervo', sans-serif;width: 100%;  display: block; margin: 0px; margin-top: 15px; padding: 0 15px; height: 140px; line-height: 33px; border: solid 2px #F64600;  }
.wpcf7-submit{ font-family: 'Cervo', sans-serif; cursor: pointer; font-size: 18px; background: #F64600; display: inline-block; height: 35px; line-height: 33px; letter-spacing: 1px; text-transform: uppercase; border: solid 2px #F64600; color: #fff; padding: 0 15px; margin: 0 5px; transition: all .2s; }
span.wpcf7-not-valid-tip{ display: block; margin-top: 10px; color: #F64600; text-decoration: underline; }
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{ border-color: #9499FF; } 

.grecaptcha-badge{ display: none !important;}
body.page-id-3126 .grecaptcha-badge{ display: block !important;}

#menu_open, #menu_close{ width: 30px; height: 30px; position: absolute; top: 70px; left: 30px; display: none; }
#menu_open span, #menu_close span{ display: block; width: 6px; background: #9499FF; position: absolute; top: 0px; height: 30px; transition: all .2s; }
#menu_close span{ background: #fff; }
#menu_open span:nth-child(1), #menu_close span:nth-child(1){ left: 0px; }
#menu_open span:nth-child(2), #menu_close span:nth-child(2){ left: 12px; }
#menu_open span:nth-child(3), #menu_close span:nth-child(3){ right: 0px; }

#menu_open:hover span:nth-child(2), #menu_close:hover span:nth-child(2), #menu_close.on span:nth-child(2){ top: -2px; }
#menu_open:hover span:nth-child(3), #menu_close:hover span:nth-child(3), #menu_close.on span:nth-child(3){ top: -5px; }

@media( max-width: 768px ){
	
	.scene-particle-delimiter{ width: 250px; height: 300px; }
	.scene-circle-marker{ width: 101px; height: 101px; top: 50px; }
	.logo-svg { top: 78px; width: 100px; right: calc(50% + 10px); }
	
	.scene-20ieme{ left: calc( 50% - 120px); height: 20px; top: 60px; }
	
	#header{ height: 200px !important; margin-bottom: -30px; }
	
	#menu_open{ display: block; }
	
	#menu{ height: 100vh; top: -115vh; z-index: 99555556; padding-left: 0px; padding-right: 0px; }
	#menu ul{ top: 30px; }
	#menu ul li{ display: block; float: none; width: 100% !important; margin-bottom: 10px; height: auto; }
	#menu ul li ul{ margin-top: 5px; display: block; position: relative; top: 0px; left: 0px; transform: translateX(0); -webkit-transform: translateX(0); }
	#menu ul li ul li{ float: none; margin: 15px 0; }
	#menu ul li ul li a{ white-space: nowrap; font-size: 16px; line-height: 15px; }
	
	#menu.on{ top: 0px; background: rgb(148, 153, 255, 95%); left: 0px; right: 0px; padding-top: 60px;  }
	#menu.on ul li{ text-align: center; }

	#header_date{ position: absolute; top: 38px; right: 7px; font-size: 13px; }
	#social{ top: auto; bottom: -135px; position: fixed; left: calc( ( 100% - 280px ) /2 );}
	#social a{ float: left; width: 45px; height: 45px; line-height: 45px; background: #F64600; }
	#social a i{ font-size: 20px; }
	#social.menu_on{ bottom: 0px; }
	
	#animated_logo { padding-top: 10px; }
	
	#menu_open, #menu_close{ top: 15px; left: 15px; }
	#menu_lib{ top: 50px; left: 15px; }
	#header.tiny #logo_espe, #logo_espe{ position: absolute; left: 75px; top: 15px; }
	#logo_espe img{ height: 45px; }
	
	#bt_tickets{ right: 0px; top: 0px; }
	#menu_artists a{ margin-bottom: 15px; font-size: 14px; }
	span.suffixe{ font-size: 11px; }
	
	h1{ font-size: 20px;  }
	.bloc{ height: auto; margin-bottom: 30px; }
	/*.bloc1{ width: calc( ( 100% - 60px ) / 2 ); }*/
	
	.bloc1, .bloc2, .bloc3, .bloc4{ width: calc( 100% - 30px ); height: auto !important; }
	.bloc_img{ height: 179px; }
	.bloc_newsletter{ height: 200px; line-height: 36px; font-size: 22px; }
	.bloc_text_only{ height: 200px; }
	.bloc_titre{ height: auto; }
	
	.bloc1.back_orange{ width: calc( 100% - 30px); margin-bottom: 30px; }
	
	#progra_list{ margin-top: 15px; }
	#themes_list{ margin-top: 15px; }
	
	#bloc_artist_bio{ padding-top: 45px; }
	#artist_bio_bts, #artist_social{ top: 0px; bottom: auto; }
	
	#footer_menu a{ margin: 0 10px; }

	#eventbrite-widget-container-53584722347 iframe{ height: 100%; }
	#partenaires_list{ text-align: center; }
	#menu_pages{ margin-top: 15px; min-height: 35px; height: auto; display: none; }
	#menu_pages.on{ bottom: 30px; top: auto; display: block; }
	#home{ margin-top: 0px; padding-top: 0px; }
	
	#bt_days .bt{ margin-bottom: 10px; }
	
}


/*
#cookie-law-info-again{
	font-family: 'Cervo' !important;
	letter-spacing: 1px;
	box-shadow: none;
	border: solid 2px #F64600;
	border-bottom: none;
	color: #F64600 !important;
	font-weight: 400 !important;
}
#cookie-law-info-again a{ font-family: 'Cervo' !important; }
*/