body {
	margin: 0;
	padding: 0;
	background: url(../images/fond-herbe.jpg);
	font:  100% times, "Arial Narrow",Trebuchet MS, Arial, Helvetica, verdana, sans-serif;
	color:#00007f;
}

p{margin:0 5% 1% 3%;}

ul{margin:1% 2% 0 3%;}

li {margin:1% 0;}
	
img {
	float:right;
	border:none;
}

a {
	text-decoration:none;
	color:green;
}

a:visited, a:active { border:none;}

cite {
	position:relative;
	top:20px;
	margin-bottom:15%;
	display:block;
	font-size:1.2em;
	color:green;}

h3, h4 {margin:0 0 0 3%;}

h4 {
	text-decoration:underline;
	color:red;
}

address {
	margin:5% 0;
	padding: 0 15%;
	left:25%;
	width:46%;
	height:75px;
	background: url(../images/bouton-adresse.png) no-repeat top center;
	text-align:center;
	font-size:90%;
}

span.vert {color : green;}

span.red {color : red;}

#cont-prin {/*border:solid blue 1px;*/
	position: relative;
	margin: 0 auto;
	width: 70%;
	min-width:800px;
	height:100%;
/* 	min-height: 850px; */
	background:url(../images/bord-bleu.png) repeat-y;
	background-color:#ffffff;
}


#menu {/*border :solid red 1px; */
	float:left;
	padding:8% 0 0 0;
	text-align: center;
	width: 210px;
	height:auto;
}

#menu dt {
	width: 90%;
	height: 60px;
	margin:5% 0 0 5%;
	padding-right:20%;
	line-height: 0.7em;
	background: url(../images/bouton-menu.png) no-repeat;
}

#menu dt:hover {background: url(../images/bouton-menu-hover.gif) no-repeat;}

#menu dt.actif {background: url(../images/bouton-menu-actif.gif) no-repeat;}

#menu ul {
	margin:0 0 0 8%;
	padding: 0;
	font-size: 100%;
	line-height: 0.9em;
	list-style-type:none;
}

#menu li {
	width: 100%;
	height: 50px;
	margin: -15px 0 -10px 0;
	padding: 0;
	background: url(../images/bouton-sousmenu.png) no-repeat;
}

#menu li:hover {background: url(../images/bouton-sousmenu-hover.gif) no-repeat;}

#menu a {
	color:#00007f;
	line-height: 110%;
}

/*	img.affichette {width:100%;}*/

/* fin css pour salon bio  */

#contenu {
/* 	float:left; */
	margin-left: 250px;
/* 	width: 75%; */
/* 	min-height: 850px; */
	background:url(../images/bande-droite.gif) repeat-y right;
	background-color:#ffffff;
}

#logo {
	position:relative;
	top:20px;
	float:none;
	margin:0 auto;
	width:75.05%;
	height:auto;
}

#intro {
color: red;
margin: 2% 5% 2% 2%;
}

#fb {
color: blue;
margin: 2% 8% 5% 2%;
}

#fb img {
float:left;
margin: 0 2% 7% 0;
}

#minilogo {
	float:right;
	margin:0;
	padding:10px;
	width:15.05%;
	height:auto;
}

.lettrine {
	float:inherit;
	font-weight:bold;
	font-size:200%;
	margin:0 1px 0 5%;
	line-height:1em;
}

.sousligne {
	text-decoration:underline;
	color:red;
}

.reference {margin:0 0 0 250px;}

#contact {
/* 	position:relative; */
	top:2%;
	height:40%;
	width:64%;
	background: url(../images/fond-contact.jpg) no-repeat top left;
	text-align:center;
	padding:15% 0 30% 0;
}

#lecteur-son {
	position:relative;
	bottom:0;
	left:1%
}

#ref {
margin: 1% auto;
width:80%;
min-width: 850px;
max-width: 1009px;
text-align: center;
border-top: solid 1px white;
color: white;
font-weight: bold;
}

#ref img {margin: 1% 46.5%;}

#ref a {
font-size: 100%;
font-style: italic;
color: white;
}

#ref a:hover {
color: black;
}

#msie {
margin: 0 0 5% 20%;
text-align : center;
color: red;
font-weight: bold;
font-size:130%;
}