#menu {
width: 190px;
margin: 0;
padding: 0;
float: left;
text-align: left;
}

#menu li a {
voice-family: "\"}\""; 
voice-family: inherit;
height: 31px;
text-decoration: none;
text-align: left;
font-family: verdana;
font-weight: bold;
font-size: 11px;
margin: 0;
padding: 0;
vertical-align: bottom;
}	
	
#menu li a:link, #menu li a:visited {
color: #247B35;
display: block;
background:  url(off.png) top center no-repeat;
padding: 9px 0 0 15px;
margin: 0 0 0 0;
height: 21px;
text-align: left;
}
	
#menu li a:hover {
color: #60B572;
background:  url(on.png) top center no-repeat;
padding: 9px 0 0 15px;
margin: 0 0 0 0;
height: 21px;
text-align: left;
}	

ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
height: 100%;
}
.texte-bandeau {
font-family: "Monotype Corsiva", Times, serif;
font-size: 22px;
font-weight: bold;
font-style: none;
color: #364b35;
}

.milieu-bas{
font-family: "Tahoma", Times, serif;
font-size: 9px;
font-weight: normal;
font-style: none;
color: #1c3121;
text-align: justify;
padding-left: 25px;
padding-right: 25px;
}

.liens-bas{
font-family: "Tahoma", Times, serif;
font-size: 10px;
font-weight: normal;
font-style: none;
color: #1c3121;
text-align: center;
padding-left: 25px;
padding-right: 25px;
}
.liens-bas a:link, .liens-bas a:visited {
color: #247B35;
text-decoration: none;}
.liens-bas a:hover{
color: #60B572;
text-decoration: underline;}
 
.accueil-droit {
font-family: "Verdana", Times, serif;
font-size: 12px;
font-weight: bold;
font-style: none;
text-align: center;
padding-right: 5px;
color: #1c3121;
}
.desc-droit{
font-family: "Tahoma", Times, serif;
font-size: 9px;
font-weight: normal;
font-style: none;
color: #1c3121;
text-align: justify;
padding-left: 30px;
padding-right: 35px;
}
.adresse-nom{
font-family: "Tahoma", Times, serif;
font-size: 9px;
font-weight: bold;
font-style: none;
color: #1c3121;
text-align: justify;
padding-left: 30px;
}
.adresse-ville{
font-family: "Tahoma", Times, serif;
font-size: 9px;
font-weight: normal;
font-style: none;
color: #1c3121;
text-align: left;
padding-left: 30px;
}
.adresse-tel{
font-family: "Tahoma", Times, serif;
font-size: 9px;
font-weight: normal;
font-style: none;
color: #1c3121;
text-align: left;
padding-left: 30px;
}
.adresse-mail {
font-family: "Tahoma", Times, serif;
font-size: 9px;
font-weight: normal;
font-style: none;
color: #ff4200;
text-align: left;
padding-left: 30px;
}
.adresse-mail a:link, .adresse-mail a:hover, .adresse-mail a:visited {
font-family: "Tahoma", Times, serif;
font-size: 9px;
font-weight: normal;
color: #ff4200; 
 }
.contact-form  td{
font-family: "Verdana", Times, serif;
font-size: 12px;
font-weight: bold;
padding-left: 8px;
background-color: #EDFEC3;
color: #1c3121;
}
.contact-form  table{
padding: 5px;
background-color: #EDFEC3;
color: #1c3121;
}
#menu li a.resa:link, #menu li a.resa:visited  {
color: #FF6633;
}
#menu li a.resa:hover {
color: #FF8C66;
}

.milieu-libre{
font-family: "Tahoma", Times, serif;
font-size: 12px;
font-weight: normal;
font-style: none;
color: #1c3121;
text-align: justify;
padding-left: 25px;
padding-right: 25px;
}

/*.adresse-mail{
font-family: "Tahoma", Times, serif;
font-size: 9px;
font-weight: normal;
font-style: none;
color: #ff4200;
text-align: left;
padding-left: 30px;
}*/
table {margin-bottom: 0;margin-top: 0;vertical-align: top;}
tr{vertical-align: top;}

.info:hover .preview
{
	display: block;
	position: absolute;
	z-index: 1;
	top: 100px;
	left: 400px;
	/*float: left;*/
}

.preview
{
	display: none;
	/*width: 300px;*/
	z-index: 2;
	position: relative;
	
	
}