/* CSS Document */

body {

background-color:#000000;
	position: relative;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
width:1000px;

	color:#333333;
	font-size:12px;
	scrollbar-face-color: #F8F5F0;
	scrollbar-shadow-color: #676767;
	scrollbar-highlight-color: #676767;
	scrollbar-3dlight-color: #F8F5F0;
	scrollbar-darkshadow-color: #F8F5F0;
	scrollbar-track-color: #F8F5F0;
	scrollbar-arrow-color: #676767;
	scrollbar-base-color: #F8F5F0;

}
.conteneur {
width:1000px;
height:600px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
img {
border:0;
}
#conteneur {
   position:absolute;
     left: 0%; 
     top: 0%;
     width: 1000px;
     height: 600px;

     border: 1px solid #000;
}
.fond {
float:left;
background-image:url(../images/fond.jpg);
width:990px;
height:594px;
text-align:left;
}

.logo {
float:left;
padding-left:60px;
padding-top:12px;
}
.logovernissage {
float:left;
padding-left:300px;
padding-top:12px;
}
.menu {
	float:left;
	width:500px;
	padding-left:10px;
	line-height: 14px;
	padding-top:12px;
font-size:14px;
letter-spacing:2px;
font-family:Arial, Helvetica, sans-serif;
}
.menu1 {
	float:left;
	width:100px;
	padding-right:40px;
	line-height: 14px;
	}
.menu2 {
	float:left;
	width:110px;
	line-height: 14px;
padding-top:9px;
font-size:10px;
letter-spacing:1px;
}
.menu1en {
	float:left;
	width:140px;
	line-height: 14px;
	}

.menu3 {
	float:left;
	width:110px;
	line-height: 14px;
padding-top:9px;
font-size:10px;
letter-spacing:1px;
}
.menu3 a:hover{
color:#006699;
}


.newsletter {
float:left;
background-image:url(../images/fond-newsletter_06.gif);
background-repeat:no-repeat;
background-position:bottom;
width:197px;
height:43px;
padding-top:12px;
padding-left:20px;
}
.newsletteren {
float:left;
background-image:url(../anglais/images/newsletter_06.gif);
background-repeat:no-repeat;
background-position:bottom;
width:202px;
height:45px;
padding-top:12px;
padding-left:20px;
}
.champ-newsletter {
float:left;
margin-top:20px;
font-size:10px;
}
.bouton-newsletter {
float:left;
padding-top:20px;
padding-left:4px;
}

.bouton-newsletter-en {
float:left;
padding-top:23px;
padding-left:4px;
}


.galerie {
float:left;
width:100%;
height:380px;
padding-top:10px;
}
.galerie a:hover{
color:#006699;
}
.galerie22 {
float:left;
width:100%;
height:380px;
padding-top:10px;
}
.galerie22 a:hover{
color:#006699;
}
.conteneurfondlegende {
float:left;
width:300px;
}
.fondlegende {
float:left;
background-image:url(../images/fondlegende_35.gif);
background-repeat:repeat-y;
width:231px;
height:auto;
margin-top:2px;
padding-top:3px;
margin-left:60px;
padding-right:20px;
overflow:auto;
}
.fondlegende img{
float:right;
margin:0;
border:0;
}
.fondlegende h1 {
float:left;
color:#3399cc;
font-size:11px;
font-weight:100;
padding-left:5px;
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;
padding-top:0px;
}
.fondlegende h2 {
color:#000000;
font-size:10px;
font-weight:100;
padding-left:5px;
float:left;
width:100px;
}
.fondlegende h3 {
color:#000000;
font-size:11px;
font-weight:100;
padding-left:5px;
float:left;
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;
padding-top:0px;
}
.fondlegende h4 {
color:#ff3300;
font-size:11px;
font-weight:100;
width:100px;
float:left;
padding-right:10px;
margin-top:0px;
margin-bottom:0px;
margin-left:8px;
padding-bottom:0px;
padding-top:0px;
}
.fondlegende h5 {
color:#333333;
font-size:9px;
font-style:italic;
float:left;
width:180px;
padding-left:5px;
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;
padding-top:0px;
}
.fondlegende2 {
float:left;
background-image:url(../images/fondlegende_35.gif);
background-repeat:repeat-y;
width:231px;
margin-top:2px;
padding-top:3px;
margin-left:10px;
}
.fondlegende2 img{
float:right;
margin:0;
border:0;
}
.fondlegende2 h1 {
float:left;
color:#3399cc;
font-size:11px;
font-weight:100;
padding-left:5px;
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;
padding-top:0px;
}
.fondlegende2 h2 {
color:#000000;
font-size:10px;
font-weight:100;
padding-left:5px;
float:left;
width:100px;
}
.fondlegende2 h3 {
color:#000000;
font-size:11px;
font-weight:100;
padding-left:5px;
float:left;
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;
padding-top:0px;
}
.fondlegende2 h4 {
color:#ff3300;
font-size:11px;
font-weight:100;
width:100px;
float:left;
padding-right:10px;
margin-top:0px;
margin-left:8px;
margin-bottom:0px;
padding-bottom:0px;
padding-top:0px;
}
.fondlegende2 h5 {
color:#333333;
font-size:9px;
font-style:italic;
float:left;
width:180px;
padding-left:5px;
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;
padding-top:0px;
}
.commander {
float:right;
width:35px;
height:43px;
padding-right:10px;
padding-top:2px;
font-size:9px;
color:#000000;
}
.commander img{
float:right;
border: 0px none #FFFFFF;
}
.oeuvre {
float:left;
height:410px;
}
.ombre {
float:left;
width:310px;
height:98px;
padding-top:18px;
}
.ombre img{
float:left;
}
/*******************************************GALERIE*****************************************************************/
#global_galerie {
	float: left;
	width:810px;
	height:410px;

overflow:hidden;

}

#global_galerie_vernissage {
	float: left;
	width:810px;

	padding: 3px;
	display: inline;
height:0px;

}
.sans_vernissage {
	float: left;
	width:810px;
	text-align:center;
	padding: 3px;
	display: inline;
height:180px;

}


.center_galerie {
	float: left;
	width: 700px;
	margin:0;

}

.tableau {
	float: left;
}

#center_contents a, #center_contents a:hover, #center_contents a:visited {
	text-decoration: none;
	background: none;
}
#center_galerie img {
	margin-right: 20px;
}

.galerie_gd {
	margin: 5px 0 10px 0;
	width:500px;
	text-align:right;
}
.galerie_gd img {
	margin-left:55px;
	margin-top:45px;
	text-align: left;
}
.img_galerie {
	text-align:center;
	height:66px;
	overflow: hidden;
}


.commander2 a {
text-decoration:none;
color:#006699;
}
.commander2 a:link {
text-decoration:none;
color:#006699;
}
.commander2 a:active {
text-decoration:none;
color:#006699;
}
.commander2 a:hover {
text-decoration:none;
color:#006699;
}
a {
text-decoration:none;
color:#000000;
}
a:link {
text-decoration:none;
color:#000000;
}
a:active {
text-decoration:none;
color:#000000;
}
a:hover {
text-decoration:none;
color:#006699;
}
h1 {
color:#006699;
font-size:18px;
padding-bottom:0px;
margin-bottom:0px;
}
h2 {
color:#006699;
font-size:14px;
padding-bottom:0px;
margin-bottom:0px;
}
h3 {
color:#006699;
font-size:12px;
padding-bottom:0px;
margin-bottom:0px;
}
.listeartistes h2 {
	color:#ffff00;
	padding-bottom:0px;
	margin-bottom:0px;
	padding-top:0px;
	margin-top:0px;
	font-size:14px;
letter-spacing:1px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}
.listeartistes h3 {
font-weight:100;
}
.listeartistes a:hover {
	color:#006699;
text-decoration:underline;
}
.image {
float:left;
height:370px;}

.bordure {
	border: 2px solid #000000;
	text-align:center;

  }


.listeartistes {
float:left;
padding-left:10px;
width:140px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;

}
.galeriedroite {
float:right;
padding-right:20px;
height:500px;
}
.biographie img{
float:left;
margin-right:30px;
}
.biographie {
float:right;
width:790px;
padding-right:40px;
}
.photobio {
float:left;
height:310px;
}
.textebiographie2 {
	float:right;
	border-color: #3399cc;
	border-style: dotted;
	border-width:thin;
width:480px;
padding-right:5px;
}
.textebiographie3 {
	float:left;
width:470px;
height:270px;
overflow:auto;
margin-top:10px;
margin-left:10px;
letter-spacing:1px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
.voirgalerie {
float:left;
padding-left:30px;
padding-top:10px;
}

/*  livre d'or


*/
.livredor {
float:left;
padding-left:200px;
width:700px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
height:380px;
overflow:auto;
}
.jaune {
color:FFFF00;
}
.bleu {
color:#3399cc;
}


.contact {
float:left;
padding-left:360px;
padding-top:100px;
width:300px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
height:380px;
text-align:center;
}
.contact h1 {
font-size:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.conteneurcommander {
float:left;
margin-left:240px;
margin-top:40px;
width:700px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
height:380px;
text-align:left;
}
.conteneurcommander h1 {
font-size:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.commander2 {
float:left;
margin-top:10px;
width:600px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
height:320px;
text-align:left;
overflow:auto;
padding-right:10px;
}
#afficheccueil {
	position:absolute;
	left:341px;
	top:176px;
	width:229px;
	text-align:left;
	color:#003366;
	z-index:10;
	font-weight:bold;
}
#afficheccueil img{
float:left;
}
#afficheccueil2 img{
border: 2px solid #000000;
}
#afficheccueil2 {
	position:absolute;
	left:341px;
	top:198px;
	height:109px;
	text-align:left;
	color:#003366;
	z-index:11;
	background-color:#c8c8c8;
}
#actuaccueil {
position:absolute;
left:92px;
top:174px;
height:23px;

z-index:10;

}
#actuaccueil2 {
position:absolute;
left:58px;
top:200px;
height:209px;
width:170px;
	text-align:left;
	color:#000000;
font-size:11px;
z-index:10;
background-color:#c8c8c8;
border: 2px solid #000000;
padding-left:5px;
padding-right:5px;
font-family:Arial, Helvetica, sans-serif;
}



#affichesculpt {
	position:absolute;
	left:882px;
	top:264px;
	height:262px;
	text-align:left;
	color:#003366;
	z-index:11;

	width: 117px;
}
#afficheccueilsc {
position:absolute;
left:450px;
top:176px;
width:200px;
	text-align:left;
	color:#003366;
z-index:10;
}
#afficheccueilsc img{
float:left;
}
#afficheccueil2sc img{
border: 2px solid #000000;
}
#afficheccueil2sc {
position:absolute;
left:480px;
top:200px;
height:109px;
	text-align:left;
	color:#003366;
z-index:10;
background-color:#c8c8c8;
}
#porte {
	position:absolute;
	left:690px;
	top:160px;
	height:360px;
	width:200px;
	z-index:0;
	display:block;
	border:1;

}


.center {
float:left;
margin-left:200px;
width:700px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
overflow:auto;
}

.pied {
float:right;
padding-right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-align:right;
padding-top:5px;
}
.pied img{
float:right;
margin-left:10px;
}
.pied a {
text-decoration:none;
color:#FFFFFF;
}
.pied a:link {
text-decoration:none;
color:#FFFFFF;
}
.pied a:active {
text-decoration:none;
color:#FFFFFF;
}
.pied a:hover {
text-decoration:none;
color:#FFFF00;
}


.piedaccueil {
	position:absolute;
	top:590px;
	right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-align:right;
}
.piedaccueil img{
float:right;
margin-left:10px;
}
.piedaccueil a {
text-decoration:none;
color:#FFFFFF;
}
.piedaccueil a:link {
text-decoration:none;
color:#FFFFFF;
}
.piedaccueil a:active {
text-decoration:none;
color:#FFFFFF;
}
.piedaccueil a:hover {
text-decoration:none;
color:#FFFF00;
}

.zoneadmin {
float:left;
padding-left:20px;
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
font-size:11px;
background-color:#FFFFFF;
}

.bandeauzoneadmin {
float:left;
width:950px;
height:50px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}
.boutonzoneadmin {
float:left;
width:120px;
border:1px solid #000000;
margin-left:3px;
text-align:center;
color:#000000;
}

.boutonzoneadmin a{
color:#000000;
}
.boutonzoneadmin a:link{
color:#000000;
}
.boutonzoneadmin a:active{
color:#000000;
}
.boutonzoneadmin a:visited{
color:#000000;
}
.boutonzoneadmin a:hover{
background-color:#990000;
color:#FFFFFF;
display:block;
}

.bulle {
float:left;
background-image:url(../images/bulle_10.png);
width:134px;
height:51px;
padding-top:10px;
background-position:bottom;
background-repeat:no-repeat;
}
.bulle2 {
float:left;
padding-left:10px;
padding-top:12px;
width:114px;
text-align:center;
color:#006699;
}
.marge {
float:left;
width:40px;
height:100%;
}
.intermarche-artistes  {
	position:absolute;
	top:498px;
	left:251px;
	z-index:100;
}
.intermarche-artistes2  {
float:left;
padding-left:90px;
padding-top:17px;
}


/*preload classes*/
.svw {
  width: 50px;
  height: 20px;
  background: #fff;
}

.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer {
float:left;
  width:700px;
  height:410px;

  border: 2px solid #FFD227; /* #ff0000; */
  margin: 0 0 1px 0;
}

.stripViewer ul { /* this is your UL of images */
  margin: 0;
  padding: 0;
  position: relative;
  left: 0;
  top: 0;
  width: 1%;
  list-style-type: none;
}
.stripViewer ul li {
  float:left;
}

.stripTransmitter {
  overflow: auto;
  width: 1%;
}

.stripTransmitter ul {
  margin: 0;
  padding: 0;
  position: relative;
  list-style-type: none;
}

.stripTransmitter ul li{
  width: 20px;
  float:left;
  margin: 0 1px 1px 0;
}

.stripTransmitter a{
  font: bold 10px Verdana, Arial;
  text-align: center;
  line-height: 22px;
  background: #FFD227;
  color: #000;
  text-decoration: none;
  display: block;
}

.stripTransmitter a:hover, a.current{
  background: #fff;
  color: #FFD227;
}

/*tooltips formatting*/
#tooltip {
  background: #fff;
  color: #000;
  opacity: 0.85;
  border: 5px solid #8d8dfd;
}

#tooltip h3 {
  font: normal 10px Verdana;
  margin: 3px;
  padding: 6px 2px;
  border: 0;
}