/* CSS Document */

#main {
	position: relative;
}

#bandepub {
	display: none;
}

#navhaute {
	background: #ffffff url(../images/nav_haute_fond2.gif) no-repeat;
}
a#lien-compte, a#lien-panier {
	font-size: 11px;
	display: block;
	height: 18px;
	color: #004992;
	padding:6px 4px 0 4px;
	margin-bottom: 1px;
	text-transform:uppercase;
	background: #edf1f4;
	border-right: 1px solid #fff;
}
a:hover#lien-compte, a:hover#lien-panier {
	color: #fff;
	background:#004992;
	text-decoration: none;
}

/*************************** nav gauche familles new */

ul#nav-familles {
	margin: 0;
	padding: 18px 0 0 0;
	list-style: none;
}
ul#nav-familles li {
	font-size: 11px;
	background: url(../images/nav-familles_fleche.gif) no-repeat right bottom;
}
ul#nav-familles li a {
	display: block;
	width: 141px;
	padding: 3px 20px 4px 18px;
	border-bottom: 1px solid #fff;
	text-align: right;
}
ul#nav-familles li a:hover, ul#nav-familles li a.current {
	color:#F20033;
	border-bottom: 1px solid #F20033;
	text-decoration:none;
}

/*************************** layers sous-familles new */
div.nav-sous-familles {
	position:absolute;
	width: 159px;
	left: 180px;
	top:25px;
	padding-top: 18px;
	background: #F7F8FA;
	border-right: 1px solid #A0B3C0;
	font: 11px Arial, Helvetica, sans-serif;
	display: none;
	z-index: 100;
}

div.nav-sous-familles ul {
	padding: 0;
	margin: 0; 
	list-style: none;
}
div.nav-sous-familles ul li {
	padding: 0;
	margin: 0; 
}
div.nav-sous-familles a {
	display: block;
	padding: 3px 10px 4px 10px;
	border-bottom: 1px solid #F7F8FA;
}
div.nav-sous-familles a:hover  {
	color: #F20033;
	text-decoration: none;
	background: #fff;	
	border-bottom: 1px solid #F20033;
}
div.nav-sous-familles #catalogue a:hover {
	background: #333;	
}


/*************************** masque pour menu déplié */
div#masque {
	position:absolute;
	width: 590px;
	left: 180px;
	top:25px;
	background:#FFFFFF;
	z-index: 50;
	display: none;
}


/*************************** sélection page accueil boutique */
td#selection_img1 {
	font: 11px Arial, Helvetica, sans-serif;
	padding-bottom: 4px;
}
h2.selection_designation {
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 2px 6px;
	margin: 0 0 4px 0;
	background:#E0E6EB;
}
h2.selection_designation a:hover {
	text-decoration: none;
	color: #000;
}
.selection_description {
	padding-left: 4px;
	margin: 0px 0px 20px 0px;
}
#selection_img1 a#image {
	float: left;
	display: block;
	width: 110px;
}


/*************************** présentation des catégories (ou sous-familles)*/
#categorie_txt {
	font: 11px Arial, Helvetica, sans-serif;
	background: #E0E6EB;
}
h2.categorie_nom {
	font: bold 11px Arial, Helvetica, sans-serif !important;
	padding: 2px 2px;
	margin: 4px 0px 4px 4px;
	border-bottom:1px solid #fff;
}
h2.categorie_nom a, h2.categorie_nom a:hover {
	text-decoration: none;
	color: #000;
}

/*************************** présentation des produits (liste)*/
#produit td {
	font: 11px Arial, Helvetica, sans-serif;
}
h2.produit_designation {
	font: bold 11px Arial, Helvetica, sans-serif !important;
	padding: 2px 2px;
	margin: 0 0px 4px 4px;
	background:#E0E6EB;
}
h2.produit_designation a, h2.produit_designation a:hover {
	text-decoration: none;
	color: #000;
}

/*************************** détail fiche produit */

h1#f_produit_designation {
	padding: 4px 8px;
	margin: 0;
	background:#E0E6EB;
	font-weight: normal;
	font-size: 18px;
}
p#f_produit_accroche {
	padding: 6px 8px;
	margin: 0;
	font-weight: bold;
	color:#333;
}
div#f_produit_description {
	padding: 0 8px;
}
#f_produit_pictos {
	padding: 4px 8px 12px 8px;
	margin: 0;
}
#f_produit_pictos img {
	margin-right:4px;
}
#f_prix {
	padding: 10px 8px;
	border: none;
	border-top: 1px solid #7BA6D1;
}
#f_prix select {
	float: left;
	display: block;
	font: 12px Arial, Helvetica, sans-serif;
	margin-top: 6px;
}
p#euros {
	float: left;
	display: block;
	font-size: 28px;
	font-weight: bold;
	color: #F20033;
	margin: 0;
	padding-right: 10px;
	width: 50px;
	white-space: nowrap;
}
html > body p#euros {
	width: auto;
}
div#f_produit_panier {
	clear: both;
	color:#fff;
	padding: 5px 8px;
	margin-bottom: 6px;
	text-align: left;
	background:#7BA6D1 url(../images/bouton_achat.gif) repeat-x left top;
}
div#f_produit_panier a {
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	color:#fff;
}
#f_produit_panier a:hover {
	text-decoration: underline;
	color:#fff;
}
#f_produit_panier input {
	padding-left:3px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	width:25px;
	border: 1px solid #fff;
	background:#E0E6EB;
}
#f_produit_img2 img {
	margin:0px 25px 10px 0px;
	border: 1px solid #666666;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#C9C9C9',direction=135,strength=3)
}
#f_produit_img2 a img {
	margin:0px 25px 10px 0px;
	border: 1px solid #666666;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#C9C9C9',direction=135,strength=3)
}
#f_produit_img2 a:hover img  {
	border: 1px solid #B00025;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999',direction=135,strength=3)
}
#f_complements td {
	color:#666;
	padding:5px 0px 10px 0px;
	border-top: 1px solid #ccc;
}

/*************************** zone chemin */
div#chemin {
	padding:0 0 3px 0;
	margin: -3px 0 6px 0;
	color:#666;
	font-size: 11px;
	border-bottom: 1px solid #e2e2e2;
}
div#chemin h1, div#chemin h2  {
	display: inline;
	padding:0;
	color:#666;
	font-size: 11px;
}
.chemin a {
}
.chemin a:hover {
	color: #FF0033;
	text-decoration: underline 
}


/*************************** colonne droite dans fond beige */
#colonne-droite {
	position: absolute;
	left: 770px;
	top: 39px;
	width: 190px;

}
#colonne-droite a {
	display: block;
	padding: 6px 0 10px 10px;
	background: url(../images/fleche_bl.gif) no-repeat left 10px;
	border-bottom: 1px solid #fff;
}
#colonne-droite a:hover {
	color:#F20033;
	border-bottom: 1px solid #F20033;
	text-decoration:none;
	background: #e8e5e3 url(../images/fleche_bl.gif) no-repeat left 10px;
}
#colonne-droite a img {
	float: right;
	margin-right: 6px;
}

/*************************** disciplines */
.null {
	background: #E0DCD9 url(../images/fond_discipline/null.gif) no-repeat 720px 20px;
}
.ROUTE {
	background: #E0DCD9 url(../images/fond_discipline/route.gif) no-repeat 750px 0px;
}
.VTT {
	background: #E0DCD9 url(../images/fond_discipline/vtt.gif) no-repeat 750px -10px;
}
.BMX-TRIAL {
	background: #E0DCD9 url(../images/fond_discipline/bmx.gif) no-repeat 690px -20px;
}

/*************************** pied copyright */
#piedcopyright {
	font: 11px Arial, Helvetica, sans-serif;
	padding:7px 5px 50px 190px;
	width: 570px;
	margin: 0;
	color:#BEB8B4;
}
#piedcopyright a {
	font: 11px/18px Arial, Helvetica, sans-serif;
	color:#BEB8B4;
	text-decoration:none;
}
#piedcopyright a:hover {
	text-decoration:underline;
}


/*-----------  classe clearfix   -----------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 		{ display: inline-block; }
* html .clearfix{ height: 1%; }
.clearfix 		{ display: block; }