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

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

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

#backgroundlink {
	position:								absolute;
	top:										275px;
	left:										0px;
	width:									100%;
	height:									97px;
	display:								block;
	background: 						transparent url('../pics/background-link.png') repeat-x top left;
	z-index:								1;
	}

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

#topPage {
	width:									660px;
	padding:								180px 0px 0px 240px;
	}

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

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

#topPage h2 {
	clear:									both;
	display:								block;
	padding:								0px 20px 0px 500px;
	font-size:							10px;
	color:									#FFFFFF;
}

#bottomPage {
	height:									80px;	}

.spacer{
	clear: 									both;
	}

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

#navigation {
	width:									900px;
	padding:								0px;
	margin:								0px;
	list-style: 							none;
	}

a.linknavigation {
	float:										left;
	height:									18px;
	color:									#FFF;
	padding:								0px 10px 0px 10px;
	font-weight:						bold;
	text-decoration:				none;
	text-transform:					uppercase;
	display:								block;
	border-left:							1px solid #E0D797;
	}

a.firstlink {
	border:									0px;
	}




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

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

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

#footer {
	position: 							absolute;
	width: 									350px;
	height:									60px;
	left:										500px;
	text-align: 							left;
	visibility: 							hidden;
}

#footer a {
	color: 									#E00000;
}

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

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

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


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

#title {
	font-size:							48px;
	color: 									#566347;
	margin:								30px 0px 0px 30px;
	}

#title span {
	display:								none;
	}

#accroche {	
	color: 									#E00000;
	margin:								0px 0px 0px 30px;
	}

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

/* *********************************** 	*/
/* 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 53px 5px;
	text-align:							right;
	font-size:							10px;
	}

.addimage .imgs a, 
.paragraphe .imgs a,
.porfolioParagraphe .imgs a {
 	color:									#E00000;
	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 {
	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;
	}
#logis  {
		position: absolute;
		top:			297px;
		right:			192px;
	}