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

/*
- base tags
- typography
- generic styles
- containers
  - header, menu, page container, footer
- templates
  - home, standard, newslist, newsdetails, fiche
- page specific
  - sortir, whatsnew, shops (categorized), about, 404 et liens utiles
- forms
*/

/* Base tags
--------------------------------------------------------------- */
	html, body 							{ height:100%; }
	body 								{ background:#dbed4b; font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#215f35; width:100%; min-width:1000px;}
	
	/* Base formatting classes */
	body .hide 							{ position:absolute !important; left:-9999px !important; }
	body .right							{ float:right !important; }
	body .left							{ float:left !important; }
	body .clear							{ display:block !important; clear:both !important; }
	body .vspace						{ margin-right:10px;}


/* Typography
--------------------------------------------------------------- */
	
	/* titles */
	h1, h2, h3, h4						{ color:#215f35; }
	h4									{ font-weight:bold; font-size:13px; margin:0; }
	
	.sIFR_title, .sIFR_subTitle			{ text-transform:uppercase; }
	.subTitle 							{ text-transform:uppercase; font-size:12px; font-weight:bold; }
	
	.sIFR_title							{ font-size:40px; visibility:hidden; }
	.sIFR_subTitle						{ margin-top:-10px; visibility:hidden; }
	.sIFR_light							{ font-size:14px; font-weight:normal; visibility:hidden;}
	.sIFR-active .sIFR_light			{ margin-bottom:-10px;}
	
	/* others */
	a									{ color:#215f35; text-decoration:none; }
	a:hover								{ color:#5db386; }
	
	#pageContent p						{ margin-bottom:16px;}
	#pageContent .small					{ font-size:11px;}
	.max								{ width:670px; }
	

/* Generic styles
--------------------------------------------------------------- */

	.pageTitle							{ display:block;}
	.breadcrumbs						{ position:absolute; }
	.breadcrumbs a						{ background:url(imgs/gt-small.png) right 3px no-repeat; display:inline-block; padding-right:15px; margin-right:6px; text-transform:uppercase; font-size:11px;}
	
	#plan-quartier						{ display:block; width:160px; height:133px; position:absolute; left:0; top:570px;}
	
	.quarter							{ width:22%; padding-right:3%; float:left;}
	.half								{ width:50%; float:left; }
	.hspace								{ margin-right:20px;}
	.vspace								{ margin-bottom:16px;}
	.borderBtm							{ border-bottom:6px solid #215f35; margin-bottom:16px; }
	.borderTop							{ border-top:6px solid #215f35; margin-top:16px; padding-top:3px; }
	.important							{ font-size:14px; margin-bottom:26px;}
	.indent 							{ margin-left:10px;}
	.center 							{ width:980px; margin:0 auto;}
	
	.dotBullets li						{ margin:0 0 16px;}
	.noBullet							{ list-style:none; margin:0; padding:0;}
	
	blockquote 							{ font-size:18px; text-transform:uppercase; color:#215f35; border:solid #215f35; border-width:6px 0; font-style:normal; margin:7px 0 16px 0; padding:16px 0 6px;}
	.legend								{ display:block; clear:both; border-top:1px solid #226036; padding:10px 16px;}
	.legend ol							{ margin:0; display:block; float:left; width:45%;  }
	.legend ol li						{ margin:0 0 16px; line-height:1.4em;}
	.legend ol.indent					{ padding-left:8%;}
	.caption							{ margin:2px 0 16px; font-size:10px; }
	
	a.prev, a.next						{ background:url(imgs/icon-page-neutral.png) no-repeat; position:absolute; top:60px; display:block; width:45px; height:45px;}
		a.prev							{ background-position:0 0; right:50px;}
		a.prev:hover					{ background-position:-43px 0;}
		a.next							{ background-position:0 -44px; right:0;}
		a.next:hover					{ background-position:-43px -44px;}
	

/* Containers
--------------------------------------------------------------- */
	#header .content-holder,
	#footer .content-holder,
	#pageContainer .content-holder		{ width:934px; padding:0 23px; margin:0 auto; position:relative; }
	
	
	/* Header
    ----------------------------------------------------------- */
	#header 							{ background:#fff; position:absolute; top:0; height:50px; width:100%; min-width:1000px; z-index:98; }
	#nav, #quick-nav					{ list-style:none; margin:0; padding:0; }
	#nav li, #quick-nav li				{ display:inline; }
	#quick-nav							{ position:absolute; right:3px; }
	#quick-nav form						{ float:right; }
	#header a							{ font-weight:bold; }
	#header h1 a						{ position:absolute; top:88px; left:73px; }
	
	/* Main Menu
    ----------------------------------------------------------- */
	#nav li 							{ float:left; position:relative; width:auto }
	
	#nav a								{ display:block; float:left; height:15px; padding:17px 0 18px 0; margin:0 11px; /*border-bottom:5px solid #fff;*/ }
	#nav a.selected						{ border-bottom:6px solid #215f35; padding-bottom:13px;}
	#quick-nav a.selected				{ border-bottom:6px solid #215f35; padding-bottom:7px;}
	#nav li:first-child a 				{ margin-left:0;}
	
	#nav a:hover, #nav li.hover a, 
	#nav li:hover a.selected			{ border:none; } /* voir global.js */	
	
	
	/* 2e niveau */		
	#nav li ul 							{ background:#fff; position:absolute; top:47px; padding-top:3px; left:0; width:135px; visibility:hidden; z-index:999;}
	#nav li li 							{ background:#fff; width:100%; border-top:1px solid #bccfc2; text-transform:uppercase;} 
	#nav li li a						{ height:auto; margin:0; font-size:11px; padding:9px 0 8px 11px; border:0; }
	
	/* style the table so that it takes no part in the layout - required for IE to work */
	#nav table 							{ position:absolute; top:0; left:0; }
	#nav li.hover ul, #nav li:hover ul, 
	#nav li a:hover ul					{ visibility:visible; z-index:9999; position:absolute; }
	
	/* quick menu and search form */		
	#quick-nav a						{ display:block; float:left; height:19px; padding:19px 0 6px 0; margin:0 7px; font-size:10px; text-transform:uppercase; }
	#quick-nav a:hover 					{ color:#5db386; }
	#quick-nav form 					{ padding:10px 0 0 0; margin:0 0 0 7px; position:relative;} 
	#quick-nav form input				{ background:url(imgs/bg-input-white.gif) 0 0 no-repeat; border:0; height:20px; width:160px; padding:6px 30px 3px 10px; color:#215f35;}
	#quick-nav form button 				{ background:#f4f4f4 url(imgs/icon-find.gif) 0 0 no-repeat; border:0; height:15px; width:15px; position:absolute; top:18px; right:6px; }
	#quick-nav form button:hover		{ cursor:pointer; }
	
	
	/* PageContainer
    ----------------------------------------------------------- */
	#pageContainer						{ background:#5db487 url(imgs/bg-body.jpg) left 145px repeat-x; padding:0 0 -50px; height:auto !important; height:100%; min-height:100%; position:relative;}
	#pageContent 						{ background:url(imgs/bg-body-top.jpg) left 50px repeat-x; padding:50px 0 242px; height:auto !important; height:600px; min-height:600px; }
	
	#pageContent .content-holder		{ width:761px; /*height:auto !important; height:150px; min-height:150px;*/ padding:28px 0 0 214px; position:relative; }
	#pageContent .full					{ width:100%; }
	
	#pageContent .hover a,
	#pageContent a:hover				{ color:#fff; }
	
	/* Footer
    ----------------------------------------------------------- */
	#footer 							{ background:#393129; position:absolute; bottom:0; height:158px; width:100%; color:#fff; padding: 27px 0;}
	#footer a							{ color:#fff; }
	#footer a:hover						{ color:#f0e7e4; }
	#footer	p.copyright					{ display:block; float:left; width:161px; padding:0 30px 0 0; font-size:10px; text-transform:uppercase;}
	#footer	p.copyright a 				{ display:block; clear:both; margin-top:12px;}
	#footer h3, #footer legend 			{ display:block; clear:both; font-family:Arial; font-weight:bold; color:#fff; font-size:13px; text-transform:uppercase; margin:0 0 16px; }
	#footer legend						{ padding-bottom:12px; margin:0;}
	
	#footer #outils						{ display:block; float:left; width:370px; padding-right:20px; }
	#footer #outils ul					{ border-bottom:1px solid #69635d; }
	#footer #outils li 					{ border-top:1px solid #69635d; padding:4px 0 6px; }
	#footer #outils a					{ text-transform:uppercase; font-size:10px; font-weight:bold; padding:1px 0 3px 30px;}
	
	#footer form						{ display:block; float:left; width:350px; }
	#footer form input.text				{ background:url(imgs/bg-input-pink.gif) 0 0 no-repeat; border:0; height:20px; width:120px; padding:6px 30px 3px 10px; color:#393129; margin-right:6px;}
	#footer form button					{ background:#393129; border:0; padding:0; margin:10px 0 0 -3px; color:#fff; font-weight:bold; text-transform:uppercase; font-size:10px; font-family:Arial;}
	#footer form button:hover			{ color:#f0e7e4; cursor:pointer;}
	#footer form p						{ font-size:12px; }
	
	#header form label 					{ position:absolute; left:-999px;}
	#footer form label					{ display:block; clear:both; font-size:11px; margin:-10px 0 6px;}
	
	.icon-share	a						{ background-image:url(imgs/icons-footer.gif) !important; background-position: 8px 0 !important; background-repeat:no-repeat !important; margin:0 0 -8px;}
	.icon-feed a						{ background:url(imgs/icons-footer.gif) 8px -29px no-repeat; }
	.icon-map a							{ background:url(imgs/icons-footer.gif) 8px -58px no-repeat; }
	.icon-sitemap a					{ background:url(imgs/icons-footer.gif) 8px -87px no-repeat; }

/* Templates
--------------------------------------------------------------- */
	
	/* SLIDER
    ----------------------------------------------------------- */
	/* NO JS -------------------------------------------------- */
	.slider-holder						{ background:url(imgs/grad-fixed.png) left top repeat-x; overflow-x:auto; position:relative; /*z-index:97;*/ }
	.slider								{ display:table-row; position:relative; left:0; margin:0; padding:0; }
	.slider .bloc						{ display:table-cell; position:relative; vertical-align:bottom; }
	
	/* specifique - marchands */
	.shops .slider-holder				{ background:none; background:url(imgs/grad-blue.png) left bottom repeat-x; top:260px; margin-bottom:160px; overflow:hidden; overflow-x:auto; }

	/* JS ACTIVE ---------------------------------------------- */
	.js-active .slider-holder			{ overflow-y:visible; overflow-x:hidden; width:100%; }
	.js-active .slider					{ overflow:hidden;}
	.js-active .hover 					{ cursor:pointer; }
	.js-active .slider .bloc			{ display:block; float:left; }
	
	/* specifique - marchands */
	.shops.js-active .full				{ position:relative; }
	.shops.js-active .slider-holder		{ top:55px; margin-bottom:0; display:block; }
	.shops.js-active .slider, 
	.shops.js-active .bloc				{ display:block; float:left; height:250px; }
	
	/* SLIDER NAV
    ----------------------------------------------------------- */
	.sliderNav 							{ width:100%; position:absolute; bottom:0; z-index:9999; zoom:1; }
	.sliderNav .nav-prev,
	.sliderNav .nav-next				{ background:url(imgs/nav-slider.png); background-repeat:no-repeat; width:41px; height:82px; position:absolute; bottom:45px; display:none; }
	
	.sliderNav a.show					{ display:block; }
	.sliderNav a.hide					{ display:none; }
	
	.sliderNav .nav-prev 				{ background-position:-41px 0; left:0;}
		.sliderNav .nav-prev:hover 		{ background-position:-41px -82px; }
	.sliderNav .nav-next 				{ background-position:0 0; right:0; margin-right:-1px;}
		.sliderNav .nav-nex:hover 		{ background-position:0 -82px; }
	
	/* TOOLTIPS
    ----------------------------------------------------------- */
	.bulle								{ background:url(imgs/bulle-btm.png) left bottom no-repeat; display:block; width:275px; padding:15px 15px 20px; position:absolute; bottom:130px; z-index:999; }
	.bulle h4							{ font-size:11px; text-transform:uppercase; }
	.bulle.lAlign						{ background:url(imgs/bulle-btm-left.png) left bottom no-repeat;}
	.bulle.rAlign						{ background:url(imgs/bulle-btm-right.png) left bottom no-repeat;}
	.bulle img							{ float:left; margin:0 15px 15px 0; }
	.bulle a							{ text-transform:uppercase; font-size:10px;}
		#pageContent .bulle a:hover		{ color:#215f35;}
	.bulle p							{ font-size:11px; margin-bottom:9px;}
	.bulle .close						{ background:url(imgs/icon-close.png) 0 0 no-repeat; display:block; width:25px; height:25px; position:absolute; top:-7px; right:0;}
	.trans								{ opacity:0.5; filter:alpha(opacity = 50); }
	#pageContent .bulle .hover * 		{ color:#5db386; }
	
	/* pas suuuuuure */
	.slider .bloc a.popup				{ display:block; cursor:pointer; margin-bottom:-3px; }
	
	#newslist.whatsnew .bloc, 
	#newslist.sortir .bloc				{ width:190px !important; }
	
	#newslist.sortir .sliderNav 			{ top:0; bottom:auto; }
	#newslist.sortir .sliderNav a.nav-prev,
	#newslist.sortir .sliderNav a.nav-next 	{ position:absolute; top:33px;}
	
	#newslist.whatsnew .slider-holder 		{ margin-top:48px; }
	#newslist.whatsnew .sliderNav 			{ top:0; bottom:auto; }
	#newslist.whatsnew .sliderNav a.nav-prev,
	#newslist.whatsnew .sliderNav a.nav-next { position:absolute; top:33px;}
	
	/* home
    ----------------------------------------------------------- */
	.sIFR-active #home .sIFR_title		{ margin-left:0;}
	
	/* specifique au slider du haut*/
	#home #bannerTop 					{ background:url(/images/accueil/bg.jpg) repeat-x; position:absolute; left:0; top:50px; height:445px; overflow:hidden; z-index:9; }
	#home.js-active  #bannerTop			{ overflow-x:hidden; height:470px;}
	#home #bannerTop .slider 			{ position:absolute; top:0; left:0; height:470px; z-index:990; }
	#home #bannerTop .bloc a			{ display:block; width:569px; height:426px; overflow:hidden; }
	#home .bloc	.altCt					{ display:none; }
	#home .bloc	a.fLink					{ display:block; height:426px; width:570px; position:absolute; top:0; left:0; background:#dbed4b; opacity:0; filter: alpha(opacity = 0); z-index:990;}

	#home #bannerTop .sliderNav			{ bottom:-45px; z-index:999; }
		
	#home #logo-holder					{ background:url(imgs/bg-logo.jpg) 0 0 no-repeat; position:relative; z-index:999; width:190px; min-height:426px;  }
	#home #logo-holder h1#logo			{ background:url(/images/logo-ql.gif) center no-repeat; width:190px; height:426px; position:absolute; top:0; left:0; z-index:998; }
	
	#home #pageContent #mainContent		{ position:relative; padding-top:465px; }
	#home #pageContent					{ padding-bottom:517px; }
	#home #pageContent .content-holder 	{ width:769px; padding:0 0 0 224px; margin-top:40px;}
	#home #pageContent .sIFR_title 		{ font-size:20px; line-height:22px; }
	#home #pageContent .sIFR_title strong { font-weight:normal; }
	#home .col1							{ width:560px; float:left; }
	#home .col2							{ width:190px; float:left; margin-left:5px; }
	#home .events, #home .news 			{ height:auto !important; height:426px; min-height:426px;}
	#home .viewAll						{ display:block; font-size:10px; text-transform:uppercase; font-weight:bold; border-top:6px solid #215f35; padding-top:5px; }

	/* events listing */
	#home .events						{ list-style:none; margin:0; padding:0; }
	#home .events li 					{ background:url(imgs/border-30.png) right top no-repeat; display:block; clear:both; float:none; position:relative; height:142px; }
	#home .events li.first				{ background:none; border-top:6px solid #215f35;}
	#home .events li img				{ display:block; position:absolute; top:0; left:0;}
	#home .events li .content			{ display:block; position:absolute; top:0; left:190px; padding:10px; width:346px;}
	#home .events .hour,
	#home .events h3					{ font-size:18px; }
	#home .events .hover *					{ color:#fff; }
	
	
	/* featured news */
	#home .news							{ background:url(imgs/bg-white-trans.png); border-top:6px solid #215f35; }
	#home .news	.posted,				
	#home .news	.text					{ display:block; margin:5px 10px;}
	#home .news	.text 					{ font-weight:bold;}

	/* institutions */
	#home .institutions					{ background:url(imgs/bg-institutions-accueil.png) center bottom repeat-x; width:100%; min-width:1000px; height:254px; position:absolute; bottom:212px; }
	#home .institutions ul 				{ width:1000px; height:254px; margin:0 auto; padding:0; list-style:none; overflow:hidden; }
	#home .institutions li,
	#home .institutions li a			{ height:253px; width:100px; display:block; float:left; position:relative; overflow:hidden; }
	#home .institutions li a img		{ position:absolute; bottom:-254px; }
	#home .institutions li a:hover img 	{ position:absolute; bottom:-1px; /*left:1px;*/ } /* voir js pour ie6 */
	
	#home .bulle						{ bottom:465px; }
	
	/* standard
    ----------------------------------------------------------- */
	#standard h2						{ padding:24px 0 65px;}
	#standard h2.twoLines				{ padding:24px 0;}
	#standard h3						{ margin-bottom:16px;}
		
	/* newslist
    ----------------------------------------------------------- */
	#newslist .content-holder			{ position:relative; z-index:1; }
	#newslist .subTitle					{ font-family:Arial; padding:20px 0 16px 30px; }
	#newslist.sortir #pageContent .hover * { color:#fff; }
	
	/* newsdetails
    ----------------------------------------------------------- */
	#newsdetails .sIFR_title			{ padding:0 0 28px; margin-top:-10px;}
	#newsdetails .sIFR_subTitle			{ padding:34px 0 0;}
	#newsdetails h2.sIFR_title			{ padding:34px 0 28px;}
	#newsdetails .infos					{ text-transform:uppercase; }
	
	#newsdetails .links					{ background:url(imgs/border-30.png) 0 0 repeat-x; list-style:none; padding:0; margin:20px 0 16px;}
	#newsdetails .links li 				{ background:url(imgs/border-30.png) 0 bottom repeat-x; padding:4px 10px 8px 10px; }
	#newsdetails .links a				{ text-transform:uppercase; font-size:10px; font-weight:bold;}
	#newsdetails #pageContent a.blank	{ background:url(imgs/icon-ext.png) 4px 5px no-repeat; padding: 4px 0 3px 23px;}
	#newsdetails #pageContent a.pdf		{ background:url(imgs/icon-pdf.png) 0 3px no-repeat; padding: 4px 0 3px 23px;}
	#newsdetails #pageContent a.video	{ background:url(imgs/icon-video.png) 2px 2px no-repeat; padding: 4px 0 3px 23px;}
	
	#newsdetails h4.vspace				{ margin-bottom:9px; }
	#newsdetails #pageContent .hover *	{ color:#fff; }
	
	/* fiche (marchands!)
    ----------------------------------------------------------- */
	#fiche #pageContainer				{ background:url(imgs/grad-btm.png) left bottom repeat-x; padding-top:0; }
	#fiche #pageContent					{ background:url(imgs/grad-top.png) left 50px repeat-x; height:auto !important; height:400px; min-height:400px;}
	#fiche #header a:hover				{ color:#393129; }
	
	#fiche h2							{ padding:24px 0 22px; max-width:505px;}
	#fiche h3.subTitle					{ margin-bottom:9px;}
	
	#fiche #pageContent,
	#fiche #pageContent h3,
	#fiche #pageContent a				{ color:#fff; }
	
	#fiche .breadcrumbs a				{ background:url(imgs/gt-small-white.png) right 3px no-repeat;}
	
	#fiche .backToStreet				{ background:url(imgs/icon-prev-neutral.png) 0 0 no-repeat; display:block; width:150px; height:56px; padding: 20px 0 0 48px; position:absolute; top:350px; text-transform:uppercase; font-size:10px; font-weight:bold; z-index:90;}
	#fiche .backToStreet:hover			{ background-position:0 -76px;}
	#fiche .backToStreet strong			{ display:block; }
	
	#fiche #ttip 						{ position:absolute; top:75px; right:110px; text-transform:uppercase; font-size:11px; }
	
	#fiche #gallery, #fiche #map		{ margin-top:40px; margin-bottom:26px;}
	
	#fiche .links						{ background:url(imgs/border-white-trans.png) 0 0 repeat-x; list-style:none; padding:0; margin:0 0 16px;}
	#fiche .links li 					{ background:url(imgs/border-white-trans.png) 0 bottom repeat-x; padding:4px 10px 8px 10px; }
	#fiche .links a						{ text-transform:uppercase; font-size:10px; font-weight:bold;}
	#fiche #pageContent a.blank			{ background:url(imgs/icon-ext-neutral.png) 4px 5px no-repeat; padding: 4px 0 3px 23px;}
	#fiche #pageContent a.pdf			{ background:url(imgs/icon-pdf.png) 0 3px no-repeat; padding: 4px 0 3px 23px;}
	#fiche #pageContent a.video			{ background:url(imgs/icon-video-neutral.png) 2px 2px no-repeat; padding: 4px 0 3px 23px;}
	#fiche #pageContent ul.links li a:hover	{ opacity:0.7; filter:alpha(opacity = 70); }
	
	/* galerie */
	#fiche #gallery 						{ width:380px; height:285px; position:relative; left:1px; overflow:hidden;}
	#gallery .slides 						{ margin:0; padding:0; list-style:none; }
	#gallery .slides li 					{ display:inline; }
	#gallery .pointeur						{ background:url(imgs/bg-tooltip.png) left bottom no-repeat; display:block; width:76px; height:21px; position:absolute; left:-9999px; padding:3px 0; text-align:center; color:#000; font-size:10px; z-index:999;}
	
	#fiche #pageContent #gallery a 			{ background:#000; display:block; width:190px; height:285px; position:absolute; top:0; z-index:99; opacity:0; filter: alpha(opacity = 0); }
		a.slidePrev							{ left:0;}
		a.slideNext							{ left:190px;}
	
/* Pages
--------------------------------------------------------------- */
	
	/* ou sortir */
	.sortir #searchEvents 				{ position:absolute; top:50px; right:0; width:380px;}
	.sortir #quoi 						{ position:absolute; z-index:9;}
	.sortir #quand 						{ position:absolute; top:65px;}
	.sortir #dates 						{ position:absolute; top:135px;}
	.sortir #searchEvents .dd			{ width:300px;}
	.sortir #searchEvents-submit		{ background:url(imgs/btn-ok.png) 0 0 no-repeat; width:37px; height:37px; position:absolute; top:88px; right:10px;}
	.sortir #searchEvents-submit:hover	{ background-position:left -37px;}
	
	/* typography */
	.whatsnew .bloc h3,
	.sortir .bloc h3					{ font-weight:bold; font-size:13px; margin:6px 0; }
	.whatsnew .bloc img,
	.sortir .bloc img 					{ margin-bottom:9px; width:190px; height:142px; display:block;}
	.sortir .hour 						{ font-size:13px; font-weight:bold}
	.sortir p 							{ font-size:11px; margin:9px 0;}
	.sortir .category 					{ text-transform:uppercase; font-size:10px; float:right; margin-right:10px; }
	
	/* shops
    -----------------------------------------------------------*/
	.shops .sIFR_title 					{ margin-top:22px;}
	#newslist.shops .subTitle			{ font-family:Arial; font-size:18px; padding:0; margin-right:2px; }
	#newslist.shops h2#mapTitle			{ background:url(imgs/gt.png) right 8px no-repeat; font-size:12px; width:150px; padding-right:20px; position:absolute; right:255px; top:75px; text-align:right;}
	
	.shops .shopslist					{ position:relative; display:block; clear:both; width:950px; margin:70px auto 0; padding-top:50px;}
	.shops .shopslist .col20			{ display:block; float:left; width:190px; }
	.shops .shopslist .hebergements		{ margin-top:25px;}
	.shops .shopslist ul				{ list-style:none; margin:0; padding:0; }
	.shops .shopslist li 				{ margin:2px 0; position:relative;}
	.shops .shopslist li a				{ display:block; text-transform:uppercase; font-size:10px; font-weight:bold; padding:2px 15px 2px 2px;}
	.shops .shopslist .borderBtm		{ margin-bottom:8px; }
	.shops .shopslist li.active a:hover { background:url(imgs/bg-onstreet.png) right -32px no-repeat;}
	
	/* carte des rues */
	.shops #map 						{ background-position:0 0; background-repeat:no-repeat; position:absolute; overflow:hidden; top:50px; right:0; width:236px; height:237px; z-index:995;}
	.shops #map img						{ position:relative; top:0;}
	.shops map area:hover				{ cursor:pointer; }
	
	.shops #map.sherbrooke 				{ background-position: 0 -237px;}
	.shops #map.ontario 				{ background-position: 0 -474px;}
	.shops #map.emery 					{ background-position: 0 -711px;}
	.shops #map.maisonneuve 			{ background-position: 0 -948px;}
	
	.shops .dirg, .shops .dird 			{ display:block; height:14px; width:200px; position:absolute; top:0; text-transform:uppercase; font-size:10px; font-weight:bold;}
	.shops .dirg 						{ background:url(imgs/directions.gif) left -13px no-repeat; left:0; padding-left:10px; }
	.shops .dird 						{ background:url(imgs/directions.gif) right 0px no-repeat; right:0; text-align:right; padding-right:10px;}
	
	
	/* fiche-marchand : couleurs selon categorie 
    -----------------------------------------------------------*/
	
		/* Debuts de rues */
		#fiche .imgbg					{ display:block; width:50%; height:250px; position:absolute; top:250px; left:0;}
		
		.saint-denis-e .imgbg 			{ background:url(imgs/rue-stdenis-e.png) left bottom repeat-x; }
		.saint-denis-o .imgbg 			{ background:url(imgs/rue-stdenis-o.png) left bottom repeat-x; }
		.maisonneuve-n .imgbg 			{ background:url(imgs/boul-maisonneuve-n.png) left bottom repeat-x; }
		.maisonneuve-s .imgbg 			{ background:url(imgs/boul-maisonneuve-s.png) left bottom repeat-x; }
		.ontario-n .imgbg 				{ background:url(imgs/rue-ontario-n.png) left bottom repeat-x; }
		.ontario-s .imgbg 				{ background:url(imgs/rue-ontario-s.png) left bottom repeat-x; }
		.emery-n .imgbg 				{ background:url(imgs/rue-emery-n.png) left bottom repeat-x; }
		.emery-s .imgbg 				{ background:url(imgs/rue-emery-s.png) left bottom repeat-x; }
		.sherbrooke-s .imgbg 			{ background:url(imgs/rue-sherbrooke-s.png) left bottom repeat-x; }
		
		/* Restaurants
		-------------------------------------------------------*/
		body.restos						{ background:#c03229; }
		.restos #header a				{ color:#c03229; border-color:#c03229;}
		.shops .restos .subTitle		{ color:#c03229; border-color:#c03229;}
		.shops #pageContent .restos li.active a,
		.shops #pageContent .restos li.active a:hover	{ color:#c03229; }
		.restos #quick-nav form input 	{ color:#c03229;}
		.restos #quick-nav form button	{ background:#F4F4F4 url(imgs/icon-find-c03229.gif) no-repeat scroll 0 0;}
	
		/* Bars
		-------------------------------------------------------*/
		body.pubs						{ background:#005b96; }
		.pubs #header a					{ color:#005b96; border-color:#005b96;}
		.shops .pubs .subTitle			{ color:#005b96; border-color:#005b96;}
		.shops #pageContent .pubs li.active a,
		.shops #pageContent .pubs li.active a:hover { color:#005b96; }
		.pubs #quick-nav form input 	{ color:#005b96;}
		.pubs #quick-nav form button	{ background:#F4F4F4 url(imgs/icon-find-005b96.gif) no-repeat scroll 0 0;}
	
		/* Boutiques
		-------------------------------------------------------*/
		body.shopping					{ background:#d65763; }
		.shopping #header a				{ color:#d65763; border-color:#d65763;}
		.shops .shopping .subTitle		{ color:#d65763; border-color:#d65763;}
		.shops #pageContent .shopping li.active a,
		.shops #pageContent .shopping li.active a:hover { color:#d65763; }
		.shopping #quick-nav form input 	{ color:#d65763;}
		.shopping #quick-nav form button	{ background:#F4F4F4 url(imgs/icon-find-d65763.gif) no-repeat scroll 0 0;}
	
		/* Services
		-------------------------------------------------------*/
		body.services					{ background:#d86400; }
		.services #header a				{ color:#d86400; border-color:#d86400;}
		.shops .services .subTitle		{ color:#d86400; border-color:#d86400;}
		.shops #pageContent .services li.active a,
		.shops #pageContent .services li.active a:hover { color:#d86400; }
		.services #quick-nav form input 	{ color:#d86400;}
		.services #quick-nav form button	{ background:#F4F4F4 url(imgs/icon-find-d86400.gif) no-repeat scroll 0 0;}
	
		/* Hebergement
		-------------------------------------------------------*/
		body.hebergements				{ background:#529116; }
		.hebergements #header a			{ color:#529116; border-color:#529116;}
		.shops .hebergements .subTitle	{ color:#529116; border-color:#529116;}
		.shops #pageContent .hebergements li.active a,
		.shops #pageContent .hebergements li.active a:hover { color:#529116; }
		.hebergements #quick-nav form input 	{ color:#529116;}
		.hebergements #quick-nav form button	{ background:#F4F4F4 url(imgs/icon-find-529116.gif) no-repeat scroll 0 0;}
	
		/* Arts & Culture - inversé
		-------------------------------------------------------*/
		body.culture 						{ background:#d4d2d2; }
		.culture #header a					{ color:#393129; border-color:#393129;}
		.shops .culture .subTitle			{ color:#ffffff; border-color:#ffffff;}
		.shops #pageContent .culture li.active a,
		.shops #pageContent .culture li.active a:hover { color:#ffffff; }
		.culture #quick-nav form input 	{ color:#393129;}
		.culture #quick-nav form button	{ background:#F4F4F4 url(imgs/icon-find-393129.gif) no-repeat scroll 0 0;}
	
		#fiche.culture #header a:hover		{ color:#888; }
		#fiche.culture .breadcrumbs a		{ background:url(imgs/gt-small-neutral.png) right 3px no-repeat;}
		#fiche.culture #pageContent a		{ color:#393129;}
		#fiche.culture #pageContent,
		#fiche.culture #pageContent h3,
		#fiche.culture #pageContent a		{ color:#393129;}
		#fiche.culture .links				{ background:url(imgs/border-30-neutral.png) 0 0 repeat-x; }
		#fiche.culture .links li 			{ background:url(imgs/border-30-neutral.png) 0 bottom repeat-x; }
		
		/* Arts & Culture - inversé
		-------------------------------------------------------*/
		.archives-videos					{   }
		.archives-videos li					{ background:url("imgs/border-30.png") repeat-x right bottom transparent !important; width:100% !important; }
		.archives-videos h4					{ position:absolute; top:20px; left:190px; padding:10px; }
		.archives-videos p					{ position:absolute; top:40px; left:190px; padding:10px; }
		.archives-videos .video-img			{ left:0; }
	
	
	/* A propos - mission */
	.mission .facts, 
	.mission .borderTop					{ padding-top:6px;}
	.mission .facts p					{ text-transform:uppercase; font-size:20px; line-height:1em;}
	.mission .facts p strong			{ display:block; clear:both; }
	.chiffres-mission 					{ display:block; width:353px; height:502px;}
	.chiffres-mission p					{ margin-left:-9999px;}
	
	/* A propos - CA et direction */
	#standard.direction .quarter h3		{ margin:0;}
	.direction .quarter h4				{ text-transform:uppercase; font-weight:normal; margin:0 0 10px;}
	#standard.direction .quarter p		{ font-size:11px; margin:0 0 40px;}
	
	/* A propos - realisations */ 
	.realisations						{ /*border-bottom:6px solid #215f35;*/ margin-bottom:30px;}
	.realisations h3.sIFR_subTitle		{ margin:-10px 0 0; border-bottom:6px solid #215f35; }
	.realisations ul					{ list-style:none; margin:-16px 0 0; padding:0; }
	.realisations li 					{ background:url(imgs/border-30.png) right bottom no-repeat; display:block; float:left; width:49%; position:relative; height:142px; }
	.realisations li img				{ display:block; position:absolute; top:0; left:0;}
	.realisations li a					{ display:block; position:absolute; top:0; left:190px; padding:10px; font-weight:bold; }
	
	/* 404 & liens */
	.liens								{ display:block; float:left; width:365px; list-style:none; margin:0; padding:0 0 30px; }
	.liens h3.subTitle					{ border-top:6px solid #226036; padding:8px 0 0; margin:0 0 16px;}
	.liens ul 	 						{ background:url(imgs/border-30.png) left top repeat-x; list-style:none; margin:0; padding:0 0 35px;}
	.liens ul li 						{ background:url(imgs/border-30.png) left bottom repeat-x; padding:4px 0;}
	.liens a.blank						{ background:url(imgs/icon-ext.png) 10px 6px no-repeat; padding:3px 0 3px 30px; display:block; text-transform:uppercase; font-size:10px; font-weight:bold;}

	/* iframe et shadowbox
    -----------------------------------------------------------*/
	#iframe											{ background-position: left top; min-width:0;}
	#iframe #pageContainer			{ background:none;}
	#iframe #pageContent				{ background-position: left top; padding:0; margin:0;}
	#iframe #pageContent .content-holder { width:auto; padding:40px; }
	#iframe .max								{ width:400px;}
	
	#stwrapper 						{ overflow:hidden; width:353px; height:250px;}
	#stframe							{ position:absolute; }
	
	#newsletter-subscribe input.text 	{ width:220px;}
	#newsletter-subscribe fieldset		{ margin: 0 0 16px; }
	#newsletter-subscribe input#email	{ margin: 0 0 0 10px; }
	#newsletter-subscribe .dd			{ display:block; float:none; clear:both; width:220px; }
	#newsletter-subscribe #precisez		{ display:block; float:none; clear:both; margin:6px 0 0; }
	
	
	/* Concours
	------------------------------------------------------------*/
	
	#pageContent.concours a 					{ text-decoration:underline; }
	#pageContent.concours div.breadcrumbs a		{ text-decoration:none !important; }
	form[name=concours] label 					{ display:inline-block; width: 230px; margin-right:20px; }
	form[name=concours] label,
	form[name=concours] input 					{ float:left; }
	form[name=concours] select[name=utiliser] 	{ float:left; }
	form[name=concours] ul 						{ margin:0px; }
	form[name=concours] ul li 					{ list-style:none; margin-bottom:10px; width:700px; overflow:hidden; } 
	form[name=concours] input.inputdate 		{ width: 50px; margin-right:6px; }
	form[name=concours] input[type=submit],
	form[name=concours] input[type=button]		{ background-color:#fff; padding:6px; border:0px solid #fff; -moz-border-radius: 3px; font-weight:bold; cursor:pointer; }
	form[name=concours] input[name=passer]		{ margin-left:6px; }
	form[name=concours] input[name=Autre] 		{ float:none; }
	#goto_concours								{ background-color:#fff; padding:6px; border:0px solid #fff; -moz-border-radius: 3px; font-weight:bold; cursor:pointer; }
	

/* Forms
--------------------------------------------------------------- */
	input.datepicker,
	input.text, select, 
	option, textarea 					{ font-family:Arial, Helvetica, sans-serif; font-size:13px; }
	button.button						{ border:0; cursor:pointer;}
	button.submit						{ border:0; cursor:pointer; background:none; font-weight:bold; text-transform:uppercase; font-size:10px; color:#226036; padding:0; margin:14px 0;}
	
	form .subTitle						{ display:block; clear:both; margin:14px 0 6px;}
	label 								{ font-weight:bold; font-size:13px;}
	
	input.datepicker					{ background:url(imgs/bg-inputdate.png) 0 0 no-repeat; border:0; width:124px; height:19px; padding:6px 20px 3px 6px;}
	
	.clear 								{ display:block; clear:both; float:none; }
	.clear label, .clear input.checkbox	{ display:block; float:left;}
	
	.dd									{ background:url(imgs/dd-left.png) left top no-repeat; display:block; float:left; padding-left:13px; width:200px; position:relative; }
		.dd .list 						{ width:100%;}
		.dd span						{ background:url(imgs/dd.png) right top no-repeat; display:block; height:25px; padding:8px 0 0 8px; font-size:13px; font-weight:bold; color:#215F35; }
		.dd.rollin span,	
		.dd.active span					{ background-position:right -35px; color:#5db386;}	
		.dd ul 							{ display:block; list-style:none; width:100%; position:absolute; top:32px; left:0; margin:0; background:#fff; z-index:100; overflow:hidden;}
		.dd ul li a						{ display:block; color:#215f35; font-size:11px; font-weight:bold; text-transform:uppercase; padding:6px 0 6px 10px; border-top:1px solid #bccfc2; width:100%;}
		#pageContent .dd ul li a:hover 	{ color:#5db386; }