html, body  { background-image: url(../images/commun/motif-fond.gif); background-repeat: repeat; background-attachment: scroll; text-align: center; margin: 0; padding: 0 }
.exposant_titre_expo { vertical-align: top; }
.exposant { font-size: 10px; vertical-align: super; }
/* global ou div de centrage
********************************************/
#global  { background-repeat: repeat; text-align: left; visibility: visible; margin-right: auto; margin-left: auto; position: relative; z-index: 1; top: 50px; width: 770px; height: 100% }
/* header 1 ou zone de grand titre
********************************************/
#header1     { background-color: #ac4a4a; background-image: url(../images/accueil/fond_accueil.jpg); background-repeat: no-repeat; text-align: left; visibility: visible; margin-right: auto; margin-left: auto; position: static; width: 770px; height: 350px }
#header1 h1   { color: white; font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.2em; margin: 0; padding: 150px 6px 4px 40px }
#header1 h2      { color: #f99e63; font-size: 1.7ex; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.2em; margin: 0; padding: 2px 6px 30px 40px }
/* header 2 ou zone de liens secondaires
********************************************/
#header2 { color: #e9c8c1; font-size: 11px; text-align: center; visibility: visible; margin-right: auto; margin-left: auto; position: relative; width: 770px; height: 20px; float: left }
#header2 img { visibility: visible; position: relative; }
#header2 ul { color: #e9c8c1; background-color: #ac4a4a; text-align: center; visibility: visible; list-style-type: none; margin: 0; padding-top: 5px; padding-right: 5px; padding-left: 5px; position: relative; top: 0; right: 0; bottom: 0; width: auto; height: 20px; float: right; vertical-align: middle }
#header2 li { text-align: center; visibility: visible; display: inline; margin: 0; position: relative; width: auto }
a.liensutiles { color: #e9c8c1; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none; text-align: center; padding-right: 3px; padding-left: 3px }
a.collection { color: #fac74d; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-align: center; padding-right: 3px; padding-left: 3px; }
a:hover.collection { color: #fac74d; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; text-decoration: underline; text-align: center; }
a:hover.liensutiles { color: #e9c8c1; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: underline; text-align: center }
a:hover#liensutiles { color: #e9c8c1; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; text-align: center }
/*visite expo
********************************************/
#visite_expo  { color: #fff; font-family: Arial; text-align: right; visibility: visible; margin: 0; padding-right: 20px; position: relative; z-index: 1; float: right }
#visite_expo a { color: #fff; font-size: 12px; font-family: Arial; text-decoration: none; text-align: right; padding-right: 5px; padding-left: 5px }
#visite_expo a:hover { color: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; text-align: right }
#lectura { font-family: Arial; text-align: right; visibility: visible; margin: 0; padding-top: 10px; padding-right: 10px; position: relative; z-index: 1; float: right }