	
<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="lt-ie9 lt-ie8 lt-ie7" lang="fr ">
<![endif]-->
<!--[if IE 7]>
<html class="lt-ie9 lt-ie8" lang="fr ">
<![endif]-->
<!--[if IE 8]>
<html class="lt-ie9" lang="fr ">
<![endif]-->
<!--[if gt IE 8]>
<!-->
<html lang="fr "> <!--
<![endif]-->

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>    Friends &amp; Food: Réseau Social du bien manger
</title>
    <meta name="description" content="Êtes-vous végétalien, végétarien, diabétique, allergique au lactose ou au gluten? Des milliers de recettes et de bons restaurants vous attendent. Rejoignez la communauté et soumettez la vôtre!" />
    <meta property="fb:app_id" content="107280328200225" />
    <meta property="og:title" content="Friends &amp; Food: Réseau Social du bien manger" />
    <meta property="og:url" content="https://api.friends-and-food.com/" />
    <meta property="og:description" content="Êtes-vous végétalien, végétarien, diabétique, allergique au lactose ou au gluten? Des milliers de recettes et de bons restaurants vous attendent. Rejoignez la communauté et soumettez la vôtre!" />
    <meta property="og:image:type" content="image/jpeg" />
    <meta property="og:type" content="website" />
    <meta property="og:image" content="https://st.friends-and-food.com/img/logo.png" />
    <meta property="og:site_name" content="Friends & Food" />
    <meta name="robots" content="index, follow" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="google-site-verification" content="nO_KOuQO-rKlm5-n_agM6-O5SEIO5irM2214_gNHLjc " />
<meta name="ahrefs-site-verification" content="45e9a7fb9a77cf4c4f309b387d00e545e9b4018668695dcd36e962583e5674e0">
<link rel="prefetch" href="https://fr.friends-and-food.com" />
<link rel="stylesheet" type="text/css" href="https://st.friends-and-food.com/bootstrap-5.2.0-dist/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Raleway" />
<link rel="preload" type="text/css" href="https://st.friends-and-food.com/style.css" as="style" onload="this.rel='stylesheet'" />
<link rel="preload" href="https://st.friends-and-food.com/css/font-awesome.css" as="style" onload="this.rel='stylesheet'" />
<link rel="preload" type="text/css" type="text/css" href="https://st.friends-and-food.com/friends_food.css" as="style" onload="this.rel='stylesheet'" />
<link rel="stylesheet" type="text/css" href="https://st.friends-and-food.com/foot.css" as="style" />
<link rel="preload" href="https://st.friends-and-food.com/css/material-design-iconic-font.css" as="style" onload="this.rel='stylesheet'" />
<link rel="preload" type="text/css" href="https://st.friends-and-food.com/css/select/select2.css" as="style" onload="this.rel='stylesheet'" />
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-CX8VFEN7FC"> </script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag() { dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-CX8VFEN7FC');
</script>
</head>

<body>
	<div class="bg-click"></div>
	<div class="popin-container">
				<div id="popin-new-password" class="popin-li">
    <div class="row popin-content">
        <a href="javascript:void(0)" class="close-popin" title="button.close"></a>
        <div class="col-lg-7 col-md-12" style="padding:0px">
            <div class="bg_white">
                <h3>popin.new_password.title</h3>
                <div class="success"></div>
                <div class="error"></div>
                <form onsubmit="return false;">
                    <div class="label_gray">form.password</div>
                    <input type="password" id="popin-new-password-mdp" placeholder="form.password" />

                    <div class="label_gray">form.password_confirm</div>
                    <input type="password" id="popin-new-confirm-password" placeholder="form.password_confirm" /><br />

                    <div class="post_btn" id="popin-new-password-validate" title="button.send">
                        button.send
                    </div>
                </form>
            </div>

            <div class="footer_popin">
                popin.footer.account_text
                <a href="/user/login" rel="nofollow" class="open-popin-login green">
                    button.login
                </a>
            </div>
        </div>

        <div class="col-lg-5 col-md-12 bg_recipe">
            <div class="logo_big"></div>
            <span class="text_center gray">slogan.part1</span>
            <span class="text_center green">slogan.part2</span>
        </div>
    </div>
</div>

		
		<div id="popin-add-step" class="popin-li">
	<div class="popin-content padding-both-side">
		<a href="javascript:void(0)" class="close-popin" title="Fermer"></a>
		<div class="text center-title add-mess">Ajouter une etape</div>
		<div class="padding_top_30">
			<div class="row">
				<div class="col-md-12 custom-add-step-form right-side-padd">
					<span class="label ">Etape 1</span>
					<textarea name="step" id="step-desc" placeholder="saisir une étape ici"></textarea>
				</div>
				<label class="col-md-8 fileContainer custom-filecontainer">
					<br />
					<img class="mb-1" src="https://st.friends-and-food.com/img/photo-icon-green.png" alt="" width="40px" height="40px">
					<br />
					<span>
						<strong>Ajouter une image a cette etape</strong>
					</span>
					<br />
					<img class="mb-1" src="https://fr.friends-and-food.com/img/button-plus-img.png" alt="" width="40px" height="40px">
					<input type="file" id="image-step" data-url="/uploadRecipeImage " name="steps-image" />
					<input type="hidden" id="image-step-hidden" data-name="" data-url="" value="" />
				</label>
								<div id="loading" ></div>
				<div class="col-md-4">
				<div class=" custom-form-btn right-side-padd">
					<div class="add_step_input post" id="add-step" onclick="popin_close()"> Ajouter</div>
				</div>
				<input type="hidden" id="step_update" value="0" />
				</div>
			</div>
		</div>
	</div>
</div>
<style>
.add-mess{
	color:#27465C;
	font-weight:700;
	font-size:18px;
}
.right-side-padd{
	padding-right: 22px !important;
}
.padding-both-side{
	padding:20px 15px 15px 15px;
}
</style>
<script type="text/javascript">
		 function popin_close(){
	//$('.bg-click').css('display','none');
	//$('.popin-container').css('display','none');
	$('#popin-add-ingredient').hide();
	//$('#popin-add-step').hide();
	//$('.last-step-btn').css({"display":"block"});
	
} 
</script>

	</div>
		<header>
		<div class="container-fluid">
			<div class="d-flex">
				<div class="col-xl-4 header-logo-box">
					<a href="/" id="logo-fr" class="logo"></a>
				</div>
				<div class="search-moblemenu">
					<a href="/search">
												<img src="/img/icon/search.svg" />
					</a>
				</div>
								<div id="menu">
					<a href="/user/login">
																				<img src="/img/icon/profile.svg" /> </a>
				</div>
				<div id="menu-top">
									</div>
				
				
				<ul class="col-xl-6 text-center menu-links-top">
					<li class="hovermenu">
						<a href="#" id="menu-links-now">Autour de moi</a>
						<div class="megamenu-wrapper megamenu-wrapper2">
	<div class="megamneu flex">
		<div class="megmanubox">
			<h3>
				<a href="#">Restaurants</a>
			</h3>
			<ul>
								<li>
					<a href="/rw">
												Voir tous les restaurants</a>
				</li>
			</ul>
		</div>
		<div class="megmanubox">
			<h3>
				<a href="#">Commerces de proximité</a>
			</h3>
			<ul>
									<li>
						<a href="https://api.friends-and-food.com/store-1-fromagerie">
														Fromageries</a>
					</li>
									<li>
						<a href="https://api.friends-and-food.com/store-2-boucherie">
														Boucheries &amp; Charcuteries</a>
					</li>
									<li>
						<a href="https://api.friends-and-food.com/store-3-poissonnerie">
														Poissonneries</a>
					</li>
									<li>
						<a href="https://api.friends-and-food.com/store-4-charcuterie">
														Épiceries fines</a>
					</li>
									<li>
						<a href="https://api.friends-and-food.com/store-5-fruits-et-legumes">
														Fruits et Légumes</a>
					</li>
							</ul>
		</div>
	</div>
</div>

					</li>
					<li class="hovermenu" >
						<a href="/recipes "  id="menu-links-top-recipe">Recettes
						</a>
						<div class="megamenu-wrapper">
	<div class="megamneu flex">
																		<div class="megmanubox">
												<h3>
							<a href="">
								Le Sucré</a>
						</h3>
						<ul>
															<li>
									<a href="/c-4-chocolat">
																				Chocolat</a>
								</li>
															<li>
									<a href="/c-3-cake">
																				Cake</a>
								</li>
															<li>
									<a href="/c-26-yaourts">
																				Yaourts</a>
								</li>
															<li>
									<a href="/c-25-tartes">
																				Tartes sucrées</a>
								</li>
															<li>
									<a href="/c-24-pains-d-epices">
																				Pains d&#039;épices</a>
								</li>
															<li>
									<a href="/c-23-glaces">
																				Glaces</a>
								</li>
															<li>
									<a href="/c-21-entremets">
																				Entremets</a>
								</li>
															<li>
									<a href="/c-16-desserts">
																				Desserts</a>
								</li>
															<li>
									<a href="/c-11-crepes-et-gaufres">
																				Crêpes et gaufres</a>
								</li>
															<li>
									<a href="/c-8-crumbles">
																				Crumbles</a>
								</li>
															<li>
									<a href="/c-6-gateau">
																				Gâteau</a>
								</li>
															<li>
									<a href="/c-5-confitures">
																				Confitures</a>
								</li>
													</ul>
													</div>
																								<div class="megmanubox">
												<h3>
							<a href="">
								Le Salé</a>
						</h3>
						<ul>
															<li>
									<a href="/c-29-accompagnements">
																				Accompagnements</a>
								</li>
															<li>
									<a href="/c-28-poissons">
																				Poissons</a>
								</li>
															<li>
									<a href="/c-27-entrees">
																				Entrées</a>
								</li>
															<li>
									<a href="/c-22-soupes">
																				Soupes</a>
								</li>
															<li>
									<a href="/c-12-pates">
																				Pâtes</a>
								</li>
															<li>
									<a href="/c-20-sauces">
																				Sauces</a>
								</li>
															<li>
									<a href="/c-19-sandwiches-et-bagels">
																				Sandwiches et Bagels</a>
								</li>
															<li>
									<a href="/c-18-salades">
																				Salades</a>
								</li>
															<li>
									<a href="/c-17-legumes-et-legumineuses">
																				Légumes et Légumineuses</a>
								</li>
															<li>
									<a href="/c-15-quiches-et-tartes">
																				Quiches et Tartes</a>
								</li>
															<li>
									<a href="/c-14-viandes">
																				Viandes</a>
								</li>
															<li>
									<a href="/c-13-pizzas">
																				Pizzas</a>
								</li>
															<li>
									<a href="/c-9-oeufs">
																				Oeufs</a>
								</li>
															<li>
									<a href="/c-7-buffet-et-brunch">
																				Buffet et Brunch</a>
								</li>
															<li>
									<a href="/c-2-plats">
																				Plats</a>
								</li>
															<li>
									<a href="/c-1-aperitifs">
																				Apéritifs</a>
								</li>
													</ul>
													</div>
																								<div class="megmanubox">
												<h3>
							<a href="">
								Les Pains</a>
						</h3>
						<ul>
															<li>
									<a href="/c-10-pains-sales">
																				Pains salés</a>
								</li>
															<li>
									<a href="/c-30-pains-sucres">
																				Pains sucrés</a>
								</li>
													</ul>
																																				<h3>
							<a href="">
								Les Boissons</a>
						</h3>
						<ul>
															<li>
									<a href="/c-31-boissons-avec-alcool">
																				Boissons avec alcool</a>
								</li>
															<li>
									<a href="/c-32-boissons-sans-alcool">
																				Boissons sans alcool</a>
								</li>
													</ul>
													</div>
																								<div class="megmanubox">
					<h3>
						<a href="">Les régimes Spéciaux</a>
					</h3>
					<ul>
													<li>
								<a href="/bm-8-anti-cholesterol">
																		Anti cholestérol</a>
							</li>
													<li>
								<a href="/bm-7-diabete">
																		Diabète</a>
							</li>
													<li>
								<a href="/bm-1-recette-equilibree">
																		Recette équilibrée</a>
							</li>
													<li>
								<a href="/bm-5-vegetalien">
																		Recette gourmande</a>
							</li>
													<li>
								<a href="/bm-2-sans-gluten">
																		Sans gluten</a>
							</li>
													<li>
								<a href="/bm-3-sans-lactose">
																		Sans lactose</a>
							</li>
													<li>
								<a href="/bm-6-vegan">
																		Végan</a>
							</li>
													<li>
								<a href="/bm-4-vegetarien">
																		Végétarien</a>
							</li>
											</ul>
				</div>
					</div>
	</div>

					</li>
					<li class="hovermenu" >
						<a href="#" 							id="menu-links-thematique">Ingrédients
						</a>
						<div class="megamenu-wrapper megamenu-wrapper2">
    <div class="megamneu flex">
        <div class="megmanubox">            
            <ul>
                <li><a href="/ifl-calendar"> Les Fruits et Légumes mois par mois</a></li>  
                 <li><a href="/if-6-fruits">Tous les fruits</a></li>  
                <li><a href="/if-3-legumes">Tous les légumes</a></li>  
                <li><a href="/if-10-produits-laitiers"> Les produits laitiers et fromages</a></li>  
                <li><a href="/if-5-legumineuses"> Les Légumineuses</a></li>    
            </ul>
        </div>    
        <div class="megmanubox">        
             <ul>           
                <li><a href="/if-1-viandes"> Les Viandes</a></li>
                <li><a href="/if-2-poissons">  Les Poissons</a></li>
                <li><a href="/if-9-aromates-epices-et-condiments">  Les Épices</a></li>
                <li><a href="/c-31-boissons-avec-alcool"> Alcools et Spiritueux</a></li>
                <li><a href="/c-32-boissons-sans-alcool"> Boissons sans alcools</a></li>            
            </ul>
        </div>
    </div>
</div>
					</li>
										<li class="hovermenu">
						<a href="#" id="menu-links-eat-well">Bien manger
						</a>
						<div class="megamenu-wrapper megamenu-wrapper2">
	<div class="megamneu flex">
					<div class="megmanubox">
				<h3>
					<a href="">Les Recettes</a>
				</h3>
				<ul>
											<li>
							<a href="/bm-8-anti-cholesterol">
								 
								Anti cholestérol</a>
						</li>
											<li>
							<a href="/bm-7-diabete">
								 
								Diabète</a>
						</li>
											<li>
							<a href="/bm-1-recette-equilibree">
								 
								Recette équilibrée</a>
						</li>
											<li>
							<a href="/bm-5-vegetalien">
								 
								Recette gourmande</a>
						</li>
											<li>
							<a href="/bm-2-sans-gluten">
								 
								Sans gluten</a>
						</li>
											<li>
							<a href="/bm-3-sans-lactose">
								 
								Sans lactose</a>
						</li>
											<li>
							<a href="/bm-6-vegan">
								 
								Végan</a>
						</li>
											<li>
							<a href="/bm-4-vegetarien">
								 
								Végétarien</a>
						</li>
									</ul>
			</div>
				<div class="megmanubox">
			<h3>
				<a href="#">Restaurants</a>
			</h3>
			<ul>
				<li>
					<a href="/rw">
												Voir tous les restaurants</a>
				</li>
									<li>
						<a href="https://api.friends-and-food.com/store-1-fromagerie">
														Fromageries</a>
					</li>
									<li>
						<a href="https://api.friends-and-food.com/store-2-boucherie">
														Boucheries &amp; charcuteries</a>
					</li>
									<li>
						<a href="https://api.friends-and-food.com/store-3-poissonnerie">
														Poissonneries</a>
					</li>
									<li>
						<a href="https://api.friends-and-food.com/store-4-charcuterie">
														Épiceries fines</a>
					</li>
									<li>
						<a href="https://api.friends-and-food.com/store-5-fruits-et-legumes">
														Fruits et légumes</a>
					</li>
							</ul>
		</div>
	</div>
</div>

					</li>
				</ul>
				<ul class="menu-links col-xl-2">
										<li class="open-popin-login">
						<a class="my-account" href="/user/login" id="menu-links-login">
							<img class="log" src="https://media.friends-and-food.com/img/login-pic.png" />
							Mon compte
						</a>
					</li>
									</ul>
			</div>
			<div class="row">
				<div class="col-lg-12"></div>
			</div>
		</div>
	</header>
	
		<div class="sidenav-mobile">
		<div class="row py-4 mx-0">
			<div class="col-8 d-flex">
				<img src="/img/icon/profile.svg" class="img-fluid" />
				<a href="/user/login" class="mob-menu-myacc">Mon compte</a>
			</div>
			<div class="col-4">
				<a href="javascript:void(0);" class="closesidenav">&times;</a>
			</div>
		</div>
		<div class="sidenav-mobile-inner">
			<ul id="#accordion-sidenav" class="responsive-menu">
				<li>
					<div class="link">Autour de moi<i class="fa fa-caret-down"></i>
					</div>
					<div class="submenu">
						<div class="megamenu-wrapper megamenu-wrapper2">
	<div class="megamneu flex">
		<div class="megmanubox">
			<h3>
				<a href="#">Restaurants</a>
			</h3>
			<ul>
								<li>
					<a href="/rw">
												Voir tous les restaurants</a>
				</li>
			</ul>
		</div>
		<div class="megmanubox">
			<h3>
				<a href="#">Commerces de proximité</a>
			</h3>
			<ul>
									<li>
						<a href="https://api.friends-and-food.com/store-1-fromagerie">
														Fromageries</a>
					</li>
									<li>
						<a href="https://api.friends-and-food.com/store-2-boucherie">
														Boucheries &amp; Charcuteries</a>
					</li>
									<li>
						<a href="https://api.friends-and-food.com/store-3-poissonnerie">
														Poissonneries</a>
					</li>
									<li>
						<a href="https://api.friends-and-food.com/store-4-charcuterie">
														Épiceries fines</a>
					</li>
									<li>
						<a href="https://api.friends-and-food.com/store-5-fruits-et-legumes">
														Fruits et Légumes</a>
					</li>
							</ul>
		</div>
	</div>
</div>

					</div>
				</li>
				<li>
					<div class="link">Recettes<i class="fa fa-caret-down"></i>
					</div>
					<div class="submenu">
						<div class="megamenu-wrapper">
	<div class="megamneu flex">
																		<div class="megmanubox">
												<h3>
							<a href="">
								Le Sucré</a>
						</h3>
						<ul>
															<li>
									<a href="/c-4-chocolat">
																				Chocolat</a>
								</li>
															<li>
									<a href="/c-3-cake">
																				Cake</a>
								</li>
															<li>
									<a href="/c-26-yaourts">
																				Yaourts</a>
								</li>
															<li>
									<a href="/c-25-tartes">
																				Tartes sucrées</a>
								</li>
															<li>
									<a href="/c-24-pains-d-epices">
																				Pains d&#039;épices</a>
								</li>
															<li>
									<a href="/c-23-glaces">
																				Glaces</a>
								</li>
															<li>
									<a href="/c-21-entremets">
																				Entremets</a>
								</li>
															<li>
									<a href="/c-16-desserts">
																				Desserts</a>
								</li>
															<li>
									<a href="/c-11-crepes-et-gaufres">
																				Crêpes et gaufres</a>
								</li>
															<li>
									<a href="/c-8-crumbles">
																				Crumbles</a>
								</li>
															<li>
									<a href="/c-6-gateau">
																				Gâteau</a>
								</li>
															<li>
									<a href="/c-5-confitures">
																				Confitures</a>
								</li>
													</ul>
													</div>
																								<div class="megmanubox">
												<h3>
							<a href="">
								Le Salé</a>
						</h3>
						<ul>
															<li>
									<a href="/c-29-accompagnements">
																				Accompagnements</a>
								</li>
															<li>
									<a href="/c-28-poissons">
																				Poissons</a>
								</li>
															<li>
									<a href="/c-27-entrees">
																				Entrées</a>
								</li>
															<li>
									<a href="/c-22-soupes">
																				Soupes</a>
								</li>
															<li>
									<a href="/c-12-pates">
																				Pâtes</a>
								</li>
															<li>
									<a href="/c-20-sauces">
																				Sauces</a>
								</li>
															<li>
									<a href="/c-19-sandwiches-et-bagels">
																				Sandwiches et Bagels</a>
								</li>
															<li>
									<a href="/c-18-salades">
																				Salades</a>
								</li>
															<li>
									<a href="/c-17-legumes-et-legumineuses">
																				Légumes et Légumineuses</a>
								</li>
															<li>
									<a href="/c-15-quiches-et-tartes">
																				Quiches et Tartes</a>
								</li>
															<li>
									<a href="/c-14-viandes">
																				Viandes</a>
								</li>
															<li>
									<a href="/c-13-pizzas">
																				Pizzas</a>
								</li>
															<li>
									<a href="/c-9-oeufs">
																				Oeufs</a>
								</li>
															<li>
									<a href="/c-7-buffet-et-brunch">
																				Buffet et Brunch</a>
								</li>
															<li>
									<a href="/c-2-plats">
																				Plats</a>
								</li>
															<li>
									<a href="/c-1-aperitifs">
																				Apéritifs</a>
								</li>
													</ul>
													</div>
																								<div class="megmanubox">
												<h3>
							<a href="">
								Les Pains</a>
						</h3>
						<ul>
															<li>
									<a href="/c-10-pains-sales">
																				Pains salés</a>
								</li>
															<li>
									<a href="/c-30-pains-sucres">
																				Pains sucrés</a>
								</li>
													</ul>
																																				<h3>
							<a href="">
								Les Boissons</a>
						</h3>
						<ul>
															<li>
									<a href="/c-31-boissons-avec-alcool">
																				Boissons avec alcool</a>
								</li>
															<li>
									<a href="/c-32-boissons-sans-alcool">
																				Boissons sans alcool</a>
								</li>
													</ul>
													</div>
																								<div class="megmanubox">
					<h3>
						<a href="">Les régimes Spéciaux</a>
					</h3>
					<ul>
													<li>
								<a href="/bm-8-anti-cholesterol">
																		Anti cholestérol</a>
							</li>
													<li>
								<a href="/bm-7-diabete">
																		Diabète</a>
							</li>
													<li>
								<a href="/bm-1-recette-equilibree">
																		Recette équilibrée</a>
							</li>
													<li>
								<a href="/bm-5-vegetalien">
																		Recette gourmande</a>
							</li>
													<li>
								<a href="/bm-2-sans-gluten">
																		Sans gluten</a>
							</li>
													<li>
								<a href="/bm-3-sans-lactose">
																		Sans lactose</a>
							</li>
													<li>
								<a href="/bm-6-vegan">
																		Végan</a>
							</li>
													<li>
								<a href="/bm-4-vegetarien">
																		Végétarien</a>
							</li>
											</ul>
				</div>
					</div>
	</div>

					</div>
				</li>
				<li>
					<div class="link">Ingrédients<i class="fa fa-caret-down"></i>
					</div>
					<div class="submenu">
						<div class="megamenu-wrapper megamenu-wrapper2">
    <div class="megamneu flex">
        <div class="megmanubox">            
            <ul>
                <li><a href="/ifl-calendar"> Les Fruits et Légumes mois par mois</a></li>  
                 <li><a href="/if-6-fruits">Tous les fruits</a></li>  
                <li><a href="/if-3-legumes">Tous les légumes</a></li>  
                <li><a href="/if-10-produits-laitiers"> Les produits laitiers et fromages</a></li>  
                <li><a href="/if-5-legumineuses"> Les Légumineuses</a></li>    
            </ul>
        </div>    
        <div class="megmanubox">        
             <ul>           
                <li><a href="/if-1-viandes"> Les Viandes</a></li>
                <li><a href="/if-2-poissons">  Les Poissons</a></li>
                <li><a href="/if-9-aromates-epices-et-condiments">  Les Épices</a></li>
                <li><a href="/c-31-boissons-avec-alcool"> Alcools et Spiritueux</a></li>
                <li><a href="/c-32-boissons-sans-alcool"> Boissons sans alcools</a></li>            
            </ul>
        </div>
    </div>
</div>
					</div>
				</li>
				<li>
					<div class="link">Bien manger<i class="fa fa-caret-down"></i>
					</div>
					<div class="submenu">
						<div class="megamenu-wrapper megamenu-wrapper2">
	<div class="megamneu flex">
					<div class="megmanubox">
				<h3>
					<a href="">Les Recettes</a>
				</h3>
				<ul>
											<li>
							<a href="/bm-8-anti-cholesterol">
								 
								Anti cholestérol</a>
						</li>
											<li>
							<a href="/bm-7-diabete">
								 
								Diabète</a>
						</li>
											<li>
							<a href="/bm-1-recette-equilibree">
								 
								Recette équilibrée</a>
						</li>
											<li>
							<a href="/bm-5-vegetalien">
								 
								Recette gourmande</a>
						</li>
											<li>
							<a href="/bm-2-sans-gluten">
								 
								Sans gluten</a>
						</li>
											<li>
							<a href="/bm-3-sans-lactose">
								 
								Sans lactose</a>
						</li>
											<li>
							<a href="/bm-6-vegan">
								 
								Végan</a>
						</li>
											<li>
							<a href="/bm-4-vegetarien">
								 
								Végétarien</a>
						</li>
									</ul>
			</div>
				<div class="megmanubox">
			<h3>
				<a href="#">Restaurants</a>
			</h3>
			<ul>
				<li>
					<a href="/rw">
												Voir tous les restaurants</a>
				</li>
									<li>
						<a href="https://api.friends-and-food.com/store-1-fromagerie">
														Fromageries</a>
					</li>
									<li>
						<a href="https://api.friends-and-food.com/store-2-boucherie">
														Boucheries &amp; charcuteries</a>
					</li>
									<li>
						<a href="https://api.friends-and-food.com/store-3-poissonnerie">
														Poissonneries</a>
					</li>
									<li>
						<a href="https://api.friends-and-food.com/store-4-charcuterie">
														Épiceries fines</a>
					</li>
									<li>
						<a href="https://api.friends-and-food.com/store-5-fruits-et-legumes">
														Fruits et légumes</a>
					</li>
							</ul>
		</div>
	</div>
</div>

					</div>
				</li>
			</ul>
		</div>
	</div>
			<div id="down">
			<h2 class="text-center">Le réseau social du bien manger</h2>
			<h1>
				Manger bien chez soi
				<br>
				ou dans un bon resto  
			</h1> 
			<div class="Search">
				<div class="container-fluid">
					<div class="row height d-flex justify-content-center align-items-center">
						<div class="col-md-6">
							<form id="search-form" name="searchform" onsubmit="return validateForm()" method="post" action="/searchfrm ">
								<div class="search-container">
									<i class="fa fa-search"></i>
									<input type="text" id="search-keyword" name="q" class="search-box shadow-none form-control" placeholder=" Chercher : Tarte aux fraises ..."/>
									<button class="search-button" type="submit" id="search-submit">
										Rechercher
									</button>
								</div>
							</form>
							<span id="errmsg" class="errmsg my-0"></span>
						</div>
					</div>
				</div>
			</div>
			<div class="menu">
																</div>

			
			
			        <section class="restorent_list homepage-list recipe-list">
        <div class="container">
                         
 
 
	<div class="recipes" style="display: block;">
		
		<div class="row custom-grid-box">
		
										<div class="recipe col-xl-3 col-lg-3 col-xg-4 col-md-6 col-xs-12">
					<span class = "main-box">
<div class="image home-img">
			<a href="/user/login" class="like"></a>
		
	<div class="category">
		 
	</div>
			
 
 	<div class="calories-point">
		<p class="mb-0">11 </p>
		<span>Calories</span>
	</div>
	<a href="/r-532-sauce-tartare" title="Sauce tartare"> 
	<img src="https://media.friends-and-food.com/fr/imgRecipe/small/532.avif"  data-src="https://media.friends-and-food.com/fr/imgRecipe/medium/532.avif" width="200" height="200"  alt="Sauce tartare" class="img-vertical-lazy" />	
	</a>
	
</div>
<div class="info img-shadow">	
	<div class="interest">
 		<a href="/r-532-sauce-tartare" class="title" title="Sauce tartare">Sauce tartare</a>
	</div>
	<div class="custom-recipe_circles">
		<a href="/c-20-sauces" class="healthy-diabetes-friendly-recipes green">Sauces</a>
		<a href="/bm-1-recette-equilibree" class="healthy-dairy-free-recipes blue">Recette équilibrée</a>
	</div>
	</div>
</span>

				</div>
															<div class="recipe col-xl-3 col-lg-3 col-xg-4 col-md-6 col-xs-12">
					<span class = "main-box">
<div class="image home-img">
			<a href="/user/login" class="like"></a>
		
	<div class="category">
		 
	</div>
			
 
 	<div class="calories-point">
		<p class="mb-0">610 </p>
		<span>Calories</span>
	</div>
	<a href="/r-334-recette-de-crepes-faciles-au-chocolat" title="Crêpes au chocolat"> 
	<img src="https://media.friends-and-food.com/fr/imgRecipe/small/334.avif"  data-src="https://media.friends-and-food.com/fr/imgRecipe/medium/334.avif" width="200" height="200"  alt="Crêpes au chocolat" class="img-vertical-lazy" />	
	</a>
	
</div>
<div class="info img-shadow">	
	<div class="interest">
 		<a href="/r-334-recette-de-crepes-faciles-au-chocolat" class="title" title="Crêpes au chocolat">Crêpes au chocolat</a>
	</div>
	<div class="custom-recipe_circles">
		<a href="/c-11-crepes-et-gaufres" class="healthy-diabetes-friendly-recipes green">Crêpes et gaufres</a>
		<a href="/bm-1-recette-equilibree" class="healthy-dairy-free-recipes blue">Recette équilibrée</a>
	</div>
	</div>
</span>

				</div>
															<div class="recipe col-xl-3 col-lg-3 col-xg-4 col-md-6 col-xs-12">
					<span class = "main-box">
<div class="image home-img">
			<a href="/user/login" class="like"></a>
		
	<div class="category">
		 
	</div>
			
 
 	<div class="calories-point">
		<p class="mb-0">492 </p>
		<span>Calories</span>
	</div>
	<a href="/r-669-gratin-au-boudin-noir" title="Gratin au boudin noir"> 
	<img src="https://media.friends-and-food.com/fr/imgRecipe/small/669.avif"  data-src="https://media.friends-and-food.com/fr/imgRecipe/medium/669.avif" width="200" height="200"  alt="Gratin au boudin noir" class="img-vertical-lazy" />	
	</a>
	
</div>
<div class="info img-shadow">	
	<div class="interest">
 		<a href="/r-669-gratin-au-boudin-noir" class="title" title="Gratin au boudin noir">Gratin au boudin noir</a>
	</div>
	<div class="custom-recipe_circles">
		<a href="/c-2-plats" class="healthy-diabetes-friendly-recipes green">Plats</a>
		<a href="/bm-1-recette-equilibree" class="healthy-dairy-free-recipes blue">Recette équilibrée</a>
	</div>
	</div>
</span>

				</div>
															<div class="recipe col-xl-3 col-lg-3 col-xg-4 col-md-6 col-xs-12">
					<span class = "main-box">
<div class="image home-img">
			<a href="/user/login" class="like"></a>
		
	<div class="category">
		 
	</div>
			
 
 	<div class="calories-point">
		<p class="mb-0">659 </p>
		<span>Calories</span>
	</div>
	<a href="/r-246-cake-coco-cannelle" title="Cake coco cannelle"> 
	<img src="https://media.friends-and-food.com/fr/imgRecipe/small/246.avif"  data-src="https://media.friends-and-food.com/fr/imgRecipe/medium/246.avif" width="200" height="200"  alt="Cake coco cannelle" class="img-vertical-lazy" />	
	</a>
	
</div>
<div class="info img-shadow">	
	<div class="interest">
 		<a href="/r-246-cake-coco-cannelle" class="title" title="Cake coco cannelle">Cake coco cannelle</a>
	</div>
	<div class="custom-recipe_circles">
		<a href="/c-3-cake" class="healthy-diabetes-friendly-recipes green">Cake</a>
		<a href="/bm-1-recette-equilibree" class="healthy-dairy-free-recipes blue">Recette équilibrée</a>
	</div>
	</div>
</span>

				</div>
									</div>
		 	</div>

            <div class="pagignation pagination-withwrap">
                <div class="btn-seemore">
                    <a href="/recipes" class="seemorebtn">
                        Voir plus de
                        Recettes
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </a>
                </div>
                <div class="row w-100 justify-content-center">
                    <div class="col-lg-10 add-recipe-container">
                        <div class="row">
                            <div class="col-lg-8">
                                <h6>
                                    Ajouter votre propre recette facilement en 1 minute
                                </h6>
                            </div>
                            <div class="col-lg-4 align-self-center" style="text-align: right;">
                                <a href="/post-recipe" class="addMoreRecipebtn">
                                    Déposer une recette
                                    <i class="fa fa-arrow-right" aria-hidden="true"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="restorent_list homepage-list homepageCards">
   <div class="container" id="like-id">
      <h2>LES RESTAURANTS POUR BIEN MANGER EN France</h2>
      <div class="row restorent_sec">
        			<div class="col-lg-3 restorent_one main-box">
			   		<a class="home-img" href="/rwdp-3371766">
					<img src="https://fr.friends-and-food.com/img/res-no-image-new.png"  data-src="https://fr.friends-and-food.com/img/res-no-image-new.png" width="200" height="200" alt="" class="img-vertical-lazy">

					</a>
									<a href="/user/login" class="like"></a>
								  <div class="restro_desc img-shadow">
					  <h3> <a href="/rwdp-3371766">Yeti D&#039;Himalaya</a></h3>
					  <p>21 rue de la Colombette toulouse 31000 </p>
				  </div>
			</div>
					<div class="col-lg-3 restorent_one main-box">
			   		<a class="home-img" href="/rwdp-3371765">
					<img src="https://fr.friends-and-food.com/img/res-no-image-new.png"  data-src="https://fr.friends-and-food.com/img/res-no-image-new.png" width="200" height="200" alt="" class="img-vertical-lazy">

					</a>
									<a href="/user/login" class="like"></a>
								  <div class="restro_desc img-shadow">
					  <h3> <a href="/rwdp-3371765">Yamato</a></h3>
					  <p>35 rue Sergent Michel Berthet lyon 09 69009 </p>
				  </div>
			</div>
					<div class="col-lg-3 restorent_one main-box">
			   		<a class="home-img" href="/rwdp-3371763">
					<img src="https://fr.friends-and-food.com/img/res-no-image-new.png"  data-src="https://fr.friends-and-food.com/img/res-no-image-new.png" width="200" height="200" alt="" class="img-vertical-lazy">

					</a>
									<a href="/user/login" class="like"></a>
								  <div class="restro_desc img-shadow">
					  <h3> <a href="/rwdp-3371763">Volga</a></h3>
					  <p>51 avenue Félix Faure lyon 03 69003 </p>
				  </div>
			</div>
		      </div>
      	<div class="pagignation pagination-withwrap">
			<div class="btn-seemore">
			<a href="/rwco-1" class="seemorebtn">Voir plus de restaurants <i class="fa fa-arrow-right" aria-hidden="true"></i></a>
			</div>		
		</div>
   </div>
</section>

            	<section class="restorent_list homepage-list homepageCards">
		<div class="container" id="like-id">
			<div><h2>LES fromageries POUR BIEN MANGER</h2></div>
			<div class="row restorent_sec">
									<div class="col-lg-3 restorent_one main-box">
						<a class="home-img" href="/stored-1">
							
							<img 
								src="https://media.friends-and-food.com/imgStores/1/small/store-1-fromagerie-lecoq.avif"  
								data-src="https://media.friends-and-food.com/imgStores/1/medium/store-1-fromagerie-lecoq.avif" 
				
																width="200" height="200" 
								alt="Fromagerie Lecoq" 
								class="img-vertical-lazy" 
							/>
						</a>
															<a href="/user/login" class="like"></a>
													<div class="restro_desc img-shadow">
							<h3>
								<a href="/stored-1">Fromagerie Lecoq</a>
							</h3>
							<p>3 bis rue Copernic
								<br/>
								Nantes,
								France</p>
						</div>
					</div>
									<div class="col-lg-3 restorent_one main-box">
						<a class="home-img" href="/stored-69">
							
							<img 
								src="https://media.friends-and-food.com/imgStores/1/small/store-75-une-normande-a-londres.avif"  
								data-src="https://media.friends-and-food.com/imgStores/1/medium/store-75-une-normande-a-londres.avif" 
				
																width="200" height="200" 
								alt="Une normande à Londres" 
								class="img-vertical-lazy" 
							/>
						</a>
															<a href="/user/login" class="like"></a>
													<div class="restro_desc img-shadow">
							<h3>
								<a href="/stored-69">Une normande à Londres</a>
							</h3>
							<p>9 Stoney St
								<br/>
								Londres,
								United Kingdom</p>
						</div>
					</div>
									<div class="col-lg-3 restorent_one main-box">
						<a class="home-img" href="/stored-70">
							
							<img 
								src="https://media.friends-and-food.com/imgStores/1/small/store-76-i-j-mellis-cheesemonger.avif"  
								data-src="https://media.friends-and-food.com/imgStores/1/medium/store-76-i-j-mellis-cheesemonger.avif" 
				
																width="200" height="200" 
								alt="I.J. Mellis Cheesemonger" 
								class="img-vertical-lazy" 
							/>
						</a>
															<a href="/user/login" class="like"></a>
													<div class="restro_desc img-shadow">
							<h3>
								<a href="/stored-70">I.J. Mellis Cheesemonger</a>
							</h3>
							<p>A, 30 Victoria Street
								<br/>
								Edinburgh,
								Royaume-Uni</p>
						</div>
					</div>
									<div class="col-lg-3 restorent_one main-box">
						<a class="home-img" href="/stored-192">
							
							<img 
								src="https://media.friends-and-food.com/imgStores/1/small/store-201-ferme-de-montchervet.avif"  
								data-src="https://media.friends-and-food.com/imgStores/1/medium/store-201-ferme-de-montchervet.avif" 
				
																width="200" height="200" 
								alt="Ferme de Montchervet" 
								class="img-vertical-lazy" 
							/>
						</a>
															<a href="/user/login" class="like"></a>
													<div class="restro_desc img-shadow">
							<h3>
								<a href="/stored-192">Ferme de Montchervet</a>
							</h3>
							<p>LIEU DIT MONTCHERVET
								<br/>
								Amplepuis (69550),
								France</p>
						</div>
					</div>
							</div>
			<div class="pagignation pagination-withwrap">
				<div class="btn-seemore">
					<a href="/store-1-fromagerie" class="seemorebtn"> Voir plus de fromageries <i class="fa fa-arrow-right" aria-hidden="true"></i></a>
				</div>
			</div>
		</div>
	</section>

            	<section class="restorent_list homepage-list homepageCards">
		<div class="container" id="like-id">
			<div><h2>LES boucheries POUR BIEN MANGER</h2></div>
			<div class="row restorent_sec">
									<div class="col-lg-3 restorent_one main-box">
						<a class="home-img" href="/stored-61">
							
							<img 
								src="https://media.friends-and-food.com/imgStores/2/small/store-67-des-poules-et-des-vignes-a-bourgueil.avif"  
								data-src="https://media.friends-and-food.com/imgStores/2/medium/store-67-des-poules-et-des-vignes-a-bourgueil.avif" 
				
																width="200" height="200" 
								alt="Des Poules et des Vignes à Bourgueil" 
								class="img-vertical-lazy" 
							/>
						</a>
															<a href="/user/login" class="like"></a>
													<div class="restro_desc img-shadow">
							<h3>
								<a href="/stored-61">Des Poules et des Vignes à Bourgueil</a>
							</h3>
							<p>19 rue Galotiere
								<br/>
								Ingrandes de touraine,
								France</p>
						</div>
					</div>
									<div class="col-lg-3 restorent_one main-box">
						<a class="home-img" href="/stored-72">
							
							<img 
								src="https://media.friends-and-food.com/imgStores/2/small/store-78-beaugrain-les-viandes-bien-elevees.avif"  
								data-src="https://media.friends-and-food.com/imgStores/2/medium/store-78-beaugrain-les-viandes-bien-elevees.avif" 
				
																width="200" height="200" 
								alt="BEAUGRAIN, les viandes bien élevées" 
								class="img-vertical-lazy" 
							/>
						</a>
															<a href="/user/login" class="like"></a>
													<div class="restro_desc img-shadow">
							<h3>
								<a href="/stored-72">BEAUGRAIN, les viandes bien élevées</a>
							</h3>
							<p>10 rue de Rennes, CP 345, Bâtiment D6
								<br/>
								Rungis,
								France</p>
						</div>
					</div>
									<div class="col-lg-3 restorent_one main-box">
						<a class="home-img" href="/stored-73">
							
							<img 
								src="https://media.friends-and-food.com/imgStores/4/small/store-79-l-armoire-a-conserves.avif"  
								data-src="https://media.friends-and-food.com/imgStores/4/medium/store-79-l-armoire-a-conserves.avif" 
				
																width="200" height="200" 
								alt="L&#039;Armoire à Conserves" 
								class="img-vertical-lazy" 
							/>
						</a>
															<a href="/user/login" class="like"></a>
													<div class="restro_desc img-shadow">
							<h3>
								<a href="/stored-73">L&#039;Armoire à Conserves</a>
							</h3>
							<p>2466 route de Chanchon
								<br/>
								Castets,
								France</p>
						</div>
					</div>
									<div class="col-lg-3 restorent_one main-box">
						<a class="home-img" href="/stored-135">
							
							<img 
								src="https://media.friends-and-food.com/imgStores/2/small/store-141-la-ferme-grandvillain.avif"  
								data-src="https://media.friends-and-food.com/imgStores/2/medium/store-141-la-ferme-grandvillain.avif" 
				
																width="200" height="200" 
								alt="La ferme Grandvillain" 
								class="img-vertical-lazy" 
							/>
						</a>
															<a href="/user/login" class="like"></a>
													<div class="restro_desc img-shadow">
							<h3>
								<a href="/stored-135">La ferme Grandvillain</a>
							</h3>
							<p>1 rue du Stade
								<br/>
								Orgeres en beauce (28140),
								France</p>
						</div>
					</div>
							</div>
			<div class="pagignation pagination-withwrap">
				<div class="btn-seemore">
					<a href="/store-2-boucherie" class="seemorebtn"> Voir plus de boucheries <i class="fa fa-arrow-right" aria-hidden="true"></i></a>
				</div>
			</div>
		</div>
	</section>

            	<section class="restorent_list homepage-list homepageCards">
		<div class="container" id="like-id">
			<div><h2>LES poissonneries POUR BIEN MANGER</h2></div>
			<div class="row restorent_sec">
									<div class="col-lg-3 restorent_one main-box">
						<a class="home-img" href="/stored-100">
							
							<img 
								src="https://media.friends-and-food.com/imgStores/3/small/store-106-poissonnerie-le-marlin.avif"  
								data-src="https://media.friends-and-food.com/imgStores/3/medium/store-106-poissonnerie-le-marlin.avif" 
				
																width="200" height="200" 
								alt="Poissonnerie Le Marlin" 
								class="img-vertical-lazy" 
							/>
						</a>
															<a href="/user/login" class="like"></a>
													<div class="restro_desc img-shadow">
							<h3>
								<a href="/stored-100">Poissonnerie Le Marlin</a>
							</h3>
							<p>1 avenue de plan de campagne
								<br/>
								Les pennes mirabeau (13170),
								France</p>
						</div>
					</div>
									<div class="col-lg-3 restorent_one main-box">
						<a class="home-img" href="/stored-101">
							
							<img 
								src="https://media.friends-and-food.com/imgStores/3/small/store-107-godaille-de-l-armement-cherbourgeois.avif"  
								data-src="https://media.friends-and-food.com/imgStores/3/medium/store-107-godaille-de-l-armement-cherbourgeois.avif" 
				
																width="200" height="200" 
								alt="Godaille de l&#039;Armement Cherbourgeois" 
								class="img-vertical-lazy" 
							/>
						</a>
															<a href="/user/login" class="like"></a>
													<div class="restro_desc img-shadow">
							<h3>
								<a href="/stored-101">Godaille de l&#039;Armement Cherbourgeois</a>
							</h3>
							<p>Centre de Marée Quai Alexandre III
								<br/>
								Cherbourg (50100),
								France</p>
						</div>
					</div>
									<div class="col-lg-3 restorent_one main-box">
						<a class="home-img" href="/stored-102">
							
							<img 
								src="https://media.friends-and-food.com/imgStores/3/small/store-108-aquadis-naturellement.avif"  
								data-src="https://media.friends-and-food.com/imgStores/3/medium/store-108-aquadis-naturellement.avif" 
				
																width="200" height="200" 
								alt="Aquadis Naturellement" 
								class="img-vertical-lazy" 
							/>
						</a>
															<a href="/user/login" class="like"></a>
													<div class="restro_desc img-shadow">
							<h3>
								<a href="/stored-102">Aquadis Naturellement</a>
							</h3>
							<p>LANORGANT
								<br/>
								Plouvorn (29420),
								France</p>
						</div>
					</div>
									<div class="col-lg-3 restorent_one main-box">
						<a class="home-img" href="/stored-103">
							
							<img 
								src="https://media.friends-and-food.com/imgStores/3/small/store-109-l-atelier-d-oleron-eric-gaboriau.avif"  
								data-src="https://media.friends-and-food.com/imgStores/3/medium/store-109-l-atelier-d-oleron-eric-gaboriau.avif" 
				
																width="200" height="200" 
								alt="L&#039;atelier D&#039;Oléron - Eric Gaboriau" 
								class="img-vertical-lazy" 
							/>
						</a>
															<a href="/user/login" class="like"></a>
													<div class="restro_desc img-shadow">
							<h3>
								<a href="/stored-103">L&#039;atelier D&#039;Oléron - Eric Gaboriau</a>
							</h3>
							<p>impasse des pêcheurs
								<br/>
								Dolus d oleron (17550),
								France</p>
						</div>
					</div>
							</div>
			<div class="pagignation pagination-withwrap">
				<div class="btn-seemore">
					<a href="/store-3-poissonnerie" class="seemorebtn"> Voir plus de poissonneries <i class="fa fa-arrow-right" aria-hidden="true"></i></a>
				</div>
			</div>
		</div>
	</section>

            	<section class="restorent_list homepage-list homepageCards">
		<div class="container" id="like-id">
			<div><h2>LES charcuteries POUR BIEN MANGER</h2></div>
			<div class="row restorent_sec">
									<div class="col-lg-3 restorent_one main-box">
						<a class="home-img" href="/stored-545">
							
							<img 
								src="https://media.friends-and-food.com/imgStores/4/small/store-554-maison-balme-lille.avif"  
								data-src="https://media.friends-and-food.com/imgStores/4/medium/store-554-maison-balme-lille.avif" 
				
																width="200" height="200" 
								alt="Maison Balme Lille" 
								class="img-vertical-lazy" 
							/>
						</a>
															<a href="/user/login" class="like"></a>
													<div class="restro_desc img-shadow">
							<h3>
								<a href="/stored-545">Maison Balme Lille</a>
							</h3>
							<p>64 allée des Mannequins
								<br/>
								Villeneuve d&#039;ascq (59650),
								France</p>
						</div>
					</div>
									<div class="col-lg-3 restorent_one main-box">
						<a class="home-img" href="/stored-546">
							
							<img 
								src="https://media.friends-and-food.com/imgStores/4/small/store-555-les-fermieres.avif"  
								data-src="https://media.friends-and-food.com/imgStores/4/medium/store-555-les-fermieres.avif" 
				
																width="200" height="200" 
								alt="Les Fermières" 
								class="img-vertical-lazy" 
							/>
						</a>
															<a href="/user/login" class="like"></a>
													<div class="restro_desc img-shadow">
							<h3>
								<a href="/stored-546">Les Fermières</a>
							</h3>
							<p>32 place des Ailes
								<br/>
								Boulogne billancourt (92100),
								France</p>
						</div>
					</div>
									<div class="col-lg-3 restorent_one main-box">
						<a class="home-img" href="/stored-547">
							
							<img 
								src="https://media.friends-and-food.com/imgStores/4/small/store-556-maille-madeleine.avif"  
								data-src="https://media.friends-and-food.com/imgStores/4/medium/store-556-maille-madeleine.avif" 
				
																width="200" height="200" 
								alt="Maille Madeleine" 
								class="img-vertical-lazy" 
							/>
						</a>
															<a href="/user/login" class="like"></a>
													<div class="restro_desc img-shadow">
							<h3>
								<a href="/stored-547">Maille Madeleine</a>
							</h3>
							<p>6 Place de la Madeleine
								<br/>
								Paris 08 (75008),
								France</p>
						</div>
					</div>
									<div class="col-lg-3 restorent_one main-box">
						<a class="home-img" href="/stored-548">
							
							<img 
								src="https://media.friends-and-food.com/imgStores/4/small/store-557-epicerie-maison-m.avif"  
								data-src="https://media.friends-and-food.com/imgStores/4/medium/store-557-epicerie-maison-m.avif" 
				
																width="200" height="200" 
								alt="Épicerie Maison M" 
								class="img-vertical-lazy" 
							/>
						</a>
															<a href="/user/login" class="like"></a>
													<div class="restro_desc img-shadow">
							<h3>
								<a href="/stored-548">Épicerie Maison M</a>
							</h3>
							<p>19 rue Poncelet
								<br/>
								Paris 17 (75017),
								France</p>
						</div>
					</div>
							</div>
			<div class="pagignation pagination-withwrap">
				<div class="btn-seemore">
					<a href="/store-4-charcuterie" class="seemorebtn"> Voir plus de charcuteries <i class="fa fa-arrow-right" aria-hidden="true"></i></a>
				</div>
			</div>
		</div>
	</section>

            	<section class="restorent_list homepage-list homepageCards">
		<div class="container" id="like-id">
			<div><h2>LES fruits et légumes POUR BIEN MANGER</h2></div>
			<div class="row restorent_sec">
									<div class="col-lg-3 restorent_one main-box">
						<a class="home-img" href="/stored-42">
							
							<img 
								src="https://media.friends-and-food.com/imgStores/5/small/store-48-maison-bayard.avif"  
								data-src="https://media.friends-and-food.com/imgStores/5/medium/store-48-maison-bayard.avif" 
				
																width="200" height="200" 
								alt="Maison Bayard" 
								class="img-vertical-lazy" 
							/>
						</a>
															<a href="/user/login" class="like"></a>
													<div class="restro_desc img-shadow">
							<h3>
								<a href="/stored-42">Maison Bayard</a>
							</h3>
							<p>12 rue de la justice
								<br/>
								Laucourt,
								France</p>
						</div>
					</div>
									<div class="col-lg-3 restorent_one main-box">
						<a class="home-img" href="/stored-43">
							
							<img 
								src="https://media.friends-and-food.com/imgStores/5/small/store-49-la-ferme-du-bois-ramard.avif"  
								data-src="https://media.friends-and-food.com/imgStores/5/medium/store-49-la-ferme-du-bois-ramard.avif" 
				
																width="200" height="200" 
								alt="La Ferme du Bois Ramard" 
								class="img-vertical-lazy" 
							/>
						</a>
															<a href="/user/login" class="like"></a>
													<div class="restro_desc img-shadow">
							<h3>
								<a href="/stored-43">La Ferme du Bois Ramard</a>
							</h3>
							<p>3 Bois Ramard
								<br/>
								Charny orée de puisaye,
								France</p>
						</div>
					</div>
									<div class="col-lg-3 restorent_one main-box">
						<a class="home-img" href="/stored-44">
							
							<img 
								src="https://media.friends-and-food.com/imgStores/5/small/store-50-cocotte-et-potiron.avif"  
								data-src="https://media.friends-and-food.com/imgStores/5/medium/store-50-cocotte-et-potiron.avif" 
				
																width="200" height="200" 
								alt="Cocotte et Potiron" 
								class="img-vertical-lazy" 
							/>
						</a>
															<a href="/user/login" class="like"></a>
													<div class="restro_desc img-shadow">
							<h3>
								<a href="/stored-44">Cocotte et Potiron</a>
							</h3>
							<p>1572 chemin de la plaine
								<br/>
								Thil,
								France</p>
						</div>
					</div>
									<div class="col-lg-3 restorent_one main-box">
						<a class="home-img" href="/stored-45">
							
							<img 
								src="https://media.friends-and-food.com/imgStores/5/small/store-51-langevine.avif"  
								data-src="https://media.friends-and-food.com/imgStores/5/medium/store-51-langevine.avif" 
				
																width="200" height="200" 
								alt="Langevine" 
								class="img-vertical-lazy" 
							/>
						</a>
															<a href="/user/login" class="like"></a>
													<div class="restro_desc img-shadow">
							<h3>
								<a href="/stored-45">Langevine</a>
							</h3>
							<p>Les Barres
								<br/>
								Longué-jumelles,
								France</p>
						</div>
					</div>
							</div>
			<div class="pagignation pagination-withwrap">
				<div class="btn-seemore">
					<a href="/store-5-fruits-et-legumes" class="seemorebtn"> Voir plus de fruits et légumes <i class="fa fa-arrow-right" aria-hidden="true"></i></a>
				</div>
			</div>
		</div>
	</section>

                <section class="restorent_list homepage-list">
                                                    <div class="container"> <h2>
                    Questions fréquentes
                </h2>
                <div class="row">
                                        <div class="col-md-12 faq" id="faq-section">
                                                    <div class="container-faq">
                                <div class="faq-question">
                                    Comment faire des pancakes
                                    ?
                                    							
                                </div>
                                <div class="answercont">
                                    <div class="faq-answer">
                                                                                    Pour faire des pancakes, tamisez la farine et la levure chimique pour éviter les grumeaux avant d&#039;ajouter des oeufs bien frais, du lait et du sucre. Parfumez avec de la cannelle, de la vanille, de l&#039;eau de fleur d&#039;oranger ou autres. Utilisez une poêle antiadhésive ou graissez la poêle pour éviter que la pâte reste collée lors de la cuisson.
                                                                            </div>
                                </div>
                            </div>
                                                    <div class="container-faq">
                                <div class="faq-question">
                                    Comment faire des oeufs brouillés
                                    ?
                                    							
                                </div>
                                <div class="answercont">
                                    <div class="faq-answer">
                                                                                    Pour faire des oeufs brouillés, comptez 2 oeufs par personne. Utilisez une poêle antiadhésive pour la cuisson. Faites cuire la brouillade à feu doux pour éviter la formation d&#039;une croûte brune. Mélangez sans cesse en allant des bords vers le milieu. Les oeufs brouillés sont prêts lorsqu&#039;ils sont bien pris tout en étant crémeux.
                                                                            </div>
                                </div>
                            </div>
                                                    <div class="container-faq">
                                <div class="faq-question">
                                    Comment ouvrir une bouteille de vin sans tire bouchon
                                    ?
                                    							
                                </div>
                                <div class="answercont">
                                    <div class="faq-answer">
                                                                                    Pour ouvrir une bouteille de vin sans tire-bouchon, vissez une vis dans le bouchon avant de la tirer avec une pince. Vous pouvez aussi y enfoncer profondément la lame d&#039;un couteau avant de faire tourner la bouteille sur elle-même jusqu&#039;à ce que le bouchon sorte. Une autre astuce consiste à placer la bouteille au niveau du talon d&#039;une chaussure. Tapez ensuite la chaussure contre une surface dure de manière à faire sortir petit à petit le bouchon.
                                                                            </div>
                                </div>
                            </div>
                                                    <div class="container-faq">
                                <div class="faq-question">
                                    Comment faire des oeufs pochés
                                    ?
                                    							
                                </div>
                                <div class="answercont">
                                    <div class="faq-answer">
                                                                                    Pour faire des oeufs pochés, utilisez des oeufs extra-frais. Utilisez une petite tasse ou une louche pour les déposer délicatement dans la casserole. Faites bouillir l&#039;eau et réduisez-le feu pour qu&#039;elle reste chaude, sans frémir ni bouillir. Ajoutez 1 cuillère à café de vinaigre blanc dans l&#039;eau pour favoriser la coagulation du blanc. Faites cuire les oeufs pochés pendant 2 min pour des petits oeufs, 2 min 30 pour une taille moyenne et 3 min pour de gros oeufs.
                                                                            </div>
                                </div>
                            </div>
                                                    <div class="container-faq">
                                <div class="faq-question">
                                    Comment faire des oeufs à la coque
                                    ?
                                    							
                                </div>
                                <div class="answercont">
                                    <div class="faq-answer">
                                                                                    Pour faire des oeufs à la coque, sortez les oeufs du réfrigérateur au moins 30 minutes avant la préparation. Comptez un temps de cuisson de 3 minutes dans de l&#039;eau bouillante. Sortez-les aussitôt et plongez-les dans un bol d&#039;eau glacée pour arrêter la cuisson.
                                                                            </div>
                                </div>
                            </div>
                                            </div>
                    <div class="pagignation pagination-withwrap">
                        <div class="btn-seemore">
                            <a href="/faq" class="seemorebtn">
                                Voir plus de
                                Questions fréquentes
                                <i class="fa fa-arrow-right" aria-hidden="true"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <style>
		.recipes {
			display: block !important;
		}
		.success-msg p {
			text-align: left;
			padding: 10px 20px;
			margin: 10px 30px;
			border: 1px solid #27465c;
			font-weight: bold;
			border-radius: 10px;
			color: #27465c;
		}
		.close-success-msg {
			float: right;
			cursor: pointer;
			color: #fff;
			background: #27465c;
			padding: 1px 6px;
			border-radius: 50%;
		}
		#faq-section {
			margin-bottom: 30px;
		}
		.recipe-list {
			margin-top: 14px;
		}
		.recipe-list h2 {
			padding-bottom: 0;
		}
		.faq-section {
			margin-bottom: 30px;
		}
		.homeRestLike {
			position: absolute;
			top: 15px;
			right: 0px !important;
			color: #ffffff;
			font-size: 10px;
			background: url(https://st.friends-and-food.com/img/like.png);
			width: 40px;
			height: 40px;
			background-size: 25px 23px;
			background-repeat: no-repeat;
		}
	</style>

				<div class="container foodsection"> 
				<div class="row">
					<div class="col-xl-8 col-sm-12 fooodmenu"></div>
					<div class="col-xl-4 col-sm-12">
					<div class="greenback">
						<h3>Ajouter votre propre recette</h3>
						<a href="/post-recipe" class="add-upload-recipie-btn">Déposer une recette<i class="fa fa-arrow-right" aria-hidden="true"></i>
						</a>
					</div>
					</div>
					<div class="col-lg-3 col-md-12">
						<div class="logo col-lg-12">
							<a href="/"></a>
						</div>
					</div>
				</div>
			</div>
			<div class="container pt-4">
				<div class="row">
	<div class="col-lg-12">
		<div class="ingredients-index">
			<strong>Index des ingrédients </strong>
			<ul>
				<li><a href="/ingredients/a">a</a></li>
				<li><a href="/ingredients/b">b</a></li>
				<li><a href="/ingredients/c">c</a></li>
				<li><a href="/ingredients/d">d</a></li>
				<li><a href="/ingredients/e">e</a></li>
				<li><a href="/ingredients/f">f</a></li>
				<li><a href="/ingredients/g">g</a></li>
				<li><a href="/ingredients/h">h</a></li>
				<li><a href="/ingredients/i">i</a></li>
				<li><a href="/ingredients/j">j</a></li>
				<li><a href="/ingredients/k">k</a></li>
				<li><a href="/ingredients/l">l</a></li>
				<li><a href="/ingredients/m">m</a></li>
				<li><a href="/ingredients/n">n</a></li>
				<li><a href="/ingredients/o">o</a></li>
				<li><a href="/ingredients/p">p</a></li>
				<li><a href="/ingredients/q">q</a></li>
				<li><a href="/ingredients/r">r</a></li>
				<li><a href="/ingredients/s">s</a></li>
				<li><a href="/ingredients/t">t</a></li>
				<li><a href="/ingredients/u">u</a></li>
				<li><a href="/ingredients/v">v</a></li>
				<li><a href="/ingredients/w">w</a></li>
				<li><a href="/ingredients/x">x</a></li>
				<li><a href="/ingredients/y">y</a></li>
				<li><a href="/ingredients/z">z</a></li>
			</ul>
		</div>
	</div>
</div>
			</div>
				
			<footer>
	<div id="foot">
		<div class="container">
			<div class="row">
				<div class="col-xl-2 footer-logo-box">
					<a href="/"><img src="/img/logowhite.svg" alt="logo"></a>
				</div>
				<div class="col-xl-3">
					<div class="list">
						<div id="experience-recipes" class="dropdown col-sm-12">
							<span>À propos</span>
							<div class="website-links">
								<ul>
									<li><a href="/st-who">Qui sommes-nous ?</a></li>
									<li><a href="/contact">Contactez-nous</a></li>
									<li><a href="/st-cgu">CGU</a></li>
									<li><a href="https://www.familinparis.fr/">Familin’Paris</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xl-4 flag-social-box">
					<span>International</span>
					<div class="d-flex hp-domains-popup">
						<ul>
							<li><a href="https://fr.friends-and-food.com"><img src="https://media.friends-and-food.com/img/languages/fr.jpg" alt="fr flag"></a>
							</li>
							<li><a href="https://es.friends-and-food.com"><img src="https://media.friends-and-food.com/img/languages/es.jpg" alt="es flag"></a>
							</li>
							<li><a href="https://it.friends-and-food.com" lang="it"><img src="https://media.friends-and-food.com/img/languages/it.jpg" alt="it flag"></a>
							</li>
							<li><a href="https://en.friends-and-food.com"><img src="https://media.friends-and-food.com/img/languages/en.jpg" alt="uk flag"></a>
							</li>
							<li><a href="https://de.friends-and-food.com"><img src="https://media.friends-and-food.com/img/languages/de.jpg" alt="de flag"></a>
							</li>
						</ul>
					</div>
					<br>
					<span style="margin-top:25px;">Réseaux sociaux</span>
					<br>
					<a class="social" href=""><img src="/img/social/insta.svg" alt="insta"></a>
					<a class="social" href=""><img src="/img/social/facebook.svg" alt="facebook" /></a>
				</div>
				<div class="app_store col-xl-3">
					<span>Télécharger l’application</span>
					<br>
					<a href=""><img src="/img/android.png" alt="Friends & Food Android"></a>
					<a href=""><img class="app_store" src="/img/app-store.png" alt="Friends & Food App Store"></a>
					<br>
					<span>Newsletter</span>
					<br>
					<div class="col-xl-12 footdown">
						<form name="subscribeUser" id="subscribeNewsletter" method="post">
							<p class="successMsg"></p>
							<input type="text" name="email" class="newsletter-input"
							placeholder=" Votre adresse e-mail" style="
    width: auto; border-radius:0;
" />
							<input type="hidden" name="user_id" class="newsletter-input" value=""
							placeholder=" Votre adresse e-mail"  />
							<input class="tnp-submit" type="submit" id="subscribeUser" value="S'abonner" style="height: 36px;color: #fff;background-color: ;background-color: #444; margin-left: -4px; border-radius:0;">
						</form>
					</div>
				</div>
			</div>
		</div>
</footer>
<script src="https://st.friends-and-food.com/js/jquery-3.6.3.min.js"></script>
<script src="/jsd/global.js "></script>

<script>
$('#subscribeUser').click(function(e){
	e.preventDefault();	
  	var data = $('form').serialize();
	$.ajax({
	    url:"/ajax/subscribe-user",
	    type:"POST",
	    data: data,
	    cache: false,
            processData: false,
	    beforeSend:function(){
		
	    },   
	    success:function(data)
	    {	
	    	$(".successMsg").show();
	    	$(".successMsg").text(data['message']);
	    	$("#subscribeNewsletter")[0].reset();
	    }
	});
})

let faqquestion = document.querySelectorAll(".faq-question");    
    faqquestion.forEach(faqquestion => {
      faqquestion.addEventListener("click", event => {
        const active = document.querySelector(".faq-question.active");
        if(active && active !== faqquestion ) {
          active.classList.toggle("active");
          active.nextElementSibling.style.maxHeight = 0;
        }
        faqquestion.classList.toggle("active");
        const answer =faqquestion.nextElementSibling;
        if(faqquestion.classList.contains("active")){
          answer.style.maxHeight = answer.scrollHeight + "px";
        } else {
          answer.style.maxHeight = 0;
        }
      })
    })
</script>

							<script>
					$(document).ready(function () {

if (localStorage.hasOwnProperty('invite-token')) {
localStorage.removeItem("invite-token");
}

$(".link").on("click", function () {
if ($(this).hasClass("active")) {
$(this).removeClass("active");
$(this).parent("li").find('.submenu').slideUp(200);
$(".link i").removeClass("fa-chevron-up").addClass("fa-chevron-down");
} else {
$(".link i").removeClass("fa-chevron-up").addClass("fa-chevron-down");
$(this).find("i").removeClass("fa-chevron-down").addClass("fa-chevron-up");
$(".link").removeClass("active");
$(this).addClass("active");
$(".submenu").slideUp(200);
$(this).parent("li").find('.submenu').slideDown(200);
}
});
$("#menu-top").click(function () {
$(".sidenav-mobile").addClass("open");
$("body").addClass("fixedbody");
})
$(".closesidenav").click(function () {
$(".sidenav-mobile").removeClass("open");
$("body").removeClass("fixedbody");
})
});
				</script>
				<script>
					$(".hovermenu").hover(function () {

var isHovered = $(this).is(":hover");
if (isHovered) {
$(this).children(".megamenu-wrapper").stop().slideDown(300);
$(this).children(".megamenu-wrapper").addClass('megamenu-wrapper-active');
} else {
$(this).children(".megamenu-wrapper").stop().slideUp(300);
$(this).children(".megamenu-wrapper").removeClass('megamenu-wrapper-active');
}

});

$(document).ready(function () {
$(".wrap-select-category").on("click", ".click-for-select-cate", function () {

$(this).each(function () {
var checkboxes = $(this).find("input:checkbox");
checkboxes.each(function () {
if ($(this).prop("checked")) {
$(this).trigger("click");
}
});
});

$(this).toggleClass("active").next().slideToggle();

$(".show-for-checked").not($(this).next()).slideUp(300);

$(this).parent(".wrap-select-category").siblings().children(".click-for-select-cate").removeClass("active");
});

$(".advance-search-option a").click(function (e) {
e.preventDefault();
$(".wrap-mob-tabs").fadeToggle(1000);
$(this).toggleClass("plus-icon");
});


});
$(document).ready(function () {
$('.meals_select input').click(function () {
$('.wrap-mob-tabs .wrap-select-category').each(function () {
if ($(this).hasClass('meals_select') == false) {
$(this).find('.flex').each(function () {
var that = this;
$(that).find('input').prop('checked', false);
})
}
})
});

$('.special_select input').click(function () {
$('.wrap-mob-tabs .wrap-select-category').each(function () {
if ($(this).hasClass('special_select') == false) {
$(this).find('.flex').each(function () {
var that = this;
$(that).find('input').prop('checked', false);
})
}
})
});

$('.ingredients_select input').click(function () {
$('.wrap-mob-tabs .wrap-select-category').each(function () {
if ($(this).hasClass('ingredients_select') == false) {
$(this).find('.flex').each(function () {
var that = this;
$(that).find('input').prop('checked', false);
})
}
})
});

$('.seasons_select input').click(function () {
$('.wrap-mob-tabs .wrap-select-category').each(function () {
if ($(this).hasClass('seasons_select') == false) {
$(this).find('.flex').each(function () {
var that = this;
$(that).find('input').prop('checked', false);
})
}
})
});

$('.rtype_select input').click(function () {
$('.wrap-mob-tabs .wrap-select-category').each(function () {
if ($(this).hasClass('rtype_select') == false) {
$(this).find('.flex').each(function () {
var that = this;
$(that).find('input').prop('checked', false);
})
}
})
});
});
</script>
<script>
function validateForm() {
var lenmsg = "";
var searchvalue = document.forms["searchform"]["q"].value;
var searchval = searchvalue.replace(/\s+/g, " ");
var str = ret = searchval.toLowerCase().trim();
var ret = searchval.toLowerCase().trim().split(" ");
var len = ret.length;
if (len == 1) {
if (str.length < 3) {
lenmsg = "You must write at least 3 characters";
$("#errmsg").html(lenmsg);
return false;
}
}
}
$(document).ready(function () {
$("#search-keyword").keyup(function () {
var lenmsg = "";
var searchvalue = document.forms["searchform"]["q"].value;
var searchval = searchvalue.replace(/\s+/g, " ");
var str = ret = searchval.toLowerCase().trim();
var ret = searchval.toLowerCase().trim().split(" ");
var len = ret.length;
if (len == 1) {
if (str.length < 3) {
lenmsg = "You must write at least 3 characters";
$("#errmsg").html(lenmsg);
return false;
} else {
$("#errmsg").html("");
}
} else if (len == 1) {
$("#errmsg").html("");
}
$.ajax({
type: "POST",
url: "/ajax/recipes/searchrecipes",
data: 'q=' + $(this).val(),
success: function (data) {
$("#suggesstion-box").show();
$("#suggesstion-box").html(data);
$("#search-box").css("background", "#FFF");
}
});
});
});
function selectCountry(val) {
$("#search-keyword").val(val);
$("#suggesstion-box").hide();
}
$(document).on("click", function () {
$("#suggesstion-box").hide();
});


$('.like').click(function() {
		var that = this.id;
		console.log("/ajax/recipe/like/"+that);
    	 $.ajax({
    	
	          url:"/ajax/recipe/like/"+that,
	          type: "POST",                
	          data: {	              
	              "id": ""             
	          },               
	          success: function(data)
	          {
				if(data==1)
				{
					$("#"+that).css("background-image", "url(/img/book-hover.png)");
				}
	          }
	      });
 });
 
 
 $('.homeRestLike').click(function() {
	var that = this.id;
	console.log("/ajax/restaurant/like/"+that);
		$.ajax({
			url:"/ajax/restaurant/like/"+that,
			type: "POST",                
			data: {	              
				"id": ""             
			},               
			success: function(data)
			{
			if(data==1)
			{
				$("#"+that).css("background-image", "url(/img/book-hover.png)");
			}
			}
		});		
 });
</script>
</body>
</html>
