<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
[ Lien ]">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>passer</title>
<style type="text/css">
<!--
body {
background-color: #000000;
}
.Style5 {
font-family: "Park Avenue";
font-size: 36px;
color: #CC6699;
}
.Style6 {
font-family: "Park Avenue";
color: #6633CC;
}
.Style10 {
font-family: "Park Avenue";
color: #FFFF66;
}
.Style11 {
font-family: "Park Avenue";
color: #FFFF33;
}
.Style12 {
font-family: "Park Avenue";
color: #FFCC33;
}
.Style13 {
font-size: 36px;
color: #0066FF;
font-family: "Park Avenue";
}
.Style17 {color: #FFFF33}
.PORT {
font-family: Vivaldi;
font-size: 16px;
font-style: italic;
font-weight: bold;
color: #0033CC;
text-transform: lowercase;
text-align: center;
}
.Style19 {font-size: 24px}
.Style23 {font-family: "Park Avenue"; color: #00CCFF; font-size: 18px; }
.Style24 {
color: #00CCFF;
font-size: 18px;
}
.Style25 {
font-family: "Park Avenue";
font-size: 18px;
color: #0099CC;
}
.Style28 {color: #00CCFF; font-family: "Park Avenue";}
.Style30 {font-size: 18px; }
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<SCRIPT LANGUAGE="JavaScript">
<!--
function calcul ()
{
var vtotal=0;
if (form1.abeille.checked)
vtotal+=3;
if (form1.abeilledeux.checked)
vtotal+=5;
if (form1.coccinelle.checked)
vtotal+=3;
if (form1.coccinelledeux.checked)
vtotal+=5;
if (form1.cheval.checked)
vtotal+=6;
if (form1.coccinelle.checked)
vtotal+=3;
if (form1.panda.checked)
vtotal+=6;
if (form1.paon.checked)
vtotal+=13;
if (form1.coeur.checked)
vtotal+=11.50;
if (form1.blue.checked)
vtotal+=18;
if (form1.diablesse.checked)
vtotal+=9;
if (form1.floraison.checked)
vtotal+=8;
if (form1.fee.checked)
vtotal+=12;
if (form1.belinda.checked)
vtotal+=10.50;
if (form1.clown.checked)
vtotal+=10;
if (form1.jardin.checked)
vtotal+=4;
if (form1.port.checked)
vtotal+=3;
form1.total.value=vtotal+" €";
}
//-->
</SCRIPT>
</head>
<body>
<div id="logo" style="position:absolute; width:284px; height:78px; z-index:1; top: 17px;"><img src="images/logobis.gif" width="278" height="85"></div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div id="euro" style="position:absolute; width:61px; height:54px; z-index:8; left: 714px; top: 127px;"><img src="images/euros.gif" width="50" height="50"></div>
<p> </p>
<div id="contacts" style="position:absolute; width:142px; height:49px; z-index:6; left: 344px; top: 123px;"><a href="interactif.htm"><img src="images/contacts.gif" name="contacts" width="160" height="50" border="0"></a></div>
<p> </p>
<div id="commander" style="position:absolute; width:183px; height:49px; z-index:7; left: 512px; top: 124px;"><a href="commander.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('commander','','images/commanderbis.gif',1)"><img src="images/commander.gif" name="commander" width="160" height="50" border="0"></a></div>
<div id="creations" style="position:absolute; width:150px; height:50px; z-index:5; left: 178px; top: 123px;"><a href="creations.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('créations','','images/creationsbis.png',1)"><img src="images/creations.gif" name="créations" width="160" height="50" border="0"></a></div>
<div id="accueil" style="position:absolute; width:148px; height:47px; z-index:4; left: 11px; top: 124px;"><a href="index.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('accueil','','images/accueilbis.gif',1)"><img src="images/accueil.gif" name="accueil" width="160" height="50" border="0"></a></div>
<p> </p>
<div id="passer" style="position:absolute; width:259px; height:49px; z-index:9; top: 212px;"><span class="Style5">Passer commande </span></div>
<form name="form1" method="post" action="">
<p> </p>
<p> </p>
<div id="choix" style="position:absolute; width:457px; height:1194px; z-index:10; left: 18px; top: 296px;">
<p> </p>
<table width="629" border="2" bordercolor="#000000">
<tr>
<td rowspan="2"><div align="center"><span class="Style23">Visuel</span></div></td>
<td rowspan="2" class="Style10"><div align="center"><span class="Style24">Intitulé</span></div></td>
<td colspan="3" nowrap><div align="center"><span class="Style25">Quantité souhaitée </span></div></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td align="center" valign="middle"><div align="center" class="Style30"><span class="Style28">1</span></div></td>
<td align="center" valign="middle"><div align="center" class="Style30"><span class="Style28">2</span></div></td>
<td align="center" valign="middle"><div align="center" class="Style30"></div></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td width="84"><img src="images/abeille.JPG" width="84" height="73" align="top"></td>
<td width="119" class="Style10"><div align="center">Abeille </div></td>
<td width="39"><div align="center"><span class="Style10">
<input name="abeille" type="radio" id="abeille" value="0" onClick="calcul()">
</span></div></td>
<td width="32"><div align="center"><span class="Style10">
<input name="abeille" type="radio" id="abeilledeux" value="0" onClick="calcul()">
</span></div></td>
<td width="33"> </td>
<td width="84"><img src="images/cheval.JPG" width="84" height="73" align="top"></td>
<td width="190"><span class="Style10">Cheval</span> <span class="Style10">
<input name="cheval" type="checkbox" id="cheval" value="0" onClick="calcul()">
</span></td>
</tr>
<tr>
<td><img src="images/coccinelle.JPG" width="84" height="73"></td>
<td><span class="Style10">Coccinelle </span></td>
<td><div align="center"><span class="Style10">
<input name="coccinelle" type="radio" id="coccinelle" value="0" onClick="calcul()">
</span></div></td>
<td><div align="center"><span class="Style10">
<input name="coccinelle" type="radio" id="coccinelledeux" value="0" onClick="calcul()">
</span></div></td>
<td> </td>
<td><img src="images/panda.JPG" width="84" height="73"></td>
<td><span class="Style10">Panda
<input name="panda" type="checkbox" id="panda" value="0" onClick="calcul()">
</span></td>
</tr>
<tr>
<td><img src="images/paon.JPG" width="84" height="73"></td>
<td><span class="Style10">Paon
<input name="paon" type="checkbox" id="paon" value="0" onClick="calcul()">
</span></td>
<td> </td>
<td> </td>
<td> </td>
<td><img src="images/papillon.JPG" width="84" height="73"></td>
<td nowrap><span class="Style10">Papillon
<input type="checkbox" name="checkbox" value="checkbox">
</span></td>
</tr>
<tr>
<td><img src="images/baguecoeur.JPG" width="84" height="73"></td>
<td nowrap><span class="Style10">Bague Coeur
<input name="coeur" type="checkbox" id="coeur" value="0" onClick="calcul()">
</span></td>
<td> </td>
<td> </td>
<td> </td>
<td><span class="Style10"> </span><img src="images/soleil.JPG" width="84" height="73"></td>
<td nowrap><span class="Style10">Bague Soleil
<input type="checkbox" name="checkbox" value="checkbox">
</span></td>
</tr>
<tr>
<td><img src="images/blue.JPG" width="84" height="73"></td>
<td nowrap><span class="Style10">Bracelet Blue
<input name="blue" type="checkbox" id="blue" onClick="calcul()" value="0">
</span></td>
<td> </td>
<td> </td>
<td> </td>
<td><img src="images/strass.JPG" width="84" height="73"></td>
<td nowrap><span class="Style10">Bague Strass
<input type="checkbox" name="checkbox" value="checkbox">
</span></td>
</tr>
<tr>
<td><img src="images/diablesse.JPG" width="84" height="73"></td>
<td nowrap><span class="Style10">Bague Diablesse
<input name="diablesse" type="checkbox" id="diablesse" value="0" onClick="calcul()">
</span></td>
<td> </td>
<td> </td>
<td> </td>
<td><img src="images/divine.JPG" width="84" height="73"></td>
<td><span class="Style11"><span class="Style10">Bague Divine
<input type="checkbox" name="checkbox" value="checkbox">
</span></span></td>
</tr>
<tr>
<td><img src="images/floraison.JPG" width="84" height="73"></td>
<td><span class="Style10">Bague Floraison
<input name="floraison" type="checkbox" id="floraison" value="0" onClick="calcul()">
</span></td>
<td> </td>
<td> </td>
<td> </td>
<td><img src="images/neige.JPG" width="84" height="73"></td>
<td><span class="Style10">Bague Neige
<input type="checkbox" name="checkbox" value="checkbox">
</span></td>
</tr>
<tr>
<td><img src="images/fee.JPG" width="84" height="73"></td>
<td><span class="Style10">Fée
<input name="fee" type="checkbox" id="fee" value="0" onClick="calcul()">
</span></td>
<td> </td>
<td> </td>
<td> </td>
<td><img src="images/pierrot.JPG" width="84" height="73"></td>
<td><span class="Style10">Pierrot
<input type="checkbox" name="checkbox" value="checkbox">
</span></td>
</tr>
<tr>
<td><img src="images/belinda.JPG" width="84" height="73"></td>
<td><span class="Style10">Bélinda
<input name="belinda" type="checkbox" id="belinda" value="0" onClick="calcul()">
</span></td>
<td> </td>
<td> </td>
<td> </td>
<td><img src="images/chine.JPG" width="84" height="73"></td>
<td><span class="Style10">Petite Chinoise
<input type="checkbox" name="checkbox" value="checkbox">
</span></td>
</tr>
<tr>
<td><img src="images/clown.JPG" width="84" height="73"></td>
<td><span class="Style10">Clown
<input name="clown" type="checkbox" id="clown" value="0" onClick="calcul()">
</span></td>
<td> </td>
<td> </td>
<td> </td>
<td><img src="images/fanny.JPG" width="84" height="73"></td>
<td><span class="Style10">Fanny
<input type="checkbox" name="checkbox" value="checkbox">
</span></td>
</tr>
<tr>
<td><img src="images/chaisejardin.JPG" width="84" height="73"></td>
<td><span class="Style12">Chaise de Jardin <span class="Style10">
<input name="jardin" type="checkbox" id="jardin" value="0" onClick="calcul()">
</span></span></td>
<td> </td>
<td> </td>
<td> </td>
<td><img src="images/panier.JPG" width="84" height="73"></td>
<td><span class="Style10">Panier <span class="Style12">
<input type="checkbox" name="checkbox" value="checkbox">
</span></span></td>
</tr>
<tr>
<td><img src="images/sucre.JPG" width="84" height="73"></td>
<td><span class="Style10"><span class="Style17">Sucre d'Orge</span> </span> <br>
<span class="Style10"><span class="Style12"> </span></span></td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<p align="center" class="Style13"><span class="Style19">Frais de port</span> <span class="Style10"><span class="Style12">
<input name="port" type="checkbox" id="port" onClick="calcul()" value="0" checked disabled>
</span></span></p>
<p align="center" class="Style13">Total Commande:</p>
<p align="center" class="Style13"> <span class="Style6">
<input name="total" type="text" class="PORT" id="total" size="8" READONLY>
</span></p>
<p> </p>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</form>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
Saperlotte 