• Zette 73

     

    _________________________________________________________________________________________

    C'est en train que je me suis rendue à la fête du Lac d'Annecy ... Un voyage qui fut  presque à une aventure ... Plusieurs changements prévus et ... imprévus ... Valence, Grenoble, Montmélian, Albertville .... 

    C'est pourtant le moyen de locomotion que je vous recommande tant il est difficile de circuler dans Annecy ce jour-là et surtout de trouver à se garer .... 

    _________________________________________________________________________________________

     

    le 1er Aout, veille de la fête,  j'avais rendez-vous avec une amie blogueuse de longue date, Josette ...

    Zette

    Zette, c'est comme moi une amoureuse de la planète, une grande voyageuse qui ramène de si belles photos des deux pays qu'elle aime particulièrement ... Le Sénégal et Madagascar ....

     

    P1490423.JPG

     

     

    SURVOLEZ LES BOUTONS AVEC LA SOURIS

     

    Ce fut une soirée merveilleusement détendue, en compagnie de sa famille et du chien de ses enfants, le beau FOSTER, si doux et si joueur ... Le lendemain, en début d'après-midi, je reprenais un autocar pour Annecy ... Une rencontre trop brêve mais nous avons déjà échangé des messages et nous nous sommes téléphoné ... Une amitié réelle est née et je suis sure que nous nous reverrons bientôt ...

    a.jpgA ANNECY, C'ETAIT DEJA LA FETE 

    POINTEZ LA SOURIS SUR LES DEUX PHOTOS AU DESSOUS !!

     

    Les pelouses étaient bondées, les restaurants et les bars pris d'assaut ...

     

    Le long du canal, dans le parc, sur les placettes, des clowns amusaient les enfants, des musiciens de rue faisaient danser les passants ....

    CLIC SUR LES BULLES !!

    P1490454-copie-1.JPGP1490460.JPGP1490458.JPGP1490459.JPGP1490483.JPGP1490496.JPGP1490488.JPG

     

    P1490475.JPGP1490494.JPGP1490500.JPGP1490447.JPGP1490451.JPGP1490478.JPGP1490486.JPG

     

     

    <p>&nbsp;</p>
    <p>
        <span style="color: #ffff99;">_________________________________________________________________________________________<br /></span>
      </p>
    <p>
        <span style="color: #ffff99;">C'est en train que je me suis rendue &agrave; la f&ecirc;te du Lac d'Annecy ... Un voyage qui fut&nbsp; presque &agrave; une aventure ... Plusieurs changements pr&eacute;vus et ... impr&eacute;vus
        ... Valence, Grenoble, Montm&eacute;lian, Albertville ....&nbsp;</span>
      </p>
    <p>
        <span style="color: #ffff99;">C'est pourtant le moyen de locomotion que je vous recommande tant il est difficile de circuler dans Annecy ce jour-l&agrave; et surtout de trouver &agrave; se garer
        ....&nbsp;</span>
      </p>
    <p>
        <span style="color: #ffff99;">_________________________________________________________________________________________<br /></span>
      </p>
    <p>&nbsp;</p>
    <table style="width: 99%;" border="0">
    <tbody>
    <tr>
    <td valign="top">
    <p>
                <em><span style="color: #cc99ff; font-family: times new roman,times; font-size: 12pt;">le 1er Aout, veille de la f&ecirc;te,&nbsp; j'avais rendez-vous avec une amie blogueuse de longue date,
                Josette ...<br /></span></em>
              </p>
    <p style="text-align: center;">
                <span style="font-size: 24pt;"><strong>Zette</strong></span>
              </p>
    <p>
                <span style="font-size: 12pt;"><em><span style="color: #cc99ff; font-family: times new roman,times;">Zette, c'est comme moi une amoureuse de la plan&egrave;te, une grande voyageuse qui ram&egrave;ne de
                si belles photos des deux pays qu'elle aime particuli&egrave;rement ... <strong>Le S&eacute;n&eacute;gal et Madagascar ....</strong></span></em></span>
              </p>
    </td>
    <td style="width: 10px;">
              &nbsp;
            </td>
    <td>
    <p>
                <img style="width: 400px; height: 289px; border: 4px double #FF7F50; border-radius: 50px/50px;" src="http://idata.over-blog.com/3/00/20/82/ANNECY/P1490423.JPG" class="DrteTexte" alt="P1490423.JPG" height="289" width="400" />
              </p>
    </td>
    </tr>
    </tbody>
    </table>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <table style="width: 99%;" border="0" width="165" height="24">
    <tbody>
    <tr>
    <td style="text-align: center;">
              <span style="font-size: 14pt;"><strong>SURVOLEZ LES BOUTONS AVEC LA SOURIS</strong></span>
            </td>
    </tr>
    </tbody>
    </table>
    <div class="article_text">
    <div style="width: 620px;">
          <img class="bt1" style="width: 40px; margin: 10px 10px 10px 170px;" src="http://ekladata.com/_OiKbXqb6lADEqfT5auDSpSm0rs.gif" /> <img class="bt2" style="width: 40px; margin: 10px 10px 10px 10px;" src="http://ekladata.com/_OiKbXqb6lADEqfT5auDSpSm0rs.gif" /> <img class="bt3" style="width: 40px; margin: 10px 10px 10px 10px;" src="http://ekladata.com/_OiKbXqb6lADEqfT5auDSpSm0rs.gif" />
          <img class="bt4" style="width: 40px; margin: 10px 10px 10px 10px;" src="http://ekladata.com/_OiKbXqb6lADEqfT5auDSpSm0rs.gif" /><img class="bt5" style="width: 40px; margin: 10px 10px 10px 10px;" src="http://ekladata.com/_OiKbXqb6lADEqfT5auDSpSm0rs.gif" /><br />
          <img class="orch1" src="http://idata.over-blog.com/3/00/20/82/ANNECY/1-copie-1.jpg" /> <img class="orch2" src="http://idata.over-blog.com/3/00/20/82/ANNECY/2-copie-1.jpg" /><img class="orch3" src="http://idata.over-blog.com/3/00/20/82/ANNECY/3-copie-1.jpg" /><img class="orch4" src="http://idata.over-blog.com/3/00/20/82/ANNECY/4-copie-1.jpg" /><img class="orch5" src="http://idata.over-blog.com/3/00/20/82/ANNECY/5-copie-1.jpg" />
        </div>
    </div>
    <p>&nbsp;</p>
    <p style="text-align: justify;">
        <span style="font-size: 12pt; color: #ab80d6;"><em><span style="font-family: times new roman,times;">Ce fut une soir&eacute;e merveilleusement d&eacute;tendue, en compagnie de sa famille et du chien de ses
        enfants, le beau FOSTER, si doux et si joueur ... Le lendemain, en d&eacute;but d'apr&egrave;s-midi, je reprenais un autocar pour Annecy ... Une rencontre trop br&ecirc;ve mais nous avons d&eacute;j&agrave; &eacute;chang&eacute; des messages
        et nous nous sommes t&eacute;l&eacute;phon&eacute; ... <span style="font-size: 14pt;"><strong>Une amiti&eacute; r&eacute;elle est n&eacute;e et je suis sure que nous nous reverrons bient&ocirc;t ...</strong></span></span></em></span>
      </p>
    <p style="text-align: center;">
        <img style="width: 610px; height: 458px; border: 4px double #FF7F50; border-radius: 50px/50px;" src="http://idata.over-blog.com/3/00/20/82/ANNECY/a.jpg" class="CtreTexte" alt="a.jpg" height="458" width="610" /><span style="font-family: tahoma,arial,helvetica,sans-serif; font-size: 21pt;"><strong>A ANNECY, C'ETAIT DEJA LA FETE&nbsp;</strong></span>
      </p>
    <p style="text-align: center;">
        <span style="color: #ffff99;"><strong><span style="font-size: 12pt;">POINTEZ LA SOURIS SUR LES DEUX PHOTOS AU DESSOUS !!<br /></span></strong></span>
      </p>
    <div class="grain" style="float: left; width: 610px; height: 458px; border: 4px double #FF7F50; border-radius: 50px/50px;">
        &nbsp;
      </div>
    <p style="text-align: center;">
        <strong><span style="font-family: times new roman,times; font-size: 14pt; color: #cc99ff;"><em>Les pelouses &eacute;taient bond&eacute;es, les restaurants et les bars pris d'assaut ...</em></span></strong>
      </p>
    <div class="article_text">
    <div style="float: left; width: 640px; height: 470px;">
          <a class="nom4"><img style="border: 4px double #FF7F50; border-radius: 50px/50px;" src="http://idata.over-blog.com/3/00/20/82/ANNECY/b.jpg" /> <img style="border: 4px double #FF7F50; border-radius: 50px/50px;" src="http://idata.over-blog.com/3/00/20/82/ANNECY/b1.jpg" /></a>
        </div>
    </div>
    <p>&nbsp;</p>
    <p>
        <strong><em><span style="color: #cc99ff; font-family: times new roman,times; font-size: 14pt;">Le long du canal, dans le parc, sur les placettes, des clowns amusaient les enfants, des musiciens
        de rue faisaient danser les passants ....</span></em></strong>
      </p>
    <p style="text-align: center;">
        <span style="color: #ffff99;"><strong><span style="font-size: 14pt;">CLIC SUR LES BULLES !!</span></strong></span>
      </p>
    <p>
        <a href="http://idata.over-blog.com/3/00/20/82/ANNECY/P1490454-copie-1.JPG" class="nopopup" onclick="return !window.open(this);"><img style="border: 2px strong #FF7F50; border-radius: 38px/38px;" src="http://img.over-blog.com/100x75/3/00/20/82/ANNECY/P1490454-copie-1.JPG" class="noAlign" alt="P1490454-copie-1.JPG" height="75" width="75" /></a><a href="http://idata.over-blog.com/3/00/20/82/ANNECY/P1490460.JPG" class="nopopup" onclick="return !window.open(this);"><img style="border: 2px strong #FF7F50; border-radius: 38px/38px; margin: 0px 3px;" src="http://img.over-blog.com/100x75/3/00/20/82/ANNECY/P1490460.JPG" alt="P1490460.JPG" class=" noAlign" height="75" width="75" /></a><a href="http://idata.over-blog.com/3/00/20/82/ANNECY/P1490458.JPG" class="nopopup" onclick="return !window.open(this);"><img style="margin: 0px 3px; border: 2px strong #FF7F50; border-radius: 38px/38px;" src="http://img.over-blog.com/100x75/3/00/20/82/ANNECY/P1490458.JPG" class="noAlign" alt="P1490458.JPG" height="75" width="75" /></a><a href="http://idata.over-blog.com/3/00/20/82/ANNECY/P1490459.JPG" class="nopopup" onclick="return !window.open(this);"><img style="border: 2px strong #FF7F50; border-radius: 38px/38px; margin: 0px 3px;" src="http://img.over-blog.com/100x75/3/00/20/82/ANNECY/P1490459.JPG" alt="P1490459.JPG" class=" noAlign" height="75" width="75" /></a><a href="http://idata.over-blog.com/3/00/20/82/ANNECY/P1490483.JPG" class="nopopup" onclick="return !window.open(this);"><img style="border: 2px strong #FF7F50; border-radius: 38px/38px;" src="http://img.over-blog.com/100x75/3/00/20/82/ANNECY/P1490483.JPG" class="noAlign" alt="P1490483.JPG" height="75" width="75" /></a><a href="http://idata.over-blog.com/3/00/20/82/ANNECY/P1490496.JPG" class="nopopup" onclick="return !window.open(this);"><img style="border: 2px strong #FF7F50; border-radius: 38px/38px;" src="http://img.over-blog.com/100x75/3/00/20/82/ANNECY/P1490496.JPG" alt="P1490496.JPG" class=" noAlign" height="75" width="75" /></a><a href="http://idata.over-blog.com/3/00/20/82/ANNECY/P1490488.JPG" class="nopopup" onclick="return !window.open(this);"><img style="border: 2px strong #FF7F50; border-radius: 38px/38px;" src="http://img.over-blog.com/75x75/3/00/20/82/ANNECY/P1490488.JPG" class="noAlign" alt="P1490488.JPG" height="75" width="75" /></a>
      </p>
    <p>&nbsp;</p>
    <p>
        <a href="http://idata.over-blog.com/3/00/20/82/ANNECY/P1490475.JPG" class="nopopup" onclick="return !window.open(this);"><img style="border: 2px strong #FF7F50; border-radius: 38px/38px;" src="http://img.over-blog.com/75x75/3/00/20/82/ANNECY/P1490475.JPG" class="noAlign" alt="P1490475.JPG" height="75" width="75" /></a><a href="http://idata.over-blog.com/3/00/20/82/ANNECY/P1490494.JPG" class="nopopup" onclick="return !window.open(this);"><img style="border: 2px strong #FF7F50; border-radius: 38px/38px; margin: 0px 3px;" src="http://img.over-blog.com/75x75/3/00/20/82/ANNECY/P1490494.JPG" class="noAlign" alt="P1490494.JPG" height="75" width="75" /></a><a href="http://idata.over-blog.com/3/00/20/82/ANNECY/P1490500.JPG" class="nopopup" onclick="return !window.open(this);"><img style="margin: 0px 3px; border: 2px strong #FF7F50; border-radius: 38px/38px;" src="http://img.over-blog.com/75x75/3/00/20/82/ANNECY/P1490500.JPG" class="noAlign" alt="P1490500.JPG" height="75" width="75" /></a><a href="http://idata.over-blog.com/3/00/20/82/ANNECY/P1490447.JPG" class="nopopup" onclick="return !window.open(this);"><img style="border: 2px strong #FF7F50; border-radius: 38px/38px; margin: 0px 3px;" src="http://img.over-blog.com/75x75/3/00/20/82/ANNECY/P1490447.JPG" class="noAlign" alt="P1490447.JPG" height="75" width="75" /></a><a href="http://idata.over-blog.com/3/00/20/82/ANNECY/P1490451.JPG" class="nopopup" onclick="return !window.open(this);"><img style="border: 2px strong #FF7F50; border-radius: 38px/38px;" src="http://img.over-blog.com/75x75/3/00/20/82/ANNECY/P1490451.JPG" class="noAlign" alt="P1490451.JPG" height="75" width="75" /></a><a href="http://idata.over-blog.com/3/00/20/82/ANNECY/P1490478.JPG" class="nopopup" onclick="return !window.open(this);"><img style="border: 2px strong #FF7F50; border-radius: 38px/38px;" src="http://img.over-blog.com/75x75/3/00/20/82/ANNECY/P1490478.JPG" class="noAlign" alt="P1490478.JPG" height="75" width="75" /></a><a href="http://idata.over-blog.com/3/00/20/82/ANNECY/P1490486.JPG" class="nopopup" onclick="return !window.open(this);"><img style="border: 2px strong #FF7F50; border-radius: 38px/38px;" src="http://img.over-blog.com/75x75/3/00/20/82/ANNECY/P1490486.JPG" class="noAlign" alt="P1490486.JPG" height="75" width="75" /></a>
      </p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <style type="text/css"><!--
    a.nom4{
    position:relative;
    display: block;
    overflow:hidden;
    width: 610px; /* largeur paragraphe */
    height: 458px; /* hauteur paragraphe */
    }
    a.nom4 img{
    width: 97%;
    height: 97%;
    position:absolute;
    left:0;
    top:0;
    -moz-transition: all 1s ease; /* paramètres transition */
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    z-index: 2;
    clip: rect(0,610px,458px,0); /* clip rect(0,larg.image,haut.image,0) */
    }


    a.nom4 img:nth-of-type(2){ /* cacher deuxième image sous la première */
    z-index: 1;
    }


    a.nom4:hover img:nth-of-type(1){ /* survol pour faire apparaitre seconde image, effacement de la première */
    clip: rect(0px,0px,458px,610px); /* clip rect(larg.image/0 pour sens,larg.image/0 pour sens,hauteur.image/0 pour sens,hauteur.image/0 pour sens) */
    opacity: 0;
    }
    .grain{
    -webkit-transition:all 3s linear;
    -moz-transition: all 3s linear;
    background-image: url('http://ekladata.com/dacaio.eklablog.fr/perso/P1490509.JPG');
    background-size: 100% 100%;
    background-position: center center;}
    .grain:hover{
    background-size: 350% 350%;
    background-position: 20% 60%;}
    .orch1{
    -webkit-transition:all 1s linear;
    -moz-transition:all 1s linear;
    -webkit-transform:translate(10px,20px);
    -moz-transform:translate(10px,20px);
    width:100px;
    height:100px;
    border-radius:50px;
    box-shadow:3px 3px 6px black;
    border:4px solid #FF7F50;}
    .orch2{
    -webkit-transition:all 1s linear;
    -moz-transition:all 1s linear;
    -webkit-transform:translate(25px,20px);
    -moz-transform:translate(25px,20px);
    width:100px;
    height:100px;
    border-radius:50px;
    box-shadow:3px 3px 6px black;
    border:4px solid #FF7F50;}
    .orch3{
    -webkit-transition:all 1s linear;
    -moz-transition:all 1s linear;
    -webkit-transform:translate(40px,20px);
    -moz-transform:translate(40px,20px);
    width:100px;
    height:100px;
    border-radius:50px;
    box-shadow:3px 3px 6px black;
    border:4px solid #FF7F50;}
    .orch4{
    -webkit-transition:all 1s linear;
    -moz-transition:all 1s linear;
    -webkit-transform:translate(55px,20px);
    -moz-transform:translate(55px,20px);
    width:100px;
    height:100px;
    border-radius:50px;
    box-shadow:3px 3px 6px black;
    border:4px solid #FF7F50;}
    .orch5{
    -webkit-transition:all 1s linear;
    -moz-transition:all 1s linear;
    -webkit-transform:translate(70px,20px);
    -moz-transform:translate(70px,20px);
    width:100px;
    height:100px;
    border-radius:50px;
    box-shadow:3px 3px 6px black;
    border:4px solid #FF7F50;}
    .bt1:hover ~ .orch1{
    width:500px;
    height:300px;}
    .bt1:hover ~ .orch2{
    width:5px;
    height:200px;
    -webkit-transform:translate(30px,15px);
    -moz-transform:translate(30px,15px);}
    .bt1:hover ~ .orch3{
    width:5px;
    height:200px;
    -webkit-transform:translate(40px,15px);
    -moz-transform:translate(40px,15px);}
    .bt1:hover ~ .orch4{
    width:5px;
    height:200px;
    -webkit-transform:translate(50px,15px);
    -moz-transform:translate(50px,15px);}
    .bt1:hover ~ .orch5{
    width:5px;
    height:200px;
    -webkit-transform:translate(60px,15px);
    -moz-transform:translate(60px,15px);}
    .bt2:hover ~ .orch2{
    -webkit-transform:translate(30px,15px);
    -moz-transform:translate(30px,15px);
    width:500px;
    height:300px;}
    .bt2:hover ~ .orch1{
    width:5px;
    height:200px;
    -webkit-transform:translate(15px,15px);
    -moz-transform:translate(15px,15px);}
    .bt2:hover ~ .orch3{
    width:5px;
    height:200px;
    -webkit-transform:translate(50px,15px);
    -moz-transform:translate(50px,15px);}
    .bt2:hover ~ .orch4{
    width:5px;
    height:200px;
    -webkit-transform:translate(60px,15px);
    -moz-transform:translate(60px,15px);}
    .bt2:hover ~ .orch5{
    width:5px;
    height:200px;
    -webkit-transform:translate(70px,15px);
    -moz-transform:translate(70px,15px);}
    .bt3:hover ~ .orch3{
    -webkit-transform:translate(35px,15px);
    -moz-transform:translate(35px,15px);
    width:500px;
    height:300px;}
    .bt3:hover ~ .orch1{
    width:5px;
    height:200px;
    -webkit-transform:translate(10px,15px);
    -moz-transform:translate(10px,15px);}
    .bt3:hover ~ .orch2{
    width:5px;
    height:200px;
    -webkit-transform:translate(20px,15px);
    -moz-transform:translate(20px,15px);}
    .bt3:hover ~ .orch4{
    width:5px;
    height:200px;
    -webkit-transform:translate(55px,15px);
    -moz-transform:translate(55px,15px);}
    .bt3:hover ~ .orch5{
    width:5px;
    height:200px;
    -webkit-transform:translate(65px,15px);
    -moz-transform:translate(65px,15px);}
    .bt4:hover ~ .orch1{
    -webkit-transform:translate(10px,15px);
    -moz-transform:translate(10px,15px);
    width:5px;
    height:200px;}
    .bt4:hover ~ .orch2{
    width:5px;
    height:200px;
    -webkit-transform:translate(20px,15px);
    -moz-transform:translate(20px,15px);}
    .bt4:hover ~ .orch3{
    width:5px;
    height:200px;
    -webkit-transform:translate(30px,15px);
    -moz-transform:translate(30px,15px);}
    .bt4:hover ~ .orch4{
    width:500px;
    height:300px;
    -webkit-transform:translate(38px,15px);
    -moz-transform:translate(38px,15px);}
    .bt4:hover ~ .orch5{
    width:5px;
    height:200px;
    -webkit-transform:translate(55px,15px);
    -moz-transform:translate(55px,15px);}
    .bt5:hover ~ .orch1{
    -webkit-transform:translate(10px,15px);
    -moz-transform:translate(10px,15px);
    width:5px;
    height:200px;}
    .bt5:hover ~ .orch2{
    width:5px;
    height:200px;
    -webkit-transform:translate(20px,15px);
    -moz-transform:translate(20px,15px);}
    .bt5:hover ~ .orch3{
    width:5px;
    height:200px;
    -webkit-transform:translate(30px,15px);
    -moz-transform:translate(30px,15px);}
    .bt5:hover ~ .orch4{
    width:5px;
    height:200px;
    -webkit-transform:translate(40px,15px);
    -moz-transform:translate(40px,15px);}
    .bt5:hover ~ .orch5{
    width:500px;
    height:300px;
    -webkit-transform:translate(55px,15px);
    -moz-transform:translate(55px,15px);}
     &gt;
    --></style>


  • Commentaires

    Aucun commentaire pour le moment



    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :