/* CSS Document */

body{
	margin: 0px;
	background-color: #EF2E24;
	text-align: center;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
#conteneur{
	margin: auto;
	width: 750px;
	margin-top: 10px;
}
a{
	color: #FEFFF4;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:hover{
	color: #fff500;
	text-decoration: underline;
}

img{
	border: none;
}

p{
	margin: 0 0 8px 0;
}


/* <<<<<<  HEADER  >>>>>>  */

#header{
	float: left;
	clear: right;
	text-align: center;
}

#header1, #header2{
	float: left;
}

#header1{
	width: 371px;
	margin: 13px 24px 0px 0px;
}
#header2{
	width: 200px;
	margin: 11px 17px 0px 0px;
}
#header3{
	background: #EF2E24;
	width: 131px;
	clear: right;
	float: left;
}

/* <<<<<<  FIN HEADER  >>>>>>  */



/* <<<<<<  MENU TOP  >>>>>>  */
#menuTop{
	float: left;
	clear: both;
	background-image: url(images/bg-menu-top.gif);
	height: 50px;
	margin: auto 0px;
	text-align: center;
}
#menuTop ul{
	margin: auto 0px;
	width: 750px;
	padding: 22px 0px 0px 0px;
}
	#menuTop ul li{
			margin: 0px 9px 0px 10px;
			display: inline;
			list-style: none;
		}
			#menuTop ul li a{
				text-transform: uppercase;
				font-size: 11px;
				font-weight: bold;
				color: #000000;
				letter-spacing: -1px;
			}
			#menuTop ul li a:hover{
				color: #EF3124;
			}

/* <<<<<<  FIN MENU TOP  >>>>>>  */



/* <<<<<<  CONTENU  >>>>>>  */

#contenu{
	width: 750px;
	float: left;
	clear: both;
	background-image: url(images/bg-page.gif);
}
#rightCol{
	width: 545px;
	clear: right;
	background-image: url(images/bg-contenu.jpg);
	background-repeat: no-repeat;
	min-height: 400px;
} * html #rightCol {height: 400px;}


	#content{
		padding: 12px 22px 19px 19px;
		text-align: justify;
		}
			h1{
				font-size: 19px;
				font-weight: bold;
				margin: 0px;
				padding: 0px;
				text-transform: uppercase;
				text-align: left;
				}
				
			h2{
				font-size: 16px;
				font-weight: bold;
				margin: 10px 0 5px 0;
				padding: 0px;
				text-transform: uppercase;
				text-align: left;
				}
				
			h3{
				font-size: 13px;
				font-weight: bold;
				margin: 0px;
				padding: 0px;
				text-align: left;
				}
				
		#content p a{
				color: #fff500;
				text-decoration: none;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				}
		#content p a:hover{
				color: #fff500;
				text-decoration: underline;
				}
				
		.img {float:left;width:120px;}
		.descr {margin-left:130px;}
		.img2 {float:left;width:150px;}
		.descr2 {margin-left:160px;}
		.img3 {float:left;width:240px;}
		.descr3 {margin-left:250px;}
		.img4 {float:left;width:200px;}
		.descr4 {margin-left:210px;}
		.descr4 h2{margin: 0;}
		p.spacer {margin: 5px 0; clear:both;}
		table {text-align: left;}
		tr {height: 28px;}
		td {padding: 3px}
		.alt {background: #d80f01;}
		.petit{font-size: 10px;}
	
	#content ul{
	margin: 0 0 0 10px;
	padding: 0;
	text-align: left;
	list-style: url(images/bullet.gif);
	}
	
	#content ul li{
	padding: 3px 0;
	}
	
		#content ul li a{
			color: #FFF;
			text-decoration: none;
			}
		#content ul li a:hover{
			color: #FFF500;
			text-decoration: underline;
			}
				
	#content ol{
	margin: 0 0 0 16px;
	padding: 0;
	text-align: left;
	}
	
	#content ol li{
	padding: 5px 0;
	}
		#content ol li a{
			color: #FFF;
			text-decoration: none;
			}
		#content ol li a:hover{
			color: #FFF500;
			text-decoration: underline;
			}
			
	.tel{
		font-size: 21px;
		font-weight: bold;
	}
	
	.adresse{
		font-size: 16px;
		font-weight: bold;
	}
	
	#heure{
	width: 296px;
	margin: 0;
	float: left;
	}
	
	#map{
	float: left;
	}
	
		input.btn{
		color: #fff;
		border: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background: #d80f01;
		margin: 10px 0 0 0;
		padding: 5px 10px;
		text-decoration: none;
		font-weight: bold;
		font-size: 11px;
		text-transform: uppercase;
		overflow: visible;
		cursor: pointer;
	}
	input:hover.btn{
		color: #fff500;
		border: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background: #e96059;
		margin: 10px 0 0 0;
		padding: 5px 10px;
		text-decoration: none;
		font-weight: bold;
		font-size: 11px;
		text-transform: uppercase;
		overflow: visible;
		cursor: pointer;
	}
	
	input.btno{
	color: #fff500;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #e96059;
	margin: 10px 0 0 0;
	padding: 5px 10px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	overflow: visible;
	cursor: pointer;
}

/* <<<<<<  FIN CONTENU  >>>>>>  */


/* <<<<<<  MENU DE GAUCHE : SOUS MENU  >>>>>>  */

#leftCol, #rightCol{
	float: left;
}

#leftCol{
	width: 205px;
	text-align: left;
}
	#leftCol #sousMenu{
	background-image: url(images/bg-smenu.jpg);
	background-repeat: no-repeat;
	min-height: 470px;
	height: 470px;
	padding-left: 19px;
	}
	
	#sousMenu ul{
	margin: 0px;
	padding: 0px;
	
	}
	#sousMenu ul li{
	list-style: url(images/fleche.gif);
	margin: 0px 12px 12px 23px;
	}
		#sousMenu ul li a{
			font-size: 12px;
			text-transform: uppercase;
			font-weight: bold;
			}
		#sousMenu ul li a:hover{
			color: #FFF500;
			}

/* <<<<<<  FIN du MENU DE GAUCHE : SOUS MENU  >>>>>>  */



/* <<<<<<  FOOTER  >>>>>>  */

#footer{
	width: 750px;
	float: left;
	clear: left;
	height: 30px;
	background-image: url(images/bg-footer.gif);
	background-repeat: repeat-x;
}
		#menuBas{
			background-image: url(images/bg-menu-bas.gif);
			margin-top: 10px;
			margin-bottom: 10px;
			height: 16px;
			width: 750px;
			}
			#menuBas ul{
			width: 750px;
			margin: 0px;
			padding: 0px;
			float: left;
			clear: both;
			text-align: center;
			}
			#menuBas ul li{
				display: inline;
				width: auto;
			}
			#menuBas ul li a{
				font-size: 11px;
				margin-top: 4px;
				padding: 0px 5px 0px 5px;
				letter-spacing: 0px;
				
				}
			#menuBas ul li a:hover{
			color: #FFF500;
			}

/* <<<<<<  FIN FOOTER  >>>>>>  */

/* <<<<<<  CARTES DES RESTOS  >>>>>>  */

.mapbase {	background: url( 'images/carte/map_quebec.gif' ) top left no-repeat;}
.beauce {background: url( 'images/carte/map_quebec.gif' ) -497px 0px no-repeat;}
.mauricie {background: url( 'images/carte/map_quebec.gif' ) 0px -302px no-repeat;}
.saguenay {background: url( 'images/carte/map_quebec.gif' ) -1491px -302px no-repeat;}
.capitale {background: url( 'images/carte/map_quebec.gif' ) -994px -302px no-repeat;}
.estrie {background: url( 'images/carte/map_quebec.gif' ) -994px 0px no-repeat;}
.monteregie {background: url( 'images/carte/map_quebec.gif' ) -1491px 0px no-repeat;}
.centre-qc {background: url( 'images/carte/map_quebec.gif' ) -497px -302px no-repeat;}

#white {
	color: #999;
	text-align: center;
}

#white a{
	color: #fff;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
		
#white a:hover{
	color: #fff500;
	text-decoration: underline;
}

#nav {
	margin: 0;
}

.jaune {
	color: #fff500;
}

#region {
	margin: 0;
	width: 320px;
	float: left;
}

#nav-region {
	width: 170px;
	margin: 0 0 0 10px;
	float: right;
}

#nav-region ul {
	list-style: none;
}

/* <<<<<<  FIN CARTE DES RESTOS  >>>>>>  */