/*** Style Definitions ***/
html {
	background: #4E9A06 url(../img/fond_page.png) top left repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}
/*** Clouds ***/
.clouds {
	width: 100%;
	height: 262px;
	overflow: hidden;
}
#clouds-small {
	width: 3000px;
	height: 100%;
	background: url(../img/bg-clouds-small.png) repeat-x;
}
#cloud2 {
	position: relative;
	top: -262px;
}
#clouds-big {
	width: 4000px;
	height: 100%;
	background: url(../img/bg-clouds-big.png) repeat-x;
}
/*** Header ***/
h1#logo {
	background: url(../img/masoupefraiche.png) top left no-repeat;
	height: 80px;
	width: 605px;
	text-indent: -9999px;
	position: absolute;
	top: 580px;
	left: 50%;
	margin-left: -303px;
}
h1#logoncg {
	background: url(../img/logo_ncg.png) top left no-repeat;
	height: 100px;
	width: 182px;
	text-indent: -9999px;
	position: absolute;
	top: 490px;
	right: 50px;
}
h1#recette_semaine{
	width:150px;
	height:150px;
	position: absolute;
	left: 50%;
	margin-left: -655px;
	top: -10px;
	z-index:200; 
}
#music {
	background: url(../img/fond_music.png) bottom left no-repeat;
	height: 95px;
	width: 90px;
	position: absolute;
	top: 460px;
	left: 20px;
	text-align:center;
}
#music object{margin-top:65px;}
#menu {
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -329px;
	z-index:160;
}

#menu a {
	background: #ffffff;
	color: #F57900;
	border: #AAA 3px solid;
	text-decoration: none;
	padding: 5px;
	margin-right: 5px;
	font-size: 12px;
	font-weight:bold;
}
#menu a:hover {
	background: #F57900;
	color: #ffffff;
	border: #ffffff 3px solid;
	text-decoration: none;
	padding: 5px;
}
#menu a.selected {
	background: #F57900;
	color: #ffffff;
	border: #ffffff 3px solid;
	text-decoration: none;
	padding: 5px;
	margin-right: 10px;
}
#menu li {
	float: left;
}
/*** Body Content ***/
#wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
#mask {
	width: 400%;
	height: 100%;
}
.box {
	width: 25%;
	height: 100%;
	float: left;
}
.content {
	width: 960px;
	height: 555px;
	top: 35px;
	margin: 0 auto;
	position: relative;
}
.inner {

}

/*** Fonds ***/
#ecr-story {width:960px;height:555px;background:url(../fonds/ecr_story.png) top center no-repeat; }
#ecr-contact{width:960px;height:555px;background:url(../fonds/ecr_contact.png) top center no-repeat; }
#ecr-recettes{width:960px;height:555px;background:url(../fonds/ecr_recettes.png) top center no-repeat; }
#ecr-trouver{width:960px;height:555px;background:url(../fonds/ecr_trouver.png) top center no-repeat; }
#ecr-goodies{width:960px;height:555px;background:url(../fonds/ecr_goodies.png) top center no-repeat; }
#ecr-liens{width:960px;height:555px;background:url(../fonds/ecr_liens.png) top center no-repeat; }
#ecr-faq{width:960px;height:555px;background:url(../fonds/ecr_faq.png) top center no-repeat; }

/*** Contenus ***/
.content p, .content ul, .content ol { font-size:0.8em;margin:3px 0;}
.content ul { margin:3px 0; margin-left: 20px; list-style-type:disk;}
.content ul ul { margin:3px 0; list-style-type:circle;}

.content .text-recettes p { font-size:0.95em;}
.content small { font-size:0.75em;}
.text-page{color:#195B1C;}

/*** Tooltips ***/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.80;
	font-size:0.9em;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip h3 { font-size:0.9em; }
#tooltip p { font-size:0.8em; }


/*** Accueil ***/
#accueil_masoupefraiche{ position:absolute; top: 150px; left: 360px; z-index:100;}
#accueil_story{ position:absolute; top: 0px; left: 0px; z-index:100;}
#accueil_contact{ position:absolute; top: 20px; right: 30px; z-index:100; }
#accueil_recettes{ position:absolute; top: 10px; left: 340px; z-index:100;}
#accueil_trouver{ position:absolute; top: 270px; left: 10px; z-index:100; }
#accueil_film{ position:absolute; top: 145px; left: 5px; z-index:100; }
#accueil_news{ position:absolute; top: 220px; right: 35px; z-index:100; }
#accueil_goodies{ position:absolute; bottom: 0px; left: 30px; z-index:100; }
#accueil_liens{ position:absolute; bottom: 0px; left: 350px; z-index:100; }
#accueil_faq{ position:absolute; bottom: 0px; right: 40px; z-index:100; }

/*** Contenus ***/
.text-wrapper {background: transparent url(../img/fond_textes.png) top left repeat;}

#histoire_wrapper{ width:350px; height:410px; position:absolute; top:55px; right: 115px;}
#histoire{ width:350px; height:410px;}
#recettes_wrapper{ width:230px; height:200px; position:absolute; top:200px; left: 115px;}
#recettes{ width:230px; height:200px;}
#trouver_wrapper{ width:350px; height:290px; position:absolute; top:75px; right: 165px;}
#trouver{ width:350px; height:290px;}
#faq_wrapper{ width:490px; height:290px; position:absolute; top:80px; left: 125px;}
#faq{ width:490px; height:290px;}

/*** Picto ***/
#noel{ position:absolute; left:0px; top:0px; z-index:90; }
#noel2{ position:absolute; right:0px; top:0px; z-index:90; }
#som{ position:absolute; right:425px; top:55px; z-index:100; }
#regime{ position:absolute; right:265px; top:45px; z-index:100; }
#ptits{ position:absolute; right:105px; top:45px; z-index:100; }
#ordi{ position:absolute; right:80px; bottom:45px; z-index:100; }
#lien-ncg{ position:absolute; left:150px; top:160px; z-index:100; }
#lien-facebook{ position:absolute; right:110px; top:250px; z-index:100; }
#lien-bergams{ position:absolute; left:150px; top:320px; z-index:100; }
#lien-par{ position:absolute; right:110px; top:390px; z-index:100; }
#mail{ position:absolute; right:200px; bottom:100px; z-index:100; }