/* CSS Document --------------------------------------------------------------------------------*/
/* Mise en forme du site VOLCAN DE LEMPTEGY ----------------------------------------------------*/
/* www.iris-interactive.fr ---------------------------------------------------------------------*/


body {
	background:#FFFFFF url(../images/body.gif) repeat-x left top;
}



/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à la navigation */
/* -------------------------------------------------------------------------------------------- */

#navigation {
	background:#2a170b url(../images/bg-navigation.gif) no-repeat 0px 23px;
	/* width:1010px; */
	z-index:60;
}

#menu {
	margin:0 0 0 175px;
}
#navigation #menu li {
	padding:10px 6px 0 0; 
}
#navigation #menu a {
	background:url(../images/bg-menu-a.gif)  no-repeat scroll 0 0 ;   
} 

 	#navigation #menu a span {
	background:url(../images/bg-menu-a.gif) no-repeat scroll 100% 0;
	}
	  	#navigation #menu a:hover span {
			background-position:100% -28px;			
		}

#navigation #menu li ul.subMenu { 
	background:#2A170B url(../images/bg-menu-li-ul.gif) repeat-x scroll 0 0;
}

#navigation #menu li ul li a:hover {
	color:#FFFFFF !important;
	background-color:#614737;
	border-color:#6fa925;
}

	 #navigation #menu li.volcan a {
		background-image:url(../images/bg-menu-a-volcan.gif);
	}
	#navigation #menu li.volcan a span {
		background-image:url(../images/bg-menu-a-volcan.gif);
	}	
/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au header */
/* -------------------------------------------------------------------------------------------- */

#header {
	position:relative;
	height:270px;
}
#global.index div#header {
	height:500px;
}

#header a.logo {
	left:0px;
	position:absolute;
	top:0;
}
#header div#actu {
	top:50px;
	left:799px;
	background-image:url(../images/bg-actualites.jpg);
	width:160px;
	height:378px;
	}
	
#header div#laCarte {
	background:url(../images/bg-la-carte.jpg) no-repeat 0 0;
	position:absolute;
	top:210px;
	left:-2px;
	width:160px;
	height:201px;
	padding-top:40px;
}
#header div#laCarte p.laCarte {
	background:url(../images/bt-la-carte.gif) no-repeat 0 0;
	width:141px;
	height:90px;
	text-indent:-999em;
	display:block;
	margin:auto;
}
#header div#laCarte p.esp {
	display:block;
	text-align:left;
	margin:-30px 0 0 25px;
	position:relative;
}
html* #header div#laCarte p.esp {
	margin:-47px 0 0 20px;
}

#header div#actu h3 {
	margin-top:10px;
}

/* diaporama Easy Slider------------------------------------------------------------------------- */		
#header #diapo {
 	background:url(../images/bg-diapo.jpg) no-repeat 0 0;
	position:absolute;
	top:30px;
	left:169px;
	height:273px;
	width:620px;
	padding:0;
	margin:0; 
}
#header #slider {
	margin:13px auto 0 auto;
}

#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
}

#slider li{ 
	width:600px;
	height:243px;
	overflow:hidden; 
}	
#prevBtn, #nextBtn { 
	display:none;
}	
				

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au contenu */
/* -------------------------------------------------------------------------------------------- */

#global.index {
	color:#000000;
	background:url(../images/bg-global-index.jpg) no-repeat 50% 0 !important;
	min-height:770px;
	height:auto !important;
	height:770px;
	min-width:960px;
} 
#global {
	color:#000000;
	background:url(../images/bg-global.jpg) no-repeat 50% 0;
	min-height:400px;
	height:auto !important;
	height:400px;
	min-width:960px;
} 
/* -------------------------------------------------------------------------------------------- */

#content h3 {
	font-size:13px;
	background:#e36803 url(../images/bg-h3.gif) no-repeat 0 0;
	color:#FFFFFF;
	text-transform:uppercase;
	margin:5px 10px;
	padding:0 0 0 10px;
	height:29px;
}
	#content h3.arrow {
		background-image:url(../images/bg-h3-arrow.gif);
		padding:0 0 0 30px;
	}
		#content h3 span {
			background:#e36803 url(../images/bg-h3.gif) no-repeat 100% 0;
			padding:5px 10px 0 0;
			height:24px;
			display:block;
		}

h4.recette {
	color:#78A33D;
	font-size:16px !important;
	padding:10px !important;
}

#content h5 {
	font-size:12px;
	font-style:italic;
	font-weight:bold;
}
	
#content li {
	list-style:url(../images/bg-li.gif) inside;
	list-style-type:none;
	padding:0 0 5px 20px;
}	

#content a {
	color:#c43b06;
	text-decoration:none;
}
#content a:hover {
	color:#c43b06;
	text-decoration:underline;
}
#content div.ingredients {
	margin-bottom:10px;
}
#content div.ingredients, 
#content div.ingredients ul {
	color:#666666;
}

/* -------------------------------------------------------------------------------------------- */		
		
#content div#acces {
	background:url(../images/bg-acces.png) no-repeat;
}
#global.index #content div#acces {
	background:url(../images/bg-acces.png) no-repeat;
	margin-top:0px;
}
#global.index #content div#acces {
	background:url(../images/bg-acces.png) no-repeat;
	margin-top:0px;
}

#content #groupe {
	background:transparent url(../images/bg-groupe.png) no-repeat 0 0;
	width:160px;
	min-height:280px;
	height:auto !important;
	height:280px;
	padding-top:40px;
}
#content #groupe a {
	background: url(../images/bt-groupe.gif) no-repeat 0 0;
	width:140px;
	height:35px;
	text-indent:-999em;
	display:block;
	position:relative;
	outline:none;
}

#content #presentation {
	background:url(../images/bg-presentation.png) no-repeat 0 0;
	width:620px;
	height:230px;
	padding-top:40px;
	line-height:1.3em;
}
#content #cadre {
	background:url(../images/bg-cadre.jpg) no-repeat 0 0;
	width:290px;
	height:200px;
	margin:auto;
}
#content #cadre a {
	background:url(../images/bt-decouvrir-lemptegy.gif) no-repeat 0 0;
	display:block;
	position:relative;
	text-indent:-999em;
	width:266px;
	height:42px;
	top:105px;
	outline:none;
}
#content #decouvrir {
	background:url(../images/bg-maison-pierre.jpg) no-repeat 0 0;
	width:290px;
	height:200px;
	margin:auto;
}
#content #decouvrir a {
	background:url(../images/bt-decouvrir-maison-pierre.gif) no-repeat 0 0;
	display:block;
	position:relative;
	text-indent:-999em;
	width:266px;
	height:42px;
	top:105px;
	outline:none;
}

#content div.important {
	background:#d8dcdf;
	margin:10px 10px 0;
}

#content div.important p, 
#content div.important a {
	color:#333333;
}
#content div.important a {
	text-decoration:underline;
}
#content div.important a:hover {
	color:#626262;
}
#content #newsList li {
	list-style-image:none;
}

#content ul.recettes li {
	padding-left:5px;
	padding-bottom:10px;
}

/* -------------------------------------------------------------------------------------------- */
/* Mask photos */

div.thumbRecettes {
	float:left;
	width:170px;
	height:130px;
	overflow:hidden;
	margin:5px 10px 5px 10px;
	position:relative;
}
div.thumbRecettes .pic {
	position:absolute;
	left:0px;
	top:0px;
}
div.thumbRecettes .mask {
	position:absolute;
	left:0;
	top:0;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au chemin de navigation */
/* -------------------------------------------------------------------------------------------- */

#global #wire ul {
	font-size:10px;
	color:#C43B06; 
	padding:0 10px 0;
	height:22px;
	text-align:left;
}
#global #wire li {
	background:url(../images/bg-wire-li.gif) no-repeat 0 5px;
	list-style:none;
	padding-left:10px;
	padding-right:7px;
	display:inline;
}
#global #wire li a {
	text-decoration:none;
	color:#C43B06; 
}
#global #wire li a:hover {
	text-decoration:underline;
	color:#C43B06; 
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au pied de page */
/* -------------------------------------------------------------------------------------------- */

#foot {
	background:none;
	height:50px;
	margin-top:20px !important;
}

#foot p {
	background-color:#2a170b;
}

#foot a {
	color:#a19d91;
}


#signature {
	padding-top:0px;
}