/**
 * ceb_compact layout
 *
 * <ul class=ceb_compact>
 * 		<li><div class=icon>image</div><div class=label>title<span=detail>intro</span></div></li>
 * 		...
 * </ul>
 *
 * @author : alexis raimbault, 
 * @reference
 * @license http://www.gnu.org/copyleft/lesser.txt GNU Lesser General Public License
*/


/* <li> contain already icons */
.ceb_compact {list-style:none;}

/*ensure floating element are overlapped*/
.ceb_compact li {
    overflow: hidden;
    margin-bottom: 0.3em;
	display: block;
	font-size: 1.2em;
	text-decoration: none;
	cursor: pointer;
	margin-bottom: 10px;
	padding: 9px 1em 6px 1em;
	z-index: 10;
}

.ceb_compact li a{
	text-decoration: none;
}

/*contain title and intro*/
.ceb_compact .label {
    overflow: hidden;	/*content don't go under icon*/
}

/*contain icon, float left*/
.ceb_compact .icon {
    float: left;
    margin-right: 0.6em;
}
.odd {
    background: url(images/box-orange.png) no-repeat top right; 
	background-color: #FDFFE5;
	color: #666;
}

.even {
    background: url(images/box-gris.png) no-repeat top right; 
	color: #670d3f;
	background-color:#FDFFE5;
}
.even a {
	color: #670d3f;
}
.ceb_compact {
	overflow:hidden;
}

.ceb_compact .introduction {
	margin: 0 0 4px 0; /* no space at the top of the introduction text */
}