/* ===============================================
   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:white;
	background: black;
	background-color:#000000;
}

	/* Blocs */

	/* Bloc global pour centrage */

div#global {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 900px;
     height: 740px;
     margin-top: -370px; /* moitié de la hauteur */
     margin-left: -450px; /* moitié de la largeur */
     border: 1px solid #000;
     }

	/* Blocs haut, bas et milieu*/

div#bandeauhaut {
	position:absolute;
	left:3px;
	top:4px;
	width:900px;
	height:213px;
	z-index:1;
	}
	
div#bandeaumilieu {
	background:black;
	position:absolute;
	left:35px;
	top:221px;
	width:834px;
	height:450px;
	z-index:2;
	}
		
div#bandeaubas {
	position:absolute;
	left:2px;
	top:521px;
	width:900px;
	height:168px;
	z-index:3;
	}
	
	/* Blocs Bouttons de navigation */
	
div#bout_presentation {
	background:black;
	position:absolute;
	left:342px;
	top:168px;
	width:130px;
	height:40px;
	z-index:19;
	}
div#bout_competence {
	background:black;
	position:absolute;
	left:483px;
	top:168px;
	width:130px;
	height:40px;
	z-index:20;
	}	
div#bout_population {
	background-color:black;
	position:absolute;
	left:618px;
	top:168px;
	width:130px;
	height:40px;
	z-index:21;
	}
div#bout_contact {
	background-color:black;
	position:absolute;
	left:753px;
	top:168px;
	width:130px;
	height:40px;
	z-index:22;
	}
		
	/* Blocs relatif au formulaire */
div#news1 {
	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:35px;
	top:246px;
	width:834px;
	height:20px;
	z-index:12;
	}
	
	div#news2 {
	font-size:11pt; 
	font-style:normal;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, "Nimbus Sans L", sans-serif;
	text-align:center;
	position:absolute;
	left:35px;
	top:286px;
	width:834px;
	height:40px;
	z-index:13;
	}
	
	div#news3 {
	font-size:11pt; 
	font-style:normal;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, "Nimbus Sans L", sans-serif;
	text-align:center;
	position:absolute;
	left:163px;
	top:331px;
	width:706px;
	height:280px;
	z-index:14;
	}
	
	div#news4 {
	font-size:8pt; 
	font-style:normal;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, "Nimbus Sans L", sans-serif;
	text-align:center;
	position:absolute;
	left:35px;
	top:616px;
	width:834px;
	height:15px;
	z-index:15;
	}
	div#news5 {
	font-size:8pt; 
	font-style:normal;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, "Nimbus Sans L", sans-serif;
	text-align:center;
	position:absolute;
	left:35px;
	top:646px;
	width:834px;
	height:15px;
	z-index:16;
	}
	div#news6 {
	font-size:11pt; 
	font-style:normal;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, "Nimbus Sans L", sans-serif;
	text-align:center;
	position:absolute;
	left:265px;
	top:331px;
	width:604px;
	height:265px;
	z-index:17;
	}
	div#news7 {
	position:absolute;
	left:640px;
	top:580px;
	width:60px;
	height:20px;
	z-index:18;
	}
	
	
	/* Blocs relatif à de liste des poissons */
	/* Blocs titres */
div#titre1 {
	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:15px;
	top:231px;
	width:210px;
	height:45px;
	overflow: auto;
	z-index:8;
	}
div#titre2 {
	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:235px;
	top:231px;
	width:210px;
	height:45px;
	overflow: auto;
	z-index:9;
	}
div#titre3 {
	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:231px;
	width:210px;
	height:45px;
	overflow: auto;
	z-index:10;
	}
div#titre4 {
	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:675px;
	top:231px;
	width:210px;
	height:45px;
	overflow: auto;
	z-index:11;
	}
	
	/* Blocs Listes */
div#liste1 {
	position:absolute;
	left:15px;
	top:286px;
	width:210px;
	height:375px;
	overflow: auto;
	z-index:4;
	}
	
div#liste2 {
	position:absolute;
	left:235px;
	top:286px;
	width:210px;
	height:375px;
	overflow: auto;
	z-index:5;
	}
	
div#liste3 {
	position:absolute;
	left:455px;
	top:286px;
	width:210px;
	height:375px;
	overflow: auto;
	z-index:6;
	}
	
div#liste4 {
	position:absolute;
	left:675px;
	top:286px;
	width:210px;
	height:375px;
	overflow: auto;
	z-index:7;
	}
	
	/* mention légale avec lien vers les liste de poissons */
div#legales {
	
	position:absolute;
	left:2px;
	top:692px;
	width:900px;
	height:20px;
	z-index:12;
	}
#copyright {
	font-size:8pt; 
	font-style:italic;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, "Nimbus Sans L", sans-serif;
	text-align:center;
	color: white;
}
#copyright a {
	color: white;
	text-decoration: none;
}
#copyright a:hover, #copyright a:focus {
	text-decoration: underline;