/* ce document est mis � disposition sous un contrat creativecommons
//   (http://creativecommons.org/licenses/by-nc-nd/2.0/fr/)
// par eric lejosne - novembre 2004 
*/
body   {font-size:15px;background:#FFF; margin: 0;text-align: center;}
h1 {text-align:center;font-size:1.5em;color:black;clear:both;margin:0;padding:0;background-color:#DDD;}
h1#title {background-color:transparent;color:darkgreen; font-style:italic; font-size:2em;
text-shadow: 0px 0px 5px;}
h1#title span{display:none;}
h2 {text-align:center;font-size:1.2em;font-style:italic;clear:both;margin-top:0;padding-top:10px;background-color:#DDD;}
img {border-width:0px;vertical-align:middle;}

div.TitrePage {width:54em;margin-left:auto; margin-right:auto;padding-top:20px;padding-bottom:10px;}
div.menuTop {width:54em;margin:0;margin-left:auto; margin-right:auto;padding:0;}
div.menuTopA {width:54em;margin:0;margin-left:auto; margin-right:auto;padding:0;}
.userInfo{position:absolute;top:0;right:0;width:auto;margin:4px;padding:4px;top:0;background-color:#DDF;color:#339;border:outset 1px;}
p.stitre{text-align:left; padding-top:15px;margin:15px;clear:both;font-size:1.2em;font-style:italic;}

div.root {width:54em;background-color:#DDD;color:#339;border-right:thin solid #777777;
          border-bottom:thin solid #777777;border-left:thin solid #FFFFFF;margin:0;
          margin-left:auto; margin-right:auto;padding:0px;}

p.justify{ text-align:justify; text-indent:2em; padding:0 5px 0 5px;}
p.gauche{ text-align:left; text-indent:2em; padding:0 5px 0 5px;}
p.droite{ text-align:right; padding:0 5px 0 5px;}
p.centre{ text-align:center; padding:0 5px 0 5px;}

TD.onglet {width:15px; text-align:center;background:transparent;}		
TD.bouton {text-align:right;}
TD.btnfiche {text-align:right;font-size:0.8em;background-color:transparent;}

A {color:#654;;text-decoration: none;}
A:visited {color:#654;}
A:hover {color:#000;text-decoration: none;}
A:active {color:#000;text-decoration: none;}

A.action {text-align:right;color:#333333;font-size:12px;text-transform:none; text-decoration: none; font-style:italic}

.erreur {color:#FF0000;}

span.famille {text-transform:uppercase}
span.genre {text-transform:capitalize}
span.espece {text-transform:lowercase}
span.cultivar {text-transform:none}
span.nomCommun {text-transform:lowercase;font-size:0.9em;font-style:italic}
span.createur {text-transform:lowercase;font-size:0.8em;font-style:italic;}

span.familleP {background-color:#FDD}
span.genreP {background-color:#FDD}
span.especeP {background-color:#FDD}
span.cultivarP {background-color:#FDD}
span.nomCommunP {background-color:#FDD}


div#mentions{width:54em;color:#399;margin:0;
margin-left:auto; margin-right:auto;padding:0;text-align:left;font-size:0.8em;}
#mention p { float : right;}
#mentions a {color:#DDD;}
#mentions a:hover {color:#399;}

#mentions p#maj {margin:0;padding:0;text-align:left;font-size:0.8em; float:left;}
#mentions p {margin:0;padding:0;text-align:left;font-size:0.8em; float:right;}

 #menu {
  float:left;
  width:100%;
  background:white url("/images/interface/onglets/bg.gif") repeat-x bottom ;
  font-size:93%;
  line-height:normal;
  clear:both;
  border:none;
  border-right: 1px white solid;
  border-left: 1px white solid;
  }

 #menu ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
 #menu li {
  float:left;
  background:url("/images/interface/onglets/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
 #menu a {
  float:left;
  display:block;
  background:url("/images/interface/onglets/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
  
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
 #menu a {float:none;}
/* End IE5-Mac hack */
 #menu a:hover {
  color:#333;
  }
 #menu #actif {
  background-image:url("/images/interface/onglets/left_on.gif");
  }
 #menu #actif a {
  background-image:url("/images/interface/onglets/right_on.gif");
  color:#333;
  padding-bottom:5px;
  }

/*le menu admin est plus serr� pour que tout tienne sur une ligne...
apparemment IE n'aime pas �a... */  
.menuTopA   #menu li {
  padding:0 0 0 5px;
}

.menuTopA  #menu a {
  padding:5px 8px 4px 3px;
  }
  
p.url_print{display:none;}
  
@media print{
p.userInfo{display:none;}
p.url_print{display:block;margin:0;padding:0;}
div.TitrePage {width:54em;margin-left:auto; margin-right:auto;padding-top:0;padding-bottom:0;}
}




#sousmenu
{
  font-family:arial;
  font-size:0.8em;
  font-weight:bold;
  float:left;
  width:100%;margin:0;padding:2px 0 0 0;
  clear:both;
  border-bottom:1px solid #987;
  border-right:1px solid #765;
  background: url(/images/interface/onglets/sub_bg_off.gif) ;
}

#sousmenu ul
{
margin: 0px;
padding: 0px 0px;
display: block;
width:auto;
}

#sousmenu li
{
list-style: none;
float: left;
color:#765;
border-right:1px solid #765;
background: url(/images/interface/onglets/sub_bg_on.gif) no-repeat right top ;
height:1.5em;
padding-top:5px;
}

#sousmenu a
{
margin: 0px;
display: block;
padding: 0px 6px 3px 6px;
text-decoration: none;
}

#sousmenu a:hover, #sousmenu a#actifSM
{
color: #000;
}


#googleMenu
{
  float:left;
  width:100%;margin:0;padding:2px 0 0 0;
  clear:both;
  border-bottom:1px solid #987;
  border-right:1px solid #765;
  background-color:#DDD;
  text-align:center;
}

#googleSide {
   position:absolute;
   top:160px;
   right:0;
   width:auto;
   margin:4px;
   padding:4px;
   background-color:#FFF;
   border:none;
 }