@import url(lightbox.css);
:focus,:active { outline: 0; }

html
{
	height: 100%;
	margin-bottom: 1px;
}

/* balises */
body
{
    font: 0.8em Verdana, sans-serif;
	margin: 0px;
}

/*
img
{
	border: 4px solid #ccc;
}
*/

a img
{
	border: none;
}
abbr
{
	cursor: help;
	border-bottom: 1px dotted;
}
.contact
{
    width: 80px;
    float: left;
    margin: 5px;
}
input, select
{
    margin: 5px;
}
#message
{
    margin: 5px;
}

.legende
{
    font-size: 0.8em;
}
table
{
    border-collapse: collapse;
}

/*#actugauche > div[style]{
display: none;
  }
*/


/* conteneurs */
#conteneur
{
	width: 60%;
	min-width:900px;
	max-width: 1600px;
	margin: auto;
	border-left: 1px dotted #999;
	border-right: 1px dotted #999;
}


/* haut */
#haut
{
    border-bottom: 1px dotted #999;
	margin: 10px;
	height:77px;
}
#haut h1
{
	margin:0;
float:left;
text-transform: lowercase;
    font: bold 4em Courier New, sans-serif;
}
#haut h1 a
{
    color: #111;
    text-decoration: none;
    display: block;
	padding-bottom: 10px;
	padding-left: 20px;
	width: 395px;
}
#haut span
{
    text-decoration: none;
    display: block;
	color: #BBB;
    font: small-caps bold 0.3em Tahoma, Geneva, sans-serif;
	margin-top:-8px;
}
/*#haut span
{
    text-decoration: none;
    display: block;
	color: #AAA;
    font: small-caps 0.35em Tahoma, Geneva, sans-serif;
	margin-top:-10px;
}*/
#haut p
{
	margin:0;
padding-top:50px;
padding-right:20px;
float:right;
}
#haut p a
{
    font: 0.9em Tahoma, Geneva, sans-serif;
	color: #444;
}


/* menu */
#gauche
{
    padding: 10px 15px 10px 0px;
    color: #222;
	margin-top:10px;
	margin-left:30px;
    border-right: 1px dotted #999;
    float: left;
    list-style: none;
	width: 84px;
}
#gauche a
{
    display: block;
    text-decoration: none;
    padding: 3px 6px 3px 5px;
    color: #222;
	font-weight:bold;
    border-top: 1px solid #FFF;
}
#gauche a:hover, #gauche #actif
{
    color: #FFF;
    background: #222;
}




/* centre */
#centre
{
    margin-left: 150px;
	margin-right:20px;
    color: #333;
	padding-top: 2px;
	padding-bottom: 20px;
}
#centre h1
{
    font-size: 1.9em;
    text-align: center;
    color: #222;
}
#centre h2
{
    font-size: 1.4em;
}
#centre h3
{
    font-size: 1.1em;
}

#centre a
{
    color: #000;
    border-bottom: 1px dotted #000;
    text-decoration: none;
}
#centre a:hover
{
    color: #FFF;
	background:#000;
}



/*colonnes actus*/

#actugauche, #actudroite
{
	width: 47%;
	min-width: 350px;
	padding: 3px;
	margin-top: -20px;
	margin-bottom:20px;
}
#actugauche h2, #actudroite h2
{
	padding-top: 24px;
	margin-bottom:15px;
    font-size: 1.7em;
	font-family:Verdana,sans-serif;
	font-weight:normal;
}

#actugauche
{
    float: left;
}
#actudroite
{
    float: right;
}

/* bas */
#bas
{
    clear: both;
    height: 30px;
    padding-top: 17px;
    margin: 10px;
    text-align: center;
    border-top: 1px dotted #999;
    color: #888;
	font-size: 0.9em;
}
#bas a
{
    color: #888;
    border-bottom: 1px dotted #999;
    text-decoration: none;
}
#bas a:hover
{
    color: #000;
	background:#DDD;
}

/* divers */
.centre
{
    text-align: center;
}
.droite
{
    text-align: right;
}
.flot_gauche, .flot_droite
{
    margin-top: 0px;
    margin-bottom: 0px;
}
.flot_gauche
{
    float: left;
    margin-right: 10px;
}
.flot_droite
{
    float: right;
    margin-left: 10px;
}


.galerie img
{
    width: 170px;
}
.galerie td
{
	padding-right: 11px;
	padding-bottom: 10px;
}


#cv h2
{
	font-size: 1.1em;
	text-transform: uppercase;
	text-align: left;
	margin-top:10px;
	margin-bottom:3px;
}
#cv td, #cv th
{
	padding: 7px 5px;
	vertical-align: top;
}
#cv td p
{
	margin-top:10px;
}

#cv .annee
{
	font-size: 1.4em;
}
#cv .collect
{
    color: #666;
}
#cv .collec
{
    color: #666;
	font-size:0.9em;
}


/*apercu archives*/

a:hover
{
	background: none;
}

#archives a span
{
	display: none;
}

#archives
{
	position: fixed;
	top: 220px;
	left: 47%;
	width: 440px;
	height: 137px;
/*	background: url('archives/images/archives2.png');*/
}


#listearchives li a:hover span
{
	display: block;
	position: fixed;
	top: 140px;
	left: 47%;
	width: 440px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: white;
}

#presse li
{
	margin-top:3px;
}

#presse a
{
	border:none;
	outline:none;
}
#presse span
{
	color:#666;
	font-size:0.9em;
}
#presse span a
{
	margin:20px;
	border-bottom: 1px dotted #000;
}


/* Expositions */

#carottage a span
{
	height: 330px;
	background: url('archives/images/carottage/apercu_1.jpg');
}
#hardcore a span
{
	height: 330px;
	background: url('archives/images/hardcore/apercu.jpg');
}
#californie a span
{
	height: 305px;
	background: url('archives/images/californie/apercu.jpg');
}
#animaux-de-la-route a span
{
	height: 282px;
	background: url('archives/images/animaux-de-la-route/apercu.jpg');
}
#fresco-kaviar a span
{
	height: 290px;
	background: url('archives/images/fresco-kaviar/apercu.jpg');
}

/* Sons */
#infrasound a span
{
	height: 354px;
	background: url('archives/images/infrasound/apercu.jpg');
}
#before-the-sound-of-the-beep a span
{
	height: 330px;
	background: url('archives/images/before-the-sound-of-the-beep/apercu.jpg');
}
#vent-val-fourre a span
{
	height: 330px;
	background: url('archives/images/vent-val-fourre/apercu.jpg');
}
#atelier-de-chant a span
{
	height: 303px;
	background: url('archives/images/atelier-de-chant/atelier-iufm-apercu.jpg');
}

/* Vidéos */
#retour-a-lenvoyeur a span
{
	height: 319px;
	background: url('archives/images/retour-a-lenvoyeur/apercu.jpg');
}
#rond-point a span
{
	height: 334px;
	background: url('archives/images/rond-point/apercu.jpg');
}
#beirut a span
{
	height: 319px;
	background: url('archives/images/beirut/apercu.jpg');
}

/* Performances */
#plus-de-300-ans-de-savoir-faire a span
{
	height: 320px;
	background: url('archives/images/plus-de-300-ans-de-savoir-faire/apercu.jpg');
}
#tm-guerilla a span
{
	height: 308px;
	background: url('archives/images/tm-guerilla/apercu.jpg');
}
#zerkratzte-autos a span
{
	height: 320px;
	background: url('archives/images/zerkratzte-autos/apercu.jpg');
}
#des-trinitaires-a-la-citadelle a span
{
	height: 321px;
	background: url('archives/images/des-trinitaires-a-la-citadelle/apercu.jpg');
}

/* Espace public */
#egnatia a span
{
	height: 262px;
	background: url('archives/images/egnatia/apercu.jpg');
}
#besancon-belfort a span
{
	height: 262px;
	background: url('archives/images/besancon-belfort/apercu.jpg');
}
#tendresses a span
{
	height: 290px;
	background: url('archives/images/3-tendresses/apercu.jpg');
}
#aperto a span
{
	height: 420px;
	background: url('archives/images/aperto/apercu.jpg');
}
#chez-toi-chez-moi a span
{
	height: 248px;
	background: url('archives/images/chez-moi-chez-toi/apercu.jpg');
}
#poster a span
{
	height: 282px;
	background: url('archives/images/poster/apercu.jpg');
}
#payenne a span
{
	height: 330px;
	background: url('archives/images/payenne/apercu.jpg');
}
#projets a span
{
	height: 330px;
	background: url('archives/images/projets-non-realises/apercu.jpg');
}

/* Documents */
#depots a span
{
	height: 330px;
	background: url('archives/images/depots/apercu.jpg');
}
#coincements a span
{
	height: 330px;
	background: url('archives/images/coincements/apercu.jpg');
}
#empechements a span
{
	height: 330px;
	background: url('archives/images/empechements/apercu.jpg');
}
#slogans a span
{
	height: 330px;
	background: url('archives/images/slogans/apercu.jpg');
}
#caviardages a span
{
	height: 330px;
	background: url('archives/images/caviardages/apercu.jpg');
}

/* Editions */
#soyez-les-bienvenus a span
{
	height: 420px;
	background: url('archives/images/soyez-les-bienvenus/apercu.jpg');
}
#guided-tour a span
{
	height: 420px;
	background: url('archives/images/guided-tour/apercu.jpg');
}
#die-tiere-der-strasse a span
{
	height: 420px;
	background: url('archives/images/die-tiere-der-strasse/apercu.jpg');
}
#bmw a span
{
	height: 420px;
	background: url('archives/images/bmw/apercu.jpg');
}
#taz-junge-welt a span
{
	height: 330px;
	background: url('archives/images/taz-junge-welt/apercu.jpg');
}
#cahier-de-chant a span
{
	height: 330px;
	background: url('archives/images/cahier-de-chant/apercu.jpg');
}
#onleesbaar-gemaakte-leuzen a span
{
	height: 330px;
	background: url('archives/images/onleesbaar-gemaakte-leuzen/apercu.jpg');
}
#machiavel-n0 a span
{
	height: 330px;
	background: url('archives/images/machiavel-n0/apercu.jpg');
}
#a105-de-trop a span
{
	height: 330px;
	background: url('archives/images/105-de-trop/apercu.jpg');
}
#national a span
{
	height: 330px;
	background: url('archives/images/national/apercu.jpg');
}