/*
 *  Copyright 2012 Anyware Services
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

/*
CSS FOR FILTERED-CONTENTS-CAROUSEL
*/

.col-content .filtered-contents.carousel-contents div.rss
{
	float: right;
}

.col-content .filtered-contents.carousel-contents .carousel-container {
/* 	width: 630px; */
	margin: 0 auto;
/* 	margin-left:-12px; */
}
.col-content .filtered-contents.carousel-contents .carousel-container.js {
	position: relative;
}
.col-content .filtered-contents.carousel-contents .carousel-wrap{
	max-width: 630px;
	width:100%;
}

.col-content .filtered-contents.carousel-contents .carousel-wrap,
.col-content .filtered-contents.carousel-contents ul{
	margin: 0 auto 0 auto;
}

.col-content .filtered-contents.carousel-contents .carousel-container ul li {
	width:630px;
	padding-top: 18px;
	position:relative;
	overflow:hidden;
}

.col-content .sidebar .filtered-contents.carousel-contents .carousel-container ul li{
	width:290px;
}
.col-content .filtered-contents.carousel-contents .carousel-container.js ul li{
	display:inline;
	float: left;
}

.col-content .filtered-contents.carousel-contents .carousel-container.js .carouselDetails{
	width:248px;
	float:left;
	color:#4A4C52;
	height:73px; 
}
.col-content .filtered-contents.carousel-contents .carousel-container .carouselDetails{
    bottom: 3px;
    color: #FFF;     
    z-index:10;
    float:left;
    width:262px;
}
.col-content .filtered-contents.carousel-contents .carousel-container .illustration{
	background:url('../../img/pattern.png') repeat left top;
	width:325px;
	height:485px;
	padding:0;
	display:inline-block;
	margin-right:40px;
	float:left;
	border-radius:5px;
}

.col-content .filtered-contents.carousel-contents .carousel-container .illustration img{
	border-radius:5px;
	margin-right:40px;
	float:left;
}

.col-content .filtered-contents.carousel-contents .carouselDetails a{
	color: #FFF;
	text-decoration: underline;
}

.col-content .filtered-contents.carousel-contents .carouselDetails a.title{
	text-decoration: none;
	font-weight: 600;
	font-size: 2.3em;	
	color:#4A4C52;
	line-height:1em;
	display:block;
	margin-top:5px;
	font-family:Ubuntu, Arial, Helvetica, Sans-serif;
}

.col-content .filtered-contents.carousel-contents .carouselDetails a.title span.subtitle{
	font-weight:100;
}
.col-content .filtered-contents.carousel-contents .carouselDetails p{
	font-size:1.5em;
	font-weight:300;
	line-height:1em;
}
.col-content .filtered-contents.carousel-contents .carouselDetails p.content-abstract{
	line-height:1.2em;
	font-size:1.2em;
	margin:10px 0 3px;
}

/* Dates */
.col-content .filtered-contents.carousel-contents .carouselDetails .content-date{
	font-family:Ubuntu, Arial, Helvetica, Sans-serif;
	text-align:center;
	text-transform:uppercase;
}
.col-content .filtered-contents.carousel-contents .carouselDetails .content-date .startdate,
.col-content .filtered-contents.carousel-contents .carouselDetails .content-date .enddate{
	width:127px;
	height:129px;
	display:inline-block;
	background:url('../../img/bg-startdate.png') no-repeat left top;
	color:#ffffff;
	text-align:center;
	line-height:auto;
	padding-top:20px;
/* 	margin:40px 0; */
	margin:25px 0;
}
.col-content .filtered-contents.carousel-contents .carouselDetails .content-date .enddate{
	margin-left:-23px; 
	background-image:url('../../img/bg-enddate.png');
}
.col-content .filtered-contents.carousel-contents .carouselDetails .content-date .startdate .day,
.col-content .filtered-contents.carousel-contents .carouselDetails .content-date .enddate .day{
	font-size:3em;
	font-weight:bold;
	display:block;
	line-height:1em;
}
.col-content .filtered-contents.carousel-contents .carouselDetails .content-date .startdate .month,
.col-content .filtered-contents.carousel-contents .carouselDetails .content-date .enddate .month{
	font-size:1.2em;
	line-height:1em;
	text-transform:uppercase;
	font-weight:400;
}

.col-content .filtered-contents.carousel-contents .carouselDetails .content-tag p{
	font-size:1.2em;
	padding:8px 0;
	font-weight:400;
	color:#4C5052;
}
.col-content .filtered-contents.carousel-contents .carouselDetails .content-tag p:first-child
{
	border-bottom:2px solid #4A4E53;
	text-transform:uppercase;
	font-size:1.5em;
}
.col-content .filtered-contents.carousel-contents .carouselDetails .content-target{
	font-family:"Maven Pro", Arial, Helvetica, sans-serif;
	font-size:.9em;
	font-weight:800;
	color:#4A4C52;
}
.col-content .filtered-contents.carousel-contents .carouselDetails .content-more{
	font-size:1em;
}
.col-content .filtered-contents.carousel-contents .carouselDetails .content-more a{
	display:block;
	text-transform:uppercase;
	font-weight:600;
	float:right;
	background:url("../../img/bg-contentmore.png") no-repeat right center;
	padding-right:18px;
	color:#4A4D52;
	text-decoration:none;
	margin-top:10px;
}
.col-content .filtered-contents.carousel-contents input.carousel-control{
	position: absolute;	
	height: 17px;
	width: 14px;
	border-width:0;
	text-indent:-999px;	
	cursor: pointer;
	padding: 0;
	top:484px;
}

.col-content .filtered-contents.carousel-contents input.disabled{
	display: none;	
}

.col-content .filtered-contents.carousel-contents input.carousel-control.carousel-previous{
	background: transparent	url("../../img/services/filtered-contents/arrows.png") no-repeat 0 50%;	
	left: 602px;
	z-index:10;
}
.col-content .filtered-contents.carousel-contents input.carousel-control.carousel-next{
	background: transparent	url("../../img/services/filtered-contents/arrows.png") no-repeat 100% 50%;
	left: 612px;
	z-index:10;
}
.col-content .filtered-contents.carousel-contents div.carousel-pagination{
	text-align: center;
	position:relative;
	top:-22px;
	text-align:right;
	right:50px;
}
.col-content .filtered-contents.carousel-contents div.carousel-pagination a{
	cursor: pointer;
	background: transparent	url(../../img/services/filtered-contents/bullets.png) no-repeat left center;
	padding:0 5px;
	margin-right:5px;
}

.col-content .filtered-contents.carousel-contents div.carousel-pagination a span {display: none;}
.col-content .filtered-contents.carousel-contents div.carousel-pagination a.active,
.col-content .filtered-contents.carousel-contents div.carousel-pagination a:hover {background-position: right center;}

.col-content .filtered-contents.carousel-contents div.carousel-pagination button.slide-control.play,
.col-content .filtered-contents.carousel-contents div.carousel-pagination button.slide-control.pause{
	/*background:transparent url(../../img/services/filtered-contents/dot-pause.png) no-repeat 50% 50%;*/
	border-width:0;
	text-indent:-999px;
	overflow:hidden;
	padding: 2px 7px;
	cursor:pointer;
	margin-right: 15px;
	display:none;
}

.col-content .filtered-contents.carousel-contents div.carousel-pagination button.slide-control.pause{ 
	/*background-image:url(../../img/services/filtered-contents/dot-play.png);*/
}

/* Carousel sur les contenus news */
.col-content .filtered-contents.carousel-contents.news .carousel-container a.illustration{
	width: 295px;
	background: none;
	height: auto;	
	float: right;
	border: 0px none;
	margin-right: 0px;
	margin-left: 10px;
	padding: 0px;
}

.col-content .filtered-contents.carousel-contents.news .carousel-container a.illustration img {
	box-shadow: none;
	border: none;
}

.col-content .filtered-contents.carousel-contents.news .carousel-container.js .carouselDetails {
	max-width: 300px;
	width:50%;
	margin-right: 20px;	
}

.col-content .filtered-contents.carousel-contents.news .carousel-container .carouselDetails a.title {	
	color:#de7149;
	margin-top: 30px;
}

.col-content .filtered-contents.carousel-contents.news div.carousel-pagination{
	top: 0px;	
}

.col-content .filtered-contents.carousel-contents.news input.carousel-control{
	top: 320px;	
}

/* Events and millesime in sidebar */
.sidebar .filtered-contents.carousel-contents h2{
	margin:0 0 35px 0;
}
.sidebar .filtered-contents.carousel-contents .carousel-container .illustration{
	width:290px;
	height:435px;
	display:block;
	background:url("../../img/pattern.png") repeat scroll left top #FFFFFF;
	border-radius:5px;
}
.sidebar .filtered-contents.carousel-contents .carousel-wrap{
	width:300px;
	margin-bottom:40px;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails h4{
	clear:both;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-title{
	font-size: 1.1em;
    font-weight: bold;
    text-transform: none;
    display:block;
    margin:10px 0;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-subtitle{
	font-weight:normal;
	margin:0;
	display:block;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-date{
	text-transform:uppercase;
	text-align:right;
	position:absolute;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-date .startdate,
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-date .enddate{
	background-image:url('../../img/bg-startdate-medium.png');
	width:81px;
	height:79px;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-date .enddate{
	background-image:url('../../img/bg-enddate-medium.png');
	margin-left:-15px;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-date .startdate .day, 
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-date .enddate .day{
	font-size:3em;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-date .startdate .month,
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-date .enddate .month{
	font-size:1.4em;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-tag{
	border-color:#A1B1BB;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-tag p{
	color:#A1B1BB;	
	font-weight:bold;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-tag p.child{
	text-transform:none;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-target{
	color:#7A868E;
	margin:5px 0;
}

.sidebar .filtered-contents.carousel-contents input.carousel-control {
/* 	position: absolute;	 */
/* 	height: 17px; */
/* 	width: 14px; */
/* 	border-width:0; */
/* 	text-indent:-999px;	 */
/* 	cursor: pointer; */
/* 	padding: 0; */
/* 	top:484px; */
}

.sidebar .filtered-contents.carousel-contents input.carousel-control.carousel-previous {
	background: transparent	url("../../img/services/filtered-contents/arrows.png") no-repeat 0 50%;	
/* 	left: auto; */
/* 	right:15px; */
/* 	z-index:10; */
}
.sidebar .filtered-contents.carousel-contents input.carousel-control.carousel-next {
	background: transparent	url("../../img/services/filtered-contents/arrows.png") no-repeat 100% 50%;
/* 	right: 0; */
/* 	left:auto; */
/* 	z-index:10; */
}

.sidebar .filtered-contents.carousel-contents .carousel-container.js .carouselDetails{
	float:none;
	width:auto;
	padding-right:10px;
	margin-top:18px;
}


/* EVENTS & MILLESIME IN SIDEBAR */
/* LIKE agenda-carousel */
.sidebar .filtered-contents.carousel-contents{
	margin: 0 auto 30px;
	clear : both;
}
.sidebar .filtered-contents.carousel-contents.js {
	position: relative;
}
.sidebar .filtered-contents.carousel-contents .carousel-wrap{
	margin:0 auto;
	width:300px;
}
.sidebar .filtered-contents.carousel-contents ul {
	margin: 0 auto;
/* 	width:106%; */
/* 	max-width:300px; */
}
.sidebar .filtered-contents.carousel-contents ul li{
	width:300px;
/* 	width:100%; */
	margin-bottom:40px;
	/*padding-right:10px;*/
	position:relative;
	float:left;
}

.sidebar .filtered-contents.carousel-contents.js ul li {
	display:inline;
	float: left;
	min-height:620px;
}


.sidebar .filtered-contents.carousel-contents.js .carouselDetails {
	width:260px;
	float:right;
	color:#4A4C52;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails {
/*     bottom: 3px; */
/*     height:73px;  */
    color: #FFF;    
/*     width: 552px;   */
/*     z-index:10; */
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-date{
	right:0;
	text-transform:uppercase;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails a {
	color: #FFF;
	text-decoration: underline;
}

.sidebar .filtered-contents.carousel-contents .carouselDetails a.title {
	text-decoration: none;
	font-weight: 600;
	font-size: 1.2em;	
	color:#4A4C52;
	line-height:1em;
	display:block;
	margin-top:5px;
	font-family:Ubuntu, Arial, Helvetica, Sans-serif;
}

.sidebar .filtered-contents.carousel-contents .carouselDetails a.title span.subtitle{
	font-weight:normal;
}

.sidebar .filtered-contents.carousel-contents .carouselDetails p.content-abstract{
	line-height:1em;
	font-size:1em;
	margin:10px 0 3px;
}

/* Dates */
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-date{
	font-family:Ubuntu, Arial, Helvetica, Sans-serif;
	text-align:right;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-date .startdate,
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-date .enddate{
	width:139px;
	height:129px;
	display:inline-block;
	background:url('../../img/bg-startdate.png') no-repeat left top;
	color:#ffffff;
	text-align:center;
	line-height:auto;
	padding-top:8px;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-date .enddate{
	margin-left:-23px; 
	background-image:url('../../img/bg-enddate.png');
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-date .startdate .day,
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-date .enddate .day{
	font-size:3em;
	font-weight:bold;
	display:block;
	line-height:1em;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-date .startdate .month,
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-date .enddate .month{
	font-size:1.4em;
	line-height:1em;
	text-transform:uppercase;
	font-weight:400;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-tag{
	text-transform:uppercase;
	border-bottom:2px solid #4A4E53;
	padding-bottom:8px;
	font-weight:400;
	font-size:0.9em;
	color:#4C5052;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-target{
	font-family:"Maven Pro", Arial, Helvetica, sans-serif;
	font-size:.9em;
	font-weight:normal;
	color:#4A4C52;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-more{
	font-size:1em;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-more a{
	display:block;
	text-transform:uppercase;
	font-weight:600;
	float:right;
	background:url("../../img/bg-contentmore.png") no-repeat right center;
	padding-right:18px;
	color:#4A4D52;
	text-decoration:none;
	margin-top:15px;
}
/* .sidebar .filtered-contents.carousel-contents .ametys-cms-content{ */
/* 	padding-right:10px; */
/* } */
.sidebar .filtered-contents.carousel-contents input.carousel-control {
/* 	position: absolute;	 */
	height: 17px;
	float:right;
	width: 10px;
	border-width:0;
	text-indent:-999px;	
	cursor: pointer;
	padding: 0;
	margin-top:2px;
/* 	top: 650px;		 */
}

.sidebar .filtered-contents.carousel-contents input.disabled {
	visibility:hidden;	
}

.sidebar .filtered-contents.carousel-contents input.carousel-control.carousel-previous {
	background: transparent	url("../../img/services/filtered-contents/arrows.png") no-repeat 0 50%;	
/* 	left: 255px; */
/* 	z-index:10; */
}

.sidebar .filtered-contents.carousel-contents input.carousel-control.carousel-next {
	background: transparent	url("../../img/services/filtered-contents/arrows.png") no-repeat 100% 50%;
/* 	left:260px; */
/* 	z-index:10; */
}

.sidebar div.carousel-pagination {
	text-align: center;
	position:relative;
	top:0;
	text-align:right;
	right:20px;
}
.sidebar div.carousel-pagination a{
	cursor: pointer;
	background: transparent	url(../../img/services/filtered-contents/bullets.png) no-repeat left center;
	padding:0 5px;
	margin-right:5px;
}

.sidebar div.carousel-pagination a span {display: none;}
.sidebar div.carousel-pagination a.active,
.sidebar div.carousel-pagination a:hover {background-position: right center;}

.sidebar div.carousel-pagination button.slide-control.play,
.sidebar div.carousel-pagination button.slide-control.pause{
	/*background:transparent url(../../img/services/filtered-contents/dot-pause.png) no-repeat 50% 50%;*/
	border-width:0;
	text-indent:-999px;
	overflow:hidden;
	padding: 2px 7px;
	cursor:pointer;
	margin-right: 15px;
	display:none;
}

.sidebar div.carousel-pagination button.slide-control.pause{ 
	/*background-image:url(../../img/services/filtered-contents/dot-play.png);*/
}

/* LIKE cannes-layout for ametys-cms-content.view-abstract */
.sidebar .filtered-contents.carousel-contents h4{
	clear:both;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-title{
	font-size: 1.1em;
    font-weight: bold;
    text-transform: none;
    display:block;
    margin:10px 0;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-subtitle{
	font-weight:normal;
	margin:0;
	display:block;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-date{
	top:372px;
	text-transform:uppercase;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-date .startdate,
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-date .enddate{
	background-image:url('../../img/bg-startdate-medium.png');
	width:81px;
	height:79px;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-date .enddate{
	background-image:url('../../img/bg-enddate-medium.png');
	margin-left:-15px;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-date .startdate .day, 
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-date .enddate .day{
	font-size:3em;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-date .startdate .month,
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-date .enddate .month{
	font-size:1.4em;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-tag{
	border-color:#A1B1BB;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-tag p{
	color:#A1B1BB;	
	font-weight:bold;
}
.sidebar .filtered-contents.carousel-contents .carouselDetails .content-target{
	color:#7A868E;
	margin:5px 0;
}

/* */