/*  AJOUTÉ jmt PAGE ACCUEIL  */

img.top-pneus{position: absolute; right:10px; top: 78px;}
h5{font-size: 14pt; line-height: 165%;}
img.img-acc{position: absolute; right: 0px; top: 70px; border:2px solid #333;}
p.acc{width: 490px; text-align: justify; line-height: 160%;}
div.share{position: absolute; right: 35px; top: 28px;}
div.share-contact{position: absolute; right: 35px; top: 28px;}

p.petit{font-size: 9pt;}
img.carte{position: absolute; right: 10px; top: 20px;}
p.trouver{float: left; width: 280px; text-align: justify;}
.img-center{ position: absolute; right: 10px; top: 77px;}
.clear-acc{float: left; text-align: justify; width: 310px;}
.caa{position: absolute; right: 220px; bottom: 10px;}
.clefverte{position: absolute; right: 0px; bottom: 10px;}

div.acc-entete{position: relative;}
img.logo-vb{position: absolute; left: -40px; top: 60px;}


/*  PAGE PRODUITS - SERVICES  */
 
 div.text_content{ height: auto;}
 
 ul.service{list-style: none; margin: 0px; padding: 0px;}
li.service-auto{margin-top: 10px; padding-bottom: 10px; width: 100%; height: auto; min-height: 160px; position: relative; margin-bottom: 15px;}
li.service-auto-2{margin-top: 35px; padding-bottom: 40px; width: 100%; height: 130px; position: relative; margin-bottom: 15px;}
li.service-auto-elec{margin-top: 10px; padding-bottom: 10px; width:580px; height: auto; min-height: 160px; position: relative; top: -0px; margin-bottom: 15px; margin-right: 0px; padding-right: 0px;}


.service-auto p{padding-left: 15px; padding-right: 15px; text-align: justify; width: 95%; line-height: 200%;}
.service-auto-2 p{padding-left: 15px; padding-right: 15px; text-align: justify; width: 95%; line-height: 200%;}
p.service-auto{padding-left: 15px; padding-right: 15px; text-align: justify; width: 95%; line-height: 200%;}

img.serv_gau{margin-right: 30px; border: 3px #333 solid;}
img.serv_dr{margin-left: 30px; border: 3px #333 solid;}
img.serv_dr_elec{margin-left: 15px; border: 3px #333 solid;}
img.serv_dr_align{margin-left: 30px; border: 3px #333 solid; position: absolute; right: 0px; top: 0px;}
img.serv_dr_prod{margin-left: 30px; border: 3px #333 solid; position: relative; top: -25px;}

ul.pneus-produits{color: #fff; margin-left: 60px; font:normal 13px tahoma; line-height: 160%;}

img.pneus-quebec{border: 2px #dadada solid; position: relative; top: -45px; left: 0px;}
img.produits{margin: 5px; padding-left: 10px; padding-right: 10px;}
p.p-prod{width: 800px; float: left;}

/*   PAGE CONTACT   */

 p.map{ width: 100%; padding: 10px; margin-left: 300px; margin-top: 0px; height: 400px;}
div#content-contact{float:left;width:825px;padding:0px 36px 0 28px; position: relative; height: 500px;}
div.left-contact{width: 380px; height: 480px; margin: 10px; padding: 10px; text-align: left; color: #fff; position: absolute; left:-15px; top: 100px;}
 h2.bl{color: #fff; letter-spacing: 1px; font-size: 11pt; line-height: 140%; background: none;}
 
 
 /*  PAGE PROMOTIONS  */
  img.promo_pneus{margin-top: 10px; margin-left: 125px; position: relative; top: -88px;}
div.promo-autoplace{position: relative; top: -40px;}
p.p-autoplace{width: 800px; float: left;}
img.promo-auto{border: 3px solid #dadada;}

/* CSS Document */
body {margin:0px;background:url(images/body-bg.gif) repeat-x top left #fff;}
p, h1, h2, h3, h4, h5, h6, ul, li, ol {margin:0px;padding:0px;}
p{font-family: arial; font-size: 14px; color:#c9c7c7;padding:0 0 15px 0;margin:0px; line-height: 160%;}
h1 {color:#a80000;float:left; line-height:40px;width:100%;	background:url('../images/bg-heading.gif') no-repeat left bottom;; font-style:normal; font-variant:normal; font-weight:bold; font-size:16px; font-family:tahoma; margin-left:-48px; margin-right:0; margin-top:20px; margin-bottom:5px; padding-left:0px; padding-right:0; padding-top:0; padding-bottom:10px}
h1 strong{background:url('../images/bullet2.jpg') no-repeat 33px center ;float:left;margin:0px; padding-left:75px; padding-right:0; padding-top:0; padding-bottom:0}
h2 {	color:#ffa700;	line-height:35px;	float:left;	width:68%;	background:url('../images/bg-heading-list-pneus.jpg') no-repeat left bottom;; font-style:normal; font-variant:normal; font-weight:bold; font-size:14px; font-family:tahoma; margin-left:-19px; margin-right:0; margin-top:0px; margin-bottom:15px; padding-left:42px; padding-right:0; padding-top:4px; padding-bottom:10px}
h3 {	color:#ffa700;	line-height:33px;	float:left;	width:100%;	background:url('../images/bg-heading-list.jpg') no-repeat left bottom;; font-style:normal; font-variant:normal; font-weight:bold; font-size:14px; font-family:tahoma; margin-left:-20px; margin-right:0; margin-top:0px; margin-bottom:15px; padding-left:42px; padding-right:0; padding-top:3px; padding-bottom:10px}
h4 {	color:#ffa700;	line-height:33px;	float:left;	width:57%;	background:url('../images/bg-heading-list-mecanique.jpg') no-repeat left bottom;; font-style:normal; font-variant:normal; font-weight:bold; font-size:14px; font-family:tahoma; margin-left:-20px; margin-right:0; margin-top:0px; margin-bottom:15px; padding-left:42px; padding-right:0; padding-top:3px; padding-bottom:10px}

a {color:#fff;		text-decoration:underline;}
a:hover{text-decoration:none;}
img a {	border:none;}

/*   DESIGN    */
div#mainwrapper{float:left;background:url('../images/bg-wrapper.jpg') top left;width:100%}
div#wrapper{float:left;background:url('../images/bg-mainwrapper.jpg') repeat-x top left;width:100%}
div#maicontainer{background:url('../images/bg-content-wrapper.jpg') no-repeat top center; float:left; width:100%}
div#container{margin:0 auto;width:950px;position:relative;}
div#containerbottom{margin:0 auto;width:950px;position:relative;}

div#header{float:left;width:950px;padding:0 0 0 0;}
img#logo{position:absolute;top:11px;left:276px;}
div#maincontent-wrapper{float:left; width:900px; background:url('../images/bg-maincontent-wrapper.gif') no-repeat top left; padding-left:23px; padding-right:27px; padding-top:0; padding-bottom:0}
div#maincontent{float:left;width:870px;margin:0 0 0 1px;padding:10px 23px 10px 7px;background:#000; display:inline;}
div#content{float:left;width:825px;padding:0px 36px 0 28px; position: relative;}
div#content-contact{float:left;width:825px;padding:0px 36px 0 28px; position: relative;}

div#footer{float:left;width:100%;padding:10px 0;background: #000; border-top:1px solid #1a1a1a;}
div.banner{float:left;width:950px;padding:0; position: relative;}
div.text{float:right;width:645px;padding:10px 0 0 0;}
.montreal{float:right;width:495px;background:#0c0c0c;margin:20px 0 0 20px;border:1px solid #2d2c2c;padding:20px 10px 10px 10px; position: relative;}
.mecanique{float:right;width:495px;background:#0c0c0c;margin:15px 0 0 20px;border:1px solid #2d2c2c;padding:20px 10px 10px 10px; position: relative; height: 220px;}
div.produits{float:left;width:270px;border:1px solid #2d2c2c;background:#0c0c0c;padding:20px 0  5px 5px;margin:20px 0 0 0;}
div.produits ul{float:left;width:220px;margin:0px;padding:0px 0 7px 15px;font:normal 13px arial;color:#c9c7c7;list-style:none;}
div.produits li{background:url('../images/arrow.gif') no-repeat left 3px;; padding-left:15px; padding-right:0px; padding-top:0; padding-bottom:10px; width: 220px; text-decoration: none;}
div.produits li a{text-decoration: none;}
div.produits li a:hover{text-decoration: underline;}
div.produits li a:visited{}


.clear{clear:left; text-align: justify;}
div.logos{float:right;width:795px;background:#fff;padding:10px 10px 5px 20px;margin:15px 0 10px 35px; border: #000 solid 1px;}
div.logos img{margin:0 8px 0 0;}
ul.list {font:normal 12px arial;color:#fff;list-style-type:none;margin:0px;width:900px;padding:0 0 0 30px;}
ul.list li{display:inline;padding:0 150px 0 0;}
ul.list li.last{display:inline;padding:0 0 0 80px;}
ul.footer-address{float:left;background:url('../images/footer-address-bg.gif') no-repeat top left;list-style-type:none;width:308px;display:inline; margin-left:30px; margin-right:0; margin-top:35px; margin-bottom:0; padding-left:17px; padding-right:17px; padding-top:15px; padding-bottom:25px}
ul.footer-address li{margin:0px;font:normal 13px arial;color:#f5d987;float:left;padding:0 30px 0 0;border-right:1px solid #f5d987;}
ul.footer-address li.phone{float:right;padding:30px 0 0 0;border:none;}
.img-right{float:right;margin:20px 0 10px 15px;border:2px solid #d4a60d;}
.img-left{float:left;margin:0px 0 15px 0; }

/*    Main Nav    */
div#mainnav{float:left;width:950px;background:url('../images/bg-nav.gif') no-repeat top left;}
ul#nav{width:770px;margin:0px auto;padding:0px;list-style-type:none;}
ul#nav li{float:left;margin:0px; background:url('../images/nav-divider.gif') no-repeat top left ;; padding-left:22px; padding-right:22px; padding-top:0; padding-bottom:0}
ul#nav li a{float:left;width:105px;display:block;font:bold 15px tahoma;color:#000;text-decoration:none;text-transform:capitalize;padding:0 0 0 0px; text-align:center;line-height:28px; margin:5px 0;}
ul#nav li a:hover, ul#nav a.active{background:url('../images/bg-nav-hover.gif') repeat-x top left;color:#6b0001}
ul#nav li.first{background:none;}
/*   Footer Nav    */
ul#footer-nav{float:right;width:375px;margin:0px;padding:60px 0 0 0;list-style-type:none; padding-top: 90px;}
ul#footer-nav li{display:inline;padding:0px 10px;margin:0px;border-right:1px solid #fff;}
ul#footer-nav li.last{border:none;padding-right:0px;}
ul#footer-nav li a{display:inline;font:normal 12px arial;color:#fff;text-decoration:none;text-transform:capitalize;padding:0;}
ul#footer-nav li a:hover{text-decoration:underline;
}
/* ---- Address  -- */
.location{position:absolute;top:170px;left: 670px;text-align:center;font:normal 13px arial;color:#fff; z-index: 10;}
 ul.location{margin:0px;list-style-type:none;padding:0px;}
 ul.location li{margin:0px;padding:0px;}
 /* ---- Address  -- */
ul li.bas3{width: 280px;  color: #fff; text-align: left;font:normal 13px arial;  list-style-type:none; margin:0px; padding:0px; float:left; padding-left: 60px; line-height: 1.5;}
ul li.bas4{width: 300px;  color: #fff; text-align: center;font:normal 13px arial;  list-style-type:none; margin:0px;  padding:0px; float:left;}
ul li.bas5{line-height: 17px; width: 250px; color: #fff; text-align: center; font:normal 13px arial;   list-style-type:none;  margin:0px;  display:inline;  padding:0px; float:right; padding-right: 43px;}
a.bas5{color: #fff; font-size: 8pt; font-family:arial;  margin:0px;  display:inline;  padding:0px;}
a.bas5:link{color: #fff; font-size: 12px; font-family:arial;  margin:0px;  display:inline;  padding:0px;}
a.bas5:hover{color: #fff; font-size: 12px; font-family:arial;  margin:0px;  display:inline;  padding:0px;}
a.bas5:visited{color: #fff; font-size: 12px; font-family:arial;  margin:0px;  display:inline;  padding:0px;}
/* ---- Address  -- */
.banner-poster{
	position: relative;
	left: 20px;
	width: 905px!important;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	display:none;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
@media screen and (max-width: 767px) {
	.navbar-toggle {
		display: block;
		position: absolute;
		float: none;
		top: 65px;
		right: 0;
		z-index: 9999;
		background: white;
	}
	.navbar-toggle .icon-bar {
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
		background: black;
		margin: 3px 0;
	}
	div#header {
		float: none;
		width: 100%;
	}
	div#container {
		width: 100%;
	}
	div.banner {
		float: none;
		width:100%;
	}
	.location {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	img.banner-poster {
		width: 100%!important;
		height: auto;
	}
	img#logo {
		display:none;
	}
	img.logo-vb {
		position: absolute;
		left: 15px;
		top: 3px;
		width: 130px;
		z-index: 999;
	}
	.location{
		text-align:right;
		padding-right: 15px;
		box-sizing: border-box;
	}
	img.top-pneus {			
		top: 145px;
		width: 150px;
		height: auto;
	}
	body {
		background: none;
		overflow-x:hidden;
		width:100%;
	}
	div#mainnav {
		float: none;
		width: 100%;
	}
	ul#nav {
		width: 100%;
	}
	ul#nav li a:hover, ul#nav a.active {
		background: #ffa700;
		color: #6b0001;
	}
	ul#nav li a {
		display: block;
		width: 100%;
		background: white;
	}
	div#mainnav{
		display:none;
	}
	img.top-pneus {
		display: none;
	}
	div#maincontent {
		float: none;
		width: 100%;
		display: block;
		box-sizing: border-box;
		padding: 10px;
	}
	div#mainnav {
		position: absolute;
		z-index: 999;
		background: white;
	}
	h4 {
		width: 100%;
		float: none;
		margin: 0;
	}
	.service-auto p {	
		width: 100%;		
	}
	img.serv_gau {
		display: block;
		width: 100%;
		margin-right: 0;
	}
	ul#nav li {
		float: none;
		display: block;
		background: white;
	}
	div#content {
		float: none;
		width: 100%;
		padding:0;
	}
	img.img-acc {
		position: relative;
		right: unset;
		top: unset;
		border: 2px solid #333;
		margin: 0 auto;
		display: block;
	}
	h1 {
		margin-left: 0;
		background-size: cover;
		line-height: 1.5;
	}
	p.acc {		
		line-height: 160%;
		width: 100%;
	}
	div#maincontent-wrapper {
		float: none;
		width: 100%;
		background: black;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 0;
		padding-bottom: 0;
		box-sizing: border-box;
	}
	img.banner-poster {
		width: 100%!important;
		height: auto;
		left: unset;
	}
	div.produits {
		float: none;
		width: 99%;		
	}
	div.produits ul {
		float: none;
		width: 220px;
		margin: 0px;
		padding: 0px 0 7px 15px;		
	}
	.montreal {
		float: none;
		width: 100%;
		box-sizing: border-box;
		margin: 10px 0;
	}
	img.img-center {
		position: relative;
		top: unset;
		right: unset;
		display: block;
		margin: 0 auto 15px;
	}
	h2 {
		width: 100%;
		margin: 0;
		float: none;
		box-sizing: border-box;
	}
	.clear-acc {
		float: none;
		text-align: justify;
		width: 100%;
	}
	h3 {
		margin: 0 0 15px;
	}
	.mecanique {
		box-sizing: border-box;
		width: 100%;
		float: none;
		margin: 0;
		height: auto;
	}
	img.carte {
		position: relative;
		right: unset;
		top: unset;
		display: block;
		margin: 0 auto;
	}
	p.trouver {
		float: none;
		width: 100%;
	}
	div.logos {
		clear: both;
		float: none;
		width: 100%;
		box-sizing: border-box;
		margin: 0;
	}
	div#containerbottom {
		width: 100%;
	}
	ul li.bas3 {
		width: 100%;
		float: none;
		padding: 0;
		text-align: center;
		line-height: 2;
	}
	ul li.bas4 {
		width: 100%;
		line-height: 2;
	}
	ul li.bas5 {
		width: 100%;
		padding: 0;
		line-height: 2;
	}
	div#wrapper {
		float: none;
	}
	div#mainwrapper {
		float: none;
	}
	ul.footer-address {
		float: none;
		width: 90%;
		padding: 10px 0;
		margin: 20px auto 0;
		display: block;
		box-sizing: border-box;
		background-size: cover;
		border-radius: 20px;
	}
	ul.footer-address li {
		float: none;
		display: block;
		text-align: center;
		padding: 0;
	}
	ul.footer-address li.phone {
		float: none;
		padding: 30px 0 0 0;
		text-align: center;
		border: none;
	}
	.service-auto p{
		box-sizing:border-box;		
		max-width: 100%!important;
	}
	img.serv_dr_elec {
		margin-left: 15px;		
		float: none;
	}
	li.service-auto-elec {
		width: 100%;
	}
	p.service-auto {
		width: 100%;
		box-sizing: border-box;
	}
	img {
		max-width: 100%;
	}
	img.serv_dr_align {
		position: relative;
		width: 100%;
		right: unset;
		top: unset;
	}
	li.service-auto-2 {
		height: auto;
	}
	img.serv_dr {
		display: block;
		margin: 0;
		width: 100%;
	}
	ul.pneus-produits {
		margin-bottom: 25px;
	}
	table#table5 {
		display: block;
		width: 100%;
	}
	tbody,tr {
		display: block;
	}
	td {
		display: block;
		text-align: center;
		border: none;
	}
	img.produits {
		margin: 5px;
		padding-left: 10px;
		padding-right: 10px;
		margin: 0 auto;
		display: block;
	}
	img.serv_dr_prod {
		top: 0;
		margin-left: 0;
		width: 100%;
	}
	p.p-autoplace {
		width: 100%;
	}
	div#content-contact {
		float: none;
		width: 100%;
		box-sizing: border-box;
		height: auto;
		padding: 0px 15px 0 15px;
	}
	div.left-contact {
		width: 100%;
		left: 0;
		position: relative;
	}
	.bl + img {
		margin: 10px 0!important;
	}
	h2.bl {
		padding: 0;
	}
	p.map {
		margin: 0;
	}
	iframe.map {
		max-width: 100%;
	}
}