@import url(lightbox.css);

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;
}


/* 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;
}
#haut #dectordupuy
{
    color: #111;
    text-decoration: none;
    display: block;
    font: bold 4em Courier New, sans-serif;
	padding-bottom: 10px;
	padding-left: 20px;
	width: 395px;
}
#haut span
{
    text-decoration: none;
    display: block;
	color: #999;
    font: small-caps bold 0.35em Calibri, Corbel, Candara, Consolas, Gisha, Euphemia, sans-serif;
	margin-top:-10px;
}
#haut #choix-langue
{
	position:absolute;
	margin-top: -30px;
	margin-left: 770px;
    font: bold 1em Calibri, Corbel, Candara, Consolas, Gisha, Euphemia, 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.3em;
}
#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: 20px;
	margin-bottom:5px;
}
#actugauche p, #actudroite p
{
	margin-top:0;
}

#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 td, #cv th
{
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
}
#cv th
{
	font-size: 1.3em;
	font-variant: small-caps;
	text-align: left;
	padding-bottom: 0px;
}
#cv .annee
{
	padding-top: 15px;
	margin-left: -10px;
	font-size: 1.4em;
}
#cv .collec
{
    color: #555;
}


/*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:hover span
{
	height: 330px;
	background: url('archives/images/carottage/apercu_1.jpg');
}
#hardcore a:hover span
{
	height: 330px;
	background: url('archives/images/hardcore/apercu.jpg');
}
#californie a:hover span
{
	height: 305px;
	background: url('archives/images/californie/apercu.jpg');
}
#animaux-de-la-route a:hover span
{
	height: 282px;
	background: url('archives/images/animaux-de-la-route/apercu.jpg');
}
#fresco-kaviar a:hover span
{
	height: 290px;
	background: url('archives/images/fresco-kaviar/apercu.jpg');
}

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

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

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

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

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

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