/*
  INTERFACE ...
*/
html, body {
	margin:0;
	padding:0;
	height: 100%;
	width: 100%;
	background-color:#ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	overflow:hidden;
}

div#page{
	position:absolute;
	background : repeat-x top url(../imgs/top.png) ;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	z-index:2;
}

#left {
	position:absolute;
	margin:0;
	width: 40%;
}

#logo {
	margin : 30px;
}

#intro {
 background-color:#000;
 color:#fff;
 margin:300px 100px 0px 30px;
 padding:20px;
}

#right {
	position:absolute;
	background-color:transparent;
	margin-left: 40%;
	width: 60%;
	height:100%;
	overflow: auto;
}

div#rightBackground {
position:absolute;
float:left;
background-color:transparent;
padding:0px;
width:70%;
}
div#rightBackgroundLarge {
position:absolute;
float:left;
background-color:transparent;
padding:0px;
width:90%;
}



#conteneur {
	margin:0;
	padding:0;
	text-align:left;
	width:100%;
	background:transparent url(../imgs/border_left.png) repeat-y left top;
}

#sub_conteneur {
	background:transparent url(../imgs/border_right.png) repeat-y right top;
	margin:0;
	padding:0;
}

#mainContent {
 background-color:#fff;
 margin:0px 39px 0px 39px;	
}

#content {
padding:20px 2px 0px 2px;;
}



div#col1 {
	float: right;
	width: 200px;
	margin: 0px;
	padding: 5px 0px 0px 0px;
}

div#col2 {
	width: auto;
	padding: 5px 10px 5px 10px;
	margin: 0px 200px 0px 0px;
}

/*
  MENU ...
*/
#menucontainer{height:24px;background:#000;display:block;padding:127px 0 0 5px;}
#menu{position:relative;display:block;height:24px;font-size:11px;font-weight:bold;font-family:Arial,Verdana,Helvitica,sans-serif;}
#menu ul{margin:0;padding:0;list-style-type:none;width:auto;}
#menu ul li{display:block;float:left;margin:0 1px 0 0;padding:0;}
#menu ul li a{display:block;float:left;color:#fff;text-decoration:none;padding:5px 10px 0px 10px;height:19px;background:transparent url(../imgs/foxmenu_bg-OFF.gif) no-repeat top left;}
#menu ul li a:hover{color:#fff;background:transparent url(../imgs/foxmenu_bg-OVER.gif) no-repeat top right;}
#menu ul li a.current,#menu ul li a.current:hover{color:#000;background:#fff;}

/*
  BACKGROUNDs ...
*/

div#background  {
	position:absolute;
	width:100%;
	height:100%;
	margin: 0;
	padding: 0;
	z-index:1;
}

div#background img {
width : 100%;
height: 100%;
}



