/*
SODEARIF

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

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

	HTML : voir general.css pour formatage commun

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

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_margeurH.gif) no-repeat 0 0;
}
div#col-group {
	width: 948px;
	min-height: 283px;
	_height: 283px;
	background: #fff url(../medias/image/vertical_home_en.jpg) no-repeat 0 0;
}
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: 173px;
	background-color: #fff;
}

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

#content {
  width: 448px;
  min-height: 226px;
  _height: 226px;
  background: #fff url(../medias/image/bg_content.gif) no-repeat 87px 0;
  text-align: left;
}

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

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

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

#footer {}


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

	Mises en formes      

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

/*
ZOOM SUR...
--------------------------------------------------------*/

div#zoom-title {
  width: 354px;
  height: 28px;
  background: url(../medias/image/zoom_sur.gif) no-repeat 0 0;
}
div#zoom-content {
  padding: 0 12px;
  background: url(../medias/image/bg_zoom.jpg) no-repeat 0 0;
}
div#zoom-content img {
  float:left;
}
div#zoom-content h3 {
  padding: 8px 0 12px 0;
  margin: 0;
  font: bold 1em Arial, Helvetica, sans-serif;
  color: #6d90a6;
}
div#zoom-content h3:first-letter {
  color: #6d90a6;
}
div#zoom-content p {
  padding: 0 0 0 155px;
  margin: 0;
}
div#zoom-link {
  clear: both;
  width: 354px;
  height: 34px;
}

/* FIN */