/*Base stylesheet*/

body {
	color: #555;               
	background-color: #fff;
	font:12px/1.5em "helvetica neue", helvetica, arial, sans-serif;
}

.clear {
	clear:both;
}        

h1, h2, h3, h4, h5, h6 {  
	font-weight: normal;
	margin-bottom: 18px;     
}

h1 {
	font-size: 14px;        
	line-height: 1.29em;    
	margin-left: 10px;  
}



p, ul, dl {
	margin: 0px 0px 18px 0px;  
}

a:link, a:visited {     
    color: #000;               
    text-decoration: none;     
}

a:hover {
	color: #000;                                 
}           

/* structure
------------------------------------------------------------------*/

#wrapper {
	width: 850px;
	margin: 0px auto;
	min-height: 540px;
	height: auto;      
	position: relative;  
}                

#header {
	width: 830px;
	height: 61px;                         
	position: relative;   
	background-color: #6c6a6b;   
	padding-top: 36px;  
	margin: 0px 10px;
}                   

#content {
	width: 850px;
	height: auto;
	min-height: 360px;
	float: left;         
	padding-top: 72px; 
	position:relative;   
}       

#footer {
	width: 830px;
	clear:both;
	height: 54px;                  
	padding: 18px 0px 36px 0px;
	height: 18px;        
	margin: 0px 10px;
	color: #c5c5c5;
}                   

/* ir
------------------------------------------------------------------*/

#logo, #logo_french {
	width: 630px;
	height: 36px;
	position: absolute;
	top: 36px;
	left: 10px;
	text-indent: -19999px;
	display: block;       
	background: transparent url("/graphics/logo.gif") no-repeat left center;
}         

#logo_french {
	background: transparent url("/graphics/logo_fr.gif") no-repeat left center;
}       

/* nav
------------------------------------------------------------------*/

#nav {
	width: 320px;
	padding-left: 510px;     
	height: 27px;            
	background-color: #fff;   
	margin-bottom: 0px;   
	top: 72px;
	position:absolute;
}             

#nav li {
	float: left;             
	padding: 0px 5px;
	margin: 9px 5px 2px 5px;
}         

#nav > li:first-child {
	padding-left: 0px; 
	margin-left: 0px;
}                    

#nav li a:link, #nav li a:visited {    
	color: #959595;     
	height: 2.25em;  	
	font-size: 16px; 
	line-height: 1.13em;
	display:block;    
}                    

#nav li a:hover {
	color: #555;
}                                
              
#about li#aboutnav a, #info li#infonav a, #projects li#projectsnav a, #projets li#projetsnav a, #project-photos li#projectsnav a, #photos-de-projet li#projetsnav a, #project-description li#projectsnav a, #description-de-projet li#projetsnav a, #exhibitions li#exhibitionsnav a, #expositions li#expositionsnav a, #contact li#contactnav a {
	color: #555;      
	text-decoration: none;
}
  

/* lang
------------------------------------------------------------------*/

#lang {
	position:absolute;
	right: 10px;
	top: 36px;
	text-transform: lowercase;  
	text-align: right;    
	height: 36px;
}                              

#lang a:link, #lang a:visited {
	color: #fff;         
    display: block; 
	font-size: 14px;
	line-height: 2.57em;
	font-weight: normal; 
	
}

/* footer
------------------------------------------------------------------*/

#footer a, #footer a:visited { 
	color: #c5c5c5;
	}          
	
/* maruqee
------------------------------------------------------------------*/

#marquee img {   
	margin: 0px 10px;   
}         

#marquee p {
	margin-left: 10px;     
	font-size: 14px;
	line-height: 2.57em;    
	color: #959595;      	
}

/* about
------------------------------------------------------------------*/

#about #content p, #info #content p {
	width: 490px;  
	font-size: 14px;
	line-height: 1.29em;
	margin-left: 10px;
}                 

/* projects
------------------------------------------------------------------*/

.image_capsule {
	width: 150px;
	height: 128px;                
	float: left;
	margin: 0px 10px 20px 10px;                  
	font-size: 14px;
	line-height: 1.29em; 
}         

.image_capsule img {
	padding: 8px;
	border: 1px solid #c5c5c5;     
}     

.image_capsule a:hover img {
	border: 1px solid #959595;
}                    

.image_capsule a, .project_capsule a:visited {
	color: #959595;        
}                          

.image_capsule a:hover {
	color: #555;
}   

#project-photos .image_capsule, #photos-de-projet .image_capsule {
	height: 110px;
}                   

#project_legend {
	position:absolute; 
	top: 0px;
	font-size: 14px;
	line-height: 2.57em;
	left: 520px;
}                
#project_legend a, #project_legend a:visited {
	color: #959595;          
}                        

#project_legend a:hover {
	color: #555;
}           

#project-description #content p, #description-de-projet #content p {
	margin-left: 10px;
	width: 490px;	    
	font-size: 14px;
	line-height: 1.29em;	
}     

/* photos
------------------------------------------------------------------*/

#photos #content img { 
	margin: 0px 10px;   
}         

#photos #content p {
	margin-left: 10px;  
	font-size: 14px;
	line-height: 2.57em;  
	color: #959595;      	
}             

#pager {
	width: 87px;
	height: 19px;
	top: 36px;
	left: 10px;
	position:absolute;
	background: transparent url("/graphics/prevnext.gif") no-repeat 35px top;
}                  

#pager a {
	height: 18px;
	width: 21px;
	float: left;
	display: block;
	text-indent: -19999px;                                                   
	position: absolute;
	top: 0px;
}           

#next {
	left: 66px;
	background: transparent url("/graphics/next_arrow.gif") no-repeat left -18px;
}          

#previous {
	left: 35px;                                                                
	background: transparent url("/graphics/prev_arrow.gif") no-repeat left -18px;
}            

#next:hover, #previous:hover {
	background-position: left -36px;
}            

#pager #photos_index {
	height: 19px;
	width: 25px;   
	left: 0px;
	background: transparent url("/graphics/photos_index.gif") no-repeat left top;
}              

#pager #photos_index:hover {
	background-position: left -19px;
}           

/* exhibitions
------------------------------------------------------------------*/

#exhibitions #exhibition_info, #expositions #exhibition_info {
	width: 320px;
	float: left;
	font-size: 14px;
	line-height: 1.29em;
	margin: 0px 10px;
}                     

#slideshow {
	width: 490px;
	height: auto;
	min-height: 126px;
	float: left;
	margin: 0px 10px;
}                  
                             

#exhibition_slidenav {
	top: 72px;
	position:absolute;
	right: 10px;
	width: 44px;          
	height: 18px;
}                   

#exhibition_slidenav a:link, #exhibition_slidenav a:visited { 
 	height: 18px;    
    float: left;
	display: block;
	width: 16px;
	margin-left: 6px;
	background: transparent url("/graphics/prevnext_exhibitions.gif") no-repeat left top;
	text-indent: -19999px;
}   

#exhibition_slidenav a:hover {                                                           
	background: transparent url("/graphics/prevnext_exhibitions.gif") no-repeat left -18px;
}         

#exhibition_slidenav a#nextslide:link, #exhibition_slidenav a#nextslide:visited {
	background: transparent url("/graphics/prevnext_exhibitions.gif") no-repeat -22px top;
}       

#exhibition_slidenav a#nextslide:hover {
	background: transparent url("/graphics/prevnext_exhibitions.gif") no-repeat -22px -18px;
}
                                                              

.exhibition_capsule {
	width: 405px;
	margin: 0px 10px 18px 10px;      
	height: 110px;
	float: left;        
	font-size: 14px;
	line-height: 1.29em;    
	color: #959595;
}                   

.exhibition_capsule img {
	float: left;
	width: 130px;    
	height: 90px;
	padding: 8px;
	border: 1px solid #c5c5c5;  
	margin-right: 20px; 
}   

.exhibition_capsule a:hover img {
	border: 1px solid #959595;
}                     

.exhibition_capsule a, .exhibition_capsule a:visited {
	color: #959595;
}                 

.exhibition_capsule a:hover {
	color: #555;
}                     

/* contact
------------------------------------------------------------------*/

#contact #content p {
	margin-left: 10px;
	width: 490px;
	font-size: 14px;
	line-height: 1.29em;
}