div.global 	{position:absolute;
			margin-left:-10px;
			background: black;
     		top: 50%;
     		width: 100%;
     		height: 500px;
     		margin-top: -250px; /* moitié de la hauteur */}
div.site	{position: absolute;
			width: 1000px;
			height: 500px;
			background-image:url(back.jpg);
			left: 50%;
			margin-left:-500px;}
div.site.presentation	{background-image:url(essai.jpg)}
/*en fait en mettant top 50% et margin-top -250px (qui est la moitié de la hauteur fait que 25% de l'espace se trouve au dessus et 25% en dessous */

div.Menu	{position:absolute;
     		left: 50%; 
     		top: 50%;
     		width: 1000px;
     		height: 25px;
			/*border:solid 1px;*/
     		margin-top: 250px; /* moitié de la hauteur */
     		margin-left: -500px; /* en fait=(1000-22)/2=489 */}

div.liens	{position: relative;/*pour que les cellules se mettent côte à côte associée à la propriété float*/
			float: left;
			width: 123px;
			height: 25px;
			color:#959495;
			background:#252538;
			font-family: candara;
			font-size: 14px;
			font-weight: bold;
			text-transform: uppercase;
			text-align:center;}

div.cadre	{position:relative;
			left: 10%;
     		width: 250px;
     		height: 500px;
     		border: solid 2px;
			opacity : 0.5; 
    		filter : alpha(opacity=50);}

/*propriétés des polices etc...définir <h> <p> etc...*/


body		{background: #252538;}
p			{font-size: 9pt;
			font-family: comic sans ms;
			font-style: italic;}
a			{text-decoration:none;}
a:link		{color:#959495;}	/*l'ordre des pseudos-classes des liens est importante car elle influe sur le résultat*/ 
a:visited	{color:#959495;}
a:hover		{color: white;}