body {
background: url(img_css/fond-noir.gif);
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
scrollbar-face-color:#CCCCCC;
scrollbar-highlight-color:#CCCCCC;
scrollbar-3dlight-color:#868686;
scrollbar-darkshadow-color:#9F9393;
scrollbar-shadow-color:#CCCCCC;
scrollbar-arrow-color:#ff9000;
scrollbar-track-color:#414141;
}

#global {
position:absolute;
left:50%;
top:50%;
width:854px;
height:550px;
margin-top:-275px; /* moitie de la hauteur */
margin-left:-427px; /* moitie de la largeur */
border:1px solid #000;
}
.description { visibility:hidden; }
#descr_H1 { text-indent:-3000px; font-size:1px; position:absolute; }

#menu_haut {
width:854px;
height:100px;
background-image:url(img_css/menu_haut_barre.gif);
z-index:2;
position:absolute;
}
#menutop {
position:absolute;
height:56px;
clear:both;
background:url(img_css/menu_haut_over.gif) no-repeat right top;
width:520px;
margin-top:33px;
padding-left:288px;
}
#menutop ul, #menutop li {
margin:0;
padding:0;
list-style-type:none;
}
#menutop ul {
height:57px;
width:309px;
}
#menutop li {
float:left;
}
#menutop li a {
display:block;
height:57px;
width:77px;
text-decoration:none;
}
#menutop a:hover {
background:transparent url(img_css/menu_haut_over.gif) no-repeat left top;
}
#menutop a#menu1:hover { background-position:0px -57px; }
#menutop a#menu2:hover { background-position:-77px -57px; }
#menutop a#menu3:hover { background-position:-154px -57px; }
#menutop a#menu4:hover { background-position:-231px -57px; }
.txt_menu { visibility:hidden; position:absolute; }

#main {
height:426px;
width:854px;
margin-top:70px;
position:absolute;
}

#menubas {
background-image:url(img_css/barre_bas_blanche.gif);
background-repeat:no-repeat;
width:854px;
height:30px;
background-position:center bottom;
right:auto;
margin:auto;
margin-top:495px;
position:absolute;
z-index:5;
}
#blanc {
background-color:#FFFFFF;
height:20px;
}
#home a {
width:24px;
color:#000;
background:url(img_css/home.gif) no-repeat 0 0;
height:18px;
position:absolute;
margin-left:40px;
margin-top:6px;
}
#home a:hover {
background:url(img_css/home.gif) no-repeat 0 -18px;
}
.rub {
font-size:14px;
font-weight:bold;
}
.rub a {
color:#000000;
text-decoration:none;
}
.rub a:hover { color:#FF9900; }

#actu {
margin-left:95px;
position:absolute;
margin-top:10px;
}
#new {
margin-left:200px;
position:absolute;
margin-top:10px;
}
#contact {
margin-left:317px;
position:absolute;
margin-top:10px;
}
#newsletter {
margin-left:400px;
position:absolute;
margin-top:10px;
}
#basket {
padding:0;
}
#basket a {
display:block;
width:24px;
color:#000;
text-decoration:none;
background:url(img_css/basket.gif) no-repeat 0 0;
height:24px;
position:absolute;
margin-left:503px;
margin-top:2px;
}
#basket a:hover { background:url(img_css/basket.gif) no-repeat 0 -24px; }

.rub_mini {
font-size:10px;
word-spacing:normal;
}
.rub_mini a {
font-family:Arial,Helvetica,sans-serif;
text-decoration:none;
color:#000000;
}
.rub_mini a:hover {
font-family:Arial,Helvetica,sans-serif;
color:#FF9900;
}

#coordonnees {
margin-left:539px;
position:absolute;
margin-top:7px;
}
#conditions {
margin-left:627px;
position:absolute;
margin-top:7px;
}
#pts_fidelite {
margin-left:659px;
position:absolute;
margin-top:7px;
}
#cb {
margin-left:745px;
position:absolute;
margin-top:2px;
}

#nav_left, #nav_left a, #nav_right, #nav_right a {
height:100%;
width:20px;
}
#nav_left {
background-image:url(img_css/nav_gauche.gif);
background-repeat:no-repeat;
position:absolute;
background-position:0px 40px;
}
#nav_left a {
background:url(img_css/nav_gauche.gif) no-repeat -20px 40px;
position:absolute;
}
#nav_left a:hover {
background:url(img_css/nav_gauche.gif) no-repeat -40px 40px;
}
#nav_right {
background-image:url(img_css/nav_droite.gif);
background-repeat:no-repeat;
position:relative;
background-position:0px 40px;
float:right;
}
#nav_right a {
background:url(img_css/nav_droite.gif) no-repeat -20px 40px;
position:absolute;
}
#nav_right a:hover {
background:url(img_css/nav_droite.gif) no-repeat -40px 40px;
}


#nav_rider_left, #nav_rider_left a, #nav_rider_right, #nav_rider_right a {
height:100%;
width:20px;
}
#nav_rider_left {
background-image:url(img_css/nav_rider_gauche.gif);
background-repeat:no-repeat;
position:absolute;
background-position:0px 40px;
}
#nav_rider_left a {
background:url(img_css/nav_rider_gauche.gif) no-repeat -20px 40px;
position:absolute;
}
#nav_rider_left a:hover {
background:url(img_css/nav_rider_gauche.gif) no-repeat -40px 40px;
}
#nav_rider_right {
background-image:url(img_css/nav_rider_droite.gif);
background-repeat:no-repeat;
position:relative;
background-position:0px 40px;
float:right;
}
#nav_rider_right a {
background:url(img_css/nav_rider_droite.gif) no-repeat -20px 40px;
position:absolute;
}
#nav_rider_right a:hover {
background:url(img_css/nav_rider_droite.gif) no-repeat -40px 40px;
}
#nav_actu_left, #nav_actu_left a, #nav_actu_right, #nav_actu_right a {
height:100%;
width:20px;
}
#nav_actu_left {
background-image:url(img_css/nav_actu_gauche.gif);
background-repeat:no-repeat;
position:absolute;
background-position:0px 40px;
}
#nav_actu_left a {
background:url(img_css/nav_actu_gauche.gif) no-repeat -20px 40px;
position:absolute;
}
#nav_actu_left a:hover {
background:url(img_css/nav_actu_gauche.gif) no-repeat -40px 40px;
}
#nav_actu_right {
background-image:url(img_css/nav_actu_droite.gif);
background-repeat:no-repeat;
position:relative;
background-position:0px 40px;
float:right;
}
#nav_actu_right a {
background:url(img_css/nav_actu_droite.gif) no-repeat -20px 40px;
position:absolute;
}
#nav_actu_right a:hover {
background:url(img_css/nav_actu_droite.gif) no-repeat -40px 40px;
}


#product {
height:356px;
margin-top:40px;
margin-left:50px;
width:272px;
font-size:10px;
}
#product h1 {
font-size:20px;
color:#FFFFFF;
font-weight:normal;
padding-top:20px;
}
#product h2 {
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}
#product p { background:#f68b00; display:inline; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; }
#product p a { color:#FFFFFF; text-decoration:none; }
#product p a:hover { color:#f68b00; background:#FFFFFF; }


.prix {
font-size:18px;
color:#FFFFFF;
font-weight:normal;
}
#brand {
height:356px;
width:120px;
margin-left:675px;
margin-top:47px;
position:absolute;
z-index:80;
overflow:auto;
}
#brand dl {
text-decoration:none;
background-color:#666666;
color:#FFFFFF;
display:block;
text-align:center;
margin-bottom:2px;
line-height:11pt;
margin-left:10px;
border:1px solid #333333;
}
#brand dl dt { text-transform:lowercase; }
#brand ul, #brand li {
margin:0;
list-style-type:none;
}
#brand li {
margin-left:10px;
background-color:#FFFFFF;
border:1px solid #666666;
margin-top:2px;
line-height:11pt;
display:block;
text-align:center;
}
#brand li a {
text-decoration:none;
background-color:#CCCCCC;
color:#000000;
display:block;
padding-left:5px;
text-align:left;
}
#brand li a:hover  { background:#FF9900; }
#brand li a:hover, #brand ul a:hover {
background:#FF9900;
display:block;
}

#categorie {
margin-top:47px;
margin-left:185px;
height:370px;
width:460px;
position:absolute;
text-align:center;
z-index:1;
}
.categorie {
background:url(img_css/cross_cat.gif) 5px 5px;
text-align:center;
}
.cat_planche {
text-align:center;
background-image:url(img_css/cross_cat_planche.gif);
background-position:5px 5px;
}
.resultat {
font-size:12px;
color:#FFFFFF;
font-weight:bold;
}
.resultat a { color:#FF9900; }

#type {
position:absolute;
margin-left:20px;
margin-top:47px;
width:130px;
height:auto;
border-bottom-style:none;
}
#type dl {
text-decoration:none;
background-color:#666666;
color:#FFFFFF;
display:block;
text-align:center;
margin-bottom:2px;
line-height:11pt;
border:1px solid #333333;
}
#type ul, #type li {
margin:0;
list-style-type:none;
}
#type dt{
text-decoration:none;
background-color:#666666;
color:#FFFFFF;
display:block;
text-align:center;
margin-bottom:2px;
line-height:11pt;
border:1px solid #333333;
cursor:pointer;
}
#type dt.nocursor { cursor:default; }
#type dt a {
color:white;
display:block;
text-decoration:none;
}
#type dt a:hover { text-decoration:underline; }
#type li {
background-color:#FFFFFF;
border:1px solid #666666;
margin-bottom:2px;
line-height:11pt;
display:block;
text-align:center;
color:#000000;
}
#type li a {
text-decoration:none;
background-color:#CCCCCC;
color:#000000;
display:block;
padding-left:5px;
text-align:left;
}
#type li.partiel a {
font-weight:bold;
padding-left:0;
text-align:center;
}
#type li a:hover { background:#FF9900; }
#type li a:hover, #type ul a:hover {
background:#FF9900;
display:block;
}


.infobulle {
position:absolute;
visibility:hidden;
border:1px solid Black;
font-family:Verdana,Arial;
font-size:10px;
background-color:#000000;
color:#FFFFFF;
text-align:center;
line-height:16px;
left:-2000px;
top:-2000px;
z-index:1200;
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}
.infobulle ul {
margin:0px;
padding:0px;
padding-right:4px;
padding-left:4px;
}
.infobulle li {
background-color:#CCCCCC;
text-decoration:none;
margin:0;
list-style-type:none;
color:#000000;
display:block;
margin-right:-4px;
margin-left:-4px;
}


.promo_gene {
width:42px;
height:11px;
background-image:url(img_css/promo.gif);
background-repeat:no-repeat;
position:absolute;
display:inline;
margin-left:-104px;
margin-top:4px;
}
.cat_planche .promo_gene {
margin-left:-39px;
}
.promo_planche {
width:42px;
height:11px;
background-image:url(img_css/promo.gif);
background-repeat:no-repeat;
position:absolute;
display:inline;
margin-left:-40px;
margin-top:4px;
}


.skatabilite_grille {
width:101px;
height:10px;
margin-left:10px;
background-image:url(img_css/skatabilite_grille.gif);
position:absolute;
z-index:1;
display:inline;
background-repeat:no-repeat;
}
.skatabilite_niveau {
height:10px;
background-image:url(img_css/skatabilite_niveau.jpg);
position:absolute;
margin-left:10px;
background-repeat:no-repeat;
display:inline;
margin-top:2px;
}
#board {
height:426px;
width:90px;
position:absolute;
margin-left:567px;
}


.erreurs {
width:597px;
text-align:center;
font-weight:bold;
margin-top:8px;
margin-bottom:8px;
margin-right:auto;
margin-left:auto;
line-height:150%;
background-color:#FF9900;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
border:2px;
border-color:black;
border-style:solid;
-moz-border-radius:10px;
}


.texte {
width:497px;
text-align:center;
font-weight:bold;
font-size:120%;
margin-top:48px;
margin-bottom:8px;
margin-right:auto;
margin-left:auto;
line-height:200%;
background-color:#FF9900;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
border:2px;
border-color:black;
border-style:solid;
-moz-border-radius:10px;
}

#brand_shoes {
height:356px;
width:129px;
margin-left:683px;
margin-top:47px;
position:absolute;
z-index:80;
overflow:auto;
}
#brand_shoes dl {
text-decoration:none;
background-color:#666666;
color:#FFFFFF;
display:block;
text-align:center;
margin-bottom:2px;
line-height:11pt;
border:1px solid #333333;
}
#brand_shoes dl dt { text-transform:lowercase; }
#brand_shoes ul, #brand_shoes li {
margin:0;
list-style-type:none;
}
#brand_shoes li {
height:25px;
background-color:#FFFFFF;
border:1px solid #666666;
margin-top:2px;
display:block;
text-align:center;
}
#brand_shoes li img { border:0; }
#brand_shoes li a {
text-decoration:none;
background-color:#CCCCCC;
color:#000000;
display:block;
text-align:left;
}
#brand_shoes li a:hover { background:white; }

.contacter {
text-align:right;
font-family:Arial,Helvetica,sans-serif;
}
.formulaire_newsletter, .formulaire_contact {
float:right;
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
}
.formulaire_newsletter {
margin-top:200px;
padding-right:100px;
}
.formulaire_contact {
padding-right:30px;
margin-top:80px;
}
.formulaire_newsletter a { text-decoration:none; color:#000000; }
.formulaire_newsletter a:hover { background-color:#FF9900; }


#fond_fiche_gauche {
width:210px;
background-image:url(img_css/fiche_fond_gauche.jpg);
height:426px;
position:absolute;
}
#img_dynamique {
width:340px;
height:341px;
position:absolute;
margin-top:50px;
margin-left:50px;
}
#pres_rider {
position:absolute;
font-family:'Times New Roman', Times, serif;
font-size:18px;
}
#main #rider li { float:right; }
#main #rider li a {
display:block;
height:426px;
width:40px;
border-top-width:0px;
border-right-width:0px;
border-bottom-width:0px;
border-left-width:10px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#FFFFFF;
border-right-color:#FFFFFF;
border-bottom-color:#FFFFFF;
border-left-color:#FFFFFF;
}
#main a#choix_hugo { background:url(img_css/choix_hugo.jpg) no-repeat left top; }
#main a#choix_hugo:hover { background-position:-40px 0px; }
#main a#choix_saloon { background:url(img_css/choix_saloon.jpg) no-repeat left top; }
#main a#choix_saloon:hover { background-position:-40px 0px; }
#main a#choix_guito { background:url(img_css/choix_guito.jpg) no-repeat left top; }
#main a#choix_guito:hover { background-position:-40px 0px; }
#main a#choix_dan { background:url(img_css/choix_dan.jpg) no-repeat left top; }
#main a#choix_dan:hover { background-position:-40px 0px; }
#main a#choix_brush { background:url(img_css/choix_brush.jpg) no-repeat left top; }
#main a#choix_brush:hover { background-position:-40px 0px; }
#main a#choix_rackam { background:url(img_css/choix_rackam.jpg) no-repeat left top; }
#main a#choix_rackam:hover { background-position:-40px 0px; }
#main a#choix_duoib { background:url(img_css/choix_duoib.jpg) no-repeat left top; }
#main a#choix_duoib:hover { background-position:-40px 0px; }
#main a#choix_lenine { background:url(img_css/choix_lenine.jpg) no-repeat left top; }
#main a#choix_lenine:hover { background-position:-40px 0px; }


#img_dynamique_actu {
width:427px;
height:426px;
position:absolute;
right:0px;
}
#txt_actu {
width:350px;
margin-left:40px;
margin-top:240px;
position:absolute;
}
#txt_actu a, #adresse a { color:#FFFFFF;text-decoration:none; }
#txt_actu a:hover, #adresse a:hover, .commentaire a:hover { color:#333333;background-color:#FF9900; }
#txt_actu h1 { font-size:14px;color:#FFFFFF; }

#adresse {
position:absolute;
margin-top:145px;
margin-left:33px;
z-index:400;
width:180px;
color:#FFFFFF;
}


#toutes_les_actus {
float:right;
width:426px;
}
.toutes_les_actus {
margin-top:132px;
margin-left:12px;
filter:alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}
.toutes_les_actus tr a {
text-decoration:none;
color:#000000;
}
.toutes_les_actus td, .panier td {
padding-left:10px;
padding-right:10px;
border-bottom-width:2px;
border-bottom-style:solid;
border-bottom-color:#666666;
text-align:left;
}
.toutes_les_actus td.titre { width:100%; }
.toutes_les_actus th {
text-align:left;
color:#FFFFFF;
font-size:20px;
font-weight:normal;
}
.surligne_oui { background-color:#FF9900; }
.surligne_non { background-color:#FFFFFF; }
.commentaire {
margin-top:33px;
color:#FFFFFF;
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}
.commentaire a { color:#FFFFFF; }
.commentaire li {
list-style-type:circle;
list-style-position:inside;
padding-left:33px;
}
.numcde {
color:#FFFFFF;
text-align:center;
font-size:16px;
font-weight:bold;
filter:alpha(opacity=90);
-moz-opacity:0.90;
opacity:0.90;
margin:0;
}


.titre_panier h1 {
font-size:20px;
margin-top:90px;
color:#FFFFFF;
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}
.panier_erreurs h1 {
font-size:16px;
margin-top:33px;
color:red;
text-align:center;
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}
.panier_erreurs a { color:#DFDFDF; }
.panier_erreurs a:hover { color:white; }
.panier th {
background-color:#000000;
color:#FFFFFF;
font-size:12px;
padding-top:5px;
text-align:center;
}
.panier, .formulaire_panier {
font-size:10px;
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}
.panier a { color:#000000; }
.panier td.designation { width:121px; }
.panier td.marque { width:57px; }
.panier td.taille { width:21px; }
.panier td.modele { width:85px; }
.panier td.prix_pan { width:50px; text-align:right; }

table.frais_port { margin-left:373px; color:#FFFFFF; }

div.precedent a, div.suivant a {
background-color:#FF9900;
text-align:center;
margin-top:33px;
color:#000000;
text-decoration:none;
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
margin-bottom:20px;
font-size:12px;
}
div.precedent a { float:left; width:110px; }
div.suivant a { float:right; width:110px; margin-right:30px; }
div.precedent a:hover, div.suivant a:hover { background-color:#FFFFFF; }
input.panier { width:16px; font-size:9px; text-align:right; }
.formulaire_panier td { padding-right:20px; }
.formulaire_panier th, .commentaire th {
font-size:14px;
padding-bottom:10px;
padding-top:20px;
text-align:left;
}
.info_panier {
font-size:11px;
margin-left:auto;
margin-right:auto;
color:white;
border-width:2px;
border-color:grey;
}
.info_panier td {
padding-left:8px;
padding-right:8px;
padding-top:1px;
padding-bottom:2px;
}
div.milieu {
text-align:center;
margin-top:12px;
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
margin-bottom:0px;
font-size:12px;
margin-left:auto;
margin-right:auto;
}
div.milieu a {
text-decoration:none;
color:#000000;
background-color:#FF9900;
padding-left:3px;
padding-right:3px;
}
div.milieu a:hover { background-color:#FFFFFF; }

.choix_al {
font-size:11px;
color:#FFFFFF;
margin-top:18px;
margin-bottom:18px;
margin-left:auto;
margin-right:auto;
width:333px;
}