/*******************************************
 *   Fichiers communs LISTES de l'accueil  *
 *******************************************/


.styledlist {
	margin: 0;
	padding: 0;
	list-style: none;
}

.styledlist LI {
	border: 1px solid #ddd;
	background-image: linear-gradient(#f8f8f9, #fff);
	background-image: -o-linear-gradient(bottom, rgb(255,255,255) 30%, rgb(248,249,249) 65%);
	background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 30%, rgb(248,249,249) 65%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 30%, rgb(248,249,249) 65%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f9',endColorstr='#ffffff', GradientType=0);
	margin:0px 0px -1px 0px;
	padding:10px;
	line-height: 12px;
	list-style-type:none;
	height:62px;
	overflow:hidden;
}

.styledlist .styledlist-item:first-child { border-radius: 0 10px 0 0;padding-top:20px;}
.styledlist .styledlist-item:last-child { border-radius: 0 0 10px 0; border-bottom: 1px solid #ddd;}

.styledlist .styledlist-item A { display:block; height:60px; text-decoration:none; overflow:hidden; }


/******************************
*   LISTE ACTUALITE et BLOG   *
*******************************/
	
.styledlist .styledlist-item 		.list-lien-art		{ font-size: 16px;  font-family: Questrial;  font-weight: normal; color:#313B4D;  line-height: 16px; margin-bottom:3px;}
.styledlist .styledlist-item:hover	.list-lien-art		{ color:#f17f15; }
.styledlist .styledlist-item .list-lien-art-bloc-img	{
	float: left;
	margin: 0px 15px 10px 0px;
	padding-top:0px;
	height:58px;
	width:100px;
	overflow:hidden;
	background-color: ccc; 
	border: 1px solid #ccc;
	border-radius: 6px 6px 6px 6px;
	background-position:50% 50%;
	background-repeat:no-repeat;}
.styledlist .styledlist-item .list-lien-art-txt-pres	{ color:#313B4D; font-size: 11px;  font-family: arial; font-weight: normal;} 
.styledlist .styledlist-item .list-lien-art-img		{ float: left; background-image: linear-gradient(#fff,#f8f9f9); background-image: -o-linear-gradient(bottom, rgb(255,255,255) 30%, rgb(248,249,249) 65%); background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 30%, rgb(248,249,249) 65%); background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 30%, rgb(248,249,249) 65%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f8f9f9', GradientType=0); border: 1px solid #fff; border-radius: 6px 6px 6px 6px; }


/*********************************************
*    LISTES ETUDE DE CAS ET CHIFFRES CLES    *
**********************************************/


/****************************
*    LISTE etudes   *
*****************************/

.styledlist .styledlist-item		A.list-lien-etudes {
	display:block; height:64px; vertical-align:middle;
	color: #313B4D; text-decoration:none; line-height: 16px;
	font-size: 16px;  font-family: Questrial;  font-weight: normal;
	}
.styledlist .styledlist-item:hover	a.list-lien-etudes {
	color: #f17f15; text-decoration:none;
	}


/* Round */

.styledlist .styledlist-item .rounddiv-vr {
	float: left; width:68px; height:26px;
	background-image:url(../images/vr/puce-etudes.png);
	background-position:0px -2px;
	font-size: 22px;  vertical-align:top;
	margin-right:5px;
	padding:23px 0px 15px 0px;
	text-align:center;
	color:#ffffff;
	}
	
.styledlist .styledlist-item:hover .rounddiv-vr {
	background-position:0px 65px;
	}

.styledlist .styledlist-item		.rounddiv  { float: left; margin: 0px 10px 0px 0px; padding-top:0px; border: 4px solid #ccc; border-radius: 32px; width: 56px; height: 56px; background-color: #92b023;}
.styledlist .styledlist-item:hover	.rounddiv  { float: left; margin: 0px 10px 0px 0px;padding-top:0px; border: 4px solid #ccc; border-radius: 32px; width: 56px; height: 56px; background-color: #f17f15;}
.styledlist .styledlist-item		.rounddiv .rounddiv-inner{  border: 4px solid #fff; border-radius: inherit; width: 48px; height: 48px; margin: 0;}
.styledlist .styledlist-item:hover	.rounddiv .rounddiv-inner{ border: 4px solid #fff; border-radius: inherit; width: 48px; height: 48px; margin: 0;}

.styledlist .styledlist-item		.rounddiv .rounddiv-text { margin: 18px 0px 15px 8px ; font-size:20px;}
.styledlist .styledlist-item:hover	.rounddiv .rounddiv-text{ margin: 18px 0px 15px 8px ; font-size:20px; color:#fff;}
.styledlist .styledlist-item		.rounddiv .rounddiv-text{ font-size: 24px;  vertical-align:top;}
.styledlist .styledlist-item:hover	.rounddiv .rounddiv-text{ font-size: 24px;  vertical-align:top;} 
.styledlist .styledlist-item		.rounddiv .rounddiv-inner .rounddiv-text .sup{ font-size: 12px; line-height: 5px; vertical-align:top;} 
.styledlist .styledlist-item:hover	.rounddiv .rounddiv-inner .rounddiv-text .sup{ font-size: 12px; line-height: 5px; vertical-align:top;}