html, body, form {margin:0; padding:0; height:100%;}
body {font-family:arial, helvetica, Sans-Serif; font-size:13px; width:100%; background:#939871;}

ul {margin:0; padding:0; list-style-type:none}
li {margin:0; padding:0; }

a {border:none; outline:none; color:#fff; text-decoration:none}
a:hover {color:#ffd557;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; }

/*.underContent{ width: 16000px;	overflow: hidden; }
.underContent { position: fixed; left: 0; top: 0; z-index:1;}*/

.ac_results {background:#fff; position:absolute; top:24px !important; left:8px !important; z-index:90; width:198px !important; border:1px solid #ccc;}
.ac_results ul {margin:10px;}
.ac_results li  {font-size:11px; cursor:pointer; margin:3px 0px; cursor:pointer; color:#999; background:url(/medias/communs/puce.gif) no-repeat left 5px; padding-left:10px;}
.ac_results li:hover {color:#333}


#mstrBgImg { position: fixed; left: 0; top: -17px;  z-index:-1 ;  width: 100%; height: 100%; background:#939871;}
#gallery, #slideshow, .slideshow-container { width: 102%; height: 100%; margin-left:-2px;background:#939871;}
#mstrBgImg #gallery #slideshow img {width: 100%; height:100%; border:none;}

/*div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('medias/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 502px; 
}*/

/*.underContent {width:100%; height:100%; background:#ccc;}*/
.Header {background:url(medias/splash_top_bg.png) repeat-x fixed; height:56px; /*position:fixed;*/ top:0; left:0; z-index:100; width:100%; }
.HeaderInt {background:url(medias/header_bg.gif) repeat-y; height:100%; width:968px; margin:0 auto; }
.toplevelNav {position:relative; z-index:2;}


.Header .bgLeft, .Header .bgRight { position:absolute; height:56px; z-index:4; width:10%;  }

.Header .bgLeft {left:0; /*background:url(medias/splash_left.png) repeat-y right top;*/}
.Header .bgRight {right:0; /*background:url(medias/splash_right.png) repeat-y left top;*/ }
a.toplogo {position:absolute; top:3px; right:-210px; z-index:5; height:44px; width:199px; background:url(medias/splash_logo.gif) no-repeat; text-indent:-7777px }

.search {position:absolute; top:15px; left:-210px; z-index:5; height:44px; width:199px; background:url(medias/splash_bg_search.gif) no-repeat; }
.search input {border:1px solid #fff; margin:4px 4px 0 6px; width:155px; height:17px; padding:0; font-size:12px;}
.search input.boutSearch { margin:0 0px 0 0px; width:20px; height:20px; background:url(medias/splash_loupe_search.gif) repeat-y center center; border:none; text-indent:-7777px }
.search input:hover.boutSearch, .search input:focus.boutSearch {cursor:pointer; background:url(medias/splash_loupe_search2.gif) repeat-y center center;}
.bgLeft, .bgRight { position:absolute; height:100%; z-index:4; width:10%;  }

.bgLeft {left:0; /*background:url(medias/splash_left.png) repeat-y right top;*/}
.bgRight {right:0; /*background:url(medias/splash_right.png) repeat-y left top; */}

.navig {position:absolute; top:110px; right:-400px; z-index:30; width:400px; height:500px;}

.navig a, .navig .planifie {display:block; height:33px; text-indent:-7777px; position:absolute; right:0; z-index:40;}
.navig .planifie {height:55px; width:275px; background:url(medias/jeplanifie.png) no-repeat right top; top:93px; }

.en .navig .planifie {height:55px; width:275px; background:url(medias/en/jeplanifie.png) no-repeat right top; top:93px; }




#vacancesOn, #affairesOn, #sportifOn { display:none; z-index:39px; right:-240px; height:43px; position:absolute; background:url(medias/au_centre_quebec.gif) no-repeat right top; width:300px }
.en #vacancesOn, .en #affairesOn, .en #sportifOn {background:url(medias/en/au_centre_quebec.gif) no-repeat right top;}
#vacancesOn {  top:144px;}
#affairesOn { top:193px; }
#sportifOn { top:243px; }


.navig a.langue {background:url(medias/b_langue.png) no-repeat right top; width:144px; top:0px;}
.navig a:hover.langue {background:url(medias/b_langue.png) no-repeat right -33px;}
.navig a.vacances {background:url(medias/b_vacances.png) no-repeat right top; width:158px; top:149px; }
.navig a:hover.vacances {background:url(medias/b_vacances.png) no-repeat right -33px;}
.navig a.affaires {background:url(medias/b_reunion.png) no-repeat right top; width:229px; top:198px; }
.navig a:hover.affaires {background:url(medias/b_reunion.png) no-repeat right -33px;}
.navig a.sportif { background:url(medias/b_evenement.png) no-repeat right top; width:229px; top:248px;}
.navig a:hover.sportif { background:url(medias/b_evenement.png) no-repeat right -33px;}
.navig a.medias {background:url(medias/b_medias.png) no-repeat right top; width:163px; top:335px; }
.navig a:hover.medias {background:url(medias/b_medias.png) no-repeat right -33px; }
.navig a.voyage {background:url(medias/b_profess.png) no-repeat right top; width:314px; top:385px; }
.navig a:hover.voyage {background:url(medias/b_profess.png) no-repeat right -33px;}
.navig a.membres {background:url(medias/b_membres.png) no-repeat right top; width:181px; top:435px; }
.navig a:hover.membres {background:url(medias/b_membres.png) no-repeat right -33px;}

/*ENGLISH*/
.en .navig a.langue {background:url(medias/en/b_langue.png) no-repeat right top; width:144px; top:0px;}
.en .navig a:hover.langue {background:url(medias/en/b_langue.png) no-repeat right -33px;}
.en .navig a.vacances {background:url(medias/en/b_vacances.png) no-repeat right top; width:158px; top:149px; }
.en .navig a:hover.vacances {background:url(medias/en/b_vacances.png) no-repeat right -33px;}
.en .navig a.affaires {background:url(medias/en/b_reunion.png) no-repeat right top; width:229px; top:198px; }
.en .navig a:hover.affaires {background:url(medias/en/b_reunion.png) no-repeat right -33px;}
.en .navig a.sportif { background:url(medias/en/b_evenement.png) no-repeat right top; width:229px; top:248px;}
.en .navig a:hover.sportif { background:url(medias/en/b_evenement.png) no-repeat right -33px;}
.en .navig a.medias {background:url(medias/en/b_medias.png) no-repeat right top; width:163px; top:335px; }
.en .navig a:hover.medias {background:url(medias/en/b_medias.png) no-repeat right -33px; }
.en .navig a.voyage {background:url(medias/en/b_profess.png) no-repeat right top; width:314px; top:385px; }
.en .navig a:hover.voyage {background:url(medias/en/b_profess.png) no-repeat right -33px;}
.en .navig a.membres {background:url(medias/en/b_membres.png) no-repeat right top; width:181px; top:435px; }
.en .navig a:hover.membres {background:url(medias/en/b_membres.png) no-repeat right -33px;}
/*ENGLISH*/

a.soleil { position:absolute; z-index:40; width:40px; height:40px; background:url(medias/b_sun.png) no-repeat left top; display:block; text-indent:-7777px;}
a:hover.soleil { background:url(medias/b_sun.png) no-repeat left -40px;}
a.sol1 {top:20%; right:30%; /* border:1px solid red*/}
a.sol2 {top:50%; right:15%;  /*border:1px solid green*/}
a.sol3 {top:70%; right:42%;  /*border:1px solid blue*/}

a.sol1 span, a.sol2 span, a.sol3 span {position:absolute; z-index:41; left:-7777px }
a:hover.sol1 span { top:-7px; left:37px; background:url(medias/label_photos.png) no-repeat; width:184px; height:26px; }
a:hover.sol2 span { top:-7px; left:-95px; background:url(medias/label_video.png) no-repeat; width:184px; height:26px; }
a:hover.sol3 span { top:-7px; left:37px; background:url(medias/label_cartes.png) no-repeat; width:229px; height:26px; }

.en a:hover.sol2 span { top:-7px; left:-95px; background:url(medias/en/label_video.png) no-repeat; width:184px; height:26px; }
.en a:hover.sol3 span { top:-7px; left:37px; background:url(medias/en/label_cartes.png) no-repeat; width:184px; height:26px; }


.controls {position:absolute; top:17px; left:-320px; z-index:4; width:100px; height:30px}
.controls a {/*float:right;*/ width:27px; height:25px; text-indent:-7777px; /*margin-left:3px;*/ background:#ccc;}

.controls a.prev {background:url(medias/rewind.gif) no-repeat; position:absolute; z-index:5; left:10px; top:0px;}
.controls a.play, .controls a.pause {background:url(medias/play.gif) no-repeat; position:absolute; z-index:5; left:40px; top:0px;}
.controls a.next {background:url(medias/forward.gif) no-repeat; position:absolute; z-index:5; left:70px; top:0px;}
.controls a.pause {background:url(medias/play2.gif) no-repeat;}
.controls a:hover.prev {background:url(medias/rewind2.gif) no-repeat;}
.controls a:hover.play {background:url(medias/play2.gif) no-repeat;}
.controls a:hover.pause {background:url(medias/pause2.gif) no-repeat;}
.controls a:hover.next {background:url(medias/forward2.gif) no-repeat;}

.caption-container { position:absolute; top:6px; right:310px; z-index:4; height:30px; text-align:right; width:600px; color:#fff;line-height:1em	; }
.1024 .caption-container {width:280px; top:0px;}