@import url(/css/style_pictonav.css);
@import url(/css/apercuImg.css);

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

.prod {
	background-image:url(../images/bg-prod.gif);
	width:143px;
	height:108px;
}
.prod:hover {
	background-image:url(../images/bg-prod-on.gif);
	width:143px;
	height:108px;
}
.titre-prod {
	overflow:hidden;
	height:14px;
	width:130px;
	color:#148195;
	font-size:10px;
	font-weight:bold;
	margin-top:3px;
	margin-left:8px;
}
.prix {
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	float:left;
	margin-top:3px;
	margin-left:7px;
}
.prix .centimes {
	font-size:10px;
}

.panier {
	padding-top:120px;
	margin-left:230px;
	text-align:center;
	min-width:160px;
}
.panier .articles {
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	margin-top:30px;
}
.panier .articles .nbArticle {
	font-size:18px;
}
.panier .articles .prix{ font-size:12px; float:none;}
.panier .articles .prix .centimes { font-size:11px; }
.panier .voir-details {
	margin-top:15px;
	min-width:160px;
}
.panier .voir-details a img{ border:0; }
.panier .voir-details a{
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
}
.panier .voir-details a:hover { color:#E6EFF1; }
.menuG { width:230px; }
.menuG .contenu {
	width:217px;
	background-image:url(../images/menuG.gif);
	background-repeat:no-repeat;
	background-color:#00B6DD;
	margin-left:13px;
}
/*.menuG .menu { margin-left:25px; }*/

/*.listeMenu { margin-left:13px;border:1px solid #000000;}*/
.listeMenu a { color:#FFFFFF; text-decoration:none; }
.titreG { width:216px; height:22px;}
.titreG a{ font-weight:bold; background-image:url(../images/fleche-grise.png); background-repeat:no-repeat; background-position:10px center; padding-left:30px; padding-top:5px; padding-bottom:2px; display:block;}
.titreG a:hover { text-decoration:underline;}
.titreGOn {
	background-image:url(../images/MG-jaune1.gif);
	background-repeat:no-repeat;
	width:217px; height:31px;

}
.titreGOn a{
	color:#000000;
	font-weight:bold;
	background-image:url(../images/fleche-noir.png);
	background-repeat:no-repeat;
	background-position:10px center;
	padding-left:30px;
	padding-top:5px;
	padding-bottom:2px;
	display:block;
}
.titreGOn a:hover{ text-decoration:underline; }

.menu1 {}
.menu1On {
	background-image:url(../images/MG-bg-jaune.gif);
	background-repeat:repeat-y;
	background-color:#FBCB31;
	width:217px;
	padding-bottom:5px;
}
.fermer { height:0px; visibility:hidden; font-size:1px; overflow:hidden;}
.actif { font-weight:bold;}

.menu1 .titre2G { margin-left:50px; padding-bottom:3px;}
.menu1 .titre2G a{}
.menu1 .titre2G a:hover { text-decoration:underline;}

.menu1On .titre2G { margin-left:50px; padding-bottom:3px;}
.menu1On .titre2G a{ color:#000000;}
.menu1On .titre2G a:hover { text-decoration:underline;}

.menu2 { margin-left:10px; margin-bottom:5px;}
.menu2 ul { list-style:none; margin:0; padding:0;}
.menu2 li { margin-left:70px; padding:0;}
.menu1 .menu2 a{ }
.menu1 .menu2 a:hover{ text-decoration:underline; }
.menu1On .menu2 a{  color:#000000; }
.menu1On .menu2 a:hover { text-decoration:underline; }

.menuG .contenu .zone-recherche .champText {
	width:156px;
	border:1px solid #68AEC2;
	float:left;
	margin-top:8px;
	padding-bottom:0;

}
.menuG .contenu .zone-recherche {
	margin-left:20px;
	padding-top:0px;
	margin-bottom:60px;

}
.menuG .contenu .zone-recherche .titre {
	color:#87D3E7;
	font-size:11px;
	font-weight:bold;
	padding-top:18px;
}
.menuHG {
	margin-top:55px;
	padding-left:25px;
	width:205px;

}
.menuHG a{
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
.menuHG a:hover{
	color:#FDD000;
}
.menuHG ul a{
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
}
.menuHG ul a:hover{
	color:#87D3E7;
}
.menuHG ul{
	margin:0;
	padding:0;
	list-style:none;
	color:#FFFFFF;
	float:left;
	background-color:#00CC00;
}
.menuHG li {
	background-image:url(../images/fleche-grise.png);
	width:16px;
	height:16px;
	background-repeat:no-repeat;
	float:right;
	margin:0;
	padding:0;
	margin-top:-10px;
	margin-right:22px;
	background-color:#0099FF;
}
.menuHG li:hover{
	background-image:url(../images/fleche-jaune.png);
	width:16px;
	height:16px;
	background-repeat:no-repeat;

}
.zoneLogo {
	background-image:url(../images/logo-cdc-sport.gif);
	background-repeat:no-repeat;
	background-position:left top;
	width:317px;
	height:140px;
	padding-top:50px;
}
.menuBas a{
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
.menuBas a:hover{
	color:#0099FF;
}

.menuHaut {
	margin-top:20px;
	margin-left:5px;
	position:absolute; top:0; right:0px;
}
.menuHaut a{
	font-size:11px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;

}
.menuHaut a:hover{
	color:#0099FF;
}


.ficheProduit .titre{
	background-image:url(../images/fiche-prod-H.jpg);
	background-repeat:no-repeat;
	width:681px;
	height:35px;
	color:#006C9E;
	font-size:14px; font-weight:bold;
	text-align:left;
	line-height:28px;
	padding-left:10px;

}
.ficheProduit .contenu{
	background-image:url(../images/fiche-prod-C.jpg);
	background-repeat:repeat-y;
	width:681px;
}
.ficheProduit .designation{
font-size:10px;
}
.ficheProduit .image{
width:260px; height:260px;
margin-left:2px;
border : 1px solid #0099FF;


}
.ficheProduit .bas{
	background-image:url(../images/fiche-prod-B.jpg);
	background-repeat:no-repeat;
	width:681px;
	height:22px;
}
.ficheProduit .stock{
	color:#9C9C9C;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana;
	text-transform:capitalize;
}
.ficheProduit .delais{
	color:#9C9C9C;
	font-size:10px;
	font-family:Verdana;
}

.ficheProduit .contenu .btnAjouter{
	background-image:url(../images/ajout-panier.gif);
	background-repeat:no-repeat;
	width:137px;
	height:41px;
}
.ficheProduit .contenu .btnAjouter a {
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
	width:100%;
	height:100%;
	display:block;
	padding-top:12px;
	text-align:center;
}
.ficheProduit .contenu .btnAjouter a:hover {
	color:#FFFFFF;
}
.ficheProduit .prix{
	color:#000000;
	font-size:12px;
	font-weight:bold;
}

a.pageSuivante {
	background-image:url(../images/page-suivant.gif);
	background-repeat:no-repeat;
	width:17px;
	height:17px;
	color:#666666;
	text-align:center;
	display:block;
	float:left;
	margin-left:2px; margin-right:2px;
}
a:hover.pageSuivante {
	background-image:url(../images/page-suivant-A.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-weight:bold;
}
.pageSuivanteA {
	background-image:url(../images/page-suivant-A.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	width:17px;
	height:17px;
	display:block;
	float:left;
	margin-left:2px; margin-right:2px;
	text-align:center;
}
.pageSuiv { font-size:12px; color:#666666;}