* {margin:0px; padding:0px;}
.hide {display:none;}
.fix {visibility:hidden; clear:both; display:block;}

HTML {}
BODY {background:#000000; font-family:Tahoma,Verdana, Arial, Helvetica; font-size:11px; color:#FFFFFF; font-style:italic;}

a, a:link, a:visited {text-decoration:none; color:#FFFFFF;}
a:hover {text-decoration:none; color:#FFFFFF;}
ul, li  {padding:0px 0px 0px 10px;}

h1, h2, h3, h4, h5 {display:inline;}
img{border:0px;}

#container {width:980px; height:622px; background:#000000; margin:10px auto 0px auto; border:1px solid #336633;}
#left {width:127px; height:622px; float:left; background:#000 url(left.jpg) top center no-repeat;}
#main {width:736px; height:622px; float:left; background:#000;}
#right {width:117px; height:622px; float:left; background:#000 url(right.jpg) top center no-repeat;}


#header {width:736px; height:144px; background:#000 url(header.jpg) top center no-repeat;}
#introtext {width:370px; height:106px; padding:10px; font-family:Arial, Helvetica; font-size:16px; font-weight:bold; font-style:italic; color:#FFFFFF;}
#lang {width:736px; height:6px; padding:2px 0px 2px 0px; text-align:right;}
#menu {width:726px; height:25px; background:#000 url(menu.jpg) top center no-repeat; padding:5px;}
#bottommenu {width:734px; height:35px; background:#000000 url(bottommenu.jpg) top center no-repeat; border:1px solid #336633; border-width:0px 1px 0px 1px;}
#content {width:auto; height:370px; overflow:auto; padding:5px 10px 10px 10px; font-family:Arial, Helvetica; font-size:12px; background:#000000 url(content.jpg) top center no-repeat; border:1px solid #336633; border-width:0px 1px 1px 1px;}
#footer {width:736px; height:22px; background:#000 url(footer.jpg) top center no-repeat;}


/************************************
* MENU
************************************/
#menu a {display:block; float:left; margin:0px 5px 0px 0px; padding:3px 5px 3px 5px; color:#336633; border:1px solid #336633; background:#FFFFFF; font-family:Comic Sans MS; font-style:normal;}
#menu a:hover {color:#FFFFFF; background:#336633;}
#menu a.home, #menu a.home:hover {width:12px; height:12px; color:#FFFFFF; background:#FFFFFF url(home.gif) center center no-repeat; border:1px solid #336633; padding:5px 5px 5px 5px;}

#searchbar {float:right; padding:2px 0px 0px 0px;}
#searchbar input {border:1px solid #336633; vertical-align:middle; line-height:20px;}
#searchbar input[type="submit"] {background:#FFFFFF; color:#336633;}
#searchbar input[type="text"] {width:80px;}

/************************************
* CONTENU
************************************/
.bloc_home {width:220px; height:145px; border:1px solid #336633; padding:10px; background:#FFFFFF; color:#000000; margin:0px auto 10px auto; font-weight:bold;}
.bloc_home a, .bloc_home a:hover {color:#336633;}
.bloc_home img{margin:0px 0px 5px 0px; border:1px solid #999999;}

li.famille {list-style:none; list-style-image: url(famille.png); margin:0px 0px 5px 10px; padding:0px 0px 0px 5px; font-weight:bold;}
li.genre {list-style:none; list-style-image: url(genre.png); margin:0px 0px 5px 10px; padding:0px 0px 0px 5px;}
#genre ul li.genre {font-weight:bold;}
li.espece {list-style:none; list-style-image: url(espece.png); margin:0px 0px 5px 10px; padding:0px 0px 0px 5px;}

/************************************
* FICHE ESPECE
************************************/
.info_espece {width:245px; height:310px; margin:0px 0px 0px 0px; border:1px solid #336633; padding:10px;}
.info_espece .title {font-size:16px; font-style:italic; background:#336633; color:white; font-weight:bold;}
.info_espece .info {padding:10px;}
.info_espece .genre {}
.info_espece .famille {}
.info_espece .origine {}

/************************************
* CONTACT
************************************/
#contactfield fieldset {border:1px solid #336633; padding:10px;}
#contactfield fieldset legend {margin:0px 0px 0px 10px; padding:0px 3px 0px 3px;}
#contactfield input {border:2px solid #336633; vertical-align:middle; line-height:20px;}
#contactfield input[type="submit"] {background:#eef4ee; color:#336633;}
#contactfield input[type="text"] {width:250px;}
#contactfield textarea {border:2px solid #336633; background:#eef4ee; vertical-align:middle; line-height:20px;}


/*////////////////////////////////////////////////////////////////////// NAVIGATION //////////////////////////////////////////////////////////////////////////////////////////*/
#pagination {margin:5px 0px 5px 0px; width:100%; clear:left;}
#pagination ul {display:block; list-style:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:center;}
#pagination ul li {display:inline; width:2px; height:12px; line-height:15px; vertical-align:middle; padding:0px 0px 0px 0px; margin:0px 4px 0px 0px; color:#444444; list-style:none; cursor:pointer;}
#pagination ul li a.liste_page_actu {color:#336633; border-color:#336633 !important;}
#pagination ul li a {display:table-cell !important; display:inline-block; text-align:center; width:12px; height:10px; color:#fff; padding:3px; min-width:2px; min-height:2px; text-decoration:none; outline:none; border:1px solid #ccc; cursor:pointer;}
#pagination ul li a:focus {color:#DDD; text-decoration:none; outline:none; border-color:#aaa;}
/*////////////////////////////////////////////////////////////////////// FIN NAVIGATION //////////////////////////////////////////////////////////////////////////////////////////*/