#header {
text-align:left; margin:0 auto; width:1014px; height:115px; background-image:url('../layout/bg.accessoires.auto.equipement.voiture.png');
}
#haut {
height: 1px;
background-color:#;
}
#conteneur {
position: relative;
width: 1015px;
margin: 0 auto;
background-color:#;
}

#centre {
z-index:2;
border-style:solid; border-width:1px; border-color:silver;
margin-left: 150px;
margin-right: 131px;
 height:auto;
}

#gauche { z-index:500;
position: absolute;
left:0;
width: 150px;
}
#droite {

top:116px;
position: absolute;
right:0;
width: 130px;
z-index:3;
}
#pied {
height: 50px;
background-color:#;
}
/* SURVOL IMG */
  div.survolimg:hover {
 background: none; /* correction d'un bug IE */
 }
  div.survolimg span {
 /* définition de la balise <span> inclue dans <a> */
 display: none;
 }
 div.survolimg:hover span {
 /* définition de la balise <span> au survol */
z-index:300;
 display: inline;
 position: absolute;
 top: auto;

  left: auto;
  width: auto;
  height: auto;
  background: #125f99;
  text-align: center;
  color: white;
 border-width: thin;
 border-color:orange;
	  border-style: dotted;

  }
.imgGD{
font-family:Verdana;
color:white;
font-size:11px;
font-weight:bold;
}

/* CSS pour menu Gauche ######################################## */
.menu {
 z-index:500;
 font-family: Verdana, arial, sans-serif;
 width:150px;

 position:relative;
 margin:0;
 text-indent:5px;
 font-size:11px;
 display:block;
 margin:0px 0px;
 }

.menu ul li a, .menu ul li a:visited {
display:block;
text-decoration:none;
color:#0a3074;
width:149px;
height:25px;
border:1px solid #fff;
border-width:1px 1px 0 0;
border-left-width:0px;
background:#dedede;
line-height:25px;
font-size:11px;}

.menu ul {padding:0; margin:0; list-style-type: none;}
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {font-weight:normal; color:#fff; background:#3868be;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:150px; width:190px;}
.menu ul li:hover ul li a.hide {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block;  z-index:199; background:#c1c9d9; color:#000; width:190px;}
.menu ul li:hover ul li a:hover {background:#3868be; z-index:300; color:#ffffff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}


/* MENU DTE */
/* New navbar CSS */
ul.menu {
list-style-type: none;
font-size:0;
width: 130px;
text-indent:10px;
margin-left:0px;
padding-left:0px;
margin-bottom: 0px;
margin-top:0px;}

ul.smenu li {
padding:0px;
vertical-align:middle;

}
li.smenu a {
line-height:13px;
background-image: url(../img_layout/navpdtbgover4.png);
font-size: 10px;
font-family: Verdana, sans-serif, arial;
background-repeat: no-repeat;
margin: 0px 0px 0px 0px;
width: 130px;
display: block;
border: none;
text-decoration: none;
color: black;
}
li.smenu a:hover {
background-image: url(../img_layout/navpdtbgover4.png);
background-position: 0 -13px;
background-repeat: no-repeat;
}
li.categorie{background-color:#3868be;
text-indent:2px;
font-size: 9px;
font-family: Verdana, sans-serif, arial;
padding: 0px 0px 0px 0px;
color:white;
font-weight:bold;
width:130px;
line-height:15px;

}
li.categorie a {
background-color:#3868be;
line-height:15px;
display:block;
border: none;
margin: 0px 0px 0px 0px;
text-decoration:none;
font-weight:bold;
text-indent:2px;
font-size: 9px;
font-family: Verdana, sans-serif, arial;

color:white;
}

li.categorie a:hover {
background-color:#3868be;
text-indent:2px;
font-size: 9px;
font-family: Verdana, sans-serif, arial;

color:#ff9300;
}





div.magasin{background-color:#3868be;
text-indent:2px;
font-size: 10px;
font-family: Verdana, sans-serif, arial;
font-weight: bold;
padding: 0px 0px 0px 0px;
color:white;
font-weight:bold;
width:130px;
line-height:15px;
position:relative;
top:5px;
margin-bottom:0px;
margin-top:0px;
}
  div.magasin div {
 /* définition de la balise <span> inclue dans <a> */
 display: none;
 }
 div.magasin:hover div {
 /* définition de la balise <span> au survol */
z-index:300;
 display: block;
 position: relative;
 top: auto;

  left: 0px;
  top: 0px;
  width: 129px;
  height: auto;
  background: white;
  text-align: center;
  border-bottom:1px solid #3868be;


  }










li.separateur{
height:10px;
border-top-style:solid;
border-top-color:#3868be;
border-top-width:1px;
}
li.bgpub{text-indent:1px;
border-left-style:solid;
border-left-color:#3868be;
border-left-width:1px;
border-right-style:solid;
border-right-color:#3868be;
border-right-width:1px;
text-align:center;
}
li.bgpubspacer{
background-image: url(\"../img_layout/bgpub.png\");
height:5px;
}
li.bgpub2{
border-left-style:solid;
border-left-color:#3868be;
border-left-width:1px;
border-right-style:solid;
border-right-color:#3868be;
border-right-width:1px;

text-indent:1px;
text-align:center;
}
li.spacerpub {
border-left-style:solid;
border-left-color:#3868be;
border-left-width:1px;
border-right-style:solid;
border-right-color:#3868be;
border-right-width:1px;
border-top-style:solid;
border-top-color:#3868be;
border-top-width:1px;
/*background-image: url(\"../img_layout/separation.pub2.png\"); */
padding:0px;
height:5px;
vertical-align:middle;
}
li.sticker {
margin-left:-10px;
padding:0px;
vertical-align:middle;
}
li.separateurvide {
height:5px;
padding:0px;

}
/* --------------- CSS General ------*/
.wordinpurchcategories{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#303030;
}
.wordinpurchproduct{
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color:#303030;
}

/*=== BOUTON ACHETER ============ */
.zoom1 {vertical-align: middle;
	text-decoration: none;
	font-family: Verdana, sans-serif, arial;
	font-size: 10px;
	color: black;

	width: 130px;
	height: 13px;
	background-image: url(http://www.e-shopauto.com/img_layout/navpdtbgover3.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
vertical-align: middle;
}

.zoom1 p, .zoom1 a {
height: 13px;

 vertical-align: text-bottom;
}

.zoom1 :hover {
	background-image: url(http://www.e-shopauto.com/img_layout/navpdtbgover3.png);
	background-position: 0 -13px;
	background-repeat: no-repeat;
	cursor: pointer;
		text-decoration: none;
 vertical-align: text-bottom;}




.zoom2 {
	width: 130px;
	height: 20px;
	background-image: url(http://www.e-shopauto.com/img_layout/boutonnavbar.jpeg);
	background-repeat: no-repeat;
	margin: 0 auto;

}

.zoom2 p, .zoom2 a { vertical-align: middle;
height: 15px;
display: block;
margin:0;}

.zoom2 :hover {
	background-image: url(http://www.e-shopauto.com/img_layout/boutonnavbar.jpeg);
	background-position: 0 -20px;
	background-repeat: no-repeat;
	cursor: pointer;
		text-decoration: none;
}

.zoom3 {text-align:center;
	width: 130px;
	height: 20px;
	background-image: url(http://www.e-shopauto.com/img_layout/boutonachetergrand.jpeg);
	background-repeat: no-repeat;
	margin: 0 auto;
	}

.zoom3 p, .zoom3 a {
height: 20px;
width: 130px;
	background-repeat: no-repeat;
	 text-align:center;
}

.zoom3 :hover {width: 130px; text-align:center;
	background-image: url(http://www.e-shopauto.com/img_layout/boutonachetergrand.jpeg);
	background-position:  0 -20px;
	background-repeat: no-repeat;
	display:block;
	cursor: pointer;}

.zoom4 {
	width: 90px;
	height: 20px;
	background-image: url(http://www.e-shopauto.com/img_layout/boutonacheterpetit.jpeg);
	background-repeat: no-repeat;
	margin: 0 auto;
	}

.zoom4 p, .zoom4 a {
height: 20px;
}

.zoom4 :hover {
	background-image: url(http://www.e-shopauto.com/img_layout/boutonacheterpetit.jpeg);
	background-position: 0 -20px;
	background-repeat: no-repeat;
	cursor: pointer;}


.zoom4b {
display:block;
	width: 90px;
	height: 20px;
	background-image: url(http://www.e-shopauto.com/img_layout/boutonacheterpetit.jpeg);
	background-repeat: no-repeat;
	margin: 0 auto;
	}

.zoom4b p, .zoom4b a {
height: 20px;
width: 90px;
display:block;
}

.zoom4b :hover {
height: 20px;
width: 90px;
display:block;
	background-image: url(http://www.e-shopauto.com/img_layout/boutonacheterpetit.jpeg);
	background-position: 0 -20px;
	background-repeat: no-repeat;
	cursor: pointer;}



.zoom5 {
	width: 280px;
	height: 35px;
	background-image: url(http://www.e-shopauto.com/img_layout/valider.caddie.gif);
	background-repeat: no-repeat;
	margin: 0 auto;	}
.zoom5 p, .zoom5 a {
height: 35px;}
.zoom5 :hover {
	background-image: url(http://www.e-shopauto.com/img_layout/valider.caddie.gif);
	background-position: 0 -35px;
	background-repeat: no-repeat;
	cursor: pointer;}


/*--------- GLIDER MVTE */
.glidecontentwrapper{
height:145px;
 width:128px;
position: relative; /* Do not change this value */
border: none;
overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
margin-top:2px;
visibility: hidden;
width: 128px;
/* ?? */

}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{
background-color:#3868be;
font-size: 9px;
font-family: Verdana, sans-serif, arial;
padding: 0px 0px 0px 0px;
color:white;
line-height:15px;
width: 128px;
height:15px;
 /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{
display: -moz-inline-box;
display: inline-block;
border: none;
color: white;
padding: 0px;
margin-left: 0px;
margin-right: 0px;

text-decoration: none;
}

.glidecontenttoggler a.selected{
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a.toc{
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{
line-height:10px;
background: #3868be;
color: white;
position:relative;
top:-1px;
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: white;
color: #1A48A4;
}
/* GENERAL ---------------------- */
.txt1{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
color:#3e3e3e;
}

input{
	border:1px solid silver;
	background-color:white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:1px;
}

input:focus{
	border:1px solid #3e3e3e;
	background-color:white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:1px;
}

select{
	border:1px solid silver;
	background-color:white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:1px;
}

select:focus{
	border:1px solid #3e3e3e;
	background-color:white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:1px;
}

textarea{
	border:1px solid silver;
	background-color:white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:1px;
}

textarea:focus{
	border:1px solid #3e3e3e;
	background-color:white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:1px;
}
.btn2{
height:17px; line-height:17px; width:140px; border:1px solid silver; background-color:#f3f3f3;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px; color:#3e3e3e; text-decoration:none; text-align:center;
}
.btn2:hover{
height:17px; line-height:17px; width:140px; border:1px solid silver; background-color:#eaeaea;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px; color:#808080; text-decoration:none; text-align:center;
}

.btnvalidercaddie{
background-image:url('../layout/valider.caddie.gif');
height:30px;  witdh:420px; cursor:pointer;
}
.btnvalidercaddie:hover{
background-image:url('../layout/valider.caddie.gif');  background-repeat:no-repeat; background-position:0 -30px;
height:30px; witdh:420px;
}
.btnsupprimercaddie{
background-image:url('../layout/supprimer.caddie.gif');
height:30px;  witdh:262px; cursor:pointer;
}
.btnsupprimercaddie:hover{
background-image:url('../layout/supprimer.caddie.gif');  background-repeat:no-repeat; background-position:0 -30px;
height:30px; witdh:262px;
}

