/* --- Inherited common rules --- */

/* Ticker layout */

.component.nodelist .simply-scroll {
	width:100%;
	height:400px; /* will be overridden by CSS in horizontal mode ; to be overridden by user CSS in vertical mode */
	margin:0;
}
.component.nodelist .simply-scroll-clip {
	width:100%;
	height:100%;
}
.component.nodelist .horizontal .tickerable .thumbnail {
	width:auto;
	float:left;
}

/* --- Custom rules --- */

/* Affichage des enfants */

.component.nodelist.children li.media {
	padding:0 0 20px 0;
}
.component.nodelist.children li.media:nth-child(2n) {
	padding-left:10px;
}
.component.nodelist.children li.media:nth-child(2n+1) {
	padding-right:10px;
	clear:both;
}
.component.nodelist.children .nodelistlayout_list h1 {
	font-size:1.4em;
	font-weight:300;
}
.component.nodelist.children .nodelistlayout_list .summary {
	font-size:1em;
}
.component.nodelist.children .nodelistlayout_list .info-field {
	font-size:.8em;
}
.component.nodelist.children .nodelistlayout_list .info-field + h1 {
	margin-top:0;
}

/* Affichage en mode list */

.component.nodelist .nodelistlayout_list li {
	background:rgba(255, 255, 255, .35);
	padding:10px;
}
.component.nodelist .nodelistlayout_list .media {
	margin-top:5px;
}
.component.nodelist .nodelistlayout_list figure {
	float:left;
	width:19%;
	margin-right:10px;
}
.component.nodelist .nodelistlayout_list h1 {
	text-align:left;
	font-size:1em;
	font-family:'Open Sans',sans-serif;
	margin:7px 0 3px 0;
}
.component.nodelist .nodelistlayout_list .info-field {
	font-style:italic;
	color:#0c385f;
}
.component.nodelist .nodelistlayout_list .summary {
	font-size:.8em;
}
.component.nodelist .nodelistlayout_list .summary p {
	margin:0;
}

/* Affichage en liste d'icônes */

.component.nodelist .nodelistlayout_icons .thumbnail {
	border:none;
	border-radius:0;
	background:transparent;
	padding:0;
	text-align:center;
}
.component.nodelist .nodelistlayout_icons a {
	position:relative;
	display:block;
	transition:all 0.2s ease-in-out 0s;
}
.component.nodelist .nodelistlayout_icons a:hover,
.component.nodelist .nodelistlayout_icons a:active {
	background:white;
}

/*    => liste simple */
.component.nodelist .nodelistlayout_icons.iconslayout_list .thumbnail {
	margin:0 0 5px 0;
}
.component.nodelist .nodelistlayout_icons.iconslayout_list a {
	height:146px;
	background:rgba(255, 255, 255, .35);
}
.component.nodelist .nodelistlayout_icons.iconslayout_list a:hover,
.component.nodelist .nodelistlayout_icons.iconslayout_list a:active {
	background:white;
}
.component.nodelist .nodelistlayout_icons.iconslayout_list a:hover h2,
.component.nodelist .nodelistlayout_icons.iconslayout_list a:active h2 {
	color:#09395f;
}
.component.nodelist .nodelistlayout_icons.iconslayout_list figure,
.component.nodelist .nodelistlayout_icons.iconslayout_list .caption {
	position:absolute;
	top:10px;
	left:10px;
	right:10px;
	bottom:10px;
}
.component.nodelist .nodelistlayout_icons.iconslayout_list .caption {
	line-height:123px;
	vertical-align:middle;
	padding:0;
	z-index:1;
	font-size:1.3em;
}
.component.nodelist .nodelistlayout_icons.iconslayout_list h2 {
	display:inline-block;
	font-family:'Open Sans', sans-serif;
	font-size:1em;
	margin:0;
	vertical-align:middle;
	line-height:1.2;
	transition:all 0.2s ease-in-out 0s;
	color:#026fb4;
}

/*     => ticker */
.component.nodelist .tickerable .thumbnail {
	padding:0 1px;
}
.component.nodelist .tickerable a {
	padding:10px;
	background:rgba(255, 255, 255, 0.2);
}
.component.nodelist.partners .caption {
	display:none;
}