/* general */
*{margin:0; padding:0;}
html{font-size:62.5%;}
body{background:#eee; text-align:center;}
body{font:1.1em Verdana, Arial, Helvetica, sans-serif;}
body,select,textarea{line-height:1.6em; color:#333;}
select,input,textarea{font:1em Verdana, Arial, Helvetica, sans-serif; color:#333;}
select option{padding:0 10px;}
label{float:left; width:150px; font-weight:bold;}

/* Titres */
h1, h2, h3, h4, h5{color:#333;}
h1{font-size:1.6em; margin:15px 0 5px 0;}
h2{font-size:1.4em; margin:0 0 5px 0;}
h3{font-size:1.2em; margin:15px 0 5px 0;}
h4{font-size:1.2em; margin:10px 0 5px 0;}
h5{font-size:1.1em; margin:5px 0 5px 0;}

/* table */
table{border-collapse:collapse; margin:10px 0; width:100%; font-size:1em; border:1px solid #ccc;}
table td,table th{padding:2px 5px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
table th{background:url(../imgfront/bg_rech.jpg) repeat-x; text-align:left; color:#fff; font-size:1.1em;}
table th,table tr td{padding:0 0 0 5px; height:24px;}

#tab_sous_total{float:right; width:300px;}
#tab_sous_total td{text-align:right; padding:0 5px 0 0;}

/* Liens */
a img {border:none;}
a:link,a:visited{color:#00a2ff; text-decoration:none;}
a:hover{color:#000; text-decoration:underline;}
a:active{text-decoration:none;}


/* general */
#conteneur{background:#fff; border:1px solid #ddd; width:980px; margin:0 auto; text-align:left; voice-family:"\"}\""; voice-family:inherit; width:970px;}
html>body #conteneur{width:970px;}

#mini_panier{background:url(../imgfront/ic_panier.jpg) no-repeat; background-position:0 1px; float:right; margin:10px 10px 0 0; padding:0 0 0 30px;}

#top_links{clear:right; float:right; margin:20px 10px 0 0; color:#999;}
#top_links a{color:#666;}

#logo{margin:0 0 0 10px;}

#zone_rech{clear:both; height:24px; padding:3px 0 0 5px; background:url(../imgfront/bg_rech.jpg) repeat-x; color:#fff;}
#zone_rech form{display:inline; margin:0 60px;}
#zone_rech input, #zone_rech select{background:#aeddff; vertical-align:middle;}

#main_content{background:url(../imgfront/bg_main_content.jpg) repeat-x; padding:20px 0 0 0;}

#footer{clear:both; padding:20px 0 10px 0; text-align:center; color:#999;}


/* pages avec col */
#col_g{clear:left; float:left; background:#00a2ff; width:157px; color:#fff;}
#head_col_g h3{margin:0; padding:10px 0 0 0;}

#col_g h4{margin:20px 0 5px 5px; color:#fff;}
#col_g ul{list-style:none; padding:0 1px;}
#col_g ul li{display:inline;}
#col_g ul li a{display:block; color:#fff; padding:1px 10px; border-top:1px solid #aeddff;}
#col_g ul li a:hover{background:#eee; text-decoration:none; color:#333;}
#cat_selected:link, #cat_selected:visited{background:#aeddff; color:#333;}

#main_page{float:right; width:788px; margin:10px 0 0 0;}

/* fiche produit */
.vignette_produit{float:left; width:139px; height:230px; margin:0 14px 30px 0; text-align:center; border:1px solid #eee; background:#f7f7f7;}
.vignette_prix{margin:5px 0; color:#f7931d; font-size:1.4em; font-weight:bold;}

#fiche_prod_colg{float:left; width:402px; padding:0 0 2px 0; text-align:center;}
#fiche_prod_colg div{margin:10px 0 0 0;}
#fiche_prod_colg img{border:1px solid #ccc;}
#fiche_prod_cold{float:right; width:490px; margin:0 10px; color:#333;}
#fiche_prod_cold div{margin:8px 0;}


/* compte client */
#compte_client h2{margin:20px 0 0 20px;}

.cdr_mauve{clear:both; padding:5px 15px; margin:10px 0; background:#f7f7f7;}
#link_slide_1, #link_slide_2, #link_slide_3, #link_slide_4, #link_slide_5{font-weight:bold;}
#cclt_colg{float:left; width:420px; padding:10px;}
#cclt_cold{float:right; width:420px; padding:10px;}
#cclt_colg input, #cclt_cold input, #cclt_colg textarea, #cclt_cold textarea{width:312px;}
#cclt_colg select, #cclt_cold select{width:314px;}
.cclt_large{clear:both; padding:10px;}
.cclt_large input, #cclt_large textarea{width:772px;}

.cclt input, .cclt select{border:1px solid #ccc; padding:1px; margin:5px 0 0 0;}
.cclt textarea{border:1px solid #ccc; padding:1px; margin:5px 0 0 0;}
.cclt h3{margin:5px 0; padding:0 0 5px 0; border-bottom:1px solid #fff;}
.cclt label{float:left; width:100px; font-weight:bold; margin:5px 0 0 0;}
.cclt br{clear:left;}
.submit_bt{text-align:center;}
.bt_submit_tab{clear:both; text-align:right;}


#main_text{padding:0 20px 20px 20px;}
#main_text p, #main_text h2{margin:20px 0;}
#main_text h1{font:5em Myriad, Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#eedfed;}



#pagination, #img_view{clear:both; margin:0 0 20px 0; text-align:center;}
#pagination a, #img_view a{border:1px solid #ccc; padding:3px 6px;}

/* onglets menu*/
#menu{float:left; width:100%; background:url(../imgfront/bgmenu.gif) repeat-x bottom;}
#menu ul{float:left; list-style:none; padding:0 5px 0 0;}
#menu li{display:inline;}
#menu a{float:left; background:url(../imgfront/onglet_left.jpg) no-repeat top left; margin:0 2px 0 0; padding:0 0 0 6px; border-bottom:1px solid #999; text-decoration:none; font-weight:bold; color:#333;}
#menu a span{float:left; display:block; background:url(../imgfront/onglet_right.jpg) no-repeat top right; padding:5px 15px 4px 9px;}
#menu a:hover{color:#000;}
#menu a:hover{background-position:0% -46px;}
#menu a:hover span{background-position:100% -46px;}
#menu #current a{background-image:url(../imgfront/onglet_left.jpg); background-position:0% -46px; padding:0 0 0 6px; border:0;}
#menu #current a span{background-image:url(../imgfront/onglet_right.jpg); background-position:100% -46px; padding-bottom:5px;}
/* Hack - cache la regle pour IE5-Mac \*/
#menu a span{float:none;}
/* End IE5-Mac hack */




/* class */
.clear{clear:both; line-height:1px;}
.gris:link{color:#999;}
.floatr{float:right;}
.feedback{background:#f7931d; color:#fff; text-align:center; font-size:1.4em; font-weight:bold; line-height:2em;}

/* cadres accueil */
.cdr_accueil{float:left; width:295px; height:210px; margin:0 0 30px 19px; background:#f7f7f7; border:1px solid #ddd;}
.cdr_accueil h3{padding:8px 10px; margin:0; background:url(../imgfront/bg_ac_head.png) repeat-x bottom; color:#999;}
.cdr_accueil a{margin:10px 10px 5px 10px;}

.compteur_vf{float:right;}
.ac_nom_prod:link,.ac_nom_prod:visited{display:block; margin:10px; color:#333; font-weight:bold;}
.ac_prix_prod{color:#f7931d; font-size:1.4em; font-weight:bold;}
.ac_old_prix_prod{color:#999;}
.ac_stock_limit{color:#900;}
.view_all{display:block; clear:left; padding:0 0 0 10px;}
.add_pan{margin:10px 0 0 0;}

.blink{display:block; float:left; width:137px; height:137px; background:#fff; border:1px solid #eee; text-align:center;}
.blink:hover{border:1px solid #bbb; text-decoration:none;}

.prix_barre{text-decoration:line-through;}
.page_selected{background:#aeddff;}
.prix_fiche_prod{color:#f7931d; font-size:2.0em; font-weight:bold;}
.old_prix_fiche_prod{color:#999; font-size:0.5em; font-weight:normal;}
.cdr_event{padding:5px; background:url(../imgfront/bg_rech.jpg) repeat-x; text-align:center; font-size:1.2em; font-weight:bold; color:#fff;}

/* Clearfix */
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */