/* Page Styles */
html, body { 
	height: 100%; 
	background-color:#F6FAE9; 
	font-family:Trebuchet MS, Helvetica, verdana, serif;
	font-size:1em;
	line-height:1.3;
}

/*Catch all classes*/
div, input, h1, h2, h3, h4, h5, h6, span {
	
}

h2,h3 {margin:20px 0 10px 0;}

a {text-decoration:none}
a:hover {text-decoration: underline}

/* Main Layout Classes */
div#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/*margin: 0 auto -178px;*/
	margin: 0 auto 0px;
}

div#topHeader {
	width:100%;
	height:38px;
	padding:0;
	margin:0;
	background-color:#FFFFFF;
}
	div#topHeader div#Menu{
		width:937px;
		margin:0px auto 0px;
		padding-top:14px;
		}

	div#topHeader ul#topMenu {margin:0;padding:0}
	div#topHeader ul#topMenu li.main {float:left; list-style:none; height:24px;}
	div#topHeader ul#topMenu li.main a {display: block; white-space: nowrap}
	div#topHeader ul#topMenu li.main a img {display: block; border: 0}
	
		/* SubMenus */
		#topMenu li ul
		{	margin: 0 0 0 -1px;
			padding: 0;
			position: absolute;
			z-index:100;
			visibility: hidden;}
		
		#topMenu li ul li
		{	float: none;
			/*display: inline;*/
			margin-top: 1px}
		
		#topMenu li ul li a
		{	width: auto;
			color:#FFF;
			text-decoration:none;
			padding:4px 11px 4px 11px;
			font-size:9pt;
			font-weight:bold;
			background: #73121C}
		
		#topMenu li ul li a:hover
		{	background: #AF0913}
	

div#mainLayout {
	width:992px;
	margin:0 auto 0;
	background-image:url(../_images/bg_mainLayout.gif);
}

div#leftMargin{
	float:left;
	width:36px;
	height:100px;
	background:transparent;
	padding:0;
}

div#Main{
	float:left;
	width:920px;
	padding:0;
}
	
	div#Main div#cinestarz{
		z-index:100;
		height:168px;
		width:136px;
		position:absolute;
		margin:92px 0 0 818px;
		
	}

div#leftColumn{
	float:left;
	width:301px;
	padding:0;
}
div#leftColumnContent{
	width:283px;
	padding:0;
	margin:14px 0 14px 18px;
}

		div#tabsMagasins div.separateur{
				padding:0;
				height:1px;
				background-color:#f3f3f3;
				margin-right:18px;
		}
		
		div#tabsMagasins div.serviceClientele{
			padding:12px 18px 12px 18px;
			line-height:1.2;
			font-size:100%;
			background-color:#f3f3f3;
			margin-right:18px;
		}
	
		div#tabsMagasins div.serviceClientele a:link, div#tabsMagasins div.serviceClientele a:visited{color:#6d6d6d; text-decoration:none;} 
		div#tabsMagasins div.serviceClientele a:hover, div#tabsMagasins div.serviceClientele a:active {color:#bf1e2e; text-decoration:none;}

		div#blocMagasinsRecherche{
			margin:0;
			padding:0;
			background-color:#f3f3f3;
			width:265px;
		}
		
			div#blocMagasinsRecherche div.searchBox{
				background-image:url(../_images/bg_search.gif);
				height:66px;
				padding:0;
			}
			
			div#blocMagasinsRecherche input.searchBox{
				width:180px;
				height:20px;
				margin:23px 0 0 30px;
				padding:0;
				font-weight:bold;
				font-size:90%;
				border:0;
			}
		
			div#blocMagasinsRecherche div.separateur{
					padding:0;
					height:1px;
			}
			
			div#blocMagasinsRecherche div.contenu{
				padding:12px 18px 12px 18px;
				line-height:1.2;
				font-size:100%;
			}

		div#blocMagasinsAZ{
			margin:0;
			padding:0;
			background-color:#f3f3f3;
		}
		
			div#blocMagasinsAZ div.alphabet{
				padding:5px 18px 5px 18px;
				line-height:1.6;
				font-weight:bold;
			}
			div#blocMagasinsAZ a {color:#6d6d6d; margin-right:2px;} 
			div#blocMagasinsAZ a:link, div#blocMagasinsAZ a:visited {text-decoration:none;} 
			div#blocMagasinsAZ a:hover, div#blocMagasinsAZ a:active {color:#bf1e2e; text-decoration:underline;} 
			
			div#blocMagasinsAZ div.resultats{
				padding:0;
				background-image:url(../_images/bg_resultats.gif);
			}
			
			div#blocMagasinsAZ div.contenuResultats{
				padding:5px 18px 5px 18px;
				line-height:1.4;
			}
		
		div#blocMagasinsCategories{
			margin:0;
			padding:0;
			background-color:#f3f3f3;
			background:url(../_images/bg_gris_clair.gif); /*** essayer de résoudre le pbm de background avec le select ***/
		}
		
			div#blocMagasinsCategories div.selection{
				padding:18px 18px 18px 18px;
				line-height:1.6;
				font-weight:bold;
			}
			SELECT.categoriesMagasins{
				width:229px;
				font-family:Trebuchet MS, Helvetica, verdana, serif;
				font-size:80%;
				padding:0;
				margin:0;
			}
			div#blocMagasinsCategories a {color:#6d6d6d; margin-right:2px;} 
			div#blocMagasinsCategories a:link, div#blocMagasinsCategories a:visited {text-decoration:none;} 
			div#blocMagasinsCategories a:hover, div#blocMagasinsCategories a:active {color:#bf1e2e; text-decoration:underline;} 
			
			div#blocMagasinsCategories div.ListeCategorie{
				padding:0;
				background-image:url(../_images/bg_resultats.gif);
			}
			
			div#blocMagasinsCategories div.contenuListeCategorie{
				padding:5px 18px 5px 18px;
				line-height:1.4;
			}	


	div#blocHeuresOuverture{
		margin:0;
		padding:0;
		background-image:url(../_images/bg_contenu_col_gauche.gif);
		background-repeat:no-repeat;
		background-position:0px 43px;
		background-color:#f3f3f3;
		width:265px;
	}
	
		div#blocHeuresOuverture div.headerBlock{
			padding:0 0 1px 0;
			height:43px;
			background-color:#FFFFFF;
		}
		div#blocHeuresOuverture div.contenu{
			padding:12px 18px 0px 18px;
			line-height:1.2;
			font-size:90%;
		}
		div#blocHeuresOuverture div.contenuHeures{
			padding:0px 18px 12px 18px;
			line-height:1.2;
			font-size:90%;
		}
		div#blocHeuresOuverture div.separateur{
			padding:0;
			height:1px;
		}
		
		.edit {cursor:pointer}
		

	div#blocNouveautes{
		margin:0;
		padding:0;
		background-image:url(../_images/bg_contenu_col_gauche.gif);
		background-repeat:no-repeat;
		background-position:0px 43px;
		background-color:#f3f3f3;
		width:265px;
	}
	
		div#blocNouveautes div.headerBlock{
			padding:0 0 1px 0;
			height:43px;
			background-color:#FFFFFF;
		}
		div#blocNouveautes div.contenu{
			padding:12px 12px 12px 18px;
			line-height:1.4;
			font-size:90%;
		}
		div#blocNouveautes div.separateur{
			padding:0;
			height:1px;
		}


	div#blocConseilsMode{
		margin:0;
		padding:0;
		/*background:url(../_images/bg_contenu_col_gauche.gif) 0px 67px no-repeat;*/
		background-color:#e9e9e9;
		width:265px;
		font-size:90%;
	}
	
		div#blocConseilsMode div.headerBlock{
			padding:0 0 1px 0;
			height:67px;
			background-color:#FFFFFF;
		}
		div#blocConseilsMode div.contenu{
			padding:12px 12px 12px 18px;
			line-height:1.4;
			font-size:90%;
		}
		div#blocConseilsMode div.separateur{
			padding:0;
			height:1px;
		}
	
	
	div#blocANoter{
		margin:0;
		padding:0;
		background:url(../_images/bg_contenu_col_gauche.gif) 0px 43px no-repeat;
		background-color:#f3f3f3;
		width:255px;
	}
	
		div#blocANoter div.headerBlock{
			padding:0 0 1px 0;
			height:43px;
			background-color:#FFFFFF;
		}
		div#blocANoter div.contenu{
			padding:12px 12px 12px 18px;
			line-height:1.4;
			font-size:90%;
		}
		div#blocANoter div.separateur{
			padding:0;
			height:1px;
		}



div#rightColumn{
	float:right;
	width:619px;
	padding:0;
}
div#rightColumnContent{
	width:585px;
	padding:0;
	margin:14px 16px 14px 18px;
	font-size:0.9em;
}

	div.calepinFond{
		margin:0 0 0 -8px;
		width:326px;
		background-image:url(../_images/bg_calepin.jpg);
		background-repeat:repeat-y;
	}
	
	div.calepinFond div.contenu{
		margin:-130px 15px 0 15px;
		background:none;
		min-height:200px;
		height: auto !important;
		height:200px;
	}
	
	div.calepinContenu img.bas{
		padding:0;
		margin:0;
	}
	
	div#rightColumnContent a {color:#09C;text-decoration:none}
	div#rightColumnContent a:hover {color:#2BE;text-decoration:underline}
	
	
	/*Page Conseils mode*/
	.conseilsMode {background:url(../_images/bg_conseils_mode.gif) repeat-y; width:602px; padding:0; margin:0;display:block;}
	
	.conseilsMode .contenu {margin-left:80px; width:420px;color:#555}
	.conseilsMode img.separateur {margin:10px 0px}
	
	.conseilsMode h1, .conseilsMode h2, .conseilsMode h3 {color:#00a9b4;}
	div#rightColumnContent a.pink {color:#ed41a5;}
	
	.conseilsMode .questionCommentaire {width:410px;padding:3px;background-color:#FFF;text-align:center;font-family:Georgia, "Times New Roman", Times, serif}

div#rightMargin{
	float:left;
	width:36px;
	padding:0;
}

div#mainLayoutFooter{
	background-color:#991825;
	width:920px;
	height:82px;
	margin-left:36px;
}

	div#footer{
		background-image:url(../_images/bg_footer.gif);
		width:992px;
		height:66px;
		margin:0;
		text-align:center;
		line-height:1;
	}
	
	div#footerMenu{
		margin:0;
		padding-top:10px;
	}

div#copyRight {
	margin-left:36px;
	padding-bottom:30px;
	width:920px;
	margin:0 auto;
	font-size: 80%;
	color:#868686;
}
	a.english:link, a.english:visited {text-decoration:none;}
	a.english:active, a.english:hover {text-decoration:underline;}
	div#copyRight a:link, div#copyRight a:visited {color:#868686}
	div#copyRight a:active, div#copyRight a:hover {color:#50575b}
/*Content boxes*/



/*Image container classes*/
div.contentPub{
	float:right;
	margin-bottom:15px;
}

/*Link classes*/
a.linkgray:link, a.linkgray:visited { text-decoration:none;	color:#868686; }
a.linkgray:hover, a.linkgray:active { text-decoration:underline; color:#bf1e2e; }

/*Text classes */
h1 { color:#bf1e2e;	font-size:160%; margin-bottom:5px;}
h2 { color:#bf1e2e;	font-size:140%; line-height:1}
h3 { color:#bf1e2e;	font-size:120%; line-height:1}


div#footerMenu a{
	color:#898989;
	text-decoration:none;
	font-family:Trebuchet MS, Helvetica, verdana, serif;
	font-size:11pt;
	font-weight:bold;
}

div#footerMenu a:hover, div#footerMenu a:active{
	color:#ffffff;
}

/*Links*/
h2 a {color: #bf1e2e; text-decoration:none;}
h2 a:hover {text-decoration:underline;}
h3 a {color: #bf1e2e; text-decoration:none;}
h3 a:hover {color:#900; text-decoration:underline;}

/*fonts*/
.bold {font-weight:bold}
.t80{font-size:80%}
.t90{font-size:90%}
.t95{font-size:95%}
.t110{font-size:120%;}
.t120{font-size:120%;}


/*colors*/
.teal {color:#00a9b4;}
.olive {color:#85a702;}
.gray{color:#868686;}
.gray a {color:#868686; text-decoration:none}
.gray a:hover {color:#50575b; text-decoration:underline}
.red{color:#BF1E2E;}
.pink, .pink a {color:#ed41a5;}
.darkgray {color:#50575b;}
.darkgray a {color:#50575b; text-decoration:none}
.darkgray a:hover {text-decoration:underline}
.darkred { color:#600}