/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#ddd;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

html, body {
  height:100%;
  cursor:url(openhand.cur);
  background-color: #333;
  color: #fff;
}
.gr {
 cursor:url(openhand.cur), url(openhand.png), default;
}
a, a:hover { color:gray;  }
/*a:visited {color: #ddd;}*/
a:hover {text-decoration: none;}

ul {
    padding-left: 0;
}
li {
    list-style:none;
}
address {font-style: normal;}

#ui {height:100%; overflow:hidden;}
#index {
    width: 260px;
	height:100%;
    float:left;
    margin-top: 18px;
    margin-left: 20px;
    margin-right: 10px;
}
#nav {
/*	height: 57%;
	overflow: auto;*/
	width: 260px;
}
#nav a {
    display:block;
    text-decoration: none;
}
#nav a:hover {
    color: #ddd;
}
#index li.group {
    margin-bottom: 1em;
}
#index li h2 {
    font-size: 12px;
/*    text-transform:uppercase;*/
    color: #fff;
    margin-bottom:0;
    font-weight: bold;
}
#credits a {
	display: inline;
}


h1 {
    color: #999;

    
    font-weight:bold;
    font-size: 26px;
    margin-bottom: 0px;
/*    border-bottom: 1px solid #555;*/
    text-transform: uppercase;
    line-height: 24px;
}
h1 small {
    color:#fff;
    font-size: 24px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.subtitle {
    margin-top: 9px;
    margin-bottom: 56px;
    
    color: #999;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 3px;
}
.subtitle strong {
    font-weight:normal;
    color: #fff;
    font-size: 18px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.citation {
    margin-left: 0;
    color: #ccc;
    font-style: normal;
    
}
.citation p {
    margin-bottom: 0;
}
.citation cite {
    font-style: normal;
}
.citation a {
    text-decoration: none;
}
.citation a:hover {
    text-decoration: underline;
}

#image, #video {
    text-align: center;
    margin: 0 auto;
}




/*#nav {height: 500px;}*/
#map {
/* width:600px;
 height:400px;*/
 width:auto;
 height:100%;
 border:1px solid #666;
 overflow:scroll;
}

/*.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}*/

#loading-notice {
	width:100%;
	height:100%;
	background-color: #000;
	text-align: center;
	padding-top:36px;
}
#loading-notice p {
	margin: 18px;
	
}

#map-content {
    position:relative;
	width: 8192px;
	height: 3567px;
}

#map-content img { 
	border:none; line-height: 0;
	display: block;
	float:left;
}


/* —— article —————————————————————————————————————————————————————————————— */
.article {
	margin: 0 20px;
	padding: 18px 0;
	font-size: 13px;
	line-height: 18px;
}
.article h1 {
	margin: 0 0 36px 0;
	line-height: 18px;
}
.article h1 small {
	text-transform: none;
	font-weight: normal;
	font-size: 16px;
	line-height: 18px;
}
.article h2 {
	color: #aaa;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}
.article hr {
	border: 0;
	height: 0;
	border-bottom: 1px solid #666;
}
.article sup a {
	text-decoration: none;
}
.article sup a:hover {
	color: #fff;
}
.article .notes {
	font-size: 11px;
}


/* —— sprites —————————————————————————————————————————————————————————————— */

.sprite {
    position:absolute;
    width: 82px;
    height: 82px;
}
.sprite a {
    display:block;
/*    width: 128px;
    height:128px;*/
    width: 82px;
    height:82px;
    /*background: transparent url(space_invader.png) no-repeat;*/
    background: transparent url(cible.png) no-repeat top left;
    text-indent: -9999px;
}
.sprite a:hover {
/*    background: transparent url(space_invader_roll.png) no-repeat; */    
    background: transparent url(cible.png) no-repeat top -82px;
}

#performances {
    top: 1100px;
    left: 3100px;
}

#nosotros-no-sabiamos {
    top: 1915px;
    left: 5130px;
}

#alice-gill-kahn {
    top: 2890px;
    left: 610px;
}

#julien-jeanne {
    top: 2250px;
    left: 2210px;
}

#fabrice-luraine {
    top: 510px;
    left: 2175px;
}

#jeremy-malmasson {
    top: 1900px;
    left: 6450px;
}

#damien-marchal {
    top: 3090px;
    left: 2000px;
}

#performeurs {
    top: 1480px;
    left: 700px;
}

#la-criee {
    top: 1500px;
    left: 2975px;
}

#erba-rennes {
    top: 190px;
    left: 1420px;
}

#musee-de-la-danse {
    top: 2975px;
    left: 1500px;
}

#association-travesias {
    top: 1020px;
    left: 200px;
}

#ville-de-rennes {
    top: 500px;
    left: 5000px;
}

/* —— cluetip —————————————————————————————————————————————————————————————— */

.cluetip-default {
    font-size: 12px;
}
.cluetip-default h3#cluetip-title {
    font-size: 15px;
}
.cluetip-default li {
    margin-left: 2ex;
    text-indent: -2ex;
}
.cluetip-default li:before {
    content:'- ';
}
.cluetip-default a {
    color: #999;
    text-decoration:none;
}
.cluetip-default a:hover {
    text-decoration:underline;
}

.cluetip {
    position:relative;
}