*
{
	margin:0;
	padding:0;
}

body
{
	position: relative;
	margin: 0 auto;
	width:1008px;
	/*background-color:rgb(50,50,100); /*bleu grisé*/
	background-color:rgb(0,0,0); /*bleu grisé*/
	color: rgb(255,255,100); /*jaune pâle*/
	font-family: Arial, Verdana, serif;
	font-size: small;
}

/*mise en forme des titres*/

h1
{
	margin-top:12px;
	height:38px;
}

h2
{
	height:38px;
}

h3	/*Titre contenu dans les tables */
{
	font-size:14px;
	height:20px;
	margin-top:10px;
	margin-bottom:7px;
}

h4	/*Titre espèce sur page espèce*/
{
	text-align: center;
	color: #888888;
	font-style: italic;
	font-size: large;
	font-weight: normal;
}

h5
{
	color: gray;
	font-style: italic;
	font-size: small;
	font-weight: normal;
}

p
{
	margin-top:10px;
	margin-bottom:7px;
}

/*mise en forme des liens*/
a	
{
	color:rgb(255,255,255);
}

/* DIV banner */
#bl_banner
{
	border:1px solid #444444;
	height:72px;
}

#bl_banner_left
{
	float:left;
	background-color:rgb(160,80,0);
	width:96px;
	height:72px;
}

#bl_banner_img
{
	float:left;
	height:72px;
	width:814px;
	background-color: rgb(0,0,0);
}

#bl_banner_right
{
	float:left;
	width:96px;
	height:72px;
	background-color: rgb(160,80,0);
	text-align:center;
}

.gmaplink
{
	color:rgb(0,0,0);
}

.insidelink
{
	color:rgb(255,255,0);
	/*text-decoration:none;
	background-color:rgb(100,100,165);*/
}


.insidelinkhome
{
	color:rgb(255,255,100);
	text-decoration:none;
	background-color:rgb(100,100,165);
}

.insidelinkhome:hover
{
	background-color: rgb(50,50,100);
	color: rgb(255,255,0);
}

.insidelink:hover
{
	/*background-color: rgb(50,50,100);*/
	color: rgb(255,255,192);
}


.splink
{
	border:none;
}


/* mise en forme des TABLEAUX DES ESPECES*/
	/* les tableaux espèces*/
.tabsp
{
	border-collapse: collapse;
	border-style: solid;
	border-color: gray;
	border-width: 1px;
}
	/*les cellules espèces*/
.tabsp_cell
{
	background-color: black;
	border-style: solid;
	border-color: gray;
	border-width: 1px;
	text-align: center;
	padding :5px; /*décollage du contenu par rapport aux bordures*/
}

.tabmusp_cell
{
	background-color: black;
	border-style: dotted;
	border-color: rgb(50,50,50);
	border-width: 1px;
	text-align: center;
	padding :5px; /*décollage du contenu par rapport aux bordures*/
}

.aPlateList
{
}

.aPlateList:hover
{
	color:yellow;
	font-weight:bold;
}

#div_musize
{
	border: 0px;
	padding: 0px;
	margin: 0px;
	width:1px;
}

.div_listing
{
	min-width:178px;
	overflow:auto;
	float:left;
	padding-left:16px;
	border:0px solid #555555;
}

.div_quickInfo
{
	float:left;
	width:10px;
	height:10px;
	margin-right:3px;
	margin-top:3px;
	padding-bottom:1px;
	text-align:center;
	font-size:10px;
	background-color:rgb(100,100,180);
	border:1px solid rgb(255,255,100);
}

.div_quickInfo2
{
	float:left;
	width:10px;
	height:10px;
	margin-right:2px;
	margin-top:2px;
	padding-bottom:1px;
	text-align:center;
	font-size:10px;
	background-color:rgb(100,100,180);
	border:1px solid #666666;
	font-style:normal;
}

.tab_cell
{
	border-style: solid;
	border-color: gray;
	border-width: 1px;
}

.td_page2
{
	background-color: black;
	text-align:center;
	width:150px;
	padding:3px;
	color:gray;
}

.lstsp_cell
{

}

.txtblink
{
	text-decoration: blink;
}

.tabsp_current_pages
{
	text-decoration: none;
	font-weight: bold;
	font-size: medium;
	color : yellow;
}

	/*texte des noms des espèces*/
.txt_sp
{
color: gray;
font-style: italic;
font-size: small;
}



.txt_sp2
{
color: white;
font-style: italic;
font-size: large;
}

.txt_fam2
{
text-align: right;
color: gray;
font-style: italic;
font-size: large;
}

.tab12
{
float:left;
margin-left: 40px;
}

.bodypop
{
	background-color : black;
	padding-left: 10px;
	padding-right: 10px;
	width:664px;
}

/* Mise en forme des TABLEAUX DES NEWS*/
	/*Le tableau des news*/
/*
#bloc_accueil
{
	position: absolute;
	width:400px;
	left:400px;
	padding-left:8px;
}
*/
	
.tabnews
{
	border-collapse: collapse;
	border-style: solid;
	border-color: gray;
	border-width: 1px;
	width:386px;
}

.tabvhistory
{
	border-collapse: collapse;
	border-style: solid;
	border-color: gray;
	border-width: 1px;
	width:800px;
}

.tabtop5_cell_titre
{
	background-color: rgb(80,80,140);
	border-style: solid;
	border-color: gray;
	border-width: 1px;
	padding:5px; /*décollage du texte par rapport aux bordures*/
	font-size:medium;
}
	/*Les cellules "données" du tableau des news*/
.tabtop5_cell_data
{
	background-color: rgb(80,80,140);
	padding-left: 15px; /*décollage du texte par rapport aux bordures*/
}

.tabtech
{
	border-collapse: collapse;
	border-style: solid;
	border-color: gray;
	border-width: 1px;
	width: 800px;
}

	/*Les cellules "titres" du tableau des news*/
.tabnews_cell_titre
{
	background-color: rgb(80,80,140);
	border-style: solid;
	border-color: gray;
	border-width: 1px;
	padding:5px; /*décollage du texte par rapport aux bordures*/
	font-size:medium;
}
	/*Les cellules "données" du tableau des news*/
.tabnews_cell_data
{
	background-color: rgb(80,80,140);
	border-style: solid;
	border-color: gray;
	border-width: 1px;
	padding :12px; /*décollage du texte par rapport aux bordures*/
}

/*Mise en forme du TABLEAU MENU*/
.tabmenu
{
	border-collapse: collapse;
	border: 0px;
	width: 100%;
	left:30px;
	top:8px;
}
.tabmenu_cell1
{
	border: 1px solid rgb(150,150,150);
	font-size: 16px;
	height:28px;
	padding-left:2px;
}
.tabmenu_cell2
{
	border: 1px solid rgb(150,150,150);
	font-size: 14px;
	height:24px;
	padding-left:12px;
}
.tabmenu_cell3
{
	border: 1px solid rgb(150,150,150);
	font-size: 12px;
	height: 20px;
	padding-left: 24px;
}
.tabmenu_cell4
{
	border: 1px solid rgb(150,150,150);
	font-size: 11px;
	height: 20px;
	padding-left: 36px;
}

td.tabmenu_cell1:hover  , td.tabmenu_cell2:hover, td.tabmenu_cell3 :hover, td.tabmenu_cell4 :hover
{
	background-color : rgb(80,80,140);
}

.lienmenu
{
	text-decoration: none;
}
.lienmenu:hover
{
	color: yellow;
}

/*Mise en forme des formulaire login logout*/
.logbutton
{
	font-size: 9pt;
	color:yellow;
	background-color: rgb(80,80,140);
	border-width: 2pt;
}
.loglabel
{
	width:30px;
}
.loginput
{
	font-size: 9pt;
	background-color: rgb(80,80,140);
	color: yellow;
	width: 72px;
}

.logform
{
	font-size: 9pt;
}

/* Mise en forme des blocs principaux*/
#bl_body
{
	overflow:auto;
	border:1px solid #444444;
	border-bottom:0;
	background-color:rgb(100,100,180);
}

#bl_menu
{
	float:left;
	overflow:auto;
	width: 172px;
	padding-left:8px;
	padding-right:8px;
	background-color: rgb(50,50,100);
	border:0px dotted green;
}

#bl_main
{
	float:left;
	overflow:auto;
	max-width:802px;
	min-width:802px;
	padding-left:8px;
	padding-right:8px; /*paddings adds up to the size */
	padding-bottom:8px;
	background-color:rgb(100,100,180);
	border:0px dotted yellow;
}

#bl_query
{
	overflow:auto;
	/*height:128px;*/
	width:796px;
	background-color: rgb(0,0,0);
	padding-left: 6px;
	border:0px solid magenta;
}

.bl_query_tab
{
	border-collapse: collapse;
	border: solid yellow 0px;
}

.bl_query_tab_cell
{
	height: 30px;
	width: 128px;
	background-color: black;
	border-style: solid;
	border-color: gray;
	border-width: 0px;
	text-align: left;
	color:gray;
	padding:5px; /*décollage du contenu par rapport aux bordures*/	
}

#bl_tabsp
{
	background-color:rgb(0,0,0);
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	border:0px solid cyan;
}

#bl_login
{
	position: absolute;
	top: 400px;
	left: 18px;
}

#bl_rndsp
{
	/*float:top;*/
	top:0px;
	left:420px;
}

ul#portfolio li img{
	border: 0px solid #ccc;
	padding: 0px;
}

/*Mise en forme des listes déroulantes*/
.lang_droplist
{
	font-size: xx-small;
	background-color: rgb(160,80,0);
	color: rgb(200,200,200);
	width: 48px;
}
.lang_btn
{
	top:50px;
	width: 48px;
	height: 20px;
	font-size: xx-small;
	color:rgb(200,200,200);
	background-color: rgb(160,80,0);
	margin-top:2px;
}
.lang_lbltext
{
	font-size: xx-small;
	background-color: rgb(160,80,0);
	color: rgb(255,255,255);
}

.query_droplist
{
	font-size: x-small;
	background-color: rgb(48,48,48);
	/*color: gray;*/
	color: rgb(180,180,180);
	width: 120px;
	border-width: 1px;
}

.query_droplist_colrow
{
	font-size: x-small;
	background-color: rgb(48,48,48);
	color: rgb(196,196,196);
	width: 54px;
	border-width: 1px;
}

.query_button
{
	width: 54px;
	font-size: x-small;
	color:rgb(255,255,255);
	background-color: rgb(48,48,48);
}

.query_button_submit
{
	/*position:absolute;
	left: 460px;
	top: 37px;*/
	height: 28px;
	width: 64px;
	color:rgb(255,255,255);
	background-color:rgb(48,48,48);
	font-weight: bold;
}

.query_button_submit2
{
	/*position:absolute;
	left: 460px;
	top: 37px;*/
	height: 28px;
	width: 64px;
	color:rgb(80,80,140);
	background-color:rgb(48,48,48);
	font-weight: bold;
}

#bl_comment
{
	position:relative;
	width: 510px;
}

#bl_comment_form
{
	position:relative;
	width: 510px;
	height:292px;
}

.tblcomment td
{
	padding:1px;
	text-align:right;
}

.comment_btn
{
	font-size: x-small;
	color:rgb(200,200,200);
	background-color: rgb(80,80,80);
	/*margin-top:2px;*/
}
.comment_txt
{
	/*position: absolute;
	left: 64px;*/
	padding:0;
	margin:0;
	font-size: small;
	background-color: rgb(80,80,80);
	color: rgb(200,200,200);
}
.comment_frm
{
	border: 1px solid gray;
	margin-top:4px;
	margin-bottom:12px;
	width:492px;
}
.comment_tb
{
	border-collapse: collapse;
	margin-top:8px;
	width:492px;
}
.comment_cell
{
	border-style: solid;
	border-color: gray;
	border-width: 1px;
	background-color: rgb(80,80,80);
}

#bl_footer_left
{
	-moz-border-radius-bottomleft:14px;
	-webkit-border-bottom-left-radius:14px;
}

#bl_footer_right
{
	-moz-border-radius-bottomright:14px;
	-webkit-border-bottom-right-radius:14px;
}