<!doctype html><!--što peča  težit lić--> 
<html lang="fr-FR">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></meta>
<title>Serbie 2018: Skadarlija</title>
<style type="text/css">
body {
	
font-size: 12px;
	
font-family: "Palatino Linotype", Georgia, Serif;
	
background: #fff url(images/azulejo-bg.jpg) fixed;
	
color: #203a56;
	margin: 0;
	
padding: 0;

	}

	

#book {
	
background: url(images/bordure-horizontale.jpg) top left repeat-x fixed;
	
margin: 0;
	
padding: 0;
}



#bordure1 {
	
background: url(images/bordure-verticale1.gif) top left repeat-y;
	margin: 0 auto;
	
width: 985px;
}



#bordure2 {
	
background: url(images/bordure-verticale2.gif) top right repeat-y;
}


#header {
	
margin: -292px 0 0 0;
	
padding: 0;
	
height: 292px;
}


#headerlogo {
	
margin: 0 /*-41px*/;
	
height: 292px;
	
background: url(images/batel.gif) top left no-repeat;
}



#headerimg {
	
margin: 0;
	
height: 292px;
	
background: url(images/poseidon.gif) top right no-repeat;
	vertical-align: bottom;
	}



.description {
	
font-size: 10px;
	
width: 495px;
	
letter-spacing: normal;
	
padding: 82px 0 5px 13px;
	
margin: 0;
}



#tibato {
	
margin: 0 40px;
	
padding: 0;
	
height: 292px;
}
		


#page {
	
margin: 0 50px;
	
padding: 0 15px 70px 15px;
	
background-color: #fff;
	}



#breadcrumbs {
	
margin-top: 0;
}



#content {
	
padding: 0 0 50px 0;
	
float: left;
	
width: 512px;
	
background-color: #fff;
	}
	


#single {
	
padding: 0 0 50px 0;
	
float: left;
	
width: 512px;
	
background-color: #fff;
	}


#page-content {
	
padding: 0 0 50px 0;
}



#footer {
	
height: 182px;
	
padding: 0;
	
margin: -70px auto 0 auto;
	
width: 985px;
	}



#footer-support {
	
height: 182px;
	
margin: 0 50px;
	
background: url(images/bordure-footer.jpg) top left repeat-x;
}



#fin-lusi {
	
background: url(images/fin-lusi.jpg) center no-repeat;
	
margin: -185px 5px 0 5px;
}



#footer p {
	
margin: 0 auto;
	padding: 20px 0;
	
text-align: center;
	
width: 70%;
	}
	


#peixe-g {
	
height: 182px;
	
background: url(images/peixe-g.png) bottom left no-repeat;
}



#peixe-d {
	
height: 182px;
	
background: url(images/peixe-d.png) bottom right no-repeat;
}


small {
	
font-size: 10px;
}


.date-post {
	
font-size: 12px;
	
color: #888;
}



.entry {
	
margin-top: 20px;
}



a.more-link {

font-size: 14px;

font-weight: bold;

display: block;

color: #6c79a6;

text-decoration: none;

margin: 10px 0 20px 0;
}



a:hover.more-link {

color: #97a1c7;
}




/*	Begin Headers */


h3.comments {
	
padding: 0;
	
margin: 40px auto 20px ;
}

h1 {
	
height: 105px;
	
position: absolute;
}



#headerimg h1 {
	
font-size: 48px;
	
font-family: "Monotype Corsiva", Georgia, serif;
	
letter-spacing: normal;
	
padding: 0 0 5px 10px;
	
margin: 0;
	width: 452px;
}
	


#headerimg a {
	
color: #203a56;
	
position: absolute; 
	bottom: 25px; 

}



#headerimg a:hover {
	
color: #97a1c7;
}


#sidebar h2 {
	
font-size: 20px;
	
margin: 0;
	
padding: 0;
	}



h2 {
	
font-family: "Monotype Corsiva", Georgia, serif;
	letter-spacing: normal;
	
font-size: 32px;
	
margin: 0;
	padding: 0;
	
text-align: left;
	}


h3 {
	
font-family: "Monotype Corsiva", Georgia, serif;
	font-size: 20px;
	padding: 0;
	margin: 30px 0 0;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}


.commentlist cite, .commentlist cite a {
	
font-weight: bold;
	font-style: normal;
	
font-size: 1.1em;
	
}


.commentlist p {
	font-weight: normal;
	
line-height: 1.5em;
	text-transform: none;
	}

.commentmetadata {
	font-weight: normal;
	}


code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a {
	color: #6c79a6;
	text-decoration: none;
	}

a:hover {
	color: #97a1c7;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */


/* Begin Structure */

.narrowcolumn {
	padding: 0 0 20px 45px;
	margin: 0px 0 0;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}

.post {
	text-align: justify;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}



.widecolumn .postmetadata {
	
margin: 30px 0;
	}



.widecolumn .smallattachment {
	
text-align: center;
	
float: left;
	width: 128px;
	
margin: 5px 5px 5px 0px;
}



.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	font-size: 11px;
	color: #888;
	text-align: justify;
	width: 510px;
	margin: 20px 0;
	padding-bottom: 100px;
	padding-top: 10px;
	background: url(images/coquillage.jpg) bottom center no-repeat;
}

.clear {
	clear: both;
}

/* End Structure */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
.wp-captionalignleft {
float: left;
border:1px solid #70a5cb;
margin:8px 10px 5px 0;
padding:5px 0 0;
text-align:center;
}	

.wp-captionalignright {
float: right;
border:1px solid #70a5cb;
margin:8px 0 5px 10px;
padding:5px 0 0;
text-align:center;
}

/* End Images */


.postmetadata ul, .postmetadata li {
	display: inline;
	list-style: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	font-size: 12px;
	}

#sidebar ul li {
	list-style: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 0;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */

#sidebar #searchform #s {
	width: 120px;
	padding: 0 2px 0 0;
	}

#sidebar #searchsubmit {
	padding: 0 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	font-family: "Monotype Corsiva", Georgia, serif;
	font-size: 20px;
	width: 180px;
	padding: 2px;
	margin: 5px 0px 1px 0;
	background-color: #35446a;
	color: #fff;
	border: none;
	cursor: pointer;
	}
#commentform input:hover {
	background-color: #e2e9f6;
	color:#35446a;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	font-size: 11px;
	color: #203a56;
	min-height: 50px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	background: url(images/batocom.gif) top left no-repeat;
	margin: 15px 0 3px;
	padding: 0 10px 3px 55px;
	list-style: none;
	font-size: 11px;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

#adsense-thematique {
	width: 730px;
	margin: 0 auto 30px auto;
	background-color: #fff;
}

/* Begin Sidebar */
#sidebar
{
	padding: 0 0 0 15px;
	width: 300px;
	float: left;
	border-left: #70a5cb solid 1px;
	margin: 0 0 10px 25px;
	background-color: #fff;
	}

#sidebar form {
	margin: 0;
	}
	
#searchsubmit {
	background:#35446a;
	color:#fff;
	cursor:pointer;
	border: none;
}
#searchsubmit:hover {
	background:#e2e9f6;
	color: #35446a;
}
/* End Sidebar */

/* Begin Calendar */
#calendar_wrap {
	margin-top: 5px;
}

#wp-calendar {
	empty-cells: show;
	margin: 10px 0;
	width: 200px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	background: url(images/quote.jpg) top left no-repeat;
	margin: 15px 0 0 0;
	padding-left: 35px;
	font-style: italic;
	font-size: 12px;
	color: #888;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	padding-bottom: 50px;
}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	padding: 5px 0 0 0;
	margin: 8px 0;
	border: #70a5cb solid 1px;	
	text-align: center;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	font-style: italic;
	line-height: 17px;
	padding: 5px 0 2px 0;
	margin: 0;
}

.alignright img {
	margin: 0 0 6px 5px;
	display: block;
	text-align: center;
	}

.alignleft img {
	margin: 0 0 6px 5px;
	display: block;
	text-align: center;
	}
.button-wikio {
margin: 20px auto;
width: 120px;
}
</style>
</head>
<BODY>
<div id="book">
<div id="bordure1">
<div id="bordure2">
<div id="tibato"></div>
<div id="header">
<div id="headerlogo">
<div id="headerimg">

<center>
<h1>Serbie 2018</h1>
<div class="description" align="center">Séjour du 21 au 27 septembre 2018</div>
</div></div></div>

<div id="page">

<div class="navigation" align="center">
<a href="skadarli.htm">Belgrade - Skadarlija</a><br>
<a href="novisad.htm">Novisad</a><br>
<a href="dunasava.htm">Belgrade - Save et Danube</a><br>
<a href="nisdanas.htm">Niš d'hier et aujourd'hui</a><br>
<a href="kalemeg.htm">Belgrade - Kalemegdan</a><br>
<a href="muzej.htm">Belgrade - Le Musée national</a><br>
<font size=-2><i>Cliquer sur un des liens ci-dessus pour accéder à une autre page</i></font>
</div>
<center>


<h2>Belgrade - Skadarlija (Vendredi 21 septembre 2018)</h2>

<div class="wp-caption alignnone" style="width: 860px;">

<img src="photos/poteau.jpg" width=330   alt="Poteau"></img>
<img src="images/coquillage.jpg"></img>
<img src="photos/202524.jpg" width=330 alt="table"></img>
<p class="wp-caption-text">Montmartre est jumelé avec  Skadarlija</p>

<video height=290 width=330 poster="photos/201230.jpg"  controls="controls" alt="noces" name="media">
<source src="photos/nocebido.webm" type='video/webm'/></video>

<img src="photos/203851.jpg" height=290 alt="trompe-l'oeil"></img>

<video height=290 width=330 poster="photos/205623.jpg" controls="controls" alt="Tambura" name="media">
<source src="photos/tambura.webm" type='video/webm'></video>

<p class="wp-caption-text"> Pourquoi cette dame au grand chapeau et en robe longue maltraite-t-elle une belle berceuse? "Tiho noći, moje zlato spava..." "Dans la nuit calme mon enfant chéri dort..." C'est vraiment kitsch, comme à Montmartre. Tourisme, que de crimes on commet en ton nom!
</p>
</div>

<div class="wp-caption alignnone" style="width: 860px;">
<img src="photos/201237.jpg" width=370   alt="Peit Piaf"></img>
<img src="photos/202405.jpg" width=370   alt="Sesir moj"></img>
<img src="photos/202557.jpg" width=370   alt="Petit piaf"></img>
<img src="photos/205923.jpg" width=370   alt="Todorović"></img>
<p class="wp-caption-text">Petit-Piaf, Šešir moj et Todorović</p>
</div>

<div class="wp-caption alignnone" style="width: 860px;">
<img src="photos/203924.jpg" height=290 alt="trompe-l'oeil1"></img>
<img src="photos/204020.jpg" height=290 alt="trompe-l'oeil2"></img>
<img src="photos/205623.jpg" height=290 alt="portrait mural"></img>
</div>

<p>Bien que Belgrade soit résolument tournéee vers la musique branchée, on peut encore entendre à la Skadarlija des orchestres de "tambura" (mandoline des balkans). Les murs sont décorés de portraits d'acteurs (Bora Todorović et Zoran Radmilović...) qu'on devine très ressemblants et les façades aveugles agrémentées de trompe-l'œil.<br>
Nous avions failli choisir de descendre au "Petit-Piaf" (référence à la môme parisienne)!</p>
<center><embed src="tiho.mp3" height="60" autostart="true"><br>
<br>
<a href="../homepage.htm" target="_top" alt="Welcome Page"><img src="home1.gif"></a>
</div></div></div>

<div id="footer">
<div id="footer-support"></div>
<div id="fin-lusi">
<div id="peixe-g">
<div id="peixe-d">
</div></div></div>
</div>
</center>
</doctype>

</body>
</html>