/* CSS Document */
/* GLOBAL */

body 	{
	width: 1020px;
	height: 100%;
	font-size: 83%; 
	line-height: 173%; 
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; 
	color: silver;
	background-color: #000;
	background-image: url('../media/images/stock_vertical.png'); 
	background-repeat: no-repeat; 
	background-position: top left;
	}


#enseigne-map {
	POSITION: absolute; 
	left: 200px; 
	top: 30px;
	width: 211px;
	}


h1 		{
	margin-top: 134px;
	font: normal 1.8pc Garamond, serif; color: #fff;
	text-align: center;
	padding-left: 250px;
	}

#conteneur {
position: absolute;
top: 200px;
left: 120px;
width: 800px;
margin-left: 120px;
margin-bottom: 180px;
padding-right: 2px;
padding-bottom: 10px;
background-color: #222;
border: 0.02em solid silver;
}

p 		{
line-height: 165%;
}

.nav 	{
		padding: 0; 
		margin: 50px 0 0 70px;
		font-family: Arial, Helvetica, Sans-Serif;
		overflow: visible; 		
		}
		
.nav ul {		
		display: block;
		list-style: none;
		margin: -11px 0; padding: 0;
		border: 0;
		}
		
/* HACK >>> IE 5  Positioning with position relative <ul> Part I */
html + body .nav ul {
position: relative; 
top: -10px;
}

/* HACK >>> first margin for IE 6, after voice-family the hacks for gecko-based browsers and IE 5 (Win & Mac?) */
.nav ul li 	{
			position: relative; 
			top: 0px; left: -11px;
			margin: 10px 0 5px 0; 
			padding: 0; 
			border: 0;			
			margin: 10px 0 5px 10px; 
			}
			
/* HACK >>> IE 5  Positioning with position relativ, display: inline fixes an ugly margin-effect in IE 5 */
html + body .nav ul li {
display: inline; 
width: 100%; 
position: relative; 
top: 0px; 
left: -12px; 
margin: 10px 0 5px 0;
}

.nav a, .nav a:visited {
				width: 18.4em; 
				height: 1.5em;
				display: block; 
				margin: 0 0 0 3px; 
				padding: 1px;
				font-weight: bold; 
				font-size: 110%; 
				line-height: 1.5em;
				text-indent: 0.5em; 
				text-align: left; 
				text-decoration: none;				
				margin: 0 0 0 -10px;
				}

/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body .nav a, html + body .nav a:visited { 
text-indent: 0; 
padding: 0 0 0 8px; 
}

.nav ul ul {	
			padding: 12px 0 18px 0;
			background: none;
			}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .nav ul ul {
position: relative; 
top: 0px;
 }
				
.nav ul li li	{
			position: relative; 
			top: 0px; 
			left: 10px;
			margin: 10px 0 5px 1px; 
			padding: 0 0 0 25px;			
			left: 0px;
			/* margin: 10px 0 5px 1px; padding: 0 0 0 25px; */
			}
			
/* HACK >>> IE 5  */
html + body .nav ul li li {
position: relative; 
left: 12px; 
margin: 10px 0 5px 0;
}

.nav ul li  {
			/* position: relative; top: 0px; left: 10px; */ 			
			margin: 10px 0 0 1px; 
			/* padding: 0 0 0 25px; */			
			position: relative; 
			top: 0px; 
			left: 0px;
			}

.nav ul ul a, .nav ul ul a:visited 	{
					width: 15.9em; 
					height: 1.3em;
					margin: 0; 
					/* padding: 1px; */
					font-size: 110%; 
					line-height: 1.3em; 
					font-weight: normal; 
					text-indent: 0.4em; 
					}

.nav ul ul ul {
margin: 0 0 30px 12px; 
padding: 12px 0 0 0;
}

.nav ul li li li	{
			position: relative; 
			top: 10px; 
			left: 0px;
			margin: 10px 0 5px 0; 
			padding: 0 0 0 20px; 
			}

/* 1 Pixel Difference position relative <ul> for gecko-based Browsers */
html>body .nav ul li li li {
top: 10px;
}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .nav ul li li li {
top: 14px;
}
																		
.nav ul ul ul a, .nav ul ul ul a:visited 	{
					width: 14.9em;
					padding: 1px;
					font-size: 100%;
					}
					
/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body .nav ul ul a, html + body .nav ul ul a:visited {
text-indent: 0; 
padding: 0 0 0 8px; 
}

/* ### Global Settings >>> colors, borders and images  ### */
.nav 	{ 
border: 0; 
border-left: 0.01em solid #2A71E4; 
}
.nav ul li li	{
color: #555; 
}	
.nav ul ul ul {
border-left: 1px solid #2A71E4; 
}

.nav a, .nav a:visited {
color: #FFF; border: 1px solid #2A71E4; 
background: #343434; 
}				
.nav a:active, .nav a:hover, .nav a:focus,  a:focus .sffocus 	{
color: #555; 
border: 1px solid #555; 
background: #FAFAFA;
}			
.nav ul ul a, .nav ul ul a:visited 	{
color: #FFF; 
border: 1px solid #9292A1;
background: #565656;
}			
.nav ul ul a:active, .nav ul ul a:hover, .nav ul ul a:focus	{
color: #555; 
border: 1px solid #555;	
background: #FAFAFA; 
}
	
#bas {
background: #000; 
position: absolute;
top: 600px;
left: 0; 
width: 800px;
height: 20px;
margin-bottom: 200px;
}

*/ 
