/* normalizes margin - padding */
body, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, div, p, 
img, blockquote, table, tr, th, td, 
a, acronym, form, label, input, textarea, * {	margin:0; padding:0; }

/* normalizes font-size */
h1, h2, h3, h4, h5, h6 				{ font-size:100%; }

/* element */
a,a:visited							{ color:#000; text-decoration:underline; outline:none; }
a:hover								{ color:#000; text-decoration:none; }
a									{ color:#000; text-decoration:underline; }

body 								{ font:11px Arial, Helvetica, sans-serif; background-color:#fff; text-align:left; color:#000; }
#content #up 						{ width: 100%; height: 190px; position: relative; background-color:#ececec; }
#content #up #up-container 			{ width: 870px; margin: 35px 20px 0 60px; position: absolute; background-color:#ececec; }
#content #up #up-container #logo 	{ background-image:url('../images/logo.jpg'); background-repeat:no-repeat; width:293px; height:90px; display:block; text-indent:-9999px; } 
#cache								{ display:none; }

/* menu */
#content #up #up-container ul#menu ul  				{ float:left; }
#content #up #up-container ul#menu li 				{ padding-top:40px; list-style:none; float:left; }
#content #up #up-container ul#menu li a 			{ display:block; margin-right:35px; color:#000; text-decoration:none; }
#content #up #up-container ul#menu li a:hover 		{ color:#000; }
#content #up #up-container ul#menu li.active_home a, #content #up #up-container ul#menu li.active_about a, #content #up #up-container ul#menu li.active_events a, #content #up #up-container ul#menu li.active_artists a, #content #up #up-container ul#menu li.active_contact a { color:red; font-weight:bold; }

/* Newsletter */
#content #up #up-container #block_email 				{ float:right; padding:35px 0 0 0; }
#content #up #up-container #block_email .search 		{ float:left; }		
#content #up #up-container #block_email .search label 	{ font-size:11px; text-transform:uppercase; color:#959595; margin:3px 5px 0 0; float:left; }	
#content #up #up-container #block_email .searchbox 		{ font-size:9px; width:170px; height:12px; margin:5px 5px 0 0; float:left; color:#999; }
#content #up #up-container #block_email .textbox 		{ border-style:solid; border-color:#ececec; border-width: 1px; }
#content #up #up-container #block_email .btn_go, #main #container #header #block_email .btn_go:hover 	{ background:url('../images/buttons.gif') 0 -80px; border:none; width:155px; height:20px; float:left; cursor:pointer; }

/* Divers */
#down						{ overflow: auto; position: relative; }
#down-container 			{ margin-top: 40px; width: 870px; margin-left: 60px; margin-right: 20px; }
.ie #down-container 		{ margin-right: 0; width: 925px; }
#fixed-nav-container 		{ position: fixed; width:290px; }

#col-0,.col-0-placeholder 	{ width: 800px; }
#col-1,.col-1-placeholder	{ width: 300px; }
#col-Anim 					{ width: 570px; }
#col-Art 					{ width: 570px; }
#col-About 					{ width: 370px; padding-bottom:20px; }
#col-Event 					{ width: 570px; }
.work 						{ margin-bottom: 57px; }
.print-only 				{ display: none; } 

.clear 				{ clear: both; }
.left 				{ float: left; }
.right 				{ float: right; }
.border 			{ border:none; }

/* Lightbox*/
#lightbox								{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img							{ width: auto; height: auto;}
#lightbox a img							{ border: none; }
#outerImageContainer					{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer							{ padding: 10px; }
#loading								{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav								{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav				{ left: 0;}
#hoverNav a								{ outline: none;}
#prevLink, #nextLink					{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink 								{ left: 0; float: left;}
#nextLink 								{ right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer						{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData								{	padding:0 10px; color: #666; }
#imageData #imageDetails				{ width: 70%; float: left; text-align: left; }	
#imageData #caption						{ font-weight: bold;	}
#imageData #numberDisplay				{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose				{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay								{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* Colonne1*/
#content #down #down-container #col-1 #fixed-nav-container #txt { float:left; width:290px; font-size:10px; }

/* Anim Home*/
#content #down #down-container #col-Anim #anim 				{ width:550px; height:400px; }
#content #down #down-container #col-Anim #anim #sample		{ float:left; width:274px; height:380px; }
#content #down #down-container #col-Anim #anim #oeuvre		{ float:left; width:274px; height:380px; background-image:url('../photos/Albin_6.jpg'); }
#content #down #down-container #col-Anim #anim #titreanim	{ float:left; width:300px; padding:0 0 0 10px; line-height:20px; }
#content #down #down-container #col-Anim #anim #txt			{ float:left; width:150px; padding:310px 0 0 10px; line-height:14px; }

/* About*/
#content #down #down-container #col-0 #about 		{ width:830px; height:120px; }
#content #down #down-container #col-0 #about #txt	{ float:left; width:410px; height:100px; text-align:justify; }
#content #down #down-container #col-0 #about #photo	{ float:left; width:250px; height:376px; margin:0 0 0 20px; background-image:url('../images/ima_about.jpg'); }
#content #down #down-container #col-0 #about #pt_txt{ float:left; width:300px; padding:5px 0 0 20px; }
#content #down #down-container #col-1 #photo		{ width:164px; height:163px; background-image:url('../photos/KimNapurula_pt.jpg'); margin-top:10px; }
#content #down #down-container #col-About #article	{ border-bottom: dashed 1px #999; line-height:20px; padding:0 0 15px; }
#content #down #down-container #col-About .articles	{ border-bottom: dashed 1px #999; line-height:20px; padding:15px 0; }

/* Artist solo*/
#content #down #down-container #col-Art #artist 			{ width:550px; float:left; }
#content #down #down-container #col-Art #artist .oeuvres	{ width:500px; margin-bottom: 100px; position:relative; }
#content #down #down-container #col-Art #artist .photos		{ width:500px; margin-bottom: 50px; position:relative; }
#content #down #down-container #col-Art #artist .txt		{ bottom:0; overflow:auto; position:absolute; width:250px; margin-left:260px; font-size:10px; }
#content #down #down-container #col-Art #artist .txt2		{ bottom:0; overflow:auto; position:absolute; width:250px; margin-left:109px; font-size:10px; }
#content #down #down-container #col-Art #artist .txt a		{ text-decoration:none; color:red; }
#content #down #down-container #col-Art #artist .txt2 a		{ text-decoration:none; color:red; }
#content #down #down-container #col-Art #artist .txt .linkkk 	{ color:#000;  }
#content #down #down-container #col-Art #artist .txt .linkkk a	{ color:#000; text-decoration:none; }

/* Accordion */
#content #down #down-container #col-0 #profil .accToggler		 			{ margin: 3px 0 0 0; padding: 3px 0 10px 0; width: 800px; color: #000; font-weight:bold; border: 1px solid #fff; cursor: pointer; text-transform:uppercase; float:left; overflow:hidden;  }
#content #down #down-container #col-0 #profil .accToggler2		 			{ margin: 3px 0 0 0; padding: 3px 0 0 0; width: 800px; color: #999; font-weight:bold; border: 1px solid #fff; cursor: pointer; text-transform:uppercase; float:left; overflow:hidden;  }
#content #down #down-container #col-0 #profil .accContent		 			{ margin: 0; width: 800px; padding: 0; line-height:25px; float:left; padding-bottom: 5px; }
#content #down #down-container #col-0 #profil .accContent a, a:visited		{ color:#6d6d6d; text-decoration:underline; }
#content #down #down-container #col-0 #profil .accContent .colonne			{ width: 230px; float:left;	}
#content #down #down-container #col-0 #profil .accContent .colonne a		{ color:#333; text-decoration:none; }
#content #down #down-container #col-0 #profil .accContent .photo			{ width: 200px; float:left; margin-left: 50px; }
#content #down #down-container #col-0 #profil #back							{ font-size:9px; padding-bottom:5px; color:#999; }
#content #down #down-container #col-0 #profil #back a 						{ color:#999; text-decoration:none; }
#content #down #down-container #col-0 #profil #back a:hover 				{ text-decoration:underline; }

/* contact*/
#content #down #down-container #col-0 #contact 					{ width:830px; height:272px; }
#content #down #down-container #col-0 #contact #contenu			{ float:left; width:300px; }
#content #down #down-container #col-0 #contact #contenu	p.petit2	{ font-size:11px; padding-bottom:10px; }
  
/* Texte */
p.txtcontact		{ font-size:11px; line-height:15px; }
.titre				{ font-size:12px; font-weight:bold; }
.maj				{ text-transform:uppercase; }
p.titre2			{ display:block; }
p.titre3			{ font-size:16px; font-weight:bold; padding: 5px 0; }
p.titre4			{ font-size:12px; text-transform:uppercase; color:red; }
p.titre4 a			{ text-decoration:none; }
p.titreanimmaj		{ font-size:16px; font-weight:bold; text-transform:uppercase; padding-bottom:10px; }
p.titreanim			{ font-size:16px; font-weight:bold;  }
p.description		{ font-size:10px; text-transform:uppercase; color:#666; float:right; width:240px; text-align:left; }
.by					{ font-size:9px; color:#999; }
p.petit				{ font-size:10px; }
p.tresPetit			{ font-size:10px; line-height:10px; padding-top:4px; }
p.tresPetit a		{ color:#999; }
p.red				{ color:red; padding: 10px 0; }
p.links				{ padding: 40px 0 10px; }
p.links	a			{ color:#333; }
p.linksArtist		{ padding-top: 20px; font-weight:bold; color:red; }
p.linksArtist a 	{ color:#000; text-decoration:none; } 
p.linkspeciale 		{ padding-top:40px; } 
p.linkspeciale a	{ color:red;}
p.newsArtist		{ padding-top: 20px; font-size:11px; line-height:20px; }
h2.nom				{ font-size:18px; font-weight:bold; text-transform:uppercase; background-color:#000; color:#FFF; padding:0 2px; float:left; }
h4.article			{ font-size:11px; font-weight:bold; background-color:#000; color:#FFF; padding:0 5px; float:left; }
h4.sousTitre		{ font-size:11px; font-weight:normal; text-transform:uppercase; padding-bottom:7px; color:red;  }
h4.sousTitre a		{ text-decoration:none; color:#000; }
p.soussousTitre		{ font-size:11px; font-weight:bold; text-transform:uppercase; padding-bottom:7px; }
p.soussousTitre a	{ text-decoration:none; color:#C0C0C0; }
p.sousCurrent		{ font-size:11px; padding-top:10px; }
p.sousCurrent a		{ text-decoration:none; }
p.annee				{ font-size:11px; padding-top:10px; font-weight:bold; }
p.categorie 		{ font-size:12px; text-transform:uppercase; padding-top:10px; color:#000; }
p.categorie a		{ text-decoration:none; color:#000; }
p.back 				{ font-size:9px; padding-bottom:5px; color:#999; }
p.back a 			{ color:#999; text-decoration:none; }
p.back a:hover 		{ text-decoration:underline; }
.liensArticles a	{ font-size:9px; color:#999; text-decoration:underline; }