@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-facebook a		{ background-image:url(imgs/icons-facebook.gif) !important; background-position: 8px 0 !important; background-repeat:no-repeat !important; }
.icon-tweet a		{ background-image:url(imgs/icons-tweet.gif) !important; background-position: 8px 0 !important; background-repeat:no-repeat !important;}
.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;}
#widget-sociaux ul                      {list-style: none; margin: 0; padding: 0;}
#widget-sociaux li                     { display: inline-table; float: left; list-style: none; margin: 0 6px 0 0; padding: 0; vertical-align: baseline; vertical-align: bottom; height: 65px; width: auto; }
#widget-sociaux ul li span {           display: block; }

/* Commentaire où sortir */
#commentaireContainer                   { margin-top: 38px; width: auto; float: left; }
#commentaireContainer #headerComments   { height: 22px; line-height: 22px; font-weight:bold; width: 760px;}
#commentaireContainer #headerComments .headTitle   { width: 50%; float: left;}
#commentaireContainer #headerComments .let1CommGreen   {  font-size: 10px; width: 50%; height: 22px;float: left; text-align: right; background: url("imgs/write.png") no-repeat 59% 0% }
#commentaireContainer #headerComments .let1CommGreenEng   {  font-size: 10px; width: 50%; height: 22px; float: left; text-align: right; background: url("imgs/write.png") no-repeat 64% 0%}
#commentaireContainer #headerComments .let1CommWhite   {  font-size: 10px; width: 50%; height: 22px; float: left; text-align: right; background: url("imgs/write_marchand.png") no-repeat 59% 0%}
#commentaireContainer #headerComments .let1CommWhiteEng   {  font-size: 10px; width: 50%; height: 22px; float: left; text-align: right; background: url("imgs/write_marchand.png") no-repeat 64% 0%}
#fiche.culture #commentaireContainer #headerComments .let1CommWhiteEng   {  font-size: 10px; width: 50%; height: 22px; float: left; text-align: right; background: url("imgs/write_marchand_brown.png") no-repeat 64% 0%}
#commentaireContainer .CommContent      { width: 760px ;float: left;padding: 15px 0 15px 0;}
#commentaireContainer .greenBorder       {background : url("imgs/border-white-trans.png") repeat-x scroll 0 bottom transparent}
#fiche.culture .whiteBorder {background : url("imgs/border-30-neutral.png") repeat-x scroll 0 bottom transparent}
#commentaireContainer .whiteBorder      {background : url("imgs/border-white-trans.png") repeat-x scroll 0 bottom transparent}
#commentaireContainer .CommContent p    { font-weight:bold;}
#commentaireContainer .CommContent .url { font-weight:normal;font-size : 11px; }
/*#commentaireContainer form label { display: inline-block; width:73px; padding: 12px 0; font-weight: normal;}*/
#commentaireContainer #formContainer #formComments span,
#commentaireContainer #formContainer #formCommentsMarchand span
{ display: block;font-weight: normal;padding-bottom: 12px}

#commentaireContainer #formContainer #formComments label,
#commentaireContainer #formContainer #formCommentsMarchand label
{ display: inline-block; width:68px; font-weight: normal;}

#commentaireContainer #formContainer #formComments #formLeft,
#commentaireContainer #formContainer #formCommentsMarchand #formLeft
{ padding-top: 30px; width: 380px; float: left}

#commentaireContainer #formContainer #formComments #formRight,
#commentaireContainer #formContainer #formCommentsMarchand #formRight
{ padding-top: 29px; width: 380px; float: left}

#commentaireContainer #formContainer #formComments .txt,
#commentaireContainer #formContainer #formCommentsMarchand .txt
{ color:#4A4036; padding: 0 5px 0 5px; width: 290px; height: 22px; font-family:Arial, Helvetica, sans-serif; font-size:13px; background: url("imgs/bg_input.jpg"); border-left:#A9ABA8 1px solid; border-top:#A9ABA8 1px solid; border-right:none; border-bottom: none; }

#commentaireContainer #formContainer #formComments .txtarea,
#commentaireContainer #formContainer #formCommentsMarchand .txtarea
{ color:#4A4036; padding: 5px; width: 370px; height: 117px; font-family:Arial, Helvetica, sans-serif; font-size:13px; background: #fff url("imgs/bg_input.jpg"); border-left:#A9ABA8 1px solid; border-top:#A9ABA8 1px solid; border-right:none; border-bottom: none; }

#commentaireContainer #formContainer #formComments input[type="submit"] { background-color:#237145; border: none; color:#fff; font-size: 9px; padding: 5px 16px 5px 16px;margin-top: 10px; }
#commentaireContainer #formContainer #formCommentsMarchand input[type="submit"] { background : url("imgs/border-white-trans.png"); border: none; color:#fff; font-size: 9px; padding: 5px 16px 5px 16px;margin-top: 10px; }

input.captcha {width: 140px !important;}
#commentaireContainer img { margin-left: 5px;border:0;vertical-align:bottom}
#commentaireContainer .captchaError {color:red; font-size: 10px;}

/* 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; }