/* CSS Document */

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


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

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

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



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

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

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

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

.padding-table10px { padding:10px; }

.padding-Right10px { padding-right:10px; }

.borderBlack10px { border-style:solid; border-color:#000000; border-width:10px; }

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

.imagePadding {padding-top:3px;}


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

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

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

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

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

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

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

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

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

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

#promotions_eng {
	position:relative;
    top: 10px;
	left: 590px;
	width:300px;
	height:100px;
	z-index:99;
	background-image: url(_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);
}

/* -------- Paddings ---------- */
.padding10px {
	padding:10px;
}


/* ------ textes ------- */
.txt18 {
	font-size:18px;
	padding:10px;
}

.txt14 {
	font-size:12px;
	padding:10px;
}
.descriptionItem {
	color:#333;
}
.descriptionItem p, .descriptionItem ul {
	margin:0px;
}