/*------------------------------------------------ GENERIQUE ------------------------------------------------*/
*{padding:0;margin:0;}
img{border:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a{outline: none;}
hr{display:none;}
li{list-style-type:none;list-style-position:outside;}
fieldset{border:none;}
caption{display:none;}
/* These are standard sIFR styles... do not modify */
.sIFR-flash {visibility: visible !important;margin: 0;}

.sIFR-replaced {visibility: visible !important;}

span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display: none !important;}
/*----------------------------------------------- /GENERIQUE ------------------------------------------------*/
/*------------------------------------------- PROPRIETES ELEMENT --------------------------------------------*/
/* position */
.clear{clear:both;font-size:1px;line-height:0;}
.right, .right_2{float:right;}
.left, .left_2{float:left;}
.center{text-align:center;display:table;margin-left:auto;margin-right:auto;}

/* bordure */
.no_border{border:none;}

/* centrage txt*/
.txt-c{text-align:center;}
.txt-l{text-align:left;}
.txt-r{text-align:right;}
.txt-j{text-align:justify;}

/* alignement vertical */
.valign-t{vertical-align:top;}
.valign-m{vertical-align:middle;}
.valign-b{vertical-align:bottom;}

/* position */
.rel{position:relative}

/* element de hauteur < 10px */
.lf{line-height:0;font-size:1px;}
/*------------------------------------------- /PROPRIETES ELEMENT --------------------------------------------*/

/*----------------------------------------------- MODELE SITE -------------------------------------------------*/
html, body{height:100%;}
html{overflow-y:scroll;}
/* pour centrer le site*/
body{background:#dbe8ff; font:normal 10px verdana}

/* noel */
/*
body {background:url('../images-noel-2009/bg_day.png') center 0 repeat-x #fff; font:normal 10px verdana;}
body.evening {background:url('../images-noel-2009/bg_evening.png') center 0 repeat-x #fff; font:normal 10px verdana;}
body.night {background:url('../images-noel-2009/bg_night.png') center 0 repeat-x #fff; font:normal 10px verdana;}
*/

p,div,a,input,select,textarea,td {font: normal 10px verdana;}

a {color: #003fc8;}

/* top */
#top {
  position: relative;
  margin-top: 10px;
  width: 909px;
  height: 250px;
  background: url('../template/2010-11_header.jpg') 0 bottom no-repeat;
}

body.secure #top {
  background: url('../template/2010-11_header_secure.jpg') 0 bottom no-repeat;
}

#menu { position: absolute; bottom: 10px; left: 20px; margin: 0; padding: 0}
#menu li {float: left; display: inline; margin: 0; padding: 0; margin-right: 12px; list-style-type: none; height: 16px}
#menu li.title {color: #666;}
#menu li a {font-size: 12px; color:#2BA2FB; font-weight: bold; text-transform: uppercase;  line-height: 16px}
#menu li.home {width: 16px;}
#menu li.home a {text-indent: -999px; overflow: hidden; display: block; width: 16px; height: 16px; background: url('../template/bt_home.png') 0 0 no-repeat}

#top .flags {
  position: absolute;
  top: 0px;
  left: 410px;
  width: 200px;
  text-align: right;
}

#top .index {
  position: absolute;
  top: 50px;
  left: 30px;
  width: 130px;
  height: 170px;
  cursor: pointer;
}

#top .search {
position:absolute;
right:20px;
bottom:28px;
padding: 5px;
background-color: #FBD603;
-moz-border-radius: 8px;
border-radius: 8px;
}

#top .search span {
font-size: 11px;
font-weight: bold;
color: #333;

}

#top .secured-payment {
  position:absolute;
  left:145px;
  top:140px;
}


/* main */
#main {
  width: 907px;
  _width: 909px;
  margin: 0px;
  border-width : 0px 1px 1px 1px;
  border-style: solid;
  border-color: #003fc8;
  background-color: #fafafa;
}

#roadline {margin-left: 20px; padding-top: 5px}
#roadline .title {color: #666;}
#roadline .entries a {margin: 0px 5px}
#roadline .entries {color: #666}


#main .col_left {
  display: inline;
  margin: 0px 10px 10px 10px;
  width: 170px;
}

#main .col_main {
  display: inline;
  margin : 10px 10px 10px 0px;
  width: 705px;
}

/* bottom */
#bottom {margin-top: 10px;}
#bottom .infos {margin: 10px 0px 0px 0px;}
#bottom .infos a{margin-right: 10px;font-size: 12px; font-weight: bold;}
#bottom .copyright {margin-top: 20px;color: #666666;}
#bottom .copyright {margin-top: 20px;}

/* titles */
h1 {padding-top: 30px;margin: 0px 40px 20px 40px; font-size: 18px; font-weight: bold; color: #003fc8; text-align: center;}
h2 {margin: 10px; font-size: 12px; color: #003fc8;}
h3 {margin: 10px; font-size: 11px; font-weight: normal; color: #003fc8;}
/* h4 {margin: 10px; font-size: 11px; font-weight: normal; color: #666; text-decoration: underline;} */
h4 {color:#003FC8; font-size:15px; font-weight:bold; margin:10px;}


/* block */
.block {}
.block h4.block {
  margin: 0;
  padding: 0;
  height: 40px;
  line-height: 50px;
  padding-left: 30px;
  background: url('../template/bg_encart.gif') 0px 0px no-repeat;
  font-weight: bold;
  font-size: 12px;
  color: #003fc8;
}
.block .border {border-width: 3px 0 0; border-style: solid; border-color: #86B7EE; background: white;}
.block .content {padding: 5px 0;}

.block2 {}
.block2 h4.block {
  margin: 0;
  padding: 0 0 0 10px;
  height: 24px; 
  line-height: 24px; 
  background: url('../template/bg_encart2.gif') 0px 0px repeat-x #FFF600; 
  font-weight: bold; 
  font-size: 13px;
  color: #4F2D05;
  text-transform: uppercase;
}
.block2 .border {background: white; border: none; }
.block2 .content {padding: 0px 0; margin: 0;}

.block3 {}
.block3 h4.block {
  margin: 0; 
  padding: 0; 
  height: 24px; 
  line-height: 24px; 
  background: url('../template/bg_encart3.gif') 0px 0px repeat-x;
  padding-left: 5px;
  font-weight: bold; 
  font-size: 12px; 
  color: white;
}
.block3 .border {border-width: 1px 1px 1px 1px; border-style: solid; border-color: #b7dbe5; background: white;}
.block3 .content {margin: 5px;}


/* contour image */
.contourimage {border: 1px solid #CCCCCC; background-color: white;}

/* forms */
.form2 {cursor: pointer; border:none; text-decoration: none; width: 153px; height: 47px; padding-left: 50px; font-weight: bold; font-size: 12px; color: white; background: url('../template/bt_commander.gif') 0px 0px no-repeat;}

/* img-link */
.modele .img-link {margin: 0px 10px 0px 0px; height: 170px; display: inline; overflow: hidden}
.modele .img-link .image {}
.modele .img-link .link {width: 120px;}


/* apercu-produit */
.block-apercu-produit {float: left; display: inline; width: 225px; height: 240px; margin: 0 10px 10px 0}
.block-apercu-produit h4.block {line-height: normal; padding: 5px; height: 30px}
.block-apercu-produit h4.block a {color:#454a53; font-size:11px; font-weight:bold}
.block-apercu-produit .apercu-produit {margin: 0}


.apercu-produit {float: left; display: inline; position: relative; margin: 0 10px 10px 0; width: 223px}
.apercu-produit .apercu {}
.apercu-produit .commander {float: left; display: inline; margin: 0; width: 153px;}
.apercu-produit .commander .choix {}
.apercu-produit .commander p {margin: 0 0 7px; font-size: 12px}
.apercu-produit .commander p.commander {margin-bottom: 10px; font-weight: bold;}
.apercu-produit .commander select {width: 153px; font-size: 12px}
.apercu-produit .commander .bouton {margin: 20px 0px 0px 10px}

.apercu-produit .apercu a:hover img {border-color: #003FC8}

.apercu-produit .tarifs {margin: 10px 10px 0px 0px; width: 110px;}
.apercu-produit .tarifs p.tarifs{margin-bottom: 5px; font-weight: bold;}
.apercu-produit .tarifs .tarif-promotion{color: #ff2572;}
.apercu-produit .tarifs .ancien-tarif{text-decoration: line-through; color: #666666;}

.apercu-produit .see-more {margin-top: 5px; background: #F3F3F3; height: 20px;}
.apercu-produit .see-more a {display: block; margin: 3px 5px; height: 18px; background: url('../template/see_more_details.gif') 0 -19px no-repeat; text-indent: -999px; overflow: hidden}
.apercu-produit .see-more a:hover {background-position: left top}

.apercu-produit  span.old-price {position: absolute; z-index: 100; text-align: right; bottom: 27px; right: 1px; font-size: 11px; color: #666; font-size: normal; text-decoration: line-through; background-color: white; padding: 1px 3px}
.apercu-produit  span.price {position: absolute; z-index: 100; text-align: right; bottom: 5px; right: 5px; font-size: 14px; color: #003FC8; font-weight: bold}
.apercu-produit  span.price-promo {color: #EF870E}



/* produit */
.produit {}
.produit .commander {margin-top: 40px}
.produit .commander .commander-title{height: 24px; line-height: 24px; padding-left: 10px; background: url('../template/bg_encart3.gif') 0px 0px repeat-x; font-weight: bold; font-size: 12px; color: white;}
.produit .commander .encart {margin-bottom: 15px;padding: 10px; background-color: #d6eeff;}
.produit .commander .encart .choix {width: 230px;}
.produit .commander .tarifs {margin: 0px 10px 0px 0px; width: 110px;}
.produit .commander .tarifs h1{margin-bottom: 5px; font-weight: bold;}
.produit .commander .tarifs .tarif-promotion{color: #ff2572;}
.produit .commander .tarifs .ancien-tarif{text-decoration: line-through; color: #666666;}

.produit .apercu {margin-top: 20px;}
.produit .apercu-video {margin-bottom: 10px;}
.produit .apercu-son {margin-bottom: 10px;}
.produit .video {}
.produit .son {}

/* tableau lignes */
table.tbl-rows {width: 100%;}
table.tbl-rows td {padding: 2px 4px; font-size: 11px}
table.tbl-rows tr.header {height: 25px;background: url('../template/bg_encart3.gif') 0px 0px repeat-x;}
table.tbl-rows tr.header td {color: white; font-size: 12px; font-weight: bold; padding: 4px 7px}

table.tbl-rows tr.content {background-color: #f2f2f2;}
table.tbl-rows tr.content:hover {background-color: #d9f8fd}

table.tbl-rows tr.footer {height: 20px;background: url('../template/bg_encart3.gif') 0px 0px repeat-x;}
table.tbl-rows tr.footer td {color: white;}
table.tbl-rows tr.footer td a {color: white;}

/* chariot */
.chariot {margin: 30px 0px 30px 0px; width:161px; background: url('../template/bg_cart.jpg') 0px 100% no-repeat;}
.chariot .top {}
.chariot .content {margin: 10px 5px;}
.chariot .content table {width: 150px;}
.chariot .content td {font-size: 9px;}
.chariot .order {}

/* chariot détaillé */
.chariot-detaille {}
.chariot-detaille .chariot-commander {margin: 20px 30px 0px 0px;}

.need-help {}
.need-help div.border {border: 1px solid #ccc; padding: 8px; margin: 0px 10px 10px; background: #fff;}
.need-help div h3 {color: #999; font-size: 12px; font-weight: bold; margin: 0px 0px 5px}
.need-help .help {float: left; display: inline; font-size: 11px; width: 150px; height: 40px; padding: 10px 5px 5px 50px; background: #fff; margin: 0px 8px;  -moz-border-radius: 6px; -webkit-border-radius: 6px; color: #666}
.need-help .help .strong {display: block}
.need-help .phone {background: url('../images/help_phone_icon.png') 3px center no-repeat #fff}
.need-help .skype {background: url('../images/help_skype_icon.png') 10px center no-repeat #fff}
.need-help .mail {background: url('../images/help_mail_icon.png') 10px center no-repeat #fff}

/* width an heights */
/* default width an heights */
.w-xxs {width: 10px;}
.w-xs {width: 30px;}
.w-s {width: 80px;}
.w-m {width: 150px;}
.w-l {width: 350px;}
.w-xl {width: 500px;}
.w-xxl {width: 650px;}
.w-all {width: 100%}
.h-xxs {height: 12px;}
.h-xs {height: 30px;}
.h-s {height: 60px;}
.h-m {height: 200px;}
.h-l {height: 400px;}
.h-l {height: 600px;}
.h-xl {height: 800;}
.h-all {height: 100%}


/* form elements */
div.secure-block {}
div.secure-block .error-block{width: 500px;padding-top: 30px;margin: 0px 40px 20px 40px; font-size: 12px; font-weight: bold; color: #e30076; text-align: center;}
div.secure-block label {margin: 0px 0px 10px 0px; display: block;}
div.secure-block label span {float: left;}
div.secure-block label.error span {color: #e30076;}
div.secure-block input,select,textarea {padding: 2px; border:1px solid #dbdbdb;}
div.secure-block label.error input {border: 1px solid #e30076;}
div.secure-block label.error select {border: 1px solid #e30076;}
div.secure-block label.error textarea {border: 1px solid #e30076;}
div.secure-block label.error checkbox {border: 1px solid #e30076;}
div.secure-block label.required span {padding-right: 15px; color: #009ace; text-decoration: underline; background: url('../img/pt_form_required.png') no-repeat 100% 0px;}
div.secure-block .input-error {color: #e30076; font-size: 9px;}
div.secure-block .form-action {margin: 20px 0px 0px 0px; border-top : 1px solid #009ace; text-align: right;}
div.secure-block .form-action input {margin-top: 5px;padding: 0px; width: 150px; border: 2px solid #009ace; background: url('../img/bg_button.png') no-repeat white; font-size: 12px; font-weight: bold; color: #009ace;}
div.secure-block .next-action {margin: 10px 0px 0px 0px; text-align: center;}
div.secure-block .submit-action {margin: 20px 0px 0px 0px; border-top : 1px dotted #003fc8; text-align: center;}
div.secure-block .submit-action input {margin-top: 5px;padding: 5px; width: 150px; background-color: #003fc8; font-size: 12px; font-weight: bold; color: white; text-transform: uppercase;}
div.secure-block fieldset legend {margin: 5px 0px; font-size: 12px; font-weight: bold;}

/* form tweaking */
div.secure-block {width:710px; padding: 0px 0px 20px}
form.block label {margin-left: 40px;}
form.block label.cgv {margin-left: 10px;}


div.secure-block .next-action input {
background-color:#DBE8FF;
border:2px solid #003FC8;
color:#003FC8;
font-size:15px;
font-weight:bold;
margin-top:5px;
padding:3px 10px;
text-transform:uppercase;
cursor: pointer;
}


/* chariot */
table.basket-order {float: right; margin: 20px 10px 20px 0px; padding: 0; width: 230px; border: 1px solid #999; border-spacing: 0px; background-color: #FBD603;}
table.basket-order p.title {color: #4F2D05; text-align: center; font-size: 16px; font-weight: bold}
table.basket-order td {vertical-align: top;}
table.basket-order thead td {padding: 10px}
table.basket-order thead td.title {padding: 2px}
table.basket-order thead td.title h1{margin: 0; padding: 0; font-size: 15px}
table.basket-order tfoot td {padding: 10px}
table.basket-order tbody td{padding: 3px; }
table.basket-order tbody td.preview img{border: 1px solid #ccc; margin-left: 5px}
table.basket-order tbody td a{padding: 3px; font-size: 11px; color: #003FC8}
table.basket-order tbody td p {font-size: 12px; color: #003FC8}
table.basket-order tfoot td.shippings p {font-size: 12px; color: #003FC8}

div.cross-selling {width: 640px; margin-left: 10px}

/* order process */
td.payment-hover {padding: 4px}
/*td.payment-hover:hover {background-color: #DBE8FF}*/

td.payment-sales-conditions {font-size: 12px}

.order-odd, .order-even {padding: 10px 5px; border-left: 1px solid #ededed; border-right: 1px solid #ccc}
.order-odd {background-color: #ededed}
.order-even {background-color: #fff}
 
 
.order-odd table.tbl-rows {background-color: #fafafa}
.order-odd table.tbl-rows tr.header {height: 25px;background: none;}
.order-odd table.tbl-rows tr.header td {color: #333; font-size: 12px; font-weight: bold; padding: 4px 7px}

.order-odd table.tbl-rows tr.content {background-color: #fafafa;}

.order-odd table.tbl-rows tr.footer {height: 20px;background: none;}
.order-odd table.tbl-rows tr.footer td {color: #000;}
.order-odd table.tbl-rows tr.footer td a {color: #000;}

.content-text a { color: #003FC8; font-size: 11px; color: #333; text-decoration: underline}
.content-text ul {margin: 0; padding: 0; margin-left: 10px}
.content-text ul li {margin: 0; padding: 0; margin-bottom: 3px; line-height: 15px; list-style-type: square; list-style-position: inside; color: #003FC8; font-size: 11px}


/* new titles */
h1 {padding-top: 10px;margin: 0px 40px 10px; font-size: 18px; font-weight: bold; color: #555; text-align: center;}
h2 {margin: 10px; font-size: 12px; color: #003fc8; font-weight: normal}
h3 {margin: 10px; font-size: 11px; font-weight: normal; color: #003fc8;}
h4 {color:#003FC8; font-size:15px; font-weight:bold; margin:10px;}

h3.intro {margin: 10px; color: #555; font-weight: normal; font-size: 11px}

ul.category-types {margin: 10px 10px 20px; padding: 5px; background: #eee}
ul.category-types li {float: left; width: 300px; white-space: nowrap; height: 20px; overflow: hidden; margin-right: 15px; color: #555; background: url('../images/category_types_bullet.gif') 0 center no-repeat; font-size: 13px}
ul.category-types li a {font-size: 13px; color: #555}

/* homepage */
.home-slideshow {width: 465px; position: relative}
.product-slideshow .slideshow-item {height: 332px; position: relative}
.product-slideshow .overlay {position: absolute; z-index: 100; width: 100%; height: 50px; left: 0; bottom: 0; background: black; opacity: 0.6;}
.product-slideshow .description {position: absolute; z-index: 200; width: 100%; height: 50px; left: 0; bottom: 0}
.product-slideshow .description h3 {width: 70%; height: 40px; overflow: hidden; margin: 7px 0 0 10px}
.product-slideshow .description h3 a {color: white; font-size: 14px; font-weight: bold}
.product-slideshow .description span.price-promo {color : #EF870E}
.product-slideshow .description span.price {position: absolute; right: 10px; top: 10px; text-align: right; color: white; font-size: 16px; font-weight: bold}
.product-slideshow .description span.old-price {position: absolute; right: 10px; top: 30px; text-align: right; color: #ccc; font-size: 13px; font-weight: normal; text-decoration: line-through}
.product-slideshow .pagination {position: absolute; z-index: 300; text-align: center; right: 10px; top: 10px;}
.product-slideshow .pagination a {background: url(../template/slideshow-bullet.png) 0 -16px no-repeat transparent; width: 16px; height: 16px; margin: 0 5px 0 0; display: inline-block}
.product-slideshow .pagination a.selected {background-position: 0px 0px; cursor: default}
.product-slideshow .pagination a span {display: none}

.home-categories {padding-top: 5px}
.home-categories .category {float: left; display: inline; margin: 0 5px 10px 0; text-align: center}
.home-categories .category a {display: block; font-size: 10px; text-transform: uppercase; font-weight: bold}

.apercu-produit-panier {width: 200px !important}

/* vertical navigation */
.product-selections {width: 153px; margin-bottom: 20px}
.product-selections h4 {text-align: center}
.product-selections .content {background-color: #eee; padding-bottom: 10px}
.product-selections ul {margin: 0; padding: 0}
.product-selections ul li {margin: 0; padding: 3px 0 3px 10px}
.product-selections ul li a {font-size: 12px; color: #2BA2FB; font-weight: bold; text-transform: uppercase}

/* home feature list */
div.feature-list  {width: 705px; height: 270px; overflow: hidden; position: relative; background: url('../images-noel-2010/feature_list_bg.jpg') 0 0 repeat-x;}
div.feature-list h3 {margin: 0; 	padding: 0; font-size: 15px; text-transform: uppercase; color: #4F2D05}
div.feature-list  ul {position: absolute; top: 0; list-style: none; 	padding: 0; margin: 0}
div.feature-list ul.tabs {left: 0; z-index: 2; width: 350px; }
div.feature-list ul.tabs li {font-size: 12px; font-family: Arial; }
div.feature-list ul.tabs li img {padding: 5px; border: none; float: left; margin: 10px 10px 0 0; }
div.feature-list ul.tabs li a {color: #222; text-decoration: none; 	display: block; padding: 5px; height: 35px; outline: none; }
div.feature-list ul.tabs li a:hover {text-decoration: none}
div.feature-list ul.tabs li a:hover span {text-decoration: underline}
div.feature-list ul.tabs li a.current {background:  url('../template/feature_list_tab_bg') right top; color: #FFF;}
div.feature-list ul.tabs li a.current h3 {color: #FBD603}
div.feature-list ul.tabs li a.current:hover {text-decoration: none; cursor: default; }
div.feature-list ul.output {right: 0; width: 463px; height: 270px; position: absolute; }
div.feature-list ul.output li {position: absolute; width: 463px; height: 270px; }
div.feature-list ul.output li a.more {position: absolute; top: 220px; right: 10px; padding: 8px 12px; background: #D22A1E; color: #fff; text-decoration: none; font-size: 11px;  -moz-border-radius: 5px; }
div.feature-list ul.output li a.more:hover {color: #4F2D05; background: #FBD603; }