#liste-evenements-container.loading {
	width:100%;
	height:300px;
	background-color:#FFF;
	background-image:url(../images/design/backoffice/loading2.gif);
	background-position:center center;
	background-repeat:no-repeat;
	opacity:0.7;
	border:1px solid #DDD;
}

.event-category {
	text-align:center;
	font-variant:small-caps;
	text-transform:lowercase;
	font-family:arial;
	font-size:15px;
	color:#28292a;
	letter-spacing:2px;
	height:21px;
}

.event {
	width:100%;
	margin:0 0 35px 0;
	border:1px solid #28292a;
	
	transition-duration: 250ms;
    transition-timing-function: ease-out;
    
    position:relative;
}

.event .by-mtp-events {
	position:absolute;
	top:-13px;
	left:-10px;
	z-index:100;
	display:none;
}

.event .date {
	text-align:center;
	font-size:18px;
	text-transform:uppercase;
	height:42px;
}

.event .content {
	background:#28292a;
	color:#ffffff;
	padding:5px 25px 15px 25px;
	
	transition-duration: 250ms;
    transition-timing-function: ease-out;
    
    cursor:pointer;
}

.event .affiche {
	height:485px;
	overflow:hidden;
	position:relative;
}

.event .affiche img {
	width:100%;
	margin-top:5px;
}

.event .affiche .bandeau-dernieres-places {
	position:absolute;
	top:110px;
}

.event .separator {
	margin:9px 0 0 0;
}

.event .separator img {
	width:100%;
}

.event .infos {
	height:100px;
}

.event .infos h3 {
	font-size:27px;
	text-transform:uppercase;
	margin:8px 0 0 0;
}

.event .infos p {
	font-size:12px;
	font-family:Arial;
	margin:0px 0 0 0;
}

.event .infos2 {
	position:relative;
	padding:5px 25px 15px 25px;
}

.event .infos2 h4 {
	position:absolute;
	top:-8px;
	left:0px;
	height:16px;
	text-align:center;
	color:#FFF;
	font-size:14px;
	letter-spacing:2px;
	font-variant:small-caps;
	text-transform:lowercase;
	margin:0px;
	width:100%;
}

.event .infos2 h4 span {
	padding:0px 5px;	
}

.event .infos2 .linkdetail a {
	color:#212222;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:2px;
}

.event .infos2 .linkdetail a span {
	font-size:8px;	
}

.event .infos2 .linkdetail a:hover {
	text-decoration:none;	
}

.event .infos2 .linkdetail {
	margin-top:4px;
}

.event .infosloge {
	border-top:1px solid #28292a;
	padding:10px 15px 15px 15px;
}

.event .infosloge .commander {
	margin-top:8px;
	height:27px;
}

.event .infosloge .commander .button {
	font-size:13px;	
	margin-right:15px;
}

.event .infosloge .prestations {
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	color:#431e46;
	letter-spacing:2px;
}

.event .infosloge .ouverture {
	margin-top:12px;	
}

.event .infosloge .ouverture p {
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	color:#431e46;
	letter-spacing:2px;
	
	margin:3px 15px 0 0;
}

.event .infosloge .ouverture .button {
	font-size:11px;
	padding: 3px 10px;
}
.event .infosloge .ouverture .mes-billets {
	padding: 3px 10px;
	text-align: center;
	margin-bottom: 5px;
	margin-right: 10px;
}

.navigation .titre {
	background:#28292a;
	border:1px solid #28292a;
	color:#f5f5f5;
	font-size:11px;
	text-transform:uppercase;
	padding:2px 8px 2px 8px;
	
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}

.navigation .filtre {
	color:#212222;
	background:#f5f5f5;
	border:1px solid #dddddd;
	font-size:11px;
	text-transform:uppercase;
	padding:2px 8px 2px 8px;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	/*width:170px;*/
	width:auto;
	
	letter-spacing:1px;
}

.navigation a.filtre {
	width:auto;
	display:block;	
}

.navigation a.filtre:hover, .navigation a.filtre.active {
	text-decoration:none;	
	background:#ffffff;
}

.navigation select.filtre {
	padding-top:5px;
	padding-bottom:4px;	
}

.navigation .filtre span.fright {
	color:#818285;
	font-size:8px;
	margin-top:6px;
	
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.navigation .pagin .link {
	display:block;
	color:#212222;
	font-size:11px;
	background:#f5f5f5;
	padding:2px 8px 2px 8px;
	border:1px solid #dddddd;
	border-right:0px;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.navigation .pagin .link:not(.first) {
	border-right:1px solid #dddddd;	
}

.navigation .pagin .link.last {
	border-right:1px solid #dddddd;	
}

.navigation .pagin .link:hover, .navigation .pagin .link.active {
	text-decoration:none;	
	background:#ffffff;
}

.navigation .pagin .link.prev {
	margin-right:4px;
	padding:7px 8px 7px 8px;
}

.navigation .pagin .link.prev span {
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.navigation .pagin .link.next {
	margin-left:4px;
	padding:7px 8px 7px 8px;
}

.form-send-email {
	display:none;
}

.form-send-email input[type=text] {
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background:#f5f5f5;
	border:1px solid #dddddd;
	height:25px;
	width:100%;
}

.form-send-email label {
	width:100%;
	text-align:right;
	font-weight:normal;	
	font-family:arial;
}

.form-send-email .element.submit {
	margin-top:0px !important;
}

.form-send-email .form-error input[type=text] {
	border-color:#c80000;	
}

.form-send-email .form-error label {
	color:#c80000;
}