p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #903;
}
.menuGaucheBeige {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold}
a {  text-decoration: none}
a:hover {  text-decoration: underline}
h3 {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #660000}
.puceRouge {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #660000}
ol {  font-size: 12px}
h4 {  font-size: 12px}
h5 {  font-style: italic; font-weight: bold}
ul {  font-size: 12px}
.menuGaucheBeige a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}
@media screen {
	BODY
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		background-color: #ffffcc;
	}

	#greffeRole
	{
		font-family: serif;
		position: relative;
		clear: left;
		padding-left: .5em;
		padding-right: .5em;
	}

	#entete {
		font-family: serif;
		padding-left: .5em;
		padding-right: .5em;
		color: #660000;
	}

	h4#typeRole { float: left;}

	.sousType h5 {
		float: left;
		display: block;
		padding-left: 3px;
		padding-right: 3px;
	}

	TR
	{
	    MARGIN-TOP: 1em
	}

	TH
	{
		COLOR: #660000;
		FONT-SIZE: small;
		FONT-STYLE: normal;
		FONT-VARIANT: normal;
		FONT-WEIGHT: bold;
		LINE-HEIGHT: normal;
		VERTICAL-ALIGN: top
	}
	TD
	{
	    FONT-STYLE: normal;
	    FONT-VARIANT: normal;
	    FONT-WEIGHT: normal;
	    LINE-HEIGHT: normal;
	    TEXT-ALIGN: left;
	    VERTICAL-ALIGN: top
	}

	h2.greffe { clear: left;}

	/* rôles de pratique */
	
	
	.pratique tr.typeCause td {
		font-size: 100%;
		font-weight: bold;
		padding-left: 1em;
		color: #660000;
	}

	.pratique td {font-size: x-small;}

	.pratique .demandeur td
	{
	    BORDER-TOP: 1px solid #660000;
	}

	.pratique .defendeur
	{
	    BACKGROUND-COLOR:#FFFF99;
	}

	.pratique .noRemises, .pratique .seqProcedure, .pratique .noSeqRole
	{
	    text-align: center;
	}

	tbody.hashLight tr td {font-weight: bold;}

	/* rôles au fond */

	.fond table {
		width: 100%;
	}

	.fond td {font-size: small;}

	tbody.hashLight tr td {font-weight: bold;}

	h4.juge{
	    font-size: 1.3em;
	    font-weight: bold;
	    text-align: center;
	}
	.descNatureCause
	{
		text-align: center;
		font-size: 90%;
		font-weight: bold;
		border-top: 1px dashed #CCCCCC;
	}

	/* pour les statutaires */

	.statutaire td {font-size: xx-small;}


	/* pour les tabulateurs */

	.tab, .tabBack
	{
	    position: absolute;
	    background-color: #ffffcc;
	    top: 0px;
	    padding: 0 3px 0 3px;
	    border: 1px solid #660000;
	    border-bottom-style: none;
	    cursor: pointer;
	    z-index: 15;
	/*    width: 83 px;
	    voice-family: "\"}\""; 
	    voice-family:inherit;
	    cursor: hand;
	    width: 75px;*/
	}

	.tabBack {
	    background-color: #FFFF99;
	    border-bottom: 1px solid #660000;
	    z-index: 1;
	}


	.tab h4, .tabBack h4
	{
	    font-size: 11px;
	    line-height: 14px;
	    text-align: right;
	    font-weight: normal;
	    margin: 0 0 0 0;
	}

	.tab, .tabBack
	{
	    width: 83px;
	    voice-family: "\"}\""; 
	    voice-family:inherit;
	    width: 75px;
	}


	#ch1, #ch2 
	{
	    display: none;
	}


	.role
	{
		background-color: #ffffcc;
		display: none;
		position: relative;
		top: 28px;
		border: 1px solid #660000;
		z-index: 10;
		margin-bottom: 1em;
	    voice-family: "\"}\""; 
	    voice-family:inherit;
		margin-right: 1em;
	}

	div#greffeContact {
		position: relative;
		margin-left: 400px;
		margin-top: -180px;
	    	voice-family: "\"}\""; 
	    	voice-family:inherit;
		margin-top: -200px;
	}

	div#greffeContact h4 { font-size: 100%;}

	.cour {
		position: relative;
		width:400px;
		height: 180px;
		margin-top: 1.5em;
		clear: both;
		display: block;
	}


	.cour h3
	{
		position: absolute;
		left: 200px;
		top: 0px;
	}

	.cour h4
	{
		position: absolute;
		left: 200px;
		top: 20pt;
		width: 6em;
	}


	.cour div#QcriminelOptions
	{
		position: absolute;
		left: 225px;
		font-size: 80%;
	}

	.cal
	{
		position: absolute;
		left: 0px;
		top:0px;
		background-color: #ffffcc;
		height: 170px;
	}

	.selected {
		color: black;
		cursor: default;
		border: 1px solid #F0F0F0;
	}

	.unselected {
		font-weight: normal;
		color: blue;
		background-color: #F0F0F0;
		cursor: pointer;
		border: 1px solid #F0F0F0;
	}

	div#QcriminelOptions.selected { display: block;}
	div#QcriminelOptions.unselected a { display: none;}
	
	select {
		font-family: Verdana;
		font-size: x-small;
	}

	/* calendar styles */

	.calendarTable {
		float:left;
		font-family: Trebuchet MS, Geneva, sans-serif;
		border-width: 3px;
		border-style: solid;
		border-color: #660000;
		border-collapse: collapse;
		margin-right: 6px;
		margin-bottom: 6px;
		margin-left: 6px;
	}

	.calendarTable td {
		text-align: center;
		padding: 1pt;
		font-size: 11px;
	}

	.calendarTable a {
		text-decoration: none;
	}

	.calendarDayCurrent {
		background-color: #F0F0F0;
		font-weight: bold;
		border: solid 1px #CCCCCC;
	}

	.calendarDayLinked {
		font-weight: bold;
		border: solid 1px #CCCCCC;
	}


	#nextPrev 
	{
		font-size: 10px;
		margin-top: -1.5em;
		position: relative;
		height: 1.5em;
	}

	.prevMonth
	{
		position: absolute;
		left: 5px;
	}

	.nextMonth
	{
		position: absolute;
		left: 400px;
	}


	/* page de recherche */

	#recherche { position: relative;
			/*font-size: 150%;*/
	}

	#recherche h3 {
		font-size: 100%;
		margin-bottom: 0px;
		margin-top: 0.5px;
	}

	#recherche h4 {
		margin-left: 3em;
		margin-bottom: .25em;
		margin-top: .33em;
		font-size: 90%;
		text-align: left;
	}

	#recherche .cause { 
		border-top: 1px dashed gray;
		margin-left: 5em;
		margin-top: .5em;
		margin-bottom: .5em;
		margin-right: 33%;
		font-size: 11px;
		display: block;
	}

	#recherche .typeCour, #recherche div a {
		float: left;
	}

	#recherche .salleHeure, #recherche .rang {
		text-align: right;
	}

	#recherche .parties {
		clear: both;
		margin-top: .5em;
		padding-top: .25em;
	}

	#searchBox {
		border: 1px dashed gray;
		padding: 5px;
		height: 75px;
/*		width: 489px;  */
/*		background-image: url(http://www.tribunaux.qc.ca/c-quebec/roles/images/Armoiries.gif);  */
		background-repeat: no-repeat;
		background-position: -20px;
	}

	#branding {display: none;}
	
	#searchBox label {
		font-size: 11px;
	}

	#searchBox strong {
		font-size: 14px;
	}

	#branding {
		float:left; 
		padding: 5px;
		width: 255px;
	}

	.breadcrumbs { font-size: 10px; }

	.allGreffe 
	{
		font-size: 11px;
	}

	.allGreffe h4
	{
		font-size: 13px;
		margin-left: 4px;
		margin-top: .25em;
		margin-bottom: 0px;
	}

	.allGreffe ul
	{
		margin-top: .25em;
	}

	.production
	{
		text-align: center;
		font-size: 10px;
		color: black;
		padding-top: 1em;
		display: none;
	}
	
	table.dispo {
		font-family: Trebuchet MS, Verdana;
		font-size: 66%;
		color: black;
		border: 1px solid #DDDDDD;
	}
	table.dispo td.quotaRempli {
		color: red;
	}
	table.dispo th.mois, table.dispo th.typeProcedure {
		text-align: left;
	}
	table.dispo td, table.dispo th {
		text-align: center;
		font-size: 11px;
		color: black;
	}
	table.dispo th.jour { border-bottom: 1px solid #DDDDDD; }
	table.dispo th.typeProcedure { 
		padding-right: .5em;
	}
	col.vendredi {
		padding-right: 2em;
	}
	
	/* politique d'utilisation */
	
	#politique h1, #apropos h1 {
		font-size: 125%;
	}

	#politique p, #apropos p {
		font-size: x-small;
	}
	
}

@media print {
	BODY
	{
	    FONT: small Verdana, sans-serif;
	}
	#searchBox, #nextPrev, .breadcrumbs, .calendarTable, img, .production {
		display: none;
	}
	
	.pratique table { 
		width: 100%;
	}
	
	.pratique tr.typeCause td {
		font-size: 100%;
		font-weight: bold;
		padding-left: 1em;
	}

	.pratique td, th {font-size: xx-small;}

	.pratique .demandeur td
	{
	    BORDER-TOP: 1px solid black;
	}

	.pratique .defendeur
	{
	    BORDER-BOTTOM: #f0f0f0;
	    BORDER-LEFT: #f0f0f0;
	    BORDER-RIGHT: #f0f0f0;
	    BORDER-TOP: #f0f0f0
	}

	.pratique .noRemises, .pratique .seqProcedure, .pratique .noSeqRole
	{
	    text-align: center;
	}

	
	/* rôles au fond */

	.fond table {
		width: 100%;
		display: block;
	}

	.fond td {font-size: 80%;}


	h4.juge{
	    font-size: 1.3em;
	    font-weight: bold;
	    text-align: center;
	}
	.descNatureCause
	{
		text-align: center;
		font-size: 90%;
		font-weight: bold;
		border-top: 2pt dashed #CCCCCC;
	}
	div.role { 
		display: block;
		margin-bottom: 3em;
	}

	div.role table {
		border: 0px solid white;
	    voice-family: "\"}\""; 
	    voice-family:inherit;
		page-break-inside: avoid;
		page-break-after: always;
	}
	
	h4.salleAudition {
	    voice-family: "\"}\""; 
	    voice-family:inherit;
		margin-top: 36pt;
		margin-bottom: 0px;
	}
	
	h4.heureAudition {
	    voice-family: "\"}\""; 
	    voice-family:inherit;
		margin-top: 0px;
	}

 }.body {  background-color: #FFFFCC; background-repeat: no-repeat; background-image: url(images/concept2_03_05.gif)}