* {
	margin: 0;
	outline: none;
	padding: 0;
}

html, body {
	background: #f5f5f5;
	color: #666;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

a { text-decoration: none; }

img { border: 0; }





/***************************************************************************
  STRUCTURE
***************************************************************************/
#main {
  background: #bee2f0 url(/images/fo/home/bkg.png) repeat-x left bottom;
  height: 698px;
  width: 100%;
}

#main .wrapper {
  background: url(/images/fo/home/village-hiver.jpg) no-repeat center top;
  height: 698px;
  margin: auto;
  position: relative;
	width: 990px;	
}

#main .flash-bottom {
	bottom: 0;
	height: 130px;
	left: 0;
	position: absolute;
	width: 990px;
	z-index: 1;
}





/***************************************************************************
  NUAGE
***************************************************************************/
#nuage {
	color: #af3834;
	font-weight: bold;
	height: 83px;
	left: 33px;
	position: absolute;
	text-align: center;
	top: 37px;
	width: 175px;
}




/***************************************************************************
  BALLON
***************************************************************************/
.ballon {
  color: #af3834;
  font-weight: bold;
  height: 125px;
  position: absolute;
  right: 12px;
  text-align: center;
  top: 45px;
  width: 180px;
}





/***************************************************************************
  ACTUS
***************************************************************************/
.actus {
	color: #103963;
  font-size: 22px;
  font-style: italic;
  font-weight: bold;
  height: 45px;
  left: 418px;
  line-height: 45px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 35px;
  width: 385px;
}





/***************************************************************************
  MENU
***************************************************************************/
.menu {
  height: 358px;
  left: 7px;
  position: absolute;
  top: 270px;
  width: 185px;
  z-index: 999;
}

.menu ul { list-style-type: none; }

.menu ul li { 	
  display: block;
  position: absolute;
}

.menu ul li.item1 {	
	height: 55px;
	left: 8px;
	top: 1px;
	width: 175px;
}

.menu ul li.item2 {
  height: 58px;
  left: 33px;
  top: 72px;
  width: 152px;
}

.menu ul li.item3 {
  height: 58px;
  left: 2px;
  top: 132px;
  width: 160px;
}

.menu ul li.item4 {
  height: 45px;
  left: 14px;
  top: 198px;
  width: 155px;
}

.menu ul li.item5 {
  height: 38px;
  left: 10px;
  top: 256px;
  width: 130px;
}

.menu ul li.item6 {
  height: 55px;
  left: 5px;
  top: 302px;
  width: 153px;
}

.menu ul li a {
  display: block;
  height: 100%;
  text-indent: -10000px;
  width: 100%;
  z-index: 999;
}





/***************************************************************************
  BOUTIQUES
***************************************************************************/
.boutiques {
	bottom: 130px;
	height: 300px;
	left: 180px;
	position: absolute;
	width: 760px;
  z-index: 999;
}

.boutiques a {
  position: absolute;
  text-indent: -100000px;
  z-index: 999;
}

.boutiques .shop { position: absolute; }

.trigger {
	float: left;
	height: 100%;
	width: 100%;
}

.boutiques .shop1 {
	bottom: 0;
	height: 60px;
	left: -40px;
	width: 60px;
}

.boutiques .shop2 {
  bottom: 20px;
  height: 75px;
  left: 18px;
  width: 55px;
}

.boutiques .shop3 {
  bottom: 85px;
  height: 80px;
  left: 75px;
  width: 70px;
}

.boutiques .shop4 {
  height: 90px;
  left: 130px;
  top: 65px;
  width: 70px;
}

.boutiques .shop5 {
  height: 60px;
  left: 70px;
  top: 20px;
  width: 60px;
}

.boutiques .shop6 {
  height: 75px;
  left: 215px;
  top: 90px;
  width: 80px;
}

.boutiques .shop7 {
  height: 85px;
  left: 290px;
  top: 50px;
  width: 60px;
}

.boutiques .shop8 {
  height: 80px;
  right: 355px;
  top: 60px;
  width: 60px;
}

.boutiques .shop9 {
  height: 70px;
  right: 290px;
  top: 60px;
  width: 65px;
}

.boutiques .shop10 {
  height: 90px;
  right: 200px;
  top: 80px;
  width: 90px;
}

.boutiques .shop11 {
  height: 90px;
  right: 170px;
  top: 90px;
  width: 40px;
}

.boutiques .shop12 {
  bottom: 50px;	
  height: 100px;
  right: 90px;
  width: 80px;
}

.boutiques .shop13 {
  bottom: 10px; 
  height: 75px;
  right: 45px;
  width: 65px;
}




/***************************************************************************
  BUBBLE
***************************************************************************/
.bubble {
  display: none;
  position: absolute;
  width: 195px;
}

.bubble table {
	border-collapse: collapse;
	width: 100%;
}

.bubble .corner {
	height: 7px;
	width: 7px;
}

.bubble #topleft { background: url(/images/fo/bubble-topleft.png) no-repeat right bottom; }
.bubble #topside { background: url(/images/fo/bubble-top.png) repeat-x center bottom; }
.bubble #topright { background: url(/images/fo/bubble-topright.png) no-repeat left bottom; }
.bubble #leftside { background: url(/images/fo/bubble-left.png) repeat-y right center; }
.bubble #rightside { background: url(/images/fo/bubble-right.png) repeat-y left center; }
.bubble #bottomleft { background: url(/images/fo/bubble-bottomleft.png) no-repeat right top; }
.bubble #bottomside { background: url(/images/fo/bubble-bottom.png) repeat-x center top; }
.bubble #bottomright { background: url(/images/fo/bubble-bottomright.png) no-repeat left top; }

.bubble .content {
  background: #fff;
  padding: 0 10px 0 0;
}

.bubble h3 {
  color: #fff;
  display: block;
  font-size: 13px;
  height: 28px;
  left: -10px;
  line-height: 21px;
  margin: 2px 0 0 0;
  padding: 0 0 0 20px;
  position: relative;
  width: 150px;
}

.bubble h3 a {
	color: #fff;
	display: block;
  text-indent: 0;
}

.bubble#bubble_charcuterie h3 { background: url(/images/fo/buttons/accordion-header-charcuterie.png) no-repeat left top; }
.bubble#bubble_traiteur h3 { background: url(/images/fo/buttons/accordion-header-traiteur.png) no-repeat left top; }
.bubble#bubble_cote-jardin h3 { background: url(/images/fo/buttons/accordion-header-cote-jardin.png) no-repeat left top; }
.bubble#bubble_poissonnerie h3 { background: url(/images/fo/buttons/accordion-header-poissonnerie.png) no-repeat left top; }
.bubble#bubble_cremerie h3 { background: url(/images/fo/buttons/accordion-header-cremerie.png) no-repeat left top; }
.bubble#bubble_epicerie h3 { background: url(/images/fo/buttons/accordion-header-epicerie.png) no-repeat left top; }
.bubble#bubble_cafe-bar h3 { background: url(/images/fo/buttons/accordion-header-cafe-bar.png) no-repeat left top; }
.bubble#bubble_gouts-d-ailleurs h3 { background: url(/images/fo/buttons/accordion-header-gouts-ailleurs.png) no-repeat left top; }
.bubble#bubble_coin-gourmet h3 { background: url(/images/fo/buttons/accordion-header-coin-gourmet.png) no-repeat left top; }
.bubble#bubble_caviste h3 { background: url(/images/fo/buttons/accordion-header-caviste.png) no-repeat left top; }
.bubble#bubble_droguerie h3 { background: url(/images/fo/buttons/accordion-header-droguerie.png) no-repeat left top; }
.bubble#bubble_salon-de-beaute h3 { background: url(/images/fo/buttons/accordion-header-salon-beaute.png) no-repeat left top; }
.bubble#bubble_offrir h3 { background: url(/images/fo/buttons/accordion-header-offrir.png) no-repeat left top; }

.bubble ul {
	list-style-type: none;
	padding: 0 0 0 10px;
}

.bubble ul li {
  line-height: 12px;
  margin: 0 0 7px 0;
}

.bubble ul li a {
	color: #666;
	text-indent: 0;
	position: relative;
}
.bubble ul li a:hover { color: #333; }

.bubble .arrow {
	left: 15px;
	position: absolute;
}





/***************************************************************************
  SEARCH
.search {
	position: absolute;
	right: 55px;
	top: 115px;
	z-index: 9999;
}

.search input.input-text {
	background: url(/images/fo/home/input-search.png) no-repeat left top;
	border: 0;
	color: #999;
	font-family: "Helvetica Neue", Helvetica, Arial;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	height: 18px;
	padding: 4px 2px 0 3px;
	width: 91px;
}

.search-result {
  background: url(/images/fo/home/bkg-search-result-home.png) no-repeat left top;
  height: 180px;
  margin: 0 0 0 -60px;	
  padding: 14px 3px 8px;
  width: 196px;
  z-index: 9999;
}

.search-result ul {
  margin: 0 0 0 0;
  max-height: 180px;
  overflow-x: hidden;  
  overflow-y: auto;
  width: 197px;
}

.search-result li {
  color: #666;
  cursor: pointer;
  padding: 4px 10px;
  width: 177px;
}

.search-result li.ac_over {
  background: #eee;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  color: #333;
  padding: 3px 10px;
}
***************************************************************************/




/***************************************************************************
  NEWS
***************************************************************************/
.news {
  left: 430px;
	position: absolute;
	bottom: 130px;
	z-index: 9999;
}




/***************************************************************************
  FOOTER
***************************************************************************/
#footer {
  color: #999;
  font-size: 10px;
  font-weight: bold;
  height: 20px;
  margin: auto;
  padding: 5px 0 0 0;
  text-align: center;
  text-transform: uppercase;
  width: 990px;
}

#footer li { display: inline; }

#footer a {
  color: #666;
  margin: 0 6px 0 3px;
}
#footer a:hover { color: #333; }

#footer p {
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
}