<html>
<head>

<!--što peča  težit lić--> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></meta>

<title>Serbie 2018: Novi Sad</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/batel4.png) 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.gif) bottom left no-repeat;
}



#peixe-d {
	
height: 182px;
	
background: url(images/peixe-d.gif) 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>
<doctype html="" lang="fr-FR">
<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">Séjour du 21 au 27 septembre 2018</div>
</div></div></div>

<div id="page">

<div class="navigation">
<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 populaire (samedi 22 septembre 2018)</h2>

<div class="wp-caption alignnone" style="width: 860px;">
<img src="photos/095553.jpg" height=290 alt="Fontaine Delijska"></img>
<img src="photos/095609.jpg" height=290 alt="Fontaine Delijska"></img>
<img src="photos/095910.jpg" height=290 alt="Rue Karadžić"></img>
<img src="photos/100806.jpg" height=290 alt="Tour moderne"></img>
<img src="photos/101051.jpg" height=290 alt="Hötel Moskva"></img>
<img src="photos/100755.jpg" width=420 alt="Tags"></img>
<img src="photos/delijska.png" width=420 alt="Delijska česma 1902"></img>
<p class="wp-caption-text">Le chemin de la gare des autobus de Belgrade</p>
</div>
<p> Pour aller à la gare des bus depuis notre hôtel (Royal Inn) de la Kralja Petra, il faut suivre la voie piétonne Kneza Mihajla jusqu'à la fontaine Delijska česma, puis tourner dans la Karadžića. On suit ensuite la rue de l'Impératrice Milica, qui malgré son nom imposant traverse un quartier populaire, où fleurissent les tags (ceux en cyrilliques sont en minorité!) et où on aperçoit au loin l'enseigne du prestigieux Hôtel Moskva.<br>
La fontaine Delijska ("cavalerie légère" en turc) est la troisième à cet emplacement. Construite en 1987, en marbre de Prilep (arch. Pr.Alexandre Deroko) dans le style "national serbe". La première fontaine date de 1902 (photo). </p>

<h2>Novi Sad</h2> 

<div class="wp-caption alignnone" style="width: 860px;">
<img src="photos/ns164303.jpg" width=420 alt="Théâtre serbe">
<img src="photos/ns130255.jpg" width=420 alt="La cathédrale catholique">
<img src="photos/ns142839.jpg" width=420 alt="Trg Slobode">
<img src="photos/ns130537.jpg" width=420 alt="Façades sur la place">
<p class="wp-caption-text">Novi Sad: le Théâtre national serbe et la Place de la Liberté</p>
</div>

<div class="wp-caption alignnone" style="width: 860px;">
<img src="photos/ns161125.jpg" height=290 alt="Cathédrale catholique Notre-Dame"></img>
<img src="photos/ns163743.jpg" height=290 alt="Statue du maire Svetozar Miletić par Meštrović"></img>
<img src="photos/ns144231.jpg" height=290 alt="Clocher de St-Georges"></img>
<img src="photos/ns144147.jpg" height=290 alt="Palais épiscopal orthodoxe"></img>
<img src="photos/ns144247.jpg" height=290 alt="Statue du poète Jovan J. Zmaj"></img>
<p class="wp-caption-text">Cathédrale Notre-Dame, Statue du maire Svetozar Miletić par Ivan Meštrović, Clocher de Saint-Georges, Palais épiscopal orthodoxe, Statue du poète Jovan J. Zmaj</p>
</div>

<div class="wp-caption alignnone" style="width: 860px;">
<video width=700 height=615 controls="controls" poster="photos/ns144615.jpg" alt="mariage à Novi Sad">
<source src="photos/nsmariag.webm" type='video/webm'/></video>
<p class="wp-caption-text">Mariage à la cathédrale orthodoxe Saint-Georges</p>
</div>

<div class="wp-caption alignnone" style="width: 860px;">
<img src="photos/ns145917.jpg" width=420 alt="Terrasse de café">
<img src="photos/ns144432.jpg" width=420 alt="Rue typique">
<p class="wp-caption-text">Les rues Zmaj Jovina et Dunavska aux façades multicolores</p>
<p class="wp-caption-text"></p>
</div>

<div class="wp-caption alignnone" style="width: 860px;">
<img src="photos/ns145126.jpg" height=290 alt="Croix">
<img src="photos/ns145645.jpg" height=290 alt="Serbe">
<img src="photos/ns150113.jpg" height=290 alt="Parc du Danube">
<img src="photos/ns143641.jpg" height=290 alt="Chemin de croix">
<img src="photos/ns160836.jpg" height=290 alt="Dôme">
<p class="wp-caption-text">Cette croix, le plus ancien monument de Novi Grad, fut restaurée par <b>Marie Trandafil</b> (1816-1883), bienfaitrice de la ville, qui lui lègua le siège de la bibliothèque serbe "Matica Srpska" (3 millions de livres et manuscrits) et créa le "Parc du Danube" (cf. photo).
Novi sad, capitale de la province autonome de Voïvodine en partage le caractère multi-ethnique: Le mannequin est enveloppé dans un drapeau serbe, et le chemin de croix ainsi que les vitraux de Notre-Dame portent des inscriptions en hongrois, la langue principale parlée à Subotica.</p>
</div>

<div class="wp-caption alignnone" style="width: 860px;">
<img src="photos/ns160855.jpg" width=420 alt="Vélos">
<img src="photos/ns160930.jpg" width=420 alt="Maison verte">
<img src="photos/ns160056.jpg" width=420 alt="Passage">
<img src="photos/ns155923.jpg" width=420 alt="Baignoires">
<p class="wp-caption-text">L'ingéniosité des aménageurs de terrasses de café contribue à l'atmosphère agréable qui règne sur la ville.</p>
</div>

<h2>Petrovaradin</h2>

<div class="wp-caption alignnone" style="width: 860px;">
<img src="photos/ns151104.jpg" width=420 alt="Danube">
<img src="photos/ns151451.jpg" width=420 alt="Sahat kula">
<img src="photos/ns152240.jpg" width=420 alt="Basse ville">
<img src="photos/ns153002.jpg" width=420 alt="Clocher">
<p class="wp-caption-text">Sur l'autre rive du Danube se dresse la forteresse de Petovaradin avec sa tour de l'Horloge. Au pied, le village aux rues étroites et aux édifices baroques ne compte pas moins de 3 églises où, ici aussi, on célèbre un mariage!</p>
</div>

<div class="wp-caption alignnone" style="width: 860px;">
<img src="photos/ns152325.jpg" height=290 alt="Tourelle">
<img src="photos/ns152534.jpg" height=290 alt="Mariée">
<img src="photos/ns185015.jpg" height=290 alt="Maison turque">
<img src="photos/ns185539.jpg" height=290 alt="Seksi shop">
<img src="photos/ns223402.jpg" height=290 alt="Hall de l'hôtel">
<p class="wp-caption-text">Bientôt nous remontons dans le car et nous quittons la ville qui sera la capitale européenne de la culture en 2012 pour rejoindre Belgrade. Après avoir passé un "Seksi shop" et une pimpante maison turque, nous retrouvons notre hôtel et son hall orné de mosaïques.</p>
</div>

</div>

</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>