/* ************************************* */
/* PAGE HTML													*/
/* ************************************* */

html, body {
	width: 									100%;
	height: 								100%;
	margin: 								0px;
	padding: 							0px;
	font-family: 						Arial, Helvetica, sans-serif;
	font-size: 							12px;
	color:									#FFF;
	}

body {
	background: 						#D4CDA1 url('../pics/background.gif') repeat-y top center;
 }

.hr {
	height:									34px;
	border:									0px;
	margin:								0px;
	padding:								0px;
	background: 						transparent url('../pics/background-hr.gif') no-repeat top center;
 }

ul {
	list-style:	none;
}

li {
	padding-left:						13px;
	background: 						transparent url('../pics/background-li.gif') no-repeat 0px 4px;
}

#content {
	position:								relative;
	left:										0px;
	top:										0px;
	width:									900px;
	margin:								0px auto 0px auto;
	z-index:								2;
	}

#topPage {
	position:								absolut;
	top:										0px;
	left:										0px;
	height:									182px;
	display:								block;
	z-index:								1;
	}

#topPage a.logo {
	width:									1008px;
	height:									182px;
	display:								block;
	margin:								0px auto 0px auto;
	background: 						transparent url('../pics/logo.png') no-repeat top left;
	}

#topPage a.logo span {
	display:								none;
	}


#bottomPage {
	height:									80px;
	}

.spacer{
	clear: 									both;
	}

/* ************************************* */
/* TREE																*/
/* ************************************* */

#navigation {
	width:									850px;
	height:									50px;
	padding:								10px;
	margin:								10px;
	background: 						transparent url('../pics/background-link.gif') repeat-x top left;
	}

a.linknavigation {
	color:									#EE8233;
	padding:								0px 10px 0px 10px;
	margin:								10px;
	font-weight:						bold;
	text-decoration:				none;
	background-color:			#463938;
	}

a.firstlink {
	border:									0px;
	}




/* ***********************************	*/
/* SIGNATURE												*/
/* ***********************************	*/

#sign {
	position:								absolute;
	top:										0px;
	left:										20px;
	z-index:								100;
}

/* ***********************************	*/
/* REFERENCEMENT								*/
/* ***********************************	*/

#footer {
	position: 							absolute;
	margin-left:						15px;
	width: 									850px;
	height:									60px;
	left:										0px;
	text-align: 							left;
	padding:								0px 10px 0px 10px;
	visibility: 							hidden;
}

#footer a {
	color: 									#FFF;
}

/* ************************************* */
/* NAVIGATION													*/
/* ************************************* */

a.upNavigation{
	margin-top:						30px;
	margin-left:						30px;
	text-align:							right;
	font-size: 							10px;
	font-style: 							normal;
	color: 									#FFF;
	text-decoration: 				none;
	font-weight: 						bold;
}

#subNavigation {
	padding:								0px;
	margin:								0px 0px 30px 30px;
	list-style: 							none;
	}


#subNavigation a {
	float:										left;
	color: 									#FFF;
	text-decoration: 				none;
	margin:								0px 30px 0px 0px;
	}

#title {
	float:left;
	height:									33px;
	font-size:							20px;
	color: 									#FFF;
	font-weight:						normal;
	text-transform:					uppercase;
	margin-left:						30px;						
	background: 						transparent url('../pics/background-starttitle.gif') no-repeat top left;
	}

#title div{
	margin-left:						10px;
	padding-top:						3px;
	padding-right:					13px;
	height:									33px;
	background: 						transparent url('../pics/background-title.gif') no-repeat top right;
}

#accroche {	
	color: 									#EE8233;
	margin:								10px 0px 10px 30px;
	}

#accroche a {
	font-style: 							italic;
	color: 									#EE8233;
	}

/* *********************************** 	*/
/* CLASSTEXT													*/
/* *********************************** 	*/

img {
	border: 								0px;
	}

.paragraphe {
	clear:									both;
	margin:								0px 0px 0px 30px;
	}

.addimage .imgs img, 
.paragraphe .imgs img,
.porfolioParagraphe .imgs img{
	margin-bottom:				5px;

	}

.addimage .imgs,
.paragraphe .imgs,
.porfolioParagraphe .imgs {
 	margin-bottom:				12px;
	padding:								5px 5px 13px 5px;
	text-align:							right;
	font-size:							10px;
	background-color:			#FFF;
	}

.addimage .imgs a, 
.paragraphe .imgs a,
.porfolioParagraphe .imgs a {
 	color:									#EE8233;
	text-decoration:				none;
	}

.addimage {
	margin:								0px auto 0px auto;
	}

.rightText {
	float:										right;
	width:									475px;
	margin-bottom:				10px;
	}

.leftText {
	float:										left;
	width:									475px;
	margin-bottom:				10px;
	}

.longText {
	display:								block;
	margin:								0px 0px 0px 30px;
	}

.longText a, 
#rightText a, 
#leftText a{
	color:									#E00000;
	text-decoration:				none;
	}

a.zoom {
	color:									#000;
	display:								block;
	padding:								0px 20px 0px 0px;
	background: 						transparent url('../pics/zoom.gif') no-repeat top right;	
	}

/* ***********************************	*/
/* CLASSPORTFOLIO					*/
/* ***********************************	*/

.porfolioParagraphe {
	float:										left;
	width:									260px;
	margin:								0px 0px 0px 30px;
}

#fla1 {
	margin-left:						50px;
	}