/* css général pour le site */
body { margin:0; padding:0; height: 100%; font-size: 0.85em; color: #fff; font-family: "Zapf Chancery", "Comic Sans MS", cursive; background-color: #292e4c; border-style: none }
ul, li { list-style-type: none; margin: 0; padding: 0 }
ul  { top: 0; width: 784px }
li { float: left }
li a { color: #ff7; font-size: 14px; font-weight: bold; line-height: 110px; text-decoration: none; display: block; height: 600px; padding: 0; margin: 0; }
li a:hover  { color: #d61c23; font-size: 14px; font-variant: small-caps; font-weight: bolder; line-height: 110px; text-decoration: underline; background: url(../layout4.jpg) left top }
h1,h2,h3 {margin: 0; padding: 0;}
p { margin: 0; padding: 0; font-size: 1em; }
table a, table a:visited {color:#fff;}

a#menu0 { width: 66px;color:#292e4c; }
a#menu1 { width: 61px;color:#292e4c; }
a#menu2 { width: 91px;color:#292e4c;}
a#menu3 { width: 113px }
a#menu4 { width: 127px }
a#menu5 { width: 221px }
a#menu6 { width: 105px }
a#menu0:hover { background-position: -784px 0%;	width:66px; color: #d61c23; }
a#menu1:hover { background-position: -850px 0%;	width:61px; color: #d61c23; }
a#menu2:hover { background-position: -911px 0%; width:91px; color: #d61c23; }
a#menu3:hover { background-position: -1002px 0%; width:113px; color: #d61c23; }
a#menu4:hover { background-position: -1115px 0%; width:127px; color: #d61c23;}
a#menu5:hover { background-position: -1242px 0%; width:221px; color: #d61c23; }
a#menu6:hover { background-position: -1463px 0%; width:105px; color: #d61c23; }
#contenu  { 
background-image: url(../layout4.jpg);
background-repeat: no-repeat; 
position: relative; 
width: 784px;
min-height: 100%;
margin-bottom: 15px;
height: 100%;
voice-family: "\"}\"";
voice-family: inherit;
height: auto;
}
html>body #contenu {
height: auto;
}
#contenu a:visited {color:#fff;}
/* Page concept*/
	#concept { font-size: 1em; color: #ffcc00; background-color: #292e4c; padding: 8px; position: absolute; top: 80px; left: 80px; height: auto;width:700px;}
	#menuconcept {position:absolute;top:80px;left:6px;width:54px;height:400px;}
	#menuconcept ul{margin:0; padding:0;width:54px;}
	#menuconcept li{float:left;}
	#menuconcept li a{display: block;text-decoration: none;text-align: right;font-weight: bold;padding: 5px 0;width:54px;height:54px;background:inherit;}
	#swapmenu {clear:both;}
	#swapmenu ul {margin:0; padding:0;}
	#swapmenu li {float:left;display:block;}
	#swapmenu li a{display:inline;text-decoration: none;text-align: center;font-weight: bold;line-height:14px;background-image:none;padding:5px 10px;border:1px red solid;}
	#infoconcept {display:block;position:absolute;top:0px;left:430px;}
	#image {float:left;width:auto;margin-bottom:3px;}
	#help {width:160px;float:left;margin-left:2em;}
	#help p {margin-bottom:1em;}
	#gauche {float:left;}	
/* Suite */	
#presentation { color: #ffcc00; background-color: #292e4c; padding: 7px; position: absolute; top: 80px; left: 22px; width: 300px; height: 525px; overflow: auto; }
#randompic { position: absolute; top: 80px; left: 360px; width: 430px; height: 430px }
#texte { color: #ffcc00; background-color: #292e4c; padding: 7px; position: absolute; top: 80px; left: 22px; width: 300px; height: 525px; overflow: auto; }
.ambiance {position: absolute; left: 22px; bottom: 40px; display: inline; text-align: left;}
/* spécifique à galerie.html */
#testlayer {float: left;}
#testlayer li {list-style-type: none; display: inline; float: none;}
#lyr1 li {list-style-type: none;  float: none;}
#testlayer h1 { font-size: 11px; text-transform: uppercase;}
#lyr1 h1 { font-size: 11px; text-transform: uppercase;}
#conteneur    { background-image: url(../layout4.JPG); background-repeat: no-repeat; background-color: #292E4C;  width: 784px; height: 600px;margin:0 0 20px 0; padding:0; }
#scroller {  position: absolute; top: 72px; left: 16px; width: 79px; height: 430px }
#scroller img { display: block; border:0; margin: 0 0 4px 0;}
#peintures {  position: absolute; top: 80px; left: 104px; width: 784px; height: 430px;}
#peintures ul {display: inline;}
#peintures li {display: block;}
#peintures img {padding:30px;background-color: #20253f;}
#pied {clear:both;height: 20px; width: 100%; display: block; background-color: #292e4c; background-image: url(../pied.jpg); background-repeat: repeat-x; text-align: center;}
#pied a {
text-decoration: none;
color: #fff; 
}
/*a#pied:hover a{color: #d61c23; font-size: 14px;}*/
#pied a:hover {color: #d61c23; font-size: 14px;}

.ambiance {position: absolute; left: 22px; bottom: 40px; display: inline; text-align: left;}}
#liens {clear:both;height: 20px; width: 100%; display: block; background-color: #292e4c; background-image: url(../pied.jpg); background-repeat: repeat-x; text-align: center;}
div#testlayer  {  margin-left: 2%; padding-right: 2%; }
/* Style scroller 
   Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn 
*/
#wn { 
	position: absolute; 
	width: 54px; 
	height: 430px;
}
div#hold	{ 
	overflow:hidden;
	width:54px; height:430px; 
}
div#wn	{ 
	width:54px; height:430px; 
	clip:rect(0px, 54px, 430px, 0px); 
	overflow:hidden;	
}
div.content { 
	position:absolute; 
}
/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar { 
  position:relative;
  width:11px; height:430px; 
  font-size:1px;
  }
div#track { 
  position:absolute; top:12px;
  width:11px; height:406px;
  background: #E3C63B;
}
#dragBar { 
background-color: #BA3F54; 
position: absolute; 
top: 1px; 
left: 1px; 
width: 9px; 
height: 10px 
}
div#up {
position:absolute; 
}  
div#down { 
position:absolute; 
bottom:-4px; 
}  

/* Spécifique à expositions */
#choixexpo { color: #ffcc00; background-color: #292e4c; padding: 0; position: absolute; top: 80px; left: 22px; width: 166px; height: 120px; }
#choixexpo ul {width: 166px;}
#choixexpo li {float: left; display:block; font-size: 11px;background: none;width: 166px;}
#choixexpo li a {color: #ffcc00; font-size: 12px; font-weight: bold; line-height: 15px; text-decoration: none; height: 22px; padding: 0.5em; margin: 0.5em 0;background: none;}
#choixexpo li a:hover {font-size: 12px;font-weight: bold; color:#d61c23;font-variant: normal;}
#listexpo { color: #ffcc00; background-color: #292e4c; padding: 5px; position: absolute; top: 80px; left: 196px; width: 500px; height: 430px; overflow: auto;}
#listexpo ul {width:166px;}
#listexpo li {float:none;margin-left:1em;}


/* Spécifique à presse */
#choixpresse { color: #ffcc00; background-color: #292e4c; padding: 0; position: absolute; top: 80px; left: 22px; width: 166px; height: 430px; }
#choixpresse ul {width: 166px;}
#choixpresse li {float: left; display:block; width: 166px; font-size: 10px;background: none;margin-bottom: 1em;}
#choixpresse li a {color: #ffcc00; font-size: 12px; font-weight: bold; line-height: 15px; text-decoration: none; height: 22px; padding: 0.5em; margin: 0.5em 0;background: none;}
#choixpresse li a:hover {font-size: 12px;font-weight: bold; color:#d61c23;font-variant: normal;}

.hide {display: none;}
.textedroite {line-height: 1.4em; text-align: right;margin-top: 10px;}
.textedroite p {font-size: 1em;}
.textegauche {line-height: 1.4em; text-align: left;}
.textegauche p {font-size: 1em;}