#design			{	position: relative; /* on positionne le conteneur, centré */
							margin: 0 auto; /* obligé de laisser la ligne complète pour rester centrer */
							width: 1000px;
							height: 554px;
							text-align: left;
							background: url(images/plansite.jpg) 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: 10px;
								left: 20px;
								width: 166px;
								height: 95px;
								}
								
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/boutacc.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 */
												}

#contenu		{	position: absolute;
							top: 131px;
							left: 349px;
							width: 550px;
							}										

h1 			{	position: relative;
					}
				
h1 a		{	font: 1.2em Verdana, sans-serif;
					color: rgb(160,160,160); /* gris clair */
					}
					
a.lien-navig		{	font: 1.4em Verdana, sans-serif;
									color: white;
									}
									
a.lien-navig2		{	font: 1.15em Verdana, sans-serif;
									color: white;
									}
									
a.puce					{	font: 0.80em/1em Verdana, sans-serif; /* valeurs à garder : font: 0.85em/1.6 Verdana, sans-serif; */
									color: rgb(120,120,120); /* gris clair - (gris clair utilisé = 160,160,160) */
									}
									
a.puce-navig2			{	font: 0.95em/1em Verdana, sans-serif; /* valeurs à garder : font: 0.85em/1.6 Verdana, sans-serif; */
										color: rgb(150,150,150); /* gris clair - (gris clair utilisé = 160,160,160) */
										}
	
a.lien:visited		{		color: rgb(51,133,157); /* voir page global pour complément d'info */
											}
											
a.lien:hover		{	color: rgb(226,1,1); /* rouge */
						}

a.lien-navig:hover,
a.lien-navig2:hover		{	color: rgb(226,1,1); /* rouge */
												}

p		{		position: relative;
				top: 30px;
				width: 380px;
				padding-bottom: 15px;
				}	
		
ul.projets		{ position: relative;
								left: 50px;
								padding-top: 15px; /* définit la marge du haut */
								}