/*
SODEARIF

layout_Page_standard.css
MISE EN FORME DU MODELE
Voir general.css pour compléments de formatage
(c) 2007 ALTIMIX
--------------------------------*/

/*****************************

	HTML

*****************************/

body {}

/*****************************

	TEMPLATE

*****************************/

div#container {
	position: relative;
	width: 948px;
	margin: 0 auto;
	text-align: left;
	background: #fff url(../medias/image/ombre_top.gif) no-repeat 0 0;
}
div#logo {
	position: absolute;
	width: 78px;
	height: 80px;
	left: 4px;
	top: 6px;
	z-index: 10;
}
div#baseline {
	width: 948px;
	height: 64px;
	background: url(../medias/image/baseline_sodearif_eng.gif) no-repeat 86px 0;
}
div#margeur {
	width: 948px;
	height: 20px;
	background: #fff url(../medias/image/bg_margeurP.gif) no-repeat 0 0;
}
div#col-group {
	width: 948px;
	min-height: 295px;
	_height: 295px;
	background: #fff url(../medias/image/vertical_sodearif.jpg) no-repeat 0 0;/* a gérer dans css param rubrique */
}
div#col-left {
	float: left;
	width: 448px;
	margin-left: 102px;
	display: inline; /* Stop IE double float-margin bug */
}
div#col-right {
	float: right;
	width: 354px;
	margin-right: 24px;
	display: inline; /* Stop IE double float-margin bug */
}

/*****************************

	ZONES XIBUX       

*****************************/

/*
NAVGENH : voir general.css pour formatage commun
-------------------------------------------------------*/

#navGenH {}

/*
BANNER
-------------------------------------------------------*/

#banner {
	width: 948px;
	height: 128px;
	background: #3e647e url(../medias/image/bg_banner.gif) no-repeat 0 0;
}

/*
CONTENT
-------------------------------------------------------*/

#content {
  width: 448px;
  min-height: 226px;
  _height: 226px;
  background: #fff url(../medias/image/bg_content.gif) no-repeat 87px 0;/* gerer la non presence via param rubrique css */
  text-align: left;
}

/*
OUTILS
-------------------------------------------------------*/

#outils {
  width: 354px;
  background-color: #fff;
  text-align: left;
}

/*
FOOTER : voir general.css pour formatage commun
-------------------------------------------------------*/

#footer {}

/*****************************

	COMPLEMENTS       

*****************************/

/*
Page recrutement
-------------------------------------------------------*/
div#nous-rejoindre {
  padding-top: 36px;
  background: url(../medias/image/bg_nous_rejoindre.jpg) no-repeat 0 0;
}
div.poste {
  position: relative;
  margin-bottom: 12px;
  min-height: 107px;
  _height: 107px;
}
div.poste h2 {
  font-size: 1em;
  padding: 0;
  margin: 0 0 10px 125px;
  border-bottom: 1px solid #2E5A76;
}
div.poste img {
  position: absolute;
  left: 0;
  top: 0;
}
div.poste p {
  padding: 0;
  margin: 0 0 0 125px;
  font-size: 0.9em;
}
div.poste p.poste-lien {
  height: 26px;
  text-align: right;
  background: url(../medias/image/bg_lien.gif) no-repeat right 0;
}
div.poste p.poste-lien a {
  line-height: 26px;
  padding-right: 10px;
  font-weight: bold;
  color: #EE8018;
  text-decoration: none;
}
div.poste p.poste-lien a:hover {
  color: #6D90A6;
}

/*variante 1 seul email*/

p.poste-lien2 {
  height: 26px;
  text-align: right;
  background: url(../medias/image/bg_lien.gif) no-repeat right 0;
}
p.poste-lien2 a {
  line-height: 26px;
  padding-right: 10px;
  font-weight: bold;
  color: #EE8018;
  text-decoration: none;
}
p.poste-lien2 a:hover {
  color: #6D90A6;
}

/*
5 references
--------------------------------------------------------*/
div.refs-title {
  width: 354px;
  height: 36px;
}
div.refs-content {
  padding: 0 12px;
}
div.refs-content img {
  float:left;
}

div.refs-content h3 {
  padding: 4px 0;
  margin: 0;
  font: bold 1em Arial, Helvetica, sans-serif;
  color: #6d90a6;
}
div.refs-content h3:first-letter {
  color: #6d90a6;
}
div.refs-content p {
  padding: 0 0 0 107px;
  margin: 0;
}
div.refs-link {
  clear: both;
  width: 354px;
  height: 34px;
}

/* FIN */