/* Définition de règle */
@charset "iso-8859-1";
div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

<div class="fileinputs">
	<input type="file" class="file" />
	<div class="fakefile">
		<input />
		<img src="search.gif" />
	</div>
</div>
object#player {
	margin: 0 0 0 0;
	width: 180px;
	height: 15px;
}

body {background: url(FondTPC.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
font-family: verdana; font-size: 12px;
scrollbar-base-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-arrow-color: red
}

a:link {color: STEELBLUE; text-decoration: none}

a:visited {color: STEELBLUE; text-decoration: none}

a:active {color: STEELBLUE; text-decoration: none}

a:hover {BACKGROUND: STEELBLUE; color: RED; text-decoration: none}

p {color: #000000; text-align: justify}

.test:first-letter {font-size: 18px}

big {color: #000000;}
strong {color: #000000; font-size: 12pt; letter-spacing: 10px}

td {color: #000000; font-size: 12px;}

table {color: #000000; font-size: 12px}

ul {margin: 0px 0px 0px 0px; margin-bottom: 0px; margin-left: 10px; margin-right: 0px; margin-top: 0px;}

li {margin: 0px 0px 0px 0px; margin-bottom: 0px; margin-left: 15px; margin-right: 0px; margin-top: 0px; list-style-image: url(http://www.theatrepetitchamplain.com/img/puce.jpg)}

.L1 {font-size: 10px; font-weight: bold; letter-spacing: 4px;}

.L2 {font-size: 10px; font-weight: bold; letter-spacing: 10px;}

.L3 {font-weight: bold; letter-spacing: 20px;}

/* ARTISTE */
.L4 {color: #000000; font-size: 16px; font-weight: bold; letter-spacing: 6px;}

.L5 {color: #000000; font: italic; font-size: 12px; font-weight: bold; font-style: italic; letter-spacing: 4px;}

/* SOUS TITRE */
.L6 {color: #696969; font-size: 9px; font-weight: bold; letter-spacing: 0px; text-transform: uppercase}

.L7 {color: #000000; font-size: 9px; color: RED; letter-spacing: 0px; text-align: right}

.ARTISTE {color: #000000; font-size: 11px; font-weight: bold; letter-spacing: 2px;}
.TITRE {color: #696969; font-size: 9px; font-weight: bold; letter-spacing: 0px; text-transform: uppercase}
.PRE_TITRE {color: #696969; font-size: 12px; font-weight: bold; letter-spacing: 0px; text-transform: uppercase}

.SOUSTITRE {color: #696969; font-size: 9px; font-weight: bold; letter-spacing: 0px; text-transform: uppercase}


.EMPLOYE {color: #696969; font-size: 14px; font-weight: bold; letter-spacing: 4px;}
.PRIX {color: #B22222; font-size: 10px; font-weight: bold; letter-spacing: 0px;}
.TARIF {color: #696969; font-size: 9px; letter-spacing: 0px;}
.DATE {color: #696969; font-size: 12px; font-weight: bold; letter-spacing: 0px; text-transform: lowercase}
.POLITIQUE {color: #696969; font-size: 9px; font-weight: bold; letter-spacing: 0px;}
.DATE5x5 {color: #696969; font-size: 10px; font-weight: bold; letter-spacing: 0px;}
.MOIS {color: #000000; font-size: 16px; font-weight: bold; letter-spacing: 14px; text-align: CENTER;}

input {background: #FFFFFF; font-size: 10px; height: 18px; text-align: CENTER;}

textarea-+ {font-size: 10px; height: 100px; WIDTH: 270PX; scrollbar-face-color: black; scrollbar-track-color: black; text-align: left}


		.menuscroll {
			writing-mode: tb-rl;
			filter:flipv fliph;
			display: block;
			height: 100px;
			width: auto;
			background: #ffffff;
			padding: 4px 4px 4px 4px;
			line-height: 12px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 0px solid #cde99f;
			cursor: pointer;
			margin: 0px 0px 0px 0px;
			letter-spacing: 1px;
 }
		.menutop {
			display: block;
			height: auto;
			width: auto;
			background: #C4BD79;
			padding: 2px 2px 2px 2px;
			line-height: auto;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 10px;
			color: #000000;
			border-bottom: 2px solid #cde99f;
			cursor: pointer;
			margin: 0px 0px 0px 0px;
			letter-spacing: 1px
		}
		H6 {
			display: block;
			height: auto;
			width: 200px;
			background: #4BCAF5;
			padding: 2px 2px 2px 2px;
			line-height: auto;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 2px solid #cde99f;
			cursor: pointer;
			margin: 0px 0px 0px 0px;
			letter-spacing: 2px
		}
		.accordion_toggle {
			display: block;
			height: auto;
			width: auto;
			background: url(../img/bk/calendrier.jpg);
			padding: 0 2px 0 2px;
			line-height: auto;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 2px solid #cde99f;
			cursor: pointer;
			margin: 0px 0px 0px 0px;
			letter-spacing: 2px
		} 
		
		.accordion_toggle_active {
			background: #F36223;
			color: #ffffff;
			border-bottom: 2px solid #f68263;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 0px 0px 0px 0px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 100%;
				padding: 2px 2px 2px 2px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height:auto;
			width: auto;
			background: #C4BD79;
			padding: 0px 0px 0px 0px;
			line-height: auto;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 11px;
			color: #000000;
			border-bottom: 2px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
			letter-spacing: 6px;
			align: center;
	}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 2px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 0px 0px 0px 0px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 100%;
				padding: 0px 0px 0px 0x;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 2px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 12x solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: auto;
				line-height: 100%;
				padding: 2px 2px 2px 2px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 0px 0px 0px 0px;
      width: 200px;   
      height: 20px;    
    }
    
    #vertical_nested_container {
      margin: 0px 0px 0px 0px;
      width: auto;
    }

	  #container a:link {color: #000000; text-decoration: none; width: auto}
	  #container a:visited {color: #000000; text-decoration: none; width: auto}
	  #container a:active {color: #F36223; text-decoration: none; width: auto}
	  #container a:hover {color: MIDNIGHTBLUE; text-decoration: none; width: auto}
   
	  /* Fin de la section de style généré par WebExpert le 2006-02-08 10:44:47 */