/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|                                   index                                   |
|---------------------------------------------------------------------------|
|                                                                           |
|                           Page Quoi du site                          |
|                                                                           |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|                                              Sabine BOUBEL - avril 2008 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/




/* Définition de la zone 'global'
-----------------------------------------------------------------------------
	Personnalisation de fond
---------------------------------------------------------------------------*/
#global {
	background-image:url(images/fondquoi2.jpg);
	}
	
/*Styles Boutons Book et diaporama */

#global #boutBook{
	position:absolute;
	top:192px;
	left:63px;
	width:259px;
	height:167px;
	}
#global a#flecheG {
	position:absolute;
	top:383px;
	left:322px;
	width:28px;
	height:20px;
	background-image:url(images/flecheG.jpg);
	background-position:0 0;
	}
#global a#flecheD {
	position:absolute;
	top:383px;
	left:622px;
	width:28px;
	height:20px;
	background-image:url(images/flecheD.jpg);
	background-position:0 0;
	}
#global a#flecheG:hover, #global a#flecheD:hover {
	background-position:0 -20px;
	}
	
/*Styles textes légendes */
#legende {
	position:absolute;
	top:390px;
	left:63px;
	width:229px;
	height:104px;
	text-align:left;
	color:#330000;
	}
#legende h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.85em;
	font-weight:bold;
	}
#legende h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-style:italic;
	}
#legende p	{
	font-family:Arial, Helvetica, sans-serif;
	margin-top:4px;
	font-size:0.6em;
	}
#legende em	{
	font-weight:bold;
	font-style:normal;
	}

/*Styles Vignette + groupe */
#vignetteAvant {
	position:absolute;
	top:185px;
	left:322px;
	width:78px;
	height:160px;
	overflow:hidden;
	}
#vignetteAvant img {
	position:relative;
	float:left;
	margin-left:-82px;
	}
#vignette {
	position:absolute;
	top:185px;
	left:407px;
	width:160px;
	height:234px;
	text-align:center;
	}
#vignetteApres {
	position:absolute;
	top:185px;
	left:574px;
	width:77px;
	height:160px;
	overflow:hidden;
	}


#vignette p {
	position:absolute;
	top:198px;
	left:-56px;
	width:273px;
	line-height:20px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#660000;
	 
	}


/* Personnalisation bout Quoi */

#global a#boutQuoi {
	background-position:0 -76px;
	}