@charset "utf-8";
/* CSS Document */

@import url("import/basicForms.css");
@import url("/library/javascript/library/jquery/plugins/colorbox/css/colorbox.css");


body {
	margin: 0;
	padding: 0;
	font-family: tahoma,arial,helvetica,sans-serif;
	font-size: 12px;
	color: #4f4f4f;
	background: #fff url(/library/images/background/bodyBG.jpg) no-repeat center top;
}

a{outline:none;}
/*reset*/
dl,
dl dt,
dl dd,
ul,
ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

img,
form,
img,
table {
	border: none;
	padding: 0;
	margin: 0;
}

h1,h2,h3,h4,h5,h6,p {
	padding: 0;
	margin: 0;
}

a {
	color: #000;
	text-decoration: none;
}


/* Standard Definitions
----------------------------------------*/
.fLeft 		{float:left;}
.fRight 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}
.orange 	{color:#e4610c;}
.box {padding:10px; margin: 0 0 10px 0;}


.uiClear{
	height:0px;
	width:0px;
	clear:both;
	overflow:hidden;
	overflow:-moz-scrollbars-none;
	overflow-x:hidden;
	overflow-y:hidden;
}

/*

main site layout

*/

#mainWrapper {
	width: 980px;
	margin: 0 auto;
}

#header,
#content,
#footer {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}

#content,
#footer {
	padding: 0 0 20px 0;
}



/*header section*/

/*top sub nav*/
#header ul.subNav {
	background: url(/library/images/background/topSubNavBg.gif) no-repeat left top;
	width: 178px;/*was 434*/
	height: 27px;
	position: absolute;
	right: -10px;
	padding: 5px 88px 0 168px;
}

#header ul.subNav li {
	float: left;
	padding: 0 5px 0 0;
	margin: 0 5px 0 0;
	background: url(/library/images/icons/topSubNavSep.gif) no-repeat right center;
}

#header ul.subNav li.last {
	padding: 0;
	margin: 0;
	background: none;
}

#header ul.subNav li a {
	color: #fff;
	font-size: 0.9em;
	float: left;
}

#header ul.subNav li a:hover {
	text-decoration: underline;
}

/* top logos*/
#header .logoBloc {
	width: 100%;
	padding: 47px 0 15px 0;
	float: left;
	clear: both;
}

#header .logoBloc .left {
	float: left;
	padding: 0 0 0 20px;
}

#header .logoBloc .right {
	float: right;
	padding: 0 20px 0 0;
}



/*


////Main site rails (columns)


/* Clearfix
When using a display block container and having floated div inside
add this class to the container to have it wrap floated children
----------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block;}

* html .clearfix {height: 1%;}



.mainRail {
	float: left;
	width: 678px;
	padding: 0;

}

.rightRail {
	float: left;
	width: 282px;/*was 302*/
	padding: 0;


}

.mainRail .content {
	float: left;
	width: 662px;
	padding: 0 16px 0 0;
}


/*

Main navigation

*/

.mainNav {
	width: 640px;/*was 678*/
	height: 25px;
	margin: 0 0 0 28px;
	padding: 0 0 0 10px;
	background: url(/library/images/background/mainNavBg.gif) no-repeat left top;

}

.mainNav li {
	float: left;
	font-size: 1.2em;
	background: url(/library/images/icons/mainNavSep.gif) no-repeat right center;
	position: relative;
	z-index:30;
}

.mainNav li.last {
	background: none;
}

.mainNav li a {
	color: #656564;
	display: block;
	padding: 3px 27px 0 17px;
	height: 25px;
	/* line-height: 25px; */
	float: left;
	margin: 0 1px;
	font-size:13px;
	display: inline;
	z-index:1;
	font-weight: bold;
	position:relative;
	background-image: url(/library/images/icons/mainNavDownArrow.gif);
	background-position: right 12px;
	background-repeat: no-repeat;
}

.mainNav li a:hover,
.mainNav li a.active {
	background-color: #fff;
	border-left: 1px solid #e9e9e5;
	border-right: 1px solid #e9e9e5;
	margin: 0;
	background-image: url(/library/images/icons/mainNavDownArrow_over.gif);
	margin-left: -1px;
	padding: 3px 27px 0 18px;
	z-index:10;
	height: 22px;
	color: #f36f0a;
}

.mainNav li.first a,
.mainNav li.first a:hover,
.mainNav li.first a.active{
	background-image: none;
	padding-right: 20px;
}

/*sub nav drop down styles*/


ul.mainNav li a span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.mainNav li ul.mainSubnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 25px;
	background: #fff;
	margin: 0 0 0 -1px; padding: 0;
	display: none;
	float: left;
	padding: 0 10px;
	width: 170px;
	border-left: 1px solid #e3e0cf;
	border-right: 1px solid #e3e0cf;
	border-bottom: 1px solid #e3e0cf;
	z-index: 2000;
}
ul.mainNav li ul.mainSubnav li{
	margin: 0; padding: 5px 0;
	border-bottom: 1px dotted #666;
	clear: both;
	width: 170px;
	background-image: none;
}

ul.mainNav li ul.mainSubnav li.last {
	border: none;
	padding-bottom: 10px;
}

html ul.mainNav li ul.mainSubnav li a {
	float: left;
	color: #f36f0a;
	font-size: .7em;
	border: none;
	margin: 0;
	height: auto;
	padding: 3px 17px 5px;
	background-image: none;
}
html ul.mainNav li ul.mainSubnav li a:hover { /*--Hover effect for subnav links--*/
	background-image: none;
	text-decoration: underline;
	border: none;
	margin: 0;
	height: auto;
	padding: 3px 17px 5px;
}


/*

/////Breadcrumb

*/

.breadcrumb {
	width: 100%;
	clear: both;
	float: left;
}

.breadcrumb li {
	float: left;

}

.breadcrumb li a,span.breadcrumb {
	color:#000;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:9px;
	float: left;
	font-weight: bold;
	padding: 7px 10px 0 0;
	margin: 0 10px 0 0;
	background: url(/library/images/icons/breadSlash.gif) no-repeat right bottom;
	width: auto !important;
	position: relative;
	text-decoration: underline;
}


/*.breadcrumb li h3,*/
.breadcrumb li h3 a {
	font-size:14px;
	color:#000;
	font-family:Georgia,"Times New Roman",Times,serif;
	margin: 0;
	padding: 0;
	background: none;
	font-weight: bold;
	text-decoration: none;
	position:relative;
	z-index:1;
}
.breadcrumb li h3{position:relative;z-index:1;}
.breadcrumb li h3 a.last,
.breadcrumb li h3.last {
	/*margin: 0 0 0 -15px;*/
	padding: 3px 0 0 0;
	/*z-index: 2;*/
	text-decoration: none;
	/*background: #fff url(/library/images/icons/breadSlashActive.gif) no-repeat left bottom;*/
}

/**/


/*

////recettes-articles utility bar (count and pager container)

*/

.utilBar {
	float: left;
	clear: both;
	width: 625px;
	padding: 5px 0;
}

.utilBar .counter {
	float: left;
	width: 50%;
}

.utilBar .pager {
	float: right;
	
}

.utilBar .pager li {
	float: left;
	padding: 0 5px 0 0;
	
}

.utilBar .pager li.selected {
	font-weight: bold;
}

.utilBar .pager li.selected a {
	text-decoration: none;
}

.utilBar .pager li a {
	text-decoration: underline;
}


.utilBar .pager li.next {
	padding: 0;
	text-decoration: none;
}

.utilBar .pager li.prev {
	text-decoration: none;
}


	/* #contentSection children of Main Content
	----------------------------------------*/
		#contentSection{ /* Define WIDTH */
			float:left;
			width:625px;
		}
		#contentSectionLong{ /* Define WIDTH */
			float:left;
			width:935px;
			padding-bottom:40px;
		}
			 div.subnav{
				padding:10px 0 0 0;
				margin: 0 0 10px 0;
				position:relative;
				z-index:1;
			} 
			 div.subnav div.text{
			 	background:#fff;
				border-left:1px solid #e3e0cf;
				border-right:1px solid #e3e0cf;
				padding:8px 22px 10px 22px;
				width:579px;
			
			 }
			 div.subnav img {float:left;}
				 div.subnav h3,
				 .breadcrumb li h3 {
					font-size:14px;
					color:#000;
					font-family: Georgia, "Times New Roman", Times, serif;
					margin:0; padding:0;
					/*position: relative;*/
				}
					 div.subnav h3 .small{
						font-size:14px;
						color:#000;
						font-weight:bold;
					}
					 div.subnav ul.subCat{
						float:left;
						font-size:14px;
						color:#000;
						font-weight: bold;
						font-family: Georgia, "Times New Roman", Times, serif;
						padding: 0 25px 0 0;
						width:168px;
						text-decoration:none;
					}
					div.subnav ul.subCat li {
						clear: both;
						margin-top:7px;
					}
						 .subnav ul.subCat li a:hover{text-decoration:underline;}
						
			p.smallDesc{
				padding:0 22px 18px 22px;
				font-size:12px;
				line-height:18px;
				color:#000;
			}		
			#contentSection.home{
				padding-left:30px !important;
				padding-top:3px !important;
			}
			#contentSection.home ul.listRecette li{padding-right:1px;}
			/* LISTING DE RECETTE */
			
			ul.listRecette{
				padding: 20px 0 0 0;
				margin:0 0 0 -10px;
				width:635px;
			}
				ul.listRecette li{
					float:left;
					width:200px; height:460px;
					padding: 0 0px 0 10px;
				}
				/*version categorie (moins de height)*/
				ul.listRecette.category li {
					height: 250px;
				}	
					ul.listRecette li h4{
						color:#dd5f1d;
						font-family:georgia;
						font-size:16px;
						margin:0; padding: 0 0 5px 0;
						
					}
						ul.listRecette li h4 a{
							color:#dd5f1d;
							font-size:16px;	
							font-family:georgia;
							letter-spacing: -1px;
							text-decoration:none;
						}
							.home ul.listRecette li h4,
							.home ul.listRecette li h4 a{font-size:22px;font-weight:normal;}
							ul.listRecette li h4 a:hover{text-decoration:underline;}
							
					ul.listRecette li img{border:1px solid #fff;}
					ul.listRecette li h5{
						color:#000;
						font-family:georgia;
						font-size:16px;
						font-weight:bold;
						padding:10px 0 8px 0;margin:0;
					}
						ul.listRecette li h5.small{font-size:14px;padding:10px 0 0px 0;margin:0;}
					ul.listRecette li p{
						font-size:12px;
						line-height:16px;
						color:#4f4f4f;
						padding: 0 0 15px 0;
						display:block;
						border-bottom:1px solid #cfcdc5;
					}
						ul.listRecette li p a{
							color:#dd5f1d;
							text-decoration:none;
							font-weight:bold;
						}
						
					ul.listRecette li p span a{
						color: #4F4F4F;
					  	font-weight: normal;
					}
					ul.listRecette li p span a:hover {
						text-decoration: none;
					}
								ul.listRecette li p a:hover{text-decoration:underline;}
					ul.listRecette li a.linkBtm{
						color:#dd5f1d;
						text-align:right;
						display:block;
						font-weight:bold;
						text-decoration:none;
						padding: 5px 5px 0px 0;
					}
						.home ul.listRecette li a.linkBtm{
							text-align:left;
							padding: 7px 0 0px 0;
							text-decoration:underline;
							font-weight: normal;
							font-size: 11px;
						}
						ul.listRecette li a.linkBtm:hover{text-decoration:underline;}
						
						
			/* DESCRIPTION DES RECETTES */
			.textRight{
				float:left;
				width:335px;
			}
			.textLeft{
				float:left;
				width:270px;
				padding: 0 20px 0 0 ;
			}
			h1 {
				font-family:georgia;
				color:#DD5F1D;
				font-size: 1.8em;
				font-weight:bold;
				margin:0; padding: 5px 0 13px 0;
			}
			h2{
				font-family:georgia;
				color:#000;
				font-size:16px;
				font-weight:bold;
				margin:0; padding: 5px 0 3px 0;
			}
			p{margin:0; padding: 0 0 10px 0;line-height:16px;}
			/*smaller text size version*/
			p.sm {
				font-size: 0.9em;
			}
			a.ajouter{
				display:block;
				width:249px; height:21px;
				text-indent:-10000px;
				margin:10px 0;
				background: url(/library/images/btns/btn_ajouter.gif) top left no-repeat;
			}
			a.ajouterLong{
				display:block;
				width:249px; height:21px;
				text-indent:-10000px;
				margin:10px 0;
				background: url(/library/images/btns/btn_ajouter_long.gif) top left no-repeat;
			}
			a.voirVideo{
				display:block;
				width:187px; height:23px;
				text-indent:-10000px;
				margin:10px 0;
				background: url(/library/images/btns/btn_recetteVid.gif) top left no-repeat;
			}
			/*voir recette en images button*/
			.btnEnImg {
				background: url(/library/images/btns/btn_voir.gif) no-repeat scroll left top;
				padding: 0 0 3px 31px;
				float: right;
				margin: -18px 0 0 0;
			}
			/*container to hide all step image links (exept first one)*/
			.hiddenImgsteps {
				display: none;
			}
			
			.utility{
				padding:0 0 10px 0;
				font-family:georgia;
				color:#000;
				text-align:right;
			}
				.utility a{text-decoration:none;}
				.utility a:hover{text-decoration:underline;}
				
				.utility a.partager{
					padding: 2px 22px 2px 19px;
					background: url(/library/images/btns/btn_partager.gif) left 2px no-repeat;
				}
				.utility a.print{
					padding: 2px 0 2px 22px;
					background: url(/library/images/btns/btn_imprimer.gif) top left no-repeat;
				}
				.utility span.textBig{font-size:18px;padding:0 13px 0 0;}
				.utility span{cursor:pointer;}
				.utility .duplidLink {padding: 2px 10px 2px 25px; float: left;}
				
			#lostPasswordForm{
				display:none;
				
			}	
			#login{padding-bottom:20px;}	
				
			.connexion .container {padding:12px !important;}	
				
			.thumb{position:relative;}
				.thumb .postit{
					position:absolute;
					top:4px; left:0px;
					margin: 0 0 0 -16px;
					text-indent:-10000px;
					width:107px; height:107px;
					background: url(/library/images/background/postit.png) top left no-repeat;}

			div.separator{
				float:left;
				width:100%;
				padding:10px 0 5px;
				margin-bottom:10px;
				border-bottom:1px solid #d5d5d5;
			}
			ul.flatten{
					margin:0; 
					padding:10px 0 0 0;
				}
				ul.flatten li{
					display:block;
					margin:0; padding:0 0 8px 0;
				}
			ul.preparation{
				margin:15px 0 0 0;
				padding:0;
				border:1px solid #dcd9d0;
			}	
				ul.preparation li{
					margin:0;
					padding:10px 0;
					display:block;
					border-bottom:1px solid #c4c2bb;
				}	
					ul.preparation li:last-child{border-bottom:none;}
					ul.preparation li .fLeft{
						width:26px;
						padding: 0 13px 0 0;
					}
					ul.preparation li .fRight{
						width:277px;
						line-height:16px;
						padding: 0 15px 0 0;
					}
				
					ul.preparation li .number{
						color:#4f4f4f;
						font-size:18px;
						font-family:georgia;
						width:24px; height:27px;
						line-height:24px;
						margin: 0 0 10px 0;
						text-align:center;
						background: url(/library/images/background/bg_number.gif) top left no-repeat;
					}
					ul.preparation li .btnVoir{
						display:block;
						text-indent:-10000px;
						width:26px; height:24px;
						background: url(/library/images/btns/btn_voir.gif) top left no-repeat;
					}
					
			#searchtopic{height:18px;}		
			ul.articleRelie{
				margin:0;
				padding:10px 0 0 0;
			}
				ul.articleRelie li{
					display:block;
					color:#000;
					margin:0; padding:10px 0 10px 0;
					border-bottom:1px solid #d6d6d6;
					font-family:georgia;
				}	
					ul.articleRelie li:last-child{border:none;}
					ul.articleRelie li a{color:#000; text-decoration:none;}
						ul.articleRelie li a:hover{text-decoration:underline;}
			ul.portion{
				margin:0;
				padding:0 0 10px 0;
				font-size: 0.8em;
			}
				ul.portion li{
					margin:0; padding:0 0 8px 14px;
					color:#000;
				}
					.subnav ul.portion li{padding:0 15px 0px 14px; float:left;}
				
				ul.portion li.legume{background:url(/library/images/background/bg_vert.gif) left 3px no-repeat;}
				ul.portion li.cerealiers{background:url(/library/images/background/bg_jaune.gif) left 3px no-repeat;}
				ul.portion li.viandes{background:url(/library/images/background/bg_rouge.gif) left 3px no-repeat;}
				ul.portion li.lait{background:url(/library/images/background/bg_bleu.gif) left 3px no-repeat;}
			
			span.mini{display:block;font-size:11px; font-family:georgia;margin-top:-5px;padding: 0 0 10px 0;}			
			/*ul.valeur{
				margin:0;
				padding:0;
			}
				ul.valeur li{
					display:block;
					color:#000;
					margin:0; padding:5px 9px;
					margin-bottom:1px;
					background:#f5f1e5;
				}*/
				
				
			table.valeur {
				width: 335px;
				clear: both;
				background:#f5f1e5;
				border-collapse: collapse;
			}
			
			table.valeur th {
				font-weight: normal;
				text-align: left;
			}
			
			table.valeur td {
				text-align: right;
			}
			
			table.valeur th,
			table.valeur td {
				border-bottom: 1px #fff solid;
				padding: 4px;
				color: #000;
			}
			
			table.valeur th.indent {
				padding: 0 0 0 30px;
			}
				
			#formContact label,
			#lostpassword label,
			#signup label{
				font-size:14px;
				color:#000;
				font-family:georgia;
				padding-bottom:2px;
				font-weight: bold;
			}	
				.forms input,.forms textarea{
					border-right:1px solid #e0e0e0;
					border-left:1px solid #e0e0e0;
					border-top:1px solid #a1a1a1;
					border-bottom:none;;
				}
				.forms textarea{
					width:615px;
					height:215px;
					color:#000;
				}
				.forms input{
					width:234px;
					color:#000;
				}	
				#formContact .submit{
					background:url(/library/images/btns/btn_envoyer.gif) left top no-repeat;
					width:160px; height:21px;
				}
				
				
				
		/* MENU DE LA SEMAINE */	
		#contentSectionLong{
			width:935px;
		}
		.selectMenu{padding: 13px 0 5px 0;}	
		
			.selectMenu label{ float:left; padding: 2px 4px 0 0; color:#000;font-size:14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold;}	
			.selectMenu select{width:auto; float:left; margin: 0 19px 0 0;}	
			
		
		/* BOX AJOUTER */
		
		.boxAjouter{
			width:650px;
			background:#fff;
			padding:0px;
		}
		
		.boxAjouter.sm {
			width:346px;
			padding-top: 25px ;
		}
			.boxAjouterSmall{
				width:346px;
			}
				#cboxLoadedContent{margin-top:3px !important;}
				.boxAjouterSmall .ajouterLinkSmall{
					width:184px; height:23px;
					background: url(/library/images/btns/btn_ajouter_site.gif) left top no-repeat;
					display:block;
					text-indent:-10000px;
					margin:0 auto;
					margin-top:10px;
				}
				.boxAjouterSmall .ajouterLinkSmall2{
					width:143px; height:23px;
					background: url(/library/images/btns/btn_ajouter_recette.gif) left top no-repeat;
					margin:0 auto;
					margin-top:10px;
					display:block;
					text-indent:-10000px;
				}
				.boxAjouterSmall input{
					display:block;
					margin:0 auto;
					margin-top:10px;
				}
				input[type="hidden"] { border: 0; padding: 0; margin: 0; background: white; }

				.boxAjouterSmall .line{
					width:184px; height:1px;
					display:block;
					margin:0 auto;
					border-bottom:1px solid #fff;
					margin-top:10px;
				}
				.boxAjouter td{vertical-align:top;padding-right:15px;}
				
				.boxAjouter .searchBox label{font-size:15px;color:#4F4F4F;font-weight:bold;font-family:tahoma;}

				
			.boxAjouter h2{text-align:center;}

			.boxAjouter .container{
				background:#ebe4ce;
				padding:5px;
			}
				.boxAjouter .selectMenu {
					padding-left:75px;
					padding-top:7px;
				}
				.boxAjouter .searchBox{padding-top:0; }
				.boxAjouter h3{font-size:15px;}
				
				
				.boxAjouter ul.semaine{padding:10px 0 10px 0;}
				.boxAjouter ul.semaine li{float:left;}
				.boxAjouter ul.semaine li a{
					float:left;
					width:126px;
					height:30px;
					line-height:30px;
					color:#fff;		
					background:#d95b1f;
					font-style:italic;		
					font-family:georgia;
					font-size:14px;	
					text-align:center;
				}
					.boxAjouter ul.semaine li a.selected{
						padding-top:4px;
						margin-top:-4px;
						background:#e07b4b;
					}	
			.boxAjouter .cats{padding: 0 0 20px 150px;}
				.boxAjouter .cats select{
					float:left;
					margin-top:1px;
				}
				.boxAjouter .cats a.ajouterRecette{
					float:left;
					width:140px; height:23px;
					background:url(/library/images/btns/btn_addrecette.gif) left top no-repeat;
					margin-left:5px;
					display:inline;
					text-indent:-1000px;
				}
			.boxAjouter #contentmenu {
				overflow: auto;
				height: 100px;
				width: 630px;
			}
			.boxAjouter table.addrecette{margin:0; padding:0;}
				.boxAjouter  table.addrecette td{
					background:#fefefc;
					border-right:1px solid #ebe4ce;
					border-bottom:1px solid #ebe4ce;
				}
					.boxAjouter  table.addrecette td.title{
						width:95px;
						font-size:10px;
						color:#000;
						font-family:georgia;
						padding:5px 13px;
						text-align:center;
					}
					.boxAjouter  table.addrecette td.contentTd{
						font-size:10px;
						color:#000;
						font-family:georgia;
						padding:5px 13px;
						text-align:left;
						
					}
					
						.boxAjouter  table.addrecette td.contentTd a {
							text-decoration: underline;
						}
						
						.boxAjouter  table.addrecette td.contentTd ul {
							list-style-type: none;
							margin: 0;
							padding: 0;
						}
						
						.boxAjouter  table.addrecette td.contentTd ul li {
							margin: 0;
							padding: 0;
							clear: both;
							display: block;
						}
					
					
					/*normal image buttons*/
					.boxAjouter .formBtn {
						height: auto;
						width: auto;
						border: none;
					}
			/*sort popup styles*/
			.boxAjouter #listoptions {
				float: left;
				width: 630px;
			}
			.boxAjouter #listoptions li {
				float: left;
				clear: both;
				padding:5px;
				margin: 0 0 1px 0;
				width: 620px;
				background: #F3F0E1;
				font-weight: bold;
				
			}
				.boxAjouter #listoptions li .handle {
					cursor: pointer;
				}
			
	/* #rightCol children of Main Content
	----------------------------------------*/
		#mainContent #rightCol{ /* Define WIDTH */
			float:left;
			width:200px;
		}
		#menuRecette {margin:0px 0 0 25px;}
		#menuRecette th{
			text-align:center;
			font-family:georgia;
vertical-align:middle;

		}
		#menuRecette td{width:180px;}
		
		#menuRecette th.redHi,#menuRecette th.redLow{
		
			padding:19px 0;
			color:#fff;
			font-size:16px;
			font-weight:bold;
			font-style: italic;

		}
			#menuRecette th.redHi{background:#d95b1f;}
			#menuRecette th.redLow{background:#e07c4b;}
			
			
		#menuRecette th.rowTitleLow,#menuRecette th.rowTitleHi,th.rowTitleLow,th.rowTitleHi{
			width:75px;
			color:#000;
			font-size:11px;
			font-weight:bold;
		}	
			#menuRecette th.rowTitleLow{background:#f3f0e1;}
			#menuRecette th.rowTitleHi{background:#ebe6d0;}
			
			#menuRecette th.rowTitleAllergene{
				width:75px;

				color:#000;
				background:#FFE7E7;
			}
			#menuRecette th.rowTitleInfo{
				width:75px;
				color:#000;
				font-size:9px;
				background:#cbdddf;
			}

		#menuRecette td{
			height:100px;
			text-align:center;
			vertical-align:middle;
			border-bottom:1px solid #ddd9c6;
			border-right:1px solid #ddd9c6;
		
		}
			#menuRecette td.light{
				background:#fefefd;
			}
			#menuRecette td.dark{
				background:#f9f7ef;
			}
			#menuRecette td.rowTitleAllergene{
				background:#faf6da;
			}
			
			
			#menuRecette td.darkAllergene {
				background: #ffe7e7;
			}
			
			
			#menuRecette td.darkInfo{
				background:#eef4f5;
			}
			#menuRecette td p{
				float:left;
				width:90%;
				font-size:14px;
				padding: 6px 6px 6px 1px;
				font-family:georgia; 
				color:#000;
			}
			/*item layout*/
			#menuRecette td table.item {
				width: 100%;
				clear: both;
				padding: 3px 0;
				margin-top: 1px;
			}
			/*additional info variation*/
			#menuRecette td table.item.adinfo {
				width: auto;
				
			}
			
			/*color variations*/
			
			#menuRecette tr.low td.light {
				background: #f7f6ec;
			}
			
			#menuRecette tr.low td.light.open table.item {
				background: #F3F0E1;
			}
			#menuRecette tr.high td.light.open table.item {
				background: #EBE6D0;
			}
			
			#menuRecette tr.allergene td.open table.item {
				background: #fff;
			}
			
			#menuRecette tr.info td.open table.item {
				background: #CBDDDF;
			}
			
			#menuRecette td table.item th {
				font-weight: normal;
				text-align: left;
				font-size: 13px;
			}
			.printSemaine{display:none;}
			#menuRecette td table.item td {
				border: none;
				height: auto;
				text-align: right;
				width: 25px;
				vertical-align: top;
			}
			
			/*realise avec amour*/
			
			#menuRecette tr.madeBy td {
				border: none;
				text-align: right;
				height: 50px;
			}
			
			
			/* MENU BTN */
			#menuRecette td.open{vertical-align:top;}
			#menuRecette td a{text-indent:-10000px;margin:0 auto;}
				#menuRecette a.recette{
					display:block;
					width:115px; height:18px;
					background:url(/library/images/btns/btn_recette.gif) left top no-repeat;
				}
				#menuRecette a.boisson{
					display:block;
					width:116px; height:18px;
					background:url(/library/images/btns/btn_boisson.gif) left top no-repeat;
				}
				
				#menuRecette a.ajouter{
					float:right;
					bottom:4px; right:5px;
					margin: 10px 3px 5px 3px;
					width:53px; height:18px;
					background:url(/library/images/btns/btn_ajouter.gif) left top no-repeat;
				}
				#menuRecette a.sort{
					float:left;
					clear: both;
					bottom:4px; right:5px;
					margin: 10px 3px 5px 3px;
					width:33px; height:18px;
					background:url(/library/images/btns/btn_sort.gif) left top no-repeat;
				}
				#menuRecette td.open a.boisson,
				#menuRecette td.open a.recette{
					float:right !important;
					bottom:4px !important; right:5px !important;
					margin: 10px 3px 5px 3px !important;
					width:53px !important; height:18px !important;
					background:url(/library/images/btns/btn_ajouter.gif) left top no-repeat !important;
				}
				
				#menuRecette a.ajoutAllergene{
					display:block;
					width:116px; height:18px;
					background:url(/library/images/btns/btn_allegene.gif) left top no-repeat;
				}
				#menuRecette td.open a.ajoutAllergene {
					margin: 15px auto 0 auto;
				}
				
				#menuRecette a.ajoutInfo{
					display:block;
					float:left;
					display:inline;
					margin-left:300px;
					width:148px; height:32px;
					background:url(/library/images/btns/btn_info.gif) left top no-repeat;
				}
				
				#menuRecette td.open a.ajoutInfo {
					margin: 15px 0 0 300px;
				}
				
				#menuRecette div.titleBoisson{
				
					float:left;

					width:59px; height:17px;
					background:url(/library/images/btns/mini_boisson.gif) left top no-repeat;
				}
				#menuRecette div.titleRecette{
			
					display:block;
					float:left;
					clear:both;
					text-align:left;
					top:4px; left:5px;
					width:57px; height:19px;
					background:url(/library/images/btns/mini_recette.gif) left top no-repeat;
				}
				
				

/* #Dupliquer MODAL BOX
	----------------------------------------*/
	.dupliquer{
		float:left;
		width:104px; height:23px;
		background:url(/library/images/btns/btn_dupliquer.gif) left top no-repeat;
		text-indent:-10000px;
		margin-top:-1px;
	}
	#cboxContent .boxAjouter .selectMenu {
		padding-left:20px;
		padding-top:7px;
	}
/*

/////diffuseur and banners

*/

#diffuseur,
.topBanner {
	clear: both;
	float: left;
	padding: 6px 0 0 14px;
}
#diffuseur{

	margin-left:-10px;
	padding:0;
}
#diffuseur embed{float:left;}
.topBanner {
	padding: 20px 0 0 0;
 	margin: 0 0 0 -10px;
}



/*main rail padded content bloc*/

.mainRail #contentSection {
	padding: 10px 0px 10px 24px;
	clear: both;
	float: left;
	width: 648px;

}

/*big title (ex: signup page h2)*/

div.subnav h2 {
	font-size: 2em;
	color: #dd5f1d;
	font-weight: normal;
}


/*signup page*/

.signup {
	width: 100%;
	clear: both;
}

.signup h3 {
	clear:both;
	color:#E4610C;
	float:left;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1.4em;
	font-weight:normal;
	margin:0;
	padding:0 0 10px;
}

.signup h3 span {
	font-size: 0.6em;
	color: #4f4f4f;
}

.signup form {
	width: 100%;
	clear: both;
	padding: 20px 0;
}

.signup form label {
	color:#e4610c;
	float:left;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1.2em;
	float: left;
	padding: 0 0 5px 0;
}

.signup form p {
	width: 100%;
	float: left;
	clear: both;
}

.signup form p.top {
	padding-top: 10px;
}

.signup form input,
.signup form select {
	border-color:#A1A1A1 #E0E0E0;
	border-style:solid solid none;
	border-width:1px 1px medium;
}

.signup form select.profile {
	width: 50%;
	clear: both;
	float: left;
}

/*search results page*/


table.searchResults {
	width: 625px;
	float: left;
	border: none;
	border-collapse: collapse;
}

table.searchResults th {
	font-size: 1.2em;
	background: #D95B1F;
	text-align: left;
}

table.searchResults th a {
	color: #fff;
}

table.searchResults th.rightCol {
	background: #E07C4B;
}

table.searchResults th,
table.searchResults td {
	font-weight: bold;
	padding: 10px 6px;
	border-bottom:1px solid #ECE8D3;
}

table.searchResults .leftCol {
	width: 438px;
}

table.searchResults .rightCol {
	width: 163px;
	color: #4F4F4F;
}

table.searchResults td {
	background: #fff;
}


table.searchResults td a {
	color: #4F4F4F;
}


table.searchResults td span.article {
	color: #D95B1F;
	
}

table.searchResults td span.recipe {
	color: #E07C4B;
}

table.searchResults tr.alternate td {
	background: #F9F7EF;
}




/*-/-/-/-/-/-/-/

--------article detail page
(uses alot of the same styles as the recipe detail page but with some modifications/changes)
-/-/-/-/-/-/-/*/

.articleBloc {
	float: left;
	clear: both;
}

.articleBloc .credits {
	font-style: italic;
}

.articleBody {
	float: left;
	width: 625px;
	clear: both;
	padding: 10px 0 0 0;
}

.articleBody h2 {
	color: #E4610C;
}

.articleBody ul {
	list-style-type: disc;
	margin: 0 0 0 15px;
	padding: 5px 0;
}

.articleBody ul li {
	list-style-type: disc;
	padding: 0 0 3px 0;
	line-height:16px;
}


.articleBody table {
	width: 100%;
	border-collapse: collapse;
}

.articleBody table th {
	border-bottom:1px solid #ECE8D3;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	background: #E07C4B;
}

.articleBody table td {
	border-bottom:1px solid #ECE8D3;
	padding:10px 6px;
	background: #fff;
}
.articleBody a {
	text-decoration:underline;
	font-weight:bold;
	color:#4F4F4F;
}
.articleBody a:hover {text-decoration:none;}

/******

//////site map

*****/

.sitemapBloc {
	clear: both;
	float: left;
	width: 100%;
}

.sitemapBloc dl {
	width: 146px;
	float: left;
	padding: 0 10px 10px 0;
}

.sitemapBloc dl dt {
	color: #F36F0A;
	width: 100%;
	float: left;
	padding: 0 0 5px 0;
	font-size: 1.2em;
	font-weight: bold;
}
.sitemapBloc dl dt a {
	color: #F36F0A;
}
.sitemapBloc dl dt a:hover {
	text-decoration: underline;
}

.sitemapBloc dl dd {
	float: left;
	clear: both;
	width: 138px;
	background: url(/library/images/icons/arrowRight.gif) no-repeat left 5px;
	padding: 0 0 3px 8px;
}

.sitemapBloc dl dd a:hover {
	text-decoration: underline;
}


/*

/////right rail connection/signup box

*/

.connectBloc {
	float: left;
	width: 293px;
	margin: 0 0 0 -11px;
	z-index: 3;
	position: relative;
}

span.logTop {
	float: left;
	clear: both;
	font-size: 0px;
	width: 293px;
	padding: 0;
	height: 5px;
	z-index: 3;
	background: url(/library/images/background/loginBoxTop.png) no-repeat left top;
}

span.logBottom {
	float: left;
	clear: both;
	font-size: 0px;
	width: 293px;
	padding: 0;
	height: 5px;
	z-index: 3;
	background: url(/library/images/background/loginBoxbottom.png) no-repeat left bottom;
}

/*when box is opened (toggled on) use this bg*/


span.logBottom.active {
	background: url(/library/images/background/loginBoxbottom_active.png) no-repeat left bottom;
}


.connectBloc .content {	
	float: left;
	width: 291px;/*was 293*/
	background: #fe7701;
	padding: 0;
	border-left: 1px solid #dcdcd5;
	border-right: 1px solid #dcdcd5;
}

.connectBloc .content .topBloc{
	width: 271px;
	height: 15px;
	padding: 0 10px;
}

.connectBloc .content .left {
	float: left;
	color: #fff;
	font-weight: bold;
}

.connectBloc .content .login {
	float: right;
	color: #fff;
	font-weight: bold;
	padding: 0 0 0 15px;
	text-decoration: underline;
	background: url(/library/images/icons/connectBoxCicon.gif) no-repeat left center;
}
/*when connected, add disconnect class*/
.connectBloc .content .disconnect {
	background: none;
	padding: 0;
	float: right;
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

/*toggled content*/

.connectBloc .content .toggled,
.connectBloc .content .logged {
	float: left;
	width: 271px;
	position:relative;
	z-index:1;
	margin: 5px 0 0 0;
	padding: 5px 10px;
	border-top: 1px solid #f2a45d;
	clear: both;
	display: none;
	background: url(/library/images/background/logonBoxMainBg.gif) repeat-x left bottom;
}

.connectBloc .content .logged {
	display: block;
}

.connectBloc .content .toggled p,
.connectBloc .content .logged p {
	float: left;
	padding: 0 0 10px 0;
	clear: both;
	width: 100%;
}

.connectBloc .content .toggled p a,
.connectBloc .content .logged p a {
	color: #fff;
}
/*when opened, underline links*/
.connectBloc .content .logged p a.active {
	text-decoration: underline;
}

/*logon form*/

.connectBloc .content .toggled form.logon table {
	width: 100%;
}

.connectBloc .content .toggled form.logon label {
	color: #fff;
	font-weight: bold;
}

.connectBloc .content .toggled form.logon input {
	width: 98px;
	border-color:#A1A1A1 #E0E0E0;
	border-style:solid solid none;
	border-width:1px 1px medium;
}
	.connectBloc .content .toggled form.logon input.long {
		width: 150px;
	}
.connectBloc .content .toggled form.logon input.btn {
	border-style:none;
	border-width:0;
	width: auto;
}

.connectBloc .content .toggled form.logon .pswdLink {
	font-size: .8em;
	color: #fff;
}

.connectBloc .content .toggled form.logon .pswdLink:hover {
	text-decoration: underline;
}



/*

/////////sign up form

*/

.signup {
	float: left;
	clear: both;
	width: 100%;
	padding: 10px 0;
}

.signup p {
	clear: both;
}

.signup .smallprint {
	font-size: 0.8em;
}


#signup input#accept,
#signup input#checkbox_cohorte {
	width: auto;
	float: left;
	border: 0;
	margin: 6px 6px 0 0;
}

table.signUpForm {
	width: 100%;
}

table.signUpForm td {
	width: 50%;
}

#signup label {
	font-size: 1em;
}


/*conditions popup*/

.conditions {
	float: left;
	width: 615px;
	clear: both;
	padding: 30px 5px 0;
	font-size: 1em;
}

.conditions ol {
	list-style-type: decimal;
	padding: 0 0 0 20px;
	margin: 15px 0;
}

.conditions ol li {
	clear: both;
	font-weight: bold;
	padding: 0 0 5px 0;
}

.conditions ol li span {
	font-weight: normal;
	clear: both;
}

.conditions ol li p.gotoTop {
	clear: both;
	padding: 5px 10px 0 0;
	width: 575px;
	background: url(/library/images/icons/arrowTop.gif) no-repeat right 10px;
	text-align: right;
}

.conditions ol li p.gotoTop a {
	text-decoration: underline;
	color: #E4610C;
}


.conditions ol li ul {
	padding: 0 0 0 20px;
}

.conditions ol li ul li {
	clear: both;
	list-style-type: disc;
	font-weight: normal;
}

.conditions ol.topLinks {
	margin: 0;
}

.conditions ol.topLinks li {
	font-weight: normal;
}

.conditions ol.topLinks li a {
	text-decoration: underline;
}

.conditions h1 {
	color: #E4610C;
	font-size: 1.2em;
	padding: 0 0 15px 0;
}

.conditions p {
	clear: both;
	padding: 0 0 10px 0;
}

/*generic right rail titles*/

.rightRail h3 {
	float: left;
	clear: both;
	font-size: 1.6em;
	width: 100%;
	padding: 0 0 10px 0;
	margin: 0;
	color: #e4610c;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	position:relative;
	z-index:10;
}


/*

//////search box

*/
.searchBox {
	float: left;
	clear: both;
	width: 100%;
	padding: 30px 0 0 0;
}

.searchBox label {
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	padding: 0 0 5px 0;
	color: #d95b1f;
}

.searchBox input {
	clear: both;
	float: left;
	width: 230px;
	margin: 0;
	border-color:#A1A1A1 #E0E0E0 -moz-use-text-color;
	border-style:solid solid none;
	border-width:1px 1px medium;
}

.searchBox .submit {
	float: right;
	border: none;
	clear: none;
	width: auto;
	margin: 0 0 0 5px;
}


/*boite recette en vedette dans right rail*/

.vedetteBox {
	width: 100%;
	clear: both;
	float: left;
	padding: 25px 0 0 0;
}
/*homepage version with additional padding for cosmetic alignment*/
.home .vedetteBox {
	padding: 25px 0 56px 0;
	height: 140px;
}

.vedetteBox .thumb {
	border: 1px solid #fff;
	float: left;
	margin: 0 10px 0 0;
}

.vedetteBox .text {
	width: auto;
}

.vedetteBox .text h4 {
	font-size: 1em;
	color: #f36f0a;
	/*width: 100%;*/
	margin: 0;
	padding: 10px 0 5px 0;
}

.vedetteBox .text h4 a {
	color: #f36f0a;
}

/*top and bottom rounded ends (png) for right side boxes*/

span.rBoxtop {
	background:transparent url(/library/images/background/rightBoxTop.gif) no-repeat left top;
	clear:both;
	float:left;
	font-size:0;
	height:4px;
	padding:0;
	width:282px;
	z-index:3;
}

span.rBoxbottom {
	background:transparent url(/library/images/background/rightBoxBottom.gif) no-repeat left bottom;
	clear:both;
	float:left;
	font-size:0;
	height:4px;
	padding:0;
	width:282px;
	z-index:3;
}

/*right rail quiz box*/

.quiz {
	width: 100%;
	clear: both;
	padding: 25px 0 0 0;
}

.quiz .content{
	width: 230px;
	clear: both;
	border-left: 1px solid #e3e0cf;
	border-right: 1px solid #e3e0cf;
	padding: 15px 25px;
	float: left;
	/*height: 85px;*/
	background: #fff url(/library/images/background/quizBg.gif) no-repeat right top;;
}

.quiz .content form {
	width: 100%;
	float: left;
	padding: 5px 0 0 0;
}

.quiz .content form ul {
	float: left;
	clear: both;
}

.quiz .content form ul li {
	clear: both;
	float: left;
	padding: 0 0 3px 0;
}

.quiz .content form input
.quiz .content form  label {
	float: left;
}

.quiz .content form  label {
	padding: 0 10px 0 0;
	font-weight: bold;
}

.quiz .content a {
	text-decoration: underline;
}


/*

////captcha

*/

#captchabox {
	float: left;
	clear: both;
	padding: 15px 0;
}

#captchabox a {
	text-decoration: underline;
}



/*homepage about box (right rail with carousel)*/

.about {
	width: 100%;
	clear: both;
	padding: 25px 0 0 0;
}

.about .content{
	width: 280px;
	clear: both;
	border-left: 1px solid #e3e0cf;
	border-right: 1px solid #e3e0cf;
	padding: 15px 0;
	background: #fff url(/library/images/background/aboutBg.gif) no-repeat right top;;
}

.about .content .logo{
	clear: both;
	text-align: center;
}

/*right rail partners carousel*/

.partners {
	width: 100%;
	clear: both;
	padding: 10px 0 0 0;
}


/*tool tip styling*/

.qtip-content p {
	padding: 5px 0 0 0;
	font-weight: .8em;
}

/*not logged in popup*/

.notLogged {
	padding: 0;
	height: 210px;
	width: 650px;
	background: #EBE4CE;
}

.notLogged h2 {
	color: #FE7701;
	width: 650px;
}

.notLogged p {
	padding: 5px 0 16px;
	width: 650px;
	text-align: center;
}

.notLogged .bouton {
	text-align: center;
	padding: 0 0 10px 0;
	width: 650px;
}


/*special additional left padding for user form based pages (was in design)*/

.formPadder {
	padding: 0 0 0 20px;
	width: 605px;
	float: left;
	clear: both;
}


/*

-/-/-/-/-/-/-/-/FAQ page

*/

.faq {
	float: left;
	width: 100%;
	clear: both;
}

.faq .toplinks {
	float: left;
	clear: both;
}

.faq .toplinks dd {
	float: left;
	clear: both;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	background: url(/library/images/icons/toggleArrowRight.gif) no-repeat left 5px;
}

.faq .toplinks dd.active {
	background: url(/library/images/icons/toggleArrowDown.gif) no-repeat left 5px;
}

.faq .toplinks dt {
	background: none;
	padding: 0;
	float: left;
	clear: both;
	font-weight: bold;
	font-size: 1.2em;
	margin: 5px 0 10px 0;
}

.faq .toplinks dt.lg {
	font-size: 1.4em;
	margin: 15px 0 0 0;
	color: #E4610C;
}

.faq .toplinks dt.lg a {
	color: #E4610C;
}

.faq .toplinks dd span {
	text-decoration: underline;
	cursor: pointer;
	float: left;
}

.faq .toplinks dd div {
	display: none;
	clear: both;
	float: left;
	padding: 5px 10px;
}
/*toggled text formatting*/

.faq .toplinks dd div p {
	padding: 0 0 10px 0;
	display: block;
}

.faq .toplinks dd div a {
	text-decoration: underline;
}

.faq .toplinks dd div ul {
	padding: 5px 0 5px 40px;
}

.faq .toplinks dd div ul,
.faq .toplinks dd div ul li {
	clear: both;
}

.faq .toplinks dd div ul li {
	padding: 0 0 5px 0;
	list-style-type: disc;
}










/*404 error page link colour*/

.error404 a {
	color: #F36F0A;
}

/*registration form inner table*/

form table.inner {
	clear: both;
}

form table.inner td {
	text-align: left;
	width: auto;
}

form table.inner td input {
	width: auto;
}

/*

////footer

*/
/*footer nav*/

#footer .content {
	padding: 10px 0 10px 24px;
	width: 956px;
	float: left;
	border-top: 1px solid #d5d5d5;
}

#footer .bloc {
	width: 100%;
	float: left;
	clear: both;
	padding: 0 0 10px 0;
}

#footer dl {
	float: left;
	width: 149px;
	padding: 0 10px 0 0;
	
}

#footer dl dt,
#footer dl dd {
	float: left;
	width: 149px;
	clear: both;
	padding: 0 0 5px 0;
	font-size: 0.9em;
}

#footer dl dt,
#footer dl dt a {
	color: #f36f0a;
}

#footer dl dd,
#footer dl dd a {
	color: #4f4f4f;
}

#footer dl dt a:hover,
#footer dl dd a:hover {
	text-decoration: underline;
}

/*copyright*/

#footer .copyright {
	float: left;
	clear: both;
	color: #f36f0a;
	font-size: 11px;
	width: 75%;
}

/*footer logo*/

#footer .logo {
	float: right;
	width: 25%;
	text-align: right;
}

.errorBox {
	background-color: #FFAEAE;
	font-size: 13px;
	margin-bottom: 6px;
	margin-top: 6px;
	padding: 6px;
	text-align: center;
	display:block;
	width:94%;
}


.confirmBox {
	background-color: #CFEEB2;
	font-size: 13px;
	margin-bottom: 6px;
	margin-top: 6px;
	padding: 6px;
	text-align: center;
	display:block;
	float:left;
	width:94%;
}