#conteneur {
 width: 900px;
 height: 600px;
 margin-left: auto;
 margin-right: auto;
}
.titre {
	position: relative;
	top: 15px;
	left: 50px;
}
.imgaccueil {
	position: relative;
	top: -60px;
	left: 50px;
	width: 720px;
}
.liens {
	position: relative;
	top: -60px;
	left: 50px;
	width: 707px;
	height:500px;
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing: 4px;
	vertical-align: bottom;
	background-image: url(matiere/fond3.jpg)
}
.liens a {
text-decoration:none;
color:#000000;
}
.liens a:hover {
text-decoration:none;
color:#FF33AD;
}
.portfolio {
	position: relative;
	top: -60px;
	left: 50px;
	width: 720px;
	height: 750px;
	/*background-image:url(matiere/motifimgaccueilR.jpg);
	background-repeat: no-repeat;*/
	
}
.portfoliocat {
	position: relative;
	top: -60px;
	left: 50px;
	width: 720px;
	height: 500px;
	/*background-image:url(matiere/motifimgaccueilR.jpg);
	background-repeat: no-repeat;*/
	
}
.menu {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 0;
	visibility: visible;
	background-color: #E0DFE3;
}
.menu1 {
	position: relative;
	top: 40px;
	left: 800px;
	z-index: 5;
	width: 100px;
}
.menu2 {
 position: relative;
 top: 95px;
 left: 800px;
 z-index: 5;
 width: 100px;
}
.menu3 {
	position: relative;
	top: 155px;
	left: 800px;
	z-index: 5;
	width: 100px;
}
.menu4 {
 position: relative;
 top: 215px;
 left: 800px;
 z-index: 5;
 width: 100px;
}
.menu5 {
 position: relative;
 top: 275px;
 left: 800px;
 z-index: 5;
 width: 100px;
}
a {
outline:0;
}
#flashcontent {
 position: relative;
 top: -60px;
 left: 50px;
 z-index: 5;
 width: 600px;
 }
 
 #contact {
 position: relative;
 top: -30px;
 left: 50px;
 z-index: 5;
 width: 700px;
 /*border:#000000 double;*/
 }
 #imgcontact {
	position: absolute;
	/*top: 87px;
	left: 540px;*/
	top: -30px;
	left: 425px;
	z-index: 5;
	width: 280px;
	/*border:#000000 double;*/
 }
#legende1 {
	position: relative;
	top: -70px;
	left: 800px;
	width: 130px;
	height: 130px;
	/*border: #666666  dashed thin;*/
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	background-image:url(matiere/fondraye2.jpg);
	background-repeat: no-repeat;
}
#legende2 {
	position: relative;
	top: -170px;
	left: 800px;
	width: 130px;
	height: 130px;
	/*border: #666666  dashed thin;*/
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	background-image:url(matiere/fondraye2.jpg);
	background-repeat: no-repeat;
}
#legende3 {
	position: relative;
	top: -170px;
	left: 800px;
	width: 130px;
	height: 160px;
	/*border: #666666  dashed thin;*/
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	background-image:url(matiere/fondraye2.jpg);
	background-repeat: no-repeat;
	}
#legende4 {
	position: relative;
	top: -170px;
	left: 800px;
	width: 130px;
	height: 170px;
	/*border: #666666  dashed thin;*/
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	background-image:url(matiere/fondraye2.jpg);
	background-repeat: no-repeat;
	}	
#legende5 {
	position: relative;
	top: -170px;
	left: 800px;
	width: 135px;
	height: 130px;
	/*border: #666666  dashed thin;*/
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	background-image:url(matiere/fondraye2.jpg);
	background-repeat: no-repeat;
	}
#legende6 {
	position: relative;
	top: -170px;
	left: 800px;
	width: 130px;
	height: 140px;
	/*border: #666666  dashed thin;*/
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	background-image:url(matiere/fondraye2.jpg);
	background-repeat: no-repeat;
	}
#legende7 {
	position: relative;
	top: -170px;
	left: 800px;
	width: 130px;
	height: 190px;
	/*border: #666666  dashed thin;*/
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	background-image:url(matiere/fondraye2.jpg);
	background-repeat: no-repeat;
	}
#element1 {
	float:left;
	width:350px;
	height:250px;
	/*text-align:justify;*/
	padding-left:20px;
	padding-top: 20px;
	/*background-image:url(matiere/motifimgaccueil.jpg);*/
	}
#element2 {
	float:right;
	width:310px;
	height:250px;
	text-align:justify;
	padding-top:150px;
	/*background-image:url(matiere/motifimgaccueilR.jpg);*/
	}
#bio {
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing: 4px;
	}
#cat1 {
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size:35px;
	font-weight:300;
	font-style: italic;
	/*letter-spacing: 4px;*/
	background-image:url(matiere/catportfolio/mode.jpg);
	height: 131px;
	width: 707px;
	/*margin-top: 50px;*/
	text-decoration:none;
	}
#cat2 {
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size:35px;
	font-weight:300;
	font-style: italic;
	/*letter-spacing: 4px;*/
	background-image: url(matiere/catportfolio/portraits.jpg);
	height: 131px;
	width: 707px;
	margin-top: 50px;
	text-decoration:none;
	}
#cat3 {
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size:35px;
	font-weight:300;
	font-style: italic;
	/*letter-spacing: 4px;*/
	background-image: url(matiere/catportfolio/commercial.jpg);
	height: 131px;
	width: 707px;
	margin-top: 50px;
	text-decoration:none;
	}
#cattext {
	position: relative;
	left: 20px;
	top: 37px;
	color: #666666;
	z-index: 10;
	}
	
/*#cat1 #cat2 #cat3 a {
	text-decoration:none;
	}*/
#bandeau {
	width: 707px;
	height: 35px;
	/*position: relative;
	top: 35px;*/
	background-color:#FF0099;
	filter:alpha(opacity=50);
	/*-moz-opacity:0.5;*/
	opacity: 0.5;
	/*z-index: 10;*/
	}
#retour1 {
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 14px;
	float:right;
	top: -45px;
	/*left: -60px;*/
	position:relative;
	height: 10px;
	}
#retour2 {
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 14px;
	float:right;
	top: -30px;
	left: 25px;
	position:relative;
	height: 10px;
	}
#retour3 {
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 14px;
	float:right;
	top: -15px;
	left: 137px;
	position:relative;
	height: 10px;
	}
#retour1 a {
text-decoration:none;
color:#666666;
}
#retour2 a {
text-decoration:none;
color:#666666;
}
#retour3 a {
text-decoration:none;
color:#666666;
}
