html
   {
	overflow:hidden;
  }

body {
		
	padding:0;
	margin:0;
}  
  
  
div#conteneurglobal
{
	width: 750px ;
	height:515px;
	margin: 0 auto ;
	padding: 0;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	
	position:relative ;
	background: transparent url(../images/mediatair.gif) no-repeat ;	

}
/* Une bordure autour de l'ensemble de la page,
	*/
/* Je définis la largeur de la division qui contient l'ensemble de la page à 983 pixels */
/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type
 block (comme les divisions), je centre donc cette division avec auto et 0 haut et bas */
/* Il faut rétablir l'alignement du texte à gauche que j'ai changé plus haut */
/*L'utilisation de position: relative sur #conteneurglobal définit les frontières de 
 le positionnement de ses enfants à la position "top: 0px, left: 0px" 
qui est maintenant le coin supérieur gauche de #conteneurglobal, 
au lieu de celui de body.*/



.calque
{
padding:0;
margin:0;
}

img
{
border:0;
}

div#piedpage 
{
	position:relative;
	/*positioné par rapport à l a banniere*/
	top:450px;
	height:100px;
	width:700px;
	margin:auto ;
	padding:0;
	
	
	
}		
/* On ne peut pas mettre la height à 100% 
du contenu du pied de page ca marche pas 
il faut lui donner en pixels, on met le coin inférieur tout en bas : bottom 0
de son conteneur soit le conteneurglobal pour qu'il soit toujours en bas*/

a#contact, a#renseignements, a#informations, a:active, a:hover, a:visited, a
{
	color:#677cb1;
	margin:0;

	text-decoration: none;
	font: 1.5em "Trebuchet MS", helvetica, sans-serif ;
	
}