#design		{		position: relative; /* on positionne le conteneur, centré */
							margin: 0 auto; /* obligé de laisser la ligne complète pour rester centrer */
							width: 1000px;
							height: 570px;
							text-align: left;
							background: url(images/accueil.gif) no-repeat;
			 				}
							
#signature		{ position: absolute; /* Pas possible de raccourcir la propriété margin en 1 ligne, les marges ne sont pas respectées (idem partout) */
								top: 15px;
								left: 15px;
								width: 223px;
								height: 111px;
								}

ul#navig		{ position: absolute;
							margin:0 auto; /* le menu est centré (idem plus haut) */
							left: 446px;
							padding-top: 15px; /* définit la marge du haut */
							width: 523px;
							height: 42px;
							}
									
ul#navig li 		{	display:inline;
				 					}
									
a.bout-accueil, a.bout-book,
a.bout-services, a.bout-activite, 
a.bout-contact 	 									{	display: block; /* la balise a doit être en bloc pour pouvoir lui attribuer des dimensions */
								 										float: left;
																		height: 42px; /* hauteur de l'image réactive */
																		background-repeat: no-repeat;
																		}

a.bout-accueil 		{	background-image: url(images/boutacca.gif); /* source de l'image de départ */
										width: 102px; /* largeur de l'image réactive */
										}

a.bout-accueil:hover 		{	background-image: url(images/boutaccr.gif); /* source de l'image d'arrivée */
													}

a.bout-book 	{	background-image: url(images/boutboo.gif); /* source de l'image de départ */
								width: 83px; /* largeur de l'image réactive */
								}

a.bout-book:hover 	{	background-image: url(images/boutboor.gif); /* source de l'image d'arrivée */
											}

a.bout-services 		{	background-image: url(images/boutser.gif); /* source de l'image de départ */
											width: 115px; /* largeur de l'image réactive */
											}

a.bout-services:hover  {	background-image: url(images/boutserr.gif); /* source de l'image d'arrivée */
											 		}

a.bout-activite 	{	background-image: url(images/boutact.gif); /* source de l'image de départ */
										width: 113px; /* largeur de l'image réactive */
										}

a.bout-activite:hover 	{	background-image: url(images/boutactr.gif); /* source de l'image d'arrivée */
													}

a.bout-contact 		{	background-image: url(images/boutcon.gif); /* source de l'image de départ */
										width: 110px; /* largeur de l'image réactive */
										}

a.bout-contact:hover 	{	background-image: url(images/boutconr.gif); /* source de l'image d'arrivée */
												}

/* complément d'info du logo */
p.base-line		{		position: absolute;
									top: 164px;
									left: 168px;
									}				
									
a.base-line 	 {	font: 0.95em/1.7em Verdana, sans-serif; /* On ne peut pas raccourcir la ligne en supprimant la typo déjà citée dans la feuille de syle générale, sinon ça ne prend pas en compte les attributs de taille ci-joint */
							 		color: white;
					 				}
									
a.base-line:hover 	 {	color: rgb(226,1,1);
					 					 		}
												
p.note		{		position: absolute;
							top: 516px;
							left: 168px;
							}
/* voir les propriétés de typo et de lien sur feuille de style "note.css" */