/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: #CCCCCC;
	color: #666666;
	background-image: url(../images/motif-6.png);
	background-position:center;
	background-repeat:repeat;
	text-align: center;
	margin: auto;
	}

#bandeau {
	margin: auto;
	width:900px; 
	height:600px;
	}
	
#header {
	margin: auto;
	width:950px;
	
	}

#page {
	position: absolute;
	width: 950px;        /* selon la largeur voulue */
	margin-left: -475px; /* moitie de width */
	left: 50%;           /* constant, toujours 50% */
	height: 630px;       /* selon la quantite de texte */
	margin-top: -335px;   /* moitie de height */
	top: 50%;
	text-align: center;
	}
	
#page a, #page a:visited, #page a:active{
	color:#666666;
	font-weight:normal;
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size:1em;
	text-decoration: underline;
}
#page a:hover {
	color:#999933;
	}

a img { border: none; }	

.textbox{
	width:70%;
	text-align: center;
	padding-left:15%;
	padding-right:15%;
}
.paragraph_style_2 {
	color: #666666;
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 17px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	opacity: 1.00;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: justify;
	text-decoration: none;
	text-indent: 0px;
	text-transform: none;
}

.paragraph_style_3 {
	color: #666666;
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size: 1em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 17px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	opacity: 1.00;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: justify;
	text-decoration: none;
	text-indent: 0px;
	text-transform: none;
}


#footer {
	width:950px;
	height:20px;
	background: #CCCCCC url('../image/') no-repeat top; 
	}