@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:12px/1.3em Arial, Verdana, Helvetica, sans-serif; text-align: left; color:#532f18; height: 100%; }
a { text-decoration:none; color:#532f18; outline:none;}
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 20px 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:solid 1px #c7b89e;
	border-bottom:none;
}

#nav ul#topnav {
	width:620px;
	height:41px;
	margin:0 0 0 80px;
	list-style:none;
	float:left;
}

#nav ul#topnav li {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	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;*/
	font:12px/1.3em 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;*/
	line-height:1.4em;
	border-bottom:dashed 1px #056cab;
	padding:2px 0 0 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:#5f361a solid 1px;
	border-bottom:none;
	text-align:center;
	font:bold 13px 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:12px 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:12px 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:12px;
}

.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-size:12px;
	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:18px Georgia, "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 Georgia, "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:12px 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;
	padding-right:10px;
}

#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;
	float: right;
	/*height:500px;	
	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:14px Georgia, "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;
	padding-bottom:10px;
}



#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 Georgia, "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:12px;
	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:12px/1.3em 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 Georgia, "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:12px 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 #sidebar h2 {padding-right:40px;}
#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:12px/1.3em 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:11px 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;
	line-height:1.3em;
	}

#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 */