@charset "iso-8859-1";



}


/* General styles ------------------------- */

.showcase {
	position: relative;
	}

.showcase a.controls {
	position: absolute;
	width: 1px;
	height: 1px;
	background-color: #ffffff;
	text-decoration: none;
	color: #FFF;
	font-size: 1px;
	font-weight: bold;
	text-align: center;	
	border: 1px solid #FFF;	
	}

.showcase a.previous {
	padding-bottom: 4px;
}

.showcase ul li {
	width: 170px;
	height: 170px;
	float: left;	
	list-style-type: none;	
}

.showcase ul li a {
	display: block;	
}

.showcase li a img {
	width: 100%;
	height: 100%;
	border: 0;	
}

/* Horizontal showcase ------------------------- */

.showcase#horizontal {	
	margin: 20px auto 0 auto;
	width: 750px;
	height: 170px;
}	
	
.showcase#horizontal a.controls {
	top: 50%;
	margin-top: -27px;
}

.showcase#horizontal a.next {
	right: 0;
	padding-top: 4px;
}


.showcase#horizontal a.controls:hover {
	border-color: #2097FA;
}

.showcase#horizontal ul {
	position: relative;	
	width: 750px;
	height: 170px;	
	margin: 0 auto;
}



/* CSS Document */
html {
  height:100%;
}

body { 
background: #ffffff url(images/bg-general.gif) repeat-x center top;
		text-align: left; 
		font-family: Verdana;
		color: #ffffff;
		font-size: 12px;
		line-height: 18px;
}

.coldroite { 
background: #ffffff url(images/bg-col-droite.gif) no-repeat left top;
		
}

.bgbiblio { 
background: #1d323a url(images/bg-biblio.jpg) no-repeat left top;
		
}
.bgexpo { 
background: #000000 url(images/bg_exposition.jpg) no-repeat left top;
		
}

.bgexpo2 { 
background: #000000 url(images/bg_expo2.jpg) no-repeat left top;
		
}
.bgexpoencours { 
background: #000000 url(images/bg-expo-encours.jpg) no-repeat left top;
		
}

.bgexpogagnon { 
background: #000000 url(images/bg_expo-fusion.jpg) no-repeat left top;
}

.bgexpodufour { 
background: #000000 url(images/bg_expo-dufour.jpg) no-repeat left top;
}

.bgexpodeberdt { 
background: #000000 url(images/bg_expo-deberdt.jpg) no-repeat left top;
}

.bgexpobosse { 
background: #000000 url(images/bg_expo-bosse.jpg) no-repeat left top;
}

.bgexpoeautour { 
background: #000000 url(images/bg_expo-eautour.jpg) no-repeat left top;
}

.bgexpoperreault { 
background: #000000 url(images/bg_expo-perreault.jpg) no-repeat left top;
}

.txtindex {
color: #464343;
font-family: Verdana;
font-size: 11px;
line-height: 18px;
text-align: Justify;	
}

.txtindex a:link{
color: #336633;
font-family: Verdana;
font-size: 11px;
line-height: 18px;
text-align: Justify;	
}


.txtindex  a:visited{
color: #336633;
font-family: Verdana;
font-size: 11px;
line-height: 18px;
text-align: Justify;	
}


.accueil {
color: #464343;
font-family: Verdana;
font-size: 11px;
line-height: 18px;
text-align: Justify;	
}

.accueil  a:link{
color: #FFFFCC;
font-family: Verdana;
font-size: 11px;
line-height: 18px;
text-align: Justify;	
}


.accueil  a:visited{
color: #FFFFCC;
font-family: Verdana;
font-size: 11px;
line-height: 18px;
text-align: Justify;	
}


.design {
color: #464343;
font-family: Verdana;
font-size: 9px;
line-height: 18px;
}

.design  a:link{
color: #006331;
font-family: Verdana;
font-size: 9px;
line-height: 18px;
}

.design  a:visited{
color: #006331;
font-family: Verdana;
font-size: 9px;
line-height: 18px;
}

.textemission {
color: #ffffff;
font-family: Verdana;
font-size: 13px;
line-height: 22px;
}

.textemission a:link{
color: #ffffff;
font-family: Verdana;
font-size: 13px;
line-height: 22px;
}

.textemission a:visited{
color: #ffffff;
font-family: Verdana;
font-size: 13px;
line-height: 22px;
}

.texteaccueil {
color: #ffffff;
font-family: Verdana;
font-size: 13px;
line-height: 20px;
}

.texteaccueil a:link {
color: #ffffff;
font-family: Verdana;
font-size: 13px;
line-height: 20px;
text-decoration: underline;
}

.texteaccueil a:visited {
color: #ffffff;
font-family: Verdana;
font-size: 13px;
line-height: 20px;
text-decoration: underline;
}

.sousmenu {
color: #b7babd;
font-family: Verdana;
font-size: 12px;
line-height: 18px;
}

.sousmenu a:link {
color: #b7babd;
font-family: Verdana;
font-size: 12px;
text-decoration: underline;
line-height: 18px;
}

.sousmenu a:hover {
color: #FFFFCC;
font-family:Verdana;
font-size: 12px;
text-decoration: underline;
line-height: 18px;
}

.sousmenu a:visited {
color: #b7babd;
font-family: Verdana;
font-size: 12px;
text-decoration: underline;
line-height: 18px;
}



.titre  {
color: #862a2e;
font-family: Trebuchet MS,Georgia;
font-size: 18px;
line-height: 20px;
}



H1 {
color: #FFFFCC;
font-family: Verdana;
font-size: 25px;
line-height: 16px;
}

H2 {
color: #93aad4;
font-family: Verdana;
font-size: 20px;
line-height: 16px;
}



.button {
	width:80px;
	font-size:10px;
	padding-bottom:3px;
	height:18px;
	background-color:#999967;
	color:#FFF;
	font-weight:bold;
	border:solid;
	border-width:1px;
	border-color:#666;
	cursor:pointer;
}

.fields {
	width:180px;
	height:15px;
	background-color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	color:#333;
	border:solid;
	border-width:1px;
	border-color:#333;
}




H3 {
color: #FFCC66;
font-family: Verdana;
font-size: 16px;
line-height: 22px;
}

H4 {
color: #16598c;
font-family: Trebuchet MS,Georgia;
font-style: italic;
font-size: 25px;
line-height: 28px;
}


.lien {
color: #6e3a38;
font-family: Arial, Helvetica, sans-serif;
font-size: 09px;
line-height: 18px;
}

.lien  a:link {
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
line-height: 18px;
text-decoration: underline;
}

.lien  a:visited {
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
line-height: 18px;
text-decoration: underline;
}

.lien  a:hover {
color: #FFFFCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
font-weight:bold;
text-decoration: none;
}