@charset "UTF-8";
/* ------------------------------------------------------------------
/css/common.css
Groupe Forzani Ltée. / Forzani Group Ltd. - [DL/FD]
--------------------------------------------------------------------- */

body { background: #e6e6e6; color: #343; font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; }

a
  img { border: 0px; }
a.cal { color: inherit !important; padding-right: 14px; background: url(/img/UI/gmap/gmap10x10.gif) no-repeat 100% 50%; text-decoration: none; }
a.cal:hover { text-decoration: underline; }

#container { background: url(/img/UI/bkg/grad_head.gif) #e6e6e6 no-repeat; margin: 0px auto; padding: 0px 10px 0px 10px; position: relative; width: 780px; text-align: left; }

	#logo { position: absolute; top: 10px; left: 10px; padding: 20px 10px 0px 20px; }
	#place  { background: url(/img/UI/bkg/place.png); height: 159px; width: 39px; position: absolute; right: -30px; top: 127px; margin: 0; padding: 0; 
					 _background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/img/UI/bkg/place.png'); _display: inline-block; }
	
	#banner { background: #fff; padding: 0; margin: 0; height: 295px; }
	
	#main   { background: url(/img/UI/bkg/build.jpg) no-repeat #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0; margin: 0; position: relative; min-height: 300px; _height: 1%; }
    .content { width: 780px; margin: 0; position: relative; }
    .mainleft{ float: left;  width: 550px; background: none; }
    .left    { float: left;  width: 200px; background: none; }
     p { margin: 0; padding: 5px 15px; }
     h1,h2,h3,h4,h5 { color: #243; margin: 0; }
     h1 { padding: 20px 15px 10px 15px; font-size: 20px; }
		 h2 { padding: 17px 15px  7px 15px; font-size: 18px; }
		 h3 { padding: 15px 15px  5px 15px; font-size: 16px; }
		 h4 { padding: 13px 15px  3px 15px; font-size: 14px; }
		 h5 { padding: 10px 15px  0px 15px; font-size: 12px; }
		 h5 a { color: #151 !important; text-decoration: none; }
		 h5 a:hover { color: #373 !important; text-decoration: underline; }
    .content ul li { padding-right: 15px; }
    .mainright { float: right; width: 550px; background: none; }
    .right { float: right; width: 200px; margin: 60px 10px 50px 0; background: none; }
    .right img { margin-bottom: 40px; }

		#info.adresse { position: relative; margin: 0; padding: 10px 0 0 15px; width: auto; }
		#info.adresse p { color: #063; font-size: 11px; }
		#info.adresse table { margin: 0; padding: 0; width: auto; font-weight: normal; font-size: 11px; color: #063; }
		#info.adresse table tr td { border: none; line-height: normal; margin: 0; padding: 0 2px; }
		#info.adresse h3 { padding: 0; margin: 0; font-weight: bold; font-size: 16px; }
		#info.adresse h4 { padding: 0; margin: 0; line-height: normal; font-size: 11px; font-weight: normal; color: #063; }
		#info.adresse h4.hours { font-weight: bold; color: #243; font-size: 12px; margin-top: 5px; }
		#info.adresse h4.hours span { padding: 0; }
		
		#info.adresse table.container { margin: 0; padding: 0; width: 100%; }
		#info.adresse table tr td { vertical-align: top; }
		#info.adresse table tr td.address { width: 255px; padding: 0 0 0 5px; border: 1px dotted blue; }
		#info.adresse table tr td.geo     { padding: 0 5px; }
		
		#info.adresse #itineraire { margin: 10px 0 0 0; padding: 0; width: auto; height: 300px; border: 1px solid red; }
    #virtualvisit { padding: 0 20px 10px 20px }	
    #footer { background: url(/img/UI/bkg/footer.gif) repeat-x; height: 38px; padding: 0 10px; margin: 0; text-align:center; border-top: 1px solid #d6d6d6; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
    #footer h3 { color: #333; font-size: 1.5em; margin: 0; padding: 0; line-height: 2em; }
		
		.evenements ul { list-style: none; padding: 2px 0 15px 15px; color: #053; cursor: default; margin: 0; }
    .evenements ul li { font-weight: bold; }
		.evenements ul li ul { font-size: 10px; margin-bottom: 10px; padding: 0; color: #555; }
		.evenements ul li ul li { padding: 0; font-weight: normal;  }
	
	.copyright { float: right; font: normal 10px "Trebuchet MS", Tahoma, Helvetica, sans-serif; color:#777; padding: 5px; }

.clear { clear: both; }
.rouge { color: red; }

/* plans */
#plans  { position: relative; padding: 0; margin: 0 3px; _margin: 0 3px 0 0; width: 200px; height: 133px; /* 152px; */ background: url("/media/pdf/pf-plans-fr.gif") no-repeat; float: left; }
#plans #btn  { position: absolute; top: 114px; left: 0px; padding: 0; margin: 0; width: 200px; height: 19px; }
#plans #btn li { display: block; }
#plans #btn li a { height: 19px; }
#plans #btn li#expos a.fr { background: url("/media/pdf/pf-plans-fr.gif") no-repeat; width:  80px; }
#plans #btn li#salle a.fr { background: url("/media/pdf/pf-plans-fr.gif") no-repeat; width: 120px; }
#plans #btn li#expos a.en { background: url("/media/pdf/pf-plans-en.gif") no-repeat; width:  90px; }
#plans #btn li#salle a.en { background: url("/media/pdf/pf-plans-en.gif") no-repeat; width: 110px; }

/* state normal */
#plans #btn li#expos a.fr { background-position:   0px -114px; position: absolute; top: 0px;  left: 0px; }
#plans #btn li#salle a.fr { background-position: -80px -114px; position: absolute; top: 0px; right: 0px; }
#plans #btn li#expos a.en { background-position:   0px -114px; position: absolute; top: 0px;  left: 0px; }
#plans #btn li#salle a.en { background-position: -90px -114px; position: absolute; top: 0px; right: 0px; }

/* state over */
#plans #btn li#expos a.fr:hover { background-position:   0px -133px; }
#plans #btn li#salle a.fr:hover { background-position: -80px -133px; }
#plans #btn li#expos a.en:hover { background-position:   0px -133px; }
#plans #btn li#salle a.en:hover { background-position: -90px -133px; }

/* state on */
#plans #btn li#expos a.fr:active { background-position:   0px -133px; }
#plans #btn li#salle a.fr:active { background-position: -80px -133px; }
#plans #btn li#expos a.en:active { background-position:   0px -133px; }
#plans #btn li#salle a.en:active { background-position: -90px -133px; }

/*
--------------------------------------------------------------------- */