<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

body {
font-family:Arial, Helvetica, sans-serif;
background-color:#E0E0E0;
margin: 0px;
padding: 0px;
border: 0px;
			}
			
a:link {text-decoration: none; }
a:visited {text-decoration: none; }
a:hover {text-decoration: underline; }
a:active {text-decoration: underline; }

.critiquetitrenew{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 40px; 
	color:#900;
	font-weight:lighter;letter-spacing: 5px;
	text-align:left;
	
}

#contenu 	{
			width: 960px;
			background-color: #FFFFFF;
			margin: 0 auto;
			padding:0px;
						}
						
#contenupiece 	{
			width: 960px;
			margin: 0 auto;
			padding:0px;
						}
						
#contenu2 	{
			width: 960px;
			background-color: #FFFFFF;
			margin: 0 auto;
			padding:0px;
			/* box-shadow: 1px 1px 4px 0 #444444; --pour du shadow */
						}
						
#contenu2-2 	{
			width: 650px;
			background-color: #FFFFFF;
			margin: 0 auto;
			padding:5px;
			border: 1px solid #000066;
						}
						
#contenu2-3 	{
			width: 925px;
			background-color: #FFFFFF;
			margin: 0 auto;
			padding:2px;
			padding-left:5px;
			border: 1px solid #000066;
			height:auto;
			clear:both;
						}
						
#contenucoups 	{
			width: 820px;
			background-color: #FFFFFF;
			margin-left: 20px;
			padding:5px;
			
			}	
			
#contenucoups img 	{
			margin-right: 10px;
			margin-bottom: 10px;
			}					
						
.contenu2piece 	{
			width: 960px;
			background-color: #FFFFFF;
			margin: 10px auto;
			padding:0px;
			/*border-top: solid 10px #E0E0E0;*/
						}
.shadow {
    box-shadow: 1px 1px 4px 0 #444444;
}

#contenufest 	{
			width: 845px;
			background-color: #FFFFFF;
			margin: 0 auto;
			padding:5px;
			border: 1px solid #000066;
						}
						
#contenufest img 	{
			margin-right: 4px;
			margin-bottom: 4px;
			
						}
						
				
.premnomscritiquesdl { font-weight:lighter; font-size:24px; color:#000099; padding-top:45px; padding-left:5px; margin-bottom:3px; padding-bottom:0px; }
.premnomscritiquesdb { font-weight:lighter; font-size:24px; color:#990000; padding-top:45px; padding-left:5px; margin-bottom:3px; padding-bottom:0px; }
.premnomscritiquesgb { font-weight:lighter; font-size:24px; color:#6699FF; padding-top:45px; padding-left:5px; margin-bottom:3px; padding-bottom:0px; }
.premnomscritiquesod { font-weight:lighter; font-size:24px; color:#009900; padding-top:45px; padding-left:5px; margin-bottom:3px; padding-bottom:0px; }
.premnomscritiquessf { font-weight:lighter; font-size:24px; color:#FF3300; padding-top:45px; padding-left:5px; margin-bottom:3px; padding-bottom:0px; }
.premnomscritiquesmt { font-weight:lighter; font-size:24px; color:#FF66FF; padding-top:45px; padding-left:5px; margin-bottom:3px; padding-bottom:0px; }
.premnomscritiquesac { font-weight:lighter; font-size:24px; color:#990099; padding-top:45px; padding-left:5px; margin-bottom:3px; padding-bottom:0px; }
.premnomscritiquespso { font-weight:lighter; font-size:24px; color:#339999; padding-top:45px; padding-left:5px; margin-bottom:3px; padding-bottom:0px; }
.premnomscritiquesig { font-weight:lighter; font-size:24px; color:#808000; padding-top:45px; padding-left:5px; margin-bottom:3px; padding-bottom:0px; }

.premnomscritiquesdls { font-weight:bold; font-size:14px; color:#000099; }
.premnomscritiquesdbs { font-weight:bold; font-size:14px; color:#990000; }
.premnomscritiquesgbs { font-weight:bold; font-size:14px; color:#6699FF; }
.premnomscritiquesods { font-weight:bold; font-size:14px; color:#009900; }
.premnomscritiquessfs { font-weight:bold; font-size:14px; color:#FF3300; }
.premnomscritiquesmts { font-weight:bold; font-size:14px; color:#FF66FF; }
.premnomscritiquesacs { font-weight:bold; font-size:14px; color:#990099; }
.premnomscritiquespsos { font-weight:bold; font-size:14px; color:#339999; }
.premnomscritiquesigs { font-weight:bold; font-size:14px; color:#808000; }

.premnomscritiquesdispo { font-weight:lighter; font-size:16px; color:#black; padding-top:45px; padding-left:5px; margin-bottom:3px; padding-bottom:0px; }

.piecesvues { font-weight:lighter; font-size:12px; color:#999999; }

.piecesavoir { font-weight:lighter; font-size:16px; color:#black; }


#header { background-image:url(boutons/theatre4_neutre.jpg); /* boutons/theatre4.jpg - 10 ans  */
width:960px;
height:125px;
	 /* possibilité de shadow */ }

.sectionvideo { margin:15px;
font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	  }
	  
	  
#video1 { float:right;
text-align:center;
width:408px;
		padding-left:8px;
		padding-bottom:8px;
	  }
#video1-1 { float:right;
text-align:center;
width:308px;
		padding-left:8px;
		padding-bottom:8px;
	  }

	 
#zone1 {    /* la zone de lien */ 
float: left; 
width : 243px; 
height: 52px; 
margin-left: 15px; 
margin-top: 22px; 
}
						
.clearingfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearingfix {
	height: 1%;
}
.clearingfix {
	display: block;
}
/* End hide from IE-mac */
.clearingfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
		
#colright {
			width: 155px;
			margin: 0 auto;
			padding:3px;
			height:auto;
			float:right;
			display:inline;
			background-color: #FFFFFF;
			font-size:12px;
			font-family:Arial, Helvetica, sans-serif;
						}	
						
#colright2 {
			width: 277px;
			margin: 0 auto;
			padding:15px;
			height:auto;
			float:right;
			display:inline;
			background-color: #FFFFFF;
			/* border-left:solid 1px #E0E0E0; */
			font-size:12px;
			font-family:Arial, Helvetica, sans-serif;
						}	

/* pour actualite et surveiller dans Mtl */
#col4-3 {
			width: 620px;
			margin: 0 auto;
			padding:12px 12px 12px 20px;
			float:left;
			display:inline;
			background-color: #FFFFFF;
			border-right:solid 1px #E0E0E0;
						}
						
#col4-3 p {
			padding-right:20px;
	
			}

/* pour les images, qu'elles ne soient pas trop collées sur la bordure droite */
#ima-h250a {
		width:250px;
		padding-left:15px;
		padding-bottom:8px;
		padding-right:20px;
		font-size:10px;
		float:right;
		text-align:center;
		}
		
#ima-ha {
		width:300px;
		padding-left:15px;
		padding-bottom:8px;
		padding-right:20px;
		font-size:10px;
		float:right;
		text-align:center;
		}
		
#ima-h200a {
		width:200px;
		padding-left:15px;
		padding-bottom:8px;
		padding-right:20px;
		font-size:10px;
		float:right;
		text-align:center;
		}



/* width 622 ou 521 ou 650 */					

#col4-1 {
			width: 620px;
			margin: 0 auto;
			padding:12px 12px 12px 20px;
			float:left;
			display:inline;
			background-color: #FFFFFF;
			border-right:solid 1px #E0E0E0;
						}
						
#col4-1 img {
			padding-right:10px;
			margin-bottom:20px;
	
			}

			
#col4-1 img.imgcochon {
			padding-left:5px;
			margin-bottom:0px;
			}
			
#col4-1 p {
			padding-right:20px;
	
			}


/* pour les archives de Québec, pour que la ligne se rende jusqu'en bas */

#col4-2 {
			width: 620px;
			margin: 0 auto;
			padding:12px 12px 12px 20px;
			float:left;
			display:inline;
			background-color: #FFFFFF;
			
						}
						
#col4-2 img {
			padding-right:10px;
			margin-bottom:20px;
	
			}
			
#col4-2 img.imgcochon {
			padding-left:5px;
			margin-bottom:0px;
			}
			
#col4-2 p {
			padding-right:20px;
	
			}

#colright2-1 {
			width: 277px;
			margin: 0 auto;
			padding:15px;
			height:auto;
			float:right;
			display:inline;
			background-color: #FFFFFF;
			border-left:solid 1px #E0E0E0; 
			font-size:12px;
			font-family:Arial, Helvetica, sans-serif;
						}	

/* end */
			
h1.titre-affiche_old { color:#cf0202 ; margin: 2em 10px 0.2em; text-shadow: #ddd 2px 2px; letter-spacing: 10px; }		
	h1.titre-affiche { color:#cf0202 ; margin: 1.2em 10px 0.2em; letter-spacing: 4px; font-size:34px; font-weight:lighter;}	
	h1.titre-twitter { color:#33CCFF ; margin: 1.2em 10px 0.2em; letter-spacing: 4px; font-size:34px; font-weight:lighter;}	
	h1.titre-actu { color:#24b419 ; margin: 0.5em 10px 0.2em; letter-spacing: 6px; font-size:34px; font-weight:lighter;}
	h1.titre-surveiller { color:#fd8a11; margin: 0.5em 10px 0.2em; letter-spacing: 4px; font-size:34px; font-weight:lighter;}		/* a00202 */
	h1.titre-surveiller-archives { color:#fd8a11; margin: 0.5em 10px 0.2em; letter-spacing: 4px; font-size:30px; font-weight:lighter;}		/* a00202 */
	h1.titre-lecture { color:#0033CC; margin: 0.5em 10px 0.2em; letter-spacing: 4px; font-size:34px; font-weight:lighter;}
	h1.titre-lecture-archives { color:#0033CC; margin: 0.5em 10px 0.2em; letter-spacing: 4px; font-size:30px; font-weight:lighter;}
	
h2.titreactuh2 { font-weight:lighter; padding-top:2px; padding bottom:-10px; font-size:24px; letter-spacing:0.2em !important; margin-top:10px; margin-bottom:0px; text-decoration:none; }

h2.titreespace { font-weight:lighter; padding-top:2px; padding bottom:-10px; font-size:24px; letter-spacing:0.1em !important; margin-top:10px; margin-bottom:0px; text-decoration:none; }

.h2espace { background-color:#FFFFFF; color:#8b0101; padding-left:5px; border-bottom:solid 2px #8b0101; margin-bottom:3px; padding-bottom:0px; }

h2.titreespace a:link, h2.titreespace a:visited, h2.titreespace a:hover, h2.titreespace a:active {text-decoration: none; color:#8b0101; }

h2.titreactuh2 a:link, h2.titreactuh2 a:visited, h2.titreactuh2 a:hover, h2.titreactuh2 a:active {text-decoration: none; color:#24b419; }

.h2actu { background-color:#FFFFFF; color:#24b419; padding-left:5px; border-bottom:solid 2px #24b419; margin-bottom:3px; padding-bottom:0px; }


h2.titresurveillerh2 { font-weight:400; padding-top:2px; padding bottom:-10px; font-size:24px; letter-spacing:0.2em !important; margin-top:10px; margin-bottom:0px; }

h2.titresurveillerh2 a:link, h2.titresurveillerh2 a:visited, h2.titresurveillerh2 a:hover, h2.titresurveillerh2 a:active {text-decoration: none; color:#fd8a11; }

.h2surveiller { background-color:#FFFFFF; color:#fd8a11; padding-left:5px; border-bottom:solid 2px #fd8a11; margin-bottom:3px; padding-bottom:0px }

.h2lecture { background-color:#FFFFFF; color:#0033CC; padding-left:5px; border-bottom:solid 2px #0033CC; margin-bottom:3px; padding-bottom:0px }

h2.titrelectureh2 { font-weight:400; padding-top:2px; padding bottom:-10px; font-size:22px; letter-spacing:0.1em !important; margin-top:10px; margin-bottom:0px; }

h2.titrelectureh2 a:link, h2.titrelectureh2 a:visited, h2.titrelectureh2 a:hover, h2.titrelectureh2 a:active {text-decoration: none; color:#0033CC; }

&lt;div style="background-color:#FFFFFF; color:#fd8a11; padding-left:5px; border-bottom:solid 2px #fd8a11; margin-bottom:3px; padding-bottom:0px"&gt;
  &lt;h2 style="font-weight:400; padding-top:2px; padding bottom:-10px; font-size:24px; letter-spacing:0.2em !important; margin-top:10px; margin-bottom:0px;"&gt;À surveiller&lt;/h2&gt;
&lt;/div&gt;
				
#col1 {
			width: 495px;
			height:256px;
			margin: 0 auto;
			padding:3px;
			float:left;
			display:inline;
			background-color: #FFFFFF;
						}
						
#col1-1 {
			width: 787px;
			margin: 0 auto;
			padding:6px;
			float:left;
			display:inline;
			background-color: #FFFFFF;
						}						
						
						
#col2 {
			width: 256px;
			margin: 0 auto;
			height:256px;
			padding-top:3px;
			display:inline;
			background-color: #FFFFFF;
			
						}
						

	/* width 622 ou 521 */					
#col4 {
			width: 532px;
			margin: 0 auto;
			padding:6px;
			float:left;
			display:inline;
			background-color: #FFFFFF;
						}
						
#col4 img {
			padding-right:5px;
	
			}
						

/* width 244 */
#col5 {
			width: 230px;
			margin: 0 auto;
			padding:10px;
			padding-top:0px;
			display:inline;
			background-color: #FFFFFF;
			border-left:solid 1px #E0E0E0;
			border-right:solid 1px #E0E0E0;
			float:left;
			font-size:12px;
			font-family:Arial, Helvetica, sans-serif;
						}
						
#col5 img {
			padding:0px;
	margin-left:-8px;
	margin-right:-8px;
			}
	
						
#col6 {
			width: 160px;
			margin: 0 auto;
			padding:3px;
			float:right;
			display:inline;
			background-color: #FFFFFF;
						}				
#contcol { clear:left; }						
						
#contenu3 	{
			width: 960px;
			background-color: #FFFFFF;
			margin: 0 auto;
			padding:0px;
						}
						
#menu 	{
			background-color: #9d280b;
			margin: 0 auto;
			padding:5px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:white;
			height:21px;
						}
						
/*
#menusite {
background-color: #000000;
		width:960px;
		height:28px;
		margin:0px;
		position:relative;
		list-style:none;
		overflow: hidden; 
		padding:0px;
		top: -28px;
				}
				*/

#menusite {
	width:960px;
		height:28px;
		margin:0 0 -28px;
		position:relative;
		list-style:none;
		overflow: hidden; 
		padding:0px;
		top: -28px;
				}
		
#menusite li {
	top:0;
	display:block;
	height:28px;
	list-style:none; 
			}
			
#menusite li a {display:block;height:28px;color:#FFFFFF;font-size:14px;font-weight:500;letter-spacing:0.02em;font-family:Helvetica, serif;}
			
#menusite li a span {
	display:none;
}



/* padding-right:54px; */
			
#menu1 {
		display:inline;float:left;
		height: 28px;
		padding-left:20px;
		padding-right:40px;
		padding-top:8px;
		}
		
#menu2 {
		display:inline;float:left;
		height: 28px;
		padding-right:40px;
		padding-top:8px;
		}
		
#menu3 {
		display:inline;float:left;
		height: 28px;
		padding-right:40px;
		padding-top:8px;
		}
		
#menu4 {
		display:inline;float:left;
		height: 28px;
		padding-right:40px;
		padding-top:8px;
		}
		
#menu5 {
		display:inline;float:left;
		height: 28px;
		padding-top:8px;
		}
		
#menu6 {
		display:inline;float:right;
		height: 28px;
		padding-right:15px;
		padding-top:8px;
		
		}
		
#menu7 {
		display:inline;float:right;
		height: 28px;
		padding-top:8px;
		padding-right:15px;
		}
		

		


#menusite2 {
background-color: #9d280b;
		width:960px;
		height:25px;
		margin:0px;
		position:relative;
		list-style:none;
		overflow: hidden; 
		padding:0px;
				}
				
#menusite2 li {
	position:absolute;
	top:0;
	display:block;
	height: 30px;
	list-style:none; 
			}
			
#menusite2 li a {display:block; height: 30px;color:#FFFFFF;font-size:12px;letter-spacing:0.03em;}
			
#menusite2 li a span {
	display:none;
}

/* carrousel */

#carrousel{
    border: solid 3px #efefef;
    width:612px; /* était à 712 ou 415 ou 525 ou 644 ou 630  */
    height:344px; /* était à 264 ou 276 ou 250 */
    /* margin:0 auto; */
    position:relative; 
    overflow:hidden;
}

.slide {
    position:absolute;
    top:0;
    left:0;
    width:612px; /* était à 712 ou 415 ou 525 ou 630 */
    height:344px; /* était à 275 ou 264 ou 276 ou 250 */
	
}

.slide p { color:black; font-weight:bold;}

.visu2 {
    background:url(images/caroussel/fondmasque.jpg) top left repeat;
	width:612px; 
    height:275px;
	 position:absolute;
    top:0;
    left:0;
	
}

.title{
    position:absolute;
    padding-left:12px;
    width:600px; /* était à 700 ou 400 ou 513 ou 618*/
    line-height:35px;
    height:35px;
    bottom:0;
    left:0;
	font-weight:bold;
	color:#FFFFFF;
    background:url(images/caroussel/opaque3.png) top left repeat;
}

.title a:link {text-decoration: underline; color:#FFFFFF; }
.title a:visited {text-decoration: underline; color:#FFFFFF;}
.title a:hover {text-decoration: underline; color:#FFFFFF;}
.title a:active {text-decoration: underline; color:#FFFFFF;}

.supp { color:#F00; font-weight:bold; }

.navigation{
    position:absolute;
    bottom:8px;
    right:5px;
}

.navigation span{
    background:#000;
    color:#FFF;
    padding:2px 4px;
    cursor:pointer;
    margin:0 1px;
}

.navigation span:hover,.navigation span.active{
    background:#FFF;
    color:#000;
}

/* end carrousel */


/* carrousel2 pour À surveiller */

#carrouselx {
    border: none;
    width:612px; 
    height:255px; 
    /* margin:0 auto; */
    position:relative; 
    overflow:hidden;
}

.slidex {
    position:absolute;
    top:0;
    left:0;
    width:612px; 
    height:255px; 
	
}

.slidex p { color:black; font-weight:bold;}

.visux {
    background:url(http://www.montheatre.qc.ca/images/caroussel/fond-border-orange.gif) top left repeat;
	width:612px; 
    height:255px;
	 position:absolute;
    top:0;
    left:0;
	
}

.subvisux {
    width:153px; 
    height:255px;
	float:left;
    padding:8px;
	
}

.titlex{
    position:absolute;
    padding-left:12px;
    width:600px; /* était à 700 ou 400 ou 513 ou 618*/
    line-height:35px;
    height:35px;
    bottom:0;
    left:0;
	font-weight:bold;
	color:#FFFFFF;
    /* background:url(images/caroussel/opaque3.png) top left repeat; */
}

.titlex a:link {text-decoration: underline; color:#FFFFFF; }
.titlex a:visited {text-decoration: underline; color:#FFFFFF;}
.titlex a:hover {text-decoration: underline; color:#FFFFFF;}
.titlex a:active {text-decoration: underline; color:#FFFFFF;}

.suppx { color:#F00; font-weight:bold; }

.navigationx{
    position:absolute;
    bottom:8px;
    right:5px;
}

.navigationx span{
    background:#000;
    color:#FFF;
    padding:2px 4px;
    cursor:pointer;
    margin:0 1px;
}

.navigationx span:hover,.navigation span.active{
    background:#FFF;
    color:#000;
}

/* end carrousel2 */

hr.f1 { /* filet bleu clair */
  border: none;              /* On supprime la bordure (inset par défaut)... */
  background-color: #66A8E7; /* ... que l'on remplace par un fond bleu uni   */
  height: 1px;               /* On définit la hauteur de 1 pixel pour que le fond soit visible ! */
  width: 96%;                /* Et on précise que l'on désire un filet de longueur 70%... */
  align: left;             /* ... et centré, par exemple */
  margin-left: 10px;
  margin-top:30px;
  margin-bottom:20px;
}

hr.f1-1 { /* filet bleu clair */
  border: none;              /* On supprime la bordure (inset par défaut)... */
  background-color: #66A8E7; /* ... que l'on remplace par un fond bleu uni   */
  height: 1px;               /* On définit la hauteur de 1 pixel pour que le fond soit visible ! */
  width: 96%;                /* Et on précise que l'on désire un filet de longueur 70%... */
  
}

hr.f1-p { /* filet bleu clair pour les pièces */
  border: none;              /* On supprime la bordure (inset par défaut)... */
  background-color: #66A8E7; /* ... que l'on remplace par un fond bleu uni   */
  height: 1px;               /* On définit la hauteur de 1 pixel pour que le fond soit visible ! */
  width: 100%;                /* Et on précise que l'on désire un filet de longueur 70%... */
  text-align: left;
}

hr.f1-pv { /* filet bleu clair pour les pièces */
  border: none;              /* On supprime la bordure (inset par défaut)... */
  background-color: #66A8E7; /* ... que l'on remplace par un fond bleu uni   */
  height: 1px;               /* On définit la hauteur de 1 pixel pour que le fond soit visible ! */
  width: 100%;                /* Et on précise que l'on désire un filet de longueur 70%... */
  text-align: left;
  margin-top:30px;
}

hr.f2 { /* filet entre pièces même date */
  border: none;
  background: url(boutons/hr_degrade.png) #89B5FF; /* Cette fois on veut une image (dégradé blanc vers bleu), */
  background-repeat: no-repeat;               /* non répétée, et on poursuit avec la couleur bleu une fois l'image terminée */
  height: 1px;
  width: 96%;
  margin-left: 10px;
  margin-top:30px;
  margin-bottom:20px;
}

hr.f3 { /* petit filet */
  border: none;              /* On supprime la bordure (inset par défaut)... */
  background-color: #E0E0E0; /* ... que l'on remplace par un fond bleu uni   */
  height: 1px;               /* On définit la hauteur de 1 pixel pour que le fond soit visible ! */
  width: 90%;                /* Et on précise que l'on désire un filet de longueur 70%... */
  align: center;             /* ... et centré, par exemple */
  margin-top:20px;
  margin-bottom:20px;
}

hr.f3actu { /* petit filet pour actualité */
  border: none;              /* On supprime la bordure (inset par défaut)... */
  background-color: #E0E0E0; /* ... que l'on remplace par un fond bleu uni   */
  height: 1px;               /* On définit la hauteur de 1 pixel pour que le fond soit visible ! */
  width: 150px;                /* Et on précise que l'on désire un filet de longueur 70%... */
  align: center;             /* ... et centré, par exemple */
  margin-top:20px;
  margin-bottom:20px;
  text-align:center;
  margin: 0 auto; /*this will align it left for Mozilla*/ 
}

hr.f4 { /* petit filet sans marge */
  border: none;              /* On supprime la bordure (inset par défaut)... */
  background-color: #E0E0E0; /* ... que l'on remplace par un fond bleu uni   */
  height: 1px;               /* On définit la hauteur de 1 pixel pour que le fond soit visible ! */
  width: 90%;                /* Et on précise que l'on désire un filet de longueur 70%... */
  align: center;             /* ... et centré, par exemple */
  margin-top:15px;
}

hr.f4-1 { /* petit filet sans marge */
  border: none;              /* On supprime la bordure (inset par défaut)... */
  background-color: #E0E0E0; /* ... que l'on remplace par un fond bleu uni   */
  height: 1px;               /* On définit la hauteur de 1 pixel pour que le fond soit visible ! */
  width: 90%;                /* Et on précise que l'on désire un filet de longueur 70%... */
  align: center;             /* ... et centré, par exemple */
  margin-top:15px;
  margin-bottom:15px;
  clear:both;
}

hr.f5 { /* petit filet */
  border: none;              /* On supprime la bordure (inset par défaut)... */
  background-color: #66A8E7; /* ... que l'on remplace par un fond bleu uni   */
  height: 1px;               /* On définit la hauteur de 1 pixel pour que le fond soit visible ! */
  width: 300px;                /* Et on précise que l'on désire un filet de longueur 70%... */
  text-align: center;/*this will align it for IE*/
  margin: 0 auto; /*this will align it left for Mozilla*/             
  margin-top:20px;
  margin-bottom:20px;
}

hr.f5-1 { /* petit filet */
  border: none;              /* On supprime la bordure (inset par défaut)... */
  background-color: #66A8E7; /* ... que l'on remplace par un fond bleu uni   */
  height: 1px;               /* On définit la hauteur de 1 pixel pour que le fond soit visible ! */
  width: 300px;                /* Et on précise que l'on désire un filet de longueur 70%... */
  text-align: left;/*this will align it for IE*/
  margin: 20px ; /*this will align it left for Mozilla*/             
  margin-top:20px;
  margin-bottom:20px;
}

.descripshow

{ font-size:12px;font-family:Arial, Helvetica, sans-serif; }

.dateshow

{ font-size:16px;font-family:Arial, Helvetica, sans-serif;color:#000066;font-weight:bold; }

.titleshow

{ font-size:16px;font-family:Arial, Helvetica, sans-serif;color:#000000;font-weight:bold; }

.titleshowmaj

{ font-size:16px;font-family:Arial, Helvetica, sans-serif;color:#000000;font-weight:bold;text-transform:uppercase; }


.dateactu

{ font-size:12px; color:#000066; font-weight:bold; }





/* SECTION DES PIÈCES DE THÉÂTRE */

#date {
		padding-left:15px;
		padding-top:15px;
		width:900px;
		float:left;
		}
		
#header2 {
		display:none;
visibility:hidden;
		}
		
#titrepiece {
		font-family:Arial, Helvetica, sans-serif;
		margin:15px;
		padding-top:10px;
		font-size:19px;
		font-weight:bold;
		clear:both;
		}
		
#titrepiece img {
			float:right;
			padding: 0px 0px 15px 25px;
			}
		
#infos {
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
		margin:15px;
		padding-top:2px;
		
		}
	#infos img {
			float:right;
			padding: 0px 0px 15px 15px;
			}	

		
#corps {
	
		font-family:Arial, Helvetica, sans-serif;
		margin:15px;
		
		}
		
#corpsnew {
	
		font-family:Arial, Helvetica, sans-serif;
		margin:15px;
		text-align:justify;
		
		}
		
#corps2 {
	
		font-family:Arial, Helvetica, sans-serif;
		margin:15px;
		
		}
		
#corps2img img {
			float:left;
			padding: 0px 0px 15px 15px;
			}
			
			#corps2img {
	
		font-family:Arial, Helvetica, sans-serif;
		margin:15px;
		
		}
		
		#corpsimg {
	
		font-family:Arial, Helvetica, sans-serif;
		margin:15px;
		text-align:justify;
		}
		
		#corpsimg img {
			float:right;
			padding: 0px 0px 15px 15px;
			}
		
#corpsthete {
		width:720px;
		font-family:Arial, Helvetica, sans-serif;
		margin:15px;
		clear:both;
		}
		
#corpsthete2 {
		
		font-family:Arial, Helvetica, sans-serif;
		margin:15px;
		clear:both;
		}
		
textarea {width:275px;
vertical-align:top;}
		
#corpsth {
		
		font-family:Arial, Helvetica, sans-serif;
		margin:20px;
		margin-top:0px;
		padding-top:2px;
		clear:both;
		}
		
#corpsth1 {
		width:342px;
		font-family:Arial, Helvetica, sans-serif;
		float:left;
		padding-top:0px;
		padding-right:10px;
		margin:15px;
		padding-bottom:0px;
		}
		
#corpsth1-1 {
		width:545px;
		font-family:Arial, Helvetica, sans-serif;
		float:left;
		margin:20px 0px 0px 20px;
		}
		
#corpsth1-1img { padding-right:20px;}
		
#corpsth2 {
		width:342px;
		font-family:Arial, Helvetica, sans-serif;
		float:right;
		padding-top:2px;
		margin:20px;
		margin-bottom:0px;
		}
		
#corps img {
			float:right;
			padding-right:15px;
			/* padding: 4px 4px 4px 4px;
border: 1px solid #999999;
FF9500 */
			}
			
#corpsth1 img {
			float:right;
			}
			
.texte2 {
		margin:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		}		
		
.adresse {
		margin:15px;
		font-family:Arial, Helvetica, sans-serif;
		}	
		
.adresse a:link, .adresse a:visited {text-decoration: none; color:#000; }
.adresse a:hover, .adresse a:active {text-decoration: underline; color:#000;}

.adresse a.lien2:link, .adresse a.lien2:visited {text-decoration: none; color:blue; }
.adresse a.lien2:hover, .adresse a.lien2:active {text-decoration: underline; color:blue; }

		
#adresse2 {
		width:720px;
		font-family:Arial, Helvetica, sans-serif;
		margin:15px;
		margin-botton:0px;
		padding-top:0px;
		}
		
#ima01 {
		width:167px;
		padding-left:8px;
		padding-bottom:8px;
		font-size:10px;
		float:right;
		text-align:center;
		}
		
#ima01-0 {
		width:200px;
		padding-left:8px;
		padding-bottom:8px;
		font-size:10px;
		float:right;
		text-align:center;
		}
		
#ima01-wildside {
		width:265px;
		height:265px;
		padding-left:10px;
		padding-bottom:10px;
		font-size:10px;
		float:right;
		text-align:center;
		}
		
#ima01-1 {
		width:250px;
		padding-left:8px;
		padding-bottom:8px;
		font-size:10px;
		float:right;
		text-align:center;
		}
		
#ima01-2 {
		width:300px;
		padding-left:8px;
		padding-bottom:8px;
		font-size:10px;
		float:right;
		text-align:center;
		}
		
#ima-h {
		width:300px;
		padding-left:15px;
		padding-bottom:8px;
		font-size:10px;
		float:right;
		text-align:center;
		}
		
#ima-hsans {
		width:300px;
		padding-left:15px;
		font-size:10px;
		float:right;
		text-align:center;
		}
		
#ima-h20 {
		width:300px;
		padding-left:20px;
		padding-bottom:8px;
		font-size:10px;
		float:right;
		text-align:center;
		}
		
#ima-logo {
		width:120px;
		padding-left:8px;
		padding-bottom:8px;
		float:right;
		text-align:center;
		}
		
#ima-logo-g {
		width:135px;
		float:left;
		text-align:center;
		/* padding-left:8px; 
		padding-bottom:8px; */
		
		}
		
#ima-h250 {
		width:250px;
		padding-left:15px;
		padding-bottom:8px;
		font-size:10px;
		float:right;
		text-align:center;
		}
		
#ima-h200 {
		width:200px;
		padding-left:15px;
		padding-bottom:8px;
		font-size:10px;
		float:right;
		text-align:center;
		}
		

		
#ima-h120 {
		width:120px;
		padding-left:10px;
		padding-bottom:10px;
		font-size:10px;
		float:right;
		text-align:center;
		}
		
#ima-h400 {
		width:400px;
		padding-left:15px;
		padding-bottom:12px;
		padding-top:3px;
		font-size:10px;
		float:right;
		text-align:center;
		
		}
		
		#ima-h400sans {
		width:400px;
		padding-left:15px;
		padding-top:3px;
		font-size:10px;
		float:right;
		text-align:center;
		
		}
		
#ima-h400new {
		width:400px;
		margin-left:15px;
		margin-bottom:10px;
		margin-top:3px;
		padding-bottom:3px;
		font-size:10px;
		float:right;
		text-align:center;
		background-color:#f0efef;
		}
	/* pour un fond coloré sous le nom crédit */	

		
#ima-h400g {
		width:400px;
		padding-right:12px;
		padding-bottom:12px;
		padding-top:3px;
		font-size:10px;
		float:left;
		text-align:center;
		}
		
#ima-hg {
		width:300px;
		padding-right:12px;
		padding-bottom:12px;
		padding-top:3px;
		font-size:10px;
		float:left;
		text-align:center;
		}
		
#ima-h250g {
		width:250px;
		padding-right:12px;
		padding-bottom:12px;
		padding-top:3px;
		font-size:10px;
		float:left;
		text-align:center;
		}
		
#ima-v {
		width:200px;
		padding-left:8px;
		padding-bottom:8px;
		font-size:10px;
		float:right;
		text-align:center;
		}
		
/*pour le wildside*/

#ima-w {
		width:200px;
		height:200px;
		padding-left:20px;
		padding-bottom:8px;
		font-size:10px;
		float:right;
		text-align:center;
		}
		
#ima-news {
		width:200px;
		padding-left:8px;
		padding-bottom:8px;
		font-size:10px;
		float:right;
		text-align:center;
		}
		
#ima02 {
		width:167px;
		padding-left:8px;
		padding-bottom:8px;
		font-size:10px;
		float:left;
		text-align:center;
		display:inline;
		}

#ima03 {
		width:700px;
		font-size:10px;
		text-align:center;
		margin:0 auto;
		}
		
.imgcenter
{ margin:5px;}
		
/*tu n'as pas besoin de float pour ça, juste mettre un display:inline et une marge à tes images*/

#critiqueimg {
			text-align: center;
			}
			
#critiquetitle {
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	font-size:25px;
	height:30px;
	letter-spacing:0.05em;
			text-align: left;
			margin:15px;
			float:left;
			width:400px;
			background-color:#920b08;
			}		
			
#critiquetitleimprimer {
display:none;
visibility:hidden;
			}
			
			#critiqueligne {
	display:none;
visibility:hidden;
			}	
			
#critiqueimprimer {
width:280px;
	margin:15px;
			float:right;
			font-family:Arial, Helvetica, sans-serif;
			text-align:right;
			font-size:12px;
			text-decoration:none;
			}
			
#critiqueimprimernew {
width:280px;
	margin:77px 15px 15px 15px;
			float:right;
			font-family:Arial, Helvetica, sans-serif;
			text-align:right;
			font-size:12px;
			text-decoration:none;
			}	

#critique {
		
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		margin:10px 15px 15px 15px;
		text-align: left;
		clear:both;
		}
		

		
#critiquenom {
		width:100%;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		margin:15px 15px 25px 15px;
		text-align: left;
		clear:both;
		}
		
#critiquenom2 {
		width:500px;
		height:74px;
		margin-left:15px;
		
		text-align: left;
		clear:both;
		}
		
#critiquenew {
		
		font-family:Arial, Helvetica, sans-serif;
		font-size:85%;
		margin:20px 15px 15px 15px;
		text-align: justify;
		clear:both;
		line-height:125%;
		}
		
.FirstLetter:first-letter {
  font-family:lobster;
  font-size:4em;
/*  font-style: italic; 
  padding-right:0.2em;
  padding-bottom:0.2em; */
  padding:0.1em 0.15em 0.1em 0em;
line-height: 70%;
 /* margin-top:0.1em; */
 float:left;
  color:#900;
 
}

.FirstLettersmall:first-letter {
  font-family:lobster;
  font-size:3em;
/*  font-style: italic; 
  padding-right:0.2em;
  padding-bottom:0.2em; */
  padding:0.1em 0.15em 0.1em 0em;
line-height: 70%;
 /* margin-top:0.1em; */
 float:left;
  color:#900;
 
}


		
#critique2 {
		
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		margin:15px;
		text-align: left;
		clear:both;
		}
			
#datecritique {
				text-align:right;
				font-family:Arial, Helvetica, sans-serif;
				font-size:10px;
			margin:15px;
			
				}
				
#datecritique2 {
				text-align:right;
				font-family:Arial, Helvetica, sans-serif;
				font-size:10px;
			margin:15px;
			
				}
				
.left
{ float:left;}

.left2
{ float:left;
padding:5px;
width:150px;
border-right:solid #CCCCCC 1px;}

.theatrelogo
{ margin-left:40px;
margin-bottom:10px;}

.right
{ float:right;}

.right2
{ float:right;
width:350px;
height:605px}

.right3
{ float:right;
width:590px;
margin-top:5px;
}

#titresurveiller {
		font-family:Arial, Helvetica, sans-serif;
		margin-right:15px;
		margin-bottom:5px;
		padding-top:10px;
		padding-left:5px;
		font-size:22px;
		font-weight:bold;
		width:500px;
		clear:both;
		background-image:url(../boutons/fondjaune.gif);
		color:white;
		}
		
.surveillertexte
{ 
margin-right:10px;
}

#boutonsbas {
padding:10px;
padding-right:2px;
		margin:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		border-width: 1px; 
		border-style: solid; 
		border-color: #999999;
		text-decoration:none;
		
		}
		
#boutonsbas iframe.facebook {margin-bottom:-21px;}

#boutonsbas iframe.twitter-share-button {margin-bottom:0px;}
		
#boutonsbas img { vertical-align:top;}

.style2 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		}
		
.stylesupp {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#F00;
		font-weight:bold;
		}
		
.style2-2 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		}
		
.stylenomcritic {
		width:300px;
  height:74px;
		 display: table-cell;
		vertical-align: middle;
		
 }
 
.stylenomcritic2 {
		font-family:Arial, Helvetica, sans-serif;
	font-size: 10px
 }
		

		
.style1 {font-family:Arial, Helvetica, sans-serif;
	font-size: 10px}
	
.style3 {font-family:Arial, Helvetica, sans-serif;font-size: 18px;}

.style4 {font-family:Arial, Helvetica, sans-serif;font-size: 18px; color:#900;}



.hasJS .cache {display: none;}
.montre {display: block;}
.cache {
		display: none;
		}
.invisible {
	visibility: hidden;
	display:none;
	margin-top: 5px;
	}
.visible {
	visibility: visible;
	display:block;
	margin-top: 5px;
	}

.accToggler{
	margin: 5px 5px 5px 0px;
	padding: 3px;
	
	background: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px; 
	color:#900;
	cursor: pointer;
	text-align:left;
	
}
.accContent{
	margin: 5px 5px 5px 40px;
	font-size: 15px;
	
}

.texte2 {
		margin:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		}	
		

/* CSS pour module perso Twitter */

#twitter_update_list {
	font-size: 12px;
	line-height: 15px;
	list-style: none;
	background-color:#f9f9f9;
	/*background: url('background_test_twitter.gif');
	padding-top:10px;
	padding-bottom:5px;
	margin-left:-5px;*/
	border:solid 1px #E0E0E0;
	border-bottom:none;
	margin-bottom: 0px;
	margin-top: 0px;
	}
#twitter_update_list li {
	/*background: url('background_test_twitter.gif');*/
	background-color:#f9f9f9;
	padding-bottom: 7px;
	padding-top: 7px;
	padding-right:3px;
	/*margin-bottom: 9px;*/
	margin-right:2px;
	margin-bottom: 0px;
	border-bottom: solid 1px #e0e0e0;
	}
#twitter_update_list span {
	color: #333;
	
	}
#twitter_update_list span a {
	color: #2200c1;
	text-decoration:underline;
	}
#twitter_update_list a {
	color: #6f7276;}
	
#twitterend { text-align:left;
margin-top:0px;
	} 
	
#twitterend img { vertical-align:top; margin-top:-2px;
	} 
	
	
	
	/* color time ago */
	
/* fin CSS pour module perso Twitter */





/* début page Les Théâtres */

#tabth td { font-size:11px;
 font-weight:bold;
 text-align:center;
}
.contenutheatre 	{
			width: 910px;
			background-color: #FFFFFF;
			margin:4px 20px 20px 20px;
			/*border-top: solid 10px #E0E0E0;*/
						}
						
.contenuthhead 	{
			width: 920px;
			height: 34px;
			background-color: #FFFFFF;
			padding:4px 20px 0px 20px;  /* haut-droite-bas-gauche */
			/*border-top: solid 10px #E0E0E0;*/
			margin: 0 auto;
			text-align:center;
			font-size:12px;
 font-weight:bold;
 line-height:125%;
						}
						
.contenuthhead2 	{
			width: 920px;
			height: 2em;
			background-color: #FFFFFF;
			padding:4px 20px 0px 20px;  /* haut-droite-bas-gauche */
			/*border-top: solid 10px #E0E0E0;*/
			margin: 0 auto;
			text-align:center;
			font-size:12px;
 font-weight:bold;
 line-height:125%;
						}
						
.contenuthhead a:link {text-decoration: none; color:#000; }
.contenuthhead a:visited {text-decoration: none; color:#000; }
.contenuthhead a:hover {text-decoration: underline; color:#000; }
.contenuthhead a:active {text-decoration: underline; color:#000; }
						
.contenuarchhead 	{
			width: 920px;
			background-color: #FFFFFF;
			padding:4px 20px 5px 20px;  /* haut-droite-bas-gauche */
			/*border-top: solid 10px #E0E0E0;*/
			
			margin: 0 auto;
			text-align:center;
			font-size:12px;
 font-weight:bold;
 line-height:125%;
						}
.contenuarchhead a:link {text-decoration: none; color:#000; }
.contenuarchhead a:visited {text-decoration: none; color:#000; }
.contenuarchhead a:hover {text-decoration: underline; color:#000; }
.contenuarchhead a:active {text-decoration: underline; color:#000; }			


hr.fth { /* petit filet */
  border: none;              /* On supprime la bordure (inset par défaut)... */
  background-color: #66A8E7; /* ... que l'on remplace par un fond bleu uni   */
  height: 1px;               /* On définit la hauteur de 1 pixel pour que le fond soit visible ! */
  width: 300px;                /* Et on précise que l'on désire un filet de longueur 70%... */
  text-align: left;/*this will align it for IE*/
  margin: 0 auto 0 0; /*this will align it left for Mozilla*/             
  margin-top:20px;
  margin-bottom:20px;
}

/* fin page Les Théâtres */

/* FTA 2012*/

.row .carre + .carre {margin-left:50px;}

.row {clear:both;margin-left:40px;margin-bottom:30px;}

.carre {width:400px; height:300px; float:left; margin-bottom:30px;}

.carreup {width:400px; height:120px;}

.carredown {width:400px; height:auto; padding-top:8px; font-size:12px;
 line-height:125%;}
 
 #corpsfta {
	font-family:Arial, Helvetica, sans-serif;
		margin:15px;	
		 
		}
		
#corpsfta2 {
	font-family:Arial, Helvetica, sans-serif;
		margin:15px;	
		 
		}
		
#corpsfta img {
			float:left;
			}
			
		
#surveillercadre {
	width:600px;
		padding:5px;
		margin-top:15px;
		margin-bottom:15px;
		border-width: 1px; 
		border-style: solid; 
		border-color: #999999;
		height:auto;
		display: block;
  clear: both;
  overflow: hidden;
		}
		
#surveillercadreint {
	width:125px;
		padding:2px;
		margin:3px;
		margin-right:17px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		border-width: 0px; 
		text-decoration:none;
		float:left;
		/* position:fixed; */
		display:block;
		}
		
#surveillercadretitre {
	width:98%;
	
	background-color:#FFFFFF; color:#fd8a11; border-bottom:solid 1px #fd8a11;
		padding:2px;
		margin-bottom:6px;
		margin-left:3px;
		float:left;
		/* position:fixed; */
		display:block;
		clear:both;
		text-decoration: none; color:#fd8a11;
		font-weight:400; padding-top:2px; padding bottom:-10px; font-size:24px; letter-spacing:0.2em !important; 
		}
		
#surveillercadreint img {
	margin:0px;
	padding:0px;
		
		}
		
/* casteliers 2013 */

#corpscast {
	font-family:Arial, Helvetica, sans-serif;
		margin:15px;	
		 
		}
			
#corpscast img {
			float:left;
			margin-right:15px;
			margin-bottom:15px;
			}
			
.carreupcast {width:400px; height:150px;}

.carrecast {width:400px; height:330px; float:left; margin-bottom:30px;}

.row .carrecast + .carrecast {margin-left:50px;}

#corpscast {
		font-family:Arial, Helvetica, sans-serif;
		margin:15px;
		}
		
#ima-h-cast {
		width:300px;
		padding-left:12px;
		padding-bottom:8px;
		font-size:10px;
		float:right;
		text-align:center;
		}
		
#ima-v-cast {
		width:200px;
		padding-left:12px;
		padding-bottom:8px;
		font-size:10px;
		float:right;
		text-align:center;
		}
		
/* théâtres d'été */

#regions {
		width:930px;
		margin-bottom:25px;
		font-size: 10px;
		text-align:right;
		}
		
.titrethete {font-family:Arial, Helvetica, sans-serif; font-size: 20px; letter-spacing:0.07em; margin-bottom:3px; margin-top:3px;}

.titrethetefait {font-family:Arial, Helvetica, sans-serif; font-size: 20px; letter-spacing:0.07em; margin-bottom:3px; margin-top:3px;background-color:green;}

.villethete {font-family:Arial, Helvetica, sans-serif; font-weight:lighter; font-size:20px; color:#FF3300; }

.tabtheteleft {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		text-align:justify;
		padding-right:20px;
		}
		
.tabtheteright {
		padding-top:-150px;
		}
		
hr.thete { /* petit filet pour th d'été */
  border: none;              /* On supprime la bordure (inset par défaut)... */
  background-color: #E0E0E0; /* ... que l'on remplace par un fond bleu uni   */
  height: 1px;               /* On définit la hauteur de 1 pixel pour que le fond soit visible ! */
  width: 150px;                /* Et on précise que l'on désire un filet de longueur 70%... */
  align: left;             /* ... et centré, par exemple */
  margin-top:15px;
  margin-bottom:15px;
  text-align:left;
  margin: 30px auto; /*this will align it left for Mozilla*/ 
}

.mainselection {
    overflow:hidden;
    width:450px;
    margin-left:35px;
    /*background: url("http://www.montheatre.qc.ca/images/dropdown_arrow.png") no-repeat #fff 319px 2px;
     dropdown_arrow.png is a 31x28 image */
}
select {
    border:0;
    background:transparent;
    height:22px;
    border:1px solid #d8d8d8;
    width:300px;
    -webkit-appearance: none;
}

/* fin théâtres d'été */

/* slideshow 2014 */


  
  .rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: right;
  width: auto;
  border: 0;
  padding-left:5px;
  padding-right:0px !important;
  }

.rslides_container {
  margin-bottom: 50px;
  position: relative;
  float: right;
  width: 100%;
  padding-left: 5px;
  text-align:center;
  }
  
  .transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,1); /* blanc 255,255,255,1 */
  top: -30;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  
  }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }
  
  .centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  margin-top: 0px;
  text-align: center;
  
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  padding-right: 20px;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 6px;
  height: 6px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }
.ecriture {
  font-size:10px;
text-align:center;
  
  }
  
  .caption {
  position: absolute;
  display: block;
  bottom: 3px;
  left: 0;
  right: -2;
  padding: 5px;
  text-align: center;
  background: #000;
  background: rgba(0,0,0, .8);
  color: #fff;
   font-size:10px;
}
  
  /* fin slideshow 2014  */</pre></body></html>