body {
	font: normal 62.5% arial, helvetica, sans-serif;
	background-color: black; 
	text-align: center;
	min-width: 760px;
}

a  { color: gray; text-decoration: none }

#main {
	margin:0 auto;
	padding-top:0px;
	width:760px;
	text-align: left;
}


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;	
	width: 760px; 
	font-size : 1.1em;
	background: black;
}

#nav a {
	display: block;
	width: 11.4em;
	color: white;
	background: black;
}

#nav a:hover {
	color:gray;
}

#nav li { /* all list items */
	float: left;
	width: 11.4em; /* width needed or else Opera goes nuts */
	line-height: 1.5em;
}

#lgswitch, #lgswitch a {
	text-align: right;
	color: gray;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 11.4em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	font-size : 1em;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}



#content {
	clear: both;
	color: #ccc;
	padding-top: 1px;
}

.textes {
margin : 70px 290px 10px 0;
font-size : 1.1em;
color: white;
}

.textes h2 {
font-size : 1.8em;
font-weight: bold;
}

.textes h3 {
font-size : 1.4em;
font-weight: bold;
}

a img {
border:1px #666 solid;
margin: 0 3px 3px 0;
}

#bg1  { 
	background-image: url(images/page01.jpg);	
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 760px; 
	height: 500px;
	padding-top: 1px;
}
#bg2  { 
	background-image: url(images/page02.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 760px; 
	height: 500px;padding-top: 1px;
	}
#bg3  { 
	background-image: url(images/page03.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 760px; 
	height: 500px;padding-top: 1px;
	}
#bg4  { 
	background-image: url(images/page04.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 760px; 
	height: 500px;padding-top: 1px;
	}
#bg5  { 
	background-image: url(images/page05.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 760px; 
	height: 500px;padding-top: 1px;
	}


/*body { 
	text-align: center;
	min-width: 720px;
	color: white; 
	font-size: 11px; 
	font-family: arial, helvetica, sans-serif; 
	background-color: black; 
	}
	
a  { color: gray; text-decoration: none }

#main {
	margin:0 auto;
	padding-top:17px;
	width:720px;
	text-align: left;
}

#menuDeroulant  { 
	height: 15px; 
	width: 720px; 
	margin : -22px -329px 0px -329px;
	padding: 0;
	position : absolute;
	left:50%;
	visibility: visible;
	list-style: none;
	z-index: 2;
}



#menuDeroulant a{
	display: block;
	width: 120px;
	_width: 100px;
	margin: 0; 
	padding: 0;
z-index: 2;}
	

#menuDeroulant li { 
	float: left; 
	width: 120px; 
	_width: 100px;
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	border: none;
}

#menuDeroulant li a:link, #menuDeroulant li a:visited { 
	display: block; 
	height: 1%; 
	color: #fff; 
	margin: 0; 
	padding: 4px 8px; 
	text-decoration: none; 
	z-index: 2;
}

#menuDeroulant li a:hover { 
	color: gray;
	z-index: 2;
}

#menuDeroulant li a:active { 
	background-color: #5F879D; 
	z-index: 2;
}

#menuDeroulant .sousMenu { 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	border: 0;
	position: absolute;
	width: 120px;
	_width: 100px;
	left: -999em;
	z-index: 2;
}

#menuDeroulant .sousMenu li { 
	float: none; 
	margin: 0; 
	padding: 0; 
	width: 120px; 
	_width: 100px;
	border-style: none; 
	z-index: 2;
}

#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited { 
	display: block; 
	color: #FFF; 
	margin: 0; 
	border: 0;
	width: 120px; 
	_width: 100px;
	text-decoration: none; 
	z-index: 2;
}

#menuDeroulant .sousMenu li a:hover { 
	color: gray; 
	z-index: 2;
}

#menuDeroulant li ul:hover, #menuDeroulant li.sfhover ul  { 
	left: auto;
	z-index: 2;
}

#menuDeroulant li:hover > .sousMenu {
	left: auto;
	z-index: 2;
}

p  { 
	font-size: 11px; 
	font-weight: normal; 
	margin: 1em 0;
}
	
a img, a:link img {
	border: solid 1px;
	color : gray;
	
}

a:visited img {
	border: solid 1px;
	color : gray;
	
}
	
h1  { 
	font-size: 10px; 
	font-weight: normal }

h2 { 
	font-size: 20px; 
	font-weight: bold;}

a:active { 
	color: olive }

a:hover { 
	color: olive }

h3 { 
	font-size: 14px; 
	font-weight: bold; 
	text-decoration: none; 
	margin: 1em 0 }

#layer2 { 
	height: 600px; 
	width: 400px; 
	left: 10px; 
	top: 80px; 
	position: absolute; 
	visibility: visible;
}

p, h1,h2,h3,#layer1, #layer2 {
	text-align : left;
}*/