/*****************************************************/
/*                      CSS							 */
/*****************************************************/


*{
	margin:						0;
	padding:					0;
	text-decoration:			none;
	text-align:					justify
	}
html, body {
	background:					url("../sfx/bodybg.jpg") repeat-x;
	height:						100%;
	margin:						0;
	padding:					0;
	color:						#676767;
	font-family:				"Trebuchet MS", Tahoma;
	font-size:					12px;
}

a{	color:						#000;}
a:hover{color:					#676767;}

a.lien-plus{	color: #000; font-weight: bold; text-decoration:underline;}
a.lien-plus:hover{color: #676767; font-weight: bold; text-decoration:none;}

h1{	margin:						0;}

h1 a {
	position:					absolute;
	background:					url(../sfx/header_bg.jpg) no-repeat;
	height:						77px;
	width:						100%;
	text-indent:				-5000px;
	}
h2{
	color:						#b2cc44;
	font-size:					20px;
	width:						622px;
	margin-left:				-1px !important;
	margin-left:				20px;
	background: 				url(../sfx/h2_bg.jpg) no-repeat ;
	padding-top:	 			35px;
	padding-left:				20px;
	}
h3{
	margin:						15px 0;
	padding:					5px 0px 0px 10px;
	background: 				url(../sfx/h3_bg.jpg) no-repeat;
	height:						30px;
	width:						600px;
	font-size: 					14px;
	}

h3 a {color:					#676767;}
h4 {
	background-image: url(../images/puce-titrage.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	margin-bottom: 10px;
	padding-left: 20px;	
	}
a img {border:					0;}
	
	
	
	
	
	
/****************************************************** 
/*                      Container
******************************************************/
#maxiContainer{
	width:						100%;
	margin:						0px;
	min-height:	 				100%;
	min-width:					850px !important;
	position:					relative;
	background: 				transparent url(../sfx/main_bg.png) 209px repeat-y !important;
	background: 				transparent url(../sfx/main_bg.gif) 230px repeat-y ;
	}
	
* html #maxiContainer {height:	100%;}	

#container{
	display:					block;
	width:						640px !important;
	width:						640px;
	margin:						0px 0px 0px 210px;
	padding-top:	 			78px;
	color:						#56662e;
	min-height:	 				100%;
	margin-bottom:				-10px;
/*	background: 				transparent url(../sfx/main_bg.png) center repeat-y !important;
	background: 				transparent url(../sfx/main_bg.gif) 20px repeat-y;
*/	}

#main{
	width:						600px;
	padding:				 	30px 21px 0px 21px;
	margin-left:				0px !important;
	margin-left:				25px;
	}

#fin {
	clear:						both;
	padding-bottom: 			170px;
	}










/****************************************************** 
/*                      COLONNE GAUCHE
******************************************************/

#colG{
	position:					absolute;
	width:						200px;
	display:					block;
	/*background-color:			#e9ecd9;*/
	margin-top:					230px;
	margin-left:				-200px;
	clear:						both;
	}	









/****************************************************** 
/*                      MENU
******************************************************/
	
#onglet {
	position:					absolute;
/*	margin:						54px 0px 0px -300px; 
	margin-top:					55px;
	right:						0;
	text-indent:  				-5000px;
*/
	top : 						54px;
	right : 					80px;
	height:						50px;
	}
#onglet ul {
      margin:					0;
      padding:	  				0 10px 0;
      list-style-type:			none;
	}
#onglet li {display: 			inline;}
#onglet a {
	text-indent:  				-5000px;
	  text-decoration:			none;
	  float:					right;
      display:					block;
	  padding:				 	0;
	}
#flag-fr{
	height:						24px;
	width:						30px;
	background:					url(../sfx/flag-fr.gif) no-repeat;
	}
#flag-en{
	height:						24px;
	width:						20px;
	background:					url(../sfx/flag-en.gif) no-repeat;
	}
#contact{
	height:						24px;
	width:						86px;
	background:					url(../sfx/contact.png) no-repeat;
	}
#actualites{
	height:						24px;
	width:						87px;
	background:					url(../sfx/actualites.png) no-repeat;
	}
#secu{
	height:						24px;
	width:						74px;
	background:					url(../sfx/secu.png) no-repeat;
	}
#metiers{
	height:						24px;
	width:						94px;
	background:					url(../sfx/metiers.png) no-repeat;
	}
#chiffres{
	height:						24px;
	width:						99px;
	background:					url(../sfx/chiffres.png) no-repeat;
	}
#entreprise{
	height:						24px;
	width:						99px;
	background:					url(../sfx/entreprise.png) no-repeat;
	}
#accueil{
	height:						24px;
	width:						71px;
	background:					url(../sfx/accueil.png) no-repeat;
	}

#onglet a:hover {background-position:				0 -24px;}
#onglet a.current {background-position:				0 -48px;}
#onglet a.current:hover {background-position:		0 -48px;}











/****************************************************** 
/*                      FOOTER
******************************************************/

#footer {
	border-top:					#e6e6e6 1px;
	position:					absolute;
	color:						#8e8e8e;
	bottom:						0;
	left:						0;
	background:					url(../sfx/footer_droite.jpg) repeat-x;	
	min-width:					1000px !important;
	width:						100%;
	margin:						0;
	height:						160px;
	}
	
#footer_gauche{
	margin:						0px 0px 0px 0px;
	margin-left:				0 !important;
	margin-left:				0px;
	height:						160px;
	width:						40%;
	background: 				url(../sfx/footer_gauche.jpg) repeat-x;
	}
	
#footer_container{
	height:						160px;
	width:						642px;
	margin:						-160px 0px 0px 209px !important;
	margin:						-160px 0px 0px 230px;
	background:					url(../sfx/footer_vague.jpg) right top no-repeat;
	}
	
#fooPdf{
	height:						280px;
	width:						160px;
	margin-top:					-120px;
	margin-left:				-145px;
	position:					absolute;
	}
#fooPdf a {text-indent:			-5000px;}

.foo{
	width:						230px;
	float:						right;
	margin-right:				30px;
	margin-top:					30px;
	margin-bottom:				0;
	text-align:					left;
	}

.foo div{
		background:					url(../sfx/foo_btn_bg.gif) repeat-x bottom;
	height:						23px;
	}
.foo ul{
	list-style-type:			none;
	font-size:					10px;
	}

.foo ul a{color:				#999999;}
.foo ul a:hover{color:			#000;}











/****************************************************** 
/*                      CONTENU
******************************************************/

.mainColl{
	float:						left;
	width:						275px;
	margin-right:				22px;
	}

.colContainer{
	display:					block;
	overflow:					hidden;
	}


#main ul{list-style-type:		none}
#main li{margin-left:			20px}

#colG ul{list-style-type:		none}
#colG li{
	margin-left:				10px;
	font-size:					10px;
	}

.fiche{
	background:					url(../sfx/fiche_bg.jpg) no-repeat;
	width:						275px;
	height:						61px;
	}
.ficheGrandeBox{
	background:					url(../sfx/fiche_bigbox_bg.jpg) no-repeat;
	width:						275px;
	height:						90px;
	}
.ficheTresGrandeBox{
	background:					url(../sfx/fiche_verybigbox_bg.jpg) no-repeat;
	width:						275px;
	height:						120px;
	}

.ficheSV{
	background:					url(../sfx/fiche_bg.jpg) no-repeat;
	width:						275px;
	height:						61px;
	}
.ficheGrandeBoxSV{
	background:					url(../sfx/fiche_bigbox_bg.jpg) no-repeat;
	width:						275px;
	height:						90px;
	}
.ficheTresGrandeBoxSV{
	background:					url(../sfx/fiche_verybigbox_bg.jpg) no-repeat;
	width:						275px;
	height:						120px;
	}
.ficheTresTresGrandeBoxSV{
	background:					url(../sfx/fiche_veryverybigbox_bg.jpg) no-repeat;
	width:						275px;
	height:						135px;
	}
.ficheTresTresTresGrandeBoxSV{
	background:					url(../sfx/fiche_veryveryverybigbox_bg.jpg) no-repeat;
	width:						572px;
	height:						90px;
	}
.ficheTresTresTresGrandeBoxSV span{
	display:					block;
	overflow:					hidden;
	width:						452px;
	position:					absolute;
	margin:						10px 60px;
	text-align:					left;
	height:						60px;
}
.ficheTresTresTresGrandeBoxSV img{
	position:					absolute;
	margin:						11px 15px;
}
.fiche span{
	display:					block;
	overflow:					hidden;
	width:						200px;
	position:					absolute;
	margin:						10px 60px;
	height:						40px;
	text-align:					left;
	}
.ficheGrandeBox span{
	display:					block;
	overflow:					hidden;
	width:						200px;
	position:					absolute;
	margin:						10px 60px;
	height:						60px;
	text-align:					left;
	}
.ficheTresGrandeBox span{
	display:					block;
	overflow:					hidden;
	width:						200px;
	position:					absolute;
	margin:						10px 60px;
	text-align:					left;
	}
.ficheSV span{
	display:					block;
	overflow:					hidden;
	width:						200px;
	position:					absolute;
	margin:						10px 20px;
	height:						40px;
	text-align:					left;
	}
.ficheGrandeBoxSV span{
	display:					block;
	overflow:					hidden;
	width:						230px;
	position:					absolute;
	margin:						10px 20px;
	height:						60px;
	text-align:					left;
	}
.ficheTresGrandeBoxSV span, .ficheTresTresGrandeBoxSV span{
	display:					block;
	overflow:					hidden;
	width:						230px;
	position:					absolute;
	margin:						10px 20px;
	text-align:					left;
	}


.fiche img{
	position:					absolute;
	margin:						11px 15px;
	}
.ficheGrandeBox img{
	position:					absolute;
	margin:						11px 15px;
	}
.ficheTresGrandeBox img{
	position:					absolute;
	margin:						11px 15px;
	}

#mainInfo{
	display:					block;
	background:					url(../sfx/span-colg_top.jpg) no-repeat top left;
	background-color:			#e5e9d5;
	margin-left:				11px;
	margin-top:					7px;
	padding:					20px;
	width:						450px;
	font-size:					14px;
	}
	
	
	
	
	
	
	
	
	
	
/****************************************************** 
/*                      SOUS-MENU
******************************************************/
	
#menu { 
	width:						180px;
	margin:						50px 0px 0px -177px;
	position:					absolute;
}

#menu ul {
	padding: 			 		0;
	margin:  			 		0;
	list-style: 			 	none;
}

/* N'ajouté jamais de padding ç vos LI, 
si vous avez besoin d'ajouter un padding, ajouter le à un élément fils */
#menu ul li{
	float:  			 		right;
	clear: 			 			right;
	padding-right: 			 	2px;
}

#menu ul li a {
	text-indent:  			 	0em;
	z-index:  			 		10;
	display:  			 		block;
	float:  			 		right;
	height:  			 		20px;
	position:  			 		relative;
	font-size: 			 		12px;
	padding-top: 				5px;
	padding-left: 				5px;
	padding-right: 				10px;
	color: 			 			#56662e;
	overflow:  			 		hidden; 
}

#menu li.background {
	background: 			 	url('../sfx/sm_droite.png') no-repeat top right !important;
	background:  			 	url('../sfx/sm_droite.jpg') no-repeat top right ;
	z-index:  			 		8;
	position:  			 		absolute;
	top:  			 			1px; 
	visibility:  			 	hidden;
}

#menu .background .left {
	background:  			 	url('../sfx/sm_gauche.png') no-repeat top left !important;
	background:  			 	url('../sfx/sm_gauche.gif') no-repeat top left ;
	height:  			 		26px;
	margin-right:  			 	10px; 
}

/****************************************************** 
/*                      HOME
******************************************************/

.mainHomeColl{
	position: 			 		absolute;
	width: 			 			640px;
	}

#homeH2{
	text-indent: 			 	-5000px;
	width: 			 			642px;
	margin-left: 			 	-1px !important;
	margin-left: 			 	20px;
	background:  			 	transparent url(../sfx/h2_bg.jpg) no-repeat;
	display: 			 		block;
	height: 			 		40px;
	}

#homeColG{
	background:  			 	url(../sfx/home_blocgauche_bg.gif) no-repeat;
	background-position: 		bottom;
	width: 			 			157px;
	margin-left: 			 	-160px !important;
	margin-left: 			 	-170px;
	position: 			 		absolute;
	margin-bottom: 			 	20px;
	margin-top: 			 	10px;
	padding-bottom: 			20px;
	}

.homeNews{
	background: 			 	#fff url(../sfx/home_blocgauche_news_bg.jpg) no-repeat;
	background-position: 		top;
	padding-top: 			 	15px;
	font-size: 			 		9px;
	color: 			 			#606060;
	padding: 			 		0 10px;
	padding-top: 			 	10px;
	padding-bottom: 			5px;
	}
#News1{
	background: 			 	#fff url(../sfx/home_blocgauche_news1_bg.gif) no-repeat;
	}

#homeBloc1{
	background: 			 	url(../sfx/home_bloc1_bg.jpg) no-repeat;
	width: 				 		560px;
	height: 			 		280px;
	display: 			 		block;
	margin-left: 			 	15px;
	}
	
#homeBloc1Span{
	padding-top: 			 	100px;
	padding-left: 			 	30px;
	padding-right: 			 	30px;
	line-height: 			 	15px;
	}

#homeBloc2{
	display: 			 		block;
	background: 			 	url(../sfx/home_bloc2.jpg) no-repeat;
	width: 			 			288px;
	height: 			 		294px;
	margin-right: 			 	0px;
	margin-left: 			 	15px;
	}
#homeBloc2 a{
	margin: 			 		93px 20px;
	}


#homeBloc3{
	display: 			 		block;
	background: 			 	url(../sfx/home_bloc3.jpg) no-repeat;
	width: 			 			288px;
	height: 			 		294px;
	margin-left: 			 	297px;
	margin-right: 			 	0px	
	}
#homeBloc3 a{
	margin: 			 		93px 20px;
	}



.btn{
	background: 			 	url(../sfx/btn_bg.jpg) no-repeat;
	background-position: 		right;
	/*height:	 			 	33px;*/
	display: 			 		block;
	color: 			 			#FFFFFF;
	font-size: 			 		12px;
	font-weight: 			 	bold;
	display:  			 		block;
	line-height:  			 	35px;
	float: 			 			left;
	padding:  			 		0 25px 0 0;
	margin:  			 		0px 0 0 0;
	}

.startBtn{
	background: 			 	url(../sfx/btn_bg.jpg) no-repeat;
	background-position: 		left;
	height:  			 		35px;
	width:  			 		20px;
	float:  			 		left;
	margin:  			 		0px 5px 0 0;
	}


/****************************************************** 
/*                      Contact Page
******************************************************/

#contactForm input.champ{
	width: 			 			300px;
	height: 			 		25px;
	margin: 			 		10px;
	border: 			 		1px solid #56662e;
	background-color: 			#FFFF99;
	font-size: 			 		18px;
	padding-left: 			 	10px;
	}
#contactForm input.subtn{
	background-color:#FFFF99;
	border:1px solid #56662E;
	font-size:17px;
	height:25px;
	margin:10px 0 10px 10px;
	padding-left:3px;
	width:155px;
	cursor: pointer;
}
#textarea{
	width: 			 			300px;
	height: 			 		300px;
	margin: 			 		10px;
	border: 			 		1px solid #56662e;
	background-color: 			#FFFF99;
	font-size: 			 		18px;
	padding: 			 		10px;
	}


#mapBtn li{
	background: 			 	url(../sfx/map_btn_bg.jpg) no-repeat;
	width: 			 			151px;
	height: 			 		37px;
	float: 			 			left;
	padding-top: 			 	10px;
	padding-left: 			 	20px;
	}
#mapBtn li a{color: 			#666666;}


#howToGoMer{
	background: 			 	url(../sfx/howtogo_bot_bg.jpg) no-repeat;
	background-position: 		bottom;
	width: 			 			604px;
	margin-top: 			 	20px;
	padding-bottom: 			20px;
	}

#howToGoMer span {
	margin-left: 			 	20px;
	display: 			 		block;
	}

#howToGoMer h3{
	background: 			 	url(../sfx/howtogo_mer_bg.jpg) no-repeat;
	background-position: 		top;
	width: 			 			604px;
	text-indent: 			 	-5000px;
	padding: 			 		0;
	margin: 			 		0px;
	}
#howToGoBrunoy{
	background: 			 	url(../sfx/howtogo_bot_bg.jpg) no-repeat;
	background-position: 		bottom;
	width: 			 			604px;
	margin-top: 			 	20px;
	padding-bottom: 			20px;
	}
#howToGoBrunoy span {
	margin-left: 			 	20px;
	display: 			 		block;
	}
#howToGoBrunoy h3{
	background: 			 	url(../sfx/howtogo_brunoy_bg.jpg) no-repeat;
	background-position: 		top;
	width: 			 			604px;
	text-indent: 			 	-5000px;
	padding: 			 		0;
	margin: 			 		0px;
	}
#howToGoArchamps{
	background: 			 	url(../sfx/howtogo_bot_bg.jpg) no-repeat;
	background-position: 		bottom;
	width: 			 			604px;
	margin-top: 			 	20px;
	padding-bottom: 			20px;
	}
#howToGoArchamps span {
	margin-left: 			 	20px;
	display: 			 		block;
	}
#howToGoArchamps h3{
	background: 			 	url(../sfx/howtogo_archamps_bg.jpg) no-repeat;
	background-position: 		top;
	width: 			 			604px;
	text-indent: 			 	-5000px;
	padding: 			 		0;
	margin: 			 		0px;
	}
	
/********************** STYLES COURANTS ****************/
.right {
	float: right;
}
.marg-g-20 {
	margin-left: 20px;
}
.clear {
	clear: both;
}