body {
	text-align:center;
	background:#000000;
	
}

#page, #agence {
	z-index:0;
	position:absolute; 
  left: 50%;  
  top: 50%;  
  margin-top: -302px; /* moitié de la hauteur */ 
  margin-left: -512px;
	width:1024px;
	height:605px;
	font-family:Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size:0.8em;
	color:#ffffff;
	background:transparent;
	
	
}

.floatg {
	float:left;
	height:20px;
	padding-right:8px;
	margin-right:8px;
	border-right-color:#990000;
	border-right-width:1px;
	border-right-style:solid;
	font-size:1.2em;
	margin-top:0px;
}
.bt_met {
	float:left;
margin:0;
padding:0;
width:75px;
}

.metier {
	float:left;
	width:227px;
	height:425px;
	padding-top:0px;
	padding-right:8px;
	margin-right:15px;
		margin-bottom:10px;

	border-right-color:#990000;
	border-right-width:1px;
	border-right-style:solid;
	margin-top:35px;
	text-align:right;
	color:#d7c5c9;
		background:#000000;

}
.metierB {
	float:left;
	width:227px;
	height:425px;
	padding-top:0px;
	margin-bottom:10px;
	padding-right:8px;
	margin-right:15px;
	border-right-color:#12afdb;
	border-right-width:1px;
	border-right-style:solid;
	margin-top:35px;
	text-align:right;
    background:#000000;

}


#milieu {
	position:relative;
	height:555px;
	width:570px;
	background:#000000;
	text-align:left;
	margin-left:230px;
	margin-top:20px;
}

#milieu_ref {
	position:relative;
	height:555px;
	width:762px;
	background:transparent;
	text-align:left;
	margin-top:20px;
	PADDING-LEFT:262px;
	background-image: url('confiance.png');
	background-repeat: no-repeat;

	
}

#milieu_met {
	height:555px;
	width:1024px;
	background:transparent;
	text-align:left;
	margin-top:20px;
	background-image: url('confiance.png');
	background-repeat: no-repeat;
	text-align:left;
}

a:link.transparent, a:visited.transparent, a:active.transparent, a:hover.transparent {
	color:transparent;
}

a:link.button, a:visited.button, a:active.button {
	color:#ffffff;
}

a:hover.button {
	color:#990000;
}

#anim {
	float:left;
	width:250px;
	height:405px;
	border-right-color:#990000;
	border-right-width:1px;
	border-right-style:solid;
	margin-right:5px;
	padding-right:5px;
	margin-top:70px;
	text-align:right;	
}


 #txt {
 	float:left;
	width:250px;
	height:405px;
	text-align:left;
	background:#000000;
	margin-top:75px;
	height:225px;
	padding-top:180px;
 }
 
#txt_ref{
 	float:left;
	width:250px;
	text-align:left;
	background:#000000;
	margin-top:25px;
	height:225px;
	padding-top:183px;
 }

#bas {
		width:1024PX;
		height:20px;
		background:transparent;
		text-align:right;
		padding-right:5px;
		padding-top:10px;
		font-size:1.2em;
}

.rouge  {
	color:#990000;
	
}

.titre {
	color:#990000;
	font-size:3em;
	font-family:century gothic;
}

.sstitre {
	color:#990000;
	font-size:2em;
	font-family:century gothic;
}
.sstitreB {
	color:#12afdb;
	font-size:2em;
	font-family:century gothic;
}
.gris {
	color:#b5ada9;

}

a:link, a:hover, a:visited {
	text-decoration:none;
}

a:link, a:visited {
	color:#ffffff;
}
a:hover {
	color:#990000;
}

.bleu {
	color:#12afdb;

}

table p {
	padding-left:5px;
}


	
.vert {
	color:#aed92f;
}




td {
width:100px;
height:60px;
padding-bottom:15px;
margin-top:0px;
text-align:center;
line-height:12px;
font-size:0.9em;
vertical-align:top;
}



#float {
	float:left;
	text-align:left;
	height:555px;
	padding-top:0px;
	padding-right:8px;
	margin-right:15px;
	margin-top:20px;
}

#big_pict{
	height:455px;
	width:650px;
		margin-top:20px;
		MARGIN-BOTTOM:43.5px;

	text-align:right;

	}
#big pict.flash {
	z-index:500;
	position:relative;