<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Famille Lecoutre - Bienvenue à la Ferme de La Lande</title>
		<style type="text/css">
    	<!--
    		body {
    			font: 100% Verdana, Arial, Helvetica, sans-serif;
    			//background: #666666;
    			margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
    			padding: 0;
    			text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
    			color: #000000;
    		}
    		.oneColFixCtr #container {
    			width: 800px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
    			background: #FFFFFF;
    			margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
    			border: 0px solid #000000;
    			text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
    		}
    		.oneColFixCtr #mainContent {
    			padding: 0 20px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
    		}
				#apDiv1 {
					position:absolute;
					width:369px;
					height:437px;
					z-index:1;
					left: 475px;
					top: 97px;
					padding-left: 115px;
					padding-top: 25px;
				}
				.Style1 {
					font-size: small;
					font-family: Arial, Helvetica, sans-serif;
					color: #312c1b;
				}
				.Style2 {
					font-size: x-large;
					font-family: Geneva, Arial, Helvetica, sans-serif;
					color: #809f2a;
				}
				.Style3 {
					font-size: x-large;
					font-family: Arial, Helvetica, sans-serif;
					color: #312c1b;
				}
				.Style4 {color: #809f2a}
				.Style5 {font-size: small; font-family: Arial, Helvetica, sans-serif; color: #e68516; }
				#apDiv2 {
					position:absolute;
					width:136px;
					height:115px;
					z-index:2;
					left: 153px;
					top: 270px;
					padding-left: 15px;
				}
    	-->
		</style>
		<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
		<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
		<style type="text/css">
			<!--
				.Style6 {
					color: #312c1b;
					font-weight: bold;
				}
				#apDiv3 {
					position:absolute;
					width:315px;
					height:19px;
					z-index:3;
					left: 397px;
					top: 610px;
					margin-left: 100px;
				}
				.Style7 {font-size: x-small}
			-->
		</style>
	</head>
	
	<body class="oneColFixCtr">
		
    <div id="apDiv2">
      <ul id="MenuBar1" class="MenuBarVertical">
        <li>
          <div align="left"><a href="index.html" class="Style6">Accueil</a> </div>
        </li>
        <li>
          <div align="left"><a href="gites.html" class="Style6">Nos G&icirc;tes</a></div>
        </li>
        <li>
          <div align="left"><a href="centre.html" class="Style6">Le Centre Equestre</a> </div>
        </li>
        <li>
          <div align="left"><a href="contact.html" class="Style6">Contact</a></div>
        </li>
      </ul>
    </div>
		<div id="container">
      <div id="apDiv1">
        <p align="center" class="Style2">Bienvenue sur le site de </p>
        <p align="center" class="Style3">La Ferme de la L<span class="Style4">a</span>nde</p>
        <p align="justify" class="Style1">Au coeur du village de Rinxent, Marie Louise, Marie Hélène et Stéphane vous accueillent pour une étape inoubliable à la campagne. Située entre Calais et Boulogne, à 3 kms de Marquise, la Ferme de la Lande vous propose des promenades à cheval et des locations de gîtes ruraux.</p>
        <p align="justify" class="Style1">Havre de calme et de verdure, la Ferme de la Lande offre un point de départ idéal pour vos escapades à cheval. Guidés par nos précieux conseils, vous pourrez découvrir tous les trésors de la région Nord Pas-de-Calais.</p>
        <p align="right" class="Style5">Nous vous souhaitons une agréable visite !</p>
        <table width="191" border="0" align="center">
          <tr>
            <!--<td><img src="images/logobienvenue.jpg" width="70" height="79" /></td>-->
            <td align="center"><img src="images/logogite.jpg" width="78" height="79" /></td>
          </tr>
        </table>
        <p align="right" class="Style5">&nbsp;</p>
  		</div>
  		<div class="Style7" id="apDiv3"><a href="plan.html">Plan du site</a> - <a href="mentions.html">mentions légales</a> - <a href="http://www.frconseil.com" target="_blank">création F&R Conseil</a></div>
			<div id="mainContent">
        <h1 align="center"><img src="images/master.jpg" width="760" height="600" /></h1>
			</div><!-- fin de #mainContent -->
    </div><!-- fin de #container -->
		<script type="text/javascript">
			<!--
				var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
			//-->
		</script>
	</body>
</html>�