@charset "utf-8";
/* CSS Document */
body { font-family:Arial, Helvetica, sans-serif; font-size: 12px !important; color:#000; text-align:center; margin:0px; padding:0px; }
div, p, ul, li, a, img, form { margin:0px; padding:0px; }

a { color:#7c8dab; text-decoration:underline; }
a:hover { color: rgb(136,169,58); text-decoration:none; }
a.normal { color:#000000; text-decoration:none; }
input { font-size:1em; margin-bottom:5px; }


ul { list-style-type:none; }

.breaker { clear:both; overflow:hidden; height:0px; }

.middle-container { margin:0 auto; width:1240px; text-align:center;  /*background:url(../images/hl2r/menu-right-border.gif) repeat-y 267px;*/}
.middle { margin:0 auto; width:1240px; text-align:center;  /*background:url(../images/hl2r/menu-right-border.gif) repeat-y 267px;*/}
.col-left { width:261px; float:left; text-align:left; padding-right:6px; padding-top:5px;}
.col-main { width:700px; _width:690px; float:left; text-align:left; padding-top:5px; padding-left:6px; background: transparent;}
.col-main-background { background:url(../images/hl2r/fond-feuille.jpg) no-repeat 0 2px;}
.col-right { width:270px; float:right; background:url(../images/hl2r/right-part-back.gif) no-repeat; padding-top:29px;}

.titre-module { font-weight:bold; font-size:1.1em; background:#7c8dab; text-decoration:none; display:block; color:#fff; height:22px; line-height:22px; text-align:center; }
.titre-module-red { font-weight:bold; font-size:1.1em; background:#c21d00; text-decoration:none; display:block; color:#fff; height:22px; line-height:22px; text-align:center; cursor:pointer; }
.col-main .menu { width:230px; padding-left:36px; }
#cart-sidebar-reorder li a {display: inline; background: none; padding-top: 5px;}

/***MENU GAUCHE***/
.middle .col-left .menu { width:230px; padding-left:36px; padding-right:5px; }
.middle .col-left .menu ul { margin:0 auto; padding:0; width:225px; }
.middle .col-left .menu .rubrique { padding-bottom:10px; font-size:1.1em; }
.middle .col-left .menu .rubrique li a { background:url(../images/hl2r/puce-wingding.dif) no-repeat 0 2px; display:block; padding-left:15px; color:#000; text-decoration:none; clear:both;}
.middle .col-left .menu .rubrique a:hover { text-decoration:underline; }
.middle .col-left .menu .rubrique a.toggle:hover { color:#ffffff; font-weight:normal; font-size:1.1em; background:#abce58; text-decoration:none; display:block;  line-height:22px; text-align:center; text-align:right; line-height:normal; margin-bottom:5px; } /** pareil que a.titre-module-green **/
.middle .col-left .menu .rubrique a.titre-module { font-weight:bold; background:#7c8dab; text-decoration:none; display:block; color:#fff; height:22px; line-height:22px; text-align:center; }
.middle .col-left .menu .rubrique a.titre-module-red { font-weight:bold; font-size:1.1em; background:#c21d00; text-decoration:underline; display:block; color:#fff; height:22px; line-height:22px; text-align:center; cursor:pointer; }
.middle .col-left .menu .rubrique a.titre-module-red:hover { font-weight:bold; font-size:1.1em; background:#fff; text-decoration:underline; display:block; color:#c21d00; height:22px; line-height:22px; text-align:center; cursor:pointer; }
.middle .col-left .menu .rubrique a.titre-module-green { color:#ffffff; font-weight:normal; font-size:1.1em; background:#abce58; text-decoration:none; display:block;  line-height:22px; text-align:right; line-height:normal; margin-bottom:5px; padding-right:2px}
.middle .col-left .menu .rubrique a.titre-module-white { color:#000; font-weight:normal; font-size:1.1em; background:#fff; text-decoration:none; display:block;  line-height:22px; text-align:right; line-height:normal; margin-bottom:5px; padding-right:2px}
.middle .col-left .menu .rubrique a.home { font-size:1.3em; text-decoration:underline; color:#7c8dab; font-weight:bold; padding-left:15px; margin-bottom:5px; display:block; background:url(../images/hl2r/visuel-box.gif) no-repeat right; text-align:right; height:40px; line-height:34px; padding-right:45px;}
.middle .col-left .menu .rubrique a.home:hover { font-size:1.3em; text-decoration:none; color:#7c8dab; font-weight:bold; padding-left:15px; margin-bottom:5px; display:block; background:url(../images/hl2r/visuel-box.gif) no-repeat right; text-align:right; height:40px; line-height:34px; padding-right:45px;}
.middle .col-left .menu .rubrique ul { padding-top:10px; }
.middle .col-left .menu .rubrique ol { padding-top:10px; }
.middle .col-left .menu .rubrique ul li a { background:url(../images/hl2r/puce-wingding.gif) no-repeat 0 2px; display:block; padding-left:15px; color:#000; text-decoration:none; clear:both; }
.middle .col-left .menu .rubrique ul.ss-menu-1 { padding-left:65px; padding-right:5px; }
.middle .col-left .menu .rubrique ul.ss-menu-2 li a { text-align:right; background:none; margin-bottom:5px; }
.middle .col-left .menu .rubrique ul.ss-menu-3 li a { text-align:right; background:none; margin-bottom:5px; margin-top:0px; padding-top:0px; padding-right:15px}
.middle .col-left .menu .rubrique ul.ss-menu-3 { text-align:right; background:none; padding-right:5px; margin-bottom:5px; margin-top:0px; padding-top:0px; }
.middle .col-left .menu .rubrique ul.ss-menu-3 a.blue-bg { color:#ffffff; background:#aeccff;}
.middle .col-left .menu .rubrique ul.ss-menu-3 a:hover { color:#ffffff; background:#aeccff; text-decoration:none;}

.middle .col-left .menu .rubrique a.green { display:block; color:#abce58; text-align:right; font-weight:bold; padding-right:20px; background:none;}
.middle .col-left .menu .rubrique a.grey { display:block; color:#8494b0; text-decoration:none; text-align:right; font-weight:bold; padding-right:20px; background:none;}

.middle .top-bloc { width:650px; border:0px solid #dadada; margin:0 auto; text-align:left; padding:10px;}
.middle .main-bloc { width:575px; border:1px solid #dadada; margin:0 auto; text-align:left; padding:10px; background:url(../images/hl2r/middle-back.gif) no-repeat top left; }

/***MENU DROITE***/
.middle .col-right .menu { width:225px; padding-right:36px; float:left; }
.middle .col-right .menu ul { margin:0 auto; padding:0; width:225px; }
.middle .col-right .menu .rubrique { padding-bottom:10px; font-size:1.1em; width:225px;} /* joss added */
.middle .col-right .menu .rubrique li a { background:url(../images/hl2r/puce-wingding.gif) no-repeat 0 2px; display:block; padding-left:15px; color:#000; text-decoration:none; clear:both; width:185px; text-align:left; }
.middle .col-right .menu .rubrique a:hover { text-decoration:underline; }
.middle .col-right .menu .rubrique a.titre-module { font-weight:bold; background:#7c8dab; text-decoration:none; display:block; color:#fff; height:22px; line-height:22px; text-align:center;}
.middle .col-right .menu .rubrique a.titre-module-red { font-weight:bold; font-size:1.1em; background:#c21d00; text-decoration:none; display:block; color:#fff; height:22px; line-height:22px; text-align:center; cursor:pointer; }
.middle .col-right .menu .rubrique ul { padding-top:10px; width:200px; }
.middle .col-right .menu .rubrique ol { padding-top:10px; width:200px; }
.middle .col-right .menu ul.ss-menu-1 { padding-left:20px; padding-right:5px; }
.middle .col-right .menu .rubrique ul.ss-menu-1 { padding-left:45px; padding-right:5px; }
.middle .col-right .menu .rubrique ul.ss-menu-2 li a { text-align:right; background:none; padding-right:5px; margin-bottom:5px; }
.middle .col-right .menu .rubrique ul.ss-menu-2 li a.home { background:url(../images/hl2r/visuel-box.gif) no-repeat right; text-align:right; height:40px; line-height:34px; padding-right:45px; }
.middle .col-right .menu .rubrique ul.ss-menu-3 li a { text-align:right; background:none; padding-right:5px; margin-bottom:5px; }

.middle .col-right .menu ul li.rubrique a.green { display:block; color:#abce58; text-align:right; font-weight:bold; padding-right:5px; }
.middle .col-right .menu ul li.rubrique a.grey { display:block; color:#8494b0; text-align:right; font-weight:bold; padding-right:5px; }

#login-form { overflow:hidden; margin:10px 0 0; display:block;}
#login-form a { clear:both ; display:block; text-align:right; color:#000; font-style:italic; }
#login-form .line { clear:left; overflow:hidden; /padding-bottom:5px; }
#login-form input.login { width:105px; border:1px solid #000; float:left; padding:0;}
#login-form input.password { width:105px; border:1px solid #000; float:left; margin-right:3px; padding:0;}
#login-form input.ok { float:left;  pading:0;}
#login-form .intitule { width:90px; /width:85px; text-align:left; display:block; float:left; }

#newsletter-validate-detail { overflow:hidden; margin:10px 0 0; display:block;}
#newsletter-validate-detail a { clear:both ; display:block; text-align:right; color:#000; font-style:italic; }
#newsletter-validate-detail .line { clear:left; overflow:hidden; /padding-bottom:5px; }
#newsletter-validate-detail input.validate-email { width:130px; border:1px solid #000; float:left; margin-right:3px; padding:0;}
#newsletter-validate-detail input.ok { float:left;  padding:0;}
#newsletter-validate-detail .intitule { width:60px; /width:55px; text-align:left; display:block; float:left; }

#search_mini_form { overflow:hidden; margin:0px 0px 0px 0px; display:block;}
#search_mini_form a { clear:both ; display:block; text-align:right; color:#000; font-style:italic; }
#search_mini_form .line { clear:left; overflow:hidden; /padding-bottom:5px; }
#search_mini_form input.input-text { width:130px; border:1px solid #000; float:right; margin-right:3px; padding:0;}
#search_mini_form input.ok { float:right;  padding:0;}
#search_mini_form .intitule { width:60px; /width:55px; text-align:right; display:block; float:left; font-size:1.1em; }

.col-right .panier { width:225px; float:left; padding-left:0px; }
.col-left .panier { width:230px; padding-left:36px; padding-right:5px; }
.palette { background:url(../images/hl2r/icon-camion.gif) no-repeat 110px 20px; height:56px; font-size:1.6em; text-align:left; padding-top:35px }
.compte { height:30px; font-size:1.6em; text-align:left; }
.commande { background:url(../images/hl2r/fleche-commande.gif) no-repeat 104px 20px; height:45px; font-size:1.6em; text-align:left; padding-top:5px}

table.liste-produits { margin-bottom:10px; } 
table.liste-produits a { color:#000; text-align:center; font-weight:bold;} 
table.liste-produits { border-collapse:collapse; width:220px; margin-left:10px; } 
table.liste-produits td { width:100px; height:100px; vertical-align:middle; font-size:1.4em; text-align:center; padding-top:5px;}
table.liste-produits td.gris { background:url(../images/hl2r/parpaing-gris.gif) no-repeat center; } 
table.liste-produits td.gris-fonce { background:url(../images/hl2r/parpaing-gris-fonce.gif) no-repeat center; } 
table.liste-produits td.orange { background:url(../images/hl2r/parpaing-orange.gif) no-repeat center; } 
table.liste-produits td.orange-fonce { background:url(../images/hl2r/parpaing-orange-fonce.gif) no-repeat center; } 
table.liste-produits td.vert { background:url(../images/hl2r/parpaing-vert.gif) no-repeat center; } 
table.liste-produits td.vert-fonce { background:url(../images/hl2r/parpaing-vert-fonce.gif) no-repeat center; } 
table.liste-produits td.bleu { background:url(../images/hl2r/parpaing-bleu.gif) no-repeat center; } 
table.liste-produits td.bleu-fonce { background:url(../images/hl2r/parpaing-bleu-fonce.gif) no-repeat center; } 
table.liste-produits td.rose { background:url(../images/hl2r/parpaing-rose.gif) no-repeat center; } 
table.liste-produits td.rose-fonce { background:url(../images/hl2r/parpaing-rose-fonce.gif) no-repeat center; } 

.footer-container { margin:0 auto; width:1240px; }
.footer { margin:0 auto; width:1240px; height:160px; clear:both; background:url(../images/hl2r/visuel-footer.jpg) no-repeat 134px top; overflow:hidden; font-size:1.1em; padding-top:120px; }
.footer .content { width:745px; float:right; padding:0px 0px 0px 0px;}
.footer .content .line { clear:both; overflow:hidden; margin-bottom:2px; }
.footer .content a { color:#7c8dab; display:block; float:left; width:95px; text-align:left; font-size:0.9em; }
.footer .content a:hover { text-decoration:underline; }
.footer .content a.large { color:#7c8dab; display:block; float:left; width:125px; text-align:left; }

.footer .content .line-2 { background:#7c8dab; color:#fff; }
.footer .content .line-2 a { float:none; display:inline; color:#fff; }