#page
{
	background-image: url(/images/frontend/accueil/background-new.jpg);
	height: 660px;
}
#page #content
{
	position:relative;
	height: 627px;
}
#content #slider
{
	position: absolute;
	top: 161px;
	left: -2px;
	width:770px;
	height:272px;
}

#content #carousel
{
	position: absolute;
	top: 50px;
	left: 80px;
	width:800px;
	height:600px;
	align:center;
}

#search
{
	position: absolute;
	top: 592px;
	left:70px;
}
#menu
{
	top: 84px;
}

/* Obligés de les redéfinir, le background est différent en hauteur */
#footer {
	margin-top: 1px;
	position: relative;
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 29px;
	width: 100%;
	z-index:4;
}

/* Actualités */
#news
{
  position: absolute;
  width: 995px;
  top: 218px;
  height: 355px;
  overflow:hidden;
  left: 0px
}
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
  left: 0px
}
div.prev {
	color:#ffa800;
	font-size:1.6em;
	font-weight:bold;
	cursor:pointer;
	float:left;
}
div.next {
	color:#ffa800;
	font-size:1.6em;
	font-weight:bold;
	cursor:pointer;
	float:left;
}

#news .actualites
{
  position:relative;
  background-image:url(/images/frontend/accueil/bloc-actualites.jpg);
  width: 266px; height:109px;
  margin:0px 0px 9px 22px;
  color:#3b5679;
}

#news .actualites h3
{
  margin:0px 0px 0px 3px;
  padding-top:12px;
  font-size: 14px;
  color: #a80023;
  font-weight:bold;
  text-decoration:none;
}
#news .actualites h3 a
{
  color: #a80023;
  text-decoration:none;
}

#news .actualites .image
{
  float: left;
}
#news .actualites .href-image
{
  float:left;
  margin:5px 0px 0px 3px;
  border:1px solid #ae0025;
}

#news .contenunews
{
  float:left;
  margin:5px 0px 0px 5px;
  width:185px; height: 53px;
}
#news #contenunewstexte
{
  float:left;
  margin:5px 0px 0px 3px;
  width:255px; height: 53px;
}

#news .actualites p
{
  font-size: 12px;
  color: #7c7c7c;
  text-align:justify;
  line-height:13px;
}
#news .contenunews a
{ 
  position:absolute;
  top:92px; left:185px;
  width:78px; height:15px;
  cursor:pointer;
}
#news .contenunews a:hover
{
}
.detail_news
{
  display:  none;
}

/* Le Quizz Sante */
#le-quizz-sante
{
  position: absolute;
  width: 200px;
  height: 195px;
  top:220px;
  left: 780px;
}

#le-quizz-sante form
{
  position: relative;
}

#le-quizz-sante .trait-sep
{
  background-image:url(/images/frontend/accueil/trait-sep.jpg);
  background-position:top left;
  background-repeat:no-repeat;
  width:185px; height:2px;
  margin:5px 0px 5px 8px;
}

#le-quizz-sante .titre
{
  font-size:12px;
  text-align:right;
  color:#284978;
  font-weight:bold;
  margin:15px 5px 0px 10px;
}

#le-quizz-sante .question
{
  font-size:11px;
  font-weight:bold;
  color:#284978;
  margin:0px 0px 0px 8px;
  width: 185px;
}
* html #le-quizz-sante .question
{
  margin:-12px 0px 0px 8px;
}
#le-quizz-sante th
{
  text-align: left;
  color:#284978;
    font-size:11px;
  font-weight:normal;
}
#le-quizz-sante .reponses
{
  font-size:12px;
  color:#284978;
  font-style:italic;
  margin:3px 0px 5px 8px;
  width: 185px;
}

#le-quizz-sante .button
{
  background-image:url(/images/frontend/accueil/bouton-suivant.jpg);
  width:72px; height:18px;
  border:0;
  margin:0px 0px 0px 65px;
}
* html #le-quizz-sante .button
{
  margin:-27px 0px 0px 65px;
}

/* Dossier du mois */
#dossier-du-mois {
  position: absolute;
  width: 425px;
  top: 191px;
  height: 400px;
  left: 320px;
}

#dossier-du-mois .visuel {
	position:relative;
	width:424px;
	height:129px;
}
#dossier-du-mois .decor {
	position:relative;
	margin:0;
	padding:0;
	background-image:url(/images/frontend/accueil/decor-dossier.png);
	background-position:top left;
	background-repeat:no-repeat;
	width:424px;
	height:129px;
	border:0;
}
* html #dossier-du-mois .decor {
	background-image:url(/images/frontend/accueil/decor-dossier-ie6.png);
	background-position:top left;
	background-repeat:no-repeat;
	width:424px;
	height:129px;
	border:0;
}
#dossier-du-mois .titre {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#225091;
	font-size:17px;
	margin:-65px 0 0 220px;
	width:190px;
	padding:0;
}
#dossier-du-mois .titre a {
	color:#225091;
	text-decoration:none;
}

#dossier-du-mois .contenu {
	position:relative;
	background-color:#dfe7f2;
	background-image:url(/images/frontend/accueil/background-bottom-contenu-dossier.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	width:394px;
	height:103px;
	color:#595959;
	margin:0;
	padding:15px 15px 0 15px;
	text-align:justify;
}
#dossier-du-mois .contenu a {
	color:#595959;
	text-decoration:none;
}

#dossier-du-mois .bouton-lire-la-suite a {
	position:relative;
	float:right;
	background-image:url(/images/frontend/accueil/bouton-lire-la-suite.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	width:78px;
	height:16px;
	border:0;
	margin:-25px 11px 0 0;
	padding:1px 0 0 0;
	z-index:10;
}

/* Dossiers */
#dossiers {
  position: absolute;
  width: 405px;
  top: 455px;
  height: 140px;
  left: 330px;
}

#dossiers .slider-dossier {
	position:relative;
}
* html #dossiers .slider-dossier {
	position:relative;
	margin:-55px 0 0 0;
}

#dossiers .bloc-dossier {
	width:189px;
	height:65px;
}

#dossiers #dossier1 {float:left;}
#dossiers #dossier3 {float:left; margin:8px 0 0 0;}
#dossiers #dossier2 {float:left; margin:0 0 0 18px;}
#dossiers #dossier4 {float:left; margin:8px 0 0 18px;}

#dossiers #dossier5 {float:left;}
#dossiers #dossier6 {float:left; margin:0px 0 0 18px;}
#dossiers #dossier7 {float:left; margin:8px 0 0 0px;}
#dossiers #dossier8 {float:left; margin:8px 0 0 18px;}

#dossiers #dossier9 {float:left;}
#dossiers #dossier10 {float:left; margin:0 0 0 18px;}
#dossiers #dossier11 {float:left; margin:8px 0 0 0;}
#dossiers #dossier12 {float:left; margin:8px 0 0 18px;}

#dossiers .bloc-dossier .color {
	position:relative;
	width:189px;
	height:65px;
	margin:0;
	padding:0;
}
#dossiers .bloc-dossier .photo {
	position:relative;
	margin:-65px 0 0 0;
	padding:0;
	width:189px;
	height:65px;
}
#dossiers .bloc-dossier .decor {
	position:relative;
	background-image:url(/images/frontend/accueil/background-decor-dossier.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin:-64px 0 0 0;
	padding:0;
	width:189px;
	height:65px;
}
* html #dossiers .bloc-dossier .decor {
	position:relative;
	background-image:url(/images/frontend/accueil/background-decor-dossier-ie6.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin:-65px 0 0 0;
	padding:0;
	width:189px;
	height:65px;
}
#dossiers .bloc-dossier .titre {
	position:relative;
	margin:-66px 0 0 75px;
	padding:0;
	width:110px;
	height:60px;
	text-align:center;
	font-size:15px;
	line-height:18px;
}
#dossiers .bloc-dossier .titre table td {
	vertical-align:middle;
	text-align:center;
	width:110px;
	height:60px;
}

/*
#dossiers #dossier3 .titre, #dossiers #dossier6 .titre, #dossiers #dossier7 .titre, #dossiers #dossier8 .titre, #dossiers #dossier9 .titre, #dossiers #dossier10 .titre, #dossiers #dossier12 .titre {
	margin:-45px 0 0 75px;
}
#dossiers #dossier2 .titre {
	margin:-60px 0 0 73px;
}
#dossiers #dossier9 .titre {
	margin:-52px 0 0 67px;
}
*/
#dossiers .bloc-dossier .titre a {
	color:#FFF;
	text-decoration:none;
}
#dossiers .bloc-dossier .lien a {
	position:relative;
	float:left;
	margin:-64px 0 0 0;
	padding:0;
	width:189px;
	height:65px;
	z-index:10;
}

/* Quiz */
#quiz {
  position: absolute;
  width: 219px;
  top: 164px;
  height: 83px;
  left: 772px;
}

#quiz .titre {
	font-weight:bold;
	font-size:12px;
	color:#FFF;
	text-align:right;
	margin:0 12px 0 0;
	padding:0;
}

#quiz .texte {
	position:relative;
	font-weight:bold;
	font-size:12px;
	color:#284978;
	text-align:left;
	margin:7px 15px 0 15px;
	padding:0;
}

#quiz .bouton-acceder-aux-quiz a {
	position:relative;
	float:left;
	background-image:url(/images/frontend/accueil/bouton-acceder-aux-quiz.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-align:center;
	font-size:10px;
	color:#3d3d3d;
	font-weight:bold;
	text-decoration:none;
	width:118px;
	height:16px;
	border:0;
	margin:5px 0px 0 50px;
	padding:1px 0 0 0;
}

/* BD */
#bd {
  position: absolute;
  width: 221px;
  top: 250px;
  height: 66px;
  left: 769px;
}

#bd .bouton-lire-la-bd .bloc {
	position:relative;
	margin:0;
	padding:0;
}
	
#bd .bouton-lire-la-bd a {
	position:relative;
	float:left;
	background-image:url(/images/frontend/accueil/bouton-general.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-align:center;
	font-size:10px;
	color:#3d3d3d;
	font-weight:bold;
	text-decoration:none;
	width:74px;
	height:17px;
	border:0;
	margin:-21px 0px 0 111px;
	padding:1px 0 0 0;
	z-index:10;
}

/* Programme bien vieillir */
#programme-bien-vieillir {
  position: absolute;
  width: 221px;
  top: 320px;
  height: 66px;
  left: 769px;
}

/* La newsletter */
#newsletter {
  position: absolute;
  width: 222px;
  top: 389px;
  height: 110px;
  left: 769px;
  background-image:url(/images/frontend/accueil/bloc-newsletter.jpg);
  background-position:top left;
  background-repeat:no-repeat;
}

#newsletter .titre {
	font-weight:bold;
	font-size:12px;
	color:#FFF;
	text-align:right;
	margin:3px 12px 0 0;
	padding:0;
}

#newsletter .texte {
	font-size:10px;
	color:#595959;
	text-align:justify;
	font-style:italic;
	margin:8px 10px 0 10px;
	line-height:10px;
	padding:0;
}
#newsletter input#email {
	margin:7px 0 0 10px;
	width:198px;
	height:18px;
	padding:0;
	border:1px solid #ababab;
	text-align:center;
	font-style:italic;
	font-size:11px;
}

#newsletter input.bouton-valider {
	position:relative;
	float:left;
	background-image:url(/images/frontend/accueil/bouton-valider.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	text-align:center;
	font-size:8px;
	color:#3d3d3d;
	font-weight:bold;
	text-decoration:none;
	width:60px;
	height:16px;
	border:0;
	margin:3px 0px 0 150px;
	padding:0px 0 2px 0;
	z-index:10;
}

/* L'agenda */
#agenda {
  position: absolute;
  width: 222px;
  top: 503px;
  height: 122px;
  left: 769px;
  background-image:url(/images/frontend/accueil/bloc-agenda.jpg);
  background-position:top left;
  background-repeat:no-repeat;
}

#agenda .titre {
	font-weight:bold;
	font-size:12px;
	color:#FFF;
	text-align:right;
	margin:2px 12px 0 0;
	padding:0;
}

#agenda p {
	text-align:center;
	color:#595959;
	font-style:italic;
	margin:35px 0 0 0;
}

#agenda .bloc-evenement {
	line-height:12px;
	margin:0 0 0 0;
}
#agenda .prems {
	margin:5px 0 0 0;
}
#agenda .trait-sep-dates {
	margin:5px 0 5px 1px;
}

#agenda .bloc-evenement .date {
	color:#7c7c7c;
	font-size:12px;
	margin:0px 10px 0 10px;
	text-align:left;
}
#agenda .bloc-evenement .date a, #agenda .bloc-evenement .lieu a {
	color:#7c7c7c;
	text-decoration:none;
}
#agenda .bloc-evenement .titre {
	color:#225091;
	font-size:12px;
	margin:0px 10px 0 10px;
	font-weight:bold;
	text-align:left;
}
#agenda .bloc-evenement .titre a {
	color:#225091;
	text-decoration:none;
}
#agenda .bloc-evenement .lieu {
	color:#7c7c7c;
	font-size:12px;
	margin:0px 10px 0 10px;
	text-align:left;
}









/* Les Rendez-vous */
#les-rendez-vous
{
  position: absolute;
  width: 200px; height: 195px;
  top:472px; left: 780px;
  color:#464646;
}

#les-rendez-vous .date
{
  text-transform:uppercase;
  text-align:center;
  width: 200px;
}
#les-rendez-vous .date a
{
  font-size:14px; color:#464646;
  font-weight:bold;
  text-decoration:none;
}

#les-rendez-vous .titre
{
  margin:5px 0px 0px 10px;
  width:180px;
}
#les-rendez-vous .titre a
{
  color:#284978;
  text-decoration:none;
}
#les-rendez-vous .titre b
{
  font-weight:bold;
  font-size:14px;
}

#les-rendez-vous .trait-sep
{
  background-image:url(/images/frontend/accueil/trait-sep-rdv.jpg);
  width:185px; height:2px;
  margin:5px 0px 5px 8px;
}

#les-rendez-vous .chapeau
{
  margin:0px 0px 0px 8px;
  width:185px;
}
#les-rendez-vous .chapeau a
{
  color:#284978;
  font-size:12px;
  text-decoration:none;
}