/* 
	Theme Name: TDN 2024
	Theme URI: http://www.lestombeesdelanuit.com/
	Description: Tombées de la Nuit 2024
	Author: Ben Ben Ben
	Author URI: http://www.benbenben.fr
	Tags: minimal
	
*/

/************************************************
				COULEURS FESTIVAL 25

ROSE > #E5007D
JAUNE > #FFED00
ORANGE > #F5A100
ROUGE > #E30513

************************************************/

/************************************************
					POLICES
************************************************/

@font-face {
    font-family: 'La Nuit XL';
    src: url('polices/LaNuit-XL.woff2') format('woff2'),
        url('polices/LaNuit-XL.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'La Nuit XS';
    src: url('polices/LaNuit-XS.woff2') format('woff2'),
        url('polices/LaNuit-XS.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Jaako';
    src: url('polices/aa_jaakko-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/** font-family: "Roboto", sans-serif; **/

@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');

/************************************************
					GENERAL
************************************************/

h1{
	font-family: 'La Nuit XS';
    font-size: 5em;
    display: block;
    text-transform: uppercase;
    border-top: 5px solid #000;
    border-bottom: 5px solid;
    padding: 0px;
    margin: 0;
}

h2, h3, h4 {
    display: block;
    margin: 0.83em 0em;
}

p {
    display: block;
	margin : 1em 0em;
	font-size: 1.05em;
}

ul, menu, dir {
    display: block;
    list-style-type: disc;
	margin : 1em 0em 1em 40px;
}

.wp-block-image img {
	width: 100%;
    height: auto;
}

.wpcf7-form-control-wrap {
    position: relative;
    margin: 0px 0px;
    display: block;
}

.wp-block-button{
	position:relative;
	top: 0;
	transition: top ease 0.5s;
}

.wp-block-button:hover{
	position:relative;
	top: -10px;
}

.wp-block-heading {
    padding: 0;
    border: 0;
	line-height: 0.7em;
}

.has-white-background-color{
	padding:5%;
}

.wp-block-media-text>.wp-block-media-text__content {
    padding: 0!important;
}

.wp-block-media-text {
    column-gap: 3%;
}

.grecaptcha-badge { 
	visibility: hidden; 
}

/************************************************
					GRAND NHUITE
************************************************/

#grand-nhuite-home{
	width:90%; 
	margin:5%;
	float:left;
	border: 5px solid #000;
	transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
}

#grand-nhuite-home img{
	width:100%; height:auto;
}

#grand-nhuite-home:hover{
transform: scale(0.9);
  -moz-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9, M12=0, M21=0, M22=0.9, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9, M12=0, M21=0, M22=0.9, SizingMethod='auto expand'); /* IE6 and 7 */ 
} 

#grand-nhuite-prog{
	width: 90%;
    margin: 5% 0%;
    padding: 5%;
    float: left;
    border: 5px solid #000;
	display: flex;
    align-items: center;
}

#grand-nhuite-logo{
	float:left;
	width:50%;
}

#grand-nhuite-logo img{
	width:100%;
	height:auto;
}

#grand-nhuite-details{
	float: left;
    width: 46%;
    padding: 2%;
}

#grand-nhuite-details ul {
	margin:0;
	padding:0;
}

#grand-nhuite-details ul li{
	list-style-type:none;
}

#grand-nhuite-details a{
	background-color: #000;
    padding: 10px 10px 0px 10px;
    font-size: 2.5em;
    color: #FFF!important;
    font-family: 'La Nuit XL';
	transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
}

#grand-nhuite-details a:hover{
	background-color:#f8ec4c;
	color:#000!important;
	font-size: 2.6em;
}

#grand-nhuite-site {
	width:100%; 
	text-align:right;
	margin-top: 10px;
}

#grand-nhuite-site a{
	color:#000!important;
	background-color:#f8ec4c!important;
}

/************************************************
					ETE 2025
************************************************/

#dates-2025{
    width: 100%;
    float: left;
    display: flex;
    height: 70vh;
}

#dates-2025-text{
	display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 50%;
	height: 100%;
    padding: 0%;
    text-align: center;
    background-color: rgba(245, 130, 41, 0.1);
    border-top: 5px solid #000;
	font-size: 5em;
    line-height: 1em;
    -ms-word-break: break-all;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    font-family: 'La Nuit XL';
}

#dates-2025-image-desktop{
	float: left;
    height: 100%;
    width: 50%;
    overflow: hidden;
}

#dates-2025-image-mobile{
	display:none;
}

#accueil-festival{
	width: 100%;
	height:100vh;
    float: left;
	display: flex;
    align-items: center;
	background-image: url(https://www.lestombeesdelanuit.com/wp-content/uploads/2025/06/fond-2025.jpg);
    background-repeat: no-repeat !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover !important;
    background-position: center !important;
}

#ete-2025-img-desktop{
	display:block;
	width: 70%;
    float: left;
}

#ete-2025-img-mobile{
	display:none;
}

#ete-2025-img-desktop img{
	width: 80%;
    padding: 10%;
    height: auto;
}

#ete-2025-btn{
	width: 30%;
    margin: 0%;
    float: left;
    display: flex;
    flex-wrap: wrap;
}

#ete-2025-btn a{
	display: flex;
    width: 80%;
    background-color: #FFF;
    float: left;
    padding: 5% 5% 2% 5%;
    margin: 1%;
    border-radius: 15px;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-family: 'La Nuit XL';
    font-size: 3em;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    position: relative;
    top: 0;
    transition: top ease 0.5s;
}

#ete-2025-btn a:hover{
	top: -10px;
}

#ete-2025-btn img{
	filter: invert(100%) sepia(0%) saturate(7489%) hue-rotate(210deg) brightness(99%) contrast(100%);
	margin-bottom: 10px;
}

#ete-2025-video{
	width: 25%;
    float: left;
	text-align:center;
}

#festival-images-bloc{
	display: flex;
    flex-wrap: wrap;
    width: 90%;
    padding: 2% 5%;
    float: left;
}

#festival-en-images{
	display: flex;
	flex: 1 0 25%;
    align-items: center;
    justify-content: center;
    float: left;
    width: 100%;
    height: 400px;
    text-align: center;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
}

#festival-en-images:hover{
transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand'); /* IE6 and 7 */ 
} 

/************************************************
				FALC
************************************************/

.FALC {
	margin:20px 0px 20px 0px;
	float:left;
	text-align:center;
}

.FALC a{
	background-color: #E15197;
    color: #FFF;
    padding: 10px;
	text-decoration:none;
}

.FALC a:hover{
	background-color: #FFFFFF;
    color: #E15197;
    padding: 10px;
	text-decoration:none;
}

#falc-btn{
	float: left;
    width: 100%;
    margin-top: 20px;
}

#falc-btn a{
	text-align: center;
    width: 90%;
    padding: 5%;
    float: left;
    background-color: #000;
    color: #FFF!important;
    font-family: 'Jaako';
	display: flex;
    align-items: center;
    justify-content: center;
}

#falc-btn a:hover{
    background-color: #346eb0;
}

/************************************************
					RENTREE
************************************************/

#retour-ete {
    padding: 5%;
    width: 90%;
    float: left;
    background-color: #f1f2f2;
}

#retour-ete-photos {
    float: left;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px;
}

#retour-ete-videos {
    float: left;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

.bloc-image-photos .fa{
	text-align: center;
    font-size: 5em;
    opacity: 0.8;
}

.rentree-box:hover .ete-titre:after{
	content: "";
    display: block;
    margin: 0 auto;
    width: 120px;
    padding-top: 10px;
    border-bottom: 1px solid #346eb0;
}

/************************************************
		GENERAL
************************************************/

body{
	font-family: "Roboto", sans-serif;
	margin: 0;
	padding: 0;
	width:100%;
	background: #FFF;
}

html{
	width: 100%;
}

#main{
	padding-top: 160px;
}

.clear {
	clear: both;
}

#search{
	width: 265px;
	background: #f7f7f7;
	padding: 0px 10px;
	position: absolute;
	margin-top: -40px;
}

#erreur-404{
    width: 100%;
    height: 100vh;
    display: table;
}

#text-404{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

strong, b{
	font-weight: 700;
}

hr {
    margin: 30px 0px;
    background-color: #000000;
    height: 5px;
    border: 0px!important;
}

h2{
	line-height: 1.5em;
}

.wp-caption {
    /* Force the box to be 100% */
    width: 100% !important;
  }

#content .wp-caption a img {
    /* Scale down if too big */
    max-width: 99.03225806%; /* 614/620 */
    height: auto;
 }

figcaption {
    text-align:center;
}

.wp-caption-text{
	background-color: #FFF;
    margin: 0;
    padding: 10px;
    font-size: 0.9em;
}

#bouton-home {
	display: flex;
    width: 80%;
    padding: 5% 10% 0% 10%;
    float: left;
}

#bouton-home a {
	background-color: #346eb0;
	color:#FFF;
    font-family: 'La Nuit XL';
    font-size: 3em;
    padding: 20px;
    margin: 0px 20px;
    text-decoration: none;
    text-align: center;
    float: left;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
	position: relative;
	top: 0;
	transition: top ease 0.5s;
	border-radius: 20px;
}

#bouton-home a:hover{
	top: -10px;
}

#bouton-home img {
    margin-right: 15px;
}

.bouton-pro a{
	color: #FFF!important;
	background-color:#346eb0!important;	
}

.bouton-pro a:hover{
	color: #FFF!important;
	background-color:#346eb0!important;	
}

.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap select{
	padding: 10px;
    border: 1px solid #000;
}

.bouton-ticket a:before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f291"; color:#FFF;
	margin-right:10px;
    }

.bouton-ticket a{
	background-color: #000000!important;
    color: #FFF!important;
}

.bouton-ticket a:hover{
	background-color:#346eb0!important;
	color:#FFF!important;
}

.responsive-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.responsive-container iframe,
.responsive-container object,
.responsive-container embed,
.responsive-container video
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.wp-block-embed {
    margin: 0;
    padding: 0;
}

.wp-block-image {
	margin:0;
}

figcaption{
	font-size: 0.8em;
}

h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background, p.has-background {
    margin: 0!important;
}

.two-video-une {
    width: 40%;
    padding: 0% 5% 5% 5%;
    float: left;
	background-color:#346eb0;
}
	
blockquote {
    font-size: 1em;
    font-style: italic;
    margin: 0.25em 0;
    padding: 1px 40px 10px 40px;
    line-height: 1.45;
    position: relative;
    color: #000;
    background: #FFFFFF;
}
 
blockquote:before {
    display: block;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: 0px;
    top: -10px;
    color: #7a7a7a;
}
 
blockquote cite {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}
  
blockquote cite:before {
    content: "\2014 \2009";
}

.jaako{
	 font-family: 'Jaako';
}

/************************************************
		ALERT INFO
************************************************/

.alert {
	padding: 0.5% 2%;
    bottom: 0px;
    position: fixed;
    text-align: center;
    width: 96%;
    background-color: #000;
    color: #FFF;
    z-index: 1000;
	font-size: 0.9em;
}

.alert a{
	color:#FFFFFF;
}

.alert a:hover{
	color:#346eb0;
	background-color: #FFFFFF;
}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}

/************************************************
			MENU RESPONSIVE
************************************************/

.overlay {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	background-color: #346eb0;
	overflow-x: hidden;
	transition: 0.5s;
	font-family:'Jaako';
}

.overlay-content {
	position: relative;
	top: 65px;
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

.overlay-content ul{
	margin:0;
	padding:0;
}

.overlay a {
	text-decoration: none;
	color: #000000;
	display: block;
	transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #FFFFFF;
}

.overlay .closemenu {
	position: absolute;
	top: 20px;
	right: 45px;
	font-size: 60px;
}

#button-menu-mobile {
	display:none;
}

.menu li{
	list-style-type:none;
}

#myNav .sub-menu{
	margin: 0;
    padding: 0;
	font-size:1.2em;
	background-color: #346eb0;
}

#myNav .menu li ul {
	display:none;
 }

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

#myNav ul li a{
	font-size:1.5em;
}

#myNav ul li ul li a{
	font-size:1em;
}

/************************************************
			MENU
************************************************/

#menu {
	font-size: 2em;
    line-height: 1em;
    letter-spacing: 1px;
    padding: 0;
    margin: 0;
    float: left;
    font-family: 'La Nuit XS';
    text-transform: uppercase;
}

.sub-menu{
	background-color:#346eb0;
	font-size: 0.9em;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline-block;
}

#menu li {
	float:left;
	margin:auto;
	padding:0;
}

.menu li > a:after { 
	margin-left: 10px;
    font-size: 0.8em;
    content: '\25be';
}

.menu > li > a:after { 
	margin-left: 10px;
    font-size: 0.8em;
    content: '\25be';
}

.menu li > a:only-child:after { margin-left: 0; content: ''; }

#menu li a {
    display: block;
    color: #000000;
    text-decoration: none;
	padding: 5px 10px;
    cursor: pointer;
}

.sub-menu li a:hover{
	color:#FFFFFF!important;
}

.sub-menu .current_page_item a{
	color:#FFFFFF!important;
}

.current_page_item a{
    color:#346eb0!important;
}

#menu li a:hover {
	color:#346eb0;
}

#menu ul li ul {
	display:none;
	position:absolute;
	text-align:left;
}
#menu ul li:hover ul {
	display:block;
}

#menu li:hover ul li {
	float:none;
}

#menu .fa-house{
	margin-top: 9px;
    font-size: 0.6em;
}

#menu .fa-ticket{
	font-size: 0.6em;
}

#recherche{
	float: left;
	padding: 13px;
}

#recherche a{
	color:#000000;
}

#recherche a:hover{
	color:#346eb0;
	opacity:0.5;
}

.fa, .fa-brands {
	margin:0px 5px;
}

/************************************************
		HEADER
************************************************/

#header-plus{
    width: 100%;
    height: auto;
    float: left;
    position: fixed;
    z-index: 999;
}

#header{
	display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
    background-color: #FFF;
}

#logo{
    margin: 20px;
    float: left;
}

#logo img{
	max-height: 100%;
    max-width: 100%;
}

/************************************************
				PROGRESS BAR
************************************************/

.progress-container {
	width: 100%;
    height: 5px;
    float: left;
    background: #000;
}

.progress-bar {
  height: 5px;
  width: 0%;
background: rgb(226,162,49);
background: linear-gradient(90deg, rgba(226,162,49,1) 25%, rgba(255,64,64,1) 75%, rgba(149,158,214,1) 100%);
}

/************************************************
		INDEX 
************************************************/

#video-retro{
	width: 29.33%;
	margin: 0% 2%;
	float: left;
}

#menu-section{
    width: 100%;
    float: left;
    text-align: center;
    background-color: #FFFFFF;
    color: #000;
    font-size: 0.8em;
    z-index: 3;
}

#menu-section:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 50%;
    border-bottom: 1px solid #346eb0;
}

.sticky {
	position: fixed;
	top: -1px;
	width: 100%;
	border-bottom: 1px solid #346eb0;
}

#lien-une, #lien-a-venir, #lien-billetterie, #lien-kub, #lien-cauchemar, #lien-post, #lien-video-photo{
    display: inline-block;
    cursor: pointer;
    padding: 10px;
}

#lien-une:hover, #lien-a-venir:hover, #lien-billetterie:hover, #lien-kub:hover, #lien-cauchemar:hover, #lien-post:hover, #lien-video-photo:hover{
	color:#346eb0;
}

#content-index{
}

.titre-section-index{
    text-align: center;
    font-size: 4em;
	font-family: 'La Nuit XL';
	float: left;
    width: 100%;
}

.bloc-sur-titre{
	background-color: #346eb0;
    font-family: 'Jaako';
    text-transform: uppercase;
    color: #FFF;
    margin: 10px 0px;
    padding: 5px 10px;
    display: inline-block;
}

.show-all {
    text-align: right;
    margin: 0px 5% 0px 0px;
}

.show-all a{
    background-color: #346eb0;
    font-size: 1em;
    padding: 10px;
    color: #FFFFFF;
    text-decoration: none;
}

.show-all a:hover{
    background-color: #FFFFFF;
    color: #000;
}

.show-all a:before {
	content: "\2192";
	margin-right: 5px;
}

.bloc-all {
	float: left;
    width: 100%;
    text-align: right;
    font-family: 'Jaako';
    text-transform: uppercase;
    font-size: 1.5em;
}

.bloc-all a {
	font-size:0.8em;
	color:#FFF;
	text-decoration:none;
}

.bloc-all a:before {
	content: "\2192";
	margin-right: 5px;
}

.bloc-all a:hover {
	color:#000000;
	text-decoration:underline;
}

#photos-une-bloc{
	width: 90%;
    padding: 5%;
    float: left;
    overflow: hidden;
    background-color: rgba(223, 112, 164, 0.1);
}

#photos-une{
	display: flex;
	flex: 1;
    align-items: center;
    justify-content: center;
    float: left;
	width: 90%;
    padding: 0% 5%;
    height: 500px;
    text-align: center;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
}

#photos-une-container{
	width: 100%; 
	float: left; 
	display: flex;
	flex-wrap: wrap;
}

#photos-une-container a{
	 flex: 1 0 21%;
}

#photos-une:hover{
transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand'); /* IE6 and 7 */ 
} 

/***************** SEPCTACLES UNE *********************/

#index-une {
    width: 100%;
    float: left;
    display: flex;
}

.bloc-image-une{
	float: left;
    height: 600px;
    width: 50%;
	overflow:hidden;
}

.bloc-image-content{
	width: 100%;
	height: 600px;
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
}

.bloc-image-content:hover{
	transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand'); /* IE6 and 7 */ 
} 

.bloc-image{
	width: 100%;
	height: 100%;
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
}

.bloc-image:hover{
	transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand'); /* IE6 and 7 */ 
} 

.bloc-text {
display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 46%;
    padding: 2%;
    text-align: center;
    background-color: #FFFFFF;
    border-bottom: 5px solid #000;
    border-top: 5px solid #000;
}

.bloc-title{
	width:100%;
	margin: 0px 0px -15px 0px;
	float: left;
    font-size: 7em;
    line-height: 1em;
    -ms-word-break: break-all;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    font-family: 'La Nuit XL';
}

.bloc-title a{
	color:#000;
	text-decoration:none;
}

.bloc-title a:hover{
	color:#346eb0;
}

.bloc-category-index{
	display: inline-block;
    font-family: 'La Nuit XL';
    text-transform: uppercase;
    background-color: #000;
    color: #FFF;
    font-size: 3em;
    padding: 10px 10px 0px 10px;
    margin-bottom: 10px;
    line-height: 1em;
    text-align: center;
}

.bloc-category-index-mobile{
	display:none;
}

.mots-cles-index {
	display: inline-block;
    padding: 5px 40px;
    margin: 10px 0px 0px 0px;
    font-family: 'La Nuit XL';
    color: #346eb0;
    text-transform: uppercase;
    border-top: 3px solid #000;
    font-size: 3em;
}

.bloc-billetterie{
    float: right;
	margin-top: -22px;
    position: relative;
	font-size: 0.9em;
}

.bloc-genre {
	padding: 2px 5px;
    color: #FFF;
    background-color: #346eb0;
    font-size: 0.8em;
    float: right;
    text-transform: uppercase;
    font-family: 'Jaako';
    position: absolute;
    top: 10px;
    right: 0px;
}

.bloc-creation{
	font-family: 'Jaako';
    text-transform: uppercase;
    float: right;
    margin-top: -230px;
    padding: 2px 5px;
    background-color: #FFFFFF;
    color: #000;
    position: relative;
    font-size: 0.8em;
}

.bloc-billetterie-left{
    float: left;
    margin-top: -24px;
    position: relative;
	font-size: 0.9em;
}

.bloc-billetterie a, .bloc-billetterie-left a{
	background-color:#346eb0!important;
	color:#ffffff!important;
	padding: 5px;
	text-decoration:none;
}

.bloc-billetterie a:hover, .bloc-billetterie-left a:hover{
	background-color:#FFFFFF!important;
	color:#000!important;
	padding: 5px;
	text-decoration:none;
}

.bloc-complet{
	float: right;
    background-color: #FFFFFF!important;
    color: #000!important;
    padding: 5px;
    margin-top: -27px;
    position: relative;
    font-size: 0.9em;
    font-weight: bold;
}

.bloc-type{
    float: right;
    margin-bottom: -20px;
    margin-top: -29px;
    position: relative;
}

.bloc-type a{
	background-color:#346eb0;
	color:#ffffff;
	padding: 5px;
	text-decoration:none;
}

.bloc-type i{
}

.bloc-category {
    font-size: 0.8em;
}

.bloc-category a{
	color:#000;
	text-decoration:none;
}

.bloc-chapeau{
	margin: 5px 0px 10px 0px;
	text-align:justify;
}

.bloc-tag{
    font-style: italic;
	font-size:0.8em;
	margin-top: 10px;
}

.bloc-tag a{
    text-decoration:none;
	color:#000;
}

.bloc-tag a:hover{
    text-decoration:underline;
}

.bloc-date{
	font-size: 3em;
    text-transform: uppercase;
    font-family: 'La Nuit XL';
    color: #346eb0;
}

/***************** CAROUSEL EVENEMENTS *********************/

#carousel-a-venir {
    float: left;
    width: 90%;
    padding: 5%;
    background-color: #346eb01a;
}

.owl-carousel{
    padding: 0%;
	float:left;
}

/***************** KUB UNE *********************/

#index-kub{
    width: 90%;
	padding:5%;
	float:left;
	background-color:#eeeeee;
}

/***************** FESTIVAL UNE *********************/

#index-festival{
    width: 90%;
	padding:5%;
	float:left;
	background-color:#fffac2;
}

.bouton-festival{
	float: left;
    display: table;
    text-align: center;
    width: 21%;
    font-size: 1em;
    margin: 5% 1% 1% 1%;
    padding: 2% 1%;
    color: #346eb0;
    background-color: #fffac2;
    box-shadow: 0 0 0 2px #346eb0 inset, 0 0 0 2px #346eb0 inset;
}

.bouton-festival:hover{
	color: #fffac2;
    background-color: #346eb0;
	box-shadow: none;
}

.bouton-festival i{
	font-size: 2em;
	margin-bottom:10px;
}

.bouton-text-festival{
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.festival-photo, .festival-video{
	width:46%;
	margin: 2%;
	float:left;
}

/***************** POST UNE *********************/

#index-post{
	display: flex;
    width: 100%;
    float: left;
}

.bloc-image-post{
    float: left;
    height: 350px;
    width: 60%;
    overflow: hidden;
}

.bloc-text-post{
    margin-top: -250px;
    z-index: 2;
    position: relative;
    float: right;
    width: 45%;
    padding: 60px 20px;
    text-align: center;
    background-color: #FFFFFF;
}

.sous-titre-article{
	float: left;
    width: 100%;
    font-size: 1.5em;
    margin: 20px 0px;
    font-family: 'Jaako';
    text-transform: uppercase;
}

/***************** PROJET EN COURS *********************/

#projet-en-cours {
    width: 92%;
    padding: 2% 4% 2% 4%;
    float: left;
    background-color: #f6f6f6;
}

/***************** POST SECOND *********************/

#index-post-second {
	width: 90%;
    padding: 5%;
    float: left;
	background-color:#346eb0;
}

.post-second{
	width: 27.33%;
    margin: 1%;
    padding: 2%;
    float: left;
}

.bloc-image-post-second{
    height: 300px;
    overflow: hidden;
}

.bloc-text-post-second{
    z-index: 2;
    position: relative;
    text-align: center;
	padding: 20px;
	border-bottom: 5px solid #000;
	background-color: #FFF;
}

.bloc-title-post{
	font-family: 'La Nuit XL';
    font-size: 3em;
	line-height: 1em;
}

.bloc-title-post a{
	color:#000;
	text-decoration:none;
}

.bloc-title-post a:hover{
	color:#346eb0;
	text-decoration:none;
}

.bloc-sous-titre-article{
    margin-top: 10px;
	font-style:italic;
}

/***************** VIDEO UNE *********************/

#index-retro-video{
	width: 90%; 
	padding:5%; 
	float:left;
	background-color:#346eb0;
}

#index-video{
	width: 40%;
    padding: 2% 5%;
    background-color: #FFFFFF;
    float: left;
}

.youtube-home {
	width: 100%;
    float: left;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
}
.youtube-home iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.bloc-text-media {
	width: 100%;
    padding: 10px 0px;
	float: left;
}

.bloc-title-media, .bloc-title-media-festival{
	font-size: 3em;
    font-family: 'La Nuit XL';
    text-align: center;
}

.bloc-title-media a{
	color:#000000;
	text-decoration:none;
}

.bloc-title-media a:hover{
	color:#346eb0;
}

.bloc-title-media-festival a{
	color:#000000;
	text-decoration:none;
}

.bloc-title-media-festival a:hover{
	color:#346eb0;
}


/***************** PHOTOS UNE *********************/

#index-photos{
    width: 40%;
    padding: 2% 5%;
    background-color: #FFFFFF;
    float: left;
}

.bloc-image-box-photos{
	float: left;
    width: 100%;
    height: 350px;
    overflow: hidden;
}

.bloc-image-box-photos-small{
    float: left;
    width: 23%;
    margin: 2% 1%;
    overflow: hidden;
}

.bloc-image-photos-small-title{
	color: #FFF;
    font-size: 0.8em;
    padding: 5%;
    bottom: 0px;
    position: absolute;
    text-align: center;
    width: 90%;
	text-shadow: 2px 2px 2px #000;
}

.bloc-image-photos-big-title{
	color: #FFF;
    font-size: 1.5em;
    padding: 5%;
    bottom: 0px;
    position: absolute;
    text-align: center;
    width: 90%;
	text-shadow: 2px 2px 2px #000;
}

.bloc-image-photos{
	display: flex;
    height: 350px;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
}

.bloc-image-photos:hover{
		transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand'); /* IE6 and 7 */ 
}

.grid-item, .grid-sizer { width: 20%; }

.grid-sizer-home { width: 0%; }

	
/************************************************
		CONTENT
************************************************/

#content-parallax {
    width: 100%;
	padding:0;
    float: left;
}

.parallax{
	width: 100%;
    float: left;
    position: relative;
    z-index: 1;
    height: 960px;
    background-repeat: no-repeat!important;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
    background-position: center!important;
	border-bottom: 5px solid #000;
}

.parallax-text{
	width: 100%;
    padding: 20px 0px;
    float: left;
    text-align: center;
	border-bottom: 5px solid #000;
}

.parallax-title{
	font-size: 5em;
	line-height: 1em;
    font-family: 'La Nuit XL';
	padding: 20px;
	-ms-word-break: break-all;
	word-break: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.title{
	font-size: 7em;
    font-family: 'La Nuit XL';
    line-height: 0.8em;
    margin-top: 20px;
    width: 80%;
    margin: 20px 10% 0px 10%;
}

#content{
	width: 80%;
    background-color: #FFF;
    margin: 5% 10%;
    float: left;
    text-align: justify;
}

#content-left{
    width: 70%;
    float: left;
    margin: 0% 5% 0% 0%;
    padding: 0%;
    text-align: justify;
}

#content-right{
    width: 25%;
    float: left;
    margin: 0%;
    padding: 0%;
}

#content-right .item{
    width: 90%;
	padding: 5%;
}

#container .item-type{
	font-size:0.9em;
}

#content a{
    text-decoration: none;
    color: #346eb0;
}

#content a:hover{
	color:#000000;
}

#video-box{
	width:100%;
}

.wp-block-file__button{
    color: #FFFFFF!important;
	border-radius:0px!important;
}



/************************************************
		TABS TERRITOIRE ET HABITANTS
************************************************/

.tabs {
	display: flex;
	flex-wrap: wrap;
}
.tabs label {
	order: 1;
    display: block;
    font-size: 1em;
    padding: 20px;
    cursor: pointer;
    background: #f7f7f7;
    transition: background ease 1s;
}
.tabs .content-tab {
  order: 99;
  flex-grow: 1;
	width: 100%;
	display: none;
  padding: 1rem;
  background: #fff;
}
.tabs input[type="radio"] {
	display: none;
}
.tabs input[type="radio"]:checked + label {
	background: #fff;
}
.tabs input[type="radio"]:checked + label + .content-tab {
	display: block;
}

/************************************************
		AGENDA
************************************************/

.jour-agenda {
	width:100%;
	float:left;
 	font-family: 'La Nuit XL';
    margin: 20px 0px;
    padding: 15px 0px 0px 0px;
    display: block;
    font-size: 4em;
    color: #000;
    border-top: 5px solid #000;
    border-bottom: 5px solid #000;
    text-transform: uppercase;
}

.item-agenda {
	width:100%;
	float:left;
    padding: 5px 5px;
    margin: 5px 0px;
	color:#000000;
	text-align:left;
}

.item-agenda:hover{
	background-color: rgba(223, 112, 164, 0.1)
}

.item-agenda:hover > .agenda-titre {
    color: #000!important;
}

.item-tarif{
	color: #000;
    font-weight: 900;
}

.agenda-heure{
	color: #000;
    font-family: 'La Nuit XL';
    font-size: 2em;
	letter-spacing: 1px;
}

.agenda-titre{
	font-size: 2em;
    font-family: 'La Nuit XL';
    color: #346eb0;
    letter-spacing: 1px;
}

.agenda-cie{
	font-family: 'Jaako';
    text-transform: uppercase;
    font-size: 1.2em;	
}

.agenda-imfln{
	background-color: #000;
    color: #FFF;
    font-family: 'La Nuit XL';
    padding: 5px 10px 0px 10px;
    font-size: 1.7em;
    letter-spacing: 1px;
}

.agenda-home {
    width: 100%;
    display: flex;
}

.agenda-home a {
    color: #FFF;
    text-decoration: none;
    width: 99%;
    padding: 0.5%;
}

.agenda-home a:hover{
	color:#230742;
	background-color:#FFF;
}


/************************************************
		PAGE SAISON FESTIVAL
************************************************/

.item{
	float: left;
    height: auto;
    padding: 2%;
    margin: 0%;
    width: 29.33%;
}

.item-billetterie {
    float: left;
    flex: 1 0 16%;
    padding: 2%;
}

.item:hover, .item-billetterie:hover, .item-medias-relies:hover{
	background-color:#FFFFFF;
}

.item-medias-relies{
	float: left;
	height: auto;
	padding:4%;
	width:92%;
	background-color:#f7f7f7;
}

.item-image-box{
	float: left;
	height: 250px;
	width: 100%;
	background-color: #f7f7f7;
    background-blend-mode: multiply;
	overflow:hidden;
}

.item-image{
	background-color: #f7f7f7!important;
    background-blend-mode:multiply;
	width: 100%;
	height: 100%;
	display: flex;
    justify-content: flex-start;
    align-items: flex-start;
	background-position:center;
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
}

.item-image-video{
	background-color: #f7f7f7!important;
    background-blend-mode:multiply;
	width: 100%;
	height: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
	background-position:center;
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
}

.item-image:hover{
transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand'); /* IE6 and 7 */ 
} 

.item-text{
	float: left;
    text-align: center;
    height: auto;
    width: 90%;
    padding: 5%;
    border-bottom: 5px solid #000;
    background-color: #FFF;
}

.item-date{
	font-size: 2.5em;
    line-height: 0.9em;
    letter-spacing: 1px;
    font-family: 'La Nuit XS';
    color: #346eb0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.item-date-festival{
	font-family: 'Jaako';
    text-transform: uppercase;
    font-size: 1em;
    margin: 10px 0px 0px 0px;
    padding: 15px 0px 0px 0px;
    border-top: 5px solid #000;
}

.item-date-festival:first-letter {text-transform:uppercase}

.item-spectacle{
	font-family: 'La Nuit XL';
    font-size: 3em;
    line-height: 0.8em;
    margin-top: 10px;
    -ms-word-break: break-all;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.item-spectacle a{
	color:#000!important;
	text-decoration:none;
}

.item-compagnie{
	font-family: 'Jaako';
    text-transform: uppercase;
}

.bloc-imfln{
	background-color: #000;
	margin-top: 5px;
    padding: 5px 10px 0px 10px;
    color: #FFF;
    text-transform: uppercase;
    font-family: 'La Nuit XL';
    font-size: 1.5em;
    letter-spacing: 1px;
    display: inline-block;
}

.item-pays{
	font-family: 'Jaako';
    text-transform: uppercase;
	font-size: 0.8em;
}

.item-title{
	font-family: 'La Nuit XL';
    font-size: 4em;
	margin-bottom: -15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.item-title a{
	color:#000!important;
	text-decoration:none;
}

.item-title a:hover{
	color:#346eb0!important;
	text-decoration:none;
}

.item-sous-titre{
	font-family: 'Jaako';
    text-transform: uppercase;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.item-mots-cles{
	font-size: 2.5em;
    line-height: 0.9em;
    font-family: 'La Nuit XS';
    color: #346eb0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.item-type{
	font-family: 'Jaako';
    text-transform: uppercase;
    float: right;
    margin-top: -32px;
    padding: 5px;
    line-height: initial;
    z-index: 10;
    background-color: #FFFFFF;
    position: relative;
}

.item-type .fa{
	padding: 4px 0px;
}

.item-category{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

.item-category a{
	color:#000!important;
	text-decoration:none;
}

.item-category a:hover{
	color:#346eb0!important;
	text-decoration:none;
}

.item-tag{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
	margin-top: 5px;
}

.item-category a, .item-tag a{
	color:#000; 
	text-decoration:none;
}

/************************************************
		ACCESSIBILITE
************************************************/

.access img{
	width:100px;
	height:100px;
}

.access img:hover{
	opacity:0.8;		
}

.def_visuel img{
	width:100px;
	height:100px;
	float:left;
}


/************************************************
		CONTENT SPECTACLES
************************************************/

.credit-thumbnail{
    font-size: 0.6em;
    position: absolute;
    right: 0px;
    bottom: 0px;
    color: #FFF;
    padding: 5px;
}

#infos{
	width:70%;
	float:left;
}

#infos a{
	color:#346eb0;
}

#infos a:hover{
	color:#000000;
}

#infos-pratiques{
	width: 25%;
    margin: 0% 0% 0% 5%;
    float: left;
    margin-bottom: 15px;
    font-weight: bold;
}

.compagnie{
	font-size: 1em;
    text-transform: uppercase;
    display: inline-block;
    font-family: 'Jaako';
}

.site{
    width: 100%;
	margin: 15px 0px 15px 0px;
    float: left;
    
}

.site a{
	color:#000;
	text-decoration:none;
}

.site a:before {
  content: "\2192";
}

.site a:hover{
	color:#346eb0;
}

.info-complet {
	font-family:'Jaako';
	text-transform:uppercase;
	font-size: 1.5em;
    padding: 15px 0px;
    margin: 10px 0px;
    color: #FFF;
    background-color: #346eb0;
    float: left;
    width: 100%;
    text-align: center;
}

.billetterie{
    width: 100%;
    float: left;
    margin: 20px 0px;
}

.billetterie_externe{
	width: 90%;
    float: left;
    margin: 15px 0px;
    text-align: center;
    padding: 5%;
    color: #000;
    border: 1px solid #000;
	font-weight: normal;
}

.billetterie_externe a{
	color: #346eb0;
}
.billetterie_externe a:hover{
	text-decoration:none;
}

.billetterie a{
	font-size: 1.5em;
    font-family: 'Jaako';
    text-transform: uppercase;
    background-color: #000;
    color: #FFF!important;
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 10px 0px;
}

.billetterie a:hover{
	background-color: #346eb0;
	color:#000;
}

.billetterie_sortir{
    width: 100%;
    float: left;
    margin: 0px 0px 20px 0px;
}

.billetterie_sortir a{
	font-size: 1.5em;
    font-family: 'Jaako';
    text-transform: uppercase;
    background-color: #e40069;
    color: #FFF!important;
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 10px 0px;
}

.billetterie_sortir a:hover{
	background-color: #000;
	color:#FFF;
}

.billetterie-embed{
	float:left;
	width:100%;
}

.billetterie-entete-embed{
	float: left;
    padding: 10px 0px;
    margin: 10px 0px;
    text-align: center;
    width: 100%;
    background-color: #000;
    font-family: 'Jaako';
    text-transform: uppercase;
    color: #FFF;
    font-size: 1.2em;
    cursor: pointer;
}

.billetterie-entete-embed:hover{
	 background-color: #ccc;
}

.pays{
	font-family: 'Jaako';
    text-transform: uppercase;
    display: inline-block;
}

.imfln{
	background-color: #000;
    color: #FFF;
    font-family: 'La Nuit XL';
    display: inline-block;
    font-size: 2em;
    letter-spacing: 1px;
    padding: 5px 10px 0px 10px;
}

.titre-accompagnement{
	font-size: 1em;
	color:#000000;
	text-transform: uppercase;
    display: inline-block;
    font-family: 'Jaako';
	margin-top: 10px;
}

.sous-titre{
	width: 80%;
    padding: 0% 10%;
	margin-top: 10px;
    text-align: center;
    font-family: 'Jaako';
    text-transform: uppercase;
    font-size: 1.8em;
}

.lieu{
	margin: 5px 0px;
}

.lieu a{
	color: #346eb0;
	text-decoration:none;
}

.lieu a:hover{
	color: #000;
}

.informations_complementaires{
    margin: 5px 0px;
    font-style: italic;
}

.informations_complementaires a{
	color: #346eb0;
	text-decoration:none;
}

.informations_complementaires a:hover{
	color: #000;
}

.infos-pratiques-psh{
	margin: 5px 0px 20px 0px;
}

.infos-pratiques-psh a{
	color:#346eb0;
}

.infos-pratiques-psh a:hover{
	color:#000000;
}

.horaire, .duree, .jauge{
	margin: 5px 0px;
}

.mots-cles{
	padding: 5px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
    font-family: 'La Nuit XL';
    color: #346eb0;
    text-transform: uppercase;
    border-top: 3px solid #000;
    border-bottom: 3px solid #000;
    font-size: 3em;
}

.acces_star {
	font-style:italic;
	margin: 10px 0px;
}

.infos-pratiques {
	font-style:italic;
	margin: 10px 0px;
}

.infos-pratiques a{
	color:#346eb0;
}

.infos-pratiques a:hover{
	color:#000;
}

.tarif{
    margin: 5px 0px;
}

.tarif a{
	color:#346eb0;
	text-decoration:none;
}

.tarif a:hover{
	color:#000000;
}

.bulle-creation{
	float: left;
    background-color: #FFF;
    color: #000;
    font-family: 'Jaako';
    text-transform: uppercase;
    padding: 5px 10px;
    margin-top: 20px;
}

.bulle-jeune-public {
	display:inline-block;
	margin-left:20px;
}

.bulle-jeune-public img{
	width: 80px;
    height: 80px;
}

.bulle-habitants-complices{
    width: 100px;
    height: 100px;
    float: right;
    margin: 10px;
}

.bulle-creation-rennes{
	float: right;
    width: 100px;
    margin: 10px;
    height: 100px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: table;
    text-align: center;
    background-color: #346eb0;
    color: #FFF;
}

.bulle-creation span, .bulle-creation-rennes span, .bulle-habitants-complices span {
    display: table-cell;
    vertical-align: middle;
}

.bulle-grand-nuite{
	background-color: #000;
    color: #FFF;
    font-family: 'La Nuit XL';
    padding: 10px 11px 0px 10px;
    font-size: 2.5em;
    display: inline-block;
}

.dimanche-rennes {
    float: right;
    margin: 20px;
}

.dimanche-rennes img{
    width:100px;
    height:93px;
}

.presentation{
	display:block;
    text-align:justify;
    float:left;
	width:100%;
	font-size: 1.1em;
}

.presentation-mobile{
	display:none;
}

.texte-falc{
	font-size: 1.1em;
}

.texte-falc ul{
	margin: 0;
}

.texte-falc summary{
	cursor:pointer;
	font-weight: bold;
}

.texte-falc details {
    padding: 10px;
    border: 1px solid;
}

.chapeau{
	text-align: justify;
    width: 100%;
    font-size: 1.2em;
    font-weight: 700;
    float: left;
}

.divers{
	text-align: justify;
    float: left;
    background-color: #EEE;
    padding: 20px;
    border-radius: 25px;
    margin: 20px 0px 0px 0px;
}

.biographie{
    text-align:justify;
    float:left;
}

.distribution{
   text-align:justify;
    float:left;
}

#mapid{
	width: 100%;
    height: 400px;
}

.lsf{
	margin: 10px 0px;
}

.accessibilite{
    display: inline-block;
    margin: 15px 0px;
}

.category{
	margin: 20px 0px 0px 0px;
	text-align: left;
}

.category a{
	font-family: 'Jaako';
    text-transform: uppercase;
    border: 1px solid #000000;
    color: #000000;
    padding: 5px;
    display: inline-block;
    margin-bottom: 3px;
    text-decoration: none;
}

.category a:hover{
    border: 1px solid #346eb0;
    background-color: #346eb0;
    color:#ffffff;
}

.date{
	font-family: 'La Nuit XL';
    float: left;
    width: 100%;
    font-size: 3em;
	line-height: 1em;
	margin-top:20px;
}

.presente{
    text-transform: none;
	font-weight:bold;
	margin: 0px 0px 10px 0px;
}

.item-carousel{
	float: left;
    height: auto;
    padding: 5% 8%;
    width: 84%;
}


/************************************************
		ARTICLE SEUL SINGLE
************************************************/

.relies {
	float: left;
    width: 80%;
    padding: 2% 10%;
    background-color: #346eb01a;
}

.relies-titre{
    width: 100%;
    text-align: center;
    padding: 15px 0px 0px 0px;
	background-color:#ffffff;
}

.retour-en-images {
	float: left;
    width: 86%;
    margin: 0% 5%;
    padding: 2%;
    background: #FFF;
    border-top: 5px solid #000;
}

.relies-spectacle {
	float: left;
    width: 90%;
    padding: 5%;
	background-color: #346eb01a;
}

.relies-photo-video {
	float: left;
    width: 80%;
    padding: 2% 10%;
    background-color: #346eb01a;
}

.item-type-single{
	text-transform: uppercase;
    font-family: 'Jaako';
	line-height: 1em;
    float: right;
    padding: 5px;
    margin-top: -26px;
    z-index: 10;
    background-color: #FFF;
    position: relative;
}

/************************************************
		IMAGES
************************************************/

.tooltip {
  display:none;
  position:absolute;
  border:1px solid #333;
  background-color:#000;
  border-radius:5px;
  padding:10px;
  color:#f7f7f7;
}

/************************************************
		SEARCH
************************************************/

.search-form{
	display: inline-block;
}

#search-button {
    font-size: 1em;
    border: 0px;
    color: #000;
    cursor: pointer;
	background-color: transparent;
}

#search-button:hover {
   color: #346eb0;
	opacity:0.5;
}

input[type="button"] {
    font-family: FontAwesome;
	padding:1px 20px 1px 10px;
}

#full-screen-search {
display:none !important;
	
}
#full-screen-search.open {
display:block !important;
}

/************************************************
*					RESEAUX 					*
************************************************/

#reseaux {
    width: 96%;
    padding: 2%;
    float: left;
    text-align: center;
    border-top: 5px solid #000;
    border-bottom: 5px solid #000;
}

#reseaux a{
	color: #000;
    text-decoration: none;
}

#reseaux a:hover{
	color:#346eb0;
}

#reseaux .fa{
    font-size: 1.8em;
	padding: 0 15px;
}

/************************************************
*	FOOTER  									*
************************************************/

#menu-festival{
	display:none;
}

#footer {
    width: 100%;
    padding: 5% 0%;
    text-align: left;
    float: left;
    color: #000;
    display: flex;
}

.item-footer{
	flex: 1;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.item-footer h2{
	font-family: 'Jaako';
    text-transform: uppercase;
}

.item-footer-contact{
	flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.item-footer fa{
	color:#000;
}

.item-footer ul{
	 margin: 0;
}

.item-footer a{
	color:#000;
	text-decoration:none;
}

.item-footer a:hover{
	color:#346eb0;
}

.item-footer-contact a{
	background-color:#000;
	color:#FFF;
	text-decoration:none;
	font-family:'Jaako';
	text-transform:uppercase;
	padding: 5px;
}

.item-footer-contact a:hover{
	background-color:#FFF;
	color:#000;
}

#credits{
	font-size:0.8em;
	width: 80%;
	padding: 1% 10%;
	color:#000;
	float:left;
	text-align:center;
}

/************************************************
		COMMENTAIRES
************************************************/

#comments{
	width:80%;
	margin:0% 10%;
	padding-top:30px;
}

#comments p{
	font-size:16px;
	margin: 5px 0px;
}

.comment-body{
margin: 0px;
}

.comment-body a, #respond a{
	color:#000;
}

.comment{
    margin-top: 40px;
}

textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

#comments h3{font-size: 42px;
    margin: 0px;
    font-weight:normal;
}

ol{
    list-style-type: none;
}
ul ul, ol ul {
    list-style-type: none;
}

.comment-author{
    font-size: 18px;
    font-weight: bold;
    border-top: 1px solid #000;
    padding-top: 10px;
}

.reply{
    float: right;
}

.reply a{
	background-color:#000;
	color:#f7f7f7;
	padding:5px;
	text-decoration:none;
}

.even{
	border-top:5px solid #000;
}

/************************************************
		MAPS
************************************************/

.acf-map {
    width: 100%;
    height: 500px;
    margin: 0;
}

#img-infowindow{
    float:left;
    margin-right:10px;
}

#titre-infowindow{
    font-size: 18px;
    
    font-weight:bold;
}
#cie-infowindow{
    font-size: 18px;
    
   }
#lieu-infowindow{
    font-size: 14px;
    font-style:italic;
}
#star-infowindow{
    font-size: 12px;
    font-style:italic;
}

/************************************************
		TRI SPECTACLE
************************************************/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

#options {
	margin: 20px 0px;
	text-align:center;
	transition: All 1s ease-in-out;
	-webkit-transition: All 1s ease-in-out;
	-moz-transition: All 1s ease-in-out;
	-o-transition: All 1s ease-in-out;
}

#options ul {
  margin: 0;
  list-style: none;
}

#options .floated li {
  float: left;
}

#options li a {
	display: inline-block;
	padding: 0.4em 0.5em;
	color: #000;
	margin-bottom: 0.2em;
	font-size: 0.8em;
	text-decoration:none;
}

#options li a:hover {
  background-color: #f7f7f7;
}

#options .option-set li a.selected {
	text-shadow: none;
	background-color: #346eb0;
	color: #FFFFFF;
	font-size:1em;
	margin-top:-10px;
   -moz-box-shadow: inset 0px 0px 0px 2px #346eb0;
    -webkit-box-shadow: inset 0px 0px 0px 2px #346eb0;
    -o-box-shadow: inset 0px 0px 0px 2px #346eb0;
    box-shadow: inset 0px 0px 0px 2px #346eb0;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#346eb0, Direction=NaN, Strength=0);
}

#options .option-combo {
  display: inline-block;
}

#options .option-combo ul {
  display: inline-block;
    margin: 0;
    padding: 0;
}

/************************************************
		TRI SPECTACLE V2019
************************************************/

#deroulant-masonry{
	margin-top:20px;
}

#filters{
	float:left; 
	width:90%; 
	margin:0; 
	padding:0% 5%;
	display: flex;
    align-items: center;
    justify-content: center;
}

#deroulant-search{
	float:left;
	margin:0;
	padding:0;
}

#deroulant-filter{
	float:left;
	margin:0;
	padding:0;
}

.no-results{
 	display:none;
 	float: left;
	height: auto;
	padding:2%;
	width:96%;
}

.form-control{
	font-size: 1em;
	width: 200px;
	margin-right: 10px;
    border: solid 1px #000;
	padding: 0.3em 0.5em;
}

div.select-style { 
    float: left;
    margin-right: 20px;
    overflow:hidden; /* this hides the select's drop button */ 
    padding:0; 
    margin:0; 
    width: 200px;
	border-radius:2px; 
    border: solid 1px #000; 
	background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #FFF;
    -webkit-appearance: none;
    background-position-x: 178px;
}

div.select-style select { 
    width:100%; 
    background-color:transparent; 
    background-image:none; 
    -webkit-appearance: none; 
    border:none; 
    box-shadow:none; 
	font-size: 1em;
    padding:0.3em 0.5em;
}


/* -------------------------------------------------------------- */
/* BIG SCREEN
/* -------------------------------------------------------------- */

@media (min-width: 1600px) {
	

.bloc-image-une {
    height: 600px;
}	
	
.bloc-image-content{
	height: 600px;
}
	
.bloc-image-box-photos {
    height: 400px;
}
	
.bloc-image-photos {
    height: 400px;
}
	
.item-image-box {
    height: 250px;
}
	
}


/* -------------------------------------------------------------- */
/* MOBILE and TABLET
/* -------------------------------------------------------------- */

@media (max-width: 979px) {
	
/************************************************
		GENERAL
************************************************/
	
#index-une{
	display:block;
}
	
.bloc-category-index-mobile{
	display:block;	
	width: 96%;
    float: left;
    font-family: 'La Nuit XL';
    text-transform: uppercase;
    background-color: #000;
    color: #FFF;
    padding: 2%;
    font-size: 3em;
    line-height: 1em;
    text-align: center;
}
	
.bloc-category-index{
	display:none;	
}
	
.wp-block-media-text__content{
	padding:0!important;		
}
	
/************************************************
			MENU RESPONSIVE
************************************************/

#button-menu-mobile{
	display: flex;
    justify-content: end;
    align-items: center;
	width: 50%;
}	
	
#button-menu {
	display: block;
    font-size: 3em;
    color: #000000;
}
	
#button-ticket {
	display: block;
    font-size: 1.2em;
    background-color: #000;
    position: relative;
    padding: 10px;
    margin-right: 20px;
    border-radius: 60px
}
	
#button-ticket a{
	color:#FFF;
}
	
#menu{
	display:none;
}	
	
/************************************************
					GRAND NHUITE
************************************************/

#grand-nhuite-home{
	margin:131px 5% 5% 5%!important;
}
	
#grand-nhuite-prog{
	display:block;
}
	
#grand-nhuite-logo{
	float:left;
	width:90%;
	padding:5%;
	margin-bottom:20px;
}

#grand-nhuite-details{
	float:left;
	width:100%;
	margin:0;
	padding:0;
}
	
/************************************************
					ETE 2025
************************************************/

#dates-2025{
	width: 100%;
    float: left;
    display: block;
	height: auto;
}

#dates-2025-text{
    width: 100%;
	height:400px;
}

#dates-2025-image-desktop{
	display:none;
}
	
#dates-2025-image-mobile{
	display:block;
}
	
#dates-2025-image-mobile img{
	width:100%;
	height:auto;
}
	
/************************************************
		ETE 2025
************************************************/	
	
#accueil-festival{
	width: 100%;
	height:auto;
    float: left;
	display:block;	
}	
	
#ete-2025-img-desktop{
	display:none;
}

#ete-2025-img-mobile{
	width: 100%;
	float: left;
	display:block;
}
	
#ete-2025-img-mobile img{
	width: 100%;
	height:auto;
}
	

#ete-2025-btn{
	width: 100%;
	padding: 40px 0px;
	float: left;
	display:block;
	background: #FEF04B;
	background: linear-gradient(180deg,rgba(254, 240, 75, 1) 0%, rgba(230, 152, 188, 1) 50%);
}
	
#ete-2025-btn a {
    display: flex;
    width: 74%;
    float: left;
    margin: 2% 8%;
}
	
#ete-2025-video{
	width: 90%;
	padding:5%;
    float: left;
    text-align: center;
    background-color: #000;
}

#retour-ete {
    padding: 5%;
    width: 90%;
    float: left;
    background-color: #f1f2f2;
}

#retour-ete-photos {
    float: left;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
}

#retour-ete-videos {
    float: left;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
}

.bloc-image-photos .fa{
	text-align: center;
    font-size: 5em;
    opacity: 0.8;
}

	
.jour-agenda {
    font-size: 3em;
	width: 100%;
    text-align: center;
}
	
#festival-images-bloc{
	display: block;
    width: 90%;
    padding: 2% 5%;
    float: left;
}
	
#photos-une-container{
	display:block
}

	
/************************************************
					HEADER
************************************************/
	
#recherche {
	display:none;
}
	
#visualization{
		display:none;
}

.off {display:none;}

.bloc{
	float:left; 
	margin:1% 4%;
}

#content-parallax {
	display:block;
}

.parallax {
    float: left;
    width: 100%;
    height: 400px;
	background-position: center!important;
}
	
.parallax-text {
	margin:0;
    width: 100%;
    float: left;
    padding: 5% 0%;
}

.parallax-title span{
	padding: 20px;
	border: 0px solid #f7f7f7;
	line-height: 42px;
}
	
.presentation{
	display:none;
}

.presentation-mobile{
	display:block;
    text-align:justify;
    float:left;
	width:100%;
	font-size: 1.1em;
}
	
.auteur{
	width:100%;
	position: absolute;
    right: 0px;
    text-align: center;
}
	
.item{
	float: left;
	height: auto;
	padding:4%;
	width:92%;
}
	
.item-billetterie {
    float: left;
    flex: 1 0 48%;
    padding: 2%;
}

#infos{
	width:100%;
	float:left;
}

#video-box {
    width: 94%;
    margin: 2% 3%;
}

#infos-pratiques{
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
}
	
.billetterie{
    width: 96%;
    margin: 2%;
    float: left;
}
	
.billetterie_externe {
    width: 90%;
    margin: 0;
    padding: 5%;
    float: left;
}
	
.site{
    width: 96%;
    margin: 2%;
    float: left;
}
	
#footer {
    display: block;
    width: 90%;
    padding: 5%;
}
	
#menu-festival{
	position: fixed;
    display: flex;
	z-index: 999;
    align-items: center;
    justify-content: center;
    bottom: 0px;
    width: 96%;
    float: left;
    padding: 2%;
    background-color: #346eb0;	
}
	
#menu-festival div{
	width:25%;
	text-align:center;
}
	
#menu-festival a{
		color: #FFF;
        font-family: 'La Nuit XS';
        font-size: 1.5em;
        text-decoration: none;
        line-height: 15px;
}

.item-footer {
    justify-content: left;
}	
	
.item-footer-contact{ 	
    justify-content: left;
	margin-top: 20px;	
}
	
#options .floated li {
  float: none;
}

.access{
	float:left !important;
}

.access a{
    padding: 1px 1px !important;
}

#options li a{
    padding: 1px 50px;
}

.dimanche-rennes img{
    width:70px;
    height:65px;
}

.access img{
	width:40px;
	height:40px;
}

.def_visuel img{
	width:40px;
	height:40px;
	float:left;
}

.box-plan {
	width:96%;
	float:left;
	padding: 2%;
}

#bloc-picto {
    width: 100%;
    height: auto;
    padding: 10px 0px;
	text-align: left;
}
	
.bouton-festival{
	float: left;
    display: table;
    text-align: center;
    width: 96%;
    font-size: 1em;
    margin: 5% 1% 1% 1%;
    padding: 2% 1%;
    color: #346eb0;
    background-color: #fffac2;
    box-shadow: 0 0 0 2px #346eb0 inset, 0 0 0 2px #346eb0 inset;
}

/************************************************
		INDEX
************************************************/
	
.two-video-une{
	width:100%;
	float:left;
	padding:0px;
}
	
#video-retro{
	width: 80%;
	margin: 5% 10%;
	float: left;
}
	
#bouton-home {
    display: block;
    width: 90%;
	padding: 2% 5% 2% 5%;
    float: left;
}
	
#bouton-home a {
    float: left;
    display: flex;
    width: 92%;
    margin: 2%;
    padding: 2%;
    justify-content: center;
    align-items: center;
}
	
#menu-section{
	display:none;
}
	
.alert {
	display:none;
}

.bloc-image-une {
    height: 350px;
    width: 100%;
    overflow: hidden;
}
	
.bloc-text {
    width: 100%;
    padding: 60px 0px;
	margin:0;
    z-index: 2;
    position: relative;
}	
	
.show-all {
    text-align: center;
    margin: 30px 0px 50px 0px;
}
	
.bloc-image-post {
    height: 100vh;
    width: 100%;
    overflow: hidden;
}
	
.bloc-image-content{
	height: 100%;
}
	
.bloc-text-post {
    width: 100%;
    padding: 60px 0px;
    z-index: 2;
    position: relative;
}	
	
.post-second {
    width: 100%;
    float: left;
    margin: 0 0 40px 0;
    padding: 0%;
    background-color: #FFF;
}
	
#index-video {
    width: 90%;
	padding:5%;
	margin:0;
    background-color: #FFFFFF;
    float: left;
}
	
	
#index-photos {
    width: 90%;
	padding:5%;
	margin:0;
    background-color: #FFFFFF;
    float: left;
}
	
.bloc-index-video{
    float: left;
	margin-top: 20px;
}

.bloc-index-photos{
    float: left;
	margin-top: 20px;
	width:100%;
}

#index-post{
	display:block;
}	
	
.bloc-index-post{
	width:100%;
    float: left;
	margin-top: 20px;
}

#content-left{
    width: 90%;
    float: left;
    margin: 5%;
    padding: 0%;
    text-align: justify;
	font-size:1.1em;
}

#content-right{
    width: 90%;
    float: left;
    margin: 5%;
    padding: 0%;
}
	
.festival-photo, .festival-video{
	width:96%;
	margin: 2%;
	float:left;
}
	
#photos-une-bloc{
	display: block;
}
	
/************************************************
		TRI SPECTACLE V2019
************************************************/

	
#filters {
    display: block;
}	
	
#deroulant-search{
    float: initial;
    text-align: center;
    margin-bottom: 20px;
}
	
#deroulant-filter {
    float: initial;
    margin: 0;
    padding: 0;
}

.form-control {
    font-size: 1em;
    width: 96%;
    border: solid 1px #000;
    padding: 2%;
}
	
div.select-style {
    overflow: hidden;
    padding: 0;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 100%;
    border: solid 1px #000;
    background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #FFF;
    -webkit-appearance: none;
    background-position-x: 95%;
}

}