html, body {
    height: 100%;
}
#index {
	background-image: url(../design/index.jpg);
	position: absolute;
	height: 414px;
	width: 353px;
	left: 154px;
     top: 50%;
     margin-top: -210px; /* moitié de la hauteur */
}
#portrait {
	background-image: url(../design/portrait.jpg);
	position: absolute;
	height: 414px;
	width: 353px;
	left: 154px;
     top: 50%;
     margin-top: -210px; /* moitié de la hauteur */
}
#contact {
	background-image: url(../design/contact.jpg);
	position: absolute;
	height: 414px;
	width: 353px;
	left: 154px;
     top: 50%;
     margin-top: -210px; /* moitié de la hauteur */
}
#portfolio {
	background-image: url(../design/portfolio.jpg);
	position: absolute;
	height: 414px;
	width: 353px;
	left: 154px;
     top: 50%;
     margin-top: -210px; /* moitié de la hauteur */
}
#object {
	position: absolute;
	left: 10px;
	top: 341px;
}
#conteneur {
	width: 660px;
	background-color: #D7D0C8;
	position: absolute;
	left: 50%;
	margin-left: -328px;
	position: relative;
	margin-bottom: 0px;
	min-height: 100%;
	height: 100%;
	background-image: url(../design/back.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 1px;
	z-index: 3;
}
#copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	position: absolute;
	width: 353px;
	text-align: center;
	top: 415px;
	font-weight: bold;
}

body {
	margin: 0px;
	background-color: #E6E6E6;
	background-image: url(../design/back2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#C0C0C0;
	scrollbar-darkshadow-color:#C0C0C0;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-arrow-color:#C0C0C0;
	scrollbar-track-color:#C0C0C0;
}
p {
	margin-top: 12px;
	margin-bottom: 12px;
}
#top {
	position: absolute;
	height: 1px;
	width: 660px;
	top: 14px;
	font-size: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#top2 {
	position: absolute;
	height: 1px;
	width: 100%;
	top: 14px;
	font-size: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D7D0C8;
}
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #D24401;
	border: 1px solid #999999;
}
a:link {
	color: #D24401;
	text-decoration: none;
}
a:visited {
	color: #D24401;
	text-decoration: none;
}
#realisation {
	position: absolute;
	height: 200px;
	left: 21px;
	top: 99px;
	width: 306px;
	text-align: center;
}
#conteneur #portfolio #realisation object {
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	position: static;
}

a:active {
	text-decoration: none;
	color: #D24401;
}
a:hover {
	color: #D24401;
	text-decoration: underline;
}




#text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #D24401;
	position: absolute;
}
#text2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #999999;
	position: absolute;
	left: 67px;
	top: 288px;
}
/* contact */
#conteneur #contact #text2 #form1 #text {
	color: #336694;
	position: static;
	text-align: left;
}
#conteneur #contact #text {
	left: 25px;
	top: 57px;
	text-align: right;
}
#conteneur #contact #text2 {
	top: 159px;
	left: 32px;
	width: 277px;
	line-height: 13px;
}
/* portfolio */
#conteneur #portfolio #text {
	left: 67px;
	top: 38px;
}
#conteneur #portfolio #text2 {
	line-height: 14px;
}
/* portrait */
#conteneur #portrait #text {
	left: 197px;
	top: 25px;
}
#conteneur #portrait #text2 {
	top: 195px;
	left: 26px;
	width: 277px;
	line-height: 13px;
}