@charset "utf-8";
/* CSS Document */

body {
font-family:Arial, Helvetica, sans-serif;
background: linear-gradient(90deg, #F8F8F8 50%, #FFF 50%);
/*background-color:#F8F8F8;*/
/* background-color:#FFF; */
margin: 0px;
padding: 0px;
padding-top: 45px; /* 57px le 17-04-2018 -- 62px; pour le padding du haut de la page, a cause du menu */
border: 0px;
			}
			

#critiquenew blockquote {
  background: #f9f9f9;
  /* width:940px; */
  width: 400px;
  border-left: 10px solid #ccc;
  margin: 2.5em 50px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
#critiquenew blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
 line-height: 0.2em;
  margin-right: 0.25em;
  vertical-align: -0.2em;
}
#critiquenew blockquote p {
  display: inline;
   
}

			
/*
body {
font-family:Arial, Helvetica, sans-serif;
background-color:#E0E0E0;
margin: 0px;
padding: 0px;
border: 0px;
			}
*/
	
#zone1 {    /* la zone de lien logo */ 
float: left; 
width : 260px; 
height: 60px; 
margin-top: 8px; 
}

#zone2 {    /* la zone de lien logo avec nouv menu 2018 */ 
float: left; 
width : 220px; 
height: 60px; 
margin-top: 8px; 
}
					
.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;
}	
			
a:link {text-decoration: none; }
a:visited {text-decoration: none; }
a:hover {text-decoration: underline; }
a:active {text-decoration: underline; }

/* HEADER 2017 */

/* #header { background-image:url(boutons/header_2017.jpg); 
width:960px;
height:95px;} */
	  
	 
#headernew { background-image:url(boutons/header_2017_2.jpg); 
min-width:1250px;
width:100%;
background-repeat: no-repeat;
background-color:#FFF;
height:62px;
position:fixed;
top:0;
z-index:3;
	 }
	 
	 #headernew2018 { background-image:url(boutons/header_2018_1.jpg); 
min-width:1000px;
width:100%;
background-repeat: no-repeat;
background-color:#FFF;
height:62px;
position:fixed;
top:0;
z-index:3;
	 }
	 
/* bkup herdernew
#headernew { background-image:url(boutons/header_2017.jpg); 
min-width:1250px;
width:auto;
background-repeat: no-repeat;
background-color:#FFF;
height:75px;
	 }
	 */

/*menu 2017 */

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

#menuth {
		display:inline;float:left;
		height: 28px;
		/*padding-left:20px;*/
		padding-right:20px;
		padding-top:8px;
		}
		
#menuarch {
		display:inline;float:left;
		height: 28px;
		padding-top:8px;
		padding-right:10px; 
		border-right:solid 1px #E0E0E0;
		/*border-right:solid 1px #E0E0E0;*/
		}
		
#menuent {
		display:inline;float:left;
		height: 28px;
		padding-right:5px;
		padding-top:8px;
		}
		
#menuent a:link {text-decoration: none; }
#menuent a:visited {text-decoration: none; }
#menuent a:hover {text-decoration: none; background-color:#0033CC; color:#FFF; }
#menuent a:active {text-decoration: none; background-color:#0033CC; color:#FFF; }
		
#menusurv {
		display:inline;float:left;
		height: 28px;
		padding-right:7px;
		padding-top:8px;
		}
		
#menusurv a:link {text-decoration: none; }
#menusurv a:visited {text-decoration: none; }
#menusurv a:hover {text-decoration: none; background-color:#F90; color:#FFF; }
#menusurv a:active {text-decoration: none; background-color:#F90; color:#FFF; }

#menusurv2 {
		display:inline;float:left;
		height: 45px; /* height: 28px; */
		padding-right:7px;
		padding-top:8px;
		border-right:solid 1px #E0E0E0;
		}
		
#menusurv2 a:link {text-decoration: none; }
#menusurv2 a:visited {text-decoration: none; }
#menusurv2 a:hover {text-decoration: none; background-color:#F90; color:#FFF; }
#menusurv2 a:active {text-decoration: none; background-color:#F90; color:#FFF; }

#menuactu {
		display:inline;float:left;
		height: 28px;
		padding-right:7px;
		padding-top:8px;
		}
		
#menuactu a:link {text-decoration: none; }
#menuactu a:visited {text-decoration: none; }
#menuactu a:hover {text-decoration: none; background-color:#24b419; color:#FFF; }
#menuactu a:active {text-decoration: none; background-color:#24b419; color:#FFF; }
		
#menuesp {
		display:inline;float:left;
		height: 28px;
		padding-left:10px;
		padding-right:15px;
		padding-top:8px;
		}
		
#menuesp a:link {text-decoration: none; }
#menuesp a:visited {text-decoration: none; }
#menuesp a:hover {text-decoration: none; }
#menuesp a:active {text-decoration: none; }
		
#menuprop {
		display:inline;float:left;
		height: 28px;
		padding-right:15px;
		padding-top:8px;
		/*margin-left:8px;*/
		padding-left:15px;
		border-left:solid 1px #E0E0E0;
		}

#menuqc {
		display:inline;float:left;
		height: 28px;
		padding-right:15px;
		padding-top:8px;
		
		}
		
#menumtl {
		display:inline;float:left;
		height: 28px;
		padding-top:8px;
		padding-right:15px;
		}
		
#menuqc2 {
		display:inline;float:left;
		height: 28px;
		padding-right:15px;
		padding-left:10px;
		padding-top:8px;
		
		}
		
#menumtl2 {
		display:inline;float:left;
		height: 28px;
		padding-top:8px;
		padding-left:10px;
		padding-right:15px;
		}
		
		
/* 2017 */

/*menu 2018 

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

#menuth2018 {
		display:inline;float:left;
		height: 28px;
		
		padding-right:20px;
		padding-top:8px;
		}
		
#menuarch2018 {
		display:inline;float:left;
		height: 28px;
		padding-top:8px;
		padding-right:10px; 
		border-right:solid 1px #E0E0E0;
		
		}
		
#menuent2018 {
		display:inline;float:left;
		height: 28px;
		padding-right:15px;
		padding-top:8px;
		}
		

		

#menusurv2018 {
		display:inline;float:left;
		height: 45px;
		padding-right:15px;
		padding-top:8px;
		border-right:solid 1px #E0E0E0;
		}
		


#menuactu2018 {
		display:inline;float:left;
		height: 28px;
		padding-right:15px;
		padding-top:8px;
		}
		

		
#menuesp2018 {
		display:inline;float:left;
		height: 28px;
		padding-left:10px;
		padding-right:15px;
		padding-top:8px;
		}
		

		
#menuqc2018 {
		display:inline;float:left;
		height: 28px;
		padding-right:15px;
		padding-left:10px;
		padding-top:8px;
		
		}
		
#menumtl2018 {
		display:inline;float:left;
		height: 28px;
		padding-top:8px;
		padding-left:10px;
		padding-right:15px;
		}
		
		
 2018 */

/* bouton critique */

.button_bottom_link { position: fixed; bottom: 35px; left: 40%; background-color: #ac2625; padding: 12px 24px; color: white; font-family: "NeoSansStdLight"; font-size: 1.5em; border-radius: 3px; margin-left: -178px; }
.button_bottom_link:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 15px 13px 0 13px; border-color: #ac2625 transparent transparent transparent; position: absolute; bottom: -15px; left: 40%; margin-left: -13px; }
nav{  position: absolute; bottom: 15px; left: 40%; background-color: #ac2625; padding: 12px 24px; color: white; font-family: "NeoSansStdLight"; font-size: 1.5em; border-radius: 3px; margin-left: -178px; }
.button_bottom_link.nav{display:none;}

/* fin bouton critique couleur originale #007fc3 */

#contenuresume { width:690px; height:auto; display:block; text-align:justify;line-height: 95%; }

#subcontenuresume { margin-left:50px;padding-top:13px;margin-top:14px;width:640px; height:auto; display:block; text-align:justify;
border-top:solid 1px #E0E0E0; }

#subcontenuresume img { /*padding-left:50px;*/padding-right:10px; }


/* début page critiques */

#gauche{
display:inline-block;
vertical-align:top;
width:21%;
border:2px solid black;
margin-right:25px;
}

#droite {
display:inline-block;
vertical-align:top;
width:21%;
border:2px solid black;
margin-right:25px;
}

#milieug{
display:inline-block;
vertical-align:top;
width:21%;
border:2px solid black;
margin-right:25px;
}

#milieud{
display:inline-block;
vertical-align:top;
width:21%;
border:2px solid black;
margin-right:25px;
}
/*#milieud,#milieug,#droite,#gauche a:link {text-decoration: none;background-color:#0033CC; color:#FFF; }*/

h2.gauche a:link, h2.gauche a:visited, h2.gauche a:hover, h2.gauche a:active {text-decoration: none; color:#000; }
h2.gauche { font-weight:lighter; font-size:24px; }

h2.droite a:link, h2.droite a:visited, h2.droite a:hover, h2.droite a:active {text-decoration: none; color:#000; }
h2.droite { font-weight:lighter; font-size:24px; }

h2.mgauche a:link, h2.mgauche a:visited, h2.mgauche a:hover, h2.mgauche a:active {text-decoration: none; color:#000; }
h2.mgauche { font-weight:lighter; font-size:24px; }

h2.mdroite a:link, h2.mdroite a:visited, h2.mdroite a:hover, h2.mdroite a:active {text-decoration: none; color:#000; }
h2.mdroite { font-weight:lighter; font-size:24px; }




#blocmenu
{
width:1028px;	
	/*position:absolute;*/
	float:left;
	clear:both;
}


/* fin page critique */ 

/* #contcol2017 { clear:left; } */

#contenu2017 	{
			width: 1062px;
			background-color: #FFFFFF;
			margin: 0 auto;
			padding-top:10px;
				}

#contenu2020 	{
			width: 1356px;
			background-color: #FFFFFF;
			margin: 0 auto;
			padding-top:10px;
				}
				
#contenuleft2017 {
			width: 1054px;
			margin: 0 auto;
			padding:12px 12px 12px 20px;
			
			background-color: #FFFFFF;
			/* border-right:solid 1px #E0E0E0; 
			float:left;
			display:inline;*/
						}


						
#contenuleft2017 img {
			padding-right:10px;
			margin-bottom:20px;
	
			}

/*			
#contenuleft2017 p {
			padding-right:20px;
			}
*/

#contenuright2017 {
			width: 297px;
			margin: 0 0 15px 15px;
			padding:0px 15px;
			height:auto;
			float:right;
			display:inline;
			background-color: #FFFFFF;
			border-left:solid 1px #E0E0E0;
			border-bottom:solid 1px #E0E0E0;
			font-size:12px;
			font-family:Arial, Helvetica, sans-serif;
						}			
#thumb { margin-right:10px;width:120px;height:98px;float:left;position: relative; }
/* position: relative; ajouté pour mettre Lire la critique sur image */



#tab { margin: 0 0 0 10px; } /* pour créer une tabulation pour le tableau 5 critiques page principale */

hr.f1c { /* filet bleu clair court */
  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: 65%;                /* 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.f2c { /* filet entre pièces même date court */
  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: 65%;
  margin-left: 10px;
  margin-top:30px;
  margin-bottom:20px;
}

hr.f1l { /* filet bleu clair long */
  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: 95%;                /* 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.f2l { /* filet entre pièces même date long */
  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: 95%;
  margin-left: 10px;
  margin-top:30px;
  margin-bottom:20px;
}

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

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

/* TABS */

/* Style the tab */
div.tab {
   overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
	width:690px;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
	font-size: 22px;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
	width:666px;
}

.tabcontent {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

#actutab:hover {background-color:#11b111;color:white;} /* YellowGreen ou 0ead0e */
#survtab:hover {background-color:orange;color:white;}

#actutab.active {background-color:#11b111;color:white;}
#survtab.active {background-color:orange;color:white;}

#enttab:hover {background-color:#1E90FF;color:white;} /* YellowGreen ou 0ead0e */
#critictab:hover {background-color:red;color:white;}

#enttab.active {background-color:#1E90FF;color:white;}
#critictab.active {background-color:red;color:white;} /* f73535 */

/* pièces 2017 */

#date2017 {
		margin-left:15px;
		padding-top:15px;
		padding-bottom:15px;
		font-family:Arial, Helvetica, sans-serif;
		
		}
		
#date2017 img {
			float:right;
			padding: 0px 0px 15px 35px;
			}

#titrepiecenew {
		font-family:Arial, Helvetica, sans-serif;
		margin:15px;
		padding-top:10px;
		font-size:28px;
		clear:both;
		}
		
#titrepiecenew img {
			float:right;
			padding: 0px 0px 15px 35px;
			}
			
#infosnew {
		font-family:Arial, Helvetica, sans-serif;
		margin:15px;
		text-align:justify;
		line-height:150%;
		/*padding-top:15px;*/
		
		}
	#infosnew img {
			float:right;
			padding: 0px 0px 15px 15px;
			}
			
#infosnew2 {
		font-family:Arial, Helvetica, sans-serif;
		margin:15px;
		text-align:justify;
		line-height:150%;
		/*padding-top:15px;*/
		
		}
			
.texte2new {
		margin:15px;
		padding-top:1px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		}
		
#corpsnew2 {
	
		font-family:Arial, Helvetica, sans-serif;
		margin:15px;
		text-align:justify;
		padding-top:15px;
		}
		

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

#ima-h200e {
		width:200px;
		padding-left:35px;
		padding-bottom:8px;
		font-size:10px;
		float:right;
		text-align:center;
		}
		
hr.fthe { /* petit filet pour bas entrevue */
  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: 500px;                /* était a 300 - 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:30px;
  margin-bottom:20px;
}


/* fin 2017 */


.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_old { 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;
	  }

	 

		
#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;
						}	
						
	

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

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

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

#col4-1 {
			width: 620px;
			margin: 0 15px 0 0;
			padding:12px 12px 12px 20px;
			float:left;
			clear: both;
			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; }

/*<div style="background-color:#FFFFFF; color:#fd8a11; padding-left:5px; border-bottom:solid 2px #fd8a11; margin-bottom:3px; padding-bottom:0px">
  <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;">À surveiller</h2>
</div>*/
				
#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;
		}
		
#menu5a {
		display:inline;float:left;
		height: 28px;
		padding-top:8px;
		padding-right:40px;
		}
		
#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:690px; /* était à 612 -- 712 ou 415 ou 525 ou 644 ou 630  */
    height:388px; /* était à 344 -- 264 ou 276 ou 250 */
    /* margin:0 auto; */
    position:relative; 
    overflow:hidden;
	z-index:2;
	
}

.slide {
    position:absolute;
    top:0;
    left:0;
    width:690px; /* était à 612 -- 712 ou 415 ou 525 ou 630 */
    height:388px; /* était à 344 -- 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:690px;  /* était à 612 */
    height:275px; /* était à 275 */
	 position:absolute;
    top:0;
    left:0;
	
}

.title{
    position:absolute;
    padding-left:12px;
    width:678px; /* était à 600 -- 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; }
.asupp { 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:20px;
}

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-1index { /* 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;
		line-height:110%;
		
		}
		
#corpsnew img {
			float:right;
			padding: 0px 0px 15px 25px;
			}
		
#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:0px 100px 20px 20px;
		/*margin-top:0px;*/
		padding-top:2px;
		clear:both;
		font-size:85%;
		}
		
#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 100px 20px 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-h350 {
		width:350px;
		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-h450 {
		width:450px;
		padding-left:15px;
		padding-bottom:12px;
		padding-top:3px;
		font-size:10px;
		float:right;
		text-align:center;
		
		}
		
#ima-h200i {
		width:200px;
		padding-left:10px;
		padding-right:25px;
		float:right;
		}
		
#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:95%;
		margin:20px 15px 15px 15px;
		text-align: justify;
		clear:both;
		line-height:115%;
		}
		
.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;
		
		}

.astylesupp {
		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:8px 20px 8px 8px;  /* haut-droite-bas-gauche */
			/* padding:4px 20px 0px 0px;   haut-droite-bas-gauche */
			/*border-top: solid 10px #E0E0E0;*/
			/*margin: 0 auto;*/
			margin-left:20px;
			margin-top:15px;
			/*text-align:justify;
			text-justify:inter-word;*/
			text-align:left;
			font-size:12px;
 font-weight:bold;
 line-height:150%;
 border: solid 1px #E0E0E0;
						}
						

						
.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: 500px;                /* était a 300 - 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;
		}
		
/* Casteliers 2018 */

.carredownnew {width:450px; height:auto; padding-top:8px; font-size:12px;
 line-height:125%;}
 
 .carreupcastnew {width:450px; height:150px;}

.carrecastnew {width:450px; height:360px; float:left; margin-bottom:30px;}

.rownew .carrecastnew + .carrecastnew {margin-left:50px;}

.rownew {clear:both;margin-left:40px;margin-bottom:30px;}
		
/* théâtres d'été */

#regions {
		width:1028px;
		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;}

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

.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;
  }
  
  #slider2,
#slider3 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
  }

.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.centered-btns_nav:active {
  opacity: 1.0;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  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;
  }

.large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("themes.gif") no-repeat left 50%;
  width: 38px;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  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: 10px;
  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;
  }

.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: 9px;
  height: 9px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }
  
  
/*
  
  .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  */
  
  
/* test thumbnail */
a.mouseover-thumbnail-holder {
  position:relative;
  display:block;
  float:left;
  margin-right:10px;
}
.large-thumbnail-style {
  display:block;
  border:7px solid #fff;
  box-shadow:0px 0px 5px #aaa;
}
a.mouseover-thumbnail-holder .large-thumbnail-style {
  position:absolute;
  top:0;
  left:-9999px;
  z-index:1;
  opacity: 0;
  transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out;
}
a.mouseover-thumbnail-holder:hover .large-thumbnail-style {
  bottom:20px;
  top:auto;
  left:105%;
  z-index:1;
  opacity:1;
}

/** hover image sur lien dans à surveiller **/

.hover_img a { position:relative; }
.hover_img a span { position:absolute; display:none; z-index:99; left:50px; }
.hover_img a:hover span { display:block; }
.hover_img  { line-height:120%;  }


/** slider dans les pages pièces **/


/** pour afficher Lire la critique dans l'image sur les pages d'accueil **/

/* #thumb2 { margin-bottom:0px;margin-right:10px;width:120px;height:98px;float:left;position: relative; } */

.containertest {
  position: relative;
	width:120px;height:98px;float:left;
}

.text-block2 {
  position: absolute;
  bottom: 0px;
  right: 0px;
  background:url(images/caroussel/opaque3.png) top left repeat;
  color: white;
  padding-left: 0px;
  padding-right: 0px;
	font-size:small;
	text-align: center;
	width:120px;
	height:25px;
	/*font-weight:bold;*/
	padding-top: 7px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

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

/** FIN CODE pour afficher Lire la critique dans l'image sur les pages d'accueil **/