/*======================================================= Neutralize styling: Elements we want to clean out entirely: */ html, body, form { margin: 0; padding: 0; font: 100%/120% Arial, Verdana, Helvetica, sans-serif; } /* Neutralize styling: Elements with a vertical margin: */ h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0; padding: 0; } /* Apply left margin: Only to the few elements that need it: */ li, dd, blockquote { margin-left: 0em; } /* Miscellaneous conveniences: */ form label { cursor: pointer; } fieldset { border: none; } input, select, textarea { vertical-align:middle; font-size: 100%; } table{ width:100%; border-collapse: collapse; } tbody{ vertical-align:top; } img{border:none} p{line-height:16px} /* STANDARD PAGE LAYOUT */ /*=======================================================*/ a{color:#6b6b6b;outline:none} a:hover{color:#6b6b6b; text-decoration:none} img.left{float:left} img.right{float:right} .m15{margin:15px} .italic{font-style:italic} .error, .success{background-color:#ffeaea; border:solid 1px #fbb; padding:0 10px; border-left:solid 4px #fbb; margin:15px; color:#333} .success{background-color:#d7edf8; border-color:#81b6d1} .rightcol .error p, .rightcol .success p{margin:5px; padding:0} .rightcol .error ul{margin:10px 10px 10px 35px; list-style-type:square} .rightcol .error li{line-height:16px} .tips{background-color:#333; color:#fff; padding:5px; max-width:250px} .tip-text{font-style:italic; margin-top:5px} strong{color:#64734A} /*=======================================================*/ html{overflow-y:scroll} body{font-size:11px; color:#6f6f6f; font-family:Arial, Verdana, Helvetica, sans-serif; background:#616751 url(/header_bg.jpg) repeat-x left top} #page_wrapper{background:transparent url(/header_left.jpg) left top no-repeat} #header_wrapper{height:250px; background:transparent url(/header_right.jpg) right top no-repeat} #header{background:transparent url(/header_top_links_bg.png) left top repeat-x; position:relative; z-index:8} #header .content{width:750px; height:250px; margin:0 auto; position:relative} #header .date{line-height:47px; color:#222; width:200px; margin-left:95px} #header .toplinks{list-style-type:none; float:right} #header .toplinks li{float:left; line-height:47px} #header .toplinks a{padding:5px 15px 5px 20px; color:#616751; font-size:9pt; font-weight:bold} #header .contact{background:url(/icon_contact.jpg) no-repeat 0 7px} #header .links, #header .liens{background:url(/icon_links.jpg) no-repeat 0 7px} #header .news-and-events, #header .info-evenement{background:url(/icon_news.jpg) no-repeat 0 7px} #header .logo{position:absolute; left:30px; top:90px} #lang_sel{position:absolute; left:15px; top:15px; list-style-type:none; margin:0; padding:0} #lang_sel li{float:left; margin:0 3px} #lang_sel a{text-decoration:none; font-size:10px; font-weight:bold; display:block; padding:2px; color:#616751} #lang_sel a:hover{background-color:#616751; color:#fff} #lang_sel a.sel:hover{border-color:#000} #lang_sel .sel{background-color:#D89218; color:#fff} #spotlight_top{position:absolute; right:0; bottom:30px; width:240px; height:106px} #hl_wrapper {left:200px; position:absolute; top:130px; width:300px} #hl_wrapper ul{list-style-type:none; top:-2px; left:25px; position:absolute} #hl_wrapper li{position:absolute; left:0; top:0; width:250px; text-align:left; font-weight:bold; /*background-color:#F1F4F9;*/ line-height:22px} /* DROPDOWN MENU */ /*=======================================================*/ .menu{width:549px; margin:70px 0 0 0; list-style-type:none; position:absolute; z-index:99; float:left; top:150px; right:0} .menu .toplevel{float:left; height:30px; width:183px} .menu .toplevel ul{display:none; float:left; list-style-type:none; border-top:solid 1px #da4141} .menu .toplevel ul ul{position:absolute; top:0; left:170px} .menu .toplevel ul a{padding:8px 0 2px 20px; display:block; width:163px; height:20px; color:#f0f0f0; text-decoration:none} .menu .toplevel li{ background:url(/arrow.gif) no-repeat 6px 12px; position:relative} .menu li{float:left} .menu span a{width:163px; font-size:11pt; color:#fff; font-weight:bold; font-family:"Trebuchet Ms", arial, verdana; text-decoration:none; line-height:30px; padding-left:15px; background:transparent url(/menutitle_arrow.gif) 10px 12px no-repeat; padding-left:20px; display:block} .menu ul ul a{width:143px} .menu .product{background:#c52b2b} .menu .product ul{background:transparent url(/menu_product_bg.png) left top repeat} .menu .info{background:#f1ca13} .menu .info ul{background:transparent url(/menu_company_bg.png) left top repeat; border-top-color:#fcd622} .menu .extra{background:#d89218} .menu .extra ul{background:transparent url(/menu_extra_bg.png) left top repeat; border-top-color:#eba62e} .menu .subheader ul{float:left} .menu .subheader .subheader{position:relative} .menu .subheader .subheader ul{position:absolute; top:0; left:170px} .menu span a:hover{color:#fff} .menu .info ul a{color:#222} .product li a:hover{background-color:#db4040} .product span a:hover{background-color:#dd2222} .info li a:hover{background-color:#ffe25a} .info span a:hover{background-color:#fdcc00} .extra li a:hover{background-color:#e2a740} .extra span a:hover{background-color:#ed9300} /*=======================================================*/ #content_wrapper{width:750px; min-height:420px; margin:15px auto; position:relative} #content_wrapper .content{float:right; width:750px} #loc{border-bottom:1px dotted #7d836c; line-height:25px; color:#f0f0f0; margin-bottom:15px} #loc span{color:#b8b8b8} #loc a{color:#F0F0F0} /*#content_wrapper .rightcol{float:right; width:544px; min-height:505px; background:#fff url(/content_bottom_bg.jpg) left bottom repeat-x; border-left:5px solid #d79217; position:relative; padding-bottom:30px; padding-top:8px} .index #content_wrapper .rightcol{min-height:400px}*/ .rightcol{float:right; width:544px; min-height:505px; background:#fff url(/content_bottom_bg.jpg) left bottom repeat-x; border-left:5px solid #d79217; position:relative; padding-bottom:30px; padding-top:8px; z-index:3} .index .rightcol{min-height:400px} .rightcol h1{font-size:11pt; color:#fff; padding:5px 10px; background:#969D84} .rightcol h2{font-size:11px; color:#c62b2b; padding:5px 10px; margin-top:5px; border-bottom:1px dashed #ccc; clear:both} .rightcol p{margin:5px 10px; padding:5px 10px; color:#676767; line-height:1.7em} .rightcol ul{margin:20px 20px 20px 50px; list-style-type:square; line-height:1.6em} .shadow{background:url(/shadow_dark.png) top left repeat-y; float:right; padding-left:7px; width:549px; position:relative; z-index:4} /*#content_wrapper .leftcol{width:200px} #content_wrapper .leftcol img{border-bottom:solid 1px #aaa; border-top:solid 1px #424F18; display:block} #content_wrapper .leftcol .subtitle{font-size:11px; color:#F0F0EE; padding:4px 2px; font-variant:small-caps} #content_wrapper .leftcol h2{font-size:11px; color:#f0f0f0; padding:10px 0 5px 10px; font-weight:bold} #content_wrapper .leftcol p{text-align:left; color:#aeb49c; line-height:1.8em; margin:5px 10px}*/ .leftcol{width:200px; z-index:2; position:relative} .leftcol img{border-bottom:solid 1px #aaa; border-top:solid 1px #424F18; display:block} .leftcol .subtitle{font-size:11px; color:#F0F0EE; padding:4px 2px; font-variant:small-caps} .leftcol h2{font-size:11px; color:#f0f0f0; padding:10px 0 5px 10px; font-weight:bold} .leftcol p{text-align:left; color:#aeb49c; line-height:1.8em; margin:5px 10px}*/ .leftcol .read_more{display:block; width:185px; text-align:left; color:#d79217; margin:10px 5px 10px 10px} .leftcol .read_more:hover{color:#fff} /*#content_wrapper .submenu{margin-top:10px} #content_wrapper .leftcol ul{color:#ffffff; list-style-type:none; margin-left:10px} #content_wrapper .leftcol li{margin:3px 0} #content_wrapper .leftcol ul ul a{padding-left:40px; width:160px} #content_wrapper .leftcol ul a{color:#fff; width:173px; display:block; padding:4px 0 4px 18px; margin:1px 0; background:transparent url(/arrow.gif) no-repeat scroll 5px 50%} #content_wrapper .leftcol ul a:hover{background-color:#969D84} #content_wrapper .leftcol ul a.sel{background-color:#D79217; text-decoration:none}*/ .submenu{margin-top:10px} .leftcol ul{color:#ffffff; list-style-type:none; margin-left:10px} .leftcol li{margin:3px 0} .leftcol ul ul a{padding-left:40px; width:160px} .leftcol ul a{color:#fff; width:173px; display:block; padding:4px 0 4px 18px; margin:1px 0; background:transparent url(/arrow.gif) no-repeat scroll 5px 50%} .leftcol ul a:hover{background-color:#969D84} .leftcol ul a.sel{background-color:#D79217; text-decoration:none} #footer_wrapper{width:750px; margin:15px auto} #footer{margin-top:15px; float:left; color:#8b917a; text-align:center; width:100%; background-color:#535944} #footer a{color:#8b917a} #footer span{color:#d89218; padding:0 2px} #footer .fitfood{float:left; padding:4px; color:#B8BFA7} #footer .d2d{float:right; border-left:solid 1px #626851; padding:4px} #footer .d2d a{color:#b3b7a6} .subm_wrapper{background:transparent url(/left_col_bg.jpg) left top repeat-x; padding-top:10px; padding-bottom:10px; min-height:205px; border-bottom:dotted 1px #8B9179} .subm_wrapper h2{margin-bottom:10px} .table_wrapper{padding:10px} .parent_lnk{color:#fff; display:block; text-align:right; margin-top:10px} .parent_lnk a{color:#fff; background:transparent url(/parent_lnk_arrow.gif) left center no-repeat; padding:10px} /* INDEX */ /*=======================================================*/ #la_re_wrapper{background:transparent url(/left_col_bg.jpg) left top repeat-x; padding-top:10px; min-height:260px} /*#la_re_wrapper div{overflow:hidden}*/ h1.spotlight{font-size:11px; color:#F0F0EE; padding:4px 2px; font-variant:small-caps} #spotlight{float:left; width:100%} #spotlight a{color:#fff; font-weight:bold; text-decoration:none} #spotlight img{border:2px solid #626851; float:left} #spotlight div{float:left; padding:10px; width:229px; background:#7b8268 url(/spotlight_odd_bg.jpg) right bottom no-repeat} #spotlight p{padding:5px 10px; color:#f0f0f0; margin-left:75px} #spotlight .even{border-left:solid 1px #626851; border-right:solid 1px #626851; background:#8B9179; width:230px} /*=======================================================*/ /* BUY FITFOOD */ /*=======================================================*/ #map1{width:544px; height:400px; position:relative} #map1 .loading{position:absolute; left:250px; top:195px} .table_info {width:100%; margin:0 0 10px 0} .table_info th {border-bottom:1px solid #fff; color:#fff; padding:2px 0 3px 4px; background:#D79217} .table_info td {background:#fff; border-bottom:1px dashed #D79217; color:#6B6B6B; padding:4px} /*=======================================================*/ /* PRODUCTION PROCESS */ /*=======================================================*/ #content_wrapper .rightcol ul#prod_proc_nav{float:left; list-style-type:none; background:transparent url(/proc_prod_nav_arrow.gif) left center repeat-x} #prod_proc_nav li{float:left; margin:0 25px 0 0} #prod_proc_nav li.last{margin:0} #prod_proc_nav a{display:block; width:40px; height:40px; border:solid 1px #C52B2B; text-align:center; line-height:40px; font-size:18pt; font-family:"Trebuchet Ms", Verdana, Arial; font-weight:bold; text-decoration:none; background-color:#fff} #prod_proc_nav a:hover{background-color:#F1CA13; color:#C52B2B; background-color:#f6f6f6; color:#C52B2B; border:solid 1px #333} #prod_proc_nav a.sel{background-color:#C52B2B; color:#fff} .prod_step{float:right; margin-top:15px} .prod_step .img{width:203px; height:204px; float:right; margin:0 15px 0 0; text-align:center; background:transparent url(/prod_proc_img_bg.gif) no-repeat left top} .prod_step .desc{margin-right:225px} #content_wrapper .rightcol .prod_step p{margin-top:0; padding-top:0; margin-bottom:20px} /*=======================================================*/ /* TEAM */ /*=======================================================*/ .member {border:1px solid #eee; float:left; margin:20px; width:170px; min-height:280px} .member img{margin:10px} .rightcol .member p{margin:10px 0 10px 0} /*=======================================================*/ /* CONTACT - INFO */ /*=======================================================*/ #content_wrapper .rightcol .company .map_wrapper{clear:both; float:right; margin-right:10px; border:1px solid #B9BFA7} #content_wrapper .rightcol .company .map{width:330px; height:250px} #content_wrapper .rightcol .company h2{margin-bottom:15px} #contact_wrapper{float:left; width:100%; margin-bottom:5px} #contact_wrapper img{float:right; margin:15px 15px 0 15px} #content_wrapper .rightcol #contact_wrapper ul{margin:10px 10px 0 40px; list-style-type:none} #content_wrapper .rightcol #contact_wrapper .company ul{margin:10px 10px 0 20px} #content_wrapper .rightcol .company .route_desc{background:transparent url(/pdf_icon.gif) no-repeat center left; margin-left:15px; margin-top:5px} #content_wrapper .rightcol .company .route_desc a{display:block; text-align:left; padding-left:20px} /*=======================================================*/ /* NEWS */ /*=======================================================*/ .news_item .left{float:left; margin:10px 15px 10px 15px; border:solid 3px #f6f6f6} /*=======================================================*/ /* LINKS */ /*=======================================================*/ .rightcol #links{list-style-type:none; margin:10px; float:left} .rightcol #links li{float:left; width:110px; height:110px; background:transparent url(/img_bg_110x110.gif) left top no-repeat; margin:10px; text-align:center} #links span{margin-top:25px; display:block} #links a{display:block} #links a:hover{background-color:#F1CA13} /*=======================================================*/ /* OMEGA3 */ /*=======================================================*/ .rightcol #omega{float:left; margin:20px 15px; list-style-type:none} .rightcol #omega li{margin:0 35px; float:left} /*=======================================================*/ /* GALLERY */ /*=======================================================*/ .rightcol #img_galleries, .rightcol #imgs{float:left; list-style-type:none; margin:10px} .rightcol #img_galleries li, .rightcol #imgs li{width:110px; height:110px; background:transparent url(/img_bg_110x110.gif) left top no-repeat; margin:10px; text-align:center; float:left} #img_galleries a, #imgs a{display:block} #img_galleries a:hover, #imgs a:hover{background-color:#F1CA13} h2 span{color:#676767; font-size:10px; font-style:italic; font-weight:normal} /*=======================================================*/ /* RECIPES */ /*=======================================================*/ .rightcol .recipes{margin:20px 15px; list-style-type:none; overflow:hidden} .rightcol .recipes li{margin:5px 22px; float:left; width:125px; height:165px; background-color:#f6f6f6; position:relative; border:solid 1px #f6f6f6} .recipes li.even{background-color:#fff} .recipes img{display:block; margin:0 0 10px 0; border-bottom:solid 1px #fff} .recipes .ctime{position:absolute; top:35px; right:-25px; background-color:#D79217; font-weight:bold; color:#fff; padding:2px; width:70px; text-align:center} .recipes .txt_lnk{margin:10px; display:block; text-align:center} #recipe_wrapper{float:right; padding-top:10px; width:100%} #recipe_wrapper .left{margin:0 10px} .rightcol #recipe_wrapper p{margin:0 5px 10px 5px; padding:0} #recipe_wrapper h3{margin:10px 5px; border-bottom:solid 1px #ddd; padding-bottom:5px; font-size:11px} .rightcol #recipe_wrapper ul{margin:5px 35px} #recipe_wrapper .left{margin-right:200px} .rightcol #recipe_wrapper .left p.short_desc{background-color:#f6f6f6; padding:10px} #recipe_wrapper .right{float:right; margin:0 10px 0 20px; width:180px} #recipe_wrapper .right p{margin:10px 5px} #recipe_wrapper .actions{padding:5px; text-align:center; border:solid 1px #ccc; margin-bottom:10px} #recipe_wrapper .actions a{margin:0 5px} #recipe_wrapper .actions img, .prepare_icon{vertical-align:middle; display:inline-block} /*=======================================================*/ /* PRODUCTS */ /*=======================================================*/ #content_wrapper .product_rightcol{min-height:540px} .rightcol #pcats, .rightcol #products{float:left; list-style-type:none; margin:10px 10px 10px 10px} .rightcol #pcats li, .rightcol #products li{float:left; width:160px; min-height:240px; margin:6px; border:solid 1px #ddd; position:relative} .rightcol #products li{min-height:175px; text-align:center} .rightcol #pcats li.even, .rightcol #products li.even{background-color:#f6f6f6} .rightcol #pcats img, .rightcol #products img{margin:6px 0} .rightcol #pcats p{margin:0 10px; padding:0} .rightcol #pcats h2{margin:4px 6px; border:none; padding:0} .rightcol #products a, .rightcol #pcats a{display:block; margin:0 6px} .rightcol #pcats .plink a{display:block; border-top:solid 1px #ccc; margin:0; margin-top:5px; text-align:right; background-color:#eee; padding-right:5px} .rightcol #pcats .plink{margin:0; position:absolute; bottom:0; width:100%} #products{width:524px} #product_wrapper{margin:20px 10px 10px 20px} #product_wrapper h3{padding:0 0 3px 5px; margin-top:10px; color:#666; font-size:16pt; font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-weight:bold; border-bottom:solid 1px #ccc; padding-bottom:10px} #product_wrapper .left_col{float:left; width:286px} #product_wrapper .left_col ul{margin:0; list-style-type:none} #product_wrapper .left_col li{border-bottom:solid 1px #f6f6f6; text-align:right; padding:7px; padding-right:15px} #product_wrapper .left_col img{vertical-align:middle; display:inline-block} #product_wrapper .right_col img{border:solid 4px #ccc; border-top:none; margin-top:-1px} #product_wrapper .main_info{float:left; width:100%} #product_wrapper table{margin-top:15px; clear:left} #product_wrapper th{width:216px; color:#C52B2B; text-align:left; background-color:#f6f6f6; border-bottom:solid 1px #ddd} #product_wrapper td, #product_wrapper th{padding:4px 6px} #product_wrapper tr{border-bottom:solid 1px #f6f6f6} #product_wrapper tr.last, #product_wrapper tr.last th{border:none} #product_wrapper .return{margin:20px 0 0 5px; padding:4px 0; border-top:solid 1px #f6f6f6} /*=======================================================*/ table.buy_fitfood{margin:10px 20px; border:solid 1px #666; width:504px} .buy_fitfood th{background-color:#444; color:#fff; padding:2px 4px; text-align:left} .buy_fitfood td{padding:4px} .buy_fitfood .even{background-color:#eee} .buy_fitfood .countries{width:145px} dl.why{margin:15px 25px} .why dt{font-weight:bold; color:#DD2222; margin:10px 0; padding-left:5px} .why dd{padding-left:15px; padding-bottom:10px; border-bottom:solid 1px #f6f6f6; line-height:17px} .why dd.last{border-bottom:none} h2.productlist{margin-top:25px; margin-bottom:5px} #content_wrapper ul.productlist a{background:transparent url(/pdf_icon.gif) left center no-repeat; padding-left:25px; width:166px} .movie_wrapper{margin-top:25px} .movie_left_col{margin-top:15px} .movie_lnk_img{display:block; position:relative; padding:5px; margin:5px 0 0 5px; background-color:#8b9278; width:175px; height:100px} .rightcol .movie_lnk_img{background-color:#f6f6f6; margin:15px} .movie_lnk_img .btn{position:absolute; left:50%; top:50%; margin-left:-8px; margin-top:-8px; border:none} #content_wrapper .movie_lnk_img img{border:none} a.movie_lnk_img:hover .btn{display:none} li.movie_left_col{margin:0} li.movie_left_col a{margin:0; background:none; padding:0} #brc{list-style:none} #slideshow{margin:0 0 0 10px; z-index:1; position:relative} #slideshow li{position:relative; width:196px; height:116px; margin:0 0 1px 0} #slideshow a{padding:0; position:absolute; top:0; left:0; width:196px; height:116px; display:block; margin:0} #slideshow img{border:none} /* clearfix */ * html .clearfix {height: 1%} .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden} .clearfix {display:inline-block} /* Hide from IE Mac \*/ .clearfix {display:block} /* End hide from IE Mac */