body{ background:url(../images/bg-main.jpg) fixed center; padding:0; margin: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; line-height:22px;}
h1{ font-family:Arial, Helvetica, sans-serif; font-size:18pt; font-weight:bold; text-shadow:2px 2px 2px #999;}
h2{ font-family:Arial, Helvetica, sans-serif; font-size:18pt; font-weight:bold; text-shadow:2px 2px 2px #999;}
h3{ font-family:Arial, Helvetica, sans-serif; font-size:14pt; font-weight:bold; text-shadow:2px 2px 2px #999;}
li{ font-family:Arial, Helvetica, sans-serif;}

/*** main sections ***/
.wrapper{ width:1000px; height:auto; margin:0 auto;}
.border-up{ width:1000px; height:10px; float:left; margin:10px 0 10px 0; background:#000; border-radius:5px; box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.7);}
.contenant{ width:1000px; height:auto; float:left; margin:10px 0 10px 0; background:url(../images/bg-footer.jpg) bottom no-repeat #666; border-radius:5px; 
box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.7);}

/*** section head ***/
.head{ width:1000px; height:380px; float:left; position:relative; margin:10px 0 10px 0; background:url(../images/bg-head.jpg); 
box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.7); padding:15px 0 15px 0;}
.head ul{ list-style:none; text-align:center; position:absolute; bottom:65px; left:120px; padding:0; margin:0;}
.head li{ font-size:21pt; color:#FFF; text-shadow:1px 1px 1px #000000;}

#my-slider{ float:right; width:570px; height:350px; background:#333; box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.7); margin:15px 10px 10px 0;}
.barre-one{ float:left; width:1000px; height:50px; margin:10px 0 10px 0; background:url(../images/bg-barre-one.jpg); border-radius:10px; box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.7);}
img.auto-select{ position:absolute; top:10px; left:10px;}
img.noonen{ position:absolute; top:95px; left:58px;}
img.megapneu{ position:absolute; top:25px; left:310px; border:none;}
img.accord{ position:absolute; top:20px; left:300px; border:none;}
.share{ position:absolute; bottom:7px; left:50px;}

/*** section navigation ***/
.nav{ float:left; width:auto; height:50px; margin:10px 0 10px 5px; background:url(../images/bg-barre-one.jpg); border-radius:5px; box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.7);}
.nav ul{ list-style:none; width:auto; margin:0 0 0 0; padding:0;}
.nav li{ float:left; font-size:13pt;}
.nav a{ float:left; width:auto; height:35px; padding:15px 31px 0 30px; border-right:#333 2px solid; color:#000; text-decoration:none; text-shadow:1px 1px 0 #000000;}
.nav a:hover{ background:url(../images/bg-nav-hover.png); color:#F00; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.nav a.active{ background:url(../images/bg-nav-hover.png);}
.nav a.active-contact{ background:url(../images/bg-nav-hover.png); border-radius:0 5px 5px 0;}
.nav a.contact{ border-radius:0 5px 5px 0;}
a.accueil:hover{ background:url(../images/bg-nav-hover.png); border-radius:5px 0 0 5px;}
a.accueil-active{ background:url(../images/bg-nav-hover.png); border-radius:5px 0 0 5px;}
.nav a.active-contact{ background:url(../images/bg-nav-hover.png); border-radius:0 5px 5px 0;}
.nav a.contact{ border-radius:0 5px 5px 0;}

/*** section texte ***/
.texte{ float:left; margin:15px 0 0 15px; width:650px; height:auto; padding-bottom:10px; background:url(../images/bg-content.jpg); border-radius:5px 0 0 0; box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.7);}
.texte h1{ float:left; margin:10px 0 0 10px; width:630px; border-bottom:thin #000 solid;}
.texte p{ float:left; margin:10px 0 10px 15px; width:385px;}

img.mecanique{ float:right; margin:15px 15px 0 0; border:thin #000 solid;}

/*** section texte-2 ***/
.article2{ float:left; width:210px; height:200px; margin:41px 10px 0 0;}
.article2 h2{ float:left; margin:10px 0 10px 10px; width:190px; border-bottom:thin #FFF dotted; text-shadow:1px 1px 1px #000;  font-size:14pt; color:#FFF; text-align:center;}
.article2 p{ float:left; margin:10px 0 0px 15px; width:180px; text-align:left;}
.article2 a{ color:#F00; text-decoration:none; text-shadow:1px 1px 1px #000000;}

img.accordd{ float:left; margin:5px 0 0 12px;}
img.courtois{ float:left; margin:5px 0 0 17px; border:thin #000 solid;}

/*** section sidebar ***/
.sidebar{ float:right; margin:15px 15px 0 0; width:300px; height:1350px; padding-bottom:10px; background:url(../images/bg-content.jpg); border-radius:0 5px 0 0; 
box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.7);}
.sidebar h2{ float:left; width:280px; margin:10px 0 10px 10px; border-bottom:thin #000 solid;}
.sidebar ul{ float:left; width:250px; margin:10px 0 10px 35px; padding:0;}
.sidebar li{ line-height:25px; text-shadow:1px 1px 1px #000000;}
.sidebar a{ color:#000; font-weight:bold; text-decoration:none;}
.sidebar a:hover{ color:#666;}

a.voyants{ width:150px; height:38px; background:url(../images/voyants-lumineux.png) bottom; float:left; margin:10px 0 10px 70px; border:none;}
a.voyants:hover{ background-position:0 0;}
img.paiements{ float:left; margin:10px 0 15px 35px; border:thin #000 solid;}
.facebook{ float:left; margin:5px 0 10px 60px; border:none;}
img.select{ float:left; margin:5px 0 10px 45px; border:none;}
img.promo{float:left; margin:5px 0 5px 15px; border:thin #000 solid;}

a.rendez-vous{ width:270px; height:130px; background:url(../images/rdv.png) bottom; float:left; margin:10px 0 5px 16px; border:none;}
a.rendez-vous:hover{ background-position:0 0;}

a.rdv-small{ width:160px; height:78px; background:url(../images/rdv-small.png) bottom; float:right; margin:10px 10px 5px 16px; border:none;}
a.rdv-small:hover{ background-position:0 0;}

a.retour{ width:270px; height:130px; background:url(../images/retour.png) bottom; float:left; margin:30px 0 0 166px; border:none;}
a.retour:hover{ background-position:0 0;}

/*** section article ***/
.article{ float:left; width:210px; height:350px; margin:15px 10px 0 0; background:url(../images/bg-content.jpg); box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.7);}
.article h2{ float:left; margin:10px 0 10px 10px; width:190px; border-bottom:thin #000 dotted;  font-size:14pt;}
.article p{ float:left; margin:10px 0 0px 15px; width:180px; text-align:left;}
.article a{ color:#F00; text-decoration:none; text-shadow:1px 1px 1px #000000;}

img.mini{ float:left; margin:5px 0 0 15px; border:thin #000 solid;}

/*** section footer ***/
.footer{ float:left; width:1000px; height:220px; background:none; position:relative;}
.barre{ float:left; width:970px; margin:15px 0 0 15px; border-bottom:thin #FFF dotted;}

.adresse-right{ float:right; height:135px; width:auto; margin:5px 15px 0 0; background:none;}
.adresse-right ul{ list-style:none; color:#FFF; font-size:12pt; height:125px; padding:10px 10px 0 40px; margin:5px 0 0 0; width:auto; border-left:thin #CCC solid;}
.adresse-right li{ line-height:25px;}

.nav-footer{ float:left; width:auto; height:auto; margin:50px 0 20px 47px;}
.nav-footer ul{ float:left; width:auto; height:auto; margin:0; padding:0; list-style:none;}
.nav-footer li{ float:left; padding-left:10px; border-left:thin #CCC solid; font-size:10pt;}
.nav-footer a{ color:#FFF; text-decoration:none; margin:0 15px 0 0px;}
.nav-footer a:hover{ text-decoration:underline;}

.content-footer{ float:left; width:auto; height:auto; margin:10px 0 20px 60px;}
.content-footer ul{ float:left; width:auto; height:auto; margin:0; padding:0; list-style:none;}
.content-footer li{ float:left; padding-left:10px; font-size:10pt; margin:0 15px 0 0px; border-left:thin #CCC solid; color:#FFF;}
.content-footer a{ color:#F00; text-decoration:none; margin:0 15px 0 0px;}
.content-footer a:hover{ text-decoration:underline;}
.content-footer p{ float:left; font-size:6pt; color:#CCC; clear:left; margin:10px 0 0 90px;}
img.talium{ position:absolute; bottom:5px; right:10px; border:none;}

/*** section services, produits, promotions ***/
.texte-prod{ float:left; margin:15px 0 0 15px; width:970px; height:auto; padding-bottom:10px; background:url(../images/bg-content.jpg); border-radius:5px; box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.7); position:relative;}
.texte-prod h1{ float:left; margin:10px 0 10px 10px; width:950px; border-bottom:thin #000 solid; font-weight:bold;}
.texte-prod h2{ float:left; margin:10px 0 0 10px; width:950px; border-bottom:thin #000 solid;}
.texte-prod p{ float:left; margin:10px 0 10px 15px; width:640px;}
.texte-prod ul{ float:left; clear:left;}
.texte-prod a{ color:#F00; font-weight:bold; text-shadow:1px 1px 1px #000000; text-decoration:none;}

.texte-prod-service-up{ float:left; margin:15px 0 0 15px; width:970px; height:auto; padding-bottom:10px; background:url(../images/bg-content.jpg); border-radius:5px; box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.7);}
.texte-prod-service-up h1{ float:left; margin:10px 0 10px 10px; width:950px; border-bottom:thin #000 solid; font-weight:bold;}
.texte-prod-service-up ul{ float:left; line-height:24px; margin-left:80px;}
.texte-prod-service-up li{ text-shadow:1px 1px 1px #333333;}
.texte-prod-service-up a{ color:#000; text-decoration:none; font-weight:bold;}

.texte-assurance{float:left; margin:20px 0 10px 0; width:970px; height:auto; padding-bottom:10px;}
img.assurance{ float:right; margin:10px 40px 0 0; border:none;}
img.manufacturier{ float:left; margin:15px 0 10px 90px; border:none;}
img.garantie-3{ float:left; margin:20px 0 0 140px; border:thin #000 solid;}
img.megapneu2{ position:absolute; top:250px; right:360px; border:none;}

img.marques{ float:left; margin:10px 0 0 35px;}
img.prod{ float:right; margin:15px 15px 0 0; border:thin #000 solid;}
a.promo-pneus{ width:500px; height:210px; background:url(../images/affiche.jpg) bottom; border:thin #000 solid; float:left; margin:50px 0 10px 220px;}
a.promo-pneus:hover{ background-position:0 0;}

a.voyants2{ width:150px; height:38px; background:url(../images/voyants-lumineux.png) bottom; float:left; margin:0px 0 25px 130px; border:none; clear:left;}
a.voyants2:hover{ background-position:0 0;}

a.promo-pneus-1{ width:500px; height:210px; background:url(../images/affiche.jpg) bottom; border:thin #000 solid; float:left; clear:left; margin:85px 0 10px 90px;}
a.promo-pneus-1:hover{ background-position:0 0;}

a.promo-pneus-2{ width:500px; height:210px; background:url(../images/affiche.jpg) bottom; border:thin #000 solid; float:left; clear:left; margin:20px 0 10px 70px;}
a.promo-pneus-2:hover{ background-position:0 0;}

/*** section article-services ***/
.article-services{ float:left; width:477px; height:500px; background:#CCC; border-radius:5px; box-shadow:0px 0px 3px 3px rgba(0, 0, 0, 0.7); margin:15px 0 0 15px;}
.article-services:hover{ background:#FFF; color:#000; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.article-services h2{ float:left; margin:10px 0 0 10px; width:457px; border-bottom:thin #000 solid;}
.article-services p{ float:left; margin:15px 0 0 15px; width:450px;}

.images-article1{ float:left; margin:10px 0 0 15px; border:thin #000 solid; box-shadow:0px 0px 2px 2px rgba(0, 0, 0, 0.5);}

a.voyants3{ width:150px; height:38px; background:url(../images/voyants-lumineux.png) bottom; float:right; margin:-25px 40px 0 130px; border:none; clear:left;}
a.voyants3:hover{ background-position:0 0;}

/*** section tableau ***/
#tableau{ width:900px; height:auto; float:left; position:relative; margin:10px 0 10px 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 205px;}
#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{ float:left; margin:15px 0 0 15px; width:970px; height:auto; padding-bottom:10px; background:url(../images/bg-content.jpg); border-radius:5px; box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.7);}
.texte-contact h1{ float:left; margin:10px 0 10px 10px; width:950px; border-bottom:thin #000 solid; font-weight:bold;}
.texte-contact h2{ float:left; margin:10px 0 0 10px; width:950px; border-bottom:thin #000 solid;}
.texte-contact p{ float:left; margin:10px 0 10px 15px; width:640px;}
.texte-contact ul{ float:left; clear:left; list-style:none; width:300px; padding:0 0 30px 0; border-bottom:thin #000 solid; margin:20px 0 15px 20px;}
.texte-contact li{ line-height:26px; font-size:16pt; text-shadow:0px 1px 1px #333333;}
.texte-contact a{ color:#F00; text-shadow:1px 1px 1px #000000; text-decoration:none;}

.map{ float:right; width:590px; height:400px; border:thin #000 solid; clear:right; margin:20px 15px 0 0;}
img.carte{ float:left; margin:10px 0 0 0px; border:thin #000 solid;}
a.talium {
    position: absolute;
    bottom: 15px;
    right: 25px;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
}