/* ===============================================
   FEUILLE DE STYLES DES TEXTES ET DU BANDEAU BAS
              Laurent Jouvet Création
   =============================================== */


	/* --- STYLES DE BASE POUR LE TEXTE ET LES PRINCIPAUX ÉLÉMENTS --- */

	/* Page */
html {
	font-size: 100%;
}
body {
	margin: 0;
	padding: 10px 20px;
	font-family: Verdana, Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-size: .8em;
	line-height: 1.25;
	color:#000000;
	background: white;
	background-color:#FFFFFF;
}

	/* Bloc global pour centrage */

div#global {
	
	 
    position:absolute;
	left: 50%; 
    top: 10;
    width: 895px;
    height: 674px;
    margin-left: -448px; /* moitié de la largeur */
    border: 1px solid #FFFFFF;
  
  }

	/* Blocs */

	/* Bloc design */


	
	
	/* Blocs de texte et blocs d'images */

div#zonetexte1 {
	/* zone de texte 1 */
	position:absolute;
	left:440px;
	top:390px;
	width:390px;
	height:15px;
	z-index:12;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	color: #182b66;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align : justify;
	}	
	
	div#zoneimage1 {
	/* animation */
	position:absolute;
	left:162px;
	top:180px;
	width:620px;
	height:180px;
	z-index:2;
	}
	div#zoneimage2 {
	/* logo */
	position:absolute;
	left:30px;
	top:5px;
	width:402px;
	height:139px;
	z-index:1;
	background-image: url(images/innovaqua_logo.jpg);
	}
	div#zoneimage3 {
	/* texte animation */
	position:absolute;
	left:162px;
	top:380px;
	width:620px;
	height:30px;
	z-index:13;
	}
	
	/* Barre de menus */
	/* blocs conteneur de positionnement*/
	
div#contmenu1 {
	position:absolute;
	left:70px;
	top:600px;
	width:76px;
	height:19px;
	z-index:3;
	}
	
	div#contmenu2 {
	position:absolute;
	left:151px;
	top:600px;
	width:88px;
	height:19px;
	z-index:4;
	}
	div#contmenu3 {
	position:absolute;
	left:244px;
	top:600px;
	width:119px;
	height:19px;
	z-index:5;
	}
	div#contmenu4 {
	position:absolute;
	left:368px;
	top:600px;
	width:99px;
	height:19px;
	z-index:6;
	}
	div#contmenu5 {
	position:absolute;
	left:472px;
	top:600px;
	width:108px;
	height:19px;
	z-index:7;
	}
	div#contmenu6 {
	position:absolute;
	left:673px;
	top:600px;
	width:72px;
	height:19px;
	z-index:8;
	}
	div#contmenu7 {
	position:absolute;
	left:750px;
	top:600px;
	width:83px;
	height:19px;
	z-index:9;
	}
	div#contmenu8 {
	position:absolute;
	left:585px;
	top:600px;
	width:82px;
	height:19px;
	z-index:10;
	}
	
	/* Contenu et rollover du menu */
	
	/* Menu 1 */
.menu1 { 
width: 76px; 
height: 19px; 
background-image: url(images/accueil2.jpg); 
background-repeat: no-repeat; 
background-color: transparent; 
margin-top: 0px; 
} 
.menu1 a { 
display: block; 
width: 100%; 
height: 100%; 
background: white url(images/accueil1.jpg) top left no-repeat; 
} 
.menu1 a:hover { /* masquage de l'image1 au survol */ 
background: transparent none; 
}
/* Menu 2 */
.menu2 { 
width: 88px; 
height: 19px; 
background-image: url(images/CREATION2.jpg); 
background-repeat: no-repeat; 
background-color: transparent; 
margin-top: 0px; 
} 
.menu2 a { 
display: block; 
width: 100%; 
height: 100%; 
background: white url(images/CREATION1.jpg) top left no-repeat; 
} 
.menu2 a:hover { /* masquage de l'image1 au survol */ 
background: transparent none; 
}
/* Menu 3 */
.menu3 { 
width: 119px; 
height: 19px; 
background-image: url(images/FABRICATION2.jpg); 
background-repeat: no-repeat; 
background-color: transparent; 
margin-top: 0px; 
} 
.menu3 a { 
display: block; 
width: 100%; 
height: 100%; 
background: white url(images/FABRICATION1.jpg) top left no-repeat; 
} 
.menu3 a:hover { /* masquage de l'image1 au survol */ 
background: transparent none; 
}
/* Menu 4 */
.menu4 { 
width: 99px; 
height: 19px; 
background-image: url(images/ENTRETIEN2.jpg); 
background-repeat: no-repeat; 
background-color: transparent; 
margin-top: 0px; 
} 
.menu4 a { 
display: block; 
width: 100%; 
height: 100%; 
background: white url(images/ENTRETIEN1.jpg) top left no-repeat; 
} 
.menu4 a:hover { /* masquage de l'image1 au survol */ 
background: transparent none; 
}
/* Menu 5 */
.menu5 { 
width: 108px; 
height: 19px; 
background-image: url(images/POPULATION2.jpg); 
background-repeat: no-repeat; 
background-color: transparent; 
margin-top: 0px; 
} 
.menu5 a { 
display: block; 
width: 100%; 
height: 100%; 
background: white url(images/POPULATION1.jpg) top left no-repeat; 
} 
.menu5 a:hover { /* masquage de l'image1 au survol */ 
background: transparent none; 
}
/* Menu 6 */
.menu6 { 
width: 72px; 
height: 19px; 
background-image: url(images/PHOTOS2.jpg); 
background-repeat: no-repeat; 
background-color: transparent; 
margin-top: 0px; 
} 
.menu6 a { 
display: block; 
width: 100%; 
height: 100%; 
background: white url(images/PHOTOS1.jpg) top left no-repeat; 
} 
.menu6 a:hover { /* masquage de l'image1 au survol */ 
background: transparent none; 
}
	/* Menu 7 */
.menu7 { 
width: 83px; 
height: 19px; 
background-image: url(images/CONTACT2.jpg); 
background-repeat: no-repeat; 
background-color: transparent; 
margin-top: 0px; 
} 
.menu7 a { 
display: block; 
width: 100%; 
height: 100%; 
background: white url(images/CONTACT1.jpg) top left no-repeat; 
} 
.menu7 a:hover { /* masquage de l'image1 au survol */ 
background: transparent none; 
}
	/* Menu 8 */
.menu8 { 
width: 83px; 
height: 19px; 
background-image: url(images/ALARMES2.jpg); 
background-repeat: no-repeat; 
background-color: transparent; 
margin-top: 0px; 
} 
.menu8 a { 
display: block; 
width: 100%; 
height: 100%; 
background: white url(images/ALARMES1.jpg) top left no-repeat; 
} 
.menu8 a:hover { /* masquage de l'image1 au survol */ 
background: transparent none; 
}
	
	
	/* mention légale avec lien vers les créateurs */
div#legales {
	position:absolute;
	left:0px;
	top:640px;
	width:945px;
	height:40px;
	z-index:11;
	}
#copyright {
	font-size:8pt; 
	font-style:italic;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, "Nimbus Sans L", sans-serif;
	text-align:center;
	color: #000000;
}
#copyright a {
	color: #000000;
	text-decoration: none;
}
#copyright a:hover, #copyright a:focus {
	text-decoration: underline;
	}