body{
	background:url(theme/fond.png) repeat-y top center #ffffff;
	margin:0;
	padding:0;
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#FFFFFF 
	}

h1{
	color:#FFFFFF
	display:block;
	width:980px;
	line-height:24px;
	padding:0px 0px;
	text-align:justify;
	font-size:1em;
	font-weight:bold;
}	

h2{
	background:url(theme/bandeau-court-h1.png);
	display:block;
	width:450px;
	height:21px;
	line-height:21px;
	font-size:1em;
	font-weight:bold;
	padding:0 20px;
}	

h3{
	color:#FFFFFF;
	line-height:16px;
	padding:0 20px;
	text-align:justify;
	font-size:1em;
	font-weight:bold;
}	
	
p{
	color:#FFFFFF;
	line-height:16px;
	font-size:1em;
	padding:0 20px;
	text-align:justify;
}

a{
	color:#FFFFFF;
}

a:hover{
	color:#660033;
}

.bandeau-fond li{
	list-style-type: none;
	background: url(theme/puce.png) no-repeat 0 0.8em;
	line-height:16px;
	font-size:1em;
	padding:10px 20px;
	text-align:justify;
}

#conteneur{
	width:980px;
	margin:0 auto;
}

#top{
	height:101px;
	background:url(theme/top.png) no-repeat top right;
	font-size:18px;
	text-align:center;
	line-height:122px;
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
}

#menu{
	width:980px;
	height:54px;
	position: relative;
	background-repeat: no-repeat;
}

#menu #bouton { margin: 0px; padding: 0px; }
#menu #bouton li { display: inline; }
#menu #bouton li a { outline: none; float: left; width: 196px; height: 0px; padding-top: 54px; overflow: hidden; background-image: url(theme/menu.png); background-repeat: no-repeat; }

/* Bouton en attente */
#menu #bouton li#accueil a { background-position: 0px -108px; }
#menu #bouton li#boursorama a { background-position: -196px 0px; }
#menu #bouton li#fortuneo a { background-position: -392px 0px; }
#menu #bouton li#reglement a { background-position: -588px 0px; }
#menu #bouton li#contact a { background-position: -784px 0px; }

/* Bouton en survol */
#menu #bouton li#accueil a:hover { background-position: 0px -108px; }
#menu #bouton li#boursorama a:hover { background-position: -196px -54px; }
#menu #bouton li#fortuneo a:hover { background-position: -392px -54px; }
#menu #bouton li#reglement a:hover { background-position: -588px -54px; }
#menu #bouton li#contact a:hover { background-position: -784px -54px; }

/* Bouton cliqué */
#menu #bouton li#accueil a:active { background-position: 0px -54px; }
#menu #bouton li#boursorama a:active { background-position: -196px -108px; }
#menu #bouton li#fortuneo a:active { background-position: -392px -108px; }
#menu #bouton li#reglement a:active { background-position: -588px -108px; }
#menu #bouton li#contact a:active { background-position: -784px -108px; }


/* Personnalisation formulaire */
#q input[type=text]{
	border:0;
	width:281px;
	height:26px;
	background:url(theme/champs-formulaire.png) top left no-repeat;
	padding:6px 0 0 10px;
	margin:-5px 0px 0px 0px;
}

#fond-h1{
	background:url(theme/fond-h1.png) no-repeat bottom center;
	height:60px;
	margin:-9px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

#presentation-titre{
	background:url(theme/bandeau-presentation.png) no-repeat bottom center;
	height:44px;
	margin:25px 0px 0px 0px;
	}

#presentation-conteneur-gauche{
	float:left;
	width:490px;
	}
	
#presentation-conteneur-droit{
	float:right;
	width:490px;
	}

#presentation-fond-gauche{
	height:220px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:url(theme/formulaire-fond-gauche.png) repeat-y top left;
	}
	
#presentation-fond-droit{
	height:220px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:url(theme/formulaire-fond-droite.png) repeat-y top left;
	}	

#presentation-bas{
	height:12px;
	width:980px;
	margin:220px 0px 0px 0px;
	background:url(theme/bandeau-formulaire-bas.png) no-repeat top center;
	}	

#formulaire-titre{
	background:url(theme/bandeau-formulaire.png) no-repeat bottom center;
	height:44px;
	margin:40px 0px 0px 0px;
	}
	
#formulaire-conteneur-gauche{
	float:left;
	width:490px;
	}
	
#formulaire-conteneur-droit{
	float:right;
	width:490px;
	}

#formulaire-fond-gauche{
	height:330px;
	width:490px;
	margin:0px 0px 0px 0px;
	background:url(theme/formulaire-fond-gauche.png) repeat-y top left;
	}
	
#illustration{
	float:left;
	height:209px;
	width:375px;
	margin:-270px 0px 0px 60px;
	background:url(theme/tirelire-fleche.png) no-repeat top left;
	}
	
#formulaire-fond-droit{
	height:320px;
	width:490px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	background:url(theme/formulaire-fond-droite.png) repeat-y top left;
	}	

#formulaire-bas{
	height:12px;
	width:980px;
	margin:330px 0px 0px 0px;
	background:url(theme/bandeau-formulaire-bas.png) no-repeat top center;
	}
	
#b-conteneur{
	float:left;
	width:490px;
	}
	
#f-conteneur{
	float:right;
	width:490px;
	}
	
#bandeau-b-haut{
	height:82px;
	width:490px;
	margin:20px 0px 0px 0px;
	background:url(theme/bandeau-bourso-haut.png) no-repeat top left;
	}
	
#bandeau-f-haut{
	height:82px;
	width:490px;
	margin:20px 0px 0px 0px;
	background:url(theme/bandeau-fortuneo-haut.png) no-repeat top right;
	}
	
.bandeau-fond{
	height:620px;
	padding:0px 0px 0px 0px;
	background:url(theme/bandeau-fond.png) repeat-y top left;
	}
	
.bandeau-bas{
	height:12px;
	width:490px;
	margin:0px 0px 0px 0px;
	background:url(theme/bandeau-bas.png) no-repeat bottom left;
	}
	
#footer{
	height:138px;
	width:980px;
	margin:780px 0px 0px 0px;
	background:url(theme/footer.png) no-repeat top center;
	}