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;}

.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; z-index:100;}
.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.procolor{ position:absolute; top:12px; right:12px; z-index:1; border:none;}
img.pneus-select{ position:absolute; top:10px; right:240px;}
img.pneus-select2{ position:absolute; top:400px; right:245px;}

/*** section tableau ***/
#tableau{ width:px; height:auto; float:left; position:relative; margin:25px 0 15px 5px; background:none; padding-bottom:15px;}
#tableau h2{ float:left; font-size:20pt; width:auto; color:#000; border:none; text-shadow:1px 1px 2px #000000; margin:20px 0 10px 200px;}
#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:15px; 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:145px; 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; bottom:1px; left:50px; margin:0; padding:0;}
.border-top li{list-style:none; font-family:'Gill Sans MT'; margin:0px; padding:0; font-size:20pt; 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:20px; right:20px; border:medium none;}
img.mecano {
    position: absolute;
    top: 20px;
    left: 20px;
    border: none;
}
img.megapneu{ position:absolute; top:3px; right:210px; border: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;}
img.caa{ position:absolute; top:5px; left:335px; border:none;}
img.verte{ position:absolute; top:10px; left:390px;}

.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 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; padding-left:0; color:#000; border-bottom:thin dotted #000; width:650px; 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; color:#000; border-bottom:thin dotted #000; width:650px; font-size:22pt; margin-left:0px; margin-right:0; margin-top:0px; margin-bottom:10px}
.texte-2 h2 {
    clear: left;
    color: #e40e0e;
    float: left;
    margin: 15px 0 10px;
}
.texte-2 h3{ float:right; position:absolute; bottom:130px; right:50px;}
.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:62px; margin-top:38px; 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;}
img.logo-parebrise{ position:absolute; top:10px; left:10px; border:none;}
ul.liste-2{float:right; margin:-295px 50px 0 0;}
img.assistance{ float:left; margin:10px 0 0 2px; border:thin #000 solid;}
img.aqua{ float:left; clear:left; margin:10px o 10px 120px; border:none;}

/*** section tableau ***/
#tableau{ width:655px; height:auto; float:left; position:relative; margin:10px 0 40px 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 20px 0px;}
#tableau h4{ 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:15px;}
#tableau table{ margin-left:15px;}
img.pieces2{ float:left; border:thin #000 solid; margin:5px 0 0 5px; box-shadow:0px 0px 2px 2px rgba(0, 0, 0, 0.5)}

/*** 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;  color:#000; border-bottom:thin dotted #000; width:650px; font-size:22pt; margin-left:0px; margin-right:0; margin-top:0px; margin-bottom:10px}
.texte-3 h2{ float:left; clear:left;  color:#d35602; 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; width:auto;}
.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;  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:80px; 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;}

/*** section article ***/
.article{ float:right; width:205px; height:380px; 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:16px; margin:5px 0 5px 6px; padding-left:2px; 
text-shadow:1px 1px 1px #333; font-weight:bold; text-align:left;}
.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: #e40e0e;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000;
}
/*** section promotion ***/
.promotion{ float:right; width:654px; height:280px; 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;  color:#000; border-bottom:thin dotted #000; width:650px; font-size:22pt; margin-left:0px; margin-right:0; margin-top:0px; margin-bottom:10px}
img.promo{ float:left; margin:10px 0 0 60px; border:thin #000 solid;}
a.savoir-plus-2{ width:111px; height:35px; 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;}
img.garantie-3{ float:left; border:thin #000 solid; margin:20px 0 0 9px;}
img.promo-2{ float:left; margin:45px 0 0 87px; border:thin #000 solid;}

/*** 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 15px; border:none;}
img.carte{ float:left; margin:10px 0 0 15px; border:thin #000 solid;}
img.sliencieux{ float:left; margin:30px 0 15px 120px; border:thin #000 solid;}

/*** 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:192px; float:left; border-top:thin #000 solid; margin:50px 0 0 10px; border-bottom:thin #666 solid; padding-bottom:20px;}
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:30px; margin-left: 63px;}
.nav-footer ul{ margin-left:10px; 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:60px; height:194px;}
.adresse-foot li{ color:#000; text-align:right; line-height:26px; font-size:10pt;}

.left-content{ 
	width: 72%;
    text-align: center;
    height: 30px;
    float: left;
    margin-top: 10px;
    line-height: 2;
}
.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;}
.left-content a{ color:#09F;}
.left-content p{ float:left; margin:30px 0 0 160px; font-size:10pt;}
a.talium{
	color:black;
}
.navigation p{
	font-weight: 700!important;
	text-align: center!important;
	line-height: 20px;
	color: #E40E0E!important;
	font-size: 18px!important;
	text-shadow: 0px 1px 1px #fff;
}