/* 
	- RadioElectroLyon | V.3.0 | previewEvents.css -
	
	 ______   ______     ______
	/\  ___\ /\  ___\   /\  ___\
	\ \  __\ \ \  __\   \ \  __\
	 \ \_\    \ \_____\  \ \_\
	  \/_/     \/_____/   \/_/

*/

/*--------------------------------------------------*/
/*---------------------- Entité --------------------*/
/*--------------------------------------------------*/

#containerEvents
{
	width: 480px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	padding: 25px;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
	background-color: #dadada;
	background-image: url(../images/backgroundClear.png);
	-webkit-box-shadow: 0px 0px 10px 0px #000000;
	-moz-box-shadow: 0px 0px 10px 0px #000000;
	box-shadow: 0px 0px 10px 0px #000000;
	z-index: 3;
}

#containerEvents table
{
	width: 100%;
	border-collapse:collapse;
}

#containerEvents .event
{
	height: 30px;
	border-bottom: 1px solid #666666;
	-webkit-transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	-o-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}

#containerEvents .description
{
	text-align: justify;
	border-bottom: 1px solid #bababa;
	-webkit-transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	-o-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}

#containerEvents .partener {background-color: #cccccc;}

#containerEvents .event:hover {background-color: #bababa;}

#containerEvents td {padding: 5px;}

#containerEvents .date
{
	width: 55px;
	border-bottom: 1px solid #666666;
}

#containerEvents .title
{
	width: 250px;
	border-bottom: 1px solid #bababa;
}

#containerEvents .location
{
	color: #999999;
	border-bottom: 1px solid #bababa;
}

#containerEvents .link
{
	width: 17px;
	text-align: right;
	border-bottom: 1px solid #bababa;
}