body
{
	padding: 0;
	margin: 0;
	background: #fff url(diz/bg-pah.jpg);
	background-repeat: no-repeat ; background-position: center; background-attachment: fixed ; 
	color: #000;
	font-family: verdana, helvetica, tahoma, arial, sans-serif;

}



img

{

	border: 0;

}



a

{

	text-decoration: none;
	color: #FF80A8;

}



a:hover

{

	text-decoration: none;
	color: #FFF;

}



#centrecontainer

{

	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;

}



#outercontainer

{

	margin-left: -490px;
	position: absolute;
	top: -300px;
	left: 50%;

}



#header

{ 

	width: 980px;
	height: 175px;
	margin: 0;
	padding: 0;
	background: #fff url(diz/mende-et-lot.jpg) no-repeat;

}



#menu {

font-family: "Trebuchet MS", verdana, helvetica, tahoma, arial, sans-serif;
color: #FFFFFF;
width: 980px;
height: 25px;
font-size:20px;
font-weight: bold;
margin: 0;
padding: 0;
background:#000000;

}



#menu ul {

margin: 0;

padding: 0;

float:left;

list-style-type:none; 

}



#menu li {

margin: 0;

padding: 0;

float:left;

list-style-type:none;

}



#menu li a {

display:block;

padding:0 22px;

color: #FFFFFF;

text-decoration:none;

}



#menu li a:hover {

color: #f4d710;

text-decoration:none;

}



#menu li a.menu_current{

color: #f4d710;

}





#container    

{ 

	width: 980px;

	height: 390px;

}



#containerup

{

	float: left;

	height: 50px;

}



#containerup a

{

	text-decoration: none;

	color: #FFF;

}



#containerup a:hover

{

	text-decoration: none;

	color: #FF80A8;

}



#containerup h2

{

	margin: 0;

	padding: 0;

	font-family: verdana, helvetica, tahoma, arial, sans-serif;

	letter-spacing: -3px;

	text-align: right;

}



#containerdown

{

  font-family: verdana, helvetica, tahoma, arial, sans-serif;

  font-size:12px;

	float: left;

	width: 950px;

	height: 390px;

	background: transparent;

	margin: 0px 0px 15px 0px;

	padding: 0px;

}



#containerdown h1

{

	margin: 0px 0px -10px 0px;

	padding: 15px 0px 0px 0px;

	font-family: "Trebuchet MS", verdana, helvetica, tahoma, arial, sans-serif;

	font-size: 26px;

	color:#ffc000;

}



#containerdown a

{

  text-decoration: underline;

	color: #23518f;

	font-weight:bold;

}



#containerdown a:hover

{

  text-decoration: none;

	color: #23518f;

	font-weight:bold;

}





/**************************************************DEBUT DE SCROOLBAR************************************/



/* Scroll Bar Master Styling Starts Here */



/* All comments can be freely removed from the css */







.scrollgeneric {



line-height: 1px;



font-size: 1px;



position: absolute;



top: 0; left: 0;



}







.vscrollerbase {



width: 10px;



background-color: white;



padding:1px;



}



.vscrollerbar {



width: 10px;



background-color: #f5ae3d;



border:1px solid #ffffff;



}



.hscrollerbase {



height: 10px;



background-color: white;



}



.hscrollerbar {



height: 10px;



background-color: black;



}







.scrollerjogbox {



width: 10px;



height: 10px;



top: auto; left: auto;



bottom: 0px; right: 0px;



background-color: gray;



}



#mycustomscroll {



/* Typical fixed height and fixed width example */



width: 900px;



height: 330px;



overflow: auto;



/* IE overflow fix, position must be relative or absolute*/



position: relative;



margin: 0.3em auto;



padding: 15px;



padding-top:5px;



}

#mycustomscroll  ul li strong{



	color:#4a74b0;



}

#mycustomscroll  ul li u{



	color:#4a74b0;



}

/**************************************************FIN DE SCROOLBAR************************************/



#headertop

{

	width: 980px;

	text-align: center;

	padding: 5px 0px;

	color: #000000;

	font-size:10px;

}



#headertop a

{

	text-decoration: none;

	color: #000000;

}



#headertop a:hover

{

	text-decoration: none;

	color: #000000;

}



#footer

{

	width: 980px;

	text-align: center;

	padding: 5px 0px;

	color: #000000;

	font-size:10px;

}



#footer a

{

	text-decoration: none;

	color: #000000;

}



#footer a:hover

{

	text-decoration: none;

	color: #000000;

}