<![CDATA[
<body>
<center>
<img src="img/phototpc300.gif">
<br>
Situé au coeur du quartier Petit Champlain dans le vieux Québec, ce théâtre qui est aussi une maison de la chanson vous accueille avec ses 250 places. Dans cet endroit chaleureux vous pouvez assister à des spectacles variés. Des photos sont disponibles ainsi que le calendrier des événements.
Théâtre Petit Champlain -Maison de la Chanson- Réservation: (418) 692-2631
info@theatrepetitchamplain.com
Théâtre Petit Champlain chanson humour spectacle theatre salle
<br>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head profile="http://gmpg.org/xfn/11">
<title>Accordion v2.x Demo</title>
<!-- Meta Tags -->
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="keywords" content="accordion, javascript accordion, scriptaculous" />
<meta name="description" content="The ultimate modal window system, LightWindow, allows you to build your own theem, create mixed media galleries including flash, quictkime and images. Through a variety of parameters this system can do it all and recreate any other system out there!" />
<meta name="robots" content="index, follow" />
<!-- JavaScript -->
<!-- <script type="text/javascript" src="combine.php?type=javascript&files=prototype.js,effects.js,accordion.js,code_highlighter.js,javascript.js,html.js"></script> -->
<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/effects.js"></script>
<script type="text/javascript" src="javascript/accordion.js"></script>
<script type="text/javascript" src="javascript/code_highlighter.js"></script>
<script type="text/javascript" src="javascript/javascript.js"></script>
<script type="text/javascript" src="javascript/html.js"></script>
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="css/menu.css" />
<script type="text/javascript">
/***********************************************
* Ultimate Fade-In Slideshow (v1.51): © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["http://www.theatrepetitchamplain.com/img/pub/2010_6094.jpg", "http://www.theatrepetitchamplain.com/programmation/2010_6094.php", "accueil", "Martha Wainwright chante Piaf"]
fadeimages[1]=["http://www.theatrepetitchamplain.com/img/pub/2010_6163.jpg", "http://www.theatrepetitchamplain.com/programmation/2010_6163.php", "accueil", "Zachary Richard"]
fadeimages[2]=["http://www.theatrepetitchamplain.com/img/pub/2011_6237.jpg", "http://www.theatrepetitchamplain.com/programmation/2011_6237.php", "accueil", "Bruno Coppens"]
var fadebgcolor="white"
////NO need to edit beyond here/////////////
var fadearray=new Array() //array to cache fadeshow instances
var fadeclear=new Array() //array to cache corresponding clearinterval pointers
var dom=(document.getElementById) //modern dom browsers
var iebrowser=document.all
function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
this.pausecheck=pause
this.mouseovercheck=0
this.delay=delay
this.degree=10 //initial opacity degree (10%)
this.curimageindex=0
this.nextimageindex=1
fadearray[fadearray.length]=this
this.slideshowid=fadearray.length-1
this.canvasbase="canvas"+this.slideshowid
this.curcanvas=this.canvasbase+"_0"
if (typeof displayorder!="undefined")
theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :)
this.theimages=theimages
this.imageborder=parseInt(borderwidth)
this.postimages=new Array() //preload images
for (p=0;p<theimages.length;p++){
this.postimages[p]=new Image()
this.postimages[p].src=theimages[p][0]
}
var fadewidth=fadewidth+this.imageborder*2
var fadeheight=fadeheight+this.imageborder*2
if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div></div>')
else
document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')
if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
this.startit()
else{
this.curimageindex++
setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
}
}
function fadepic(obj){
if (obj.degree<100){
obj.degree+=10
if (obj.tempobj.filters&&obj.tempobj.filters[0]){
if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
obj.tempobj.filters[0].opacity=obj.degree
else //else if IE5.5-
obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
}
else if (obj.tempobj.style.MozOpacity)
obj.tempobj.style.MozOpacity=obj.degree/101
else if (obj.tempobj.style.KhtmlOpacity)
obj.tempobj.style.KhtmlOpacity=obj.degree/100
else if (obj.tempobj.style.opacity&&!obj.tempobj.filters)
obj.tempobj.style.opacity=obj.degree/101
}
else{
clearInterval(fadeclear[obj.slideshowid])
obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
obj.populateslide(obj.tempobj, obj.nextimageindex)
obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
}
}
fadeshow.prototype.populateslide=function(picobj, picindex){
var slideHTML=""
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML='<table height=160 cellspacing=0 cellpadding=0><tr><td valign=center><a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
slideHTML+='<img src="'+this.postimages[picindex].src+'"onload=this.style.filter=\'progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=10)\' border="'+this.imageborder+'px"></a></td><td valign=center><div class=menuscroll>'+this.theimages[picindex][3]+'</div>'
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+='</td></tr></table>'
picobj.innerHTML=slideHTML
}
fadeshow.prototype.rotateimage=function(){
if (this.pausecheck==1) //if pause onMouseover enabled, cache object
var cacheobj=this
if (this.mouseovercheck==1)
setTimeout(function(){cacheobj.rotateimage()}, 100)
else if (iebrowser&&dom||dom){
this.resetit()
var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
crossobj.style.zIndex++
fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
}
else{
var ns4imgobj=document.images['defaultslide'+this.slideshowid]
ns4imgobj.src=this.postimages[this.curimageindex].src
}
this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
}
fadeshow.prototype.resetit=function(){
this.degree=10
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
if (crossobj.filters&&crossobj.filters[0]){
if (typeof crossobj.filters[0].opacity=="number") //if IE6+
crossobj.filters(0).opacity=this.degree
else //else if IE5.5-
crossobj.style.filter="alpha(opacity="+this.degree+")"
}
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=this.degree/101
else if (crossobj.style.KhtmlOpacity)
crossobj.style.KhtmlOpacity=this.degree/100
else if (crossobj.style.opacity&&!crossobj.filters)
crossobj.style.opacity=this.degree/101
}
fadeshow.prototype.startit=function(){
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
this.populateslide(crossobj, this.curimageindex)
if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
var cacheobj=this
var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
}
this.rotateimage()
}
</script>
<script type="text/javascript">
//
// In my case I want to load them onload, this is how you do it!
//
Event.observe(window, 'load', loadAccordions, false);
//
// Set up all accordions
//
function loadAccordions() {
var topAccordion = new accordion('vertical_nested_container', {
classNames : {
toggle : 'vertical_accordion_toggle',
toggleActive : 'vertical_accordion_toggle_active',
content : 'vertical_accordion_content'
},
defaultSize : {
width : 230
},
direction : 'horizontal'
});
var bottomAccordion = new accordion('vertical_container');
var nestedVerticalAccordion = new accordion('vertical_nested_container',
{
classNames : {
toggle : 'vertical_accordion_toggle',
toggleActive : 'vertical_accordion_toggle_active',
content : 'vertical_accordion_content'
}
});
// Open first one
bottomAccordion.activate($$('#vertical_container .accordion_toggle')[0]);
// Open second one
topAccordion.activate($$('#vertical_container .vertical_accordion_toggle')[0]);
}
</script>
</head>
<body>
<div id="container">
<div id="vertical_container" >
<div class="hr"><hr /></div>
<h1 class="accordion_toggle">NE MANQUEZ PAS</h1>
<div class="accordion_content">
<center><script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages, 200, 160, 0, 4000, 1)
</script></center>
</div>
<div class="hr"><hr /></div>
<h1 class="accordion_toggle">Programmation</h1>
<div class="accordion_content">
<div id="vertical_nested_container" >
<h3 class="vertical_accordion_toggle">Septembre</h3>
<div class="vertical_accordion_content">
<a href="http://www.theatrepetitchamplain.com/programmation/2010_6092.php" target=accueil><h5>François Maranda</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2010_6094.php" target=accueil><h5>Martha Wainwright chante Piaf</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2010_6097.php" target=accueil><h5>Lynda Lemay</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2010_6103.php" target=accueil><h5>Valerie Crête</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2010_6104.php" target=accueil><h5>Robert's Creek Saloon<BR>Maude Carrier</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2009_5755.php" target=accueil><h5>Laurence Jalbert</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2009_5605.php" target=accueil><h5>La Boîte à Chansons</h5></a>
</div><h3 class="vertical_accordion_toggle">Octobre</h3>
<div class="vertical_accordion_content">
<a href="http://www.theatrepetitchamplain.com/programmation/2009_5605.php" target=accueil><h5>La Boîte à Chansons</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2010_6124.php" target=accueil><h5>Isabeau et les chercheurs d'or</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2009_5761.php" target=accueil><h5></h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2010_6131.php" target=accueil><h5>Les Denis Drolet</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2010_6132.php" target=accueil><h5>Bobby Bazini</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2010_6139.php" target=accueil><h5>Joseph Arthur </h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2010_5944.php" target=accueil><h5>Clémence DesRochers</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2010_6145.php" target=accueil><h5>Les New Cackle Sisters</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2010_6146.php" target=accueil><h5>Guillaume Arsenault</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2010_6147.php" target=accueil><h5>Gilles Bélanger </h5></a>
</div><h3 class="vertical_accordion_toggle">Novembre</h3>
<div class="vertical_accordion_content">
<a href="http://www.theatrepetitchamplain.com/programmation/2010_6152.php" target=accueil><h5> Bernard Adamus<BR>avec pas'd casque</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2010_6154.php" target=accueil><h5>Jordan Officer </h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2010_6159.php" target=accueil><h5>Damien Robitaille<BR>Nicolas Jules</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2010_6160.php" target=accueil><h5>Emilie Clepper <BR>Première partie : à déterminer</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2010_6163.php" target=accueil><h5>Zachary Richard</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2010_6166.php" target=accueil><h5>Alexandre Désilets</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2010_5913.php" target=accueil><h5>Andrea Lindsay</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2010_6168.php" target=accueil><h5>Luc De Larochellière</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2010_6172.php" target=accueil><h5>Naby</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/_21004.php" target=accueil><h5>Bob Walsh</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2010_6174.php" target=accueil><h5>Chloé Sainte-Marie</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2010_6175.php" target=accueil><h5>Amylie<BR>Guillaume Tondreau</h5></a>
</div><h3 class="vertical_accordion_toggle">Décembre</h3>
<div class="vertical_accordion_content">
<a href="http://www.theatrepetitchamplain.com/programmation/2010_6179.php" target=accueil><h5>Maryse Letarte</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2010_5895.php" target=accueil><h5>Susie Arioli</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2008_5454.php" target=accueil><h5>Ensemble Gospel de Québec</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2010_5888.php" target=accueil><h5>Luce Dufault</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2010_6194.php" target=accueil><h5>Le Vent du Nord<BR>Breabach (Écosse)</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2010_6196.php" target=accueil><h5>Jason Bajada</h5></a>
</div><h3 class="vertical_accordion_toggle">Janvier</h3>
<div class="vertical_accordion_content">
<a href="http://www.theatrepetitchamplain.com/programmation/2011_6237.php" target=accueil><h5>Bruno Coppens</h5></a>
</div><h3 class="vertical_accordion_toggle">Février</h3>
<div class="vertical_accordion_content">
<a href="http://www.theatrepetitchamplain.com/programmation/2011_6258.php" target=accueil><h5>Natasha St-Pier<BR>première partie : à determiner</h5></a>
</div><h3 class="vertical_accordion_toggle">Avril</h3>
<div class="vertical_accordion_content">
<a href="http://www.theatrepetitchamplain.com/programmation/2010_5944.php" target=accueil><h5>Clémence DesRochers</h5></a>
</div>
<h3 class="vertical_accordion_toggle">Activités complémentaires</h3>
<div class="vertical_accordion_content">
<a href="http://www.theatrepetitchamplain.com/programmation/2010_6141.php" target=accueil><h5>École de Chant Trouve ta voix</h5></a>
<a href="http://www.theatrepetitchamplain.com/programmation/2010_5906.php" target=accueil><h5>5 fois 5</h5></a>
</div>
</div>
</div>
<div class="hr"><hr /></div>
<h1 class="accordion_toggle">Billetterie</h1>
<div class="accordion_content">
<a href="http://www.theatrepetitchamplain.com/achat.html" target=accueil><h5>Achat</h5></a>
<a href="http://www.theatrepetitchamplain.com/letheatre/sallepl1.php" target=accueil><h5>Plan du parterre</h5></a>
<a href="http://www.theatrepetitchamplain.com/letheatre/sallepl2.php" target=accueil><h5>Plan de la mezzanine</h5></a>
</div>
<div class="hr"><hr /></div>
<h1 class="accordion_toggle">Location</h1>
<div class="accordion_content">
<a href="http://www.theatrepetitchamplain.com/location.html" target=accueil><h5>Formules et services</h5></a>
<a href="http://www.theatrepetitchamplain.com/location2.html" target=accueil><h5>Espaces</h5></a>
<a href="http://www.theatrepetitchamplain.com/technique/DevisPetitChamplain.htm" target=TOP><h5>Devis technique</h5></a>
</div>
<div class="hr"><hr /></div>
<h1 class="accordion_toggle">Le Théâtre</h1>
<div class="accordion_content">
<a href="equipe.html" target=accueil><h5>Équipe</h5></a>
<a href="historique.html" target=accueil><h5>Historique & mission</h5></a>
<a href="http://www.theatrepetitchamplain.com/partenaire.html" target=accueil><h5>Partenaires</h5></a>
</div>
<div class="hr"><hr /></div>
<a href="/soiree.html" target=accueil><h1 class="menu">Planifiez votre soirée</h1></a>
<div class="hr"><hr /></div>
</div>
</div>
<script type="text/javascript" >
//
// You can hide the accordions on page load like this, it maintains accessibility
//
// Special thanks go out to Will Shaver @ http://primedigit.com/
//
var verticalAccordions = $$('.accordion_toggle');
verticalAccordions.each(function(accordion) {
$(accordion.next(0)).setStyle({
height: '0px'
});
});
</script>
<CENTER><a href="http://www.theatrepetitchamplain.com/programmation/2010_5906.php" target=accueil><IMG SRC="http://www.theatrepetitchamplain.com/5x5/2010/img/logo_5x5.gif" WIDTH=200></A></CENTER>
<div class="hr"><hr /></div>
<a href="http://theatrepetitchamplain.com/liste_EXPO2.php?chemin=album/EXPOSITION/" target=accueil><h1 class="menu">EXPOSITION<br>Anne-Gaëlle Tremblay</h1></a>
<div class="hr"><hr /></div>
</body>
</html>
<br>
</center>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-1783718-1";
urchinTracker();
</script>
</body>
]]>