/* Based on http://css-tricks.com/the-perfect-fluid-width-layout/ with modifications */

* {margin: 0;padding: 0;}
html, body {height:100%;}
#page-wrap {height:100%;min-height:100%;}


body {
	font-size: 62.5%;
	background: url(images/stripe.png) repeat;
}

p, li {
	font: 1.2em/1.8em Tahoma, sans-serif;
	margin-bottom: 10px;
}

h1 {font: 2.4em Tahoma, sans-serif; color:green; border-bottom:thin dotted green;margin:0 0 1em 0;}
h2 {font: 1.8em Tahoma, sans-serif;	color: green;margin-bottom: 10px;}
h3 {font: 1.4em Tahoma, sans-serif;	color: green;margin-bottom: 10px;}
h4 {font: 1.2em Tahoma, sans-serif;	color: green;margin-bottom: 10px;}

img {border: none;}

#page-wrap {
	background: white;
	min-width: 775px;
	max-width: 1260px;
	margin: 0px auto;
	position:relative;
	}

#main-content {
	background: white;
	padding:20px 10px 50px 230px;
	position:absolute;
	top:80px;
	left:0px;
}


	
#header {
	background: url(images/sonogramme.png) repeat-x bottom black;
	height:60px;
	padding-bottom: 20px;
}

#header .banniere {
	background: url(images/logo.jpeg) no-repeat top left;
	height:60px;
	width:330px;
	float:left;
}

#header .thumblink {
	float:right;
}

#header .thumblink a{
	height:25px;
	line-height:25px;
	display:block; 
	text-decoration:none;
	background-color:#555555;
	color:white;
	padding:20px 1ex 0 1ex;
	margin:0 2ex 5px 0;
	border-bottom:5px solid #333;
}
#header .thumblink a:hover{
	background:#eeeeee;
	color:black;
	border-bottom:5px solid #777;
}
	
#left-sidebar {
	width: 180px;
	position:absolute;
	top:81px;
	left:0;
	padding-top: 60px;
	text-align:right;
}

#left-sidebar ul, #left-sidebar li {
	list-style:none;
	margin:0;padding:0;
}

#left-sidebar a{
	display:block;	
	background:#555;
	color:white;
	width:175px;
	border-bottom:2px solid #666666;
	padding:0 5px 0 0;
	text-decoration:none;
}

#left-sidebar a:hover{
	background:#333;
}


/*
  Highlight "you are here" code 
  											*/
body.presentation #presentation,body.portfolio #portfolio,body.publication #publication,body.test #test,body.expert #expert {
font-weight:bold;background:#761212;}
/* 
	End Highlight
						*/

#main-content a[href^="http:"]{
	background: url(/images/external.png) right center no-repeat;
   padding-right: 12px;

}

#main-content a[href^="http://ambiophonie.ca"],#main-content a[href^="http://www.ambiophonie.ca"]{
	background-image:none;
	padding-right:0;
}



#main-content ul {margin-left:3em;}

/* portfolio */

.item {
background-color:#FFFFFF;
	margin:1em 0 1em 0;
	padding:5px 0px;
	border:1px black solid;
}

.floatl{float:left;}
.floatr{float:right;}

.thumb {
	width:200px;
	margin:5px 5px;
	overflow:hidden;
}

.texto {
	width:786px;
	height:100%;
	margin:5px 5px;
	padding:5px 5px;
	border:1px black solid;
}

.clear {
	clear:both;
}

.loclien {
	font-style:italic;
	text-transform:uppercase;
}


/* fin portfolio*/