1<!DOCTYPE html> 2<html dir="ltr" lang="fr-FR"> 3<head> 4 5 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 5-6
5 6 <script async src="https://www.googletagmanager.com/gtag/js?id=
6G-462QV9N15F
vendor: 13 bytes, lines 6-7
6"></script> 7
7<script> 8
vendor: 137 bytes, lines 8-12
8window.dataLayer = window.dataLayer || []; 9 function gtag(){dataLayer.push(arguments);} 10 gtag('js', new Date()); 11 12 gtag('config', '
12G-462QV9N15F
vendor: 5 bytes, lines 12-13
12'); 13
13</script>
13 14 15 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 16 <meta name="author" content="ACC Barcelona" /> 17 <meta name="content-Language" content="fr" /> 18 <meta name="description" content="Collection des représentations de Saint Sébastien dans la peinture et la photographie. Découvrez comment Saint Sébastien est devenu un symbole homo érotique à la Renaissance puis une icône homosexuelle à partir du XIXe siècle." /> 19 <meta name="keywords" content="Saint, Sébastien, Saint Sébastien, San Sebastian, San Sebastiano, Saint Sebastian, tableaux, arts, photographies, gay, peinture, photographie" /> 20 <meta name="identifier-Url" content="http://www.saint-sebastien.net" /> 21 <meta name="robots" content="index,follow" /> 22 <meta name="rating" content="general" /> 23 24 25 <!-- Stylesheets 26 ============================================= --> 27 <link href="https://fonts.googleapis.com/css?family=Lato:300,400,400italic,600,700|Raleway:300,400,500,600,700|Crete+Round:400italic" rel="stylesheet" type="text/css" /> 28 <link rel="stylesheet" href="/css/bootstrap.css" type="text/css" /> 29 <link rel="stylesheet" href="/style.css" type="text/css" /> 30 <link rel="stylesheet" href="/css/dark.css" type="text/css" /> 31 <link rel="stylesheet" href="/css/colors.css" type="text/css" /> 32 <link rel="stylesheet" href="/css/font-icons.css" type="text/css" /> 33 <link rel="stylesheet" href="/css/animate.css" type="text/css" /> 34 <link rel="stylesheet" href="/css/magnific-popup.css" type="text/css" /> 35 <link rel="stylesheet" href="/css/vmap.css" type="text/css" /> 36 37 38 <link rel="apple-touch-icon" sizes="57x57" href="/images/favicon/apple-icon-57x57.png"> 39 <link rel="apple-touch-icon" sizes="60x60" href="/images/favicon/apple-icon-60x60.png"> 40 <link rel="apple-touch-icon" sizes="72x72" href="/images/favicon/apple-icon-72x72.png"> 41 <link rel="apple-touch-icon" sizes="76x76" href="/images/favicon/apple-icon-76x76.png"> 42 <link rel="apple-touch-icon" sizes="114x114" href="/images/favicon/apple-icon-114x114.png"> 43 <link rel="apple-touch-icon" sizes="120x120" href="/images/favicon/apple-icon-120x120.png"> 44 <link rel="apple-touch-icon" sizes="144x144" href="/images/favicon/apple-icon-144x144.png"> 45 <link rel="apple-touch-icon" sizes="152x152" href="/images/favicon/apple-icon-152x152.png"> 46 <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-icon-180x180.png"> 47 <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon/android-icon-192x192.png"> 48 <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon/favicon-32x32.png"> 49 <link rel="icon" type="image/png" sizes="96x96" href="/images/favicon/favicon-96x96.png"> 50 <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon/favicon-16x16.png"> 51 <link rel="manifest" href="/images/favicon/manifest.json"> 52 <meta name="msapplication-TileColor" content="#ffffff"> 53 <meta name="msapplication-TileImage" content="/images/favicon/ms-icon-144x144.png"> 54 <meta name="theme-color" content="#ffffff"> 55 56 <link rel="stylesheet" href="/css/responsive.css" type="text/css" /> 57 <link rel="stylesheet" href="/css/custom.css" type="text/css" /> 58 <meta name="viewport" content="width=device-width, initial-scale=1" /> 59 <!--[if lt IE 9]> 60
60<script src="/http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
60 61 <![endif]--> 62 63 <!-- Document Title 64 ============================================= --> 65 <title>Chronologie des représentations de Saint Sébastien | Icône Gay</title> 66</head> 67 68<body class="stretched no-transition"> 69 70 <!-- Document Wrapper 71 ============================================= --> 72 <div id="wrapper" class="clearfix"> 73 74 <!-- Header 75 ============================================= --> 76 <header id="header" class="split-menu"> 77 78 <div id="header-wrap"> 79 80 <div class="container clearfix"> 81 82 <div id="primary-menu-trigger"><i class="icon-reorder"></i></div> 83 84 <!-- Logo 85 ============================================= --> 86 <div id="logo"> 87 <a href="/" class="standard-logo" data-dark-logo="images/logo-dark.png"><img src="/images/logo.png" alt="Saint Sébastien"></a> 88 <a href="/" class="retina-logo" data-dark-logo="images/[email protected]"><img src="/images/[email protected]" alt="Saint Sébastien"></a> 89 </div><!-- #logo end --> 90 91 <!-- Primary Navigation 92 ============================================= --> 93 <nav id="primary-menu" class="with-arrows clearfix"> 94 95 <ul> 96 <li ><a href="/"><div>Accueil</div></a></li> 97 <li ><a href="/artistes"><div>Artistes</div></a></li> 98 <li class="current"><a href="/chronologie"><div>Chronologie</div></a></li> 99 <li ><a href="/carte"><div>Carte</div></a></li> 100 </ul> 101 102 <!-- Top Search 103 ============================================= --> 104 <div id="top-search"> 105 <a href="" id="top-search-trigger"><i class="icon-search3"></i><i class="icon-line-cross"></i></a> 106 <form action="/rechercher" method="get"> 107 <input type="text" name="q" class="form-control" value="" placeholder="Rechercher..."> 108 </form> 109 </div><!-- #top-search end --> 110 111 <ul style="float:right;"> 112 <li ><a href="/le-saint"><div>Le Saint</div></a></li> 113 <li ><a href="/contact"><div>Contact</div></a></li> 114 </ul> 115 116 </nav><!-- #primary-menu end --> 117
118 </div> 119 120 </div> 121 122 </header><!-- #header end --> 123 124 <!-- Page Title 125 ============================================= --> 126 <section id="page-title"> 127 128 <div class="container clearfix"> 129 <h1>Saint Sébastien - Martyr & Icône Gay</h1> 130 <span>Représentations du Saint devenu symbole homoérotique et icône homosexuelle</span> 131 <ol class="breadcrumb"> 132 <li><a href="/">Accueil</a></li> 133 <li class="active">Chronologie</li> </ol> 134 </div> 135 136 </section><!-- #page-title end --> 137 138 <!-- Page Sub Menu 139 ============================================= --> 140 <!-- Content 141============================================= --> 142<section id="content"> 143 144 <div class="content-wrap"> 145 146 <div class="container clearfix"> 147 148 <div class="fancy-title title-border title-center"> 149 <h3>Chronologie des représentations de Saint Sébastien</h3> 150 </div> 151 152 </div> 153 </div> 154</section> 155 156<div class="nomargin masonry-thumbs col-4"> 157 <a href="/chronologie/moyen-age"><img class="image_fade" src="/images/moyen-age.jpg" alt="Moyen Âge"></a> 158 <a href="/chronologie/renaissance"><img class="image_fade" src="/images/renaissance.jpg" alt="Renaissance"></a> 159 <a href="/chronologie/epoque-moderne"><img class="image_fade" src="/images/epoque-moderne.jpg" alt="Époque moderne"></a> 160 <a href="/chronologie/epoque-contemporaine"><img class="image_fade" src="/images/epoque-contemporaine.jpg" alt="Époque contemporaine"></a> 161</div> 162 163 164 <!-- Footer 165 ============================================= --> 166 <footer id="footer" class="dark"> 167 168 <div class="container"> 169 170 <!-- Footer Widgets 171 ============================================= --> 172 <div class="footer-widgets-wrap clearfix"> 173 174 <div class="col_two_third"> 175 176 <div class="col_one_third"> 177 178 <div class="widget clearfix"> 179 180 <img src="/images/footer-widget-logo.png" alt="" class="footer-logo"> 181 <!-- 182 <div class="widget clearfix"> 183 <div class="fslider customjs testimonial twitter-scroll twitter-feed" data-username="LaBliaBlia" data-count="2" data-animation="slide" data-arrows="true"> 184 <i class="i-plain color icon-twitter nobottommargin" style="margin-right: 15px;"></i> 185 <div class="flexslider" style="width: auto;"> 186 <div class="slider-wrap"> 187 <div class="slide"></div> 188 </div> 189 </div> 190 </div> 191 </div> 192 --> 193 194 </div> 195 196 </div> 197 198 <div class="col_one_third"> 199 200 <div class="widget widget_links clearfix"> 201 202 <h4>Liens</h4> 203 204 <ul> 205 <li><a href="http://www.photo.rmn.fr/" target="_blank">L'Agence Photo des Musées Nationaux </a></li> 206 <li><a href="https://artsandculture.google.com/" target="_blank">Google Arts & Culture</a></li> 207 </ul> 208 209 </div> 210 211 </div> 212 213 <div class="col_one_third col_last"> 214 215 <div class="widget clearfix"> 216 <h4>Derniers ajouts</h4> 217 218 <div id="post-list-footer"> 219 220 221 <div class="spost clearfix"> 222 <div class="entry-c"> 223 <div class="entry-title"> 224 <h4><a href="/tableau/340-artiste-inconnu-autel-de-saint-sebastien">Autel de Saint Sébastien</a></h4> 225 </div> 226 <ul class="entry-meta"> 227 <li> 228 <a href="/artistes/41-artiste-inconnu">Artiste Inconnu</a> - 1750 - huile sur toile </li> 229 </ul> 230 </div> 231 </div> 232 233 <div class="spost clearfix"> 234 <div class="entry-c"> 235 <div class="entry-title"> 236 <h4><a href="/tableau/339-robert-wilson-saint-sebastian">Saint Sebastian</a></h4> 237 </div> 238 <ul class="entry-meta"> 239 <li> 240 <a href="/artistes/209-robert-wilson">Robert Wilson</a> - 2004 - photographie </li> 241 </ul> 242 </div> 243 </div> 244 245 <div class="spost clearfix"> 246 <div class="entry-c"> 247 <div class="entry-title"> 248 <h4><a href="/tableau/338-jacopo-bassano-le-martyre-de-saint-sebastien">Le martyre de Saint Sébastien</a></h4> 249 </div> 250 <ul class="entry-meta"> 251 <li> 252 <a href="/artistes/208-jacopo-bassano">Jacopo Bassano</a> - 1574 - huile sur toile </li> 253 </ul> 254 </div> 255 </div> 256 </div> 257 </div> 258 259 </div> 260 261 </div> 262 263 <div class="col_one_third col_last"> 264 265 <div class="widget clearfix" style="margin-bottom: -20px;"> 266 267 <div class="row"> 268 269 270 <div class="col-md-6 bottommargin-sm"> 271 <div class="counter counter-small"><span data-from="0" data-to="337" data-refresh-interval="5" data-speed="3000" data-comma="true"></span></div> 272 <h5 class="nobottommargin">Représentations</h5> 273 </div> 274 275 <div class="col-md-6 bottommargin-sm"> 276 <div class="counter counter-small"><span data-from="0" data-to="205" data-refresh-interval="5" data-speed="2000" data-comma="true"></span></div> 277 <h5 class="nobottommargin">Artistes</h5> 278 </div> 279 280 </div> 281 282 </div> 283 </div> 284
285 </div><!-- .footer-widgets-wrap end --> 286 287 </div> 288 289 <!-- Copyrights 290 ============================================= --> 291 <div id="copyrights"> 292 293 <div class="container clearfix"> 294 295 <div class="col_half"> 296 Copyrights © 2026 <a href="http://www.accbarcelona.com" target="_blank">ACC Barcelona</a> 297 </div> 298 299 </div> 300 301 </div><!-- #copyrights end --> 302 303 </footer><!-- #footer end --> 304 305 </div><!-- #wrapper end --> 306 307 <!-- Go To Top 308 ============================================= --> 309 <div id="gotoTop" class="icon-angle-up"></div> 310 311 <!-- External JavaScripts 312 ============================================= --> 313
313<script type="text/javascript" src="/js/jquery.js"></script>
313 314
314<script type="text/javascript" src="/js/plugins.js"></script>
314 315 316 317 <!-- Timeline 318 ============================================= --> 319
319<script type="text/javascript" src="/js/timeline.js"></script>
319 320 321 <!-- Footer Scripts 322 ============================================= --> 323
323<script type="text/javascript" src="/js/functions.js"></script>
323 324 325 326
326<script type="text/javascript"> 327 (function () { 328 'use strict'; 329 330 var forms = document.querySelectorAll('.needs-validation'); 331 332 Array.prototype.slice.call(forms).forEach(function (form) { 333 form.addEventListener('submit', function (event) { 334 if (!form.checkValidity()) { 335 event.preventDefault(); 336 event.stopPropagation(); 337 form.classList.add('was-validated'); 338 } else { 339 event.preventDefault(); 340 grecaptcha.ready(function () { 341 var formSubmitButton = document.getElementById('form-submit'); 342 var siteKey = '6LdYx6ApAAAAADO5inNWuMnXSM3UpXWzN5DQfGpl'; // Replace with your reCAPTCHA site key 343 344 grecaptcha.execute(siteKey, { action: 'submit' }).then(function (token) { 345 document.getElementById('g-recaptcha-response').value = token; 346 form.submit(); 347 }); 348 }); 349 } 350 }, false); 351 }); 352 })();
vendor: 352 bytes, lines 352-359
352 353 354 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 355 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 356 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 357 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 358 359 ga('create', '
359UA-39944824-16
vendor: 40 bytes, lines 359-361
359', 'auto'); 360 ga('send', 'pageview'); 361
361</script>
361 362 363</body> 364</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.