@import url("/skin/styles.general.css");
@import url("/skin/skin_default/client.css");
@import url("/skin/skin_default/menu.css");
@import url("/skin/skin_default/pager.css");
@import url("/skin/skin_default/plan.css");
@import url("/skin/skin_default/accueil.css");
@import url("/skin/skin_default/produits.css");
@import url("/skin/skin_default/categ.css");
@import url("/skin/skin_default/recettes.css");

@font-face {
	font-family: "Gentium Basic Italic";
	src: url(/fonts/GenBasI.ttf);
	font-weight: normal;
}

@font-face {
	font-family: "Gentium Basic Bold Italic";
	src: url(/fonts/GenBasBI.ttf);
	font-weight: bold;
}

html{
	margin: 0px;
	padding: 0px;
	height: 100%;
}
body{
	margin: 0px;
	padding: 0px;
	height: 100%;
	background: url(/images/bg-plaid-tile.gif) center;
	font: normal 11px/18px "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #605f4a;
}

/*### Styles généraux à tous les skins ###*/
.clearLeft,
.clearRight,
.clearBoth{
	clear: left;
	height: 0px;
	margin: 0px;
	visibility: hidden;
	line-height: 0px;
	padding: 0px;
	font-size: 0px;
}
.clearRight{clear: right;}
.clearBoth{clear: both;}


#colLeft, .col_left {float: left;}
#colRight, .col_right {float: right;}

div.rss a{
	padding-left: 19px;
	background: url(/images/rss.gif) 0px 0px no-repeat;
}
div#public_message{position: relative;}
div#public_message #message{
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(/images/crochet.gif) #a39e8a top left no-repeat;
	color:#fff;
	padding:10px 10px 10px 60px;
	width: 200px;
	line-height:14px;
	margin-left:400px;
	

}
div#publicerror, div#publicerrorErr,
#menu ul li.mInactif a,
#module_plan ul li.mInactif a{
	color: #FF0000;
}
/*### Styles généraux à tous les skins ###*/

a {
	text-decoration: none;
	color: #c00;
}
a:hover{
	text-decoration: underline;
}
form{
	margin:0px;
	padding:0px;
}
img{border: none;}

div.hr {
	height: 14px;
	margin: 10px 0;
	padding: 0;
	display: block;
}	div.hr520 {width: 520px; background: transparent url(/images/hr-ornament-520.gif) center no-repeat;}
	div.hr hr {display: none;}


#container {
	width: 980px;
	margin: 0 auto;
	padding-bottom:50px;
}

#main {
	background: #fff;
	border: 1px solid #d5d5be;
	width: 960px;
	padding: 0 9px;
	margin: 0 0 50px 0;
}
	
p#quote {
	margin: 0;
	padding: 16px 0;
	color: #665f44;
	text-align: right;
}

#header {
	width: 940px;
	padding: 0 10px;
	position: relative;
}

#logo {
	width: 293px;
	height: 111px;
	position: absolute;
	top: -38px;
	left: 10px;
}

#footer {
	width: 900px;
	margin: 0 30px 40px 30px;
	padding: 5px 0;
	border-top: 1px solid #d6d5c5;
	color: #9f9e89;
}

	#footer a {
		color: #6a6342;
		font-weight: bold;
	}
	
	#footer .fernandiere {float: left;}
	#footer .omnimedia {float: right;}
	
#cols {margin:30px 0px 20px 0px;}	
.fullpage {width: 960px; background: url(/images/fond-produits.gif) 705px 0px repeat-y;}
#cols #contenu {float:left;width:660px;padding:0px;margin:0px 0px 0px 20px;}
#cols #sousmenu {float:right;width:220px;}

	#cols h1 {
		margin: 0px 0px 10px 30px;
		padding: 0px;
		text-indent:0px;
		font-weight:normal;
		font:54px/54px "Times New Roman", Times, serif;
		font-style:italic;
		letter-spacing:-1px;
		float:none;
		height:auto;
		}
	/*#cols h1.charcuterie {background: url(/images/titre-charcuterie.gif) top left no-repeat;}
	#cols h1.contacter {background: url(/images/titre-contacter.gif) top left no-repeat;}
	#cols h1.plansite {background: url(/images/titre-plansite.gif) top left no-repeat;}*/
	
#sousmenu ul,
#sousmenu ul li{padding:0px 0px 12px 0px;margin:0px;list-style:none;font-size:12px}
#sousmenu ul li a{padding:0px 4px;}
#sousmenu ul li.selected a{background-color:#cc0000;color:#ffffff;}




/*NOUS JOINDRE*/
#nousjoindre{
	background:url(/images/fond-produits.gif) 353px 0px repeat-y;
	width: 940px;
	overflow: hidden;
}
#adresse{
	width:300px;
	float:left;
	padding:0px;
	margin:0px 0px 0px 20px;
	}
#contactFormulaire{
	width:530px;
	float:right;
	padding:0px;
	margin:0px 20px 0px 0px;
	border-left:1px solid #;
	}
#contactFormulaire fieldset{
	border:0px;
	padding:0px;
	margin:0px;
	}
#contactFormulaire legend{
	padding:0x;
	margin:0px;
	display: none;
	}
#contactFormulaire fieldset div{
	clear:both;
	padding-top:10px;
	padding-bottom:13px;
	border-top:1px solid #d6d5c5;
	}
#contactFormulaire fieldset div label{
	float:left;
	width:100px;
	text-align:right;
	margin-right:5px;
	padding-top:1px;
	}
#contactFormulaire fieldset div.comments label{
	float:none;
	display:block;
	width:400px;
	text-align:left;
	padding-right:0px;
	}
#contactFormulaire fieldset div.calcCha label{
	float:none;
	display:block;
	width:400px;
	text-align:left;
	padding-right:0px;
	}
#contactFormulaire fieldset div input{
	float:left;
	border:1px solid #6a6342;
	padding:1px 3px 3px 3px;
	margin-right:10px;
	font:11px/14px Trebuchet MS, Arial, Helvetica, sans-serif
	}
#contactFormulaire fieldset div textarea{
	border:1px solid #6a6342;
	padding:1px 3px 3px 3px;
	font:11px/14px Trebuchet MS, Arial, Helvetica, sans-serif
	}
#contactFormulaire fieldset div.calcCha input{
	float:none;
	} 	
#contactFormulaire a.btn,
#produits #comments fieldset div.boutons a.btn {
	display:inline;
	float:left;
	background:url(/images/fond-bouton.gif) #ca0000 repeat-x;
	margin-right:15px;
	padding:3px;
	border:1px solid #660000;
	cursor:pointer;
	} 	
#contactFormulaire a.btn input,
#produits #comments fieldset div.boutons a.btn input {
	border:0px;
	background-color:transparent;
	margin:0px;
	padding:0px;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	overflow: visible;
	text-align: center;
	} 	
	
	
	

#recettedetails #spt{
	float:right;
	margin-top:10px;
}
#recettedetails #spt ul li{
	display:block;
	background:none;
}
#recettedetails #spt ul li a{
	display:block;
	font-size:11px;
	background:url(/images/icon-print.gif) 0px 4px no-repeat;
	padding:0px 0px 0px 15px;
}

#produitdetails #spt {
	border-bottom:1px solid #e4e3d5;
	overflow:hidden;
}
#produitdetails h2 {
	color:#a1a180;
	padding:10px 0px 0px 35px;
	margin:0 0 5px;
	background:url(/images/quote-left.gif) 0px 12px no-repeat;
	overflow:hidden;
}
#produitdetails h2 span{
	margin:0;
	padding:0 35px 0 0;
	display:block;
	float:left;
	background:url(/images/quote-right.gif) bottom right no-repeat;
}


#produitdetails #spt ul{
	float:right;
	margin-top:10px;
	padding:0px;
}
#produitdetails #spt ul li{
	display:block;
	background:none;
}
#produitdetails #spt ul li a{
	display:block;
	font-size:11px;
	background:url(/images/icon-print.gif) 0px 4px no-repeat;
	padding:0px 0px 0px 15px;
}

#cols.fullpage #spt {
	border-top:1px solid #e4e3d5;
	overflow:hidden;
	width:640px;
	text-align:right;
	float:left;
	clear:both;
	margin-left:30px;
	margin-top:20px;
}
#cols.fullpage #spt ul{
	margin-top:10px;
	padding:0px;
	float:right;
}
#cols.fullpage #spt ul li{
	display:block;
	background:none;
}
#cols.fullpage #spt ul li a{
	display:block;
	font-size:11px;
	background:url(/images/icon-print.gif) 0px 4px no-repeat;
	padding:0px 0px 0px 15px;
}



#outrouverfooter {
	margin: 10px 30px 30px 30px;
	padding-top:20px;
	background:#fff;
	overflow:hidden;
}

#outrouverfooter h3 {
		border-top:1px solid #d6d5c5;
		margin: 0;
		padding: 15px 0px 0px 0px;
		letter-spacing:-1px;
		font:italic 30px/30px "Times New Roman", Times, serif;

	}
	
#outrouverfooter i{
	clear:both;
	display:block;
	color:#999;
	font-size:10px;
}

	
	

ul#distributeur,
ul#distributeur li{
	background:none;
	list-style:none;
	padding:0px;
	margin:0px;
}
ul#distributeur li{
	float:left;
	width:90px;
	padding:0px 5px 0px 0px;
	margin:0px;
	height:60px;
}
ul#distributeur li img{
	margin:0px;
	padding:0px;
}


ul#preparation,
ul#preparation li{
	background:none;
	list-style:none;
	padding:0px;
	margin:0px;
	float:left;
}
ul#preparation{
	background:url(/images/fond-preparation.gif) top left repeat-y;
	overflow:hidden;
}
ul#preparation li{
	float:left;
	width:65px;
}
ul#preparation li img{
	display:block;
}
ul#preparation li span{
	display:block;
	padding:3px 8px 8px;
	font-size:10px;
	line-height:11px;
	text-align:center;
}
