/gist:730707

## gistfile1.html
<!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" />
<link rel="shortcut icon" href="image/decoupe/favicon.jpg" type="image/x-icon" />
<title>Accueil | Arts-africains</title>
<!-- Style css de la page index -->
<link rel="stylesheet" type="text/css" href="Page/index/style.css" media="all" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="Page/index/styleIE.css" />
<![endif]-->
<!-- FIN Style css de la page index -->

<!-- Diaporama du centre  -->
<script src="Page/index/Scripts/swfobject_modified.js" type="text/javascript"></script>
<!-- Fin Diaporama du centre -->

<!-- Diaporama de droite -->
<link rel="stylesheet" type="text/css" href="flash/jquery_thumbnail_scroller/2/diaporama_droite.css" media="all" />
<script type="text/javascript" src="flash/jquery_thumbnail_scroller/2/diaporama_droite.js"></script>
<!-- FIN Diaporama de droite -->

<!-- Diaporama du Haut  -->
<link href="flash/jquery_thumbnail_scroller/1/skin_2.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="flash/jquery_thumbnail_scroller/1/jquery-1.4.22.min.js"></script>
<script type="text/javascript" src="flash/jquery_thumbnail_scroller/1/jquery.jcarousel.min.js"></script>
<!-- FIN Diaporama du Haut -->

</head>
<body>

<div id="main">
  <div id="tete">
</div>
<br class="clearfloat" />
	 <div id="index_r2_c1">
	  </div>
	<div id="colwrap1">
		<a href="index.html">
			<img src="image/decoupe/Logo.jpg" id="Logo"  alt="" />
	  </a>
		<div id="index_r3_c2">
		</div>
	</div>
    <!-- Image du diaporama du haut -->
	<div id="index_r2_c4">
    <ul class="jcarousel-skin-tango" id="mycarousel">
    <li><img src="flash/jquery_thumbnail_scroller/1/images/100_0569.JPG" /></li>
    <li><img src="flash/jquery_thumbnail_scroller/1/images/100_0599.JPG" /></li>
    <li><img src="flash/jquery_thumbnail_scroller/1/images/100_0602.JPG" /></li>
    <li><img src="flash/jquery_thumbnail_scroller/1/images/100_0626.JPG" /></li>
    <li><img src="flash/jquery_thumbnail_scroller/1/images/100_0632.JPG" /></li>
    <li><img src="flash/jquery_thumbnail_scroller/1/images/100_0660.JPG" /></li>
    <li><img src="flash/jquery_thumbnail_scroller/1/images/IMG_0086.JPG" /></li>
    <li><img src="flash/jquery_thumbnail_scroller/1/images/IMG_0111.JPG" /></li>
    <li><img src="flash/jquery_thumbnail_scroller/1/images/IMGP0077.JPG" /></li>
    <li><img src="flash/jquery_thumbnail_scroller/1/images/P1010612.JPG" /></li>
    <li><img src="flash/jquery_thumbnail_scroller/1/images/IMG_0135.JPG" /></li>
    <li><img src="flash/jquery_thumbnail_scroller/1/images/100_0660.JPG" /></li>
    <li><img src="flash/jquery_thumbnail_scroller/1/images/IMG_0163.JPG" /></li>
    <li><img src="flash/jquery_thumbnail_scroller/1/images/100_0569.JPG" /></li>
  </ul>
  </div>
  <!-- FIN Image du diaporama du haut -->

    <!-- MENU 1 -->
    <br class="clearfloat" />
	<div id="menu1">
    <a href="Page/index/malachite.html">Malachite</a> <a href="Page/index/les_tissus_africains.html">Tissus africains</a> <a href="Page/index/masques_africains.html">Masques africains</a><a     href="Page/index/statuettes_africaines.html">Statuettes africaines</a> <a href="Page/index/tableaux_africains.html">Tableaux africains</a> <a href=     "Page/index/décorations_africaines.html">Décorations africaines</a> </div>
    <!-- FIN MENU 1 -->

    <!-- MENU 2 -->

	<br class="clearfloat" />
	<div id="menu2"><a href="index.html">Accueil</a> <a href="Page/index/boutique.html">Boutique</a> <a href="Page/index/qui_somme_nous.html">Qui somme nous</a><a href=  "Page/index/livre_d'or.php">Livre d'or</a> <a href="Page/index/liens.html">Liens</a> <a href="Page/index/contactez_nous.html">Contactez-nous</a>
    </div>
    <!-- FIN MENU 2 -->

	    <br class="clearfloat" />
	    <div id="colwrap2">
		<div id="gauche">
        <!-- CHAMP NEWSLETTERS -->
        <div class="newsletter" id="test">
        <form method="post" action="Page/newsletters/inscription.php">
        <input name="email" type="text" class="for" size="13" />
        <input name="valid" type="image" class="ok" value="Valider" src="image/decoupe/ok.png" />
        <input name="action" type="radio" class="abo" value="abo"
        checked="checked" />S'abonner
        <input name="action" type="radio" class="desabo" value="desabo" />Désabonner
        </form></div></div>

        <!-- FIN CHAMP NEWSLETTERS -->
        <!-- ALONGEMENT DE LA PARTIE GAUCHE  -->
		<img src="image/decoupe/repeat1.jpg" id="repeat1"  alt="" />
        </div>
        <!-- FIN ALONGEMENT DE LA PARTIE GAUCHE  -->
  <!-- DIV CENTRE  -->
  <div id="centre">
  <p class="Txt_Bienvenue">
  Bienvenue sur le site Arts-africains</p>
  <p class="Txt_Vous">
  Vous aimez l&rsquo;Afrique et souhaitez décorer votre maison d&rsquo;une façon hors de l&rsquo;ordinaire. Vous êtes ouvert à une autre culture. Vous trouverez votre bonheur à un bon prix (  objets africains, masques africains, statues africaines, tapis en raphia, Tissus africains... ) mais également des explications sur l&rsquo;origine de certains objets.</p>
  <p class="Txt_Bonne">
  Bonne visite...</p>

  <!-- DIAPORAMA DU CENTRE -->
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="540" height="257" class="bann1" id="FlashID">
  <param name="movie" value="flash/~bananim2.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="opaque" />
  <param name="swfversion" value="6.0.65.0" />
  <!-- Cette balise <param> invite les utilisateurs de Flash Player en version 6.0 r65 et ultérieure à télécharger la version la plus récente de Flash Player. Supprimez-la si vous ne voulez   pas que cette invite soit visible. -->
  <param name="expressinstall" value="Scripts/expressInstall.swf" />
  <!-- La balise <object> suivante est destinée aux navigateurs autres qu'IE. Supprimez-la d'IE à l'aide d'IECC. -->
  <!--[if !IE]>-->
  <object type="application/x-shockwave-flash" data="flash/~bananim2.swf" width="540" height="257">
  <!--<![endif]-->
  <param name="quality" value="high" />
  <param name="wmode" value="opaque" />
  <param name="swfversion" value="6.0.65.0" />
  <param name="expressinstall" value="Scripts/expressInstall.swf" />
  <!-- Le navigateur affichera le contenu alternatif suivant pour les utilisateurs d'un lecteur Flash de version 6.0 ou de versions plus anciennes. --><div>
  <h4>Le contenu de cette page nécessite une version plus récente d’Adobe Flash Player.</h4>
  <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtenir le lecteur Adobe Flash" width="112" height="33" /></a></p>
    </div>
    <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
    </object>
<!-- FIN DU DIAPORAMA CENTRE  -->
<!-- TABLEAU DES NOUVEAUTES -->
<img src="image/decoupe/nouveaute.jpg" alt="nouveaute" width="540" height="761" class="nouveaute" /></div>
<!-- FIN TABLEAU DES NOUVEAUTES -->

<div id="colwrap3"><div>

       <!-- DIV droite -->
        <div id="droite">
<!--MENU histoire & Ethnies -->
        <p class="histoire">
       <li><a href="Page/index/l'art_africain.html">L'art africain</a></li>
       <li><a href="Page/index/masque_africain.html">Masque africain</a></li>
       <li><a href="Page/index/statuettes_et_sculptures.html">Statuettes et sculptures</a></li>
       <li><a href="Page/index/les_tissus_africains.html">Les tissus africains</a></li>
       <li><a href="Page/index/voyage_chez_les_balubakats.html">Voyage chez les balubas</a><li></p></div></div>
<!--FIN MENU histoire & Ethnies -->

          <br class="clearfloat" />
          <div id="index_r7_c5"></div>

          <!-- LOGO FIANET -->
		  <div id="colwrap5">
		  <a href="http://www.fia-net.com/"><img src="image/decoupe/fianet.jpg" id="fianet"  alt="" /></a>
          <!-- FIN LOGO FIANET -->

        <div id="index_r8_c6"></div></div>
		<div id="index_r7_c7"></div>

        <!--DEBUT Diaporama droite-->
        <div id="outer_container">
        <div id="thumbScroller">
	    <div class="container">
    	<div class="content">
        	<div><a href="#"><img src="flash/jquery_thumbnail_scroller/2/thumbs/100_0675.jpg" class="thumb" /></a></div></div>
        <div class="content">
        	<div><a href="#"><img src="flash/jquery_thumbnail_scroller/2/thumbs/dsc01233.jpg" class="thumb" /></a></div></div>
        <div class="content">
        	<div><a href="#"><img src="flash/jquery_thumbnail_scroller/2/thumbs/dsc01243.jpg" class="thumb" /></a></div></div>
        <div class="content">
        	<div><a href="#"><img src="flash/jquery_thumbnail_scroller/2/thumbs/img_0024.jpg" class="thumb" /></a></div></div>
        <div class="content">
        	<div><a href="#"><img src="flash/jquery_thumbnail_scroller/2/thumbs/p1010565.jpg" class="thumb" /></a></div></div>
        <div class="content">
        	<div><a href="#"><img src="flash/jquery_thumbnail_scroller/2/thumbs/p1010564.jpg" class="thumb" /></a></div></div>
        <div class="content">
        	<div><a href="#"><img src="flash/jquery_thumbnail_scroller/2/thumbs/p1010565.jpg" class="thumb" /></a></div></div>
        <div class="content">
        	<div><a href="#"><img src="flash/jquery_thumbnail_scroller/2/thumbs/img_0065.jpg" class="thumb" /></a></div></div>
        <div class="content">
        	<div><a href="#"><img src="flash/jquery_thumbnail_scroller/2/thumbs/thumb3.jpg"   class="thumb" /></a></div></div>
            </div></div></div>
        <!-- FIN diaporama droite-->

        <!-- ALONGEMENT DE LA PARTIE DROITE  -->
		<br class="clearfloat" />
		<div><img src="image/decoupe/repeat2.jpg" id="repeat2"  alt="" /></div>
        <!-- FIN ALONGEMENT DE LA PARTIE DROITE  -->

        <br class="clearfloat" /></div>

        <!-- DIV PIED -->
        <div id="pied">
        <!-- LIENS PIED -->
        <p class="Copyright"><a href="http://www.copyrightfrance.com/">Copyright</a> © 2010 Arts-africains. Tous droits réservés.</p>
        <p class="liensp"><li><a href="Page/index/infos_paiement.html" class="liensp">Infos paiement</a></li>
        <li><a href="Page/index/infos_livraison.html" class="liensp">Infos livraison</a></li>
        <li><a href="Page/index/conditions_générales_de_vente.html" class="liensp">Conditions générales de vente</a></li></p></div>
        <!-- LIENS PIED -->
        <br class="clearfloat" /></div>

        <!-- SCRIPT DIAPORAMA CENTRE  -->
<script type="text/javascript">
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID");
</script>
       <!--  FIN SCRIPT DIAPORAMA CENTRE  -->

       <!--   SCRIPT DIAPORAMA DROITE -->
<script>
	$outer_container=$("#outer_container");
	$thumbScroller=$("#thumbScroller");
	$thumbScroller_container=$("#thumbScroller .container");
	$thumbScroller_content=$("#thumbScroller .content");
	$thumbScroller_thumb=$("#thumbScroller .thumb");
	$(window).load(function() {
		var sliderHeight=$thumbScroller.height();
		var itemHeight=$thumbScroller_content.height();

		$thumbScroller_content.each(function (i) {
			totalContent=i*itemHeight;
		});

		$thumbScroller.mousemove(function(e){
	  		var mouseCoords=(e.pageY - this.offsetTop);
	  		var mousePercentY=mouseCoords/sliderHeight;
	  		var destY=-(((totalContent-(sliderHeight-itemHeight))-sliderHeight)*(mousePercentY));
	  		var thePosA=mouseCoords-destY;
	  		var thePosB=destY-mouseCoords;
	  		if(mouseCoords>destY){
		  		$thumbScroller_container.css("top",-thePosA);
	  		}
	  		if(mouseCoords<destY){
		  		$thumbScroller_container.css("top",thePosB);
	  		}
		});

		var fadeSpeed=400;
		$thumbScroller_thumb.each(function () {
			var $this=$(this);
			$this.fadeTo(fadeSpeed, 100);

			});

		$thumbScroller_thumb.hover(
			function(){ //mouse over
				var $this=$(this);
				$this.stop().fadeTo(fadeSpeed, 1);

			},
			function(){ //mouse out
				var $this=$(this);
				$this.stop().fadeTo(fadeSpeed, 50);

			}
		);
	});
</script>
     <!--  FIN SCRIPT DIAPORAMA DROITE  -->

     <!--  FIN SCRIPT DIAPORAMA HAUT  -->
<script>
jQuery.easing['BounceEaseOut'] = function(p, t, b, c, d) {
	if ((t/=d) < (1/2.75)) {
		return c*(7.5625*t*t) + b;
	} else if (t < (2/2.75)) {
		return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
	} else if (t < (2.5/2.75)) {
		return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
	} else {
		return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
	}
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        easing: 'BounceEaseOut',
        animation: 1500
    });
});

function mycarousel_initCallback(carousel)
{

    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(20);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(20);
    });


    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        auto: 3,
        wrap: 'last',
        initCallback: mycarousel_initCallback
    });
});

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        visible:3.2
    });
});
</script>
 <!--  FIN SCRIPT DIAPORAMA HAUT  -->


</body>
</html>
	<!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" />
	<link rel="shortcut icon" href="image/decoupe/favicon.jpg" type="image/x-icon" />
	<title>Accueil \| Arts-africains</title>
	<!-- Style css de la page index -->
	<link rel="stylesheet" type="text/css" href="Page/index/style.css" media="all" />
	<!--[if IE]>
	<link rel="stylesheet" type="text/css" href="Page/index/styleIE.css" />
	<![endif]-->
	<!-- FIN Style css de la page index -->

	<!-- Diaporama du centre -->
	<script src="Page/index/Scripts/swfobject_modified.js" type="text/javascript"></script>
	<!-- Fin Diaporama du centre -->

	<!-- Diaporama de droite -->
	<link rel="stylesheet" type="text/css" href="flash/jquery_thumbnail_scroller/2/diaporama_droite.css" media="all" />
	<script type="text/javascript" src="flash/jquery_thumbnail_scroller/2/diaporama_droite.js"></script>
	<!-- FIN Diaporama de droite -->

	<!-- Diaporama du Haut -->
	<link href="flash/jquery_thumbnail_scroller/1/skin_2.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="flash/jquery_thumbnail_scroller/1/jquery-1.4.22.min.js"></script>
	<script type="text/javascript" src="flash/jquery_thumbnail_scroller/1/jquery.jcarousel.min.js"></script>
	<!-- FIN Diaporama du Haut -->

	</head>
	<body>

	<div id="main">
	<div id="tete">
	</div>
	<br class="clearfloat" />
	<div id="index_r2_c1">
	</div>
	<div id="colwrap1">
	<a href="index.html">
	<img src="image/decoupe/Logo.jpg" id="Logo" alt="" />
	</a>
	<div id="index_r3_c2">
	</div>
	</div>
	<!-- Image du diaporama du haut -->
	<div id="index_r2_c4">
	<ul class="jcarousel-skin-tango" id="mycarousel">
	<li><img src="flash/jquery_thumbnail_scroller/1/images/100_0569.JPG" /></li>
	<li><img src="flash/jquery_thumbnail_scroller/1/images/100_0599.JPG" /></li>
	<li><img src="flash/jquery_thumbnail_scroller/1/images/100_0602.JPG" /></li>
	<li><img src="flash/jquery_thumbnail_scroller/1/images/100_0626.JPG" /></li>
	<li><img src="flash/jquery_thumbnail_scroller/1/images/100_0632.JPG" /></li>
	<li><img src="flash/jquery_thumbnail_scroller/1/images/100_0660.JPG" /></li>
	<li><img src="flash/jquery_thumbnail_scroller/1/images/IMG_0086.JPG" /></li>
	<li><img src="flash/jquery_thumbnail_scroller/1/images/IMG_0111.JPG" /></li>
	<li><img src="flash/jquery_thumbnail_scroller/1/images/IMGP0077.JPG" /></li>
	<li><img src="flash/jquery_thumbnail_scroller/1/images/P1010612.JPG" /></li>
	<li><img src="flash/jquery_thumbnail_scroller/1/images/IMG_0135.JPG" /></li>
	<li><img src="flash/jquery_thumbnail_scroller/1/images/100_0660.JPG" /></li>
	<li><img src="flash/jquery_thumbnail_scroller/1/images/IMG_0163.JPG" /></li>
	<li><img src="flash/jquery_thumbnail_scroller/1/images/100_0569.JPG" /></li>
	</ul>
	</div>
	<!-- FIN Image du diaporama du haut -->

	<!-- MENU 1 -->
	<br class="clearfloat" />
	<div id="menu1">
	<a href="Page/index/malachite.html">Malachite</a> <a href="Page/index/les_tissus_africains.html">Tissus africains</a> <a href="Page/index/masques_africains.html">Masques africains</a><a href="Page/index/statuettes_africaines.html">Statuettes africaines</a> <a href="Page/index/tableaux_africains.html">Tableaux africains</a> <a href= "Page/index/décorations_africaines.html">Décorations africaines</a> </div>
	<!-- FIN MENU 1 -->

	<!-- MENU 2 -->

	<br class="clearfloat" />
	<div id="menu2"><a href="index.html">Accueil</a> <a href="Page/index/boutique.html">Boutique</a> <a href="Page/index/qui_somme_nous.html">Qui somme nous</a><a href= "Page/index/livre_d'or.php">Livre d'or</a> <a href="Page/index/liens.html">Liens</a> <a href="Page/index/contactez_nous.html">Contactez-nous</a>
	</div>
	<!-- FIN MENU 2 -->

	<br class="clearfloat" />
	<div id="colwrap2">
	<div id="gauche">
	<!-- CHAMP NEWSLETTERS -->
	<div class="newsletter" id="test">
	<form method="post" action="Page/newsletters/inscription.php">
	<input name="email" type="text" class="for" size="13" />
	<input name="valid" type="image" class="ok" value="Valider" src="image/decoupe/ok.png" />
	<input name="action" type="radio" class="abo" value="abo"
	checked="checked" />S'abonner
	<input name="action" type="radio" class="desabo" value="desabo" />Désabonner
	</form></div></div>

	<!-- FIN CHAMP NEWSLETTERS -->
	<!-- ALONGEMENT DE LA PARTIE GAUCHE -->
	<img src="image/decoupe/repeat1.jpg" id="repeat1" alt="" />
	</div>
	<!-- FIN ALONGEMENT DE LA PARTIE GAUCHE -->
	<!-- DIV CENTRE -->
	<div id="centre">
	<p class="Txt_Bienvenue">
	Bienvenue sur le site Arts-africains</p>
	<p class="Txt_Vous">
	Vous aimez l’Afrique et souhaitez décorer votre maison d’une façon hors de l’ordinaire. Vous êtes ouvert à une autre culture. Vous trouverez votre bonheur à un bon prix ( objets africains, masques africains, statues africaines, tapis en raphia, Tissus africains... ) mais également des explications sur l’origine de certains objets.</p>
	<p class="Txt_Bonne">
	Bonne visite...</p>

	<!-- DIAPORAMA DU CENTRE -->
	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="540" height="257" class="bann1" id="FlashID">
	<param name="movie" value="flash/~bananim2.swf" />
	<param name="quality" value="high" />
	<param name="wmode" value="opaque" />
	<param name="swfversion" value="6.0.65.0" />
	<!-- Cette balise <param> invite les utilisateurs de Flash Player en version 6.0 r65 et ultérieure à télécharger la version la plus récente de Flash Player. Supprimez-la si vous ne voulez pas que cette invite soit visible. -->
	<param name="expressinstall" value="Scripts/expressInstall.swf" />
	<!-- La balise <object> suivante est destinée aux navigateurs autres qu'IE. Supprimez-la d'IE à l'aide d'IECC. -->
	<!--[if !IE]>-->
	<object type="application/x-shockwave-flash" data="flash/~bananim2.swf" width="540" height="257">
	<!--<![endif]-->
	<param name="quality" value="high" />
	<param name="wmode" value="opaque" />
	<param name="swfversion" value="6.0.65.0" />
	<param name="expressinstall" value="Scripts/expressInstall.swf" />
	<!-- Le navigateur affichera le contenu alternatif suivant pour les utilisateurs d'un lecteur Flash de version 6.0 ou de versions plus anciennes. --><div>
	<h4>Le contenu de cette page nécessite une version plus récente d’Adobe Flash Player.</h4>
	<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtenir le lecteur Adobe Flash" width="112" height="33" /></a></p>
	</div>
	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
	</object>
	<!-- FIN DU DIAPORAMA CENTRE -->
	<!-- TABLEAU DES NOUVEAUTES -->
	<img src="image/decoupe/nouveaute.jpg" alt="nouveaute" width="540" height="761" class="nouveaute" /></div>
	<!-- FIN TABLEAU DES NOUVEAUTES -->

	<div id="colwrap3"><div>

	<!-- DIV droite -->
	<div id="droite">
	<!--MENU histoire & Ethnies -->
	<p class="histoire">
	<li><a href="Page/index/l'art_africain.html">L'art africain</a></li>
	<li><a href="Page/index/masque_africain.html">Masque africain</a></li>
	<li><a href="Page/index/statuettes_et_sculptures.html">Statuettes et sculptures</a></li>
	<li><a href="Page/index/les_tissus_africains.html">Les tissus africains</a></li>
	<li><a href="Page/index/voyage_chez_les_balubakats.html">Voyage chez les balubas</a><li></p></div></div>
	<!--FIN MENU histoire & Ethnies -->

	<br class="clearfloat" />
	<div id="index_r7_c5"></div>

	<!-- LOGO FIANET -->
	<div id="colwrap5">
	<a href="http://www.fia-net.com/"><img src="image/decoupe/fianet.jpg" id="fianet" alt="" /></a>
	<!-- FIN LOGO FIANET -->

	<div id="index_r8_c6"></div></div>
	<div id="index_r7_c7"></div>

	<!--DEBUT Diaporama droite-->
	<div id="outer_container">
	<div id="thumbScroller">
	<div class="container">
	<div class="content">
	<div><a href="#"><img src="flash/jquery_thumbnail_scroller/2/thumbs/100_0675.jpg" class="thumb" /></a></div></div>
	<div class="content">
	<div><a href="#"><img src="flash/jquery_thumbnail_scroller/2/thumbs/dsc01233.jpg" class="thumb" /></a></div></div>
	<div class="content">
	<div><a href="#"><img src="flash/jquery_thumbnail_scroller/2/thumbs/dsc01243.jpg" class="thumb" /></a></div></div>
	<div class="content">
	<div><a href="#"><img src="flash/jquery_thumbnail_scroller/2/thumbs/img_0024.jpg" class="thumb" /></a></div></div>
	<div class="content">
	<div><a href="#"><img src="flash/jquery_thumbnail_scroller/2/thumbs/p1010565.jpg" class="thumb" /></a></div></div>
	<div class="content">
	<div><a href="#"><img src="flash/jquery_thumbnail_scroller/2/thumbs/p1010564.jpg" class="thumb" /></a></div></div>
	<div class="content">
	<div><a href="#"><img src="flash/jquery_thumbnail_scroller/2/thumbs/p1010565.jpg" class="thumb" /></a></div></div>
	<div class="content">
	<div><a href="#"><img src="flash/jquery_thumbnail_scroller/2/thumbs/img_0065.jpg" class="thumb" /></a></div></div>
	<div class="content">
	<div><a href="#"><img src="flash/jquery_thumbnail_scroller/2/thumbs/thumb3.jpg" class="thumb" /></a></div></div>
	</div></div></div>
	<!-- FIN diaporama droite-->

	<!-- ALONGEMENT DE LA PARTIE DROITE -->
	<br class="clearfloat" />
	<div><img src="image/decoupe/repeat2.jpg" id="repeat2" alt="" /></div>
	<!-- FIN ALONGEMENT DE LA PARTIE DROITE -->

	<br class="clearfloat" /></div>

	<!-- DIV PIED -->
	<div id="pied">
	<!-- LIENS PIED -->
	<p class="Copyright"><a href="http://www.copyrightfrance.com/">Copyright</a> © 2010 Arts-africains. Tous droits réservés.</p>
	<p class="liensp"><li><a href="Page/index/infos_paiement.html" class="liensp">Infos paiement</a></li>
	<li><a href="Page/index/infos_livraison.html" class="liensp">Infos livraison</a></li>
	<li><a href="Page/index/conditions_générales_de_vente.html" class="liensp">Conditions générales de vente</a></li></p></div>
	<!-- LIENS PIED -->
	<br class="clearfloat" /></div>

	<!-- SCRIPT DIAPORAMA CENTRE -->
	<script type="text/javascript">
	swfobject.registerObject("FlashID");
	swfobject.registerObject("FlashID");
	swfobject.registerObject("FlashID");
	swfobject.registerObject("FlashID");
	swfobject.registerObject("FlashID");
	swfobject.registerObject("FlashID");
	swfobject.registerObject("FlashID");
	swfobject.registerObject("FlashID");
	</script>
	<!-- FIN SCRIPT DIAPORAMA CENTRE -->

	<!-- SCRIPT DIAPORAMA DROITE -->
	<script>
	$outer_container=$("#outer_container");
	$thumbScroller=$("#thumbScroller");
	$thumbScroller_container=$("#thumbScroller .container");
	$thumbScroller_content=$("#thumbScroller .content");
	$thumbScroller_thumb=$("#thumbScroller .thumb");
	$(window).load(function() {
	var sliderHeight=$thumbScroller.height();
	var itemHeight=$thumbScroller_content.height();

	$thumbScroller_content.each(function (i) {
	totalContent=i*itemHeight;
	});

	$thumbScroller.mousemove(function(e){
	var mouseCoords=(e.pageY - this.offsetTop);
	var mousePercentY=mouseCoords/sliderHeight;
	var destY=-(((totalContent-(sliderHeight-itemHeight))-sliderHeight)*(mousePercentY));
	var thePosA=mouseCoords-destY;
	var thePosB=destY-mouseCoords;
	if(mouseCoords>destY){
	$thumbScroller_container.css("top",-thePosA);
	}
	if(mouseCoords<destY){
	$thumbScroller_container.css("top",thePosB);
	}
	});

	var fadeSpeed=400;
	$thumbScroller_thumb.each(function () {
	var $this=$(this);
	$this.fadeTo(fadeSpeed, 100);

	});

	$thumbScroller_thumb.hover(
	function(){ //mouse over
	var $this=$(this);
	$this.stop().fadeTo(fadeSpeed, 1);

	},
	function(){ //mouse out
	var $this=$(this);
	$this.stop().fadeTo(fadeSpeed, 50);

	}
	);
	});
	</script>
	<!-- FIN SCRIPT DIAPORAMA DROITE -->

	<!-- FIN SCRIPT DIAPORAMA HAUT -->
	<script>
	jQuery.easing['BounceEaseOut'] = function(p, t, b, c, d) {
	if ((t/=d) < (1/2.75)) {
	return c(7.5625t*t) + b;
	} else if (t < (2/2.75)) {
	return c(7.5625(t-=(1.5/2.75))*t + .75) + b;
	} else if (t < (2.5/2.75)) {
	return c(7.5625(t-=(2.25/2.75))*t + .9375) + b;
	} else {
	return c(7.5625(t-=(2.625/2.75))*t + .984375) + b;
	}
	};

	jQuery(document).ready(function() {
	jQuery('#mycarousel').jcarousel({
	easing: 'BounceEaseOut',
	animation: 1500
	});
	});

	function mycarousel_initCallback(carousel)
	{

	carousel.buttonNext.bind('click', function() {
	carousel.startAuto(20);
	});

	carousel.buttonPrev.bind('click', function() {
	carousel.startAuto(20);
	});


	carousel.clip.hover(function() {
	carousel.stopAuto();
	}, function() {
	carousel.startAuto();
	});
	};

	jQuery(document).ready(function() {
	jQuery('#mycarousel').jcarousel({
	auto: 3,
	wrap: 'last',
	initCallback: mycarousel_initCallback
	});
	});

	jQuery(document).ready(function() {
	jQuery('#mycarousel').jcarousel({
	visible:3.2
	});
	});
	</script>
	<!-- FIN SCRIPT DIAPORAMA HAUT -->


	</body>
	</html>