/* PROJECT 040/010/ CSS */

/***************************** Custom Header *****************************/
div.inner-content h1 {
margin: 0 0 20px 0;
padding: 0;
height: 63px;
vertical-align: top;
}

div.inner-content h1 img {
margin: 1px 20px 0 0;
padding: 0;
float: right;
}

div.inner-content h1 a {
float: left;
background-color: #990000;
color: #fff;
padding: 20px 0 0 15px;
}

/***************************** Custom Header *****************************/
/*div.inner-content h1{
	background: #fff url(../091/040010-misc-header.gif) no-repeat bottom right;
	height: 62px;
	border: 0px solid;
	padding: 0;
	margin: 0;	
}

div.inner-content h1 a#cont
{
position: relative;
background: #990000 url(../091/040010-misc-header.gif) no-repeat top right;
color: #fff;
padding: 5px 20px 6px 5px;
margin: 0;
display: block;

}*/

/***************************** Custom Header *****************************/
/*div.inner-content h1{
	color: #000000;
	background: url(../091/040010-21.jpg) no-repeat left top;
	height: 56px;
	border: 0px solid;
	padding-top: 5px;
	padding-left: 16px;
}

.center a 
{
color: #000;
background-color: transparent;
}*/
/***************************** General Marc 21 classes ********************/

/***** list classes ******************/
ul.content-nobullet
{
	list-style-type: none; 
	margin-left: 0.8em; 
	padding-left: 0.8em; 
	margin-top: 0.8em; 
	padding-right: 0;
}

ul.content-nobullet-nested-small
{
	list-style-type: none; 
	margin-left: 1.3em; 
	padding-left: 1.3em; 
	font-size: 0.85em;
}
div.inner-content ul li {
	line-height: 1.2em;
}

/***** table classes **************************/

table th, td
{
	vertical-align: top;
	text-align: left;
}

table caption
{
	font-weight: bold;
	text-align: left;
	margin-bottom: 0.5em;
	margin-left: 1.2em;
}

th, td { padding: 0.45em; }

/* Overwritten in order to get rid of left box in firefox 
and to align left margin in both IE and Firefox */

table { padding-left: 0; }

table.general-table { margin-left: 1.2em; }

/**** End Fix *****/

/**** div classes *********/

div.box-border
{
	border: 1px solid #000000;
	width: 95%;
	margin-left: 1.2em;
	display: table;	
}




div.box-border-inner-code
{
	font-family : "Courier New", Courier, monospace;
	font-size : 12px;
	width: 70%;
	margin: 1.2em 0 1.2em 1.2em;
}

div.example-pre-codes-inner
{
	font-family : "Courier New", Courier, monospace;
	font-size : 12px;
	width: 80%;
	margin: auto;
}







div.example-pre-codes-inner-left
{
	font-family : "Courier New", Courier, monospace;
	font-size : 12px;
	float: left;
	text-align:left;
	width: 15%;
	margin-top: 1.2em;
	margin-bottom: 1.2em; 
}

div.example-pre-codes-inner-center
{
	font-family : "Courier New", Courier, monospace;
	font-size : 12px;
	float : left;
		text-align:right;
	width : 12%;
	margin-top: 1.2em;
	margin-bottom: 1.2em; 
	}

div.example-pre-codes-inner-right
{
	font-family : "Courier New", Courier, monospace;
	font-size : 12px;
	float : right;
	width : 72%;
	margin-left: 0;
	margin-top: 1.2em;
	margin-bottom: 1.2em; 
	vertical-align : top;
}

div.indent-left
{
	margin-left: 4em; 
	margin-bottom: 0.7em;
	padding-top: 0.15em;
	width: auto;
}

div.gray-silver-border
{
	border: thin solid #000000; 
	width: 90%; 
	margin-left: auto;
	margin-right: auto;
}


/* width classes for table cells */

.width100 {width: 100px;}
.width125 {width: 125px;}
.width200 {width: 200px;}
.width300 {width: 300px;}
.width325 {width: 325px;}
.width325 {width: 350px;}


.width1-percent {width: 1%;}
.width5-percent {width: 5%;}
.width7-percent {width: 7%;}
.width8-percent {width: 8%;}
.width10-percent {width: 10%;}
.width12-percent {width: 12%;}
.width15-percent {width: 15%;}
.width20-percent {width: 20%;}
.width30-percent {width: 30%;}
.width35-percent {width: 35%;}
.width40-percent {width: 40%;}
.width50-percent {width: 50%;}
.width80-percent {width: 80%;}
.width85-percent {width: 85%;}
.width88-percent {width: 88%;}
.width90-percent {width: 90%;}
.width93-percent {width: 93%;}
.width95-percent {width: 95%;}

/* if not applied Firefox displays very small font for pre tags */
pre, code
{
	font-family : "Courier New", Courier, monospace;
	font-size: 12px;
	margin-left: 1.2em;
}

div.box-border pre, div.indent-left pre
{
	margin-left: 0;
}

p.inner-pre-code
{
	margin-left: 0;
	padding-left: 0;
}

/* Special case for file 040010-214-f.html -- **/
div.pre-type-code
{
	font-family : "Courier New", Courier, monospace;
	font-size: 12px;
	margin-left: 1.2em;
}

div.pre-type-code table
{
	font-family : "Courier New", Courier, monospace;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

div.pre-type-code p
{
	padding-left: 0;
}

div.pre-type-code th
{
	margin: 0;
	padding: 0;
}

div.pre-type-code td
{
	margin: 0;
	padding: 0;
}


/* Div tags to make a table like style for layout purpose */

.clear { clear: both; }

div.main-container {margin-top: 1.2em;	margin-left: 1.2em;	width: 95%;}




div.right-width-10-pct {width: 10%; 	float: right;}
div.right-width-40-pct {width: 39%; 	float: right;}
div.right-width-45-pct {width: 45%; 	float: right;}
div.right-width-48-pct {width: 48%; 	float: right;}
div.right-width-65-pct {width: 64%; 	float: right;}
div.right-width-80-pct {width: 79%; 	float: right;}
div.right-width-85-pct {width: 84%; 	float: right;}
div.right-width-90-pct {width: 90%; 	float: right;}
div.right-width-93-pct {width: 93%; 	float: right;}


div.left-width-6-pct  {float: left; 	width: 6%;}
div.left-width-10-pct {float: left; 	width: 9%;}
div.left-width-15-pct {float: left; 	width: 15%;}
div.left-width-20-pct {float: left; 	width: 20%;}
div.left-width-30-pct {float: left; 	width: 30%;}
div.left-width-35-pct {float: left; 	width: 35%;}
div.left-width-45-pct {float: left; 	width: 45%;}
div.left-width-48-pct {float: left; 	width: 48%;}
div.left-width-60-pct {float: left; 	width: 60%;}
div.left-width-90-pct {float: left; 	width: 89%;}



p.format-title
{
 padding: 0.5em 0.5em 0.2em 0;
}

p.format-comment
{
 padding-left: 0;
}
.underline {

	text-decoration: underline;

}

/* DIV TAG FOR MARC21 FIELD */

/* DIV TAG FOR MARC21 FIELD NEW PAGES TO COME*/

.format {
	font-size: 12px; 
	font-weight:bold; 
	font-family:Arial, Helvetica, sans-serif; 
	margin-left:1.05em; 
}
dl.nob{list-style-type: none;}
li.nob{list-style-type: none;}
ul.nob{list-style-type: none;}


.ind5 {margin-left: 5px;}
.ind7 {text-indent: 7px;}
.ind10 {text-indent: 10px;}
.ind15 {text-indent: 15px;}
.ind20 {text-indent: 20px;}
.ind25 {text-indent: 25px;}


  /* --++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- */
/* ----------------------------------------PAGES 237 (COMPRENDRE LE FORMAT MARC BIBLIOGRAPHIQUE---------------------------------------- */


.CFMB {	font-family : Arial, Helvetica, sans-serif;	font-size : 1.8em;	font-weight : bold;	color : #000099;}

span.CFM {color: #000099;}
span.CFM a {color: #000099; font-weight : bold;}
span.CFM a:link {color: #000099;}
span.CFM a:visited {color: #000099;}
span.CFM a:active {color: #000099;}
span.CFMB a {color: #116622; font-weight : bold; }

span.CFB {color: #000099;}
span.CFB a {color: #000099; font-weight : normal;}
span.CFB a:link {color: #000099;}
span.CFB a:visited {color: #000099;}
span.CFB a:active {color: #000099;}

.CFM-cadre {border: 1px solid #000000;	width: 90%;	margin-left: 3em;	display: table;	margin-top: .5em;	 margin-bottom: .5em; padding-top: 1em;padding-bottom: 1em; padding-left: 1em;}
.CFM-cadre-aut {border: 1px solid #000000;	width: 90%;	margin-left: 0;	display: table;	margin-top: .5em;	 margin-bottom: .5em; padding-top: 1em;padding-bottom: 1em; padding-left: 1em;}
.CFM-cadre2 {margin-top: 1.2em;	margin-left: 3em;	width: 50%;	display: table;	border: 1px solid #000000;}
.CFM-cadre3 {border: 1px solid #000000;	width: 80%;	margin-left: 3em;	display: table;}
.CFM-titre {color : #000099;	font-weight : normal;	background : white;	margin-left: 4em; 	width: auto;}


.CFM-tdm {padding-left: 1.3em; font-size: 0.75em; width: 90%;}
.CFM-gauche-10-pct {text-align: left; padding-right: 0em; float: left; 	width: 20%; margin-bottom: .5em;  color: #000099; }


.CFM-gauche-60-pct {float: left; 	width: 70%;}
.CFM-gauche-6-pct {	text-align: right;	float: left; 	width: 6%;	font-weight : bold;	margin-bottom: .5em;}
.CFM-droite-40-pct {width: 30%; 	float: right; }
.CFM-droite-93-pct {float: right; 	width: 93%;	margin-bottom: .5em; }
.CFM {color : #000099;	font-weight : normal;	background : white;}
.CFM-gauche {	margin-left: 1.3em; }

.CFM-tableau {font-weight : normal;	text-align: right;}
.CFM-aut-D {font-weight : normal;	font-size: 0.95em;	text-align: left;}

.tableau-general {margin-left: 1.2em; width:95%;}
.CFM-tab-gauche {font-weight : normal;	text-align: left;}
div.exemple-codes {font-family : "Courier New", Courier, monospace;	font-size : 12px;	width: 90%;	margin: auto;}

  /* --++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- */
/* ----------------------------------------PAGES 238 (COMPRENDRE LE FORMAT MARC d'AUTORITE)-------------------------------------------- */
.CFMA {	font-family : Arial, Helvetica, sans-serif;	font-size : 1.8em;	font-weight : bold;	color : #CC0000;}
span.CFL {color: #CC0000;}
span.CFL a {color: #CC0000;  font-weight : bold;}
span.CFL a:link {color: #CC0000;}
span.CFL a:visited {color: #CC0000;}
span.CFL a:active {color: #CC0000;}

span.CFA {color: #CC0000;}
span.CFA a {color: #CC0000; font-weight : normal;}
span.CFA a:link {color: #CC0000;}
span.CFA a:visited {color: #CC0000;}
span.CFA a:active {color: #CC0000;}

div.exemple-gauche {font-family : "Courier New", Courier, monospace;	font-size : 12px;	float : left;	text-align:right;	width : 15%;	margin-top: 1.2em;	margin-bottom: 1.2em; }
div.exemple-droite {font-family : "Courier New", Courier, monospace;	font-size : 12px;	float : right;						width : 83%;		margin-left: 0;	margin-top: 1.2em;	margin-bottom: 1.2em; 	vertical-align : top;}


/*-- background-color: #EFEFEF;	-*/


.CFL-titre {color : #CC0000;	font-weight : normal;	background : white;	margin-left: 4em; 	width: auto;}


.CFL {color : #CC0000;	font-weight : normal;		background : white;}

/* --++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- */
/* ------------------------CONTAINER----------------------------------LISTE DE LIENS------------------------------------------------- */

ul.alpha-list {list-style-type: none;		margin: 0px;	padding: 0px 10px 0px 10px;}
.alpha-list-container {border-top: 1px solid #cccc99;		border-bottom: 1px solid #cccc99;		margin: 10px 0px 0px 0px;		padding: 1px 0px 1px 0px;	height: 1.2em;}


/* --++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- */
/* ------------------------RETOUR----------------------------------LIENS HAUT DE PAGE------------------------------------------------ */

.tphp-holder {display: table;		width: 100%;}
.right-centered-tphp{float: right;	text-align: center;}
/* --++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- */
/* ------------------------CLASSE----------------------------------NOUVELLE ZONE----------------------------------------------------- */

div.bib-nouvzone 	{color: #CC0000;	background-color: #FFF;	font-size: 14px;	font-weight : bold;	text-align:center;	padding: 2% 0% 2% 0%;	border-top : thick solid #000099;}
div.aut-nouvzone 	{color: #CC0000;	background-color: #FFF;	font-size: 14px;	font-weight : bold;	text-align:center;	padding: 2% 0% 2% 0%;	border-top : thick solid #CC0000;}
.nouvzone			{color: #CC0000;	background-color: #FFF;	font-size: 14px;	font-weight : bold;	text-align:center;	border-top : thick solid #000099;}

/* --++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- */
/* ------------------------CONTAINER----------------------------------ZONE----------------------------------------------------------- */

div.Zone-container {overflow: auto;width: 100%;padding: 1% 0% 1% 0%;}
div.numero-zone {width: 7%;		float: left;	font-weight: bold;	text-align: left;	padding: 1% 1% 1% 3%;	font-size: 14px;}
div.nom-zone 	{width: 88%;	float: right;	font-weight: bold;	text-align: left;	padding: 1% 1% 1% 0%;	font-size: 14px;}
div.format 		{width: 100%;	float: left;	font-weight: bold;	text-align: left;}

	/*  

	background-color:#E9E9E9;
	border-top: thick solid #000099;
	border-bottom : thick solid #000099;
	  --*/
	


/* --++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- */

.txal	{	text-align: justify;}	

/* --++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- */
/* ------------------------CONTAINER----------------------------------BARRE DE MISE A JOUR------------------------------------------- */

div.zone 		{float: left;		width: 10%;		font-size: 14px;	font-weight: bold;	text-align: left;	padding-left: 0%;		background-color: #44ccff;}
div.nom-zone 	{float: right;		width: 85%;		font-size: 14px;	font-weight: bold;	text-align: left;	padding-left: 1%;		background-color: #44ddcc;		}



div.bib-titre-container			{height: 20px;	width: 100%;	padding-top: 3%;	padding-bottom: 3%;		border-top: double #000099; 	border-bottom: double #000099;	background-color: #EEE;}
div.bib-titre-container-red		{height: 20px;	width: 100%;	padding-top: 3%;	padding-bottom: 3%;		border-top: double #000099; 	border-bottom: double #000099;	background-color: #EEE; 	color: #990000;}

div.aut-titre-container		{height: 20px;	width: 100%;	padding-top: 3%;	padding-bottom: 3%;		border-top: double #CC0000; 	border-bottom: double #CC0000;	background-color: #EEE;}
div.fnd-titre-container		{height: 20px;	width: 100%;	padding-top: 3%;	padding-bottom: 3%;		border-top: double #FFCC33; 	border-bottom: double #FFCC33;	background-color: #EEE;}
div.clas-titre-container	{height: 20px;	width: 100%;	padding-top: 3%;	padding-bottom: 3%;		border-top: double #663300; 	border-bottom: double #663300;	background-color: #EEE;}
div.rens-titre-container	{height: 20px;	width: 100%;	padding-top: 3%;	padding-bottom: 3%;		border-top: double #006633; 	border-bottom: double #006633;	background-color: #EEE;}


div.titre-zone		{float: left;		width: 96%;		font-size: 14px;	font-weight: bold;	text-align: left;	margin-left: 2%;	}

div.bib-container	{height: 15px;		width: 100%;	padding-top: 2%;		padding-bottom: 2%;		border-bottom : thin solid #000099;	}
div.aut-container 	{height: 15px;		width: 100%;	padding-top: 2%;		padding-bottom: 2%;		border-bottom : thin solid #CC0000;	}
div.fnd-container 	{height: 15px;		width: 100%;	padding-top: 2%;		padding-bottom: 2%;		border-bottom : thin solid #FFCC33;	}
div.clas-container	{height: 15px;		width: 100%;	padding-top: 2%;		padding-bottom: 2%;		border-bottom : thin solid #663300;	}
div.rens-container	{height: 15px;		width: 100%;	padding-top: 2%;		padding-bottom: 2%;		border-bottom : thin solid #006633;	}


div.misajour 		{float: left;		width: 45%;		font-size: 12px;	font-weight: bold;	text-align: left;	margin-left: 2%;		}
div.date-droite 	{float: right;		width: 45%;		font-size: 12px;	font-weight: bold;	text-align: right;	margin-right: 1.0em;}


/* --++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- */
/* ------------------------CONTAINER----------------------------------SOUS-ZONES----------------------------------------------------- */

div.zon-container {	overflow: auto;		float: none;	width: 100%;}
div.cdsz 		{width: 11%;	float: left;	text-align: right;		padding: 1% 0% 1% 0%;	font-weight: bold; }
div.nom-cdsz 	{width: 85%;	float: right;	text-align: left;		padding: 1% 3% 1% 1%;	font-weight: bold; }
div.def-cdsz 	{width: 85%;	float: right;	text-align: justify;	padding: 0% 3% 2% 0%; 	}
div.def-code 	{width: 85%;	float: right;	text-align: left;		padding: 1% 2% 1% 1%;}

div.zon-container-red 	{	overflow: auto;	float: none;	width: 100%;	color: #990000;		background-color: #EEE;}
div.zon-container-blue 	{	overflow: auto;	float: none;	width: 100%;	color: #000099;		background-color: #EEE;}
div.nom-cdsz-blue 	{width: 85%;	float: right;	text-align: left;		padding: 1% 3% 1% 1%;	font-weight: bold; color: #000099;		background-color: #EEE;}
div.cdsz-blue 		{width: 11%;	float: left;	text-align: right;		padding: 1% 0% 1% 0%;	font-weight: bold; color: #000099;		background-color: #EEE;}
div.nom-cdsz-blue 	{width: 85%;	float: right;	text-align: left;		padding: 1% 3% 1% 1%;	font-weight: bold; color: #000099;		background-color: #EEE;}



/* --++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- */
/* ------------------------CONTAINER----------------------------------SOUS-TITRES---------------------------------------------------- */

div.soustitre 		{text-align:left;		width: 90%;	padding: 2% 3% 2% 5%;	font-weight : bold;}
.description 		{text-align:justify;	width:90%;	padding: 0% 2% 3% 7%;}
.sous-description 	{text-align:justify;	width:90%;	padding: 0% 2% 3% 5%;}


/*  	padding: Haut% Droite% Bas% Gauche%; */
/* --++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- */
/* ------------------------CONTAINER----------------------------------INDICATEURS---------------------------------------------------- */

div.ind-container-des 	{width: 100%;	padding: 1% 0% 0% 1%;			overflow: auto;}
div.ind-container 	{width: 100%;	padding: 2% 0% 0% 0%;			overflow: auto;}
div.premier			{width: 40%;	float: left;	font-size: 12px;	font-weight:bold;	text-align:left;	background-color: #99ccCC;	padding: 0% 2% 1% 3%;}
div.second 			{width: 52%;	float: right;	font-size: 12px;	font-weight:bold;	text-align:left;	background-color: #99ccCC;	padding: 0% 0% 1% 0%;}
/*  	padding: Haut% Droite% Bas% Gauche%; */
/* --++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- */
/* ------------------------CONTAINER----------------------------------CATÉGORIE INDICATEURS------------------------------------------ */

div.catind-container {	overflow: auto;	width: 100%;}
div.cat-ind1 {width: 40%;	float: left;	font-size: 12px;	text-align:left;	text-indent : 1%;	padding: 0% 2% 1% 3%;}
div.cat-ind2 {width: 52%;	float: right;	font-size: 12px;	text-align:left;	text-indent : 1%;	padding: 0% 0% 1% 0%;}


/*  	padding: Haut% Droite% Bas% Gauche%; */
/* --++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- */
/* ------------------------CONTAINER----------------------------------LISTE INDICATEURS---------------------------------------------- */


div.lisind-container {width: 100%;	clear: both;	height:100px; }
div.ind1, div.lis-gau2, div.ind2, div.lis-dro2 {float: left;	margin: 1px;	}
div.ind1 		{width: 5%;		height:30px;	font-size: 10px;	text-align:left;	padding: 0% 0% 1% 2%;	height:25%;	background-color: #99FFCC;text-indent:2%;}
div.lis-gau2 	{width: 40%;	height:30px;	font-size: 10px;	text-align:left;	padding: 0% 0% 1% 0%;	height:25%;	background-color: #99FFCC;}
div.ind2 		{width: 5%;		height:30px;	font-size: 10px;	text-align:left;	padding: 0% 0% 1% 0%;	height:25%;	background-color: #99FFCC;text-indent:2%;}
div.lis-dro2 	{width: 44%;	height:30px;	font-size: 10px;	text-align:left;	padding: 0% 1% 1% 1%;	height:25%;	background-color: #99FFCC;}


/*  	padding: Haut% Droite% Bas% Gauche%; */
/* --++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- */
/* ------------------------CONTAINER----------------------------------CODES DE SOURCES--------------------------- */

div.code-source 		{overflow: auto;	width: 100%;}
div.code-nom 			{width: 12%;	float: left;	font-size: 12px;text-align:right;	padding: 0% 1% 1% 3%;	text-indent : 3%;	font-weight:bold;}
div.code-def 			{width: 82%;	float: right;	font-size: 12px;text-align:left;	padding: 0% 0% 2% 1%;}

div.nouv-code-source 	{overflow: auto;	color: red;		width: 100%;}
div.cor-code-nom 		{width: 12%;	color: blue;	float: left;	font-size: 12px;	text-align:right;	padding: 0% 1% 1% 3%;	text-indent : 3%;	font-weight:bold;}
div.cor-code-def 		{width: 82%;	color: blue;	float: right;	font-size: 12px;	text-align:left;	padding: 0% 0% 2% 1%;}

/* --++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- */
/* -------------------------------------------------------------------LISTE DE PRIX--------------------------------------------------------- */
/* ---  Cette section sert au codage des pages 219 (Pour commander les formats MARC 21) ---------------------------------------------------- */
/* ---  Les containers  rens-container, aut-container, bib-container, fnd-container, clas-container sont utilisés pour definir les zones --- */
/* ---  Les classes   nomis, nocat, prix, nocat-note, sont utilisees pour remplacer les codes de tables des pages 219 ---------------------- */

div.nomis, div.nocat, div.prix, div.nocat-note {float: left;	margin: 1px;	}


div.bib-prx-container 	{height:500px;	width: 100%;	padding-top: 2%;		padding-bottom: 2%;		border-bottom : thin solid #000099;		border-top: thick solid #000099;}
div.aut-prx-container 	{height:500px;	width: 100%;	padding-top: 2%;		padding-bottom: 2%;		border-bottom : thin solid #CC0000;		border-top: thick solid #CC0000;}
div.fnd-prx-container 	{height:500px;	width: 100%;	padding-top: 2%;		padding-bottom: 2%;		border-bottom : thin solid #FFCC33;		border-top: thick solid #FFCC33;}
div.clas-prx-container	{height:500px;	width: 100%;	padding-top: 2%;		padding-bottom: 2%;		border-bottom : thin solid #663300;		border-top: thick solid #663300;}
div.rens-prx-container	{height:500px;	width: 100%;	padding-top: 2%;		padding-bottom: 2%;		border-bottom : thin solid #006633;		border-top: thick solid #006633;}


div.nomis 		{width: 30%;	font-size: 12px;	text-align:left;	padding: 1% 0% 1% 2%;	margin-left:3.0em;	text-indent:2%;}
div.nocat 		{width: 25%;	font-size: 12px;	text-align:left;	padding: 1% 0% 1% 1%;}
div.prix  		{width: 20%;	font-size: 12px;	text-align:right;	padding: 1% 4% 1% 1%;	margin-right:1.0em;}
div.nocat-note 	{width: 50%;	font-size: 12px;	text-align:left;	padding: 1% 0% 1% 1%;}



  /* --++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- */
/* ------------------------CONTAINER----------------------------------EXEMPLES----------------------------------------------------------- */

.black {color: #FFFFFF;		background-color: #CCCCCC;}	

div.exem-container-black 	{	overflow: auto;		width: 100%;	padding: 1% 0% 2% 0%;	color: #000000;		background-color: #EEE;}
div.exem-container 			{	overflow: auto;		width: 100%;	padding: 1% 0% 2% 0%;}
div.exem-container-red 		{	overflow: auto;		width: 100%;	padding: 1% 0% 2% 0%;	color: #990000;		background-color: #EEE;}
div.zone-exem 				{	float: left;	width: 15%;		text-align:right;		padding: 0% 2% 1% 3%;	height:25%;		text-indent:0%;		font-weight:bold;}
div.zone-exem-a 			{	float: left;	width: 15%;		text-align:right;		padding: 0% 2% 1% 3%;	height:25%;		text-indent:0%;}
div.zone-des 				{	float: right;	width: 80%;		text-align:left;		padding: 0% 0% 1% 0%;	height:25%;}
div.zone-not 				{	float: right;	width: 80%;		text-align:justify;		padding: 0% 3% 1% 3%;}
.reda {color: #990000;	background-color: #F6F6F6;}	

/*  	padding: Haut% Droite% Bas% Gauche%; */
/* --++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- */
/* 	COULEURS de test   

	background-color:#56eed0;
	background-color:#64bbd0;
	background-color:#64aad0;
	border-bottom : thin solid #000099;
	border-top: thin solid #000099;
	background-color:#cdcdcd;
  */





.MAJ {
	font-size: 12px; 
	font-weight:bold; 
	font-family:Arial, Helvetica, sans-serif; 
	border-top: thin solid black;
	border-bottom: thin solid black;
}

.MAJ1 {
	text-align: left;
	float: left;
	width: 45%;
	margin-left:0.75em; 


}

.MAJ2 {
	text-align: right;
	float: right;
	width: 45%;
	margin-right:0.75em; 

}

.Def-indic {
	text-align: right;
	float: left;
	width: 45%;
	margin-right:0.75em; 

}

.Liscod-d {
	text-align: right;
	width: 95%;
	margin-right:0.75em; 
	font-size : 10px;}

.Liscod-g {
	text-align: left;
	width: 95%;
	margin-right:0.75em; 
}

/* --++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- */

/* DIV TAGS FOR MARC21 FIELDS UPDATE 8 AND MORE*/


.zone		{font-size : 1.15em;	margin-left:1.25em;		font-weight : bold;}
.zone1		{font-size : 1.15em;	margin-left:1.25em;		font-weight : bold;		background-color: #f8f8f8;}
.ordre		{font-size : 1.5em;		margin-left:0.5em;		margin-right:0.5em;		background-color: #FFFFCC;		padding: 2% 3% 2% 1%;}


.modif 		{margin-left:0.5em;		text-align:left;	margin-top:1%;		}
.modif-zone	{margin-left:3.5em; 	text-align:left;	padding-bottom : 1%;	}
.modif-code	{margin-left:1.0em; 	text-align:left;	padding-top : 1%;	padding-bottom : 1%;	}


ul li {list-style-type:none}

.def-qual 	{margin-left:5.25em; 	margin-right:1.25em; 	text-align:justify;}
.exem 		{margin-left:0.5em;		margin-right : 1.25em;	text-align:left;		margin-top:1em;}
.def 		{margin-left:3.5em; 	margin-right:1.25em; 	text-align:justify;}
.defz 		{margin-left:2em; 		margin-right:1.25em; 	text-align:justify;		padding-top : 2%;	padding-bottom : 1%;}

.defzon 	{margin-left:1.5em; 	margin-right:1.25em; 	text-align:justify;}

.defsz		{margin-left:6%; 	margin-right:1%; 	text-align:justify;}
.defsz-blue	{margin-left:6%; 	margin-right:1%; 	text-align:justify;		color: #000099;		background-color: #EEE;}
.defsz-red	{margin-left:6%; 	margin-right:1%; 	text-align:justify;		color: #990000;		background-color: #EEE;}

.ind 		{margin-left:7%; 	margin-right:1%;}
.defind 	{margin-left:3%; 	margin-right:1%; 	text-align:justify;}
.defind-red {margin-left:3%; 	margin-right:1%; 	text-align:justify;		color: #990000;		background-color: #EEE;}
.def-i 		{margin-left:5%; 	margin-right:1%; 	text-align:justify;}
.def-i-red 	{margin-left:5%; 	margin-right:1%; 	text-align:justify;		color: #990000;		background-color: #EEE;}

.prx {text-align:center;	padding:1px;}
.pra {text-align:center;	padding:1px;	background-color: #f1f1f1;}


/* --++++++++++++++++++++++TEST LI INDENTATION+++++++++++++++++++++++++++++++++-- */
.def-indent5		{margin-left:6%; 	margin-right:1%; 	text-align:justify;}
.def-indent10		{margin-left:11%; 	margin-right:1%; 	text-align:justify;}
.def-indent15		{margin-left:15%; 	margin-right:1%; 	text-align:justify;}
.def-indent20		{margin-left:20%; 	margin-right:1%; 	text-align:justify;}
.def-indent5red		{margin-left:6%; 	margin-right:1%; 	text-align:justify;		color: #990000;		background-color: #EEE;}
.def-indent10red	{margin-left:11%; 	margin-right:1%; 	text-align:justify;		color: #990000;		background-color: #EEE;}
.def-indent15red	{margin-left:15%; 	margin-right:1%; 	text-align:justify;		color: #990000;		background-color: #EEE;}
.defsz-red20	{margin-left:20%; 	margin-right:1%; 	text-align:justify;		color: #990000;		background-color: #EEE;}

/* --++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- */


.table-MARC {
	width: 97%;
	margin-left: 15px;
}
/* --++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- */
/* -------------------------------------------------------------------LISTE DE CODE DE RELATIONS-------------------------------------- */
/* ---  Cette section sert au codage de la page 220 Code de relations...-------------------------------------------------------------- */
/* ---  Les classes  zon-container, cdsz-r, cdsz-b, , sont utilisees pour remplacer les codes de tables des pages 219 ---------------------- */
.ordre-code	{font-size : 1.5em;		margin-left:0.5em;		margin-right:0.5em;		background-color: #333333;		padding: 2% 3% 2% 1%; color: #FFFFFF; }
.ordre-a	{font-size : 1.5em;		margin-left:0.5em;		margin-right:0.5em;		background-color: #CCCCCC;		padding: 2% 3% 2% 3%;}
.ordre-zone	{font-size : 1.2em;		margin-left:0.5em;		margin-right:0.5em;		background-color: #CCCCCC;		padding: 2% 3% 2% 3%; font-weight: bold;}

.cdr 		{text-align: right;		padding: 1% 1% 1% 1%;	width: 10%;	font-weight: bold; }
.def-cdr 	{text-align: left;		padding: 1% 0% 1% 1%;	width: 90%;}

.cdr-r 		{color: #990000;	text-align: right;		padding: 1% 1% 1% 0%;	background-color: #EEE;	width: 10%;		font-weight: bold; }
.def-cdr-r 	{color: #990000;	text-align: left;		padding: 1% 0% 1% 1%;	background-color: #EEE;	width: 90%;}

.cdr-b 		{color: #0000CC;	text-align: right;		padding: 1% 1% 1% 0%;	background-color: #EEE;	width: 10%;		font-weight: bold; }
.def-cdr-b 	{color: #0000CC;	text-align: left;		padding: 1% 0% 1% 1%;	background-color: #EEE;	width: 90%;}

div.zon-container-a {	overflow: auto;		float: none;	width: 100%; 	 }

div.cdsz-b 		{width: 10%;	color: #000099;		background-color: #EEE;	float: left;	text-align: right;	padding: 1% 3% 1% 3%;	margin-left:1.0em;	font-weight : bold;}
div.def-code-b 	{width: 85%;	color: #000099;		background-color: #EEE;	float: right;	text-align: left;	padding: 1% 0% 1% 0%;	margin-right:1.25em;}

div.cdsz-rr 		{width: 10%;	color: #990000;		background-color: #EEE;	float: left;	text-align: right;	padding: 1% 1% 1% 0%;	margin-left:0.75em;	font-weight : bold;}
div.def-code-rr 	{width: 85%;	color: #990000;		background-color: #EEE;	float: right;	text-align: left;	padding: 1% 0% 1% 1%;	margin-right:0.75em;}

.voir  { margin-left:6.6em;}

div.zon-container1 {	overflow: auto;		float: none;	width: 100%;}
div.cdr1-r 		{color: #990000;	background-color: #EEE;		width: 11%;		height:auto; 		float: left;	text-align: right;		padding: 1% 1% 1% 1%;	font-weight: bold;}
div.nom-cdr1-r 	{color: #990000;	background-color: #EEE;		width: 85%;		height:auto; 		float: right;	text-align: left;		padding: 1% 1% 1% 1%;	}
div.cdr1-b 		{color: #000099;	background-color: #EEE;		width: 11%;		height:auto; 		float: left;	text-align: right;		padding: 1% 1% 1% 1%;	font-weight: bold;}
div.nom-cdr1-b 	{color: #000099;	background-color: #EEE;		width: 85%;		height:auto; 		float: right;	text-align: left;		padding: 1% 1% 1% 1%;	}

/* --++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- */
/* -------------------------------------------------------------------MODIFICATIONS -------------------------------------------------------- */
/* ---  Cette section sert au codage des toutes les pages du MARC 21 ----------------------------------------------------------------- */

.blue  { color: #000099;	background-color: #EEE;		font-weight : normal;	text-align :justify;	margin-right:1%; }
.red   { color: #990000;	background-color: #EEE;		font-weight : normal;	text-align :justify;	margin-right:1%; }
.redex { color: red;		background-color: #EEE;		font-weight : normal;	}	
.green { color: #336687;	background-color: #EEE;		font-weight : normal;	text-align :justify;}
.alpha { font-weight : normal;}

/* --++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- */
/* -------------------------------------------------------------------MODIFICATIONS -------------------------------------------------------- */
/* ---  Cette section sert au codage des toutes les pages du MARC 21 ----------------------------------------------------------------- */


.ex		{ font-family : "Courier New", Courier, monospace;	font-size : 12px; }


.col5pc {
	width: 5%;
	float: left;
	padding: 5px;
	margin-left: 5px;
	text-align: left;
}


.col10pc {
	width: 10%;
	float: left;
	padding: 5px;
	text-align: left;
}

.col25pc {
	width: 25%;
	float: left;
	padding: 5px;
	text-align: left;
}

.col45pc {
	width: 45%;
	float: left;
	padding: 5px;
	text-align: left;
}

.col75pc {
	width: 75%;
	float: left;
	text-align: justify;
	padding: 5px;
	}


.col85pc {
	width: 85%;
	float: none;
	text-align: justify;
	padding: 5px;
	margin-left: 35px;
}

.col95pc {
	width: 95%;
	float: left;
	margin-left: 5px;
	padding: 5px;
	text-align: left;
}


span.smt {
	font-size: small;
}

.tbl95 {
	margin-left:20px;
	width: 95%;
}


/* STYLES FROM OLD SITE */

.small { font-size: 0.85em; }
.xsmall { font-size: 0.75em; }

.hrb
{
	font-size : 2.0em;
	font-weight : bold;
	color : #0099FF;
}

span.umb {color: #ff6600;}
span.umb a {color: #ff6600;}
span.umb a:link {color: #ff6600;}
span.umb a:visited {color: #ff6600;}
span.umb a:active {color: #ff6600;}

span.uma {color: #006699;}
span.uma a {color: #006699;}
span.uma a:link {color: #006699;}
span.uma a:visited {color: #006699;}
span.uma a:active {color: #006699;}

.umah
{
	color: Black;
	background: #99CCFF;
	font-weight : bold;
}

.hro
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1.8em;
	font-weight : bold;
	color : #FF6600;
}

.hrb 
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1.8em;
	font-weight : bold;
	color : #006699;
}

.orange
{
	color : #ff6600;
	font-weight : normal;
	background : white;
}

.aqua 
{
	color : #006699;
	font-weight : normal;	
	background : white;
}

p.small { font-size: 0.85em; }
p.xsmall { font-size: 0.75em; }

.navy
{
	color : Blue;
	font-weight : normal;
	background : white;
}

.gray
{
	color : White;
	font-weight : normal;
	background-color : Gray;
}

.silver
{
	color : Black;
	font-weight : normal;
	background-color : Silver;
}



ul.sqf, li.sqf { list-style-image: url(/marc/091/040010-misc01.gif); }





/* END STYLES FROM OLD SITE */

/* Fix for Hidden headings */

 .center h2 a, .center h2 a:link, .center h2 a:active, .center h2 a:visited, .center h3 a, .center h3 a:link, .center h3 a:active, .center h3 a:visited
 {
 color: #000 !important;
 background-color: #fff;
 }

 .center h2 a:hover,  .center h3 a:hover
 {
 color: #000 !important;
 background-color: #fff;
 }
 
 li span.subfield {
 margin-left: 20px;
 }
 
 div.subfield2 {
display: inline;
 width: 30px !important;
 }