body {
	background-color: #ffcc00;
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
#conteneur {
	width: 828px;
	height: 509px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background: white url(../../img/background_index.jpg) top left no-repeat;
	text-align: left;
}

a {
	font: 10px verdana, arial, lucida, helvetica, sans-serif;
}

a span, h1 span {
	display: none;
}

h1#accroche {
	position: absolute;
	top: 140px;
	left: 465px;
	width: 248px;
	height: 79px;
	background: url(../../img/accroche_cerealpes_accueil.gif) top left no-repeat;
	margin: 0;
	padding: 0;
}

#contact {
	position: absolute;
	top: 485px;
	left: 365px;
	display: block;
	width: 70px;
	height: 20px;
}

#legal {
	position: absolute;
	top: 488px;
	left: 463px;
	display: block;
	width: 80px;
	height: 15px;
}

#chartevie {
	position: absolute;
	top: 488px;
	left: 630px;
	display: block;
	width: 80px;
	height: 15px;
}


#conditions {
	position: absolute;
	top: 488px;
	left: 545px;
	display: block;
	width: 80px;
	height: 15px;
}


ul#menu {
	position: absolute;
	top: 224px;
	left: 418px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

html>body ul#center {
	top: 224px;
	left: 417px;
}

ul#menu li {
	float: left;
}

ul#sous_menu {
	list-style-type: none;
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

ul#sous_menu li {
	background-image: url(../../img/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	font: 10px verdana, arial, lucida, helvetica, sans-serif;
	margin: 0;
	padding: 5px 0px 5px 13px;
	border-bottom: 1px solid black;
	width: 185px;
}

ul#sous_menu li#second {
	width: 195px;
}

ul#sous_menu li#third {
	width: 205px;
}

ul#sous_menu li#fourth {
	width: 212px;
}

ul#sous_menu li#fifth {
	width: 212px;
}

ul#sous_menu li#sixth {
	width: 212px;
}

ul#sous_menu li#seventh {
	width: 205px;
}

ul#sous_menu li#eighth {
	width: 200px;
}

ul#sous_menu li a, ul#sous_menu li a:visited {
	color: black;
	text-decoration: none;
} 

ul#sous_menu li a:hover {
	font-weight: bold;
}

a#galettes, a#galettes:visited {
	display: block;
	width: 295px;
	height: 31px;
	background: url(../../img/bouton_index/galettes.jpg) top left no-repeat;
}

a#galettes:hover,  ul#menu li a#galettes.actif {
	display: block;
	width: 295px;
	height: 31px;
	background: url(../../img/bouton_index/galettes.jpg) 0 -31px;
}

a#traditions, a#traditions:visited {
	display: block;
	width: 295px;
	height: 34px;
	background: url(../../img/bouton_index/traditions.jpg) top left no-repeat;
}

a#traditions:hover, ul#menu li a#traditions.actif {
	display: block;
	width: 295px;
	height: 34px;
	background: url(../../img/bouton_index/traditions.jpg) 0 -34px;
}

a#saveurs, a#saveurs:visited {
	display: block;
	width: 295px;
	height: 34px;
	background: url(../../img/bouton_index/saveurs.jpg) top left no-repeat;
}

a#saveurs:hover, ul#menu li a#saveurs.actif {
	display: block;
	width: 295px;
	height: 34px;
	background: url(../../img/bouton_index/saveurs.jpg) 0 -34px;
}

a#dietetique, a#dietetique:visited {
	display: block;
	width: 295px;
	height: 34px;
	background: url(../../img/bouton_index/dietetique.jpg) top left no-repeat;
}

a#dietetique:hover, ul#menu li a#dietetique.actif {
	display: block;
	width: 295px;
	height: 34px;
	background: url(../../img/bouton_index/dietetique.jpg) 0 -34px;
}

a#certifie, a#certifie:visited {
	display: block;
	width: 295px;
	height: 35px;
	background: url(../../img/bouton_index/certifie.jpg) top left no-repeat;
}

a#certifie:hover, ul#menu li a#certifie.actif {
	display: block;
	width: 295px;
	height: 35px;
	background: url(../../img/bouton_index/certifie.jpg) 0 -35px;
}

a#entreprise, a#entreprise:visited {
	display: block;
	width: 295px;
	height: 35px;
	background: url(../../img/bouton_index/entreprise.jpg) top left no-repeat;
}

a#entreprise:hover, ul#menu li a#entreprise.actif {
	display: block;
	width: 295px;
	height: 35px;
	background: url(../../img/bouton_index/entreprise.jpg) 0 -35px;
}

a#actu, a#actu:visited {
	display: block;
	width: 295px;
	height: 31px;
	background: url(../../img/bouton_index/actu.jpg) top left no-repeat;
}

a#actu:hover {
	display: block;
	width: 295px;
	height: 31px;
	background: url(../../img/bouton_index/actu.jpg) 0 -31px;
}

a#hide {
	display: block;
	width: 295px;
	height: 10px;
}

#menu_galettes, #menu_traditions, #menu_saveurs, #menu_dietetique, #menu_certifie, #menu_entreprise {
	position: absolute;
	top: 236px;
	left: 220px;
	width: 250px;
	height: 234px;
	display: none;
}

html>body #menu_galettes, html>body #menu_traditions, html>body #menu_saveurs, html>body #menu_dietetique, html>body #menu_certifie, html>body #menu_entreprise {
	top: 234px;
}

#menu_galettes {
	background: url(../../img/back_menu_index/galettes.jpg) top left no-repeat;
}

#menu_traditions {
	background: url(../../img/back_menu_index/traditions.jpg) top left no-repeat;
}

#menu_saveurs {
	background: url(../../img/back_menu_index/saveurs.jpg) top left no-repeat;
}

#menu_dietetique {
	background: url(../../img/back_menu_index/dietetique.jpg) top left no-repeat;
}

#menu_certifie {
	background: url(../../img/back_menu_index/certifie.jpg) top left no-repeat;
}

#menu_entreprise {
	background: url(../../img/back_menu_index/entreprise.jpg) top left no-repeat;
}

a#hideright {
	display: block;
	position: absolute;
	top: 220px;
	left: 714px;
	width: 20px;
	height: 250px;
}

a#hidetop {
	display: block;
	position: absolute;
	top: 210px;
	left: 220px;
	width: 200px;
	height: 20px;
}

a#hideleft {
	display: block;
	position: absolute;
	top: 220px;
	left: 200px;
	width: 20px;
	height: 250px;
}

a#hidebottom {
	display: block;
	position: absolute;
	top: 470px;
	left: 220px;
	width: 230px;
	height: 12px;
}