Un widget en mouvement

bonjour, j'avais precedement posé la question, je n'ai pas eu d'aide, je retente ma chance avec un exemple.
j'ai recuperé le code du widget meteo que j'aimerai faire venir de la droite vers la gauche au load de la page.
il me manque le code à appliquer en JS et l'appel HTML. j'ai tenté d'y faire mais debutant je ne trouve pas.
le CSS

il s'agit de ce widget en mode large

http://www.meteorama.fr/widget/?gclid=CK2Iw821y7oCFafMtAodiRUAKg

.animated{
    -webkit-animation-fill-mode:both;
    -webkit-animation-duration:1s;}
	
.animated.hinge{
    -webkit-animation-duration:1s;}
	
@-webkit-keyframes slideInLeft 
{
   0% { 
	opacity: 0;
	-webkit-transform: translateX(-2000px);
          }	
    100% { 
	-webkit-transform: translateX(0);
                }
  }

.slideInLeft {
      -webkit-animation-name: slideInLeft;}
 

le code du widget "méteo"

<div id="c_ae82f848792d36377e32a7892312986c" class="ancho">
     <h2 > 	<a href="http://www.meteorama.fr/m%C3%A9t%C3%A9o-paris.html" style="color: #000000; text-decoration: none; font: bold 13px/1.2 Verdana;">Meteo a Paris</a></h2>
	<div id="w_ae82f848792d36377e32a7892312986c" class="ancho" style="height:100%"></div>
</div>
<script type="text/javascript" src="http://www.meteorama.fr/widget/loader/ae82f848792d36377e32a7892312986c">
</script>

merci pour votre aide
Modifié par lazhar (04 Nov 2013 - 16:15)