@charset "iso-8859-1";
/* CSS Document */

body{ background:url(../images/fd_body.png) repeat-x #fdfdfd;  margin:0; padding:0;} 
img { border:none; }
div, td { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#686868;}
.clear {clear: both;}
h1{margin:0; padding:0; font-style:normal;}
span{ margin:0px; padding:0px; display:block;}
a{ text-decoration:none; color:#7c9032; }
#wrapper{ width:980px; margin:0 auto; position:relative;}
#menu{ margin:0; padding:0; background:url(../images/fd_menu.png) no-repeat; position:relative;}
#menu ul{ margin:0; padding:0;}
#menu ul li{ margin:0; padding:0; list-style:none; overflow:hidden; width:140px; float:left; text-align:center; height:31px; line-height:31px;}
#menu ul li  a{ display:block; color:#fe0000; padding-left:10px;}
#menu ul li  a:first-letter{ text-transform:uppercase;}
#menu ul li:nth-child(7)  a:hover{ color:#fff; background:url(../images/roll7.png) no-repeat;  }
#menu ul li:nth-child(6)  a:hover{ color:#fff; background:url(../images/roll6.png) no-repeat;  }
#menu ul li:nth-child(5)  a:hover{ color:#fff; background:url(../images/roll5.png) no-repeat;  }
#menu ul li:nth-child(4)  a:hover{ color:#fff; background:url(../images/roll4.png) no-repeat;  }
#menu ul li:nth-child(3)  a:hover{ color:#fff; background:url(../images/roll3.png) no-repeat;  }
#menu ul li:nth-child(2)  a:hover{ color:#fff; background:url(../images/roll2.png) no-repeat;  }
#menu ul li:nth-child(1)  a:hover{ color:#fff; background:url(../images/roll1.png) no-repeat;  }
.head-1{ width:408px; float:left; background:url(../images/fd_head-1.png) no-repeat;}
.tel{ width:179px; }
.adresse{ width:229px;}
.adresse, .tel{ float:left;  color:#a4a4a4; margin:0; padding:8px 0 0 0; }
.adresse h1, .tel h1 { text-indent:30px; color:#94ba09; font-size:24px; font-weight:normal;}
.tel p{  font-size:24px; margin:0; padding:10px 0 0 0;}
.menu2 { margin:0; padding:1px 0 0 0;}
.menu2 ul{ margin:0; padding:0;}
.menu2 ul li{margin:0; padding:0; list-style:none; overflow:hidden; width:120px; float:left; text-align:center; height:31px; line-height:30px;}
.menu2 ul li a{ display:block; color:#fff; font-weight:bold; }
.menu2 ul li a:first-letter{ text-transform:uppercase;}
.menu2 ul li a:hover{ background:#fff; color:#94ba09;}
.head-2{ width:572px; float:left;}
#sous-header{ width:950px; padding:5px 0 0 30px; margin:0;}
.viandes{ width:170px; float:left; padding-top:25px;}
.viandes h1{ color:#94ba09; font-size:20px;}
.viandes p { color:#FFF; font-size:16px;}
.photo-viandes{ float:left; width:160px;}
.gout{ width:620px; float:left;}
#contenu{ background:url(../images/fd_contenu.png) no-repeat; padding:0; margin:12px 0 7px 0; }
.cont-l{ float:left; width:700px;}
.ttl{ margin:0; padding:10px 0 0 46px;}
.ttl h1{ font-size:24px; color:#94ba09; font-weight:normal;}
.ttl h1:first-letter{ text-transform:uppercase;}
.gauche{ width:170px; float:left;}
.texte h2{ margin:0; padding:0;}
.texte{ line-height:20px; float:left; width:529px; padding:10px 0 0 0;}
.photos { width:700px;}
.photos a{ display:block; float:left; margin:0; padding-right:8px;}
.photos a img{ border: solid 2px #575757;-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius:15px; }
.cont-r{ float:left; width:280px; margin:0; padding:20px 0 0 0;}
#wrap{ background:#94ba09; min-height:100px;}
#footer{ width:980px; margin:0 auto;}
.foot{ width:800px; float:left;margin:0; padding:30px 0 0 6px; color:#FFF;  }


.foot  a{ color:#FFF;    }
.foot  a:hover{ color:#575757; }
.com{ width:80px; float:right; margin:0; padding:25px 0 0 0;}

/*sous-menu */
		#menu { }
		.sm { position:absolute; top:31px; left:0;}
		.sm ul { margin:0; padding:0;}
		.sm ul li { margin:0; padding:0; list-style:none; height:31px; overflow:hidden; }
		.sm ul li a { display:block; width:190px; line-height:31px;  text-indent:28px; color:#fff; background:url(../images/sm.png) no-repeat; height:31px;}
		.sm ul li a:hover { /*background:#a10d30;*/ color:#ff0000; background-position:0 -31px;}
		.sm ul li a:first-letter{ text-transform:uppercase;}
		.sm div { display:none;} 
		.sm { z-index:150;}
		.sm5, .sm1, .sm2, .sm3, .sm4{ z-index:200; position:absolute;}
		.sm1{ top:0; left:140px;}
		.sm2{top:0; left:280px;}
		.sm3{top:0; left:422px;}
		.sm4 {  top:0; left:559px;}
		.sm5{top:0; left:700px;}