@charset "utf-8";
/* Positionnement des photos mannequins - gauche et droite */
#mannequin{
	position:absolute;
	left:0px;
	height:100%;
	bottom:0px;
	width:600px;
	z-index:1;
}
#mannequin2{
	position:absolute;
	right:0px;
	bottom:0px;
	height:100%;
	text-align:right;
	z-index:1;
}
	#mannequin2 img,
	#mannequin img{
		height:100%;
		width:auto;
	}
/* Styles de mise en forme de la structure du contenu */
#content {
		background: url('../images/page-background.jpg') no-repeat center;
}
#content #contentWrapper {
	position:relative;
	width:1022px;
	margin:auto;
	z-index:2;
}
#content div.chemin,
#content div.chemin a{
	font-size:10px;
	color:#838383;
	text-transform:uppercase;
	margin-bottom:32px;
	text-decoration: none;
}
#content ul.catMenu{
	margin:0;
	margin-bottom:15px;
	padding:0;
	width:auto;
}
	#content ul.catMenu li{
		line-height:15px;
		height:15px;
		margin-bottom:2px;
		list-style-type:none;
	}
	#content ul.catMenu li a{
		background:transparent url('../images/content-menu-background.png') no-repeat left top;
		line-height:15px;
		font-size: 12px;
		padding:0px 10px;
		color:#9f9f9f;
		text-decoration:none;
		text-transform:uppercase;
	}
	#content ul.catMenu li a.actif{
		background:transparent url('../images/content-menu-background.png') repeat-x left top;
		color:#FFFFFF;
	}
#content #textContent{
	width:430px;
	position:absolute;
	z-index:10;
	left:396px;
	top:90px;
	font-size:13px;
}
#content #textDrhContent{
	width:430px;

	left:396px;
	top:90px;
	font-size:13px;
}
#content #textPopupContent{
	width:430px;
	left:396px;
	top:90px;
	font-size:13px;
}

#content #textContent h1{
	font-weight:bold;
	font-size:14px;
	color:#000000;
	line-height:20px;
	border-bottom:5px solid #000000;
	width:200px;
	text-transform:uppercase;
}
#content #textContent h2.upper{
	font-size:12px;
	color:#999999;
	line-height:18px;
	text-transform:uppercase;
	font-weight:normal;
}

	#content #textContent p.upper{
		text-transform:uppercase;
	}
	#content #textContent p{
		font-size:11px;
		line-height:14px;
	}
	#content #textContent li{
		font-size:11px;
	}

	#content #textContent div.hr{
		height:2px;
		background-color:#000000;
		margin:20px 0px;
	}
	#content #textContent h2{
		font-size:13px;
		font-weight:bold;
		color:#000000;
		margin-bottom:10px;
		text-transform:uppercase;
	}
#content #flashcontent{
	margin:90px 0px 30px 0px;
}

/* Styles de mise en forme de la scrollbar DHTML */
#content #scrollContent{
	outline:none;
}
#content #scrollDrhContent{
	outline:none;
}

.jScrollPaneTrack{
	position:absolute;
	top:15px;
	right:0px;
	background:transparent url(../images/scroll-background.png) no-repeat top left;
}
.jScrollArrowUp{
	position:absolute;
	top:0px;
	right:0px;
	width:15px;
	height:7px;
	text-indent:-100px;
	overflow:hidden;
	background:transparent url(../images/scroll-top.png) no-repeat top left;
}
.jScrollArrowDown{
	position:absolute;
	bottom:0px;
	right:0px;
	width:15px;
	height:7px;
	text-indent:-100px;
	overflow:hidden;
	background:transparent url(../images/scroll-bottom.png) no-repeat top left;
}
.jScrollPaneContainer {
	overflow:hidden;
	position:relative;
	outline:none;
}
.jScrollPaneDrag{
	background:transparent url(../images/scroller.png) repeat-y top left;
	cursor:pointer;
	overflow:hidden;
	position:absolute;
	top:15px;
	right:0px;

}