#spectacles {/*color:#FFFFFF;*/   letter-spacing: 0.02em;}



#spectacles h1 {text-transform:uppercase;}


.filtre_show{ 
	display:block;
	position:relative;
	margin-bottom : 60px !important;
}



.bydate,
.byville { 
	color: #293155;
	background-color: transparent;
	display:inline-block;
	text-decoration:underline;
/*	padding:6px 14px 7px;
	box-sizing:border-box;
*/
	cursor:pointer;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}


.bydate.onview,
.byville.onview { 
	color: #293155;
	text-decoration:none !important;
/*	background-color: #293155;
*/
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}


.bydate:hover,
.byville:hover { 
	color: #293155 !important;
/*	background-color: #293155;
*/
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}




.by_date,
.by_ville { 
opacity : 0;
visibility:hidden;
display:none;
margin-top:30px;
-webkit-transition: all 1s ease-in;
-moz-transition: all 1s ease-in;
-ms-transition: all 1s ease-in;
-o-transition: all 1s ease-in;
transition: all 1s ease-in;
}

.by_date.view,
.by_ville.view { 
display:block;
margin-top:0px;
opacity : 1;
visibility:visible;
-webkit-transition: all 1s ease-in;
-moz-transition: all 1s ease-in;
-ms-transition: all 1s ease-in;
-o-transition: all 1s ease-in;
transition: all 1s ease-in;
}	




.wrapper_cal{position: relative;
height: 40px;
-webkit-font-smoothing: antialiased;
font-weight: 400;
font-size: 14px;
text-transform: uppercase;
line-height:normal;



}

.mybottom_left{text-align: left; position: absolute; bottom: 0;left: 0;}
.mybottom_right{text-align: right; position: absolute; bottom: 0;right: 0;}
 

.mention{
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.1em;
   }

.date{

 	font-weight: 900;
    font-style: normal;
    color: #293155;
    }
	
.cal-inline {
	display:inline;
	margin-right:4px;}	
	
.cal-table {
	display:table;
	}	
	
.cal-table-row {
	display:table-row;
	}
	
.cal-table-cell {
	display:table-cell;
}

    
.ville{

 	font-weight: 900;
    }
    
.salle{

 	font-weight: 400;
	margin-top: 4px;
    }
    
 .titre_billets{
 	font-weight: 900;
    }   
    
  .tel{
	line-height:normal;
	vertical-align:bottom;
	text-transform:none;
	padding-left: 12px;
    }     

 
 .bouton_cal a {
    color: #FFFFFF !important;
	background-color:#293155;
	border:solid #293155 2px;
    padding: 3px 12px 3px 12px;
    text-decoration: none;
	font-weight:900;
    } 

 .bouton_cal a:hover {
    color: #293155 !important;
	background-color:transparent;
    } 
		
 .bouton_cal {
	vertical-align:bottom;
	font-size: 13px;
	padding-left: 12px;	
	    } 
    
.mysep{border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
	width:100%;
	margin: 12px 0;
} 




@media screen and (max-width: 960px) {
	
	
	.salle {
		display:block;
		margin:0;
	}	
	
	.mybottom_right {
    top: 6px;
	}
	
	

@media screen and (max-width: 819px) {
	
	#spectacles {text-align:center;}

	.post-6{
	background-color:transparent !important;
	padding-top:200px !important;
	margin-top:0 !important;
	}
	
	.post-6 h2 {
		font-size:40px;
		margin-bottom:20px!important;
		text-align:center;
	}
	
	.mybottom_left {
		text-align:left;
		position:relative;
		text-align:center;
	}
	
	.mybottom_right {
		text-align:left;
		position:relative;
		text-align:center;
		top:auto;
	}
	
	.salle {
		margin:0 0 12px;
		text-align:center;
	}
	
	.date {}
			
	.tel {padding-left: 0;}
		
	.cal-table {display:block;}	
		
	.cal-table-row {display:block;}
		
	.cal-table-cell {display:block;}
	
	.cal-inline {
	display:block;
	margin-right:0;
	}	
	
	.bouton_cal {
	padding: 0;
  	margin-top: 24px;
	}	
	
	.mysep {
		border-bottom:1px dotted rgba(0,0,0,0.5);
		width:100%;
		margin:24px 0;
	}
	
	.wrapper_cal {
		position:relative;
		height:auto;
		text-align:center;
	} 
}