/* CSS Document Site Jean-VIVANT.net*/
/*<![CDATA[*/
html {
font-size: 100%;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.80em;
margin: 0;
padding: 0;
background-image: url("images/fond_body.jpg"); 
background-repeat: repeat; 
}
p {
margin: 0;
margin-left: 80px;
margin-right: 80px;
color: #666666;
text-align: justify;
}
#conteneur {
position: relative;
background-color:#FFFFFF;
width:1000px;
max-width: 1000px;
min-width: 800px;
margin:auto;
}
#haut_bota {
width:1000px;
height: 103px;
background-image: url("images/bota.jpg");
background-repeat: no-repeat; 
}
#haut_myco {
width:1000px;
height: 103px;
background-image: url("images/myco.jpg");
background-repeat: no-repeat; 
}
#haut_lichen {
width:1000px;
height: 103px;
background-image: url("images/lichen.jpg");
background-repeat: no-repeat; 
}
#haut_doc {
width:1000px;
height: 103px;
background-image: url("images/document.jpg");
background-repeat: no-repeat; 
}
#haut_liens {
width:1000px;
height: 103px;
background-image: url("images/liens.jpg");
background-repeat: no-repeat ; 
}
#centre {
margin-left: 25%;
margin-right: 10%;
border: 0px;
border-left: 1px;
border-right: 1px;
border-style: solid;
border-color: rgb(204,204,153);
}
#gauche {
float:left;
width: 25%;
}
#droite {
float:right;
width: 10%;
}
#presse {
background-image: url("images/menu_bota.jpg");
width: 80%;
margin-left: 5%;
border: 1px;
border: solid;
border-color:rgb(204,204,153);
}
#herbier {
background-image: url("images/menu_bota.jpg");
width: 80%;
margin-left: 5%;
border: 1px;
border: solid;
border-color:rgb(204,204,153);
}
#menu_bota{
background-image: url("images/menu_bota.jpg");
width: 80%;
margin-left: 5%;
border: 1px;
border: solid;
border-color:rgb(204,204,153);
  }

#pied {
clear:both;
height: 40px;
background-image: url("images/pied.jpg");
}
#menu {
width:1000px;
height:17px;
background-image: url("images/menu_fond.jpg");
background-repeat: no-repeat; 
}
#menu ul
{
list-style-type: none;
margin: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 80%;

} 
#menu ul li
{
	margin: 0 7px 0 10px;
	padding: 0;
	display: inline;
  float: left;
}
#menu ul li a
{
	display: block ; 
	width: 108px;
	line-height: 17px;
	text-decoration: none;
	color: #333333;
	background: url(images/onglet_menu.jpg) no-repeat 0 0 ; /* 0px du bord gauche et 0px du bord haut */
}
#menu ul li a:hover
{
	color: rgb(102,102,0);
	background: url(images/onglet_menu.jpg) no-repeat  0 -17px;
}
a.img1 { /*Accueil */
     text-indent: 30px; /*retrait première ligne*/
     }     
a.img2 { /*Botanique */
     text-indent: 22px; 
    }
a.img3 { /* Mycologie */
     text-indent: 23px; 
     }
a.img4 { /*lichenologie*/
     text-indent: 13px; 
     }
a.img5 { /* Divers */
     text-indent: 34px; 
     }
a.img6 { /*Contacts */
     text-indent: 10px; 
}
#navigation {
clear:both;
list-style: none;
margin: 0;
margin-right: 50px;
padding:0,
	}
#navigation ul li {
	display: inline;
	margin-left: 40px;
	}
#navigation li a {
	text-decoration: underline;
	font-size: 80%;
	}
#gauche {
list-style-type: none;
margin: 0;
padding:0;
}
#gauche li {
margin-bottom: 5px;
}
#gauche a {
margin: 0 2px;
color: #666666;
text-decoration: underline;
}
#gauche a:hover {
color: rgb(51,0,0);
text-decoration: underline;
background-color:rgb(255,255,153);
}
#gauche a:visited {
color: rgb(51,102,51);
text-decoration: underline;
}
a:hover
{   
font-size: 100%;
text-decoration: underline;
color: #666666;
background-color:#FFCC66;
}
a 
{ 
font-style: normal;
font-size: 100%;
text-decoration: underline;
color: #666666;
}
a:visited 
{  font-style: normal;
   font-size: 100%;
   text-decoration: underline;
   color: #999966;
}
.centrer {
text-align: center;
}
h1{ 
font-family: MS Reference Serif,Verdana, Arial, Helvetica, sans-serif;
   font-size: 130%;
   text-decoration: none ;
   text-align: center;
   font-style: normal;
   color: #666666;
}
h2{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 85%;
   text-decoration: none ;
   text-align: center;
   font-style: normal;
   color: #FF6600;
   line-height: 8px;
}
h3 {
font-family:MS Reference Serif, Verdana, Arial, Helvetica, sans-serif;
   color: #666666;
  font-size: 140%;
  text-align: center;
}
.reduit{  
   font-size: 80%;
color: #666666;
}
.reduit2{ 
   font-style: bold; 
   font-size: 60%;
color: #666666;
}
.reduit_it{  
   font-size: 80%;
  font-style: italic;
color: #666666;
}
.line { 
background: #fff url(images/ligne.jpg) no-repeat center bottom;
margin: auto;
height: 2px;
}
hr{
color: #CC6600;
background-color: #CC6600;
height: 1px;
width: 460px; 
}
.encart{ 
font-size: 85%;
margin-left: 16px;
margin-right: 7px;
text-align: left;
}
.gche {
margin-left: 16px;
margin-right: 10px;
color: #666666;
text-align: left;
font-size: 85%;
}
table {
border-style:solid;
border-width:1px;
border-color: rgb(255,102,51);
border-collapse: collapse;
margin-left: 40px;
margin-right: 40px;
}
td {
width: 180px;
border-style:solid;
border-width:1px;
border-color:rgb(255,102,51);
border-collapse: collapse;
text-align: left;
padding: 8px;
font-size: 80%;
color: #666666;
}
.nomarge{
margin: 5px;
}
.centrer{
text-align: center;
}
.droit{
text-align: right;
}
.orange {
   color: #FF6600;
}
.bleu {
   color: #003366;  
}
.vert {
   color: #339900;  
}
.brun {
   color: rgb(51,102,102);
}
.droite {
float: right;
font-size: 70%;
color: #333333;
right: 20px;
padding-top: 5px;
}
.retrait{
font-size: 80%;
color: #666666;
margin-left: 80px;
}
.retrait_som{
font-size: 80%;
color: #666666;
margin-left: 25px;
margin-right: 0px;
text-align: left;
}
.floatg{
float: left;
margin-left: 40px;
margin-right: 15px;
display: block ;
display: inline; 
}
/*]]>*/