body {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #336183;
	background-color: #FEFFD1;
}

a:link {font-size: inherit;}
html, body {height: 100%;}
table.main {height: 100%; width: 100%; border: 0px; margin: 0 auto;}


tr#n1 {height: 179px; background-color:#FFFFFF;}
tr#n2 {height: 75%;}
tr#n3{height: 40px; background-color: #FEFFD1;}
tr#n4 {height: 31px; background-color: #FEFFD1;}

td.sides {width: 50%;}
td.mid {width: 768px;}
#mid2 {background-image: url(../img/friandises_glacees.jpg);}

td#topleft {background-image: url(../img/bck_tleft.jpg); background-repeat:no-repeat;  background-position: right bottom; background-color:#FFFFFF;}
td#srm {background-image: url(../img/bck_right.jpg); background-repeat:no-repeat; background-color: #FEFFD1; background-position: left top;}
td#slm {background-image: url(../img/bkc_left.jpg); background-repeat:no-repeat; background-color: #FEFFD1; background-position: right top;}
td#mmain {background-image: url(../img/bar.jpg); background-repeat:repeat-y;}
#mmain2 {background-image: url(../img/bbtruck.jpg); background-repeat:no-repeat; background-position:bottom; background-color:#FFFFFF; height: 350px;}
#mmain3 {background-image: url(../img/bbt.jpg); background-repeat:no-repeat; background-position:bottom;  background-color:#FFFFFF; height: 350px;}
#mmain4 {background-image: url(../img/jbbck.jpg); background-repeat:no-repeat; background-position:bottom right; height: 350px; }
td#footer {background-image: url(../img/bar.jpg); background-repeat:repeat-y;  font-size: 75%;}
#foot {background-image: url(../img/bottom.jpg); background-repeat:no-repeat; background-position: right bottom; background-color: #FD7F35; width: 768px; height: 58px; padding-top: 3px; color: #FFFFFF;}
#foot a:link, a:focus, a:active {color: #ffffff; margin-right: 2px;}
#foot a:visited {color: #ffffff; }
#foot a:hover {color: #ffffff;  text-decoration:underline;}
.white {}
.txt2 {color: #FFFFFF; font-size: 75%; margin-top: 2px;}
#midmenu {width: 765px; height: 97px; background-image: url(../img/top.jpg); background-repeat: no-repeat; background-position: +1 left;}

#midwrap{width: 685px;  height: auto; margin-left: 40px; margin-right: 40px;}
#midwrap p {color: #336183; font-size: 80%; text-align:justify;}
#midwrap h1 {padding: 0px; margin: 0px;}

#midwrap1 {float: left; width: 330px; padding-right: 10px;}
#midwrap1 p {color: #336183; font-size: 80%; text-align:justify;}

#midwrap a {font-size: inherit; color: #FF6600; text-decoration: underline;}
#midwrap a:visited {font-size: inherit;}
#midwrap a:active, a:hover, a:focus {font-size: inherit;}

#midwrap1 a {font-size: inherit; color: #FF6600; text-decoration: underline;}
#midwrap1 a:visited {font-size: inherit;}
#midwrap1 a:active, a:hover, a:focus {font-size: inherit;}

#midwrap2 {float: right; width: 330px;}
.clear {clear: both;}
#mideventswrap {width: 765px; height: auto; padding-top: 10px; min-height: 300px; padding-left: 1px; }

#midwrap3a {width: 765px;  height: auto;}




#events {float: left; width: 370px; background-image: url(../img/bar2.jpg); background-repeat:repeat-y; background-position: top left; height: 250px; padding-right: 4px;}
#events h2 {padding-right: 40px; margin: 0px; padding-top: 0px; text-align:right; padding-top: 20px;}
.evpad {padding-top: 20px; font-size: 80%;}
#events a:link, a:focus, a:active {font-size: inherit; text-decoration:none}
#events a:hover { font-size: inherit; text-decoration:underline}
#events a:visited {font-size: inherit;}
#evtitle_en {background-image: url(../img/events_en.jpg); height: 77px; width: 368px;}
#evtitle_fr {background-image: url(../img/events_fr.jpg); height: 77px; width: 368px;}
.eventcontent {margin-left: 70px; padding-bottom: 5px; border-bottom: 2px solid #E9F7D6; width: 285px; font-size: 80%;}
#newsletter {float: right; background-image: url(../img/bar3.jpg); background-repeat:repeat-y; background-position: top left;  height: 250px; width: 370px;}
#newsc_fr {width: auto; background-image: url(../img/info_fr.jpg); background-repeat:no-repeat; background-position:top left; }
#newsc_en {width: auto; background-image: url(../img/info_en.jpg); background-repeat:no-repeat; background-position:top left; }
/* ------ PRODUCT DIV AND FORMS  style ------ */

div#prodwrap { font-size: 80%; margin: 0px; padding: 0px;}
.prodlist {float: left; width: 155px; height: 192px;}

/* ------ FOOTER  style ------ */

#footer2 {width: 765px;}
#footer2 a:link, a:focus, a:active {color: #2F67A6; margin-right: 2px; text-decoration:none;}
#footer2 a:visited {color: #2F67A6; text-decoration:none;}
#footer2 a:hover {color: #2F67A6; text-decoration:none;}
#footer2 img {border: 0px;}
h2.midp1 {font-size: 100%;}
.orange {color: #FF6600;}

/* ------ CONTACT FORMS  style ------ */

.t3 
.contactp1 {
color: #ffffff;
	padding: 5px 10px;
	text-decoration: none;
	border-right: 1px solid #333333;
	background-image: url(../images/klb_roots.jpg);
	background-repeat: repeat;
	background-position: 0px 0px;
	background-color: #5D82B0;

}

.contactp1 h1 {font-size: 90%; color: #336183; font-variant: small-caps; padding: 0px; margin: 0px;}
ul.ul2 {list-style-type: none; padding: 0px; font-weight: normal; margin-top: 10px;}
li.ul2a {display: block; min-height: 20px; border-bottom: 1px solid #AE1002; padding: 0px; margin-bottom: 10px;}
label {font-size: 80%; display: block; height: 16px; margin-top: 4px; width: 100px; padding-right: 5px;}
input.p2 {width: 200px; border-left: 1px solid #336183; border-top: 1px solid #336183; background-color: #fff;}

ul#maplist {padding: 0px; margin: 0px;}
ul#maplist li {list-style-type: none;}

form.contactf {border: 1px solid #336183; width: 400px; padding:10px; }


textarea {width: 300px;}

/******* form *******/

#contactt {width: 420px;}
#contactt input {width: 200px; float: right; font-size: 80%; color: #090074; padding-left: 5px; padding-right: 5px; margin-bottom: 6px;}
#contactt label {width: 60px; display: block; font-size: 80%; margin-bottom: 6px; text-align:right;}
#contactt textarea {width: 200px; float: right; font-size: 80%; color: #090074; padding-left: 5px; padding-right: 5px;font-family:Arial, Helvetica, sans-serif; margin-top: 0px;}
input.contactt2 {width: 60px; float: none; background-color:#F56D01; color:#FFFFFF;}
#contactt h1 {font-size: 110%; padding: 0px; margin: 0px; color:#F56D01;}
.heightev {height: 60px;}