/*  ----------------------------------------------------------- */
/*  Feuilles de styles du site www.aliceday.be / made by donuts */
/*  ----------------------------------------------------------- */


/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */

body {
	background: #fff;
	margin: 0;
	padding: 0;
	cursor: default;
}

.page_sommaire {
	background-color:#000000 !important;
}

img, table { margin: 0; padding: 0; border: none; }
ul, ol, li { margin: 0; padding: 0; }
ul { list-style: none; }

p {margin-top:0;}

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/*  ------------------------------------------
/*  Bloc principal
/*  ------------------------------------------ */

#conteneur { 
	width: 660px;
	height: 460px;
	position: absolute;
	margin: -210px 0px 0px -330px;
	top: 50%;
	left: 50%;
}


/*  ------------------------------------------
/*  Menu
/*  ------------------------------------------ */

#menu {
	position: absolute;
	top:0px;
	width: 100%;
	height: 25px;
	text-align: left;
	font-family: Verdana;
	color:#000000;
	font-size:9px;
}


/*  ------------------------------------------
/*  Pied de page (logo aliceday)
/*  ------------------------------------------ */

#pied {
	position:absolute;
	bottom:3px;
	width: 100%;
	height: 45px;
}


/*  ------------------------------------------
/*  Contenu page SOMMAIRE (index)
/*  ------------------------------------------ */

#contenu-intro {
	width: 100%;
	background-color: #000000;
}


/*  ------------------------------------------
/*  Contenu 
/*  ------------------------------------------ */

#contenu {
	position: absolute;
	top:24px;
	width: 100%;
	height: 391px;
}
#contenu-bio {
	position: absolute;
	top:24px;
	/*width: 100%;*/
	width: 660px;
	height: 391px;
}
#contenu-texte {
	position:absolute;
	top: 23px;
	width: 100%;
	height: 392px;
	overflow: auto;
}
#contenu-texte-bio {
	position: absolute;
	width: 100%;
	height: 331px;
	overflow: auto;
	bottom: 0px;
}
#lien-bio {
	position:absolute;
	top: 2px;
	right: 0px;	
}
#contenu-image-artiste {
	position: absolute;
	width: 100%;
	height: 330px;
	overflow: hidden;
	bottom: 0px;
}
#contenu-descriptif-image-artiste {
	position: absolute;
	/*top: 27px;*/
	top: 34px;
}



/*  ------------------------------------------
/*  Contenu : rubrique EXHIBITIONS
/*  ------------------------------------------ */

#contenu-exhibitions-now {
	position: absolute;
	top:25px;
	width: 100%;
	background-color: #000000;
}
#contenu-texte-exhibition {
	position: absolute;
	/*width: 100%;*/
	width: 660px;
	height: 265px;
	overflow: auto;
	bottom: 0px;
}
#pagination-contenu-exhibitions {
	position:absolute;
	bottom: 0px;
	right: 20px;
	text-transform:none !important;	
}
#contenu-exhibitions-scroll-images {
	position:absolute;
	bottom: 0px;
	overflow: hidden;
	width: 660px;
}
#contenu-exhibitions-scroll-images img {
	margin-left: -8px;
}
#contenu-exhibitions-thumbnail {
	position:absolute;
	top: 25px;
	width: 680px;
	height: 390px;
	overflow: hidden;
	/*text-transform:uppercase;*/
}
#contenu-thumbnail {
	width: 210px;
	height: 175px;
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
	overflow: hidden;
}
#titre-thumbnail {
	font-weight: bold;
	text-transform:uppercase;
}
#soustitre-thumbnail {
	font-weight: bold;
	text-transform:uppercase;
}
#date-thumbnail {
}
#thumbnail {
	background-color: #000;
	height: 125px;
	margin-bottom: 5px;
}


/*  ------------------------------------------
/*  Contenu : rubrique ARTISTS
/*  ------------------------------------------ */

#pagination-contenu-artists {
	position:absolute;
	top: 2px;
	height: 20px;
	right:35px;
	float: left;
	z-index:200;
}


/*  ------------------------------------------
/*  Contenu : rubrique STOCKS
/*  ------------------------------------------ */

#contenu-artists-exhibitions-stocks-titre {
	margin-top:-5px;
}
#contenu-stocks-contact {
	clear: both;
	margin-top: 5px;
}


/*  ------------------------------------------
/*  Titres typo perso
/*  ------------------------------------------ */

#typo {
	margin-top: -5px;
	float: left;
	margin-right: 18px;
}
#typo-encours {
	margin-top: -5px;
	float: left;
	margin-right: 18px;
	filter:Alpha(Opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

body ,h5 {
	text-align: left;
	font-family: Verdana;
	color:#000000;
	font-size:9px; }
	
#titre-bauhaus {
	margin-right: 30px;
	background-color:#00FF66;
}

.texte-news-surtitre {
	font-weight: bold;
}
.texte-news-titre {
	font-weight: bold;
}
.texte-news-soustitre {
	font-weight: bold;
	font-style:italic;
}
.texte-titre-image-artiste {
	font-style:italic;
}

h1 {font-family: Helvetica;
	font-size:10px;
	text-transform:uppercase;
	margin-top: -10px;
	width: 100%;
	line-height:5px;
}


/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */

a { text-decoration: none; color: #000;}
a:link { text-decoration: none; color: #000;}
a:visited { text-decoration: none; color: #000;}
a:hover { text-decoration: none; color: #999999;  cursor:pointer;}

a:hover img {	filter:Alpha(Opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#contenu-image-artiste a:hover img {	filter:Alpha(Opacity=80) !important; 
	-moz-opacity: 0.8 !important; 
	opacity: 0.8 !important; 
}

#contenu-exhibitions-now a:hover img {	
filter:Alpha(Opacity=100) !important; 
	-moz-opacity: 1 !important; 
	opacity: 1 !important; 
}

/* PLAN-MENU liens */
.menu-horizontal_lien-desactive {
	color: #999999;
	text-decoration: none; 
	cursor: default !important; 
}
.menu-horizontal_lien-desactivecliquable {
	color: #333333;
	text-decoration: none; 
	cursor: default !important; 
}
.menu-horizontal_lien{
	text-decoration: none;
	color: #000; 
}
.menu-horizontal_lien:link{
	text-decoration: none;
	color: #000; 
}
.menu-horizontal_lien:visited {
	color: #000;
}
.menu-horizontal_lien:hover { 
	text-decoration: none; 
	color: #999999;
}


/*  ------------------------------------------
/*  Motion gallery
/*  ------------------------------------------ */

#motioncontainer {
position:relative; left: 120px; top: 14px; width:500px;height:70px;overflow: hidden;
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */


/* 
   Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn 
*/
div#wn	{ 
	position:absolute; 
	left:0px; bottom:0px; 
	width:660px; height:265px; 
	overflow:hidden;	
	z-index:1; 
	}
div.content { 
	position:absolute; 
	left:0px; bottom:0px; 
	z-index:1; 
	}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar { 
  position:absolute; right:0px; bottom:0px;
  width:8px; height:263px;  background-color: #CCCCCC;
  font-size:1px; z-index:1;
  cursor: default;
  }
div#track { 
  position:absolute; right:0px; bottom:0px;
  width:9px; height:265px;
  z-index:1;
  cursor: default;
  }
div#dragBar {
  position:absolute; left:0px; bottom:0px;
  width:8px; height:20px;
  background-color:#000;
  z-index:1;
  cursor: default;
  }  


/*  ------------------------------------------
/*  sIFR
/*  ------------------------------------------ */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #h1 {
	visibility: hidden;
	font-size: 10px;
}