ul.event-list-view, ul.single-event-view {
	list-style: none !important;
	margin: 1.5em 0 2em 0;
	padding: 0;
}

li.event {
	clear: both;
	margin: 0 0.5em 1.5em 0.5em;
	zoom: 1; /* Fix for IE 6+7 */
}

.event-date {
	float: left;
	margin: 0 0.4em 1.5em 0;
}

.event-list .multi-date {
	background: url(../images/date-separator.png) center no-repeat;
}

.event-list .start-date, .event-list .end-date {
	text-align: center;
	width: 3.2em;
	border-radius: 5px;
	background-color: rgb(230,230,230);
}

.event-list .start-date {
	float: left;
}

.event-list .end-date {
	margin-left: 3.8em;
}

.event-weekday {
	font-size: 0.8em;
	text-transform: uppercase;
}

.event-day {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: -0.2em;
}

.event-month {
	text-transform: uppercase;
	font-size: 1.0em;
	line-height: 1em;
	padding: 0.4em 0;
}

.event-year {
	font-size: 0.8em;
	line-height: 0.8em;
	letter-spacing: 0.1em;
	padding-bottom: 0.3em;
}

.multi-day {
	margin: 0 0 0 7.5em;
}

.single-day {
	margin: 0 0 0 3.8em;
}

.event-title h3 {
	clear: none;
	margin: 0 !important;
	padding: 0;
}

.event-time {
	font-weight: bold;
	padding-right: 0.8em;
}

.event-cat {
	font-size: 0.95em;
}

.event-details {
	font-size: 0.8em;
}

div.feed {
	display: block;
}

div.feed a * {
	vertical-align: middle;
}

div.feed img {
	margin: 0 5px 0 2px;
}

div.filterbar, div.filterbar div {
	clear both;
	margin: 1em 0;
	vertical-align: middle;
}

div.filterbar select.dropdown, div.filterbar ul.hlist, div.filterbar a.link {
	margin: 0 3px;
	vertical-align: middle;
}

div.filterbar ul.hlist li {
	float: left;
	list-style: none;
	margin: 0;
}

div.filterbar ul.hlist li + li:before {
	content: "|";
	padding: 0 1px;
}

/*GESTION DU SHORTCODE LIST*/
.span-list-version{
	text-transform: none;
}
.div-elm-list-glob{
	clear: both;
	width:100%;
	height:190px;
}
.div-elm-list-glob span{
	/*display: table*/
}
.div-elm-list{
	background-color: #e5e5e5;
	margin: 10px 0;
	overflow: hidden;
	padding:10px 20px;
	min-height:190px;
	
}
.elm-img-div{
	float:left;
	width:292px;
	height:190px;      
	overflow: hidden;
}
.elm-img-div img{		
	/*min-width:100%;  
	min-height:100%;  */

	min-height: 190px !important;
	position: relative !important;
	top: 50% !important;
	-webkit-transform: translateY(-50%) !important;
	-ms-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
	/*width:100% !important;*/
}
.div-elm-list-p{margin:0 0 10px 0; }
.div-elm-list-occur{float:left;}
.elm-title-list{
	font-size:26px;
	font-weight: bold;
}
.span-list-date{
	text-transform: capitalize;
}

@media (max-width: 480px) {
	.div-elm-page-poster{display: none !important;}
	.div-session,.div-prese{
		margin-left: 20px;
	}
	.div-elm-page-bloc1{
		float: left;
		width:100% !important;
		margin-left:55px;
	}
	.sc-hp .div-content-hp {
	margin:30px 0 !important; 
}
}
@media (max-width: 600px) {
	.col-title{
		display: none !important;
	}
	.div-session-col1,.div-session-col2,.div-session-col3{
		width: 90% !important;
		border: 0 !important;
	}	
	.div-session-col3{
		margin-bottom: 10px;
	}
}

@media (max-width: 740px) {
	.transparent-header{
		position: inherit !important;
		padding: 20px 0; 
		transform:none !important;
	}
	.div-elm-page-bigbloc{
		margin-top:0 !important;
	}
	.elm-img-div {
		width: 100%;
		display: block;
		float: left;
	}

	.div-elm-list {
		width: 100%;
		display: block;
		float: left;
		margin-top: 0;
		margin-bottom: 15px;
	}
	.elm-img-div{
		/*height:220px;      */
		overflow: hidden;
	}
	.div-sections-calendar{
		display:none  !important;
	}
	.span-lbl{
		display :table !important;
		line-height: 22px;
	}
	.sep-calendar{
		display:none !important;
	}
	.div-content-content{	
		width: 65% !important;
	}
}
@media (max-width: 850px) {
	.div-elm-page-bigbloc{
		padding: 4% !important;

	}
	.div-elm-page-bloc3{
		float: none !important;
		margin:0 !important;
		width:90% !important;
	}
	.div-elm-page-bloc2{
		float: left;	
		margin:0 !important;
		width:90% !important;
	}
	
	.div-sections-calendar li{		
		width: 48% !important;
	}	
	.elm-title{
		font-size:200% !important;	
	}
	.span-orititle{
		font-size:170% !important;	
	}
}
@media (max-width: 960px) {
	.vc_col-xs-1, .vc_col-sm-1, .vc_col-md-1, .vc_col-lg-1, .vc_col-xs-2, .vc_col-sm-2, .vc_col-md-2, .vc_col-lg-2, .vc_col-xs-3, 
	.vc_col-sm-3, .vc_col-md-3, .vc_col-lg-3, .vc_col-xs-4, .vc_col-sm-4, .vc_col-md-4, .vc_col-lg-4, .vc_col-xs-5, .vc_col-sm-5, 
	.vc_col-md-5, .vc_col-lg-5, .vc_col-xs-6, .vc_col-sm-6, .vc_col-md-6, .vc_col-lg-6, .vc_col-xs-7, .vc_col-sm-7, .vc_col-md-7, 
	.vc_col-lg-7, .vc_col-xs-8, .vc_col-sm-8, .vc_col-md-8, .vc_col-lg-8, .vc_col-xs-9, .vc_col-sm-9, .vc_col-md-9, .vc_col-lg-9, 
	.vc_col-xs-10, .vc_col-sm-10, .vc_col-md-10, .vc_col-lg-10, .vc_col-xs-11, .vc_col-sm-11, .vc_col-md-11, .vc_col-lg-11, .vc_col-xs-12, 
	.vc_col-sm-12, .vc_col-md-12, .vc_col-lg-12{
		padding:0 !important;
	}
	.div-session, .div-prese{
		width: 95% !important;
		margin-bottom: 20px !important;
	}
	.prevPage,.nextPage{
		display :none !important;
	}
	.frame {
		width:100% !important;
	}
}
@media (max-width: 1210px) {
	.frame {
		/*width:96.4% !important; */
	}
}

/*
GESTION PAGE FILM ET EVENT
*/
.div-elm-page{
	width: 100%;
	
}
.div-elm-page-header{
	width: 100%;
	background-color: black;
	color:#fff;
	position: relative;
	/*max-height:644px;*/
}

.div-elm-page-slider{
	
}
.div-elm-page-slider img{
	
}
.transparent-header{
	/*padding-bottom: 20px;*/
	/* position: absolute;*/
	transform: translateY(-25%);
	-webkit-transform: translateY(-25%) !important;
	-ms-transform: translateY(-25%) !important;	 
	width: 100%;
	min-height:120px;
	margin-top: -60px;

}

.div-elm-page-poster{
	float: left;
	margin-left: 4%;
	overflow: hidden;
	width: 20%;
}
.div-elm-page-poster img{
	width:100%;
}
.div-elm-page-bigbloc{
	/*margin-top:160px;*/
	/*position: absolute;*/
	background-color: #fff;	
	display:table;
	/*margin-top:225px;*/
	width: 100%
}
.div-elm-page-bloc1{
	float: left;
	width:70%;
	margin-left:4%;
}
.div-elm-page-bloc2{
	float: left;
	width:15%;
	margin-left: 4%;
	margin-top:15px;	
}
.div-elm-page-bloc3{
	float: right;
	width:65%;
	margin:15px 7%;
	padding-bottom: 10px; 
}
.blocs{
	margin:10px 0;
}

.elm-title{
	font-size:345%;
	
	line-height: 100%;
}
.span-orititle{
	font-size:300%;
	
	line-height: 100%;
}
.elm-type{
	border:solid 1px white;
	padding:0 3px;
	text-transform: uppercase;
	font-size:12px;
}
.div-prese{
	margin-top:15px;
	margin-left:4%;
	width: 100%;
	float:left;
}
.div-session{
	margin-top:15px;
	margin-left:4%;
	width: 100%;
	float:left;
	text-transform: uppercase;
}
.div-session-col1{
	width: 40%;
	float:left;
}
.div-session-col2{
	min-width: 40%;	
	float:left;
}
.div-session-col3{
	width: 15%;	
	float:left;
}
.col-title{
	font-size: 14px;
	font-weight: bold;
}

.gradient{
    display: inline-block;
    /* webkit example 
    background-image: -webkit-gradient(
      linear, bottom top, left top, 
      from(rgba(0, 0, 0, 1.0)),
      to(rgba(255, 255, 255, 0))
    );

    /* mozilla example - FF3.6+ 
    background-image: -moz-linear-gradient(
      bottom center,
      rgba(0, 0, 0, 1.0) 60%, 
      rgba(255, 255, 255, 0) 95%
    );

    /* IE 5.5 - 7 
    filter: progid:DXImageTransform.Microsoft.gradient(
      gradientType=1, startColor=0, endColorStr=#FFFFFF
    );

    /* IE8 uses -ms-filter for whatever reason... 
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(
      gradientType=1, startColor=0, endColoStr=#FFFFFF
    );
*/

/*background-image: -webkit-gradient(linear, bottom top, left top, from(black)) , to(transparent)); 
background-image: -webkit-linear-gradient(top,transparent ,black 35%); 
background-image:    -moz-linear-gradient(top,transparent ,black 35%); 
background-image:     -ms-linear-gradient(top,transparent ,black 35%); 
background-image:      -o-linear-gradient(top, transparent ,black 35%); 
background-image:         linear-gradient(to bottom,transparent ,black 35%) ;*/ /* standard actuel, non implémenté */
background: black;
}
.flexslider{
	background:none !important;
	border:none !important;
	box-shadow:none !important;
	margin:0px !important;
	/*height:644px;*/
}

.flexslider .slides > li{
	/*height:644px;*/
}

.flexslider .slides img {
	/*min-height: 644px !important;*/
	/*position: relative !important;
	  top: 50% !important;
	  -webkit-transform: translateY(-50%) !important;
	  -ms-transform: translateY(-50%) !important;
	  transform: translateY(-50%) !important;*/
	  /*width:auto !important;*/
	}

	.blocs-title{
		text-transform: uppercase;
		font-weight: bold;
		font-size: 12px;
		/*color:black;*/
	}
	.blocs-content{
		/*color:black;*/
	}
	.input-iframe{
		display: none;
	}

	.flexslider .flex-direction-nav a {
		top:60% !important;
	}
	.flex-direction-nav a::before{
		color:#fff !important;
		margin: 10px !important;
	}

	.flex-direction-nav .flex-next { 
		right: 0 !important; 
		margin-right: 10px; 
		opacity: 1 !important; 
	}
	.flex-direction-nav .flex-prev { 
		left: 0 !important; 
		opacity: 1 !important; 
		margin-left: 10px; 
	}

	.flex-direction-nav a.flex-prev::before{
	}	
	.flex-direction-nav a.flex-next::before{	
	}

	.play-button{	   
		width: 20px !important;
		vertical-align: top;
		margin: 0 10px;
	}
	.play-button-div{
		background-color: #2a2a2a;
		margin: 20px 0;
		padding: 10px 5px;
		vertical-align: inherit;

	}

	.fancybox-close {
		cursor: pointer !important;
		height: 36px !important;
		position: absolute !important;
		right: -18px !important;
		top: -18px !important;
		width: 36px !important;
		z-index: 8040 !important;
		background-color:transparent !important;
	}

	.sort-elm-selected{color:#c41346 !important; font-weight: bold ;}
	.sort-elm{color:#2a2a2a; cursor:pointer;}

	.div-elm-page-bloc1 a {color:white !important;
		font-weight: 500;}

		.ass-movies-div{
			margin:10px 10px 0 0;
			width: 245px;
			height: 160px;
			float: left;
			position: relative;

		}
		.ass-movies-a{

		}
		.ass-movies-div img{
			min-height: 160px !important;
			position: relative !important;
			top: 50% !important;
			transform: translateY(-50%) !important;
			max-width: 100%;
		}
		.ass-movies-img{

			height: 160px;
			overflow: hidden;
			width: 245px;
		}
		.ass-movies-title{
			bottom: 5px;
			color: #fff;
			font-size: 20px;
			font-weight: bold;
			left: 10px;
			position: absolute;
			text-shadow: 2px 2px 2px #000;
			text-transform: uppercase;
		}

		.div-session-col1, .div-session-col2, .div-session-col3{
			border-bottom: 1px solid white;
			line-height: 35px;
		} 


		/*GESTION PAGE CALENDAR*/

		.div-color-calendar{
			width: 20px;height:20px;float:left;margin:3px 15px;
		}
		.div-sections-calendar li{
			list-style: none;
			float: left;
			width: 30%;
			margin-bottom: 10px;
		}
		.div-days-calendar{height: auto;overflow: hidden;text-align: center;}
		.div-day-calendar{float: left;cursor: pointer;margin:0 20px; }
		.span-day{
			font-weight: bold;	
			text-transform: uppercase;
			line-height: 20px;
			margin-top: 5px;
		}
		.span-month{
			font-size: 15px;
			line-height: 20px;
			text-transform: uppercase;
		}

		.div-section{
			display: inline-block;
			vertical-align: top;
			width: 80%;
		}


		/*CALENDAR*/
		.container {
			margin: 0 auto;
		}
		.calendar-days{
			width: 100%;
			text-align: center;
		}
		.table-days, .table-days tr{
			width: 100%;
			display: block;

		}
		.table-days-td1{
			width: 5%;
			display: block;
		}
		.table-days-td2{
			display: block;
			width:88%;
		}
		.table-days-td3{

			width: 5%;
		}
		.table-days tr, .table-days td{
			margin:0;
			padding: 0;
		}
		.wrap {
			margin: auto;  
			display:flex;
			background-color: #fff ;/*#C41346*/
		}
		.frame {

			float: left;
			height: 50px;
			line-height: 50px;
			overflow: hidden;
			width:96.2%;

		}
		.frame ul {
			/*font-size: 50px;*/
			height: 100%;
			list-style: outside none none;
			margin: 0;
			padding: 0;
		}
		.frame ul li {
			background: none repeat scroll 0 0 #242B57;/*#2A2A2A*/
			color: #fff;
			cursor: pointer;
			float: left;
			height: 100%;
			margin: 0 1px 0 0;
			padding: 0;
			text-align: center;
			width: 199px;
		}
		.frame ul li.active {
			background: none repeat scroll 0 0 #6A84C1;/*#C41346*/
			color: #FFF611 ;
		}
		.prevPage {
			float: left;
			background-color:#6A84C1;
			border: 0 none;
			color: #fff;
			height: 50px;
			width:22px;

		}
		.nextPage {
			float: right;
			background-color: #6A84C1;
			border: 0 none;
			color: #fff;
			height: 50px;
			width:22px;
		}
		.prevPage.disabled {
			background-color:#6A84C1;/*#C41346*/
		}

		.div-sections-calendar{
	/*background-color: #F3F3F3;
	border-bottom:solid 1px #E3E3E3;*/
}

.bloc-location{
	width: 95%;
	margin: 30px auto;
}
.div-head-loc,.div-content-glob,  .div-content-loc{
	width: 100%;
}
.div-content-glob{
	cursor:pointer;
}
.div-head-loc{
	border:1px solid #DEDEDE;
	background-color: #F2F2F2;
}
.div-content-loc{
	background-color: #F9F9F9;
}
.div-pin{	
	height: 35px;
	float:left;
	padding-left: 25px;
}
.div-head-loc-title{
	float:left;	
	text-transform: uppercase;
	font-weight: bold;
	height: 35px;
	line-height: 35px;
	padding-left: 33px;
}
.div-content-content{	
	width:85%;
	line-height: 35px;
	padding-left: 10px;
}
.div-content-hour{
	height: 35px;
	line-height: 35px;
	text-align: center;
	width: 94px; 	
}
.div-expand, .div-content-presence {
	float:right;
}
.div-content-presence {
	padding:5px;
}
.presence-img {
	width:20px;
}
.float-left{
	float: left;
}
.div-content-color-bar{
	height: 38px;
	width:4px; 
}
.content-span-title{
	text-transform: uppercase;
	font-weight: bold;
}
.div-expand{
	cursor: pointer;
	font-weight: bold;
	height: 35px;
	width:33px; 
	background-color: #F8F8F8;
	text-align: center;
	font-size: 28px;
	vertical-align: middle;
	color:#747474;
	line-height: 33px;

}
.calendar-a{
	color:black;
}
.calendar-a:hover{
	color:black;
}

/*GESTION SHORTCODE HP*/
.lt-bloc-hp{
	display: inline-block !important;
	word-wrap: break-word;
}
.sc-hp{
	background-color: black;
	color:#fff;
	padding:0 30px;
}
.sc-hp span, .sc-hp div{
	color:#fff;
	line-height: 20px;
}
.sc-hp .content-span-title{
	display: block;

}
.sc-hp .span-list-date{
	display: block;
}
.sc-hp .div-content-content{
	width: 50% !important;
	overflow: hidden;
	vertical-align: top;
}

.sc-hp .div-content-hour{
	width:32% !important;
	text-align: left;
	padding-left: 10px;    
}
.sc-hp .div-content-hp {
	margin:7px 0; 
}

.sc-hp-title{
	font-size: 21px;
	font-weight: 500;
	margin :10px 0 20px 0;
}
.sc-hp-link a {
	text-transform: uppercase;
	color: #71B6D8 !important;
	font-weight: 600;
	margin-top : 20px;
}

.flex-caption-parent{

}

.flex-caption{
	/*position: absolute; 
	
	bottom:5px; 
	right: 0;
	writing-mode:tb-rl;
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
*/
	display: block;
    position: absolute;
    right: -178px;
    text-align: right;
    top: 200px;
    transform: rotate(-90deg);
    width: 400px;
	
	
}

.flex-caption span, .poster-copyright span{
	background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    display: inline-block;
    font-size: 12px;
    padding: 0 10px;
}

.flexslider .slides > li {
	position: relative;
}

.poster-copyright{
	/*position: absolute; 
	
	bottom:5px; 
	left: 0;
	writing-mode:tb-rl;
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	
	margin-left: -cos(deg)x20-sin(deg)100px;
	margin-top: -cos(deg)x20px;*/
	display: block;
    left: -175px;
    position: absolute;
    text-align: left;
    top: 100px;
    transform: rotate(-90deg);
    width: 400px;
}

.wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button{
	margin-bottom: 0 !important;
}

/*PICT*/

.elm-pict-div{
	float:left;
	width:130px;
	height:130px;      
	overflow: hidden;
}
.elm-pict-div img{		
	min-height: 190px !important;
	position: relative !important;
	top: 50% !important;
	-webkit-transform: translateY(-50%) !important;
	-ms-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
	/*width:100% !important;*/
}
.div-fest-pict{
		margin:10px;
		float: left;
	  position: relative;
	  
	  background-color: #fff;
	  box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
	  border-radius: 1%     1%     1%     1% /     1%     1%     1%     1%;
}
.div-fest-pict:after {
      position: absolute;
      width: 80%;
      height: 40%;
      left: 10%;
      border-radius: 50%;
      z-index: -1;
      bottom: 0%;
      content: "";
      box-shadow: 0 7px 16px rgba(0,0,0,0.4);
}
 
/*GESTION DE CP*/
.wrap {
	background-color: #fff;
}
.rp-custom{
	background-color: #000; 
	padding:20px 0 ;
}
.elm-cp{
	 color: #cd1247;
}
.elm-title-cp, .elm-cp{
	font-size: 18px;
    font-weight: bold;
    color:#c41346;
}
.elm-cp{
	margin-left:10px;
	font-size: 20px;
}
.elm-cp-a{
	color:#fff;
	margin-left : 20px ;
}
.frame-cp {
	float: left;
	/*height: 455px;
	/*line-height: 50px;*/
	overflow: hidden;
	width:100%;
}
.rp-custom .elm-img-div{
	margin: 20px 0px;
}
.elm-content-cp{
	margin:10px 0 0;
	color:#fff;
}
.frame-cp ul {
	/*font-size: 50px;*/
	height: 100%;
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.frame-cp ul li {
	background: none repeat scroll 0 0 #000;
	color: #fff;	
	float: left;
	height: 100%;
	margin: 0 ;
	padding: 10px;
	text-align: left;
	width:280px;
	line-height: 18px;
}
.frame-cp ul li.active {
	background: none repeat scroll 0 0 #000;
	color: #fff;
}
.elm-media-cp{
	color:#fff !important;
}
.scrollbar {
  background: #595959 none repeat scroll 0 0;
    height: 2px;
    line-height: 0;
    margin: 10px 0;
}
.scrollbar .handle {
  background: #fff none repeat scroll 0 0;
  cursor: pointer;
  height: 100%;
  width: 100px;
}
.scrollbar .handle .mousearea {
  height: 20px;
  left: 0;
  position: absolute;
  top: -9px;
  width: 100%;
}

/*CP list*/
.cp-list .elm-title-list{
	font-size: 20px;
}