@charset "utf-8";

#mainImage {
	width: 980px;
	margin: 0 auto;
	padding: 20px 1px 10px;
	background: url(../../../share/img/base_blank.png) top left no-repeat;
}
#mainImage .name {
	float: left;
	margin: 0 10px 0 20px;
}
#mainImage .shop {
	float: right;
	margin-right: 20px;
	border-left: solid 10px #e5e5e5;
	padding-left: 30px;
	width: 640px;
}
#mainImage .shop img { float: left; width: 114px; margin: 0 10px 10px 0; }
#mainImage .shop p.shop_info { float: left; font-size: 12px; line-height: 2.0em; }
#mainImage .shop p.shop_txt { font-size: 14px; }
#mainImage a { color: #333333; font-size: inherit; }

ul#recettes { width: 843px; margin: 0 auto; }
ul#recettes li {
	float: left;
	width: 241px;
	margin: 20px;
	text-align: center;
	font-size: 14px;
}
ul#recettes li img { display: block; margin: 0 0 10px; }
ul#recettes li a { color: #333333; font-size: inherit; }

#recette {
	width: 980px;
	background: url(../img/base_recette.jpg) top left no-repeat;
	padding: 20px 0 10px;
	border-top: solid 1px #e2e2e2;
	border-bottom: solid 1px #e2e2e2;
	margin: 0 0 10px;
}
#recette .rct_img { float: right; width: 329px; margin-left: 61px; }
#recette .rct_txt1, #recette .rct_txt2 { float: left; width: 500px; margin: 0 0 10px; }
#recette ol { margin-bottom: 10px; }
#recette ol li { list-style-type: decimal !important; margin-left: 16px; }
#recette #point { width: 500px; }
#recette #point .point_mid {
	width: 456px;
	background: url(../img/point_mid.png) center left no-repeat #f1f1f1;
	padding: 0 10px 10px 34px;
	margin: 0;
}
#recette #point img.only_pc { vertical-align: top !important; }

.backtop.rct { clear: both; width: 490px; margin: 20px auto 10px; }
.backtop.rct span { float: left; width: 225px; margin: 0 10px; }

@media screen and (max-width:640px) {
	#mainImage {
		width: 100%;
		margin: 0;
		padding: 10px 0 0;
		background: #fff;
		-webkit-border-top-right-radius: 3px;
		-webkit-border-top-left-radius: 3px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-topleft: 3px;
	}
	#mainImage .name { float: none; width: 60%; margin: 0 20% 10px; }
	#mainImage .shop {
		float: none;
		margin: 0 1%;
		border-top: solid 1px #e5e5e5;
		border-left: none;
		padding: 10px 0 0;
		width: 98%;
	}
	#mainImage .shop img { width: 30%; margin: 0 10px 10px 0; }
	#mainImage .shop p.shop_info { font-size: x-small; line-height: 1.6em; }
	#mainImage .shop p.shop_txt { clear: both; font-size: small; }

	ul#recettes { width: 100%; margin: 0 auto; }
	ul#recettes li {
		float: left;
		width: 46%;
		margin: 10px 2%;
		text-align: center;
		font-size: small;
	}
	ul#recettes li img { display: block; margin: 0 0 10px; }
	ul#recettes li a { color: #333333; font-size: inherit; text-decoration: none; }

	#recette {
		width: 96%;
		background: url(../img/base_recette.jpg) top left no-repeat;
		padding: 0 0 18px;
		margin: 0 2%;
		background-size: 100% auto;
	}
	#recette .rct_img { float: right; width: 30%; margin-left: 11px; }
	#recette .rct_txt1 { float: left; width: 63%; }
	#recette .rct_txt2 { width: 100%; margin: 0; }
	#recette ol li { list-style-type: dicimal !important; margin-left: 14px; }
	#recette #point { width: 100%; }
	#recette #point .point_mid {
		width: 94%;
		background: url(../img/point_mid.png) center left no-repeat #f1f1f1;
		padding: 5px 1% 5px 6%;
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-bottomright: 3px;
		-moz-border-radius-bottomleft: 3px;
		background-size: 3% auto;
	}

	.backtop.rct { clear: both; width: 70%; max-width: 225px; margin: 10px auto 0; }
	.backtop.rct span { float: none; width: 100%; margin: 0; }
	.backtop.rct span img { margin: 0 0 10px; }

}