/* Feuille de style créée par Com'3Elles : www.com3elles.com */
/* styles généraux */
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #39f;
	font-size: 11px;}
p, ul, li, br, img, span, a, H1, H2, body {margin:0; padding:0}
H1, H2 {font-size: 1.2em}
H3 {font-size: 1.2em}
H1 {font-weight:normal}
p, ul, H1, H2 {padding: 0 10px}
H2 {background:url(img/bg_titrearticle.gif) no-repeat top center; height:26px}
a {	color: #39F;}
a:hover {	color: #F60;}
.important {
	font-style: italic;
	font-weight: bold;
	color: #C00;}
/* formulaires */
.libelle {
	width: 90px;
	float:left;
	clear:left;
	margin-right:2px;
	text-align:right;}
.valid { text-align:center}
input, textarea {
	background: url(img/bg_general.jpg) repeat-x;
	border:1px solid #69C;
	margin:2px;
	padding:2px;
	font-size:10px;
	width:300px;
	font-family: Arial, Helvetica, sans-serif;}
.bouton{ background:url(img/bg_header.jpg) center; width:80px;}
/* zones*/
/* haut */
#entete {
	position: relative;
	width: 100%;
	height:190px;
	background: #fff url(img/bg_header.jpg) repeat-x left 94px;
	font-size: 10px}

#entete h1{font-size:1em}
#entete_conteneur {
	position: relative;
	width: 800px;
	margin: 0 auto; 
	background: url(img/bg_contentheader.jpg) no-repeat left 120px;}
#entete_centre {
	margin-left: 200px;
	margin-right: 200px;
	padding-right:150px;
	background:url(img/header_hearth.jpg) no-repeat right bottom;
	height:190px}
#logo {
	position: absolute;
	left:0px;
	top:15px;
	width: 166px;
	color:#FFF;}
#entete_droite {
	position: absolute;
	right:0;
	width: 155px;
	height:150px;
	background:#FFF url(img/bg_infotop.jpg) no-repeat left 60px;
	padding:20px;
	padding-top:55px;}
#entete_droite li{	list-style: url(img/puce.gif) none;}
/* centre : contenu */
#general {
	position: relative;
	width: 100%;
	height:100%;
	background: #fff url(img/bg_general.jpg) repeat-x left top;
	padding-bottom: 50px;
	padding-top:0px;}
#general_conteneur {
	position: relative;
	width: 800px;
	margin: 0 auto;
	background:url(img/bg_content.gif) no-repeat left 120px;}
#centre {
	margin-left: 165px;
	margin-right: 205px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:justify;
	background:url(img/bg_piedarticle.gif) no-repeat bottom center;}
#centre li{
	padding-bottom:10px;
	list-style: url(img/puce.gif) none;}
#gauche {
	position: absolute;
	left:0;
	width: 150px;}
#gauche li{
	padding:0px; margin:0;
	list-style:none;}
#gauche ul{padding:0px; margin:0;}
#droite {
	position: absolute;
	right:0;
	width: 195px;
	background: url(img/bg_droite.gif) no-repeat;}
/* bas */
#pied {
	position: relative;
	width: 100%;
	background: url(img/bg_pied.gif) repeat-x left top;
	color:#6CF;
	font-size:0.7em;}
#pied_conteneur {
	position: relative;
	width: 800px;
	margin: 0 auto;}
#pied_centre {
	margin-left: 160px;
	margin-right: 200px;
	padding-top:15px;
	font-size:12px;
	font-weight:bold}
#pied_gauche {
	position: absolute;
	left:0;
	width: 150px;
	text-align:right}
#pied_droite {
	position: absolute;
	right:0;
	width: 195px;
	height: 25px;
	background: url(img/bg_copyright.gif) no-repeat;
	color:#000;
	padding-top:3px;
	text-align:center}
/*actualités*/
#actualites {
	margin:35px 3px 2px 2px;
	padding: 5px 6px 6px 6px;
	font-size:0.85em;}
#actualites br{ height:150px}
#actualites .titre {
	font-size:1.2em; 
	font-weight:bold; 
	margin-bottom:10px; 
	padding-top:2px; 
	background:url(img/bg_titre.gif) no-repeat top center; 
	height:20px; 
	text-align:center}
.lienpetit {color:#36F; text-decoration:none}
/* menu principal */
.accueil {background:url(img/bt_accueil_fr.gif) no-repeat}
.agence {background:url(img/bt_agence_fr.gif) no-repeat}
.contact {background:url(img/bt_contact_fr.gif) no-repeat}
.metier {background:url(img/bt_metier_fr.gif) no-repeat}
.philosophie {background:url(img/bt_philosophie_fr.gif) no-repeat}
.presse {background:url(img/bt_presse_fr.gif) no-repeat}
.emploi {background:url(img/bt_emploi_fr.gif) no-repeat}
#menu a, #menu a:visited {
	display:block;
	width:100%; 
	height:20px; 
	margin:0; 
	padding:0}
#menu a:hover {
	display:block; 
	width:100%; 
	height:20px; 
	cursor:pointer; 
	background-repeat:no-repeat; 
	background-position:right top}
.on {
	display:block; 
	width:100%; 
	height:20px; 
	background-repeat:no-repeat; 
	background-position:right top}