/*  =============================================================
    # Style v1.3
============================================================== */

/*  -------------------------------------------------------------
    1. Main layout
-------------------------------------------------------------- */
#container{
    min-height: 100%; height: auto !important; height: 100%; /* +autoHeight */
}
#container, #footer{
    width: 960px;
}
#site-header{
    margin: 0 auto;
    width: 960px;
}
#content{
    margin: 0 auto;
    width: 927px;
    padding: 8px 17px 8px 16px;
}
#site-header{
    height: 222px;
}
/*  -------------------------------------------------------------
    2. Header elements
-------------------------------------------------------------- */
#site-header.outer {padding: 26px 0 0 0;}
#site-header .inner{float:left;}
#header-flash{float:left; width: 960px; height: 124px;}
#header-box1{float: left; width: 597px; height: 62px; background: url(images/header-box1-bg.jpg) no-repeat left top;}
#header-box2{float: left; width: 363px; height: 62px;}
#site-header .panier{float: left; width: 167px; height: 30px; margin: 0 1px 0 0; display: inline;  background: url(images/header-panier-bg.jpg) no-repeat left bottom;}
#site-header .panier:hover{background-position: left top;}
#site-header .contact{float: left; width: 195px; height: 30px; background: url(images/header-contact-bg.jpg) no-repeat left bottom;}
#site-header .contact:hover{background-position: left top;}
#site-header .ici{float: left; width: 31px; height: 20px; background: url(images/header-ici-bg.jpg) no-repeat left bottom; margin: 36px 0 0 450px;}
#site-header .ici:hover{background-position: left top;}
#site-header #frmSearch{padding: 6px 0;}

/*.btn1{width: 107px; height: 36px; background: url(images/btn1-bg.jpg) no-repeat left bottom; text-align: center; vertical-align: middle;}
.btn1:hover{background-position: left top;}
.btn2{width: 105px; height: 36px; background: url(images/btn2-bg.jpg) no-repeat left bottom; text-align: center; vertical-align: middle;}
.btn2:hover{background-position: left top;}
.btn3{width: 107px; height: 36px; background: url(images/btn3-bg.jpg) no-repeat left bottom; text-align: center; vertical-align: middle;}
.btn3:hover{background-position: left top;}
.btn4{width: 107px; height: 36px; background: url(images/btn4-bg.jpg) no-repeat left bottom; text-align: center; vertical-align: middle;}
.btn4:hover{background-position: left top;}
.btn5{width: 107px; height: 36px; background: url(images/btn5-bg.jpg) no-repeat left bottom; text-align: center; vertical-align: middle;}
.btn5:hover{background-position: left top;}
.btn6{width: 107px; height: 36px; background: url(images/btn6-bg.jpg) no-repeat left bottom; text-align: center; vertical-align: middle;}
.btn6:hover{background-position: left top;}
.btn7{width: 107px; height: 36px; background: url(images/btn7-bg.jpg) no-repeat left bottom; text-align: center; vertical-align: middle;}
.btn7:hover{background-position: left top;}
.btn8{width: 107px; height: 36px; background: url(images/btn8-bg.jpg) no-repeat left bottom; text-align: center; vertical-align: middle;}
.btn8:hover{background-position: left top;}
.btn9{width: 106px; height: 36px; background: url(images/btn9-bg.jpg) no-repeat left bottom; text-align: center; vertical-align: middle;}
.btn9:hover{background-position: left top;}
*/
.btn-ok{float: left; width: 29px; height: 20px; background: url(images/btn-ok-bg.jpg) no-repeat left bottom;}
.btn-ok:hover{background-position: left top;}
.btn-ok2{float: left; width: 34px; height: 21px; background: url(images/btn-ok2-bg.jpg) no-repeat left bottom;}
.btn-ok2:hover{background-position: left top;}
.btn-details2{float: left; width: 66px; height: 22px; background: url(images/btn-details2-bg.jpg) no-repeat left top;}
.btn-details2:hover{background-position: right top;}
.btn-details3{float: left; width: 66px; height: 22px; background: url(images/btn-details3-bg.jpg) no-repeat left top;}
.btn-details3:hover{background-position: right top;}

.btn-carte{float: left; width: 140px; height: 24px; background: url(images/btn-carte-bg.jpg) no-repeat left top;}
.btn-carte:hover{background-position: left bottom;}
.btn-paypal{float: left; width: 140px; height: 24px; background: url(images/btn-paypal-bg.jpg) no-repeat left top;}
.btn-paypal:hover{background-position: left bottom;}
.btn-cheque{float: left; width: 140px; height: 24px; background: url(images/btn-cheque-bg.jpg) no-repeat left top;}
.btn-cheque:hover{background-position: left bottom;}
/*  -------------------------------------------------------------
    3. Content elements
-------------------------------------------------------------- */
#left-outer {float: left; width: 247px;}
#left-inner {float: left; width: 247px;}
#right-outer{float: left; overflow: hidden; width: 680px;}
#right-inner{float: left; text-align: justify; width: 680px;}
/*  -------------------------------------------------------------
    4. Footer elements
-------------------------------------------------------------- */
#footer .inner{text-align: left; padding: 18px 10px;}
#footer .footer-box1 {float: left; width: 940px; height: 50px;}
#footer .copyright{text-align: center;}
#footer p {color: #000000; font-size: 10px; line-height: 14px; text-align: center;}
#footer a:link, #footer a:visited, #footer0 a:link, #footer0 a:visited {color: #da0000;}
#footer a:hover, #footer a:active, #footer0 a:hover, #footer0 a:active {color: #da0000; text-decoration: underline;}
#footer .client {color: #da0000;}
#footer .ref {color: #000000; font-size: 11px; line-height: 14px;}
/*  -------------------------------------------------------------
    5. Basic elements
-------------------------------------------------------------- */
ul.list1, ul.list2{float: left;}
ul.list1 li{padding: 0 0 0 16px; background: url(images/bullet1.gif) no-repeat 0 7px;}
ul.list2 li{padding: 0 0 0 16px; background: url(images/bullet2.jpg) no-repeat 0 5px;}
.thumb1{display: inline; border: 1px solid #FFFFFF; background: #FFFFFF;}
a.thumb1:hover{border: 1px solid #FF9410; background: #FFFFFF;}
.thumb2{display: inline; border: 1px solid #A82597; padding: 4px; background: #FFFFFF;}
a.thumb2:hover{border: 1px solid #FF9412; background: #FFFFFF;}
.thumb3{display: inline; border: 1px solid #CD4A58; padding: 4px; background: #FFFFFF;}
a.thumb3:hover{border: 1px solid #FF9412; background: #FFFFFF;}
.separator1{
    clear: both; display: block; font-size: 1px; line-height: 1px; overflow: hidden;
    width: 100%;
    height: 1px;
    margin: 5px 0;
    background-color: #FF9410;
}
.pannel1 .pannel1-top{background: url(images/pannel1-top-bg.jpg) no-repeat left top; width: 680px; height: 10px; font-size: 0px; line-height: 0;}
.pannel1 .pannel1-middle{background: url(images/pannel1-middle-bg.jpg) repeat-y left top; width: 660px; padding: 0 10px;}
.pannel1 .pannel1-bottom{background: url(images/pannel1-bottom-bg.jpg) no-repeat left top; width: 680px; height: 10px; font-size: 0px; line-height: 0;}

.pannel2 .pannel2-top{background: url(images/pannel2-top-bg.jpg) no-repeat left top; width: 680px; height: 10px; font-size: 0px; line-height: 0;}
.pannel2 .pannel2-middle{background: url(images/pannel2-middle-bg.jpg) repeat-y left top; width: 660px; padding: 0 10px; line-height: 18px;}
.pannel2 .pannel2-bottom{background: url(images/pannel2-bottom-bg.jpg) no-repeat left top; width: 680px; height: 10px; font-size: 0px; line-height: 0;}

.pannel3 .pannel3-left{background: url(images/pannel3-left-bg.jpg) no-repeat left top; width: 9px; height: 28px; font-size: 0px; line-height: 0; float: left;}
.pannel3 .pannel3-middle{background: url(images/pannel3-middle-bg.jpg) repeat-x left top; width: auto; height: 18px; padding: 5px 10px; float: left;}
.pannel3 .pannel3-right{background: url(images/pannel3-right-bg.jpg) no-repeat left top; width: 9px; height: 28px; font-size: 0px; line-height: 0; float: left;}

/*  -------------------------------------------------------------
    Left column elements
-------------------------------------------------------------- */
#actualite.outer{float:left; width: 230px; height: 173px; background: url(images/actualite-bg.jpg) no-repeat left top;}
    #actualite .inner{float: left; width: 217px; height: 163px; padding: 10px 1px 0 12px;}
        #actualite p{color: #000000; line-height: 13px; }
        #actualite .txt1{font-size: 13px; line-height: 18px; text-align: center; font-style: italic; font-weight: bold; color: #d4e8ff;}
        #actualite .title{font-weight: bold; margin: 0 0 3px 0;}
        #actualite .desc{padding: 0 15px 0 0; height: 42px;}
        #actualite .price{font-size: 15px; color: #ffffff;}
        #actualite .euro{font-size: 10px; vertical-align: top;}
        #actualite .old-price{float: right; font-size: 13px; line-height: 13px; height: 13px; font-weight: bold; color: #000000; text-decoration: line-through; padding: 3px 12px 8px 0;}
        #actualite .new-price{float: right; font-size: 17px; line-height: 17px; height: 17px; color: #e31616; background-color: #FFFFFF; padding: 0 12px 2px 0;}
/* ------------------------------------------------------------ */
#promo-du-moment.outer{float: left; width: 230px; height: 148px; background: url(images/promo-du-moment-bg.jpg) no-repeat left top;}
    #promo-du-moment .content{float: left; width: 206px; height: 113px; padding: 8px 12px 0 12px;}
        #promo-du-moment .content .title{font-weight: bold; line-height: 15px;}
        #promo-du-moment .content p{line-height: 13px;}
        #promo-du-moment .content .thumb1{margin: 3px 6px 0 0;}
        #promo-du-moment .content .desc{height: 30px;}
        #promo-du-moment .content .euro{font-size: 10px; vertical-align: top;}
        #promo-du-moment .content .old-price{float: right; font-size: 13px; font-weight: bold; color: #000000; text-decoration: line-through; padding: 3px 0 3px 0;}
        #promo-du-moment .content .new-price{float: right; font-size: 17px; line-height: 20px; color: #e31616; background-color: #FFFFFF;}
    #promo-du-moment .countdown{float:left; width: 230px; height: 23px; text-align: center;}
        #promo-du-moment .countdown p{font-size: 15px; line-height: 22px; color: #e21313; font-weight: bold; text-align: center;}
/* ------------------------------------------------------------ */
#coordonnees{float: left; width: 230px; height: 294px; background: url(images/coordonnees-bg.jpg) no-repeat left top;}
    #coordonnees p{font-size: 12px; text-align: center;}
/* ------------------------------------------------------------ */
#newsletter.outer{float: left; width: 230px; height: 121px; background: url(images/newsletter-bg.jpg) no-repeat left top;}
    #newsletter .inner{float: left; width: 230px; height: 97px; padding: 12px 0;}
        #newsletter p{color: #FFFFFF; line-height: 13px;}
        #news-form{float: left; padding: 11px 0 11px 12px;}
        #news-form input{width: 160px; height: 15px; background-color: #FFFFFF; padding: 3px 7px; border: 0;}
/* ------------------------------------------------------------ */
.btn-conseillez{float: left; width: 230px; height: 92px; background: url(images/btn-conseillez-bg.jpg) no-repeat left bottom;}
.btn-conseillez:hover{background-position: left top;}
/* ------------------------------------------------------------ */
.logos{float: left; width: 230px; height: 183px; padding: 10px 0 0 0; background: url(images/logos-bg.jpg) no-repeat left top;}
    .logos h1{font-size: 13px;}
    .logos p{font-size: 11px; line-height: 13px;}
/* ------------------------------------------------------------ */
.btn-cdv{float: left; width: 230px; height: 121px; background: url(images/btn-cdv-bg.jpg) no-repeat left bottom;}
.btn-cdv:hover{background-position: left top;}
/* ------------------------------------------------------------ */
#site-location{float: left; padding: 0 0 0 5px; width: 922px;}
/*  -------------------------------------------------------------
    Right column elements
-------------------------------------------------------------- */
#nouveautes.outer{float: left; width: 680px; height: 173px;}
    #nouveautes .tabs{float: right; display: inline; height: 22px; padding: 18px 10px 0 0;}
    #nouveautes .jFlowControl1{float: left; display: inline; width: 34px; height: 22px; margin: 0 1px 0 0; text-align: center;}
    #nouveautes .jFlowControl1{color: #FFFFFF; background: url(images/tab-normal.jpg) no-repeat left top; font-size: 13px; line-height: 22px; font-weight: bold;}
    #nouveautes .jFlowControl1:hover{font-size: 17px; text-decoration: none; font-weight: normal;}
    #nouveautes .jFlowSelected1{color: #FFFFFF; background: url(images/tab-active.jpg) no-repeat left top; font-size: 17px; line-height: 22px; font-weight: normal;}
    .slides-container{float: left; width: 650px; height: 125px; padding: 8px 15px 0 15px; background: url(images/nouveautes-bg.jpg) no-repeat left top; overflow: hidden;}
    .slides-container .text{float: left; width: 360px; padding: 9px 0 0 0;}
        .slides-container .title{font-size: 12px; line-height: 16px; margin: 0 0 8px 0; font-weight: bold;}
        .slides-container .desc{font-size: 11px; line-height: 13px; height: 49px; }
        .slides-container .btn-details{float: left; width: 66px; height: 22px; background: url(images/btn-details-bg.jpg) no-repeat left top;}
        .slides-container .btn-details:hover{background-position: right top;}
    .slides-container .prices {float: left; padding: 23px 52px 0 41px; width: 65px; height: 60px; background: url(images/prices-bg.jpg) no-repeat right top; text-align: center;}
    .slides-container .pricesnopromo {float: left; padding: 23px 52px 0 41px; width: 65px; height: 60px; text-align: center;}
        .slides-container .prices .star-price{font-size: 25px; line-height: 25px; height: 25px; color: #FFFFFF;}
        .slides-container .old-price{float: right; padding: 7px 6px; background-color: #FF8B00; font-size: 14px; line-height: 16px; height: 16px; color: #FFFFFF; font-weight: bold; text-decoration: line-through;}
            .slides-container .old-price .euro{font-size: 10px; vertical-align: top;}
        .slides-container .current-price{float: right; font-size: 22px; line-height: 22px; height: 22px; color: #FFFFFF; background-color: #FF0000; padding: 4px 6px;}
            .slides-container .current-price .euro{font-size: 13px; vertical-align: top;}
/* ------------------------------------------------------------ */
/* Index - Listing */
.box1{background: url(images/box1-bg.jpg) no-repeat left top;}
.box1{float: left; width: 318px; height: 105px; padding: 26px 0 0 12px; background: url(images/box1-bg.jpg) no-repeat left top; text-align: left;}
.box1-left{float: left; width: 89px; padding: 2px 0 0 0;}
.box1-right{float: left; width: 228px;}
    .box1 .title{float: left; padding: 0 0 19px 0; font-weight: bold;}
    .box1 .procent{float: right; color: #FFFFFF; font-weight: bold; font-size: 12px; padding: 4px 0 0 0; text-align: center; width: 50px;}
    .box1 .desc{height: 40px;}
    .box1 .new-price{float: right; font-size: 17px; line-height: 20px; height: 20px; color: #e31616; background-color: #FFFFFF; padding: 0 13px 0 7px;}
    .box1 .new-price .euro{font-size: 10px; vertical-align: top;}
    .box1 .old-price{float: right; font-size: 13px; line-height: 16px; height: 16px; background-color: #FFD821; padding: 4px 13px 0 7px; font-weight: bold; text-decoration: line-through;}
    .box1 .old-price .euro{font-size: 10px; vertical-align: top;}
.box1 p{line-height: 13px;}

.box1-nopromo{background: url(images/box1-bg-nopromo.jpg) no-repeat left top;}
.box1-nopromo{float: left; width: 318px; height: 105px; padding: 26px 0 0 12px; background: url(images/box1-bg-nopromo.jpg) no-repeat left top; text-align: left;}
.box1-left{float: left; width: 89px; padding: 2px 0 0 0;}
.box1-right{float: left; width: 228px;}
    .box1-nopromo .title{float: left; padding: 0 0 19px 0; font-weight: bold;}
    .box1-nopromo .procent{float: right; color: #FFFFFF; font-weight: bold; font-size: 12px; padding: 4px 0 0 0; text-align: center; width: 50px;}
    .box1-nopromo .desc{height: 40px;}
    .box1-nopromo .new-price{float: right; font-size: 17px; line-height: 20px; height: 20px; color: #e31616; background-color: #FFFFFF; padding: 0 13px 0 7px;}
    .box1-nopromo .new-price .euro{font-size: 10px; vertical-align: top;}
    .box1-nopromo .old-price{float: right; font-size: 13px; line-height: 16px; height: 16px; background-color: #FFD821; padding: 4px 13px 0 7px; font-weight: bold; text-decoration: line-through;}
    .box1-nopromo .old-price .euro{font-size: 10px; vertical-align: top;}
.box1-nopromo p{line-height: 13px;}


.box2{background: url(images/box2-bg.jpg) no-repeat left top;}
.box2-promo{background: url(images/box2-promo-bg.jpg) no-repeat left top !important;}
.box2{float: left; width: 690px; height: 102px; padding: 0 0 0 0; text-align: left;}
.box2-left{float: left; width: 89px; padding: 22px 0 0 12px;}
.box2-right{float: left; width: 578px; padding: 16px 0 0 0;}
    .box2 .title{float: left; font-weight: bold; padding: 0 0 5px 0;}
    .box2 .procent{float: right; color: #FFFFFF; font-weight: bold; font-size: 12px; padding: 11px 0 0 0; text-align: center; width: 50px;}
    .box2 .text{float: left; height: 60px;}
    .box2 .desc{width: 520px;}
    .box2 .new-price{float: right; font-size: 17px; line-height: 20px; height: 20px; color: #e31616; background-color: #FFFFFF; padding: 0 13px 0 7px; margin:0px 0 0 0; width: 100px; text-align: right;}
    .box2 .new-price .euro{font-size: 10px; vertical-align: top;}
    .box2 .old-price{float: right; font-size: 13px; line-height: 16px; height: 16px; background-color: #FFD821; padding: 4px 13px 0 7px; margin: 0px 0 0 0; font-weight: bold; text-decoration: line-through; text-align: right;}
    .box2 .old-price .euro{font-size: 10px; vertical-align: top;}
    .box2 p{line-height: 13px;}
/* ------------------------------------------------------------ */
/* Details */
.thumbs{float: left; width: 230px;}
.btn-delais-de-livraison{float: left; width: 147px; height: 28px; background: url(images/btn-details-de-livraison-bg.jpg) no-repeat left bottom;}
.btn-delais-de-livraison:hover{background-position: left top;}
/* ------------------------------------------------------------ */
/* Forms */
#frmContact, #frmUser{float: left; width: 660px;}
#frmContact fieldset, #frmUser fieldset{padding: 0 0 4px 0;}
#frmContact label, #frmUser label{float: left;}
#frmContact label span, #frmUser label span{width: 120px; float: left;}
#frmContact input.inputText, #frmContact input.inputText-over{width: 170px;}
#frmUser input.inputText, #frmUser input.inputText-over{width: 170px;}
#frmContact .textarea, #frmContact .textarea-over{width: 500px; height: 100px; float: left;}
#frmUser .textarea, #frmUser .textarea-over{width: 170px; height: 100px; float: left;}
#frmContact #capa{float: left; width: 70px;}
#frmContact #capa-img{float: left;}
.submit-buttons{clear: both; text-align: center; padding: 7px 2px; width: 292px;}



#divAdrese fieldset{padding: 0 0 4px 0;}
#divAdrese label{float: left;}
#divAdrese label span{width: 140px; float: left;}
#divAdrese input.inputText, #divAdrese input.inputText-over{width: 150px;}
#divAdrese .textarea, #divAdrese .textarea-over{width: 150px; height: 78px; float: left;}
#divAdrese #capa{float: left; width: 70px;}
#divAdrese #capa-img{float: left;}



#preview{
	position:absolute;
	background:#333;
	padding:1px;
	display:none;
	color:#fff;
    top: 0; left: 0;
    z-index: 999;
}

/* ------------------------------------------------------------ */
/* Panier */
#page-title{float: left; width: 450px; height: 50px;}

.alert{
    background: url(images/alert.gif) no-repeat left top;
    padding: 8px 0 0 45px;
    min-height: 28px;
    height: auto !important;
    height: 28px; }

.error{
    color: #CB1A0E !important; }

.scrollablemdm{
  width:650px;
  height:100px;
  padding: 7px !important;
  float: left;
  
  }

  .scrollablemdm span{
    width: 100px;
    height: 100px;
    float: left;
    display: block; }

    .scrollablemdm span img{
      border: 1px solid #feffff; }

  .scrollablemdm .text{
    float: left;
    padding-left: 20px !important;
    padding-top: 0px !important;
    display: block;
    width: 364px;
    height: 71px; }

    .scrollablemdm .text p.title{
      display: block;
      width: 364px;
      padding-bottom: 5px;
      margin-bottom: 5px;
      border-bottom: 1px solid #ff8b00;
      float: left; }

    .scrollablemdm .text p.desc{
      clear: both;
      display: block;
      width: 364px;
      float: left; }

  .scrollablemdm .btn-details{
    clear: both;
    margin: -23px 0 0 120px; }

  .scrollablemdm .prices{
    width: 175px;
    height: 110px;
    position: absolute;
    margin-left: 470px;
    margin-top: -6px !important;
    padding: 25px 0 0 0 !important;
    background: url(images/prices-bg.jpg) top right no-repeat; }

  .scrollablemdm .pricesnopromo{
    width: 175px;
    height: 110px;
    position: absolute;
    margin-left: 470px;
    margin-top: -6px !important;
    padding: 25px 0 0 0 !important;
     }


    .scrollablemdm .prices .star-price{
      float: right !important;
      font-size: 25px !important;
      color: #ffffff !important;
      float: left;
      width: 90px;
      padding-top: 0px !important;
      padding-bottom: 24px !important;
      padding-right: 40px !important;
      text-align: center; }

    .scrollablemdm .prices .current-price{
      float: right;
      display: block;
      height: 15px;
      line-height: 12px !important;
      font-size: 15px !important;
      font-weight: bold !important;
      background: #fe0000;}

    .scrollablemdm .prices .old-price{
      float: right;
      display: block;
      height: 12px;
      line-height: 12px !important;
      font-size: 11px !important;
      font-weight: bold !important;
      padding-top: 4px !important;
      background: #ff8b00; }

#decouvrir_nos_sites{
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  width: 230px;
  height: 56px;
  float: left;
  line-height: 18px;
  padding: 12px 0 12px 0;
  background: url(images/bg_decouvrir.jpg); }

  #decouvrir_nos_sites span{
    font-style: italic;
    color: #ffffff; }

  #decouvrir_nos_sites a{
    color: #ffd7bb; }