body {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	margin-top: 10px;
	padding: 0;
	margin: 0;
	}
	
a {
	color: #000000;
	}	
	
p {
	padding: 0;
	margin: 0;
	width: 100%;
	}
	
a.bleu{
	text-decoration:none;
	}

#conteneur {
	width: 972px;
	margin: 0 auto; 
	}
	
#header {
	height: 219px;
	background-image: url(images/header.png);
	}
	
#titre_header {
	position: absolute;
	margin-top: -152px;
	*margin-top: -155px;
	margin-left: 610px;
	}
	
#actus {
	position: absolute;
	width: 332px;
	height: 508px;
	margin-top: -136px;
	margin-left: 602px;
	background-image: url(images/actus.png);
	z-index: 700;
	padding-left: 23px;
	padding-top: 40px;
	}
	
.diapo {
	margin-top: 116px;
	margin-left: 38px;
	width: 290px;
	height: 218px;
	}
	
#diapo2 {
	margin-top: 130px;
	margin-left: 38px;
	color: #ffffff;
	}
	
.index {
	margin-top: 15px;
	margin-left: 10px;
	}
	
#contact {
	margin-top: -31px;
	margin-left: 265px;
	}
	
#contenu_actus {
	margin-top: 65px;
	margin-left: -18px;
	width: 328px;
	overflow: hidden;
	height: 200px;
	}
	
p.para {
	padding-left: 15px;
	width: 313px;
	margin-top: -18px;
	margin-bottom:15px;
	*margin-bottom:10px;
	}
	
#menu {
	position: absolute;
	margin-left: 10px;
	margin-top: -10px;
	*margin-left: -210px;
	z-index: 600;
	}
	
#menu0{
	position: absolute;
	margin-left: 10px;
	margin-top: -10px;
	z-index: 600;
	}
	
#ecart {
	width: 1px;
	height:5px;
	}
	
#titre {
	position: absolute;
	margin-left: 629px;
	*margin-left: 409px;
	margin-top: -75px;
	text-align: right;
	width: 300px;
	}
	
#contenu {
	position: absolute;
	background-image: url(images/fond_index.png);
	width: 385px;
	height: 448px;
	margin-left: 195px;
	margin-top: -35px;
	z-index: 500;
	}
	
#titre_index {
	margin-left: 30px;
	margin-top: 15px;
	}
	
#texte_index {
	margin-left: 40px;
	margin-top: 17px;
	width: 327px;
	height: 370px;
	overflow: hidden;
	}	

	
#contenu2 {
	position:relative; 
	margin-left: 220px;
	margin-top: -35px;
	*top: -35px;
	width: 711px;
	z-index:500;
	}
	
#contenu_header {
	background-image: url(images/fond_header.png);
	height: 45px;
	padding-left: 28px;
	padding-top: 14px;
	}
	
#puce {
	position: absolute;
	margin-left: 38px;
	margin-top: 3px;
	}
	
#contenu_tranche {
	background-image: url(images/fond_tranche.png);
	min-height: 322px;
	height:auto !important;
	height:322px;
	padding-left: 54px;
	padding-right: 120px;
	}
	
#contenu_tranche2 {
	background-image: url(images/fond_tranche.png);
	min-height: 322px;
	height:auto !important;
	height:322px;
	padding-left: 54px;
	padding-right: 20px;
	}

#photo_droite {
	float: right;
	margin-right: -170px;
	margin-top: -5px;
	}
	
#photo_droite2 {
	float: right;
	margin-right: -75px;
	margin-top: -5px;
	}
	
#photo_fond {
	width: 99px;
	height: 99px;
	padding-top: 16px;
	padding-left: 20px;
	padding-right: 40px;
	background-image: url(images/fond_photo.png);
	text-align: center;
	}
	
#contenu_footer {
	background-image: url(images/fond_footer.png);
	height: 34px;
	}
	
#footer {
	margin-left: 9px;
	margin-top: 245px;
	*margin-top: 270px;
	width: 972px;
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
	padding-top: 287px;
	position: absolute;
	}
	
#footer2 {
	position: absolute;
	margin-top: -160px;
	*margin-top: -195px;
	margin-left: 9px;
	width: 972px;
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
	padding-top: 287px;
	}
	
#ligne {
	width: 120px;
	height: 1px;
	border-top: 1px solid #000000;
	margin-top: 1px;
	margin-bottom: 3px;
	*margin-bottom: 0;
	}
	
#sous_presentation {
	margin-left: 23px;
	}
	
#sous_activites {
	margin-left: 23px;
	}
	
#sous_insertion {
	margin-left: 23px;
	}
	
#sous_environnement {
	margin-left: 23px;
	}
	
#sous_groupe {
	margin-left: 23px;
	}
	
#image_gauche {
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
	}
	
#bas {
	margin-left: -16px;
	}
	
#logos {
	position: absolute;
	margin-left: 550px;
	margin-top: -85px;
	}
 
.bleu {
	color: #29ABE2;
	font-size: 11px;
	font-family: Verdana; 
	}
	
span.bleu {
	margin-bottom: 10px;
	display: block;
}
	
.bleu:hover {
	color: #000000;
	}

.bas {
	font-size: 13px;
	font-weight: bold; 
	}	
	
.titre {
	font-size: 18px;
	font-weight: bold; 
	}
	
.blanc {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold; 
	}

input.champ_titre {
	width: 572px;
}

input.champ_video {
	width: 515px;
}



#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 850; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 820; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 800; width: 100%; height: 500px; background-color: #000; }


