@charset "utf-8";

body{
	background:url(theme/fond.png) repeat-y top center #ffffff;
	font-family: arial,sans-serif;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.6em;
	color:#FFFFFF 
	}

h1{
	width:960px;	
	padding: 3px 0px 0px 10px;
	text-align:center;
	font-weight:bold;
}	

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

h3{
	line-height:16px;
	margin: 10px 20px 10px 20px;
	text-align:justify;
	font-weight:bold;
}	
	
p{
	line-height:16px;
	margin: 10px 0px 0px 0px;
	padding:0px 20px;
	text-align:justify;
}

a{
	color:#FFFFFF;
}

a:hover{
	color:#660033;
}

p .nouveau {
	background-color: #FFFFFF;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
    color: #cc0066;
    padding: 2px 5px;
}

p .bold {
	font-weight: bold;
}

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

#conteneur{
	width:980px;
	margin:0 auto;
	-moz-box-shadow: 0 2px 10px #888888;
	-webkit-box-shadow: 0 2px 10px #888888;
    box-shadow: 0 2px 10px #888888;
}

#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;
}

p.fleche{
	background: url(theme/petite-fleche.png);
	background-repeat: no-repeat;
	background-position: 0 -4%;
	line-height:16px;
	margin: 15px 20px 15px 15px;
	padding: 0px 0px 0px 30px;
	text-align:justify;
}

#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 0px; }
#menu #bouton li#boursorama a { background-position: -196px -108px; }
#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 -54px; }
#menu #bouton li#boursorama a:hover { background-position: -196px -108px; }
#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 -108px; }
#menu #bouton li#boursorama a:active { background-position: -196px -54px; }
#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:2px 5px 0 10px;
	margin:0px 5px 0px 0px;
}

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

#presentation-titre{
	background:url(theme/bandeau-presentation-bourso.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:180px;
	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:180px;
	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:180px 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-gauche.png) no-repeat top left;
	}
	
#bandeau-f-haut{
	height:82px;
	width:490px;
	margin:20px 0px 0px 0px;
	background:url(theme/bandeau-bourso-droit.png) no-repeat top right;
	}
	
.bandeau-fond{
	height:690px;
	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;
	}
	
.clear{
	clear: both;
	}
	
#footer{
	height:138px;
	width:980px;
	margin:40px 0 0 0;
	background:url(theme/footer.png) no-repeat top center;
	}