﻿html
{
    background: #fff url(/images/interface/rpt_www.jpg.ashx) repeat-x 0 0;
}

html, body, form
{
    height: 100%;
    width: 100%;
}

body
{
    margin: 0;
    padding: 0;
    font-size: 77%;
    font-family: Verdana;
    color: #221e1f;
}

.ez-box
{
    border: 1px solid red;
}

#main-wrapper
{
    height: 100%;
    margin: 0 auto;
    width: 945px;
    position: relative;
}

a.LogoLink
{
    text-decoration: none;
}

a.LogoLink span
{
    display: block;
    width: 288px;
    height: 132px;
    top: 0;
    left: 20px;
    background: transparent url(/images/interface/Logo.png.ashx) no-repeat 0 0;
    position: absolute;
}

.menu-top
{
    margin: 0 auto;
    width: 100%;
    height: 41px;
    position: relative;
    text-align: right;
}
.menu-center
{
    margin: 91px 0 0 0;
    width: 100%;
    height: 41px;
    background: transparent url(/images/interface/Menu_center.png.ashx) no-repeat 0 0;
    position: relative;
}

.basket-info
{
    position: absolute;
    top: 12px;
    right: 10px;
    color: #fff;
}

span.top-scie
{
    display: block;
    position: absolute;
    width: 286px;
    height: 90px;
    background: transparent url(/images/interface/scie.png.ashx) no-repeat 0 0;
    top: 42px;
    right: 107px;
}
h1.slogan-white {
    color: #FFFFFF;
    font-size: 200%;
    font-style: italic;
    font-weight: bold;
    left: 208px;
    position: absolute;
    top: 31px;
    width: 400px;
}
.slogan-or {
    color: #FDBD10;
    display: block;
    font-size: 100%;
    font-style: italic;
    font-weight: bold;
    left: 61px;
    position: absolute;
    top: 23px;
    width: 100%;
}
.content
{
    margin: 0 auto;
    width: 934px;
    min-height: 535px;
    background: transparent url(/images/interface/Content.gif.ashx) no-repeat 0 0;
    position: relative;
    padding: 5px 5px 0 6px;
}
div.content-left
{
    float: left;
    width: 181px;
    position: relative;
    text-align: left;
    font-family: arial;
    background-color: #FAFCFB;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    z-index: 300;
}
div.content-center
{
    float: left;
    width: 560px;
    margin: 0 5px;
    position: relative;
    z-index: 200;
}
div.content-right
{
    background-color: #FAFCFB;
    float: left;
    width: 182px;
    position: relative;
    text-align: left;
    font-family: arial;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
}
.Clear
{
    clear: both;
    line-height: 0;
    height: 0;
    font-size: 0%;
}
.mailing-list
{
    width: 181px;
    height: 120px;
    background: transparent url(/images/interface/MailingList_Box.gif.ashx) no-repeat 0 0;
    text-align: left;
    color: #221e1f;
}

.mailing-list a, .mailing-list a:visited
{
    color: #cf2026;
    text-decoration: none;
}

.mailing-list a:hover
{
    text-decoration: underline;
}

.mailing-list h4
{
    color: #cf2026;
    font-size: 140%;
    font-family: Tahoma;
    font-weight: bold;
    padding: 8px 8px 0 8px;
}
.mailing-list p
{
    margin: 0 0 0 8px;
    font-size: 12px;
    font-family: arial;
}
.mailing-list-inscription
{
    height: 35px;
    width: 159px;
    background: transparent url(/images/interface/mailinglist_tbx.gif.ashx) no-repeat 0 0;
    padding: 7px 3px 0 14px;
    margin: 3px 0 0 2px;
}
.mailing-list-inscription input[type="text"]
{
    background: transparent url(/images/interface/rpt_tbx.jpg.ashx) repeat-x 0 0;
    height: 22px;
    border: none;
}
.mailing-list-inscription input[type="image"]
{
    float: right;
}


.list-section
{
    margin: 3px 0 0 5px;
}
.list-section dt
{
    color: #054796;
    font-size: 117%;
    margin: 0;
    font-weight: bold;
}

.list-section dd
{
    margin: 0;
}
.list-section dd p
{
    margin: 2px 0;
}
.list-section dd ul
{
    list-style-image: none;
    list-style-type: none;
    margin: 0;
}
.list-section dd ul li
{
    list-style-image: none;
    list-style-type: none;
}
.list-section dd ul li a, .list-section dd ul li a:visited
{
    color: #221e1f;
    text-decoration: none;
}
dd ul li a:hover
{
    text-decoration: underline;
}

dl.list-section.box-vertical
{
    margin: 3px 0 0 0;
}

dl.list-section.box-vertical dt
{
    color: #fff;
    background: transparent url(/images/interface/BoxVertical.gif) no-repeat 0 0;
    width: 168px;
    height: 16px;
    padding: 7px;
}

dl.list-section.box-vertical dd
{
    border-left: 1px #034898 solid;
    border-right: 1px #034898 solid;
    width: 180px;
}

dd.footer-box-vertical
{
    background: transparent url(/images/interface/BoxVertical.gif) no-repeat 0 -30px;
    width: 182px !important;
    height: 9px;
    clear: both;
    line-height: 1;
    font-size: 9px;
    border-left: none !important;
    border-right: none !important;
    width: 182px;
}


.bookmark
{
    width: 169px;
    height: 39px;
    background: transparent url(/images/interface/boormark.old.jpg.ashx) no-repeat 0 0;
    margin: 5px 0;
    padding: 5px 0 0 5px;
    color: #221e1f;
}
.bookmark a, .bookmark a:visited
{
    color: #221e1f;
    padding-left: 30px;
    display: block;
}
.search
{
    height: 27px;
    width: 162px;
    background: transparent url(/images/interface/recherche.gif.ashx) no-repeat 0 0;
    padding: 7px 20px 0 14px;
    margin: 0;
}
.search input[type="text"]
{
    background: transparent url(/images/interface/rpt_tbx.jpg.ashx) repeat-x 0 0;
    height: 22px;
    border: none;
    float: left;
}
.search input[type="image"]
{
    float: right;
}
.secure
{
    width: 168px;
    height: 47px;
    background: transparent url(/images/interface/Secure_Box.gif.ashx) no-repeat 0 0;
    margin: 3px 0;
    padding: 33px 0 0 8px;
    font-size: 115%;
    font-weight: 500;
}
.secure hr
{
    display: none;
    margin: 1px 0 0;
    margin: 0px;
    height: 2px;
    width: 95%;
    border-top: 2px dotted #221e1f;
    border-bottom: none;
    border-left: none;
    border-right: none;
}
.secure #currency
{
    margin-top: 2px;
    padding-top: 2px;
    border-top: 2px dotted #221e1f;
}
#currency a, #currency a:visited
{
    color: #000;
    text-decoration: none;
}

#currency a:hover
{
    text-decoration: underline;
}

#currency a.selected
{
    color: #ce2129;
    font-weight: bold;
}



.catalogue
{
    margin: 3px 0;
    background: transparent url(/images/interface/catalogue.jpg.ashx) no-repeat 0 0;
    padding: 15px 0 0 5px;
    width: 174px;
    height: 51px;
}
.catalogue a
{
    font-size: 117%;
    font-weight: bold;
    text-decoration: none;
}
.catalogue a, .catalogue a:visited
{
    color: #054796;
}

.catalogue a:hover
{
    text-decoration: underline;
}
.Logo dd
{
    float: left;
    margin: 0 2px;
}
.footer-center
{
    text-align: center;
    font-size: 90%;
}
.footer-center p
{
    margin: 2px 0;
}

.footer-center p a, .footer-center p a:visited
{
    color: #ea2928;
    text-decoration: underline;
}

p.mailto a, p.mailto a:visited
{
    color: #124c9c;
    text-decoration: underline;
}

p.mcafee
{
    margin: 2px 0;
    text-align: center;
}

p.ssl-secure
{
    margin: 2px 0;
    text-align: center;
}


div.content-center > div
{
    padding: 0 10px;
}
div.content-center p
{
    text-align: justify;
    line-height: 1.7em;
}
div.content-center *
{
    text-align: left;
}

div.content-center h1
{
    color: #054796;
    border-bottom: 1px solid #054796;
}

.slideshow
{
    height: 192px;
    width: 560px;
    margin: auto;
}
.slideshow img
{
}

#partenaires
{
    text-align: center;
}

dl.search-result
{
    text-align: left;
}

h3.search-texttosearch
{
    text-align: left;
}

.subscription-email
{
    float: left;
}

.unsubscribe
{
    text-align: left;
}

strong
{
    font-weight: bold;
}

INPUT.spin-button
{
    padding-right: 20px; /* Padding pevents text from covering the up/dn img. Works better in Firefox but also causes textbox to widen by 20px. Arrows can go wonky in IE when text is too long. Perhaps it could be fixed with script that monitored the horiz-scroll position? */
    background-repeat: no-repeat; /* Warning: Img may disappear in Firefox if you use 'background-attachment:fixed' ! */
    background-position: 100% 0%;
    background-image: url(/images/interface/spinbtn_updn.gif.ashx);
    text-align: center;
}

INPUT.spin-button.up
{
    /* Change button img when mouse is over the UP-arrow */
    cursor: pointer;
    background-position: 100% -18px; /* 18px matches height of 2 visible buttons */
}
INPUT.spin-button.down
{
    /* Change button img when mouse is over the DOWN-arrow */
    cursor: pointer;
    background-position: 100% -36px; /* 36px matches height of 2x2 visible buttons */
}

.hiddenfield
{
    display: none;
}

.box-adv
{
    width: 177px;
    margin: 3px auto;
}

.box-adv-header
{
    background: transparent url(/images/interface/advertiser.jpg.ashx) no-repeat 0 0;
    height: 13px;
    width: 177px;
}

.box-adv-center
{
    color: #fff;
    background: transparent url(/images/interface/advertiser_rpt.jpg.ashx) repeat-y 0 0;
    min-height: 50px;
    width: 163px;
    padding: 0 11px;
}

.box-adv-footer
{
    background: transparent url(/images/interface/advertiser.jpg.ashx) no-repeat 0 -13px;
    height: 14px;
    width: 177px;
}

.box-adv-orange .box-adv-header
{
    background: transparent url(/images/interface/advertiser_o.gif.ashx) no-repeat 0 0;
}

.box-adv-orange .box-adv-center
{
    background: transparent url(/images/interface/advertiser_o_rpt.jpg.ashx) repeat-y 0 0;
}

.box-adv-orange .box-adv-footer
{
    background: transparent url(/images/interface/advertiser_o.gif.ashx) no-repeat 0 -13px;
}



.box-adv-center p, .box-adv-center p.MsoNormal
{
    margin: 0;
}



.requiredError
{
    background-color: Red;
}

.catalogue a
{
}

ul.product-topten-list
{
}

ul.product-topten-list li
{
    margin: 0 0 3px 0;
}

ul.product-topten-list li span
{
    color: #CE2125;
    font-weight: bold;
}

ul.product-topten-list li.alt span
{
    color: #CE2125;
}

.hidden-object
{
    display: none;
}

ul.List-comment
{
    margin: 5px 0 0 15px;
}

ul.List-comment li
{
    margin: 10px 0;
    list-style-type: square;
}

ul.List-comment li span
{
    color: #054796;
}

