/* CSS Document */

body {
	background: #F2F2F2;
}

#main {
	position: relative;
	}

#intro {
	position: absolute;
	height: 211px;
	width: 320px;
	top:110px;
	left:130px;
	padding: 10px 0 20px 0;	
	font: 13px/17px Arial, Helvetica, sans-serif;
	text-align: justify;
	vertical-align: bottom;
	color: #9B7696;
}

#bloc_gauche {
	height: 242px;
	width: 220px;
	top: 190px;
	left: 130px;
	position: absolute;
	visibility:visible; 
	overflow:hidden;
	z-index:100;
}

#bloc_centre {
	height: 330px;
	width: 260px;
	top: 190px;
	left: 370px;
	position: absolute;
	visibility:visible;
	overflow:hidden;
	z-index:100;
}

#bloc_droit {
	height: 330px;
	width: 240px;
	top: 190px;
	right: 65px;
	position: absolute;
	visibility:visible; 
	overflow:hidden;
	z-index:100;
}

/* scroll */

#dmx1Scroller {
	position:absolute; 
	left:0px; 
	top:0px; 
	width:250px; 
	height:310px; 
	visibility:visible; 
	overflow:hidden;
	z-index:100;
}

#dmx1Container {
	position:absolute; 
	left:0px; 
	top:0px; 
	width:250px; 
	height:310px; 
	visibility:visible; 
	overflow:hidden; 
}

#dmx1Content1 {
	position:absolute;
	left:0px;
	top:0px;
	width:95%;
	font: 12px/17px Arial, Helvetica, sans-serif;
	color: #828282;
	text-align: justify;
	padding-right: 10px;
	padding-left: 12px;	
}

#bloc_centre h1, #bloc_gauche h1, #bloc_droit h1 {
	color: #5B0246;
	text-align: left;
	font: bolder small-caps 18px/10px "Trebuchet MS", Arial, Verdana;
	text-transform: lowercase;
	margin: 10px 0 13px 0;
}

#dmx1Content1 a,  #bloc_gauche a, #bloc_droit a {
	color: #895C80;
	font: small-caps 14px "Trebuchet MS", Arial, Verdana;
	text-decoration: none;
	text-transform: lowercase;
	display: block;
	margin: 3px 0 3px 0;
}

#dmx1Content1 a:hover, #bloc_gauche a:hover, #bloc_droit a:hover {
	color: #FF9D00;
	text-decoration:none;
}

#dmx1Content1 p {
	margin: 2px 0 2px 0;
}


#defil_haut a {
	height: 41px;
	width: 38px;
	top: 195px;
	left: 585px;
	padding:0 0 27px 18px;
	position: absolute;
	font: small-caps 12px "Trebuchet MS", Arial, Verdana;
	text-decoration: none;
	text-transform: lowercase;
	background-color:orange;
	background: url(../images/defil_haut_vieprivee.gif) no-repeat right top;
	color: #895C80;
}

#defil_haut a:hover {
	background: url(../images/defil_haut_orange.gif) no-repeat right top;
	color: #FF9D00;	
}

#defil_bas a {
	height: 41px;
	width: 33px;
	top: 475px;
	left: 585px;
	padding:27px 0 0 18px;
	position: absolute;
	font: small-caps 12px "Trebuchet MS", Arial, Verdana;
	text-decoration: none;
	text-transform: lowercase;
	background: url(../images/defil_bas_vieprivee.gif) no-repeat right top;
	color: #895C80;
}

#defil_bas a:hover {
	background: url(../images/defil_bas_orange.gif) no-repeat right top;
	color: #FF9D00;	
}


/* nav */

#nav {
	height: 24px;
	width: 750px;
	top: 548px;
	left: 190px;
	position: absolute;	
}