﻿<HTML>
<HEAD>
<TITLE>Gite u Fragnonu</TITLE>

<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control: no-store" CONTENT="no-cache.must-revalidate">
<Style type="text/css">
<!--
BODY { background:#A59687; color:#FFFFFF; font-family:Verdana;sans-serif; font-size:9pt; padding-left: 10px;}
.TrCenter { background:#A59687; color:##FFFFFF; font-family:verdana; font-size:9pt; text-align: Center; padding-left: 5px; align: center;}
.TrOddR {background:#A59687; color:##FFFFFF; font-family:verdana; font-size:9pt; text-align: right; padding-right: 5px; align: right;}
.TrOddL { background:#A59687; color:##FFFFFF; font-family:verdana; font-size:9pt; text-align: left; padding-left: 5px; align: left;}
.TrRowL { background:#666666; color:#FFFFFF; font-family:verdana; font-size:9pt; text-align: left; padding-left: 5px; align: left;}
.TrRowC { background:#666666; color:#FFFFFF; font-family:verdana; font-size:9pt; text-align: center; padding-left: 5px; align: center;}
.TbFooter {background:#666666; align="Center"; width="95%"; Border=0px;}
.TrFooter { background:#666666; color:#FFFFFF; font-family:verdana; font-size:9pt; text-align:Center; padding-left: 5px;}

.THRowC { background:#663300; color:#FFFFFF; font-family:verdana; font-size:9pt; text-align: center; padding-left: 5px; align: center;}
.TrOdd1 { background:#A59687; color:##FFFFFF; font-family:verdana; font-size:8pt; text-align: Center; padding-left: 5px; align: Center;}
.Trodd2 { background:#666666; color:##FFFFFF; font-family:verdana; font-size:8pt; text-align: center; padding-left: 5px; align: Center;}

TH {background:#663300;color:#FFFFFF;font-family:verdana; font-size:9pt; text-align: center; padding-left: 5px; align: center;} 

H2 {background:#A59687; color:#FFFFFF; font-family:verdana; font-size:20pt text-align:center; }
H3 {background:#A59687; color:#993333; font-family:verdana; font-size:18pt; text-align:left; }
H4 {background:#666666; color:#ffffff; font-family:verdana; font-size:12pt; text-align:left; }
P { background:#A59687; color:#FFFFFF; font-family:verdana; font-size:10pt; text-align:left; }
.PCenter { background:#A59687; color:#FFFFFF; font-family:verdana; font-size:11pt; text-align:Center; }

*{
   margin:0; /* Annule toutes les marges par défaut, étant différentes selon les navigateurs et pour une meilleure compatibilité */
   padding:0; /* Annule tous les remplissages par défaut, étant différents selon les navigateurs et pour une meilleure compatibilité */
}
a{
   outline:0; /* Supprime la bordure à l'activation du lien */
   color:#FFFFFF;
}
   a.link, a:visited, a:hover{
   color:#FFFFFF;
   font-family:arial,sans-serif;
   font-weight:bold; /* Met le texte du menu en gras, à supprimer si vous n'en voulez pas */
   }

label {
  display: block;
  font-family:verdana,sans-serif;
  font-size:11pt;
  color:#ffFFff;
  height: 20px;
}
input[type="text"] {
 width: 250px; //ici la largeur
}

input[type="date"] {
 width: 100px; //ici la largeur
 height: 40px;
}
 
input[type="Email"] {
width: 250px;
}
input[type="number"] {
width: 40px;
text-align: Center;
font-family:verdana,sans-serif;
font-size:10pt;

}
input[type="tel"] {
width: 140px;
}
input[type="submit"]
{
height: 25px;
font-family:Arial, Helvetica, sans-serif;	
font-size:12pt;
width: 200px; 
}
-->

</STYLE>

</HEAD>

<BODY>

<TABLE BORDER="0" Width="98%" ALIGN="CENTER" CLASS="TrCenter">
 <TR>
   <TD Class="TrCenter" VAlign="TOP" WIDTH = "100%" CELLSPACING="0">
		   <a href="accueil.shtml"><IMG WIDTH = "90%" VAlign="TOP" SRC="/imgs/Wellcome.png"></IMG></A>
		   <H2>UN VILLAGE AUTHENTIQUE AU COEUR DE L'ALTA ROCCA</H2><BR>
		   
	</TD>
 </TR>
 <TR>
   <TD Class="TrCenter" VAlign="TOP" WIDTH = "100%" CELLSPACING="0">
     <TABLE BORDER="0" Width="95%" ALIGN="CENTER" >    
	  <TR>
	   <TD Class="TrCenter" VAlign="TOP" WIDTH = "100%" CELLSPACING="0">
	     <IMG ALIGN="CENTER" WIDTH="100%" SRC="/imgs/gite_640.jpg" "></IMG>
	   </TD>
	  <TR> 
      <TR>
                 <TD Class="TrFooter" Width="95%" Alin="CENTER">
           <A HREF="/accueil.shtml">Acceuil&nbsp;|</A>
           <A HREF="/MareEMare.shtml">Mare & Mare&nbsp;|</A>
           <A HREF="/Patrimoine.shtml">Patrimoine&nbsp;|</A>
           <A HREF="/Randonnees.shtml">Randonn&eacute;es&nbsp;|</A>
		   <A HREF="/webargite.exe">R&eacute;server votre s&eacute;jour&nbsp;|</A>
           <A HREF="https://tallano.fr" Target="Blanck">La Mairie&nbsp;</A>
         </TD>


      </TR>
	 </TABLE> 
	<TD> 
 </TR>
 <TR>
		<TD WIDTH = "100%" CLASS="TrCenter">
		 <H2>Votre demande d'h&eacute;bergement au g&#xEE;te u Fragnonu&nbsp;</H2>
		 <input type="hidden" name="DEM_ID" value="0">
		</TD>
 </TR>
 <TR>
  <TD WIDTH = "100%" CLASS="TrODDL">
   <FORM NAME="RESA_GITE" Method="POST" action="/webargite.exe/sendform">
   <TABLE BORDER="0" Width="98%" ALIGN="CENTER" CELLSPACING="0" CLASS="TrROWC">
	<TR>
	<TD></TD>
	</TR>
	  <TD>
        <TABLE CLASSE="TrRowC" WIDTH="85%" BORDER ="0" CELLSPACING="0">
        <TR>
            <TD CLASSE="TrRowL" WIDTH="15%">
		    <TD WIDTH = "100%" CLASS="TrRowL" ALIGN="CENTER">
			  Arriv&eacute;e le&nbsp;
			  <input type="date" id="DateFrom" name="edDateFrom" value="2026-06-20" min="2026-06-20" max="2026-10-30" REQUIRED/>
			  D&eacute;part le&nbsp;
			  <input type="date" id="DateTo" name="edDateTo" value="2026-06-21" min="2026-06-21" max="2026-10-31"/>&nbsp;
			  <A HREF="/webargite.exe/dispos">Périodes disponibles</A>
		    </TD>

        </TR>

        <TR>
            <TD CLASSE="TrRowL" WIDTH="15%">
            <TD CLASSE="TrRowL" WIDTH="85%" ALIGN="LEFT"><BR>
              <input type="Number" id="ResPax" name="edResPax" required value="1" SIZE="20" min="1" MAX="30"/>&nbsp;Personnes, dont&nbsp;
              <input type="Number" id="edResChild" name="ResChild" required value="0" SIZE="20" min="0" MAX="29"/> enfant(s) moins de 15ans*<br>
              <small align="left">*les enfants de moins de 15 ans sont exon&eacute;r&eacute;s de taxe de s&eacute;jour (&nbsp;0,88 &#x20AC)</small><br><br>&nbsp;
			  <B>H&eacute;bergement*, petit d&eacute;jeuner inclus </B> &nbsp;
            </TD>

        </TR>

        <TR>
            <TD CLASSE="TrRowL" WIDTH="30%">
            <TD CLASSE="TrRowL" WIDTH="70%" Border ="0" ALIGN="LEFT">
			
             <DIV>
                <label for="HChoice1"><input type="radio" id="HChoice1" name="edHebergement" value="1" Checked/> Demi pension&nbsp;55,00 &#x20AC</LABEL>
                <label for="HChoice2"><input type="radio" id="HChoice0" name="edHebergement" value="0" /> Nuit + Petit d&eacute;jeuner 40,00 &#x20AC</LABEL>
			 </DIV>
			 
            </TD>
        </TR>

        <TR>
            <TD CLASSE="TrRowL" WIDTH="15%">
            <TD CLASSE="TrRowL" WIDTH="85%">
                <input type="Number" id="edResDraps" name="edResDraps" value="0" SIZE="20" min="0" MAX="30"/>&nbsp;Draps et serviettes :&nbsp;5,00 &#x20AC 
             </TD>

        </TR>
        <TR>
           <TD CLASSE="TrRowL" WIDTH="15%">
           <TD CLASSE="TrRowL" WIDTH="85%">
                <input type="Number" id=ed"ResPicNic" name="edResPicNic" value="0" SIZE="20" min="0" MAX="30"/>&nbsp;Panier-repas &agrave; emporter :&nbsp;9,00 &#x20AC<BR>&nbsp;
             </TD>

        </TR>

        <TR>
            <TD CLASSE="TrRowL" WIDTH="15%">
            <TD CLASSE="TrRowL" WIDTH="85%">
                Nom & pr&eacute;nom (ou nom du groupe) :&nbsp;<BR>
                <input type="Text" id="ResName" name="edResName" required value="" SIZE="140"/>
            </TD>

        </TR>
        <TR>
            <TD CLASSE="TrRowL" WIDTH="15%">
            <TD CLASSE="TrRowL" WIDTH="85%">
                Votre adresse Mail :&nbsp;<BR>
                <input type="Email" id="ResMail" name="edResMail" required value=""/>
            </TD>
        </TR>
        <TR>
            <TD CLASSE="TrRowL" WIDTH="15%">
            <TD CLASSE="TrRowL" WIDTH="85%">
                Votre num&eacute;ro de t&eacute;l&eacute;phone :&nbsp;<BR>
                <input type="Tel" id="Phone" name="edResTel" required pattern="^((\+\d{1,3}(-| )?\(?\d\)?(-| )?\d{1,5})|(\(?\d{2,6}\)?))(-| )?(\d{3,4})(-| )?(\d{4})(( x| ext)\d{1,5}){0,1}$" value="" SIZE="120"/>
            </TD>
        </TR>
        <TR>
		    <TD CLASSE="TrRowL" WIDTH="15%">
            <TD WIDTH = "100%" CLASS="TrRowC" vAling="TOP"><BR>
            Au besoin, je joins un commentaire avec ma demande &nbsp;<BR>
            <Textarea id="ResObs" name="edResObs" rows="3" cols="60"></Textarea>
           </TD>
      </TR>
      </TABLE>

	  
	  </TD>
    </TR>	
	   

	<TR>
		<TD WIDTH = "75%" CLASS="TrRowC" COLSPAN="2">
		   <small>*Sous r&eacute;serve de disponibilit&eacute; aux dates demand&eacute;es</Small><BR>
			 <input type="Submit" value="Envoyer" SIZE="40">
		</TD>
	</TR>
   </TABLE>
   </FORM>
  </TD>
 <TR>
  <TD>&nbsp;</TD>
 </TR>

 <TR>
          <TD Class="TrFooter" Width="95%" Alin="CENTER">
           <A HREF="/accueil.shtml">Acceuil&nbsp;|</A>
           <A HREF="/MareEMare.shtml">Mare & Mare&nbsp;|</A>
           <A HREF="/Patrimoine.shtml">Patrimoine&nbsp;|</A>
           <A HREF="/Randonnees.shtml">Randonn&eacute;es&nbsp;|</A>
		   <A HREF="/webargite.exe">R&eacute;server votre s&eacute;jour&nbsp;|</A>
           <A HREF="https://tallano.fr" Target="Blanck">La Mairie&nbsp;</A>
         </TD>


 </TR>

  <TR>
   <TD CLASS="TrFooter" WiDTH="95%" ALIGN="CENTER" >
	<TABLE CLASS "TbFooter" WIDTH="95%" ALIGN = "CENTER" BORDER="0"  CELLSPACING="0">
	 <TR>
	   <TD Class="TrFooter" VAlign="TOP" WIDTH = "100%" PADDING="10">
		<b>Mairie de Sainte Lucie de Tallano</B><br>
		Le village<br>
		20112 Sainte Lucie de Tallano<br>
		<A Href="MentionsLegales.shtml">Mentions l&eacute;gales</A><br>
	   </TD>
	 </TR>
	</TABLE>

   </TD>
  </TR>
</TABLE>
<script>
function isMobileDevice() { 
 if( navigator.userAgent.match(/iPhone/i)
 || navigator.userAgent.match(/webOS/i)
 || navigator.userAgent.match(/Android/i)
 || navigator.userAgent.match(/iPad/i)
 || navigator.userAgent.match(/iPod/i)
 || navigator.userAgent.match(/BlackBerry/i)
 || navigator.userAgent.match(/Windows Phone/i)
 ){
    return true;
  }
 else {
    return false;
  }
}</script>
</BODY>
</HTML>

