<?
// define the filenames used in the project


// BEGIN newdesk
define('FILENAME_NEWSDESK_REVIEWS_WRITE', 'newsdesk_reviews_write.php');
define('FILENAME_NEWSDESK_REVIEWS_INFO', 'newsdesk_reviews_info.php');
define('FILENAME_NEWSDESK_REVIEWS_ARTICLE', 'newsdesk_reviews_article.php');
define('FILENAME_NEWSDESK_INFO', 'newsdesk_info.php');
define('FILENAME_NEWSDESK_INDEX', 'newsdesk_index.php');

define('FILENAME_NEWSDESK', 'newsdesk.php');
define('FILENAME_NEWSDESK_LISTING', 'newsdesk_listing.php');
define('FILENAME_NEWSDESK_LATEST', 'newsdesk_latest.php');

define('FILENAME_NEWSDESK_REVIEWS', 'newsdesk_reviews.php');
define('FILENAME_NEWSDESK_ARTICLE_REQUIRE', DIR_WS_INCLUDES . 'modules/newsdesk/newsdesk_article_require.php');

define('DIR_WS_RSS', DIR_WS_INCLUDES . 'modules/newsdesk/rss/');
//define('FILENAME_NEWSDESK_STICKY', 'newsdesk_sticky.php');
// END newsdesk


// BEGIN newdesk
define('TABLE_NEWSDESK', 'newsdesk');
define('TABLE_NEWSDESK_DESCRIPTION', 'newsdesk_description');
define('TABLE_NEWSDESK_TO_CATEGORIES', 'newsdesk_to_categories');
define('TABLE_NEWSDESK_CATEGORIES', 'newsdesk_categories');
define('TABLE_NEWSDESK_CATEGORIES_DESCRIPTION', 'newsdesk_categories_description');
define('TABLE_NEWSDESK_CONFIGURATION', 'newsdesk_configuration');
define('TABLE_NEWSDESK_CONFIGURATION_GROUP', 'newsdesk_configuration_group');

define('TABLE_NEWSDESK_REVIEWS', 'newsdesk_reviews');
define('TABLE_NEWSDESK_REVIEWS_DESCRIPTION', 'newsdesk_reviews_description');
// END newsdesk


define('CONTENT_NEWSDESK_REVIEWS_WRITE', 'newsdesk_reviews_write');
define('FILENAME_NEWSDESK_REVIEWS_WRITE', CONTENT_NEWSDESK_REVIEWS_WRITE . '.php');

define('CONTENT_NEWSDESK_REVIEWS_INFO', 'newsdesk_reviews_info');
define('FILENAME_NEWSDESK_REVIEWS_INFO', CONTENT_NEWSDESK_REVIEWS_INFO . '.php');

define('CONTENT_NEWSDESK_REVIEWS_ARTICLE', 'newsdesk_reviews_article');
define('FILENAME_NEWSDESK_REVIEWS_ARTICLE', CONTENT_NEWSDESK_REVIEWS_ARTICLE . '.php');

define('CONTENT_NEWSDESK_INFO', 'newsdesk_info');
define('FILENAME_NEWSDESK_INFO', CONTENT_NEWSDESK_INFO . '.php');

define('CONTENT_NEWSDESK_INDEX', 'newsdesk_index');
define('FILENAME_NEWSDESK_INDEX', CONTENT_NEWSDESK_INDEX . '.php');


/*

	osCommerce, Open Source E-Commerce Solutions ---- http://www.oscommerce.com
	Copyright (c) 2002 osCommerce
	Released under the GNU General Public License

	IMPORTANT NOTE:

	This script is not part of the official osC distribution but an add-on contributed to the osC community.
	Please read the NOTE and INSTALL documents that are provided with this file for further information and installation notes.

	script name:	NewsDesk
	version:		1.4.5
	date:			2003-08-31
	author:			Carsten aka moyashi
	web site:		www..com

*/
?><?
// define the filenames used in the project


// BEGIN faqdesk
define('FILENAME_FAQDESK_INFO', 'faqdesk_info.php');
define('FILENAME_FAQDESK_INDEX', 'faqdesk_index.php');
//define('FILENAME_FAQDESK_SEARCH', 'faqdesk_search.php');
define('FILENAME_FAQDESK_SEARCH_RESULT', 'faqdesk_search_result.php');
define('FILENAME_FAQDESK_LATEST', 'faqdesk_latest.php');
define('FILENAME_FAQDESK_REVIEWS_ARTICLE', 'faqdesk_reviews_article.php');
define('FILENAME_FAQDESK_REVIEWS_INFO', 'faqdesk_reviews_info.php');
define('FILENAME_FAQDESK_REVIEWS_WRITE', 'faqdesk_reviews_write.php');
define('FILENAME_FAQDESK_REVIEWS', 'faqdesk_reviews.php');

define('FILENAME_FAQDESK', 'faqdesk/faqdesk.php');
define('FILENAME_FAQDESK_LISTING','faqdesk/faqdesk_listing.php');
define('FILENAME_FAQDESK_SHOW', DIR_WS_INCLUDES . 'modules/faqdesk/faqdesk_show.php');
define('FILENAME_FAQDESK_ARTICLE_REQUIRE', DIR_WS_INCLUDES . 'modules/faqdesk/faqdesk_article_require.php');
define('FILENAME_FAQDESK_STICKY', 'faqdesk/faqdesk_sticky.php');

define('DIR_WS_RSS', DIR_WS_INCLUDES . 'modules/faqdesk/rss/');
// END faqdesk


// BEGIN faqdesk
define('TABLE_FAQDESK', 'faqdesk');
define('TABLE_FAQDESK_DESCRIPTION', 'faqdesk_description');
define('TABLE_FAQDESK_TO_CATEGORIES', 'faqdesk_to_categories');
define('TABLE_FAQDESK_CATEGORIES', 'faqdesk_categories');
define('TABLE_FAQDESK_CATEGORIES_DESCRIPTION', 'faqdesk_categories_description');
define('TABLE_FAQDESK_CONFIGURATION', 'faqdesk_configuration');
define('TABLE_FAQDESK_CONFIGURATION_GROUP', 'faqdesk_configuration_group');

define('TABLE_FAQDESK_REVIEWS', 'faqdesk_reviews');
define('TABLE_FAQDESK_REVIEWS_DESCRIPTION', 'faqdesk_reviews_description');
// END faqdesk


define('CONTENT_FAQDESK_REVIEWS_WRITE', 'faqdesk_reviews_write');
define('FILENAME_FAQDESK_REVIEWS_WRITE', CONTENT_FAQDESK_REVIEWS_WRITE . '.php');

define('CONTENT_FAQDESK_REVIEWS_INFO', 'faqdesk_reviews_info');
define('FILENAME_FAQDESK_REVIEWS_INFO', CONTENT_FAQDESK_REVIEWS_INFO . '.php');

define('CONTENT_FAQDESK_REVIEWS_ARTICLE', 'faqdesk_reviews_article');
define('FILENAME_FAQDESK_REVIEWS_ARTICLE', CONTENT_FAQDESK_REVIEWS_ARTICLE . '.php');

define('CONTENT_FAQDESK_INFO', 'faqdesk_info');
define('FILENAME_FAQDESK_INFO', CONTENT_FAQDESK_INFO . '.php');

define('CONTENT_FAQDESK_INDEX', 'faqdesk_index');
define('FILENAME_FAQDESK_INDEX', CONTENT_FAQDESK_INDEX . '.php');

define('CONTENT_FAQDESK_SEARCH_RESULT', 'faqdesk_search_result');
define('FILENAME_FAQDESK_SEARCH_RESULT', CONTENT_FAQDESK_SEARCH_RESULT . '.php');


/*

	osCommerce, Open Source E-Commerce Solutions ---- http://www.oscommerce.com
	Copyright (c) 2002 osCommerce
	Released under the GNU General Public License

	IMPORTANT NOTE:

	This script is not part of the official osC distribution but an add-on contributed to the osC community.
	Please read the NOTE and INSTALL documents that are provided with this file for further information and installation notes.

	script name:	FaqDesk
	version:		1.2.5
	date:			2003-09-01
	author:			Carsten aka moyashi
	web site:		www..com

*/
?><!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="LTR" lang="fr">

<head>
<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type">
<meta name="verify-v1" content="ab9N9uOeBsMwjGhomqKkOUFXjxtbSnWoZZRolfShbkE="> 
<meta name="robots" content="index, follow"> 

<!-- BOF: Generated Meta Tags -->
<meta name="Reply-to" content="qbclc@qbc.fr">
<title>les appeaux de Quelle est Belle Company - appeau et oiseaux - jeux nature - appeaux - appeau petit gravelot</title>
<meta name="title" content="les appeaux de Quelle est Belle Company - appeau et oiseaux - jeux nature - appeaux">
<meta name="description" content="appeau petit gravelot Exclusivement destinés à l'observation, les appeaux de François Morel depuis 1980. appeau pour apprendre. appeau pour la musique. appeau pour les jeux.">
<meta name="keywords" content="appeau petit gravelot appeaux, appeau, appeaux oiseaux, observation, fabricant appeaux, fabrication appeau, appeaux musique, ornithologie, oiseaux, environnement, protection nature, découverte nature, birds calls, vögelstimmen, reclamos, birdwatching, europe verte, bruit des animaux, bruits d'animaux, bruit d'animaux, bruits des animaux, chant d'oiseaux, chants d'oiseaux, quelle est belle company">
<!-- EOF: Generated Meta Tags -->
  
<link rel="shortcut icon" type="image/x-icon" href="../../images/favicon.ico">
<link rel="apple-touch-icon" href="../../images/chouette.png"/>

<link rel="stylesheet" type="text/css" href="templates/Original/stylesheet.css" >
<!-- Portable -->
<link href="templates/Original/stylesheet.css" rel="stylesheet" type="text/css" media="only screen and (max-width:320px)">
<!-- Tablette -->
<link href="templates/Original/stylesheet.css" rel="stylesheet" type="text/css" media="only screen and (min-width:321px) and (max-width:800px)">
<!-- Bureau -->
<link href="templates/Original/stylesheet.css" rel="stylesheet" type="text/css" media="only screen and (min-width:769px)">
<!-- 
<meta name="viewport" content="width=device-width">
<meta name=viewport content="width=device-width, initial-scale=1">
-->

<base href=" https://www.qbc.fr/">
<script language="javascript"><!--
function popupWindow(url) {
   window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no, resizable=no,copyhistory=no,width=340,height=300,screenX=150,screenY=150,top=5,left=5')
}
//--></script>

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-30950272-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>

<body marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
<!-- warnings //-->
<!-- warning_eof //-->
<!-- header //-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<style type="text/css">

chrome://flags/#enable-experimental-webkit-features
<!--
.Style1 {
	font-size: 18px;
	color: #006600;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.lien {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00CC66;
	text-decoration: underline;
}

#back {
	position: fixed;
	width: 100%;
	height: 70px;
	z-index: 1;
	background-image:url(/images/header_blanc-95.png);
    -webkit-filter: blur(2px);

}
#entete_fixe_blur {
	position: fixed;
	-webkit-backdrop-filter: blur(15px);
	background-image:url(/images/header_blanc-70.png);
	width: 100%;
	height: 70px;
	z-index: 2;
	white-space: nowrap;	
}
#entete_fixe {
	position: fixed;
	background-image:url(/images/header_blanc-95.png);
	width: 100%;
	height: 70px;
	z-index: 2;
	white-space: nowrap;	
}
.TreveDeNoel {
	position: fixed;
	top:20px;
	left:600px;
	-webkit-backdrop-filter: blur(15px);
	height: 10px;
	z-index: 2;
	white-space: nowrap;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	
	color:#F00;	
}
.message {
	position: sticky;
	height: 40px;
	margin-bottom: 10px;
	margin-left: 22px;
	padding-top:180px;
	top:8px;
	left: 500px;
	z-index: 22;
	white-space: nowrap;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #F00;
	top: 33px;
	width: 503px;


}
.fond_message{
	font-weight: bold;

}
#message {
	width: 550px;
	height: 150px;
	animation-name: cigogne;
	/*animation-duration: 10s;*/
	animation-iteration-count: infinite;
	z-index: 1;
	left: -20px;
	top: 128px;
	background-color:floralwhite;
	opacity: 0.80;

}

@keyframes cigogne {
  0%   {left:0px; top:0px; opacity:0; transition: opacity 1s ease-in; }
  100% {left:0%; top:0px; }
}

.TreveDeNoel1 {	
	position: fixed;
	width: 60%;
	height: 40px;
	margin-bottom: 10px;
	top:-8px;
	left:30%;
	-webkit-backdrop-filter: blur(15px);
	z-index: 22;
	white-space: nowrap;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#F00;	
}
</style>
</head>
<!-- MESSAGE **************************************************
<div class="message">
  <table>
  </td><td  valign="top">
<img src='../../pourcent/balloussel/images/divers/oie.gif' width='50' height='35'>
</td></tr>
    <tr><td  align="center" style="color:#F00">
    <div class="fond_message">
	
 	</div>
</td></tr></table>
</div>
FIN MESSAGE**************************************************-->

<div id="entete_fixe">
		<table  border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
  <td height="55" valign="top">
  <img src="/images/quelle_est_belle.png" width="528" height="43" />
  </td>
  </tr>
</table>

<table  style=" white-space:nowrap" border="0" width="100%" cellspacing="0" cellpadding="0">
<tr class="headerNavigation" valign="top">
<td width="28%" height="21" align="left" valign="middle" class="headerNavigation">
          <a href="https://www.qbc.fr/product_info.php?products_id=118&language=fr&osCsid=cu26n39co3e3sv91lla0rnile0">&nbsp;&nbsp;&nbsp;<img src="includes/languages/french/images/icon.gif" border="0" alt="Français" title=" Français " width="24" height="15">&nbsp;&nbsp;&nbsp;</a> <a href="https://www.qbc.fr/product_info.php?products_id=118&language=en&osCsid=cu26n39co3e3sv91lla0rnile0">&nbsp;&nbsp;&nbsp;<img src="includes/languages/english/images/icon.gif" border="0" alt="English" title=" English " width="24" height="15">&nbsp;&nbsp;&nbsp;</a> <a href="https://www.qbc.fr/product_info.php?products_id=118&language=es&osCsid=cu26n39co3e3sv91lla0rnile0">&nbsp;&nbsp;&nbsp;<img src="includes/languages/espanol/images/icon.gif" border="0" alt="Spanish" title=" Spanish " width="24" height="15">&nbsp;&nbsp;&nbsp;</a> <a href="https://www.qbc.fr/product_info.php?products_id=118&language=gr&osCsid=cu26n39co3e3sv91lla0rnile0">&nbsp;&nbsp;&nbsp;<img src="includes/languages/german/images/icon.gif" border="0" alt="German" title=" German " width="24" height="15">&nbsp;&nbsp;&nbsp;</a></td>
<td width="72%" height="21" align="right" valign="middle" class="headerNavigation"> 
<a href="https://www.qbc.fr/index.php?osCsid=cu26n39co3e3sv91lla0rnile0" class="headerNavigation">Accueil</a>&nbsp;|&nbsp; 
	
<!--<a href="https://www.qbc.fr/shopping_cart.php?osCsid=cu26n39co3e3sv91lla0rnile0" class="headerNavigation">Votre panier</a>&nbsp;|&nbsp;-->
	
         	
<!--<a href="https://www.qbc.fr/account.php?osCsid=cu26n39co3e3sv91lla0rnile0"class="headerNavigation"> Vous identifier </a> &nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
         <a href="https://www.qbc.fr/pro?language=fr&osCsid=cu26n39co3e3sv91lla0rnile0"class="headerNavigation"><span class=lien>Vous êtes REVENDEUR</span></a> 
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</td></tr>
</table>

</div>


<table height="75px"><tr><td></td></tr></table><!-- header_eof //-->
<!-- body //-->

<table border="0" width="100%" cellspacing="3" cellpadding="3">
  <tr>
 
<!-- left_navigation //-->
    <td width="180" valign="top">
    <table border="0" width="180" cellspacing="0" cellpadding="0">
    <tr><td>
<td ><font size="+2">
<head>
<style type="text/css">
#apDiv1 {
	position: fixed;
	width: 180px;
	height: auto;
	z-index:1;
	left:5px;	
}

</style>
</head>
<body>
<div id="apDiv1">   

<!-- categories //-->

<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td height="14" class="infoBoxHeading"><img src="images/infobox/corner_left.gif" border="0" alt="" width="11" height="14"></td>
    <td width="100%" height="14" class="infoBoxHeading"><font color="#FFFFFF">QBC Naviguation...</font></td>
  </tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="1" class="infoBox_gris">
  <tr>
    <td><table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents_gris">
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
  <tr>
    <td class="boxText"><div align="center"><br/><p><font size="+1"><a href="https://www.qbc.fr/index.php?osCsid=cu26n39co3e3sv91lla0rnile0"><u>Accueil</u></a></font></p><br/></div><hr></td>
  </tr>
  <tr>
    <td class="boxText"><div align="center"><br/><p><font size="+1"><a href="https://dev.qbc.fr//"><u>Boutique</u></a></font></p><br/></div>
</td>
  </tr>
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
</table>
</td>
  </tr>
</table>

</div>
</body>	
<!-- left_navigation_eof //-->
	</td></tr>
    </table>
    </td>
<!-- content //-->
    <td  width="100%" valign="top"> 
      <head>

<style type="text/css">

.zoom{
position: relative;
z-index: 0;
}

.zoom span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 0px;
left: -1000px;
visibility: hidden;
}
.zoom:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: auto;
	left: -50px; /*position where enlarged image should offset horizontally */
}

.lien{
position: relative;
z-index: 0;
}

.lien span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 0px;
visibility: hidden;
}
.lien:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	left:0;
	top: auto;
}

</style>

<script language="JavaScript">
<!--
var fic="";

function IdentSys()
{
if ( navigator.userAgent.indexOf('Win') != -1 ) { fic = 'win'; }
else if ( navigator.userAgent.indexOf('Mac') != -1 ) { fic = 'apple'; }


// si rien n'a été reconnu...
else { fic = 'Aucun'; }

location.href = location.href  + "&sys="+escape(fic);
}

//-->
</script>
	
<link rel="stylesheet" href="../templates/Original/stylesheet.css" type="text/css">

<!-- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> -->


</head>

	<script>IdentSys();</script> <form name="cart_quantity" action="https://www.qbc.fr/product_info.php?products_id=118&language=fr&action=add_product&retour=2&osCsid=cu26n39co3e3sv91lla0rnile0" method="post"><table border="0" width="100%" cellspacing="0" cellpadding="10" height="100%">
	<tr><td class="main" valign="top" width="98%" >
	<table width="100%" border="0" cellspacing="0">
<tr><td >
            <font face="Arial, Helvetica, sans-serif" size="6">petit gravelot</font><font face="Arial, Helvetica, sans-serif" size="2"><br/><br/>Tenir l'appeau à la base entre le métal et le cornet en bois et le porter à la bouche, juste posé sur les lèvres.<br/><br/>Avec l'index de l'autre main boucher partiellement le cornet et en rythme, souffler et ouvrir à la sortie de l'air.<br/><br/>Il faut une certaine légèreté dans l'action et aller assez vite pour obtenir le célèbre "pri pri pri pri" que nous attendons tous.</font>            </td>
			<td  valign="top" width="22%">&nbsp;</td>
			<td>
            <table border="0" cellspacing="0" cellpadding="2" align="right" height="24" width="100">
			<tr><td align="center" class="smallText" >
            <img src="images/3_boites.gif" border="0" alt="...à l'unité" title=" ...à l'unité " width="120" height="120">			</td></tr>
			</table>
			</td></tr>
			</table>
</td></tr>
<tr height="150"><td>
	<table width="100%"> 
			<tr>
			<td valign="middle" align="center"> 
			  <!--*****************************************************************************-->
			  <span class="zoom"><img src="images/gravelot.jpg" border="0" alt="" width="200" height="50"><span><img src="images/gravelot_zoom.jpg" border="0" alt="" width="500" height="122"></span></span>			  <!--*****************************************************************************-->
			  </td>
			</tr>
			</table>
</td></tr>
</table>

	<table width="100%" border="0" cellspacing="0" >
        <tr align="left"> 
          <td valign="bottom">
			<hr><head>
<style type="text/css">

.video{
position: relative;
z-index: 2000;
}

.video:hover{
background-color: transparent;
z-index: 2000;
}

.video span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
z-index: 2000;
}

.video span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.video:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
left: 0%; /*position where enlarged image should offset horizontally */
}

</style>
<style type="text/css">

.xl_2{
position: relative;
z-index: 0;
}

.xl_2:hover{
	background-color: transparent;
	z-index: 50;
	left: auto;
}

.xl_2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFF;
padding: 0px;
left: -1000px;
border: 2px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.xl_2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.xl_2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
left: 0%; /*position where enlarged image should offset horizontally */

}

.xl_3{
position: relative;
z-index: 0;
}

.xl_3:hover{
background-color: #FFF;
z-index: 50;
}

.xl_3 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFF;
padding: 0px;
left: -1000px;
border: 2px solid black;
visibility: hidden;
}

.xl_3 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.xl_3:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
left: 0%; /*position where enlarged image should offset horizontally */

}

</style>

<style type="text/css">

.xl_4{
position: relative;
z-index: 0;
}

.xl_4:hover{
background-color: #FFF;
z-index: 50;
}

.xl_4 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFF;
padding: 0px;
left: -1000px;
border: 2px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.xl_4 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.xl_4:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
left: 0%; /*position where enlarged image should offset horizontally */

}

</style>
<style type="text/css">

.xl_5{
position: relative;
z-index: 0;
}

.xl_5:hover{
background-color: transparent;
z-index: 50;
}

.xl_5 span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 0px;
left: -1000px;
border: 2px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.xl_5 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.xl_5:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
left: 0%; /*position where enlarged image should offset horizontally */

}

</style>
<style type="text/css">

.xl_6{
position: relative;
z-index: 0;
}

.xl_6:hover{
background-color: transparent;
z-index: 50;
}

.xl_6 span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 0px;
left: -1000px;
border: 2px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.xl_6 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.xl_6:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -300;
left: +450px; /*position where enlarged image should offset horizontally */

}

#detail {
	position: absolute;
	top:-400;
	left:222;
	z-index: 1;
}

</style>

</head>
<body>
<!-- // BOF MaxiDVD: Modified For Ultimate Images Pack! //-->
    
<table width="30%" border="0" cellspacing="0" align="left">
  <tr align="left"> 
    <td width="5%" height="90" valign="top"> 
      <!-------------------------------------------------------------------------------->
    </td><td>
      <!-- bouton vidéo -->
            <span> 
      <video src=" images/57-67_0_petit_gravelot_BL_1.mp4" autoplay  height="200" controls >This browser or mode doesn't support HTML5 video.</video>      </span> <hr>
      <!-- endif / bouton vidéo-->   </td></tr><tr><td>
    </td></tr>
</table>
<!-- // BOF MaxiDVD: Modified For Ultimate Images Pack! //-->
</body>		</td>
          <td height="33" width="51%" align="left" > 

			  		  
            <table style="display: none" border="0" align="center" width="100%">
              			  
			  
            <table  style="display: none" cellspacing="0" align="center" width="100%">
              <tr  height="47" > 
                <td valign="middle" class="main" align="right">
                  <font face="Arial, Helvetica, sans-serif" size="4"   style="font-weight:bold">                  </font></td>
                <td  valign="middle" class="main" width="50" height="47">&nbsp;</td>
                <td width="77" valign="middle" class="qte" height="47"> 
                  <div align="left"> 
                    <input type="text"  name="quantity" value="1" maxlength="3"  style="width:60px; height:30px; border-width:3px; font-size:15px"   align="right">
                  </div>
                </td>
                <td width="55" height="47" valign="middle" class="qte"> 
                  <p><a href="javascript:majQuantity(1);"><img src="includes/languages/french/images/buttons/plus.gif" border="0" alt="Plus" title="Plus" ><br>
                    </a><a href="javascript:majQuantity(-1);"><img src="includes/languages/french/images/buttons/moins.gif" border="0" alt="Moins" title="Moins"></a></p>
                </td>
                <td width="115" height="47" valign="middle" class="qte">


			            <input type="hidden" name="products_id" value="118"/>
            <input type="hidden" name="retour" value="2"/>
           
			<input type="image" src="templates/Original/images/buttons/french/button_buy_now.png" onmouseover="javascript:this.src='templates/Original/images/buttons/french/button_buy_now.hover.png';" onmouseout="javascript:this.src='templates/Original/images/buttons/french/button_buy_now.png';" title=Ajouter au panier/>

                </td>
                <td valign="middle" class="main" width="50" height="47">&nbsp;</td>
              </tr>
            </table>
			 
			  
			          </td>
        </tr>
      </table>
	<table width="100%" border="0" cellspacing="0">
	<tr><td height="16" align="left" valign="top"> 
	</td></tr> 
	<tr><td class="main" width="98%" height="19"> 
		</td></tr>
	</table>
	  <!-- ############ Added Quantité ################# -->
  <script language="javascript">
function majQuantity(qty)
{
quantity = document.cart_quantity['quantity'].value;
quantity = parseInt(quantity) + parseInt(qty)
if (quantity < 1)
{
  quantity = 1;
}
document.cart_quantity['quantity'].value = quantity;
}
</script>
  <!-- ############## End Added  ############# -->
         </td>
<!-- content_eof //-->
  </tr>
</table>
<style type="text/css">
chrome://flags/#enable-experimental-webkit-features
<!--
.Style1 {
	font-size: 18px;
	color: #006600;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.lien {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00CC66;
	text-decoration: underline;
}

#back {
	position: fixed;
	width: 100%;
	height: 70px;
	z-index: 1;
	background-image:url(/images/header_blanc-95.png);
    -webkit-filter: blur(2px);

}
#footer_fixe_blur {
	position: fixed;
	-webkit-backdrop-filter: blur(15px);
	background-image: url(/images/header_blanc-20.png);
	width: 100%;
	height: 50px;
	z-index: 2;
	white-space: nowrap;
	bottom: 0px;
}
#footer_fixe {
	position: fixed;
	background-image:url(/images/header_blanc-70.png);
	width: 100%;
	height: 60px;
	z-index: 2;
	white-space: nowrap;	
	bottom: 0px;
}
-->
</style>

<script language="javascript"><!--
function conditions_win() {
  window.open("https://www.qbc.fr/conditions.php?osCsid=cu26n39co3e3sv91lla0rnile0","info_shopping_cart","height=460,width=430,toolbar=no,statusbar=no,scrollbars=yes").focus();
}
//--></script>

<div id="footer_fixe"><table border="0" width="100%" cellspacing="0" cellpadding="1">
  <tr class="footer">
    <td class="footer">&nbsp;&nbsp;samedi 23 septembre, 2023&nbsp;&nbsp;</td>
    <td align="right" class="footer"></td>
  </tr>
</table>
<table  style="white-space:nowrap" border="0" width="100%" cellspacing="0" cellpadding="0" >
  <tr>
    <td height="22" valign="middle" class="smallText">Copyright © 1975 - 20016 François Morel & Quelle Est Belle Company - Design by Laurent Corot  - <a href=" http://www.dynamicdrive.com" target="_blank"><img src="/images/dhtml-scripts.png" border="0" width="80" height="15" alt="Dynamic Drive" /></a>&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;<a href="javascript:conditions_win();">[Conditions Générales de vente]</a></td>
  </tr>
</table>
</div><!-- footer_eof //-->
</body>
</html>