/* ******************
   Html et body
******************* */
html {
	font : 80%/1.7em "Lucida sans unicode", Lucida, Tahoma, Arial, sans-serif;
	color : black;
	background : #7f9fd2 url("img/background.jpg") fixed center top no-repeat;
	margin : 0;
	padding : 0;
}
body {
	height : 768px;
	margin : 0;
	padding : 0;
}

h1 {font-size : 1.8em;}
h2 {font-size : 1.2em;}
h3 {font-size : 1.1em; margin : 0; padding: 0}
p {margin : 0; padding: 0}
a {color : #517CA1; text-decoration: none;}
a:hover {color : green;}

/* ******************
   	     TOP
******************* */

#top {
	font-size: 1.4em;
	color: white;

	height : 60px;
	margin-top : 0px;
	padding-top : 10px;

	text-align: center;
}

#menu {
	position:relative;
	top: 0px; 
	font : 74%/1.8em "Lucida sans unicode", Lucida, Tahoma, Arial, sans-serif;
	background : url(img/fond_menu.gif) no-repeat;
	width: 611px;
	height : 70px;
	color : #626262;
	margin : 0 auto;
}

#menu ul {
	margin : 0 auto;
	padding-top : 20px;
	padding-left : 50px;
	list-style-type : none;
}
#menu li {
	float : left;
	width: 83px;
	height: 32px;
	margin: 0 1px 0 0;
}
#menu li a {
	display : block;
	padding : 0 0 0 0;
	color :  white;
	text-decoration : none;
	font-weight : bold;
	text-transform : uppercase;
	font-size : 0.85em;
	letter-spacing : 1px;
	text-align: center;
}
#menu li a:hover {
	padding : 0px 0 0 0;
	font-weight: bold;
	height : 34px;
	color : white;
	background : url(img/hover_menu.gif) no-repeat;
}


/* ******************
	Content
******************* */
#topContent
{
	clear : both;
	background : url(img/topContent.gif) no-repeat center;
	height : 56px;

	/* Transparence pour IE */
	filter : alpha(opacity=80);
	/* Transparence pour les vrai navigateurs :-) */
	-moz-opacity:0.75;
   	-khtml-opacity: 0.75;
	opacity: 0.75;
}

#content
{
	clear : both;
	width : 645px;
	
	background: url(img/fond.png);

	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;

	padding-top: 10px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom : 20px;
}

#content #mapviewer
{
	text-align : center;
}

#bottomContent
{
	width:645px;
	margin : auto;
	/*padding: 5px 28px 30px 30px;*/
	padding-top: 10px;
	padding-left: 26px;
	padding-right: 25px;
	padding-bottom : 20px;
	clear : both;
	background : url(img/bottomContent.gif) no-repeat; 
	height : 117px;

	/* Transparence pour IE */
	filter : alpha(opacity=85);
	/* Transparence pour les vrai navigateurs :-) */
	-moz-opacity:0.75;
   	-khtml-opacity: 0.75;
	opacity: 0.75;
}

#footerContent
{
	clear : both;
	width : 655px;
	height: 10px;
	
	background: url(img/footerContent.jpg) repeat-y;

	margin-top: 0;
	margin-left: auto;
	margin-bottom: 0;
	margin-right: auto;
}

/* ******************
	Footer
******************* */

#footer
{
	color: black;
	text-align: center;
}

#footer a
{
	color: black;
	text-align: center;
}