@charset "utf-8";
/* Feuille CSS - copyright Julien Castanier */

#col_a
{
   width: 552px;
   height: 90px;
   margin:auto;
   margin-bottom: 15px;
   position: relative;
   background-repeat: no-repeat;
}

#col_a #image_a { margin: 0; padding: 0; }
#col_a #image_a li { display: inline; }
#col_a #image_a li a { float: left; width: 276px; height: 0; padding-top: 90px; overflow: hidden; background-image: url("../../images/accueil/col_a.jpg"); background-repeat: no-repeat; }

/* Bouton */
#col_a #image_a li#skateboard a { background-position: 0 0; }
#col_a #image_a li#shoes a { background-position: -276px 0; }


/* survol */
#col_a #image_a li#skateboard a:hover { background-position: 0 -90px; }
#col_a #image_a li#shoes a:hover { background-position: -276px -90px; }

/* ------------------------------------------------------------------ */

#col_b
{
   width: 552px;
   height: 90px;
   margin:auto;
   margin-bottom: 15px;
   position: relative;
   background-repeat: no-repeat;
}

#col_b #image_b { margin: 0; padding: 0; }
#col_b #image_b li { display: inline; }
#col_b #image_b li a { float: left; width: 276px; height: 0; padding-top: 90px; overflow: hidden; background-image: url("../../images/accueil/col_b.jpg"); background-repeat: no-repeat; }

/* Bouton */
#col_b #image_b li#accessoires a { background-position: 0 0; }
#col_b #image_b li#wear a { background-position: -276px 0; }


/* survol */
#col_b #image_b li#accessoires a:hover { background-position: 0 -90px; }
#col_b #image_b li#wear a:hover { background-position: -276px -90px; }

/* ------------------------------------------------------------------ */

#col_c
{
   width: 552px;
   height: 90px;
   margin:auto;
   margin-bottom: 15px;
   position: relative;
   background-repeat: no-repeat;
}

#col_c #image_c { margin: 0; padding: 0; }
#col_c #image_c li { display: inline; }
#col_c #image_c li a { float: left; width: 276px; height: 0; padding-top: 90px; overflow: hidden; background-image: url("../../images/accueil/col_c.jpg"); background-repeat: no-repeat; }

/* Bouton */
#col_c #image_c li#news a { background-position: 0 0; }
#col_c #image_c li#newsletter a { background-position: -276px 0; }


/* survol */
#col_c #image_c li#news a:hover { background-position: 0 -90px; }
#col_c #image_c li#newsletter a:hover { background-position: -276px -90px; }

/* ------------------------------------------------------------------ */

#col_d
{
   width: 552px;
   height: 90px;
   margin:auto;
   margin-bottom: 15px;
   position: relative;
   background-repeat: no-repeat;
}

#col_d #image_d { margin: 0; padding: 0; }
#col_d #image_d li { display: inline; }
#col_d #image_d li a { float: left; width: 276px; height: 0; padding-top: 90px; overflow: hidden; background-image: url("../../images/accueil/col_d.jpg"); background-repeat: no-repeat; }

/* Bouton */
#col_d #image_d li#promotion a { background-position: 0 0; }
#col_d #image_d li#info_shop a { background-position: -276px 0; }


/* survol */
#col_d #image_d li#promotion a:hover { background-position: 0 -90px; }
#col_d #image_d li#info_shop a:hover { background-position: -276px -90px; }