BODY { background: #FFF; color: #FFFFFF; margin: 0px; }
#main { width:1024px; background: #000000; margin-bottom:5px; font-family: "Verdana"; }

/* ########### GENERAL ###########*/
img a { border:none; }
img a:hover { border:none; }

a { color:#5B5B5B; text-decoration: none; }
a:hover { color:#9e0a0a; text-decoration: underline; }

.bloc_menu{ width:600px; height:auto; margin-top:25px;}
.titre a{ text-decoration:none; color:#FFFFFF; font-size:25px;}
.sstitre{ font-size:12px; margin-bottom:25px;}
.separation {width:620px; height:1px; border-bottom:1px solid #666666;margin-top:0px; margin-bottom:8px; }
.titre_rubrique{ color:#9e0a0a; font-size:14px; margin-bottom:10px;}

/*########### COLONNE GAUCHE ###########*/
.categories{ margin-left:10px; margin-top:20px;}
.categories_liste{ margin-left:10px; margin-bottom:30px;}
.titre_categorie{font-size:12px; margin-bottom:5px;}


/*########### COLONNE DROITE ###########*/
.categories2{margin-top:20px;}






/*########### HEADER ###########*/
#header{ background-color:#9E0A0A; width:1024px; height:130px; }
#logo a { float:left; width:255px; height:130px; background:url(images/header/logo2.png) left top no-repeat; }
#logo a:hover { float:left; width:255px; height:130px; background:url(images/header/logo2.png) right top no-repeat; }

#header_icons { float:right; width:695px; height:80px; padding-right:10px;margin-top:10px }
.h_icon_1 a { float:right; width:70px; height:70px; margin-right:3px; background:url(images/header/icones_buggy.png) left top no-repeat; }
.h_icon_2 a { float:right; width:70px; height:70px; margin-right:3px; background:url(images/header/icones_181.png) left top no-repeat; }
.h_icon_3 a { float:right; width:70px; height:70px; margin-right:3px; background:url(images/header/icones_type3.png) left top no-repeat; }
.h_icon_4 a { float:right; width:70px; height:70px; margin-right:3px; background:url(images/header/icones_karmann.png) left top no-repeat; }
.h_icon_5 a { float:right; width:70px; height:70px; margin-right:3px; background:url(images/header/icones_type2b.png) left top no-repeat; }
.h_icon_6 a { float:right; width:70px; height:70px; margin-right:3px; background:url(images/header/icones_type2s.png) left top no-repeat; }
.h_icon_7 a { float:right; width:70px; height:70px; margin-right:3px; background:url(images/header/icones_type1.png) left top no-repeat; }

.h_icon_1 a:hover { float:right; width:70px; height:70px; margin-right:3px; background:url(images/header/icones_buggy.png) right top no-repeat; }
.h_icon_2 a:hover { float:right; width:70px; height:70px; margin-right:3px; background:url(images/header/icones_181.png) right top no-repeat; }
.h_icon_3 a:hover { float:right; width:70px; height:70px; margin-right:3px; background:url(images/header/icones_type3.png) right top no-repeat; }
.h_icon_4 a:hover { float:right; width:70px; height:70px; margin-right:3px; background:url(images/header/icones_karmann.png) right top no-repeat; }
.h_icon_5 a:hover { float:right; width:70px; height:70px; margin-right:3px; background:url(images/header/icones_type2b.png) right top no-repeat; }
.h_icon_6 a:hover { float:right; width:70px; height:70px; margin-right:3px; background:url(images/header/icones_type2s.png) right top no-repeat; }
.h_icon_7 a:hover { float:right; width:70px; height:70px; margin-right:3px; background:url(images/header/icones_type1.png) right top no-repeat; }

#header_button { float:right; width:700px; height:30px; }
#button { list-style:none; margin-top:19px; }
#button li { float:right; width:120px; margin-right:10px; }
#button li a{ display:block; background:url(images/header/menucoulissant.png) left top no-repeat; padding:3px 0;  }
#button li a{ font-size:14px; font-weight:bold; color:#fff; text-align:center; text-decoration:none; }
#button li a:hover, #button li a:focus, #button li a:active {background: url(images/header/menucoulissant.png) right top no-repeat; }

.bc_login, .bc_logoff { float:right; width:auto; padding-top:5px; padding-right:15px; text-align:right; font-size:10px; color:#FFF;  font-style:italic; }
.bc_login a { font-size:10px; color:#FFF; font-style:italic; }
.bc_login a:hover { font-size:10px; color:#FFF; font-style:italic; text-decoration:underline; }
.bc_logoff a { font-size:10px; color:#D3D3D3; font-style:italic; }
.bc_logoff a:hover { font-size:10px; color:#FFF; font-style:italic; text-decoration:underline; }


/*########### BREADCRUMB ###########*/
#navbar{margin-top:0px;height:20px; width:1014px; background-color:#000000; padding-left:10px; }
.breadcrumb { float:left; font-size: 11px;color: #ffffff; line-height:20px; }
.breadcrumb a { float:left; font-size: 11px;color: #ffffff; line-height:20px; text-decoration:none; }
.breadcrumb a:hover { float:left; font-size: 11px;color: #ffffff; line-height:20px; text-decoration:underline; }


/* ########### GENERAL FOR BOXES ###########*/









/*########### FOOTER ###########*/
#footer{clear: both;margin: 0;padding:0;height:auto;}
#footer #date { background-image:url(images/footer/fond.png); font-size:11px; color:#000000;font-weight:normal; line-height:2em; margin-top:15px;}
#footer #date { height:25px; width:1024px; border-top:1px solid #666666; border-bottom:1px solid #666666; margin-bottom:10px;}
#footer #marque { height:auto; width:1008px; border-bottom:1px solid #b2b2b2; margin-bottom:10px;}
#footer #marque2 { height:auto; width:1008px; border-bottom:1px solid #b2b2b2; margin-bottom:2px;}
.f_text{  font-size:11px; color:#505050;font-weight:normal; line-height:2em;}
.f_text_c{  font-size:11px; color:#505050;font-weight:normal; line-height:25px;}
.f_text2 a{  font-size:10px; color:#b2b2b2;font-weight:normal; line-height:2em; border-right:1px solid #b2b2b2; text-decoration:none;}
.f_text2 a:hover{  font-size:10px; color:#404040;font-weight:normal; line-height:2em; border-right:1px solid #b2b2b2; text-decoration:none;}
#footer #bas { height:25px; width:1008px;}