/**********CSS Document**********/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #EEE;
}
/********** Cadres **********/
#Conteneur550, #Conteneur950  {
	position: absolute;
	height: 550px;
	left: 50%;
	top: 50%;
	margin-top: -275px;
	border:1px solid #000;
	background-color:#FFF;
}
#Conteneur550 {
	width: 550px;
	margin-left: -275px;
	/*background-image:url(images/jacqueline.jpg);
	background-repeat: no-repeat;
	background-position: -80px 82px;*/
}
#Conteneur950 {
	width: 900px;
	margin-left: -450px;
}
#Ombre550, #Ombre950 {
	position:absolute;
	height: 600px;
	left: 50%;
	top: 50%;
	margin-top: -300px;
}
#Ombre550 {
	width: 600px;
	margin-left: -300px;
	background-image:url(images/cadreombre.gif)
}
#Ombre950 {
	width: 950px;
	margin-left: -475px;
	background-image:url(images/cadreombre950.gif)
}

/**********Elements interieurs**********/
#nomJS {
	width:auto;
	background-color:#333;
}
#photoJS {
	width:auto;
	height:300px;
	background-image:url(images/hautjdeserlay.jpg)
}
#Menu {
	width:auto;
	text-align:center;
	background-color:#EEE;
	font-size: 10px;
	border-bottom: 1px solid #333;
}
#TexteIntro {
	width: 530px;
	height:auto;
	margin: 10px 10px 10px 10px;
	text-align:center;
	font-size: 14px;
	color: #999;
	letter-spacing: 1px;
	font-variant: small-caps;
}
#ExpoMenu {
	width: 400px;
	height:176px;
	background-image:url(images/expositions.jpg);
	background-repeat:no-repeat;
	padding-top:300px;
}
#ExpoTexte, #TabloTexte {
	position:absolute;
	width: 500px;
	height:476px;
	left: 400px;
	top: 76px;
	padding: 0 10px 0 10px;
}
#TabloMenu {
	width: 400px;
	height:181px;
	background-image:url(images/tableaux.jpg);
	background-repeat:no-repeat;
	padding-top:295px;
}
#TabloTexte {
	background-image:url(images/flechetableau.gif);
	background-repeat:no-repeat;
}

/**********Liens**********/
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #99C;
	text-decoration: none;
	background: none;
}
#current {
	color:#99C;
}
#currentExpos, #currentTablo {
	background-image:url(images/puceON.png)
}

a img {
	border: 1px solid #000;
}
/**********Styles**********/
.copyR {
	font-size: 8px;
	color: #999;
	font-variant: small-caps;
	letter-spacing: 3px;
	text-align: right;
	padding-right:20px;
	padding-top: 5px;
}
.ExpoMenu, .ExpoTexteTitre, .TabloMenu, .TabloTexteTitre {
	font-size:14px;
	color:#FFF;
	font-variant: small-caps;
	letter-spacing: 2px;
	text-align:right;
	padding-right: 30px;
	background-image: url(images/puce.png);
	background-repeat: no-repeat;
	background-position:100% 7%;
	line-height: 100%;
}
.TexteForm {
	font-size:12px;
	color:#CCC;
	font-variant: small-caps;
	letter-spacing: 2px;
	text-align:right;
}
.ExpoMenu, .TabloMenu {
	color:#FFF;
	margin-right: 80px;
	padding-right: 30px;
}
.ExpoTexteTitre, .TabloTexteTitre {
	color:#CCC;
	margin-right: 40px;
	padding-right: 0px;
}
#ExpoTexte h3, li {
	font-size: 11px;
	color: #999;
	letter-spacing: 1px;
	font-weight: lighter;
	font-variant:small-caps;
}
#TabloTexte h3, li{
	font-size: 11px;
	color: #999;
	letter-spacing: 1px;
	font-weight: lighter;
	font-variant:small-caps;
}
li {
	list-style-type:none;
	background-image:url(images/pucesmall.png);
	background-repeat:no-repeat;
	background-position:0% 50%;
	padding-left: 15px;
}
.imageright {
	float:right;
	margin-right: 20px;
	padding: 2px;
	border: 1px dotted #99C;
}
/***** Tableaux*****/
#table {
	margin-left:300px;
}
a {
	text-decoration:none;
}
a span {
	display: none;
}
a:hover span {
	display: inline;
	position: absolute;
	top: 3px;
	left: 3px;
	border:none;
	text-align:right;
	font-variant: small-caps;
	font-size: 12px;
	letter-spacing: 2px;
	color: #9999CC;
	font-family: "Courier New", Courier, mono;
}
td.tableau {
	width: 50px;
	height: 50px;
}
td.textTableau {
	width: auto;
	text-align:center;
	vertical-align:top;
	font-size: 8px;
	color:#000;	
}


/******* Formulaire **********/
#formulaire{
	border: none;
	margin: 5px 5px 5px 270px;
	width: 220px;
}
#formulaire fieldset#coordonnees label {	
	float: right;
	width: 15%;
	text-align: left;
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;
}
#formulaire fieldset {
	padding:0px;
	font-size: 10px;
	color: #000;
	font-weight: lighter;
	width: 245px;
	border: none;
	line-height: 20px;
}