/*
Theme Name: Yassa et cie
Theme URI: http://www.yassaetcie.com	
Description: Yassa et cie website
Version: 2009/2010
Author: Nicolas Delienne
 
Creation Theme by Nicolas Delienne
*/

body{
	margin: 0;
	padding: 0;
	font: 12px Arial;
	color: #333;
	background: url(img/commons/top.jpg) repeat-x center top #f9fbf4;
	text-align: center;
}

img{border: 0;}

a{text-decoration: none;}
	a:hover{text-decoration: underline;}
	
.clear{clear: both;}	
/****************HEADER*******************/

#header{
	width: 840px;
	margin: 0 auto;
}
	#header h1{
		float: left;
		display: inline;
		margin: 15px 0;
	}
	
	#header #nav{
		float: right;
		text-align: right;
		font: 20px Arial;
		color: #e1edb9;
		margin: 70px 0 0 0;
	}
	#header #nav ul{
		list-style-type: none;
		margin: 0;
	}
		#header #nav ul li{
			float: left;
			margin: 0 5px;
		}
		#header #nav a{
			font: 20px Arial;
			color: #333;
			margin: 0 10px;
		}
			#header #nav a:hover, #header #nav a.current{
				color: #b9c78c;
				text-decoration: none;
			}
			
	#header #sousnav{
		font: 16px Arial;
		color: #e1edb9;
		position: absolute;
		top: 92px;
		margin: 0 0 0 -106px;
		padding: 10px 20px 5px 20px;
	}
	*+html #header #sousnav{margin: 0 0 0 -200px;}
		#header #sousnav a{
			font: 16px Arial;
			color: #666666;
			margin: 0 10px 5px 10px;
		}
			#header #sousnav a:hover, #header #nav a.current{
				color: #b9c78c;
				text-decoration: none;
			}
			
/**************************DIAPORAMA*****************************/

#diaporama_mask{
	background: url(img/commons/diapo.png) no-repeat;
	width: 791px;
	height: 350px;
	position: absolute;
	z-index: 100;
}

#slides, #slides2{
	position: relative;
	z-index: 1;
	width: 786px;
	height: 350px;
	overflow: hidden;
	text-align: center;
}
*+html #slides, #slides2{width: 791px;}

#slides img, #slides2 img{
	margin: 0 0 0 5px;
}

#diaporama{
	margin: 0 auto;
	width: 791px;
	height: 350px;
}

/**************************Info*****************************/

#info{
	border: 1px solid #ccc;
	background: url(img/commons/info.png) no-repeat 5px 5px #eee;
	font: 12px Arial;
	position: absolute;
	top: 40px;
	width: 160px !important;
	width: 200px;
	padding: 7px 10px 7px 25px;
}

/**************************FOOTER*****************************/

 #footer, #footer_home{
	background: url(img/commons/footer.jpg) repeat-x left top;
	width: 713px;
	margin: 20px auto;
	padding: 20px 0;
	text-align : left;
 }
 #footer_home{
	width: 750px;
 }
	 #footer img, #footer_home img{float: left;}
	 
	 #footer div, #footer_home div{
		float: left;
		margin: 10px;
	}
		#footer a, #footer_home div a{
			font: 12px Arial;
			color: #999;
		}