body{ background:url('../images/bg-body.jpg') fixed; margin-top:0}
p, h1, h2, h3, h4{margin:0px; padding:0px; display: block; font-family:Arial, Helvetica, sans-serif;}
p{ font-family:Arial, Helvetica, sans-serif; font-size:12pt; text-align:justify;}
h1{ font-family:Arial, Helvetica, sans-serif; font-size:18pt; font-weight:500; text-shadow:2px 2px 2px #999;}
h2{ font-family:Arial, Helvetica, sans-serif; font-size:18pt; font-weight:500; text-shadow:2px 2px 2px #999;}
h3{ font-family:Arial, Helvetica, sans-serif; font-size:14pt; font-weight:500; text-shadow:2px 2px 2px #999;}
li{ font-family:Arial, Helvetica, sans-serif;}

.titre{ color:#FFF; float:left; font-size:12pt; font-family:Arial, Helvetica, sans-serif; margin:10px 0 0 10px; text-shadow:1px 2px 2px #000;}
.wForm input{ float:left; margin:8px 0 0 0px;}
.primaryAction{ float:left; position:absolute; top:95px; right:20px; width:auto;}
h2#form{ float:left; text-align:center; margin:0 0 0 0px; padding:0; border:none;}
.wFormContainer{ float:left; position:relative; margin-left:-10px;}
					
.wrapper{ width:960px; height:auto; margin:0 auto;}
.head{ width:960px; height:auto; float:left;}
.content{ width:960px; height:auto; float:left; background:#FFF; box-shadow: 0px 9px 5px 5px rgba(0, 0, 0, 0.5); position:relative; padding-bottom:10px;}
.slider{ width:654px; height:367px; margin:0 0 0 0; float:right; background:#000; box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.3); 
position:relative; border:thin #000 solid;}
.side-left{ float:left; margin:10px 0 0 10px; width:270px; height:auto; padding:0;}
.side-right{float:right; margin:10px 10px 0 10px; width:654px; height:auto; padding:0;}
img.promo-2{ float:left; margin:45px 0 0 95px; border:thin #000 solid;}
img.garantie-3{ float:left; margin:20px 0 0 5px; border:thin #000 solid;}
img.assistance-2{ float:left; margin:20px 0 0 10px; border:thin #000 solid;}
img.shell{ position:absolute; top:5px; right:220px; border:none;}
img.pneus-select{ position:absolute; top:10px; left:10px; border:none;}
h3.titre5{ position:absolute; left: 320px; top: 1450px;}
h3.titre6{position: absolute; left: 535px; top: 1450px;}
h3.titre7{position: absolute; left: 745px; top: 1450px;}

/*** section tableau ***/
#tableau{ width:600px; height:auto; float:left; position:relative; margin:25px 0 15px 5px; background:#FFF; padding-bottom:15px;}
#tableau h2{ float:left; text-align:center; font-size:20pt; width:auto; color:#000; border:none; text-shadow:1px 1px 2px #000000; margin:20px 0 10px 100px;}
#tableau h3{ font-size:14pt; font-weight:bold; text-shadow:1px 1px 1px #000000; width:120px; border-bottom:thin #000 solid; text-align:center; color:#333; margin-left:50px; margin-top:10px;}
#tableau table{ margin-left:15px;}
img.pieces2{ float:left; border:thin #000 solid; margin:0px 0 0 40px; box-shadow:0px 0px 2px 2px rgba(0, 0, 0, 0.5)}

/*** section blogue ***/
.blogue{ width:270px; height:auto; background:url('../images/bg-rss.jpg'); border-radius:5px; float:left; box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.3); position:relative; margin-left:0; margin-right:0; margin-top:10px; margin-bottom:0; padding-bottom:10px;}
.blogue h2{ float:left; margin:10px 0 0 5px; width:258px; border-bottom:thin #FFF solid; color:#FFF; text-shadow:1px 1px 1px #000;}
#rssincl-box-container-584477{ width:245px; height:500px; margin:5px 0 0 10px;}
#rssincl-box-container-584477 a{ color:#FFF; margin:10px 0 5px 0; float:left; text-align:left; font-weight:bold;}
p.rssincl-itemdesc{ color:#CCC; font-size:10pt; line-height:18px; float:left; border-bottom:thin #CCC solid; border-collapse:collapse; padding-bottom:5px; margin-left:5px; text-align:left;}

/*** section head ***/
.border-top{ width:960px; height:120px; background:url('../images/bg-border-top.jpg'); border-radius:0px 0px 5px 5px; float:left; position:relative; box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.5)}
.border-top ul{ width:auto; height:auto; color:#FFF; position:absolute; top:15px; left:30px; margin:0; padding:0;}
.border-top li{list-style:none; font-family:'Gill Sans MT'; margin:0px; padding:0; font-size:25pt; font-weight:bold; line-height:40px; text-shadow:1px 2px 2px #000;}
.border-top a{ color:#CCC; text-decoration:none; font-size:8pt; border-left:thin #CCC solid; padding-left:10px;}
.border-top a:hover{ color:#FFF;}
.border-top p{ width:540px; height:auto; text-align:justify; color:#FFF; font-size:10pt; position:absolute; top:30px; right:140px;}

img.logo{ position:absolute; top:5px; right:80px; border:medium none;}

.share{ float:right; height:60px; width:665px; background:url('../images/bg-share.jpg'); border-radius:5px 5px 0 0; box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.5); position:relative; margin-left:0; margin-right:0; margin-top:30px; margin-bottom:0}
.share h1{ color:#FFF; text-shadow:2px 2px 2px #000; float:left; margin:15px 0 0 15px; font-size:20pt;}
.share ul{ list-style:none; margin:6px 0 0 15px; padding:0; float:left;}
.share li{ color:#FFF; text-align:left; text-shadow:1px 1px 1px #000; font-size:14pt; font-weight:bold; line-height:24px;}
img.dave{ position:absolute; right:-30px; bottom:0px;}

.facebook{ width:auto; height:60px; float:right; position:relative; background:none; margin-right:15px; margin-top:15px;}
.facebook p{ color:#FFF; text-shadow:1px 1px 1px #000; margin:15px 0 0 5px; font-size:10pt; font-weight:bold; float:left;}
img.face_icon{ position:absolute; top:3px; right:15px; border:none;}
img.badge{ position:absolute; bottom:3px; right:15px; border:none;}

.offres{ width:390px; height:60px; float:left; background:none; position:relative;}
.offres p{ color:#FFF; text-shadow:1px 1px 1px #000; margin:5px 0 0 5px; font-size:10pt;}
#component39{margin: 0 0 0 8px; color: #BB2323; position: absolute; top: 115px;}
.formError {color: red; font-weight: bold; font-size: 10px;}
.formClr {clear: both; display: block;}
.formFieldset{ border:none;}
#btnContactMe{ float:right; clear:right; margin:-27px 60px 0 0;}

.search{ float:left; border-radius:5px 5px 0 0; background:url('../images/bg-search.jpg'); width:270px; height:60px; box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.5); position:relative; margin-left:10px; margin-right:0; margin-top:30px; margin-bottom:0}
.search p{ color:#FFF; text-shadow:1px 1px 1px #000; margin:5px 0 0 5px; font-size:12pt;}

/*** section navigation ***/
.navigation{ width:270px; height:370px; float:left; background:#3c3c3c; box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.3); position:relative; margin:0 0 0 0; border-radius:0 0 5px 5px; z-index:1;}
.navigation ul{ list-style:none; margin:0; padding:0;}
.navigation li{padding:0; margin:0}
.navigation a{ color:#FFF; text-decoration:none; background:url('../images/bg-nav.jpg'); width:240px; height:23px; float:left; text-shadow:2px 2px 2px #000; position:relative; padding-left:30px; padding-right:0; padding-top:12px; padding-bottom:10px}
.navigation a:hover{ color:#; text-shadow:1px 1px 1px #000; background:url('../images/bg-nav-hover.jpg'); font-weight:bold}
.navigation a.active{ color:#; text-shadow:1px 1px 1px #000; background:url('../images/bg-nav-hover.jpg'); font-weight:bold}

ul ul {display: none; position: absolute; left: 250px; top: -15px; margin: 0px; padding: 0px; background:none; border:thin #000 solid; z-index:10;}
li:hover ul.nav-2{display: block;}
ul.nav-2 a{ background:#FFF; width:150px; font-size:10pt; padding-left:15px; box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.3); color:#000; 
text-shadow:1px 1px 1px #333;}
ul.nav-2 a:hover{ background:#FFF;}

/*** section tableau ***/
#tableau{ width:600px; height:auto; float:left; position:relative; margin:25px 0 15px 5px; background:#FFF; padding-bottom:15px;}
#tableau h2{ float:left; text-align:center; font-size:20pt; width:auto; color:#000; border:none; text-shadow:1px 1px 2px #000000; margin:20px 0 10px 100px;}
#tableau h3{ font-size:14pt; font-weight:bold; text-shadow:1px 1px 1px #000000; width:120px; border-bottom:thin #000 solid; text-align:center; color:#333; margin-left:50px; margin-top:10px;}
#tableau table{ margin-left:15px;}
img.pieces{ float:left; border:thin #000 solid; margin:0px 0 0 5px; box-shadow:0px 0px 2px 2px rgba(0, 0, 0, 0.5)}

/*** section marques-auto ***/
.marques-auto{ float:left; height:auto; width:646px; background:url(../images/bg-marques.jpg); margin:10px 0 5px 0; position:relative; box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.7); padding-bottom:15px;}
.marques-auto h2{ float:left; width:634px; border-bottom:thin #FFF solid; color:#FFF; margin:5px 0 0 5px; text-shadow:1px 2px 2px #000;}
.marques-auto ul{ float:left; margin:20px 0 0 75px; list-style:none;}
.marques-auto p{ float:left; width:380px; color:#FFF; margin:15px 0 0 15px; line-height:23px;}
.marques-auto li{ line-height:25px; color:#FFF; font-size:18pt; font-weight:bold; text-shadow:1px 2px 2px #000;}
.marques-auto a{ text-decoration:none; color:#FFF; text-shadow:1px 2px 2px #000;}
.marques-auto a:hover{ text-shadow:0px 4px 4px #000;}
img.mecanique2{ float:right; margin:10px 10px 0 0; border:thin #000 solid;}

/*** section texte ***/
.texte{ width:654px; height:auto; float:left; margin:20px 0 0 7px;}
.texte p{ width:375px; float:left; margin-bottom:15px; line-height:22px;}
.texte ul{ float:left; width:600px; margin:25px 0 0 20px; padding:0; text-align:justify;}
.texte li{ margin-bottom:15px;}
.texte h1{ float:left; clear:left; background:url('../images/icone.jpg') no-repeat left center; padding-left:35px; color:#000; border-bottom:thin dotted #000; width:620px; font-size:22pt; margin-left:0px; margin-right:0; margin-top:0px; margin-bottom:10px}
img.image-texte{ float:right; margin:10px 15px 0 0; border:thin #000 solid;}

/*** section texte ***/
.texte-2{ width:654px; height:auto; float:left; margin:20px 0 0 5px; position:relative;}
.texte-2 p{ width:380px; clear:left; float:left; margin-bottom:15px; line-height:22px; margin-left:6px;}
.texte-2 h1{ float:left; clear:left; background:url('../images/icone.jpg') no-repeat left center; padding-left:35px; color:#000; border-bottom:thin dotted #000; width:620px; font-size:22pt; margin-left:0px; margin-right:0; margin-top:0px; margin-bottom:10px}
.texte-2 h2{ float:left; clear:left; background:url('../images/icone.jpg') no-repeat left center; padding-left:35px; color:#aa0501; margin-left:0px; margin-right:0; margin-top:15px; margin-bottom:10px}
.texte-2 h3{ float:right; position:absolute; bottom:75px; right:48px;}
.texte-2 ul{ float:left; width:auto; margin:10px 0 0 60px; padding:0; text-align:justify; clear:left;}
.texte-2 li{ margin-bottom:8px;}
.texte-2 a{ color:#000; text-decoration:none; text-shadow:0 0 1px #000; font-weight:bold;}
img.mecanique{ float:right; margin:10px 20px 0 0; border:thin #000 solid;}
a.voyants{ float:right; background:url('../images/voyants-lumineux.png') bottom; width:150px; height:38px; margin-left:0; margin-right:59px; margin-top:60px; margin-bottom:0}
a.voyants:hover{ background-position:0 0;}
a.voyants-2{ float:right; background:url('../images/voyants-lumineux.png') bottom; width:150px; height:38px; margin-left:0; margin-right:62px; margin-top:-5px; margin-bottom:0}
a.voyants-2:hover{ background-position:0 0;}
a.voyants-3{ float:left; background:url('../images/voyants-lumineux.png') bottom; width:150px; height:38px; margin-left:55px; margin-right:0; margin-top:20px; margin-bottom:0}
a.voyants-3:hover{ background-position:0 0;}
a.rabais{ float:right; background:url('../images/affiche.jpg') bottom; width:500px; height:211px; border:thin solid #000;; margin-left:0; margin-right:80px; margin-top:35px; margin-bottom:0}
a.rabais:hover{ background-position:0 0;}
img.marques{ float:right; margin:25px 10px; border:none;}
img.pneus{ float:right; margin:35px 10px 0 0;}
img.pieces{ float:right; margin:10px 15px 0 0; border:thin #000 solid;}
img.accord{ float:left; margin:10px 0 0 0;}
img.coutois{ float:left; margin:10px 0 0 10px; border:thin #000 solid;}
ul.liste-2{float:right; margin:-285px 50px 0 0;}
img.signature{ position:absolute; top:360px; right:30px;}

/*** section texte-3 ***/
.texte-3{ width:654px; height:auto; float:left; margin:20px 0 0 5px;}
.texte-3 p{ width:630px; clear:left; float:left; margin-bottom:15px; line-height:22px; margin-left:3px;}
.texte-3 h1{ float:left; clear:left; background:url('../images/icone.jpg') no-repeat left center; padding-left:35px; color:#000; border-bottom:thin dotted #000; width:620px; font-size:22pt; margin-left:0px; margin-right:0; margin-top:0px; margin-bottom:10px}
.texte-3 h2{ float:left; clear:left; background:url('../images/icone.jpg') no-repeat left center; padding-left:35px; color:#aa0501; margin-left:0px; margin-right:0; margin-top:15px; margin-bottom:10px}
.texte-3 ul{ float:left; width:400px; margin:10px 0 0 60px; padding:0; text-align:justify; clear:left;}
.texte-3 li{ margin-bottom:8px;}
.texte-3 a{ color:#09F; text-decoration:none; text-shadow:0 0 1px #000; font-weight:bold;}

/*** section adresse ***/
.adresse{ width:645px; height:auto; float:left; margin:20px 0 20px 5px; padding-bottom:30px; border-bottom:thin #000 solid;}
.adresse p{ width:637px; clear:left; float:left; margin-bottom:15px; line-height:22px; margin-left:25px;}
.adresse h2{ float:left; clear:left; background:url('../images/icone.jpg') no-repeat left center; padding-left:35px; margin-left:0px; margin-right:0; margin-top:15px; margin-bottom:10px}
.adresse ul{ list-style:none; margin:3px 0 0 25px; padding:0; float:left; line-height:23px; float:left; clear:left; border-right:thin #000 solid; 
padding-right:30px; width:auto;}
.adresse li{ margin-bottom:8px; font-size:14pt;}
.map{ width:615px; height:400px; float:left; margin:15px 0 0 15px; border:thin #000 solid;}
ul.contact-heure{ padding:0; border:none; float:right; margin:50px 40px 0 0;}

/*** section article ***/
.article{ float:right; width:205px; height:345px; background:url('../images/bg-article.jpg'); border-radius:0px 0px 5px 5px; box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.5); float:left; margin-right:15px; margin-left:0; margin-top:10px; margin-bottom:0}
.article h2{ float:left; width:190px; border-bottom:thin #000 solid; color:#000; font-size:13pt; margin:5px 0 5px 6px; padding-left:2px; 
text-shadow:1px 1px 1px #333; font-weight:bold;}
.article p{ width:180px; float:left; margin:10px 0 0 11px; font-size:12pt; text-align:left;}
img.article-image{ float:left; margin:5px 0 0 8px; border:thin #000 solid;}
.article a{ color:#d90000; font-weight:bold; text-decoration:none; text-shadow:1px 1px 1px #000;}

/*** section promotion ***/
.promotion{ float:right; width:654px; height:auto; background:; margin:10px 0 10px 0;}
.promotion p{ float:right; width:300px; margin:25px 70px 0 0; line-height:23px;}
.promotion h1{ float:left; clear:left; background:url('../images/icone.jpg') no-repeat left center; padding-left:35px; color:#000; border-bottom:thin dotted #000; width:620px; font-size:22pt; margin-left:0px; margin-right:0; margin-top:0px; margin-bottom:10px}
.promotion h2{ float:left;}
img.promo{ float:left; margin:10px 0 0 60px; border:thin #000 solid;}
a.savoir-plus-2{ width:111px; height:35px; background:url('../images/btn-en-savoir-plus.png'); float:right; margin-left:0; margin-right:260px; margin-top:15px; margin-bottom:0}
a.formulaire {color:#09F; text-decoration:none; float:right; margin:25px 242px 0 0; font-size:12pt;}
a.formulaire:hover{color:#09F; text-decoration:underline;}

/*** section article-side ***/
.article-side{ width:270px; height:auto; margin:10px 0; float:left; background:url('../images/bg-article-2.jpg'); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.3); position:relative; border-radius:5px; z-index:1; padding-bottom:15px}
.article-side h2{ font-size:16pt; margin:30px 0 0 10px; width:250px; text-shadow:1px 2px 2px #333; border-bottom:thin #000 solid; color:#000; float:left;}
.article-side p{ float:left; width:270px; margin:0 0 0 0px; font-size:10pt;}
.article-side li{ color:#FFF; text-shadow:1px 1px 2px #000; line-height:21px;}
.article-side li:hover{text-shadow:2px 4px 4px #000; cursor:default; color:#CCC;}
.article-side a{ color:#FFF; text-decoration:none; text-shadow:1px 1px 2px #000;}
.article-side a:hover{text-shadow:2px 4px 4px #000; color:#CCC;}
img.garantie{ float:left; margin:10px 0 30px 10px; border:none;}
img.garantie-2{ float:left; margin:10px 0 30px 0px; border:none;}
img.carte{ float:left; margin:10px 0 0 10px; border:thin #000 solid;}

#poster{ float:left; margin:25px 0 12px 20px;}
#poster h3{ color:#000; width:300px; margin:5px 0 5px 0; border-bottom:thin #000 solid; font-size:14pt; float:left; position:relative;}

/*** section article-side-index ***/
.article-side-index{ width:270px; height:auto; margin:10px 0 10px 0; float:left; background:#3c3c3c; box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.3); position:relative; border-radius:5px; z-index:1; padding-bottom:15px;}
.article-side-index h2{ font-size:16pt; margin:20px 0 0 10px; width:250px; text-shadow:2px 2px 2px #000; border-bottom:thin #FFF solid; color:#FFF;}
.article-side-index p{ float:left; width:270px; margin:0 0 0 0px; font-size:10pt;}
.article-side-index li{ color:#FFF; text-shadow:1px 1px 2px #000; line-height:21px; line-height: 28px;}
.article-side-index a{ color:#FFF; text-decoration:none; text-shadow:1px 1px 2px #000; font-weight:bold;}
.article-side-index a:hover{text-shadow:2px 4px 4px #000; color:#CCC; font-weight:bold;}

/*** section footer ***/
.footer{ width:940px; height:170px; float:left; border-top:thin #000 solid; margin:50px 0 0 10px; border-bottom:thin #666 solid; padding-bottom:30px;}
img.manufacturer{ float:left; margin:20px 0 0 80px;}
img.talium{ position:absolute; bottom:5px; right:10px; border:none;}

.nav-footer{ width:auto; height:50px; background:none; float:left; margin-top:22px;}
.nav-footer ul{ margin-left:80px; width:auto; height:auto; padding:0;}
.nav-footer li{ display:inline; margin-left:10px; font-size:10px;}
.nav-footer a{ color:#000; width:auto; height:auto; text-decoration:none; border-right:thin #000 solid; padding-right:12px;}
.nav-footer a:hover{ color:#333; text-decoration:underline;}

.adresse-foot{ width:auto; height:170px; float:right; background:none;}
.adresse-foot ul{ margin:10px 15px 0 0; float:right; list-style:none; border-left:thin #000 solid; clear:right; padding-left:30px; height:180px;}
.adresse-foot li{ color:#000; text-align:right; line-height:26px; font-size:10pt;}

.left-content {
    width: 73%;
    height: 30px;
    background: #none;
    float: left;
    margin-top: 0;
    text-align: center;
}
.left-content ul{ margin:5px 0 0 50px; padding:0; color:#000; width:auto;}
.left-content li{ display:inline; font-size:10pt; margin:0 30px 0 0; line-height: 2;}
.left-content p{ float:left; font-size:10pt; margin:20px 0 0 145px; text-align:center; }
.left-content a{ color:#09F;}
a.awq.talium {
	position: absolute;
    right: 25px;
    bottom: 21px;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
}