/* CSS Document */

body { background:url(../images/bg.jpg) repeat-x #FFFFFF; margin:0; font-size:10px; font-family:Arial, Helvetica, sans-serif;}

#superConteneur{ width:100%; float:left; background:url(../images/bg-centre.gif) repeat-x ;}
#conteneur{ width:955px; margin:0 auto; position:relative;}
#flash{ width:605px; height:251px; margin:0; position:absolute; top:129px; right:25px;}

#footer{ width:100%; clear:left; background:url(../images/bg-footer.jpg) repeat-x #FFFFFF; height:80px;}
#footer #contentFooter{ width:910px; margin:0 auto; text-align:right; padding:15px 0 0 0;}
#footer #contentFooter a{ font-size:12px; color:#4f606b; font-weight:bold; text-decoration:none;}
#footer #contentFooter a:hover{text-decoration:underline;}

/**************************************************************************/
/****************************** page acceuil ******************************/
/**************************************************************************/
#logo {
	float:left;
	padding:0;
	margin:15px 0 0 32px;
	width:220px;
	height:73px;
	background:url(../images/logo-ed-trans.gif) no-repeat;
}
	#logo h1 {text-indent:-5000px; margin:0; padding:0;}
	
	
/************************ menu ************************/
ul#menu {
	float:right;
	list-style-type: none;
	height: 30px;
	width:626px;
	padding:0;
	margin:52px 20px 0px 0px;
} 

	ul#menu li {float:left; margin: 0px; padding:0 0px 0 0px; font-weight:bold; text-align:center; font-size:1.3em; border-right:1px solid #cccfd3; height:30px;}
	ul#menu a.accueil { width:77px; margin: 0px; display: block;  text-decoration: none; color: #008ac3; padding:10px 0 10px 0;}
	ul#menu a.accueil:hover { width:77px; margin: 0px; display: block; text-decoration: none; color: #ffffff; padding:10px 0 10px 0; background:url(../images/menu-accueil-hover.gif) no-repeat center;}
	ul#menu a.accueilActive { width:77px; margin: 0px; display: block; text-decoration: none; color: #ffffff; padding:10px 0 10px 0; background:url(../images/menu-accueil-active.gif) no-repeat center;}
	ul#menu a.societe { width:93px; margin: 0px; display: block;  text-decoration: none; color: #008ac3; padding:10px 0 10px 0;}
	ul#menu a.societe:hover { width:93px; margin: 0px; display: block; text-decoration: none; color: #ffffff; padding:10px 0 10px 0; background:url(../images/menu-societe-hover.gif) no-repeat center;}
	ul#menu a.societeActive { width:93px; margin: 0px; display: block; text-decoration: none; color: #ffffff; padding:10px 0 10px 0; background:url(../images/menu-societe-active.gif) no-repeat center;}
	ul#menu a.activites { width:109px; margin: 0px; display: block;  text-decoration: none; color: #008ac3; padding:10px 0 10px 0;}
	ul#menu a.activites:hover { width:109px; margin: 0px; display: block; text-decoration: none; color: #ffffff; padding:10px 0 10px 0; background:url(../images/menu-activites-hover.gif) no-repeat center;}
	ul#menu a.activitesActive { width:109px; margin: 0px; display: block; text-decoration: none; color: #ffffff; padding:10px 0 10px 0; background:url(../images/menu-activites-active.gif) no-repeat center;}
	ul#menu a.partenaires { width:101px; margin: 0px; display: block;  text-decoration: none; color: #008ac3; padding:10px 0 10px 0;}
	ul#menu a.partenaires:hover { width:101px; margin: 0px; display: block; text-decoration: none; color: #ffffff; padding:10px 0 10px 0; background:url(../images/menu-partenaires-hover.gif) no-repeat center;}
	ul#menu a.partenairesActive { width:101px; margin: 0px; display: block; text-decoration: none; color: #ffffff; padding:10px 0 10px 0; background:url(../images/menu-partenaires-active.gif) no-repeat center;}
	ul#menu a.actualites { width:93px; margin: 0px; display: block;  text-decoration: none; color: #008ac3; padding:10px 0 10px 0;}
	ul#menu a.actualites:hover { width:93px; margin: 0px; display: block; text-decoration: none; color: #ffffff; padding:10px 0 10px 0; background:url(../images/menu-actualites-hover.gif) no-repeat center;}
	ul#menu a.actualitesActive { width:93px; margin: 0px; display: block; text-decoration: none; color: #ffffff; padding:10px 0 10px 0; background:url(../images/menu-actualites-active.gif) no-repeat center;}
	ul#menu a.contact { width:147px; margin: 0px; display: block;  text-decoration: none; color: #008ac3; padding:10px 0 10px 0;}
	ul#menu a.contact:hover { width:147px; margin: 0px; display: block; text-decoration: none; color: #ffffff; padding:10px 0 10px 0; background:url(../images/menu-contact-hover.gif) no-repeat center;}
	ul#menu a.contactActive { width:147px; margin: 0px; display: block; text-decoration: none; color: #ffffff; padding:10px 0 10px 0; background:url(../images/menu-contact-active.gif) no-repeat center;}
/*****************************************************/

#zoneAnim {
	float:left;
	display:inline;
	padding:10px 0 0 20px;
	margin:6px 13px 0 14px;
	width:904px;
	height:270px;
	background:url(../images/bg-zone-anim.jpg) no-repeat;
}	
	#zoneAnim h3 {clear:left; font-size:1.6em; font-weight:bold; color:#FFFFFF; padding:0 0 4px 5px; margin:20px 0 0 0; width:275px; line-height:16px;}
	#zoneAnim h3 a {color:#FFFFFF; text-decoration:none;}
	#zoneAnim h4 {clear:left; font-size:1.2em; font-weight:bold; color:#c0ecff; padding:5px 0 6px 5px; margin:0px 0 0px 0; border-top:1px solid #3797c1; width:275px; line-height:14px;}
	#zoneAnim h4 a {color:#c0ecff; text-decoration:none;}

#flash {
	position:absolute;
	top:144px;
	left:325px;
}

h2.competences {float:left; display:inline; padding:0 20px 0px 15px; margin:0 0 0 20px; color:#115d83; font-size:1.6em; font-weight:bold; width:628px; height:37px; background:url(../images/bg-pole-competences.jpg) no-repeat #ececec;}
h2.competences span {font-size:1.2em; color:#2cace3; font-weight:bold; line-height:19px;}

#contenuAccueil {
	float:left;
	display:inline;
	padding:6px 5px 0px 35px;
	margin:5px 0 0 0px;
	width:413px;
	color:#595c5e;
	font-size:1.2em;
	text-align:justify;
	line-height:17px;
}
#contenuAccueil span {float:left; display:block; margin:0; padding:5px 0 0 25px; color:#115D83; font-size:1.2em; line-height:20px; background:url(../images/guillemet-ouvre.jpg) no-repeat top left; }

#agences {
	float:left;
	padding:10px 0 0 24px;
	margin:0;
	width:206px;
	height:580px;
	background:url(../images/bg-agence.jpg) repeat-y;
	color:#595c5e;
	font-size:1.1em;
}
	#agences h3 { clear:left; color:#115d83; font-size:1.5em; font-weight:bold; padding:0; margin:0 0 5px 0; font-size:1.2em;}
	#agences .tel {float:left; padding:2px 0 0 40px; margin:5px 0 0 0; width:148px; border-top:1px solid #dadedf; border-bottom:1px solid #dadedf; background:url(../images/icone-telephone.jpg) no-repeat left center; height:34px;}
	#agences .tel span {font-size:1.2em; font-weight:bold;}
	#agences .email {float:left; padding:11px 0 0 42px; margin:0 0 10px 0; width:146px; background:url(../images/icone-email.jpg) no-repeat top left; height:30px;}
	#agences .email a {color:#009cdf; font-weight:bold;}

#actualites {
	float:left;
	padding:0;
	margin:-38px 0 0 0;
	width:241px;
	height:628px;
	background:url(../images/bg-actualites.jpg) repeat-y;
}
	#actualites h3 {clear:left; z-index:10; background:url(../images/titre-dernieres-nouvelles.jpg) no-repeat; border-left:12px solid #f07c01; padding:0 0 0 8px; margin:0; width:229px; height:30px; color:#FFFFFF; font-size:1.8em; line-height:30px; font-weight:normal;}
	#actualites #recrute {clear:left; z-index:10; padding:0px; margin:0 0 10px 0; width:237px; height:30px; color:#FFFFFF; font-size:1.8em; line-height:30px; font-weight:normal;}
	#actualites .titreActu {float:left; display:inline; padding:0 0 0 0px; margin:16px 0 0 20px; /*background:url(../images/trait-actualite.jpg) repeat-x right bottom; */width:216px;}
	#actualites p.date {float:left; padding:0 2px 0 0px; margin:0px; font-size:1.1em; color:#f07c01; font-weight:bold; background:#ffffff;}
	#actualites p.txt {clear:left; float:left; padding:2px 0 0 20px; margin:0px 0 0 0; font-size:1.1em; color:#595c5e; width:216px; text-align:justify; line-height:16px;}
	#actualites a {color:#009cdf;}
	#actualites p.plus {float:left; display:inline; padding:5px 0 10px 0; margin:16px 0 0 20px; font-size:1.1em; color:#f07c01; width:216px; border-top:1px solid #c1ccd1;}