/*###################################
#	NOM KIT							#
#	=============================	#
#	Un kit graphique				#
#	Zwatla.com + Lagouache.com		#
#	© 2008							#
###################################*/

/*	#div
---------------------------*/
.wrapper {margin:0 auto; width:780px;}
#header {padding:10px 0; margin-top:80px; height:100px; background:#110;}
#menu {background:#554; overflow:auto;}
	#menu .wrapper {width:800px;}
#contenu {padding:30px 0 20px; background:#CCB; overflow:auto;}
#footer {background:#110; padding:10px 0; font-family:Tahoma, Arial, Helvetica, sans-serif;}

/*	HEADER
---------------------------*/
#header h1 {padding:0; margin:0; float:left; display:block; width:148px; height:100px;}
#header h1 span { display:none;}
#header h1 a {display:block; width:148px; height:100px; background:url("../images/logo.png") no-repeat;}
#header h2 a {text-decoration:none; color:#EED;}
#header h2 {float:right; display:block; padding-top:40px; width:500px; text-align:right; color:#EED;}
#header h2 span {clear:both; color:#887;}

/*	MENU
---------------------------*/
#menu ul {margin:0; padding:0; height:30px; list-style:none;}
#menu ul li {display:block; float:left;}
#menu ul li a {display:block; width:160px; height:30px; background:url("../images/nav-bout.png") no-repeat;}
#menu ul li a span {position:absolute; clip:rect(1px 1px 1px 1px); clip:rect(1px, 1px, 1px, 1px);}
#menu ul li#nav-chef a {background-position:-160px 0;}
#menu ul li#nav-services a {background-position:-320px 0;}
#menu ul li#nav-menus a {background-position:-480px 0;}
#menu ul li#nav-infos a {background-position:-640px 0;}
#menu ul li#nav-home a:hover, 
body#home #menu ul li#nav-home a,
#menu ul li#nav-home a.focus {background-position:0 -30px;}
#menu ul li#nav-chef a:hover, 
#menu ul li#nav-chef a.focus {background-position:-160px -30px;}
#menu ul li#nav-services a:hover,
#menu ul li#nav-services a.focus {background-position:-320px -30px;}
#menu ul li#nav-menus a:hover,
#menu ul li#nav-menus a.focus {background-position:-480px -30px;}
#menu ul li#nav-infos a:hover,
#menu ul li#nav-infos a.focus {background-position:-640px -30px;}

/*	CONTENU
---------------------------*/
#contenu .col1 {float:left; width:140px; padding-left:20px;}
#contenu .col2 {float:left; width:300px; padding-left:20px;}
#contenu .col3 {float:left; width:460px; padding-left:20px;}
#contenu .col4 {float:left; width:620px; padding-left:20px;}
#contenu .moitie {float:left; width:380px; padding-left:20px;}
#contenu .nocol {width:780px;}
#contenu .first {clear:both; padding:0;}
#contenu .EN p, #contenu .FR p {text-align:justify;}
#contenu .EN h1 {padding-top:16px; background:url(../images/lang_EN.png) top left no-repeat;}
#contenu .FR h1 {padding-top:16px; background:url(../images/lang_FR.png) top left no-repeat;}

p.menu {clear:both; background:#110; color:#887; padding:5px; margin:0;}
ul.carte {margin:0; margin-bottom:20px; padding:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; text-align:center;}
ul.carte li {padding-bottom:10px; font-style:italic;}

/*	FOOTER
---------------------------*/
#footer ul {padding:0; margin:0; height:auto; width:700px; list-style:none; color:#776; overflow:auto;}
#footer ul li {display:block; float:left; padding:4px 10px 4px 0; margin-right:10px; border-right:1px dotted;}
#footer ul li a {text-decoration:none; color:#776;}