﻿@charset "utf-8";
/* ---------------------------------------------------------------------------------------------

	* Filename:				layout.css
	* Description:			Fromagerie CSS
	* Version: 				1.0
	* Website:				fromagerie
	* Author: 				jang@one2crowd.com

/* CSS Reset ================================================================================= */

* { margin:0; padding:0; }

body {  font:11px Arial, Verdana, Helvetica, sans-serif; text-align: left; color:#532f18; height: 100%; }

a { text-decoration:none; color:#532f18; }
a:hover { text-decoration: none; color:#b19c76}
a img { border:0; text-decoration:none;}

/* Heading */
h1 {height:52px;}
h1, h2, h3, h4, h5, h6, .head { margin-bottom:.4em; line-height:1.3em; color:#0A263C; }
h1 { font-size:2em; line-height:1.17; }
h2 { font-size:1.5em; }
h3 { font-size:1.35em; }
h4 { font-size:1.05em; }
h5 { font-size:1.05em; }
h6 { font-size:.95em; }

/* Forms */
form          { margin:0; }
fieldset      { border:0; }
legend        { display:none; }

/* Table */
table         { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
address       { font-style:normal; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before, 
q:after       { content:''; }
small,big     { font-size:1em; }
sup           { font-size:1em; vertical-align:top; }

/* Lists */
ul,ol         { list-style:none;padding:0;margin:0; }

/* === Structure ================================================================================== */
body#home {
	margin:0 auto;
	padding:0;
	background:#f6f2d8 url(../images/bg_home.jpg) no-repeat center top;
}
body{
	margin:0 auto;
	padding:0;
	background:#f6f2d8 url(../images/bg_body.jpg) no-repeat center top;
}
body#popup {
	margin:0 auto;
	padding-left:20px;
	background:#FFFFFF;
}
#home #header {
	width:782px;
	height:134px;
	margin:0 auto;
	padding:0;
}
#header {
	width:784px;
	height:134px;
	margin:0 auto;
	padding:0;
}
#home #logo
{
	width:782px;
	height:93px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#fromagerie #logo,
#fabrication #logo,
#societaires #logo,
#nos-fromages #logo,
#nos-fromages-detail #logo,
#recettes #logo,
#nouvelles #logo,
#prix-et-distinctions #logo,
#nous-joindre #logo,
#page #logo{
	width:782px;
	height:92px;
	margin:0 auto;
	padding:0;
	position:relative;
}
#logo h1 { display:none}
#home #logo img {
	padding:6px 0 0 46px;
	display:block;
}
#fromagerie #logo img,
#fabrication #logo img,
#societaires #logo img,
#nos-fromages #logo img,
#nos-fromages-detail #logo img,
#recettes #logo img,
#nouvelles #logo img,
#prix-et-distinctions #logo img,
#nous-joindre #logo img,
#page #logo img {
	position:absolute;
	padding:9px 0 0 0;
	right:-98px;
}
#home #container {
	background-color:#FFFFFF;
	width:782px;
	margin:0 auto;
	padding:0;
	display:block;
	overflow: hidden;
  	min-height:460px;
  	height:auto !important;
  	height:460px;
	}
#fromagerie #container,
#fabrication #container,
#societaires #container,
#prix-et-distinctions #container{
	background-color:#FFFFFF;
	width:782px;
	padding:0;
	display: table;
	border-right:solid 1px #c7b89e;
	border-left:solid 1px #c7b89e;
	border-bottom:solid 1px #c7b89e;
	margin:0 auto;
	min-height:650px;
  	height:auto !important;
	height:650px; 
	overflow: hidden;
}
#nos-fromages #container,
#nos-fromages-detail #container{
	background: #FFFFFF url(../images/bg_container_nos_fromages.gif) left top repeat-x;
	width:782px;
	padding:0;
	display: block;
	border-right:solid 1px #c7b89e;
	border-left:solid 1px #c7b89e;
	border-bottom:solid 1px #c7b89e;;
	margin:0 auto;
	overflow:hidden;
	min-height:850px;
  	height:auto !important;
	height:850px; 
}
#recettes #container,
#page #container {
	background: #FFFFFF;
	width:782px;
	padding:0;
	display:block;
	border-right:solid 1px #c7b89e;
	border-left:solid 1px #c7b89e;
	border-bottom:solid 1px #c7b89e;;
	margin:0 auto;
	overflow: hidden;
}
#nouvelles #container,
#prix-et-distinctions #container,
#nous-joindre #container {
	background: #FFFFFF;
	width:782px;
	padding:0;
	display: block;
	border-right:solid 1px #c7b89e;
	border-left:solid 1px #c7b89e;
	border-bottom:solid 1px #c7b89e;
	margin:0 auto;
	overflow: hidden;
	height:100% auto;
}
#prix-et-distinctions #container,
#nous-joindre #container { /* ie8 only*/
	display/*\**/: table\9;
	}
#Content p span {
	text-decoration:underline;
}
#home #Content {
	clear:both;
	background:url(../images/bg_home_content.jpg) repeat-x left top;
	background-color:#FFFFFF;
	width:732px;
	margin:0px 10px 0px 10px;
	padding:8px 15px 10px 15px;
	text-align:left;
	display:block;
	height:250px;
	}
/* --------------------------------------------------------------------------------------------- */
/* === Top & Sub Navigation ================================================================================== */
#nav {
	width:782px;
	height:41px;
	background:#FFFFFF;
	display:block;
	overflow:hidden;
	}
#fromagerie #nav,
#fabrication #nav,
#societaires #nav,
#nos-fromages #nav,
#nos-fromages-detail #nav,
#recettes #nav,
#nouvelles #nav,
#prix-et-distinctions #nav,
#nous-joindre #nav,
#page #nav
{
	border-right:solid 1px #c7b89e;
	border-left:solid 1px #c7b89e;
	border-top:solid 1px #c7b89e;
	border-bottom:none;
}
#nav ul#topnav {
	width:565px;
	height:41px;
	margin:0 0 0 121px;
	list-style:none;
	float:left;
	display:inline;
}
#nav ul#topnav li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#532f18;
	text-transform:uppercase;
	display: block;
	float:left;
}
#nav ul#topnav li a {
	color:#532f18;
	text-decoration:none !important;
	display: block;
	float:left;
	padding:13px 13px 20px 14px;
	height:8px;
}
#nav ul#topnav li a:hover {
	color:#b19c76;
	background-color:#f0e5b4;
	text-decoration:none;
	display: block;
	float:left;
	padding:13px 13px 20px 14px;
	height:8px;
}
#nav ul#topnav li a.current,
#nav ul#topnav li a.section{
	color:#b19c76;
	background-color:#f0e5b4;
	text-decoration:none !important;
	display: block;
	float:left;
}
#nav ul#language {
	width:75px;
	height:41px;
	float: right;
}
#nav ul#language li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#a9978b;
	text-transform:uppercase;
	display: block;
	float: right;
}
#nav ul#language li.active {
	display:none;
}
#nav ul#language li a {
	color:#a9978b;
	text-decoration:none !important;
	display: block;
	float:left;
	padding:13px 11px 20px 12px;
	height:8px;
}
#nav ul#language li a:hover {
	color:#a9978b;
	background-color:#f0e5b4;
	text-decoration:none;
	display: block;
	float:left;
	padding:13px 11px 20px 12px;
	height:8px;
}
#fromagerie #subnav,
#fabrication #subnav,
#societaires #subnav,
#nouvelles #subnav,
#prix-et-distinctions #subnav,
#nous-joindre #subnav,
#page #subnav {
	width:770px;
	height:118px;
	background-color:#f7f2d9;
}
#fromagerie #subnav ul,
#fabrication #subnav ul,
#societaires #subnav ul,
#nouvelles #subnav ul,
#prix-et-distinctions #subnav ul,
#page #subnav ul {
	width:244px;
	float:left;
	margin:21px 0 0 104px;
	font:10px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	line-height:13px;
	list-style:none;
	display:inline;
	padding:0;
}
*+html #fromagerie #subnav ul,
*+html #fabrication #subnav ul,
*+html #societaires #subnav ul,
*+html #nouvelles #subnav ul,
*+html #prix-et-distinctions #subnav ul,
*+html #page #subnav ul {
	margin:21px 0 0 88px; /* ie7 */
}
#fromagerie #subnav ul li,
#fabrication #subnav ul li,
#societaires #subnav ul li,
#nouvelles #subnav ul li,
#prix-et-distinctions #subnav ul li,
#page #subnav ul li{
	height:13px;
	border-bottom:dashed 1px #056cab;
	padding-left:11px;
}
#fromagerie #subnav ul li a,
#fabrication #subnav ul li a,
#societaires #subnav ul li a,
#nouvelles #subnav ul li a,
#prix-et-distinctions #subnav ul li a,
#page #subnav ul li a {
	color:#532f18;
	text-decoration:none !important;
}
#fromagerie #subnav ul li a:hover,
#fabrication #subnav ul li a:hover,
#societaires #subnav ul li a:hover,
#nouvelles #subnav ul li a:hover,
#prix-et-distinctions #subnav ul li a:hover,
#page #subnav ul li a:hover{
	color:#b19c76;
	text-decoration:none !important;
}
#fromagerie #subnav ul li.current a,
#fabrication #subnav ul li.current a,
#societaires #subnav ul li.current a,
#nouvelles #subnav ul li.current a,
#prix-et-distinctions #subnav ul li.current a,
#page #subnav ul li.current a{
	color:#b19c76;
	text-decoration:none !important;
	}

/* === Home ================================================================================== */
#bn-home {
	width:627px;
	height:187px;
	display:block;
	padding:0 0 8px 10px;
	float:left;
	overflow:hidden;
	margin:0;
}
#box-home {
	width:120px;
	height:178px;
	border:solid #f0e5b4 4px;
	float:right;
	margin:0 10px 0px 0;
	padding:0;
	background-color:#FFFFFF;
	display:inline;
	overflow:hidden;
}
#box-home .top {
	background:#9c5a23 url(../images/bg_homebox_top.gif) left top no-repeat;
	width:118px;
	height:47px;
	border-bottom:none;
	border-top:#5f361a solid 1px;
	border-left:#5f361a solid 1px;
	border-right:#5f361a solid 1px;
	text-align:center;
	font:11px Arial, Helvetica, sans-serif;
	line-height:38px;
	color:#ffffff;
}
#box-home .text {
	width:98px;
	height:103px;
	background-color:#FFFFFF;
	border-bottom:#5f361a solid 1px;
	border-left:#5f361a solid 1px;
	border-right:#5f361a solid 1px;
	color:#532f18;
	font:11px Arial, Helvetica, sans-serif;
	text-align:left;
	padding:18px 9px 8px 11px;
}
#box-home .text p {
	margin:0px;
	padding:0;
}
#box-home .text span a{
	color:#532f18;
	font:10px Arial, Helvetica, sans-serif;
}
#box-home .text span a:hover {
	color:#b19c76;
	text-decoration:none !important;
}

.home-prod {
	display: inline-block;
	margin:0;
	text-align:center;
	float:left;
	font-weight:bold;
	vertical-align: bottom;
	margin:10px 5px 0 0;
	width:140px;
	font-size:10px;
}
.home-prod #hp_cheddars_doux {
	width:155px;
}
.home-prod img {
	vertical-align: bottom;
	}
.home-prod span {
	height:140px;
	display:block;
}
.home-prod-mi-careme {
	width:124px;
	height:140px;
	display:inline-block;
	float:left;
	text-align:center;
	padding:0 15px;
}
.home-prod-mi-careme a{
	display:inline-block;
	width:124px;
	background:url(../images/photo_home_prod_le_mi_careme.png) no-repeat left top;
	height:133px;
}
.home-prod-mi-careme a:hover {
	width:124px;
	background:url(../images/photo_home_prod_le_mi_careme.png) no-repeat -124px top;

}
.home-prod-mi-careme span,
.home-prod-riopelle-de-isle span,
.home-prod-tomme-grosse-ile span,
.home-prod-cheddars-ile-aux-grues span,
.home-prod-cheddars-doux span{
	top:140px;
	position:relative;
	text-align:center;
	font-size:10px;
	font-weight:bold;
}
.home-prod-mi-careme a:hover span,
.home-prod-riopelle-de-isle a:hover span,
.home-prod-tomme-grosse-ile a:hover span,
.home-prod-cheddars-ile-aux-grues a:hover span,
.home-prod-cheddars-doux a:hover span   {
	color:#b19c76;
	text-decoration:none !important;
}
.home-prod-riopelle-de-isle {
	width:109px;
	height:140px;
	display:inline-block;
	float:left;
	text-align:center;
	padding-right:15px;
}
.home-prod-riopelle-de-isle a{
	display:inline-block;
	width:109px;
	background:url(../images/photo_home_prod_le_rlopele_de_llsie.png) no-repeat left top;
	height:128px;
}
.home-prod-riopelle-de-isle a:hover{
	width:109px;
	background:url(../images/photo_home_prod_le_rlopele_de_llsie.png) no-repeat -109px top;
}
.home-prod-tomme-grosse-ile {
	width:117px;
	height:140px;
	display:inline-block;
	float:left;
	text-align:center;
	padding-right:15px;
}
.home-prod-tomme-grosse-ile a {
	display:inline-block;
	width:117px;
	background:url(../images/photo_home_prod_tomme_de_grosse_lle.png) no-repeat left top;
	height:129px;
}
.home-prod-tomme-grosse-ile a:hover {
	width:117px;
	background:url(../images/photo_home_prod_tomme_de_grosse_lle.png) no-repeat -117px top;
}
.home-prod-cheddars-ile-aux-grues {
	width:137px;
	height:140px;
	display:inline-block;
	float:left;
	text-align:center;
	padding-right:15px;
}
.home-prod-cheddars-ile-aux-grues a{
	display:inline-block;
	width:137px;
	background:url(../images/photo_home_prod_les_cheddars_de_lle_aux_Grues.png) no-repeat 0px top;
	height:94px;
}
.home-prod-cheddars-ile-aux-grues a:hover {
	width:137px;
	background:url(../images/photo_home_prod_les_cheddars_de_lle_aux_Grues.png) no-repeat -137px top;
}
.home-prod-cheddars-doux {
	width:155px;
	height:140px;
	display:inline-block;
	float:left;
	text-align:center;
	padding-right:15px;
}
.home-prod-cheddars-doux a {
	display:inline-block;
	width:155px;
	background:url(../images/photo_home_prod_Les_Cheddars_doux.png) no-repeat 0px top;
	height:135px;
}
.home-prod-cheddars-doux a:hover {
	width:155px;
	background:url(../images/photo_home_prod_Les_Cheddars_doux.png) no-repeat -155px top;
}
/* === Fromageries ================================================================================== */
#fromagerie #Content {
	float:left;
	margin:0px;
	width:280px;
	padding:22px 5px 78px 114px;
	text-align:left;
	background-color:#FFFFFF;
	overflow:hidden;
}
#fromagerie #Content .basic {
	width:270px;
	text-align:justify;
	float:left;
}
.bn-main img,
img.bn-main{
	float:right;
	margin:0;
	padding:0;
	width:372px;
	height:118px;
}
#fromagerie #sidebar {
	width:340px;
	float: left;
	margin:51px 0 0 0;
	padding:0;
}
#fromagerie #sidebar img {
	margin-bottom:46px;
}
#fromagerie #Content p {
	margin-bottom:22px;
}
/* === Fromageries ================================================================================== */
#fabrication #Content {
	float:left;
	margin:22px 0 0px 114px;
	width:270px;
	padding:0 5px 44px 0;
	text-align:left;
	background-color:#FFFFFF;
	display: inline;
	overflow-x:hidden;
	text-align:justify;
}
#fabrication #sidebar {
	width:380px;
	float: right;
	padding:195px 0 30px;
	background:url(../images/bg_sidebar_fabrication.jpg) left top no-repeat;
}
#fabrication #sidebar img {
	clear: both;
	margin-bottom:9px;
	vertical-align:middle;
	display: inline-block;
}
#fabrication #sidebar .caption-inline {
	display:inline;
	padding-left:14px;
	width:230px;
	font:12px normal "Times New Roman", Times, serif;
}
#fabrication #Content p {
	margin-bottom:22px;
}
/* === Sociétaires ================================================================================== */
#societaires #Content {
	float:left;
	margin:0px;
	width:280px;
	padding:22px 5px 44px 114px;
	text-align:left;
	background-color:#FFFFFF;
	display: inline;
	overflow:hidden;
}
#societaires #Content .basic {
	width:270px;
	text-align:justify;
}
#societaires #sidebar {
	width:375px;
	float: left;
	margin:52px 0 0 0;
	padding:0;
	display:inline-block;
}
#societaires #sidebar img {
	clear: both;
	margin-bottom:5px;
	display: block;
}
#societaires #sidebar .caption {
	display: block;
	text-align:center;
	width:215px;
	font:12px normal "Times New Roman", Times, serif;
	margin-bottom:50px;
}
#fabrication #Content p {
	margin-bottom:22px;
}
/* === Nos Fromages ================================================================================== */
#nos-fromages #Content{
	float:left;
	margin:37px 0 0px 114px;
	padding:0 5px 44px 0;
	width:315px;
	text-align:left;
	display: inline;
	overflow-x:hidden;
	}
#nos-fromages #Content p {
	margin-bottom:22px;
}
#nos-fromages #sidebar{
	width:265px;
	float: left;
	margin:7px 35px 20px 0;
	display:block;
	background-color:#f0e5b4;
}
#nos-fromages #sidebar .prod-box-top {
	margin:5px 6px 0 6px;
	width:251px;
	height:72px;
	overflow-y:hidden;
	background:#532f18 url(../images/bg_des_produits_box_top.gif) left bottom no-repeat;
	border-left: #532f18 solid 1px;
	border-right:#532f18 solid 1px;
	border-top:#532f18 solid 1px;
	font:16px "Times New Roman", Times, serif;
	color:#FFFFFF;
	line-height:52px;
	text-align:center;
}
#nos-fromages #sidebar .prod-box {
	width:251px;
	border-left: #532f18 solid 1px;
	border-right:#532f18 solid 1px;
	border-bottom:#532f18 solid 1px;
	background:#FFFFFF url(../images/bg_des_produits_box.gif) left top repeat-x;
	margin:0px 6px 5px 6px;
}
#nos-fromages #sidebar .prod-box ul {
	width:245px;
	padding:0 4px 2px 2px;
	overflow:auto;
}
#nos-fromages #sidebar .prod-box ul li {
	clear:both;
	display: block;
	width:245px;
}

#nos-fromages #sidebar .prod-box ul li img {
	display: block;
	vertical-align:middle;
	float:left;
	width:158px;
	height:auto;
	}
 /* #nos-fromages #sidebar .prod-box ul li.link a img,
 {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
#nos-fromages #sidebar .prod-box ul li.link a:hover img {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
} */
#nos-fromages #sidebar .prod-box ul li a {
	display:block;width:245px
	}
#nos-fromages #sidebar .prod-box ul li#mi-careme-fr a,
#nos-fromages #sidebar .prod-box ul li#mi-careme-en a{ 
	width:158px; 
	height:118px; 
	background:url(../images/photo-mi-careme-main.png) no-repeat 0px 0px;
	display:block;
}

#nos-fromages #sidebar .prod-box ul li#mi-careme-fr a:hover,
#nos-fromages #sidebar .prod-box ul li#mi-careme-en a:hover { 
	width:158px; 
	height:118px; 
	background: url(../images/photo-mi-careme-main.png) no-repeat 0px -118px; 
	display:block;
}
#nos-fromages #sidebar .prod-box ul li#riopelle-de-isle-fr a,
#nos-fromages #sidebar .prod-box ul li#riopelle-de-isle-en a{ 
	width:158px; 
	height:119px; 
	background:url(../images/photo-riopelle-de-isle-main.png) no-repeat 0px 0px;
	display:block;
}

#nos-fromages #sidebar .prod-box ul li#riopelle-de-isle-fr a:hover,
#nos-fromages #sidebar .prod-box ul li#riopelle-de-isle-en a:hover { 
	width:158px; 
	height:119px; 
	background: url(../images/photo-riopelle-de-isle-main.png) no-repeat 0px -119px; 
	display:block;
}
#nos-fromages #sidebar .prod-box ul li#tomme-grosse-ile-fr a,
#nos-fromages #sidebar .prod-box ul li#tomme-grosse-ile-en a{ 
	width:158px; 
	height:127px; 
	background:url(../images/photo-tomme-grosse-ile-main.png) no-repeat 0px 0px;
	display:block;
}

#nos-fromages #sidebar .prod-box ul li#tomme-grosse-ile-fr a:hover,
#nos-fromages #sidebar .prod-box ul li#tomme-grosse-ile-en a:hover { 
	width:158px; 
	height:127px; 
	background: url(../images/photo-tomme-grosse-ile-main.png) no-repeat 0px -127px; 
	display:block;
}
#nos-fromages #sidebar .prod-box ul li#cheddars-vieilli-ile-aux-grues-fr a,
#nos-fromages #sidebar .prod-box ul li#cheddars-vieilli-ile-aux-grues-en a{ 
	width:158px; 
	height:100px; 
	background:url(../images/photo-cheddars-ile-aux-grues-main.png) no-repeat 0px 0px;
	display:block;
}

#nos-fromages #sidebar .prod-box ul li#cheddars-vieilli-ile-aux-grues-fr a:hover,
#nos-fromages #sidebar .prod-box ul li#cheddars-vieilli-ile-aux-grues-en a:hover { 
	width:158px; 
	height:100px; 
	background: url(../images/photo-cheddars-ile-aux-grues-main.png) no-repeat 0px -100px; 
	display:block;
}
#nos-fromages #sidebar .prod-box ul li#cheddars-doux-ile-aux-grues-fr a,
#nos-fromages #sidebar .prod-box ul li#cheddars-doux-ile-aux-grues-en a{ 
	width:158px; 
	height:136px; 
	background:url(../images/photo-cheddars-doux-main.png) no-repeat 0px 0px;
	display:block;
}

#nos-fromages #sidebar .prod-box ul li#cheddars-doux-ile-aux-grues-fr a:hover,
#nos-fromages #sidebar .prod-box ul li#cheddars-doux-ile-aux-grues-en a:hover { 
	width:158px; 
	height:136px; 
	background: url(../images/photo-cheddars-doux-main.png) no-repeat 0px -136px; 
	display:block;
}
#nos-fromages #sidebar .prod-box ul li span.menu {
	width:85px;
	display:block;
	font:13px "Times New Roman", Times, serif;
	color:#2e4c73;
	padding:0px;
	margin:0 0 0 158px;
	position:relative;
	top:35px;
}
#nos-fromages #sidebar .prod-box ul li a span.menu {
	color:#2e4c73;
	text-decoration:none !important;
}
#nos-fromages #sidebar .prod-box ul li a:hover span.menu {
	color:#a3a99c;
	text-decoration:none !important;
	cursor: hand  	
}
/* === Nos Fromages Detail ================================================================================== */
#leftsidebar {
	width:288px;
	display: inline-block;
	float:left;
	border-right:#e3dbcd 1px solid;
	margin-bottom:32px;
}
#leftsidebar .prod-photo {
	text-align:center;
	display:block;
	margin:10px 0 22px 0;
	padding:0;
}
#leftsidebar .accordbox-top {
	width:185px;
	height:15px;
	background:#dae8f4 url(../images/bg_bluebox_top.gif) center top no-repeat;
	text-align:center;
	font:12px normal Arial, Helvetica, sans-serif;
	color:#654835;
	margin:0 0 3px 57px;
	padding:5px 0;
}
#leftsidebar .accordbox-top-en {
	width:185px;
	height:32px;
	background:#dae8f4 url(../images/bg_bluebox_top-en.gif) center top no-repeat;
	text-align:center;
	font:12px normal Arial, Helvetica, sans-serif;
	color:#654835;
	margin:0 0 3px 57px;
	padding:5px 0;
}
#leftsidebar .accordbox {
	width:185px;
	margin:0 0 15px 57px;
	background:#FFFFFF url(../images/bg_bluebox.gif) left top repeat-x;
	padding:0 0 0 0;
}
#leftsidebar .accordbox ul {
	width:178px;
	margin:0;
	padding:2px 5px 25px 2px;
	font:11px normal Arial, Helvetica, sans-serif;
	color:#532f18;
	list-style-type:disc;
	list-style-position:inside;	
}
#leftsidebar .accordbox ul li {
	line-height:15px;
	padding-left:6px;
	margin:0;
}
#leftsidebar .suggestionbox {
	width:177px;
	padding:4px;
	background-color:#f0e5b4;
	margin:0 0 3px 57px;
}
#leftsidebar .suggestionbox-top {
	width:165px;
	border-top:#5e3c23 1px solid;
	border-right:#5e3c23 1px solid;
	border-left:#5e3c23 1px solid;
	height:58px;
	background:#5e3c23 url(../images/bg_brownbox_top.gif) center bottom no-repeat;
	color:#fff;
	font:12px Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	padding:7px 5px 0 5px;
	
}
#leftsidebar .suggestionbox-text {
	width:145px;
	border-bottom:#5e3c23 1px solid;
	border-right:#5e3c23 1px solid;
	border-left:#5e3c23 1px solid;
	padding:10px 15px 15px 15px;
	font:12px Arial, Helvetica, sans-serif;
}
#box-right {
	width:490px;
	height:500px;
	float: right;
	display: inline-block;
}
#nos-fromages-detail #Content {
	width:300px;
	float:left;
	display: inline-block;
	margin:36px 0 20px 0;
	padding:0 10px 10px 20px;
}
html>body #nos-fromages-detail #Content {
	width:310px;
	float:left;
	display: block;
	margin:0;
	padding:36px 0 10px 24px;
	
}
#nos-fromages-detail #Content p {
	margin-bottom:22px;
}
#nos-fromages-detail #Content h2 {
	margin-bottom:14px;
}
*html #nos-fromages-detail #sidebar{ /* ie6 */
	width:128px;
	float: right;
	margin:0px 10px 20px 0; 
	display:block;
	background-color:#f0e5b4;
	padding:0;
}
#nos-fromages-detail #sidebar{ 
	width:128px;
	float: right;
	margin:0px 20px 20px 0; 
	display:block;
	background-color:#f0e5b4;
	padding:0;
}
#nos-fromages-detail #sidebar .prod-box-top {
	margin:5px 5px 0 4px;
	width:117px;
	height:56px;
	overflow-y:hidden;
	background:#532f18 url(../images/bg_prod_boxsm_top.gif) left bottom no-repeat;
	border-left: #532f18 solid 1px;
	border-right:#532f18 solid 1px;
	border-top:#532f18 solid 1px;
	font:12px "Times New Roman", Times, serif;
	color:#FFFFFF;
	line-height:43px;
	text-align:center;
}
#nos-fromages-detail #sidebar .prod-box {
	width:117px;
	border-left: #532f18 solid 1px;
	border-right:#532f18 solid 1px;
	border-bottom:#532f18 solid 1px;
	background:#FFFFFF url(../images/bg_prod_boxsm.gif) left top repeat-x;
	margin:0px 5px 5px 4px;
	text-align:center;
	overflow:auto
}
#nos-fromages-detail #sidebar .prod-box ul {
	width:114px;
	padding:0 0px 2px 3px;
	overflow: hidden;
}
#nos-fromages-detail #sidebar .prod-box ul li {
	clear:both;
	display: block;
	width:114px;
}

#nos-fromages-detail #sidebar .prod-box ul li.current {
	display:none;
}
#nos-fromages-detail #sidebar .prod-box ul li img {
	display: block;
	}
#nos-fromages-detail #sidebar .prod-box ul li span {
	width:110px;
	display:block;
	font:13px "Times New Roman", Times, serif;
	color:#2e4c73;
	float: none;
	text-align:center;
	margin-bottom:7px;
	font-size:11px;
}
#nos-fromages-detail #sidebar .prod-box ul li a span {
	color:#2e4c73;
	text-decoration:none;
	font-size:11px;
}
#nos-fromages-detail #sidebar .prod-box ul li a,
#nos-fromages-detail #sidebar .prod-box ul li a:hover {
	display:block;
	width:114px;
}
#nos-fromages-detail #sidebar .prod-box ul li a:hover span {
	color:#a3a99c;
	text-decoration:none;
	font-size:11px;
	cursor: pointer;
}
#nos-fromages-detail #sidebar .prod-box ul li#mi-careme-fr a,
#nos-fromages-detail #sidebar .prod-box ul li#mi-careme-en a  {
	width:114px; 
	background:url(../images/photo-mi-careme-sm.png) no-repeat 0px 0px;
	display:block;
}
#nos-fromages-detail #sidebar .prod-box ul li#mi-careme-fr a:hover,
#nos-fromages-detail #sidebar .prod-box ul li#mi-careme-en a:hover {

	width:114px; 
	background: url(../images/photo-mi-careme-sm.png) no-repeat -114px 0px; 
	display:block;
}
*+html #nos-fromages-detail #sidebar .prod-box ul li#mi-careme-fr a span,
*+html #nos-fromages-detail #sidebar .prod-box ul li#mi-careme-en a span  {
	margin-top:92px;
	background: none;
	display: block;
	font-size:11px;
	padding:0;
} /* ie 7 */
#nos-fromages-detail #sidebar .prod-box ul li#mi-careme-fr a span,
#nos-fromages-detail #sidebar .prod-box ul li#mi-careme-en a span  {
	padding-top:92px;
	background: none;
	display: block;
	font-size:11px;
	margin:0;
}
#nos-fromages-detail #sidebar .prod-box ul li#riopelle-de-isle-fr a,
#nos-fromages-detail #sidebar .prod-box ul li#riopelle-de-isle-en a  {
	width:114px; 
	background:url(../images/photo-riopelle-de-isle-sm.png) no-repeat 0px 0px;
	display:block;
}
#nos-fromages-detail #sidebar .prod-box ul li#riopelle-de-isle-fr a:hover,
#nos-fromages-detail #sidebar .prod-box ul li#riopelle-de-isle-en a:hover {

	width:114px; 
	background: url(../images/photo-riopelle-de-isle-sm.png) no-repeat -114px 0px; 
	display:block;
}
*+html #nos-fromages-detail #sidebar .prod-box ul li#riopelle-de-isle-fr a span,
*+html #nos-fromages-detail #sidebar .prod-box ul li#riopelle-de-isle-en a span  {
	margin-top:94px;
	background: none;
	display: block;
	font-size:11px;
	padding:0;
} /* ie7 */
#nos-fromages-detail #sidebar .prod-box ul li#riopelle-de-isle-fr a span,
#nos-fromages-detail #sidebar .prod-box ul li#riopelle-de-isle-en a span  {
	padding-top:94px;
	background: none;
	display: block;
	font-size:11px;
	margin:0;
}
#nos-fromages-detail #sidebar .prod-box ul li#tomme-grosse-ile-fr a,
#nos-fromages-detail #sidebar .prod-box ul li#tomme-grosse-ile-en a  {
	width:114px; 
	background:url(../images/photo-tomme-grosse-ile-sm.png) no-repeat 0px 0px;
	display:block;
}
#nos-fromages-detail #sidebar .prod-box ul li#tomme-grosse-ile-fr a:hover,
#nos-fromages-detail #sidebar .prod-box ul li#tomme-grosse-ile-en a:hover {

	width:114px; 
	background: url(../images/photo-tomme-grosse-ile-sm.png) no-repeat -114px 0px; 
	display:block;
}
*+html #nos-fromages-detail #sidebar .prod-box ul li#tomme-grosse-ile-fr a span,
*+html #nos-fromages-detail #sidebar .prod-box ul li#tomme-grosse-ile-en a span  {
	margin-top:99px;
	background: none;
	display: block;
	padding:0
} /* ie 7 */
#nos-fromages-detail #sidebar .prod-box ul li#tomme-grosse-ile-fr a span,
#nos-fromages-detail #sidebar .prod-box ul li#tomme-grosse-ile-en a span  {
	padding-top:99px;
	background: none;
	display: block;
	margin:0;
}
#nos-fromages-detail #sidebar .prod-box ul li#cheddars-vieilli-ile-aux-grues-fr a,
#nos-fromages-detail #sidebar .prod-box ul li#cheddars-vieilli-ile-aux-grues-en a  {
	width:114px; 
	background:url(../images/photo-cheddars-ile-aux-grues-sm.png) no-repeat 0px 0px;
	display:block;
}
#nos-fromages-detail #sidebar .prod-box ul li#cheddars-vieilli-ile-aux-grues-fr a:hover,
#nos-fromages-detail #sidebar .prod-box ul li#cheddars-vieilli-ile-aux-grues-en a:hover {

	width:114px; 
	background: url(../images/photo-cheddars-ile-aux-grues-sm.png) no-repeat -114px 0px; 
	display:block;
}
*+html #nos-fromages-detail #sidebar .prod-box ul li#cheddars-vieilli-ile-aux-grues-fr a span,
*+html #nos-fromages-detail #sidebar .prod-box ul li#cheddars-vieilli-ile-aux-grues-en a span  {
	margin-top:78px;
	background: none;
	display: block;
	padding:0;
} /* ie7 */
#nos-fromages-detail #sidebar .prod-box ul li#cheddars-vieilli-ile-aux-grues-fr a span,
#nos-fromages-detail #sidebar .prod-box ul li#cheddars-vieilli-ile-aux-grues-en a span  {
	padding-top:78px;
	background: none;
	display: block;
	margin:0;
}
#nos-fromages-detail #sidebar .prod-box ul li#cheddars-doux-ile-aux-grues-fr a,
#nos-fromages-detail #sidebar .prod-box ul li#cheddars-doux-ile-aux-grues-en a  {
	width:114px; 
	background:url(../images/photo-cheddars-doux-sm.png) no-repeat 0px 0px;
	display:block;
}
#nos-fromages-detail #sidebar .prod-box ul li#cheddars-doux-ile-aux-grues-fr a:hover,
#nos-fromages-detail #sidebar .prod-box ul li#cheddars-doux-ile-aux-grues-en a:hover {

	width:114px; 
	background: url(../images/photo-cheddars-doux-sm.png) no-repeat -114px 0px; 
	display:block;
}
*+html #nos-fromages-detail #sidebar .prod-box ul li#cheddars-doux-ile-aux-grues-fr a span,
*+html #nos-fromages-detail #sidebar .prod-box ul li#cheddars-doux-ile-aux-grues-en a span  {
	margin-top:109px;
	background: none;
	display: block;
	padding:0;
} /* ie7 */
#nos-fromages-detail #sidebar .prod-box ul li#cheddars-doux-ile-aux-grues-fr a span,
#nos-fromages-detail #sidebar .prod-box ul li#cheddars-doux-ile-aux-grues-en a span  {
	padding-top:109px;
	background: none;
	display: block;
}
/* === Recettes ================================================================================== */
#recettes #bn-recettes {
	clear:both;
	width:770px;
	height:118px;
	margin:0px 12px 8px 0;
	margin/*\**/:0px 12px 8px 0px\9; /* ie8 only*/
	padding:0;
	background:url(../images/bn-recettes.jpg) left top no-repeat;
}
*+html #recettes #bn-recettes {
	margin:0px 12px 8px 0;
}
#recettes #subnav {
	margin:0 12px 0 115px;
	background: url(../images/bg-nav-recettes.jpg) right top no-repeat;
	height:252px;
}
#recettes #subnav p {
	width:312px;
	text-align:justify;
}
#recettes #subnav ul {
	margin:15px 0 15px 0;
	list-style:disc;
	list-style-position: inside;
}
#recettes #subnav ul li {
	margin-left:0px;
	padding-left:0px;
	line-height:15px;
}
#recettes #subnav ul li a {
	color:#532f18;
	text-decoration:none;
}
#recettes #subnav ul li a:hover,
#recettes #subnav ul li.current a,
#recettes #subnav ul li.current,
#recettes #subnav ul li a#link,
#recettes #subnav ul li a:hover#link,
#recettes #subnav ul li a.selected {
	font:11px Arial, Helvetica, sans-serif;
	color:#b19c76;
	text-decoration:none !important;
}
#recettes #Content {
	background:url(../images/bg_content_recettes.gif) left top repeat-x;
	border-top:dashed 1px #0069aa;
	padding:25px 350px 15px 115px;
	margin:0;
}
#recettes #Content p {
	margin-bottom:22px;
}
#recettes #Content .photo-recette {
/* 	margin:0 0 23px -33px; */
	margin:0 0 23px 0px;
	display:block
}
/* === Nouvelles ================================================================================== */
#nouvelles #Content{
	width:670px;
	display:block;
	margin:25px 0 60px 111px;
}
#nouvelles #Content p {
	margin-bottom:20px;
}
ul#nouvelleslist {
	margin:0;
	padding:0;
	list-style:none;
	display:table;
}
ul#nouvelleslist li {
	clear:both;
	display: table-row;
	margin:0 !important;
	padding:0 !important;
	list-style-type:none;
	list-style:none !important;
	background:none !important;
}
#nouvelles .photo-nouvelle {
	display: block;
	float:left;
	width:139px;
}
#nouvelles dl.nouvelle {
	width:485px;
	padding:0 20px 30px 25px;
	float: right;
	margin:0;
	display: block;
}
#nouvelles dl.nouvelle dt{
	font:18px "Times New Roman", Times, serif;
	color:#532f18;
	margin-bottom:12px;
}
#nouvelles dl.nouvelle dt a{
	color:#532f18;
	text-decoration: underline;
}
#nouvelles dl.nouvelle dt a:hover {
	color:#b19c76;
	text-decoration: underline;
}
#nouvelles dl.nouvelle dd.icon-pdf {
	background:url(../images/icon-pdf.gif)  left center no-repeat;
	padding-left:20px;
	color:#000000;
	font:10px Arial, Helvetica, sans-serif;
}
#nouvelles dl.nouvelle dd a{
	color:#532F18;
	text-decoration: underline;
}
#nouvelles dl.nouvelle dd a:hover {
	text-decoration:underline;
}
#nouvelles dl.nouvelle dd a[href$=".pdf"],
#nouvelles dl.nouvelle dd a[href$=".PDF"],
#nouvelles dl.nouvelle dd a.pdf {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_white_acrobat.png) no-repeat left center;
		text-decoration:none !important;
	}
#nouvelles dl.nouvelle dd a:hover[href$=".pdf"],
#nouvelles dl.nouvelle dd a:hover[href$=".PDF"],
#nouvelles dl.nouvelle dd a:hover.pdf {
		text-decoration:underline !important;
	}
/* === Prix et distinction ================================================================================== */
#prix-et-distinctions #Content {
	clear:both;
	width:285px;
	padding:23px 5px 25px 107px;
	float:left;
	display:block;
	text-align:justify;
}
#prix-et-distinctions #sidebar {
	width:372px;
	float:right;
	margin:7px 12px 25px 0;
	padding:0;
	background:url(../images/bg_prix_sidebar.gif) left top repeat-x;
	display:block;
  	min-height:700px;
  	height:auto !important;
  	height:700px;
}
#prix-et-distinctions #Content h2 {
	margin:0 0 15px 8px;
	padding:0;
}
#prix-et-distinctions #Content h2.title-bluebg {
	width:244px;
	height:25px;
	line-height:25px;
	padding:0px;
	background:url(../images/bg_title_prix.gif) left top no-repeat;
	display:block;
	margin:0 0 22px 0;
	text-indent:5px;
	color:#2e4c73;
}
#prix-et-distinctions #Content p {
	margin:0 5px 22px 8px;
	padding:0;
}
#prix-et-distinctions #Content ul {
	margin:10px 5px 22px 0;
	text-align:left;
}
#prix-et-distinctions #Content ul li {
	text-align:left;
}
#prix-et-distinctions #Content .prix-photoholder {
	width:245px;
	text-align:center
}
#prix-et-distinctions #Content .prixholder {
	margin:0;
	padding:0;
}
#prix-et-distinctions #Content .prixholder p {
	margin:0 5px 12px 0px;
	padding:0;
}
/* === Nous joindre ================================================================================== */
#nous-joindre #bn-nous-joindre {
	clear:both;
	width:770px;
	height:118px;
	margin:0px 12px 8px 0;
	margin/*\**/:0px 12px 8px 0px\9; /* ie8 only*/
	padding:0;
	background:url(../images/bn_nous_joindre.jpg) left top no-repeat;
}
*+html #nous-joindre #bn-nous-joindre {
	margin:0px 12px 8px 0; /* ie7 */
}
#nous-joindre #Content {
	width:250px;
	display:block;
	padding:22px 35px 0px 114px;
	float:left;
	overflow:hidden;
	margin-bottom:20px;
}
#nous-joindre #Content p {
	margin-bottom:20px;
}
#nous-joindre #Content .title-bluedot a{
	color:#694930;
	text-decoration:none !important;
}
#nous-joindre #Content .title-bluedot a:hover{
	text-decoration:none !important;
	color:#c1b091;
}
#nous-joindre #sidebar {
	width:310px;
	border-left:dashed 1px #0069aa;
	background:#dae9f6 url(../images/icon-nous-joindre.gif) 299px 41px no-repeat;;
	margin:0 0 -5000px 0;
	min-height:100%;
	padding:14px 20px 5000px 39px;
	float: left;
	display: block;
}
#nous-joindre #sidebar { /* ie8 */
	display/*\**/: table\9;
	} 
#nous-joindre a {
	color:#2e4c73;
	text-decoration:underline;
}
#nous-joindre a:hover {
	color:#2e4c73;
	text-decoration: none;
}
#nous-joindre #sidebar .basic-contact {
	width:305px;
}
#nous-joindre #sidebar .basic-contact a {
	color:#532f18;
	text-decoration: none;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:15px;
}
#nous-joindre #sidebar .basic-contact a:hover {
	color:#532f18;
	text-decoration: none;
}
/* === Page ================================================================================== */
#page #Content {
	clear:both;
	padding:20px;
	float:left;
	display:block;
}
/* === Footer ================================================================================== */
#footer {
	clear:both;
	width:782px;
	margin:0 auto;
	padding:0;
	font:10px Arial, Helvetica, sans-serif;
	color:#7c6048;
	text-align:center;
	}
#footer ul#bottomnav{
	font-weight:bold;
	margin:31px 0 15px 0;
}
#footer ul#bottomnav li{
	list-style:none;
	display:inline;
	padding:0 5px;
	text-transform:capitalize;
}
#footer ul#bottomnav li a{
	color:#7c6048;
	text-decoration:none !important;
}
#footer ul#bottomnav li a:hover {
	color:#7c6048;
	text-decoration:underline;
}
#footer .copyright {
	font-weight:normal;
	color:#947d64;
	margin-bottom:31px;
	}
#footer .copyright a {
	color:#947D64;
	text-decoration:none;
}
#footer .copyright a:hover {
	color:#947D64;
	text-decoration:underline;
}
clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
