@charset "utf-8";
/* CSS Document */

@import url("http://www.bmi-epinalgolbey.fr/OPACWebAloes/Skins/Skin_epinal/Styles/SpryTabbedPanels.css");

/*********** POD CASQY **************/
/*** Styles génériques ***/
/*************************/
td, p, div {
	font-family:  Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;

}
p {
	line-height: 17px;
}
H1 {
	font-size: 17px;
	text-transform: uppercase;
	letter-spacing: 2px;
	height: 36px;
	text-indent: 25px;
}
H1.argile {
	background-image: url(images/h1_argile.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	color: #C15119;
}
H1.bleu {
	background-image: url(images/h1_bleu.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	color: #57405B;
}
H1.orange {
	background-image: url(images/h1_orange.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	color: #ED7B0F;
}
H1.gris {
	background-image: url(images/h1_gris.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	color: #C9C9CA;
}
H1.rouge {
	background-image: url(images/h1_rouge.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	color: #C0362B;
}
H2 {
	font-size: 16px;
	font-weight: bold;
	color: #BF362B;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0px 0 20px 0;
	border-bottom: 2px solid;
}
h3 {
	font-size: 14px;
	margin: 0px 0 5px 0;
	color: #ED7B0F;
	font-weight: bold;
	text-transform: uppercase;
}
h4 {
	font-size: 13px;
	margin: 0px 0 5px 0;
	color: Gray;
	font-weight: bold;
	text-transform: uppercase;
}
h5 {
	color: #57405B;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0 5px 0;
	text-transform: uppercase;
}
a, a:visited, a:link, a:active {
	text-decoration: none;
	color: #56405B;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	color: #C05119;
}
hr {
	border: 0;
	border-bottom: 1px dotted silver;
	height: 1px;
	margin: 0 0 15px;
	padding: 5px 0;
	clear: both;
}
ul {
	list-style-image: url(images/puce.gif);
}
li {
	/*margin: 2px;
	padding: 2px;*/
	line-height: 22px;
}
.sitemap ul {
	list-style-type: disc;
}
.sitemap ul li a {
}
.sitemap ul ul {
	list-style-type: none;
}
.sitemap ul li ul li a {
	font-weight: normal;
}
/*** Styles BandeauHaut.html ***/
ul.header {
	padding: 0px 5px 0 0;
	float: right;
	margin: 0px;
	color: #C05119;
}
ul.header li {
	display: inline;
	float: left;
}
a.header, a.header:link, a.header:active, a.header:visited {
	display: block;
	float: left;
}
a.header:hover {
	text-decoration: none;
}
a.calendrier {
	background-image: url(images/puce.gif);
	background-position: left 3px;
	background-repeat: no-repeat;
	line-height: 20px;
	padding-left: 10px;
}
/*** Styles BandeauHaut.html FIN ***/
.titre-droit {
	background-color: #4183A9;
	color: White;
	font-weight: bold;
	padding: 3px;
	font-size: 11px;
	margin-top: 20px;
	width: 94%;
}
/*** MODULE RECHERCHE ***/
.div-search {
	padding: 40px 0 0;
	text-align: center;
	background-image: url(images/div-search.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.div-search-bottom {
	padding: 0 0 15px 0;
	margin-bottom: 15px;
	text-align: center;
	background-image: url(images/div-search_bottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}
.div-search table.TableauCriteres td {
	background-color: transparent;
}
.div-search table.TableauCriteres td span {
}
.div-search input.TextBox {
	width: 85%;
}
.div-search input {
}
.div-search table td span {
}
a.rech, a.rech:visited, a.rech:link, a.rech:active {
	display: block;
	padding: 8px 0 11px 13px;
	margin-left: 36px;
	text-align: left;
	background-image: url(images/arrow.gif);
	background-position: left;
	background-repeat: no-repeat;
	color: #57405B;
}
a.rech:hover {
	text-decoration: underline;
	color: #C05119;
}
/*** MODULE USER ***/

.TextBox {
	/*color: #222222;
	background-color: #EEF4D4;
	font-weight: bold;
*/
	width: 100%;
}
.div-login {
	padding: 30px 0 0;
	text-align: center;
	background-image: url(images/div-login.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.div-login-bottom {
	padding: 0 0 15px 0;
	margin-bottom: 15px;
	background-image: url(images/div-login_bottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}
.div-login table.TableauGeneral {
}
.div-login table.TableauGeneral thead td {
	display: none;
}
.div-login table.TableauGeneral td table.TableauCriteres td span {
}
.div-login span {
	display: block;
}
.div-login input.TextBox {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	width: 90px !important;
}
.AlignementBoutons input {
	/*width: auto;
*/
}
.div-login table.TableauGeneral td span {
	/*display: block;
	font-family: helvetica, arial;
	font-size: 15px;
	font-variant: small-caps;
	text-indent: 12px;
	text-transform: lowercase;
	color: #595959;
*/
}
.div-login span.MessageErreur {
	padding-top: 30px;
	display: block;
}
a.log, a.log:visited, a.log:link, a.log:active {
	display: block;
	padding: 6px 0 6px 13px;
	margin-left: 36px;
	text-align: left;
	background-image: url(images/arrow.gif);
	background-position: left;
	background-repeat: no-repeat;
	color: #57405B;
}
a.log:hover {
	text-decoration: underline;
	color: #C05119;
}
.infos {
	background-image: url(images/div-info.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.infos-bottom {
	background-image: url(images/div-info_bottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 15px;
	margin-bottom: 25px;
}
.infos-inauguration {
	background-image: url(images/div-info_inauguration.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 100px;
	margin-bottom: 15px;
}

.infos h3 {
	background-color: transparent;
	font-size: 12px;
	padding: 7px 0 0 27px;
	margin: 0px;
	text-transform: none;
}
.infos p {
	width: 180px;
	padding: 0 10px;
}
/********************/
/*** Arrière Plan ***/
/********************/
body {
	font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	margin: 3px 0px 0px;
	color: #343434;
	background-color: #F1F1F1;
	padding: 0px;
	background-image: url(images/background_body.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#Form1 {
	background-color: transparent;
	margin: 0px;
	padding: 0px;
}
.FondPage {
}
.TableauArrierePlan {
	border-collapse: collapse;
	table-layout: auto;
	border-style: none;
	border-width: 0px;
	background-color: White;
	width: 960px;
	margin-bottom: 30px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
}
.ArrierePlan {
	background-color: transparent;
}
.Contour {
	background-color: transparent;
	border-color: transparent;
	border-width: 0;
}
.colonne {
	width: 0px;
	background-color: transparent;
}
.ColonneCentre {
	background-color: transparent;
	padding: 20px 0px 0px 0px;
	/*width: 574px;
*/
}
.EspaceVerticalGauche {
	background-color: transparent;
	width: 20px;
}
.ColonneMenuGauche {
	background-color: transparent;
}
.colright {
	background-color: transparent;
	padding: 46px 0 0 0;
	width: 217px;
}
.ColonneGauche {
	background-color: transparent;
}
.MenuListe {
	margin-top: 100px;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 20px;
}
.MenuListe ul {
	color: White;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: disc;
	margin: 0;
	padding: 0px;
}
.MenuListe ul li {
	margin: 2px 0 0 20px;
}
.MenuListe ul li ul {
	list-style-type: disc;
}
.MenuListe ul li a, .MenuListe ul li a:visited, .MenuListe ul li a:link, .MenuListe ul li a:active {
	color: White;
}
.MenuListe ul li ul li a, .MenuListe ul li ul li a:visited, .MenuListe ul li ul li a:link, .MenuListe ul li ul li a:active {
	color: White;
}
.MenuListe ul li a:hover, .MenuListe ul li ul li a:hover {
	color: #BBBBBB;
}
.menu-bottom {
	margin-top: 100px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: lowercase;
}
.menu-liens {
	margin-left: 27px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	font-weight: bold;
}
a.menu-liens, a.menu-liens:visited, a.menu-liens:link, a.menu-liens:active {
	font-weight: bold;
	color: #C50024;
	text-decoration: none;
	display: block;
}
a.menu-liens:hover {
	font-weight: bold;
	color: Black;
	text-decoration: underline;
}
.ColonneDroite {
	width: 360px;
}
.EspaceVerticalDroit {
	background-color: transparent;
	width: 20px;
}
.creditPhoto {
	font-size: 10px;
	color: #000000;
	display: block;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 15px;
	text-align: left;
}
.footer {
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 60px 0 0;
	height: 72px;
}
div.footer p {
	margin: 0px;
	padding: 0px;
}
.footer a, .footer a:visited, .footer a:link, .footer a:active {
	text-decoration: none;
	color: #C05119;
	font-weight: normal;
}
.footer a:hover {
	text-decoration: underline;
	color: #57405B;
}
/***********************/
/*** Composants HTML ***/
/***********************/
.TextArea {
	/*color: #222222;
	background-color: #EEF4D4;
	font-weight: bold;
*/
}
.BoutonRadio {
	/*color: #222222;
*/
}
.CheckBox {
	/*color: #222222;
*/
}
.ListBox {
	/*color: #222222;
	background-color: #EEF4D4;
	font-weight: bold;
*/
}
/***********************************************/
/*** Intitulés des Checkbox et Boutons Radio ***/
/***********************************************/
label {
	font-size: 12px;
}
/****************/
/*** Tableaux ***/
/****************/
.TableauGeneral {
	border-collapse: collapse;
	border: 1px solid silver;
	width: 100%;
}
.TableauGeneral thead td {
	background-image: url(images/TableauGeneral_bkg.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #C9C9CA;
	color: White;
	font-weight: bold;
	padding: 3px;
}
.TableauGeneral thead td span {
	/*padding-left: 36px;
*/
}
.TableauEntete {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	background-color: #EDEDEB;
	border-color: #808080;
	border-width: 1px;
}
.TableauContenu thead td {
	background-image: none;
	background-position: right 11px;
	background-repeat: no-repeat;
	background-color: White;
	color: #C0362B;
	border-bottom: 1px dashed #C0362B;
}
.TRRollover {
	background-color: #E2E2E2;
}
#T_ctl0ctl4SITOTHEQUE4Arbre, #T_ctl0ctl5SITOTHEQUE6Arbre {
	border-left: 5px solid #E2E0E0;
}
td#_ctl0_ColonneGauche {
}
.Fondbandeaugauche {
}
/*********************************/
/*** Commun à toutes les pages ***/
/*********************************/
.TitreRecherche {
	/*color: #99CC00;
*/
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 3px;
	text-decoration: underline;
	text-align: left;
}
.MessageErreur {
	color: #FF0000;
	font-weight: bold;
}
.FondMenuHaut {
}
.FondMenuGauche {
}
.NomPersonneIdentifiee {
}
.EntetesTableaux {
	font-weight: bold;
	text-align: left;
}
.AlignementBoutons {
	text-align: left
}
/*************************************/
/***Pages de la gestion de contenu ***/
/*************************************/
.GestionTitrePage {
	font-weight: bold;
	text-align: center
}
.GestionChemin {
	font-size: 11px;
	font-weight: bold;
	text-align: left
}
.GestionParagraphes {
	font-size: 11px;
}
a.GestionLienRecherchePerso:visited, a.GestionLienRecherchePerso:link, a.GestionLienRecherchePerso:active, a.GestionLienRecherchePerso:hover {
	text-decoration: underline;
	font-size: 11px;
}
/**********************************************************************/
/*** Page des Formulaires de Recherche et historique des recherches ***/
/**********************************************************************/
.CritereDescription {
}
.Historique {
	width: 100%;
	border-collapse: collapse;
	border-style: none;
}
table.Historique thead td {
	font-size: 12px;
	font-weight: bold;
	padding: 1px 2px 1px 2px;
	background-image: none;
	background-color: White;
	color: #595959;
}
table.Historique tbody td {
	/*border-top: solid 1px #99CC00;
*/
	padding: 10px 2px 2px 2px;
}
/*****************************************/
/*** Arbre de recherche Thématique     ***/
/*****************************************/
.Theme1 {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	color: #56405B;
}
.Theme2 {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	color: #56405B;
}
.Theme3 {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	color: #56405B;
}
.ThemeOver1 {
	color: Black;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	color: #C05119;
}
.ThemeOver2 {
	color: Black;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	color: #C05119;
}
.ThemeOver3 {
	color: Black;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	color: #C05119;
}
/*************************/
/*** Page de Résultats ***/
/*************************/
.ResultatPageEnCours {
	font-weight: bold;
	color: #C1521A;
}
a.ResultatLien:visited, a.ResultatLien:link, a.ResultatLien:active, a.ResultatLien:hover {
	text-decoration: none;
	color: #333333;
}
.ResultatPanier {
	color: #0000ff
}
.NomServeur {
	font-weight: bold;
	text-align: right;
}
.ListeAutorites {
	width: 100%;
	border-style: none;
}
table.ListeAutorites thead td {
	font-weight: bold;
	padding: 1px 2px 1px 2px;
	background-image: none;
	background-color: White;
	color: #595959;
}
table.ListeAutorites tbody td {
	border-top: 1px solid #C0362B;
	padding: 10 2 2 2;
}
.ListeBibliographies {
	width: 100%;
	border-style: none;
	border-collapse: collapse;
}
table.ListeBibliographies thead td {
	border-style: none;
	padding: 1 2 1 2;
	background-image: none;
	background-color: White;
	color: #595959;
}
table.ListeBibliographies tbody td {
	border-top: 1px solid #C15119;
	padding: 10px 2px 2px 2px;
	height: 56px;
}
.ListeIndex {
	width: 100%;
	border-style: none;
}
table.ListeIndex thead td {
	font-size: 9pt;
	font-weight: bold;
	padding: 1 2 1 2;
	background-image: none;
	background-color: White;
	color: #595959;
}
table.ListeIndex tbody td {
	border-top: solid 1px Silver;
	padding: 10 2 2 2;
}
/**********************/
/*** Page de Notice ***/
/**********************/
.NoticeTableauGeneral {
	border-collapse: collapse;
	border-style: 1px solid silver;
}
.NoticeTableauEntete {
	font-family: verdana, arial;
	color: #000000;
	font-weight: bold;
}
.NoticeTableauContenu {
	color: #000000;
	font-family: verdana, arial;
}
.NoticeSeparationExemplaires {
	border: 1px dotted Silver;
	width: 100%
}
a:visited.NoticeLien {
	text-decoration: underline;
}
a:link.NoticeLien {
	text-decoration: underline;
}
a:active.NoticeLien {
	text-decoration: underline;
}
a:hover.NoticeLien {
	text-decoration: underline;
}
/************************************************/
/*** Page de Notice: Tableau des Exemplaires ***/
/************************************************/
div.small img {
	margin-right: 6px;
}
.NoticeTableauExemplaires {
	background-color: transparent;
	text-align: center;
	color: #000000;
}
table.NoticeTableauExemplaires thead td {
	background-color: #FFFFFF;
	background-image: none;
	border: 1px none silver;
	color: #C15119;
	font-size: 12px;
	font-weight: bold;
}
table.NoticeTableauExemplaires tbody td {
	border-collapse: collapse;
	border-style: solid;
	border-color: #cccccc;
	width: 400px;
	font-size: 9pt;
	border-width: 1
}
.NoticeTableauExemplaires tr.TRRollover {
	background-color: transparent;
}
/************************************************/
/*** Page de Notice: Tableau des Acquisitions ***/
/************************************************/
.NoticeTableauAcquisitions {
	background-color: transparent;
	text-align: center;
	color: #000000;
	font-family: verdana, arial;
	font-size: 9pt;
}
table.NoticeTableauAcquisitions thead td {
	font-size: 10pt;
	font-weight: bold;
	background-color: #FFFFFF;
}
table.NoticeTableauAcquisitions tbody td {
	border-width: 1;
	border-collapse: collapse;
	border-style: solid;
	border-color: #cccccc;
	width: 400px;
	font-size: 9pt;
}
/************************************************/
/*** Page de Notice: Tableau des Abonnements ***/
/************************************************/
.NoticeTableauAbonnements {
	background-color: transparent;
	text-align: center;
	color: #000000;
	font-family: verdana, arial;
	font-size: 9pt;
}
table.NoticeTableauAbonnements thead td {
	font-size: 10pt;
	font-weight: bold;
	background-color: #FFFFFF;
}
table.NoticeTableauAbonnements tbody td {
	width: 400px;
	font-size: 9pt;
}
/**************************************************/
/*** Page de Notice: Tableau des Autres filles ***/
/**************************************************/
.NoticeTableauAutresFilles {
	border-width: 1;
	border-collapse: collapse;
	border-style: solid;
	border-color: #cccccc;
	text-align: center;
	color: #000000;
	font-family: verdana, arial;
	font-size: 9pt;
}
table.NoticeTableauAutresFilles thead td {
	font-size: 10pt;
	font-weight: bold;
	background-color: #FFFFFF;
}
table.NoticeTableauAutresFilles tbody td {
	width: 400px;
	font-size: 9pt;
}
/***********************/
/*** Page Mon Compte ***/
/***********************/
.CompteInfos {
	width: 100%;
	border-collapse: collapse;
	border-style: none;
}
table.CompteInfos thead td {
	font-size: 9pt;
	font-weight: bold;
	background-image: none;
	background-color: White;
	color: #595959;
}
table.CompteInfos tbody td {
	border-top: solid 1px  Silver;
}
.CompteComsurPlace {
	width: 100%;
	border-collapse: collapse;
	border-style: none;
}
table.CompteComsurPlace thead td {
	font-size: 9pt;
	font-weight: bold;
	background-image: none;
	background-color: White;
	color: #595959;
}
table.CompteComsurPlace tbody td {
	border-top: solid 1px  Silver;
}
.CompteMessages {
	width: 100%;
	border-collapse: collapse;
	border-style: none;
}
table.CompteMessages thead td {
	font-size: 9pt;
	font-weight: bold;
	background-image: none;
	background-color: White;
	color: #595959;
}
table.CompteMessages tbody td {
	border-top: solid 1px  Silver;
}
.ComptePaniers {
	width: 100%;
	border-collapse: collapse;
	border-style: none;
}
table.ComptePaniers thead td {
	font-size: 9pt;
	font-weight: bold;
	background-image: none;
	background-color: White;
	color: #595959;
}
table.ComptePaniers tbody td {
	border-top: solid 1px  Silver;
}
.ComptePrets {
	width: 100%;
	border-collapse: collapse;
	border-style: none;
}
table.ComptePrets thead td {
	font-size: 9pt;
	font-weight: bold;
	background-image: none;
	background-color: White;
	color: #595959;
}
table.ComptePrets tbody td {
	border-top: solid 1px  Silver;
}
.ComptePretsAttendus {
	width: 100%;
	border-collapse: collapse;
	border-style: none;
}
table.ComptePretsAttendus thead td {
	font-size: 9pt;
	font-weight: bold;
	background-image: none;
	background-color: White;
	color: #595959;
}
table.ComptePretsAttendus tbody td {
	border-top: solid 1px  Silver;
}
.CompteRequetes {
	width: 100%;
	border-collapse: collapse;
	border-style: none;
}
table.CompteRequetes thead td {
	font-size: 9pt;
	font-weight: bold;
	background-image: none;
	background-color: White;
	color: #595959;
}
table.CompteRequetes tbody td {
	border-top: solid 1px  Silver;
}
.CompteResas {
	width: 100%;
	border-collapse: collapse;
	border-style: none;
}
table.CompteResas thead td {
	font-size: 9pt;
	font-weight: bold;
	background-image: none;
	background-color: White;
	color: #595959;
}
table.CompteResas tbody td {
	border-top: solid 1px  Silver;
}
.CompteRetards {
	width: 100%;
	border-collapse: collapse;
	border-style: none;
}
table.CompteRetards thead td {
	font-size: 9pt;
	font-weight: bold;
	background-image: none;
	background-color: White;
	color: #595959;
}
table.CompteRetards tbody td {
	border-top: solid 1px Silver;
}
.CompteMessageExpedier {
	font-family: verdana, arial;
	font-size: 9pt;
	color: #0000FF
}
/************************************************************/
/*** Navigation: Liste des rubriques et Titre de la page ***/
/************************************************************/
#navigation {
	text-align: left;
}
#navigation ul {
	text-align: left;
	display: inline;
	padding: 0 2 0 10;
	margin: 0 0 0 5;
	font-family: verdana, arial;
	font-size: 10pt;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left;
}
#navigation ul li {
	display: inline;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
/************************************************************/
/*** Plan du site ***/
/************************************************************/
.plan {
	text-align: left;
}
.plan ul {
	text-align: left;
	padding: 0 2 0 10;
	margin: 0 0 0 5;
	font-family: verdana, arial;
	font-size: 10pt;
	font-weight: bold;
	color: #333333;
	background-repeat: no-repeat;
	background-position: left;
}
.plan ul li {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
/********************/
/*** Menu Général ***/
/********************/
td.Menu {
	color: #FFFFFF;
	font-weight: normal;
	background-image: url(images/background_menu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	white-space: nowrap;
}
table.Menu {
}
#ctl0ctl4MenuProfil_MainM {
	width: 100%;
}
.ctl0ctl6MenuProfilIsland {
	/*width: 980px;
*/
	border: none;
}
.ItemRubrique img, .ItemPage img, .ItemRubriqueOver img, .ItemPageOver img, .ItemConnexion img, .ItemConnexionOver img {
	display: none;
}
.ItemRubrique, .ItemRubriqueOver, .ItemPage, .ItemPageOver, .ItemConnexion, .ItemConnexionOver {
	color: White;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
	white-space: nowrap;
	width: 192px;
	text-transform: uppercase;
	text-indent: 15px;
	padding: 0px;
	margin: 0px;
	height: 20px;
	border: none;
}
#ctl0ctl6MenuProfil_1M, #ctl0ctl6MenuProfil_2M {
	width: 198px;
}

.ItemSousRubrique {
	background-color: transparent;
	background-image: url(images/background_menu_gris.gif);
	background-position: left top;
	background-repeat: repeat-y;
	color: #C1521A;
	font-family: arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: normal;
	cursor: hand;
	cursor: pointer;
	white-space: nowrap;
	width: 192px;
	text-indent: 2px;
	height: 26px;
}
.ItemSousRubriqueOver {
	background-color: transparent;
	background-image: url(images/background_menu_argile.gif);
	background-position: left top;
	background-repeat: repeat-y;
	color: white;
	font-family: arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: normal;
	cursor: hand;
	cursor: pointer;
	white-space: nowrap;
	width: 192px;
	height: 26px;
	text-indent: 2px;
}
.ItemSousPage {
	background-color: transparent;
	background-image: url(images/background_menu_gris.gif);
	background-position: left top;
	background-repeat: repeat-y;
	color: #C1521A;
	font-family: arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: normal;
	cursor: hand;
	cursor: pointer;
	white-space: nowrap;
	width: 192px;
	text-indent: 2px;
	height: 26px;
}
.ItemSousPageOver {
	background-color: transparent;
	background-image: url(images/background_menu_argile.gif);
	background-position: left top;
	background-repeat: repeat-y;
	color: white;
	font-family: arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: normal;
	cursor: hand;
	cursor: pointer;
	white-space: nowrap;
	width: 192px;
	height: 26px;
	text-indent: 2px;
}
.ItemSousRubrique div, .ItemSousRubriqueOver div, .ItemSousPage div, .ItemSousPageOver div {
	font-family: Helvetica, Tahoma, sans-serif;
	font-size: 12px;
}
.MenuGauche {
	background-color: #eeeeee;
	color: #000000;
	font-weight: normal;
	cursor: hand;
	cursor: pointer;
	white-space: nowrap;
}
.MenuGaucheItemPage {
	color: #000000;
	font-weight: normal;
	cursor: hand;
	cursor: pointer;
	white-space: nowrap;
}
.MenuGaucheItemPageOver {
	color: #000000;
	font-weight: normal;
	cursor: hand;
	cursor: pointer;
	white-space: nowrap;
}
.MenuGaucheItemSousPage {
	color: #000000;
	font-weight: normal;
	cursor: hand;
	cursor: pointer;
	white-space: nowrap;
}
.MenuGaucheItemSousPageOver {
	font-weight: normal;
	cursor: hand;
	cursor: pointer;
	white-space: nowrap;
}
/************************************************************/
/***   Mots saisis dans la recherche: en surbrillance    ***/
/************************************************************/
.Mot1 {
	background-color: Yellow;
}
.Mot2 {
	background-color: Yellow;
}
.Mot3 {
	background-color: Yellow;
}
.Mot4 {
	background-color: Yellow;
}
.Mot5 {
	background-color: Yellow;
}
.Mot6 {
	background-color: Yellow;
}
.Mot7 {
	background-color: Yellow;
}
.Mot8 {
	background-color: Yellow;
}
/************************************************************/
/***  menu vertical   ***/
/************************************************************/
#menug {
	width: 138px;
	white-space: nowrap;
}
.menug {
	background: #eeeeee;
	text-align: center;
	white-space: nowrap;
}
.menug a {
	display: block;
	color: #000000;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background: #eeeeee;
	padding: 10px;
	white-space: nowrap;
}
.menug a:hover, .menug a:active, .menug a:focus {
	color: #000000;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	padding: 10px;
	white-space: nowrap;
	content: ' >';
}
/************************************************************/
/***  menu vertical divers  ***/
/************************************************************/
#menugdiv {
	width: 138px;
	white-space: nowrap;
}
.tableaumenugdiv {
	border-collapse: collapse;
	table-layout: auto;
	border-style: solid;
	border-width: 5;
	border-color: #FFFFFF;
	background: transparent;
	white-space: nowrap;
}
/***************/
/*** Onglets ***/
/***************/
.Onglets {
}
.DefaultTabStyle {
}
.HoverTabStyle {
}
.DisabledTabStyle {
}
.SelectedTabStyle {
}
.DefaultTabSeparatorStyle {
}

div.slide /*--*/
{
/*height: 190px;*/
margin: 10px 0px;
/*background-color: lime;*/
}
/* CSS CARROUSSEL */

img
{ 
border: none;
}
		
.dock
{
position: relative;
width:200px ;
height: 25px;
text-align: center;
top:5px ;
}
	
.dock-container
{
position: absolute;
height: 25px;
background: url();
padding-left: 20px;
}
	
a.dock-item
{
display: block;
width: 40px;
color: black!important;
position: absolute;
top: 0px;
text-align: center;
text-decoration: none;
font: bold 12px Arial, Helvetica, sans-serif;
}
	
.dock-item img
{
border: none;
margin: 10px 10px 0px 10px;
width: 50%!important; 
width: 100%;
}
	
.dock-item span
{
display: none;
}

/* CSS SLIDESHOW */

#slider
{
}

#slider ul, #slider li, #slider2 ul, #slider2 li
{
margin:0;
padding:0;
list-style:none;
}

#slider li, #slider2 li
{ 
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
width:703px;
height:300px;
overflow:hidden; 
margin-top: 10px;
margin-bottom:10px;
}	
	
p#controls, p#controls2
{
margin:0;
position:relative;
} 

#prevBtn, #nextBtn, #prevBtn2, #nextBtn2
{ 
display:block;
margin:0;
overflow:hidden;
text-indent:-8000px;		
width:30px;
height:77px;
position:absolute;
top:-190px;
}
	
#nextBtn, #nextBtn2
{ 
left:673px;
}

#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a
{  
display:block;
width:30px;
height:77px;
background:url("http://www.bmi-epinalgolbey.Fr/OPACWebAloes/Skins/Skin_epinal/Styles/images/btn_prev.png") no-repeat 0 0;	
}

#nextBtn a, #nextBtn2 a
{ 
background:url("http://www.bmi-epinalgolbey.Fr/OPACWebAloes/Skins/Skin_epinal/Styles/images//btn_next.png") no-repeat 0 0;	
}


div.panel
{
width: 600px;
height: 300px;
margin: 0px 5px;
margin: auto;
margin-right: 1cm!important;
margin-left: 1cm!important;
}

/* CSS MOTION GALLERY */

#motioncontainer
{
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 703px; /* Set to gallery width, in px or percentage */
height: 170px; /* Set to gallery height */
}

#motioncontainer a img 
{
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img 
{
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv 
{
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover 
{
color: red; /* Dummy definition to overcome IE bug */
}