.fond			{background-image: ../images/general/fond_texte.png;} 

body {			background-image: url(../images/general/papier_kraft.jpg) ;
			backgroung-repeat: repeat;
			margin: 0 0 0 0;
			padding: 0 0 0 0;}

#page {			width: 1200px;
			height: 823px;
			float: center;
			margin: 2% auto 2% auto;
			diplay: block;
			background-repeat: no-repeat;}


#banniere {		width: 1200px;
			height: 256px;
			float: center;
			diplay: block;
			background-image: url(../images/general/banniere1.png) ;
			background-repeat: no-repeat;}


#menu_g {		position: relative;
			float: left;
			width: 100px;
			height: 600px;
			margin-left: 20px;}

#menu_g1 {		position: relative;
			float: left;
			width: 100px;
			height: 150px;
			background-image: url(../images/accueil/medaillon_accueil.png) ;
			background-repeat: no-repeat;}

#menu_g1:hover{		background-image: url(../images/accueil/medaillon_accueil_a.png) ;}

#menu_g2 {		position: relative;
			float: left;
			width: 100px;
			height: 150px;
			background-image: url(../images/spectacles/medaillon_spectacles.png) ;
			background-repeat: no-repeat;}

#menu_g2:hover{		background-image: url(../images/spectacles/medaillon_spectacles_a.png) ;}

#menu_g3 {		position: relative;
			float: left;
			width: 100px;
			height: 150px;
			background-image: url(../images/compagnie/medaillon_compagnie.png) ;
			background-repeat: no-repeat;}

#menu_g3:hover{		background-image: url(../images/compagnie/medaillon_compagnie_a.png) ;}

#menu_g4 {		position: relative;
			float: left;
			width: 100px;
			height: 150px;
			background-image: url(../images/newsletter/medaillon_newsletter.png) ;
			background-repeat: no-repeat;}

#menu_g4:hover{		background-image: url(../images/newsletter/medaillon_newsletter_a.png) ;}

 

#menu_c {		position: relative;
			float: left;
			width: 900px;
			height: auto;
			margin: 0 25px 0 25px;}

#titre_page {		position: relative;
			float: left;
			width: 900px;
			height:	100px;}

#corps_page {		position: relative;
			float: left;
			width: 840px;
			height: auto;
			margin: 0 30px 0 30px;
			text-align: center;}

#menu_d {		position: relative;
			float: right;
			width: 100px;
			height: 600px;
			margin-right: 20px;}

#menu_d1 {		position: relative;
			float: left;
			width: 100px;
			height: 150px;
			background-image: url(../images/agenda/medaillon_agenda.png) ;
			background-repeat: no-repeat;}

#menu_d1:hover{		background-image: url(../images/agenda/medaillon_agenda_a.png) ;}

#menu_d2 {		position: relative;
			float: left;
			width: 100px;
			height: 150px;
			background-image: url(../images/presse/medaillon_presse.png) ;
			background-repeat: no-repeat;}

#menu_d2:hover{		background-image: url(../images/presse/medaillon_presse_a.png) ;}

#menu_d3 {		position: relative;
			float: left;
			width: 100px;
			height: 150px;
			background-image: url(../images/contacts/medaillon_contacts.png) ;
			background-repeat: no-repeat;}

#menu_d3:hover{		background-image: url(../images/contacts/medaillon_contacts_a.png) ;}

#menu_d4 {		position: relative;
			float: left;
			width: 100px;
			height: 150px;
			background-image: url(../images/liens/medaillon_liens.png) ;
			background-repeat: no-repeat;}

#menu_d4:hover{		background-image: url(../images/liens/medaillon_liens_a.png) ;}

table.spectacle {	border: solid 1px black;}

td.spectacle {		border: solid 1px black;
			width: 280px;
			text-align: center;}

table.contacts {	width: 400px;
			height: 400px;
			background-image: url(../images/contacts/fond.png);
			background-repeat: no-repeat; 
			margin: auto;
			padding-top: 40px;}

table.logo {		width: 200px;
			height: 233px;
			background-image: url(../images/logo_fond_noir.png);
			background-repeat: no-repeat;
			margin: auto;}

td.contacts {		font-family: sans-serif;
			width: 30%;
			heigh: 50px;
			padding: 5px;
			text-align: right;
			background-color: #fffffff}

td.accuse {		font-family: sans-serif;
			width: 30%;
			heigh: 50px;
			padding: 5px;
			text-align: center;
			background-color: #fffffff}

td.bouton {		height: 40px;
			text-align: center;}

#mailto {		position: relative;
			float: left;
			width: 200px;
			height: 26px;
			background-image: url(../images/contacts/mailto.png) ;
			background-repeat: no-repeat;
			margin: 0 0 0 320px;}

#mailto:hover{		background-image: url(../images/contacts/mailto_a.png) ;}