body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #90A890;
	background-image: url(../img/bg_hieq.png);
	background-repeat: repeat-x;
	background-position: top;
	color: #153A59;
}
#zoneGlobal {
	position:absolute;
	left: 50%;
	width: 900px;
	margin-left: -450px;
}
#zoneMenuTop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CED9CE;
	position: absolute;
	height: 16px;
	width: 200px;
	left: 650px;
	top: 2px;
}
#zoneOmbreTop {
	position: absolute;
	top: 16px;
	left: 10px;
}
#zoneCentrale {
	height: 100px;
	width: 880px;
	margin-left: 10px;
}
#zoneTop {
	background-color: #FF0000;
}
#zoneLogo {
	float: left;
	position: absolute;
	top: 20px;
	left: 10px;
	background-color: #FFFFFF;
}
#zoneMenu {
	background-image: url(../img/bg_menu_top.png);
	background-repeat: repeat-x;
	background-position: top;
	width: 723px;
	height: 98px;
	float: left;
	position: absolute;
	top: 20px;
	left: 165px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	background-color: #FFFFFF;
}
#zoneSousMenu {
	position: absolute;
	top: 58px;
	left: 30px;
	width: 680px;
}
#zoneSousMenu a {
	font-weight: bold;
	color: #0068B5;
	margin-right: 10px;
}
#zoneMilieu {
	background-color: #B5DAED;
	top: 118px;
	position: absolute;
}
#zoneMilieuGauche {
	width: 153px;
	float: left;
}

#zoneMilieuGauche img {
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #FFFFFF;
}
#zoneMilieuTexte {
	background-color: #FFFFFF;
	width: 727px;
	background-image: url(../img/basPageArrondie727.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 25px;
	float: left;
}

#zoneMilieuTexteLarge {

	background-color: #FFFFFF;
	height: 447px;
	width: 880px;
	padding-bottom: 25px;
	float: left;
}
#zoneDiaporama {
	background-color: #FFFFFF;
	height: 295px;
	text-align: center;
}

#zonePageArrondie {
	position: absolute;
	left: 173px;
	bottom: 34px;
	background-color: #FFFFFF;
}
#zoneBas2 {
	width: 880px;
	left: 20px;
}
#zoneBas {
	background-image: url(../img/bg_zonePrincipale.png);
	background-repeat: repeat-y;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #C4E2F1;
	position: absolute;
	height: 154px;
	width: 835px;
	left: 20px;
	top: 413px;
	background-color: #C4E2F1;
}


#zoneImage {
	position: absolute;
	top: 118px;
	left: 20px;
	background-color: #FFFFFF;
}


#zoneTexteScroll {
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}


#zonePageArrondieLarge {
	position: absolute;
	left: 20px;
	bottom: 34px;
	background-color: #FFFFFF;
}

#firstIntro
{
    background: url(../img/topIntroFr.jpg) no-repeat top left; 
    position:relative; 
    width:675px; 
    height:345px;
}

#tweet
{
    position:absolute;top:37px; left:481px; width:175px;
}

#tweet ul
{
    padding:0;
    margin:0;
}
#tweet ul li
{
    font-size:12px;
    list-style-type:none;
    border-bottom: 1px dotted gray;
    margin-bottom:10px;
}
#tweet ul li a
{
    text-decoration:none;
    font-size:10px;
}

.eventToCome
{
    height:120px;
    left:346px;
    position:absolute;
    top:207px;
    width:120px; 
    text-align:center;
}
.eventToCome span
{
    display:block;
    font-size:11px;
    color:#4BAA42;
}

.eventToCome img
{
    border:none;
}

.eventToCome a.event
{
    text-decoration:none;
    color:Black;
}    
#titreMenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	width: 640px;
	position: absolute;
	left: 16px;
	top: 79px;
	letter-spacing: 5px;
	margin:0;
}
.menuH {
	height: 15px;
	width: 15px;
	text-align: center;
}
#ombreMenu {
	position: absolute;
	height: 98px;
	width: 12px;
	left: 0px;
}
#texteMenu {
	position: absolute;
	height: 26px;
	width: 660px;
	top: 18px;
	left: 14px;
	
}

.menuBT {
	text-align: center;
}

#slogan {
	position: relative;
	left: 120px;
	width: 464px;
	top: 16px;
}
#basdepage {
	background-image: url(../img/bg_bottom.png);
	background-repeat: repeat-y;
	height: 41px;
	width: 835px;
	top: 154px;
	position: absolute;
	text-align: center;
	background-color: #E8F4FA;
}
#positiontextebasdepage {
	margin-top: 10px;
}
#logoquebec {
	position: absolute;
	left: 600px;
	width: 197px;
	top: 20px;
}

.basimg {
	background-color: #E3F1F9;
	height: 10px;
}
#martin {
	position: absolute;
	top: -44px;
	left: -20px;
}
.imageADroite {
	float: right;
	background-color: #B5DAED;
	margin-left: 30px;
	background-image: url(../img/bg_txt_image.gif);
	background-repeat: repeat-y;
	background-position: right;
	margin-bottom: 10px;
}
.imageADroite .linkList
{
    min-height:200px;
    width:573px;
    margin-left:1px;
    background-color:White;
    border-right:1px solid #B5DAED;
}

.imageADroite .linkList ul
{
    margin:0;
    padding:15px 15px 15px 35px;
}

.imageADroite .linkList ul li
{
    margin:10px;
}

.imageADroite .linkList ul li span
{
    color:#153A59;
    font-weight:bold;
    font-style:italic;
}


.imageTexte {
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 4px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.imageADroite img {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#bordureGriseGauche {
	background-color: #CCCCCC;
	width: 6px;
	position: absolute;
	top: 20px;
	left: 14px;
}
#bordureGriseDroite {
	background-color: #CCCCCC;
	height: 594px;
	width: 6px;
	position: absolute;
	top: 20px;
	right: 14px;
}

.texte {
	padding-left: 30px;
	padding-right: 20px;
	font-size: 12px;
}
.texte a {
	color: #4BAA42;
}
.agauche {
	text-align: left;
}
.agauche img  {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.adroite img  {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.menuBT img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#positiontextebasdepage img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.aucentre img  {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.adroite {
	text-align: right;
}
.aucentre {
	text-align: center;
}
h2, h3 {
	color: #0058A9;
	font-size: 16px;
}
h4 {
	color: #7AB439;
	font-size: 14px;
}
#mnusel6fr {
	position: absolute;
	top: -44px;
	left: 359px;
}
.toprint {
	display: none;
}
#mnusel4fr {
	position: absolute;
	top: -44px;
	left: 179px;
}
#basdepage2 {
	background-image: url(../img/bg_bottom.png);
	background-repeat: repeat-y;
	height: 41px;
	width: 880px;
	text-align: center;
	background-color: #E8F4FA;
	background-position: right;
	padding-top: 4px;
}

#mnusel6en {

	position: absolute;
	top: -44px;
	left: 371px;
}
#mnusel4en {

	position: absolute;
	top: -44px;
	left: 175px;
}
#bt_realisation {
	position: absolute;
	right: 6px;
	bottom: 2px;
}
#media {
	font-size: 36px;
	color: #FFFFFF;
	position: absolute;
	left: 200px;
	top: 45px;
}
#mediaphoto {
	background-color: #CDD8CD;
}
.espace_entre_li li {
	margin-bottom: 10px;
}
#menubas {
	margin-top: 8px;
	color: #FFFFFF;
}
#menubas a {
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 10px;
}
#menubas a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#divreserver {
	float: left;
	clear: both;
	height: 100px;
	margin-top: 30px;
	text-align:center;
}
#divreserver img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/*NEW CSSed MENU STARTS HERE*/
ul#menuTop, ul#menuTopEn {
	width: 723px; margin: 0; padding:3px 0 0 0;
	list-style: none;
	
}

ul#menuTop li, ul#menuTopEn li { display: inline;   }
	
ul#menuTop li a, ul#menuTopEn li a {
	display: block; float: left; height: 20px;
	background-image: url(../img/MenuSprite_En-Fr.gif); text-indent: -9999px;
}

/*French menu CSS rules*/
ul#menuTop li a.room {width: 100px; background-position: 0 0;}

ul#menuTop li a.meeting {width: 100px; background-position: -100px 0;}

ul#menuTop li a.package {width: 100px; background-position: -200px 0;}

ul#menuTop li a.activities {width: 100px; background-position: -300px 0;}

ul#menuTop li a.location {width: 100px; background-position: -400px 0;}

ul#menuTop li a.photo {width: 100px; background-position: -500px 0;}

ul#menuTop li a.reservation {width: 100px; background-position: -600px 0;}	

ul#menuTop li a.room:hover, ul#menuTop li a.room:focus {background-position: 0 -20px;}

ul#menuTop li a.meeting:hover, ul#menuTop li a.meeting:focus {background-position: -100px -20px;}

ul#menuTop li a.package:hover, ul#menuTop li a.package:focus {background-position: -200px -20px;}

ul#menuTop li a.activities:hover, ul#menuTop li a.activities:focus {background-position: -300px -20px;}

ul#menuTop li a.location:hover, ul#menuTop li a.location:focus {background-position: -400px -20px;}

ul#menuTop li a.photo:hover, ul#menuTop li a.photo:focus {width: 100px; background-position: -500px -20px;}

ul#menuTop li a.reservation:hover, ul#menuTop li a.reservation:focus {width: 100px; background-position: -600px -20px;}	


/*English menu CSS rules*/
ul#menuTopEn li a.room {width: 100px; background-position: 0 -40px;}

ul#menuTopEn li a.meeting {width: 100px; background-position: -100px -40px;}

ul#menuTopEn li a.package {width: 100px; background-position: -200px -40px;}

ul#menuTopEn li a.activities {width: 100px; background-position: -300px -40px;}

ul#menuTopEn li a.location {width: 100px; background-position: -400px -40px;}

ul#menuTopEn li a.photo {width: 100px; background-position: -500px -40px;}

ul#menuTopEn li a.reservation {width: 100px; background-position: -600px -40px;}	

ul#menuTopEn li a.room:hover, ul#menuTopEn li a.room:focus {background-position: 0 -60px;}

ul#menuTopEn li a.meeting:hover, ul#menuTopEn li a.meeting:focus {background-position: -100px -60px;}

ul#menuTopEn li a.package:hover, ul#menuTopEn li a.package:focus {background-position: -200px -60px;}

ul#menuTopEn li a.activities:hover, ul#menuTopEn li a.activities:focus {background-position: -300px -60px;}

ul#menuTopEn li a.location:hover, ul#menuTopEn li a.location:focus {background-position: -400px -60px;}

ul#menuTopEn li a.photo:hover, ul#menuTopEn li a.photo:focus {width: 100px; background-position: -500px -60px;}

ul#menuTopEn li a.reservation:hover, ul#menuTopEn li a.reservation:focus {width: 100px; background-position: -600px -60px;}	

ul#menuTop li a { outline: none; }

#idLinkList_M, #idLinkList_V, #idLinkList_S, #idLinkList_D
{display:none;}

#activitiesSprite
{
    height:90px;
    margin-left:0;
    margin-bottom:0px;
    padding-left:0;
    width:700px;
    background:url(../img/bg_txt_image.gif) 55px top repeat-y;
}

#activitiesSprite li
{
    background:#B5DAED none repeat scroll 0 0;
    display:inline;
    float:left;
    height:40px;
    margin:0 10px;
    padding:10px;
    width:90px;
}
#activitiesSprite a
{
    display:block;
    font-weight:bold;
    height:40px;
    line-height:40px;
    text-align:center;
    vertical-align:middle;
    width:90px;
    background:#fff none repeat scroll 0 0;
}

#idLink_E:hover, #idLink_V:hover, #idLink_M:hover, #idLink_S:hover, #idLink_D:hover
{
    cursor:pointer;
    background:#90A890 none repeat scroll 0 0;
    color:White;
}
/*
#activitiesSprite li.events a
{background: url(../img/ActivitiesSprite2.jpg) left top no-repeat;}
#activitiesSprite li.oldqbc a
{background: url(../img/ActivitiesSprite2.jpg) left -60px no-repeat;}
#activitiesSprite li.sports a
{background: url(../img/ActivitiesSprite2.jpg) left -120px no-repeat;}
#activitiesSprite li.museum a 
{background: url(../img/ActivitiesSprite2.jpg) left -180px no-repeat;}
#activitiesSprite li.divers a 
{background: url(../img/ActivitiesSprite2.jpg) left -240px no-repeat;}
*/

/*  SOCIAL MEDIA LINKS  */
.followme_rfr div, .followme_ren div{
position: fixed;
top: 50px;
width: 30px;
height: 130px;
z-index: 5555;
cursor: pointer;
right: 0pt;
}

.followme_rfr .followme1{
background: url(../img/floatLeftIcon_01.gif) no-repeat scroll -30px top;
}

.followme_rfr .followme2{
background: url(../img/floatLeftIcon_02.gif) no-repeat scroll -30px top;
top: 180px;
}

.followme_rfr .followme3{
background: url(../img/floatLeftIcon_03.gif) no-repeat scroll -30px top;
top: 310px;
}


.followme_ren .followme1{
background: url(../img/floatLeftIcon_01.gif) no-repeat scroll left top;
}

.followme_ren .followme2{
background: url(../img/floatLeftIcon_02.gif) no-repeat scroll left top;
top: 180px;
}

.followme_ren .followme3{
background: url(../img/floatLeftIcon_03.gif) no-repeat scroll left top;
top: 310px;
}

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
        height:150px;
        overflow:hidden;
        width:125px;
		}
	#slider li{ 
		background:#f1f1f1;
		}		
	#slider li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#slider li p{ 
		margin:20px;
		}				
	span#prevBtn, span#nextBtn{ display:none;}
	

/* // Easy Slider */