/* CSS Document */

BODY {
  background: white;
  color:white;  
  margin: 0px;
  font-size:13px;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:13px;
 /* letter-spacing:0.1em;*/
}

A {
  color: white;
  text-decoration: none;

}

a img{
border:0px solid #FFF;
}

h1 {
letter-spacing:0.1em;
font-size:14px;
}
h2 {
font-size:13px;
}

A:hover {
  color: #999999;
  /*text-decoration: underline;*/
}

/*************  *********************/
/* CALQUES DE BASE PAGE */
/*************** **************** */


#page {	
	position: absolute;
	width: 1192px;
	height:870px;
	left: 50%;
	margin-left: -596px;
	margin-top:0px;
	background-color:black;
	}
#bandeau-gauche {	
	position: absolute;
	width: 115px;
	height:100%;
	background-color: white;
	background-image:url(images/bandeau-gauche.jpg);
	background-repeat:no-repeat;
	background-position:center;

	}
#centre {	
	position: absolute;
	width: 977px;
	height:100%;
	left:115px;
	background-color: white;
	background-image:url(images/fond-centre.jpg);
	background-repeat:no-repeat;
	background-position:top;

	}
#bandeau-droite {	
	position: absolute;
	width: 100px;
	height:100%;
	left:1092px;
	background-color: white;
	background-image:url(images/bandeau-droite.jpg);
	background-repeat:no-repeat;
	background-position:center;
	}
	
/*************  *********************/
/* CALQUES CADRE HAUT */
/*************** **************** */


#bandeau-haut {	
	position: absolute;
	width: 100%;
	height:142px;
	background-color: white;
	}
#bandeau-haut-logo {	
	position: absolute;
	width: 326px;
	height:100%;
	background-color: white;
	}
#bandeau-haut-slogan {	
	position: absolute;
	width: 325px;
	height:100%;
	left:326px;
	background-color: white;
	background-image:url(images/logo-broum-pieces-auto.jpg);
	background-repeat:no-repeat;
	background-position:center;
	}
#bandeau-haut-voiture {	
	position: absolute;
	width: 326px;
	height:100%;
	left:651px;
	background-color: white;
	background-image:url(images/logo-broum-pieces-auto.jpg);
	background-repeat:no-repeat;
	background-position:center;
	}
/*************  *********************/
/* MENU */
/*************** **************** */
#bandeau-menu {	
	position: absolute;
	width: 100%;
	height:45px;
	top:142px;
	background-color: white;
	background-image:url(images/menu.jpg);
	background-repeat:no-repeat;
	background-position:center;
	}
	
#bandeau-menu-accueil {	
	position: absolute;
	width: 80px;
	height:100%;
	color:white;
	left:60px;
	margin-top:10px;
	font-weight:bold;
	/*font-size:14px;*/	
	}
#bandeau-menu-newsletter {	
	position: absolute;
	width: 80px;
	height:100%;
	color:white;
	left:140px;
	margin-top:10px;
	font-weight:bold;
	/*font-size:14px;*/	
	}
#bandeau-menu-favoris {	
	position: absolute;
	width: 120px;
	height:100%;
	color:white;
	left:300px;
	margin-top:10px;
	font-weight:bold;
	/*font-size:14px;	*/
	}
#bandeau-menu-contact{	
	position: absolute;
	width: 80px;
	height:100%;
	color:white;
	left:480px;
	margin-top:10px;
	font-weight:bold;
	/*font-size:14px;*/	
	}
#bandeau-menu-infos{	
	position: absolute;
	width: 80px;
	height:100%;
	color:white;
	left:610px;
	margin-top:10px;
	font-weight:bold;
	/*font-size:14px;*/	
	}
#bandeau-menu-suivi{	
	position: absolute;
	width: 180px;
	height:100%;
	color:white;
	left:720px;
	margin-top:10px;
	font-weight:bold;
	/*font-size:14px;	*/
	}
	
#bandeau-menu-panier{	
	position: absolute;
	width: 80px;
	height:100%;
	color:white;
	left:900px;
	margin-top:10px;
	font-weight:bold;
	/*font-size:14px;*/	
	}
	
	
/************************************/
/* CALQUES MENU GAUCHE */
/*************** *******************/


#conteneur-gauche {	
	position: absolute;
	width: 213px;
	height:100%;
	top:187px;
	left:16px;
/*	background-color: white;*/
	}
#conteneur-gauche-menu {	
	position: absolute;
	width: 100%;
	height:361px;
	background-image:url(images/menu-gauche.jpg);
	background-repeat:no-repeat;
	background-position:center;
	}
#conteneur-gauche-menu-separation {	
	width: 100%;
	height:38px;
	color:#999999;
	}
#conteneur-gauche-menu-ecr {
position:absolute;	
	width: 100%;
	height:100%;
	left:30px;
	color:#999999;
	}
#conteneur-gauche-menu-txt {	
	width: 100%;
	height:26px;
	color:#999999;
	}

A#conteneur-gauche-menu-li {
  color: #999999;
  text-decoration:none;
  /*font-size:14px;*/
  font-weight:bold;
}
A#conteneur-gauche-menu-li:hover {
  color: #b62026;
  text-decoration:none;
}A#conteneur-gauche-menu-li2 {
  color: #dcdcdc;
  text-decoration:none;
  /*font-size:14px;*/
  font-weight:bold;
}
A#conteneur-gauche-menu-li2:hover {
  color: #b62026;
  text-decoration:none;
}
	
#conteneur-gauche-produit {	
	position: absolute;
	width: 213px;
	height:247px;
	top:362px;
	background-image:url(images/produit-gauche.jpg);
	background-repeat:no-repeat;
	background-position:center;
	}
A#conteneur-gauche-produit-li {	
	color:black;
	}
A#conteneur-gauche-produit-li:hover {	
text-decoration:none;
color:#b62026;
	}
#conteneur-gauche-produit-titre {
	position:relative;
	top:10px;	
	width: 200px;
	height:50px;
	color:black;
	font-weight:bold;

	}
#conteneur-gauche-produit-photo {
	width: 200px;
	height:110px;
	color:black;


	}
#conteneur-gauche-produit-prix{
	position:relative;
	top:40px;	
	left:10px;
	width: 200px;
	height:20px;
	color:white;
	font-weight:bold;
	font-size:20px;

	}

#conteneur-gauche-logos {	
	position: absolute;
	width: 100%;
	height:240px;
	top:609px;
	}
#centre-numtel{	
	position: absolute;
	width: 238px;
	height:278px;
	top:187px;
	left:235px;
	}
#centre-anim{	
	position: absolute;
	width: 481px;
	height:267px;
	top:192px;
	left:480px;
	}
#centre-promo{	
	position: absolute;
	width: 435px;
	height:565px;
	top:465px;
	left:235px;
	margin-top:5px;
	}
#centre-promo-1{	
	width: 100%;
	height:181px;
	background-image:url(images/promo-embrayage-volant-bimasse.jpg);
	background-repeat:no-repeat;
	background-position:center;
	}
#centre-promo-2{	
	width: 100%;
	height:186px;
	background-image:url(images/promo-echappement.jpg);
	background-repeat:no-repeat;
	background-position:center;
	}
#centre-promo-3{	
	width: 100%;
	height:198px;
	background-image:url(images/promo-distribution.jpg);
	background-repeat:no-repeat;
	background-position:center;
	}
#centre-promo-sepa1 {	
	width: 100%;
	height:100px;
	color:#999999;
	/*border:1px solid white;*/
	}
#centre-promo-sepa1-gauche {	
	width: 165px;
	height:20px;
	color:#999999;
	/*border:1px solid white;*/
	float:left;
	}
#centre-promo-sepa2 {	
	width: 100%;
	height:18px;
	color:#999999;
	/*border:1px solid white;*/
	}
#centre-promo-txt {
	width: 255px;
	height:20px;
	color:white;
	font-weiht:bold;
	/*border:1px solid white;*/
	text-align:center;
	float:left;
	}
A#centre-promo-li {
  color: white;
  text-decoration:none;
  font-size:12px;
  font-weight:bold;
}
A#centre-promo-li:hover {
  color: #999999;
  text-decoration:none;
}
#centre-droit{	
	position: absolute;
	width: 292px;
	height:567px;
	top:465px;
	left:670px;
	margin-top:5px;
	}
#centre-droit-numtel{
	position: absolute;
	top:187px;
	left:740px;	
	width: 220px;
	height:278px;
	}
#det-livre-or{	
	position:relative;
	top:25px;
	left:15px;
	width: 480px;
	height:120px;
	border:1px dashed #343434;
	background-image:url(images/livre-or.jpg);
	background-repeat:no-repeat;
	background-position:top-left;

	}
#det-livre-or-img{	
	width: 280px;
	height:200px;
	background-image:url(images/livre-or.jpg);
	background-repeat:no-repeat;
	background-position:top;
	}
#det-livre-or-txt1{	
	position:relative;
	top:0px;
	left:100px;
	width: 180px;
	height:60px;
	}
#det-livre-or-txt2{	
	position:relative;
	top:0px;
	left:10px;
	width: 480px;
	height:80px;
	color: #343434;
	}
#centre-droit-livre-or{	
	width: 280px;
	height:284px;
	background-image:url(images/centre-droit-broum-livred-or.jpg);
	background-repeat:no-repeat;
	background-position:center;
	}
#centre-droit-livre-or-txt1{	
	position:relative;
	top:40px;
	left:100px;
	width: 180px;
	height:80px;
	}
#centre-droit-livre-or-txt2{	
	position:relative;
	top:20px;
	left:20px;
	width: 260px;
	height:100px;
	color: #343434;	
	}
#centre-droit-livre-or-li{	
	position:relative;
	top:30px;
	/*left:20px;*/
	width: 280px;
	height:10px;
	text-align:center;
	}
#centre-droit-news{	
	width: 100%;
	height:283px;
	background-image:url(images/centre-droit-broum-news-sport.jpg);
	background-repeat:no-repeat;
	background-position:center;
	}

#centre-droit-news-txt{
	position:relative;
	color: #999999;	
	top:200px;
	left:25px;
	width:250px;
	heigt:100px;
	}
#corps{
	position:absolute;
	color: #999999;	
	top:187px;
	left:230px;
	width:510px;
	height:840px;
	background-image:url(images/fond-corps.jpg);
	background-repeat:no-repeat;
	background-position:center;
	}
#corps-titre{
position:relative;
left:35px;
top:10px;
	color: white;	
	width:80px;
	height:20px;
	font-weight:bold;
	}
#corps-familleproduit{
position:relative;
left:35px;
top:50px;
	color: black;	
	width:450px;
	height:450px;
	font-weight:bold;

	}
#corps-familleproduit-txt{
	color: black;	
	width:100%;
	height:30px;
	font-weight:bold;

	}
A#corps-familleproduit-li{
	color: black;	
	}
A#corps-familleproduit-li:hover{
	text-decoration:none;
	color: #b62026;	
	}
.corps-familleproduit-red{
	color: red;	
	}
#corps-produit-separateur{
	width:100%;
	height:20px;
	border:1px solid red;		
	}
#corps-produit-nbpages{
	position:relative;
	top:30px;
	width:490px;
	height:40px;
	text-align:center;
	color: #323232;		
	}
#corps-produit{
	position:relative;
	color: #999999;	
	top:30px;
	left:10px;
	width:490px;
	height:140px;
	}
#corps-produit-photo{
position:relative;
left:10px;
	width:100px;
	height:100px;
	float:left;	
	}
#corps-produit-nom{
	width:100%;
	height:20px;
	float:left;
	color: #323232;		
	}
A#corps-produit-nom-li{
	color: #323232;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;		
	}
A#corps-produit-nom-li:hover{
	color: #b62026;
	text-decoration:none;			
	}
#corps-produit-text{
	position:relative;
	left:15px;
	width:270px;
	height:100px;
	float:left;
	color: #323232;		
	}
#corps-produit-prix{
	position:relative;
	left:20px;
	width:100px;
	height:100px;
	float:left;
	color: #323232;	
	text-align:center;	
	}
#corps-produit-prix-broum{

	width:100%;
	height:32px;
	float:left;
	text-align:center;
	background-image:url(images/tarif-article.png);
	background-repeat:no-repeat;
	background-position:bottom;
	color:white;
	font-weight:bold;
	font-size:15px;		
	}
A#corps-produit-nom-li-nav{
	color: #323232;
	text-decoration:none;		
	}
A#corps-produit-nom-li-nav:hover{
	color: #b62026;
	text-decoration:none;			
	}
#corps-prod-detail{
	position:absolute;
	color: #999999;	
	top:187px;
	left:230px;
	width:510px;
	height:840px;
	background-image:url(images/fond-article.jpg);
	background-repeat:no-repeat;
	background-position:center;	
	}
#corps-prod-photo{
	position:relative;
	top:30px;
	left:10px;
	width:150px;
	height:120px;
	float:left;
	}
#corps-prod-txt1{
	position:relative;
	top:15px;
	left:15px;
	width:300px;
	height:200px;
	float:left;

	color:#323232;
	}
#corps-prod-txt2{
	position:relative;
	top:15px;
	left:15px;
	width:480px;
	height:80px;
	float:left;

	color:#323232;
	}
#corps-prod-txt3{
	position:relative;
	top:15px;
	left:15px;
	width:480px;
	height:50px;
	float:left;

	color:#323232;
	text-align:right;
	}
	
	/* PARTIE PIECE IFRAME */
#corps-cicerone{
	position:absolute;
	color: #999999;	
	top:187px;	
	width:730px;
	height:800px;

	}
#corps-ecr{
	position:absolute;
	color: black;	
	top:187px;
	left:230px;
	width:510px;
	height:840px;
	overflow:scroll;
	}
	A#liens-catalogue{
	color:black;
	text-decoration:none;
	}
	A#liens-catalogue:hover{
	color:#b62026;
	}
	.ecr_blanc{
	color:white;
	}
#boite-separateur {
height:10px;
width:165px;
float:left;
}#boite-news {
left:20px;
width:466px;
float:left;

letter-spacing:0.1em;
font-size:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#boite-news-or {
left:20px;
width:466px;
float:left;

letter-spacing:0.1em;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }