/*### Content specific CSS ###
	used for template:
	/digital-agenda/en/template-page-lists-people (node/73636)
*/

/*
	<ul class="DAE_peopleList">
		<li>
			<a class="fancybox" href="##path to image big##">
				<img alt="Portrait of ##Person Name##" class="DAE_contentImage DAE_contentImage-left-25pc" src="##path to image small##">
			</a>
			<div class="peopleDetails">
				<h3>##Person Name##</h3>
				<div class="function">##Person Function##</div>
				<div class="presentation">
					##Presentation##
				</div>
				<div class="moreInfos">
					##More about Person##
				</div>
			</div>
		</li>
		<li>...
		<li>...
		<li>...
		<li>...
	</ul>
*/

/*List of people*/
    
	.mainContent .DAE_peopleList{
		margin:0;
		padding:0;
	}
	.mainContent .DAE_peopleList>li{
		list-style:none;
		padding:0 0 15px;
		margin:0 0 20px;
		border-bottom:solid 2px #eee;
	}
	.mainContent .DAE_peopleList>li:after{
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}
	.mainContent .DAE_peopleList>li ul li{
		list-style-type:disc;
	}
	.mainContent .DAE_peopleList>li>.peopleDetails{
		padding:0 0 0 18%;
	}
	.mainContent .DAE_peopleList>li>a img{
		width:15%;
	}
	.mainContent .DAE_peopleList>li .function{
		font-style:italic;
		font-weight:bold;
		margin-bottom:10px;
	}
	.mainContent .DAE_peopleList>li .presentation{
		margin-bottom:10px;
	}
	.mainContent .DAE_peopleList>li .moreInfos{
		font-size:85%;
		color:#777;
		margin-bottom:10px;
	}
	.mainContent .DAE_peopleList>li .moreInfos *:not(a){
		color:#777;
	}
	.mainContent .DAE_peopleList>li .moreInfos ul,
	.mainContent .DAE_peopleList>li .moreInfos ol{
		margin-top:3px;
		margin-bottom:3px;
	}
	
/*/List of people*/