/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
* @author Michael Kern
*/
* {
	margin: 0;
	padding: 0;
}

body   { color: #666666; font-size: 12px; font-family: Helvetica Neue, sans-serif; background-color: #ffffff }

body.section-1 { }
body.section-2 { }
body.section-3 { }

/* LINKS */
	
	
	/* colors for all links */
	a:link   { color: #666666; text-decoration: none }
	
	a:active { 
	text-decoration: none;
	}
	
	/* highlights links that you have already clicked. This can be helpful for users to identify which items they have already seen*/
	a:visited   { color: #666666; text-decoration: none; background: transparent }
	
	/* sets the properties for links when mouse rolls over */
	a:hover { 
 	text-decoration: none;
	color: #000;
	}

	/* any img that is a link */
	a img { 
	border: none; 
	}

/* Pre-Nav Text - Can be accessed in the Exhibit Settings */
	
	
	.top-section     { color: #bbbbbb; font-size: 23px; font-family: HelveticaNeue-Light, sans-serif; font-style: italic; line-height: 24px; padding: 0 0 17px 25px }
 

/* MENU */

	#menu       { font-size: 11.5px; background-color: #transparent; padding-top: 40px; padding-bottom: 25px; position: fixed; top: 0; bottom: 0; left: 0; width: 225px; height: 100%; overflow: auto }
	
	/* This section controls each section made */ 
	#menu ul {
		list-style: none;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 12px; /* sets the space between each section */
		margin-left: 0px;
		/* sets the spacing around the menu - this is normally set to match padding options in #content but can be changed seperately */
		padding-right: 25px;
		padding-left: 25px;
	}

	#menu ul li {
		margin-top: 10px;
		margin-bottom: 4px;
	}
	
	/* The following sets the style for the section heading TITRES EN ITALIC */
	#menu ul li.section-title   { color: #bbbbbb; font-size: 14px; font-family: Helvetica Neue, sans-serif; font-style: italic; padding: 5px 0; border-top: 1px dotted }
	
	/* The following selectors style the "Built with Indexhibit" on the menu */	
		
		#menu ul.built {
			margin-bottom: 0;
		}
	
		#menu ul.built li  { color: #bbbbbb; padding-top: 5px; border-top: 1px dotted }
		
		/* The following changes the link colors for only the "Built with Indexhibit" link */
		#menu ul.built a {
			color: #bbbbbb;
		}
		
		#menu ul.built a:hover {
		 	text-decoration: underline;
			color: #390660;
		}

	/* This sets the style for Post-Nav Text which can be accessed in the Exhibit Settings */
		
		#copy  { color: #05551b; font-size: 11px; font-family: Helvetica Neue, Serif; font-style: serif; margin-top: 5px; padding-top: 10px; border-top: 1px dotted #05551b }


/* CONTENT AREA position du bloc image*/

	#content            { margin: 0 0 0 225px; padding: 49px 5px 25px 60px; top: 0; height: 100% }

	.container {
		margin-bottom: 25px;
	}

	#content p  { line-height: 18px; margin: 0 0 20px; width: 450px }

	p { /* sets the properties for all paragraphs  */
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 9px;
    margin-left: 0;
	}

/* HEADINGS */
	
	/*
	when typing your text/descriptions follow this format to use these heading types
	
	<h1>This is the text i want to be a heading which</h1>
	
	start with h1 as your largest most important heading. you may not need all 4 but they are here if you do.
	*/
	
	h1        { color: #432afd; font-size: 14px; font-family: Helvetica Neue, Serif; font-weight: normal; padding-bottom: 2 }
	
	h2    { color: #666666; font-size: 12px; font-family: Helvetica Neue, Serif; font-weight: normal; padding-bottom: 25px }
	
	h3 { 
		font-size: 16px;
		color: #0006FF;
	}
	
	h4 { 
		font-size: 12px; 
		color: #0006FF;
	}

/* IMAGES */

	#img-container	{ 
		margin: 0 0 20px 0; 
		padding: 0; 
	}
	
	#img-container p	{ 
		width: 400px; 
		margin: 0; 
		padding: 0 0 12px 0;
	}
	
	.nothumb img {
		margin-top: 0px;  
		margin-right: 0px;
		margin-bottom: 20px;
		margin-left: 0px;
		
	}
	
	#once { clear: left; }
	
	
/* SLIDE SHOW - Navigation */
	
	p.nav a       { font-size: 11px; font-family: Helvetica Neue, Serif; background-color: #fff; padding: 0px 0px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px      }
	
	p.nav a:hover {
		background-color: #fff;
	}
	
	p.nav span#num  { font-family: Helvetica Neue, Serif; font-style: italic; letter-spacing: 2px; padding-left: 20px }