/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|                                   www.la-truchet-pilat.com                |
|---------------------------------------------------------------------------|
|                                                                           |
|                          Styles communs à tout le site                    |
|                                                                           |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|                                              Sabine BOUBEL	- Juin 2009 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/* Définition de la zone 'centrage'
-----------------------------------------------------------------------------
	La zone 'centrage' est centrée sur la page, avec une largeur fixe et contient 
	les éléments de la page.
---------------------------------------------------------------------------*/
#centrage {
	position:absolute;
	left: 50%;
	top: 50%;
	height: 600px;
	width: 900px;
	margin-top: -280px; /* moitié de la hauteur */
	margin-left: -450px; /* moitié de la largeur */
	background-image:url(../images/truchet-base.jpg);
	}	
a#sign {
	position:relative;
	float:right;
	font:0.6em Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	text-decoration:none;
	margin-top:-14px;
	}
	
/* Définition de la zone 'menu'
-----------------------------------------------------------------------------
	La zone 'menu' est là pour placer les menus en absolu en bas de page
	> indispensable pour IE6 - on ne peut placer les liens directement après 
	des éléments placés en absolu (ici le paragraphe adresse dans page index)
---------------------------------------------------------------------------*/
#centrage #menu {
	position:absolute;
	top:488px;
	left:0;
	width:900px;
	height:38px;
	}
#centrage #menu a {
	position:relative;
	float:left;
	display:inline;
	width:225px;
	height:38px;
	}
#centrage #menu a.accueil {
	background:url(../images/boutAccueil.gif) no-repeat;
	}
#centrage #menu a.acces {
	background:url(../images/boutAcces.gif) no-repeat;
	}
#centrage #menu a.tarif {
	background:url(../images/boutTarif.gif) no-repeat;
	}
#centrage #menu a.photo {
	background:url(../images/boutPhotos.gif) no-repeat;
	}
#centrage #menu a.lienMort,
#centrage #menu a.accueil:hover,
#centrage #menu a.acces:hover,
#centrage #menu a.tarif:hover,
#centrage #menu a.photo:hover {
	background-position:0 -39px;
	}