@charset "utf-8";
/* CSS Document */

body{
	background-image:url(../images/globalbackground.jpg);
	background-repeat:repeat-x;
	margin:0px;
	font-family:"Trebuchet MS",Tahoma, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	}
h2 {
	color:#f5bd39;
	font-size:13px;
	}
	
a, visited {
	color:#f5bd39;
	text-decoration:underline;
	}
a:hover {
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:underline;
	}

#global{
	position:relative;
	top:0px;
	left: 0px;
	background-color:#2f3539;
	background-image:url(../images/background3.jpg);
	background-repeat:no-repeat;
	border-left:thin solid #000000;
	border-right:thin solid #000000;
	width:675px;
	min-height:850px;
	height:auto;
	padding-left:275px;
	padding-top:25px;
	margin:auto;
	margin-bottom:0px;
	min-height:100%;
	}
/**********************************  CSS du menu  ****************************************************/
#menu {
	top:0px;
	left:0px;
	width:655px;
	height:100px;
	margin: 0 ;
	padding: 0 ;
	overflow: hidden ;	
	list-style: none ;
	display:inline-block;
	z-index:100000;
	}


#menu li {
	float:left;
	}
	
#menu li  a, visited {
	display:block;
	width:138px;
	height:36px;
	padding:30px 10px 30px 10px;
	text-align:center;
	color:#f5bd39;
	font-size:16px;
	text-decoration:none;
	border: thin solid transparent;
	}
#menu li  a:hover {
	display:block;
	width:138px;
	height:36px;
	padding:30px 10px 30px 10px;
	border:thin solid #f5bd39;
	text-align:center;
	color:#FFFFFF;
	font-size:16px;
	text-decoration:none;
	font-weight:normal;
	}	
.menu_on  {
	display:block;
	width:138px;
	height:36px;
	padding:30px 10px 30px 10px;
	border:thin solid #f5bd39;
	text-align:center;
	color:#FFFFFF;
	font-size:16px;
	text-decoration:none;
	font-weight:normal;
	cursor:pointer;
	}
	
/*************************************************************************************************************/

/****************** partie entre le menu et le footer */
#contenu{
	width:618px;
	height:auto;
	min-height: 658px;
	top:10px;
	margin-left:18px;
	}
	
/****************** filigrane + titre en blanc & majuscules */
#titre {
	top: 0px;
	left:0px;
	width: 620px;
	height:92px;
	text-transform:uppercase;
	text-align:left;
	font-size:15px;
	font-style:italic;
	color:#FFFFFF;
	z-index:1;
	overflow:hidden;
	}

/****************** 1è zone de contenu en dessous du filigrane */	
#part1 {
	width: 621px;
	height: auto;
	margin-top:40px;
	left:0px;
	text-align:left;
	}
	
/****************** 2è zone de contenu,  en dessous de part1 */	
#part2 {
	width: 621px;
	height: auto;
	margin-top:40px;
	text-align:left;
	}
	
#solutions{
	margin-top:50px;
	margin-left:-255px;
	display:block;
	width: 876px;
	height:auto;
	}	

#proximite{
	width:100%;
	height:70px;
	}
#footer {
	margin-top:30px;
	left:0px;
	width:620px;
	height:70px;
	text-align:center;
	}


/**************************** Eléments en position absolute  */

#adresse {
	position:absolute;
	top:550px;
	left:38px;
	font-size:15px;
	display:none;
	}
#label2008 {
	position:absolute;
	top:100px;
	left:100px;
	background-color:#FFFFFF;
	width:305px;
	height:455px;
	font-size:12px;
	z-index:100;
	text-align:center;
	border: thin solid #f5bd39;
	cursor:pointer;
	color:#000000;
	}
#plan_acces{
	position:absolute;
	top:50px;
	left:100px;
	width:710px;
	height:710px;
	text-align:center;
	background-color:#FFFFFF;
	border:thin solid #f5bd39;
	display:none;
	cursor:pointer;
	z-index:10000;
	}
#panneau {
	position:absolute;
	top:175px;
	left:575px;
	}
#lfg {
	position:absolute;
	bottom:3px;
	left:0px;
	width:100px;
	height:90px;
	}	
	
/********************** classes */
	.soustitre {
	text-align:left;
	color:#b3b3b3;
	font-weight:bold;
	font-size:15px;
	width:100%;
	height:10px;
	}
	.trait {
		width:100%;
		height:1px;
		background-color:#f5bd39;
		}
	.vignette2{
		border:thin solid #f5bd39;
		}
	.vignette{
		border:thin solid #b3b3b3;
		}