@font-face {
    font-family: 'guilbertsansboldRegular';
    src: url('guilbertsansbold-webfont.eot');
    src: url('guilbertsansbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('guilbertsansbold-webfont.woff') format('woff'),
         url('guilbertsansbold-webfont.ttf') format('truetype'),
         url('guilbertsansbold-webfont.svg#guilbertsansboldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'guilbertsansregRegular';
    src: url('guilbertsansreg-webfont.eot');
    src: url('guilbertsansreg-webfont.eot?#iefix') format('embedded-opentype'),
         url('guilbertsansreg-webfont.woff') format('woff'),
         url('guilbertsansreg-webfont.ttf') format('truetype'),
         url('guilbertsansreg-webfont.svg#guilbertsansregRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'guilbertserifguilbertserifmed';
    src: url('guilbertserifmed-webfont.eot');
    src: url('guilbertserifmed-webfont.eot?#iefix') format('embedded-opentype'),
         url('guilbertserifmed-webfont.woff') format('woff'),
         url('guilbertserifmed-webfont.ttf') format('truetype'),
         url('guilbertserifmed-webfont.svg#guilbertserifguilbertserifmed') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'guilbertserifguilbertserifreg';
    src: url('guilbertserifreg-webfont.eot');
    src: url('guilbertserifreg-webfont.eot?#iefix') format('embedded-opentype'),
         url('guilbertserifreg-webfont.woff') format('woff'),
         url('guilbertserifreg-webfont.ttf') format('truetype'),
         url('guilbertserifreg-webfont.svg#guilbertserifguilbertserifreg') format('svg');
    font-weight: normal;
    font-style: normal;
}



* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 19px;
	font-family: guilbertserifguilbertserifreg;
	background-color: #F2F2F2;
}


body.section-1 { }


body.section-2 { }


body.section-3 { }


a:link {
	text-decoration: none;
	color: #666;

}

strong {font-weight:normal;
    font-family: 'guilbertserifguilbertserifmed';
}


a:active { text-decoration: none; 	color: #666;}


a:visited { text-decoration: none; color: #666; }

a:visited { text-decoration: none; color: #666; }

a:hover {
	text-decoration: none;
	color: #000;
}


a img { border: none; 	
margin-bottom: 15px;
}




#menu {
	font-family:  'guilbertsansregRegular', Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	width: 100px;
	overflow: auto;
	top: 112px;
	bottom: 0;
	left: 30px;
	position: fixed;
	height: 100%;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 17px;
}


menu a { color:#000}

menu a:hover { color:#666}


#menu ul {
	list-style: none;
}


#menu ul li.section-title { }


 #menu ul li.active a {
	font-family: 'guilbertsansboldRegular';
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#menu ul a {
	color: #000;
}

#menu u a:hover {
	color: #666;
}



#menu ul li a:visited {color: #000; }



#logo1 {
	font-family:  'guilbertsansregRegular', Arial, Helvetica, sans-serif;
	width: 215px;
	overflow: auto;
	top: 30px;
	left: 30px;
	position: fixed;
	height: 22px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 16px;
}


#logo2 {
	font-family:  'guilbertsansregRegular', Arial, Helvetica, sans-serif;
	width: 215px;
	overflow: auto;
	top: 50px;
	left: 30px;
	position: fixed;
	height: 22px;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1.5px;
}



#logo a, #logo a:visited  {color: #000; 
 }



 
 #logo a:hover {color: #666;
 }

 
 
#liste {
	font-size: 21px;
	width: 230px;
	margin-bottom: 15px;
	line-height: 24px;
}

#liste a {
color:#000;
}


#liste a:hover {
color:#666
}


#content {
	height: 100%;
	margin-top: 120px;
	margin-left: 180px;
	width: 500px;
}


.container {
    padding: 0px;
}


#content p {
	line-height: 26px;
	width: 460px;
}


p {
    margin: 0 0 10px 0;
}




#img-container	{
	height: 550px;
	width: 550px;
	overflow: visible;
	top: 120px;
	margin-left: 320px;

	}

#nav {
	top: 90px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	width: 500px;
	margin-bottom: 30px;
	position: fixed;
	color:#666;
}

#nav a {
	color:#666;

}
#nav a:hover {
	color:#000;
}



#img-container p	{ width: 400px; margin: 0; padding: 0 0 0px 0; }



#description_image {
	font-family:  'guilbertsansregRegular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 240px;
	top:120px
}



#description {
	font-family:  'guilbertsansregRegular', Arial, Helvetica, sans-serif;
	font-size: 15px;
	position:fixed;
	width: 230px;
	top:120px
}


#descriptionlongue {
	font-family:  'guilbertsansregRegular', Arial, Helvetica, sans-serif;
	font-size: 15px;
	width: 230px;
	top:120px
}
.header-outer {
	background-image: url(http://www.bfft.ca/files/rebusfont.jpg);
	background-color: #FFF;
	background-repeat: repeat;
	background-position: 0px 0px;
}


#description h1 {
	font-family: guilbertserifguilbertserifreg;
	font-size: 21px;
	font-weight: normal;
	margin-bottom:10px;
	letter-spacing: 0px;
	line-height: 24px;
}

#description  h2 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom:20px;
}

#description p {
		width: 230px;
		line-height:18px;
    margin: 0 0 10px 0;
}


#descriptionlongue h1 {
	font-family: guilbertserifguilbertserifreg;
	font-size: 21px;
	font-weight: normal;
	margin-bottom:10px;
	letter-spacing: 0px;
	line-height: 24px;
}

#descriptionlongue  h2 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom:20px;
}

#descriptionlongue p {
    margin: 0 0 10px 0;
}

#descriptionlongue h3 {
	font-size: 10.5px;
	font-weight: normal;
	margin-top:30px;
	letter-spacing: 0.05em;
}

#description h3 {
	font-size: 10.5px;
	font-weight: normal;
	margin-top:30px;
	letter-spacing: 0.05em;
}




.annee {	font-family:  'guilbertsansregRegular', Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#contenu p {
		margin-bottom: 25px;
}

#contenu {
	font-size: 19px;
	width: 450px;
	overflow: visible;
	position: absolute;
	left: 490px;
	top: 120px;
	line-height: 26px;
	padding-bottom: 30px;
}
  
#contenu h1 {
	font-family: guilbertserifguilbertserifreg;
	font-size: 26px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 0px;

}


#contenu h2 {
	font-family:  'guilbertsansregRegular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 30px;
	letter-spacing: 1px;
}

#contenu h3 {
	font-family: guilbertserifguilbertserifreg;
	font-size: 14px;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 50px;
	line-height: 18px;
}



#contenu h4 {
	width: 550px;
		font-size: 19px;

}




#audioplayer {margin-top:20px}

h1 {
	font-size: 60px;
}


h2 { font-size: 24px; }


h3 { font-size: 16px; }


h4 {
	font-size: 12px;
	font-weight: normal;
	
}


#once { clear: left; }