/* CSS Document */
.contact2{position: absolute; left: 25px; top: 202px; text-align: left; font-size: 9pt; color: #fff; font-family: arial;}
.map-bg {width: 668px;	margin-top: 15px;	margin-left: 5px; position: relative; top: 10px;}
p.bl{color: #fff; font-size: 10pt; padding: 15px;}
p.bl2{color: #fff; font-size: 10pt; padding: 15px; padding-top: 0px; padding-bottom: 0px;}
a.bl{color: #fff; font-size: 10pt; text-decoration: none;}
h2{background-image: url(../images/fond-h.png); background-repeat: no-repeat; background-position: -25px -8px; height: 40px; width: 700px; padding-left: 85px; color: #000;}
.map{position: relative; top: -10px; right: -30px; z-index: 5;}
p.garage{width: 425px; padding-left: 7px; font-size: 10pt; padding-top: 10px;}
img.garagiste{position: absolute; top: 5px; right: -5px; border: 3px #333 solid;}
img.garage-beauport{position: absolute; right: 5px; top: 308px; border: 3px #333 solid;}
img.pneus-beauport{position: absolute; right: 5px; top: 537px; border: 3px #333 solid;}
img.pneus-beauport2{position: absolute; right: 24px; top: 545px;}

ul.services{list-style: none; line-height: 200%; margin-top: 0px; padding-top: 0px; position: relative; top: -15px; left: -10px;}
.services li{padding-left: 0px; font-size: 10pt; font-family: verdana;}
img.carquest{position: absolute; bottom: 70px; right: 255px;}
div.share{color: #fff; position: relative; left: 60px; text-align: center;}
img.ste-foy{padding: 0px; margin: 0px;}


img.noel{position: absolute; top: 60px; left: -5px; z-index: 10;}
 	
 	.none{position: relative; right: -17px; top: -65px;}
 	h3.noel{z-index: 10; position: absolute; top:80px; left: 5px;}
 	h3.noel2{z-index: 10; position: absolute; top: 120px; left: 10px;}
 	a.noel3{z-index: 10; position: absolute; top: 235px; left: 115px; color: #FF0000; font-weight: 700; text-align: center; font-size: 13pt;}
	p.noel3{color: #fff; padding-left: 20px; padding-right: 20px; font-size: 10pt; z-index: 10; position: absolute; top: 165px; left: -10px; font-weight: 400; color: #000;}

/*  ENTETE DE PAGE  */

img.garage-tech-net{position: absolute; left: -5px; top: 22px;}
div.bottom-g{width: 258px; height: 22px; background-image: url(../images/fond-content-g2-bas.jpg); background-repeat: no-repeat; position: relative; bottom: 15px;}
h1.top{  margin: 0px; padding-left: 18px; height: 10px; padding-top: 12px; padding-bottom: 5px; position: relative; right: 20px; font-family: verdana; font-size: 14pt;}
img.pneus{position: absolute; right: -5px; bottom: -450px; z-index: 10;}
div.top-page{ background-image:url(../images/top-page.jpg);background-repeat:repeat-x;background-position:top; width: 100%; float: left; height: 295px; position: absolute;}
img.facade-garage{z-index: 10; position: absolute; top: 18px; right: 50px;}

/*  COLOMNE DE GAUCHE   */
.promo{border: 2px #000 solid; margin-left: 3px; position: relative; top: 0px; left: 17px; padding: 0px;}
.blanc{color: #fff;}
.blanc2{color: #fff; padding-left: 20px; padding-right: 20px; font-size: 10pt;}
.blanc3{color: #fff; padding-left: 20px; padding-right: 20px; font-size: 10pt; padding-bottom: 0px; padding-top: 0px; position: relative; bottom: 15px;}
img.garantie{position: relative; left: 0px; margin: 0px; padding: 0px;}
a.forfait{color: #fff; font-weight: 400; position: relative; top: 20px; left: 33px;}
a.forfait:hover{color: #fff; font-weight: 700;}
a.forfait:visited{color: #fff;}
h3.colg1{padding-left: 46px; color: #fff; border-top: 2px #fff solid; margin: 5px; padding-top: 15px; margin-top: 25px;}
img.mecanique{position: relative; left: 12px; top: 5px; border: 2px #333 solid; margin-bottom: 10px;}
a.share{color: #fff; text-decoration: none;}
a.share:hover{color: #fff; text-decoration: underline;}
a.share:visited{color: #fff; text-decoration: none;}

/*  BAS DE PAGE  (tIRÉ DE GARAGE-MATANE)  */
div.basbas{height: 50px; width: 900px;  margin:0 auto; padding-top: 0px; margin-top: 0px; position: relative; top: 0px; display: inline;}
ul.bottom{ list-style: none; font-size: 9pt; color: #ffffff; height: 20px; vertical-align: top; font-weight: 700;}
ul.bottom li{list-style: none; float: left; margin-bottom: 0px; margin-left: 10px; margin-right: 20px; vertical-align: top; color: #ffffff; padding-top: 0px;}

a.baspage{vertical-align: top; color: #fff; font-family: arial; font-size: 10pt;}
a.baspage:hover{vertical-align: top; font-weight: 700; color: #fff;}
a.baspage:visited{vertical-align: top; color: #fff;}

p.baspage{list-style: none; display: inline; float: left;color: #ffffff; font-size: 10pt; vertical-align: top; line-height: 80%; padding: 0px; margin: 0px;}
li.link{width: 200px; float: left; height: 30px;}
li.link2{width: 290px; height: 40px; position: absolute; top: 8px; left: 635px; }
li.basg{padding-left: 50px; width: 20%;}
a.accueil{color: #ffffff; text-decoration: none;}
a.accueil:hover{text-decoration: none; font-weight: 700; color: #ffffff;}
a.accueil:visited{text-decoration: none; color: #ffffff;}
#footer {float:left;width:100%;height:104px;background-image:url(../images/footerbg.jpg);background-repeat:repeat-x;background-position:top; position: relative; top: 15px;}


/*     DESIGN CSS   */ 

body {
	background-image: url(../images/fond-page-2.jpg);
 background-position: 0px 0px;
	margin:0px;
}


/*   DESIGN    */
p{text-align: justify; font-family: "verdana"; padding: 10px; color: #000; line-height: 150%; font-size: 10pt;}

div#wrapper {
	width:950px;
	margin:0 auto;
	 height: 1619px; border-left: #2E2E2E 6px solid; border-right: #2E2E2E 6px solid;	background-image: url(../images/fond-content.jpg);
 background-position: 0px 0px;	}
	
div#inner-wrapper {
	margin: 0px; padding: 0px;
	height: auto;
	
}
.banner {
	height: 268px;
	width: 950px; position: relative;
}
.container {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
height: 1150px;
	width: 945px;
	margin-top:7px;
	margin-left:3px;
	margin-right:2px;

}
.left-container {
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	float: left;
	height: 1195px;
	width: 244px;
	background-image: url(../images/fond-content-g2.jpg);
}
.products-header {
	padding: 7px 0 0 20px;
	height: 30px;
	width: 224px;
	background-image: url(../images/fond-g.jpg);
border-top: #2E2E2E 2px solid; border-bottom: #2E2E2E 2px solid;
	font:normal 17px arial;
	color:#fff;
}
.products-img {
	height: 109px;
	width: 221px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
.products-content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 221px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 15px;
}
.contact {
	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	width: 200px;	margin-top: 5px;
	margin-right: 5px;	margin-left: 5px;	padding:55px 10px 20px 20px;	background:url(../images/contact-img.jpg) no-repeat top left;
}
.contact br {
	line-height:12px;
}
.contact a {
	color:#000;
	text-decoration:none;
}
.contact a:hover {
	text-decoration:underline;
}
.right-container {
	margin-left:10px;
	margin-top:0px;
	margin-bottom:0px;
	float: right;
	height: auto;
	width: 691px; position: relative;
}
.welcome-header {
	margin-top: 0px;
	height: 30px;
	width: 691px;
}
.welcome-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fabb0b;
	margin-left:10px;
	margin-top:5px;
}
.products-header-text {
	margin-left:10px;
	text-align: left;
	vertical-align: middle;
}
.main-content {
	height: 660px;
	width: 670px;
	margin-top: 0px; 
	margin-left:10px; padding-top: 0px; position: relative;
}
.main-content-text {
	width:440px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	height: auto;
	color:#FFFFFF;
}
.main-content-img {
	float: right;
	height: 185px;
	width: 220px;
}
.service-bg {
	background-image: url(../images/service-bg1.jpg);
	height: 245px;
	width: 668px;
	margin-top: 10px;
	margin-left: 5px;
}
.service-header {
	margin-top: 15px;
	height: 30px;
	width: 645px;
	float:left;
}
.service-header-text {
	margin-left:0px;
	margin-top:0px;
}
.service-content-text {
	margin-left:20px;
	margin-top:15px;
	width:445px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	color:#000000;
}
.service-content-img {
	float: left;
	width: 185px;
	margin-left:15px;
	margin-top:15px;
}
.footer-bg {
	background-image: url(../images/fond-bas.jpg);
	height: 52px;
	width: 951px;
	margin-top: 15px;
	margin-right: 5px;
	margin-left: 0px; border-top: #2E2E2E 2px solid; border-bottom: #2E2E2E 2px solid;
}
.footer-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	margin-top: 10px;
	margin-right: 30px;
	margin-left: 270px;
}
.service-underline {
	background-color: #5f5f5f;
	height: 1px;
	width: 595px;
	margin-left:10px;
	margin-top:5px;
}
.signature{
	text-align:center;
    margin: -10px 0 0 0;
}
.signature > a {
	display:inline-block;
	vertical-align:middle;
	color:white;
	font-family: arial;
	margin:0 15px;
}