body {
	margin :			0;
	padding :			0;
	margin-top :		0;
	margin-left :		10px;
}

* {
	box-sizing : 		border-box;
	-moz-box-sizing :	border-box;
}

a:link, a:active, a:visited {
	text-decoration :		none;
}

a:hover {
	color :					#F22;
	text-decoration :		underline;
}
h1 {
	font-size :			130%;
}
h2 {
	font-size :			110%;
}
h3 {
	font-size :			90%;
}
h4 {
	font-size :			70%;
}

#controles a, #controles a:hover {
	color :					#D11B1B;
	font :					bold 0.8em sans-serif, arial, verdana;
}
#controles {
	float :					left;
	width :					780px;
}

#precedent, #accueil, #suivant {
	float :					left;
	text-align :			center;
}
#precedent, #suivant {
	width :					25%;
}
#accueil {
	width :					49%;
}
#page1, #page2, #page3, #page4, #page5, #page6, #page7, #page8, #page9 {
	float :					left;
	clear :					both;
	width :					780px;
	font-family :			sans-serif, verdana, arial;
	font-size :				80%;
}

/* --------------------------------------------------------------------------
 *								Page 3
 * --------------------------------------------------------------------------*/
#page3 {
	width :				780px;
	height : 			550px;
	border :			1px solid #333;
	margin :			0;
	padding :			0;
	color :				#FFF;
}
#page3 #cadre {
	float :				left;
	margin :			0;
	padding :			0;
	background-color :	#A0B0E5;
	height :			87%;
	width :				100%;
	text-align :		center;
}
#page3 #cadre #logo {
	margin-top :		10px;
	border :			1px solid black;
}
#page3 #cadre h1 {
	margin :			0;
	padding :			0;
	width :				100%;
	text-align :		center;
}
#page3 #cadre h1 span {
	text-decoration :	underline;
}
#page3 #principal {
	margin-top :		15px;
	width :				570px;
	border :			1px solid black;
}
#page3 #lnc {
	margin-left :		35%;
	margin-right :		35%;
	width :				220px;
	z-index : 			4;
}


/* --------------------------------------------------------------------------
 *								Page 4
 * --------------------------------------------------------------------------*/
#page4 {
	width :				780px;
	height : 			550px;
	border :			1px solid #333;
	margin :			0;
	padding :			0;
	color :				#FFF;
}
#page4 #cadre {
	float :				left;
	margin :			0;
	padding :			0;
	background-color :	#A0B0E5;
	height :			70%;
	width :				100%;
}
#page4 h1 {
	margin-left :		20%;
	margin-right :		20%;
	margin-top :		10px;
}
#page4 img {
	position :			absolute;
	border :			1px solid black;
	top : 				570px;
}
#page4 #photo_ville1 {
	top :				80px;
	left :				40px;
	width :				270px;
	z-index :			2;
}
#page4 #photo_ville2 {
	top :				70px;
	left :				340px;
	width :				290px;
}
#page4 #photo_ville3 {
	top :				205px;
	left :				190px;
	width :				180px;
}
#page4 #photo_ville4 {
	top :				220px;
	left :				560px;
	width :				170px;
}
#page4 #emplacement {
	display :			inline;
	float :				left;
	color :				#B0C0F5;
	width :				350px;
	margin-left :		150px;
	padding-top :		20px;
}
#page4 #emplacement h3 {
	margin :			0;
	padding :			0;
}
#page4 #emplacement h3 span {
	border : 			1px solid #B0C0F5;
	padding :			1px 2px 1px 2px;
	color :				#D00;
}

/* --------------------------------------------------------------------------
 *								Page 5
 * --------------------------------------------------------------------------*/
#page5 {
	width :				780px;
	height : 			550px;
	border :			1px solid #333;
	color :				#FFF;
	background-color :	#A0B0E5;
}
#page5 #cadre_gauche {
	float :				left;
	background-color :	#B0C0F5;
	height :			100%;
	width :				55%;
}
#page5 #cadre_droite {
	float :				left;
	background-color :	#A0B0E5;
	height :			100%;
	width :				45%;
}
#page5 #cadre_gauche img {
	position :			relative;
	border :			1px solid white;
}
#page5 #cadre_gauche img:hover {
	z-index :			10;
}
#page5 #cadre_gauche #plan_masse {
	top :				0px;
	left :				100px;
	width :				230px;
}
#page5 #cadre_gauche #plan_demi {
	top :				-20px;
	left :				20px;
	width :				400px;
}
#page5 #cadre_gauche #surf_copernic {
	position :			absolute;
	top :				348px;
	left :				150px;
	z-index :			4;
}
#page5 #cadre_droite p h1 {
	margin :			0;
	padding :			0;
	font-size :			1.1em;
}
#page5 #cadre_droite p h1 span {
	border :			1px solid white;
	font-size :			1.1em;
}

/* --------------------------------------------------------------------------
 *								Page 6
 * --------------------------------------------------------------------------*/
#page6 {
	width :				780px;
	height : 			550px;
	border :			1px solid #333;
	margin :			0;
	padding :			0;
	color :				#FFF;
}
#page6 #cadre {
	margin :			0;
	padding :			0;
	background-color :	#A0B0E5;
	height :			400px;
}
#page6 #cadre h1 {
	margin :			0;
	padding :			0;
	margin-left :		25%;
	margin-right :		15%;
	width :				90%;
}
#page6 #cadre img {
	position :			absolute;
	border :			1px solid black;
}
#page6 #cadre #space1 {
	top : 				50px;
	margin-left :		190px;
	width :				400px;
}
#page6 #cadre #space2 {
	top : 				230px;
	margin-left :		40px;
	width :				200px;
}
#page6 #cadre #space3 {
	top : 				258px;
	margin-left :		290px;
	width :				180px;
}
#page6 #cadre #space4 {
	top : 				110px;
	margin-left :		580px;
	width :				180px;
}
#page6 #amenagement {
	padding-top :		4px;
	margin-left :		10%;
	margin-right :		10%;
	width :				80%;
	color :				#90A0D5;
}
#page6 #amenagement h2 {
	margin :			0;
	padding :			0;
	color :				#D00;
}
#page6 #amenagement h2 span {
	border : 			1px solid #90A0D5;
	font-size :			0.8em;
	padding :			1px 2px 1px 2px;
}


/* --------------------------------------------------------------------------
 *								Page 7
 * --------------------------------------------------------------------------*/
#page7 {
	width :				780px;
	height : 			550px;
	border :			1px solid #333;
	color :				#FFF;
}
#page7 #cadre {
	height :			450px;
	width :				100%;
	background-color :	#B0C0F5;
}
#page7 #cadre2 {
	float :				left;
	display :			inline;
	height :			100%;
	width :				80%;
	margin-left :		10%;
	margin-right :		10%;
	background-color :	#A0B0E5;
}

#page7 #convivialite, #page7 #immeuble {
	float :				left;
	width :				50%;
	margin :			0;
	padding :			10px 0 0 10px;
}
#page7 #plan_coupe {
	float :				left;
	display :			inline;
	margin-top :		-250px;
	width :				98%;
	margin-left :		1%;
	margin-right :		1%;
}
#page7 h3 span {
	border :			1px solid white;
	padding :			1px 2px 1px 2px;
}

/* --------------------------------------------------------------------------
 *								Page 8
 * --------------------------------------------------------------------------*/
#page8 {
	width :				780px;
	height : 			550px;
	border :			1px solid #333;
	margin :			0;
	padding :			0;
}
#page8 #cadre {
	margin :			0;
	padding :			0;
	background-color :	#A0B0E5;
	color :				#FFF;
	height :			355px;
}

#page8 #cadre h1 {
	margin :			0;
	padding :			0;
	width :				100%;
	text-align :		center;
}
#page8 img {
	position :			absolute;
	border :			1px solid #A0A0FF;
}
#page8 #cadre img {
	border :			1px solid black;
}
#page8 #cadre #avenir1 {
	top :				40px;
	left :				30px;
	width :				330px;
}
#page8 #cadre #avenir2 {
	top :				235px;
	left :				290px;
	width :				200px;
	z-index :			2;
}
#page8 #cadre #avenir3 {
	top :				65px;
	left :				460px;
	width :				250px;
}
#page8 img:hover {
	position :			absolute;
	z-index :			10;
}
#page8 #picto1 {
	top :				360px;
	left :				50px;
	width :				120px;
}
#page8 #picto2 {
	top :				380px;
	left :				620px;
	width :				120px;
	z-index :			2;
}
#page8 #picto3 {
	top :				460px;
	left :				660px;
	width :				120px;
}
#page8 #texte {
	position :			absolute;
	top :				350px;
	left :				280px;
	width :				320px;
}
#page8 #texte h3 {
	padding-top :		5px;
}
#page8 #texte h3 span {
	border :			1px solid #A0A0FF;
	padding :			1px 2px 1px 2px;
	color :				red;
}
#page8 #realisations {
	position :			absolute;
	top :				470px;
	margin-left :		15px;
	width :				260px;
}
#page8 #realisations h4 {
	margin :			0;
	padding :			0;
}
#page8 #realisations p {
	margin :			1px;
	padding :			0;
	font-size :			85%;
}


/* --------------------------------------------------------------------------
 *								Page 9
 * --------------------------------------------------------------------------*/

#page9 {
	width :				780px;
	height : 			550px;
	border :			1px solid #333;
	margin :			0;
	padding :			0;
}
#page9 #cadre {
	background-color :	#A0B0E5;
	color :				#FFF;
	height :			100%;
}
#page9 #cadre h1 {
	margin :			0;
	padding :			0;
	margin-left :		40%;
	margin-right :		30%;
}
#page9 ul {
	margin :			0;
	padding :			0 0 0 15px;
}
#page9 li {
	padding :			0;
	margin :			0;
	font-size :			90%;
}
#page9 #par_flex, #page9 #par_perf, #page9 #par_env {
	float :				left;
	width :				57%;
	padding-left :		5px;
}
#page9 #par_perf {
	width :				40%;
}
#page9 #par_env {
	margin-top :		-130px;
}
#page9 h2 span {
	font-size :			90%;
	border :			1px solid white;
	margin-top :		5px;
	padding :			2px;
}
#page9 h1 span {
	text-transform :	uppercase;
}