<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* CSS Document */
body {
font-family:Arial, Helvetica, sans-serif;
background-color:#E0E0E0;
margin: 0px;
padding: 0px;
border: 0px;
			}
			
a:link {text-decoration: none; }



a:hover {text-decoration: underline; }
			
.note {
	font-size:10px;
	}

h3 {
	text-align: left;
	}

h4 {
	font-size:12px;
	padding: 0px;
	display: inline;
	font-weight:normal;
	}
	
h5 {
font-size:16px;
	padding: 0px;
	display: inline;
	font-weight:normal;
	}
	
h6 {
font-size:16px;
font-weight:bold;
	padding: 0px;
	display: inline;
	}
			
#contenu 	{
			width: 760px;
			background-color: #FFFFFF;
			margin: 0 auto;
			padding:0px;
						}	
						
#contenu2 	{
			width: 760px;
			height:755px;
			background-color: #FFFFFF;
			margin: 0 auto;
			padding:0px;
						}
			
#header {
		width:760px;
		height:115px;
		padding:0px;
		margin:0px;
		}
		
.cache {
		display: none;
		}

#menusite {
		width:760px;
		height:35px;
		margin:0px;
		position:relative;
		list-style:none;
		overflow: hidden; 
				}
				
#menusite li {
	position:absolute;
	top:0;
	display:block;
	height:35px;
	list-style:none; 
			}
			
#menusite li a {display:block; height:35px;}
			
#menusite li a span {
	display:none;
}
			
#menu1 {
		background-image: url("http://www.montheatre.qc.ca/boutons/header2-1.jpg");
		left:0;
		width: 112px;
		height: 35px;
		}
		
#menu2 {
		background-image: url("http://www.montheatre.qc.ca/boutons/header3-1.jpg");
		left:112px;
		width: 148px;
		height: 35px;
		}
		
#menu3 {
		background-image: url("http://www.montheatre.qc.ca/boutons/header4-1.jpg");
		left:260px;
		width: 103px;
		height: 35px;
		}
		
#menu4 {
		background-image: url("http://www.montheatre.qc.ca/boutons/header5-1.jpg");
		left:363px;
		width: 54px;
		height: 35px;
		}
		
#menu5 {
		background-image: url("http://www.montheatre.qc.ca/boutons/header6-1.jpg");
		left:417px;
		width: 212px;
		height: 35px;
		}
		
#menu6 {
		background-image: url("http://www.montheatre.qc.ca/boutons/header7-1.jpg");
		left:629px;
		width: 131px;
		height: 35px;
		}
		
#menu7 {
		background-image: url("http://www.montheatre.qc.ca/boutons/header8-1.jpg");
		left:629px;
		width: 131px;
		height: 35px;
		}
		
#menu1:hover {
	background-image: url("http://www.montheatre.qc.ca/boutons/header2-2.jpg");
}

#menu2:hover {
	background-image: url("http://www.montheatre.qc.ca/boutons/header3-2-2.jpg");
}

#menu3:hover {
	background-image: url("http://www.montheatre.qc.ca/boutons/header4-2.jpg");
}

#menu4:hover {
	background-image: url("http://www.montheatre.qc.ca/boutons/header5-2.jpg");
}

#menu5:hover {
	background-image: url("http://www.montheatre.qc.ca/boutons/header6-2.jpg");
}

#menu6:hover {
	background-image: url("http://www.montheatre.qc.ca/boutons/header7-2.jpg");
}

#menu7:hover {
	background-image: url("http://www.montheatre.qc.ca/boutons/header8-2.jpg");
}

#date {
		padding-left:15px;
		padding-top:15px;
		width:680px;
		float:left;
		}
		
#header2 {
		display:none;
visibility:hidden;
		}
		
#menutheatre {
		padding-left:15px;
		padding-top:0px;
		width:745px;
		float:left;
		text-align:center;
		}
		
	
#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:-6px;}
		
#boutonsbas img {vertical-align:top;}
		
#titrepiece {
		font-family:Arial, Helvetica, sans-serif;
		margin:15px;
		padding-top:10px;
		font-size:19px;
		font-weight:bold;
		width:730px;
		clear:both;
		}
		
#titrepiece img {
			float:right;
			padding: 0px 0px 15px 15px;
			}
		
#infos {
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
		margin:15px;
		padding-top:2px;
		width:730px;
		
		}


#corps {
	
		font-family:Arial, Helvetica, sans-serif;
		margin:15px;
		
		}
		
#corpsthete {
		width:720px;
		font-family:Arial, Helvetica, sans-serif;
		margin:15px;
		clear:both;
		}
		
textarea {width:275px;
vertical-align:top;}
		
#corpsth {
		
		font-family:Arial, Helvetica, sans-serif;
		margin:15px;
		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:342px;
		font-family:Arial, Helvetica, sans-serif;
		float:left;
		padding-top:0px;
		padding-right:10px;
		margin:15px;
		padding-bottom:0px;
		}
		
#corpsth2 {
		width:342px;
		font-family:Arial, Helvetica, sans-serif;
		float:right;
		padding-top:2px;
		margin:15px;
		margin-bottom:0px;
		}
		
#corps img {
			float:right;
			padding-right:15px;
			/* padding: 4px 4px 4px 4px;
border: 1px solid #999999;
FF9500 */
			}
			
#corpsth1 img {
			float:right;
			}

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

	font-size: 12px

}

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

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

#critique {
		
		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;
			
				}
				
#colonne1arch
{
   width:460px; 
   height:400px; 
   float:left;
}
 
#colonne2arch
{
   width:300px; 
   height:400px; 
   float:right;
}
 
#basarch
{
   clear:both;
}

/* carrousel */

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

.slide{
    position:absolute;
    top:0;
    left:0;
    width:415px; /* était à 712 */
    height:276px; /* était à 264 */
}

.title{
    position:absolute;
    padding-left:12px;
    width:400px; /* était à 700 */
    line-height:35px;
    height:35px;
    bottom:0;
    left:0;
    background:url(img/opaque.png) top left repeat;
}


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

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

</pre></body></html>