/* Feuille de style globale pour gold-rider.fr */

body{
	text-align:center;
	font-family:"lucida sans","lucida sans ms",sans-serif,sans;
	color:#999;
	font-size:12px;
	margin:0;
	padding:0;
	background:#ccc;
	/*background:#0d4689 url(/images/noel/fond_goldrider_noel.jpg) no-repeat fixed;*/
}
h1{
	font-size:20px;
	margin:0 0 20px 0;
}
h2{
	font-size:16px;
}
h3{
	font-size:12px;
}
h3,p{
	margin:12px 0 12px 0;
	padding:0;
}
a{
	color:#666;
}
a img{
	border-width:3px;
}
hr{
	border:none;
	height:1px;
	color:#ccc;
	background:#ccc;
	clear:both;
}
.clear{
	clear:both;
}

/* Formulaires */
fieldset{
	border:none;
	padding:0;
	margin:0;
}
fieldset legend{
	font-size:16px;
	font-weight:bold;
	margin:10px 0;
}
fieldset ul{
	list-style:none;
	margin:0 0 10px;
	padding:0;
	float:left;
	width:100%;
}
fieldset p,
fieldset ul li{
	float:left;
	clear:left;
	padding:5px 0;
	margin:0;
	width:100%;
	border-bottom:1px solid #ccc;
}
fieldset label{
	display:block;
	float:left;
	width:120px;
}
.required{
	color:red;
	margin:0;
	display:inline;
}
input,textarea,select{
	border:1px solid #999;
}
.message{
	font-weight:bold;
	color:red;
}

/* Boutons */
.bouton{
	width:120px;
	height:27px;
	margin:0 10px 10px 0;
	background:url(/images/bouton.png);
	line-height:27px;
	color:#fff!important;
	text-align:center!important;
	font-size:11px;
}
.bouton:hover{
	background:url(/images/bouton_roll.png);
}
input.bouton{
	border:none;
	cursor:pointer;
	line-height:normal;
	padding:0 0 5px;
}
a.bouton{
	text-decoration:none;
	float:left;
	display:block;
}
.bouton.long{
	width:200px;
	height:27px;
	background:url(/images/bouton_long.png);
}
.bouton.long:hover{
	background:url(/images/bouton_long_roll.png);
}

/* Conteneur de la page */
#page{
	width:1000px;
	margin:0 auto 0 auto;
	background:#fff;
	/*overflow:auto;*/
	border:1px solid #000;
	color:#000;
}

/* Haut de page */
#haut{
	width:100%;
	float:left;
	border-bottom:none;
	background:#000;
}
#haut a{
	color:#ffff99;
	text-decoration:none;
}
/* haut de page PHRASE D'ACCROCHE */
#haut .description{
	float:left;
	margin:25px 0 0 0;
	background:url(/images/slogan.png) no-repeat center;
	width:540px;
	height:33px;
}
#haut .description span{
	display:none;
}
/*haut de page LOGO*/
#haut h1#logo{
	margin:0;
	padding:10px 0 0 10px;
}
#haut h1#logo a{
	float:left;
	background:url(/images/logo_gold_rider.png) no-repeat;
	width:231px;
	height:106px;
	padding:0;
	margin:0 20px -23px 0;
}
#haut h1#logo a:hover{
	background:url(/images/logo_gold_rider_roll.png) no-repeat;
}
#haut h1#logo span{
	display:none;
}
/*haut de page MENU*/
#haut #menu{
	margin:0;
	clear:left;
	padding:15px 0 0 10px;
}
#haut #menu li{
	float:left;
	text-align:left;
	list-style:none;
	margin-left:-40px;
	position:relative;
}
#haut #menu li.li_1{
	margin-left:0;
	z-index:10;
}
#haut #menu li.li_2{
	z-index:9;
}
#haut #menu li.li_3{
	z-index:8;
}
#haut #menu li.selected{
	z-index:20;
}
#haut #menu li a{
	color:#c19178;
	font-size:16px;
	font-weight:bold;
	text-decoration: none; 
	background:url(/images/bouton_menu_court.png) no-repeat;
	width:172px;
	height:43px;
	line-height:43px;
	display:block;
	margin:0;
	padding:0 0 0 40px;
}
#haut #menu li a:hover{
	color:#ffff99!important;
}
#haut #menu li.selected a{
	background:url(/images/bouton_menu_court_actif.png) no-repeat;
	color:#ffff99!important;
}
#haut #menu li.selected a:hover{
	color:#fff!important;
}
#haut #menu li.boutique_accessoires a{
	background:url(/images/bouton_menu_long.png) no-repeat;
	width:243px;
	padding:0 0 0 30px;
}
#haut #menu li.boutique_accessoires.selected a{
	background:url(/images/bouton_menu_long_actif.png) no-repeat;
}
#haut #menu li.li_4,
#haut #menu li.li_5{
	margin-left:0;
}
#haut #menu li.li_4 a,
#haut #menu li.li_5 a{
	background:none;
	font-weight:normal;
	background:url(/images/fleche.gif) no-repeat 10px center;
	color:#fb0406;
	width:130px;
}

/* Haut de page Lien Contact */
#haut p.contact a{
	float:right;
	background:url(/images/icone_lettre.png) no-repeat right;
	padding-right:24px;
	margin:0 20px 20px 0;
}

/* Haut de page Icônes */
#haut ul.icones{
	clear:right;
	float:right;
	list-style:none;
	margin:0 20px 0 0;
	padding:0;
}
#haut ul.icones li{
	float:left;
	margin-left:10px;
}
#haut ul.icones li a{
	display:block;
	width:29px;
	height:28px;
	background-repeat:no-repeat;
}
#haut ul.icones li a span{
	display:none;
}
#haut ul.icones li.rss a{
	background-image:url(/images/logo_rss.gif);
}
#haut ul.icones li.facebook a{
	background-image:url(/images/logo_facebook.gif);
}
#haut ul.icones li.twitter a{
	background-image:url(/images/logo_twitter.gif);
}

/* Formulaire de recherche */
#recherche{
	clear:left;
	float:left;
	width:1000px;
	height:40px;
	background:url(/images/bandeau.gif) no-repeat;
	margin:0;
	color:#fff;
}
#recherche p.realisations{
	float:right;
	margin-top:-22px;
	position:relative;
	z-index:100;
}
#recherche p.realisations a{
	display:block;
	background:url(/images/img_realisations.png);
	width:302px;
	height:85px;
}
#recherche p.realisations a span{
	display:none;
}
#recherche ul{
	float:left;
	margin:0;
	padding:0;
}
#recherche ul li{
	float:left;
	list-style:none;
}
#recherche label{
	font-size:16px;
	line-height:40px;
}
#recherche input#motsCles{
	color:#433333;
	height:18px;
	padding:4px;
	font-size:16px;
	/*line-height:25px;*/
	width:540px;
	border:1px solid #f33;
	border-right:none;
	margin:6px 5px 0 10px;
}
#recherche button{
	width:65px;
	height:28px;
	border:none;
	background:url(/images/bouton_ok.png) no-repeat;
	margin:6px 5px 0 0;
	cursor:pointer;
}
#recherche button:hover{
	background:url(/images/bouton_ok_roll.png) no-repeat;
}
#recherche button span{
	display:none;
}

/*contenu PAGES STATIQUES*/
#contenu{
	width:1000px;
	float:left;
	padding:0 0 10px 0;
	text-align:left;
}
#contenu a{
	color:#000;
}
#contenu a:hover{
	color:#666;
}
a.loupe{
	background:url(/images/loupe.png) no-repeat;
	display:block;
	width:20px;
	height:20px;
}
a.loupe span{
	display:none;
}
.commandes a.pdf{
	padding:0;
	display:block;
	width:20px!important;
	height:20px;
}
.commandes a.pdf span{
	display:none;
}

/* Colonnes */
.colonne{
	float:left;
	margin:0 0 0 10px;
}
.colonne.premiere{
	clear:left;
	margin-left:0;
}
.c1{
	width:73%;
	margin:0 10px 0 10px;
}
.c2{
	width:48%;
}
.c3{
	width:31%;
}
.c23{
	width:63%;
}
.separateur{
	clear:left;
}
.cadre{
	border:1px solid #333;
	margin-bottom:20px;
}

/* fil d'ariane */
p#ariane{
	margin:0;
	padding:0;
	width:1000px;
	line-height:25px;
	color:#000;
	background:#f8f6f6 url(/images/ombre.gif) no-repeat bottom;
	padding-bottom:32px;
}
p#ariane span{
	display:none;
}
p#ariane a{
	font-size:11px;
	text-decoration:none;
	color:#666;
	padding:5px 20px 5px 20px;
}
p#ariane a:hover{
	color:#000;
}
p#ariane a.dernier{
	background-color:#f8f6f6!important;
}
p#ariane a#niveau_0{
	background:#c6c4c4;
}
p#ariane a#niveau_1{
	background:#d4d4d4 url(/images/fleche_arbo_01.gif) no-repeat left center;
}
p#ariane a#niveau_2 {
	background:#e8e6e6 url(/images/fleche_arbo_02.gif) no-repeat left center;
}
p#ariane a#niveau_3{
	background:#f8f6f6 url(/images/fleche_arbo_03.gif) no-repeat left center;
}

/* Logos E-Commerce*/
#contenu p.paiement{
	float:right;
	background:url(/images/logo_commerce.png) no-repeat;
	width:508px;
	height:31px;
	padding:0;
	margin:-10px 10px 10px 0;
}
#contenu p.paiement span{
	display:none;
}

/* sous menus (à gauche et à droite) */
.sous_menu{
	width:160px;
	min-height:10px;
	float:left;
	margin:0 20px 0 10px;
	padding:0;
	list-style:none;
	border:4px solid #fe0000;
}
.sous_menu li{
	background-color:#333;
	overflow:hidden;
	padding:0 10px;
	border-top:1px solid #666;
	margin-bottom:-1px;
}
.sous_menu li:hover,
.sous_menu li.selected{
	background:#444;
}
#contenu .sous_menu li a{
	color:#fff;
	text-decoration:none;
	/*line-height:28px;*/
	display:block;
	padding:4px 0;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}
.sous_menu li a:hover,
.sous_menu li.selected > a{
}
.sous_menu ul{
	list-style:none;
	margin:0 -10px;
	padding:0;
	background:#fff;
}
.sous_menu ul li{
	background:#666;
	border-top:1px solid #878585;
}
.sous_menu ul li:hover,
.sous_menu ul li.selected{
		background:#7b7b7b;
}
.sous_menu ul li a{
	/*line-height:20px;*/
	/*display:block;*/
}
.sous_menu ul ul{
}
.sous_menu ul ul li{
	background:#999;
	padding-left:20px;
}
.sous_menu ul ul li:hover,
.sous_menu ul ul li.selected{
	background:#bbb;
}
/* Colonne de droite */
#droite{
	float:left;
	margin-left:20px;
	width:224px;
}
#droite div{
	margin-bottom:10px;
}
#droite div h2{
	background:#333;
	color:#fff;
	font-size:12px;
	margin:0;
	padding:5px 10px;
}
#droite div#atelier a{
	display:block;
	background:url(/images/encart_atelier.jpg) no-repeat;
	height:240px;
}
#droite div#atelier a span{
	display:none;
}
#droite div#occasions a{
	display:block;
	background:url(/images/encart_occasion.jpg) no-repeat;
	height:262px;
}
#droite div#occasions a span{
	display:none;
}

/* Caddie */
#droite div#caddie{
}
#droite div#caddie div.icone{
	position:absolute;
	margin:0 0 0 180px;
	width:24px;
	height:31px;
	background:url(/images/icone_caddie.gif);
	border:none;
	padding:0;
}
#droite div#caddie h2{
	background:url(/images/onglet_caddie.png) no-repeat;
	height:30px;
	padding:0;
	margin:0;
}
#droite div#caddie h2 span{
	display:none;
}
#droite div#caddie div{
	background:#333;
	color:#fff;
	padding:5px 13px 5px 14px;
	margin-bottom:0;
	border:3px solid red;
	text-align:center;
}
#droite div#caddie div a.commander{
	display:block;
	background:url(/images/bouton_commande.png) no-repeat;
	width:197px;
	height:27px;
}
#droite div#caddie div a.commander span{
	display:none;
}
#droite div#caddie div ul{
	background:#fff;
	color:#666;
	text-align:left;
}
#droite div#caddie div ul li{
	padding:5px;
	float:none;
	width:auto;
	border-color:#333;
}
#droite div#caddie div ul li a.delete{
	float:right;
	background:url(/images/icone_fermer.gif) no-repeat;
	width:12px;
	height:12px;
	margin-left:5px;
}
#droite div#caddie div ul li a.delete:hover{
	opacity:0.6;
}
#droite div#caddie div ul li a.delete span{
	display:none;
}
#droite div#caddie div ul li a img{
	float:left;
	height:20px;
	margin:0 10px 0 0;
	border-width:1px;
}
#droite div#caddie div ul li .prix{
}
#droite div#caddie p.total{
	font-size:16px;
	font-weight:bold;
}

/* Loginbox */
#droite #loginbox fieldset ul li label{
	width:90px;
}
#droite #loginbox fieldset ul li input{
	width:130px;
}
#droite #loginbox ul.links{
	margin:0;
	padding:0 0 0 15px;
}

/* Catalogue */
#contenu #catalogue{
	float:left;
	width:546px;
}
#catalogue div.famille p.image{
	text-align: center;
}
ul li.separateur{
	clear:left;
	float:none!important;
	width:100%!important;
	border-top:1px solid #ccc;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	height:0;
	font-size:0;
}
ul.sous-familles{
	float: left;
	clear:left;
	list-style:none;
	margin:0 0 50px 0;
	padding:0;
}
ul.sous-familles li{
	float:left;
	width:166px;
	margin-right:15px;
}
ul.sous-familles li.separateur{
}
ul.sous-familles li div{
}
ul.sous-familles li h2{
}
ul.sous-familles li a.image{
	text-decoration:none;
}
ul.sous-familles li a.image img{
	width:160px;
}
ul.sous-familles li a.image span{
}
#toggle{
	/*position:relative;
	left:260px;*/
}
ul.articles{
	clear:left;
	margin:0;
	padding:0;
}
ul.articles li,
ul.articles.folded li.separateur{
	float:left;
	width:100%;
	list-style:none;
	border-top:1px solid #ccc;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
}
ul.articles li.separateur{
	border-top:none;
	margin:0;
	padding:0;
}
ul.articles li a{
}
ul.articles li a.image{
	float:left;
	display:block;
	width:176px;
	min-height:1px;
	text-decoration:none;
}
ul.articles li a.image img{
	width:160px;
	margin:0 10px 10px 0;
}
ul.articles li a.image span{
	display:block;
	text-align:center;
}
/* Titre et description de l'article */
ul.articles li div{
	float:left;
	width:370px;
}
/* Bouton ajouter au caddie + lien en savoir plus */
ul.articles li div div{
	float:right;
	width:120px;
/*width:auto;*/
}
ul.articles li h2{
	margin:0 0 10px 0;
	padding:0;
}
ul.articles li h2 a{
}
.prix{
	font-size:14px;
	color:#f00;
	font-weight:bold;
}
ul.articles li .prix{
	float:left;
	margin:0 15px 0 0;
	padding:0;
}
ul.articles.folded li{
	width:33%;
	border-top:none;
	margin:0;
	padding:0;
}
ul.articles.unfolded li{
	width:100%;
}
ul.articles.folded li div{
	display:none;
}

/* icônes sur les articles */
span.promotion{
	float:right;
	display:block;
	width:73px;
	height:32px;
	background:url(/images/icone_promotion.gif) no-repeat;
	margin:0 0 0 10px;
}
span.promotion span{
	display:none;
}
span.nouveaute{
	float:right;
	display:block;
	width:73px;
	height:36px;
	background:url(/images/icone_nouveaute.gif) no-repeat;
	margin:0 0 0 10px;
}
span.nouveaute span{
	display:none;
}
span.en-stock{
	float:left;
	display:block;
	width:71px;
	height:15px;
	background:url(/images/icone_stock.gif) no-repeat;
}
span.en-stock span{
	display:none;
}
span.sur-commande{
	float:left;
	display:block;
	width:104px;
	background:url(/images/icone_sur_commande.gif) no-repeat;
	padding-top:15px;
}
span.sur-commande span{
	display:none;
}
.bouton.add,
.bouton.param{
	background:url(/images/bouton_ajouter_caddie.png) no-repeat!important;
	width:109px;
	height:29px;
	margin:0;
	padding-right:10px;
}
input.bouton.add{
	width:119px;
}
span.rupture-de-stock{
	float:left;
	display:block;
	width:119px;
	padding-top:16px;
	margin-right:10px;
	background:url(/images/rupture_stock.png) no-repeat;
}
span.rupture-de-stock span{
	display:none;
}
span.disponibilite{
	float:left;
}

/* Lecteur audio */
a.audio{
	display:block;
	background:url(/images/haut_parleur.png) no-repeat;
	height:32px;
	line-height:32px;
	padding-left:40px;
	width:auto!important;
}
a.audio.play{
	background-image:url(/images/haut_parleur_play.png);
}

/* Fichiers PDF */
a.pdf{
	display:block;
	background:url(/images/pdf.gif) no-repeat;
	line-height:20px;
	padding-left:40px;
	width:auto!important;
}

/* pagination */
ul#pages{
	clear:left;
	margin:0;
	padding:10px 0 0 0;
	list-style:none;
	border-top:1px solid #ccc;
}
ul#pages li{
	float:left;
	height:20px;
}
ul#pages li a{
	margin:0 10px 0 0;
	font-weight:bold;
	font-size:14px;
	color:#000;
}
ul#pages li a.selected{
	color:#f00;
	text-decoration:none;
}

/* Fiche article */
div.article form{
}
div.article div.partager{
	float:right;
	margin-left: 10px;
}
div.article div.partager a img{
	border:none;
}
div.article h1{
}
div.article h1 span.libelle{
}
div.article a#imageDetail{
	float:left;
	margin:0 10px 10px 0;
	display:block;
	width:320px;
	height:240px;
	/*text-align:center;*/
}
div.article a#imageDetail img{
	max-width:320px;
	max-height:240px;
}
div.article .prix{
	float:left;
	margin:0 10px 15px 0;
	padding:0;
}
div.article fieldset{
    clear:left;
}
div.article div.c2.premiere{
	width:251px;
}
div.article div.c2{
	width:284px;
}
ul.images{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:210px;
	height:240px;
	overflow:auto;
}
ul.images li{
	float:left;
}
ul.images li img{
	width:32px;
	margin:0 10px 0 0;
}
ul.images li a span{
	display:block;
	text-align:center;
}
/*div.article a{
	color:red;
}
div.article img{
	max-width:100%;
}*/

/* Gallery */
.gallery{
	position:relative;
}
.gallery ul{
	clear:both;
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	width:224px;
	height:230px;
}
.gallery ul li{
	position:absolute;
	top:0;
	background:#fff;
	-moz-opacity : 0;
	opacity : 0;
	cursor:pointer;
	width:224px;
	text-align:center;
}
.gallery ul li img{
	max-height:140px;
	width:160px;
}
.gallery .nav{
	cursor:pointer;
	position:absolute;
	top:50%;
	z-index:100;
	font-size:20px;
}
.gallery .prev{
	left:0;
}
.gallery .next{
	right:0;
}

/* Bas de page*/
#bas{
	clear:left;
}
#bas ul.menu{
	background:#000;
	margin:0;
	padding:0;
	height:25px;
	line-height:22px;
}
#bas ul.menu li{
	display:inline;
	padding:0 0 0 5px;
	background:url(/images/separateur_bas_de_page.gif) no-repeat left center;
}
#bas ul.menu li.premier{
	background:none;
}
#bas ul.menu li a{
	text-decoration:none;
}
#bas ul.menu li a:hover{
	color:#fff;
}
#bas ul.menu li.selected a{
	color:#f33;
}
#bas div#cadenas{
	position:absolute;
	margin-top:-20px;
	display:block;
	width:30px;
	height:31px;
	background:url(/images/cadenas.png) no-repeat;
}
#bas ul#conditions{
	height:110px;
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
	background:url(/images/ombre.gif) no-repeat;
}
#bas ul#conditions li{
	float:left;
	padding:0 60px 0 10px;
	background-repeat:no-repeat;
	background-position:right center;
	width:179px;
	height:110px;
	border-left:1px solid #999;
}
#bas ul#conditions li.premier{
	width:230px;
	border-left:none;
	padding-right:10px;
}
#bas ul#conditions li#debit{
	background-image:url(/images/carton.png);
}
#bas ul#conditions li#livraison{
	background-image:url(/images/livreur.png);
}
#bas ul#conditions li#telephone{
	background-image:url(/images/telephone.gif);
}
#bas address{
	font-style:normal;
	background:#000;
	color:#999!important;
	line-height:25px;
}

/* Marques */
ul#marques{
	list-style:none;
	margin:0;
	padding:0;
}
ul#marques li{
	display:inline;
}

/* Etapes du commerce*/
.panneau{
	float:left;
	margin:10px 10%;
	width:80%;
}
table{
	width:100%;
	border-collapse:collapse;
	margin-bottom:10px;
}
table thead th{
	border-bottom:1px solid #ccc;
}
table tbody th,
table tbody td{
	border-bottom:1px solid #ccc;
	padding:5px 0;
}
table tr.negative{
	color:red;
}
.etape{
	padding:10px 0 0 0;
}
.etape h1{
	padding:10px 0 0 0;
}
.enCours{
	color:#f00;
}
.points-fidelite,
.bon-de-reduction{
	float:left;
	width:50%;
}
.bon-de-reduction input.text{
}
.modes-de-paiement{
	clear:both;
}

/* Page peel */
#page-peel { position:fixed; left:0; top:0; float:left;z-index:1000;  }
#page-peel-image { width:80px; height:83px; z-index:99; position:absolute; left:0; top:0; border:none; -ms-interpolation-mode:bicubic; }
#page-peel-message { width:80px; height:80px; overflow:hidden; position:absolute; left:0; top:0; background:url(/images/noel/noel_page_peel.gif) no-repeat left top; }

/* Pub (salon paris 2011) */
#pub{
	background:#fff;
	margin:20px auto;
	width:728px;
	height:90px;
}