body{
margin:0;
		color:white;
		background-color:black;
		overflow-X:hidden;
		overflow-Y:hidden;
		}
p      {
		margin:10px 0;
		}

#global {
		position:absolute;
		left: 50%; 
		top: 50%;
		width: 650px;
		height: 450px;
		margin-top: -225px; /* moitié de la hauteur */
		margin-left: -325px; /* moitié de la largeur */
		}
#global-img {
		position:absolute;
		left: 50%; 
		top: 50%;
		width: 650px;
		height: 450px;
		margin-top: -225px; /* moitié de la hauteur */
		margin-left: -325px; /* moitié de la largeur */
		background:url('../images/fond2.png') no-repeat;
		}
.audio {
		position:relative;
		float:right;
		margin:450px 0 0 0;
		}
.gauche {
		float:left;
		margin:130px 0 0 20px;
		}
.img_droite {
		float:right;
		margin-top:20px;
		margin-left:8px;
		}
.img_gauche {
		float:left;
		margin-top:20px;
		margin-right:8px;
		}
.titre-mass {
		float:left;
		background:url('../images/feuille.png') no-repeat;
		font-weight:bold; 
		color:#ffcc66;
		padding-left:25px;
		}
.texte-tarifs {
		float:left;
		padding-left:25px;
		}
.texte-gauche {
		float:left; 
		font: 120% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; 
		color:#ffffcc;
		font-weight:normal; 
		padding:2px 10px 3px 0; 
		margin:160px 0 0 20px;
		background-color:black;
		width:30.5%;
		text-align:left
		}
.texte-gauche a{
		color:#ffffcc;
		text-decoration:none
		}
.texte-gauche a:hover{
		color:#ffcc66;
		text-decoration:none
		}
.titre {
		position:absolute;
		left: 50%; 
		top: 50%;
		width: 650px;
		height: 175px;
		margin-top: -225px; /* moitié de la hauteur */
		margin-left: -325px; /* moitié de la largeur */
		}
.corps {
		position:absolute;
		left: 50%; 
		top: 50%;
		width: 200px;
		height: 200px;
		margin-top: -80px; /* moitié de la hauteur */
		margin-left: -325px; /* moitié de la largeur */
		font: 80% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; 
		color:#ffffcc;
		text-indent:15px
		}
.corps 	a   {
		color:#ffffcc;
		text-decoration:none;
		padding-left:10px;
		text-indent:15px;
		display:block;
		}
.corps a:hover {
		color:#ffcc66;	
		text-decoration:none;
		background:url('../images/puce2.png') no-repeat;
		padding-left:10px;
		text-indent:15px;
		display:block;
		}	
.corps a:active{
		color:#FFFB63;	
		text-decoration:none;
		background:url('../images/puce2.png') no-repeat;
		padding-left:10px;
		display:block;
		}	
.lien a {
		color:#ffcc66;	
		text-decoration:none;
		background:url('../images/puce2.png') no-repeat;
		padding-left:10px;
		display:block;
		}	
.lien a:hover {
		color:#ffcc66;	
		text-decoration:none;
		background:url('../images/puce2.png') no-repeat;
		padding-left:10px;
		display:block;
		}	
.footer {
		position:absolute;
		left: 50%; 
		top: 50%;
		width: 650px;
		height: 75px;
		margin-top: 150px; /* moitié de la hauteur */
		margin-left: -325px; /* moitié de la largeur */
		}
.fond {
		position:absolute;
		left: 50%; 
		top: 50%;
		width: 180px;
		height: 230px;
		margin-top: -95px; /* moitié de la hauteur */
		margin-left: -325px; /* moitié de la largeur */
		background-color:#ffffcc;
		filter : alpha(opacity=10);
	    -moz-opacity : 0.1;
	    opacity : 0.1; 
		-moz-border-radius: 10px;	-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
		}
.fond-texte {
		position:absolute;
		left: 50%; 
		top: 50%;
		width: 350px;
		height: 200px;
		margin-top: -60px; /* moitié de la hauteur */
		margin-left: -115px; /* moitié de la largeur */
		font: 80% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; 
		color:#ffffcc;
		background-color:#ffffcc;
		filter : alpha(opacity=10);
	    -moz-opacity : 0.1;
	    opacity : 0.1; 
		-moz-border-radius: 10px;	-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
		}
#texte{
		position:absolute;
		left: 50%; 
		top: 50%;
		width: 340px;
		height: 240px;
		margin-top: -90px; /* moitié de la hauteur */
		margin-left: -125px; /* moitié de la largeur */
		font: 80% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; 
		color:#ffffcc;
		text-align:justify;
}
.barre {
		background:url('../images/trait.png') repeat-y;
		width:9px; height:195px;  
		right:0; 
		top:40;
		position:absolute;
		
		}
#up {
		cursor:pointer; 
		position:absolute; 
		right:0;
		}
#down {
		cursor:pointer; 
		position:absolute; 
		right:0; 
		bottom:0
		}
#support {
		position:relative; 
		width:340px;
		 height:240px; 
		 overflow:hidden; 
		}
.txt {
		font: 80% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; 
		color:#ffffcc;
		margin:0 10px 0 0;
		}
.txt-warning {
		font: 80% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; 
		color:red;
		margin:0 10px 0 0;
		}
.txt-video
		{
		font: 120% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; 
		color:#ffcc66;
		font-weight:normal; 
		}

input,textarea{
background-color:  #ffffcc; border-bottom: 1px solid #A6A6A6; border-right: 1px solid #A6A6A6; border-left:1px solid #D0D0D0; border-top:1px solid #D0D0D0; font-family:  Arial, sans-serif; font-size: 80%; vertical-align: middle;width:200px"
		}