#design			{	position: relative; /* on positionne le conteneur, centré */
							margin: 0 auto; /* obligé de laisser la ligne complète pour rester centrer */
							width: 1000px;
							height: 651px;
							text-align: left;
							background: url(images/contact.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: 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/boutcona.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: 205px; /* correspond au bas du titre h1 page activité - (au lieu de 183px avant) */
							left: 309px;
							width: 350px;
							}										

h2						{	text-indent: -5000px; /* retrait à gauche pour cacher le titre */
								line-height: 0; /* on annule aussi la hauteur de ligne */
								}
								
#titre1-h2	{	position: relative;
							left: 63px;
							width: 172px;
							height: 22px;
							padding-bottom: 15px; /* marge pour mettre un espace avant le paragraphe */
							background: url(images/conth2-1.gif) no-repeat;
							}
							
#titre2-h2	{	position: relative;
							left: 63px;
							width: 149px;
							height: 22px;
							padding-bottom: 15px; /* marge pour mettre un espace avant le paragraphe */
							background: url(images/conth2-2.gif) no-repeat;
							}
		
p		{		position: relative;
				top: -5px;
				left: 63px;
				}		
										
a.mail		{	font: 1.3em/2em Verdana, sans-serif;
						color: white;
						}
						
a.mail:hover	{		color: rgb(226,1,1);
									}

a.site		{	font: 1em/1.6em Verdana, sans-serif;
						color: white;
						}
						
a.site:hover	{		color: rgb(226,1,1);
									}