html { font-size:125%; }
/*body {margin:0; padding:0px; font-size:50%; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:center; color: #414141; background-color: #FF0000;}
* {margin:0; padding:0;}*/

body {margin:0; padding:0px; font-size:50%; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:center; color: #414141;background:url(../images/bg.png);}
* {margin:0; padding:0;}

input {padding:0; margin:0; font-family: arial, sans-serif; font-size:11px; color:#363670;  }
input:focus, textarea:focus{ background-color: #FFFFDD;}
select {padding:0; margin:0; font-family: arial, sans-serif; font-size:11px; color:#363670;}
fieldset {  padding: 1em;  border:solid 1px #f1f1f1; }
textarea {font-family: arial, sans-serif; font-size:1.1em; color:#363670;}
select {font-family: arial, sans-serif; font-size:1.1em; color:#363670; padding:0; margin:0;}
label {  float:left;  width:25%;  margin-right:0.5em;  padding-top:0.2em;  text-align:right;  font-weight:bold;  }
h1 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.4em; text-align:left; color:#fff; margin-left:7px;}

#main { width:750px; position:absolute; left:50%;   margin-left:-375px; margin-top:0px; overflow: visible;  z-index: 2; height:100%; top: 0px;   }

/********** language choice **********/
#taalkeuze  { position:absolute; top:0px; height:25px;  line-height: 18px;  color: #ffffff; font-weight:bold; width:750px; left:0px; z-index: 11; text-align:right;  font-size: 1.0em;}
#intersitenav  { position:absolute; top:0px; height:25px; line-height: 18px; color: #ffffff; width:311px; left:342px; z-index: 9; text-align:center; font-size:1.0em; color: #000000; background-image:url(../images/bck_intersitenav.gif); background-repeat: no-repeat;}
/*#intersitenav_fr  { position:absolute; top:0px; height:25px; line-height: 18px; color: #ffffff; width:361px; left:292px; z-index: 9; text-align:center; font-size:1.0em; color: #000000; background-image:url(../images/bck_intersitenav_fr.gif); background-repeat: no-repeat;}*/
#intersitenav_fr  { position:absolute; top:0px; height:25px; line-height: 18px; color: #ffffff; width:361px; left:292px; z-index: 9; text-align:center; font-size:1.0em;background-color: #FF0000;  }

#taalkeuze ul { margin: 7px 20px 0px 0px; padding: 0; list-style-type: none;}
#intersitenav ul {  margin: 7px 0px 0px 0px; padding: 0; list-style-type: none;}
#intersitenav_fr ul { margin: 7px 0px 0px 0px; padding: 0; list-style-type: none;}
#taalkeuze li { list-style-type: none; display: inline; margin: 0;  padding-left:3px; padding-right:3px; float: none;}
#intersitenav li { list-style-type: none; display: inline; margin: 0; padding-left:3px; padding-right:3px; float: none;}
#intersitenav_fr li { list-style-type: none; display: inline; margin: 0; padding-left:3px;  padding-right:3px; float: none;}

#taalkeuze a:link{ color: #ffffff; text-decoration:none;}
#taalkeuze a:visited{ color: #ffffff; text-decoration:none;}
#taalkeuze a:hover{ color: #000000; text-decoration:none; }
#taalkeuze a:active{ color: #ffffff; text-decoration:none;}

#intersitenav a:link{ color: #000000; text-decoration:none;}
#intersitenav a:visited{ color: #000000; text-decoration:none;}
#intersitenav a:hover{ color: #656565; text-decoration:none; }
#intersitenav a:active{ color: #000000; text-decoration:none;}

#intersitenav_fr a:link{ color: #000000; text-decoration:none;}
#intersitenav_fr a:visited{ color: #000000; text-decoration:none;}
#intersitenav_fr a:hover{ color: #656565; text-decoration:none; }
#intersitenav_fr a:active{ color: #000000; text-decoration:none;}

/**********  top navigation   **********/

#zoek { position:absolute;  top:25px; height:25px;  line-height: 18px;  color: #ffffff; width:311px; left:342px; z-index:9; text-align:right; font-size:1.0em; color: #000000;  background-image:url(../images/bck_zoek.gif); background-repeat: no-repeat; padding: 4px 0px 0px 0px;}
#zoek_fr { position:absolute; top:25px; height:25px; line-height: 18px; color: #ffffff; width:361px; left:292px; z-index:9; text-align:right; font-size:1.0em; color: #000000;  background-image:url(../images/bck_zoek_fr.gif); background-repeat: no-repeat; padding: 4px 0px 0px 0px;}
#logo { width:135px; position:absolute; left:2px; top:0px; z-index: 10; height:99px; }
#header_module { width:592px; position:absolute; left:139px; top:27px;  z-index: 6; height:99px; }
#bck_right_module { width:17px; position:absolute; left:733px; top:25px; z-index: 6; height:180px;  background-image:url(../images/ill_boogrechts.gif); background-position:bottom; background-repeat:no-repeat; background-color:#FF0000;  }

.contentTabel { width: 100%; height: 100%; background-color:#FFFFFF;}
.contentnav { width:158px;  background:#fff url(../images/bck_contentnav.gif);  background-position:left top; background-repeat:repeat-y; }
.content {width:552px; background:url(../images/content_interface.gif) no-repeat 0 150px; padding-left:15px; padding-right:24px; padding-top:174px;  text-align:left; }
#content2 {width:533px; height:auto; float:left; padding:15px 0 10px 0;}

/*.footer { height:23px;  text-align: center; font-size:10px; color: #878686; background-image:url(../images/bck_footer.gif); background-repeat:no-repeat; background-color:#FF0000; padding: 6px 0px 0px 2px;}*/
.footer { height:23px;  text-align: center; font-size:10px; color: #878686; background-image:url(../images/bck_footer.gif); background-repeat:no-repeat; background-color:#F5F5F5; padding: 6px 0px 0px 2px;}
.footer a:link{color: #878686;text-decoration:underline;}
.footer a:visited{color: #878686;text-decoration:underline;}
.footer a:hover{color: #878686;text-decoration:underline;}
.footer a:active{color: #878686;text-decoration:underline;}

#bloc-rechercher { width:151px; height:42px; background: url(../images/fr/bloc_recherche.gif) no-repeat; margin:10px 0 0 7px; padding:36px 0 0 0;}
#bloc-panier { width:151px; height:85px; background: url(../images/fr/bloc_panier.gif) no-repeat; margin:0 0 0 7px; padding:35px 0 0 10px; text-align:left; font-weight:bold; color:#fff; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#bloc-panier img {  margin:10px 0 0 12px; padding:0; }
#bloc-ensemble-logos {  width:151px; height:113px; background:url(../images/bloc_logos.gif) no-repeat; margin:0 0 15px 7px; padding:0; }


#navigation { clear:both; margin:5px 0 0 0; color:#fe0000;}
#navigation a { color:#fe0000;}

#produit-vedette {position:absolute; z-index:21; width:195px; height:auto; background:url(../images/FR/bg_produit_vedette.gif) no-repeat top left; margin:15px 0 0 0; padding:27px 0 0 0px; line-height:14px; font-weight:bold; }
#produit-vedette p { margin-top:5px;}
#image {position:absolute; z-index:20; display:inline; left:360px; margin-top:22px; }

.prix { font-weight:bold; color:#fe0000; font-size:1.3em; margin:14px 0 12px 0; padding-top:10px;}
.bouton1 { margin:0 0 0 5px;}
.libelle { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.2em; color:red;}

/* ACCUEIL */

#top-vente { position:absolute; z-index:22; right:0px; top:215px; margin:26px 0 0 0; background:url(../images/bg_top_vente.gif) no-repeat bottom left; width:206px; height:auto; }
#top-vente a { text-decoration:none; font-weight:bold; color:#fe0000;}
#top-vente a:hover {text-decoration:underline; }
#top-vente ul { margin:8px 0 0 0; padding:0; list-style-type:none;}
#top-vente ul li { margin:0 6px 0 6px; padding:7px 4px 7px 15px; border-bottom:1px dashed #ccc; background: url(../images/flech2.gif) no-repeat 6px 11px;}


.acc-bloc-cat { width:236px; height:155px; text-align:left; float:right; margin:0px 0 5px 5px;}
.acc-bloc-cat-left { width:30px; height:130px; background:url(../images/accueil_bloc_cat_l.gif) no-repeat; float:left; }
.acc-bloc-cat-right { width:56px; height:65px; background:url(../images/accueil_bloc_cat_r.gif) no-repeat; float:left; font-weight:bold; color:#FFFFFF; padding:65px 0 0 0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:1.1em }
.acc-bloc-cat-right span { font-size:1.2em }
.acc-bloc-cat-center { width:auto; height:130px;  background:url(../images/accueil_bloc_cat_c.gif) repeat-x; text-align:center;float:left;}
.acc-bloc-cat-center p { margin:0; padding:10px 0 12px 0;}
.acc-bloc-cat-bottom { width:210px; height:auto; padding:3px 0 11px 0;  background:url(../images/accueil_bloc_cat_b.gif) no-repeat bottom left; text-align:center;}
.acc-bloc-cat-bottom span { width:190px; display:block; margin:0; padding:0 10px 0 10px;}
.acc-bloc-cat-bottom a { margin:0; font-weight:bold; color:#fff; text-decoration:none;}
.acc-bloc-cat-bottom a:hover { text-decoration:underline; color:#fff;}

/* CATEGORIES LISTES */

.cat-titre {display:block; float:left; height:30px; width:50px; padding:5px 0 0 40px; background:url(../images/titr_puce.gif) no-repeat;}
.cat-bloc-cat { width:517px; height:auto; text-align:left; float:right; margin:0 0 8px 10px; padding:5px; background-color:#f0f1f1; border:1px solid #e4e5e6;}
.cat-bloc-cat-left { width:265px; height:auto; float:left; }
.cat-bloc-cat-left p { margin:14px 0 0 0;}
.cat-bloc-cat-right { width:240px; height:109px; background:url(../images/bg_cat_img.gif) no-repeat; float:right; font-weight:bold; color:#FFFFFF; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.1em }
.cat-bloc-cat-right div { width:53px; height:auto; font-size:1.2em; position:absolute; display:block; text-align:center; padding-top:42px; margin-left:173px; }
.cat-bloc-cat-right span {font-size:0.8em;}
.cat-bloc-cat-right img { margin:7px 0 0 20px;}
.ref { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.0em; color:#9C9D9F;}


/* FICHE PRODUIT */

#fiche-prod-left { width:265px; height:auto; float:left; border-top:3px solid #FE0000; }
#fiche-prod-right {width:256px; height:auto; float:right; background:url(../images/fiche_prod_r_bg.gif) no-repeat top left; padding:30px 0 0 0;  font-weight:bold;   font-family:Arial, Helvetica, sans-serif; font-size:1.1em;}
#fiche-prod-r-desc {width:240px; margin:10px 0 5px 8px; }
#fiche-prod-r-caract {width:234px; background-color:#f0f1f1; color:#FE0000; padding:10px; margin:0 0 0 1px;}
#fiche-prod-r-caract ul { padding:0 0 0 15px;}



/* PAGES COMMANDES */

.panier-list { border-bottom:1px solid #ccc;} 
.total { background-color:#f7f7f7; font-weight:bold; font-size:1.1em; }
.total-fond { background-color:#f0f2f1;}


#div-command-content { width:550px; margin:10px 0 10px 0; padding:0; }
#div-command-content a { color:#902a65; text-decoration:underline;}
#div-command-content a, a:hover { color:#902a65; text-decoration:underline;}
#div-command-content table { float:left;}
#div-command-content table th { margin:15px 0 10px 0; padding:5px; font-weight:bold; font-size:11px; white-space:nowrap; }
#div-command-content table tr.total { background-color:#f6f6f6; text-align:right; border:none; }
#div-command-content table td { padding:2px 0px 2px 0px; }
#div-command-content H1 { font-weight:bold; color:#fe0000; font-size:1.5em; padding:0 0 0 0; margin:5px 0 0 10px;}
#div-command-content H2 { font-weight:bold; color:#000; font-size:1.4em; background: url("../images/fleche_1.gif") 2px 5px no-repeat; padding:0 0 0 0px; margin:0 0 10px 0px;}
#div-command-content input, textarea{ margin-bottom: 5px; }
#div-command-content textarea{ width: 300px; height: 80px;  }
#div-command-content br{ clear: left; }
#div-command-content table td.bdc-head { font-weight:bold; font-size:14px; color:#fff; background-color:#fe0000; padding:0 0 0 20px; height:27px;}

#div-command-boutons {clear:both; width:300px; display:block; float:right; text-align:right; margin: 15px 0 0 0; white-space:nowrap;}
#div-command-boutons span { margin: 0 0 0 10px; padding:0; }

#div-command-ident-part1 { border:solid 1px #fe0000; padding:10px; margin:10px 10px 10px 0; background-color:#fff; float:left; width:250px; }
#div-command-ident-part1 table td { padding-left:20px; }

#div-command-ident-part2 { padding:0 0 0 15px; margin:0px; background-color:#F6F6F6; float:left; width:auto; }
#div-command-ident-part2 table td.space { padding:0px 0 0px 15px; }

#div-command-ident-boutons {padding:0px 5px 0 0;  text-align:right; float:right; width:450px; display:inline; }
#div-command-ident-boutons span { margin:0 0 0 10px; padding:0; }
#div-command-ident-boutons div { padding:0; margin:0 7px 0 0; }

#div-form-separateur { width:400px; height:1px; border-bottom: dashed 1px #999;}
.form-asterisque { color:#FF0000;}

#tabl-coordonnees {}
#tabl-coordonnees a {color:#1F6614; text-decoration:underline;}
table#tabl-commande  td {  padding:4px 10px 4px 10px;}
.panier-list {border-bottom:dashed 1px #c4c4c4;} 

#div-adresse { background-color:#F9F9F9; padding:10px; margin:5px; display:block; text-align:center;}
#div-adresse-livraison {background-color:#FFF; border:solid 1px #3599ED; width:300px; white-space:nowrap; padding:10px; margin:0 0 0 90px; display:block;  font-size:12px; text-align:center;  }


#print-coordonnees { padding:5px;}



/* DIVERS HACK */

.clearboth { clear:both;}
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
    display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;      /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */