/* max-min width */
    html, body { height: 100%; font-family: Arial, Helvetica, sans-serif; color: #000000; behavior:url(csshover.htc); }

    #main { 
      
      width: 100%; min-width:1003px; 
      min-height: 640px; max-height: 1600px;
    }
.wrapper_gen {background-image: url(dbi/corps/img_fd_gen2.jpg);  background-repeat:no-repeat;
	width:1003px; /*1200*/
	margin:0px auto; padding:1px 4px 0 0px; margin-top:-2px;
	text-align:left; border:solid 0px #E4E4E4;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius:4px;
}
div.clearfloats {clear:both; margin:0px; }
FORM{margin:0px;}
a { text-decoration:none;}
a:visited{  }
a:hover {text-decoration:underline; }
h1 {margin:0px; padding:0px;}
/* pb aligneme,t ligne de base FF 
img{
vertical-align:middle;
}*/
-->	
	
body {margin:0px; padding:0px; font-size:62.5%;  }

/* column 1 */
#c1 {float:left;  }
#c1.accueil {width:673px;}
#c1 #header { width:1010px;  height:116px; background-image:url(dbi/header/fd_header.jpg); background-repeat:no-repeat; margin-top:-1px;}
#c1 #header #logo {padding:0 0 0 25px; float:left;}
#c1 #header #texte {float:left;width:240px;padding:12px 0px 0px 30px;}
#c1 #header #texte h1{ color:#336600; font-size:1.6em; font-weight:bold;   }
#special_box_boutique { float:right; font-size:2.5em;; width:330px; text-align:center; margin:15px 0 -15px 0;}

/*column 1 / Colonne 1*/
#c1 #col1 {float:left; width:170px;}
#c1 #col1 #menu_g {width:150px; margin:80px 0 0 0px;}
#c1 #col1 #menu_g a { color:#000; font-size:1.3em; font-weight:bold;}
#c1 #col1 #menu_g #ong_a{width:150px;  background-image:url(dbi/menus/gauche/fd_d.png); background-repeat:repeat-y;  padding:3px; margin:4px;}
#c1 #col1 #menu_g #ong_b{width:150px; background-color:#990099;  padding:3px; margin:4px;}
#c1 #col1 #menu_g #ong_c{width:150px; background-color: #FFFF00; color: #000000;  padding:3px; margin:4px;}
#c1 #col1 #menu_g #ong_b a{color:#fff;}
#c1 #col1 #menu_g #ong_a:hover ,#ong_b:hover { background-color: #FFFF33;  }

/*column 1 / Colonne 2*/
#c1 #col2 {float:left; margin:30px 0 0 10px;}
#c1 #col2 #menu_c {}
#c1 #col2 #menu_c #onglet_j{float:left; text-align:center; padding:4px 0 0 0; width:107px; height:20px; margin:0 5px 0 0; background-image:url(dbi/menus/haut/onglet_jaune.png); background-repeat:no-repeat;}
#c1 #col2 #menu_c #onglet_j2{float:left; text-align:center; padding:4px 0 0 0; width:107px; height:20px; margin:0 5px 0 0; background-image:url(dbi/menus/haut/onglet_jaune_over.png); background-repeat:no-repeat;}
#c1 #col2 #menu_c #onglet_j a{ color:#000000; font-weight:bold; font-size:1.3em;}
#c1 #col2 #menu_c #onglet_j2 a{ color:#000000; font-weight:bold; font-size:1.3em;}
#c1 #col2 #menu_c #onglet_j3,#onglet_f3 a{ color:#000000; font-weight:bold; font-size:1.3em;}
#c1 #col2 #menu_c #onglet_j:hover {background-image:url(dbi/menus/haut/onglet_jaune_over.png);}
#c1 #col2 #menu_c #onglet_b{float:left; text-align:center; padding:4px 0 0 0; width:123px; height:20px; margin:0 5px 0 0; background-image:url(dbi/menus/haut/onglet_bleu.png); background-repeat:no-repeat;}
#c1 #col2 #menu_c #onglet_b:hover {background-image:url(dbi/menus/haut/onglet_fuschia.png);}
#c1 #col2 #menu_c #onglet_b a,#onglet_f a{ color:#fff; font-weight:bold; font-size:1.3em;}
#c1 #col2 #menu_c #onglet_f{float:left; text-align:center; padding:4px 0 0 0; width:123px; height:20px;  margin:0 0px 0 0; background-image:url(dbi/menus/haut/onglet_fuschia.png); background-repeat:no-repeat;}
#c1 #col2 #menu_c #onglet_f2{float:left; text-align:center; padding:4px 0 0 0; width:123px; height:20px;  margin:0 0px 0 0; background-image:url(dbi/menus/haut/onglet_over.png); background-repeat:no-repeat;}
#c1 #col2 #menu_c #onglet_f3{float:left; text-align:center; padding:4px 0 0 0; width:123px; height:20px; margin:0 0px 0 0; background-image:url(dbi/menus/haut/onglet_jaune2.png); background-repeat:no-repeat;}

#c1 #col2 #menu_c #onglet_f:hover {background-image:url(dbi/menus/haut/onglet_over.png);}
#c1 #col2 #menu_c #onglet_j3{float:left; text-align:center; padding:4px 0 0 0; width:123px; height:20px; margin:0 5px 0 0; background-image:url(dbi/menus/haut/onglet_jaune2.png); background-repeat:no-repeat;}
#c1 #col2 #menu_c #onglet_j3:hover {background-image:url(dbi/menus/haut/onglet_over.png);}


#c1 #col2 #cadre {width:800px; background-image:url(dbi/corps/fd_blanc_90.png); border-top:solid 1px #E4E4E4;
color:#000000; font-size:1.4em; padding:10px 0 5px 0; margin:0 0 10px 0; }
#c1 #col2 #cadre #message{border:solid 1px #E4E4E4; background-color: #FFFF33; padding:3px; text-align:left; font-size:1.6em; font-weight:bold; margin:5px 2px 5px 5px; color: #333333; }
#c1 #col2 #cadre #message a{color: #FF0000; text-decoration:underline;}
#c1 #col2 #cadre #img_bienvenue {float:left;}
#c1 #col2 #cadre img {float:left; margin:-5px 10px 5px 5px;}
#c1 #col2 #saut_0 { height:35px;}
#c1 #col2 #cadre #actu { padding-left:5px;  }
#c1 #col2 #cadre #actu #titre{ font-size:1.1em; font-weight:bold; color:#336600;  }
#c1 #col2 #cadre #actu #texte{ font-size:1em; color:#333;margin-bottom:5px; }
#c1 #col2 #cadre a {text-decoration:underline; }
#c1 #col2 #cadre a:hover {text-decoration:none;}
#c1 #col2 #cadre #nav { font-size:0.9em;  padding:3px; color:#999999; margin:-5px 0 5px 5px; background-image: url(dbi/corps/fd_nav2.png); }
#c1 #col2 #cadre #nav a{color: #0000FF;}

/*messages optionnels*/
#message_option_acc{border:solid 1px #E4E4E4; background-color: #FFFF33; padding:3px; text-align:left; font-size:14px; font-weight:bold; margin:1px 5px 5px 5px; color: #333333; }


/*panier*/
#c1 #col2 #produit #c2 input.right{float:right; text-align:right; clear:both;}
#c1 #col2 #cadre #finalisation #bas_panier { margin:10px; width:490px;}
#c1 #col2 #cadre #finalisation #bas_panier SELECT{float:right; margin-top:-18px;}
#c1 #col2 #cadre #finalisation fieldset {border:solid 1px #0066CC; padding:0px; margin:2px;}
#c1 #col2 #cadre #finalisation fieldset legend{ color:#990099; font-size:1.6em;}
#c1 #col2 #cadre #finalisation fieldset input.valider{}
#c1 #col2 #cadre #finalisation #panier_chp1 {  text-align:left; margin-top:10px; padding:3px; background-color:#fff; color:#333333; font-size:1.1em; font-weight:bold;}
#c1 #col2 #cadre #finalisation #panier_chp1 .precision {font-weight:100; font-size:0.9em;}
#c1 #col2 #cadre #finalisation #panier_chp2 {height:20px; padding-top:10px; text-align:left; margin:3px; }
#c1 #col2 #cadre #question {font-size:1.5em; color:#990099; text-align:center; height:30px; margin:10px 0 3px 0; padding:8px 0 0 0; background-color:#FFFFFF; }

#c1 #col2 #cadre #finalisation #boutons{margin:20px 0 0 0px;}

/* printing */
#ref_panier_print {display:none;}
@media print {
#special_box_boutique, #header, #col1, #nav, #menu_c, #question, #boutons, #menu_bas {display:none;}
#cadre, col2 {width:100%;}
#ref_panier_print {display: inline; font-weight:bold;}
}

/*commande*/
#c1 #col2 #cadre #commande fieldset { float:border:solid 1px #0066CC; padding:5px; margin:4px;}
#c1 #col2 #cadre #commande fieldset legend{ color:#990099; font-size:1.1em;}
#c1 #col2 #cadre #commande fieldset #valider{ text-align:center;}
#c1 #col2 #cadre #commande #champ1 { margin:3px; float:left; width:250px; height:20px; border:solid 1px #E4E4E4; padding:2px 0 0 4px; color:#006699;}
#c1 #col2 #cadre #commande #champ2 SELECT{font-size:0.8em; height:20px; margin-left:3px;}
#c1 #col2 #cadre #commande #champ2 {margin:2px 3px 0 3px; float:left;  height:20px; color:#006699; }
#c1 #col2 #cadre #commande #champ2 INPUT.txt{height:18px; border:solid 2px #ccc; color:#006699; }
#c1 #col2 #cadre #commande #champ3 {margin:2px 3px 0 3px; float:left;  height:40px; color:#006699; }
#c1 #col2 #cadre #commande #champ3 TEXTAREA{border:solid 2px #ccc;	width:142px; height:35px; }
#c1 #col2 #cadre #commande #champ2 {}
#c1 #col2 #cadre #commande #champ1_error {background-image:url(dbi/fd_col1.png); margin:3px; float:left; width:250px; height:20px; border:solid 1px #E4E4E4; padding:2px 0 0 4px; color: #CC0000;}
#c1 #col2 #cadre #commande #titre_result INPUT{ background-color:#FFFF00; color:#000000;}

/* produits !! */
#c1 #col2 #produit {margin:10px; border:solid 1px #E4E4E4; border-width:0px 0 2px 0; padding-top:10px;}

#c1 #col2 #produit #c1{float:left; margin:5px 4px 5px 0px; width:130px; text-align:left;}
#c1 #col2 #produit #c1 img{margin:0 0 3px 3px; border:solid 0px #E4E4E4; }
#c1 #col2 #produit #c1 img:hover {filter:alpha(opacity=70); opacity: 0.70; -moz-opacity:0.70;}
#c1 #col2 #produit #c2{float:left; margin:3px 3px 5px 0px; text-align:left; width:610px }
#c1 #col2 #produit #titre {color:#333; font-size:1.4em; font-weight:bold; margin:0 0 5px 0; padding:3px; border:solid 0px #E4E4E4; background-color:#FFFFFF;}
#c1 #col2 #produit #titre a, a:visited {color:#0000FF; }
#c1 #col2 #produit #c2 #texte {font-size:0.9em; }
#c1 #col2 #produit #titre img{ margin:0 4px 0 0px; float:right;}
#c1 #col2 #commande { margin:10px 0 0 0; }
#c1 #col2 #commande #titre { border-bottom:solid 2px #fff; text-align:right;}
#c1 #col2 #commande #titre #onglet{ text-align:center; color:#000000; padding:4px 0 0 0; width:123px; height:20px; margin:0 0px 0 0; background-image:url(dbi/menus/haut/onglet_jaune2.png); background-repeat:no-repeat;}
#c1 #col2 #commande #md fieldset {border:solid 1px #0066CC; padding:4px;}
#c1 #col2 #commande #md fieldset legend{ color:#0066CC;}
#c1 #col2  fieldset input.valider{ background-color: #FFFF00; color:#000; font-weight:bold; width:250px; height:30px;}
#c1 #col2 #commande #md #liste_modeles {  border:solid #E4E4E4; border-width:0px 0 0px 0; margin:2px 0 0 0; padding:2px 0px 2px 4px;  font-size:; background-image:url(dbi/corps/fd_blanc_80.png);}
#c1 #col2 #commande #md #liste_modeles input { float:right;}
#c1 #col2 #commande #md #liste_modeles img { float:right; margin:0px; padding:0px;}
#c1 #col2 #commande #md #liste_modeles #modele { float:left; padding:12px 0 0 0; }
#c1 #col2 #commande #md #liste_modeles:hover { background-color: #FFFF00; }
#c1 #col2 #commande hr{border: solid 1px #E4E4E4; margin:3px 0 3px 0;}



#special_box_boutique #box #corp2 { height:105px;width:290px;
background-color:#FFFFFF; text-align:center;}
#special_box_boutique #box #corp2 img { margin:5px 0px 5px 0px; }
/* infos*/
#c1 #col2 #infos {margin:2px; border-bottom:solid 2px #fff;}
#c1 #col2 #infos #titre {color:#000; font-size:1.4em; font-weight:bold; margin:0 0 5px 0; padding:5px; background-color:#fff;}
#c1 #col2 #infos #titre2 {color: #990099; font-size:1.2em; font-weight:bold; margin:0 0 5px 0; padding:5px; border-bottom:solid 1px #E4E4E4; background-color:#fff;}
#c1 #col2 #infos #titre2 a{color: #990099; font-size:1.2em; font-weight:bold; margin:0 0 5px 0; padding:5px; border-bottom:solid 1px #E4E4E4; background-color:#fff;}

#c1 #col2 #infos #texte {font-size:14px; margin:0 0 5px 0; padding:5px; width:100%;}
#c1 #col2 #infos #texte img{border:0px; float: inherit; margin:-5px 2px 5px 0px;}
#c1 #col2 #infos #texte TABLE,TD,HR {border:solid 0px #E4E4E4; border-spacing:0;}

/*contact (utilise #c1 #col2 #cadre #finalisation)*/
#c1 #col2 #cadre #finalisation #avertissement {margin:5px; color:#333333;}
#c1 #col2 #cadre #finalisation #titre_contact {padding:3px; margin:10px; background-color:#FFF; color:#990099; font-size:1.5em;}
#c1 #col2 #cadre #finalisation .contact_ss_titre {font-weight:bold;}
#c1 #col2 #cadre #finalisation TABLE{margin:0px 5px 0 5px;}

/* menu_bas*/
#menu_bas { text-align:center; background-image:url(dbi/corps/fd_blanc_80.png); border:solid 1px #E4E4E4;
color:#000000; font-size:1.4em; padding:5px 0 5px 3px; margin:0 0 10px 0;  }

/* column 2 */
#c2 {float:left; text-align:center; width:330px; }
#box {float:right;}
#box #top,#bottom { margin:0 0 0 -5px; }
#box #corps { background-image:url(dbi/col2/box_fd.png); background-repeat:repeat-y; width:303px; 
color:#336600; font-size:1.5em; font-weight:bold; text-align:left; padding:0 5px 0 10px; margin:0 0px 0 10px;}
#box #corps img { margin:-20px 0px 0 6px;}
#c2  #illustr {margin:10px 0px 0 0px;}
#c2  #paypal {margin:10px 0px 0 30px; text-align:center; color:#336600; font-weight:bold;}

/*credits*/

#credit {margin:20px 0 6px 0; text-align:center; font-size:1.3em;  background-image:url(dbi/corps/fd_blanc_80.png); padding:6px;}
#credit a{color: #333333; text-decoration:underline;  }
#credit a:hover{ text-decoration:none;}
