html, body {
height: 100%;
width: 100%;
}

body {
	font-size:13px;
	background-color:#000;
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	margin:0 auto; color:#fff
	}

a {
color: #fff;
text-decoration: none;
}

a:hover{
color: #ddd;
text-decoration: underline;
}

img {
 border:0px;
}

/*#wrap {
width:990px;
height:750px;
position:relative;
margin:0 auto;
}*/

/*HEADER*/
#header {
width:990px;
height:149px;
position:relative;
margin-right: auto;
margin-left: auto;
background-image:url(../images/header_bg.jpg); background-repeat:no-repeat
}

#centre {
width:990px;
height:auto;
position:relative;
min-height:600px; 
margin-right: auto;
margin-left: auto;
background-image:url(../images/central_bg.jpg); 
background-repeat: no-repeat;
}

#central_k{
width:990px;
position:relative;
height:auto;
min-height:600px; 
background-image:url(../images/central_bg2.jpg); 
background-repeat: no-repeat;
margin-right: auto;
margin-left: auto;
}


#pied {
width:990px;
margin-right: auto;
margin-left: auto;
height: 30px;
text-align:center
}



a.lien{ 
display:block; 
width:532px; 
height:265px; 
text-decoration:none;
} 


#menu_top {
position:absolute;
width:395px;
height:19px;
left:585px;
top:91px;
font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff;padding: 4px 0 2px 3px
}



ul{margin:0; padding:0; list-style-type:none;}
li{margin:0px; padding:0px;}


.menu {
z-index:1000;
font-size:85%;
margin:0px 15px 0 15px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
width:150px;
}
/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.menu li {
position:relative;
background:#430064;
height:18px;
margin-top:3px
}


/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:18px;
line-height:18px;
width:149px;
color:#fff;
text-align:right;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background:#430064; width:150px;}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#fff;}

.menu :hover > a {
color:#430064; 
background:#fff;
}



ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
font-size:11px
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #430064;
text-decoration: none;
}

#navlist a:hover
{
color: #430064;
background-color: #fff;
text-decoration: none;
}


#vignette {
	position:absolute;
	top:383px;
	color:#fff;
	width:950px;
	height:122px;
}



.ls_H4 {
	CLEAR: both; FONT-FAMILY: "Trebuchet MS",Arial, Tahoma, Verdana, sans-serif; LETTER-SPACING: 2px; color:#1B4F76;
	padding:0px; margin:0px
}

H2 {
	CLEAR: both; FONT-FAMILY: "Trebuchet MS", Helvetica, Arial, Tahoma, Verdana, sans-serif; LETTER-SPACING: -1px; color:#fff
}

.fotgal { 
	border:2px; 
	border-thickness: 2px; 
	border-color: #000; 
	border-style: solid;
	}

a:hover.fotgal, a:active.fotgal {border:2px; border-thickness: 2px; border-color:#FB7115; border-style: solid}

.inputout {
font-weight: normal;
background-color:#430064;
color:#fff; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px ;
border-style:inset;
border-bottom: #000000 1px solid;
border-left: #000000 1px solid;
border-right: #000000 1px solid;
border-top: #000000 1px solid;    
}