#design		{	position: relative; /* on positionne le conteneur, centré */
							margin: 0 auto; /* obligé de laisser la ligne complète pour rester centrer */
							width: 1000px;
							height: 1900px;
							text-align: left;
							background: url(images/services.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/boutsera.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: 309px;
							width: 550px;
							}										

#titre-h1		{	position: relative;
							width: 351px;
							height: 81px;
							background: url(images/servh1.gif) no-repeat;
							}
							
h1, h2				{	text-indent: -5000px; /* retrait à gauche pour cacher le titre */
								line-height: 0; /* on annule aussi la hauteur de ligne */
								}
			
#titre1-h2	{	position: relative;
							top: 40px;
							left: 63px;
							width: 354px;
							height: 22px;
							padding-bottom: 15px; /* marge pour mettre un espace avant le paragraphe */
							background: url(images/servh2-1.gif) no-repeat;
							}	

p		{		position: relative;
				top: 40px;
				left: 63px;
				width: 380px;
				padding-bottom: 15px;
				}
				
p.imp		{		position: relative;
						top: 15px;
						left: 63px;
						width: 561px;
						padding-bottom: 20px;
						}			
				
#titre2-h2	{	position: relative;
							top: 45px;
							left: 63px;
							padding-bottom: 40px; /* marge pour mettre un espace avant le sous-titres h3 */
							width: 234px;
							height: 22px;
							background: url(images/servh2-2.gif) no-repeat;
							}	
							
h3 			{	position: relative;
					top: 25px;
					left: 63px;
					}
				
h3 a		{	font: Bold 0.80em Verdana, sans-serif;
					color: white;
					}
					
a.imp		{	font: 1em/1.5em Verdana, sans-serif; 
					color: rgb(51,170,203); /* turquoise + clair */
					}

a.puces		{	font: Bold 0.9em Verdana, sans-serif; 
						color: rgb(51,133,157); /* turquoise */
						}