html, body {
		margin: 0; padding: 0;
		width: 100%; 
		height: 100%;
		background-color: #c7c7c7;
		font-size: 10pt;
		text-align: center;
		font-family: Arial, Verdana, Helvetia;
	}
	#upper {
		width: 100%;
		height: 50%;
		background-color: #ffffff;
		position: absolute;
		top: 0;
		left: 0;
		/*z-index: 10;*/
	}
	/* ------------------------------------------ */
	#middle, #lower {
		width: 100%;
		position: absolute; 
		top: 50%;
		left: 0;
		text-align: center;
	}
	#middle {
		height: 336px;
		background-color: #ffffff;
		margin-top: -251px;
	}
	#lower {
		background-color: #c7c7c7;
		margin-top: 85px;
	}
	/* ------------------------------------------ */
	#middle > div, #lower > div {
		width: 774px;
		margin-left: auto; 
		margin-right: auto;
	}
	
	#middle > div {
		height: 337px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-top: 1px solid #ccc;
		background: url('SynouvelleBackground.jpg') no-repeat;
		text-align: left;
	}
	
	#middle img {
		margin: 0;
		padding: 0;
		vertical-align: top;
	}
	
	#middle > div > span {
		color: #b6278b;
		font-size: 0.8em;
	}
	
	#middle > div > div {
		margin-left: 68px;
		margin-top: 30px;
		width: 350px;
	}
	#middle h2 {
		font-size: 0.95em;
		color: #556;
	}
	#middle p {
		font-size: 0.9em;
		color: #888;
		line-height: 1.5em;
	}
	
	
	#lower div {
		border: 1px solid black;
		background-color: #000000;
		color: #fff;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
	}
	#lower a {
		margin-left: 10px;
		margin-right: 10px;
		width: 62px;
		height: 70px;
		cursor: hand;
	}
	#lower img {
		width: 62px;
		height: 70px;
		border: 0;
	}