/*
	CSS Rules @ VincentMertz.com
	designed by Raddical - www.raddical.fr
*/

/* ---- Layout ---- */
* { margin:0; padding:0; border:0; }

html, body {
	background-color:#fff;
	margin:0;
	padding:0;
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#999999;
}

body { margin:25px 10px; }

#homepage { width:720px; height:500px; margin:0px auto 0 auto; text-align:center; font-size:10px; letter-spacing:1px; }

#menu {
	background:  url("images/logo_vm.gif") transparent top left no-repeat;
	height:76px;
	width:680px;
	margin:0 auto;
}
#menu dl.img_items { margin-left:258px; }
#menu dl.img_items dt { float:left; display:inline; }
#menu dl.items { float:right; text-align:right; margin-top:4px; }

.img_items a span, .items a span { display:none; }

.img_items a { height:76px; display:block; }
.items a { height:16px; width:48px; display:block; }

.logotype_off { background: url("images/logotype_0.gif") transparent top left no-repeat; width:80px; }
.logotype_on { background: url("images/logotype_1.gif") transparent top left no-repeat; width:80px; }
.papier_off { background: url("images/papier_0.gif") transparent top left no-repeat; width:76px; }
.papier_on { background: url("images/papier_1.gif") transparent top left no-repeat; width:76px; }
.site_off { background: url("images/site_0.gif") transparent top left no-repeat; width:45px; }
.site_on { background: url("images/site_1.gif") transparent top left no-repeat; width:45px; }
.illustration_off { background: url("images/illustration_0.gif") transparent top left no-repeat; width:90px; }
.illustration_on { background: url("images/illustration_1.gif") transparent top left no-repeat; width:90px; }
.liens_off { background: url("images/liens_0.gif") transparent top left no-repeat; }
.liens_on { background: url("images/liens_1.gif") transparent top left no-repeat; }
.parcours_off { background: url("images/parcours_0.gif") transparent top left no-repeat; }
.parcours_on { background: url("images/parcours_1.gif") transparent top left no-repeat; }
.contact_off { background: url("images/contact_0.gif") transparent top left no-repeat; }
.contact_on { background: url("images/contact_1.gif") transparent top left no-repeat; }

dl { margin-bottom:7px; }

a:link { color:#999999; text-decoration:none; }
a:visited { color:#999999; text-decoration:none; }
a:hover { color:#ffa616; }
a:active { color:#999999; text-decoration:none; }

.active { color:#ffa616; }
.stars { font-size:smaller; color:#ccc; padding-left:5px; }
.company { font-size:smaller; margin-top:20px; color:#ccc; }

#gradient {
	background: url("images/gradient.gif") transparent top left repeat-x;
	width:720px;
	height:25px;
	margin:0 auto;
}

#content {
	font-size:11px;
	width:680px;
	min-height:385px;
	margin:0 auto 5px auto;
}

#client, #habillage {
	width:215px;
	float:left;
	font-weight: lighter;
}

#visuel, #description {
	float:left;
	width:460px;
	height:380px;
}

#description { overflow:hidden; }

#description dl { margin-bottom:15px; }

#description p { line-height:120%; margin:5px 0; }

#pleinepage
{
	width:675px;
	height:380px;
}

#pages {
	width:460px;
	text-align:right;
	font-size:10px;
	letter-spacing:1px;
	margin-top:-26px;
	margin-bottom:-10px;
}

#clear {
	clear:both;
}

h3 {
	font-weight:bold;
	margin-bottom:5px;
	color:#ccc;
}

h4 {
	font-weight:bold;
	margin-bottom:2px;
	color:#ccc;
}

hr {
	width:680px;
	height:1px;
	margin:0 auto;
	background-color:#ddd;
}

#footer {
	margin:30px auto 0 auto;
	font-family:"Trebuchet MS";
	font-size:9px;
	letter-spacing:1px;
	text-align:center;
	line-height:9px;
	height:9px;
}

#footer a, #footer a:visited { color:#ccc; }
#footer a:hover { color:#888; }