/* CSS Document */

body,td,th {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
body {
	background-color: #333333;
	background-image: url(eng/_images/bg-pattern.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a:link {color: #FFFFFF; text-decoration: none; font-size:11px;}
a:visited {text-decoration: none;color: #FFFFFF;font-size:11px;}
a:hover {text-decoration: underline;color: #FFFFFF;font-size:11px;}
a:active {text-decoration: none;color: #FFFFFF;font-size:11px;} 


/* Navigation  */

.txtTitreNavGauche {background-color:#8a8074; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-transform:uppercase; padding:2px; line-height:18px;}
a.txtTitreNavGauche:link {background-color:#8a8074; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-transform:uppercase; padding:2px; line-height:18px;}
a.txtTitreNavGauche:visited {background-color:#8a8074; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-transform:uppercase; padding:2px; line-height:18px;}
a.txtTitreNavGauche:hover {background-color:#8a8074; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-transform:uppercase; padding:2px; line-height:18px;}
a.txtTitreNavGauche:active {background-color:#8a8074; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-transform:uppercase; padding:2px; line-height:18px;}

.txtNavGauche {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-transform:capitalize;line-height:16px; padding-left:15px; padding-right:15px;}
a.txtNavGauche:link {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-transform:capitalize;line-height:16px; padding-left:15px; padding-right:15px;}
a.txtNavGauche:visited {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-transform:capitalize;}
a.txtNavGauche:hover { background-image:url(eng/_images/_nav/rollover.gif); font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-transform:capitalize;}
a.txtNavGauche:active {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-transform:capitalize;}
   
   
.borderNAV {border:#555555 1px solid;}

.bgTitreNav {background-color:#8A8074;margin-left:3px; margin-right:3px;}

.paddingLeftRight {padding-left:8px; padding-right:8px;}

.paddingTop10px {padding-top:10px;}

.paddingBottom10px {padding-bottom:10px;}

.padding5px {padding:5px;}

.paddingLeft5px {padding-left:5px}
   
   
 /*  Textes  */  

.txtGris10px {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#999999; line-height:18px; }
a.txtGris10px:link { font-size:10px; color:#999999; line-height:18px;}
a.txtGris10px:visited { font-size:10px; color:#999999; }
a.txtGris10px:hover { font-size:10px; color:#999999; }
a.txtGris10px:active { font-size:10px; color:#999999; }

.txtGrisPale11px {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#CCCCCC; line-height:14px; }
a.txtGrisPale11px:link { font-size:11px; color:#999999; }
a.txtGrisPale11px:visited { font-size:11px; color:#999999; }
a.txtGrisPale11px:hover { font-size:11px; color:#999999; }
a.txtGrisPale11px:active { font-size:11px; color:#999999; }

.txtGrisPale12px {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CCCCCC; line-height:14px; }
a.txtGrisPale12px:link { font-size:12px; color:#cccccc; }
a.txtGrisPale12px:visited { font-size:12px; color:#cccccc; }
a.txtGrisPale12px:hover { font-size:12px; color:#cccccc; }
a.txtGrisPale12px:active { font-size:12px; color:#cccccc; }

.txtGrisPaleUnderline11px {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#CCCCCC; line-height:14px; text-decoration: underline;}
a.txtGrisPaleUnderline11px:link { font-size:11px; color:#cccccc; text-decoration: underline;}
a.txtGrisPaleUnderline11px:visited { font-size:11px; color:#cccccc; }
a.txtGrisPaleUndrline11px:hover { font-size:11px; color:#cccccc; }
a.txtGrisPaleUnderline11px:active { font-size:11px; color:#cccccc; }

.txtGrisFonce11px { font-size:12px; color:#333333; line-height:18px; }
a.txtGrisFonce11px:link { font-size:12px; color:#333333; }
a.txtGrisFonce11px:visited { font-size:12px; color:#333333; }
a.txtGrisFonce11px:hover { font-size:12px; color:#333333; }
a.txtGrisFonce11px:active { font-size:12px; color:#333333; }

.txtCategoriesProduits11px { font-size:11px; color:#333333; line-height:18px; }
a.txtCategoriesProduits11px:link { font-size:11px; color:#333333; }
a.txtCategoriesProduits11px:visited { font-size:11px; color:#333333; }
a.txtCategoriesProduits11px:hover { font-size:11px; color:#333333; }
a.txtCategoriesProduits11px:active { font-size:11px; color:#333333; }

.txtBlanc10px { font-size:12px; color:#FFF; }
a.txtBlanc10px:link { font-size:12px; color:#FFF; text-decoration: none; }
a.txtBlanc10px:visited { font-size:12px; color:#FFF; text-decoration: none;}
a.txtBlanc10px:hover { font-size:12px; color:#FFF; text-decoration: underline;}
a.txtBlanc10px:active { font-size:12px; color:#FFF; text-decoration: none;}

.txtMenu11px { font-size:11px; color:#FFF; text-transform:uppercase; padding-left:10px; padding-right:10px;}
a.txtMenu11px:link { font-size:11px; color:#FFF; text-decoration: none; text-transform:uppercase; padding-left:10px; padding-right:10px;}
a.txtMenu11px:visited { font-size:11px; color:#FFF; text-decoration: none;}
a.txtMenu11px:hover { font-size:11px; color:#FFF; text-decoration: underline;}
a.txtMenu11px:active { font-size:11px; color:#FFF; text-decoration: underline;}

.txtBlancSousTitre10px { font-size:12px; color:#FFF; text-transform:uppercase;}
a.txtBlancSousTitre10px:link { font-size:12px; color:#FFF; text-decoration: none; text-transform:uppercase;}
a.txtBlancSousTitre10px:visited { font-size:12px; color:#FFF; text-decoration: none;}
a.txtBlancSousTitre10px:hover { font-size:12px; color:#FFF; text-decoration: underline;}
a.txtBlancSousTitre10px:active { font-size:12px; color:#FFF; text-decoration: none;}

.txtBlancSousSection10px { font-size:12px; color:#FFF;}
a.txtBlancSousSection10px:link { font-size:12px; color:#FFF; text-decoration: none;}
a.txtBlancSousSection10px:visited { font-size:12px; color:#FFF; text-decoration: none;}
a.txtBlancSousSection10px:hover { font-size:12px; color:#FFF; text-decoration: underline;}
a.txtBlancSousSection10px:active { font-size:12px; color:#FFF; text-decoration: none;}

.txtBlanc12px {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; line-height:18px; }
a.txtBlanc12px:link { font-size:12px; color:#FFF; text-decoration: none; line-height:18px; }
a.txtBlanc12px:visited { font-size:12px; color:#FFF; text-decoration: none;}
a.txtBlanc12px:hover { font-size:12px; color:#FFF; text-decoration: underline;}
a.txtBlanc12px:active { font-size:12px; color:#FFF; text-decoration: none;}
.txtBlanc12px a {font-size:12px; color:#21AAFF; }

.txtBlanc18px {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; }
a.txtBlanc18px:link { font-size:18px; color:#FFF; text-decoration: none; }
a.txtBlanc18px:visited { font-size:18px; color:#FFF; text-decoration: none;}
a.txtBlanc18px:hover { font-size:18px; color:#FFF; text-decoration: underline;}
a.txtBlanc18px:active { font-size:18px; color:#FFF; text-decoration: none;}

.txtGrisPaddingRight14px {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#999999; padding-right:15px;}
a.txtGrisPaddingRight14px:link { font-size:14px; color:#999999; text-decoration: none; padding-right:15px;}
a.txtGrisPaddingRight14px:visited { font-size:14px; color:#999999; text-decoration: none;}
a.txtGrisPaddingRight14px:hover { font-size:14px; color:#999999; text-decoration: underline;}
a.txtGrisPaddingRight14px:active { font-size:14px; color:#999999; text-decoration: none;}



.txtBleu11px { font-size:12px; color:#0074bc; line-height:16px; }

.txtBleu12px {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color:#21aaff; line-height:18px;}
a.txtBleu12px:link { font-size:12px; font-weight:bold; color:#21aaff; text-decoration: none; line-height:18px;}
a.txtBleu12px:visited { font-size:12px; color:#21aaff; text-decoration: none;}
a.txtBleu12px:hover { font-size:12px; color:#21aaff; text-decoration: underline;}
a.txtBleu12px:active { font-size:12px; color:#21aaff; text-decoration: none;}

.txtBleu14px { font-size:14px; color:#0074bc; line-height:16px; }

.txtBleu18px { font-size:18px; color:#0074bc; padding:10px; }
a.txtBleu18px:link { font-size:18px; color:#0074bc; text-decoration: none; padding:10px; }
a.txtBleu18px:visited { font-size:18px; color:#0074bc; text-decoration: none;}
a.txtBleu18px:hover { font-size:18px; color:#0074bc; text-decoration: underline;}
a.txtBleu18px:active { font-size:18px; color:#0074bc; text-decoration: none;}

.txtTitreproduitBleu18px {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#21aaff; line-height:18px; text-transform:uppercase;}

.txtTitreproduitBleu14px {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#21aaff; line-height:14px; text-transform:uppercase;}
a.txtTitreproduitBleu14px:link a.txtTitreproduitBleu14px:visited a.txtTitreproduitBleu14px:hover a.txtTitreproduitBleu14px:active
{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#21aaff; text-decoration: none; line-height:14px; text-transform:uppercase;}

.txtSpecialproduitBleu11px {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#21aaff; line-height:14px; text-transform:uppercase;}


/*    Footer */

.paddingFooter {padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:20px;}

/* divers  */

.padding-table10px { padding:10px; }

.paddingPagination {padding:10px; border-right:#55555 1px solid;}

.padding-Right10px { padding-right:10px; }
.paddingBottom3px {padding-bottom:3px;}
.borderBlack10px { border-style:solid; border-color:#000000; border-width:10px; }

.borderRouge { border-color:#CC0000; border-style:solid; border-width:1px;}

.borderBottomPaddingBottom {border-bottom:#666666 1px solid; padding-bottom:10px;}
.borderBottomPaddingTopBottom {border-bottom:#666666 1px solid; padding-bottom:10px; padding-top:10px;}

.imagePadding {padding-top:3px;}

.accueilNews {border-bottom:#666666 1px solid; padding:10px;}

.paddingTopBottom10px {padding-bottom:10px; padding-top:10px;}

.paddingLeft20px {padding-left:20px;}




#speciaux {
	position:relative;
	width:900px;
	height:150px;
	z-index:98;
	background-image: url(eng/_images/_produits/fourche_closeup.jpg);
	top:-10px;
	left: 0px;
}

#produits {
	position:relative;
	width:900px;
	height:150px;
	z-index:98;
	background-image: url(eng/_images/_produits/fourche_closeup.jpg);
	top:-10px;
	left: 0px;
}

#services {
	position:relative;
	width:900px;
	height:300px;
	z-index:98;
	background-image: url(eng/_images/_services/derailleur.jpg);
	top:0px;
	left: 0px;
}

#historique {
	position:relative;
	width:900px;
	height:300px;
	z-index:98;
	background-image: url(eng/_images/_histoire/velo-mur.jpg);
	top:0px;
	left: 0px;
}

#emplois {
	position:relative;
	width:900px;
	height:300px;
	z-index:98;
	background-image: url(eng/_images/_emplois/cyclistes.jpg);
	top:0px;
	left: 0px;
}

#accessoires {
	position:relative;
	width:900px;
	height:300px;
	z-index:98;
	background-image: url(eng/_images/_produits/accessoires.jpg);
	top:0px;
	left: 0px;
}

#vetements {
	position:relative;
	width:900px;
	height:300px;
	z-index:98;
	background-image: url(eng/_images/_produits/vetements.jpg);
	top:-10px;
	left: 0px;
}

#pieces {
	position:relative;
	width:900px;
	height:300px;
	z-index:98;
	background-image: url(eng/_images/_produits/pieces.jpg);
	top:-10px;
	left: 0px;
}

#outils {
	position:relative;
	width:900px;
	height:300px;
	z-index:98;
	background-image: url(eng/_images/_produits/outils.jpg);
	top:0px;
	left: 0px;
}

#promotions {
	position:relative;
    top: 10px;
	left: 590px;
	width:300px;
	height:100px;
	z-index:99;
	background-image: url(eng/_images/promotions.jpg);
}

#promotions_eng {
	position:relative;
    top: 10px;
	left: 590px;
	width:300px;
	height:100px;
	z-index:99;
	background-image: url(eng/_images/promotions_eng.jpg);
}



#dhtmltooltip{
position: absolute;
width: auto;
border: 1px solid white;
padding: 5px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}