/* Feuille de style - Distrinet */
@font-face{font-family:"Font1";
font-style:normal;
font-weight:normal;
src:url('../fonts/AvenirNextLTPro-Regular.woff') format('woff');}

@font-face{font-family:"Font2";
font-style:normal;
font-weight:normal;
src:url('../fonts/AvenirNextLTPro-Demi.woff') format('woff');}

body{font-family:"Font1", "Trebuchet MS", Helvetica, Arial, sans-serif; font-weight:normal;
 /*background:url(/images2/background_noel.jpg) repeat;*/}

.container{width:990px; max-width:100%;}

div.logo{margin:15px;}
.logo a{width:245px; height:98px; background:url( ../img/logo.png ) center center no-repeat; display:block;}
/*.logo a{width:265px; height:98px; background:url( ../img/logo_noel.png ) center center no-repeat; display:block;}*/
.bg1{background:#3d0c23; color:#fff;}
.bg1 a{color:#fff;}
h2 {font-size:20px;}

.question, .user, .favoris, .panier{display:inline-block; height:48px; position:relative;}
.question:hover, .user:hover, .favoris:hover, .panier:hover{opacity:0.9;}
.favoris span, .panier span{position:absolute; top:2px; right:2px; color:#fff; font-size:30px; text-align:center; font-weight:normal; font-family:"Font2", "Trebuchet MS", Helvetica, Arial, sans-serif; letter-spacing:-3px; width:32px;}

.question{background:url( ../img/case_aide.png ) top left no-repeat; width:51px;}
.user{background:url( ../img/case_profil.png ) top left no-repeat; width:51px;}
.favoris{background:url( ../img/case_favori.png ) top left no-repeat; width:73px;}
.panier{background:url( ../img/case_cart.png ) top left no-repeat; width:77px;}

.info-promo p{display:inline-block; font-size:12px;}
.info-promo p img{vertical-align:middle; margin-right:5px; margin-top:-4px;}

.carousel{margin-top:20px;}
#slider{margin:0;}
.carousel img.product{width:867px; margin:0 auto; display:block;}
a.carousel-control{text-decoration:none;}
.item .thumb{width:128px; cursor:pointer; display:inline-block; height:62px;}
.item .thumb img{width:100%; margin:2px;}
.item img{width:100%;}
#slider-thumbs img{opacity:0.5;}
#slider-thumbs .selected img{opacity:1;}
#slider-thumbs ul{text-align:center;}
.carousel-control.left{background:transparent url(); margin:20px 0 0 -20px;}
.carousel-control.right{background:transparent url(); margin:20px -20px 0 0;}
a.carousel-control{text-decoration:none;}

.mb20{margin-bottom:20px;}

.nopdh{padding-left:0 !important; padding-right:0 !important;}
.pdh5{padding-left:5px !important; padding-right:5px !important;}
.pdl5{padding-left:5px !important;} 
.pdh15{padding-left:15px !important; padding-right:15px !important;}
.pdleft{padding-left:10px}

.bg-color, .bg-color2{background:#e9eaed; padding-top:15px; padding-bottom:15px;}

.cat1{background:#9a0048;}
.cat2{background:#b62639;}
.cat3{background:#cb422d;}
.cat4{background:#ed711b;}

a.cat-produit{display:block; padding:15px 0 80px; width:100%; position:relative;}
a.cat-produit img{margin-top:30px;}
a.cat-produit span{position:absolute; color:#fff; bottom:15px; left:15px; text-align:left; font-size:17px;}
a.cat-produit span.relative{position:static; font-size:14px; display:block;}
a.cat-produit:hover{opacity:0.9;}

.xxsmall-font{font-size:10px;}
.xsmall-font{font-size:11px;}
.small-font{}
.italic{font-style:italic !important;}
.bold{font-weight:bold !important;}
.block{display:block !important;}
.relative{position:relative;}

.bloc-produit{background:#fff none repeat scroll 0 0;
    border-left:5px solid #e9eaed;
    border-right:5px solid #e9eaed;
    border-top:10px solid #e9eaed;
    padding-bottom:0;
    padding-left:0 !important;
    padding-right:0 !important;
    text-align:center;}
.bloc-produit a.photo{height:100px; display:block; margin-top:10px;}
.bloc-produit .car{line-height:40px; height:40px; overflow:hidden; padding:0 0 0 2px;} 
.bloc-produit .car span{width:72px; vertical-align:middle; display:inline-block; line-height:1;} 
.bloc-produit .car img{margin-right:2px;} 
.bloc-produit h2{font-size:12px; color:#9a0048; text-align:center; padding-left:10px; padding-right:10px; font-weight:normal; font-family:"Font2", "Trebuchet MS", Helvetica, Arial, sans-serif; height:40px; max-height:40px; overflow:hidden;} 
.bloc-produit h2 a{text-decoration:none; color:#9a0048;}
.bloc-produit p{color:#797979; font-size:12px; text-align:left; padding:0 10px; line-height:120%; height:58px; max-height:58px; overflow:hidden;} 
* html .bloc-produit p{height:59px; max-height:59px;/*ie*/}
.bloc-produit:hover{-webkit-box-shadow: inset 0px 3px 14px -12px #000000; 
box-shadow: inset 0px 3px 14px -12px #000000;}

.montant, #prixpublicttc{color:#9a0048; font-size:24px; margin:5px 0 5px; font-weight:normal; font-family:"Font2", "Trebuchet MS", Helvetica, Arial, sans-serif; padding-right:15px !important;}
.montant{line-height:1;}
.montant .prix{font-size:24px;}
.montant .cent{font-size:16px; padding-right:5px;}
.montant span.apd{font-size:11px; color:#4b4b4b; margin-right:52px; font-family:"Font1", "Trebuchet MS", Helvetica, Arial, sans-serif;}

#prixpublicttc{color:#FF6633;}
#prixpublicttc .prix{font-size:24px; font-weight:bold;}
#prixpublicttc .cent{font-size:16px; font-weight:bold;}
#ecop{margin-right:15px;}
#ecop, #ecoparticipation{font-size:12px; color:#390;}
#ecoparticipation .cent{font-size:10px;}
#pp3x{background-color:#FFC; padding:2px 4px 2px 10px; margin-right:11px;}

.credit a.cart{background:#d6d6d6 url( ../img/icon_cart.png ) center right no-repeat; width:48px; height:49px; display:block;}
.credit a.custom{background:#d6d6d6 url( ../img/icon_custom.png ) center right no-repeat; width:48px; height:49px; display:block;}
.credit{background-color:#d6d6d6; color:#9a0048; height:49px; padding:7px 0 0 0;} 
.credit a, .marquepage img{position:absolute; right:0px; top:0px;} 
.credit > span, .credit > a{color:#2a2a2a; padding-right:51px; text-align:center; display:inline-block; font-family:"Font2", "Trebuchet MS", Helvetica, Arial, sans-serif;}
.credit > span{line-height:17px;}
.credit .big{font-size:23px; letter-spacing:-2px; padding:-5px 0 0 0;}
.credit span.xxl-font{color:#2a2a2a; font-size:21px; text-decoration:none !important; margin:8px 10px 0 0;}

.block-header{background:#2f636a; color:#fff; padding:7px 10px 7px 10px; text-transform:uppercase; font-size:16px; margin-bottom:0; margin-top:0; display:block; line-height:1.1;}

.left-bar{font-size:16px;}
.left-bar p{color:#2f636a;}
.left-bar a{text-decoration:none; color:#2f636a;}
.left-bar .knote{width:137px;display:inline-block;text-align:right;padding-right:3px;}
.left-bar a.tous{text-decoration:underline; color:#2f636a; font-size:13px;}
.left-bar .bgwhite.nopdv{margin-bottom:0; padding-bottom:0;}
.left-bar .bgwhite{margin-bottom:0px; padding-bottom:30px;}

p.color-89acb1{color:#89acb1;}

ul.navbar-nav{width:100%;}

ul.navbar-nav li{padding:0;}

ul.navbar-nav li a,
ul.navbar-nav li.active a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{padding:20px 43px; border-right:solid 5px #FFF; text-align:center; background:transparent;}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:visited{color:#FFF;}
.navbar-default .navbar-nav > li > ul > li > a{text-align:left; padding:5px 25px; font-size:14px; background:url(../img/bullet-1.png) 12px 12px no-repeat;}
.navbar-default .navbar-nav > li.og2 > ul > li > a{background:url(../img/bullet-2.png) 12px 12px no-repeat;}
.navbar-default .navbar-nav > li.og3 > ul > li > a{background:url(../img/bullet-3.png) 12px 12px no-repeat;}
.navbar-default .navbar-nav > li.og4 > ul > li > a{background:url(../img/bullet-4.png) 12px 12px no-repeat;}
.navbar-default .navbar-nav > li.og5 > ul > li > a{background:url(../img/bullet-5.png) 12px 12px no-repeat;}
.navbar-default .navbar-nav > li > ul > li > span.title{padding-left:5px; color:#666; font-weight:bold;}
.navbar-default .navbar-nav > li > ul > li a:hover{background-color:#EEE;}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:visited,
.navbar-default .navbar-nav > .open > a:active,
.navbar-default .navbar-nav > .open > a:focus{color:#FFF; background-color:transparent;}
.dropdown:hover .dropdown-menu{display:block; margin-top:0;}
.nav-tabs .dropdown-menu{border-top-left-radius:0; border-top-right-radius:0; margin-top:0; padding-top:20px;}
.nav-tabs .dropdown-menu{background-color:#3d0c23;}
.nav-tabs .dropdown-menu a, .nav-tabs .dropdown-menu a:hover, .nav-tabs .dropdown-menu a:focus{padding:10px 40px 10px 25px; background-color:#3d0c23; color:#fff;}
.dropdown.og1{background-color:#9a0048; color:#fff;}
.dropdown.og2{background-color:#b62639; color:#fff}
nav a{font-size:17px; display:inline-block; text-align:center; color:#fff;}
nav a.last{border-right:none !important;}
.navbar-default{border:none !important;}

#liv{min-width:500px;}
#liv li.title, #liv li.subtitle{clear:both; display:block; float:none; padding-top:5px;} 
#liv li{float:left; min-width:33%; padding-left:10px;}
#liv li a{line-height:45px;}
#liv li.title{font-size:18px;}

li.link1, li.link1 a{background:#9a0048 !important; color:#fff !important; min-width:198px;}
li.link2, li.link2 a{background:#b62639; color:#fff !important; min-width:198px;}
li.link3, li.link3 a{background:#c53930; color:#fff !important; min-width:198px;}
li.link4, li.link4 a{background:#d14a2a; color:#fff !important; min-width:198px;}
li.link5, li.link5 a{background:#e86a1e; color:#fff !important; min-width:198px;}
li.link1:hover,li.link2:hover,li.link3:hover,li.link4:hover,li.link5:hover{opacity:0.9;}

.mt25{margin-top:25px;}
.pdt25{padding-top:25px !important;}
.nomt{margin-top:0px; margin-bottom:0px;}
.nopdv{padding-top:0px; padding-bottom:0px;}
.nopdb{padding-bottom:0;}

.bgwhite{background:#fff;}

.pdh10{padding-left:10px; padding-right:10px;}
.pdh20{padding-left:20px; padding-right:20px;}
.pdv20{padding-top:20px; padding-bottom:20px;}
.pdv10{padding-top:10px; padding-bottom:10px;}
.noborder{border:none !important;}
.comentateur{font-size:13px; display:block; padding:20px 0; border-bottom:solid 1px #2f636a; text-align:right;}

.container .shadow{background:url(../img/barre_fondu.png) bottom left no-repeat; background-size:auto 17px; height:17px;}
.container .shadow-right{background:url(../img/barre_fondu_2.png) bottom right no-repeat; background-size:auto 17px; height:17px;}

.footer{font-size:19px; color:#4b4b4b; padding-top:40px;}
.footer li, .footer ul{list-style-type:none; padding:0px;}
.footer a{font-size:19px; color:#4b4b4b; font-weight:normal;}
.footer div.tit{font-size:23px; color:#4b4b4b; font-weight:normal; text-transform:uppercase; border-bottom:solid 2px #9a0048; padding-bottom:20px; margin-bottom:15px;}
.footer-legale{border-top:solid 2px #9a0048;}
.footer-legale, .footer-legale a{font-size:17px; padding:15px 0 25px; color:#4b4b4b; font-weight:normal;}
.underline{text-decoration:underline;}
.container-fluid.bg1 .container{padding:15px 0; font-size:14px;}
.container-fluid.bg1 .container .telephone{font-size:16px; font-weight:normal; font-family:"Font2", "Trebuchet MS", Helvetica, Arial, sans-serif; text-decoration:none;}
.container-fluid.bg1 .container .telephone img{margin:-4px 10px 0 0;}

.bg1 .nav .open > a,
.bg1 .nav .open > a:hover,
.bg1 .nav a:hover,
.bg1 .nav .open > a:focus,
.bg1 .nav a{background-color:transparent;
    border-color:transparent;
	text-decoration:none;
	font-size:15px;
	text-transform:uppercase;
	padding:0 0 0 10px;}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background-color:transparent;
    border-color:transparent;}

.caret{background:rgba(0, 0, 0, 0) url("../img/puce_defilant.png") no-repeat scroll center center;
    border:medium none;
    height:12px;
    margin-left:5px;
    margin-top:-4px;
    width:13px;}	

/*.nav img{display:none;}*/

h1{display:inline-block;
    font-size:16px;
}
/*div.logo h1{display:inline-block;
    font-size:12px;
    text-indent:-99999px;}*/

.menu-flag{margin:-5px 10px 0 0;}


@media screen and (max-width:1024px){
	ul.navbar-nav li a, ul.navbar-nav li.active a,
	 .navbar-default .navbar-nav > .active > a, 
	 .navbar-default .navbar-nav > .active > a:hover, 
	 .navbar-default .navbar-nav > .active > a:focus{border-right:0;}	
	
	#navbar ul{margin:0px;}
	
	.center-small{text-align:left;}

	.navbar-nav > li{display:inline-block;
		float:none;}
	
	ul.navbar-nav{text-align:center;}
	
	ul.navbar-nav li a, ul.navbar-nav li.active a, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{border-right:0 solid #fff;
    padding:20px 15px;
    text-align:center;}
}

.clr{clear:both;}
ul.numpage{height:30px; 
 text-align:center; 
 padding-top:20px;}
ul.numpage a.page, ul.numpage a.cpage{
 border:1px solid #800040; 
 display:block;
 width:28px;
 height:26px;
 margin-right:6px;
 padding-top:3px;
 text-align:center;}
* html ul.numpage a.page, ul.numpage a.cpage {  padding-top:1px;/*ie*/ }
ul.numpage a.cpage{background-color:#800040;
 color:#FFFFFF;
 width:30px;
 height:28px;
 margin-top:-1px;}
ul.numpage li{list-style:none;
 margin:0;
 padding:0;
 float:left;}
ul.numpage li.txt{padding:3px 3px 0 0;}

.form320{width:300px; margin:auto; height:140px;}
.form320 input[type=email], .form320 input[type=password]{width:260px;}
input[type=image]{display:block; margin:4px auto 0;} /*centrer*/
.form320 label{display:block; margin:0;}
.form220 label{display:block; width:220px; float:left;}
.form140 label{display:block; width:140px; float:left;}
fieldset{padding:2px 0;}

.erreurident{color:red; font-weight:bold; margin-bottom:10px; text-align:center; font-size:16px; background:url(../img/erreur.png) 0 0 no-repeat; line-height:25px;}
#navpanier{margin:auto; width:635px; margin-bottom:5px;}

input.bt137{width:137px; height:31px; border:0; cursor:pointer;}	
input.bt137:hover{opacity:0.9; filter:alpha(opacity=90); background-color:white;}
input.cont{background:url(../nav/poursuivre-ma-commande.png) no-repeat;}

input.bt240{width:240px; height:35px; border:0; cursor:pointer;}	
input.bt240:hover{opacity:0.9; filter:alpha(opacity=90); background-color:white;}
input.cont2{background:url(../nav/confirmer-et-payer.png) no-repeat;}

.evaluation{border-bottom:solid 1px #2f636a; padding:20px; margin:0 10px 25px 10px;}
.evaluation .col1{width:280px;  padding-left:10px;}
.evaluation .col2{width:50%;}
.ibtop{display:inline-block; vertical-align:top;}
#resumeconfig ul{margin:0; padding:5px; font-size:12px;}
#resumeconfig ul li{list-style:none; background:url(/images2/bullet-1.png) left 4px no-repeat; margin:0; padding:0 0 0 9px;}
#resumeprix span{margin:0; padding:3px; font-size:16px;}
h2.pe1{text-align:center;}
h2.pe1::after{content: "Résumé";}
.pe1d{display:none; /*marque résumé*/ }
#powered{color:#999999; font-size:11px; margin-top:2px;}

/*photos et zoom*/
img.photo{border:5px solid #DDDDDD;}
.wmimg{float:left; 
 width:40px; 
 height:40px;
 background-color:#FFFFFF;
 margin-left:5px;
 border:1px solid #F5F5F5;
 vertical-align:middle;
 text-align:center;}
.wmimg img:hover{border:1px solid #999999;
 cursor:pointer;}
img#viewer{cursor:url('/images2/zoomin.cur'), pointer !important;}
.imagenc{margin-top:20px;	
 padding-bottom:12px;
 background:#FFFFFF url(/images2/imagenoncontractuelle.png) bottom center no-repeat;
 min-width:250px;
 text-align:center;}

#basket .col5, #basket .col11{border-bottom:1px solid #2f636a;}
#basket ul, .ulstd{margin:5px 0 0 0; 
 padding:0;}
#basket ul li, .ulstd li{list-style:none;
 background:url(/images2/bullet-1.png) left 4px no-repeat;
 margin:0 0 0 10px;
 padding:0 0 0 9px;
 font-size:80%;
 color:#333333;
 line-height:13px;}

img.icons, img.icons2{width:29px;}

.tac{text-align:center;}
.fleft{float:left;}
.fright{float:right;}

p.tabe, p.tabf{clear:left; margin:0; padding:0; height:100% !important /*ie7*/; height:1em /*ie6*/;}
p.tabe{border-top:1px solid #E0E0E0; padding:10px 0 10px 4px; background-color:#EFEFEF}
p.tabf{border-bottom:1px solid #E0E0E0;}
p.tabf span.col1, p.tabf span.col2{float:left; margin:0px; padding:3px;}
p.tabf span.col1{width:33%; color:#2f636a; padding-left:5px;}
p.tabf span.col2{width:65%; color:#333;}

#navpanier{margin:30px 0 20px 0;}

@media screen and (max-width:767px){
a.cat-produit span{left:0;text-align:center;width:100%}
a.cat-produit span.relative{display:inline;font-size:17px}
}
@media screen and (max-width:1199px){
.bloc-produit .car{width:50%;float:left}
.bloc-produit .car span{width:90%}
a.cat-produit{padding:5px 0 50px}
}
@media print {
  /* All your print styles go here */
  header,
  footer,
  .info-promo {
    display: none !important;
  }
  header.logo { display:block; }
}