/* CSS Document */
/* Copyright 2007 - Québecon - www.quebecon.ca */

html, body {
	height:100%;
	/* Couleur de la scrollbar pour tous les navigateurs sauf firefox */
	scrollbar-face-color: #ecc03b;
	scrollbar-shadow-color: #ecc03b;
	scrollbar-highlight-color: #ecc03b;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-track-color: #ecc03b;
	scrollbar-arrow-color: #fff;
}
body {
	margin:0;
	padding:0;
	font-family: 'Trebuchet MS', 'Arial', 'Sans-serif';
	font-size:0.7em;
	color:#FFF;
	text-align:center;
	background-color:#ecc03b;
}
h1{
	font-size:1.8em;
	line-height:1.3em;
	font-weight:bold;
	text-align:left;
	margin:0;
	padding:0;
}
h2{
	font-size:1.1em;
	line-height:1.3em;
	font-weight:normal;
	text-align:left;
	margin:8px 0;
	padding:0;
}
img {
	border:0;
}
a, a:active, a:visited {
	color:#FFF;
	text-decoration:underline;
}
a:hover {
	color:#7090b7;
	text-decoration:underline;
}
#conteneur {
	position:relative;
	top:50%;
	width:780px;
	height:412px;
	margin:-210px auto 0 auto;
	text-align:left;
	z-index:0;
}
/* Contenu cote gauche */
#gauche {
	position:relative;
	width:390px;
	height:305px;
	float:left;
	margin:0;
	padding:0;
	z-index:1;
}
/* Menu */
ul#menu {
	position:absolute;
	display:block;
	width:166px;
	height:126px;
	top:92px;
	left:260px;
	margin:0;
	padding:0;
	text-align:center;
	line-height:126px;
	color:#FFF;
	z-index:2;
}
ul#menu li {
	float:left;
	list-style:none;
}
a .blanc , a:active .blanc, a:visited .blanc {
	/* style alternatif ( background: transparent url("http://www.institutmatis.com/image/gris.png") repeat; ) */
    filter: alpha(opacity=100); /* Pour Internet Explorer */
    -moz-opacity: 1; /* Pour Mozilla */
    -khtml-opacity: 1; /* Pour Konqueror */
    opacity: 1; /* Pour les standards CSS3 */
}
a:hover .blanc  {
	/* style alternatif ( background: transparent url("http://www.institutmatis.com/image/gris.png") repeat; ) */
    filter: alpha(opacity=0); /* Pour Internet Explorer */
    -moz-opacity: 0; /* Pour Mozilla */
    -khtml-opacity: 0; /* Pour Konqueror */
    opacity: 0; /* Pour les standards CSS3 */
}
ul#menu li a img {
	position:absolute;
	display:block;
	padding:0;
	margin:0;
	z-index:3;	
}
.fr1 {
	width:166px;
	height:21px;
	left:0px;
	top:42px;	
}
.fr2 {
	width:166px;
	height:21px;
	left:0px;
	top:42px;	
}
.en1 {
	width:166px;
	height:21px;
	left:0px;
	top:63px;	
}
.en2 {
	width:166px;
	height:21px;
	left:0px;
	top:63px;	
}
/* Contenu cote droit */
#droite {
	position:relative;
	width:390px;
	height:305px;
	float:right;
	margin:0;
	padding:0;
	background-image:url(../image/i2-quebecon.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	z-index:3;
}
/* Flash */
#flashcontent {
	position:relative;
	top:47px;
	width:390px;
	height:219px;
	margin:0;
	padding:0;
	border:0;
	z-index:4;
}
/* Contenu texte fr bas */
#fr {
	position:relative;
	display:block;
	clear:both;
	top:-33px;
	width:360px;
	height:120px;
	overflow:auto;
	padding:10px;
	z-index:5;
	color:#02265A;
}
#en{
	position:relative;
	display:block;
	left:390px;
	top:-133px;
	width:370px;
	height:80px;
	overflow:auto;
	padding:10px;
	z-index:6;
	color:#02265A;
}
#en a, #fr a {color:#02265A;}
/* Concours */
a#concours {
	position:absolute;
	/*display:block;*/
	display:none;
	left:210px;
	top:0;
	width:174px;
	height:86px;
	background-position:center center;
	background-repeat:no-repeat;
	z-index:9999;
}
a#concours:link, a#concours:active, a#concours:visited {
	background-image:url(../image/concours.png);
} 
a#concours:hover {
	background-image:url(../image/concours-b.png);
}