/* ------------ */
/* BAMBACH        */
/* ------------ */

/* ----------------- */
/* Balises générales */
/* ----------------- */
html, body{
margin: 0 auto 0 auto;
padding: 0;
background: #F5F5F5;
width: 100%;
text-align: left;
}
/* ------ */
/* BODY TITRE */
/* ------ */
body#couleurs div#header div{
background: url(image/couleurs.gif) left no-repeat;
}
body#bambach div#header div{
background: url(../image/bambach-body.gif) left no-repeat;
}


hr.invisible {
	border : none;
	color : #fff;
	background : transparent;
	margin:0;
	padding:0;
}
h1{
position: absolute;
top: -9999px;
}
h2{
font-family: Verdana,Arial,sans-serif;
font-weight: bold;
font-size: 14px;
color: #FF7C34;
}
h3{
font-family: Verdana,Arial,sans-serif;
font-weight: bold;
font-size: 11px;
color: rgb(0, 0, 0);
}
h4{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: black;
}


#contenu #secteur h2 a:link, #contenu #secteur h2 a:visited {text-decoration:none; font: bold 17px/22px Arial, Helvetica, sans-serif; color: #4682B4;}
#contenu #secteur h2 a:hover{text-decoration:none; font: bold 17px/22px Arial, Helvetica, sans-serif; color: #191970; }

#contenu #secteur h2.bambachs a:link, #contenu #secteur h2.bambachs a:visited { text-decoration:none; font: bold 17px/22px Arial, Helvetica, sans-serif; color: #00A2B2; }
#contenu #secteur h2.bambachs {padding-top:18px; font: bold 17px/22px Arial, Helvetica, sans-serif; color: #D3D3D3;}	

h6 {margin: 20 0 10px 0; border-bottom: #999 1px dashed}

img{border:0;}

p{font: 11px Verdana, Arial, sans-serif;}


.essai a, .essai a:link, .essai a:visited{
margin-left: 15px;
padding-left: 20px;
font: bold 12px Verdana, Arial, sans-serif;
background: url(image/fleche-form.gif) left top no-repeat;
color: #2F4F4F;
border-bottom: 1px solid #4682B4;
}
.essai a:hover{
margin-left: 15px;
padding-left: 20px;
font: bold 12px Verdana, Arial, sans-serif;
background: url(image/fleche-form.gif) left top no-repeat;
color: #2F4F4F;
border-bottom: 1px solid #FF4500;
}
p.etoile{
margin: 0 0 0 0;
padding: 0 0 20px 5px;
font: 12px Verdana, Arial, sans-serif;
color: #2F4F4F;
}
p.etoile1{
margin: 0 0 0 0;
padding: 0 0 20px 15px;
font: 10px Verdana, Arial, sans-serif;
color: #778899;
}
p.legende{
margin-left: 15px;
margin-right: 20px;
padding-left: 20px;
font: 12px/17px  Verdana, Arial, sans-serif;
background: url(image/fleche-form.gif) left top no-repeat;
color: #2F4F4F;
}
p.forms {
margin-left: 10px;
font: normal 17px/20px Verdana,Arial,sans-serif;
color: #4682B4;
}
p.forms a, p.forms a:link, p.forms a:visited{
font: normal 17px/20px Verdana,Arial,sans-serif;
color: #4682B4;
padding-left: 22px! important; background: url(image/fleche_agenda.gif) no-repeat 1px 6px
}
p.forms  a:hover{
font: normal 17px/20px Verdana,Arial,sans-serif; 
color: #4682B4;
padding-left: 22px! important; background: url(image/fleche_agenda.gif) no-repeat 1px 6px
background-color: #F5F5F5;
text-decoration:underline;
}

p.bambach a, p.bambach a:link, p.bambach a:visited{
font: normal 12px/20px Verdana,Arial,sans-serif;
color: #6495ED;
padding-left: 14px! important; background: url(image/top.gif) no-repeat 1px 4px;
}
p.bambach a:hover{
font: normal 12px/20px Verdana,Arial,sans-serif;
color: #FF4500;
padding-left: 14px! important; background: url(image/top.gif) no-repeat 1px 4px;
}


p.essais {margin: 2px 30px 2px 33px; font: normal 12px/17px Verdana,Arial,sans-serif; color: #2F4F4F; padding: 5px 20px 10px 60x;text-align:justify;}
 
p.interligne {height:50px;} 



em{
font-family: Verdana,Arial,sans-serif;
font-size: 11px;
color: rgb(255, 153, 51);
}
a, a:link{
font-family: Verdana,Arial,sans-serif;;
font-size: 11px;
color: white;
text-decoration: none;
}
a:hover,a:active{
color: #FF8C00;
text-decoration: none;
}

/* ------ */
/* Blocks */
/* ------ */
#header{
width: 100%;
height: 20px;
margin: 0;
padding: 0;
background: #B0C4DE;
text-align: center;
}
#header div{
width: 540px;
height: 20px;
margin: 0 auto 0 auto;
padding: 0 0 0 230px;
text-align: left;
}




#header div ul{
width: 390px;
height: 20px;
margin: 0;
padding: 0;
}
#header div ul li{
list-style: none;
float: right;
height: 20px;
margin: 0 0 0 7px;
padding: 0 0 0 10px;
background: url(image/fleche.gif) 0 5px no-repeat;
}



/* ------------ */
/*  WRAPPER      */
/* ------------------------------------------------------------------------------------------------------------------------------------ */
#wrapper{
width: 770px;
margin: 0 auto 0 auto;
background: url(image/bg_menu.gif) top left repeat-y;
}
#menu{
float: left;
margin: 0 0 0 1px;
padding: 0;
}
/* ------------ */
/*  bloc gauche      */
/* ------------------------------------------------------------------------------------------------------------------------------------ */
#logo{
width: 230px;
height: 216px;
margin: 30px 0 15px 10px;
background: url(image/bambach-logo-2.gif) no-repeat;
}
#logo a{
display: block;
width: 190px;
height: 135px;
}
#logo a:hover{
background: url(image/bambach-logo-2.gif) no-repeat;
}


#nuancier{
clear: both;
width: 208px;
padding: 0 10px 0 5px;
margin:20px 0 0 0;
font: bold 15px/18px Arial, Helvetica, sans-serif; 
color: #000;
}


#menu ul{
width: 210px;
height: 162px;
list-style: none;
margin: 10px 0 0 0;
padding: 0;
}
#menu ul li{
float: left;
margin: 0;
padding: 0;
width: 104px;
height: 50px;
border-right: 1px solid white;
border-bottom: 1px solid white;
background: rgb(119, 136, 153);
}
#menu ul li.second{
border-right: none;
}
#menu ul li a{
display: block;
width: 104px;
height: 50px;
}
#menu ul li a:hover{
background: #6699cc;
}
#menu ul li a span{
position: relative;
top: 30px;
left: 15px;
}





#menu ul li#black a, #menu ul li#test a:link, #menu ul li#test a:visited {
background: url(image/bambach-black.gif) left center no-repeat;
}
#menu ul li#black a:hover {
background: url(image/bambach-black-1.gif) left center no-repeat;
}
#menu ul li#neptune a, #menu ul li#neptune a:link, #menu ul li#neptune a:visited {
background:  url(image/bambach-neptune.gif) left center no-repeat;
}
#menu ul li#neptune a:hover {
background:  url(image/bambach-neptune-1.gif) left center no-repeat;
}
#menu ul li#aquamarine a, #menu ul li#aquamarine a:link, #menu ul li#aquamarine a:visited {
background:  url(image/bambach-aquamarine.gif) left center no-repeat;
}
#menu ul li#aquamarine a:hover {
background:  url(image/bambach-aquamarine-1.gif) left center no-repeat;
}
#menu ul li#polar a, #menu ul li#polar a:link, #menu ul li#polar a:visited {
background:  url(image/bambach-polar.gif) left center no-repeat;
}
#menu ul li#polar a:hover {
background:  url(image/bambach-polar-1.gif) left center no-repeat;
}
#menu ul li#poppy a, #menu ul li#poppy a:link, #menu ul li#poppy a:visited {
background: url(image/bambach-poppy.gif) left center no-repeat;
}
#menu ul li#poppy a:hover {
background:  url(image/bambach-poppy-1.gif) left center no-repeat;
}
#menu ul li#oyster a, #menu ul li#oyster a:link, #menu ul li#oyster a:visited {
background:  url(image/bambach-oyster.gif) left center no-repeat;
}
#menu ul li#oyster a:hover {
background:  url(image/bambach-oyster-1.gif) left center no-repeat;
}
#menu ul li#atlanticblue a, #menu ul li#atlanticblue a:link, #menu ul li#atlanticblue a:visited {
background:  url(image/bambach-atlanticblue.gif) left center no-repeat;
}
#menu ul li#atlanticblue a:hover {
background:  url(image/bambach-atlanticblue-1.gif) left center no-repeat;
}
#menu ul li#thistle a, #menu ul li#thistle a:link, #menu ul li#thistle a:visited {
background: url(image/bambach-thistle.gif) left center no-repeat;
}
#menu ul li#thistle a:hover {
background: url(image/bambach-thistle-1.gif) left center no-repeat;
}
#menu ul li#wedgwood a, #menu ul li#wedgwood a:link, #menu ul li#wedgwood a:visited {
background: url(image/bambach-wedgwood.gif) left center no-repeat;
}
#menu ul li#wedgwood a:hover {
background: url(image/bambach-wedgwood-1.gif) left center no-repeat;
}
#menu ul li#magnolia a, #menu ul li#magnolia a:link, #menu ul li#magnolia a:visited {
background:  url(image/bambach-magnolia.gif) left center no-repeat;
}
#menu ul li#magnolia a:hover {
background:  url(image/bambach-magnolia-1.gif) left center no-repeat;
}
#menu ul li#ink a, #menu ul li#ink a:link, #menu ul li#ink a:visited {
background:  url(image/bambach-ink.gif) left center no-repeat;
}
#menu ul li#ink a:hover {
background:  url(image/bambach-ink-1.gif) left center no-repeat;
}
#menu ul li#aztec a, #menu ul li#aztec a:link, #menu ul li#aztec a:visited {
background: url(image/bambach-aztec.gif) left center no-repeat;
}
#menu ul li#aztec a:hover {
background:  url(image/bambach-aztec-1.gif) left center no-repeat;
}
#menu ul li#vellum a, #menu ul li#vellum a:link, #menu ul li#vellum a:visited {
background: url(image/bambach-vellum.gif) left center no-repeat;
}
#menu ul li#vellum a:hover {
background: url(image/bambach-vellum-1.gif) left center no-repeat;
}
#menu ul li#heron a, #menu ul li#heron a:link, #menu ul li#heron a:visited {
background:  url(image/bambach-heron.gif) left center no-repeat;
}
#menu ul li#heron a:hover {
background:  url(image/bambach-heron-1.gif) left center no-repeat;
}
#menu ul li#grey a, #menu ul li#grey a:link, #menu ul li#grey a:visited {
background:  url(image/bambach-grey.gif) left center no-repeat;
}
#menu ul li#grey a:hover {
background:  url(image/bambach-grey-1.gif) left center no-repeat;
}
#menu ul li#tan a, #menu ul li#tan a:link, #menu ul li#tan a:visited {
background: url(image/bambach-tan.gif) left center no-repeat;
}
#menu ul li#tan a:hover {
background: url(image/bambach-tan-1.gif) left center no-repeat;
}
#menu ul li#mandarin a, #menu ul li#mandarin a:link, #menu ul li#mandarin a:visited {
background: url(image/bambach-mandarin.gif) left center no-repeat;
}
#menu ul li#mandarin a:hover {
background: url(image/bambach-mandarin-1.gif) left center no-repeat;
}


/* ------------ */
/*  NUANCIER SOUS MENU      */
/* ------------------------------------------------------------------------------------------------------------------------------------ */

#nuancierSmenu{
clear: both;
width: 208px;
padding: 80px 10px 0 5px;
margin:0;
font: bold 15px/18px Arial, Helvetica, sans-serif; 
color: #000;
}
#nuancierSmenu p{
font: normal 12px/18px Arial, Helvetica, sans-serif; 
font-size: 12px;
color: #2F4F4F;
}


#nuancierSmenu a:link, #nuancierSmenu a:active, #nuancierSmenu a:visited{
font: normal 12px/18px Arial, Helvetica, sans-serif; 
text-decoration: none;
color: #2F4F4F;
padding-left:20px;
background-image:url(image/puce-bambach.gif);
background-position: left center;
background-repeat: no-repeat;
}

#nuancierSmenu a:hover{
background-image:url(image/puce-bambach-hover.gif);
background-position: left center;
background-repeat: no-repeat;
color: #4682B4;
}
/* ------------ */
/* content       */
/* ------------------------------------------------------------------------------------------------------------------------------------ */
#content{
margin: 0 0 0 230px;
padding: 0 0 0 0;
background: url(image/bg.gif) top right repeat-y;
}
#contenu{
background: white;
margin: 0 140px 0 0;
padding: 50px 10px  10px 10px;
}
#footer{
width: 100%;
height: 20px;
margin: 0;
padding: 0;
background: #627A8F;
text-align: center;
}
#footer ul{
width: 540px;
height: 20px;
margin: 0 auto 0 auto;
padding: 0 0 0 230px;
background: url(image/produits.gif) left no-repeat;
list-style: none;
}
#footer ul li{
float: left;
width: auto;
width: 160px;
height: 20px;
margin: 0;
padding: 0 10px 0 7px;
background: url(image/fleche.gif) 0 5px no-repeat;
}



/* ----------------- */
/* listes familles produits */
/* ----------------- */

#familles p{
font-family: Verdana,Arial,sans-serif;
font-weight: bold;
font-size: 12px;
color: #2F4F4F;
}
#familles ul  {list-style-type: none;
margin: 0;
padding: 0;}

#familles a:link, #familles a:active, #familles a:visited{
display: block;
height: 18px;
width: 300px;
text-decoration: none;
color: #2F4F4F;
text-indent: 20px;
background-image:url(image/puce-bambach.gif);
background-position: left center;
background-repeat: no-repeat;
}

#familles a:hover{
background-image:url(image/puce-bambach-hover.gif);
background-position: left center;
background-repeat: no-repeat;
color: #4682B4;
}

.description {
font-size: 11px;
font: normal 11px/15px Verdana,Arial,sans-serif; 
color: #000;
}

.description li { list-style-type: disc; }


/* ----------------- */
/*COULEURS P */
/* ----------------- */
p.essai{
margin-left: 0px;
padding-left: 20px;
font: bold 17px/22px Arial, Helvetica, sans-serif; 
color: #FF4500;
}
p.couleurs{
margin: 0 0 0 20px;
padding: 0 0 0 80px;
background: url(image/bambach-logo-ovale1.gif) left no-repeat;
font: bold 17px/69px Arial, Helvetica, sans-serif; 
color: #778899;
}

p.prix {
height:88px;
padding: 60px 0 0 84px;
margin:0 0 5px 0;
font: bold 17px/30px Arial, Helvetica, sans-serif; 
color: #FF7C34;
background: transparent url(image/prix.gif) left center no-repeat; 
} 
p.prix1 {
padding: 0 0 0 0;
margin: 0;
color: #FF7C34;
font: bold 22px/24px Arial, Helvetica, sans-serif; 
} 



h5.black1 {
padding:0;
margin:0 0 0 57px;
height:320px;
width:260px;
background: transparent url(image/siege_blackleather.jpg) left top no-repeat; } 

p.neptune_bambach{
margin-left: 57px;
height:30px;
background: transparent url(image/bambach-neptune.gif) left no-repeat;
font: bold 17px/30px Arial, Helvetica, sans-serif; }

p.atlanticblue_bambach{
margin-left: 57px;
height:30px;
background: transparent url(image/bambach-atlanticblue.gif) left no-repeat;
font: bold 17px/30px Arial, Helvetica, sans-serif; }

p.aquamarine_bambach{
margin-left: 57px;
height:30px;
background: transparent url(image/bambach-aquamarine.gif) left no-repeat;
font: bold 17px/30px Arial, Helvetica, sans-serif; }

p.aztec_bambach{
margin-left: 57px;
height:30px;
background: transparent url(image/bambach-aztec.gif) left no-repeat;
font: bold 17px/30px Arial, Helvetica, sans-serif; 
}

p.black_bambach{
margin-left: 57px;
height:30px;
background: transparent url(image/bambach-black.gif) left no-repeat;
font: bold 17px/30px Arial, Helvetica, sans-serif; }

p.polar_bambach{
margin-left: 57px;
height:30px;
background: transparent url(image/bambach-polar.gif) left no-repeat;
font: bold 17px/30px Arial, Helvetica, sans-serif; 
}

p.oyster_bambach{
margin-left: 57px;
height:30px;
background: transparent url(image/bambach-oyster.gif) left no-repeat;
font: bold 17px/30px Arial, Helvetica, sans-serif; 
}

p.poppy_bambach{
margin-left: 57px;
height:30px;
background: transparent url(image/bambach-poppy.gif) left no-repeat;
font: bold 17px/30px Arial, Helvetica, sans-serif; 
}

p.thistle_bambach{
margin-left: 57px;
height:30px;
background: transparent url(image/bambach-thistle.gif) left no-repeat;
font: bold 17px/30px Arial, Helvetica, sans-serif; 
}

p.wedgwood_bambach{
margin-left: 57px;
height:30px;
background: transparent url(image/bambach-wedgwood.gif) left no-repeat;
font: bold 17px/30px Arial, Helvetica, sans-serif; 
}

p.magnolia_bambach{
margin-left: 57px;
height:30px;
background: transparent url(image/bambach-magnolia.gif) left no-repeat;
font: bold 17px/30px Arial, Helvetica, sans-serif; 
}

p.ink_bambach{
margin-left: 57px;
height:30px;
background: transparent url(image/bambach-ink.gif) left no-repeat;
font: bold 17px/30px Arial, Helvetica, sans-serif; 
}


p.vellum_bambach{
margin-left: 57px;
height:30px;
background: transparent url(image/bambach-vellum.gif) left no-repeat;
font: bold 17px/30px Arial, Helvetica, sans-serif; 
}

p.heron_bambach{
margin-left: 57px;
height:30px;
background: transparent url(image/bambach-heron.gif) left no-repeat;
font: bold 17px/30px Arial, Helvetica, sans-serif; 
}

p.grey_bambach{
margin-left: 57px;
height:30px;
background: transparent url(image/bambach-grey.gif) left no-repeat;
font: bold 17px/30px Arial, Helvetica, sans-serif; 
}

p.tan_bambach{
margin-left: 57px;
height:30px;
background: transparent url(image/bambach-tan.gif) left no-repeat;
font: bold 17px/30px Arial, Helvetica, sans-serif; 
}
p.mandarin_bambach{
margin-left: 57px;
height:30px;
background: transparent url(image/bambach-mandarin.gif) left no-repeat;
font: bold 17px/30px Arial, Helvetica, sans-serif; 
}

/* ------------- */
/* Page produits */
/* ------------- */
#contenu ul.categorie{
margin: 0 10px 0 10px;
padding: 0;
}
#contenu ul.categorie li{
margin: 0;
padding: 0;
}
#contenu ul.categorie li a, #contenu ul.categorie li a:link, #contenu ul.categorie li a:visited{
display: block;
margin: 0;
padding: 3px 0 0 20px;
font: 11px Arial, Helvetica, sans-serif;
border-bottom: 1px dashed rgb(204,204,204);
color: rgb(51, 51, 51);
text-decoration: none;
background: url(image/fleche_h5.gif) left no-repeat;
}
#contenu ul.categorie li a:hover, #contenu ul.categorie li a:active{
color: rgb(51, 51, 51);
font-weight: normal;
text-decoration: none;
background: url(image/fleche_h5_h.gif) left no-repeat;
}
#contenu ul.scat{
margin: 0;
padding: 0 0 0 0;
}
#contenu ul.scat li{

font: 11px Verdana, Arial, sans-serif;
color: rgb(51, 51, 51);
}
p.footer{
margin: 20px 20px 20px 0;
padding: 10px 10px 10px 0;
border-top: 1px dashed rgb(204,204,204);
}
p.footer2{
margin: 0 0 0 70px;
color: rgb(153, 171, 187);
}
p.footer2 a, p.footer2 a:link, p.footer2 a:visited, p.footer2 a:hover {
color: rgb(153, 171, 187);
}

p.footer3{
font: 11px/14px Verdana, Arial, sans-serif;
margin: 0 0 0 5px;
color: #778899;
padding-left: 20px! important; background: url(../image/ticker.gif) 0 2px no-repeat;
}
p.footer3 a, p.footer3 a:link, p.footer3 a:visited, p.footer3 a:hover {
color: #778899;
}
/* ----------------- */
/* footer  */
/* ----------------- */

#footer_bambach{
width: 100%;
height: 20px;
margin: 0;
padding: 0;
background: #D3D3D3;
text-align: center;
}
#footer_bambach ul{
display:inline;
width: 98%;
height: 20px;
margin: 0 auto 0 auto;
padding: 0;
list-style: none;
}
#footer_bambach ul li{
float: left;
width: auto;
font-size: 11px;
color:white;
margin: 0;
font-family: Verdana,Arial,sans-serif;
padding: 2px 0 0 0;
}
#footer_bambach ul li.droite{
float: right;
font-size: 11px;
color:white;
margin: 0;
font-family: Verdana,Arial,sans-serif;
padding: 2px 0 0 0;
}
/* ----------------- */
/* footer general  */
/* ----------------- */
#footer_general{ width: 100%; height: 20px; margin: 0; padding: 0; background: #B0C4DE; text-align: center;}
#footer_general ul{ width: 98%; height: 20px; margin: 0 auto 0 auto; padding: 0; list-style: none; display:inline; }
#footer_general ul li a, #footer_general ul li a:link, #footer_general ul li a:visited, #footer_general ul li a:hover{ float: left; width: 70%; font-size: 11px; color:#2F4F4F; margin: 0; font-family: Verdana,Arial,sans-serif; padding: 2px 3px 0  0;}
#footer_general ul li{ float: left; width: auto; font-size: 11px; color:white; margin: 0; font-family: Verdana,Arial,sans-serif; padding: 2px 0 0 0;}
#footer_general ul li.droite{ float: right; font-size: 11px; color:white; margin: 0; font-family: Verdana,Arial,sans-serif; padding: 2px 0 0 0;}

#footer_general div ul li a, #footer_general div ul li a:link,{list-style: none; float: left;height: 20px; margin: 0 0 0 7px; padding: 0 0 0 10px;background: url(image/fleche.gif) 0 5px no-repeat;}