@charset "UTF-8";
/* CSS Document */
html, body {
    width: 100%;
    color: #000;
    font-family: Trebuchet MS, Helvetica, arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
}

/*
 * Core
 *
 */
hr {
    border: none;
    border-top: 1px solid #ccc;
}

a:link, a:visited {
    color: #000;
}

a:hover {
    color: #60b1d7;
}

#bloc_base_top {
    width: 1086px;
    background: url(../img/fd_bineau_top.gif) no-repeat;
    margin-left: auto;
    margin-right: auto;
    height: 28px;
}

#bloc_base {
    width: 1086px;
    /*height: 100%;overflow: auto;*/
    background: url(../img/fd_bineau.gif) repeat-y;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    position: relative;
	
}

#bloc_contour {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 982px;
    position: relative;
	
}

#bloc_logo, #bloc_menu, #panier {
    float: left;
}

/* menu top */
.menu_top_col {
    border: 0px solid #000;
    width: 132px;
    padding-top: 8px;
    padding-left: 10px;
    font-family: Trebuchet MS, Trebuchet, Helvetica, arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-indent: 2px;
    float: left;
}

.menu_top_ul {
    margin-top: 6px;
    margin-bottom: 0px;
    font-size: 11px;
    line-height: 16px;
    color: #979797;
    font-weight: normal;
    margin-left: 0;
}

.menu_top_ul li {
    list-style-type: none;
    padding-left: 10px;
    background: url(../img/menu_puce_off.gif) center left no-repeat;
}

.menu_top_ul li:hover {
    background: url(../img/menu_puce_on.gif) center left no-repeat;
    color: #60b1d7;
}

.menu_top_col a {
    color: #979797;
    text-decoration: none;
}

.menu_top_col a:hover {
    color: #60b1d7;
}

/* chemin */
#chemin {
    /*background-color: #e3e7c2;   */
    width: 100%;
    height: 18px;
    clear: left;
    padding-top: 5px;
    font-size: 10px;
}

#chemin a:link, #chemin a:visited {
    color: #8c8c8c;
    text-decoration: none;
}

#chemin a:hover, #chemin a.chemin_on {
    color: #454545;
}

/* menu horz */
#menu_horz {
    /*     background-color: #e3e7c2;     */
    background: url(../img/fd_menu_horz_1.gif) 0 0 no-repeat;
    width: 100%;
    height: 22px;
    clear: left;
    padding-top: 8px;
    font-family: Georgia, Helvetica, arial, sans-serif;
    font-size: 14px;
    margin-bottom: 4px;
    position: relative;
}

#menu_horz_a {
    float: left;
}

#menu_horz a:link, #menu_horz a:visited {
    color: #504d49;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px;
}

#menu_horz a:hover, #menu_horz a.chemin_on {
    color: #fff;
}

#menu_horz a:hover strong {
    color: #0981b9;
}

#menu_horz #panier a {
    background-color: #e3e7c2;
    padding-left: 0px;
    padding-right: 0px;
    color: #0981b9;
    float: right;
    text-align: left;
}

#panier_contenu {
    z-index: 200;
    /*position:relative;left:740px;top:7px;position:absolute; */
    position: absolute;
    /*
     right:2px;
     top:26px;
     */
    right: 2px;
    top: 189px;
    background-color: #eee;
    display: none;
    width: 240px;
    height: auto;
    overflow: hidden;
}

/* menu Changer de gamme produit  */
.list_gamm ul li {
    line-height: 14px;
    /*
     list-style-image:url(../img/puce_fleche.gif);
     list-style-position:outside;
     margin-left:15px;
     */
    list-style-type: none;
    background: url(../img/puce_fleche.gif) center left no-repeat;
    padding-left: 15px;
}

.list_gamm ul li:hover {
    /*list-style-image:url(../img/puce_fleche_over.gif);*/
    background: url(../img/puce_fleche_over.gif) center left no-repeat;
}

#panier_lien {
    position: relative;
}

#panier_lien_nbart, #panier_lien_open {
    cursor: pointer;
}

#panier_lien_nbart {
    float: left;
}

/* message */
.block_msg {
    background-color: #efefef;
    padding: 20px;
    font-family: Trebuchet MS, Helvetica, arial, sans-serif;
    font-size: 14px;
    color: #777;
}

/* menu bas 3/3 */
#menu_bas {
    background-color: #e3e7c2;
    width: 326px; /*-2 (6/3) */
    height: 127px;
    float: left;
    border-top: 1px solid white;
    cursor: pointer;
}

#menu_bas_hover {
    background: url(../img/plus_.gif) 286px 22px no-repeat;
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: block;
}

#menu_bas_hover:hover {
    background: url(../img/plus_over.gif) 286px 22px no-repeat;
}

#menu_bas_sep {
    float: left;
    width: 1px;
    height: 97px;
    background: url(../img/menu_bas_sep.gif) no-repeat;
}

#menu_bas_txt {
    padding-top: 30px;
    padding-left: 32px;
    font-family: Trebuchet MS, Helvetica, arial, sans-serif;
    font-size: 12px;
}

#menu_bas_txt h3 {
    font-family: Georgia, Helvetica, arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
}

#ligne_bas {
    border-top: 1px solid #ced0cf;
    clear: both;
    margin-top: -1px;
    margin-bottom: 6px;
}

#menu_bas_ li, #menu_bas_ li a {
    float: left;
    font-family: Trebuchet MS, Helvetica, arial, sans-serif;
    font-size: 11px;
    color: #919291;
    list-style-image: none;
    list-style-type: none;
    text-decoration: none;
    text-transform: uppercase;
}

#menu_bas_ li a:hover {
    color: #000;
    text-decoration: none;
}

#menu_bas_ li .sep {
    float: left;
    padding-right: 7px;
    padding-left: 7px;
}



/* bloc unique */
#cat_bloc_cent {
    width: 680px;
    padding: 20px;
    padding-left: 50px;
    height: 450px;
	
}

/* pour IE */
html > body #cat_bloc_cent {
    height: auto;
    min-height: 450px;
}



/* bloc unique cms */
#cat_bloc_cent_cms {
    height: 450px;
	width: 995px;
}

/* pour IE */
html > body #cat_bloc_cent_cms {
    height: auto;
    min-height: 450px;
}



#cat_bloc_cent li {
    list-style-type: none;
    padding-bottom: 10px;
}

/* font com */
.treb_16, .treb_16_b, .treb_14_i, .treb_13, .treb_13_i, .treb_12, .treb_11, 
#panier_contenu a.treb_12, .treb_12_i, #panier_contenu a.treb_12_i, 
#cat_bloc_cent p, #cat_bloc_cent h3 /*, #cat_bloc_cent h4 */ {
    font-family: Trebuchet MS, Helvetica, arial, sans-serif;
    font-size: 13px;
    line-height: 16px;
    color: black;
}

.treb_16 { /* sous titre */
    font-size: 16px;
    line-height: 19px;
}

.treb_16_b { /* sous titre bleu*/
    color: #47a5d1;
    font-size: 16px;
    line-height: 19px;
}

.treb_14, #cat_bloc_cent h3 { /* chapeau gris */
    font-size: 14px;
    line-height: 17px;
    border: none;
}

.treb_14_i { /* chapeau gris */
    font-size: 14px;
    color: #9d9d9d;
    font-style: italic;
    line-height: 17px;
}

.treb_13_i { /* chemin */
    font-style: italic;
}

.treb_13, #cat_bloc_cent p, #cat_bloc_cent h4 { /* txt */
}

.treb_12 {
    font-size: 12px;
}

.treb_11 {
    font-size: 11px;
}

/*georgia*/
.geor_24, .lemag_titre, h1.lemag_titre, #cat_bloc_cent h2 { /* titre */
    color: #47a5d1;
    font-family: Georgia, Helvetica, arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
}

#panier_contenu .geor_14, .geor { /* liste achat */
    color: #9d9d9d;
    font-family: Georgia, Helvetica, arial, sans-serif;
}

#cat_bloc_cent h2, #cat_bloc_cent h4, #cat_bloc_cent p {
    padding-bottom: 14px;
}

h1.lemag_titre {
    font-size: 24px;
    line-height: 29px;
}

/* le mag */
.faq_fleche {
    background: url(../img/faq_fleche.gif) 620px 9px no-repeat;
}

.faq_fleche2 {
    background: url(../img/faq_fleche.gif) 930px 9px no-repeat;
}

#lemag_simulateur3d {
    margin-top: 18px;
    border-top: 1px solid #ccc;
    width: 230px;
    height: 130px;
    margin-left: 12px;
    background: url(../img/bineau_simulateur3d.jpg) 0 10px no-repeat;
}

#lemag_simulateur3d:hover {
    background: url(../img/bineau_simulateur3d_over.jpg) 0 10px no-repeat;
}

#lemag_catalogue {
    margin-top: 18px;
    border-top: 1px solid #ccc;
    width: 230px;
    height: 130px;
    margin-left: 12px;
    background: url(../img/bineau_catalogue.jpg) 0 10px no-repeat;
}

#lemag_catalogue:hover {
    background: url(../img/bineau_catalogu_over.jpg) 0 10px no-repeat;
}

#lemag_expert {
    margin-top: 18px;
    border-top: 1px solid #ccc;
    width: 230px;
    height: 130px;
    margin-left: 12px;
    background: url(../img/bineau_expert.jpg) 0 10px no-repeat;
}

#lemag_expert:hover {
    background: url(../img/bineau_expert_over.jpg) 0 10px no-repeat;
}

/* liste achat */
#panier_contenu a.treb_12:hover, #panier_contenu a.treb_12_i:hover {
    color: #47a5d1;
}

#panier_contenu a.treb_12 {
    font-size: 12px;
}

#panier_contenu a.treb_12_i {
    font-size: 12px;
    font-style: italic;
    color: #9d9d9d;
}

#panier_contenu .geor_14 {
    font-size: 14px;
    color: black;
    font-style: italic;
}

#panier_contenu a.listea_bouton {
    background-color: #8c8c8c;
    color: white;
    display: block;
    width: 100%;
    padding: 6px;
}

/* catalogue  cat_      ******************************* */



#cat_bloc_gch, 
#cat_bloc_drt {
	margin-bottom : -6000px;
	padding-bottom : 6000px;
}

#cat_bloc_gch {
    float: left;
    width: 735px;
    overflow: hidden;
}

#cat_bloc_drt {
    float: left;
    border-left: 1px solid #d1d2d2;
    margin-left: 5px;
    width: 221px;
}






#cat_bloc_drt_cont {
    border-top: 1px solid #d1d2d2;
    border-bottom: 1px solid #d1d2d2;
    margin-left: 20px;
    padding-top: 10px;
    padding-bottom: 15px;
    width: 210px;
	
}

#cat_bloc_drt_cont .sous_titre_noir:hover, #cat_bloc_drt_cont p:hover {
    color: #31A3C8;
}

#cat_titre {
    background: url(../img/cat_fd_bleu.gif) no-repeat;
    margin-left: -1px;
    width: 221px;
    height: 36px;
    color: white;
    font-family: Georgia, Helvetica, arial, sans-serif;
    font-size: 18px;
    padding-top: 11px;
    padding-left: 20px;
}

#cat_liste {
    background: url(../img/cat_fd_bleu_liste.gif) no-repeat;
    margin-left: -1px;
    width: 221px;
    height: 36px;
    color: white;
    font-family: Georgia, Helvetica, arial, sans-serif;
    font-size: 18px;
    padding-top: 11px;
    padding-left: 20px;
}

#cat_menu {
    padding-left: 20px;
}

#cat_menu li {
    list-style-type: none;
    font-family: Trebuchet MS, Helvetica, arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
}

/*
 * _prod_list
 *
 */
.prod_list_ul {
    width: 750px;
    margin: 0px;
    padding: 0px;
    border: 0px solid green
}

.prod_list_li {
    width: 236px;
    height: 296px;
    float: left;
    list-style-type: none;
    list-style-image: none;
    padding-right: 12px;
}

.prod_list_promo {
    width: 229px;
    height: 22px;
    margin-top: -30px;
    padding-top: 8px;
    padding-left: 8px;
    background-color: #000;
    filter: alpha( opacity = 50);

-moz-opacity:
    0.5;

-khtml-opacity:
    0.5;

opacity:
    0.5;

color:
    #fff;

font:italic
    14px / 14px

Georgia, Helvetica, arial, sans-serif;

text-decoration:none;
}

.prod_list_prix, .prod_list_promo_prix {
    font-style: italic;
    font-family: Georgia, Helvetica, arial, sans-serif;
    font-size: 24px;
    line-height: 24px;
}

.prod_list_total_prix {
    padding-right: 50px;
    font-size: 14px;
    font-family: Trebuchet MS, Helvetica, arial, sans-serif;
    color: #47a5d1;
}

.prod_list_total_prix_i {
    padding-right: 5px;
    color: #47a5d1;
    font-family: Georgia, Helvetica, arial, sans-serif;
    font-style: italic;
    font-size: 20px;
    line-height: 20px;
}

.prod_list_euro, .prod_list_promo_euro {
    font-style: italic;
    font-family: Georgia, Helvetica, arial, sans-serif;
    font-size: 14px;
    line-height: 14px;
}

.prod_list_unite {
    font-family: Trebuchet MS, Helvetica, arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
}

.prod_list_promo_prix {
    color: #a0a0a0;
    text-decoration: line-through;
}

.prod_list_promo_euro {
    color: #a0a0a0;
}

.prod_list_titre a {
    text-transform: uppercase;
    font-family: Trebuchet MS, Trebuchet, Helvetica, arial, sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #000;
}

/* flip */
#pageflip {
    position: relative;
    right: 0;
    top: 0;
    float: right;
}

#pageflip img {
    width: 50px;
    height: 52px;
    position: absolute;
    right: 0;
    top: 0;
}

.msg_block_bg {
    /*overflow: hidden;*/
    position: absolute;
    width: 853px;
    height: 129px;
}

/*
 #pageflip .msg_block {
 background-color: white;
 width: 50px;
 height: 50px;
 overflow: hidden;
 position: absolute;
 right: 0;
 top: 0;
 }
 */
/*
 *
 *  category
 *
 */
.cat_list_txt {
    height: 20px;
    width: 100%;
    margin-top: -30px;
    padding-top: 8px;
    text-align: center;
    background-color: #000;
    filter: alpha( opacity = 50);

-moz-opacity:
    0.5;

-khtml-opacity:
    0.5;

opacity:
    0.5;

color:
    #fff;

font-style:italic;

font-family:Georgia, Helvetica, arial, sans-serif;

font-size:
    14px;

line-height:
    14px;

text-decoration:none;
}

.cat_list_ul {
    width: 750px;
    height: 200px;
    margin: 0px;
    padding: 0px;
    padding-top: 50px;
}

.cat_list_li {
    width: 100px;
    height: 100px;
    float: left;
    list-style-type: none;
    list-style-image: none;
    padding-right: 12px;
}

/*
 * Slider 2 karmic_flow
 */
.slider_txt_bas {
    padding: 10px;
    background-image: url(/img/slider_fd_black_50.png);
    position: relative;
    margin-top: -90px;
    width: 735px;
    height: 90px;
    color: white;
}

/* promo drt */
.slide_txt_drt {
    padding: 10px;
    background-image: url(/img/slider_fd_white_60.png);
    position: absolute;
    top: 50px;
    left: 730px;
    width: 230px;
    height: 100px;
}

.slider_promo {
    color: black;
}

.slider_promo:hover {
    color: #444;
}

/*rool bleu bineau*/
.slider_txt_bas a:hover .slider_titre, .slider_txt_bas a:hover .slider_txt {
    color: #47a5d1;
}

.karmic_flow_controller_block {
    height: 25px;
    /*margin-top: 0px !important;*/
}

.karmic_flow_container_accueil {
    overflow: hidden;
    position: relative;
    margin-top: -25px;
    margin-top: -26px !important;
    width: 980px;
    height: 380px
}

.karmic_flow_container_catalogue {
    overflow: hidden;
    position: relative;
    padding-top: -25px;
    margin-top: -26px !important;
    width: 735px;
    height: 380px
}

.karmic_flow_slider, .karmic_flow_slider li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.karmic_flow_slider {
    overflow: hidden;
    position: relative;
    /* optional */
    margin-left: 0;
}

.karmic_flow_slider li {
    float: left;
    position: relative;
    overflow: hidden;
}

.karmic_flow_slide_overflow {
    /* optional */
    /*overflow:auto;*/
}

.karmic_flow_sliding .karmic_flow_slide_overflow {
    overflow: hidden;
}

.karmic_flow_sliding object, .karmic_flow_sliding embed {
    display: none;
}

.karmic_flow_controller_selected {
    /* optional */
    background: #FFF !important;
    color: #663300 !important;
    padding: 2px 5px !important;
}

.karmic_flow_controller {
    /* add bineau
     */
    position: relative;
    top: 295px;
    left: 580px;
    z-index: 10;
    /* optional */
    background: #333;
    color: #3399CC;
    padding: 2px 5px;
    text-decoration: none;
}

.karmic_flow_prev_controller, .karmic_flow_next_controller, .karmic_flow_play_controller, .karmic_flow_pause_controller {
    /* add bineau*/
    position: relative;
    top: 190px;
    left: 630px;
    z-index: 10;
    float: left;
    width: 37px;
    height: 92px;
}

.karmic_flow_next_controller {
    background: url(../img/slider_drt.png);
}

.karmic_flow_play_controller {
    background: none;
}

.karmic_flow_pause_controller {
    background: none !important;
}

/* produit coverflow */
#coverflow {
    height: 80px;
    width: 2000px;
    padding: 30px;
    position: absolute;
    top: 0px;
    left: 0px;
}

#coverflow img {
    width: 64px;
    height: 64px;
    border: 0px solid #999;
    float: left;
    position: relative;
    margin: 5px;
}

div.wrapper {
    height: 180px;
    width: 365px;
    border: 0px solid #999;
    overflow: hidden;
    position: relative;
}

#demo-frame {
    overflow: hidden;
}

/* 3 pages choisir */
.choisir_bloc {
    width: 314px;
    float: left;
    margin: 10px 10px 0 0;
    border: 0px solid red;
}

.choisir_bloc:hover {
    cursor:pointer;
}




.choisir_bloc_titre h1 {
    font-style: italic;
    font-size: 19px;
}

.choisir_bloc_titre {
    width: 292px;
    background-color: #808283;
    background-color: #efeeeb;
    padding: 12px 12px 12px 12px;
    color: #635f59;
}

.choisir_bloc_titre:hover {
    /* background-color: #47a5d1;*/
    color: #47a5d1;
}

.choisir_bloc_txt {
    padding: 8px 10px 8px 10px;
}

.choisir_bloc_img {
    text-align: center;
    margin: 50px 0px 10px 0px;
}

.choisir_txt_titre {
    font-family: Trebuchet MS, Helvetica, arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 200;
    padding: 10px 0 0 10px;
    display: block;
}

.choisir_txt {
    font-family: Trebuchet MS, Helvetica, arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 800;
    padding: 0px 0 0 16px;
    margin: 10px 0 0 10px;
    display: block;
    background: url(../img/puce_fleche.gif) left 5px no-repeat;
}

/* calculatrices */
.cal_b {
    margin-top: 30px;
    height: 200px;
    width: 100%;
}

.cal_b_a {
    width: 300px;
    float: left;
    margin: 2px 0 2px 0;
}

.cal_b_b {
    width: 50px;
    float: left;
    margin: 2px 0 2px 0;
}

.cal_b_c {
    width: 300px;
    color: #9d9d9d;
}

.cal_b_sep {
    border-bottom: 1px solid #ccc;
    clear: both;
    padding-top: 10px;
    width: 360px
}



/*plan du site */
.plandusite {
	width: 210px;
	margin: 10px 14px 10px 0;
	float: left;
}
.plandusite, 
.plandusite a:link, 
.plandusite a:visited {
    font-family: Trebuchet MS, Helvetica, arial, sans-serif;
    font-size: 13px;
    text-decoration: none;
    color: #000;
    font-weight: 800;
}


.plandusite a:link, 
.plandusite a:visited {
    font-weight:normal;
    color:    #bab8b8;
}



/* pave drt */
.pave_drt_fd{
	border-top: 1px solid #ccc;
	margin: 10px 12px 0 16px;
	padding: 10px 0 0 0px;
	height: 130px;
	width: 230px;
	font: 14px Georgia,Helvetica,arial,sans-serif;
	
}
.pave_drt_fd a {color:#000;}
	

.pave_drt_over{
	background: url(../img/pave_drt_fd.gif) -5px 0 no-repeat;
}
.pave_drt_over:hover{
	background-position: -5px -120px;
}



.pave_drt_ti {
	font-size:18px;
	padding: 0 0 3px 0;
}	
	
.pave_drt_st{
	margin: 0 0 12px 0;
}
	
.pave_drt_li{
	margin: 0 0 12px 0;
	color:#999;
}