/* 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(../accueil.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
font-family: verdana; font-size: 10px;
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 {color: RED; text-decoration: none}



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

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

li {margin-bottom: 0px; margin-left: 15px; margin-right: 0px; margin-top: 0px; list-style-image: url(http://www.theatrepetitchamplain.com/img/puce_grise.gif)}
TABLE {font-size: 12PX;}
.NEWS_TABLE  {
border: 1px solid #FFFFFF;
padding: 2px 2;
width: 235px;
text-align: left;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#cccccc));
background: -moz-linear-gradient(#ffffff, #cccccc);
background: linear-gradient(#ffffff, #cccccc);
font-size: 12px;
}
 
.PROG_TABLE{
border: 1px solid #FFFFFF;
padding: 2px 2;
width: 480px;
text-align: left;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#cccccc));
background: -moz-linear-gradient(#ffffff, #cccccc);
background: linear-gradient(#ffffff, #cccccc);
font-size: 13px;
}
.magnify {
	border: 1px solid #FFFFFF;
	-moz-box-shadow:#999999 1px 1px,#999999 2px 2px,#999999 3px 3px, #999999 4px 4px, #999999 5px 5px, #999999 6px 6px;
	-webkit-box-shadow:#999999 1px 1px,#999999 2px 2px,#999999 3px 3px, #999999 4px 4px, #999999 5px 5px, #999999 6px 6px;
	box-shadow: box-shadow:#999999 1px 1px,#999999 2px 2px,#999999 3px 3px, #999999 4px 4px, #999999 5px 5px, #999999 6px 6px;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=12);
	zoom: 1;
  }
.ARTISTE_IMG {
	border: 1px solid #FFFFFF;
	-moz-box-shadow:#999999 -1px 1px,#999999 -2px 2px,#999999 -3px 3px, #999999 -4px 4px;
	-webkit-box-shadow:#999999 -1px 1px,#999999 -2px 2px,#999999 -3px 3px, #999999 -4px 4px;
	box-shadow: box-shadow:#999999 -1px 1px,#999999 -2px 2px,#999999 -3px 3px, #999999 -4px 4px;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=225, Strength=3);
	zoom: 1;
}
.ARTISTE_IMG_NEWS {
	border: 1px solid #FFFFFF;
	-moz-box-shadow:#999999 -1px 1px,#999999 -2px 2px,#999999 -3px 3px;
	-webkit-box-shadow:#999999 -1px 1px,#999999 -2px 2px,#999999 -3px 3px;
	box-shadow: box-shadow:#999999 -1px 1px,#999999 -2px 2px,#999999 -3px 3px,;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=225, Strength=3);
	zoom: 1;
}
.ARTISTE_FOND {
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#cccccc));
background: -moz-linear-gradient(#ffffff, #cccccc);
background: linear-gradient(#ffffff, #cccccc);
}

p{
	text-align: justify;
	font-family: arial;
	color: #000000;
	font-size: 14px;
	font-weight: normal;
}
.DESCRIPTION {
	text-align: justify;
	font-family: arial;
	color: #000000;
	font-size: 14px;
	font-weight: normal;
}
.ARTISTE {
	font-family: arial;
	color: #000000;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0px;
	text-transform: uppercase
}
.ARTISTE2 {
	font-family: arial;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0px;
	text-transform: uppercase
}

.ARTISTE_FICHE {
	font-family: arial;
	color: #000000;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0px;
	text-transform: uppercase;
}
.ARTISTENEWS {
	font-family: arial;
	color: #000000;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0px;
	text-transform: uppercase;
}
.ARTISTETOP {
	font-family: arial;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-image:url('http://theatrepetitchamplain.com/img/bk/top/top.png');
	height: 42px;
	width: 480;
	text-align: center;
	vertical-align: center;
}
.ARTISTETOPMOB {
	font-family: arial;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-image:url('http://theatrepetitchamplain.com/img/bk/top/top.png');
	height: 42px;
	width: 280;
	text-align: center;
	vertical-align: center;
}

  .NEWS {font-family: arial; color: #696969; font-size: 12px; font-weight: italic; letter-spacing: 0px;}
.TITRE_FICHE {color: #696969; font-size: 10px; font-weight: bold; letter-spacing: 0px}
.TITRE {color: #696969; font-size: 10px; font-weight: bold; letter-spacing: 0px}
.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: lowercase}
.PARTIE {color: #696969; font-size: 9px; font-weight: bold; letter-spacing: 4px; text-transform: uppercase}
.SOUSTITRE_FICHE {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 {font-family: arial; color: #696969; font-size: 11px; font-weight: normal; letter-spacing: 0px; text-transform: lowercase}
.GENRE {font-family: arial; color: #696969; font-size: 14px; 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;}

#savoir{
display:block;
background-image:url('http://theatrepetitchamplain.com/img/bk/SavoirOff.png');
width:110px;
height:20px;
border:0px solid #000000;
}
#savoir:hover, #aYo:focus{
background-image:url('http://theatrepetitchamplain.com/img/bk/SavoirOn.png');
}
#savoir img{
display:none;
}
#FlecheD{
display:block;
background-image:url('http://theatrepetitchamplain.com/img/bk/FlecheD.png');
width:15px;
height:30px;
border:0px solid #000000;
}
#FlecheD:hover, #aYo:focus{
background-image:url('http://theatrepetitchamplain.com/img/bk/FlecheD2.png');
}
#FlecheD img{
display:none;
}
#FlecheG{
display:block;
background-image:url('http://theatrepetitchamplain.com/img/bk/FlecheG.png');
width:15px;
height:30px;
border:0px solid #000000;
}
#FlecheG:hover, #aYo:focus{
background-image:url('http://theatrepetitchamplain.com/img/bk/FlecheG2.png');
}
#FlecheG img{
display:none;
}

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 */