/****************************************************************************************
* 	Feuille de style pour la section Histoire et patrimoine du site du Musée de Rimouski
* 	Création du css par : Steve Perron
*	Février 2007 - Telus
****************************************************************************************/

#classes {
	margin-left:60px;
	margin-top:50px;
}

* html #classes {
	margin-left:100px;
}

#classe-cathy, #classe-claudette, #classe-annie {
	float:left;
	height:132px;
	width:241px;
}

#classe-annie {
	height:116px;
}

#classe-claudette2 {
	float:left;
	height:116px;
	width:267px;
}

#classe-cathy {
	background:url(../histoireetpatrimoine/60_70/images/accueil-cathy.gif) no-repeat top left;
	margin-right:50px;
}
#classe-annie {
	background:url(../histoireetpatrimoine/40_50/images/accueil-annie.gif) no-repeat top left;
	margin-right:50px;
}

#classe-claudette {
	background:url(../histoireetpatrimoine/60_70/images/accueil-claudette.gif) no-repeat top left;
}

#classe-claudette2 {
	background:url(../histoireetpatrimoine/40_50/images/accueil-claudette2.gif) no-repeat top left;
}

#classe-cathy a, #classe-claudette a {
	height:132px;
	display:block;
	text-indent:-9999px;
}

#classe-claudette2 a,#classe-annie a {
	height:116px;
	display:block;
	text-indent:-9999px;
}

#classe-cathy a:hover {
	background:url(../histoireetpatrimoine/60_70/images/accueil-cathy.gif) no-repeat bottom left;
}
#classe-annie a:hover {
	background:url(../histoireetpatrimoine/40_50/images/accueil-annie.gif) no-repeat bottom left;
}

#classe-claudette a:hover {
	background:url(../histoireetpatrimoine/60_70/images/accueil-claudette.gif) no-repeat bottom left;
}

#classe-claudette2 a:hover {
	background:url(../histoireetpatrimoine/40_50/images/accueil-claudette2.gif) no-repeat bottom left;
}

#navigation-cathy, #navigation-claudette,#navigation-annie {
	margin:0;
	padding:0;
	padding-top:2px;	
	margin-top:1px;
	width:100%;
	background:url(../histoireetpatrimoine/60_70/images/navigation-border.gif) no-repeat top left;
	z-index:500;
}

#navigation-cathy li, #navigation-claudette li, #navigation-annie li {
	margin:0;
	padding:0;
	list-style:none;
	margin-top:-3px;
	float:left;
	background:url(../histoireetpatrimoine/60_70/images/menu-separator.gif) no-repeat 0 6px;
}

#navigation-cathy li.first, #navigation-claudette li.first, #navigation-annie li.first {
	background:none;
}


#navigation-annie li a, #navigation-annie li a:link, #navigation-annie li a:visited, #navigation-annie li a:hover, #navigation-annie li a:active,
#navigation-cathy li a, #navigation-cathy li a:link, #navigation-cathy li a:visited, #navigation-cathy li a:hover, #navigation-cathy li a:active,
#navigation-claudette li a, #navigation-claudette li a:link, #navigation-claudette li a:visited, #navigation-claudette li a:hover, #navigation-claudette li a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
	padding-right:13px;
	padding-left:13px;
}

#navigation-claudette li a, #navigation-claudette li a:link, #navigation-claudette li a:visited, #navigation-claudette li a:hover, #navigation-claudette li a:active {
	padding-right:15px;
	padding-left:15px;	
}

#navigation-annie li.first a, #navigation-annie li.first a:link, #navigation-annie li.first a:visited, #navigation-annie li.first a:hover, #navigation-annie li.first a:active,
#navigation-cathy li.first a, #navigation-cathy li.first a:link, #navigation-cathy li.first a:visited, #navigation-cathy li.first a:hover, #navigation-cathy li.first a:active, 
#navigation-claudette li.first a, #navigation-claudette li.first a:link, #navigation-claudette li.first a:visited, #navigation-claudette li.first a:hover, #navigation-claudette li.first a:active {
	padding-left:0;
}


#navigation-annie li a:hover,#navigation-cathy li a:hover, #navigation-claudette li a:hover {
	color: #B98D07;
}

#navigation-annie li a.selected,#navigation-cathy li a.selected {
	color:#B98D07;
}

.animation {
	position:absolute;
	top:34px;
	left:49px;
	width:63px;
}
.animation-culture {
	position:absolute;
	top:36px;
	left:49px;
	width:61px;
}
.animation-jeunesse {
	position:absolute;
	top:35px;
	left:47px;
	width:63px;
}
.animation-mains {
	position:absolute;
	top:37px;
	left:49px;
	width:63px;
}

.description-theme {
	width:429px;
	height:122px;
	margin:0;
	padding:10px 58px;
	text-align:justify;
	background:url(../histoireetpatrimoine/60_70/images/back-theme-description.gif) no-repeat top left;
	position:relative;
}

* html .description-theme {
	width:545px;
}

.description-theme a, .description-theme a:link, .description-theme a:visited, .description-theme a:hover, .description-theme a:active {
	position:absolute;
	bottom:35px;
	right:260px;
	display:block;
	text-decoration:none;
	font-weight:bold;
}

.description-theme a:hover {
	color:#B98D07;	
}

* html .description-theme a, * html .description-theme a:link, * html .description-theme a:visited, * html .description-theme a:hover, * html .description-theme a:active {
	bottom:15px;
}