@CHARSET "UTF-8";

div#agence-n1 {
	margin-top: 49px;
	margin-left: 29px;
	width: 358px;
	float: left;
}

div#agence-n1 h1 {
	width: 358px;
	height: 32px;
	text-indent: -1000px;
	overflow: hidden;
}
div#agence-n1 h1.fr {
	background: url('/medias/images/home-agence-n1-h-fr.jpg') no-repeat 0px 0px;
}
div#agence-n1 h1.en {
	background: url('/medias/images/home-agence-n1-h-en.jpg') no-repeat 0px 0px;
}
div#agence-n1 h1.nl {
	background: url('/medias/images/home-agence-n1-h-nl.jpg') no-repeat 0px 0px;
}

div#agence-n1 p {
	margin-top: 10px;
	font-size: 13px;
	line-height: 16px;
	color: #555555;
}

div#latest-work {
	margin-top: 33px;
	margin-left: 409px;
}

div#latest-work h2 {
	background: url('/medias/images/home-latest-work-h.jpg') no-repeat 0px 0px;
	width: 563px;
	height: 48px;
	text-indent: -1000px;
	overflow: hidden;
}

div#latest-work div.reference {
	position: relative;
	width: 563px;
	height: 254px;
	background: url('/medias/images/home-latest-work-bg.jpg') no-repeat
}

div#latest-work div.reference h3 {
	font-size: 14px;
	font-weight: bold;
	color: #555555;
	text-align: right;
	width: 200px;
	position: absolute;
	top: 131px;
	right: 345px;
}

div#latest-work div.reference p.data {
	font-size: 12px;
	color: #555555;
	position: absolute;
	right: 345px;
	top: 147px;
	width: 200px;
	text-align: right;
}

div#latest-work div.reference p.data a {
	color: #555555;
}

div#latest-work div.reference p.image {
	position: absolute;
	right: 30px;
	top: 50px;
	width: 303px;
	height: 149px;
	padding-top: 23px;
	background: url('/medias/images/home-latest-work-browser.png') no-repeat;
}

div#latest-news {
	margin-top: 17px;
	margin-left: 17px;
	float: left;
	overflow: hidden;
	position: relative;
	width: 373px;
}

div#latest-news ul.scroller {
	list-style-type: none;
	display: none;
}

div#latest-news li.previous {
	position: absolute;
	top: 48px;
	left: 0px;
}

div#latest-news li.previous a {
	display: block;
	width: 22px;
	height: 208px;
	background: url('/medias/images/home-latestnews-previous-over.jpg') no-repeat 0px -208px;
}

div#latest-news li.previous a:hover {
	background-position: 0px 0px;
}

div#latest-news li.previous a:hover img {
	display: none;
}

div#latest-news li.next {
	position: absolute;
	top: 48px;
	right: 0px;
}

div#latest-news li.next a {
	display: block;
	width: 22px;
	height: 208px;
	background: url('/medias/images/home-latestnews-next-over.jpg') no-repeat 0px -208px;
}

div#latest-news li.next a:hover {
	background-position: 0px 0px;
}

div#latest-news li.next a:hover img {
	display: none;
}

div#latest-news h2 {
	background: url('/medias/images/home-latest-news-h.jpg') no-repeat 0px 0px;
	width: 373px;
	height: 48px;
	text-indent: -1000px;
	overflow: hidden;
}

div#latest-news p.all {
	background: url('/medias/images/home-latest-news-foot.jpg') no-repeat 0px 0px;
	width: 333px;
	height: 36px;
	line-height: 36px;
	padding-left: 40px;
}

div#latest-news p.all a {
	font-weight: bold;
	font-size: 13px;
	color: #555555;
	text-decoration: none;
}

div#latest-news div.news {
	font-size: 12px;
	color: #555555;
	width: 331px;
	margin: auto;
	height: 199px;
	padding: 10px 0px 0px 38px;
	border-left: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
}

div#latest-news div.news h3 {
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 12px;
	width: 300px;
}

div#latest-news div.news h3 a {
	color: #555555;
}

div#latest-news div.news img {
	float: left;
}

div#latest-news div.news div.summary {
	margin-left: 120px;
	width: 180px;
}

div#latest-news div.news p.detail {
	margin-left: 120px;
	margin-top: 10px;
}

div#latest-news div.news p.detail a {
	color: #555555;
}

div#whatwedo {
	margin-top: 17px;
	margin-left: 409px;
}

div#whatwedo h2 {
	background: url('/medias/images/home-whatwedo-h.jpg') no-repeat 0px 0px;
	width: 563px;
	height: 48px;
	text-indent: -1000px;
	overflow: hidden;
}

div#whatwedo ul {
	list-style-type: none;
	background: url('/medias/images/home-whatwedo-list.jpg') no-repeat 0px 0px;
	width: 300px;
	height: 245px;
	float: left;
}

div#whatwedo ul li {
	margin : 0;
	padding: 0;
}

div#whatwedo a {
	display: block;
	height: 27px;
	font-size: 14px;
	font-weight: bold;
	color: #555555;
	text-decoration: none;
	padding: 13px 0 0 65px;
	background: url('/medias/images/home-whatwedo-list-over.jpg') no-repeat 0px -245px;
}

div#whatwedo li.cslt a:hover {
	background-position: 0px 0px;
}

div#whatwedo li.des a:hover {
	background-position: 0px -40px;
}

div#whatwedo li.dev a:hover {
	background-position: 0px -80px;
}

div#whatwedo li.ref a:hover {
	background-position: 0px -120px;
}

div#whatwedo li.tv a:hover {
	background-position: 0px -160px;
}

div#whatwedo li.natives a:hover {
	background-position: 0px -200px;
}