#top {
	height : 267px;
	background : transparent url(/img/hp/bkg_top.jpg) no-repeat;
}



#container {
	background : transparent url(/img/hp/middle.jpg) no-repeat scroll -310px 300px;
}


#center {
	margin : 0;
	padding:10px;
	position :relative;
}

#center ul li{
	margin : 0px 0 0 20px;
	padding : 5px 0 0 15px;
}

#menu {
	height : 25px;
	background : url('/img/hp/bkg_menu.jpg');
}

#menu_shadow {
	background : url('/img/bkg_menu_shadowHp.jpg');
}

#illus{
	position : absolute;
	right :0;
	min-height: 221px;
	min-width: 335px;
}




#center li a {
	text-decoration : none;
}

.hpItem{
	float : left;
}

.w300{
	width:  300px;
	margin-left : 10px;
}

.w600{
	width:  610px;
	margin-left : 10px;
	text-align : center;
}

.w600 h2{
	margin-bottom : 15px;
}

#center ul{
	margin-top : 0;
}
#center ul li {
	margin : 0 0 0 20px;
	background: transparent url(/img/li_arrow.gif) no-repeat scroll 0% 6px;
	padding-bottom : 10px;
}

.w300 li{
	background: transparent url(/img/li_arrow.gif) no-repeat scroll 0% 6px;
	padding : 5px 15px;
}

.first{
	margin-left : 0;
}



#ressources {
	margin:50px 0 0 10px;
	background:  url('/img/hp/ressources.gif') no-repeat scroll 0% 15px;
	min-height : 135px;
	width : 300px;
}

#ressources ul {
		margin : 0 ;
		padding : 10px 0 0 50px;
}

#ressources ul li{
		margin :0;
			padding :3px 0 0 15px;
}


#ressources li a {
	padding : 0 ;
	margin :0;
}


#vimeo {
	padding : 30px 0 0 10px;
}

#actions{ clear : both; margin-left:35px;}
#actions li { display: inline; width : 181px; height : 62px;  margin:0 5px;text-align : center; padding:0px 10px 0 0;}


.grey {color : #5c5b60;}
.black {color : #000;}


#action .quizz{ background: url('/img/picto/quizz.gif') no-repeat;}
#action .sofast{background: url('/img/picto/sofast.gif') no-repeat;}
#action .blog{background: url('/img/picto/blog.gif') no-repeat;}
#action .contact{background: url('/img/picto/contact.gif') no-repeat;}