/* ------------------------------------------------------------------------
	Import
------------------------------------------------------------------------- */

	@import url('');

/* ------------------------------------------------------------------------
	Content Redefintion
------------------------------------------------------------------------- */

	* { margin: 0; padding: 0; border: 0; }

	body {
		font: 68.75%/1.15 Tahoma, Arial, Verdana, Sans-Serif;
		color: #594d02;
		background: #eeefea repeat-x center top;
	}


	h1 { text-transform: uppercase; font-size: 1.5em; }
	.utilityBar h2 { text-transform: uppercase; }
		h1.alone, h2.alone { font-size: 1.5em; color: #594d02 !important; text-transform: none; }

	#header h1,
	#header .titleSite,
	.headerPopin .titleSite { float: left; }

		#header h1 a,
		#header .titleSite a,
		.headerPopin .titleSite a {
			text-indent: -10000px;
			background: url(/media/images/fr/logos/logo_bbq.gif) no-repeat -5px top;
			width: 285px; height: 105px;
			display: block;
			float: left;
		}
		.headerPopin .titleSite a {
			background: url(/media/images/fr/logos/logo_bbq.gif) no-repeat -10px top;
		}

        #header .titleSite a.en {
			background-image: url(/media/images/en/logos/logo_bbq.gif);
		}

	h3 { font-size: 1.2em; }

	input, textarea, select {
		font: 1em/1.2 Arial, Verdana, Sans-Serif;
		color: #000;
	}
	
	input, textarea {
		padding: 1px 0 1px 2px;
		border: 1px solid #cecece;
		border-top-color: #8e8e8e;
		border-bottom-color: #e4e4e4;
	}
	form input.btn {
	    border: 0;
	    clear: none;
	    float: right;
	    margin: -22px 0 0 5px; padding: 0;
	    width: auto;
	}
	select {
		border-top: 1px #b3b3b2 solid;
		border-left: 1px #b3b3b2 solid;
		width: 150px;
	}
		select option { padding: 0 2px; }

	a { color: #423900; text-decoration: none; }
	a:hover { text-decoration: underline; }
	a:focus { outline: none; }


/* ------------------------------------------------------------------------
	General Classes
------------------------------------------------------------------------- */

	.cLeft { clear: left; }
	.cBoth { clear: both; }
	
	.fLeft { float: left; }
	.fRight { float: right !important; }

	.aRight { text-align: right; }

	.hide { display: none !important; }

	.padding { padding: 15px; }
	.paddingLeft { padding-left: 10px; }
	.paddingTop { padding-top: 15px !important; }
	.noPaddingTop { padding-top: 0 !important; }
	.noPaddingBtm { padding-bottom: 0 !important; }
	.noPaddingLeft { padding-left: 0 !important; }
	.noPaddingRight { padding-right: 0 !important; }
	
	.marginTop { margin-top: 10px !important; }
	.marginLeft { margin-left: 30px !important; }	
	.marginBtm { margin-bottom: 10px !important; }
	.xLmarginBtm { margin-bottom: 20px !important; }
	.noMarginTop { margin-top: 0 !important; }
	.noMarginLeft { margin-left: 0 !important; }
	.noMarginRight { margin-right: 0 !important; }

	.noBgd { background: none !important; }

	.msg { font-size: .6em; color: #999; font-weight: normal; }

	.colorange { color: #e76d00; font-weight: bold; }

	.error { 
		color: #ee3b33; 
		padding: 0 0 10px !important;
	}
	.msgbox_success {
	    color: #009900; 
		font-weight: bold;
		padding: 0 0 10px !important;
	}
	span.asterisque {
		font-size: .8em;
		color: #e76d00;
		display: inline !important;
		clear: none !important;
	}
	.msgbox_errors{
		color: red;
		padding: 10px 0 0 42px;
		clear: both;
	}
		.msgbox_errors ul,
		.msgbox_errors p{ padding-bottom: 10px; }
		.msgbox_errors ul{ padding-left: 13px; }

	.ph { padding-right: 90px; }

	.mini { font-size: .8em; }
	.big { font-size: 1.1em; }
	.xBig { font-size: 1.2em; }

	.separator258_1 { background: url(/media/images/all/backgrounds/separator258_3.jpg) no-repeat -3px bottom; padding-bottom: 30px !important; }
	.separator258_2 { background: url(/media/images/all/backgrounds/separator258_1.gif) no-repeat -3px bottom; }
	.separator258_3 { background: url(/media/images/all/backgrounds/separator258_2.jpg) no-repeat -3px bottom; }

	.separator214_1 { background: url(/media/images/all/backgrounds/separator214_1.gif) no-repeat center bottom; width: 214px; }
	.separator214_2 { background: url(/media/images/all/backgrounds/separator214_2.jpg) no-repeat center bottom; width: 214px; }

	.save, .link_arrow {
	    border: 0;
		font-weight: bold;
		color: #423900 !important;
		cursor: pointer;
		text-decoration: none !important;
		background: transparent url(/media/images/all/backgrounds/link_arrow.png) no-repeat left 4px;
		padding-left: 12px !important;
	}

    input.link_like {
        background: none;
        border: 0;
        color: #423900 !important;
        cursor: pointer;
        display: inline;
        font-family: Tahoma,Arial,Verdana,Sans-Serif;
        font-weight: bold;
        margin: 0 0 0 -3px !important; padding: 0 !important;
    }
    input.link_like:hover {
        text-decoration: underline;
    }

	.contrast { background-color: #e6e5dd !important; }
	.lowContrast { background-color: #f5f5f2 !important; }

	.maxWidth { width: 96% !important; }

	#overlay {
		position:absolute;
		top:0; left:0;
		width:100%; height:100%;
		background: url(/media/images/all/backgrounds/pix_black.png) repeat;
		z-index: 5000;
	}


/* ------------------------------------------------------------------------
	Shell
------------------------------------------------------------------------- */
	#wrap {
		background: url(/media/images/all/backgrounds/btm_site.png) no-repeat center bottom;
		position: relative;
		width: 983px; overflow: hidden;
		padding-bottom: 7px;
		margin: 0 auto 25px;
	}
	#popup #wrap { width: 669px; }

		#page {
			background: #fff;
			padding: 0 5px 10px;
			width: 973px;
			float: left;
		}

			#header, .headerPopin {
				background: #fff;
				width: 100%;
				height: 105px;
				float: left;
			}
			
			.headerPopin  {
			    padding: 16px 0 0;
			    height: 30px;
			}

			#content_container {
				background: #fff url(/media/images/all/backgrounds/sh_separator_page.jpg) repeat-y left top;
				margin-top: 18px;
				width: 100%;
				float: left;
				position: relative;
			}
				#home #content_container { background: #fff url(/media/images/all/backgrounds/sh_separator_home.jpg) repeat-y left top;	}
				#search #content_container {
					background: #fff url(/media/images/all/backgrounds/sh_separator_search.jpg) no-repeat left top;
					margin-top: 34px;
					padding-top: 12px;
				}
				#without #content_container { background-image: none;	}

			#footer {
				background: #fff;
				padding: 15px 0 20px;
				width: 973px;
				float: left;
			}


/* ------------------------------------------------------------------------
	NAVIGATIONS
------------------------------------------------------------------------- */

	
	/* -------------------------
			*****  	OLD   *****  (first version)     __________ LOGIN NAV
	---------------------------- 

		#header ul {
			list-style: none;
			background: url(/media/images/all/backgrounds/bg_mycorner.jpg) no-repeat left -5px;
			padding: 15px 12px 0 90px;
			width: 207px; height: 93px;
			float: right;
		}
	
			#header ul li {
				float: left;
			}
	
				#header ul li a {
					font-weight: bold;
					padding: 0 0 5px 26px;
					display: block;
					float: left;
				}
					#header ul li.signUp a {
						background: url(/media/images/all/icons/i_signup.gif) no-repeat left top;
					}
					#header ul li.login a {
						background: url(/media/images/all/icons/i_login.gif) no-repeat left top;
					}

*/

	/* -------------------------
		MAIN NAV
	---------------------------- */

		#mainNav {
			list-style: none;
			background: #fff url(/media/images/all/backgrounds/bg_mainNav.gif) repeat-x left bottom;
			width: 965px;
			padding-left: 8px;
			float: left;
			position: relative;
		}
	
			#mainNav li {
				display: block;
				float: left;
				padding: 0 4px 0 0;
			}

				#mainNav li.myCorner {
					position: absolute;
					right: 0;
					margin-right: 20px;
					width: 288px;
				}

				#mainNav li.lang { position: absolute; top: -100px; right: 310px; }
						 
				#mainNav li a, #mainNav li span.future {
					font-weight: bold;
					font-size: 1.2em;
					color: #423900;
					text-transform: uppercase;
					letter-spacing: .05em;
					padding: 10px 11px 5px 17px;
					display: block;
				}
			
				#mainNav li.lang a { font-size: .9em; text-transform: none; background: none; }
			
				#mainNav li.myCorner a {
					color: #000;
					text-transform: none;
					/*background: url(/media/images/all/backgrounds/bg_nav_mycorner.jpg) repeat-x left bottom;*/
					padding: 7px 11px 8px 17px;
					width: auto;
					float: right;
					z-index: 100;
					position: relative;
				}
	
				#mainNav li a:hover,
				#mainNav li.selected a { 
					background: #fff url(/media/images/all/backgrounds/mainNav_selected_l.gif) no-repeat left bottom;
					color: #e76d00;
					text-decoration: none;
				}
	
				#mainNav li:hover,
				#mainNav li.selected {
					background: url(/media/images/all/backgrounds/mainNav_selected_r.gif) no-repeat right bottom;
					padding-right: 4px;
				}
	
				#mainNav li.lang a:hover { background: none; }

                #mainNav li.lang:hover { background: none; }

		/* ---- MAIN NAV sous-nav ---- */

			#mainNav .sousNav {
				background: none;
				width: 790px;
				position: absolute;
				left: 0; bottom: -25px;
			}
				#mainNav .sousNav li {
					background: none;
					padding: 0;
					display: inline;
					border: 0;
				}
					#mainNav .sousNav li a, #mainNav .sousNav li span {
						color: #594d02;
						text-transform: none;
						letter-spacing: 0;
						background: #fff;
						padding: 0 11px;
						border-left: 1px solid #959283;
					}
						#mainNav li .sousNav li.first a {
							border-left: none;
						}
						#mainNav li .sousNav li.selected a,
						#mainNav li .sousNav li a:hover {
							color: #e76d00;
						}
						
	/* -------------------------
		My corner nav
	---------------------------- */

		.myCorner ul {
			list-style: none;
			background: url(/media/images/all/backgrounds/bg_mycorner.png) no-repeat left bottom;
			padding: 10px 12px 0 25px;
			width: 251px; height: 120px;
			position: absolute;
			right: 0; top: -100px;
			z-index: 0;
		}
	
			#mainNav li.myCorner ul li {
				float: left;
			}

				#mainNav li.myCorner li a {
					background: none;
					color: #423900;
					display: block;
					float: left;
					font-weight: bold; font-size: 1em;
					padding: 0 0 5px 26px;
					width: auto;
				}
				#mainNav li.myCorner li.welcome {
				    display: block;
				    font-weight: bold;
				    padding: 0 0 10px 26px;
				    width: 100%;
				}
				#mainNav li.myCorner li.welcome .name {
				    color: #E76D00;
				}
					#mainNav li.myCorner ul li.signUp a {
						background: url(/media/images/all/icons/i_signup.gif) no-repeat left top;
					}
					#mainNav li.myCorner ul li.login a {
						background: url(/media/images/all/icons/i_login.gif) no-repeat left top;
					}
					#mainNav li.myCorner ul li.signout a {
						background: url(/media/images/all/icons/i_logout.gif) no-repeat left top;
					}

				#mainNav li.myCorner li:hover { background: none; }
				#mainNav li.myCorner li a:hover { text-decoration: underline; }

/* -------------------------
		évaluation - star rating
	---------------------------- */
		.rating {
			font-size:0.8em;
			line-height:0.8;
			margin:2px 4px 0 !important;
		}
		.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating {
			background:transparent url(/media/images/all/icons/star_rating.gif) repeat-x left -1000px;
			padding: 0 !important;
		}
		.star-rating {
			background-position:left top;
			float:left;
			height: 9px;
			list-style: none;
			overflow:hidden;
			position:relative;
			width:45px;
		}
			.star-rating li {
				background: none !important;
				display: inline !important;
				margin: 0 !important;
				padding: 0 !important;
			}
			.star-rating a, .star-rating .current-rating {
				border: none;
				height:11px;
				left:0;
				line-height:11px;
				padding: 0 !important;
				background: none !important;
				outline:none;
				overflow:hidden;
				position:absolute;
				text-indent:-1000em;
				top:0;
			}
			.star-rating span {
				display:block;
				text-indent:-10000px;
			}
			.star-rating a:hover, .star-rating a:active, .star-rating a:focus {
				background-position: 0 0;
			}
			.star-rating a.voted:hover, .star-rating a.voted:active, .star-rating a.voted:focus {
				background:transparent none repeat scroll 0 20px;
				cursor:default;
			}
			.star-rating a.one-star {
				width:20% !important;
				z-index:6;
			}
			.star-rating a.two-stars {
				width:40% !important;
				z-index:5;
			}
			.star-rating a.three-stars {
				width:60% !important;
				z-index:4;
			}
			.star-rating a.four-stars {
				width:80% !important;
				z-index:3;
			}
			.star-rating a.five-stars {
				width:100% !important;
				z-index:2;
			}
			.star-rating .current-rating {
				background:transparent url(/media/images/all/backgrounds/star_rating.gif) repeat-x scroll left bottom !important;
				z-index:1;
			}

	/* -------------------------
		search NAV
	---------------------------- */
        #SearchTricks, #SearchSources, #SearchAccessories {clear: both;}
        #SearchRecipes .recipeType {
            background: #d7d5cb;
            clear: both;
            padding: 10px;
        }
        #SearchRecipes .recipeType label { font-size: 1.1em; margin-bottom: 2px; }
        #SearchRecipes .recipeType select { margin: 6px 0 2px; }

		.searchNav { padding: 2px 0 !important; }

			.searchNav li { background: none !important; padding: 2px 0 0 !important; position: relative; }
				.searchNav li a { font-size: 1.2em; background: url(/media/images/all/backgrounds/plus.gif) no-repeat 4px; padding-left: 20px; }
				.searchNav li a:hover { text-decoration: none; }
				.searchNav li a.open { background: url(/media/images/all/backgrounds/moins.gif) no-repeat 4px; }
				.searchNav li a.none { background: url(/media/images/all/backgrounds/none.gif) no-repeat 4px; }
					.searchNav li a span { font-size: .8em; position: absolute; right: 5px; }
				.searchNav li ul { background: #f7f7f5; padding: 3px 0 0; }
						.searchNav li ul li a { margin-left: 35px; }
						.searchNav li ul li ul { background: #efefea; }
								.searchNav li ul li ul li a { font-weight: normal; background: none; padding-left: 0; margin-left: 85px; }
								.searchNav li ul li ul li a:hover { text-decoration: underline; }

	/* -------------------------
		Fil d'ariane - Breadcrumbs
	---------------------------- */


		.breadcrumbs { list-style: none; padding-bottom: 10px; float:left; }
			.breadcrumbs li { background: url(/media/images/all/backgrounds/link_arrow.png) no-repeat 0 4px; padding: 0 5px 0 15px; display: inline; }
			.breadcrumbs li.first { background: none; padding-left: 5px; }
				.breadcrumbs li a { font-weight: bold; }


	/* -------------------------
		Pagination
	---------------------------- */

		 .pagination { list-style: none; float: right; }
			 .pagination li { display: inline; }

			 .pagination .prev a,
			 .pagination .next a {
			 		font-size: 1em;
					color: #594D02;
					background: transparent url(/media/images/all/backgrounds/link_arrow_prev.gif) no-repeat 0 4px;
					padding: 0 10px;
				}
			 .pagination .next a {
					background: transparent url(/media/images/all/backgrounds/link_arrow.png) no-repeat right 4px;
					padding: 0 8px 0 10px;
				}
				 .pagination li a,
				 .pagination li span  {
				 		font-weight: bold;
						font-size: .7em;
						color: #fff;
						background: #e97711;
						padding: 1px 4px;
					}
				 .pagination li a:hover,
				 .pagination li span { background-color: #a7a38b; }
				 .pagination .prev a:hover,
				 .pagination .next a:hover { background-color: transparent ; }


	/* -------------------------
		MON COIN
	---------------------------- */

		.perso {
			list-style: none;
			border: 1px solid #bfbfae;
			border-bottom: 0;
			float: left;
			z-index: 0;
			position: relative;
		}
			.perso li { float: left; }
				.perso li a {
					font-weight: bold;
					font-size: 1.1em;
					background: #efefea url(/media/images/all/backgrounds/sh_separator_perso.jpg) no-repeat left top;
					padding: 7px 0 0 10px;
					width: 120px; height: 33px;
					display: block;
					float: left;
					cursor: pointer;
					z-index: 5;
					position: relative;
				}
				.perso li.selected a {
					color: #e76d00 !important;
					background-color: #fff;
					background-position: 0 -42px;
					height: 34px;
					margin-bottom: -1px;
					cursor: auto;
				}
				.perso li a:hover {
					color: #e76d00;
					text-decoration: none;
				}
				.perso li.first a {
					background-image: none;
				}

			/* ----- MON COIN - sous nav ----- */


			.perso .sousNav {
				background: none;
				width: 640px;
				position: absolute;
				left: 0; bottom: -30px;
			}
				.perso .sousNav li {
					background: none;
					padding: 0;
					display: inline;
					border: 0;
				}
					.perso .sousNav li a {
						color: #594d02 !important;
						text-transform: none;
						letter-spacing: 0;
						background: #fff;
						padding: 0 11px;
						width: auto; height: auto;
						border-left: 1px solid #959283;
						cursor: pointer;
					}
						.perso li .sousNav li.first a {
							border-left: none;
						}
						.perso li .sousNav li.selected a,
						.perso li .sousNav li a:hover {
							color: #e76d00 !important;
						}

/* ------------------------------------------------------------------------
	CONTENT CONTAINER
------------------------------------------------------------------------- */

	.panel {
		padding: 0 8px 0 0;
		float: left;
	}
	
	.pictureFraming {
			background: url(/media/images/all/backgrounds/framing.jpg) no-repeat left bottom;
			padding: 5px 5px 10px 12px;
	}
	
	.pictureFraming2 {
			background: url(/media/images/all/backgrounds/framing2.jpg) no-repeat left bottom;
			padding: 5px 5px 10px 12px;
	}

	.shadowLine { background: url(/media/images/all/backgrounds/sh_panel.jpg) no-repeat right bottom; }

	#btm_shadowLine {
		background: #fff url(/media/images/all/backgrounds/sh_separatorbtm_page.jpg) no-repeat left bottom;
		width: 100%; height: 80px;
		clear: both;
	}
		#home #btm_shadowLine {
			background: #fff url(/media/images/all/backgrounds/sh_separatorbtm_home.jpg) no-repeat left bottom;
			height: 60px;
		}


	/* -------------------------
		LEFTPANEL
	---------------------------- */		
			
		.utilityBar { width: 236px; }

		.section {
			padding: 0 6px 25px 8px;
			margin-bottom: 10px;
			position: relative;
			float: left;
		}

			.section h2 {
				font-size: 1.2em;
				text-transform: uppercase;
				padding-bottom: 10px;
			}
			.section h3 { color: #e76d00; padding-bottom: 3px; }
	
			.section p { padding-bottom: 5px; }
	
			ul.arrow,
			.section ul,
			.descript ul { list-style: none; padding: 10px 10px 10px 0; }
				ul.arrow li,
				.section ul li,
				.descript ul li { background: url(/media/images/all/backgrounds/link_arrow.png) no-repeat 0 4px; padding: 0 0 3px 12px; }
					ul.arrow li a,
					.section ul li a,
					.descript ul li a { font-weight: bold; text-decoration: none;}
					ul.arrow li a:hover,
					.section ul li a:hover,
					.descript ul li a:hover { text-decoration: underline;}
					ul.arrow li {margin-bottom: 0 !important;}

p.viewAll {
	clear: left;
    padding: 0;
	text-align: right;
	width: 393px;
}
    p.viewAll a {
        background: url(/media/images/all/backgrounds/link_arrow.png) no-repeat 0 4px;
        padding: 0 5px 0 12px;
    }

		.recipeFrom {
			padding-bottom: 5px;
			width: 100%;
			float: left;
		}
			.recipeFrom img { float: left; padding-right: 10px; }
			.recipeFrom .side {
				width: 160px;
				padding: 0 0 5px 0;
				float: left;
			}
				.recipeFrom .side h1,.recipeFrom .side h2 {
					color: #e76d00;
					text-transform: none;
					padding-bottom: 3px;
				}
				.recipeFrom .side a { text-decoration: underline; font-weight: bold; }
				.maxWidth p { font-size: 1.2em; }


		.colorBox {
			background: #efeee5 url(/media/images/all/backgrounds/separator_topGrey.jpg) no-repeat left bottom;
			width: 230px;
			float: left;
		}

		.evaluation { width: 90%; padding: 8px; float: left; }
			.evaluation span { float: left; }
			.evaluation a {
				font-weight: bold;
				background: url(/media/images/all/backgrounds/link_arrow.png) no-repeat left 4px;
				padding-left: 12px;
				float: right;
			}

			.colorBox table {
				border-collapse: collapse;
				width: 100%;
				margin: 15px 0 5px;
				clear: both;
			}
				.colorBox table th { text-align: left; padding: 3px 8px; }
				.colorBox table th, .colorBox table td { font-size: 1.2em; }

			.section .colorBox ul.arrow { padding: 10px 0 35px 8px; }

			.section ul li.selected { color: #aca891; background-image: url(/media/images/all/backgrounds/link_arrow_selected.png) !important; }


		.section .pictureFraming {
			position: absolute;
			right: 5px; bottom: 30px;
		}
	
		.ph_concours { background-position: right 45px; background-repeat: no-repeat; }
		#home .ph_concours { background-position: right bottom; }
		.ph_emission {
		    background: url(/media/images/all/placeholder/tv.jpg) no-repeat right 5px;
		    margin-bottom: 10px;
		    min-height: 46px;
		}
		.ph_bienArroser { margin-right: 5px; line-height: 13px;}
		    .bienArroser p { float: left; padding-right: 10px; width: 130px; }
		    .ph_bienArroser img { float: right; margin-left: 8px; height: 160px; width: 60px;}
		    #RecipeDrinkTitle { color: #E76D00; display: block; margin: -3px 0 5px; }
		    #RecipeDrinkTitle a { color: #E76D00; text-decoration: underline; }
		    #RecipeDrinkTitle a:hover { color: #E76D00; text-decoration: none; }
        /*#RecipeDrink .actions {clear: both;}*/


		ul.comments {
			width: 100%;
			padding: 0;
			float: left;
		}
			ul.comments li {
				background-image: none;
				padding: 5px;
				width: 95%;
				float: left;
			}
				ul.comments li .evaluation {
					padding: 2px 0 5px;
					width: 100%;
				}


	/* -------------------------
		CONTENT
	---------------------------- */		

		.media, .descript { width: 420px; }

		.descript { width: 405px; padding: 20px 5px 10px 10px; }

			.descript h1 {
				color: #e76d00;
				padding-bottom: 10px;
				font-size: 1.4em;
				text-transform: none;
			}
				.descript h1 span {
					font-size: .7em;
					color: #94906f;
					padding: 5px 0 0;
					display: block;
				}
					.descript h1 span a { text-decoration: underline; }


			.descript p {
				padding: 10px 0;
			}
			.descript .intro {
				font-size: 1.4em;
				font-family: georgia, arial, sans-serif;
				color: #94906f;
				padding-right: 10px;
			}


		/* - Tools ---------------------------- */

		.tools {
			background: #f5f5f2;
			padding: 10px;
			width: 395px;
			float: left;
		}
			.tools select { float: left; }
			.tools p { padding-right: 10px; float: right; }
			.tools p select { float: none; width: 45px; }
			.tools input { width: 20px; }


		/* - Ingredients ---------------------------- */

		.ingredients {
			width: 395px;
			padding: 10px;
			clear: both;
		}

			.ingredients h3 {
				text-transform: uppercase;
				padding-bottom: 5px;
			}

			.ingredients ul { list-style: none; }
				.ingredients ul li { padding-bottom: 5px; list-style: none; }

				.ingredients ul li.for {
					font-weight: bold;
					font-size: 1em;
					padding: 15px 0;
				}
				.ingredients ul li.for ul {
					padding-top: 5px;
				}
					.ingredients ul li li {
						font-size: 1.2em;
						font-weight: normal;
						padding: 2px 0 0;
					}


		/* - Instructions step by step ---------------------------- */

		h3.instruction {
			float: right;
			width: 723px;
			padding: 0 0 10px 5px;
			text-transform: uppercase;
		}

		.instruction { width: 728px; float: right; list-style: none; }
			.instruction li { padding-bottom: 5px; float: left; }

			.instruction span {
				margin-right: 5px;
				display: block;
				float: left;
			}
			.instruction .step {
				font: bold 3em arial;
				color: #e76d00;
				text-align: right;
				background: url(/media/images/all/backgrounds/sh_right.png) repeat-y right top;
				padding: 15px 16px;
				width: 57px; height: 150px;
			}
			.instruction .demo { width: 320px; height: 180px;	}
			.instruction .technique {
				/*background: url(/media/images/all/backgrounds/sh_left.png) repeat-y left top;*/
				padding: 15px;
				width: 273px; min-height: 150px;
				margin-right: 5px;
			}
			.instruction .noPicture .demo {
				background: url(/media/images/all/backgrounds/sh_left.png) repeat-y left top;
				width: 278px; height: 150px;
				padding: 15px;
				float: right;
				margin-right: 0;
			}
			.instruction .noPicture .technique {
				background: none;
				width: 290px; min-height: 150px;
				padding: 15px;				
				margin-right: 5px;
			}
				.instruction .technique h3 {
					font-size: 1em;
					padding-bottom: 15px;
				}
				.instruction .technique a {
					text-decoration: underline;
				}
				.instruction .technique a.link_arrow {
					margin-top: 15px; 
					display: block;
					clear: both;
					text-decoration: none;
				}


		/* - Note box ---------------------------- */

		.note {
			background: url(/media/images/all/backgrounds/sh_top.gif) repeat-x left top;
			padding: 22px 12px;
			width: 704px;
			float: right;
		}
			.note h2 {
				font-size: 1.2em;
				padding-bottom: 5px;
				text-transform: uppercase;
			}
			.note .pictureFraming {
				margin-left: -10px;
				float: left;
			}
			.note .txtNote {
				padding-left: 10px;
				width: 495px;
				float: left;
			}
				.note .txtNote h3{
					color: #e76d00;
					padding-bottom: 10px;
				}


		/* - Suggestion box ---------------------------- */

		.suggestion {
			background: url(/media/images/all/backgrounds/sh_toplong.jpg) repeat-x left top;
			padding: 10px 0 0;
			width: 726px;
			border: 1px solid #c0c0af;
			float: right;
		}

			.suggestion h2 {
				font-size: 1.2em;
				padding: 0 0 10px 10px;
				text-transform: uppercase;
			}

			.suggestion ul { list-style: none; 
					background: url(/media/images/all/backgrounds/ul_separ.jpg) no-repeat left bottom; float: left; }
				.suggestion ul li {
					padding: 0 8px 10px 9px;
					width: 165px;
					float: left;
				}
				.suggestion ul li.first { background: none; padding-left: 7px;}
					.suggestion ul li img { display: block; padding-bottom: 5px; }
					.suggestion ul li span { display: block; }



	/* -------------------------
		PUB
	---------------------------- */		

		.panelPub { width: 300px; float: right; }

		.pub { margin-bottom: 10px; float: right; position: relative; z-index: 10;}



/* ------------------------------------------------------------------------
	HOME PAGE
------------------------------------------------------------------------- */

	/* ----------------------
		first column 
	--------------------- */

	.mainSections {
		padding-right: 5px;
		width: 393px;
		margin-bottom: 15px;
		float: left;
		position: relative;
		clear: both;
	}

		.mainSections ul { list-style: none; }
			.mainSections ul li {	float: left; }
				.mainSections ul li a {	
					font-weight: bold;
					color: #423900;
					background: url(/media/images/all/backgrounds/li_sh_mainsection.jpg) no-repeat left bottom;
					width: 115px;  height: 29px;
					padding: 5px 0 6px 10px;
					display: block;
					float: left;
				}
					.mainSections ul li.first a {	background-position: -4px bottom; }
					.mainSections ul li.last a { width: 133px; }
				.mainSections ul li a:hover { background: url(/media/images/all/backgrounds/li_sh_mainsection_hover.jpg) no-repeat left bottom; text-decoration: none; }

				.recettes ul li.selected a,
				.recettes ul li.selected a:hover {
					color: #fff;
					background: url(/media/images/all/backgrounds/li_sh_mainsection_recettes.jpg) no-repeat left bottom;
				}
				.trucs ul li.selected a,
				.trucs ul li.selected a:hover {
					color: #fff;
					background: url(/media/images/all/backgrounds/li_sh_mainsection_tips.jpg) no-repeat left bottom;
				}
		.mainSections p {
			font-weight: bold;
			font-size: 1.3em;
			color: #fff;
			text-transform: uppercase;
			text-align: right;
			padding: 10px;
			position: absolute;
			bottom: 40px;
			width: 373px;
		}
		.recettes p {
			background: url(/media/images/all/backgrounds/home_overlay.jpg) no-repeat left bottom;
		}
		.trucs p {
			background: url(/media/images/all/backgrounds/home_overlay_tips.jpg) no-repeat left bottom;
		}

	/*---------------------
		center column
	---------------------	*/

		#home .mainSections h2 { font-size: 1.3em; padding-bottom: 5px; text-transform: uppercase; }

		#home .utilityBar { width: 259px; }

		#home .section h2 { font-size: 1.3em; }

		#home .section { padding-bottom: 10px; width:  245px;}
			#home .section ul { list-style: none; padding: 10px 90px 30px 0; }

		#home .section label, .section input { clear: both; display: block; margin-bottom: 3px; }



/* ------------------------------------------------------------------------
	Recettes - Recipes
------------------------------------------------------------------------- */


	.book {
		position: relative
	}

		.book p {
			font: normal 1.1em tahoma;
			color: #594D02;
			padding: 15px 165px 10px 0;
		}
		 .display {
			position: absolute;
			right: 20px; top: 45px;
		}
			.display a {
				background: url(/media/images/all/icons/i_loupe.gif) no-repeat right bottom;
				padding-right: 20px;
			}
			
    #RecipeDescript.book {min-height: 160px;}


/* ------------------------------------------------------------------------
	Trucs et conseils - Tricks and tips
------------------------------------------------------------------------- */


	.top10 ul li {
		padding-bottom: 8px;
	}
		.top10 ul li a {
			font-weight: normal;
		}

    #episode { width: 240px; }
    #EpisodeBox input {margin: 0 0 0 10px;}

/* ------------------------------------------------------------------------
	Recherches - Search
------------------------------------------------------------------------- */

	.sort {
		position: absolute;
		right: 12px; top: -16px;
	}

	#search .utilityBar { width: 285px; }

	#search .colorBox {
		background: #efeee5 url(/media/images/all/backgrounds/separator_topGrey2.jpg) no-repeat left bottom;
		padding: 8px 8px 35px;
		width: 269px;
	}
		.colorBox .recipeFrom h1 { font-size: 1.3em; text-transform: uppercase;	}
		
		.colorBox  .recipeFrom .side { width: 200px; }

		.colorBox select.noLabel { margin: 15px 0; }

		.colorBox select { margin: 5px 0; }

		.colorBox label.title {
			padding: 25px 0 5px;
		}
		.colorBox input { width: 225px; }
		
		.fLeftRight { padding-top: 20px; }
			.fLeftRight img { text-align: left; float: left; }
			.fLeftRight a.link_arrow { text-align: left; margin: 15px 5px 0 0; float: right; }

	.title {
		font-weight: bold;
		font-size: 1.3em;
		color: #e76d00;
		padding-bottom: 5px;
		display: block;
	}

		.section .inspiration,
		.section .inspiration img { float: left; clear: left; }
		
/*		.section .inspiration p,
		.section .inspiration ul { clear: left; }*/

		.section .inspiration p {
			padding: 0 10px 10px;
			width: 145px;
		}
			.section .inspiration p span { text-transform: uppercase; }

	.inspiration .display {
		position: relative;
		right: auto; top: auto;
		float: left;
	}
	.section .book {
		width: 285px;
		left: -8px;
		float: left;
	}
		.inspiration .display a {
			background-position: right 85px;
			float: left;
		}

    .section .book img {
        margin-right: 10px;
    }

	.section .book p {
		width: auto;
		float: none;
		padding-left: 0;
	}
	
	.section .book ul {
	    padding-top: 0;
	}

	.topList { width: 660px; float: left; }

	/*.sectionContent .topList { margin-top: 30px; }*/

	.searchListing {
		list-style: none;
		width: 680px;
		/*float: right;*/
	}
		.searchListing li {
			background: url(/media/images/all/backgrounds/framing2.jpg) no-repeat left bottom;
			padding: 5px 7px 5px 5px;
			float: left;
			position: relative;
			z-index: 1;
			
		}
			.searchListing li a {
				padding: 6px;
				width: 143px; height: 120px;
				display: block;
			}
				.searchListing li a img {
					padding-bottom: 5px;
					display: block;
				}

		/* --- popin  --- */


	.popup {
		background: #b6b393;
		width: 346px;
		padding: 8px;
		position: absolute;
		left: -3px; top: -3px;
		z-index: 2;
	}

		.popup .content {
			background: #fff;
			width: 100%;
			float: left;
			position: relative;
		}
		.popup .content .left,
		.popup .content .right {
			padding: 6px 6px 12px;
			width: 144px;
			float: left;
		}
		.popup .content .left {
			padding-bottom: 48px;
		}
		.popup .content .right {
			background: url(/media/images/all/backgrounds/popup_separation.jpg) no-repeat left bottom;
			padding: 6px 6px 12px 8px;
			width: 176px; min-height: 145px;
			position: relative;
		}
		.searchListing .popup .content a {
			width: auto; height: auto;
			padding: 0;
		}
		.popup .content img.ph_recipe {
			width: 144px; height: 81px;
		}
		.popup .content .evaluation {
			padding-left: 0;
		}
		.searchListing .popup .content h2 a {
			font-size: .7em !important;
			color: #e76d00;
			text-transform: none;
			padding-bottom: 10px;
		}
		.popup .content .left h3 {
			font-size: 1em;
		}
		.popup .content .right h3 {
			text-transform: uppercase;
			font-size: .8em;
			padding-left: 6px;
		}
		.popup .content .left a.link_arrow,
		.popup .right a.link_arrow {
			width: auto; height: auto;
			padding: 0 0 0 10px;
			position: absolute;
			left: 6px; bottom: 12px;
		}
		.popup .content .right table {
			background: #efefea;
			width: 100%;
			padding: 3px 0;
			margin-bottom: 15px;
		}
			.popup .content .right table th {
				text-align: left;
				padding: 1px 6px 2px;
			}
		.popup .content .right ul {
			list-style: none;
			padding: 0 6px 6px;
		}
		.popup .content .right ul li {
			background: none;
			padding: 0;
			float: none;
		}

		/* --- popin Trucs & conseils --- */

		


	#search .pub {
		padding: 16px 20px 10px 10px;
	}




/* ------------------------------------------------------------------------
	Mon coin
------------------------------------------------------------------------- */


/* ---- Profil ----- */

	.specific {
		padding-left: 8px;
		width: 657px;
		float: left;
	}

	.sectionContent form, .coinLog { width: 644px; padding-bottom: 15px; float: left; }
	.sectionContent form { padding-bottom: 0; }

		.coinLog h1 { font-size: 1.8em; text-transform: none; float: left; }
		.coinLog div {  font-weight: bold; padding-top: 6px; float: right; }
			.coinLog div span,
			.caution .user { color: #e76d00; font-weight: bold; }

    .errorPage {
        background: url(/media/images/all/icons/i_caution.jpg) no-repeat left 10px;
		padding-left: 40px;
    }

	.caution {
		background: url(/media/images/all/backgrounds/sh_corner_lh.jpg) no-repeat 8px bottom;
		padding: 12px 0 25px 35px;
		margin-bottom: 30px;
		float: left;
	}
		.caution p {
			background: url(/media/images/all/icons/i_caution.jpg) no-repeat left 3px;
			padding-left: 40px;
		}
		.caution a { text-decoration: underline; }

	.sectionContent {
		background: url(/media/images/all/backgrounds/sh_top_perso.jpg) no-repeat left top;
		padding-top: 30px;
		width: 644px;
		border-top: 1px solid #bfbfae;
		float: left;
	}
		.sectionContent form {
			/*padding-top: 30px;*/
			padding-left: 15px;
			width: 629px;
		}
		.sectionContent .listingRecipes form
		{
		    width: auto;
		    padding-left: 0;
		}
			.sectionContent form fieldset {
				background: url(/media/images/all/backgrounds/sh_top_fieldset.jpg) repeat-x 0 20px;
				width: 266px; height: 215px;
				padding: 0 13px 0 13px;
				margin: 0 20px 15px 0;
				float: left;
				position: relative;
			}
				.sectionContent form fieldset h2 {
					font-weight: bold;
					font-size: 1.2em;
					color: #e76d00;
					padding-bottom: 20px;
					margin-left: -12px;
				}

				.sectionContent form fieldset label {
					padding: 0 0 5px;
					display: block;
					clear: both;
				}
				.sectionContent form fieldset input {
					width: 220px;
					margin-bottom: 10px;
					display: block;
				}
				.sectionContent form fieldset span {
					font-weight: bold;
					padding-bottom: 25px;
					display: block;
				}
				.sectionContent form fieldset p.input span {
				    font-weight: normal;
				    padding-bottom: 0;
				    display: inline;
				}
					.sectionContent form fieldset input.save{
						color: #423900;
						position: absolute;
						right: 15px; bottom: 15px;
						width: auto !important;
						padding: 0; margin: 0;
						border: 0;
						cursor: pointer;
					}

				.sectionContent form fieldset fieldset {
					background: none;
					width: 200px; height: auto;
					padding: 0 0 20px 0;
					margin: 0;
					float: left;
				}	

					.sectionContent form fieldset fieldset h3,
					.sectionContent form fieldset fieldset span {
						font-weight: normal;
						font-size: 1em;
						padding-right: 10px;
						float: left;
					}
				.sectionContent form fieldset fieldset label,
				.sectionContent form fieldset fieldset input {
					padding: 0 5px;
					width: auto;
					clear: none;
					float: left;
					border: none;
				}


		/* ---- favorites ----- */

		.sectionContent .topList { width: 628px; padding: 0 8px; }
		.sectionContent .topList select { float: left; }

		.listingRecipes,
		.listingComments { list-style: none; padding: 20px 0; float: left; }
			.listingRecipes li { padding-bottom: 8px; float: left; }

		.searchListing li {
			position: relative;
			z-index: 1;
			
		}
				.listingRecipes li .picture {
					background: url(/media/images/all/backgrounds/framing2.jpg) no-repeat left bottom;
					padding: 0 7px 15px 13px;
					width: 144px;
					display: block;
					float: left;
				}
					.listingRecipes li .picture img {
						padding-bottom: 8px;
						display: block;
					}
				.listingRecipes li .commentAndRate {
					background: transparent url(/media/images/all/backgrounds/sh_left.png) repeat-y left top;
					width: 440px; min-height: 82px; 
					padding: 12px 17px 35px;
					float: left;
					position: relative;
				}
				.listingRecipes li.contrast {
					background: none !important;
				}
					.listingRecipes li.contrast .commentAndRate {
						background-color: #f5f5f3;
					}
				.listingRecipes li .commentAndRate .evaluation {
					text-align: right;
					padding: 0;
					width: 100%;
				}
				.listingRecipes li .commentAndRate h3 {
					text-transform: uppercase;
					font-size: 1em;
					padding-bottom: 10px;
					margin-top: -1px;
				}
				.listingRecipes li .commentAndRate p {
					padding-bottom: 10px;
				}
				.listingRecipes li .commentAndRate a.action {
					font-weight: bold;
					font-size: 1.2em;
					color: #e76d00;
					text-decoration: underline;
					background: transparent url(/media/images/all/backgrounds/link_arrow_big.gif) no-repeat left 4px;
					padding-left: 15px;
				}
				.listingRecipes li .commentAndRate .links {
					clear: both;
					width: 100%;
					position: absolute;
					bottom: 15px;
					display: block;
				}
					.listingRecipes li .commentAndRate .links a {
						margin-right: 20px;
					}

		/* ---- Mes recettes ----- */

			.listingRecipes li .specialPadding { padding: 12px 10px 10px 17px; width: 437px; }
			.listingRecipes li .specialPadding p { font-size: 1em; padding-right: 80px; }

			.commentAndRate textarea { width: 335px; height: 60px; }

			.listingRecipes li .specialPadding .submit { position: absolute; right: 10px; bottom: 10px; }


		/* ---- Mes recettes - soumettre ----- */


			.recipeForm {
				padding: 65px 10px 20px;
				width:624px;
			}
				.recipeForm h2, .contestForm h2 {
					font-size: 1.3em;
					text-transform: none;
					padding: 40px 0 0;
					clear: both;
				}
				.recipeForm h3 {
					font-size: 1em;
					padding: 15px 0 0;
				}
			.pubConcours {
				background: #efefea;
				padding: 25px 150px 15px 30px;
			}
				.recipeForm .pubConcours h2 {
					color: #e76d00;
					text-transform: none;
					padding: 0 0 10px;
				}
				.pubConcours p {
					margin-bottom: 10px;
				}

			.userVerif {
				margin: 20px 0;
				width: 100%;
				border-collapse: collapse;
				border-bottom: 1px solid #c6c4b6;
			}
				.userVerif tr {
					border-top: 1px solid #c6c4b6;
				}
				.userVerif th,.userVerif td {
					font-weight: normal;
					text-align: left;
					padding: 4px 0;
				}
				.userVerif td {
					font-weight: bold;
					color: #e76d00;
				}
				.userVerif th { width: 200px; }
				.userVerif td { width: 220px; }
				.userVerif td.tableLink { text-align: right; width: 150px; }

			.recipeForm form {
				width: 620px;
				padding-left: 0;
				
			}
			.recipeForm form fieldset,
			.contestForm form fieldset {
				background: none;
				width: 572px; height: auto;
				margin: 0;
				float: none;
			}
				.recipeForm form fieldset input,
				.recipeForm form fieldset textarea {
					padding: 3px;
					margin: 0;
					width: 100%;
				}
				.recipeForm form fieldset input.default,
				.recipeForm form fieldset textarea.default {
				    color: #a5a084;
				}
				.recipeForm form fieldset textarea {
					height: 80px;
				}
				.recipeForm form fieldset label {
					font-weight: bold;
					padding: 5px 0;
				}
					.recipeForm form fieldset label.select {
						width: 155px;
						float: left;
						clear: none !important;
					}
					.recipeForm form fieldset p.input {
						text-align: right;
						padding: 0 0 5px !important;
					}
				.recipeForm form fieldset div {
					padding-bottom: 30px;
					width: 270px;
					float: left;
				}
				.recipeForm form fieldset select {
					border-bottom: 1px solid #6a6a6a;
					border-right: 1px solid #6a6a6a;
					font-size: 1.2em;
					margin: 3px 0;
					width: 115px;
				}
				#timePrepare, #timeCooking, #timeMarinate {
				    margin: 3px 0;
					width: 107px;
				}
					.recipeForm form fieldset div textarea {
						height: 170px;
					}
						.recipeForm form fieldset div.fRight textarea {
							height: 274px;
						}

			.imgSideDownload {
				padding: 0 0 5px 30px;
				width: 220px;
				float: left;
			}

/* ------------------------------------------------------------------------
	NOUS JOINDRE / Conditions d'utilisation
------------------------------------------------------------------------- */

	.staticLeftBtm {
		position: absolute;
		left: 30px;
		bottom: 90px;
		width: 255px;
	}
		.staticLeftBtm p { padding-bottom: 10px; }



	.txt {
		padding: 0 30px 30px 20px;
		width: 615px;
	}
		.txt h1 {
			color: #e76d00;
			font-size: 1.5em;
			text-transform: none;
			margin: 0 0 30px;
		}
		.txt h2 {
			font-size: 1.2em;
			color: #423900;
			margin: 0 0 10px;
		}
		.txt h3 {
		    font-size: 1em;
		    color: #423900;
		    margin: 20px 0 10px;
		}
		.txt p {
			margin: 0 0 10px;
		}
		.txt a {
			text-decoration: underline;
		}
		.txt ul {
		    margin: 0 0 10px; padding-left: 20px;
		}
		.txt li {
		    margin: 0 0 6px;
		}

	.txt .caution {
		background-position: left bottom;
		padding: 12px 0 25px 30px;
		margin: 0 0 25px -10px;
	}
		.txt .caution p {
			background: url(/media/images/all/icons/i_caution.jpg) no-repeat left 3px;
			padding: 5px 0 5px 40px;
			color: #d12c00;
			font-weight: bold;
		}

	.width300 {
		width: 252px !important;
		padding: 0 30px 30px 20px;
		float: left;
	}
		.width300 h2 { color: #e76d00; font-size: 1.1em; padding: 0; }
		.width300 p { padding: 10px 0 0; }


		.width300 form { padding: 20px 0; width: 245px; }
			.width300 label {
				margin-bottom: 5px;
				display: block;
				float: none;
			}
			.width300 input, .width300 textarea {
				width: 240px;
				margin-bottom: 15px;
				display: block;
				float: none;
			}
			.width300 textarea { height: 180px;	}
	
	.bldHspacing { line-height: 1.4em; font-weight: bold; font-size: 1.1em; }


	#submit,.submit {
		font-weight: bold;
		color: #423900;
		padding: 1px 8px !important;
		width: auto !important;
		background: #fafaf5;
		border: 1px solid #dfdfd5;
		border-bottom: 1px solid #bbb8a5;
		cursor: pointer;
		float: right;
	}

		.up {
			background: url(/media/images/all/icons/i_arrow_up.gif) no-repeat right 2px;
			padding: 0 15px !important;
			text-align: right;
			clear: both;
		}





/* ------------------------------------------------------------------------
	Concours
------------------------------------------------------------------------- */

	.contestBloc {
		width: 644px;
		margin: 15px 0 30px;
	}
		.contestBloc img { width: 644px; height: 164px;  }
		.contestBloc h2, 	.contestBloc p, .contestBloc ul { padding-left: 12px; }
		.contestBloc h2 { padding-top: 15px; font-size: 1.1em; }

		.rightTitle { font-weight: bold; font-size: 1.1em;padding-top: 10px; }


		.contestForm h2 { padding: 0; }

	.box {
		padding: 10px 0 20px 15px;
		width: 285px;
		margin: 0 55px 0 0;
		float: left;
	}
		.box h2 {
			font-size: 1.1em;
			text-transform: uppercase;
			padding: 0 0 25px;
		}

	.boxDesign {
		width: 253px; /*293*/
		background: #efede5 url(/media/images/all/backgrounds/top_boxDesign.jpg) no-repeat left top;
		padding: 10px 10px 20px;
		margin-right: 0;
	}
		.boxDesign h2 {
			color: #fff;
			padding-bottom: 35px;
		}
		.boxDesign label, .boxDesign input {
			width: 99%;
			display: block;
			clear: both;
		}
		.boxDesign label {
			font-weight: bold;
			padding: 10px 0 5px;
		}
		.boxDesign .submit { margin-top: 10px; }

		.contestForm form { padding-top: 15px; }

			.contestForm form fieldset {
				width: 500px;
			}
				.contestForm fieldset label span {
					padding-bottom: 0;
				}
				.contestForm fieldset label {
					font-weight: bold;
					text-align: right;
					padding-right: 10px !important;
					width: 140px;
					float: left;
				}
					.contestForm fieldset label.checkbox {
						font-weight: normal;
						text-align: left;
						padding-bottom: 15px;
						width: 320px;
						float: right;
						clear: right;
					}
				.contestForm fieldset input {
					width: 340px !important;
					color: #333333;
				}
					.contestForm fieldset input.checkbox {
						width: auto !important;
						float: right;
						margin-right: 5px;
						border: 0;
					}
				.contestForm fieldset select {
					clear: right !important;
					display: block !important;
					float: none;
					margin-bottom: 10px;
					border-bottom: 1px solid #6a6a6a;
					border-right: 1px solid #6a6a6a;
				}
				.contestForm form .checkbox { border: 0; }
				.contestForm form .submit {
					margin-top: 10px;
					float: left;
				}
				.contestForm form p { padding: 10px 0 5px; }
					.contestForm form p a {
						color: #e76d00;
						text-decoration: underline;
					}

		/* --- Tabs (Details - Rules - Winners ) --- */

				.tabs {
					padding: 30px 15px;
					width: 614px;
				}

				.tabs h2 {
					font-size: 1.2em;
					text-transform: uppercase;
					padding-bottom: 8px;
				}

				.tabs p { padding: 8px 0; }

				.tabs p a { color: #e76d00; text-decoration: underline; }

				.sponsor {
					color: #8b8b8b;
					text-transform: uppercase;
					padding: 30px 0 0 110px;
				}
					.sponsor p, .sponsor ul { float: left; }
					.sponsor ul { 
						list-style: none;
						width: 345px;
					}
						.sponsor ul li { 
							list-style: none;
							padding: 0 10px;
							height: 74px;
							float: right;
						}

/* ------------------------------------------------------------------------
	Comments
------------------------------------------------------------------------- */

	.coinLog h2,
	.coinLog p { padding-bottom: 15px; float: left; clear: left; }

	.coinLog .pagination { margin-top: -50px; }


	.listingComments {  padding-top: 10px; }
	.specific .topList {  padding-top: 30px; }

		.listingComments li {
			background-image: url(/media/images/all/backgrounds/sh_l.png);
			background-repeat: repeat-y;
			background-position: 215px 0;
			width: 644px;
			margin-bottom: 5px;
			float: left; 
		}
	
		.listingComments li.lowContrast {
			background-color: #f4f4f4;
		}
	
		.listingComments .userInfos,
		.listingComments .userComment {
			padding: 15px 16px;
			width: 185px;
			margin-right: 5px;
			float: left;
		}
		.listingComments .userComment { padding: 10px 16px; width: 378px; margin: 0; }
			.listingComments .userInfos p { padding: 5px 0 0; }
			.listingComments .userComment p { padding: 5px 0; }


	input.others { margin-left: 150px; }


/* ------------------------------------------------------------------------
	popup Login
------------------------------------------------------------------------- */


	.monCoin {
		background: #fff;
		position: absolute;
		left: 300px;
		width: 379px;
		z-index: 50000;
	}

		.monCoin form {
			background: url(/media/images/all/backgrounds/sh_loginbox.jpg) no-repeat 10px 10px;
			padding: 10px;
		}
			.monCoin form fieldset {
				padding: 22px 60px 22px 72px;
			}
			.monCoin form legend {
				font-weight: bold;
				font-size: 1.1em;
				color: #e76d00;
				padding-top: 22px;
			}
			.monCoin form label,
			.monCoin form input {
				color: #424242;
				display: block;
				padding-bottom: 5px;
			}
			.monCoin form input {
				padding: 0;
				width: 230px;
				margin-bottom: 10px;
			}
			#header .monCoin form ul,.monCoin form ul {
				background: none;
				padding: 20px 0 0;
				width: 100%;
				height: auto;
				clear: both;
			}
				#header .monCoin form ul li a {
					padding: 0;
				}


/* ------------------------------------------------------------------------
	Enregistrement - Register (register.html)
------------------------------------------------------------------------- */
		#register {
			background: #fff;
			width: 657px;
			padding-left: 12px;
			float: left;
			margin-left: 150px;
            left: 175px;
		}
		#register.popin {
		    float: none;
		    left: 175px;
		    margin: 0;
		}
		#register h1 { font-size: 1.6em; text-transform: none; padding: 0 0 25px 13px; }

		#register .sectionContent { padding-top: 15px; margin-top: 15px; }

		#register h2 {
			font-size: 1.3em;
			color: #e76d00;
			padding: 0 0 10px 40px;
		}
		#register ul.basic { list-style: none; padding-left: 40px; }
			#register ul.basic li { background: transparent url(/media/images/all/backgrounds/link_arrow.png) no-repeat left 4px; padding-left: 15px; }
			#register ul.basic a { text-decoration: underline; }

		#register .caution { background: none; padding: 30px 0 5px 10px; }
			#register .caution p { background-position: 0 0; padding: 5px 0 5px 30px; }

		#register .sectionContent form {
				padding: 5px 0 20px 10px;
		}
		#register .sectionContent form fieldset {
				background-position: 0 0;
				width: 610px; height: auto;
				padding: 0;
				margin: 0;
		}
		#register .sectionContent form fieldset div {
				width: 570px;
				padding: 25px 0 45px 30px;
				float: left;
		}
			#register .sectionContent form fieldset label,
			#register .sectionContent form fieldset input{
					width: 250px;
					float: left;
			}
			#register .sectionContent form fieldset p{
					padding: 0 0 15px 250px;
					margin-top: -8px;
					float:left;
			}
			#register .sectionContent form fieldset a{
				font-weight: normal;
					display: block;
			}
			#register .sectionContent form fieldset fieldset {
					width: 560px;
					margin: 5px 10px 0 0;
					padding-left: 0;
			}
				#register .sectionContent form fieldset fieldset span { padding: 0 208px 0 0; }
				#register .sectionContent form fieldset fieldset input,
				#register .sectionContent form fieldset fieldset label { width: auto; }

			#register .save {
				position: absolute;
				right: 70px; bottom: 25px;
				display: block;
			}

			#register .sectionContent form fieldset .checkbox{
				width: auto;
				padding: 15px 0 0;
			}
				#register .sectionContent form fieldset .checkbox label {
					width: 300px; clear: none; padding: 0 0 5px 10px;
				}
				#register .sectionContent form fieldset .checkbox input {
					width: auto;
					border: 0;
					clear: left;
				}
				#register .sectionContent form fieldset .checkbox p {
					padding: 15px 0 10px; clear: both; width: 90%;
					float: left;
				}
				#register .sectionContent form fieldset .checkbox a {
					float: none; display: inline; text-decoration: underline;
				}


/* ------------------------------------------------------------------------
	POPIN
------------------------------------------------------------------------- */

	.widthStandard { width: 419px; padding: 24px 35px 35px; }

	/* -------------------
		Send to a friend
	------------------ */

	.sendFriend {
		background: #fff url(/media/images/all/backgrounds/sh_popup.jpg) no-repeat 9px bottom;
		height: auto;
		padding: 40px 36px 25px 28px;
		position: absolute;
		left: 35%; top: 20%;
	}

	.popinLeft {
		width: 150px;
		float: left;
	}

	.picDisplay {
		background: #fff url(/media/images/all/backgrounds/framing2.jpg) no-repeat left bottom;
		padding: 0 0 13px 13px;
		margin: 0 0 20px -5px;
	}
		.picDisplay span {
			padding-top: 5px;
			display: block;
		}

	.popinRight {
		padding-left: 35px;
		width: 234px;
		float: left;
	}
		.popinRight h2 { color: #e76d00; }

		.popinRight label,
		.popinRight input,
		.popinRight textarea {
			width: 100%;
			margin-bottom: 5px;
			display: block;
		}
		.popinRight label { margin-top: 15px; }
		.popinRight textarea { height: 90px; }
		.popinRight .submit { margin: 8px -3px 0 0; }



	/* -------------------
		Video
	------------------ */

	.videoPopin {
		background: #fff;
		padding: 24px 35px 35px;
		position: absolute;
		left: 35%;
		top: 20%;
	}
		.videoPopin h2 { padding-bottom: 20px; }
			.videoPopin h2 span { color: #e76d00; }

	.video { width: 415px; }



	/* -------------------
		Comment & rate
	------------------ */

	.commentPopin {
		background: #fff url(/media/images/all/backgrounds/sh_popup_r.jpg) no-repeat right bottom;
		position: absolute;
		left: 35%;
		top: 20%;
	}
	.commentPopin fieldset { width: 336px; }
		.commentPopin fieldset legend {
			color: #e76d00;
			font-size: 1.5em;
			font-weight: bold;
			padding-bottom: 20px;
		}
		.commentPopin fieldset label {
			padding: 8px 0; 
			display: block;
			clear: both;
		}
		.commentPopin fieldset textarea {
			width: 100%; height: 90px;
		}
		.commentPopin fieldset p {
			padding: 10px 0 8px; 
			display: block;
			float: none;
			clear: both;
		}
		.commentPopin fieldset .submit {
			margin: 10px -3px 10px 0;
		}
		.commentPopin fieldset ul {
			list-style: none;
			width: 100%;
			padding: 10px 0;
		}
			.commentPopin fieldset ul li {
				list-style: none;
				float: left;
				vertical-align: middle;
			}
				.commentPopin fieldset ul li label {
					text-indent: -10000px;
					width: 10px;
					margin: 2px 13px 2px 5px;
					float: left;
					clear: none;
				}
				.commentPopin fieldset ul li input { float: left; border: 0; }


				.commentPopin fieldset ul li.onestar label { background: url(/media/images/all/icons/i_1_stars.gif) no-repeat left top; width: 10px; }
				.commentPopin fieldset ul li.twostars label { background: url(/media/images/all/icons/i_2_stars.gif) no-repeat left top; width: 20px; }
				.commentPopin fieldset ul li.threestars label { background: url(/media/images/all/icons/i_3_stars.gif) no-repeat left top; width: 30px; }
				.commentPopin fieldset ul li.fourstars label { background: url(/media/images/all/icons/i_4_stars.gif) no-repeat left top; width: 40px; }
				.commentPopin fieldset ul li.fivestars label { background: url(/media/images/all/icons/i_5_stars.gif) no-repeat left top; width: 50px; }


		.signIn fieldset {
			width: 385px;
		}
		
			.signIn fieldset label,
			.signIn fieldset input {
				width: 235px;
				clear: left;
			}
			.signIn fieldset span {
				padding-left: 10px;
			}
			.signIn fieldset .padRight {
				padding-right: 150px;
			}
			.signIn fieldset strong a {
				color: #e76d00;
				text-decoration: underline;
			}
			.signIn fieldset ul li {
				background: url(/media/images/all/backgrounds/tiret.gif) no-repeat left 7px;
				padding-left: 10px;
			}

        /* image uploader */
        #imageUploader {left: 200px; padding-top: 26px;}

	/* -------------------
		Share
	------------------ */

	
	.share,
	.newsletter {
		background: #fff url(/media/images/all/backgrounds/sh_popup.jpg) no-repeat 9px bottom;
		padding-top: 40px;
		width: 168px;
		position: absolute;
		left: 35%;
		top: 20%;
	}
		.share h2, .newsletter h2 { color: #e76d00;	}
		.share ul {
			padding: 25px 0 60px;
		}
		.share ul li {
		    background: none;
			font-weight: bold;
			list-style: none;
			padding: 0 0 15px;
		}
		.share ul a {
		    padding: 0 0 3px 30px;
		    line-height: 1.4em;
		}
        .section .share h2 { margin: 0; padding: 0; }
		.share ul a#CommunityLinks_facebook { background: url(/media/images/all/icons/facebook.gif) no-repeat left top !important; }
		.share ul a#CommunityLinks_reddit { background: url(/media/images/all/icons/reddit.gif) no-repeat left top !important; }
		.share ul a#CommunityLinks_delicious { background: url(/media/images/all/icons/delicious.gif) no-repeat left top !important; }
		.share ul a#CommunityLinks_google { background: url(/media/images/all/icons/google.gif) no-repeat left top !important; }



	/* -------------------
		Newsletter
	------------------ */

	.newsletter { width: 240px; }

		.newsletter p { padding-top: 15px; font-size: 1.1em; }

		.newsletter label {
			font-weight: bold;
			padding: 10px 0 5px;
			display: block;
		}
		.newsletter input {	width: 98%; }

		.newsletter fieldset fieldset {
			margin: 20px 0;
			width: 145px;
		}
			.newsletter fieldset fieldset legend {
				font-weight: bold;
				padding-bottom: 10px;
			}
			.newsletter fieldset fieldset input {
				width: auto;
				vertical-align: middle;
				border: 0;
			}
			.newsletter fieldset fieldset label {
				display: inline;
				font-weight: normal;
				padding-right: 20px;
			}
		.newsletter fieldset p { clear: both; }



/* ------------------------------------------------------------------------
	Footer
------------------------------------------------------------------------- */


	#footer ul {
		list-style: none;
		padding-left: 5px;
		width: 650px;
		float: left;
	}

		#footer ul li {
			display: inline;
			background: url(/media/images/all/backgrounds/footerSeparator.gif) no-repeat left 2px;
			padding: 0 5px 0 8px;
		}

			#footer ul li.first { background: none; }
			#footer ul li a { color: #e76d00; line-height: 1.5em; }

			#footer p { padding-left: 10px; clear: both; line-height: 1.5em; }
			#footer .fRight { width: 310px; text-align: center; }
			#footer img { padding: 10px 0 0; }


/* ------------------------------------------------------------------------
	Javascript & Popin
------------------------------------------------------------------------- */

    html.js .searchNav ul {display: none;}
    
  #bgcover {
		background: #000;
		position: absolute;
		position: fixed; top:0; left:0; bottom:0;
		width: 100%;
		z-index: 900;
	}
	
	.popin {
	    background: #fff url(/media/images/all/backgrounds/sh_loginbox.jpg) no-repeat scroll 10px 10px;
	    position: absolute;
	    z-index: 999;
	    left: 300px;
	    /*width: 400px;*/
	}
	
	body.inLoading, body.inLoading * {
        cursor: wait !important;
    }
    
    .jsonly { display: none; }
    html.js .jsonly { display: block; }
    html.js .nojs { display: none; }
    
    /* Share */
    li.shareWrap div {
        display: none;
        position: absolute;
        z-index: 100;
        left: 100px;
    }
    /*li.shareWrap:hover div { display: block; }*/

    .popin .b_close {
        position: absolute;
        top: 10px; right: 10px;
    }

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

	div.small { overflow: hidden; height: 20px !important; border: 1px red solid; }

    .printOnly {display: none;}

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

    #__VIEWSTATE {display: none !important;}