/* -------Global---------- */ 

body {
	padding:0px 0px 0px 0px; margin:0px; 
	font:normal normal normal 12px Arial;
	background:#DBDBDB;
	margin:0px; padding:0px;
}
h1, 
h2, 
h3, 
h4, 
h5, 
h6,
li,
ul,
img,
p,
a,
a:hover { 
	border:0px;
	padding:0px; margin:0px;
	font:normal normal normal 12px Arial;
	color:#000000; 
}
ul {list-style:none;}
a,
a:hover {
	cursor:pointer;	
	text-decoration:none;
	outline-style:none;	
}
.clear {clear:both;}
input,
label,
form {	
	padding:0px; margin:0px;
	outline: 0px;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;	
}


/* -------general---------- */
#container{
	width:auto;
	height:auto;
	background:white;
}
#banner{
	width:auto;
	height:75px;
	background:url(/images/general/banner.png) repeat-x left top;
}
#banner .inner{
	width:990px;
	margin:0px auto 0px auto;
}
#banner .inner h1{
	float:left;
}
#banner .inner h1 a{
	display:block;
	background:url(/images/general/logo.png) no-repeat left top;
	width:257px;
	height:71px;
	padding:0px 0px 0px 45px;
	font:normal normal normal 8 px Arial;
	color:white;
}
#menu{
	float:right;
	margin-top:40px;
}
#menu li{
	float:left;
}
#menu li a{
	background:url(/images/general/menu-over.png) no-repeat left top;
	height:31px;
	padding:0px 0px 0px 12px;
	float:left;
}
#menu li a span{
	background:url(/images/general/menu-over.png) no-repeat right top;
	height:31px;
	padding:10px 10px 6px 0px;
	float:left;
	font:normal normal bold 12px Arial;
	color:#888888;
}
#menu li a:hover{
	background:url(/images/general/menu.png) no-repeat left top;
}
#menu li a:hover span{
	background:url(/images/general/menu.png) no-repeat right top;
}
#content{
	width:990px;
	margin:0px auto 0px auto;
	height:470px;
	background:url(/images/general/middle.png) repeat-y left top;
	position:relative;
}
.top{
	background:url(/images/general/top.png) no-repeat left top;
	height:20px;
	width:990px;
	margin:10px auto 0px auto;
}
.bottom{
	background:url(/images/general/bottom.png) no-repeat left top;
	height:20px;
	width:990px;
	margin:0px auto;
}
/* -------blocs---------- */
#blocs{
	width:760px;
	height:auto;
	float:left;
	margin:10px 0px 0px 0px;
	position:absolute;
	top:0px;
	left:10px;
}
#blocs .bloc1,
#blocs .bloc2,
#blocs .bloc3,
#blocs .bloc4{
	width:354px;
	height:193px;
	float:left;
	margin:0px 10px 20px 10px;
	position:relative;
}
#blocs .bloc1{
	background:url(/images/general/bloc1.png) no-repeat left top;
}
#blocs .bloc2{
	background:url(/images/general/bloc2.png) no-repeat left top;
}
#blocs .bloc3{
	background:url(/images/general/bloc3.png) no-repeat left top;
}
#blocs .bloc4{
	background:url(/images/general/bloc4.png) no-repeat left top;
}
#blocs .bloc1 h2,
#blocs .bloc2 h2,
#blocs .bloc3 h2,
#blocs .bloc4 h2{
	color:white;
	font:normal normal bold 15px Arial;
	padding:21px 0px 20px 40px;
}
#blocs ul li{
	background:url(/images/general/arrow.png) no-repeat left 5px;
	padding-left:18px;
	padding-bottom:6px;
	margin-left:10px;
	font:normal normal normal 12px verdana;
	color:#696969;
}
#blocs .partenaires{
	position:absolute;
	bottom:5px;
	right:3px;
}
#blocs .partenaires a.dybuzz,
#blocs .partenaires a:hover.dybuzz{
	background:url(/images/general/dybuzz.png) no-repeat left 0px;
	display:block;
	width:142px;
	height:42px;
	padding:0 4px 5px 0;
}
#blocs .partenaires a.intuiti,
#blocs .partenaires a:hover.intuiti{
	background:url(/images/general/intuiti.png) no-repeat left 0px;
	display:block;
	width:120px;
	height:44px;
	padding:0 15px 7px 0;
}




/* -------col-right---------- */
#col-right{
	float:left;
	width:215px;
	padding-left:20px;
	margin:0px 0px 0px 0px;
	position:absolute;
	right:5px;
	top:0px;
}
#col-right h2{
	font:normal normal bold 17px Arial;
	color:#3f3f3f;
	padding-bottom:20px;
}
#col-right ul li a.mini{
	background:url(/images/general/shadow.png) no-repeat right bottom;
	padding-bottom:6px;
}
#col-right ul li a.legend{
	font:normal normal normal 11px Arial;
	display:block;
	padding-bottom:25px;
}
* html #col-right ul li a.legend{
	padding-bottom:10px;
}
#col-right a.more{
	font:normal normal normal 11px Arial;
	float:right;
	background:url(/images/general/arrow-more.png) no-repeat left 3px;
	padding-left:8px;
	padding-right:20px;
}
#col-right a:hover.more{
	text-decoration:underline;
}
/* -------page---------- */
#page{
	width:750px;
	height:100%;
	float:left;
	margin:0px 0px 0px 10px;
	padding-left:10px;
}
#page h2{
	background:url(/images/general/title.png) no-repeat left top;
	padding:19px 0 8px 39px;
	font:normal normal bold 15px Arial;
	color:white;
}
#page .subcontent{
	border:1px solid #cccccc;
	border-top:none;
	width:700px;
	padding:20px 10px 20px 10px;
	margin-bottom:30px;
	margin-left:1px;
}
#page .subcontent p{
	font:normal normal normal 11px Arial;
}
#page .subcontent a,
#page .subcontent a:hover{
	font:normal normal normal 11px Arial;
	color:#50a3d9;
}
#page .subcontent a:hover{
	text-decoration:underline;
}
#page .subcontent img{
	float:left;
	padding:0px 15px 5px 0px;
}
#page .subcontent label{
	font:normal normal bold 11px Arial;
	padding-top:10px;
	display:block;
}
ul.qsn li{
	background:url(/images/general/arrow.png) no-repeat left 5px;
	padding-left:18px;
	padding-bottom:3px;
	margin-left:10px;
	font:normal normal normal 11px Arial;
	color:#696969;
}
/* -------team---------- */

.item{
	width:230px;
	display:block;
	float:left;
	height:188px;
	padding:0px 0px 0px 0px;
	margin-bottom:0px;
	margin-top:10px;
}
.item img{
	float:none !important;
}
.item h4{
	margin-bottom:0px;
	background:none;
	border-bottom:1px solid #c9c9c9;
	font:normal normal bold 16px Arial;
	color:#5E5E5E;
	height:192px;
	padding-left:20px;
}
.item  a{
	font-size:10px;
	padding:3px 0px 10px 20px; 
	background:url(/images/general/favicon.gif) no-repeat top left;
	text-align:center;
	text-decoration:underline;
}
.item a.title4,
.item a:hover.title4{
	font:normal normal bold 16px Arial !important;
	color:#5E5E5E !important;
	text-decoration:none !important;
	text-align:left;
	display:block;
	background:none;
	padding:0px;
}
.item span{
	font-size:11px;
	font-weight:bold;
	padding:0px;margin:0px 0px 3px 0px;
	text-align:left;
	display:block;
}
/* -------footer---------- */
#footer{
	height:55px;
	background:url(/images/general/footer.png) repeat-x left bottom;
}
#footer .link{
	width:132px;
	margin:0px auto;
	padding-top:22px;
}
#footer .link a{
	text-align:center;
	font:normal normal normal 11px Arial;
	color:#636363;
}