-
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 ....
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 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 !!
<p> </p>
<p>
<span style="color: #ffff99;">_________________________________________________________________________________________<br /></span>
</p>
<p>
<span style="color: #ffff99;">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 .... </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à et surtout de trouver à se garer
.... </span>
</p>
<p>
<span style="color: #ffff99;">_________________________________________________________________________________________<br /></span>
</p>
<p> </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ête, 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ète, une grande voyageuse qui ramène de
si belles photos des deux pays qu'elle aime particulièrement ... <strong>Le Sénégal et Madagascar ....</strong></span></em></span>
</p>
</td>
<td style="width: 10px;">
</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> </p>
<p> </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> </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é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é ... <span style="font-size: 14pt;"><strong>Une amitié réelle est née et je suis sure que nous nous reverrons bientô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 </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;">
</div>
<p style="text-align: center;">
<strong><span style="font-family: times new roman,times; font-size: 14pt; color: #cc99ff;"><em>Les pelouses étaient bondé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> </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> </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> </p>
<p> </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);}
>
--></style>
-
Commentaires
Aucun commentaire pour le moment
Ajouter un commentaire