
/* max-min width */
    html, body { height: 100%; font-family: "Trebuchet MS", Verdana, Arial; color: #000000; }

    #main { position:relative; background-image:url(dbi/bg_fd_div.jpg); background-repeat:no-repeat;
      height:768px;
      width:1005px;
      min-height: 150px; text-align:left; margin:0px auto; padding:0px;
    }
#wrapper { width:100%; max-width:1980px; text-align:center; }
div.clearfloats {clear:both; margin:0px;}

a { text-decoration:none;}
a:visited{ }
a:hover {text-decoration:underline; }
/* pb aligneme,t ligne de base FF 
img{
vertical-align:middle;
}*/
-->	
	
body {margin:0px; padding:0px; font: 0.8em  arial, sans-serif; background-image: url(dbi/bg_fd.jpg); background-repeat:repeat_x; background-position:center -8px;}

/* cololumn 1 */

div#column1 {width:187px; margin-left:0px;  float:left; background-color:#fff;  }

/* menu g */
/* général */
div#column1 #menu_g #titre_top { background-image:url(dbi/menu_g/fd_titre_top.jpg); width:133px; height:23px; margin-top:15px;
color:#FFF; font-size:1.4em; padding:5px 0 0 4px;}

div#column1 #menu_g ul {	margin:0px;	padding:0px; list-style:none;}
div#column1 #menu_g ul li {padding:5px 0 5px 0px; margin:1px; }
div#column1 #menu_g ul li a{color: #fff; font-size:1em; font-weight:bold; margin:10px 0 10px 2px; }
div#column1 #menu_g ul li a:hover{ color: #fff;  }
div#column1 #sm{color:#333; margin:4px 0px 0px 0px; padding:0px 0 0px 0px; border:solid; border-color: #FFF; border-width:0px 0 0px 0; }
div#column1 ul li #sm a{color:#333; font-size:1em; font-weight:100; }

div#column1 #menu_bas { margin-top:0px; width:187px; height:325px; background-image:url(dbi/menu_g/bas_menu.jpg); background-repeat:no-repeat;}



/* fin général */
/* selon les cat */
div#column1 #menu_g ul li.li_1 { background-image:url(dbi/menu_g/protection_fd.jpg); }
div#column1 #sm .sm_1{background-image:url(dbi/menu_g/protection_fd2.jpg);  padding:2px 0 2px 0; }
div#column1 #sm .sm_1 a{color:#FFF;  }

div#column1 #menu_g ul li.li_2 { background-image: url(dbi/menu_g/mat_form_fd.jpg); }
div#column1 #sm .sm_2{background-image:url(dbi/menu_g/mat_form_fd2.jpg); padding:2px 0 2px 0;}
div#column1 #sm .sm_2 a{color: #FFFFFF; }

div#column1 #menu_g ul li.li_3 { background-image: url(dbi/menu_g/mat_inter_fd.jpg); }
div#column1 #menu_g ul li.li_3 a{ color:#333333;}
div#column1 #sm .sm_3{background-image:url(dbi/menu_g/mat_inter_fd2.jpg);  padding:2px 0 2px 0;}

div#column1 #menu_g ul li.li_4 { background-image: url(dbi/menu_g/incendie_fd.jpg); }
div#column1 #sm .sm_4{background-image:url(dbi/menu_g/incendie_fd2.jpg);padding:2px 0 2px 0;}
div#column1 #sm .sm_4 a{color:#FFF; }

div#column1 #menu_g ul li.li_5 { background-image: url(dbi/menu_g/secour_fd.png); }
div#column1 #sm .sm_5{background-image:url(dbi/menu_g/secour_fd2.png);padding:2px 0 2px 0;}
div#column1 #sm .sm_5 a{color:#333; }
/* fin cat */

/* infos */
div#column1 #menu_g ul li.li_info{ background-image: url(dbi/menu_g/info_fd.jpg); padding:5px 0 5px 0; margin:1px;}
div#column1 #menu_g ul li.li_info a{ color:#333333;}
/* fin infos */

div#column1 #close {color:#fff; font-size:0.9em;  margin-bottom:0px; height:5px; }

/* search */

#search_wrap { text-align:center; margin:0px 0 0 12px; width:165px; height:75px; background-image:url(dbi/search/fd_search.jpg); background-repeat:no-repeat;}
#search_wrap INPUT{float:left; margin:41px 0 0 10px; width:125px; height:14px; border:0px;}
#search_wrap INPUT.img{ float:right; margin:39px 2px 0px 0px; width:18px; height:21px;} 
/* fin search */


/* fin column 1 */

/* column 2 */
/* header */
div#column2 { position:absolute; top:0px; left:215px; right:0px; text-align:center; background-color:;  padding:0px 3px 3px 3px; border:solid 0px #fff; }
div#column2 #header { height:106px; width:780px;}
div#column2 #header #c1{ float:right; background-image:url(dbi/header/menu_hd.png); width:286px; height:36px;
 text-align:center; font-size:0.8em; color:#666666; padding-top:5px;}
div#column2 #header #c1 a{color:#666666;}
div#column2 #header #c2{ width:480px; margin-top:3px; float:left; text-align:left; font-size:2em; color: #336666; padding-top:15px; line-height:1em;}
/* fin header*/

/* corps prévoit possibilité de plusieurs colonnes plus tard */
div#column2 #corps { text-align:left;}
/* column 1 */
div#column2 #corps #c1 { float:left;  margin-top:4px; width:587px; }

/*devis*/
div#column2 #corps #cdroite { float:left; margin width:30px; margin:9px 0 0 3px; }
div#column2 #corps #cdroite img.tete {margin-left:7px;}
div#column2 #corps #cdroite #carre{ text-align:left; background-color:#ffffff; border:solid 1px #E4E4E4;  padding:2px; margin:0px 0 0px 7px; width:178px;   }
div#column2 #corps #cdroite #carre #panier img.mini{ border:solid 0px #fff;}
div#column2 #corps #cdroite #carre #panier {}
div#column2 #corps #cdroite #carre  form {margin:0px;}
div#column2 #corps #cdroite #carre #panier #trait {border-bottom:solid 1px #E4E4E4; margin:15px 5px 3px 5px;}
div#column2 #corps #cdroite #carre #panier #c1{float:left; padding:0px 0px 0px 0px; margin:10px 0px 0px 3px; width:60px; text-align:left;  }
div#column2 #corps #cdroite #carre #panier #c2{float:left; border-left:solid 1px #E4E4E4; margin:10px 0px 0px 4px; padding-left:3px; width:60px;   text-align:left; font-size:0.7em; }
div#column2 #corps #cdroite #carre #panier #c2 select{float:left; height:18px; border:none; margin-left:-1px; text-align:left; font-size:0.9em; background-color:#E4E4E4;  }
div#column2 #corps #cdroite #carre #panier #c2 #qte * {margin-top:3px;}
div#column2 #corps #cdroite #carre #panier #c2 #qte * fieldset{ width:98px; height:78px; border:none; background-image:url(dbi/ecommerce/fd_fieldset.png); background-repeat:no-repeat;  }
div#column2 #corps #cdroite #carre #panier #c2 #qte * ul{margin:10px 0px 0px 0px; padding:0px; list-style:none; }
div#column2 #corps #cdroite #carre #panier #c2 #qte * ul li{float:left; margin:1px; background-color:#E4E4E4; margin-bottom:1px; padding:1px;}
div#column2 #corps #cdroite #carre #panier #c2 #qte * ul li:hover{ background-color:#FF9933;}
div#column2 #corps #cdroite #carre .message { text-align:center; background-color: #FF6600; color: #fff; font-weight:bold; padding:3px; margin-right:2px;}
div#column2 #corps #cdroite #carre .new { font-size:1.2em; text-align:center; background-color: #E4E4E4; color: #000; font-weight:bold; padding:3px; margin:0 2px 3px 0;}


div#column2 #panier #c3{float:right;  width:17px; padding:10px 10px 0px 0px; text-align:center;}
div#column2 #panier #c3 img{margin:2px 0 2px 0;}

div#column2 #panier_chp1 { text-align:left; padding-left:5px; float:left; width:50px; border:solid 1px #E4E4E4; margin:5px 0px 0px 4px; color: #003366; background-image:url(dbi/fd_col1.png)}
div#column2 #panier_chp2 {text-align:right; padding-right:3px; float:left; width:130px; border:solid 1px #E4E4E4; margin:5px 4px 0px 2px; background-image: url(dbi/menu_g/fd_titre_menu.png); }
div#column2 #corps #carre #liste_prod #prod FORM { float:right; margin:5px 5px 0 0;}



/*menu haut*/
div#column2 #corps #menu_haut { height:42px; background-image:url(dbi/menu_h/fd_menu.jpg); width:785px;}

/* ONGLETS */
/* Onglets/général */
div#column2 #corps #menu_haut  #ag{ float:left;}
div#column2 #corps #menu_haut  #ad{ float:left;}
div#column2 #corps #menu_haut #onglet{ float:left;  margin:10px 3px 0 0px; word-spacing:2px; float:left; text-align:center; font-size:0.9em; color:#fff; }
div#column2 #corps #menu_haut #onglet a{ color:#FFF; font-weight:bold;}
/*selon les catégories*/

div#column2 #corps #menu_haut #onglet #titre1 { float:left; background-image: url(dbi/menu_h/protection_fd.png); height:18px; padding-top:4px; padding-bottom:1px;}
div#column2 #corps #menu_haut #onglet #titre2 { float:left; background-image: url(dbi/menu_h/mat_form_fd.png); height:18px; padding-top:4px; padding-bottom:1px;}
div#column2 #corps #menu_haut #onglet #titre3 { float:left; background-image: url(dbi/menu_h/mat_inter_fd.png); height:18px; padding-top:4px; padding-bottom:1px;}
div#column2 #corps #menu_haut #onglet #titre3 a{ color:#333;}
div#column2 #corps #menu_haut #onglet #titre4 { float:left; background-image: url(dbi/menu_h/incendie_fd.png); height:18px; padding-top:4px; padding-bottom:1px;}
div#column2 #corps #menu_haut #onglet #titre5 { float:left; background-image: url(dbi/menu_h/secour_fd.png); height:18px; padding-top:4px; padding-bottom:1px;}

/*fin menu haut*/

/* option presentation 2 colonnes */
div#column2 #corps #presentation_2col {}
div#column2 #corps #presentation_2col #c1 {float:left; width:379px; }
div#column2 #corps #presentation_2col #c2 { float:left; width:204px; margin:5px 0 0 0;}
div#column2 #corps #presentation_2col #c2b { float:left; width:204px; margin:14px 0 0 0;}
/* fin option presentation 2 colonnes */

/* carrés d'infos général */
div#column2 #corps  #presentation_2col #c1 #carre{ background-color:#ffffff; border:solid 1px #E4E4E4;  padding:2px; margin:10px 0 10px 0; width:364px;}
div#column2 #corps #presentation_2col #c2 #carre{ background-color:#ffffff; border:solid 1px #E4E4E4;  padding:2px; margin:0px 0 10px 0; width:202px; }
div#column2 #corps #presentation_2col #c2b #carre{ text-align:center; background-color:#ffffff; border:solid 1px #E4E4E4;  padding:2px; margin:0px 0 0px 0; width:198px; }

/* newsletter */

#news_wrap { text-align:center; margin:6px 0 5px 12px; width:163px; height:74px; background-image:url(dbi/corps/fd_news.png); background-repeat:no-repeat;}
#news_wrap INPUT{float:left; margin:41px 0 0 10px; width:125px; height:14px; border:0px;}
#news_wrap INPUT.img{ float:right; margin:39px 2px 0px 0px; width:18px; height:21px;} 
#news_message {width:364px; margin:2px 0 10px 0; padding:4px; background-color: #003366; font-weight:bold; color:#fff; border:solid 1px #fff;}

/* fin newsletter */


div#column2 #corps #carre #txt { color:#666666; font-size:1em; padding:2px 0 0 2px;}
div#column2 #corps #carre #txt a{ color:#333333;}
div#column2 #corps #carre #txt .actus{font-size:0.8em;}
div#column2 #corps #carre #txt img.right{float:right;}
div#column2 #corps #carre #txt img.left{float:left; margin:25px 10px 0 10px;}
div#column2 #corps #carre #txt #anim{float:left; text-align:center;}
div#column2 #corps #carre #titre{  font-size:1.3em; font-weight:bold; color:#0066CC; border-bottom:solid 1px #333; margin:0 0 3px 0; }


/*accueil*/
div#column2 #corps #presentation_2col #illustr_main { background-image:url(dbi/corps/accueil/illustr_main2.jpg); width:369px; height:173px;
}
div#column2 #corps #presentation_2col #illustr_main #txt_main { float:left; text-align:left; color:#fff; font-size:1.2em; font-weight:bold;  padding:6px 0 0 6px; }
div#column2 #corps #presentation_2col #illustr_main #lien a{ float:right; margin:24px 2px 0 0; font-size:1.1em; font-weight:bold; color: #333333; word-spacing:-2px;}

/*results*/
div#column2 #main_content { }
div#column2 #titre_rubrique_hd {float:left;}
div#column2 #titre_rubrique1 { font-size:1.4em; color:#FFF; font-weight:bold; padding:0px 0 0 3px; margin:0px 0 10px 10px; background-image:url(dbi/menu_h/protection_fd.png);  height:23px;  }
div#column2 #titre_rubrique2 {font-size:1.4em; color:#FFF; font-weight:bold; padding:0px 0 0 3px; margin:0px 0 10px 10px; background-image:url(dbi/menu_h/mat_form_fd.png); height:23px;}
div#column2 #titre_rubrique3 {font-size:1.4em; color:#FFF; font-weight:bold; padding:0px 0 0 3px;  margin:0px 0 10px 10px; background-image: url(dbi/menu_h/mat_inter_fd.png); height:23px;}
div#column2 #titre_rubrique4 { font-size:1.4em; color:#FFF; font-weight:bold; padding:0px 0 0 3px; margin:0px 0 10px 10px; background-image:url(dbi/menu_h/incendie_fd.png); height:23px;}
div#column2 #titre_rubrique5 { font-size:1.4em; color:#FFF; font-weight:bold; padding:0px 0 0 3px; margin:0px 0 10px 10px; background-image:url(dbi/menu_h/secour_fd.png); height:23px;}
div#column2 #nav { font-size:0.9em;  padding:3px; color: #000000; margin-top:10px; margin-bottom:10px; background-image: url(dbi/corps/fd_nav2.png); }
div#column2 #nav a{color: #0000FF;}


div#column2 #corps #carre{ background-color:#ffffff; border:solid 1px #E4E4E4;  padding:2px; margin:10px 0 10px 0; width:582px;}
div#column2 #corps #carre #txt_result {background-image: url(dbi/bg_fd.jpg); color:#333; font-size:1em; padding:5px; border:solid 1px #ccc; margin:10px 0 20px 0;}
div#column2 #corps #carre #txt_result_rub_a {float:left; background-image: url(dbi/bg_fd.jpg); color:#333; font-size:1em; padding:5px; border:solid 1px #ccc; margin:10px 0 0px 0; width:70%;}
div#column2 #corps #carre #txt_result_rub_b { text-align:right; background-image: url(dbi/bg_fd.jpg); font-size:1.8em; padding:5px; border-bottom:solid 1px #666; border-top:solid 0px #ccc; border-right:solid 0px #ccc; border-left:solid 0px #ccc; margin:13px 0 20px 0;}
div#column2 #corps #carre #txt_result_rub_b a{ color:#333; }
div#column2 #corps #carre #txt_result_rub_b a:hover{ color: #FF6600; }

div#column2 #corps #carre #liens_ss_rub1 {background-image:url(dbi/menu_g/protection_fd2.jpg); background-color: #fff; color:#fff; font-size:1.3em; padding:4px; border:solid 0px #ccc; margin:-10px 10px 20px 10px;}
div#column2 #corps #carre #liens_ss_rub1 img{float:left; margin:-4px 0 0 -4px;}
div#column2 #corps #carre #liens_ss_rub2 { background-image:url(dbi/menu_g/mat_form_fd2.jpg); background-color: #fff; color:#fff; font-size:1.3em; padding:4px; border:solid 0px #ccc; margin:-10px 10px 20px 10px;}
div#column2 #corps #carre #liens_ss_rub2 img{float:left; margin:-4px 0 0 -4px;}
div#column2 #corps #carre #liens_ss_rub3 {background-image:url(dbi/menu_g/mat_inter_fd2.jpg);    background-color: #fff; color:#fff; font-size:1.3em; padding:4px; border:solid 0px #ccc; margin:-10px 10px 20px 10px;}
div#column2 #corps #carre #liens_ss_rub3 img{float:left; margin:-4px 0 0 -4px;}
div#column2 #corps #carre #liens_ss_rub3 .liens_ss_rub a{ color:#333; font-weight:100;}
div#column2 #corps #carre #liens_ss_rub4 {background-image:url(dbi/menu_g/incendie_fd2.jpg);  background-color: #fff; color:#fff; font-size:1.3em; padding:4px; border:solid 0px #ccc; margin:-10px 10px 20px 10px;}
div#column2 #corps #carre #liens_ss_rub4 img{float:left; margin:-4px 0 0 -4px;}
div#column2 #corps #carre #liens_ss_rub5 {background-image:url(dbi/menu_g/secour_fd2.png);  background-color: #fff; color:#333; font-size:1.3em; padding:4px; border:solid 0px #ccc; margin:-10px 10px 20px 10px;}
div#column2 #corps #carre #liens_ss_rub5 img{float:left; margin:-4px 0 0 -4px;}
div#column2 #corps #carre #liens_ss_rub5 .liens_ss_rub a{ color:#333; font-weight:100;}

div#column2 #corps #carre .liens_ss_rub a{ color:#fff; font-weight:100;}
div#column2 #corps #carre .liens_ss_rub a:hover{ color: #000; }
div#column2 #corps #carre #titre_result{font-size:1.6em;   padding:5px 0 5px 3px; font-weight:bold; color: #333333;  border-bottom:solid 1px #ccc; margin:0 0 3px 0; background-image: url(dbi/bg_fd.jpg); }
div#column2 #corps #carre #titre_result h1{ margin:0px; padding:0px; font-size:1em; }
div#column2 #corps #carre #titre_result a{ color: #333333; }
div#column2 #corps #carre #titre_result img{ margin-right:4px; float:right;}

div#column2 #corps #carre_results{ margin-top:10px; background-color:#FFF; padding:0px;}
div#column2 #corps #carre  #carre{width:368px; border:0px;}


div#column2 #corps #carre #liste_prod #prod{margin:0 10px 10px 10px;}
div#column2 #corps #carre #liste_prod #prod #img{float:left; text-align:center; width:130px; height:126px; margin-bottom:5px; border-top:solid 1px #ccc; border-left:solid 1px #ccc; border-bottom:solid 1px #666; border-right:solid 1px #666; }
div#column2 #corps #carre #liste_prod #prod #img2{float:left; text-align:center; width:130px; margin-bottom:5px; border-top:solid 1px #ccc; border-left:solid 1px #ccc; border-bottom:solid 1px #666; border-right:solid 1px #666; }
div#column2 #corps #carre #liste_prod #prod TD{ height:126px; }
div#column2 #corps #carre #liste_prod #prod #img2 img{margin:4px 0 3px 0;}
div#column2 #corps #carre #liste_prod #prod #produits_conex{text-align:center;  width:120px; padding:5px; margin-bottom:3px; border-top:solid 1px #ccc; border-left:solid 1px #ccc; border-bottom:solid 1px #666; border-right:solid 1px #666; }
div#column2 #corps #carre #liste_prod #prod #titre_produits_conex{ background-image: url(dbi/menu_g/mat_inter_fd2.jpg); font-size:0.8em; text-align:center;  width:114px; padding:5px; margin-bottom:2px; border-top:solid 1px #ccc; border-left:solid 1px #ccc; border-bottom:solid 1px #666; border-right:solid 1px #666; }
div#column2 #corps #carre #liste_prod #prod #titre_produits_conex a{color:#000000;}

div#column2 #corps #carre #liste_prod #prod img.loupe{float:left; margin:-3px 0 0 -140px}
div#column2 #corps #carre #liste_prod #prod #txt{color:#333333; margin:0 0 0 140px; min-height:116px; padding:5px; border-top:solid 1px #ccc; border-left:solid 1px #ccc; border-bottom:solid 1px #666; border-right:solid 1px #666; background-image: url(dbi/bg_fd.jpg); }
div#column2 #corps #carre #liste_prod #prod #txt a{ color:#0000FF;}
div#column2 #corps #carre #liste_prod #prod  .titre_prod{ font-weight:bold;}
div#column2 #corps #carre #liste_prod #prod #txt_articles{color:#333333; margin:0 0 0 140px;  padding:5px; border-top:solid 1px #666; border-left:solid 1px #666; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc;  }

div#column2 #corps #carre #hide_max { margin:0 0 0 120px; padding:5px; text-align:center; margin-bottom:15px;}
div#column2 #corps #carre #hide_max #fermer{ text-align:right; }

/* etiquettes */

div#etiquette { float:right; margin:0px 10px 0 0px; width:117px; height:85px; background-image:url(dbi/corps/fond_bouton_pdt.png); background-repeat:no-repeat;}
div#etiquette { padding:26px 0 0 0px; font-size:1.1em; text-align:center; }
div#etiquette a{color:#000; }
div#etiquette a:hover{color: #000099; }

/*
div#column2 #corps #carre_results ul{margin:0px;	padding:0px; list-style:none;}
div#column2 #corps #carre_results  li.liste1 {margin:5px 0 10px 0;   font-size:1.2em; color: #fff;	padding:3px; list-style:none; background-image:url(dbi/menu_g/protection_fd2.jpg);  }
div#column2 #corps #carre_results  li.liste2 {margin:5px 0 10px 0;  font-size:1.2em; color: #fff;	padding:3px; list-style:none;  background-image:url(dbi/menu_g/mat_form_fd2.jpg);  }
div#column2 #corps #carre_results  li.liste3 {margin:5px 0 10px 0;  font-size:1.2em; color: #fff;	padding:3px; list-style:none;  background-image:url(dbi/menu_g/mat_inter_fd2.jpg);  }
div#column2 #corps #carre_results  li.liste4 {margin:5px 0 10px 0;  font-size:1.2em; color: #fff;	padding:3px; list-style:none;  background-image:url(dbi/menu_g/incendie_fd2.jpg); }

div#column2 #corps #carre_results  li .titre { font-size:1.3em;}
div#column2 #corps #carre_results  li .texte { font-size:0.8em;}
div#column2 #corps #carre_results  li img{ margin:0px 7px 0px 0px; border:3px; border-bottom:10px; border:solid #fff; color:#003366;}
div#column2 #corps #carre_results  li a{color: #fff;  font-weight:bold;  }
div#column2 #corps #carre_results  li a:hover{ color: #000066; font-weight:100;  }
*/

div#column2 #dossier { padding:2px 0 4px 2px; border:solid 0px #ccc; margin:5px 0 5px 0; font-size:1.1em; }
div#column2 #dossier #titre{  margin:0px 0 5px 0; padding:0 0 0 0px; background-image: url(dbi/header/menu_h_fd.png); font-size:1.2em; color:#333; font-weight:bold; text-align:left;}


/* fin column 1 */
/* fin corps */

/* fin column 2 */



/* footer */
#footer { text-align:center; background-image: url(dbi/bg_fd.jpg); color:#333; font-size:1em; padding:5px; border:solid 1px #ccc; margin:10px 0 20px 0;}
#footer a:visited { color:#333333;}
