/* CSS Document */

BODY {
  background: black;
  color:#FFFFFF;  
  margin: 0px;
  font-size:13px;

}

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

}
.ecr_input_blanc 
{
color:white;
background-color:#000000;
font-weight:bold;
}
a img{
border:0px solid #FFF;
}

h1 {
letter-spacing:0.1em;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

A:hover {
  color: red;
  text-decoration: underline;
}

/* Ajouté ici*/

A#liens-footer {
  color: white;
  text-decoration:none;
  font-size:14px;
  font-weight:bold;

}

A#liens-footer:hover {
  color: #E51E26;
  text-decoration:none;

}

A#liens-footer2 {
  color: white;
  text-decoration:none;
  font-size:14px;
  font-weight:bold;

}

A#liens-footer2:hover {
  color: #E51E26;
  text-decoration:none;

}
A#liens-footer3 {
  color: white;
  text-decoration:none;
  font-size:14px;
  font-weight:bold;

}

A#liens-footer3:hover {
  color: #E51E26;
  text-decoration:none;

}

A#liens-footer4 {
  color: white;
  text-decoration:none;
  font-size:14px;
  font-weight:bold;

}

A#liens-footer4:hover {
  color: #E51E26;
  text-decoration:none;

}
A#liens-footer5 {
  color: white;
  text-decoration:none;
  font-size:14px;
  font-weight:bold;

}

A#liens-footer5:hover {
  color: #E51E26;
  text-decoration:none;

}

A#liens-menu {
  color: white;
  font-weight:bold;
  font-size:14px;
  text-decoration: none;

 
}

A#liens-menu:hover {
  color: black;
  font-weight:bold;
  text-decoration: none;
 
}

A#liens-menu2 {
  color: white;
  font-weight:bold;
  font-size:14px;
  text-decoration: none;

 
}

A#liens-menu2:hover {
  color: black;
  font-weight:bold;
  text-decoration: none;
 
}

A#liens-menu3 {
  color: white;
  font-weight:bold;
  font-size:14px;
  text-decoration: none;

 
}

A#liens-menu3:hover {
  color: black;
  font-weight:bold;
  text-decoration: none;
 
}
A#liens-menu4 {
  color: white;
  font-weight:bold;
  font-size:14px;
  text-decoration: none;

 
}

A#liens-menu4:hover {
  color: black;
  font-weight:bold;
  text-decoration: none;
 
}

A#liens-menu5 {
  color: white;
  font-weight:bold;
  font-size:14px;
  text-decoration: none;

 
}

A#liens-menu5:hover {
  color: black;
  font-weight:bold;
  text-decoration: none;
 
}
A#liens-menu6 {
  color: white;
  font-weight:bold;
  font-size:14px;
  text-decoration: none;

 
}

A#liens-menu6:hover {
  color: black;
  font-weight:bold;
  text-decoration: none;
 
}

A#liens-menu7 {
  color: white;
  font-weight:bold;
  font-size:14px;
  text-decoration: none;

 
}

A#liens-menu7:hover {
  color: black;
  font-weight:bold;
  text-decoration: none;
 
}
A#liens-menu8 {
  color: white;
  font-weight:bold;
  font-size:14px;
  text-decoration: none;

 
}

A#liens-menu8:hover {
  color: black;
  font-weight:bold;
  text-decoration: none;
 
}
A#liens-catalogue {
  color: white;
  font-weight:bold;
  font-size:16px;
  text-decoration: none;

 
}

A#liens-catalogue:hover {
  color: white;
  font-weight:bold;
  text-decoration: none;
  text-decoration:underline;
    font-size:16px;
 
}

A#liens-catalogue2 {
  color: white;
  font-weight:bold;
  font-size:16px;
  text-decoration: none;

 
}

A#liens-catalogue2:hover {
  color: white;
  font-weight:bold;
  text-decoration: none;
  text-decoration:underline;
    font-size:16px;
 
}

A#liens-catalogue4 {
  color: white;
  font-weight:bold;
  font-size:16px;
  text-decoration: none;

 
}

A#liens-catalogue4:hover {
  color: white;
  font-weight:bold;
  text-decoration: none;
  text-decoration:underline;
    font-size:16px;
 
}
A#liens-catalogue5 {
  color: white;
  font-weight:bold;
  font-size:16px;
  text-decoration: none;

 
}

A#liens-catalogue5:hover {
  color: white;
  font-weight:bold;
  text-decoration: none;
  text-decoration:underline;
    font-size:16px;
 
}
A#liens-catalogue3 {
  color: white;
  font-weight:bold;
  font-size:13px;
  text-decoration: none;

 
}

A#liens-catalogue3:hover {
  color: white;
  font-weight:bold;
  text-decoration: none;
  text-decoration:underline;
    font-size:13px;
 
}
A#liens-catalogue6 {
  color: white;
  font-weight:bold;
  font-size:16px;
  text-decoration: none;

 
}

A#liens-catalogue6:hover {
  color: white;
  font-weight:bold;
  text-decoration: none;
  text-decoration:underline;
    font-size:16px;
 
}
A#liens-catalogue7 {
  color: white;
  font-weight:bold;
  font-size:16px;
  text-decoration: none;

 
}

A#liens-catalogue7:hover {
  color: white;
  font-weight:bold;
  text-decoration: none;
  text-decoration:underline;
    font-size:16px;
 
}
A#liens-catalogue8 {
  color: white;
  font-weight:bold;
  font-size:16px;
  text-decoration: none;

 
}

A#liens-catalogue8:hover {
  color: white;
  font-weight:bold;
  text-decoration: none;
  text-decoration:underline;
    font-size:16px;
 
}
A#liens-catalogue9 {
  color: white;
  font-weight:bold;
  font-size:16px;
  text-decoration: none;

 
}

A#liens-catalogue9:hover {
  color: white;
  font-weight:bold;
  text-decoration: none;
  text-decoration:underline;
    font-size:16px;
 
}
A#liens-catalogue10 {
  color: white;
  font-weight:bold;
  font-size:16px;
  text-decoration: none;

 
}

A#liens-catalogue10:hover {
  color: white;
  font-weight:bold;
  text-decoration: none;
  text-decoration:underline;
    font-size:16px;
 
}
A#liens-catalogue11 {
  color: white;
  font-weight:bold;
  font-size:16px;
  text-decoration: none;

 
}

A#liens-catalogue11:hover {
  color: white;
  font-weight:bold;
  text-decoration: none;
  text-decoration:underline;
    font-size:16px;
 
}
A#liens-catalogue12 {
  color: white;
  font-weight:bold;
  font-size:16px;
  text-decoration: none;

 
}

A#liens-catalogue12:hover {
  color: white;
  font-weight:bold;
  text-decoration: none;
  text-decoration:underline;
    font-size:16px;
 
}
A#liens-catalogue13 {
  color: white;
  font-weight:bold;
  font-size:16px;
  text-decoration: none;

 
}

A#liens-catalogue13:hover {
  color: white;
  font-weight:bold;
  text-decoration: none;
  text-decoration:underline;
    font-size:16px;
 
}

A#liens-catalogue15 {
  color: white;
  font-weight:bold;
  font-size:16px;
  text-decoration: none;

 
}

A#liens-catalogue15:hover {
  color: white;
  font-weight:bold;
  text-decoration: none;
  text-decoration:underline;
    font-size:16px;
 
}
A#liens-catalogue16 {
  color: white;
  font-weight:bold;
  font-size:16px;
  text-decoration: none;

 
}

A#liens-catalogue16:hover {
  color: white;
  font-weight:bold;
  text-decoration: none;
  text-decoration:underline;
    font-size:16px;
 
}
A#liens-catalogue17 {
  color: white;
  font-weight:bold;
  font-size:16px;
  text-decoration: none;

 
}

A#liens-catalogue17:hover {
  color: white;
  font-weight:bold;
  text-decoration: none;
  text-decoration:underline;
    font-size:16px;
 
}
A#liens-or {
  color: white;
  font-weight:bold;
  font-size:12px;
  text-decoration: none;
}

A#liens-or:hover {
  color: red;
  font-weight:bold;
  text-decoration: none;
  text-decoration:underline;

 
}

A#liens-comm-or {
  color: white;
  font-size:12px;
  text-decoration: none;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

A#liens-comm-or:hover {
  color: red;
  font-weight:bold;
  text-decoration: none;
  text-decoration:underline;

 
}
A#liens-catalogue2 {
  color: white;
  font-weight:bold;
  font-size:15px;
  text-decoration: none;

 
}

A#liens-catalogue2:hover {
  color: #766F6F;
  font-weight:bold;
  text-decoration: none;
 
}

A#liens-3 {
  color: white;
  font-weight:bold;

  text-decoration: none;

 
}

A#liens-3:hover {
  color: #E51E26;
  font-weight:bold;
  text-decoration:underline;
 
}

.ecr-boite {
font-size:20px;
font-weight:bold;
font-style:italic;

}

.ecr-conseils {
font-size:15px;
font-weight:bold;
font-style:italic;

}

#page {	
	position: absolute;
	width: 980px;
	/*height:555px;*/
	left: 50%;
	margin-left: -490px;
	/*top:50%;*/
	margin-top:0px;
	background-color: black;
	/*background-image:url(background.jpg);
	background-repeat:no-repeat;
	border:1px dashed white;*/
	}
	
#bandeau-haut {
height:122px;
/*background-image:url(images/bandeau-haut.jpg);
background-repeat:no-repeat;*/

}

#bandeau-menu {
height:44px;
background-image:url(images/bandeau-menu.jpg);
background-repeat:no-repeat;

}

#bandeau-gauche {
width:201px;
height:681px;
background-image:url(images/bandeau-gauche.jpg);
background-repeat:no-repeat;
float:left;
background-color:#E50001;
}
#bandeau-gauche-famille {
width:100%;
height:430px;
}
#bandeau-gauche-partenaires {
width:100%;
height:281px;
}
#page-centrale {
/*height:900px;*/
width:500px;
margin-left:30px;
margin-top:10px;
float:left;

/*border:1px solid white;*/


}

#page-centrale-or {
/*height:900px;*/
width:500px;
margin-left:10px;
margin-top:10px;
float:left;

/*border:1px solid white;*/


}

#page-centrale-auto {
height:1024px;
width:1024px;

/*border:1px solid white;*/


}
#bandeau-droit {
width:220px;
height:681px;
background-image:url(images/bandeau-droit.jpg);
/*background-color: transparent;*/
background-repeat:no-repeat;
float:right;
}

#boite-promo {
/*left:20px;*/
width:200px;
margin-left:10px;
height:220px;


}

#boite-mois {
/*left:20px;*/
width:200px;
margin-left:10px;
height:200px;

}


#boite-conseils-pro {
/*left:20px;*/
width:200px;
margin-left:10px;
height:250px;

}

#commentaires {
width:850px;
height:100px;
border:1px dashed white;
margin-left:80px;
}

.ecr-commentaires {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
text-decoration:underline;
}

#separation {
width:100%;
height:10px;

}
#separation2 {
width:100%;
height:10px;

}
#separation3 {
width:100%;
height:10px;

}
#separation4 {
width:100%;
height:10px;

}
#separation5 {
width:100%;
height:10px;

}
#separation6 {
width:100%;
height:10px;

}
#separation7 {
width:100%;
height:10px;

}
#separation8 {
width:100%;
height:10px;

}
#separation-footer {
width:900px;
height:10px;
border-top:1px solid #E51E26;
margin-left:50px;
}

#footer {
witdh:100%;
}

#menu{
position:absolute;
top:126px;
height:30px;
width:100%;
}


#conteneur-boite {

/*height:900px;*/
width:466px;

}

#boite-mecanique {

/*position:relative;
top:150px;*/
left:20px;
height:166px;
width:233px;
float:left;

}

#boite-separateur {
height:10px;
width:165px;
float:left;
}
#boite-separateur2 {
height:10px;
width:165px;
float:left;
}
#boite-separateur3 {
height:10px;
width:165px;
float:left;
}
#boite-separateur4 {
height:10px;
width:165px;
float:left;
}




#boite-mecanique-txt {
/*position:relative;

position:inherit;*/
/*top:50px;*/
left:253px;
height:150px;
width:200px;
/*border:1px solid white;*/
float:right;
letter-spacing:0.1em;
font-size:13px;
/*font-family:Arial, Helvetica, sans-serif;
font-family:"Times New Roman", Times, serif;
font-family:"Courier New", Courier, monospace;
font-family:Georgia, "Times New Roman", Times, serif;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
/*font-family:Geneva, Arial, Helvetica, sans-serif;*/

}

#boite-carrosserie {
/*position:relative;

position:inherit;*/
/*top:50px;*/
left:253px;
height:166px;
width:233px;
float:right;

}
#boite-carrosserie-txt {
/*position:relative;

position:inherit;*/
/*top:50px;*/
left:253px;
height:150px;
width:200px;
float:left;
letter-spacing:0.1em;
font-size:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
/*border:1px solid white;*/

}

#boite-freinage {

/*position:relative;
top:150px;*/
left:20px;
height:166px;
width:233px;
float:left;

}

#boite-freinage-txt {

/*position:relative;
top:150px;*/
left:20px;
height:150px;
width:200px;
float:right;
letter-spacing:0.1em;
font-size:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
/*border:1px solid white;*/

}
#boite-amortisseur {
/*position:relative;

position:inherit;*/
/*top:50px;*/
left:253px;
height:166px;
width:233px;
float:right;

}
#boite-amortisseur-txt {
/*position:relative;

position:inherit;*/
/*top:50px;*/
left:253px;
height:150px;
width:200px;
float:left;
letter-spacing:0.1em;
font-size:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
/*border:1px solid white;*/

}

#boite-entete-news {
left:20px;
height:25px;
width:466px;
float:left;
background-color:#C70003;
}

#boite-news {
left:20px;
width:466px;
float:left;

letter-spacing:0.1em;
font-size:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#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;
}


.article_barre {

text-decoration:inherit;
text-decoration:line-through;

}

img, div { behavior: url(iepngfix.htc) }

  /***************/
 /* STYLE BROUM */
/***************/
#lien-bandeau-gauche{
padding-left: 25px;
}
#lien-bandeau-gauche a{
vertical-align: 5pt;
text-align: center;
}

#conteneur-article{
	width:500px;	
}
.photo-articles{
width: 110px;
height: 150px; /* 180 - le padding haut 10px */
float: left;
padding-top:30px;
}
.texte-articles{
width: 350px; /* 390 - le padding haut et bas 2*20px */
height: 140px; /* 180 - le paddding gauche et droite 2*20px */
float: left;
padding: 20px;
letter-spacing:0.1em;
font-size:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 1.5em;
}

#prix_pubblic{ text-decoration: underline; }
#prix_broum{
font-size:14px;
font-weight: bold;
 text-decoration: underline;
}



#texte-description{

letter-spacing:0.1em;
font-size:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 1.5em;
}

#panier{ text-align: right; }
#panier img{ padding-right:50px; }

#ecr-game{font-size: 12pt;}
#ecr-game h2, #ecr-game h4, #ecr-game ul{ display:inline}
#ecr-game li{margin-left:30px;}
#ecr-game td{ vertical-align:text-top}
#ecr-game td img{ vertical-align: middle}

#boite_or {
height:80px;
width:500px;


}

#boite_infos_or {
height:100%;
width:150px;
float:left;
margin-left:0px;
margin-top:2px;
}

#separateur_or {
height:50px;
width:5px;
border-left:1px solid white;
float:left;
margin-top:20px;
}
#suivant_or {
height:10px;
width:500px;


}

#boite_commentaires_or {
height:100%;
width:300px;
margin-top:2px;
float:left;
color:white;
margin-left:10px;

}

#boite_modif_or {
height:100%;
width:40px;
margin-top:2px;
float:left;
color:white;
margin-left:10px;
}


#boite_tarif_or {
height:10px;
width:100%;

}

#piece_conteneur {
border:1px solid red;
}
#piece_image_1 {
height:500px;
width:200px;
border:1px solid red;
}
#piece_descriptif {
height:500px;
width:200px;
border:1px solid red;
}

#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; }