/* =================== Highslide =================== */

@import 'highslide.css';


/* =================== Chemin =================== */

.mode {position:absolute; top:-4px; margin-left:10px; padding-left:20px; vertical-align:-3px; background:url(../img/bg/fleche.gif) 0 6px no-repeat;}

.mode:hover {border:none;}

h3 {position:absolute; left:90px; top:30px; font:11px Courier, monospace; letter-spacing:.1em;}

h3 a:hover {border-bottom:1px solid #000;}


/* =================== All Pages =================== */

* {margin:0; padding:0; border:none;}

body {font:62.5% Helvetica, Arial, sans-serif; margin:30px;}

#wrap {position:relative; min-width:350px; max-width:600px; padding-right:380px;}

h1 img {margin-bottom:5px;}

h2 {display:inline; font-size: 2.3em; font-weight:normal;}

#wrap p {position:relative; margin-bottom:15px; font-size:2.3em; line-height:1.5em; letter-spacing:.04em;}

quote {display:block; position:relative; margin:0 0 30px 40px; font:1.6em Georgia, serif; font-style:italic; line-height:1.4em;}

#wrap p img {vertical-align:middle;}

#wrap p, .projet {background:url(../img/bg/tiret.gif) 0 15px no-repeat; text-indent:28px;}

a {color:black; text-decoration:none;}

em {font-style:normal;}

sup {font:11px Courier, monospace; letter-spacing:0; vertical-align:1em;}


/* =================== Légende =================== */

cite, #legende{
	z-index:5; position:absolute; top: 5px; right:-350px; margin:0 140px 0 30px; padding:5px 0; width:180px; text-indent:0;
	font:11px Courier, monospace; font-weight:normal; line-height:1.2em; 
	border-width:1px 0; border-style:dashed; border-color:#000;
}


cite a:hover, #legende a:hover {border-bottom:1px solid #000;}

cite em {float:left; margin-right:8px; padding-bottom:3px; border-bottom:3px double #000; background:#fff;}

cite em.title {float:none;}

cite.legende {right:30px;}

cite.legende + cite.legende {position:absolute;}

cite span {display:block; margin-top:10px;}

cite span + span {margin-top:0;}

cite span.sep {margin-top:4px;}

cite span.aide {margin:5px 0 10px 0; padding-bottom:10px; border-bottom:1px dashed #000;}


/* =================== Navbar =================== 
list-style:url(../img/bg/fleche.gif)
*/

#navbar { position:absolute; top:5px; right:0; width:140px; font:11px Courier, monospace; letter-spacing:.1em; line-height:1.2em;}

#navbar ul {
	width:140px; padding:5px 0; list-style:none;
	border-width:1px 0; border-style:dashed; border-color:#000;
}

#navbar ul.fixe {position:fixed;}

#navbar ul a:hover {border-bottom:1px solid #000;}

#navbar li {background:url(../img/bg/fleche.gif) no-repeat 0 65%; padding-left:12px;}

#navbar li.focus {background:url(../img/bg/fleche-i.gif) no-repeat 0 65%;}

#navbar li.aide {margin-top:5px; padding-top:6px; list-style:url(../img/bg/aide.gif) inside; border-top:1px dashed #000;}

#navbar a.highslide {vertical-align:10%;}