/*  # Style v1.1 (21 april 2009)
=================================================================
    1. Main layout
-------------------------------------------------------------- */
#container{
    min-height: 100%; height: auto !important; height: 100%; /* +autoHeight */
}
#container, #footer, #content{
    width: 970px;
}
#site-header{
    height: 279px;
}
/*  -------------------------------------------------------------
    2. Header elements
-------------------------------------------------------------- */
#site-header.outer{}
#site-header .inner{}
/*  -------------------------------------------------------------
    3. Content elements
-------------------------------------------------------------- */
#header-flash{
    float: left; width: 806px; height: 279px;
}
#left-outer{
    float:left; overflow: hidden;
    width: 230px;
}
#left-inner{
    float: left;
    width: 202px;
    padding: 45px 14px 0 14px;
}
#right-outer{
    float: left; overflow: hidden;
    width: 740px;
}
#right-inner{
    float: left;
    width: 695px;
    padding: 0 14px 0 31px;
    text-align: justify;
}
/*  -------------------------------------------------------------
    4. Footer elements
-------------------------------------------------------------- */
#footer.outer{
    margin: 0 auto;
}
#footer .inner{
    text-align: left;
}
#footer .box1{
    float: left;
    width: 187px;
    padding: 31px 0 0 20px;
}
#footer .box2{
    float: left;
    width: 743px;
    padding: 31px 20px 0 0;
}
#footer .copyright{
    text-align: center;
}
#menu2 ul{
    float: right;
}
#menu2 ul li{
    float: left; display: inline;
}
div.ref{
    clear: both; text-align: center;
    padding: 10px;
}
/*  -------------------------------------------------------------
    5. Other elements
-------------------------------------------------------------- */
.leftpad        {float: left; padding: 0 15px 5px 0;}
.rightpad       {float: right; padding: 0 0 0 10px;}
#menu-top       {float: right; width: 695px; height: 36px; text-align: right;}
#page-title     {float: left; display: block; height: 50px;}
#site-location  {clear:both;  display: block; height: 50px;}
.paragraph      {}

.pannel1 { float: left; width: 467px; background: url(images/pannel1-middle-bg.jpg) repeat-y left top;
    }
    .pannel1 .pannel1-top { float: left; width: 467px; background: url(images/pannel1-top-bg.jpg) no-repeat left top;
        }
        .pannel1 .pannel1-bottom { float: left; width: 407px; min-height: 120px; height: auto !important; height: 120px; background: url(images/pannel1-bottom-bg.jpg) no-repeat left bottom; padding: 30px;
        }
.pannel11 { float: left; width: 695px; background: url(images/pannel11-middle-bg.jpg) repeat-y left top;
    }
    .pannel11 .pannel11-top { float: left; width: 695px; background: url(images/pannel11-top-bg.jpg) no-repeat left top;
        }
        .pannel11 .pannel11-bottom { float: left; width: 675px; background: url(images/pannel11-bottom-bg.jpg) no-repeat left bottom; padding: 10px;
        }
.pannel2 { float: right; height: 41px; background: url(images/pannel2-center-bg.jpg) repeat-x left top;
    }
    .pannel2 .pannel2-left { float: right; height: 41px; background: url(images/pannel2-left-bg.jpg) no-repeat left top;
        }
        .pannel2 .pannel2-right { float: right; min-width: 17px; width: auto !important; width: 17px; height: 25px; background: url(images/pannel2-right-bg.jpg) no-repeat right top; padding: 8px 15px;
        }
.pannel3 { float: left; width: 208px; background: url(images/pannel3-middle-bg.jpg) repeat-y left top;
    }
    .pannel3 .pannel3-top { float: left; width: 208px; background: url(images/pannel3-top-bg.jpg) no-repeat left top;
        }
        .pannel3 .pannel3-bottom { float: left; width: 178px; min-height: 30px; height: auto !important; height: 30px; background: url(images/pannel3-bottom-bg.jpg) no-repeat left bottom; padding: 15px;
        }
.pannel4 { float: right; height: 41px; background: url(images/pannel4-center-bg.jpg) repeat-x left top;
    }
    .pannel4 .pannel4-left { float: right; height: 41px; background: url(images/pannel4-left-bg.jpg) no-repeat left top;
        }
        .pannel4 .pannel4-right { float: right; min-width: 17px; width: auto !important; width: 17px; height: 25px; background: url(images/pannel4-right-bg.jpg) no-repeat right top; padding: 8px 15px;
        }
.separator1     {clear: both; float: left; display: block; font-size: 1px; line-height: 1px; overflow: hidden;
                width: 100%; height: 1px; margin: 10px 0; color: #C98CE7; background-color: #C98CE7;}
ul.list1        {float: left;}
ul.list1 li     {padding: 0 0 0 10px; background: url(images/bullet1.gif) no-repeat 0 5px;}
ul.list2        {float: left;}
ul.list2 li     {padding: 0 0 0 10px; background: url(images/bullet2.gif) no-repeat 0 5px;}
.border1        {border: 1px dashed #141D2E;}
.thumb1         {display: inline; background: #FFFFFF; padding: 4px; margin: 2px 0 0 0; border: 1px solid #C785E9;}
a.thumb1:hover  {border: 1px solid #834FA1;}
.thumb2         {display: inline; background: #FFFFFF; padding: 2px; border: 1px solid #C785E9;}
a.thumb2:hover  {border: 1px solid #834FA1;}
.cap            {float: left; padding: 5px; margin: 6px 6px 0 0; color: #FFFFFF; background: #112B44; font-size:60px; line-height:50px; font-family:"Times New Roman", Times, serif;}
.linethrough    {background: url(images/linethrough.jpg) repeat-x left center;}


table.design1{
    margin: 1px 0 0 0;
}
table.table1 th {
    text-align: left;
    font-weight: normal;
    padding: 3px 5px;
    border: 1px solid #EECFF9;
    background-color: #B186CD;
    color: #FFFFFF;
    vertical-align: middle;
}
table.table1 td {
    padding: 3px 5px;
    border: 1px solid #EECFF9;
    background-color: #FFFFFF;
    color: #79558B;
}
#table1 tr.hover1 {
    background-color: #eee;
    display: none;
}
/*  -------------------------------------------------------------
    Pagination
--------------------------------------------------------------- */
.pagination{
    float: left; width: 690px; padding: 20px 0 0 0; text-align: center;
}
.pagination ul{
    text-align: center; margin: 0 auto; display: inline;
}
.pagination ul li{
    display: inline; padding: 0 5px 0 0; text-align: center;
    color: #79558B;
}
.pagination ul li a, .pagination ul li span{
    padding: 2px 6px; text-align: center; line-height: 22px; vertical-align: middle; font-weight: bold;
}
.pagination li.current a, .pagination li.current span{
    background: #FFFFFF; color: #79558B !important;
    border: 1px solid #8652A4; text-decoration: none; font-weight: bold;
}
.pagination li.rest a{
    background: #B186CD; color: #FFFFFF !important;
    border: 1px solid #8652A4;
}
.pagination li.rest a:hover{
    background: #8652A4; color: #FFFFFF !important;
    border: 1px solid #8652A4; text-decoration: none;
}
/*  -------------------------------------------------------------
    Component: panier
-------------------------------------------------------------- */
#panier{position: relative; float: left; width: 164px; height: 279px;
    background: url(images/panier-bg.jpg) no-repeat left top;
    }
    #panier p#status{
        width: 89px; font-weight: bold; color: #a562ce;
    }
    #panier p#status a{
        font-weight: bold;
    }
    #panier-notlogged{position: relative; float: left; width: 145px; height: 189px; padding: 90px 10px 0 9px;
        background: url(images/panier-notlogged-bg.jpg) no-repeat left top;
        }
        #panier-notlogged p{
            line-height: 15px; color: #945595;
        }
        #panier-notlogged a:link, #panier a:visited, #panier-notlogged a:hover, #panier a:active{
            color: #945595;
        }
        #panier-notlogged #cartSummary{
            width: 145px;
            position: absolute;
            top: 100px;
            float: left;
        }
        #panier-notlogged #login{
            width: 145px;
            position: absolute;
            top: 158px;
            float: left;
        }
        #panier-notlogged .input-outer{
            float: left; width: 134px; height: 15px; padding: 0 0 0 9px; margin: 0 0 4px 0;
            background: url(images/input-bg.jpg) repeat-x left top;
            border: 1px solid #BCBCBC;
        }
        #panier-notlogged input{
            color: #505052;
        }
        #panier-notlogged a input.connexion{
            float: right; width: 67px; height: 17px;
        }
        #panier-notlogged a input.connexion, #panier-notlogged a:visited input.connexion{
            background: url(images/connexion-btn.jpg) no-repeat left top;
        }
        #panier-notlogged a:hover input.connexion, #panier-notlogged a:active input.connexion{
            background: url(images/connexion-btn-over.jpg) no-repeat left top;
        }
    #panier-logged{position: relative; float: left; width: 145px; height: 189px; padding: 90px 10px 0 9px;
        background: url(images/panier-logged-bg.jpg) no-repeat left top;
        }
        #panier-logged p{
        color: #b08144; line-height: 11px;
        }
        #panier-logged a input.deconnexion{
            float: right; width: 83px; height: 17px;
        }
        #panier-logged a input.deconnexion, #panier-logged a:visited input.deconnexion{
            background: url(images/deconnexion-btn.jpg) no-repeat left top;
        }
        #panier-logged a:hover input.deconnexion, #panier-logged a:active input.deconnexion{
            background: url(images/deconnexion-btn-over.jpg) no-repeat left top;
        }
        #panier-logged a input.mon-compte{
            float: right; width: 83px; height: 17px;
        }
        #panier-logged a input.mon-compte, #panier-logged a:visited input.mon-compte{
            background: url(images/mon-compte-btn.jpg) no-repeat left top;
        }
        #panier-logged a:hover input.mon-compte, #panier-logged a:active input.mon-compte{
            background: url(images/mon-compte-btn-over.jpg) no-repeat left top;
        }
/*  -------------------------------------------------------------
    Component: Search
-------------------------------------------------------------- */
#search{ float: left; width: 172px; height: 32px; padding: 52px 0 32px 30px;
    background: url(images/search-bg.jpg) no-repeat left top;
    }
    #search form{
        float: left; width: 152px;
    }
    #search input{
        font-size: 11px; line-height: 14px; color: #626262; width: 120px;
    }
    #search a input.button{
        float: right; width: 23px; height: 13px; cursor: pointer;
    }
    #search a input.button, #search a:visited input.button{
        background: url(images/search-btn.jpg) no-repeat left top;
    }
    #search a:hover input.button, #search a:active input.button{
        background: url(images/search-btn-over.jpg) no-repeat left top;
    }
/*  -------------------------------------------------------------
    Component: Newsletter
-------------------------------------------------------------- */
#newsletter { float: left; width: 172px; height: 32px; padding: 52px 0 31px 30px;
    background: url(images/newsletter-bg.jpg) no-repeat left top;
    }
    #newsletter form { float: left; width: 152px;
    }
    #newsletter input { font-size: 11px; line-height: 14px; color: #626262; width: 120px;
    }
    #newsletter a input.button { float: right; width: 23px; height: 13px; cursor: pointer;
    }
    #newsletter a input.button, #newsletter a:visited input.button { background: url(images/newsletter-btn.jpg) no-repeat left top;
    }
    #newsletter a:hover input.button, #newsletter a:active input.button { background: url(images/newsletter-btn-over.jpg) no-repeat left top;
    }
/*  -------------------------------------------------------------
    Component: Promo
-------------------------------------------------------------- */
#promotions { float: left; width: 467px;
    }
    #promo.outer { float: left; width: 467px; height: 233px; position: relative;
            background: url(images/promo-bg.jpg) no-repeat left top;
        }
        #promo #promo-bg2 { float: left; width: 72px; height: 98px; position: absolute; z-index: 100; bottom: 1px; left: 0;
            background: url(images/promo-bg2.gif) no-repeat 0 0;
        }
        #promo .inner { float: left; width: 403px; height: 178px; padding: 28px 31px 27px 33px; overflow: hidden; position: absolute; z-index: 99;
            }
            #promo .slides { float: left; width: 403px; height: 178px; overflow: hidden;
            }
            #promo p.description { width: 180px; height: 70px; text-align: left; padding: 0 0 0 3px;
            }
            #promo .promotion-label { float: left;  margin: 5px 0 0 0;
            }
            #promo .price { float: left; padding: 0 0 0 12px;
            }
            #promo .price .euro { font-size: 15px; color: #b776de; font-weight: bold; vertical-align: top;
            }
    .promo-pagination { float: right; width: 467px;  margin: 12px 0 0 0; border-top: 1px solid #C98CE7;
        }
        .promo-pagination ul { float: right; padding: 2px 2px 0 0;
        }
        .promo-pagination .jFlowSelected1 { color: #b74bf7 !important;
        }
        .promo-pagination ul li { float: left; display: inline; color: #d9abd3;
            }
            .promo-pagination ul li a, .promo-pagination ul li a:visited { color: #d9abd3; text-decoration: none;
            }
            .promo-pagination ul li a:hover, .promo-pagination ul li a:active { color: #b74bf7; text-decoration: none;
            }
#special-promo.outer { float: left; width: 208px; height: 233px; padding: 0 0 0 20px;
    }
    #special-promo .inner { float: left; width: 178px; height: 210px; padding: 23px 15px 0 15px; background: url(images/special-promo.jpg) no-repeat left top;
        }
        #special-promo p.price { color: #9d12f3; font-size: 12px; line-height: 14px; font-weight: bold; text-align: center;
        }
        #special-promo p.price span {
            color: #000000; font-size: 15px; line-height: 15px;
        }
/*  -------------------------------------------------------------
    Component: Products
-------------------------------------------------------------- */
#products.outer { clear: left; float: left; width: 695px; padding: 18px 0 0 0;
    }
    .product { float: left; border: 1px solid #D8D4DD; background-color: #ffffff; width: 190px; height: 206px; margin: 0 35px 35px 0; padding: 7px 8px;
    }
        .product .thumb-container { background: #E9E7EC; float: left; width: 180px; height: 94px; padding: 5px; margin: 4px 0 5px 0; text-align: center;
        }
        .product .description { height: 28px;}
        .product .price { text-align: right; padding: 4px 9px 0 0; float: left; width: 180px; height: 20px;
            }
            .product .old-price { color: #8F8F8F; font: normal 20px/20px Arial, Helvetica, sans-serif; text-decoration: line-through;
                }
                .product .old-price .euro { font-size: 13px; vertical-align: top;
                }
            .product .current-price { color: #bb79de; font: bold 12px/18px Arial, Helvetica, sans-serif;
            }
                .product .current-price .value { color: #000000; font: bold 15px/15px Arial, Helvetica, sans-serif;
                }
                .product .current-price .euro { font: 10px/10px Verdana, Helvetica, sans-serif; vertical-align: top;
                }
        .product .buttons { float: left; padding: 4px 0 0 0;
        }


.products-pagination { width: 695px; margin: 9px 0 0 0; border-top: 1px solid #C98CE7; text-align: center;
    }
    .products-pagination ul { padding: 0 2px 0 0; text-align: center;
        }
        .products-pagination .jFlowSelected2 { color: #b74bf7 !important;
        }
        .products-pagination ul li { display: inline; color: #d9abd3; line-height: 18px;
            }
            .products-pagination ul li a, .products-pagination ul li a:visited { color: #d9abd3; text-decoration: none;
            }
            .products-pagination ul li a:hover, .products-pagination ul li a:active { color: #b74bf7; text-decoration: none;
            }
/*  -------------------------------------------------------------
    Component: Product details
-------------------------------------------------------------- */
.product-details{
    }
    .product-details .title{
        float: left; width: 250px;
    }
    .product-details .price{
        float: right; width: 140px;
        }
        .product-details .price .current .euro{ font-size: 15px; color: #b776de; font-weight: bold; vertical-align: top;
        }
        .product-details .price .old{ color: #696969;
        }
        .product-details .price .old .euro{ font-size: 15px; color: #696969; font-weight: bold; vertical-align: top;
        }
/*  -------------------------------------------------------------
    Component: Password Recovery
-------------------------------------------------------------- */
.pass-recovery { width: 407px; min-height: 120px; height: auto !important; height: 120px;
    background: url(images/login-register/recover-bg.jpg) no-repeat bottom right;
    }
    .pass-recovery form { padding: 35px 0 0 55px;
        }
        .pass-recovery form label { padding: 0 10px 0 0;
        }
        .pass-recovery form .buttons { padding: 20px 0 0 50px;
        }
        .pass-recovery form #retrouverButton { float: left; padding: 0 10px 0 0;
        }
/*  -------------------------------------------------------------
    Component: Client
-------------------------------------------------------------- */
#frmUser { float:left;
    }
    #frmUser label { width: 80px;
    }
    #frmUser input.inputText, #frmUser input.inputText-over, #frmUser .textarea, #frmUser .textarea-over { width: 105px;
    }
    #frmUser .buttons { float: left; padding: 15px 0 15px 110px;
    }
#frmUser2 { float:left; width: 648px;
}
    #frmUser2 label { width: 80px;
    }
    #frmUser2 input.inputText, #frmUser2 input.inputText-over, #frmUser2 .textarea, #frmUser2 .textarea-over { width: 212px;
    }
    #frmUser2 .buttons { float: left; padding: 5px 0 15px 230px;
    }
#frmChangePass { float:left; width: 648px; padding: 15px 0 0 0px;
    }
    #frmChangePass label { width: 240px;
    }
    #frmChangePass input.inputText, #frmChangePass input.inputText-over { width: 212px;
    }
    #frmChangePass .buttons { float: left; padding: 5px 0 15px 230px;
    }
#frmChangeAddress { float:left; width: 648px;
    }
    #frmChangeAddress label { width: 115px;
    }
    #frmChangeAddress input.inputText, #frmChangeAddress input.inputText-over, #frmChangeAddress .textarea, #frmChangeAddress .textarea-over { width: 177px;
    }
    #frmChangeAddress .buttons { float: left; padding: 5px 0 15px 230px;
    }
/*  -------------------------------------------------------------
    Component: Login
-------------------------------------------------------------- */
#frmLogin_login {
    padding: 0 0 0 55px;
    }
    #frmLogin_login label{ width: 160px;
    }
    #frmLogin_login input.inputText, #frmLogin_login input.inputText-over{ width: 120px;
    }
    #frmLogin_login .buttons { float: left; padding: 15px 0 15px 55px;
    }
/*  -------------------------------------------------------------
    Component: Contact
-------------------------------------------------------------- */
#frmContact label { width: 70px; text-align: left;
}
#frmContact input.inputText, #frmContact input.inputText-over { width: 115px;
}
#frmContact .textarea, #frmContact .textarea-over { width: 325px; height: 70px; margin: 0 0 2px 0;
}
#frmContact .buttons { float:left; padding: 10px 0 10px 110px;
}
/*  -------------------------------------------------------------
    Form elements
-------------------------------------------------------------- */
form .inputText, form .inputText-over { background: #FFFFFF; color: #626262; border: 1px solid #BCBCBC;
}
form .inputButton, form .inputButton-over { width: 89px; height: 21px;
}
#retrouverButton { float: left;
    }
    #retrouverButton input { background: url(images/login-register/retrouver-btn.jpg) no-repeat left top; width: 89px;
    }
    #retrouverButton:hover input { background: url(images/login-register/retrouver-btn-over.jpg) no-repeat left top;
    }
#retablirButton { float: left;
    }
    #retablirButton input { background: url(images/login-register/retablir-btn.jpg) no-repeat left top; width: 89px;
        }
    #retablirButton:hover input { background: url(images/login-register/retablir-btn-over.jpg) no-repeat left top;
    }
#enregistrerButton { float: left;
    }
    #enregistrerButton input { background: url(images/login-register/enregistrer-btn.jpg) no-repeat left top; width: 116px;
        }
    #enregistrerButton:hover input { background: url(images/login-register/enregistrer-btn-over.jpg) no-repeat left top;
    }
#effacerButton { float: left;
    }
    #effacerButton input { background: url(images/login-register/effacer-btn.jpg) no-repeat left top; width: 116px;
        }
    #effacerButton:hover input { background: url(images/login-register/effacer-btn-over.jpg) no-repeat left top;
    }
#sauverButton { float: left; padding: 0 10px 0 0;
    }
    #sauverButton input { background: url(images/login-register/sauver-btn.jpg) no-repeat left top; width: 89px;
    }
    #sauverButton:hover input { background: url(images/login-register/sauver-btn-over.jpg) no-repeat left top;
    }
#envoyerButton { float: left; padding: 0 10px 0 0;
    }
    #envoyerButton input { background: url(images/contact/envoyer-btn.jpg) no-repeat left top; width: 89px;
    }
    #envoyerButton:hover input { background: url(images/contact/envoyer-btn-over.jpg) no-repeat left top;
    }
#connecterButton { float: left; padding: 0 10px 0 0;
    }
    #connecterButton input { background: url(images/connecter-btn.jpg) no-repeat left top; width: 89px;
    }
    #connecterButton:hover input { background: url(images/connecter-btn-over.jpg) no-repeat left top;
    }
#validerButton { float: left;
    }
    #validerButton input { background: url(images/valider-btn.jpg) no-repeat left top; width: 89px;
    }
    #validerButton:hover input { background: url(images/valider-btn-over.jpg) no-repeat left top;
    }
#enregistrerAdresseButton { float: left; padding: 0 10px 0 0;
    }
    #enregistrerAdresseButton input { background: url(images/enregistrer-btn.jpg) no-repeat left top; width: 209px;
    }
    #enregistrerAdresseButton:hover input { background: url(images/enregistrer-btn-over.jpg) no-repeat left top;
    }
#effacerAdresseButton { float: left;
    }
    #effacerAdresseButton input { background: url(images/effacer-adr-btn.jpg) no-repeat left top; width: 159px;
    }
    #effacerAdresseButton:hover input { background: url(images/effacer-adr-btn-over.jpg) no-repeat left top;
    }
#imprimerButton {
    }
    #imprimerButton input { background: url(images/imprimer-btn.jpg) no-repeat left top;  width: 96px; height: 21px;
    }
    #imprimerButton:hover input { background: url(images/imprimer-btn-over.jpg) no-repeat left top;
    }
#retourButton {
    }
    #retourButton input { background: url(images/retour-btn.jpg) no-repeat left top;  width: 96px; height: 21px;
    }
    #retourButton:hover input { background: url(images/retour-btn-over.jpg) no-repeat left top;
    }
#terminerButton {
    }
    #terminerButton input { background: url(images/terminer-btn.jpg) no-repeat left top;  width: 96px; height: 21px;
    }
    #terminerButton:hover input { background: url(images/terminer-btn-over.jpg) no-repeat left top;
    }
#ajouterAuPanierButton {
    }
    #ajouterAuPanierButton input { background: url(images/ajouter-au-panier-btn.jpg) no-repeat left top;  width: 157px; height: 21px;
    }
    #ajouterAuPanierButton:hover input { background: url(images/ajouter-au-panier-btn-over.jpg) no-repeat left top;
    }
#paypalButton {
    }
    #paypalButton input { background: url(images/paypal-btn.jpg) no-repeat left top;  width: 96px; height: 21px;
    }
    #paypalButton:hover input { background: url(images/paypal-btn-over.jpg) no-repeat left top;
    }

      .addr{
  width: 400px;
  float: left;
  text-align: left;
  line-height: 14px;
  margin: 0px 5px 0px 0px;
  color: #ffffff;
 font-family:Arial;
	font-size:11px;

  }