body
{
margin : 0 ;
padding : 0 ;
font-family:Arial, Helvetica, sans-serif;
font-size : 0.7em ;
background-color:#000;
color : gray ;
}

a:active, a:focus
{
outline : none ;
}

img
{
border : none ;
}

p
{
margin : 0 ;
padding : 0 ;
}

p a
{
color : #60D2D5 ;
text-decoration: none ;
}

p a:hover
{
background-color : #60D2D5 ;
color : #fff ;
}

div#conteneur
{
margin : 0 auto ;
padding : 0 ;
width : 988px ;
background-color:#fff ;
}

div#header
{
margin : 0 ;
padding : 0 0 10px 0 ;
height : 119px ;
background:url(images/bg_header2.jpg) no-repeat left top ;
border-bottom : 3px solid #000 ;
}

div#header_nobarre
{
margin : 0 ;
padding : 0;
height : 119px ;
background:url(images/bg_header2.jpg) no-repeat left top ;
}

ul#menu
{
list-style-type : none ;
height : 18px ;
margin : 0 ;
padding : 98px 0px 0px 290px ;
}

ul#menu_boutique
{
list-style-type : none ;
height : 18px ;
margin : 0 ;
padding : 98px 0px 0px 308px ;
}

ul#menu li, ul#menu_boutique li
{
float : left ;
}

ul#menu li a, ul#menu_boutique li a
{
display : block ;
text-decoration : none ;
line-height : 18px ;
padding : 0px 3px ;
margin : 0 3px ;
text-indent : -6000px ;
text-align : center ;
}

a#menu_home
{
background:url(images/btn_home.gif) no-repeat left top ;
width : 31px ;
border-right : 1px solid #fff ;
}

a#menu_shop
{
background:url(images/btn_shop.gif) no-repeat left top ;
width : 29px ;
border-right : 1px solid #fff ;
}

a#menu_products
{
background:url(images/btn_products.gif) no-repeat left top ;
width : 55px ;
border-right : 1px solid #fff ;
}

a#menu_team
{
background:url(images/btn_team.gif) no-repeat left top ;
width : 31px ;
border-right : 1px solid #fff ;
}

a#menu_retailers
{
background:url(images/btn_retailers.gif) no-repeat left top ;
width : 57px ;
border-right : 1px solid #fff ;
}


a#menu_contact
{
background:url(images/btn_contact.gif) no-repeat left top ;
width : 49px ;
border-right : 1px solid #fff ;
}

a#menu_video
{
background:url(images/btn_video.gif) no-repeat left top ;
width : 31px ;
border-right : 1px solid #fff ;
}

a#menu_photo
{
background:url(images/btn_photo.gif) no-repeat left top ;
width : 35px ;
}

a#menu_skateboards
{
background:url(images/btn_skateboards.gif) no-repeat left top ;
width : 81px ;
border-right : 1px solid #fff ;
}

a#menu_clothink
{
background:url(images/btn_clothink.gif) no-repeat left top ;
width : 53px ;
border-right : 1px solid #fff ;
}

a#menu_destock
{
background:url(images/btn_destock.gif) no-repeat left top ;
width : 49px ;
border-right : 1px solid #fff ;
}

a#menu_account
{
background:url(images/btn_compte.gif) no-repeat left top ;
width : 73px ;
border-right : 1px solid #fff ;
}

a#menu_terms
{
background:url(images/btn_terms.gif) no-repeat left top ;
width : 38px ;
}

a#menu_home:hover
{
background:url(images/btn_home.gif) no-repeat left -18px ;
}

a#menu_shop:hover
{
background:url(images/btn_shop.gif) no-repeat left -18px ;
}

a#menu_products:hover
{
background:url(images/btn_products.gif) no-repeat left -18px ;
}

a#menu_team:hover
{
background:url(images/btn_team.gif) no-repeat left -18px ;
}

a#menu_retailers:hover
{
background:url(images/btn_retailers.gif) no-repeat left -18px ;
}

a#menu_contact:hover
{
background:url(images/btn_contact.gif) no-repeat left -18px ;
}

a#menu_video:hover
{
background:url(images/btn_video.gif) no-repeat left -18px ;
}

a#menu_photo:hover
{
background:url(images/btn_photo.gif) no-repeat left -18px ;
}

a#menu_skateboards:hover
{
background:url(images/btn_skateboards.gif) no-repeat left -18px ;
}

a#menu_clothink:hover
{
background:url(images/btn_clothink.gif) no-repeat left -18px ;
}

a#menu_destock:hover
{
background:url(images/btn_destock.gif) no-repeat left -18px ;
}

a#menu_account:hover
{
background:url(images/btn_compte.gif) no-repeat left -18px ;
}

a#menu_terms:hover
{
background:url(images/btn_terms.gif) no-repeat left -18px ;
}

div#content_fixe
{
margin : 5px 0 20px 0 ;
padding : 0px ;
height : 380px ;
}

div#content_fixe_nomargin
{
margin :  0 ;
padding : 90px 0px 0 430px;
background:url(images/bg_contact.jpg) no-repeat left top;
height : 303px ;
}

div#content_fat
{
margin : 5px 0 0px 0 ;
padding : 0px ;
}

div.index_1, div.index_2, div.index_3, div.index_4, div.index_news
{
height : 370px;
overflow : auto ;
float : left ;

margin : 0 0 10px 0 ;
}

div.index_1
{
width : 24% ;
padding : 10px ;
}

div.index_1 h1, div#think_flat h1
{
font-size : 11px ;
padding : 0 ;
margin : 0px 0px 10px 0px ;
}

div.index_1 h1 a, div#think_flat h1
{
text-decoration : none ;
color : gray ;
}

div.index_1 h1 a:hover, div#think_flat h1 a:hover
{
color : #fff ;
background-color:gray;
}

div.index_1 h1 span, div#think_flat h1 span
{
color : silver ;
}

p.news_p
{
text-align : justify ;
margin : 0 10px 0 0;
color : gray;
}

div.index_2
{
width : 164px ;
padding : 10px 0px 10px 0px ;
}

div.index_3
{
width : 24% ;
text-align : center ;
padding : 10px 0px 10px 0px ;
}

div.index_3 a
{
display : block ;
padding : 0 ;
margin : 0 0 30px 0 ;
}

div.index_4
{
width : 329px ;
padding : 10px 0px 10px 0px ;
}

div.index_news
{
width : 660px ;
padding : 10px 20px 10px 40px ;
}

div.index_news h1
{
margin : 0 0 20px 0 ;
padding :0 ;
font-size : 1.8em ;
font-weight : normal ;
}

div.index_news h1 span
{
color : silver ;
font-size : 0.8em ;
font-weight : bold ;
}



div#footer
{
clear : left ;
margin : 0 ;
padding : 0 ;
height : 154px ;
background:url(images/bg_footer2.jpg) no-repeat left top ;

}

div#footer img
{
margin : 0px 10px 0px 640px ;
padding : 25px 0 0 20px ;
}

div#footer h1
{
font-variant:small-caps ;
color : #878787 ;
font-size : 11px ;
background:url(images/picto_footer.gif) no-repeat left bottom ;
font-weight : normal ;
margin : 0px 10px 0px 670px ;
padding : 25px 0 0 20px ;
line-height : 14px ;
}

div.comments
{
padding : 5px ;
margin : 10px 10px 10px 0px ;
background-color : whitesmoke;
font-size : 0.9em ;
-moz-border-radius : 10px ;
-webkit-border-radius : 10px ;
border-radius : 10px ;
}

.comments a
{
color : #60D2D5 ;
}

.comments a:hover
{
color : #fff ;
background-color : #60D2D5 ;
}

.comment_each
{
line-height : 10px ;
padding : 10px ;
margin : 5px 0px 0px 0px ;
border-top : 1px dotted gray ;
}

.comment_each span
{
font-weight : bold ;
font-style:italic ;
color:silver ;
}

div.products
{
margin : 0 0 30px 0 ;
padding : 0px ;
float : left;
text-align : center ;
width : 104px ;
}

div.shop_products
{
margin : 10px 0 40px 0 ;
padding : 0px ;
float : left;
text-align : center ;
width : 197px ;
height : 420px ;
background:url(images/liseret_shop.gif) no-repeat right 30px ;
}

div.fiche_products
{
margin : 20px 0 ;
padding : 0 0 0 510px ;
float : left;
text-align : center ;
width : 130px ;
background:url(images/hand.jpg) no-repeat left top ;
float : left ;
}

div.fiche_info
{
float : right ;
margin : 20px 15px 0 0 ;
padding : 10px 15px 0 30px ;
color : gray ;
background:url(images/liseret_shop.gif) no-repeat left 30px ;
}

div.fiche_info ul
{
line-height : 2em ;
margin : 30px 0 ;
padding : 0 15px ;
}

span.prix
{
color : #000;
font-size : 10px ;
}


span.fiche_prix
{
color : #EC3D22;
font-weight : bold ;
font-size : 20px ;
}

div.fiche_info h3
{
font-size : 15px;
margin : 0;
padding : 0 ;
text-transform:uppercase;
}

div.fiche_info h3 span
{
font-size : 13px;
}

div.products h3, div.shop_products h3
{
font-size : 1em ;
margin : 6px 0 0px 0 ;
padding : 0 ;
}

div.products span, span.shop_size
{
font-size : 0.9em;

padding-left : 8px ;
background : url(images/fleche_size.gif) no-repeat 2px 3px ;
}



div.products a:hover
{
color : #fff ;
background-color:#000 ;
}

img.deck
{
margin : 0 0 0 25px ;
}

div.distrib 
{
float : left ;
width : 175px ;
height : 60px ;
padding : 10px ;
margin : 0  ;
}

div.distrib h2, div.distrib h3, div.distrib h4
{
font-weight : bold ;
font-size : 11px ;
margin : 0 ;
padding : 0 ;
line-height : 1.4em ;
color : #999999 ;
}

div.distrib a
{
color : #60D2D5 ;
text-decoration : none ;
}

div.distrib a:hover
{
background-color : #60D2D5 ;
color : #fff ;
}

div.video_list
{
float : left ;
width : 329px ;
padding : 0px ;
margin : 0 0px 10px 0 ;
text-align : center ;
}

div.video_list h3
{
font-size : 12px ;
text-align : left ;
margin : 10px 0 5px 0 ;
padding : 0 0 0 17px ;
}

div.video_list:hover
{
color : gray ;
}

div#photo
{
white-space:nowrap;
overflow : scroll ;
height : 385px ;
margin : 10px auto  ;
padding : 0px;
width : 96% ;
}

div#photo img
{
padding : 0 ;
margin : 0 15px 0 0;
}

div#goofy, div#regular, div#others 
{
margin : 0 0 0 13px ;
height : 147px ;
color : #fff ;
padding : 6px 8px ;
}

div#goofy
{
background : url(images/goofy.jpg) no-repeat left top ;
}

div#regular
{
background : url(images/regular.jpg) no-repeat left top ;
}

div#others
{
background : url(images/others.jpg) no-repeat left top ;
}

div#goofy h1, div#regular h1, div#others h1
{
text-transform:uppercase;
font-size : 12px ;
margin : 0 0 3px 0 ;
padding : 0 ;
}

div#goofy a, div#regular a, div#others a
{
color : #fff ;
text-decoration : none ;
}

div#goofy a:hover, div#regular a:hover, div#others a:hover
{
font-weight : bold ;
}

div.shop_products form
{
margin : 0 ;
padding : 0 ;
}

span.prix_rouge, span.prix_vert, span.prix_orange
{
position : relative ;
top : -330px ;
left : 3px ;
color : #fff ;
font-weight : bold ;
padding : 7px 5px ;
font-size : 1.2em ;
}

span.prix_rouge
{
background:url(images/prix_rouge.jpg) no-repeat left top ;
}

span.prix_vert
{
background:url(images/prix_vert.jpg) no-repeat left top ;
}

span.prix_orange
{
background:url(images/prix_orange.jpg) no-repeat left top ;
}

div.clear
{
clear : both ;
margin : 0 ;
padding : 0 ;
}

div#new_user
{
float:left ;
width : 45% ;
margin : 0 ;
padding : 20px ;
}

div#existing_user
{
float:right ;
width : 45% ;
margin : 0 ;
padding : 20px ;
}



form.user_form
{
font-size : 1em ;
line-height : 13px ;
}

form.user_form fieldset
{
padding : 10px 10px 10px 20px ;
}

form.user_form span
{
font-size : 0.9em ;
}

form.user_form legend
{
font-weight : bold ;
}

span.crayon
{
background:url(http://www.anagramskateboards.com/css/images_css/stylo.jpg) no-repeat 140px 3px ;
display : block ;
text-align : right ;
padding : 0 15px 0 50px ;
margin : 0 ;
}

span.crayon img
{
margin : 0 ;
padding : 0 ;
}

span.crayon a
{
color : #60D2D5 ;
text-decoration: none ;
}

span.crayon a:hover
{
background-color : #60D2D5 ;
color : #fff ;
}

div.conteneur_fiche_rider
{
float : right ; 
width :55% ;margin : 0;
padding : 0 ; 
height : 392px; 
background:url(images/liseret.gif) no-repeat 130px bottom;
position : relative ;
}

div.fiche_rider
{
height : 390px ;
margin : 0 0 0 0px ;
padding :  0 ;
}

p.rider_speach
{
width : 290px ;
margin : 0 ;
padding : 60px 10px 10px 10px ;
text-align : justify ;
-moz-border-radius : 10px ;
-webkit-border-radius : 10px ;
border-radius : 10px ;

}

form#contact_form
{
padding : 0 ;
margin : 0 ;
line-height : 15px ;
}

form#contact_form fieldset
{
border:none ;
padding : 0 ;
margin : 0 ;
}

form#contact_form legend
{
color : #fff ;
font-size : 12px ;
font-weight : bold ;
padding : 0 ;
margin : 0 ;
display:inline ;
}

form#contact_form legend span
{
font-size : 10px ;
}

form#contact_form input, form#contact_form textarea
{
font-family:Arial, Helvetica, sans-serif;
font-size : 11px ;
color : gray ;
padding : 4px ;
margin : 3px 0 0 0 ;
}

form#contact_form input
{

border : 1px inset silver ;
}

form#contact_form input:focus, form#contact_form textarea:focus
{
background-color : whitesmoke ;
}

div#renseignements
{
font-size : 12px ;
background:url(images/crayon_noir.gif) no-repeat 119px 8px ;
background-color : #000;
color : #fff ;
text-align : right ;
line-height : 25px ;
height : 25px ;
margin : 0 ;
padding : 0 15px 0 120px ;

}

div#renseignements span
{
color : #60D2D5 ;
}

div.zap_list
{
text-align : center ;
margin : 0 0 10px 0 ;
padding : 0 ;
}

div.zap_list h3
{
margin : 0 0 5px 0 ;
padding : 0 ;
font-size : 11px ;
}

div#think_flat
{
overflow : auto ;
background : url(images/bg_think_flat.jpg) no-repeat left 30px ;
height : 320px ;
padding : 30px 15px 30px 600px ;
}

div#legal_content
{
margin : 0 ;
padding : 15px ;
text-align : justify ;
}
