@charset "utf-8";
/* CSS Document */




#lieux{
	width:660px;
	height:130px;
	margin:20px 10px 10px 0px;
	float:left;
}
#contentLieux{
	float:left;
	width:670px;
}

#place{
	margin:22px 0px 0px 10px;
	float:left;
	clear:left;
}
#place p{
	float:left;
	color:#fff;
	margin:5px 20px 0px 2px;
}
#place div{
	float:left;
}
#place select{
	border:none;
	padding:2px;
	color:#151b2d;
	font-size:13px;
	width:130px;	
	border:1px solid #fff;	
}

#metro{
	margin:10px 0px 0px 10px;
	float:left;
	clear:left;
}
#metro p{
	float:left;
	color:#fff;
	margin:5px 20px 0px 2px;
}
#metro div{
	float:left;
	margin-left:1px;
}
#metro select{
	border:1px solid #fff;
	padding:2px;
	color:#151b2d;
	font-size:13px;
	width:130px;
}
#search{
	color:#fff;
	float:left;
	margin:7px 0px 0px 80px;
}
#search p{
	color:#fff;
	float:left;
	margin:7px 7px 0px 2px;
}
#search input{
	border:1px solid #fff;
	color:#151B2D;
	font-size:13px;
	height:28px;
	margin-left:9px;
	padding:4px 4px 2px;
	width:189px;
	float:left;
}

.lieuxArticles{
	border:1px solid #c7c8cd;
	float:left;
	clear:left;
	width:636px;
	margin:0px 10px 10px 17px;
	padding:5px 0px 5px 5px;
	display:block;
	cursor:pointer;
}
.lieuxArticles:hover{
	border:1px solid #151b2d;
}
.lieuxArticlesContent{
	color:#151b2d;
	font-size:14px;
	float:left;
	width:457px;
	text-align:justify;
}
.lieuxArticles p{
	margin:5px;
}
.lieuxArticles img{
	float:left;
	margin-right:14px;
}
.lieuxArticles .eventTitle{
	font-size:24px;
}
.lieuxArticles .eventDescription{
	font-size:11px;
}
#pages{
	clear:left;
	text-align:right;
	padding-right:10px;
}
#pages a{
	border:1px solid #c7c8cd;
	text-decoration:none;
	color:#151b2d;
	padding:3px;
	margin-left:5px;
	display:block;
	float:right;
}
#pages a:hover{
	border:1px solid #151b2d;
}
#pages a.pageActive{
	color:#53aa20;
}
#pages a.pageActive:hover{
	border:1px solid #c7c8cd;
}
a#searchPlace{
	border:1px solid #fc0;
	color:#fc0;
	display:block;
	float:left;
	font-weight:bold;
	height:19px;
	margin-left:9px;
	padding:5px 3px 1px;
	width:19px;
}
a#searchPlace:hover{
	background:#fc0;
	color:#151b2d;
}

/* ---------- Lieux page article --------- */

#lieuxBack{
	clear:left;
	float:left;
	width:660px;
	margin:20px 0px 10px 0px;
	height:23px;
	padding-top:6px;
}
#lieuxBack a{
	color:#fc0;
	font-size:13px;
	margin-left:20px;
}
#lieuxBack a span{
	color:#fff;
}
.lieuxDetails{
	border:1px solid #c7c8cd;
	float:left;
	clear:left;
	width:636px;
	margin:0px 10px 10px 17px;
	padding:5px 0px 5px 5px;
	display:block;
	color:#151b2d;	
}
.lieuxDetails p{
	margin:0px 5px 0px 0px;
}
.lieuxDetails img{
	margin:0px 16px 10px 0px;
	float:left;
}
.lieuxDetails .articleTitle{
	font-size:20px;
}
.lieuxDetails .articleDescription{
	font-size:11px;
	margin:26px 16px 14px 0px;
	text-align:justify;
}
.lieuxDetails #detailsLeft #share{
	font-size:12px;
	clear:left;
	float:left;
}
#share a.blockShare{
	border:1px solid #c7c8cd;
	color:#151b2d;
	display:block;
	font-size:10px;
	height:20px;
	margin-top:4px;
	width:148px;
}
#share a.blockShare:hover{
	border:1px solid #151b2d;
}
#share .blockShare img{
	margin:2px 10px 0px 2px;
	float:left;
}
#share .blockShare div{
	padding-top:4px;
}
.lieuxEventsContent{
	float:left;
	margin-left:5px;
}

#event_liste
{
background-color:#151b2d;
clear:both;
padding:10px;
margin-right:5px;
}
.agendaEventsContent{
	color:#151b2d;
	font-size:14px;
	float:left;
	width:357px;
}
.agendaEvents p{
	margin:5px;
}
.agendaEvents img{
	float:left;
	margin-right:14px;
}
.agendaEvents .eventType{
	color:#53aa20;
	font-size:18px;
}
.agendaEvents .eventTitle{
	font-size:24px;
}
.agendaEvents .eventDescription{
	font-size:11px;
}
.agendaEvents{
	border:1px solid #c7c8cd;
	float:left;
	clear:left;
	width:536px;
	margin:0px 10px 10px 17px;
	padding:5px 0px 5px 5px;
	display:block;
	cursor:pointer;

}
.agendaEvents:hover{
	border:1px solid #151b2d;
}
.agendaEventsContent{
	color:#151b2d;
	font-size:14px;
	float:left;
	width:357px;
}
.agendaEvents p{
	margin:5px;
}
.agendaEvents img{
	float:left;
	margin-right:14px;
}
.agendaEvents .eventType{
	color:#53aa20;
	font-size:18px;
}
.agendaEvents .eventTitle{
	font-size:24px;
}
.agendaEvents .eventDescription{
	font-size:11px;
}