Eklablog Tous les blogs Top blogs Tourisme, Lieux et Événements Tous les blogs Tourisme, Lieux et Événements
Editer l'article Suivre ce blog Administration + Créer mon blog
MENU
Tous les blogs Top blogs Tourisme, Lieux et Événements Tous les blogs Tourisme, Lieux et Événements
Recherche
+ Créer mon blog Editer l'article Suivre ce blog Administration
Partager
passion des voyages, récits et photos, ici ou ailleurs, l'aventure commence au coin de la rue

Zette 73

10.01.2015 …

Par dacaio

<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="https://ekladata.com/_OiKbXqb6lADEqfT5auDSpSm0rs.gif" /> <img class="bt2" style="width: 40px; margin: 10px 10px 10px 10px;" src="https://ekladata.com/_OiKbXqb6lADEqfT5auDSpSm0rs.gif" /> <img class="bt3" style="width: 40px; margin: 10px 10px 10px 10px;" src="https://ekladata.com/_OiKbXqb6lADEqfT5auDSpSm0rs.gif" />
      <img class="bt4" style="width: 40px; margin: 10px 10px 10px 10px;" src="https://ekladata.com/_OiKbXqb6lADEqfT5auDSpSm0rs.gif" /><img class="bt5" style="width: 40px; margin: 10px 10px 10px 10px;" src="https://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('https://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>

Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Vous aimerez aussi :
Article publié depuis Eklablog
« Oh ! mon île au soleil, Paradis entre mer et ciel, Où les flots, tout le long du jour, Chantent au sable fin sa chanson d'amour… »
« Oh ! mon île au soleil, Paradis entre mer et ciel, Où les flots, tout le long du jour, Chantent au sable fin sa chanson d'amour… »
Le Festival "AGDE AMÉRICAIN"
Le Festival "AGDE AMÉRICAIN"
Aigues-Mortes, un port pour les croisades
Aigues-Mortes, un port pour les croisades
Commenter cet article

Thème Magazine © -  Hébergé par Eklablog