/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|                                   index                                   |
|---------------------------------------------------------------------------|
|                                                                           |
|                           Styles communs toutes pages du site             |
|                                                                           |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|                                              Sabine BOUBEL - mars 2008	 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/* Comportement général des balises
-----------------------------------------------------------------------------
	Les règles associées aux balises ci-dessous modifient le comportement de
	ces balises, sur toute la page, quelque soit leur place dans
	l'arborescence.
---------------------------------------------------------------------------*/

/* Toutes les marges et padding sont mises à 0 */
* {
	margin: 0;
	padding: 0;
	}
	
/* Suppression du soulignement des liens */
a {
	text-decoration: none;
	}
	
/* Suppression du soulignement bords d'images */
img {
	border: none;
	}

/* Fond de la page en gris */
body {
	background-image:url(images/fondfond.jpg);
	background-position:0 300px;
	}


/* Définition de la zone 'global'
-----------------------------------------------------------------------------
	La zone 'global' est centrée sur la page, avec une largeur fixe. Tous
	les autres éléments (à quelques exceptions prêt) sont des enfants de
	cette balise <div>
---------------------------------------------------------------------------*/
#global {
	position: relative;	
	width: 651px;
	height:548px;
	margin-right: auto;
	margin-left: auto;
	margin-top:20px;
	background-image:url(images/fond651.jpg);
	text-align:center;
	}
#global.ref {
	position: relative;	
	width: 651px;
	height:548px;
	margin-right: auto;
	margin-left: auto;
	margin-top:20px;
	background-image:url(images/fondref.jpg);
	text-align:center;
	}


/*style texte général*/
#texte {
	position:absolute;
	top:200px;
	left:63px;
	width:500px;
	height:104px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#330000;
	}
#texte h1 {
	margin-top:10px;
	font-size:0.9em;
	font-weight:bold;
	}
#texte h2 {
	font-size:0.8em;
	font-style:italic;
	}
#texte p	{
	margin-top:4px;
	font-size:0.7em;
	}
#texte P.decalage20{
	margin-top:20px;
	}
#texte em	{
	font-weight:bold;
	font-style:normal;
	}


/*Page réf 
#global.ref{
	background-image:url(images/fondref.jpg);
	}*/


/* Définition de la zone 'menuAccueil'
-----------------------------------------------------------------------------
	La zone 'menuAccueil' comprend l'image du bus avec les rollover
---------------------------------------------------------------------------*/
#qui, #quoi, #ou {
	position:absolute;
	width:90px;
	height:90px;
	/*background:#33CC66*/
	}
#qui {
	top: 240px;
	left:90px;
	z-index:100;
	}
#quoi {
	top: 240px;
	left:210px;
	z-index:200;

	}
#ou {
	top:240px;
	left:335px;
	z-index:300;

	}
#menuQui, #menuQuoi, #menuOu {
	position:absolute;
	visibility:hidden
	}
#menuQui {
	top:117px;
	left:75px;
	z-index:10;
	}
#menuQuoi {
	top:233px;
	left:135px;
	z-index:20;
	}
#menuOu {
	top:98px;
	left:241px;
	z-index:30;
	}



/* Définition de la zone pied de page
-----------------------------------------------------------------------------
	La zone 'piedpage' se place tout en bas du site, et affiche les mentions
	légales et autres contacts.
---------------------------------------------------------------------------*/
#piedpage {
	position:absolute;
	display:block;
	top:558px;
	width: 651px;
	height:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.5em;
	line-height:15px;
	text-align:left;
	z-index:1000;
	
	}
#piedpage a{
	color:#CC0000;
	}
#piedpage a:hover{
	color:#fff;
	}

/* Styles communs aux pages de niveau 2
------------------------------------------------------------------------------
Définition des boutons de navigation du bas 
-----------------------------------------------------------------------------*/
#global a#boutQui {
	position:absolute;
	top:471px;
	left:385px;
	width:55px;
	height:76px;
	background-image:url(images/boutQui.jpg);
	background-position:0 0;
	}
#global a#boutQui:hover {
	background-position:0 -76px;
	}
#global a#boutQuoi {
	position:absolute;
	top:471px;
	left:440px;
	width:48px;
	height:76px;
	background-image:url(images/boutQuoi.jpg);
	background-position:0 0;
	}
#global a#boutQuoi:hover {
	background-position:0 -76px;
	}
#global a#boutOu {
	position:absolute;
	top:471px;
	left:488px;
	width:49px;
	height:76px;
	background-image:url(images/boutOu.jpg);
	background-position:0 0;
	}
#global a#boutOu:hover {
	background-position:0 -76px;
	}
	
#global a#boutAccueil {
	position:absolute;
	top:471px;
	left:537px;
	width:54px;
	height:76px;
	background-image:url(images/boutAccueil.jpg);
	background-position:0 0;
	}
#global a#boutAccueil:hover {
	background-position:0 -76px;
	}
#global a.lienMort
	{
	cursor:default;
	}