*, html, body {
margin:0;
padding:0;
}
body {
background-color:#e5ebfa;
text-align:center;
color:#020;
font-family:Arial,Helvetica,sans-serif;
font-size:0.8em;
line-height:1.2em;
}
input[type="text"],input[type="password"],textarea {
padding:1px 0 1px 6px;
border-top: 1px solid silver;
border-right: 1px solid silver;
border-bottom: 2px solid black;
border-left: 1px solid silver;
color: black;
background-color:transparent;
}
input[type="submit"],input[type="reset"],input[type="button"] {
background: #18a url('/images/bouton-overlay.png') repeat-x;
display: inline-block;
padding: 3px 10px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.15);
border-bottom: 1px solid rgba(0,0,0,0.15);
border-top-width: 0;
border-right-width: 0;
border-left-width: 0;
position: relative;
cursor: pointer;
}
input[type="reset"] {
background-color: #3ad;
}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover { background-color: #057; color: #eef; }
input[readonly="readonly"] {
color:grey;
background-color:#f9f9f9;
border-bottom: 2px solid grey;
}
select {
padding:1px 0 1px 4px;
border-top: 1px solid silver;
border-right: 1px solid silver;
border-bottom: 2px solid black;
border-left: 1px solid silver;
color: black;
background-color:white;
}
a {
text-decoration:none;
color:green;
}
a img {
border:0 none;
opacity:0.8;
}
a:hover img {
opacity:1;
}
hr {
width:80%;margin:10px auto;height:1px;background-color:#c1cddb;border-width:0;
}
table{
border-collapse:collapse;border-spacing:0;width:100%;
}
th {font-size:1.1em;letter-spacing:1px;font-weight:bold;padding:1px 2px;border-bottom:1px solid silver;background-color:#f1e8f8;}
abbr, acronym, .help {
border-bottom: 1px dotted #333;
cursor: help;
}
#layout_body {
margin:0 auto;
overflow:hidden;
position:relative;
text-align:left;
width:990px;
z-index:2;
}
#layout_top {
background:black url('/images/top_bg.jpg') no-repeat scroll 0px;
height:104px;
position:relative;
padding-bottom:8px;
width:990px;
}
  #topWrapperTitre{
  background-color:transparent;
  color:inherit;
  height:74px;
  left:0px;
  position:absolute;
  top:0px;
  width:234px;
  }
  #topWrapperMenu{
  height:42px;
  left:250px;
  position:absolute;
  top:22px;
  width:769px;
  z-index:800;
  }
    #topWrapperMenu h2{
    float:left;
    font-family:'Trebuchet MS';
    font-size:16px;
    height:42px;
    line-height:74px;
    margin:0px;
    padding:0px;
    text-align:center;
    width:140px;
    }
      #topWrapperMenu h2 a{
      background-position:50% 33px;
      background-repeat:no-repeat;
      display:block;
      height:42px;
      width:140px;
      text-decoration:none;
      }
    .dropMenu {
    display:block;
    height:200px;
    overflow:hidden;
    padding-bottom:1px;
    z-index: 800;
    position: absolute;
    top: 40px;
    left: 0px;
    width: 138px;
    display:none;
    }
      #dropMenuEndemia  { left: 1px;   }
      #dropMenuFlore    { left: 141px; }
      #dropMenuFaune    { left: 281px; }
      #dropMenuBiotopes { left: 421px; }
      #dropMenuExtras   { left: 561px; }
        .dropMenu ul{
        background-color:black;
        display:block;
        list-style-image:none;
        list-style-type:none;
        margin:0px;
        padding:0pt 0pt 2px;
        }
          .dropMenu ul li{
          background-color:#eef3fc;
          color:#EEE;
          display:block;
          font-family:"Arial";
          font-size:12px;
          line-height:14px;
          margin:0px;
          padding:6px 8px;
          width:124px;
          }
          .dropMenu ul li:hover{
          background-color:#d1e8d1;
          }
            .dropMenu ul li a{
            color:#013500;
            }
  #topInfoBand{
  background-color:transparent;
  color:white;
  text-align:right;
  height:24px;
  position:absolute;
  left:0;
  top:80px;
  width:950px;
  z-index:0;
  padding:0 20px;
  }
    #topInfoBand_ico{
    margin-top:4px;
    }
    #frmRechTop{padding:0 20px 0 0;margin-top:4px;}
      #frmRechTop #rechTop{
        font-size:9pt;
        font-weight:normal;
         background-color:#f7efe6;
        border-top:1px solid black;
        border-right:0 none;
        border-bottom:1px solid black;
        border-left:1px solid black;
        width:150px;
        height:14px;
        padding:0 0 0 6px;
        vertical-align:top;
        }
      #frmRechTop #go{height:16px;width:16px;vertical-align:top;padding:0;margin:0;}
      #frmRechTop a{color:white;font-weight:bold;}
#layout_content {
padding-top:8px;
}
  #searchResult { width:970px; }
    #resultTable { width:970px; }
    #searchResult th {
    background-image: url("/images/tablesorter/small.gif");
    cursor: pointer;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 20px;
    border-right: 1px solid #dad9c7;
    margin-left: -1px;
    white-space:nowrap;
    }
    #searchResult th.headerSortUp {background-image: url("/images/tablesorter/small_asc.gif");}
    #searchResult th.headerSortDown {background-image: url("/images/tablesorter/small_desc.gif");}
    #searchResult td {padding:1px 2px;text-align:left;}
  #layout_left {
  background-color:transparent;
  float:left;
  overflow:hidden;
  margin:0pt 8px 0pt 0pt;
  width:232px;
  }
  #layout_middle {
  float:left;
  overflow:hidden;
  min-height:600px;
  }
    .middle_1blocks {
    width:990px;
    }
    .middle_2blocks {
    width:750px;
    }
    .middle_2blocks_right {
    width:750px;
    margin:0px 8px 0px 0px;
    }
    .middle_3blocks {
    margin:0px 8px 0px 0px;
    width:510px;
    }
    #layout_middle hr {
    margin:30px auto;height:1px;background-color:gray;border-width:0;
    }
  #layout_right {
  float:left;
  overflow:hidden;
  width:232px;
  }
    .middleBox {
    background-color:transparent;
    color:inherit;
    text-align:justify;
    margin-bottom:8px;
    }
      .middleBox h3 {
      font-size:1.4em;
      letter-spacing:1px;
      color:#8b4500;
      text-align:left;
      margin:0 0 18px;
      }
      .middleBox h4 {
      font-size:1.1em;
      letter-spacing:1px;
      color:#8b4500;
      text-align:left;
      margin:16px 0 6px 0;
      }
      .middleBoxContent {
      }
    .sideBox {
      margin-bottom:8px;
    }
      .sideBox h6 {
      font-size:1em;
      font-weight:bold;
      letter-spacing:0;
      background:transparent url('/images/sideBoxHeader.gif') no-repeat scroll left top;
      color:#fff;
      text-shadow: 0 1px 1px rgba(0,0,0,0.15);
      height:22px;
      line-height:22px;
      text-align:center;
      }
      .sideBox ul {
      background:transparent url('/images/sideBoxBottom.gif') no-repeat scroll left bottom;
      list-style-image:none;
      list-style-position:outside;
      list-style-type:none;
      padding-bottom:18px;
      }
        .sideBox ul li {
        background:transparent url('/images/sideBoxLine.gif') repeat-y scroll left top;
        line-height:1em;
        padding:6px 4px 0 4px;
        }
      .sideBox .sideBox_middle {
      background:transparent url('/images/sideBoxLine.gif') repeat-y scroll left top;
      line-height:1em;
      padding:6px 4px 0 4px;
      }
      .sideBox .sideBox_bottom {
      background:transparent url('/images/sideBoxBottom.gif') no-repeat scroll left bottom;
      padding-bottom:18px;
      }
#layout_footer {
background-color:transparent;
margin:16px auto 24px;
overflow:hidden;
position:relative;
text-align:center;
width:990px;
z-index:2;
}
#layout_backgroundTop {
background:transparent url('/images/bg_imageTop.jpg') no-repeat scroll center top;
position:absolute;
left:0px;
top:-2px;
width:100%;
height:400px;
z-index:1;
}
#layout_backgroundBottom {
background:transparent url('/images/bg_imageBottom.jpg') no-repeat scroll center bottom;
position:fixed;
bottom:0px;
left:0px;
width:100%;
height:400px;
z-index:1;
}
#layout_infoPanel {
position:fixed;
top:0;
left:60px;
}
  #ajaxLoading {
  position:fixed;
  top:0;
  right:0;
  color:white;
  background-color:red;
  font-size:14px;
  font-family:monospace;
  letter-spacing:-1px;
  text-align:right;
  clear:both;
  padding:2px 20px;
  white-space:nowrap;
  opacity:0.7;
  z-index:100;
  }
  #ajaxPanel {
  position:fixed;
  top:0;
  left:20px;
  color:white;
  background-color:#111;
  border:1px solid black;
  text-align:left;
  font-size:0.9em;
  clear:both;
  padding:20px;
  opacity:0.8;
  z-index:100;
  }

/* ---------- tags génériques ---------- */
table.rounded td {border-width:0;padding:0;}
table.rounded td.topleft {background:transparent url('/images/corners/topleft.png') no-repeat scroll 0px; width:10px;}
table.rounded td.topcenter {background:transparent url('/images/corners/topcenter.png') repeat scroll 0px; height:10px;}
table.rounded td.topright {background:transparent url('/images/corners/topright.png') no-repeat scroll 0px; width:10px;}
table.rounded td.middleleft {background:transparent url('/images/corners/middleleft.png') repeat scroll 0px;}
table.rounded td.middlecenter {background-color:white;padding:12px;}
table.rounded td.middleright {background:transparent url('/images/corners/middleright.png') repeat scroll 0px; width:10px;}
table.rounded td.bottomleft {background:transparent url('/images/corners/bottomleft.png') no-repeat scroll left bottom;}
table.rounded td.bottomcenter {background:transparent url('/images/corners/bottomcenter.png') repeat scroll 0px; height:10px;}
table.rounded td.bottomright {background:transparent url('/images/corners/bottomright.png') no-repeat scroll right bottom;}
tr.row {background-color:transparent;border-bottom:1px dotted #e1d8d8;}
tr.row:hover {background-color:#f1e8f8;}
.pair {color:inherit;background-color:#F7F6F1;}
.impair {color:inherit;background-color:transparent;}
.mini {font-size:smaller;line-height:16px;}
.gauche {float:left;}
.centre {margin-left:auto;margin-right:auto;text-align:center;}
.droite {float:right;}
.cache {display:none;}
.lien {cursor:pointer;cursor:hand;color:#68AC46;} .lien:hover {color:black;}
.monobr {white-space:nowrap;font-family:monospace;text-align:right;}
.bouton {
background: #18a url('/images/bouton-overlay.png') repeat-x;
display: inline-block;
padding: 3px 10px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.15);
border-bottom: 1px solid rgba(0,0,0,0.15);
border-top-width: 0;
border-right-width: 0;
border-left-width: 0;
position: relative;
cursor: pointer;
}
.bouton:hover { background-color: #057; color: #eef; }
.mini { font-size:85%; }