body, html
{
	color: #000033; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image:url(images/bkgd-body.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
	background-color:#e9e9e9;
}

div
{
	color: #000033;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#bkgd
{
	width: 100%;
	height: 100%;
}

#page 
{
    background-color:#cccccc;
    width:900px;
	margin: 10px auto 10px auto;
}

#diapo
{
	height: 300px;
	width: 450px;
	margin: 20px auto 10px auto;
}
#diapo div
{
	height: 300px;
	width: 450px;
}

.entete 
{
    width:750px;
	margin: 0 auto 0 auto;
    background-color:#cccccc;
    text-align:center;
	padding:10px 10px 10px 10px;
}

.cadre 
{
    width:750px;
	margin: 5px auto 10px auto;
    background-color:#cccccc;
    border:2px solid #660066;
	padding:10px 10px 10px 10px;
}
.cadre-bouton
{
    width:750px;
	margin: 5px auto 10px auto;
    background-color:#cccccc;
    border:2px solid #660066;
	padding:10px 10px 10px 10px;
	text-align:center;
}
.footer
{
    width:750px;
	height:10px;
}
.bas-page
{
	height:5px;
}
a
{
	color: #000033;
	text-decoration: none;
}

a:hover
{
	color: #660066;
	text-decoration: none;
}

.bouton
{
    width:310px;
    height:25px;
	background-color:#999999;
	color:#660066;
	border:1px solid #996699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	cursor:pointer;
}

.bouton:hover
{
	background-color:#996699;
	color:#000033;
}