/* CSS Document */
body{padding:0px; margin:0px;  background:url(images/fond_JT.jpg) 0 0 no-repeat; color:#8d8d3a; font:12px/20px Verdana, Arial, Helvetica, sans-serif; text-align: justify ;}
/*body{padding:0px; margin:0px; background:#ffffff; color:#8d8d3a; font:12px/20px Verdana, Arial, Helvetica, sans-serif; text-align: justify ;}
body{padding:0px; margin:0px; background:#554D49; color:#B6B6B6; font:12px/20px Verdana, Arial, Helvetica, sans-serif;}
body{padding:0px; margin:0px; background:url(images/boutique-paintdaubs.jpg) 0 0 no-repeat; color:#B6B6B6; font:12px/20px Verdana, Arial, Helvetica, sans-serif;}*/
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

/*----TOP PANEL----*/
#maintopPan{height:100px; background:url(images/topbg.gif) 0 0 repeat-x;}
#logoPan{width:778px; height:83px; position:relative; margin:0 auto; background:url(images/logopanel-bg.gif) 0 0 no-repeat;}
#logoPan img{width:800px; height:100px; position:absolute; top:0px; left:0px;}

/*Accueil*/
#headerPan{width:660px; height:189px; position:relative; margin:0 auto; background:url(images/header.jpg) 100% 0 no-repeat; padding:16px 0 0;}
#headerPan ul{width:75px;}
#headerPan ul li{width:75px; height:51px;}
#headerPan ul li.sidenavpadding{padding:18px 0 0;}
#headerPan ul li.home a{width:75px; height:51px; display:block; background:url(images/home-hover.gif) 0 0 no-repeat; text-indent:-20000px;}
#headerPan ul li.home a:hover{background:url(images/home-hover.gif) 0 0 no-repeat;}

#headerPan ul li.aboutus a{width:75px; height:51px; display:block; background:url(images/aboutus-normal.gif) 0 0 no-repeat; text-indent:-20000px;}
#headerPan ul li.aboutus a:hover{background:url(images/aboutus-hover.gif) 0 0 no-repeat;}

#headerPan ul li.contact a{width:75px; height:51px; display:block; background:url(images/contactus-normal.gif) 0 0 no-repeat; text-indent:-20000px;}
#headerPan ul li.contact a:hover{background:url(images/contactus-hover.gif) 0 0 no-repeat;}
/*Accueil*/

/*Infos Pratiques*/
#headerPan2{width:660px; height:189px; position:relative; margin:0 auto; background:url(images/header.jpg) 100% 0 no-repeat; padding:16px 0 0;}
#headerPan2 ul{width:75px;}
#headerPan2 ul li{width:75px; height:51px;}
#headerPan2 ul li.sidenavpadding{padding:18px 0 0;}
#headerPan2 ul li.home a{width:75px; height:51px; display:block; background:url(images/home-normal.gif) 0 0 no-repeat; text-indent:-20000px;}
#headerPan2 ul li.home a:hover{background:url(images/home-hover.gif) 0 0 no-repeat;}

#headerPan2 ul li.aboutus a{width:75px; height:51px; display:block; background:url(images/aboutus-hover.gif) 0 0 no-repeat; text-indent:-20000px;}
#headerPan2 ul li.aboutus a:hover{background:url(images/aboutus-hover.gif) 0 0 no-repeat;}

#headerPan2 ul li.contact a{width:75px; height:51px; display:block; background:url(images/contactus-normal.gif) 0 0 no-repeat; text-indent:-20000px;}
#headerPan2 ul li.contact a:hover{background:url(images/contactus-hover.gif) 0 0 no-repeat;}
/*Infos Pratiques*/

/*Offres*/
#headerPan3{width:660px; height:189px; position:relative; margin:0 auto; background:url(images/header.jpg) 100% 0 no-repeat; padding:16px 0 0;}
#headerPan3 ul{width:75px;}
#headerPan3 ul li{width:75px; height:51px;}
#headerPan3 ul li.sidenavpadding{padding:18px 0 0;}
#headerPan3 ul li.home a{width:75px; height:51px; display:block; background:url(images/home-normal.gif) 0 0 no-repeat; text-indent:-20000px;}
#headerPan3 ul li.home a:hover{background:url(images/home-hover.gif) 0 0 no-repeat;}

#headerPan3 ul li.aboutus a{width:75px; height:51px; display:block; background:url(images/aboutus-normal.gif) 0 0 no-repeat; text-indent:-20000px;}
#headerPan3 ul li.aboutus a:hover{background:url(images/aboutus-hover.gif) 0 0 no-repeat;}

#headerPan3 ul li.contact a{width:75px; height:51px; display:block; background:url(images/contactus-hover.gif) 0 0 no-repeat; text-indent:-20000px;}
#headerPan3 ul li.contact a:hover{background:url(images/contactus-hover.gif) 0 0 no-repeat;}
/*Offres*/

/*----TOP PANEL----*/

/*----MENU PANEL----*/
/*Accueil*/
#menuPan{width:778px; height:34px; position:relative; margin:0 auto;}
#menuPan ul{width:570px; height:34px; position:absolute; top:0px; left:149px;}
#menuPan ul li{float:left; text-align:center; line-height:34px; font-weight:bold;}

#menuPan ul li.accueil{width:69px; height:34px; background:url(images/client-hover.gif) 0 0 no-repeat #fff; color:#332D2B;}

#menuPan ul li.infos a{width:119px; height:34px; display:block; background:url(images/testimonials-normal.gif) 0 0 no-repeat #fff; color:#332D2B; text-decoration:none;}
#menuPan ul li.infos a:hover{background:url(images/testimonials-hover.gif) 0 0 no-repeat #fff; color:#332D2B; text-decoration:none;}

#menuPan ul li.contact a{width:98px; height:34px; display:block; background:url(images/services-normal.gif) 0 0 no-repeat #fff; color:#332D2B; text-decoration:none;}
#menuPan ul li.contact a:hover{background:url(images/services-hover.gif) 0 0 no-repeat #fff; color:#332D2B; text-decoration:none;}
/*Accueil*/

/*Infos Pratiques*/
#menuPan2{width:778px; height:34px; position:relative; margin:0 auto;}
#menuPan2 ul{width:570px; height:34px; position:absolute; top:0px; left:149px;}
#menuPan2 ul li{float:left; text-align:center; line-height:34px; font-weight:bold;}

#menuPan2 ul li.accueil a{width:69px; height:34px; display:block; background:url(images/client-normal.gif) 0 0 no-repeat #fff; color:#332D2B; text-decoration:none;}
#menuPan2 ul li.accueil a:hover{background:url(images/client-hover.gif) 0 0 no-repeat #fff; color:#332D2B; text-decoration:none;}

#menuPan2 ul li.infos{width:119px; height:34px; background:url(images/testimonials-hover.gif) 0 0 no-repeat #fff; color:#332D2B;}

#menuPan2 ul li.contact a{width:98px; height:34px; display:block; background:url(images/services-normal.gif) 0 0 no-repeat #fff; color:#332D2B; text-decoration:none;}
#menuPan2 ul li.contact a:hover{background:url(images/services-hover.gif) 0 0 no-repeat #fff; color:#332D2B; text-decoration:none;}
/*Infos Pratiques*/
/*Offres*/
#menuPan3{width:778px; height:34px; position:relative; margin:0 auto;}
#menuPan3 ul{width:570px; height:34px; position:absolute; top:0px; left:149px;}
#menuPan3 ul li{float:left; text-align:center; line-height:34px; font-weight:bold;}

#menuPan3 ul li.accueil a{width:69px; height:34px; display:block; background:url(images/client-normal.gif) 0 0 no-repeat #fff; color:#332D2B; text-decoration:none;}
#menuPan3 ul li.accueil a:hover{background:url(images/client-hover.gif) 0 0 no-repeat #fff; color:#332D2B; text-decoration:none;}

#menuPan3 ul li.infos a{width:119px; height:34px; display:block; background:url(images/testimonials-normal.gif) 0 0 no-repeat #fff; color:#332D2B; text-decoration:none;}
#menuPan3 ul li.infos a:hover{background:url(images/testimonials-hover.gif) 0 0 no-repeat #fff; color:#332D2B; text-decoration:none;}

#menuPan3 ul li.contact{width:98px; height:34px;background:url(images/services-hover.gif) 0 0 no-repeat #fff; color:#332D2B;}
/*Offres*/
/*----/MENU PANEL----*/

/*----BODY TOP PANEL----*/
#mainbodytopPan{background:url(images/bodytopbg.gif) 0 0 repeat-x #3B3532; color:#B6B6B6; margin:0 auto;}
#bodytopPan{width:588px; height:224px; position:relative; margin:0 auto; padding:22px 95px 0;}

#bodytopPan h2{width:588px; height:60px; color:#8d8d3a; font-size:25px; line-height:60px; font-weight:normal;}
/*#bodytopPan h2{width:588px; height:60px; color:#ffffff; font-size:25px; line-height:60px; font-weight:normal;}*/

#bodytopPan p span.yellow{background:#3C3633; color:#FFD900;}
#bodytopPan p span.green{background:#3C3633; color:#74C26A;}
/*----/BODY TOP PANEL----*/