html, body
{
	width: auto;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	font-family: Palatino, Verdana, Arial, Helvetica;
	text-align: center;
	/* fonction très importante pour l'alignement des images au centre de la page!*/
	color: rosybrown;
	letter-spacing: 0.2em;
	font-weight: lighter;
	background-image: url(photos/fond_global.jpg);
}

div { padding: 40px 0px 10px 10px; }

div.menu-1
{
	width: 100px;
	height: 20px;
	padding: 10px 0px 3px 0px;
	position: absolute;
	top: 4%;
	left: 40%;
}

div.menu-2
{
	width: 100px;
	height: 20px;
	padding: 10px 0px 3px 0px;
	position: absolute;
	top: 4%;
	left: 50%;
}

div.menu-3
{
	width: 100px;
	height: 20px;
	padding: 10px 0px 3px 0px;
	position: absolute;
	top: 4%;
	left: 60%;
}

div.menu-4
{
	width: 100px;
	height: 20px;
	padding: 10px 0px 3px 0px;
	position: absolute;
	top: 4%;
	left: 70%;
}
	
div.menu-5
{
	width: 100px;
	height: 20px;
	padding: 10px 0px 3px 0px;
	position: absolute;
	top: 4%;
	left: 80%;
}

div.menu-6
{
	width: 100px;
	height: 20px;
	padding: 10px 0px 3px 0px;
	position: absolute;
	top: 4%;
	left: 90%;
}



a
{
	color: rosybrown;
	/* empecher contour bleu dans IE */
	text-decoration: none;
}

a:hover
{
	color: #990000;
	/* lien devient rouge au passage souris */
}

.flottant-image1 /* photo artiste */
{
	float: left;
	padding: 5px;
	margin: 5px 40px 5px 5px;
}

a img /* empecher contour sur image lien*/
{
	border-color: black;
	border-width: 0px;
	border-style: none;
}

table
{
	margin-left: auto;
	margin-right: auto;
}

td, tr
{
	width: auto;
	border-collapse: collapse;
	margin: auto;
	padding: auto;
}

p
{
	font-size: 14px;
	font-family: palatino, andale mono, chicago, charcoal, sand, arial;
	margin: auto;
	padding: 20px 5px 5px 15px;
	text-align: justify;
}

p.bio /* texte biographie*/
{
	text-align: justify;
	text-indent: 20px;
	font-family: palatino, andale mono, chicago, charcoal, sand, arial, georgia, didot, verdana;
	line-height: 1.5em;
	margin: 5px 30px 5px 30px;
}

p.nom /* "Jean-Claude Sismeiro" sur toutes les grandes pages*/
{
	position: absolute;
	top: 0%;
	left: 20%;
	font-size: 35px;
	margin: auto;
	padding: 10px;
	color: #990000;
}

p.nom-petit /* "Jean-Claude Sismeiro" sur toutes les grandes pages*/
{
	position: absolute;
	top: 6%;
	left: 6%;
	font-size: 20px;
	margin: auto;
	padding: 10px;
	color: #990000;
}

p.comments /* commentaires, anecdotes, poesies sous les tableaux */
{
	font-size: 12px;
	font-style: italic;
	padding: 10px 100px 10px 100px;
	text-align: justify;
}

h1 /* titre des pages */
{
	font-size: 25px;
	font-weight: lighter;
	margin: 50px;
}

h2 /* titre des tableaux */
{
	font-size: 18px;
	font-weight: lighter;
}

h4 /* description des tableaux GF */
{
	font-size: 12px;
	font-weight: lighter;
}

h5 a /* "retour" des grandes images des archives*/
{
	font-size: 12px;
	padding: 10px;
	margin: auto 1px auto 1px;
}

h6 /* legendes des miniatures, description des liens, bas de page */
{
	font-size: 12px;
	padding: 2px;
	letter-spacing: 0.2em;
	font-weight: lighter;
}

hr /* ligne de separation rouge des differentes parties de pages longues */ { border-color: rosybrown; }

/* ---------------tableaux menu_horizontal et affichage miniatures-------------------- */
td  /* cellules pour les miniatures à conserver*/
{
	width: auto;
	padding: 20px 40px 20px 40px;
}

/* ---------------liste des classes--------------- */
.liens /* commentaires des sites partenaires et liens amis*/
{
	font-size: 12px;
	padding: 5px;
	font-style: normal;
	text-transform: none;
	text-align: center;
	color: rosybrown;
}

.actus /* texte à gauche, petite taille, pour commentaires annexes*/
{
	font-size: 12px;
	text-align: justify;
	text-indent: 0.2em;
}

.centered
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.left { text-align: left; }

.hautdepage /* ancres de la page de liens et catalogue  */
{
	text-align: right;
	margin: 0 0 0 500px;
	color: rosybrown;
	font-size: 9px;
}

p.petit /* remerciements pour les expos */
{
	color: rosybrown;
	font-size: 12px;
	font-style: italic;
	padding: auto;
	text-align: justify;
}

.tableau    /* conserver pour catalogue */
{
	font-size: 12px;
	padding: 5px 5px 5px 5px;
	text-align: center;
	border-collapse: collapse;
	border-width: 1px;
	border-style: solid;
}

/* classes page accueil et galerie*/
.TopLeft2 /* artiste*/
{
	position: absolute;
	top: 13%;
	left: 40%;
	color: #990000;
	font-size: 18px;
}

.TopLeft3 /* galerie*/
{
	position: absolute;
	top: 30%;
	left: 25%;
	width: %;
	color: #990000;
	font-size: 18px;
}

.TopLeft4 /* contact*/
{
	position: absolute;
	top: 36%;
	left: 65%;
	color: #990000;
	font-size: 18px;
}

.TopLeft5 /* liens*/
{
	position: absolute;
	top: 71%;
	left: 72%;
	color: #990000;
	font-size: 18px;
}

.TopLeft6 /* Archives*/
{
	position: absolute;
	top: 90%;
	left: 55%;
	width: %;
	color: #990000;
	font-size: 18px;
}

.TopLeft7 /* livre or*/
{
	position: absolute;
	top: 85%;
	left: 20%;
	color: #990000;
	font-size: 18px;
}

.TopLeft8 /* expo*/
{
	position: absolute;
	top: 70%;
	left: 35%;
	color: #990000;
	font-size: 18px;
}

.TopLeft9 /* catalogue*/
{
	position: absolute;
	top: 18%;
	left: 77%;
	color: #990000;
	font-size: 18px;
}

.TopLeft1 /* image 1 */
{
	position: absolute;
	top: 30%;
	left: 70%;
	right: 0;
}

.TopLeft10 /* mephisto*/
{
	position: absolute;
	top: 3%;
	left: 0%;
}

.TopLeft11 /* bande rouge*/
{
	position: absolute;
	top: 10%;
	left: 40%;
	margin: 5px;
}

.TopLeft12 /* image 4*/
{
	position: absolute;
	top: 10%;
	left: 65%;
}

.TopLeft13 /* bande jaune*/
{
	position: absolute;
	top: 84%;
	left: 0%;
}

.TopLeft14 /* image 5*/
{
	position: absolute;
	top: 0%;
	left: 45%;
}

.TopLeft15
{
	position: absolute;
	top: 10%;
	left: 50%;
}

.TopLeft16 /* photo gauche page galerie */
{
	position: absolute;
	top: 26%;
	left: 0%;
}

.TopLeft17 /* image galerie */
{
	position: absolute;
	top: 0%;
	left: 35%;
}

.TopLeft18 /* image galerie */
{
	position: absolute;
	top: 13%;
	left: 65%;
}

.TopLeft20 /* Voyages */
{
	position: absolute;
	top: 14%;
	left: 52%;
	color: #990000;
	font-size: 18px;
}

.TopLeft21 /* Arabesques */
{
	position: absolute;
	top: 33%;
	left: 19%;
	color: #990000;
	font-size: 18px;
}

.TopLeft22 /* Empreintes */
{
	position: absolute;
	top: 52%;
	left: 49%;
	color: #990000;
	font-size: 18px;
}

.TopLeft23 /* Etudes */
{
	position: absolute;
	top: 67%;
	left: 28%;
	color: #990000;
	font-size: 18px;
}

.TopLeft24 /* Sculptures */
{
	position: absolute;
	top: 35%;
	left: 62%;
	color: #990000;
	font-size: 18px;
}

.TopLeft25 /* Geishas */
{
	position: absolute;
	top: 74%;
	left: 64%;
	color: #990000;
	font-size: 18px;
}

span
{
	position: relative;
	font-size: 20px;
}

span.menu /* menu horizontal annees et techniques*/
{
	font-size: 14px;
	font-family: Palatino, apple chancery, arial;
	padding: 0px 10px 0px 10px;
}