/*------------------------------------------------------------------
// Auteur : Ludovic Martin <ludovic@dreamclic.com> / www.dreamclic.com
// 
// Version             : 2.0
// Date de création    : 26/06/2008
//
// Description         : feuille de style de rubrique
//
//------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
#content div#illustration{
	background:url(images/home_illustration.png) top left no-repeat;
	float:left;
	width:100%;
}
#content div#illustration div#home{
	max-width:520px;
	min-height:383px;
	float:right;
	text-align:justify;
	color:#50595b;
	margin: 0 15px;
}
#content div#illustration div#home p{
	margin:0 0 35px 0;
	font-size:1.32em;
}
#content div#illustration div#home p strong{
	color:#d50242;
}
/*------------------------------------------------------------------*/
#content div#illustration div#home ul{
	list-style-type:none;
}
#content div#illustration div#home ul li{
	/*background:url(images/home_caracteristiques.png) no-repeat;*/
	/*width:485px;*/
	min-height:99px;
	padding:1px 17px 0 18px;
	font-size:.85em;
	
	display: flex;
	align-items: center;
	margin: 5px 0;	

border: 1px solid #CCC;
border-radius: 10px;
background: #f2f5f6;
background: -moz-linear-gradient(top, #f2f5f6 0%, #e4e7e8 100%);
background: -webkit-linear-gradient(top, #f2f5f6 0%,#e4e7e8 100%);
background: linear-gradient(to bottom, #f2f5f6 0%,#e4e7e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#e4e7e8',GradientType=0 );	
}
#content div#illustration div#home ul li span{
	display:block;
	flex: 4.5;
	padding-top: 0 !important;
}
#content div#illustration div#home ul li strong.graphique,
#content div#illustration div#home ul li strong.novateur,
#content div#illustration div#home ul li strong.accessible{
	display:block;
	float:left;
	height:78px;
	width:80px;
	/*margin:9px 10px 0 0;*/
	text-indent:-1000em;
	flex: 1;
}
#content div#illustration div#home ul li strong.graphique{
	background:url(images/home_caracteristiques_graphique.png) no-repeat;
}
#content div#illustration div#home ul li strong.novateur{
	background:url(images/home_caracteristiques_novateur.png) no-repeat;
}
#content div#illustration div#home ul li strong.accessible{
	background:url(images/home_caracteristiques_accessible.png) no-repeat;
}
/*------------------------------------------------------------------*/
@media (max-width: 767px) {
	#submenu p.apercu {
		display: block;
	}
}