/***modif jmt***/
.slider-wrap{ margin:0 auto; height:500px; width:1444px; position:relative; z-index:2; background-position:center;}
.slider-big-wrap{margin:0 auto; height:100%; width:100%; box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.5); position:relative; z-index:2; background:#2a2b2d;}

body{ background:#000; margin:0; padding:0;}
p, h1, h2, h3, h4{margin:0px; padding:0px; display: block; font-family:Arial, Helvetica, sans-serif;}
p{ font-family: 'Noto Sans', sans-serif; font-size:12pt; text-align:justify; line-height:22px; text-shadow:1px 1px 1px #000;}
h1{ font-family: 'Noto Sans', sans-serif; color:#ac0007; font-size:18pt; font-weight:bold; text-shadow:2px 2px 2px #999;}
h2{ font-family: 'Noto Sans', sans-serif; color:#ac0007; font-size:18pt; font-weight:bold; text-shadow:2px 2px 2px #999;}
h3{ font-family: 'Noto Sans', sans-serif; font-size:14pt; font-weight:bold; text-shadow:2px 2px 2px #999;}
li{ font-family: 'Noto Sans', sans-serif; text-shadow:1px 1px 1px #000;}

/*** head ***/
.border-top{ width:100%; float:left; height:100px; background:url('../images/border-top.jpg'); box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.5); position:relative; z-index:111;}
.border-top-2{ width:100%; float:left; height:160px; background:url('../images/silver-diamond-plate.jpg'); box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.5); position:relative; z-index:9}
.head{ width:1100px; height:100px; margin:0 auto; background:none; position:relative;}
ul.titre{ position:absolute; top:235px; left:150px; list-style:none; color:#000; z-index:20; margin:0; padding:0;}
li.titre{ font-size:23pt; font-weight:bold; text-align:center;}
img.logo{ position:absolute; top:18px; left:60px; border:none;}
img.title{ position:absolute; top:100px; left:0px; z-index:1;}
img.pancarte{ position:absolute; top:100px; left:40px;}
img.halle{ position:absolute; top:115px; left:58px; border:none;}
.facebook{ position:absolute; top:290px; left:117px;}
.facebook p{ float:left; font-size:18pt; color:#000;}

/*** slider ***/
.boxedcontainer{max-width: 1100px; margin:auto; padding:0px; position:relative;}
.tp-banner-container{width:100%; position:relative; padding:0;}
.tp-banner{width:100%; position:relative;}
.tp-banner-fullscreen-container{width:100%; position:relative; padding:0;}
.tp-caption{ box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.8); position:relative; background:url(../images/border-top.jpg); text-shadow:1px 1px 1px #000; z-index:100;}

/*** section slider ***/
.slider-wrap{ float:left; width:100%; height:510px; box-shadow:0 0 5px 5px rgba(0, 0, 0, 0.5); background:url(../images/bg-slider.jpg); position:relative; z-index:101;}
#slider{ margin:0 auto; width:1000px; height:510px; padding:0 10px 0 10px; background:url(../images/bg-slider-2.jpg);}

/*** navigation ***/
.navigation{ float:right; height:100px; width:auto; position:relative;}
.navigation ul{ list-style:none; margin:0; padding:0;}
.navigation li{ float:left; font-size:14pt; margin:0; padding:0;}
.navigation a{ color:#FFF; text-decoration:none; heihgt:60px; width:auto; padding:40px 15px 36px 15px; background:none; float:left; margin:0 2px 0 0;}
.navigation a:hover{ background:url('../images/bg-nav.jpg'); color:#000; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.5); text-shadow:1px 1px 1px #333; border-radius:0 0 2px 2px}
.navigation a.active{background:url('../images/bg-nav.jpg'); text-shadow:1px 1px 1px #333; color:#000; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.5); border-radius:0 0 2px 2px}

/*** content ***/
.content-wrapper{ float:left; width:100%; height:auto; background:#656565 url('../images/bg-content-prod.jpg') repeat-x; position:relative; z-index:1}
.content-wrapper-prod{ float:left; width:100%; height:auto; background:#656565 url('../images/bg-content-prod.jpg') repeat-x; position:relative; z-index:1}
.content-wrap{ width:1100px; height:auto; margin:0 auto;}
.content{ float:left; width:1100px; height:auto; margin:10px 0 20px 0;}
.content h1{ float:left; width:990px; height:40px; background:url('../images/bg-h.jpg'); box-shadow:0px 0px 2px 2px rgba(0, 0, 0,0.5); margin-left:50px; margin-right:0; margin-top:10px; margin-bottom:0; padding-left:10px; padding-right:0; padding-top:5px; padding-bottom:0}

/*** texte ***/
.texte{ width:750px; height:auto; background:url('../images/bg-texte.jpg'); float:left; box-shadow:0px 0px 3px 3px rgba(0, 0, 0,0.5); padding-bottom:15px; margin-left:10px; margin-right:0; margin-top:10px; margin-bottom:0}
.texte h1{ float:left; width:720px; height:40px; background:url('../images/bg-h.jpg'); box-shadow:0px 0px 2px 2px rgba(0, 0, 0,0.5); margin-left:10px; margin-right:0; margin-top:10px; margin-bottom:0; padding-left:10px; padding-right:0; padding-top:5px; padding-bottom:0}
.texte h2{ float:left; width:720px; height:40px; background:url('../images/bg-h.jpg'); box-shadow:0px 0px 2px 2px rgba(0, 0, 0,0.5); margin-left:10px; margin-right:0; margin-top:10px; margin-bottom:0; padding-left:10px; padding-right:0; padding-top:5px; padding-bottom:0}
.texte p{ float:left; width:445px; margin:15px 0 10px 20px;}
.texte h3{ float:right; clear:right; margin:-20px 60px 10px 0;}
a.voyants1{ float:right; background:url('../images/voyants-lumineux.png') bottom; width:150px; height:38px; float:left; margin:5px 0 30px 58px;}
a.voyants1:hover{ background-position:0 0;}
img.mecanique{ float:right; margin:15px 15px 0 0; border:thin #000 solid;}

/*** sidebar ***/
.sidebar{ float:right; width:315px; height:1475px; background:url('../images/bg-sidebar.jpg'); box-shadow:0px 0px 3px 3px rgba(0, 0, 0,0.5); padding-bottom:15px; margin-left:0; margin-right:10px; margin-top:10px; margin-bottom:0}
.sidebar h2{ float:left; width:285px; height:35px; background:url('../images/bg-h.jpg'); box-shadow:0px 0px 2px 2px rgba(0, 0, 0,0.5); font-size:16pt; margin-left:10px; margin-right:0; margin-top:10px; margin-bottom:0; padding-left:10px; padding-right:0; padding-top:5px; padding-bottom:0}
.sidebar ul{ float:left; margin:20px 0 25px 0px;}
.sidebar a{ color:#000; text-decoration:none;}
.sidebar a:hover{ color:#333; font-weight:bold;}
img.carte{ float:left; margin:20px 0 25px 55px; border:thin #000 solid;}
a.voyants{ float:right; background:url('../images/voyants-lumineux.png') bottom; width:150px; height:38px; float:left; margin:20px 0 30px 68px;}
a.voyants:hover{ background-position:0 0;}

/*** box ***/
.box{ float:left; width:243px; height:359px; background:url('../images/bg-box.jpg'); box-shadow:0px 0px 3px 3px rgba(0, 0, 0,0.5); margin-left:10px; margin-right:0; margin-top:15px; margin-bottom:0}
.box h2{ float:left; width:213px; height:32px; background:url('../images/bg-h.jpg'); box-shadow:0px 0px 2px 2px rgba(0, 0, 0,0.5); font-size:13pt; margin-left:10px; margin-right:0; margin-top:10px; margin-bottom:0; padding-left:10px; padding-right:0; padding-top:5px; padding-bottom:0}
.box p{ float:left; width:210px; margin:10px 0 0 15px; color:#000;}
.box a{ color:#F00; font-size:14pt; text-shadow:1px 1px 1px #000; font-weight:bold; text-decoration:none;}
img.boxmage{ float:left; margin:10px 0 0px 15px; border:thin #000 solid;}
img.assistance-2{ float:left; margin:20px 0 0 20px; border:thin #000 solid;}

/*** footer ***/
.footer-wrap{ float:left; width:100%; height:240px; background:url('../images/bg-footer.jpg'); box-shadow:0px 0px 3px 3px rgba(0, 0, 0, 0.5); margin-top:20px}
.footer{ width:1100px; height:200px; margin:0 auto; position:relative;}

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:20px;}
.nav-footer ul{ margin-left:200px; margin-top:30px; width:auto; height:auto; padding:0;}
.nav-footer li{ display:inline; margin-left:10px; font-size:10pt;}
.nav-footer a{ color:#FFF; width:auto; height:auto; text-decoration:none; border-right:thin #FFF solid; padding-right:12px;}
.nav-footer a:hover{ color:#CCC; text-decoration:underline;}

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

.left-content{ width:auto; height:30px; background:none; float:left; margin-top:10px;}
.left-content ul{ margin:35px 0 0 30px; padding:0; color:#FFF; width:auto;}
.left-content li{ display:inline; font-size:9pt; margin:0 55px 0 0;}
.left-content a{ color:#FFF;}
.left-content p{ float:left; margin:35px 0 0 195px; font-size:10pt; color:#FFF;}

/*** section produits ***/
.texte-prod{ width:1000px; height:auto; background:#b7b7b7 url('../images/bg-texte-prod.jpg') no-repeat; float:left; padding-bottom:15px; box-shadow:0px 0px 3px 3px rgba(0, 0, 0,0.5); position:relative; margin-left:50px; margin-right:0; margin-top:15px; margin-bottom:0}
.texte-prod h2{ float:left; width:970px; height:40px; background:url('../images/bg-h.jpg'); box-shadow:0px 0px 2px 2px rgba(0, 0, 0,0.5); margin-left:10px; margin-right:0; margin-top:10px; margin-bottom:0; padding-left:10px; padding-right:0; padding-top:5px; padding-bottom:0}
.texte-prod p{ float:left; width:680px; margin:15px 0 10px 20px; color:#000;}
.texte-prod ul{ float:left; margin:20px 0 0 100px; color:#000;}
.texte-prod a{ color:#000; text-decoration:none;}

img.assistance{ float:left; margin:150px 0 0 50px; border:thin #000 solid;}
img.promotion{ float:left; margin:20px 0 0 75px; border:thin #000 solid;}
img.promotion2{ float:left; margin:20px 0 0 185px; border:thin #000 solid;}
img.pneus{ float:right; margin:20px 20px 0 0; border:none;}
img.marques{ float:left; margin:20px 0 0 50px; border:none;}
img.mecanique2{ float:right; margin:15px 25px 0 0; border:thin #000 solid; box-shadow:0px 0px 2px 2px rgba(0, 0, 0, 0.3);}
img.carquest{ position:absolute; top:330px; right:300px;}
img.castrol{ position:absolute; top:370px; left:20px;}
img.aquapel{ float:left; margin:20px 0 0px 225px;}

a.rabais2{ float:left; background:url('../images/affiche.jpg') bottom; width:500px; height:211px; border:thin solid #000; margin:20px 0 0 230px; clear:left;}
a.rabais2:hover{ background-position:0 0;}

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

/*** section contact ***/
.texte-contact{ width:1000px; height:auto; background:none; float:left; margin:15px 0 0 50px; padding-bottom:15px;}
.texte-contact ul{ float:left; clear:left; list-style:none; font-size:16pt; color:#FFF; margin:30px 0 10px 20px; padding:0 0 35px 0; width:290px; border-bottom:thin #CCC solid;}
.texte-contact a{ color:#F00; text-decoration:none;}

.map{ float:right; clear:right; margin:50px 20px 0 0; width:575px; height:425px; box-shadow:0px 0px 3px 3px rgba(0, 0, 0, 0.5)}
.carte-2{ float:left; margin:10px 0 0 0; border:thin #000 solid;}

/*** section promo-2 ***/
.texte-promotion{ width:490px; height:565px; background:#b7b7b7 url('../images/bg-texte-prod.jpg') no-repeat; float:left; padding-bottom:15px; box-shadow:0px 0px 3px 3px rgba(0, 0, 0,0.5); position:relative; margin-left:50px; margin-right:0; margin-top:15px; margin-bottom:0}
.texte-promotion h2{ float:left; width:460px; height:40px; background:url('../images/bg-h.jpg'); box-shadow:0px 0px 2px 2px rgba(0, 0, 0,0.5); 
margin-left:10px; margin-right:0; margin-top:10px; margin-bottom:0; padding-left:10px; padding-right:0; padding-top:5px; padding-bottom:0}
.texte-promotion p{ float:left; width:680px; margin:15px 0 10px 20px; color:#000;}
.texte-promotion ul{ float:left; margin:20px 0 0 100px; color:#000;}
.texte-promotion a{ color:#F00; text-decoration:none;}
a.talium{
	color:white;
}