/* MISE EN PAGE DIAPORAMA */

img
	{
	display: block ;
	}

h1 , h2 , h3 , h4 , h5 , h6
	{
	margin: 0px 0px 0px 0px ;
	font-size: 100% ;
	font-weight: normal ;
	}

a
	{
	text-decoration: none ;
	color: rgb(255,255,255) ;
	}

ul
	{
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	list-style-type: none ;
	}

body
	{
	margin: 5px 0px 0px 0px ;
	background-color: rgb(000,000,000) ;
	padding: 0px 0px 0px 0px ; 
	font-family: Verdana, Arial, sans-serif ;
	font-size: small ;
	color: rgb(255,255,255) ;
	}

#page
	{
	margin: 0px auto 0px auto ;
	width: 980px ;
	}

h1
	{
	margin: 0px 0px 0px 0px ;
	font-size: 100% ;
	font-weight: normal ;
	}

p
	{
	margin: 0px 0px 0px 0px ;
	}

p.titre
	{
	padding: 0px 0px 6px 0px ;
	font-size: 145% ;
	text-transform: uppercase ;
	}

span.couleur
	{
	color: rgb(255,000,000) ;
	}

#bloc_image
	{
	border-style: solid ;
	border-width: 1px 1px 1px 1px ;
	border-color: rgb(102,102,102) ;
	}

#bloc_image img
	{
	margin: 10px auto 10px auto ;
	}

#bloc_legende
	{
	position: relative ;
	margin: 10px 0px 0px 0px ;
	border-style: solid ;
	border-width: 1px 1px 1px 1px ;
	border-color: rgb(102,102,102) ;
	padding: 10px 10px 10px 10px ;
	color: rgb(255,255,255) ;
	}

#bloc_legende div.departement
	{
	position: absolute ;
	right: 10px ;
	top: 10px ;
	}

#bloc_legende div.musee
	{
	position: absolute ;
	right: 10px ;
	bottom: 10px ;
	}

#bloc_legende p.artiste
	{
	margin: 8px 0px 0px 0px ;
	}

#bloc_legende h1
	{
	font-size: 145% ;
	}

#bloc_legende h1 a , #bloc_legende h1 a:hover
	{
	color: rgb(255,255,255) ;
	}

p.lienplus
	{
	margin: 0px ;
	padding: 7px 0px 0px 0px ;
	font-size: 85% ;
	}

p.lienplus a
	{
	color: rgb(255,000,000) ;
	}

#bloc_player
	{
	position: relative ;
	float: left ;
	width: 320px ;
	height: 40px ;
	margin: 10px 0px 0px 0px ;
	border-style: solid ;
	border-width: 1px 1px 1px 1px ;
	border-color: rgb(102,102,102) ;
	padding: 10px 10px 10px 10px ;
	}

#bloc_player ul.boutons
	{
	}

#bloc_player ul.boutons li
	{
	display: inline ;
	}

#bloc_player ul.boutons li a
	{
	margin: 0px 0px 0px 14px ;
	padding: 0px 0px 0px 14px ;
	}

#bloc_player ul.boutons li a.bouton_precedente
	{
	margin: 0px 0px 0px 0px ;
	background: url('../images/diaporama/player_bouton_precedente.gif') 0px 4px no-repeat ;
	}
#bloc_player ul.boutons li a.bouton_jouer
	{
	background: url('../images/diaporama/player_bouton_jouer.gif') 0px 4px no-repeat ;
	}
#bloc_player ul.boutons li a.bouton_pause
	{
	background: url('../images/diaporama/player_bouton_pause.gif') 0px 4px no-repeat ;
	}
#bloc_player ul.boutons li a.bouton_suivante
	{
	background: url('../images/diaporama/player_bouton_suivante.gif') 0px 4px no-repeat ;
	}

#bloc_player div.position
	{
	position: absolute ;
	right: 10px ;
	top: 10px ;
	}

div.barredeprogression
	{
	position: absolute ;
	left: 10px ;
	bottom: 10px ;
	}

div.barredeprogression div.barre
	{
	width: 320px ;
	background-color: rgb(255,255,255) ;
	}

#bloc_vignettes
	{
	float: left ;
	width: 626px ;
	margin: 10px 0px 10px 10px ;
	border-style: solid ;
	border-width: 1px 1px 1px 1px ;
	border-color: rgb(102,102,102) ;
	}

#bloc_vignettes ul
	{
	width: 10000px ;
	}

#bloc_vignettes ul li
	{
	float: left ;
	margin: 0px 0px 0px 10px ;
	}
#bloc_vignettes ul li.premiere
	{
	margin: 0px 0px 0px 0px ;
	}

.ariege a , .ariege a:hover
	{
	color: rgb(013,085,133) ;
	}

.aveyron a , .aveyron a:hover
	{
	color: rgb(138,168,034) ;
	}

.haute-garonne a , .haute-garonne a:hover
	{
	color: rgb(242,101,032) ;
	}

.gers a , .gers a:hover
	{
	color: rgb(024,126,024) ;
	}

.lot a , .lot a:hover
	{
	color: rgb(135,076,020) ;
	}

.hautes-pyrenees a , .hautes-pyrenees a:hover
	{
	color: rgb(209,010,127) ;
	}

.tarn a , .tarn a:hover
	{
	color: rgb(000,173,239) ;
	}

.tarn-et-garonne a , .tarn-et-garonne a:hover
	{
	color: rgb(102,044,147) ;
	}


/* SURCLASSEMENT GLOBAL */

.cliquable
	{
	cursor: pointer ;
	}