/* CSS Document */

/********************************* GLOBAL ************************************/
body {
  text-align: center;
  font:x-small/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color: #bbb;
  color: #333;
  padding: 0;
  margin:0;
}
* {
  margin:0;
  padding:0;
}
div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 1em;
}
img {
  border: 0;
}
a, a:link, a:active {
  text-decoration: underline;
  background-color: inherit; 
  color: #7C5018; 
}
a:hover {
  text-decoration: none;
  color: #725C38;
}
div#global {
  margin: 0 auto;
  width: 871px;
  color: black;
  background-color: #fff;
  position:relative;
  height:1%;
}
div#head {
   height: 154px;
   position: relative;
   text-align:left;
   padding: 4px 4px 4px 40px;
   background: transparent url(img/head_accueil.jpg) no-repeat right top;
}
div#head img{
   border:none;
}

/********************************* MENUS ************************************/
#menu1 dl, #menu1 dt, #menu1 dd, #menu1 ul, #menu1 li, #menu2 ul, #menu2 li, #menu2 dl, #menu2 dt, #menu2 dd {
   list-style-type: none;
}
#menu1 dl, #menu2 dl {
   float: left;
   width: 1em;/*hack IE Mac Win*/
   width/* */:/**/auto;/*hack IE Mac Win*/
}
#menu1, #menu2 {
	width:870px;
	position:absolute;
}
#menu1 {
	left:0;
	top: 130px;
	z-index:100;
}
#menu2 {
	left:0;
	top: 146px;
	z-index:50;
}
#menu1 a, #menu2 a{
	text-decoration: none;
	display: block;
	font-weight:bold;
	height: 100%;
}
#menu1 dt a{
  background: #999 url(img/fond_menu1_accueil.jpg) repeat-x center 0px;
  color: #fff;
}
#menu1 dt a:hover, #menu1 dt a.selected{
  background-position: center -25px;
}
#menu2 dt a{
  background: #9d4 url(img/fond_menu2_accueil.jpg) repeat-x center 0px;
  color: #642;
}
#menu2 dt a:hover, #menu2 dt a.selected{
  background-position: center -25px;
  color: #000;
}
#menu1 dt a, #menu2 dt a {
	text-align: center;
	font: bold 11px/16px verdana, arial, sans-serif;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 144px;
	height: 16px;
}
#menu1 li a {
	font: 11px/16px verdana, arial, sans-serif;
	text-align: left;
	margin-right: -1px;
	padding-left: 4px;
	background-color:#999;
	color:#fff;
	border-bottom: 1px solid #fff;
	width: 140px;
}
#menu1 li a:hover {
	background-color:#555;
}
#menu2 li a {
	font: 11px/16px verdana, arial, sans-serif;
	text-align: left;
	margin-right: -1px;
	padding-left: 4px;
	background-color:#de5;
	color:#333;
	border-bottom: 1px solid #fff;
	width: 140px;
}
#menu2 li a:hover, #menu2 li a.selected {
	background-color:#da6;
}


/********************************* CONTENU ************************************/


#contenu {
  margin: 0;
  padding: 0;
  background: url(img/fond_accueil2.jpg) no-repeat left top;
  text-align:left;
  color:#310;
  height:1%;
}
#contenu h1 {
  color:#681;
  text-align: left;
  padding-left: 40px;
  padding-top:18px;
  font-size: 2em;
  line-height: 2em;
  font-weight: normal;
  font-weight: lighter;
  height:1%;
  background: transparent url(img/logos/eco-bio-h1.png) no-repeat bottom right;
}
#contenu h2 {
  color:#741;
  text-align: left;
  font-size: 2em;
  line-height: 2em;
  font-weight: normal;
  font-weight: lighter;
  height:1%;
}
#contenu h3 {
  color:#642;
  text-align: left;
  font-size:1.2em;
  font-weight:bold;
  line-height: 1.2em;
  padding: 14px 0 4px 0;
  height:1%;
}
#contenu h4 {
  color:#642;
  text-align: left;
  font-size:1.3em;
  font-weight: normal;
  line-height: 1.3em;
  padding: 14px 0 4px 0;
  height:1%;
}

#contenu p {
  padding: 6px 0 0 0;
  /*height:1%;*/
}
#boutique p {
  padding: 6px 0 0 0;
  text-align:center;
  color:#741;
  font-size: 2em;
  line-height: 2em;
  font-weight: normal;
  font-weight: lighter;
  height:1%;
  /*height:1%;*/
}
#contenu span.lettrine1 {
  color:#9c1;
  font-size:2.6em;
  line-height:1em;
  font-weight: lighter;
  float:left;
  padding-right:3px;
  height:1%;
}
#contenu span.lettrine2 {
  color:#963;
  font-size:2.6em;
  line-height:1em;
  font-weight: lighter;
  float:left;
  padding-right:3px;
}
#contenu span.lettrine3 {
  color:#690;
  font-size:1.3em;
  line-height:1em;
  font-weight: lighter;
  padding-right:3px;
  top:0.1em;
}
#contenu .droite ul {
  list-style-type:none;
}
#contenu .droite ol {
  list-style-position: inside;
}
#contenu .droite ul li {
  /*height:1%;*/
  display: block;
  /*padding: 0.5em 0 0.6em 36px;*/
  padding: 0.5em 0 0.6em 26px;
  background: url(img/li_content6.gif) no-repeat left 10px;
}
/*#contenu .droite ol li {
  height:1%;
  padding: 0.5em 0 0.6em 2em;
}*/
.gauche {
  width:250px;
  margin: 20px 0 0 40px;
  float:left;
  height:1%;
}
.droite {
  width:500px;
  padding-left:40px;
  float:left;
  height:1%;
}
.encart {
  padding: 30px;
  /*border: #832 solid 1px;*/
  background:#eed;
}


/********************************* PIED DE PAGE ************************************/


#bottom {
  background: url(img/fond_pied_accueil.jpg) no-repeat center top;
  padding: 48px 20px 4px 20px;
  text-align:left;
  color:#890;
  font-size:0.9em;
}


/**************************************************************

	Rounded Corners
	v 1.1

**************************************************************/


.boxFloat, .imageFloat {
	float: left;
	overflow: hidden;
	height: 1%;
}

/***********************************/


.boxTopLeft {
	background: url(img/accueil/topLeft.png) top left no-repeat;
}
.boxTop {
	background: url(img/accueil/top.png) top right repeat-x;
}
.boxTopRight {
	background: url(img/accueil/topRight.png) top right no-repeat;
}
.boxMiddleLeft {
	background: url(img/accueil/Left.png) top right repeat-y;
}
.boxMiddle {
	background: url(img/accueil/middle.png) center center repeat;
}
.boxMiddleRight {
	background: url(img/accueil/Right.png) top right repeat-y;
}
.boxBottomLeft {
	background: url(img/accueil/bottomLeft.png) bottom left no-repeat;
}
.boxBottom {
	background: url(img/accueil/bottom.png) bottom right repeat-x;
}
.boxBottomRight {
	background: url(img/accueil/bottomRight.png) bottom right no-repeat;
}


/*************************************************************/

.roundedContent {
	padding: 30px;
	margin-bottom: 20px;
	
}