/*  ------------------------------------------------
	LISTE CONCERTS
	------------------------------------------------ */

.listConcert {
	overflow: hidden;
}

.listConcert .concert {
	float:left;
	width:33.3333333333333333333%;
	position: relative;
	overflow: hidden;
}

.listConcert.full .concert {
	height:460px;
}

.listConcert.full .concert:first-child {
	width:66.6%;
}

.listConcert .concert .cover {
	height:266px;
	display:none;
}

.listConcert.full .concert .cover {
	display:block;
}

.listConcert .concert .cover a {
	display:block;
}

.listConcert .concert .cover img {
	display:block;
	height:100%;
}

.listConcert .concert .infos {
	width:100%;
	height:195px;
	background:black;
	padding:15px;
	position: relative;
}

.listConcert.full .concert .infos {
	position: absolute;
	right:0;
	bottom:0;
}

.listConcert.full .concert:first-child .cover {
	width:100%;
	height:100%;
}

.listConcert.full .concert:first-child .cover img {
	width:100%;
	height:auto;
}

.listConcert.full .concert:first-child .infos {
	width:50%;
}

.listConcert .concert .infos .dateConcert {
	float:left;
}

.listConcert .concert .infos .title {
	margin-left:110px;
	margin-top:10px;
	margin-right:40px;
}

.listConcert .concert:hover .infos .title a {
	color:white;
	text-decoration: none;
}

.listConcert .concert .infos .car {
	position: absolute;
	top:20px;
	left:85px;
}

.listConcert .concert .more {
	color:#484848;
	position: absolute;
	bottom:15px;
	right:15px;
}

.listConcert .concert .more:hover {
	cursor:pointer;
	text-decoration: none;
}

.listConcert .button {
	position: absolute;
	top:15px;
	right:15px;
}

.listConcert .button .icon {
	color:#000;
}

.listConcert span.fa-stack {
	display:block;
	margin-bottom:5px;
}

.listConcert .concert.date {
	text-align:center;
	background:#797979;
	color:white;
	padding-top:200px;
}

.loadmore {
	clear:both;
	padding-top:30px;
	padding-bottom:20px;
	text-align: center;
	display:none;
}

.loadmore:hover {
	cursor:pointer;
}

.listConcertExclu {
	display:none;
}

.listConcertExclu .concertdetail {
	float:left;
	height:100%;
}

.listmenu {font-size:0.55em;}
.listmenu.old {
	font-size:0.7em;
}

.listmenu li {
	padding: 15px 15px 21px 15px;
	overflow: hidden;
}
.listmenu.old li{
	padding:0 10px;
}

.listmenu li .dateConcert {
	float:left;
	width:80px;
}

.listmenu li .name {
	display:block;
	margin-left:90px;
	font-size:1.3em;
	margin-top:10px;
	padding:0!important;
}

/*  ------------------------------------------------
	DETAIL CONCERTS
	------------------------------------------------ */

.concertdetail {
	position: relative;
	width:100%;
}

.concertdetail .cover {
	overflow:hidden;
	min-height:110px;
	position: relative;
}

.concertdetail .cover>a,
.concertdetail .cover>a>img {
	width:100%;
	display:block;
}

.concertdetail .infos {
	width:100%;
	position: absolute;
	bottom:0;
	left:0;
	padding:5px 0;
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc5NDFDRTY1NkE1NDExRTRBRTA0ODEyNzdGNkI1NjlBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc5NDFDRTY2NkE1NDExRTRBRTA0ODEyNzdGNkI1NjlBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Nzk0MUNFNjM2QTU0MTFFNEFFMDQ4MTI3N0Y2QjU2OUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Nzk0MUNFNjQ2QTU0MTFFNEFFMDQ4MTI3N0Y2QjU2OUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz51hck2AAAAEElEQVR42mL8////M4AAAwAJ5wPlyVw2ZAAAAABJRU5ErkJggg==");
	color:black;
}


.concertdetail .infos .share{float:right;margin-right:20px;}
.concertdetail .infos .share li{display:inline-block;vertical-align: middle;}
.concertdetail .infos .share li a {position:relative;}
.concertdetail .infos .share li a .fa-stack-1x{z-index:1;}

.concertdetail .infos .dateConcert {
	float:left;
	margin-left:20px;
	margin-top: 20px;
}
.listConcertExclu .concertdetail .infos .dateConcert{margin-top:0;position:absolute;top:-75px;}

.concertdetail .infos .title {
	margin-left:170px;
	margin-right:20px;
}

.concertdetail.zoom .infos .title {
	padding:30px 0;
}

.concertdetail.zoom .infos .title .subtitle {
	font-size: 1.5em;
}

.concertdetail .infos .buttons {
	position: absolute;
	top:-15px;
	left:172px;
}

.concertdetail .infos .buttons .button {
	margin-right:10px;
	vertical-align:middle;
}

.concertdetail .infos .buttons .car {
	position: relative;
}

.concertdetail .extras {
	float:left;
	width:200px;
}

.concertdetail .shop {
	display:block;
	padding:15px 10px;
	text-align: center;
	color:black;
	font-size:1.5em;
	margin-bottom:1px;
}

.concertdetail .shop:hover {
	background:#635974!important;
	cursor: pointer;
	text-decoration: none;
	color:white;
}

.concertdetail .video {
	display:block;
	width:100%;
	position: relative;
	overflow:hidden;
	margin-top:1px;
	background:white;
}

.concertdetail .video img {
	width:100%;
	position: absolute;
	top:0;
	left:0;
}

.concertdetail .video .vtext {
	color:#999999;
	text-align: center;
	padding: 20px 10px;
	position: relative;
	z-index:2;
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIW2NkYGA4AwAA1gDOIG8pFwAAAABJRU5ErkJggg==");
}

.concertdetail .video .vtext:hover {
	cursor: pointer;
	color:white;
}

.concertdetail .videoframe {
	display: none;
}

.concertdetail .text {
	float: left;
    padding: 40px;
    position: relative;
    width: 70%;
    text-align: justify;
}
.concertdetail .extras + .text{width:51%;}

.concertdetail .text.full {
	margin-left:0px;
	text-align:justify;
}

.concertdetail .diapo {
	background: none repeat scroll 0 0 #333333;
    float: right;
    max-width: 470px;
    padding: 20px;
    position: relative;
    width: 30%;
}
.concertdetail .diapo ul{text-align:center;}
.concertdetail .diapo ul li {
	display: inline-block;
    margin: 10px;
}

.concertdetail .diapo ul li a {
	display: block;
	width:180px;
	height:180px;
	overflow: hidden;
	position: relative;
	background-size: cover;
	background-position: center center;
}

.car {
	display:inline-block;
	width:33px;
	height:33px;
	position: relative;
}

.car .carimg {
	display:inline-block;
	background:url("img/car.png");
	background-size: cover;
	position: absolute;
	top:0;
	left:0;
	width:30px;
	height:30px;
}

.car .carcolor {
	display:inline-block;
	position: absolute;
	top:0;
	left:0;
	width:20px;
	height:20px;
	margin:6px;
    background: black;
}

/*  ------------------------------------------------
	COVOITURAGE
	------------------------------------------------ */

#carpooling {
	color:black;
	background:white;
	height:100%;
	overflow:auto;

}

#carpooling .top {
	overflow: hidden;
}

#carpooling .top .cover {
	width:45%;
	float:left;
}

#carpooling .top .cover img {
	width:100%;
}

#carpooling .top .name {
	margin-left:55%;
}
#carpooling .top .date{
	font-family:"Dosis",Arial,sans-serif;
	font-size:1.6em;
}

#carpooling .listCars {
	margin:10px 0 30px 0;
}
#carpooling .listCars p{margin:5px 0;}

#carpooling .listCars ul li {
	margin:5px 0;
	padding:15px 5px 0;
	border-bottom:1px solid #BABABA;
}
#carpooling .listCars ul li > *{
	display:inline-block;
	vertical-align:middle;
}

#carpooling .listCars ul li .title {
	display:inline-block;
	font-size:1.2em;
	margin-left:10px;
}

#carpooling .listCars ul li .title .nb {
	font-weight: bold;
	font-size: 1.5em;
	margin-left:10px;
}

#carpooling .listCars ul li .text>* {
	display:inline-block;
	vertical-align:middle;
	margin:0 10px;
}

#carpooling .listCars ul li .text .date {
	line-height: 1.5
}

#carpooling .listCars ul li .action {
}
#carpooling .listCars ul li .action > span{
	vertical-align:middle;
	margin-left:10px;
}

#carpooling .post {
	margin:10px 0;
}

#carpooling .post form {
	text-align:center
}

#carpooling .post form ul {
	border:1px solid #ccc;
	padding:20px;
	text-align:left;
}

#carpooling .post form input.hour {
	width:40px;
	padding-left:5px;
	padding-right:5px;
}

#content .carpoolingAction {
	text-align:center;
	font-size:3em;
	padding:200px 0;
}

#carpooling .post form input[type=submit]{
	display:inline-block;
	-webkit-border-radius:20px; 
	-moz-border-radius:20px;
	border-radius:20px;
}

/*  ------------------------------------------------
	ALERT
	------------------------------------------------ */
	#alert{color:#000;}
	#alert input[type=submit]{margin-bottom:0;
		-webkit-border-radius:20px;
		-moz-border-radius:20px;
		border-radius:20px;}


	.urlField, form.form input[type="text"].urlField{
		display: none;
	}

/*  ------------------------------------------------
	DATE DE CONCERT
	------------------------------------------------ */

.dateConcert {
	position: relative;
}

.dateConcert .round {
	width:85px;
	height:85px;
	padding:10px!important;
	border-radius:100px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	text-align: center;
	text-transform: uppercase;
	color:black;
	position:relative;
}

.dateConcert .round .day {
	font-size: 2.2em;
	line-height: 25px;
}

.dateConcert .status {
	display:block;
	width:133px;
	height:44px;
	background:url("img/status.png");
	text-transform: uppercase;
	padding:4px 27px;
	position: absolute;
	top:70px;
	left:-20px;
	transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-webkit-transform: rotate(-4deg);
	font-size:1.2em;
	font-weight: bold;
	color:white;
}

.dateConcert.big {
	/*position:absolute;
	bottom:20px;*/
}


.dateConcert.big .round {
	width:127px;
	height:127px;
	border-radius:100px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	background:black;
	color:white;
	font-size: 1.4em;
	padding-top:15px;
}

.dateConcert.big .round .day {
	line-height: 40px;
}

.dateConcert.big .status {
	display:block;
	width:164px;
	height:58px;
	background:url("img/statusbig.png");
	padding:8px 33px;
	top:100px;
	left:-24px;
	transform: rotate(-8deg);
	-moz-transform: rotate(-8deg);
	-webkit-transform: rotate(-8deg);
	color:white;
	font-size:1.4em;
}

/*  ------------------------------------------------
	AUTRES
	------------------------------------------------ */

.fa-stack .nbCars {
	position: absolute;
	z-index:1;
	top:-5px;
	right:-5px;
	font-size:0.7em;
	width:18px;
	height:18px;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	padding:0;
	line-height:18px;
	text-align: center;
	color:black;
}

@media screen and (max-width: 1500px){
	.concertdetail .diapo {padding:10px;}
	.concertdetail .extras{width:133px;}
}

@media screen and (max-width:1400px) {

	.concertdetail .infos {
		/*background:white;*/
		min-height:initial;
	}


	.concertdetail .videos {
		float:none;
		width:auto;
	}
	.concertdetail .text{width:70%;}


	.concertdetail .diapo ul li {
		float:none;
		width:auto;
	}

	.concertdetail .diapo ul li img {
		width:100%;
	}

	.caroufredsel_wrapper,
	.listConcertExclu{
		min-height:150px;
	}
}

@media screen and (max-width:1280px){
	.listConcert .concert {
		float:left;
		width:50%;
		position: relative;
		overflow: hidden;
	}
	.home .listConcert .concert:last-child{display:none;}

	.listConcert.full .concert:first-child {
		width:50%;
	}

	.listConcert.full .concert:first-child .cover {
		height: 266px;
	}

	.listConcert.full .concert:first-child .infos {
		position: relative;
		width:auto;
		background:white;
	}

	.listConcert .concert .cover img {
		width:100%;
		height:auto;
	}

}

@media screen and (max-width:1000px) {

	.listConcert.full .concert{height:auto;}
	.listConcert.full .concert:first-child {width:100%;}
	.listConcert.full .concert:first-child .cover {height: 266px;}
	.listConcert.full .concert:first-child .infos {position: relative;width:auto;}
	.listConcert.full .concert .infos{position:relative;}
	.listConcert .concert {float:none;width:auto;position: relative;overflow: hidden;}
	.listConcert .concert .cover img {position:static!important;margin:0!important;width:100%;height:auto;}
	.listConcert .concert .infos{height:auto;min-height:120px;}
	.listConcert .concert .more{display:none;}

	.listConcertExclu .concertdetail .infos .dateConcert{top:-40px;}

	.concertdetail .extras {position: relative;z-index: 1;width: 100%;}
	.concertdetail .extras + .text{width:100%;}
	.concertdetail .text{width:auto;}
	.concertdetail .diapo {float:none;width:auto;top:0;left:0;background:none;max-width:initial;}
	.concertdetail .diapo ul li {width:auto;}
	.concertdetail .diapo ul li img {width:100%;}

	
	.concertdetail .infos{padding:5px 10px;}
	.concertdetail .infos .title{margin:0;}
	.concertdetail.zoom .infos .dateConcert{position:absolute;top:-55px;}
	.concertdetail.zoom .infos .title{padding:20px 0;}

	.dateConcert.big{position:relative;bottom:0;}
	.dateConcert.big.dosis{margin-left:0;}
	.dateConcert.big .round{height:85px;width:85px;padding-top:10px;margin-top:-55px;background: #fff;color:#000;font-size:1em;}
	.dateConcert.big .round .day{line-height:25px;}
	.dateConcert.big .status{top:-88px;}
	

	

	
}

@media screen and (max-width:600px) {
	.listmenu li{overflow:visible;}
	.listmenu li .dateConcert{width:auto;float:none;margin-left:-15px;}
	.listmenu li .name{margin-left:0;font-size:1.2em;}
	.listmenu li .dateConcert .round{
		-webkit-border-radius:0 50px 50px 0;
		-moz-border-radius:0 50px 50px 0;
		border-radius:0 50px 50px 0;
		height:auto;
		width:auto;
		padding:5px 10px;
		margin:0;
	}
	.listmenu li .dateConcert .round .day{font-size:1.4em;margin:0 5px;}
	.listmenu li .dateConcert .round>br{display:none;}
	.listmenu li .dateConcert .status{top:-21px;}


	.concertdetail.zoom .cover{min-height:250px;}
	.concertdetail.zoom .infos .title .subtitle{font-size:1.2em;}
	.concertdetail .infos{position:relative;background:#fff;min-height:initial;padding:0 10px;}
	.concertdetail .infos .share{display:none;}
	.concertdetail .infos .dateConcert{margin-top:-40px;}
	.concertdetail .cover img{min-height:150px;}


	
	.home .listConcert{display:none;border:1px solid transparent;}
	.listConcert .concert{height:auto!important;}
	.listConcert .concert .infos{height:auto;position:relative!important;}
	.listConcert .concert .cover{height:auto!important;}
	.listConcert .concert .cover img{position:static!important;margin:0!important;width:100%!important;height:auto!important;}

	.listConcertExclu .concertdetail .infos .dateConcert{top:-36px;}
	
	#content .carpoolingAction{font-size:2em;}
}


@media screen and (max-width:400px) {
	.concertdetail .infos .dateConcert{margin:0;}
	
	.listConcertExclu .dateConcert.big{top:-37px;left:0;position:absolute;}
	.listConcertExclu .dateConcert.big .round{
		-webkit-border-radius:0 50px 50px 0;
		-moz-border-radius:0 50px 50px 0;
		border-radius:0 50px 50px 0;
		height:auto;
		width:auto;
		padding:5px 10px;
		margin:0;
	}
	
	.listmenu{font-size:0.7em;}

	.listConcertExclu .dyncolor.day{color:#fff!important;}
	.listConcertExclu .dateConcert.big .round .day{margin:0 5px;}
	.listConcertExclu .dateConcert.big .status{top:-31px;}
	.listConcertExclu .dateConcert .round>br{display:none;}

	#carpooling .top .cover{width:auto;}
	#carpooling .top .name{margin:0;}
	#carpooling .top .date{font-size:1.2em;}
}



@media screen and (min-width:400px){
	.listConcertExclu .round.dynbg{background-color:#fff!important;}
}

@media screen and (min-width:1000px){
	.listConcertExclu .round.dynbg{background-color:#000!important;}
}