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

#cssdropdown, #cssdropdown ul {

padding: 0;
margin: 0;
list-style: none;

}

#cssdropdown li {
float: left;
position: relative;
}

.mainitems{
margin-left: 0px;
margin-right: 0px;
}

.mainitems a{
margin-left: 0px;
margin-right: 0px;

}
/* FILMS  */
.subuls{
display: none;
width: 13em;
position: absolute;
top: -2em;
background-color: #ffffff;
}

.subuls:hover{
width: 13em;
position: absolute;
}

.subuls li{
width: 100%;
}

.subuls li a{
padding: 0px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color : #880b10;
display: block;
height: 1.2em;
padding-top: 2px;
padding-left: 4px;
}

.subuls li a:hover{
background: #ffff00;
}
/* ACTIVITES  */

.subuls2{
display: none;
width: 16em;
position: absolute;
top: -2em;
background-color: #ffffff;
}

.subuls2:hover{
width: 16em;
position: absolute;
}

.subuls2 li{
width: 100%;
}

.subuls2 li a{
padding: 0px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color : #880b10;
display: block;
height: 1.2em;
padding-top: 2px;
padding-left: 4px;
}

.subuls2 li a:hover{
background: #ffff00;
}


.subuls3{
display: none;
width: 22em;
position: absolute; 
left: -15em;
top: -2em;

}

.subuls3:hover{
width: 22em;
position: absolute;
}

.subuls3 li{
width: 22em;
left: -15em;
background-color: #ffffff;

}

.subuls3 li a{
padding: 0px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color : #880b10;
display: block;
height: 1.2em;
padding-top: 2px;
padding-left: 4px;
}

.subuls3 li a:hover{
background: #ffff00;
}


.subuls4{
display: none;
width: 10em;
position: absolute; 
left: -86px;
top: -2em;

}

.subuls4:hover{
width: 11em;
position: absolute;
}

.subuls4 li{
width: 10em;
left: -86px;
background-color: #ffffff;

}

.subuls4 li a{
padding: 0px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color : #880b10;
display: block;
height: 1.2em;
padding-top: 2px;
padding-left: 4px;
}

.subuls4 li a:hover{
background: #ffff00;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: 1.8em;
left: 0em;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}



/*************************************/
/*NEW Menu  **************************
	by: Alfred Dagenais <adagenais@quantiksolutions.com>
*************************************/

.menu-qs dl,
.menu-qs dt,
.menu-qs dd,
.menu-qs ul,
.menu-qs li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.menu-qs {
	z-index:100;
	width: 100%;
}
.menu-qs dl {
	float: left;
	margin: 0;
}
.menu-qs dt {
	cursor: pointer;
	text-align: left;
	font-weight: bold;
	background: #ccc;
	
}

/************/
.menu-qs dt a{
	display: block;
	width: 54px;
	height: 28px;
	overflow: hidden;
	text-indent: -9999px;
	outline: none;
	background: transparent url(../images/festival/films_off.gif) no-repeat left top;
}
.menu-qs dt a:hover{
	background-image: url(../images/festival/films_on.gif);
}

.menu-qs dt a.on{
	background-image: url(../images/festival/films_on.gif);
}

/****/
.menu-qs dt a.activite{
	width: 77px;
	background-image: url(../images/festival/activites_off.gif);
}
.menu-qs dt a.activite:hover{
	background-image: url(../images/festival/activites_on.gif);
}
/****/

/****/
.menu-qs dt a.lieux{
	width: 138px;
	background-image: url(../images/festival/lieux_off.gif);
}
.menu-qs dt a.lieux:hover{
	background-image: url(../images/festival/lieux_on.gif);
}
/****/

/****/
.menu-qs dt a.vivre{
	width: 119px;
	background-image: url(../images/festival/vivre_off.gif);
}
.menu-qs dt a.vivre:hover{
	background-image: url(../images/festival/vivre_on.gif);
}
/****/

/****/
.menu-qs dt a.partner{
	width: 98px;
	background-image: url(../images/festival/partner_off.gif);
}
.menu-qs dt a.partner:hover{
	background-image: url(../images/festival/partner_on.gif);
}
/****/

/****/
.menu-qs dt a.presse{
	width: 63px;
	background-image: url(../images/festival/presse_off.gif);
}
.menu-qs dt a.presse:hover{
	background-image: url(../images/festival/presse_on.gif);
}
/****/

/****/
.menu-qs dt a.prix{
	width: 45px;
	background-image: url(../images/festival/prix_off.gif);
}
.menu-qs dt a.prix:hover{
	background-image: url(../images/festival/prix_on.gif);
}
/****/

/****/
.menu-qs dt a.archive{
	width: 73px;
	background-image: url(../images/festival/archive_off.gif);
}
.menu-qs dt a.archive:hover{
	background-image: url(../images/festival/archive_on.gif);
}
/****/


/************/
.menu-qs dd {
	position: absolute;
	top: 220px;
	border: 1px solid #000;
	/*border-top: none;*/
}

.menu-qs dd.decaltoleft{
	margin-left: -85px;
	margin-left: expression('-123px');
}

.menu-qs li {
	text-align: left;
	background: #fff;
}

.menu-qs li a,
.menu-qs li a:hover{
	color: #000;
	text-decoration: none;
	display: block;
	height: 100%;
	color : #880b10;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	width: auto;
	width: expression('180px');
}
.menu-qs li a{
	padding: 1px 10px 1px 4px;
	border-bottom: 1px solid #AAAAAA;
}

.menu-qs li a:hover{
	background: #FFFF00;
}

/************************************/