html {min-width:969px;background:#300404 url(/static/images/bg-site.gif) repeat center top;}

body { background: url(/static/images/bg-site-top.gif) repeat-x center top;}

body, p, li {font-size:12px; color:#4b4b4b; font-family: Arial, Verdana, Helvetica, sans-serif; }

a, a:link, a:visited, a:active { color:#e00a12; text-decoration:underline; outline:none; cursor:pointer; }
a:hover {color:#000; text-decoration:none; outline:none;}

h1 {font-size:20px; color:#e00a12; font-weight:normal; padding:0;text-indent:-9999px;height:26px;margin-bottom:25px;}
h2 {font-size:14px; color:#4b4b4b; font-weight:bold; padding:0 0 25px 0;}
h3 {font-size:13px; color:#4b4b4b; font-weight:bold; padding:0 0 5px 0;}
h4 {font-size:12px; color:#e0242b; font-weight:bold; padding:0;margin:0;}
h5 {font-size:12px; color:#88af4f; font-weight:bold; padding:0 0 20px 0;margin:0;}

p {padding: 0px 0px 16px 0px;line-height:14px;-webkit-text-size-adjust:none /* iphone font-size */}
em { font-style: italic; }
sup { font-size: 0.7em; }

.col-content ul {padding:0px 0px 16px 0px;}
.col-content .content ul.list li {padding:0 0 4px 9px;margin-left:10px;list-style:none;background:url(/static/images/icons/i-list.gif) no-repeat 0 6px;}

.flt-left {float:left;}
.flt-right {float:right;}
.mg-left {margin:0 20px 10px 0;}
.mg-right {margin:0 0 20px 30px;}
.mg-bot {margin-bottom:30px;}
.mg-top-neg {margin-top:-10px;}
.red {color:#e00a12;}
.txt-right {text-align:right;}

#home {height:400px;}
	
/* Forms */
.inText, .input INPUT, TEXTAREA {padding:2px 5px 2px 5px; border:solid 1px #59c57a;}
.error {color:#fb7c00;}

/* Util */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

*html .clearfix {height:1px;}
*+html .clearfix {display:inline-block;}
.clearer {clear:both;}

hr { display:none; }

/* Layout */
#wrap, #footer {width:969px;margin:0 auto;}
#header {background:#C7DEEA;height:73px;position:relative;z-index:4;}
#footer {margin-top:13px;display:block;position:relative;}
#footer #footer-content {height:166px/*198*/;background:#fff url(/static/images/footer-bg.gif) repeat-x;border:1px solid #fff;padding:32px 0 0 44px;}

/* Header */
#header .logo {position:absolute;top:11px;left:40px;z-index:5;}
#header .logo a {width:254px;height:85px;}
#header .lang {position:absolute;z-index:1;right:25px;bottom:0;}
#header .lang a {height:38px;display:block;width:92px;text-indent:-3000px;background-position:0 0;}
#header .lang a:hover {background-position:0 -38px;}

/* Menu Main */
#menuMain {position:absolute;left:0;bottom:0;height:38px;width:969px;background: url(/static/images/menu-main-bg.gif) no-repeat;}
#menuMain ul {width:478px;overflow:hidden;margin-left:322px;}
#menuMain li {position:relative;float:left;}
#menuMain li.selected {}
#menuMain li, #menuMain li a {height:38px;}
#menuMain li.selected, #menuMain li.selected a {height:38px;}
#menuMain li a {display:block;text-indent:-3000px;background-repeat:no-repeat;}

/* Home Main */
.home #main {padding-top:0;}
.home #main .col-content {width:969px;margin-top:0;}
.home #main .col-left {display:none;width:183px;}
.home #main .col-content .content {padding:0;}
.img-depuis {position:absolute;top:-37px;left:0;}

/* Main */
#main {z-index:1;position:relative;}
#main .col-left, #main .col-content {float:left;}
#main .col-left {width:183px;display:block;}
#main .col-content {width:786px;margin-top:88px;}
#main .col-content .content {padding:49px 100px 62px 37px;background:#fff;}
#main .col-content .content .col-txt {margin-right:40px;}

.fetes {width:300px;}

/* MenuSub */
#menuSub {position:relative;height:114px;width:786px;}
#main #menuSub ul {height:114px;padding:0;}
#main #menuSub ul li {float:left;display:block;padding:0;}
#menuSub li.selected {}
#menuSub li.selected, #menuSub li.selected a {}
#menuSub li a {display:block;text-indent:-3000px;background-repeat:no-repeat;padding-top:88px;height:26px;}

/* Sous menu Produits */
#produits #menuSub, #bonnes-idees #menuSub, #entreprise #menuSub {background:url(/static/images/menu-sub-bg.gif) no-repeat bottom left;}
#produits #menuSub ul {background-image: url(/static/images/menu-sub-produits-bg.jpg);background-repeat:no-repeat;}

#produits #menuSub li#menuSub_item_0 a, #produits #menuSub li#menuSub_item_0 a.selected {width:132px;}
#produits #menuSub li#menuSub_item_0 a.selected, 
#produits #menuSub li#menuSub_item_0 a.selected:hover {background-position:-786px 88px;}
#produits #menuSub li#menuSub_item_0 a {background-position:0 88px;}
#produits #menuSub li#menuSub_item_0 a:hover {background-position:-786px 88px;}

#produits #menuSub li#menuSub_item_1 a, #produits #menuSub li#menuSub_item_1 a.selected {width:131px;}
#produits #menuSub li#menuSub_item_1 a.selected, 
#produits #menuSub li#menuSub_item_1 a.selected:hover {background-position:-918px 88px;}
#produits #menuSub li#menuSub_item_1 a {background-position:-132px 88px;}
#produits #menuSub li#menuSub_item_1 a:hover {background-position:-918px 88px;}

#produits #menuSub li#menuSub_item_2 a, #produits #menuSub li#menuSub_item_2 a.selected {width:130px;}
#produits #menuSub li#menuSub_item_2 a.selected, 
#produits #menuSub li#menuSub_item_2 a.selected:hover {background-position:-1049px 88px;}
#produits #menuSub li#menuSub_item_2 a {background-position:-263px 88px;}
#produits #menuSub li#menuSub_item_2 a:hover {background-position:-1049px 88px;}

#produits #menuSub li#menuSub_item_3 a, #produits #menuSub li#menuSub_item_3 a.selected {width:131px;}
#produits #menuSub li#menuSub_item_3 a.selected, 
#produits #menuSub li#menuSub_item_3 a.selected:hover {background-position:-1179px 88px;}
#produits #menuSub li#menuSub_item_3 a {background-position:-393px 88px;}
#produits #menuSub li#menuSub_item_3 a:hover {background-position:-1179px 88px;}

#produits #menuSub li#menuSub_item_4 a, #produits #menuSub li#menuSub_item_4 a.selected {width:131px;}
#produits #menuSub li#menuSub_item_4 a.selected, 
#produits #menuSub li#menuSub_item_4 a.selected:hover {background-position:-1310px 88px;}
#produits #menuSub li#menuSub_item_4 a {background-position:-524px 88px;}
#produits #menuSub li#menuSub_item_4 a:hover {background-position:-1310px 88px;}

#produits #menuSub li#menuSub_item_5 a, #produits #menuSub li#menuSub_item_5 a.selected {width:131px;}
#produits #menuSub li#menuSub_item_5 a.selected, 
#produits #menuSub li#menuSub_item_5 a.selected:hover {background-position:-1441px 88px;}
#produits #menuSub li#menuSub_item_5 a {background-position:-654px 88px;}
#produits #menuSub li#menuSub_item_5 a:hover {background-position:-1441px 88px;}

.produits-txt {width:320px;margin-right:50px;}

.produits-list {width:350px;margin-top:-5px;}
.produits-list ul li {float:left;display:block;text-align:center;margin-right:30px;margin-bottom:6px;}
.produits-list ul li p, .produits-list ul li img {padding-bottom:2px;}

#assaisonnements.produits-list ul li {height:170px;}

/* bonnes idées */
#bonnes-idees #menuSub ul {background-image: url(/static/images/menu-sub-bonne-bg.jpg);background-repeat:no-repeat;}
#bonnes-idees #main .col-content .content, #entreprise #main .col-content .content {padding-left:0;}

#bonnes-idees #menuSub li#menuSub_item_0 a, #bonnes-idees #menuSub li#menuSub_item_0 a.selected {width:132px;}
#bonnes-idees #menuSub li#menuSub_item_0 a.selected, 
#bonnes-idees #menuSub li#menuSub_item_0 a.selected:hover {background-position:-655px 88px;}
#bonnes-idees #menuSub li#menuSub_item_0 a {background-position:0 88px;}
#bonnes-idees #menuSub li#menuSub_item_0 a:hover {background-position:-655px 88px;}

#bonnes-idees #menuSub li#menuSub_item_1 a, #bonnes-idees #menuSub li#menuSub_item_1 a.selected {width:131px;}
#bonnes-idees #menuSub li#menuSub_item_1 a.selected, 
#bonnes-idees #menuSub li#menuSub_item_1 a.selected:hover {background-position:-787px 88px;}
#bonnes-idees #menuSub li#menuSub_item_1 a {background-position:-132px 88px;}
#bonnes-idees #menuSub li#menuSub_item_1 a:hover {background-position:-787px 88px;}

#bonnes-idees #menuSub li#menuSub_item_2 a, #bonnes-idees #menuSub li#menuSub_item_2 a.selected {width:130px;}
#bonnes-idees #menuSub li#menuSub_item_2 a.selected, 
#bonnes-idees #menuSub li#menuSub_item_2 a.selected:hover {background-position:-918px 88px;}
#bonnes-idees #menuSub li#menuSub_item_2 a {background-position:-263px 88px;}
#bonnes-idees #menuSub li#menuSub_item_2 a:hover {background-position:-918px 88px;}

#bonnes-idees #menuSub li#menuSub_item_3 a, #bonnes-idees #menuSub li#menuSub_item_3 a.selected {width:131px;}
#bonnes-idees #menuSub li#menuSub_item_3 a.selected, 
#bonnes-idees #menuSub li#menuSub_item_3 a.selected:hover {background-position:-1048px 88px;}
#bonnes-idees #menuSub li#menuSub_item_3 a {background-position:-393px 88px;}
#bonnes-idees #menuSub li#menuSub_item_3 a:hover {background-position:-1048px 88px;}

#bonnes-idees #menuSub li#menuSub_item_4 a, #bonnes-idees #menuSub li#menuSub_item_4 a.selected {width:131px;}
#bonnes-idees #menuSub li#menuSub_item_4 a.selected, 
#bonnes-idees #menuSub li#menuSub_item_4 a.selected:hover {background-position:-1179px 88px;}
#bonnes-idees #menuSub li#menuSub_item_4 a {background-position:-524px 88px;}
#bonnes-idees #menuSub li#menuSub_item_4 a:hover {background-position:-1179px 88px;}

/* Entreprise */
#entreprise #menuSub li#menuSub_item_0 a, #entreprise #menuSub li#menuSub_item_0 a.selected {width:132px;}
#entreprise #menuSub li#menuSub_item_0 a.selected, 
#entreprise #menuSub li#menuSub_item_0 a.selected:hover {background-position:-393px 88px;}
#entreprise #menuSub li#menuSub_item_0 a {background-position:0 88px;}
#entreprise #menuSub li#menuSub_item_0 a:hover {background-position:-393px 88px;}

#entreprise #menuSub li#menuSub_item_1 a, #entreprise #menuSub li#menuSub_item_1 a.selected {width:131px;}
#entreprise #menuSub li#menuSub_item_1 a.selected, 
#entreprise #menuSub li#menuSub_item_1 a.selected:hover {background-position:-525px 88px;}
#entreprise #menuSub li#menuSub_item_1 a {background-position:-132px 88px;}
#entreprise #menuSub li#menuSub_item_1 a:hover {background-position:-525px 88px;}

#entreprise #menuSub li#menuSub_item_2 a, #entreprise #menuSub li#menuSub_item_2 a.selected {width:130px;}
#entreprise #menuSub li#menuSub_item_2 a.selected, 
#entreprise #menuSub li#menuSub_item_2 a.selected:hover {background-position:-656px 88px;}
#entreprise #menuSub li#menuSub_item_2 a {background-position:-263px 88px;}
#entreprise #menuSub li#menuSub_item_2 a:hover {background-position:-656px 88px;}

/* Conseils */
#conseils {margin-top:256px;}
#conseils .conseils-txt {background:#f2ffde;display:block;padding:28px 20px 28px 33px;}
#conseils h5 {}

#pont #main .col-content .content {background:none;}

/* footer */
#footer a {color:#4b4b4b;text-decoration:none;}
#footer a:hover {color:#e00a12;}
#footer p {color:#fff;margin-top:4px;}

/* footer map */
#footer-map {display:block;}
#footer-map ul li {
	float:left;margin-right:36px;padding-right:36px;/*width:142px;*/
	background:url(/static/images/sep-footer-address.gif) repeat-y top right;
	overflow:hidden;
}

#footer-map ul li.last {background:none;margin-right:0;}
#footer-map h2 {padding:0;margin-bottom:7px;}
#footer-map h2 a {display:block;text-indent:-3000px;color:#4b4b4b;}
#footer-map ul li ul li {line-height:13px;background:none;padding:0;margin:0;float:none;}

#footer-map ul li.bonnes-idees-map {padding-right:34px;}
#footer-map ul li.produits-map {}
#footer-map ul li.entreprise-map {}
#footer-map ul li.faq-map {}

#footer-contact ul li {float:left;margin-right:31px;margin-top:22px;}
#footer-address {padding-left:42px;display:block;position:absolute;left:650px;top:30px;background:url(/static/images/sep-footer-address.gif) no-repeat top left;}
#footer-address h4 {font-size:11px;margin-top:12px;}
#footer-address p {color:#4b4b4b;font-size:11px;line-height:13px;padding-bottom:12px;margin:0;}


/* home */
/* override the root element to enable scrolling */ 
#flowpanes { 
    position:relative; 
    overflow:hidden; 
    clear:both; 
    width:969px;
    height:430px;
} 
 
/* override single pane */ 
#flowpanes div { 
    float:left; 
    display:block; 
    width:969px; 
    cursor:default; 
    font-size:14px; 
} 
 
/* our additional wrapper element for the items */ 
#flowpanes .items { 
    width:20000em; 
    position:absolute; 
    clear:both; 
    margin:0; 
    padding:0; 
}

/* slide image */
#slide-1, #slide-2, #slide-3, #slide-4 {width:969px;height:430px;display:block;text-indent:-3000px;}
 
#flowpanes .less, #flowpanes .less a { 
    color:#999 !important; 
    font-size:11px; 
}

#home-scroller {position:relative;}
#home-scroller #nav {position:absolute;top:21px;right:48px;z-index:100;}
#home-scroller #nav ul#flowtabs {padding:0 20px;}
#home-scroller #nav ul#flowtabs li {float:left;margin:0 2px;}
#home-scroller #nav ul#flowtabs li a {display:block;text-indent:-3000px;background:url(/static/images/scroller/home-slider-active.gif) no-repeat;width:16px;height:16px;}
#home-scroller #nav ul#flowtabs li a.current {background:url(/static/images/scroller/home-slider-current.gif) no-repeat;}

#home-scroller a.prev, #home-scroller a.next {top:0;display:block;position:absolute;text-indent:-3000px;width:16px;height:16px;background:url(/static/images/scroller/home-slider-prev.gif) no-repeat;}
#home-scroller a.prev {left:0;}
#home-scroller a.next {right:0;background:url(/static/images/scroller/home-slider-next.gif) no-repeat;}

/* banner */
#home-banner {position:relative;display:block;background:#fff url(/static/images/home-banner-bg.gif) repeat-x;height:256px/*196*/;border-left:1px solid #fff;border-right:1px solid #fff;padding:26px 32px 26px 46px;}
#home-banner h2 {width:159px;height:11px;display:block;text-indent:-3000px;}
#home-banner ul {width:319px;height:169px;background:url(/static/images/home-banner-list-bg.gif) repeat-x;}
#home-banner ul li {float:left;text-align:center;width:91px;margin-right:15px;line-height:12px;padding-top:12px;}
#home-banner ul li a {color:#555;text-decoration:none;font-weight:bold;display:block;height:100px;}
#home-banner ul li a:hover {text-decoration:none;}
#home-banner ul li.last {margin-right:0;}

/* history */
#home-banner #history {position:absolute;top:61px;right:46px;width:434px;/*padding-left:181px;*/background:url(/static/images/home-history.jpg) no-repeat top left;}
*html #home-banner #history {top:65px;}
#home-banner #history p {/*line-height:14px;*/}

/* Tailgate 
#home-banner {height:312px;}
#home-banner #tailgate {width:860px;height:91px;text-indent:-9999px;position:relative;}
#home-banner #tailgate a {display:block;}*/

/* Avertissement 
#home-banner #avertissement {position:absolute;top:24px;right:30px;width:406px;background:url(/static/images/bg-home-avertissement.gif) no-repeat top left; padding-left:45px;}
*html #home-banner #avertissement {top:28px;}*/

/* Virgin 
#home-banner {height:312px;}
#home-banner #virgin {width:880px;height:91px; text-align:center;}
#home-banner #virgin a {display:block;}
#home-banner #virgin a span {position:absolute; left:-9999px;}*/

/* Smoked Meat */
#home-banner {height:312px;}
#home-banner #smokedMeat {width:761px;height:114px;text-indent:-9999px;position:relative;left:54px;}
#home-banner #smokedMeat a {display:block;}

/* Faq */
#faq #main .col-content .content {padding-left:76px;}
#faq #main {background:url(/static/images/bg-faq-2.gif) no-repeat 0 201px;}
#faq #main #main-ct {background:url(/static/images/faq-bg.gif) no-repeat;}

#faq #main .col-left {width:249px;}
#faq #main .col-content {width:720px;}
#faq #main .col-content #menuSub {width:300px;}
#faq #faq-ct-img {position:absolute;top:180px;left:20px;width:302px;height:505px;background:url(/static/images/faq-ct.png) no-repeat;}

#faq #faq-ct-img h2 {width:101px;height:30px;display:block;text-indent:-9999px;margin:49px 0 0 18px;}
*html #faq #faq-ct-img {background:none;filter:Progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/static/images/faq-ct.png', sizingMethod='crop');}

#accordion {}
#accordion a {background:url(/static/images/bg-faq-accordion.gif) repeat-x;}
#accordion a.ui-accordion-header {
	position:relative;font-weight:bold;display:block;font-size:12px;
	color:#4b4b4b;text-decoration:none;padding:10px 26px 10px 0;}
    
#accordion a.ui-accordion-header span.icn {
    position:relative;width:10px;height:10px;
    background:url(/static/images/icons/i-plus.gif) 0 3px no-repeat;}

#accordion a.ui-state-default {}
#accordion a.ui-state-hover {color:#dc342e;}
#accordion a.ui-state-active {color:#dc342e;}
        
	#accordion a.ui-state-active span.icn {
        background:url(/static/images/icons/i-minus.gif) 0 3px no-repeat;}

#accordion div.ui-accordion-content {color:#8c8c8c;padding:10px 20px 10px 10px;}
    
#accordion div a {background:none;font-weight:bold;}