body{ background:none; margin:0; padding:0}
h1{ font-family:Arial, Helvetica, sans-serif; padding:0; margin:0;}
h2{ font-family:Arial, Helvetica, sans-serif; padding:0; margin:0;}
h3{ font-family:Arial, Helvetica, sans-serif; padding:0; margin:0;}
p{ font-family:Arial, Helvetica, sans-serif; padding:0; margin:0 0 10px 0; line-height:20px; text-align:justify;}
ul{ font-family:Arial, Helvetica, sans-serif; padding:0; margin:0;}

/*** main css ***/
.wrap{ float:left; width:100%; height:auto; background:url(../images/bg-wrap.jpg) bottom repeat-x #FFF; padding-bottom:20px;}
.wrap-2{ float:left; width:100%; height:auto; background:url(../images/bg-head.jpg); padding-bottom:20px; box-shadow:0 0 5px 5px rgba(0, 0, 0, 0.8);}
.content-wrap{ margin:0 auto; width:1000px; height:auto;}
.content-wrap h1{ width:990px; height:auto; padding:5px 0 5px 10px; background:url(../images/bg-h1.jpg); color:#FFF; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.8); margin:20px  0 0 0;}

/*** slider ***/
.boxedcontainer	{max-width:1000px; margin:0 auto; padding:0px 0; background:#CCC;}
.tp-banner-container{width:100%; position:relative; padding:0; margin:0; float:left;}
.tp-banner{width:1000px; position:relative; margin:0; float:left;}
.tp-banner-fullscreen-container{width:1000px; position:relative; padding:0; margin:0; float:left;}
.tp-caption{ box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.8); position:relative; background:url(../images/bg-nav.jpg); text-shadow:1px 1px 1px #000;}

/*** section head ***/
.head-wrap{ float:left; height:200px; width:100%; background:url(../images/bg-head.jpg); position:relative;}
.head{ margin:0 auto; width:1000px; height:200px; position:relative;}
.head ul{ list-style:none; position:absolute; top:21px; left:0px; color:#FFF; font-size:30pt; font-style:italic; line-height:38pt;}
.head p{ color:#FFF; float:left; margin:5px 5px 0 0; font-style:italic; font-size:14pt;}

.facebook{ position:absolute; bottom:10px; right:0px;}
img.logo{ float:left; margin:20px 0 0 0; border:none;}
img.asx{ float:right; margin:72px 0px 0 0; border:none;}
img.caa{ position:absolute; top:10px; right:0px;}
img.verte{ position:absolute; top:10px; right:65px;}
img.bosch{ position:absolute; top:20px; right:173px;}
img.ppp{ position:absolute; top:90px; right:200px; border:thin #000 solid;}


/*** section navigation ***/
.navigation-wrap{ float:left; width:100%; height:50px; background:url(../images/bg-nav.jpg); position:relative; z-index:11; box-shadow:0 0 5px 5px rgba(0, 0, 0, 0.8);}
.navigation{ margin:0 auto; width:1000px; height:50px;}
.navigation ul{ float:left; list-style:none;}
.navigation li{ float:left; font-size:17pt;}
.navigation a{ color:#fbfbfb; float:left; text-decoration:none; padding:13px 20px 0 20px; height:37px; text-shadow:1px 1px 1px #000; border-right:thin #000 solid;}
.navigation a:hover{ background:url(../images/bg-nav-hover.png); color:#FFF; padding-top:14px; height:36px;}
.navigation a.active{ background:url(../images/bg-nav-hover.png); color:#FFF; padding-top:14px; height:36px;}

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

/*** section texte ***/
.texte{ float:left; width:680px; height:auto; background:none; margin:20px 0 10px 0; position:relative;}
.texte h1{ float:left; width:680px; border-bottom:thin #000 solid; margin:0 0 10px 0; text-shadow:1px 1px 1px #000; position:relative;}
.texte h2{ float:left; width:680px; border-bottom:thin #000 solid; margin:0 0 10px 0; text-shadow:1px 1px 1px #000; position:relative;}
.texte p{ float:left; width:425px; text-shadow:0px 0px 1px #333; position:relative; margin:0 0 10px 5px;}
.texte h3{ float:right; clear:right; margin:-40px 40px 0 0; text-shadow:1px 1px 1px #000;}
.texte a{ color:#F00; text-decoration:none;}

a.voyants{ float:right; background:url('../images/voyants-lumineux.png') bottom; width:150px; height:38px; float:left; margin:0px 0 0 50px;}
a.voyants:hover{ background-position:0 0;}
img.mecanique{ float:right; margin:5px 10px 0 0; border:thin #000 solid;}
img.tirecraft{ position:absolute; top:230px; left:350px;}

/*** section box ***/
.boxes{ float:left; width:235px; height:360px; background:url(../images/bg-box.png); margin:20px 15px 0 0; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.7);}
.boxes h2{ float:left; width:215px; color:#FFF; margin:10px 0 0 10px; border-bottom:thin #FFF solid; font-size:14pt; text-shadow:1px 1px 1px #000;}
.boxes p{ float:left; color:#FFF; width:210px; margin:15px 0 0 12px; font-size:12pt; font-weight:normal;}
.boxes a{ color:#FFF; font-size:13pt; text-decoration:none; font-weight:bold;}

img.boxmage{ float:left; margin:10px 0 0 10px; box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.7); position:relative; border:none;}

/*** section sidebar ***/
.sidebar{ float:right; width:280px; height:1150px; background:url(../images/bg-sidebar.png); box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.7); margin:20px 0 0 0; 
position:relative;}
.sidebar h2{ float:left; color:#FFF; margin:10px 0 0 10px; width:260px; border-bottom:thin #FFF solid;}
.sidebar ul{ float:left; width:250px; color:#FFF; margin:10px 0 0px 30px; padding:0; line-height:26px; text-shadow:1px 1px 1px #000;}
.sidebar a{ color:#FFF; text-decoration:none;}
.sidebar a:hover{ color:#CCC;}

img.paiement{ float:left; margin:10px 0 5px 14px; border:thin #000 solid;}
img.saison1{float:left; border:thin #000 solid; margin:10px 0 10px 15px;}
img.saison{float:left; border:thin #000 solid; margin:10px 0 10px 225px;}
img.assist{ float:left; border:thin #000 solid; margin:10px 0 10px 225px;}

/*** section texte-prod ***/
.texte-prod{float:left; width:1000px; height:auto; background:url(../images/bg-texte-prod.jpg); margin:20px 0 0 0; position:relative; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.7); 
padding:0 0 15px 0}
.texte-prod h2{ float:left; width:980px; border-bottom:thin #000 solid; margin:10px 0 10px 10px; text-shadow:1px 1px 1px #000; position:relative;}
.texte-prod p{ float:left; width:700px; text-shadow:0px 0px 1px #333; position:relative; margin:5px 0 10px 15px;}
.texte-prod ul{ float:left; margin:10px 0 0 60px; padding:0; width:auto; text-shadow:1px 1px 1px #000; line-height:25px;}
.texte-prod a{ color:#F00; font-weight:bold; text-decoration:none;}

a.voyants2{ float:right; background:url('../images/voyants-lumineux.png') bottom; width:150px; height:38px; float:left; margin:5px 0 10px 150px;}
a.voyants2:hover{ background-position:0 0;}

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

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

img.prodmage{ float:right; margin:10px 15px 0 0; border:thin #000 solid;}
img.monaco{ float:right; margin:22px 15px 0 0; border:none;}
img.aquapel{ float:left; margin:20px 0 0 20px; border:none;}
img.marques{ float:left; margin:30px 0 0 165px;}
img.saison2{float:left; border:thin #000 solid; margin:10px 0 30px 225px;}x

img.boxmage{ float:left; margin:10px 0 0 10px; box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.7); position:relative; border:none;}à

.poster{ float:left; width:350px; height:auto; margin:25px 5px 12px 100px;}
.poster h2{ margin:10px 0 5px 0; width:420px; border-bottom:thin #000 solid;}

/*** section texte-contact ***/
.texte-contact{float:left; width:1000px; height:auto; background:url(../images/bg-texte-prod.jpg); margin:20px 0 0 0; position:relative; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.7); padding:0 0 15px 0; position:relative; behavior: url(PIE.htc);}
.texte-contact h2{ float:left; width:980px; border-bottom:thin #000 solid; margin:10px 0 10px 10px; text-shadow:1px 1px 1px #000; position:relative;}
.texte-contact p{ float:left; width:700px; text-shadow:0px 0px 1px #333; position:relative; margin:5px 0 10px 15px;}
.texte-contact ul{ float:left; margin:30px 0 0 30px; padding:0; width:300px; text-shadow:1px 1px 1px #000; line-height:33px; padding-bottom:30px; border-bottom:thin #000 solid; 
clear:left;}
.texte-contact li{ list-style:none; font-size:16pt;}
.texte-contact a{ text-decoration:none; color:#F00;}

.map{ float:right; margin:30px 30px; width:550px; height:630px; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.5);}

/*** section tableau ***/
#tableau{ width:900px; height:auto; float:left; position:relative; margin:10px 0 10px 30px; padding-bottom:10px;}
#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 footer ***/
.footer{ width:1000px; height:195px; margin:0 auto; position:relative;}
.wrap-contact{ float:left; width:100%; height:auto; background:url(../images/bg-footer.jpg); padding-bottom:0; box-shadow:0 0 5px 5px rgba(0, 0, 0, 0.8);}

img.talium{ position:absolute; bottom:-5px; right:0px; border:none;}

.nav-footer{ width:auto; height:50px; background:none; float:left; margin-top:30px; margin-left:20px;}
.nav-footer ul{ margin-left:10px; margin-top:30px; width:auto; height:auto; padding:0;}
.nav-footer li{ display:inline; margin-left:10px; font-size:10pt;}
.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:#000; 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 #000 solid; clear:right; padding-left:60px; height:155px;}
.adresse-foot li{ color:#000; 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 35px; padding:0; color:#000; width:auto;}
.left-content li{ display:inline; font-size:9pt; margin:0 65px 0 0;}
.left-content a{ color:#000;}
.left-content p{ float:left; margin:35px 0 0 195px; font-size:10pt; color:#FFF;}
a.talium{
	color: black;
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    right: 15px;
    bottom: 3px;
    text-align: right;
}