body /* site centré dans la page */
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	color : #686868;
	background: #6c6c6c ;/* le gris moyen */
}
div#conteneur /* la partie où tout se joue */
{
	width: 770px ;
	margin: 0 auto ;
	text-align: left ;
	border: 2px solid #454545; /* le bord gris foncé */ 
	background: #f9f9f9 ; /* le fond blanc cassé plus doux pour les yeux */
}
div#gauche
{
	float: left;
}
div#miniatures
{
	margin-left: 200px;
}
#header /* Li Wai Exception, Agent d'Illustrateurs Chinois */
{
	display: block;
	position : relative;
	height: 74px ;
	width: 208px ;
	margin-top: -20px;
	margin-left: -20px;
	background: url(images/h1_logo_liwai.png) no-repeat left top;
	text-indent: -5000px ;
	border: 0px solid #edba9e;
}
h1, h2, h3, h4, h5, h6, a, p
{
	color: #686868;
}
h1
{
	font-size: small;
}
/* ----------------------------------------- */
div#categorie /* le titre Agent d'Illusrateurs */
{
	position : relative;
	display: block;
	height: 50px;
	margin-top:-55px;
	margin-left: 180px; 
}
div#categorie h2
{
	line-height: 25px ;
	font-size: 1.6em ;
	background: url(images/h2_agent_illustrateurs.jpg) no-repeat left center ;
	text-indent: -5000px;
	border-top: 2px solid #686868 ;
	border-bottom: 1px solid #686868 ;
}
/* les liens sous le titre Agent d'Illustrateurs */
ul#liens /* pas de puces */
{
	height: 35px ;
	margin-top: -15px;
	list-style-type: none ;
	float: right;
}
ul#liens li /* alignés, centrés, espacés */
{
	float: left; /* permer de les mettre en ligne */
	margin-right: 15px; /* permet de les espacer */
	text-align: center ;
}
#liens a
{
	text-decoration: none;
}
#liens a:hover
{
	text-decoration: underline;
}
/* ----------------------------------------- */
div#conteneur h3 /* le titre Galerie d'Illustrateurs */
{
	position : relative;
	width: 150px;
	margin-top: 10px;
	margin-left: 5px;
	padding-left: 5px;
	border-bottom: 1px solid #686868;
	border-left: 3px solid #686868;
}
/* les liens des illustrateurs vers leur page respective */
/* ici, les liens sous le logo Li Wai Exception */
ul#illustrateurs
{
	display : block;
	margin: 0 0 0 -10px; /* haut-droite-bas-gauche */
	width : 150px;
	border : 0px solid #002288;
}
ul#illustrateurs li
{
	list-style-image: none;
	padding-bottom: 5px;
}
ul#illustrateurs li a
{
	text-decoration: none;
}
ul#illustrateurs li a:hover
{
	text-decoration: underline;
}
/* ----------------------------------------- */
div#contenu /* la mise en page du contenu */
{
	padding: 12px 25px 0px 20px ;/* haut-droite-bas-gauche */
	margin-left: 160px;
	text-align: center;
}
div#contenu h4 /* les titres des pages pour chaque illustrateurs */
{
	line-height: 20px;
	font-size: 1.2em;
	text-align: left;
	padding-left: 5px;
	border-bottom: 1px solid #686868;
	border-left: 3px solid #686868;
	width: 100%;
}
div#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}
/* les miniatures - liens vers illustrations */
ul#illustrations /* pas de puces */
{
	height: 85px ;
	margin: 0 5px 5px 0;
	padding: 0px;
	list-style-type: none ;
}
ul#illustrations li /* alignées, espacées, rangées à gauche */
{
	float : left;
	margin-right: 5px;
	text-align: center ;
}
img /* pas de bordure pour les miniatures */
{
	border: 0;
	padding: 0 0 10px 0;
}
.photo /* espacement à droite par rapport au paragraphe */
{
	border: 0;
	padding: 0 20px 0 0;/* haut-droite-bas-gauche */
}
.intro /* espacement à gauche par rapport au paragraphe */
{
	border: 0;
	padding: 0 0 0 20px;/* haut-droite-bas-gauche */
}
/* ----------------------------------------- */
p#footer /* la mention de bas de page */
{
	text-align: right;
	margin-right: 10px;
	font-size :9pt;
	margin-top: 50px;
}
p#footer a:hover
{
	font-variant: small-caps;
}