body
{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	color: #666666;
	font-size: 11px;
	line-height:19px;
}

H1
{
	color: #b4cd95;
	margin-top:15px;
}

H2
{
	font-size: 15px;
	font-weight: bold;
	margin: 20px 0px 16px 0px;
}

H3
{
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0px 5px 0px;
}

P { margin-bottom: 10px; }

.rightPan .hr
{
	background-image: url(/images/horizontalDot.gif);
	background-repeat: repeat-x;
	height: 1px;
	margin: 27px 0px 27px 0px;
}

hr
{
	display: none;
}

.rightPan .hr
{
	width: 673px;
}

.clearer
{
	clear: both;
}

/**********************************
General Layout
***********************************/

#wrap
{
	margin:auto;
	margin-bottom:20px;
	width: 938px;
	
}

a
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}


/**********************************
Header Layout
***********************************/

#header
{
	position: relative;
	background: #fff;
	height: 126px;
}


#imgLogo
{
	position: absolute;
	top: 0;
	left: 37px;
}

#header UL
{
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
}

#header UL LI
{
	margin: 0;
	display: inline;
	padding: 0 0 2px 15px;
	background: url(/images/li_square.gif) no-repeat;
}



/********* Nav **********/

#navTop
{
	text-align: left;
	position: absolute;
	top: 15px;
	right: 35px;
}

#navTop a
{
	color: #999;
}

#navMain
{
	width: 901px;
	position: absolute;
	top: 94px;
	left: 37px;
	text-align: left;
	font-size: 13px;
	
}

#navMain a
{
	font-weight: bold;
}

#navMain td 
{
	vertical-align:middle;
}

.btnFix
{
	margin-left: -4px;
}




/**********************************
Content Layout
***********************************/


/********* Sub Nav **********/

.leftPan UL
{
	font-weight: bold;
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

.leftPan UL LI
{
	background: none;
	margin: 0px 0px 10px 0px;
	padding-left: 0px;
	color: #666666;
}

.leftPan UL LI a
{
	color: #666666;
}




/********** Home ************/

#home #content
{
	position: relative;
	margin: 14px 0 8px 0;
	font-size: 11px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	background: none;
}

#home .leftPan
{
	float: left;
	width: 618px;
	margin-right: 12px;
	padding: 0px;
	/*height:409px;*/
	min-height:409px;
}


#home .rightPan
{
	float: left;
	background: #e8e8e8;
	width: 308px;
	min-height:391px; height:auto !important; height:391px;
	padding: 18px 0px 0px 0px;
	position:relative;
}


#content
{
	position: relative;
	margin: 14px 0 8px 0;
	font-size: 11px;
	width: 938px;
	min-height: 400px;
	background: url(/images/bg_content.gif) repeat-y;
}

.leftPan H1
{
	margin-bottom: 40px;
	color: #666666;
}

.leftPan, .rightPan
{
	float: left;
	width: 145px;
	padding: 20px 25px 38px 39px;
}




.rightPan
{
	padding: 34px 25px 38px 28px;
	width: 673px;
}

*html .rightPan
{
	padding: 34px 25px 38px 28px;
	width: 663px;
}

.rightPanNews
{
	padding: 0 10px 19px 28px;
	color: #333;
	
}

.rightPanNews a
{
	text-decoration: underline;
}

.rightPanNews a:hover
{
	text-decoration: none;
}

.rightPanNews a
{
	text-decoration: none;
}

.item
{
	margin-bottom: 10px;
}

.more a
{
	text-decoration: underline;
}

.more a:hover
{
	text-decoration: none;
}

.specBlock
{
	width: 148px;
	float: left;
	margin-right: 16px;
	
}


.specBlock h2 
{	
	margin:18px 0px 7px 0px;
}

.specBlock p
{
	margin:15px 0 0 0;
	padding:0;
	line-height:14px;
}


.cadeau
{
	float: left;
	position:absolute;
	right:26px;
	bottom:13px;
}

.cadeau_spec
{
	float: left;
	position:absolute;
	right:16px;
	bottom:13px;
}



.leftCol, .rightCol
{
	width: 447px;
	float: left;
}

.rightCol
{
	width: 210px;
	margin-left:16px;
}

.smallImg
{
	float: left;
	margin: 0px 12px 0px 0px;
}

.leftCol h3
{
	width: 447px;
}


.shortDesc, .longDesc
{
	margin-top: 8px;
	margin-bottom:8px;
}

.longDesc
{
	width: 447px;
}

.leftCol .hr
{
	margin: 11px 0px 11px 0px;
	width: auto;
	width: 447px;
}

.tableEmploi h3
{
	width: 299px;
	margin-bottom: 12px;
}

.tableEmploi .storeLogo
{
	width: 147px;
	padding: 0px;
}

.tltStore
{
	width: 200px;
	float: left;
	font-weight: bold;
}

.voirLink
{
	width: 99px;
	float: left;
	font-weight: bold;
}

.emploiDetails
{
	width: 299px;
	float: right;
	margin-top: 10px;
}

/*** Shopping ***/

.resultLogos
{
	float: left;
	width: 195px;
	margin-top: 10px;
	padding-left: 6px;
	vertical-align: top;
	/** background: url(/images/horizontalDot.gif) repeat-x bottom; **/
}

.resultLogos img 
{
	padding:15px 0 15px 0;
}



.resultsTable .resultLogos
{
	width: 117px;
	margin-left: 6px;
	float: none;
}

.resultsTable .resultDesc
{
	width: 544px;
	float: none;
	
}

.clearerGap
{
	margin-bottom: 31px;
	clear: both;
}

.alphaBets
{
	margin-top: 31px;
}

.cateCol
{
	float: left;
	width: 293px;
	margin-top: 31px;
	line-height: 16px;
}

.cateCol a
{
	text-decoration: underline;
}

.cateCol a:hover
{
	text-decoration: none;
}


.shopImg
{
	border: 1px solid #999999;
	padding: 1px;
	float: left;
	margin-right: 32px;
}

.mallImg
{
	margin-top: 8px;
}

.storeLogo
{
	padding-right: 21px;
}

.StoreLabel
{
	vertical-align: middle;
	font-size: 14px;
}

ul#shoppingOpts 
{
	margin-left:18px;
	margin-top:5px;
}

ul#nav 
{
	margin-top:10px;
}
	     
#nav li ul {
	display: block;
	}
	
#nav ul li
{
	margin:0px 0px 0px 18x;
	padding:0px 0px 0px 18x;
}

.leftPan UL #nav ul li 
{
	list-style-type:square;
}
	    
#nav ul li a {
	display: inline-block;
	padding: 3px 0px 2px 0px;
	}
	
	
	    /* Hack. IE Requirement \*/
        * html #nav ul li { height: 1%; }
        * html #nav ul li a { height: 1%; }
        /* End */

       #nav li:hover  ul, #nav li.over ul { display: block; } /* The magic */
       
       
ul.navChoice 
{
	margin:0px 0px 0px 18px;
}

/*** Horaire ***/

.gMap, .cDirect
{
	float: left;
	width: 252px;
}

.gMap iframe 
{
	border:1px solid #999999;
	margin-bottom:20px;
}

.cDirect
{
	width: 350px;
	margin-left: 35px;
	border:none;
}

.cDirect p 
{
	margin-top:0px;
}

.shopPan 
{
	width:613px;
}

.shoppingGrid 
{
	margin-top:10px;
	border:#ffffff;
	
}

.shoppingGrid td
{
	padding:0px;
}










/**********************************
Footer Layout
***********************************/

#footer
{
	text-align: center;
	color: #fff;
	padding: 0;
	margin: 0;
	
}

#footer UL
{
	list-style: none;
	font-size: 10px;
	color: #999;
	padding: 0px;
	margin: 0px;
}


#header UL LI.first, #footer UL LI.first
{
	background: none;
}

#footer UL LI.first
{
	padding: 0px;
}


#footer UL LI
{
	color: #fff;
	padding: 0 0 2px 15px;
	background: url(/images/li_square2.gif) no-repeat;
	display: inline;
}

#footer .address
{
	font-size: 11px;
	margin-bottom: 4px;
}

#footer a
{
	color: #fff;
}


.errorTextbox{ background-color:#FA5054;}
.errorLabel{ color:#FA5054; font-weight:bold;}



/*STYLE BAY CENTRE*/
.listeContact {margin:0px; padding:0px; margin-bottom:25px;}
.listeContact li{float:left; width:336px; list-style-type:none; padding:0px; margin:0px;}

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
*html .clearfix { height:1px; }
*+html .clearfix { display:inline-block; }

.deux-cols{ width:325px; margin-right:10px; float:left; }
*html .deux-cols{ width:315px; margin-right:10px; float:left; }




/*div {border:1px solid black;}*/


/*********************************
// Color scheme for each store
// 1st one = color of the links on home page.



===
Carrefour Angrignon
#007cb7

#2ab969
#32bed7
#546d72
===


===
Promenades drummondville
#ed472b

#cc4833
#f1b449
#666666
===


===
Carrefour du Nord
#d02128

#d02128
#f56533
#aba49a
===


===
Galeries de Granby
#92342f

#923530
#48769a
#193c5a
===


===
Place du centre
#007165

#00817c
#69b3b2
#395151
===


===
Place centre-ville Jonquiere
#5a0258

#5a0258
#ba5d96
#666666
===


===
Centre Manicouagan
#cc3366

#c9395a
#b4cd95
#486841
===


===
Mail montenach
#054271

#debb2b
#265d84
#565d67
===


===
Carrefour du Nord-Ouest
#ee742b

#206d39
#ee742b
#a2a19c
===


===
Place de ville
#166875

#029289
#abd37a
#7b6244
===


===
Carrefour Richelieu
#046795

#056796
#afb1a4
#333
===


===
Promenades de sorel
#417307

#34a370
#4fbfca
#696e71
===


===
Galerie Terrebonne
#4bbce6

#002250
#4bbce6
#998f86
===


===
Centre Valleyfield
#f36c0a

#eab028
#cccccc
#666666
===

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

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}


/*CONCOURS LA SAISON EST OUVERTE*/
#footerAccueil{margin-top:14px;}
#pageConcours{ background:url('/images/concoursSaisons/bg.jpg') no-repeat; width:506px; height:317px; position:absolute; top:0px; left:0px; padding:184px 0 0 246px; font-family:Trebuchet MS, Arial, Sans-Serif !important; font-size:13px !important; color:#000;}
#pageConcours #btFermer{ background:url('/images/concoursSaisons/btFermer.gif') no-repeat right; padding-right:23px; position:absolute; right:17px; top:14px; color:#000; font-size:10px; }
#pageConcours h1{position:absolute; top:10px; left:246px;}
#pageConcours ul{margin:0px; padding:0px;}
#pageConcours .col{float:left; margin-right:45px;}
#pageConcours ul li{ list-style-type:none; position:relative; margin-bottom:12px;}
#pageConcours label{font-family:Trebuchet MS, Arial, Sans-Serif !important; font-size:13px !important; display:block; height:24px; line-height:24px !important; top:2px !important; left:8px !important;}
#pageConcours label a{color:#000; text-decoration:underline;}
#pageConcours label a:hover{color:#7F5E49;}

#pageConcours ul#listeCheckbox {position:absolute; bottom:5px; width:500px;}
#pageConcours ul#listeCheckbox li{margin-bottom:10px;}
#pageConcours ul#listeCheckbox .errorRequired label,#pageConcours ul#listeCheckbox .errorRequired a{color:#CC445C;}
#pageConcours ul#listeCheckbox label{font-size:11px !important; line-height:18px !important; position:absolute; top:1px !important; left:25px !important;}
#pageConcours ul#listeCheckbox label#lblInfolettre{top:0px !important;}
#pageConcours input[type=text] {font-family:Trebuchet MS, Arial, Sans-Serif !important; font-size:13px !important; border:2px solid #d5d3d7; height:24px; line-height:24px; padding:0px 6px; width:156px; }
#pageConcours li.errorRequired  input[type=text], #pageConcours li.errorSaisie input[type=text],#pageConcours li.errorRequired #bordureChamp,#pageConcours li.errorServeur input{border:2px solid #D25E6B;}
#pageConcours .labelHaut label{display:block; margin-bottom:5px; height:auto; line-height:normal !important; }
#pageConcours .labelHaut input[type=text] {width:72px; }
#pageConcours #liMath input[type=text]{position:absolute; top:24px; left:83px;}

#pageConcours span.equation{margin-top:3px; display:inline-block;}
#pageConcours .asterix{color:#b17846;}
#pageConcours #recapcha{position:absolute;}
#pageConcours .btnSend{background:url('/images/concoursSaisons/fr/btParticiper.gif') no-repeat; border:0px; display:block; width:153px; height:37px; text-indent:-9000px; cursor:pointer; position:absolute; bottom:17px; right:17px;}
.hide{display:none;}

/*CAPCHA*/

#pageConcours ul li#liCapchaCache{margin-bottom:0px;}
#egaleCapcha{left:99px; top:32px; position:absolute;}
#liCapcha{position:relative; height:57px; height:35px;}
#liCapcha > div{width:90px; height:35px; float:left;}
#liCapcha > input{left:115px; top:29px; position:absolute;}

#pageConcours #pnlDejaParticipe,#pageConcours #pnlMerci{ position:absolute; margin:0px; padding:0px; top:230px;}
#pageConcours #pnlDejaParticipe{padding-left:33px; top:260px;}
#pageConcours #pnlMerci{padding-left:53px; top:230px;}
#pageConcours #merci{background:url('/images/concoursSaisons/fr/merci.png') no-repeat; width:376px;  text-indent:-9000px; height:76px; display:block;}
#pageConcours #dejaParticipe{background:url('/images/concoursSaisons/fr/dejaParticipe.png') no-repeat; width:433px;  text-indent:-9000px; height:48px; display:block; margin:0px; padding:0px;}

/* CONNECT WITH US */
#contenuConnect {text-indent:-9999px; position:relative; background:url('/images/en/16_connectWithUs.jpg') no-repeat 0 0; width:464px; height:600px; overflow:hidden;}
    #contenuConnect ul {position:absolute;top:118px;left:35px;margin:0;padding:0;}
    #contenuConnect ul li {list-style:none; width:365px;}
        #contenuConnect ul #twitter {height:66px; margin-bottom:20px;}    
        #contenuConnect ul #facebook {height:62px; margin-bottom:22px;}    
        #contenuConnect ul #blog {height:63px; margin-bottom:24px;}
        #contenuConnect ul #foursquare {height:64px; margin-bottom:24px;}
        #contenuConnect ul #youtube {height:65px; margin-bottom:0;}
    #contenuConnect ul li a {display:block; width:365px; border:none;}
    #contenuConnect ul #twitter a {height:66px;}
    #contenuConnect ul #facebook a {height:62px;}
    #contenuConnect ul #blog a {height:63px;}
    #contenuConnect ul #foursquare a {height:64px;}
    #contenuConnect ul #youtube a {height:65px;}

/* MUSTARD SEED FOOD BANK */
#foodBankContent {text-indent:-9999px; position:relative; background:url('/images/en/16_foodBank.jpg') no-repeat 0 0; width:480px; height:600px; overflow:hidden;}
    #foodBankContent ul {position:absolute;top:500px;left:292px;margin:0;padding:0;}
    #foodBankContent ul li {list-style:none; width:170px;}
        #foodBankContent ul #twitter {height:27px; margin-bottom:4px;}    
        #foodBankContent ul #facebook {height:27px; margin-bottom:3px;}    
        #foodBankContent ul #blog {height:27px;}
    #foodBankContent ul li a {display:block; width:170px; border:none; outline:none;}
    #foodBankContent ul #twitter a {height:27px;}
    #foodBankContent ul #facebook a {height:27px;}
    #foodBankContent ul #blog a {height:27px;}
    
/* DEVENEZ MEMBRE */
.bandeauCarrefourNord {position:relative; width:308px; height:117px; background:url(/images/fr/2_bandeau_devenez_membre.jpg) no-repeat 0 0;}
#lstBandeauCarrefourNord {position:absolute; top:34px; left:0; margin:0; padding:0;}
#lstBandeauCarrefourNord li {list-style:none; float:left;}
#lstBandeauCarrefourNord li a {display:block; text-indent:-9999px; outline:none;}
    #lstBandeauCarrefourNord #infolettre, #lstBandeauCarrefourNord #infolettre a {width:101px; height:30px;}
    #lstBandeauCarrefourNord #fb, #lstBandeauCarrefourNord #fb a {width:34px; height:30px;}
    #lstBandeauCarrefourNord #tw, #lstBandeauCarrefourNord #tw a {width:30px; height:30px; margin-left:5px;}
    #lstBandeauCarrefourNord #yt, #lstBandeauCarrefourNord #yt a {width:31px; height:30px; margin-left:6px;}
    
    
/* HOLIDAY HOURS */
#holidayHours_16 {
    width:460px; height:409px;
    background:url(/images/en/16_holidayHours.jpg) no-repeat;
    position:relative;
}

#holidayHours_16 .hiddenContent {
    position:absolute;
    left:-9999px;
}