/* ===============================================
   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 */

div#design1 {
	/*tralogo.gif*/
    position:absolute;
	left:0px;
	top:0px;
	width:520px;
	height:157px;
	z-index:1;
	background-image: url(images/tralogo.gif);
	}

div#design2 {
	/* tralhdroite.gif */
	position:absolute;
	left:520px;
	top:0px;
	width:375px;
	height:47px;
	z-index:2;
	background-image: url(images/tralhdroite.gif);
	}
	
div#design3 {
	/* tralcotgauche.gif */
	position:absolute;
	left:0px;
	top:157px;
	width:59px;
	height:517px;
	z-index:3;
	background-image: url(images/tralcotgauche.gif);
	}
		
div#design4 {
	/* tralcotdroite.gif */
	position:absolute;
	left:846px;
	top:47px;
	width:49px;
	height:627px;
	z-index:4;
	background-image: url(images/tralcotdroite.gif);
	}
	
div#design5 {
	/* trabasmilieu.gif */
	position:absolute;
	left:59px;
	top:576px;
	width:787px;
	height:98px;
	z-index:5;
	background-image: url(images/trabasmilieu.gif);
	}
	
	div#design6 {
	/*bloc pour photo*/
    position:absolute;
	left:50px;
	top:150px;
	width:795px;
	height:425px;
	z-index:60;
	
	}
	
	/* Bloc Titre de la page */
	
	div#titre {
	position:absolute;
	left:50px;
	top:150px;
	width:311px;
	height:80px;
	z-index:20;
	}
	
	/* Ascenceur 1 avec croix */
	
div#croixtexte {
	/* croixascenceur.jpg */
	position:absolute;
	left:177px;
	top:180px;
	width:220px;
	height:340px;
	z-index:7;
	background-image: url(images/croixascenceur.jpg);
	}
	
	
	/* Contenu et rollover des fleches */
div#bouttontexte1 {
	/* bouttonHblanc.jpg */
	position:absolute;
	left:356px;
	top:280px;
	width:24px;
	height:27px;
	z-index:8;
	}	
	/* rollover fleche du haut */
.boutton_fleche_texte1 { 
width: 24px; 
height: 27px; 
background-image: url(images/bouttonHbleu.jpg); 
background-repeat: no-repeat; 
background-color: transparent; 
margin-top: 0px; 
} 
.boutton_fleche_texte1 a { 
display: block; 
width: 100%; 
height: 100%; 
background: white url(images/bouttonHblanc.jpg) top left no-repeat; 
} 
.boutton_fleche_texte1 a:hover { /* masquage de l'image1 au survol */ 
background: transparent none; 
}
	
div#bouttontexte2 {
	/* bouttonBblanc.jpg */
	position:absolute;
	left:356px;
	top:320px;
	width:24px;
	height:27px;
	z-index:9;
	}
	/* rollover fleche du bas */
.boutton_fleche_texte2 { 
width: 24px; 
height: 27px; 
background-image: url(images/bouttonBbleu.jpg); 
background-repeat: no-repeat; 
background-color: transparent; 
margin-top: 0px; 
} 
.boutton_fleche_texte2 a { 
display: block; 
width: 100%; 
height: 100%; 
background: white url(images/bouttonBblanc.jpg) top left no-repeat; 
} 
.boutton_fleche_texte2 a:hover { /* masquage de l'image1 au survol */ 
background: transparent none;
} 
	

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

div#zonetexte1 {
	/* zone de texte 1 */
	position:absolute;
	left:60px;
	top:250px;
	width:290px;
	height:339px;
	z-index:30;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align : justify;
	}	
	
	div#zoneimage1 {
	/* zone image droite */
	position:absolute;
	left:400px;
	top:153px;
	width:440px;
	height:420px;
	z-index:31;
	}
	
	
	/* Barre de menus */
	/* blocs conteneur de positionnement*/
	
div#contmenu1 {
	position:absolute;
	left:70px;
	top:600px;
	width:76px;
	height:19px;
	z-index:20;
	}
	
	div#contmenu2 {
	position:absolute;
	left:151px;
	top:600px;
	width:88px;
	height:19px;
	z-index:21;
	}
	div#contmenu3 {
	position:absolute;
	left:244px;
	top:600px;
	width:119px;
	height:19px;
	z-index:22;
	}
	div#contmenu4 {
	position:absolute;
	left:368px;
	top:600px;
	width:99px;
	height:19px;
	z-index:23;
	}
	div#contmenu5 {
	position:absolute;
	left:472px;
	top:600px;
	width:108px;
	height:19px;
	z-index:24;
	}
	div#contmenu6 {
	position:absolute;
	left:673px;
	top:600px;
	width:72px;
	height:19px;
	z-index:25;
	}
	div#contmenu7 {
	position:absolute;
	left:750px;
	top:600px;
	width:83px;
	height:19px;
	z-index:26;
	}
	div#contmenu8 {
	position:absolute;
	left:585px;
	top:600px;
	width:82px;
	height:19px;
	z-index:100;
	}
	
	/* 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:6;
	}
#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;
	}
	
	
	/* Bloc texte réponse */
	
div#reponse {
	position:absolute;
	left:80px;
	top:175px;
	width:740px;
	height:500px;
	z-index:19;
	}
	div#reponse2 {
	position:absolute;
	left:80px;
	top:156px;
	width:740px;
	height:500px;
	z-index:19;
	}
	/* Blocs relatif au formulaire */
.news1  {
	font-size:13pt; 
	font-style:italic;
	font-weight:bolder;
	font-family:Verdana, Arial, Helvetica, "Nimbus Sans L", sans-serif;
	text-align:center;
	}
.news2  {
	font-size:10pt;
	font-style:normal;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, "Nimbus Sans L", sans-serif;
	text-align:center;
	}
.news3  {	
font-size:8pt; 
	font-style:normal;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, "Nimbus Sans L", sans-serif;
	text-align:center;
	}
td span {
	font-size: 11px;
}

/* Blocs relatif à de liste des poissons */
	/* Blocs petit menu */
	div#menu_liste {
	font-size:13pt; 
	font-style:italic;
	font-weight:bolder;
	font-family:Verdana, Arial, Helvetica, "Nimbus Sans L", sans-serif;
	text-align:center;
	position:absolute;
	left:530px;
	top:30px;
	width:300px;
	height:115px;
	z-index:35;
	}
	/* Blocs ligne d'information */
	div#info_liste {
	position:absolute;
	font-size:10pt; 
	font-style:italic;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, "Nimbus Sans L", sans-serif;
	text-align:center;
	left:60px;
	top:560px;
	width:785px;
	height:25px;
	z-index:40;
	}
	
	/* Blocs titres */
div#titre_liste1 {
	font-size:13pt; 
	font-style:italic;
	font-weight:bolder;
	font-family:Verdana, Arial, Helvetica, "Nimbus Sans L", sans-serif;
	text-align:center;
	position:absolute;
	left:60px;
	top:170px;
	width:390px;
	height:45px;
	overflow: auto;
	z-index:36;
	}
div#titre_liste2 {
	font-size:13pt; 
	font-style:italic;
	font-weight:bolder;
	font-family:Verdana, Arial, Helvetica, "Nimbus Sans L", sans-serif;
	text-align:center;
	position:absolute;
	left:455px;
	top:170px;
	width:390px;
	height:45px;
	overflow: auto;
	z-index:37;
	}

	
	/* Blocs Listes */
div#liste_liste1 {
	position:absolute;
	left:60px;
	top:225px;
	width:390px;
	height:330px;
	overflow: auto;
	z-index:38;
	}
	
div#liste_liste2 {
	position:absolute;
	left:455px;
	top:225px;
	width:390px;
	height:330px;
	overflow: auto;
	z-index:39;
	}