/* sert aussi de feuille de styles pour la page des ateliers */

a
	{
	color: yellow;	
	}

a:hover
	{
	color: #fff;	
	}

a#ateliers
	{
	text-decoration: none;
	color: yellow;	
	border-bottom: yellow solid thin;	
	}


a.retour_haut_de_page, a.liens_importants
	{
	background-color: #000;
	color: yellow;
	padding: 0.3ex;
	text-decoration: none;
	border-bottom: yellow solid thin;
	}

a.spectacle
	{
	color: yellow;
	font-weight: bold;
	font-family: arial, sans-serif;
	}

a.spectacle:hover
	{
	color: white;	
	}


body#spectacles
	{
	background-image: url( /media/spec.jpg );
	background-color: #C0C0C0;
	color: #FFFFFF;
	font-family: helvetica, arial, sans-serif;
	font-size: 100%;
	}

body#ateliers
	{
	background-image: url( /media/fond_etoiles_3d_jaunes.jpg );
	background-color: #000066;
	color: #FFFFFF;
	font-family: helvetica, arial, sans-serif;
	font-size: 100%;
	}



div#entete
	{
	width: 80%;
	margin: 3ex auto;
	text-align: left;
	}


div.retour_haut_de_page, div#liens_importants
	{
	text-align: center;
	color: yellow;
	margin: 2ex auto;
	}

h1
	{
	font-size: 110%;
	margin-top: 3ex;
	}
hr
	{
	display: block;
	}

img
	{
	margin: 0.5ex;
	}

li
	{
	line-height: 140%;
	}

p.spectacle
	{
	text-align: justify;
	padding: 1ex;
	padding-top: 0;
	line-height: 150%;
	margin-top: 0;
	color: #fff;
	}


table.droite
	{
	float: right;
	}


table.gauche
	{
	float: left;
	}




table.spectacle
	{
	width: 80%;
	margin: 3ex auto;
	border-bottom: #fff solid thin;
	}

td.details
	{
	text-align: left;
	padding: 1ex;
	line-height: 140%;
	color: #fff;
	}

td.dernier
	{
	padding-bottom: 3ex;	
	}

td.image
	{
	padding: 1ex;
	}

td.legende
	{
	font-size: 80%;
	text-align: left;
	padding: 0.3ex;
	padding-left: 1ex;
	}

th.spectacle
	{
	text-align: left;
	font-size: 180%;
	padding: 1.5ex;
	padding-left: 0;
	font-weight: normal;
	}