.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: 600px;
			margin: 0 25px 0 25px;}

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

#corps_page {		position: relative;
			float: left;
			width: 840px;
			height:	500px;
			margin: 0 30px 0 30px;}

#diapo	{		position: relative;
			padding: 0 0 0 0;
			float: left;
			width: 400px;
			height:	380px;
			text-align: center;}

#argument	{	position: relative;
			float: left;
			width: 440px;
			height:	380px;
			font-size: 150%; 
 			text-align: right;}

#duree		{	position: relative;
			float: left;
			width: 133px;
			height:	30px;
			background-image: url(../images/spectacles/duree.png) ;
			background-repeat: no-repeat;
			font-familly : tahoma;
			font-size: 150%; 
 			text-align: center;
			padding-top: 70px;}

#jauge		{	position: relative;
			float: left;
			width: 133px;
			height:	30px;
			background-image: url(../images/spectacles/jauge.png) ;
			background-repeat: no-repeat;
			font-familly : tahoma;
			font-size: 150%; 
 			text-align: center;
			padding-top: 70px;}

#age		{	position: relative;
			float: left;
			width: 133px;
			height:	30px;
			background-image: url(../images/spectacles/age.png) ;
			background-repeat: no-repeat;
			font-familly : tahoma;
			font-size: 150%; 
 			text-align: center;
			padding-top: 70px;}


#menu_d {		position: relative;
			float: left;
			width: 100px;
			height: 600px;
			float: left;}

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

