body {
	margin: 0;
	text-align: center;
	background: #1a1a1a url(img/bg.jpg) repeat-y center;
}

#colonne {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

/* Peut différer sur IE */
#main, #main_index {
	width: 750px;
	height: 501px;
	top: 50%;
	margin-top: -280px;
	position: absolute;
}

#main_index img {
	border-style: none;
}

#main {
	background: url(img/menu.jpg) no-repeat;
}

#menu {
	width: 169px;
	margin-top: 250px;
	height: 251px;
	position: absolute;
	padding-top: 10px;
}

#menu img {
	border-style: none;
}

#menu a {
	display: block;
	margin-left: 40px;
	margin-bottom: 20px;
	width: 60px;
}

#content {
	width: 581px;
	height: 501px;
	float: right;
}

#content h1 {
	margin-top: 110px;
	margin-left: 290px;
	font: 2em "Times New Roman", Georgia, Times, serif;
	letter-spacing: 7px;
	border-bottom: 6px solid #251113;
	color: #251113;
}

#intro, #infos, #contact {
	color: #afafaf;
	margin-left: 30px;
	margin-top: 50px;
	text-indent: 20px;
	text-align: justify;
	font: 12pt Garamond, "Times New Roman", Georgia, Times, serif;
	margin-right: 30px;
}

#intro p {
	line-height: 15px;
	margin-bottom: 8px;
	margin-top: 0;
}

#intro img {
	float: right;
	margin-top: -50px;
	margin-left: 20px;
}

#vignettes {
	margin-top: 50px;
	margin-left: 50px;
}

#vignettes img {
	border: 1px solid #151515;
	margin: 2px;
}

#vignettes a img {
	border: 1px solid #4f4f4f;
}

#vignettes a:hover img {
	border: 1px solid #7e7e7e;
}

#contact a img {
	border-style: none;
	position: absolute;
}

#palette {
	position: absolute;
	margin-top: 250px;
	margin-left: 350px;
	background-image: url(img/palette.png);
	width: 461px;
	height: 247px;
}

#didjo {
	margin-top: 501px;
	margin-left: 676px;
}

#didjo a img {
	border-style: none;
}

#ex_copy {
	text-align: right;
}